@alfalab/core-components 41.17.0 → 41.18.0

package/calendar/components/years-table/index.css

@@ -1,4 +1,4 @@
-/* hash: q1ufb */
+/* hash: 1u5g2 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -49,21 +49,21 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_qok5h {
+} .cc-calendar .calendar__yearsTable_14fgk {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_qok5h {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_14fgk {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_qok5h.calendar__responsive_qok5h {
+        } .cc-calendar .calendar__yearsTable_14fgk.calendar__responsive_14fgk {
             justify-content: space-between
-        } .cc-calendar .calendar__yearsTable_qok5h.calendar__responsive_qok5h .calendar__inner_qok5h {
+        } .cc-calendar .calendar__yearsTable_14fgk.calendar__responsive_14fgk .calendar__inner_14fgk {
                 left: auto;
-            } .cc-calendar .calendar__yearsTable_qok5h.calendar__responsive_qok5h .calendar__button_qok5h {
+            } .cc-calendar .calendar__yearsTable_14fgk.calendar__responsive_14fgk .calendar__button_14fgk {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__inner_qok5h {
+            } .cc-calendar .calendar__inner_14fgk {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -72,26 +72,26 @@
         /* (width - inner-width) / 2 */
         left: 32px;
         overflow: hidden
-    } @media (max-width: 374px) { .cc-calendar .calendar__inner_qok5h {
+    } @media (max-width: 374px) { .cc-calendar .calendar__inner_14fgk {
             left: 16px
     }
-        } .cc-calendar .calendar__button_qok5h {
+        } .cc-calendar .calendar__button_14fgk {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_qok5h:nth-child(3n) {
+    } .cc-calendar .calendar__button_14fgk:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_qok5h {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_14fgk {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_qok5h:nth-child(3n) {
+            .cc-calendar .calendar__button_14fgk:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_qok5h:nth-child(2n) {
+            .cc-calendar .calendar__button_14fgk:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_qok5h {
+            } .cc-calendar .calendar__button_14fgk {
 
             height: 36px
     }

package/calendar/cssm/{Component.responsive-fa4cf9a1.d.ts → Component.responsive-8e647f59.d.ts}

@@ -19,6 +19,10 @@ type CalendarMobileProps = CalendarDesktopProps & {
      * Обработчик закрытия модалки
      */
     onClose?: () => void;
+    /**
+     * Обработчик клика на название месяца в мобильном календаре
+     */
+    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
     /**
      * Количество лет для генерации в обе стороны от текущего года
      */
@@ -36,6 +40,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
     open: boolean;
     title?: string | undefined;
     onClose?: (() => void) | undefined;
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement>) => void) | undefined;
     yearsAmount?: number | undefined;
     hasHeader?: boolean | undefined;
     allowSelectionFromEmptyRange?: boolean | undefined;
@@ -658,6 +663,7 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
     open: boolean;
     title?: string | undefined;
     onClose?: (() => void) | undefined;
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     hasHeader?: boolean | undefined;
     allowSelectionFromEmptyRange?: boolean | undefined;

package/calendar/cssm/{Component.responsive-fa4cf9a1.js → Component.responsive-8e647f59.js}

@@ -51,7 +51,7 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = resizeObserver.ResizeObserver;
 }
 var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
+    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
     var initialMonthIndex = React.useMemo(function () {
         var currentMonthIndex = new Date().getMonth();
         var monthIndex = currentMonthIndex;
@@ -111,7 +111,12 @@ var CalendarMonthOnlyView = function (_a) {
             }), title: "".concat(utils.monthName(item.date), " ").concat(item.date.getFullYear()) })); });
     }, [events, offDays, holidays, dayAddons, months, yearsAmount, minDate, maxDate, selected]);
     var renderMonth = function (index) { return (React__default.default.createElement("div", { className: styles__default.default.daysTable, id: "month-".concat(index) },
-        React__default.default.createElement("span", { className: styles__default.default.month }, activeMonths[index].title),
+        onMonthTitleClick ? (
+        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+        React__default.default.createElement("span", { className: styles__default.default.month, onClick: onMonthTitleClick, tabIndex: 0, role: 'button' }, activeMonths[index].title)) : (React__default.default.createElement("span", { className: styles__default.default.month },
+            " ",
+            activeMonths[index].title,
+            " ")),
         React__default.default.createElement(components_daysTable_Component.DaysTable, { weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape }))); };
     if (!scrollableContainer)
         return null;
@@ -119,7 +124,7 @@ var CalendarMonthOnlyView = function (_a) {
 };
 var CalendarMobile = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
+    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
     var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
@@ -143,7 +148,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef }, commonProps, restProps)));
+            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
         }
         return (React__default.default.createElement(Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: styles__default.default.calendar }, commonProps, restProps)));
     };

package/calendar/cssm/Component.responsive.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('./Component.responsive-8e647f59.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

package/calendar/cssm/components/calendar-mobile/Component.js

@@ -12,7 +12,7 @@ require('date-fns/startOfMonth');
 require('../../../../button/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('../../Component.responsive-8e647f59.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');

package/calendar/cssm/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-fa4cf9a1";
+export * from "../../Component.responsive-8e647f59";
 export {};

package/calendar/cssm/components/calendar-mobile/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('../../Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('../../Component.responsive-8e647f59.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/cssm/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_desktop = require('./Component.desktop.js');
-var components_calendarMobile_Component = require('./Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('./Component.responsive-8e647f59.js');
 var usePeriod = require('./usePeriod.js');
 var useCalendar = require('./useCalendar.js');
 var components_periodSlider_Component = require('./components/period-slider/Component.js');

package/calendar/cssm/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('./Component.responsive-8e647f59.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/cssm/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-fa4cf9a1";
+export * from "./Component.responsive-8e647f59";
 export {};

package/calendar/cssm/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('./Component.responsive-8e647f59.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/desktop.css

@@ -1,4 +1,4 @@
-/* hash: dpt2p */
+/* hash: yj2qy */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
@@ -43,27 +43,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_lbz6s {
+} .calendar__component_1fnti {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_lbz6s {
+} @media (max-width: 374px) { .calendar__component_1fnti {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_lbz6s.calendar__responsive_lbz6s {
+    } .calendar__component_1fnti.calendar__responsive_1fnti {
         width: 100%
-    } .calendar__component_lbz6s.calendar__responsive_lbz6s .calendar__period_lbz6s {
+    } .calendar__component_1fnti.calendar__responsive_1fnti .calendar__period_1fnti {
             width: 100%;
-        } .calendar__component_lbz6s.calendar__responsive_lbz6s .calendar__monthYear_lbz6s {
+        } .calendar__component_1fnti.calendar__responsive_1fnti .calendar__monthYear_1fnti {
             width: 100%;
-        } .calendar__component_lbz6s.calendar__responsive_lbz6s .calendar__container_lbz6s {
+        } .calendar__component_1fnti.calendar__responsive_1fnti .calendar__container_1fnti {
             width: 100%;
-        } .calendar__container_lbz6s {
+        } .calendar__container_1fnti {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -71,17 +71,17 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_lbz6s.calendar__customScrollbar_lbz6s {
+} .calendar__container_1fnti.calendar__customScrollbar_1fnti {
         overflow: auto;
         overflow: overlay;
         cursor: auto;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar {
         width: 12px;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-track {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-track-piece {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-thumb {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-radius: var(--border-radius-circle) / 6px;
         border-color: transparent;
@@ -89,38 +89,38 @@
         border-width: 4px;
         background-clip: padding-box;
         min-height: 40px;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-thumb:hover {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-thumb:active {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-resizer {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-button,
-    .calendar__container_lbz6s.calendar__customScrollbar_lbz6s::-webkit-scrollbar-corner {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-button,
+    .calendar__container_1fnti.calendar__customScrollbar_1fnti::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_lbz6s.calendar__customScrollbar_lbz6s {
+    } .calendar__container_1fnti.calendar__customScrollbar_1fnti {
 
         display: block;
-    } @media (max-width: 374px) { .calendar__container_lbz6s {
+    } @media (max-width: 374px) { .calendar__container_1fnti {
         width: 288px
 }
-    } .calendar__sixWeeks_lbz6s {
+    } .calendar__sixWeeks_1fnti {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_lbz6s {
+} @media (max-width: 374px) { .calendar__sixWeeks_1fnti {
         height: 361px
 }
-    } .calendar__period_lbz6s {
+    } .calendar__period_1fnti {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_lbz6s {
+} @media (max-width: 374px) { .calendar__period_1fnti {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_lbz6s {
+    } .calendar__monthYear_1fnti {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_lbz6s {
+} @media (max-width: 374px) { .calendar__monthYear_1fnti {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/Component.desktop.js

@@ -60,7 +60,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './components/period-slider/utils.js';
 
-var styles = {"component":"calendar__component_lbz6s","responsive":"calendar__responsive_lbz6s","period":"calendar__period_lbz6s","monthYear":"calendar__monthYear_lbz6s","container":"calendar__container_lbz6s","customScrollbar":"calendar__customScrollbar_lbz6s","sixWeeks":"calendar__sixWeeks_lbz6s"};
+var styles = {"component":"calendar__component_1fnti","responsive":"calendar__responsive_1fnti","period":"calendar__period_1fnti","monthYear":"calendar__monthYear_1fnti","container":"calendar__container_1fnti","customScrollbar":"calendar__customScrollbar_1fnti","sixWeeks":"calendar__sixWeeks_1fnti"};
 require('./desktop.css');
 
 var CalendarDesktop = forwardRef(function (_a, ref) {

package/calendar/{modern/Component.responsive-53ec07d4.d.ts → esm/Component.responsive-3f6dfd37.d.ts}

@@ -19,6 +19,10 @@ type CalendarMobileProps = CalendarDesktopProps & {
      * Обработчик закрытия модалки
      */
     onClose?: () => void;
+    /**
+     * Обработчик клика на название месяца в мобильном календаре
+     */
+    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
     /**
      * Количество лет для генерации в обе стороны от текущего года
      */
@@ -36,6 +40,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
     open: boolean;
     title?: string | undefined;
     onClose?: (() => void) | undefined;
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement>) => void) | undefined;
     yearsAmount?: number | undefined;
     hasHeader?: boolean | undefined;
     allowSelectionFromEmptyRange?: boolean | undefined;
@@ -658,6 +663,7 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
     open: boolean;
     title?: string | undefined;
     onClose?: (() => void) | undefined;
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     hasHeader?: boolean | undefined;
     allowSelectionFromEmptyRange?: boolean | undefined;

package/calendar/esm/{Component.responsive-ee0187c3.js → Component.responsive-3f6dfd37.js}

@@ -66,7 +66,7 @@ import 'react-merge-refs';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 
-var styles = {"wrapper":"calendar__wrapper_gxxz0","withZIndex":"calendar__withZIndex_gxxz0","calendar":"calendar__calendar_gxxz0","dayNames":"calendar__dayNames_gxxz0","withHeader":"calendar__withHeader_gxxz0","month":"calendar__month_gxxz0","daysTable":"calendar__daysTable_gxxz0","dayName":"calendar__dayName_gxxz0"};
+var styles = {"wrapper":"calendar__wrapper_msy2y","withZIndex":"calendar__withZIndex_msy2y","calendar":"calendar__calendar_msy2y","dayNames":"calendar__dayNames_msy2y","withHeader":"calendar__withHeader_msy2y","month":"calendar__month_msy2y","daysTable":"calendar__daysTable_msy2y","dayName":"calendar__dayName_msy2y"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -74,7 +74,7 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = ResizeObserver;
 }
 var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
+    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
     var initialMonthIndex = useMemo(function () {
         var currentMonthIndex = new Date().getMonth();
         var monthIndex = currentMonthIndex;
@@ -134,7 +134,12 @@ var CalendarMonthOnlyView = function (_a) {
             }), title: "".concat(monthName(item.date), " ").concat(item.date.getFullYear()) })); });
     }, [events, offDays, holidays, dayAddons, months, yearsAmount, minDate, maxDate, selected]);
     var renderMonth = function (index) { return (React.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
-        React.createElement("span", { className: styles.month }, activeMonths[index].title),
+        onMonthTitleClick ? (
+        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+        React.createElement("span", { className: styles.month, onClick: onMonthTitleClick, tabIndex: 0, role: 'button' }, activeMonths[index].title)) : (React.createElement("span", { className: styles.month },
+            " ",
+            activeMonths[index].title,
+            " ")),
         React.createElement(DaysTable, { weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape }))); };
     if (!scrollableContainer)
         return null;
@@ -142,7 +147,7 @@ var CalendarMonthOnlyView = function (_a) {
 };
 var CalendarMobile = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, restProps = __rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
+    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, restProps = __rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
     var _k = useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
@@ -166,7 +171,7 @@ var CalendarMobile = forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React.createElement(CalendarMonthOnlyView, __assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef }, commonProps, restProps)));
+            return (React.createElement(CalendarMonthOnlyView, __assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
         }
         return (React.createElement(CalendarDesktop, __assign({ responsive: true, className: styles.calendar }, commonProps, restProps)));
     };

package/calendar/esm/Component.responsive.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-ee0187c3.js';
+export { C as CalendarResponsive } from './Component.responsive-3f6dfd37.js';
 import './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';

package/calendar/esm/components/calendar-mobile/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/startOfMonth';
 import '../../../../button/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.desktop.js';
-export { a as CalendarMobile } from '../../Component.responsive-ee0187c3.js';
+export { a as CalendarMobile } from '../../Component.responsive-3f6dfd37.js';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import 'react-merge-refs';

package/calendar/esm/components/calendar-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xhbp */
+/* hash: 1yfap */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -56,23 +56,23 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_gxxz0 {
+} .calendar__wrapper_msy2y {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_gxxz0 {
+} .calendar__withZIndex_msy2y {
     z-index: 2;
-} .calendar__calendar_gxxz0 th {
+} .calendar__calendar_msy2y th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_gxxz0 {
+} .calendar__dayNames_msy2y {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_gxxz0.calendar__withHeader_gxxz0 {
+} .calendar__dayNames_msy2y.calendar__withHeader_msy2y {
         top: 48px;
-    } .calendar__dayNames_gxxz0 th {
+    } .calendar__dayNames_msy2y th {
     height: 100%;
-} .calendar__month_gxxz0 {
+} .calendar__month_msy2y {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -81,18 +81,18 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_gxxz0 {
+} .calendar__daysTable_msy2y {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_gxxz0 {
+} .calendar__dayName_msy2y {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_gxxz0 {
+} @media (max-width: 374px) { .calendar__dayName_msy2y {
         height: 36px
 }
     }

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-ee0187c3";
+export * from "../../Component.responsive-3f6dfd37";
 export {};

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from '../../Component.responsive-ee0187c3.js';
+export { a as CalendarMobile } from '../../Component.responsive-3f6dfd37.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/esm/components/days-table/Component.js

@@ -31,7 +31,7 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-var styles = {"daysTable":"calendar__daysTable_1i1f4","responsive":"calendar__responsive_1i1f4","dayName":"calendar__dayName_1i1f4","day":"calendar__day_1i1f4","rounded":"calendar__rounded_1i1f4","rectangular":"calendar__rectangular_1i1f4","highlighted":"calendar__highlighted_1i1f4","range":"calendar__range_1i1f4","disabled":"calendar__disabled_1i1f4","holiday":"calendar__holiday_1i1f4","today":"calendar__today_1i1f4","rangeComplete":"calendar__rangeComplete_1i1f4","selected":"calendar__selected_1i1f4","dayWrapper":"calendar__dayWrapper_1i1f4","cursorPointer":"calendar__cursorPointer_1i1f4","rangeEnd":"calendar__rangeEnd_1i1f4","rangeStart":"calendar__rangeStart_1i1f4","transitLeft":"calendar__transitLeft_1i1f4","transitRight":"calendar__transitRight_1i1f4","sharpTransitLeft":"calendar__sharpTransitLeft_1i1f4","sharpTransitRight":"calendar__sharpTransitRight_1i1f4","daysEnter":"calendar__daysEnter_1i1f4","left":"calendar__left_1i1f4","daysEnterActive":"calendar__daysEnterActive_1i1f4","daysExit":"calendar__daysExit_1i1f4","daysExitActive":"calendar__daysExitActive_1i1f4","right":"calendar__right_1i1f4","dayAddons":"calendar__dayAddons_1i1f4","dayContent":"calendar__dayContent_1i1f4","addons":"calendar__addons_1i1f4","dot":"calendar__dot_1i1f4","bottomAddon":"calendar__bottomAddon_1i1f4"};
+var styles = {"daysTable":"calendar__daysTable_197mt","responsive":"calendar__responsive_197mt","dayName":"calendar__dayName_197mt","day":"calendar__day_197mt","rounded":"calendar__rounded_197mt","rectangular":"calendar__rectangular_197mt","highlighted":"calendar__highlighted_197mt","range":"calendar__range_197mt","disabled":"calendar__disabled_197mt","holiday":"calendar__holiday_197mt","today":"calendar__today_197mt","rangeComplete":"calendar__rangeComplete_197mt","selected":"calendar__selected_197mt","dayWrapper":"calendar__dayWrapper_197mt","cursorPointer":"calendar__cursorPointer_197mt","rangeEnd":"calendar__rangeEnd_197mt","rangeStart":"calendar__rangeStart_197mt","transitLeft":"calendar__transitLeft_197mt","transitRight":"calendar__transitRight_197mt","sharpTransitLeft":"calendar__sharpTransitLeft_197mt","sharpTransitRight":"calendar__sharpTransitRight_197mt","daysEnter":"calendar__daysEnter_197mt","left":"calendar__left_197mt","daysEnterActive":"calendar__daysEnterActive_197mt","daysExit":"calendar__daysExit_197mt","daysExitActive":"calendar__daysExitActive_197mt","right":"calendar__right_197mt","dayAddons":"calendar__dayAddons_197mt","dayContent":"calendar__dayContent_197mt","addons":"calendar__addons_197mt","dot":"calendar__dot_197mt","bottomAddon":"calendar__bottomAddon_197mt"};
 require('./index.css');
 
 var DaysTable = function (_a) {