@salutejs/plasma-new-hope 0.109.0-canary.1308.10039680195.0 → 0.109.0-dev.0

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -9,10 +9,13 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _utils = /*#__PURE__*/require("../utils");
 var _hooks = /*#__PURE__*/require("../hooks");
 var _ui = /*#__PURE__*/require("../ui");
+var _reducer = /*#__PURE__*/require("../store/reducer");
+var _types = /*#__PURE__*/require("../store/types");
+var _CalendarBase = /*#__PURE__*/require("../CalendarBase/CalendarBase.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _CalendarDouble = /*#__PURE__*/require("./CalendarDouble.styles");
-var _StyledSeparator;
-var _excluded = ["value", "min", "max", "includeEdgeDates", "eventList", "disabledList", "onChangeValue"];
+var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
+var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -33,8 +36,16 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
       min = _ref.min,
       max = _ref.max,
       includeEdgeDates = _ref.includeEdgeDates,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'Days' : _ref$type,
       eventList = _ref.eventList,
       disabledList = _ref.disabledList,
+      eventMonthList = _ref.eventMonthList,
+      disabledMonthList = _ref.disabledMonthList,
+      eventQuarterList = _ref.eventQuarterList,
+      disabledQuarterList = _ref.disabledQuarterList,
+      eventYearList = _ref.eventYearList,
+      disabledYearList = _ref.disabledYearList,
       onChangeValue = _ref.onChangeValue,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useMemo = (0, _react.useMemo)(function () {
@@ -46,150 +57,299 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
     var value = secondValue || firstValue;
     var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
-      hoveredDay = _useState2[0],
-      setHoveredDay = _useState2[1];
-    var _useState3 = (0, _react.useState)((0, _utils.getDateFromValue)(value)),
+      hoveredItem = _useState2[0],
+      setHoveredItem = _useState2[1];
+    var _useState3 = (0, _react.useState)(type),
       _useState4 = _slicedToArray(_useState3, 2),
-      date = _useState4[0],
-      setDate = _useState4[1];
+      prevType = _useState4[0],
+      setPrevType = _useState4[1];
     var _useState5 = (0, _react.useState)(value),
       _useState6 = _slicedToArray(_useState5, 2),
       prevValue = _useState6[0],
       setPrevValue = _useState6[1];
-    var _useState7 = (0, _react.useState)(function () {
-        var nextDate = (0, _utils.getDateFromValue)(firstValue);
-        var _getNextDate = (0, _utils.getNextDate)(nextDate.year, nextDate.monthIndex),
-          _getNextDate2 = _slicedToArray(_getNextDate, 2),
-          initialYear = _getNextDate2[0],
-          initialMonth = _getNextDate2[1];
-        return {
-          monthIndex: [nextDate.monthIndex, initialMonth],
-          year: [nextDate.year, initialYear]
-        };
-      }),
+    var _useState7 = (0, _react.useState)(0),
       _useState8 = _slicedToArray(_useState7, 2),
-      doubleDate = _useState8[0],
-      setMonths = _useState8[1];
-    var handleMonth = (0, _react.useCallback)(function (getDate) {
-      var _getDate = getDate(doubleDate.year[0], doubleDate.monthIndex[0]),
-        _getDate2 = _slicedToArray(_getDate, 2),
-        newCurrentYear = _getDate2[0],
-        newCurrentMonth = _getDate2[1];
-      var _getDate3 = getDate(doubleDate.year[1], doubleDate.monthIndex[1]),
-        _getDate4 = _slicedToArray(_getDate3, 2),
-        newNextYear = _getDate4[0],
-        newNextMonth = _getDate4[1];
-      setMonths({
-        monthIndex: [newCurrentMonth, newNextMonth],
-        year: [newCurrentYear, newNextYear]
-      });
-    }, [doubleDate]);
-    var handlePrev = (0, _react.useCallback)(function () {
-      handleMonth(_utils.getPrevDate);
-    }, [handleMonth]);
-    var handleNext = (0, _react.useCallback)(function () {
-      handleMonth(_utils.getNextDate);
-    }, [handleMonth]);
+      outOfRangeKey = _useState8[0],
+      setOutOfRangeKey = _useState8[1];
+    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type, true)),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+    var date = state.date,
+      calendarState = state.calendarState,
+      startYear = state.startYear,
+      size = state.size;
+    var _useState9 = (0, _react.useState)(date),
+      _useState10 = _slicedToArray(_useState9, 2),
+      firstDate = _useState10[0],
+      setFirstDate = _useState10[1];
+    var _useState11 = (0, _react.useState)(date),
+      _useState12 = _slicedToArray(_useState11, 2),
+      secondDate = _useState12[0],
+      setSecondDate = _useState12[1];
+    var _useCalendarNavigatio = (0, _hooks.useCalendarNavigation)({
+        calendarState: calendarState,
+        date: date,
+        dispatch: dispatch
+      }),
+      handleNext = _useCalendarNavigatio.handleNext,
+      handlePrev = _useCalendarNavigatio.handlePrev;
     var _useKeyNavigation = (0, _hooks.useKeyNavigation)({
         isDouble: true,
-        size: [11, 6],
+        size: size,
+        calendarState: calendarState,
         onNext: handleNext,
         onPrev: handlePrev
       }),
-      _useKeyNavigation2 = _slicedToArray(_useKeyNavigation, 4),
+      _useKeyNavigation2 = _slicedToArray(_useKeyNavigation, 5),
       selectIndexes = _useKeyNavigation2[0],
       onKeyDown = _useKeyNavigation2[1],
       onSelectIndexes = _useKeyNavigation2[2],
-      outerRefs = _useKeyNavigation2[3];
-    var handleOnChangeDay = (0, _react.useCallback)(function (newDate, coord) {
-      var newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(newDay);
-      onSelectIndexes(coord);
-    }, [onChangeValue, onSelectIndexes]);
-    var firstDate = (0, _react.useMemo)(function () {
-      return {
-        day: date.day,
-        year: doubleDate.year[0],
-        monthIndex: doubleDate.monthIndex[0]
-      };
-    }, [date, doubleDate]);
-    var secondDate = (0, _react.useMemo)(function () {
-      return {
-        day: date.day,
-        year: doubleDate.year[1],
-        monthIndex: doubleDate.monthIndex[1]
-      };
-    }, [date, doubleDate]);
-    if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue)) {
-      var newDate = (0, _utils.getDateFromValue)(value);
-      var year = newDate.year,
-        monthIndex = newDate.monthIndex;
-      var _doubleDate$monthInde = _slicedToArray(doubleDate.monthIndex, 2),
-        prevMonthIndex = _doubleDate$monthInde[1],
-        _doubleDate$year = _slicedToArray(doubleDate.year, 2),
-        prevYear = _doubleDate$year[1];
-      if (prevMonthIndex !== monthIndex || prevYear !== year) {
-        var _getNextDate3 = (0, _utils.getNextDate)(year, monthIndex),
-          _getNextDate4 = _slicedToArray(_getNextDate3, 2),
-          nextYear = _getNextDate4[0],
-          nextMonthIndex = _getNextDate4[1];
-        setDate(newDate);
-        setMonths({
-          monthIndex: [monthIndex, nextMonthIndex],
-          year: [year, nextYear]
+      outerRefs = _useKeyNavigation2[3],
+      isOutOfRange = _useKeyNavigation2[4];
+    var _useCalendarDateChang = (0, _hooks.useCalendarDateChange)({
+        type: type,
+        onChangeValue: onChangeValue,
+        onSelectIndexes: onSelectIndexes,
+        dispatch: dispatch
+      }),
+      handleOnChangeDay = _useCalendarDateChang.handleOnChangeDay,
+      handleOnChangeMonth = _useCalendarDateChang.handleOnChangeMonth,
+      handleOnChangeQuarter = _useCalendarDateChang.handleOnChangeQuarter,
+      handleOnChangeYear = _useCalendarDateChang.handleOnChangeYear,
+      handleUpdateCalendarState = _useCalendarDateChang.handleUpdateCalendarState;
+    var updateSecondDate = function updateSecondDate() {
+      if (calendarState === _types.CalendarState.Days) {
+        var _getNextDate = (0, _utils.getNextDate)(date.year, date.monthIndex),
+          _getNextDate2 = _slicedToArray(_getNextDate, 2),
+          nextYear = _getNextDate2[0],
+          nextMonthIndex = _getNextDate2[1];
+        setSecondDate({
+          year: nextYear,
+          monthIndex: nextMonthIndex,
+          day: date.day
         });
       }
-      setPrevValue(value);
-    }
+      if (calendarState === _types.CalendarState.Months || calendarState === _types.CalendarState.Quarters) {
+        setSecondDate({
+          year: date.year + 1,
+          monthIndex: date.monthIndex,
+          day: date.day
+        });
+      }
+      if (calendarState === _types.CalendarState.Years) {
+        setSecondDate({
+          year: startYear + _utils.YEAR_RENDER_COUNT,
+          monthIndex: date.monthIndex,
+          day: date.day
+        });
+      }
+    };
+    var getBoundaryDates = function getBoundaryDates() {
+      // NOTE: Если установить индекс дня равным "0", то берется последнее число предыдущего месяца
+      if (calendarState === _types.CalendarState.Days) {
+        return [new Date(firstDate.year, firstDate.monthIndex, 1), new Date(secondDate.year, secondDate.monthIndex + 1, 0)];
+      }
+      if (calendarState === _types.CalendarState.Months || calendarState === _types.CalendarState.Quarters) {
+        return [new Date(firstDate.year, 0), new Date(secondDate.year, 12, 0)];
+      }
+      var endVisibleYear = startYear + _utils.YEAR_RENDER_COUNT * 2 - 1;
+      return [new Date(startYear, 0), new Date(endVisibleYear, 11)];
+    };
+
+    // Изменяем ключ каждый раз как пытаемся перейти на даты которые находятся за пределами min/max ограничений.
+    // Это необходимо для того чтобы screen-reader корректно озвучивал уведомление aria-live="assertive"
+    // о том что нет доступных дат
+    var handleKeyDown = (0, _react.useCallback)(function (event) {
+      setOutOfRangeKey(function (previousState) {
+        return Number(!previousState);
+      });
+      onKeyDown(event);
+    }, [onKeyDown]);
+    (0, _react.useEffect)(function () {
+      if (prevType !== calendarState) {
+        dispatch({
+          type: _types.ActionType.UPDATE_CALENDAR_STATE,
+          payload: {
+            calendarState: calendarState,
+            size: _reducer.sizeMap[calendarState]["double"]
+          }
+        });
+        setPrevType(calendarState);
+      }
+    }, [calendarState]);
     (0, _react.useEffect)(function () {
       if (!prevValue) {
         setPrevValue(value);
       }
+      if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue) || value && !prevValue) {
+        var _getBoundaryDates = getBoundaryDates(),
+          _getBoundaryDates2 = _slicedToArray(_getBoundaryDates, 2),
+          minVisibleDate = _getBoundaryDates2[0],
+          maxVisibleDate = _getBoundaryDates2[1];
+        if (value > maxVisibleDate || value < minVisibleDate) {
+          dispatch({
+            type: _types.ActionType.UPDATE_DATE,
+            payload: {
+              value: value
+            }
+          });
+        }
+        setPrevValue(value);
+      }
     }, [value, prevValue]);
+    (0, _react.useEffect)(function () {
+      setFirstDate(date);
+      updateSecondDate();
+    }, [date, calendarState]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
       "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
-    }, rest), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
+    }, rest), isOutOfRange && /*#__PURE__*/_react["default"].createElement(_CalendarBase.IsOutOfRange, {
+      key: outOfRangeKey,
+      "aria-atomic": "true",
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-relevant": "additions"
+    }, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
       isDouble: true,
       size: rest.size,
       firstDate: firstDate,
       secondDate: secondDate,
+      startYear: startYear,
+      type: calendarState,
       onPrev: handlePrev,
-      onNext: handleNext
-    }), /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_ui.CalendarDays, {
-      isDouble: true,
+      onNext: handleNext,
+      onUpdateCalendarState: handleUpdateCalendarState
+    }), /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledWrapper, null, calendarState === _types.CalendarState.Days && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ui.CalendarDays, {
+      value: externalValue,
+      date: firstDate,
+      min: min,
+      max: max,
       eventList: eventList,
       disabledList: disabledList,
+      includeEdgeDates: includeEdgeDates,
+      hoveredDay: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeDay: handleOnChangeDay,
+      onHoverDay: setHoveredItem,
+      onSetSelected: onSelectIndexes,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledSeparator, null)), /*#__PURE__*/_react["default"].createElement(_ui.CalendarDays, {
+      value: externalValue,
+      date: secondDate,
       min: min,
       max: max,
+      eventList: eventList,
+      disabledList: disabledList,
       includeEdgeDates: includeEdgeDates,
+      hoveredDay: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeDay: handleOnChangeDay,
+      onHoverDay: setHoveredItem,
+      onSetSelected: onSelectIndexes,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true,
+      isSecond: true
+    })), calendarState === _types.CalendarState.Months && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ui.CalendarMonths, {
       value: externalValue,
       date: firstDate,
-      hoveredDay: hoveredDay,
+      min: min,
+      max: max,
+      eventList: eventMonthList,
+      disabledList: disabledMonthList,
+      hoveredMonth: hoveredItem,
       selectIndexes: selectIndexes,
-      onChangeDay: handleOnChangeDay,
-      onHoverDay: setHoveredDay,
+      onChangeMonth: handleOnChangeMonth,
       onSetSelected: onSelectIndexes,
-      onKeyDown: onKeyDown,
-      outerRefs: outerRefs
-    }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledSeparator, null)), /*#__PURE__*/_react["default"].createElement(_ui.CalendarDays, {
+      onHoverMonth: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledSeparator, null)), /*#__PURE__*/_react["default"].createElement(_ui.CalendarMonths, {
+      value: externalValue,
+      date: secondDate,
+      min: min,
+      max: max,
+      eventList: eventMonthList,
+      disabledList: disabledMonthList,
+      hoveredMonth: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeMonth: handleOnChangeMonth,
+      onSetSelected: onSelectIndexes,
+      onHoverMonth: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
       isDouble: true,
-      isSecond: true,
-      eventList: eventList,
-      disabledList: disabledList,
+      isSecond: true
+    })), calendarState === _types.CalendarState.Quarters && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ui.CalendarQuarters, {
+      value: externalValue,
+      date: firstDate,
       min: min,
       max: max,
-      includeEdgeDates: includeEdgeDates,
+      eventList: eventQuarterList,
+      disabledList: disabledQuarterList,
+      hoveredQuarter: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeQuarter: handleOnChangeQuarter,
+      onSetSelected: onSelectIndexes,
+      onHoverQuarter: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator3 || (_StyledSeparator3 = /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledSeparator, null)), /*#__PURE__*/_react["default"].createElement(_ui.CalendarQuarters, {
       value: externalValue,
       date: secondDate,
-      hoveredDay: hoveredDay,
+      min: min,
+      max: max,
+      eventList: eventQuarterList,
+      disabledList: disabledQuarterList,
+      hoveredQuarter: hoveredItem,
       selectIndexes: selectIndexes,
-      onChangeDay: handleOnChangeDay,
-      onHoverDay: setHoveredDay,
+      onChangeQuarter: handleOnChangeQuarter,
+      onSetSelected: onSelectIndexes,
+      onHoverQuarter: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true,
+      isSecond: true
+    })), calendarState === _types.CalendarState.Years && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ui.CalendarYears, {
+      value: externalValue,
+      date: firstDate,
+      startYear: startYear,
+      selectIndexes: selectIndexes,
+      min: min,
+      max: max,
+      eventList: eventYearList,
+      disabledList: disabledYearList,
+      hoveredYear: hoveredItem,
+      onChangeYear: handleOnChangeYear,
       onSetSelected: onSelectIndexes,
-      onKeyDown: onKeyDown,
-      outerRefs: outerRefs
-    })));
+      onHoverYear: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator4 || (_StyledSeparator4 = /*#__PURE__*/_react["default"].createElement(_CalendarDouble.StyledSeparator, null)), /*#__PURE__*/_react["default"].createElement(_ui.CalendarYears, {
+      value: externalValue,
+      date: secondDate,
+      startYear: startYear + _utils.YEAR_RENDER_COUNT,
+      selectIndexes: selectIndexes,
+      min: min,
+      max: max,
+      eventList: eventYearList,
+      disabledList: disabledYearList,
+      hoveredYear: hoveredItem,
+      onChangeYear: handleOnChangeYear,
+      onSetSelected: onSelectIndexes,
+      onHoverYear: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true,
+      isSecond: true
+    }))));
   });
 };
 var calendarDoubleConfig = exports.calendarDoubleConfig = {

package/styled-components/cjs/components/Calendar/hoc/withRange.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.withRange = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../utils");
-var _excluded = ["value", "disabledList", "eventList", "min", "max", "onChangeValue", "onChangeStartOfRange"];
+var _excluded = ["value", "min", "max", "disabledList", "eventList", "eventMonthList", "disabledMonthList", "eventYearList", "disabledYearList", "onChangeValue", "onChangeStartOfRange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -25,10 +25,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var withRange = exports.withRange = function withRange(Component) {
   return function (_ref) {
     var value = _ref.value,
-      disabledList = _ref.disabledList,
-      eventList = _ref.eventList,
       min = _ref.min,
       max = _ref.max,
+      disabledList = _ref.disabledList,
+      eventList = _ref.eventList,
+      eventMonthList = _ref.eventMonthList,
+      disabledMonthList = _ref.disabledMonthList,
+      eventYearList = _ref.eventYearList,
+      disabledYearList = _ref.disabledYearList,
       onChangeValue = _ref.onChangeValue,
       onChangeStartOfRange = _ref.onChangeStartOfRange,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -52,10 +56,10 @@ var withRange = exports.withRange = function withRange(Component) {
       setValues([startExternalValue, endExternalValue]);
       setPrevValue(value);
     }
-    var handleOnChangeDay = (0, _react.useCallback)(function (newDay) {
+    var handleOnChangeDay = (0, _react.useCallback)(function (newDay, dateInfo) {
       if (endValue) {
         setValues([newDay, undefined]);
-        onChangeStartOfRange === null || onChangeStartOfRange === void 0 || onChangeStartOfRange(newDay);
+        onChangeStartOfRange === null || onChangeStartOfRange === void 0 || onChangeStartOfRange(newDay, dateInfo);
         return;
       }
       setValues([startValue, newDay]);
@@ -64,7 +68,7 @@ var withRange = exports.withRange = function withRange(Component) {
         first = _getSortedValues2[0],
         second = _getSortedValues2[1];
       if (first) {
-        onChangeValue([first, second]);
+        onChangeValue([first, second], dateInfo);
       }
     }, [onChangeValue, onChangeStartOfRange, startValue, endValue]);
     return /*#__PURE__*/_react["default"].createElement(Component, _extends({
@@ -72,6 +76,10 @@ var withRange = exports.withRange = function withRange(Component) {
       onChangeValue: handleOnChangeDay,
       disabledList: disabledList,
       eventList: eventList,
+      eventMonthList: eventMonthList,
+      disabledMonthList: disabledMonthList,
+      eventYearList: eventYearList,
+      disabledYearList: disabledYearList,
       min: min,
       max: max
     }, rest));

package/styled-components/cjs/components/Calendar/hooks/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useCalendarDateChange", {
+  enumerable: true,
+  get: function get() {
+    return _useCalendarDateChange.useCalendarDateChange;
+  }
+});
+Object.defineProperty(exports, "useCalendarNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _useCalendarNavigation.useCalendarNavigation;
+  }
+});
 Object.defineProperty(exports, "useDays", {
   enumerable: true,
   get: function get() {
@@ -21,6 +33,12 @@ Object.defineProperty(exports, "useMonths", {
     return _useMonths.useMonths;
   }
 });
+Object.defineProperty(exports, "useQuarters", {
+  enumerable: true,
+  get: function get() {
+    return _useQuarters.useQuarters;
+  }
+});
 Object.defineProperty(exports, "useYears", {
   enumerable: true,
   get: function get() {
@@ -30,4 +48,7 @@ Object.defineProperty(exports, "useYears", {
 var _useDays = /*#__PURE__*/require("./useDays");
 var _useMonths = /*#__PURE__*/require("./useMonths");
 var _useYears = /*#__PURE__*/require("./useYears");
-var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");
+var _useQuarters = /*#__PURE__*/require("./useQuarters");
+var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");
+var _useCalendarNavigation = /*#__PURE__*/require("./useCalendarNavigation");
+var _useCalendarDateChange = /*#__PURE__*/require("./useCalendarDateChange");

package/styled-components/cjs/components/Calendar/hooks/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Calendar/hooks/useCalendarDateChange.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCalendarDateChange = void 0;
+var _react = /*#__PURE__*/require("react");
+var _types = /*#__PURE__*/require("../store/types");
+var _reducer = /*#__PURE__*/require("../store/reducer");
+var useCalendarDateChange = exports.useCalendarDateChange = function useCalendarDateChange(_ref) {
+  var type = _ref.type,
+    onChangeValue = _ref.onChangeValue,
+    onSelectIndexes = _ref.onSelectIndexes,
+    dispatch = _ref.dispatch;
+  var handleOnChangeDay = (0, _react.useCallback)(function (newDate, coord) {
+    var newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(newDay);
+    onSelectIndexes(coord);
+  }, [onChangeValue, onSelectIndexes]);
+  var handleOnChangeQuarter = (0, _react.useCallback)(function (newDate, coord, quarterName) {
+    var newQuarterDate = new Date(newDate.year, newDate.monthIndex, newDate.day);
+    var endQuarter = new Date(newQuarterDate);
+    endQuarter.setMonth(newQuarterDate.getMonth() + 3);
+    endQuarter.setDate(0);
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(newQuarterDate, {
+      name: quarterName,
+      fullValue: [newQuarterDate, endQuarter]
+    });
+    onSelectIndexes(coord);
+  }, [onChangeValue, onSelectIndexes, type]);
+  var handleOnChangeMonth = (0, _react.useCallback)(function (newDate, coord) {
+    if (type === _types.CalendarState.Months) {
+      var newMonthDate = new Date(newDate.year, newDate.monthIndex, newDate.day);
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(newMonthDate);
+      onSelectIndexes(coord);
+      return;
+    }
+    dispatch({
+      type: _types.ActionType.UPDATE_MONTH,
+      payload: {
+        calendarState: _types.CalendarState.Days,
+        monthIndex: newDate.monthIndex,
+        size: _reducer.sizeMap.Days["double"]
+      }
+    });
+  }, [onChangeValue, onSelectIndexes, type]);
+  var handleOnChangeYear = (0, _react.useCallback)(function (newDate, coord) {
+    if (type === _types.CalendarState.Years) {
+      var newYearDate = new Date(newDate.year, newDate.monthIndex, newDate.day);
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(newYearDate);
+      onSelectIndexes(coord);
+      return;
+    }
+    if (type === _types.CalendarState.Quarters) {
+      dispatch({
+        type: _types.ActionType.UPDATE_YEAR,
+        payload: {
+          calendarState: _types.CalendarState.Quarters,
+          year: newDate.year,
+          size: _reducer.sizeMap.Quarters["double"]
+        }
+      });
+      return;
+    }
+    dispatch({
+      type: _types.ActionType.UPDATE_YEAR,
+      payload: {
+        calendarState: _types.CalendarState.Months,
+        year: newDate.year,
+        size: _reducer.sizeMap.Months["double"]
+      }
+    });
+  }, [onChangeValue, onSelectIndexes, type]);
+  var handleUpdateCalendarState = (0, _react.useCallback)(function (newCalendarState, newSize) {
+    dispatch({
+      type: _types.ActionType.UPDATE_CALENDAR_STATE,
+      payload: {
+        calendarState: newCalendarState,
+        size: newSize
+      }
+    });
+  }, []);
+  return {
+    handleOnChangeDay: handleOnChangeDay,
+    handleOnChangeMonth: handleOnChangeMonth,
+    handleOnChangeQuarter: handleOnChangeQuarter,
+    handleOnChangeYear: handleOnChangeYear,
+    handleUpdateCalendarState: handleUpdateCalendarState
+  };
+};