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

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

@@ -14,7 +14,7 @@ var _ui = /*#__PURE__*/require("../ui");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _CalendarBase = /*#__PURE__*/require("./CalendarBase.styles");
-var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "onChangeValue"];
+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); }
@@ -39,6 +39,12 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       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 () {
@@ -50,8 +56,8 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
     var value = secondValue || firstValue;
     var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
-      hoveredDay = _useState2[0],
-      setHoveredDay = _useState2[1];
+      hoveredItem = _useState2[0],
+      setHoveredItem = _useState2[1];
     var _useState3 = (0, _react.useState)(type),
       _useState4 = _slicedToArray(_useState3, 2),
       prevType = _useState4[0],
@@ -64,7 +70,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, [5, 6], type)),
+    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
@@ -72,86 +78,16 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       calendarState = state.calendarState,
       startYear = state.startYear,
       size = state.size;
-    var handlePrev = (0, _react.useCallback)(function () {
-      var withShift = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (calendarState === _types.CalendarState.Days) {
-        if (withShift) {
-          dispatch({
-            type: _types.ActionType.PREVIOUS_YEAR,
-            payload: {
-              step: 1
-            }
-          });
-          return;
-        }
-        dispatch({
-          type: _types.ActionType.PREVIOUS_MONTH,
-          payload: {
-            monthIndex: date.monthIndex,
-            year: date.year
-          }
-        });
-        return;
-      }
-      if (calendarState === _types.CalendarState.Months) {
-        dispatch({
-          type: _types.ActionType.PREVIOUS_YEAR,
-          payload: {
-            step: 1
-          }
-        });
-        return;
-      }
-      if (calendarState === _types.CalendarState.Years) {
-        dispatch({
-          type: _types.ActionType.PREVIOUS_START_YEAR,
-          payload: {
-            yearsCount: _utils.YEAR_RENDER_COUNT
-          }
-        });
-      }
-    }, [date, calendarState]);
-    var handleNext = (0, _react.useCallback)(function () {
-      var withShift = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (calendarState === _types.CalendarState.Days) {
-        if (withShift) {
-          dispatch({
-            type: _types.ActionType.NEXT_YEAR,
-            payload: {
-              step: 1
-            }
-          });
-          return;
-        }
-        dispatch({
-          type: _types.ActionType.NEXT_MONTH,
-          payload: {
-            monthIndex: date.monthIndex,
-            year: date.year
-          }
-        });
-        return;
-      }
-      if (calendarState === _types.CalendarState.Months) {
-        dispatch({
-          type: _types.ActionType.NEXT_YEAR,
-          payload: {
-            step: 1
-          }
-        });
-        return;
-      }
-      if (calendarState === _types.CalendarState.Years) {
-        dispatch({
-          type: _types.ActionType.NEXT_START_YEAR,
-          payload: {
-            yearsCount: _utils.YEAR_RENDER_COUNT
-          }
-        });
-      }
-    }, [date, calendarState]);
+    var _useCalendarNavigatio = (0, _hooks.useCalendarNavigation)({
+        calendarState: calendarState,
+        date: date,
+        dispatch: dispatch
+      }),
+      handleNext = _useCalendarNavigatio.handleNext,
+      handlePrev = _useCalendarNavigatio.handlePrev;
     var _useKeyNavigation = (0, _hooks.useKeyNavigation)({
         size: size,
+        calendarState: calendarState,
         onNext: handleNext,
         onPrev: handlePrev
       }),
@@ -161,57 +97,17 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       onSelectIndexes = _useKeyNavigation2[2],
       outerRefs = _useKeyNavigation2[3],
       isOutOfRange = _useKeyNavigation2[4];
-    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 handleOnChangeMonth = (0, _react.useCallback)(function (monthIndex) {
-      dispatch({
-        type: _types.ActionType.UPDATE_MONTH,
-        payload: {
-          calendarState: _types.CalendarState.Days,
-          monthIndex: monthIndex,
-          size: [5, 6]
-        }
-      });
-    }, []);
-    var handleOnChangeYear = (0, _react.useCallback)(function (year) {
-      dispatch({
-        type: _types.ActionType.UPDATE_YEAR,
-        payload: {
-          calendarState: _types.CalendarState.Months,
-          year: year
-        }
-      });
-    }, []);
-    var handleUpdateCalendarState = (0, _react.useCallback)(function (newCalendarState, newSize) {
-      dispatch({
-        type: _types.ActionType.UPDATE_CALENDAR_STATE,
-        payload: {
-          calendarState: newCalendarState,
-          size: newSize
-        }
-      });
-    }, []);
-    if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue)) {
-      dispatch({
-        type: _types.ActionType.UPDATE_DATE,
-        payload: {
-          value: value
-        }
-      });
-      setPrevValue(value);
-    }
-    if (prevType !== type) {
-      dispatch({
-        type: _types.ActionType.UPDATE_CALENDAR_STATE,
-        payload: {
-          calendarState: type
-        }
-      });
-      setPrevType(type);
-    }
+    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;
 
     // Изменяем ключ каждый раз как пытаемся перейти на даты которые находятся за пределами min/max ограничений.
     // Это необходимо для того чтобы screen-reader корректно озвучивал уведомление aria-live="assertive"
@@ -222,10 +118,31 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       });
       onKeyDown(event);
     }, [onKeyDown]);
+    (0, _react.useEffect)(function () {
+      if (prevType !== calendarState) {
+        dispatch({
+          type: _types.ActionType.UPDATE_CALENDAR_STATE,
+          payload: {
+            calendarState: calendarState,
+            size: _reducer.sizeMap[calendarState].single
+          }
+        });
+        setPrevType(calendarState);
+      }
+    }, [calendarState]);
     (0, _react.useEffect)(function () {
       if (!prevValue) {
         setPrevValue(value);
       }
+      if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue) || value && !prevValue) {
+        dispatch({
+          type: _types.ActionType.UPDATE_DATE,
+          payload: {
+            value: value
+          }
+        });
+        setPrevValue(value);
+      }
     }, [value, prevValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
@@ -245,33 +162,61 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       onNext: handleNext,
       onUpdateCalendarState: handleUpdateCalendarState
     }), calendarState === _types.CalendarState.Days && /*#__PURE__*/_react["default"].createElement(_ui.CalendarDays, {
-      eventList: eventList,
-      disabledList: disabledList,
+      value: externalValue,
+      date: date,
       min: min,
       max: max,
+      eventList: eventList,
+      disabledList: disabledList,
       includeEdgeDates: includeEdgeDates,
-      value: externalValue,
-      date: date,
-      hoveredDay: hoveredDay,
+      hoveredDay: hoveredItem,
       selectIndexes: selectIndexes,
       onChangeDay: handleOnChangeDay,
-      onHoverDay: setHoveredDay,
       onSetSelected: onSelectIndexes,
+      onHoverDay: setHoveredItem,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs
     }), calendarState === _types.CalendarState.Months && /*#__PURE__*/_react["default"].createElement(_ui.CalendarMonths, {
+      value: externalValue,
       date: date,
+      min: min,
+      max: max,
+      eventList: eventMonthList,
+      disabledList: disabledMonthList,
+      hoveredMonth: hoveredItem,
       selectIndexes: selectIndexes,
       onChangeMonth: handleOnChangeMonth,
       onSetSelected: onSelectIndexes,
+      onHoverMonth: setHoveredItem,
+      onKeyDown: onKeyDown,
+      outerRefs: outerRefs
+    }), calendarState === _types.CalendarState.Quarters && /*#__PURE__*/_react["default"].createElement(_ui.CalendarQuarters, {
+      value: externalValue,
+      date: date,
+      min: min,
+      max: max,
+      eventList: eventQuarterList,
+      disabledList: disabledQuarterList,
+      hoveredQuarter: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeQuarter: handleOnChangeQuarter,
+      onSetSelected: onSelectIndexes,
+      onHoverQuarter: setHoveredItem,
       onKeyDown: onKeyDown,
       outerRefs: outerRefs
     }), calendarState === _types.CalendarState.Years && /*#__PURE__*/_react["default"].createElement(_ui.CalendarYears, {
+      value: externalValue,
       date: date,
       startYear: startYear,
       selectIndexes: selectIndexes,
+      min: min,
+      max: max,
+      eventList: eventYearList,
+      disabledList: disabledYearList,
+      hoveredYear: hoveredItem,
       onChangeYear: handleOnChangeYear,
       onSetSelected: onSelectIndexes,
+      onHoverYear: setHoveredItem,
       onKeyDown: onKeyDown,
       outerRefs: outerRefs
     }));