@wix/design-system/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _MonthDropdownSt = require("./MonthDropdown.st.css.js");
var _setMonth = _interopRequireDefault(require("date-fns/setMonth"));
var _DatePickerDropdown = _interopRequireDefault(require("../../DatePickerDropdown"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.tsx";
var optionsOf = items => items.map((item, index) => ({
  value: item,
  id: index
}));
var MonthDropdown = _ref => {
  var _options$find;
  var {
    className,
    months,
    date,
    onChange: _onChange,
    ariaLabel,
    ariaLabelledBy
  } = _ref;
  var options = optionsOf(months);
  var selectedMonth = (_options$find = options.find(_ref2 => {
    var {
      id
    } = _ref2;
    return id === date.getMonth();
  })) !== null && _options$find !== void 0 ? _options$find : options[0];
  return /*#__PURE__*/_react.default.createElement(_DatePickerDropdown.default, {
    dataHook: "datepicker-month-dropdown",
    className: (0, _MonthDropdownSt.st)(_MonthDropdownSt.classes.root, className),
    caption: selectedMonth == null ? void 0 : selectedMonth.value,
    options: options,
    selectedId: selectedMonth.id,
    onChange: _ref3 => {
      var {
        id
      } = _ref3;
      return _onChange((0, _setMonth.default)(date, id));
    },
    ariaLabel: ariaLabel,
    ariaLabelledBy: ariaLabelledBy,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 24,
      columnNumber: 5
    }
  });
};
var _default = exports.default = MonthDropdown;
//# sourceMappingURL=MonthDropdown.js.map