@wordpress/components/build/mobile/bottom-sheet/picker-cell.native.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = BottomSheetPickerCell;
var _cell = _interopRequireDefault(require("./cell"));
var _picker = _interopRequireDefault(require("../picker"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * Internal dependencies
 */

function BottomSheetPickerCell(props) {
  const {
    options,
    hideCancelButton,
    onChangeValue,
    value,
    ...cellProps
  } = props;
  let picker;
  const onCellPress = () => {
    picker.presentPicker();
  };
  const onChange = newValue => {
    onChangeValue(newValue);
  };
  const option = options.find(opt => opt.value === value);
  const label = option ? option.label : value;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
    onPress: onCellPress,
    editable: false,
    value: label,
    ...cellProps,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_picker.default, {
      leftAlign: true,
      hideCancelButton: hideCancelButton,
      ref: instance => picker = instance,
      options: options,
      onChange: onChange
    })
  });
}
//# sourceMappingURL=picker-cell.native.js.map