@wordpress/components/build/mobile/bottom-sheet/cycle-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 = BottomSheetCyclePickerCell;

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

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

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

/**
 * Internal dependencies
 */
function BottomSheetCyclePickerCell(props) {
  const {
    value,
    options,
    onChangeValue,
    ...cellProps
  } = props;

  const nextOptionValue = () => {
    return options[(selectedOptionIndex + 1) % options.length].value;
  };

  const selectedOptionIndex = options.findIndex(option => option.value === value);
  const optionsContainsValue = options.length > 0 && selectedOptionIndex !== -1;
  return (0, _element.createElement)(_cell.default, (0, _extends2.default)({
    onPress: () => optionsContainsValue && onChangeValue(nextOptionValue()),
    editable: false,
    value: optionsContainsValue && options[selectedOptionIndex].name
  }, cellProps));
}
//# sourceMappingURL=cycle-picker-cell.native.js.map