@wordpress/components/build/mobile/picker/index.ios.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _reactNative = require("react-native");

var _i18n = require("@wordpress/i18n");

var _data = require("@wordpress/data");

var _components = require("@wordpress/components");

var _compose = require("@wordpress/compose");

var _styles = _interopRequireDefault(require("./styles.scss"));

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
class Picker extends _element.Component {
  presentPicker() {
    const {
      options,
      onChange,
      title,
      destructiveButtonIndex,
      disabledButtonIndices,
      getAnchor,
      isBottomSheetOpened,
      closeBottomSheet,
      onHandleClosingBottomSheet,
      colorScheme
    } = this.props;
    const labels = options.map(_ref => {
      let {
        label
      } = _ref;
      return label;
    });
    const fullOptions = [(0, _i18n.__)('Cancel')].concat(labels);
    const buttonTitleColor = colorScheme === 'light' ? _styles.default['components-picker__button-title'].color : _styles.default['components-picker__button-title--dark'].color;

    _reactNative.ActionSheetIOS.showActionSheetWithOptions({
      title,
      options: fullOptions,
      cancelButtonIndex: 0,
      destructiveButtonIndex,
      disabledButtonIndices,
      anchor: getAnchor && getAnchor(),
      tintColor: buttonTitleColor
    }, buttonIndex => {
      if (buttonIndex === 0) {
        return;
      }

      const selected = options[buttonIndex - 1];

      if (selected.requiresModal && isBottomSheetOpened) {
        onHandleClosingBottomSheet(() => {
          onChange(selected.value);
        });
        closeBottomSheet();
      } else {
        onChange(selected.value);
      }
    });
  }

  render() {
    return null;
  }

}

const PickerComponent = (0, _element.forwardRef)((props, ref) => {
  const isBottomSheetOpened = (0, _data.useSelect)(select => select('core/edit-post').isEditorSidebarOpened());
  const {
    closeGeneralSidebar
  } = (0, _data.useDispatch)('core/edit-post');
  const {
    onHandleClosingBottomSheet
  } = (0, _element.useContext)(_components.BottomSheetContext);
  const colorScheme = (0, _compose.usePreferredColorScheme)();
  return (0, _element.createElement)(Picker, (0, _extends2.default)({
    ref: ref
  }, props, {
    isBottomSheetOpened: isBottomSheetOpened,
    closeBottomSheet: closeGeneralSidebar,
    onHandleClosingBottomSheet: onHandleClosingBottomSheet,
    colorScheme: colorScheme
  }));
});
var _default = PickerComponent;
exports.default = _default;
//# sourceMappingURL=index.ios.js.map