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

package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import { tokens } from '../../Calendar.tokens';
+import { flexCenter } from '../../mixins';
+export var StyledCalendarQuarters = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1grqaka-0"
+})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarQuartersPadding);
+export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1grqaka-1"
+})(["", ";"], /*#__PURE__*/String(flexCenter));

package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js

@@ -0,0 +1 @@
+export {};

package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -1,3 +1,7 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -5,40 +9,91 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useEffect, useRef } from 'react';
-import { cx } from '../../../../utils';
 import { useYears } from '../../hooks';
-import { classes } from '../../Calendar.tokens';
-import { StyledCalendarYears, StyledFlex, StyledYear, StyledYearRoot } from './CalendarYears.styles';
+import { innerTokens, tokens } from '../../Calendar.tokens';
+import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem';
+import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';
 
 /**
  * Компонент годов в календаре.
  */
 export var CalendarYears = function CalendarYears(_ref) {
   var currentDate = _ref.date,
+    value = _ref.value,
     startYear = _ref.startYear,
     selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
     outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredYear = _ref.hoveredYear,
     onChangeYear = _ref.onChangeYear,
+    onHoverYear = _ref.onHoverYear,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var _useYears = useYears(currentDate, startYear),
+  var _useYears = useYears({
+      date: currentDate,
+      value: value,
+      startYear: startYear,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
     _useYears2 = _slicedToArray(_useYears, 2),
     years = _useYears2[0],
     selected = _useYears2[1];
   var selectedRef = useRef(selected);
   var onSetSelectedRef = useRef(onSetSelected);
-  var handleOnChangeYear = useCallback(function (event) {
-    /**
-     * нужно вызвать stopImmediatePropagation для случаев, когда
-     * обработчик события onClick навешивается снаружи.
-     * Как, например, в компоненте Popup
-     */
-    event.nativeEvent.stopImmediatePropagation();
-    var year = event.currentTarget.dataset.year;
-    onChangeYear(Number(year));
-  }, [onChangeYear]);
+  var offset = isSecond ? ROW_YEAR_STEP : 0;
+  var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarYearItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarYearItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
+  var getSelectedDate = useCallback(function (event) {
+    var _event$currentTarget$ = event.currentTarget.dataset,
+      day = _event$currentTarget$.day,
+      monthIndex = _event$currentTarget$.monthIndex,
+      year = _event$currentTarget$.year;
+    var selectedDate = {
+      day: Number(day),
+      monthIndex: Number(monthIndex),
+      year: Number(year)
+    };
+    if (!canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeYear = useCallback(function (i, j) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeYear(selectedDate, [i + offset, j]);
+      if (isSelectProcess(value)) {
+        onHoverYear === null || onHoverYear === void 0 || onHoverYear(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeYear, offset, value, onHoverYear]);
+  var handleOnHoverYear = useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
+  }, [getSelectedDate, onHoverYear, value]);
   var getRefs = useCallback(function (element, i, j) {
-    outerRefs.current[i][j] = element;
+    outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
   useEffect(function () {
     if (selectedRef.current) {
@@ -57,22 +112,43 @@ export var CalendarYears = function CalendarYears(_ref) {
     }, year.map(function (_ref2, j) {
       var yearValue = _ref2.yearValue,
         isSelected = _ref2.isSelected,
-        isCurrent = _ref2.isCurrent;
-      var selectedClass = isSelected ? classes.selectedItem : undefined;
-      var currentClass = isCurrent ? classes.currentItem : undefined;
-      return /*#__PURE__*/React.createElement(StyledYearRoot, {
-        className: cx(selectedClass, currentClass, classes.selectableItem),
+        isCurrent = _ref2.isCurrent,
+        date = _ref2.date,
+        events = _ref2.events,
+        isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
+        inRange = _ref2.inRange,
+        disabled = _ref2.disabled,
+        disabledArrowKey = _ref2.disabledArrowKey,
+        disabledDates = _ref2.disabledDates;
+      return /*#__PURE__*/React.createElement(DateStructureItem, {
         ref: function ref(element) {
           return getRefs(element, i, j);
         },
-        tabIndex: i === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) ? 0 : -1,
-        onClick: handleOnChangeYear,
-        "data-year": yearValue,
-        "aria-selected": isSelected,
-        role: "gridcell",
+        style: yearItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: yearValue,
+        monthIndex: date.monthIndex,
+        isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
+        isSelected: isSelected,
+        isCurrent: isCurrent,
+        isDouble: isDouble,
+        isHovered: isSameDay(date, hoveredYear),
+        inRange: getInRange(value, date, hoveredYear, inRange),
+        sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
+        onClick: disabled ? undefined : handleOnChangeYear(i, j),
+        onMouseOver: disabled ? undefined : handleOnHoverYear,
         key: "StyledYear-".concat(i, "-").concat(j),
-        "aria-label": String(yearValue)
-      }, /*#__PURE__*/React.createElement(StyledYear, null, yearValue));
+        role: "gridcell",
+        "data-year": yearValue,
+        "data-month-index": date.monthIndex,
+        "data-day": date.day,
+        "aria-label": String(yearValue),
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, yearValue);
     }));
   }));
 };

package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js

@@ -1,36 +1,9 @@
 import styled from 'styled-components';
-import { classes, tokens } from '../../Calendar.tokens';
-import { addFocus } from '../../../../mixins';
-import { addSelected, flexCenter } from '../../mixins';
+import { tokens } from '../../Calendar.tokens';
+import { flexCenter } from '../../mixins';
 export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-0"
 })(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
 export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-1"
-})(["", ";"], /*#__PURE__*/String(flexCenter));
-export var StyledYear = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-153qwc7-2"
-})(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter));
-export var StyledYearRoot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-153qwc7-3"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearItemHeight, tokens.calendarYearItemWidth, tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
-  minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarYearSelectedFontWeight, ")"),
-  selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
-  selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
-  selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
-  currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
-  activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
-  activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
-}), /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
-}), classes.currentItem, /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
-}));
+})(["", ";"], /*#__PURE__*/String(flexCenter));

package/{emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js}

@@ -1,17 +1,18 @@
-var _excluded = ["isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
+var _excluded = ["children", "isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
 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 _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, { forwardRef, memo } from 'react';
 import { cx } from '../../../../utils';
 import { classes } from '../../Calendar.tokens';
-import { StyledDay, StyledDayRoot, StyledEvent, StyledEvents } from './CalendarDayItem.styles';
+import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from './DateStructureItem.styles';
 
 /**
- * Компонент дня в календаре.
+ * Компонент элемента даты в сетке календаря.
  */
-export var CalendarDayItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-  var isFocused = _ref.isFocused,
+export var DateStructureItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, outerRef) {
+  var children = _ref.children,
+    isFocused = _ref.isFocused,
     dayOfWeek = _ref.dayOfWeek,
     disabled = _ref.disabled,
     isCurrent = _ref.isCurrent,
@@ -33,20 +34,21 @@ export var CalendarDayItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function
     disabledMonths = _ref.disabledMonths,
     rest = _objectWithoutProperties(_ref, _excluded);
   var selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;
-  var selectedClass = isSelected ? classes.selectedItem : undefined;
-  var currentClass = isCurrent ? classes.currentItem : undefined;
-  var hoveredClass = isHovered ? classes.hoveredItem : undefined;
+  var selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;
+  var currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;
+  var hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;
   var dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;
-  var disabledClass = disabled && !isCurrent ? classes.dayDisabled : undefined;
-  var disabledCurrentClass = disabled && isCurrent ? classes.dayDisabledCurrent : undefined;
-  var sideInRangeLeft = sideInRange === 'left' ? classes.daySideLeft : undefined;
-  var sideInRangeRight = sideInRange === 'right' ? classes.daySideRight : undefined;
-  var sideInRangeClass = sideInRange ? classes.daySideInRange : undefined;
-  var inRangeStyle = inRange ? classes.dayInRange : undefined;
+  var dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;
+  var disabledClass = disabled && !isCurrent ? classes.disabled : undefined;
+  var disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;
+  var sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;
+  var sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;
+  var sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;
+  var inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;
   var sideOffset = !isSelected && isCurrent ? -1 : 0;
-  return /*#__PURE__*/React.createElement(StyledDayRoot, _extends({
+  return /*#__PURE__*/React.createElement(StyledItemRoot, _extends({
     ref: outerRef,
-    className: cx(dayOfWeekClass, selectableClass, selectedClass, currentClass, disabledClass, disabledCurrentClass, hoveredClass),
+    className: cx(dayOfWeekClass, selectableClass, selectedClass, currentClass, disabledClass, disabledCurrentClass, hoveredClass, dayInCurrentMonthClass),
     tabIndex: isFocused ? 0 : -1,
     dayOfWeek: dayOfWeek,
     isCurrent: isCurrent,
@@ -66,10 +68,10 @@ export var CalendarDayItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function
     "aria-selected": isSelected,
     "aria-disabled": disabled,
     "aria-describedby": disabled ? 'withShift' : undefined
-  }, rest), /*#__PURE__*/React.createElement(StyledDay, {
+  }, rest), /*#__PURE__*/React.createElement(StyledItem, {
     className: cx(sideInRangeClass, sideInRangeLeft, sideInRangeRight, inRangeStyle),
     offset: sideOffset
-  }, day), /*#__PURE__*/React.createElement(StyledEvents, {
+  }, children), /*#__PURE__*/React.createElement(StyledEvents, {
     "aria-hidden": true
   }, [eventList[0], eventList[1], eventList[2]].map(function (event, i) {
     return event && /*#__PURE__*/React.createElement(StyledEvent, _extends({

package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -0,0 +1,65 @@
+import styled from 'styled-components';
+import { classes, innerTokens, tokens } from '../../Calendar.tokens';
+import { addFocus } from '../../../../mixins';
+import { addActive, addSelected, flexCenter } from '../../mixins';
+var inRange = function inRange() {
+  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(tokens.calendarRangeBackground, ");\n    }\n");
+};
+var sideInRange = function sideInRange() {
+  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(tokens.calendarRangeBackground, ");\n    }\n");
+};
+export var StyledItem = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-14wxiia-0"
+})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.inRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.sideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.sideLeft), function (_ref) {
+  var offset = _ref.offset;
+  return "".concat(offset, "px");
+}, /*#__PURE__*/String(classes.sideRight), function (_ref2) {
+  var offset = _ref2.offset;
+  return "".concat(offset, "px");
+});
+var disabledItem = function disabledItem() {
+  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
+};
+var disabledCurrentItem = function disabledCurrentItem() {
+  return "\n    ".concat(disabledItem(), ";\n");
+};
+export var StyledItemRoot = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-14wxiia-1"
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], innerTokens.dateStructureFontFamily, innerTokens.dateStructureFontSize, innerTokens.dateStructureFontStyle, innerTokens.dateStructureFontWeight, innerTokens.dateStructureFontLetterSpacing, innerTokens.dateStructureFontLineHeight, innerTokens.dateStructureWidth, innerTokens.dateStructureHeight, innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
+  var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
+  return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
+}, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
+  minWidth: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureWidth, ") - 0.25rem)"),
+  minHeight: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureHeight, ") - 0.25rem)"),
+  selectedFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")"),
+  selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
+  selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
+  selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
+  currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
+  activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
+  activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
+}), /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureBorderRadius, ") + 0.125rem)")
+}), classes.currentItem, /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.1875rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureBorderRadius, ") + 0.125rem)")
+}), classes.dayInCurrentMonth, classes.disabled, /*#__PURE__*/addActive({
+  activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
+  activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")"),
+  activeFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")")
+}), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.disabled, /*#__PURE__*/disabledItem(), classes.disabledCurrent, /*#__PURE__*/disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
+export var StyledEvents = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-14wxiia-2"
+})(["display:flex;position:absolute;bottom:0.25rem;"]);
+export var StyledEvent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-14wxiia-3"
+})(["margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:", ";"], function (_ref4) {
+  var _ref4$color = _ref4.color,
+    color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
+  return color;
+});

package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js

@@ -0,0 +1 @@
+export {};

package/styled-components/es/components/Calendar/ui/index.js

@@ -1,4 +1,5 @@
 export { CalendarHeader } from './CalendarHeader/CalendarHeader';
 export { CalendarDays } from './CalendarDays/CalendarDays';
 export { CalendarMonths } from './CalendarMonths/CalendarMonths';
+export { CalendarQuarters } from './CalendarQuarters/CalendarQuarters';
 export { CalendarYears } from './CalendarYears/CalendarYears';

package/styled-components/es/components/Calendar/utils/calendarGridHelper.js

@@ -0,0 +1,158 @@
+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); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { isSelectProcess } from './calendarRangeHelper';
+import { MONTH_NAMES, YEAR_RENDER_COUNT } from './constants';
+export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
+  return new Date(year, monthIndex + 1, 0).getDate();
+};
+export var getOffsetDayInWeek = function getOffsetDayInWeek(monthIndex, year) {
+  return (new Date(year, monthIndex).getDay() || 7) - 1;
+};
+export var getStartYear = function getStartYear(year) {
+  return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
+};
+export var getNextDate = function getNextDate(currentYear, currentMonth) {
+  return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
+};
+export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
+  return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
+};
+export var getDateFromValue = function getDateFromValue(date) {
+  var state = date || new Date();
+  return {
+    day: date !== undefined ? state.getDate() : 0,
+    monthIndex: state.getMonth(),
+    year: state.getFullYear()
+  };
+};
+export var getDateFromNow = function getDateFromNow() {
+  var nowDate = new Date();
+  return {
+    day: nowDate.getDate(),
+    monthIndex: nowDate.getMonth(),
+    year: nowDate.getFullYear()
+  };
+};
+export var IsCurrentDay = function IsCurrentDay(date, currentDay) {
+  var _getDateFromNow = getDateFromNow(),
+    day = _getDateFromNow.day,
+    currentMonthIndex = _getDateFromNow.monthIndex,
+    currentYear = _getDateFromNow.year;
+  return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;
+};
+export var isSelectedDay = function isSelectedDay(date, currentDay, value) {
+  if (!value) {
+    return false;
+  }
+  var _getDateFromValue = getDateFromValue(value),
+    day = _getDateFromValue.day,
+    monthIndex = _getDateFromValue.monthIndex,
+    year = _getDateFromValue.year;
+  return day === currentDay && date.monthIndex === monthIndex && date.year === year;
+};
+export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
+  var _getDateFromNow2 = getDateFromNow(),
+    currentMonthIndex = _getDateFromNow2.monthIndex,
+    currentYear = _getDateFromNow2.year;
+  return monthIndex === currentMonthIndex && date.year === currentYear;
+};
+export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
+  if (!value) {
+    return false;
+  }
+  var _getDateFromValue2 = getDateFromValue(value),
+    monthIndex = _getDateFromValue2.monthIndex,
+    year = _getDateFromValue2.year;
+  return currentMonth === monthIndex && date.year === year;
+};
+export var isCurrentYear = function isCurrentYear(year) {
+  var _getDateFromNow3 = getDateFromNow(),
+    currentYear = _getDateFromNow3.year;
+  return year === currentYear;
+};
+export var isSelectedYear = function isSelectedYear(yearValue, value) {
+  if (!value) {
+    return false;
+  }
+  var _getDateFromValue3 = getDateFromValue(value),
+    year = _getDateFromValue3.year;
+  return yearValue === year;
+};
+
+/**
+ * Метод для получения набора неповторяющихся дат.
+ */
+export var getPropsMap = function getPropsMap(props) {
+  return props.reduce(function (acc, prop) {
+    var _getDateFromValue4 = getDateFromValue(prop.date),
+      year = _getDateFromValue4.year,
+      monthIndex = _getDateFromValue4.monthIndex,
+      day = _getDateFromValue4.day;
+    var key = "".concat(year, "-").concat(monthIndex, "-").concat(day);
+    var propList = acc.get(key) || [];
+    propList.push(prop);
+    return acc.set(key, propList);
+  }, new Map());
+};
+
+/**
+ * Метод проверяет, можно ли выбрать день.
+ */
+export var canSelectDate = function canSelectDate(_ref, value, disabledList) {
+  var year = _ref.year,
+    monthIndex = _ref.monthIndex,
+    day = _ref.day;
+  if (!isSelectProcess(value)) {
+    return true;
+  }
+  var hoverDate = new Date(year, monthIndex, day);
+  var _value = _slicedToArray(value, 1),
+    startDate = _value[0];
+  if (!(disabledList !== null && disabledList !== void 0 && disabledList.length)) {
+    return true;
+  }
+  var offDisabledRange = disabledList.some(function (_ref2) {
+    var date = _ref2.date;
+    return startDate < date && date < hoverDate || startDate > date && date > hoverDate;
+  });
+  return !offDisabledRange;
+};
+
+/**
+ * Метод для получения двумерного массива и возвращения выбранного элемента.
+ */
+export var getMatrix = function getMatrix(items) {
+  var rowSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 7;
+  var newItems = _toConsumableArray(items);
+  var selected;
+  var result = newItems.reduce(function (acc, item, index) {
+    if (index % rowSize === 0) {
+      acc.push([]);
+    }
+    acc[acc.length - 1].push(item);
+    if (item.isSelected) {
+      selected = [acc.length - 1, index % rowSize];
+    }
+    return acc;
+  }, []);
+  return [result, selected];
+};
+export var getCalendarType = function getCalendarType(type) {
+  switch (type) {
+    case 'Months':
+    case 'Quarters':
+      return 'год';
+    case 'Years':
+      return 'период';
+    default:
+      return 'месяц';
+  }
+};