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

UI components for WordPress.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import { ActionSheetIOS } from 'react-native';
/**
 * WordPress dependencies
 */

import { __ } from '@wordpress/i18n';
import { Component, forwardRef, useContext } from '@wordpress/element';
import { useDispatch, useSelect } from '@wordpress/data';
import { BottomSheetContext } from '@wordpress/components';
import { usePreferredColorScheme } from '@wordpress/compose';
/**
 * Internal dependencies
 */

import styles from './styles.scss';

class Picker extends 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 = [__('Cancel')].concat(labels);
    const buttonTitleColor = colorScheme === 'light' ? styles['components-picker__button-title'].color : styles['components-picker__button-title--dark'].color;
    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 = forwardRef((props, ref) => {
  const isBottomSheetOpened = useSelect(select => select('core/edit-post').isEditorSidebarOpened());
  const {
    closeGeneralSidebar
  } = useDispatch('core/edit-post');
  const {
    onHandleClosingBottomSheet
  } = useContext(BottomSheetContext);
  const colorScheme = usePreferredColorScheme();
  return createElement(Picker, _extends({
    ref: ref
  }, props, {
    isBottomSheetOpened: isBottomSheetOpened,
    closeBottomSheet: closeGeneralSidebar,
    onHandleClosingBottomSheet: onHandleClosingBottomSheet,
    colorScheme: colorScheme
  }));
});
export default PickerComponent;
//# sourceMappingURL=index.ios.js.map