@salutejs/plasma-new-hope 0.109.0-canary.1233.10044711531.0 → 0.109.0-canary.1302.10054896875.0

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCalendarNavigation = void 0;
+var _react = /*#__PURE__*/require("react");
+var _types = /*#__PURE__*/require("../store/types");
+var _utils = /*#__PURE__*/require("../utils");
+var useCalendarNavigation = exports.useCalendarNavigation = function useCalendarNavigation(_ref) {
+  var calendarState = _ref.calendarState,
+    dispatch = _ref.dispatch,
+    date = _ref.date;
+  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 || calendarState === _types.CalendarState.Quarters) {
+      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 || calendarState === _types.CalendarState.Quarters) {
+      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]);
+  return {
+    handlePrev: handlePrev,
+    handleNext: handleNext
+  };
+};

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDays = void 0;
 var _react = /*#__PURE__*/require("react");
 var _utils = /*#__PURE__*/require("../utils");
+var _types = /*#__PURE__*/require("../store/types");
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -30,7 +31,7 @@ var getDaysInPrevMonth = function getDaysInPrevMonth(date, offsetDayInWeek, valu
       isCurrent: false,
       isSelected: false,
       isDayInCurrentMonth: false,
-      inRange: Array.isArray(value) ? (0, _utils.isDayInRange)(prevYear, prevMonth, daysInPrevMonth - (offsetDayInWeek - i) + 1, value) : false,
+      inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(prevYear, prevMonth, daysInPrevMonth - (offsetDayInWeek - i) + 1, value) : false,
       date: {
         day: daysInPrevMonth - (offsetDayInWeek - i) + 1,
         monthIndex: prevMonth,
@@ -51,7 +52,7 @@ var getDaysInCurrentMonth = function getDaysInCurrentMonth(date, daysInMonth, va
         return (0, _utils.isSelectedDay)(date, i + 1, v);
       })) : (0, _utils.isSelectedDay)(date, i + 1, value),
       isDayInCurrentMonth: true,
-      inRange: Array.isArray(value) ? (0, _utils.isDayInRange)(date.year, date.monthIndex, i + 1, value) : false,
+      inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(date.year, date.monthIndex, i + 1, value) : false,
       date: {
         day: i + 1,
         monthIndex: date.monthIndex,
@@ -76,7 +77,7 @@ var getDaysInNextMonth = function getDaysInNextMonth(date, daysInMonth, offsetDa
       isCurrent: false,
       isSelected: false,
       isDayInCurrentMonth: false,
-      inRange: Array.isArray(value) ? (0, _utils.isDayInRange)(nextYear, nextMonthIndex, i + 1, value) : false,
+      inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(nextYear, nextMonthIndex, i + 1, value) : false,
       date: {
         day: i + 1,
         monthIndex: nextMonthIndex,
@@ -85,143 +86,18 @@ var getDaysInNextMonth = function getDaysInNextMonth(date, daysInMonth, offsetDa
     };
   });
 };
-var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
-  var currentDate = new Date(date);
-  currentDate.setDate(currentDate.getDate() - 1);
-  return min && min >= currentDate || min && min >= date;
-};
-var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
-  var currentDate = new Date(date);
-  currentDate.setDate(currentDate.getDate() + 1);
-  return max && max <= currentDate || max && max <= date;
-};
-var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
-  var currentDate = new Date(date);
-  currentDate.setDate(date.getDate() - 7);
-  return min && min >= currentDate;
-};
-var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
-  var currentDate = new Date(date);
-  currentDate.setDate(date.getDate() + 7);
-  return max && max <= currentDate;
-};
-var isDisabledNextMonth = function isDisabledNextMonth(_ref, max) {
-  var year = _ref.year,
-    monthIndex = _ref.monthIndex,
-    day = _ref.day;
-  if (!max) {
-    return false;
-  }
-  var currentDate = new Date(year, monthIndex, day);
-  currentDate.setDate(currentDate.getDate() + 1);
-  var isOut = true;
-  while (isOut && currentDate <= max) {
-    isOut = max <= currentDate;
-    currentDate.setDate(currentDate.getDate() + 1);
-  }
-  return isOut;
-};
-var isDisabledPreviousMonth = function isDisabledPreviousMonth(_ref2, min) {
-  var year = _ref2.year,
-    monthIndex = _ref2.monthIndex,
-    day = _ref2.day;
-  if (!min) {
-    return false;
-  }
-  var currentDate = new Date(year, monthIndex, day);
-  currentDate.setDate(currentDate.getDate() - 1);
-  var isOut = true;
-  while (isOut && currentDate >= min) {
-    isOut = min >= currentDate;
-    currentDate.setDate(currentDate.getDate() - 1);
-  }
-  return isOut;
-};
-var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
-  var disabledArrowKey = [];
-  if (isDisabledArrowLeft(currentDate, min)) {
-    disabledArrowKey.push('left');
-  }
-  if (isDisabledArrowRight(currentDate, max)) {
-    disabledArrowKey.push('right');
-  }
-  if (isDisabledArrowDown(currentDate, max)) {
-    disabledArrowKey.push('down');
-  }
-  if (isDisabledArrowUp(currentDate, min)) {
-    disabledArrowKey.push('up');
-  }
-  return disabledArrowKey.join(',');
-};
-var getDisabledMonths = function getDisabledMonths(list, min, max) {
-  var disabledMonth = [];
-  if (isDisabledPreviousMonth(list[0], min)) {
-    disabledMonth.push('previous');
-  }
-  if (isDisabledNextMonth(list[list.length - 1], max)) {
-    disabledMonth.push('next');
-  }
-  return disabledMonth.join(',');
-};
-
-/**
- * Метод для получения набора неповторяющихся дат.
- */
-var getPropsMap = function getPropsMap(props) {
-  return props.reduce(function (acc, prop) {
-    var _getDateFromValue = (0, _utils.getDateFromValue)(prop.date),
-      year = _getDateFromValue.year,
-      monthIndex = _getDateFromValue.monthIndex,
-      day = _getDateFromValue.day;
-    var key = "".concat(year, "-").concat(monthIndex, "-").concat(day);
-    var propList = acc.get(key) || [];
-    propList.push(prop);
-    return acc.set(key, propList);
-  }, new Map());
-};
-
-/**
- * Метод модифицирующий дни (добавляющий свойства events и disabled).
- */
-var getDaysWithModifications = function getDaysWithModifications(days) {
-  var eventList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var disabledList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var min = arguments.length > 3 ? arguments[3] : undefined;
-  var max = arguments.length > 4 ? arguments[4] : undefined;
-  var includeEdgeDates = arguments.length > 5 ? arguments[5] : undefined;
-  var eventsMap = getPropsMap(eventList);
-  var disabledDaysMap = getPropsMap(disabledList);
-  var daysList = days.filter(function (_ref3) {
-    var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
-    return isDayInCurrentMonth;
-  }).map(function (_ref4) {
-    var date = _ref4.date;
-    return date;
-  });
-  var disabledMonths = getDisabledMonths(daysList, min, max);
-  return days.map(function (dayItem) {
-    var date = dayItem.date;
-    var year = date.year,
-      monthIndex = date.monthIndex,
-      day = date.day;
-    var keyDay = "".concat(year, "-").concat(monthIndex, "-").concat(day);
-    var currentDate = new Date(year, monthIndex, day);
-    var minValue = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
-    var maxValue = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
-    var isOutOfMinMaxRange = minValue || maxValue;
-    dayItem.events = eventsMap.get(keyDay);
-    dayItem.disabled = disabledDaysMap.has(keyDay) || isOutOfMinMaxRange;
-    dayItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
-    dayItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
-    dayItem.disabledMonths = disabledMonths;
-    return dayItem;
-  });
-};
 
 /**
  * Хук для получения списка дней.
  */
-var useDays = exports.useDays = function useDays(date, value, eventList, disabledList, min, max, includeEdgeDates) {
+var useDays = exports.useDays = function useDays(_ref) {
+  var date = _ref.date,
+    value = _ref.value,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     var monthIndex = date.monthIndex,
       year = date.year;
@@ -229,7 +105,15 @@ var useDays = exports.useDays = function useDays(date, value, eventList, disable
     var offsetDayInWeek = (0, _utils.getOffsetDayInWeek)(monthIndex, year);
     var days = [].concat(_toConsumableArray(getDaysInPrevMonth(date, offsetDayInWeek, value)), _toConsumableArray(getDaysInCurrentMonth(date, daysInMonth, value)), _toConsumableArray(getDaysInNextMonth(date, daysInMonth, offsetDayInWeek, value)));
     if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
-      var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max, includeEdgeDates);
+      var modifiedDays = (0, _utils.getDatesWithModifications)({
+        dates: days,
+        type: _types.CalendarState.Days,
+        includeEdgeDates: includeEdgeDates,
+        min: min,
+        max: max,
+        eventList: eventList,
+        disabledList: disabledList
+      });
       return (0, _utils.getMatrix)(modifiedDays);
     }
     return (0, _utils.getMatrix)(days);

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

@@ -8,6 +8,7 @@ exports.useKeyNavigation = void 0;
 var _react = /*#__PURE__*/require("react");
 var _Calendar = /*#__PURE__*/require("../Calendar.types");
 var _utils = /*#__PURE__*/require("../utils");
+var _reducer = /*#__PURE__*/require("../store/reducer");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -22,11 +23,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * Метод для получения стороны двойного календаря.
  */
-var getDoubleCalendarSide = function getDoubleCalendarSide(currentIndexWeek) {
-  if (currentIndexWeek >= 0 && currentIndexWeek < _utils.ROW_STEP) {
+var getDoubleCalendarSide = function getDoubleCalendarSide(currentIndex, calendarState) {
+  if (currentIndex >= 0 && currentIndex < _utils.offsetMap[calendarState]) {
     return 'first';
   }
-  if (currentIndexWeek >= _utils.ROW_STEP && currentIndexWeek < _utils.ROW_STEP * 2) {
+  if (currentIndex >= _utils.offsetMap[calendarState] && currentIndex < _utils.offsetMap[calendarState] * 2) {
     return 'second';
   }
   return '';
@@ -156,7 +157,7 @@ function getCorrectColumnIndex(_ref7) {
     return item;
   }) - 1;
 }
-var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnSize, withShift, defaultState) {
+var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnSize, withShift, defaultState, calendarState) {
   var _refs$current7;
   var _ref9 = _slicedToArray(_ref8, 2),
     rowIndex = _ref9[0],
@@ -180,13 +181,13 @@ var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnS
     }
   }
   if (newRowIndex === minColumnIndex - 1) {
-    newRowIndex = _utils.ROW_STEP - 1;
+    newRowIndex = _utils.offsetMap[calendarState] - 1;
     while (newRowIndex > minRowIndex && !isVisible(refs, newRowIndex, newColumnIndex)) {
       newRowIndex--;
     }
   }
   if (newRowIndex === rowSize + 1) {
-    newRowIndex = rowSize + 1 - _utils.ROW_STEP;
+    newRowIndex = rowSize + 1 - _utils.offsetMap[calendarState];
     while (newRowIndex <= maxRowIndex && !isVisible(refs, newRowIndex, newColumnIndex)) {
       newRowIndex++;
     }
@@ -224,7 +225,8 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
     isDouble = _ref10$isDouble === void 0 ? false : _ref10$isDouble,
     size = _ref10.size,
     onPrev = _ref10.onPrev,
-    onNext = _ref10.onNext;
+    onNext = _ref10.onNext,
+    calendarState = _ref10.calendarState;
   var _size = _slicedToArray(size, 2),
     rowSize = _size[0],
     columnSize = _size[1];
@@ -251,12 +253,13 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
       var refs = outerRefs.current;
       var isSecond = isDouble && isNext;
       var isFirst = isDouble && !isNext;
+      var firstEndIndex = Math.floor(_reducer.sizeMap[calendarState]["double"][0] / 2);
 
       // Определяем какую часть сдвоенного календаря взять
       if (isFirst) {
-        refs = outerRefs.current.slice(0, 5);
+        refs = outerRefs.current.slice(0, firstEndIndex);
       } else if (isSecond) {
-        refs = outerRefs.current.slice(5, 12);
+        refs = outerRefs.current.slice(firstEndIndex, _reducer.sizeMap[calendarState]["double"][1]);
       }
       var refsList = (_refs = refs) === null || _refs === void 0 ? void 0 : _refs.flatMap(function (items) {
         return items.filter(Boolean);
@@ -299,7 +302,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         return;
       }
     }
-    var _getCorrectIndexes = getCorrectIndexes(outerRefs, selectIndexes, rowSize, columnSize, withShiftState.current, currentIndexes.current),
+    var _getCorrectIndexes = getCorrectIndexes(outerRefs, selectIndexes, rowSize, columnSize, withShiftState.current, currentIndexes.current, calendarState),
       _getCorrectIndexes2 = _slicedToArray(_getCorrectIndexes, 2),
       newRowIndex = _getCorrectIndexes2[0],
       newColumnIndex = _getCorrectIndexes2[1];
@@ -319,7 +322,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
     if (item) {
       item.focus();
     }
-  }, [selectIndexes]);
+  }, [selectIndexes, outerRefs]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     setIsOutOfMinMaxRange(false);
     var keyCode = event.keyCode,
@@ -346,6 +349,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
     switch (keyCode) {
       case _Calendar.Keys.pageUp:
         {
+          event.preventDefault();
           var isDisabledPreviousMonth = hasDisabledMonths({
             item: outerRefs.current[currentRowIndex][currentColumnIndex],
             key: 'previous'
@@ -359,6 +363,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.pageDown:
         {
+          event.preventDefault();
           var isDisabledNextMonth = hasDisabledMonths({
             item: outerRefs.current[currentRowIndex][currentColumnIndex],
             key: 'next'
@@ -372,6 +377,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.home:
         {
+          event.preventDefault();
           newColumnIndex = minColumnIndex;
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
@@ -381,6 +387,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.end:
         {
+          event.preventDefault();
           newColumnIndex = columnSize;
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
@@ -390,6 +397,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.left:
         {
+          event.preventDefault();
           newRowIndex = prevColumnIndex < minColumnIndex ? prevRowIndex : currentRowIndex;
           newColumnIndex = prevColumnIndex < minColumnIndex ? columnSize : prevColumnIndex;
           withShiftState.current = withShift;
@@ -424,7 +432,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
           }
-          if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'first') {
+          if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'first') {
             if (isCurrentDateDisabledArrowLeft) {
               newRowIndex = currentRowIndex;
               newColumnIndex = currentColumnIndex;
@@ -437,6 +445,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.up:
         {
+          event.preventDefault();
           newRowIndex = prevRowIndex < minRowIndex ? rowSize : prevRowIndex;
           withShiftState.current = withShift;
           var isCurrentDateDisabledArrowUp = hasDisabledArrowKey({
@@ -475,7 +484,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
           }
-          if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'first') {
+          if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'first') {
             if (isCurrentDateDisabledArrowUp) {
               newRowIndex = currentRowIndex;
               newColumnIndex = currentColumnIndex;
@@ -488,6 +497,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.right:
         {
+          event.preventDefault();
           newRowIndex = nextColumnIndex > columnSize ? nextRowIndex : currentRowIndex;
           newColumnIndex = nextColumnIndex > columnSize ? minColumnIndex : nextColumnIndex;
           withShiftState.current = withShift;
@@ -520,7 +530,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
           }
-          if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'second') {
+          if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'second') {
             if (isCurrentDateDisabledArrowRight) {
               newRowIndex = currentRowIndex;
               newColumnIndex = currentColumnIndex;
@@ -533,6 +543,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case _Calendar.Keys.down:
         {
+          event.preventDefault();
           newRowIndex = nextRowIndex > rowSize ? minRowIndex : nextRowIndex;
           withShiftState.current = withShift;
           var isCurrentDateDisabledArrowDown = hasDisabledArrowKey({
@@ -571,7 +582,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
           if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
             break;
           }
-          if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'second') {
+          if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'second') {
             if (isCurrentDateDisabledArrowDown) {
               newRowIndex = currentRowIndex;
               newColumnIndex = currentColumnIndex;

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

@@ -6,20 +6,46 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMonths = void 0;
 var _react = /*#__PURE__*/require("react");
 var _utils = /*#__PURE__*/require("../utils");
+var _types = /*#__PURE__*/require("../store/types");
 /**
  * Хук для получения списка месяцев.
  */
-var useMonths = exports.useMonths = function useMonths(date) {
+var useMonths = exports.useMonths = function useMonths(_ref) {
+  var date = _ref.date,
+    value = _ref.value,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max;
   return (0, _react.useMemo)(function () {
-    var result = _utils.SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
+    var months = _utils.SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
       return {
         monthName: monthName,
         monthIndex: monthIndex,
         isCurrent: (0, _utils.isCurrentMonth)(date, monthIndex),
-        isSelected: (0, _utils.isSelectedMonth)(date, monthIndex),
-        monthFullName: _utils.MONTH_NAMES[monthIndex]
+        isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
+          return (0, _utils.isSelectedMonth)(date, monthIndex, v);
+        })) : (0, _utils.isSelectedMonth)(date, monthIndex, value),
+        inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(date.year, monthIndex, 1, value) : false,
+        monthFullName: _utils.MONTH_NAMES[monthIndex],
+        date: {
+          year: date.year,
+          monthIndex: monthIndex,
+          day: 1
+        }
       };
     });
-    return (0, _utils.getMatrix)(result, 3);
-  }, [date]);
+    if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
+      var modifiedMonths = (0, _utils.getDatesWithModifications)({
+        dates: months,
+        type: _types.CalendarState.Months,
+        min: min,
+        max: max,
+        eventList: eventList,
+        disabledList: disabledList
+      });
+      return (0, _utils.getMatrix)(modifiedMonths, 3);
+    }
+    return (0, _utils.getMatrix)(months, 3);
+  }, [date, value, eventList, disabledList, max, min]);
 };

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQuarters = void 0;
+var _react = /*#__PURE__*/require("react");
+var _utils = /*#__PURE__*/require("../utils");
+var _types = /*#__PURE__*/require("../store/types");
+/**
+ * Хук для получения списка месяцев.
+ */
+var useQuarters = exports.useQuarters = function useQuarters(_ref) {
+  var date = _ref.date,
+    value = _ref.value,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max;
+  return (0, _react.useMemo)(function () {
+    var quarters = _utils.QUARTER_NAMES.map(function (quarterName) {
+      var _quarterDates$quarter = _utils.quarterDates[quarterName],
+        monthIndex = _quarterDates$quarter.monthIndex,
+        day = _quarterDates$quarter.day;
+      return {
+        quarterName: quarterName,
+        isCurrent: (0, _utils.isCurrentMonth)(date, monthIndex),
+        isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
+          return (0, _utils.isSelectedMonth)(date, monthIndex, v);
+        })) : (0, _utils.isSelectedMonth)(date, monthIndex, value),
+        inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(date.year, monthIndex, day, value) : false,
+        date: {
+          year: date.year,
+          monthIndex: monthIndex,
+          day: 1
+        }
+      };
+    });
+    if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
+      var modifiedQuarters = (0, _utils.getDatesWithModifications)({
+        dates: quarters,
+        type: _types.CalendarState.Quarters,
+        min: min,
+        max: max,
+        eventList: eventList,
+        disabledList: disabledList
+      });
+      return (0, _utils.getMatrix)(modifiedQuarters, 2);
+    }
+    return (0, _utils.getMatrix)(quarters, 2);
+  }, [date, value, eventList, disabledList, max, min]);
+};

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

@@ -6,19 +6,47 @@ Object.defineProperty(exports, "__esModule", {
 exports.useYears = void 0;
 var _react = /*#__PURE__*/require("react");
 var _utils = /*#__PURE__*/require("../utils");
+var _types = /*#__PURE__*/require("../store/types");
 /**
  * Хук для получения списка годов.
  */
-var useYears = exports.useYears = function useYears(date, startYear) {
+var useYears = exports.useYears = function useYears(_ref) {
+  var date = _ref.date,
+    value = _ref.value,
+    startYear = _ref.startYear,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max;
   return (0, _react.useMemo)(function () {
     // type-coverage:ignore-next-line
-    var result = Array.from(Array(_utils.YEAR_RENDER_COUNT), function (_, i) {
+    var years = Array.from(Array(_utils.YEAR_RENDER_COUNT), function (_, i) {
+      var yearValue = startYear + i;
       return {
         isCurrent: (0, _utils.isCurrentYear)(startYear + i),
-        isSelected: (0, _utils.isSelectedYear)(date, startYear + i),
-        yearValue: startYear + i
+        isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
+          return (0, _utils.isSelectedYear)(yearValue, v);
+        })) : (0, _utils.isSelectedYear)(yearValue, value),
+        inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(yearValue, 0, 1, value) : false,
+        date: {
+          year: yearValue,
+          monthIndex: 0,
+          day: 1
+        },
+        yearValue: yearValue
       };
     });
-    return (0, _utils.getMatrix)(result, 3);
-  }, [date, startYear]);
+    if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
+      var modifiedMonths = (0, _utils.getDatesWithModifications)({
+        dates: years,
+        type: _types.CalendarState.Years,
+        min: min,
+        max: max,
+        eventList: eventList,
+        disabledList: disabledList
+      });
+      return (0, _utils.getMatrix)(modifiedMonths, 3);
+    }
+    return (0, _utils.getMatrix)(years, 3);
+  }, [date, startYear, value, eventList, disabledList, max, min]);
 };

package/styled-components/cjs/components/Calendar/mixins/selected.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addSelected = void 0;
 var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
-var _active = /*#__PURE__*/require("./active");
 var addSelected = exports.addSelected = function addSelected(args) {
   var minWidth = args.minWidth,
     minHeight = args.minHeight,
@@ -13,12 +12,6 @@ var addSelected = exports.addSelected = function addSelected(args) {
     selectedBackground = args.selectedBackground,
     selectedColor = args.selectedColor,
     selectableBackgroundHover = args.selectableBackgroundHover,
-    currentBorderColor = args.currentBorderColor,
-    activeBackground = args.activeBackground,
-    activeColor = args.activeColor;
-  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n        \n        ").concat((0, _active.addActive)({
-    activeBackground: activeBackground,
-    activeColor: activeColor,
-    activeFontWeight: selectedFontWeight
-  }), ";\n\n        &.").concat(_Calendar.classes.currentItem, " {\n            border: 0.063rem solid ").concat(currentBorderColor, ";\n\n            &.").concat(_Calendar.classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
+    currentBorderColor = args.currentBorderColor;
+  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n\n        &.").concat(_Calendar.classes.currentItem, " {\n            border: 0.063rem solid ").concat(currentBorderColor, ";\n\n            &.").concat(_Calendar.classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
 };