@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 _element = require("@wordpress/element");

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

var _lodash = require("lodash");

var _cell = _interopRequireDefault(require("./cell"));

var _picker = _interopRequireDefault(require("../picker"));

/**
 * External dependencies
 */

/**
 * 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 = (0, _lodash.find)(options, {
    value
  });
  const label = option ? option.label : value;
  return (0, _element.createElement)(_cell.default, (0, _extends2.default)({
    onPress: onCellPress,
    editable: false,
    value: label
  }, cellProps), (0, _element.createElement)(_picker.default, {
    leftAlign: true,
    hideCancelButton: hideCancelButton,
    ref: instance => picker = instance,
    options: options,
    onChange: onChange
  }));
}
//# sourceMappingURL=picker-cell.native.js.map