@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css}

@@ -4,5 +4,5 @@
 .s13yvda3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
 .s1i8jkj2{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
 .sw3by8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.sdke0q6{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
-.sdtpxcv{font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.sdke0q6{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
+.sdtpxcv{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.sdtpxcv::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.sdtpxcv.focus-visible:focus::before,.sdtpxcv[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css

@@ -1,4 +1,7 @@
-.CalendarMonths_styles_7jeg2n_s2fb05v__2634db4d{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
-.CalendarMonths_styles_7jeg2n_s1nlg4aa__2634db4d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarMonths_styles_7jeg2n_s1cvx4bk__2634db4d{border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemHovered__2634db4d,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemHovered__2634db4d:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d:not(.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_focusVisible__2634db4d:focus::before,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d{position:relative;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_focusVisible__2634db4d:focus::before,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+
+.CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
+.CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../utils/index.js');
+var constants = require('../../utils/constants.js');
+var calendarGridHelper = require('../../utils/calendarGridHelper.js');
+var calendarRangeHelper = require('../../utils/calendarRangeHelper.js');
 var useMonths = require('../../hooks/useMonths.js');
 var Calendar_tokens = require('../../Calendar.tokens.js');
+var DateStructureItem = require('../DateStructureItem/DateStructureItem.js');
 var CalendarMonths_styles = require('./CalendarMonths.styles.js');
 
 /**
@@ -14,30 +17,79 @@ var CalendarMonths_styles = require('./CalendarMonths.styles.js');
  */
 var CalendarMonths = function CalendarMonths(_ref) {
   var currentDate = _ref.date,
+    value = _ref.value,
     selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
     outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredMonth = _ref.hoveredMonth,
     onChangeMonth = _ref.onChangeMonth,
+    onHoverMonth = _ref.onHoverMonth,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var _useMonths = useMonths.useMonths(currentDate),
+  var _useMonths = useMonths.useMonths({
+      date: currentDate,
+      value: value,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
     _useMonths2 = _rollupPluginBabelHelpers.slicedToArray(_useMonths, 2),
     months = _useMonths2[0],
     selected = _useMonths2[1];
   var selectedRef = React.useRef(selected);
   var onSetSelectedRef = React.useRef(onSetSelected);
-  var handleOnChangeMonth = React.useCallback(function (event) {
-    /**
-     * нужно вызвать stopImmediatePropagation для случаев, когда
-     * обработчик события onClick навешивается снаружи.
-     * Как, например, в компоненте Popup
-     */
-    event.nativeEvent.stopImmediatePropagation();
-    var monthIndex = event.currentTarget.dataset.monthIndex;
-    onChangeMonth(Number(monthIndex));
-  }, [onChangeMonth]);
+  var offset = isSecond ? constants.ROW_MONTH_STEP : 0;
+  var monthItemTokens = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(Calendar_tokens.innerTokens.dateStructureFontFamily), "var(".concat(Calendar_tokens.tokens.calendarMonthFontFamily, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontSize), "var(".concat(Calendar_tokens.tokens.calendarMonthFontSize, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontWeight), "var(".concat(Calendar_tokens.tokens.calendarMonthFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLineHeight), "var(".concat(Calendar_tokens.tokens.calendarMonthFontLineHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLetterSpacing), "var(".concat(Calendar_tokens.tokens.calendarMonthFontLetterSpacing, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontStyle), "var(".concat(Calendar_tokens.tokens.calendarMonthFontStyle, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureSelectedFontWeight), "var(".concat(Calendar_tokens.tokens.calendarMonthSelectedFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureWidth), "var(".concat(Calendar_tokens.tokens.calendarMonthItemWidth, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureHeight), "var(".concat(Calendar_tokens.tokens.calendarMonthItemHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureBorderRadius), "var(".concat(Calendar_tokens.tokens.calendarMonthItemBorderRadius, ")"));
+  var getSelectedDate = React.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 (!calendarGridHelper.canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeMonth = React.useCallback(function (i, j) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeMonth(selectedDate, [i + offset, j]);
+      if (calendarRangeHelper.isSelectProcess(value)) {
+        onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeMonth, offset, value, onHoverMonth]);
+  var handleOnHoverMonth = React.useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
+  }, [getSelectedDate, onHoverMonth, value]);
   var getRefs = React.useCallback(function (element, i, j) {
-    outerRefs.current[i][j] = element;
-  }, [outerRefs]);
+    outerRefs.current[i + offset][j] = element;
+  }, [offset, outerRefs]);
   React.useEffect(function () {
     if (selectedRef.current) {
       var _onSetSelectedRef$cur;
@@ -57,23 +109,40 @@ var CalendarMonths = function CalendarMonths(_ref) {
         monthIndex = _ref2.monthIndex,
         isSelected = _ref2.isSelected,
         isCurrent = _ref2.isCurrent,
-        monthFullName = _ref2.monthFullName;
-      var selectedClass = isSelected ? Calendar_tokens.classes.selectedItem : undefined;
-      var currentClass = isCurrent ? Calendar_tokens.classes.currentItem : undefined;
-      return /*#__PURE__*/React.createElement(CalendarMonths_styles.StyledMonthRoot, {
-        id: "month-test-".concat(i, "-").concat(j),
-        className: index.cx(selectedClass, currentClass, Calendar_tokens.classes.selectableItem),
+        monthFullName = _ref2.monthFullName,
+        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.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: handleOnChangeMonth,
-        "data-month-index": monthIndex,
-        "aria-selected": isSelected,
-        role: "gridcell",
+        style: monthItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: date.year,
+        monthIndex: 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: calendarRangeHelper.isSameDay(date, hoveredMonth),
+        inRange: calendarRangeHelper.getInRange(value, date, hoveredMonth, inRange),
+        sideInRange: calendarRangeHelper.getSideInRange(value, date, hoveredMonth, isSelected),
+        onClick: disabled ? undefined : handleOnChangeMonth(i, j),
+        onMouseOver: disabled ? undefined : handleOnHoverMonth,
         key: "StyledMonth-".concat(i, "-").concat(j),
-        "aria-label": monthFullName
-      }, /*#__PURE__*/React.createElement(CalendarMonths_styles.StyledMonth, null, monthName));
+        role: "gridcell",
+        "aria-label": monthFullName,
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, monthName);
     }));
   }));
 };

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useMonths } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex, StyledMonth, StyledMonthRoot } from './CalendarMonths.styles';\n\n/**\n * Компонент месяцев в календаре.\n */\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n    date: currentDate,\n    selectIndexes,\n    outerRefs,\n    onChangeMonth,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [months, selected] = useMonths(currentDate);\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const handleOnChangeMonth = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const { monthIndex } = event.currentTarget.dataset;\n            onChangeMonth(Number(monthIndex));\n        },\n        [onChangeMonth],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i][j] = element;\n        },\n        [outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {months.map((month, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {month.map(({ monthName, monthIndex, isSelected, isCurrent, monthFullName }, j) => {\n                        const selectedClass = isSelected ? classes.selectedItem : undefined;\n                        const currentClass = isCurrent ? classes.currentItem : undefined;\n\n                        return (\n                            <StyledMonthRoot\n                                id={`month-test-${i}-${j}`}\n                                className={cx(selectedClass, currentClass, classes.selectableItem)}\n                                ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n                                onClick={handleOnChangeMonth}\n                                data-month-index={monthIndex}\n                                aria-selected={isSelected}\n                                role=\"gridcell\"\n                                key={`StyledMonth-${i}-${j}`}\n                                aria-label={monthFullName}\n                            >\n                                <StyledMonth>{monthName}</StyledMonth>\n                            </StyledMonthRoot>\n                        );\n                    })}\n                </StyledFlex>\n            ))}\n        </StyledCalendarMonths>\n    );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","selectIndexes","outerRefs","onChangeMonth","onSetSelected","onKeyDown","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeMonth","useCallback","event","nativeEvent","stopImmediatePropagation","monthIndex","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledMonthRoot","id","concat","className","cx","selectableItem","ref","tabIndex","onClick","StyledMonth"],"mappings":"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"}
+{"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMonths } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles';\n\n/**\n * Компонент месяцев в календаре.\n */\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n    date: currentDate,\n    value,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredMonth,\n    onChangeMonth,\n    onHoverMonth,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [months, selected] = useMonths({ date: currentDate, value, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_MONTH_STEP : 0;\n\n    const monthItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarMonthFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarMonthFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarMonthFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarMonthFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarMonthFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarMonthFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarMonthSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarMonthItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarMonthItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarMonthItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeMonth = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeMonth(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverMonth?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeMonth, offset, value, onHoverMonth],\n    );\n\n    const handleOnHoverMonth = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverMonth?.(selectedDate);\n        },\n        [getSelectedDate, onHoverMonth, value],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [offset, outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {months.map((month, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {month.map(\n                        (\n                            {\n                                monthName,\n                                monthIndex,\n                                isSelected,\n                                isCurrent,\n                                monthFullName,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={monthItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={date.year}\n                                    monthIndex={monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredMonth)}\n                                    inRange={getInRange(value, date, hoveredMonth, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredMonth, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeMonth(i, j)}\n                                    onMouseOver={disabled ? undefined : handleOnHoverMonth}\n                                    key={`StyledMonth-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    aria-label={monthFullName}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {monthName}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarMonths>\n    );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredMonth","onChangeMonth","onHoverMonth","onSetSelected","onKeyDown","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_MONTH_STEP","monthItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarMonthFontFamily","dateStructureFontSize","calendarMonthFontSize","dateStructureFontWeight","calendarMonthFontWeight","dateStructureFontLineHeight","calendarMonthFontLineHeight","dateStructureFontLetterSpacing","calendarMonthFontLetterSpacing","dateStructureFontStyle","calendarMonthFontStyle","dateStructureSelectedFontWeight","calendarMonthSelectedFontWeight","dateStructureWidth","calendarMonthItemWidth","dateStructureHeight","calendarMonthItemHeight","dateStructureBorderRadius","calendarMonthItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeMonth","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverMonth","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js

@@ -1,4 +1,4 @@
-import './CalendarMonths.styles_7jeg2n.css';
+import './CalendarMonths.styles_1v3msg.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,19 +15,7 @@ var StyledFlex = /*#__PURE__*/react.styled('div')({
   "class": "s1nlg4aa",
   propsAsIs: false
 });
-var StyledMonth = /*#__PURE__*/react.styled('div')({
-  name: "StyledMonth",
-  "class": "s1cvx4bk",
-  propsAsIs: false
-});
-var StyledMonthRoot = /*#__PURE__*/react.styled('div')({
-  name: "StyledMonthRoot",
-  "class": "s14caaqm",
-  propsAsIs: false
-});
 
 exports.StyledCalendarMonths = StyledCalendarMonths;
 exports.StyledFlex = StyledFlex;
-exports.StyledMonth = StyledMonth;
-exports.StyledMonthRoot = StyledMonthRoot;
 //# sourceMappingURL=CalendarMonths.styles.js.map

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarMonths = styled.div`\n    padding: var(${tokens.calendarMonthsPadding});\n    box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n    ${String(flexCenter)};\n`;\n\nexport const StyledMonth = styled.div`\n    border-radius: calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem);\n\n    ${String(flexCenter)};\n`;\n\nexport const StyledMonthRoot = styled.div`\n    font-family: var(${tokens.calendarMonthFontFamily});\n    font-size: var(${tokens.calendarMonthFontSize});\n    font-style: var(${tokens.calendarMonthFontStyle});\n    font-weight: var(${tokens.calendarMonthFontWeight});\n    letter-spacing: var(${tokens.calendarMonthFontLetterSpacing});\n    line-height: var(${tokens.calendarMonthFontLineHeight});\n    position: relative;\n    box-sizing: border-box;\n\n    min-height: var(${tokens.calendarMonthItemHeight});\n    min-width: var(${tokens.calendarMonthItemWidth});\n\n    border-radius: var(${tokens.calendarMonthItemBorderRadius});\n\n    ${String(flexCenter)};\n\n    ${addSelected({\n        minWidth: `calc(var(${tokens.calendarMonthItemWidth}) - 0.25rem)`,\n        minHeight: `calc(var(${tokens.calendarMonthItemHeight}) - 0.25rem)`,\n        selectedFontWeight: `var(${tokens.calendarMonthSelectedFontWeight})`,\n        selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n        selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n        selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n        currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n        activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n        activeColor: `var(${tokens.calendarActiveItemColor})`,\n    })};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) + 0.125rem)`,\n    })};\n\n    &.${classes.currentItem} {\n        ${addFocus({\n            outlineSize: '0.063rem',\n            outlineOffset: '-0.1875rem',\n            outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n            outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) + 0.125rem)`,\n        })};\n    }\n`;\n"],"names":["StyledCalendarMonths","styled","name","class","propsAsIs","StyledFlex","StyledMonth","StyledMonthRoot"],"mappings":";;;;;;AAMO,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4CpC;;;;;;;"}
+{"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\nimport { flexCenter } from '../../mixins';\n\nexport const StyledCalendarMonths = styled.div`\n    padding: var(${tokens.calendarMonthsPadding});\n    box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n    ${String(flexCenter)};\n`;\n"],"names":["StyledCalendarMonths","styled","name","class","propsAsIs","StyledFlex"],"mappings":";;;;;;AAKO,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;"}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css

@@ -0,0 +1,2 @@
+.s2fb05v{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
+.s1nlg4aa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css

@@ -0,0 +1,7 @@
+.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+
+.CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
+.CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -0,0 +1,149 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var constants = require('../../utils/constants.js');
+var calendarGridHelper = require('../../utils/calendarGridHelper.js');
+var calendarRangeHelper = require('../../utils/calendarRangeHelper.js');
+var useQuarters = require('../../hooks/useQuarters.js');
+var Calendar_tokens = require('../../Calendar.tokens.js');
+var DateStructureItem = require('../DateStructureItem/DateStructureItem.js');
+var CalendarQuarters_styles = require('./CalendarQuarters.styles.js');
+
+/**
+ * Компонент кварталов в календаре.
+ */
+var CalendarQuarters = function CalendarQuarters(_ref) {
+  var currentDate = _ref.date,
+    value = _ref.value,
+    selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
+    outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredQuarter = _ref.hoveredQuarter,
+    onChangeQuarter = _ref.onChangeQuarter,
+    onHoverQuarter = _ref.onHoverQuarter,
+    onSetSelected = _ref.onSetSelected,
+    onKeyDown = _ref.onKeyDown;
+  var _useQuarters = useQuarters.useQuarters({
+      date: currentDate,
+      value: value,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
+    _useQuarters2 = _rollupPluginBabelHelpers.slicedToArray(_useQuarters, 2),
+    quarters = _useQuarters2[0],
+    selected = _useQuarters2[1];
+  var selectedRef = React.useRef(selected);
+  var onSetSelectedRef = React.useRef(onSetSelected);
+  var offset = isSecond ? constants.ROW_QUARTER_STEP : 0;
+  var quarterItemTokens = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(Calendar_tokens.innerTokens.dateStructureFontFamily), "var(".concat(Calendar_tokens.tokens.calendarQuarterFontFamily, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontSize), "var(".concat(Calendar_tokens.tokens.calendarQuarterFontSize, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontWeight), "var(".concat(Calendar_tokens.tokens.calendarQuarterFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLineHeight), "var(".concat(Calendar_tokens.tokens.calendarQuarterFontLineHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLetterSpacing), "var(".concat(Calendar_tokens.tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontStyle), "var(".concat(Calendar_tokens.tokens.calendarQuarterFontStyle, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureSelectedFontWeight), "var(".concat(Calendar_tokens.tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureWidth), "var(".concat(Calendar_tokens.tokens.calendarQuarterItemWidth, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureHeight), "var(".concat(Calendar_tokens.tokens.calendarQuarterItemHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureBorderRadius), "var(".concat(Calendar_tokens.tokens.calendarQuarterItemBorderRadius, ")"));
+  var getSelectedDate = React.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 (!calendarGridHelper.canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeQuarter = React.useCallback(function (i, j, quarterName) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeQuarter(selectedDate, [i + offset, j], quarterName);
+      if (calendarRangeHelper.isSelectProcess(value)) {
+        onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeQuarter, offset, value, onHoverQuarter]);
+  var handleOnHoverQuarter = React.useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
+  }, [getSelectedDate, onHoverQuarter, value]);
+  var getRefs = React.useCallback(function (element, i, j) {
+    outerRefs.current[i + offset][j] = element;
+  }, [offset, outerRefs]);
+  React.useEffect(function () {
+    if (selectedRef.current) {
+      var _onSetSelectedRef$cur;
+      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 || _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(CalendarQuarters_styles.StyledCalendarQuarters, {
+    role: "grid",
+    "aria-labelledby": "id-grid-label",
+    onKeyDown: onKeyDown
+  }, quarters.map(function (quarter, i) {
+    return /*#__PURE__*/React.createElement(CalendarQuarters_styles.StyledFlex, {
+      role: "row",
+      key: i
+    }, quarter.map(function (_ref2, j) {
+      var quarterName = _ref2.quarterName,
+        isSelected = _ref2.isSelected,
+        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.DateStructureItem, {
+        ref: function ref(element) {
+          return getRefs(element, i, j);
+        },
+        style: quarterItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: date.year,
+        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: calendarRangeHelper.isSameDay(date, hoveredQuarter),
+        inRange: calendarRangeHelper.getInRange(value, date, hoveredQuarter, inRange),
+        sideInRange: calendarRangeHelper.getSideInRange(value, date, hoveredQuarter, isSelected),
+        onClick: disabled ? undefined : handleOnChangeQuarter(i, j, String(quarterName)),
+        onMouseOver: disabled ? undefined : handleOnHoverQuarter,
+        key: "StyledQuarter-".concat(i, "-").concat(j),
+        role: "gridcell",
+        "aria-label": quarterName,
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, quarterName);
+    }));
+  }));
+};
+
+exports.CalendarQuarters = CalendarQuarters;
+//# sourceMappingURL=CalendarQuarters.js.map

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarQuarters.js","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useQuarters } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarQuartersProps } from './CalendarQuarters.types';\nimport { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles';\n\n/**\n * Компонент кварталов в календаре.\n */\nexport const CalendarQuarters: React.FC<CalendarQuartersProps> = ({\n    date: currentDate,\n    value,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredQuarter,\n    onChangeQuarter,\n    onHoverQuarter,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [quarters, selected] = useQuarters({ date: currentDate, value, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_QUARTER_STEP : 0;\n\n    const quarterItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarQuarterFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarQuarterFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarQuarterFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarQuarterFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarQuarterFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarQuarterFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarQuarterSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarQuarterItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarQuarterItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarQuarterItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeQuarter = useCallback(\n        (i: number, j: number, quarterName: string) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeQuarter(selectedDate, [i + offset, j], quarterName);\n\n            if (isSelectProcess(value)) {\n                onHoverQuarter?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeQuarter, offset, value, onHoverQuarter],\n    );\n\n    const handleOnHoverQuarter = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverQuarter?.(selectedDate);\n        },\n        [getSelectedDate, onHoverQuarter, value],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [offset, outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarQuarters role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {quarters.map((quarter, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {quarter.map(\n                        (\n                            {\n                                quarterName,\n                                isSelected,\n                                isCurrent,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={quarterItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={date.year}\n                                    monthIndex={date.monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredQuarter)}\n                                    inRange={getInRange(value, date, hoveredQuarter, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredQuarter, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeQuarter(i, j, String(quarterName))}\n                                    onMouseOver={disabled ? undefined : handleOnHoverQuarter}\n                                    key={`StyledQuarter-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    aria-label={quarterName}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {quarterName}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarQuarters>\n    );\n};\n"],"names":["CalendarQuarters","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredQuarter","onChangeQuarter","onHoverQuarter","onSetSelected","onKeyDown","_useQuarters","useQuarters","_useQuarters2","_slicedToArray","quarters","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_QUARTER_STEP","quarterItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarQuarterFontFamily","dateStructureFontSize","calendarQuarterFontSize","dateStructureFontWeight","calendarQuarterFontWeight","dateStructureFontLineHeight","calendarQuarterFontLineHeight","dateStructureFontLetterSpacing","calendarQuarterFontLetterSpacing","dateStructureFontStyle","calendarQuarterFontStyle","dateStructureSelectedFontWeight","calendarQuarterSelectedFontWeight","dateStructureWidth","calendarQuarterItemWidth","dateStructureHeight","calendarQuarterItemHeight","dateStructureBorderRadius","calendarQuarterItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeQuarter","i","j","quarterName","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverQuarter","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarQuarters","role","map","quarter","StyledFlex","key","_ref2","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","String","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js

@@ -0,0 +1,21 @@
+import './CalendarQuarters.styles_14gqhct.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var StyledCalendarQuarters = /*#__PURE__*/react.styled('div')({
+  name: "StyledCalendarQuarters",
+  "class": "sbn3jki",
+  propsAsIs: false
+});
+var StyledFlex = /*#__PURE__*/react.styled('div')({
+  name: "StyledFlex",
+  "class": "s1f4w4zt",
+  propsAsIs: false
+});
+
+exports.StyledCalendarQuarters = StyledCalendarQuarters;
+exports.StyledFlex = StyledFlex;
+//# sourceMappingURL=CalendarQuarters.styles.js.map

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarQuarters.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\nimport { flexCenter } from '../../mixins';\n\nexport const StyledCalendarQuarters = styled.div`\n    padding: var(${tokens.calendarQuartersPadding});\n    box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n    ${String(flexCenter)};\n`;\n"],"names":["StyledCalendarQuarters","styled","name","class","propsAsIs","StyledFlex"],"mappings":";;;;;;AAKO,IAAMA,sBAAsB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG3C,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;"}

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css

@@ -0,0 +1,2 @@
+.sbn3jki{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
+.s1f4w4zt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}