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

package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -1,4 +1,4 @@
-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 _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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -9,11 +9,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useMemo, useReducer, useState, forwardRef, useEffect } from 'react';
-import { getInitialState, reducer } from '../store/reducer';
+import { getInitialState, reducer, sizeMap } from '../store/reducer';
 import { ActionType, CalendarState } from '../store/types';
-import { isValueUpdate, YEAR_RENDER_COUNT } from '../utils';
-import { useKeyNavigation } from '../hooks';
-import { CalendarDays, CalendarHeader, CalendarMonths, CalendarYears } from '../ui';
+import { isValueUpdate } from '../utils';
+import { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from '../hooks';
+import { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from '../ui';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { IsOutOfRange, StyledCalendar } from './CalendarBase.styles';
@@ -30,6 +30,12 @@ export var 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 = useMemo(function () {
@@ -41,8 +47,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
     var value = secondValue || firstValue;
     var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
-      hoveredDay = _useState2[0],
-      setHoveredDay = _useState2[1];
+      hoveredItem = _useState2[0],
+      setHoveredItem = _useState2[1];
     var _useState3 = useState(type),
       _useState4 = _slicedToArray(_useState3, 2),
       prevType = _useState4[0],
@@ -55,7 +61,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var _useReducer = useReducer(reducer, getInitialState(value, [5, 6], type)),
+    var _useReducer = useReducer(reducer, getInitialState(value, type)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
@@ -63,86 +69,16 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       calendarState = state.calendarState,
       startYear = state.startYear,
       size = state.size;
-    var handlePrev = useCallback(function () {
-      var withShift = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (calendarState === CalendarState.Days) {
-        if (withShift) {
-          dispatch({
-            type: ActionType.PREVIOUS_YEAR,
-            payload: {
-              step: 1
-            }
-          });
-          return;
-        }
-        dispatch({
-          type: ActionType.PREVIOUS_MONTH,
-          payload: {
-            monthIndex: date.monthIndex,
-            year: date.year
-          }
-        });
-        return;
-      }
-      if (calendarState === CalendarState.Months) {
-        dispatch({
-          type: ActionType.PREVIOUS_YEAR,
-          payload: {
-            step: 1
-          }
-        });
-        return;
-      }
-      if (calendarState === CalendarState.Years) {
-        dispatch({
-          type: ActionType.PREVIOUS_START_YEAR,
-          payload: {
-            yearsCount: YEAR_RENDER_COUNT
-          }
-        });
-      }
-    }, [date, calendarState]);
-    var handleNext = useCallback(function () {
-      var withShift = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (calendarState === CalendarState.Days) {
-        if (withShift) {
-          dispatch({
-            type: ActionType.NEXT_YEAR,
-            payload: {
-              step: 1
-            }
-          });
-          return;
-        }
-        dispatch({
-          type: ActionType.NEXT_MONTH,
-          payload: {
-            monthIndex: date.monthIndex,
-            year: date.year
-          }
-        });
-        return;
-      }
-      if (calendarState === CalendarState.Months) {
-        dispatch({
-          type: ActionType.NEXT_YEAR,
-          payload: {
-            step: 1
-          }
-        });
-        return;
-      }
-      if (calendarState === CalendarState.Years) {
-        dispatch({
-          type: ActionType.NEXT_START_YEAR,
-          payload: {
-            yearsCount: YEAR_RENDER_COUNT
-          }
-        });
-      }
-    }, [date, calendarState]);
+    var _useCalendarNavigatio = useCalendarNavigation({
+        calendarState: calendarState,
+        date: date,
+        dispatch: dispatch
+      }),
+      handleNext = _useCalendarNavigatio.handleNext,
+      handlePrev = _useCalendarNavigatio.handlePrev;
     var _useKeyNavigation = useKeyNavigation({
         size: size,
+        calendarState: calendarState,
         onNext: handleNext,
         onPrev: handlePrev
       }),
@@ -152,57 +88,17 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       onSelectIndexes = _useKeyNavigation2[2],
       outerRefs = _useKeyNavigation2[3],
       isOutOfRange = _useKeyNavigation2[4];
-    var handleOnChangeDay = 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 = useCallback(function (monthIndex) {
-      dispatch({
-        type: ActionType.UPDATE_MONTH,
-        payload: {
-          calendarState: CalendarState.Days,
-          monthIndex: monthIndex,
-          size: [5, 6]
-        }
-      });
-    }, []);
-    var handleOnChangeYear = useCallback(function (year) {
-      dispatch({
-        type: ActionType.UPDATE_YEAR,
-        payload: {
-          calendarState: CalendarState.Months,
-          year: year
-        }
-      });
-    }, []);
-    var handleUpdateCalendarState = useCallback(function (newCalendarState, newSize) {
-      dispatch({
-        type: ActionType.UPDATE_CALENDAR_STATE,
-        payload: {
-          calendarState: newCalendarState,
-          size: newSize
-        }
-      });
-    }, []);
-    if (value && prevValue && isValueUpdate(value, prevValue)) {
-      dispatch({
-        type: ActionType.UPDATE_DATE,
-        payload: {
-          value: value
-        }
-      });
-      setPrevValue(value);
-    }
-    if (prevType !== type) {
-      dispatch({
-        type: ActionType.UPDATE_CALENDAR_STATE,
-        payload: {
-          calendarState: type
-        }
-      });
-      setPrevType(type);
-    }
+    var _useCalendarDateChang = 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"
@@ -213,10 +109,31 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       });
       onKeyDown(event);
     }, [onKeyDown]);
+    useEffect(function () {
+      if (prevType !== calendarState) {
+        dispatch({
+          type: ActionType.UPDATE_CALENDAR_STATE,
+          payload: {
+            calendarState: calendarState,
+            size: sizeMap[calendarState].single
+          }
+        });
+        setPrevType(calendarState);
+      }
+    }, [calendarState]);
     useEffect(function () {
       if (!prevValue) {
         setPrevValue(value);
       }
+      if (value && prevValue && isValueUpdate(value, prevValue) || value && !prevValue) {
+        dispatch({
+          type: ActionType.UPDATE_DATE,
+          payload: {
+            value: value
+          }
+        });
+        setPrevValue(value);
+      }
     }, [value, prevValue]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: outerRootRef,
@@ -236,33 +153,61 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       onNext: handleNext,
       onUpdateCalendarState: handleUpdateCalendarState
     }), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(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 === CalendarState.Months && /*#__PURE__*/React.createElement(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 === CalendarState.Quarters && /*#__PURE__*/React.createElement(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 === CalendarState.Years && /*#__PURE__*/React.createElement(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
     }));