@alfalab/core-components 48.4.0 → 48.6.0

package/calendar/calendarMonthOnlyView-f1acccc1.js

@@ -0,0 +1,178 @@
+var tslib = require('tslib');
+var React = require('react');
+var reactVirtuoso = require('react-virtuoso');
+var cn = require('classnames');
+var endOfDay = require('date-fns/endOfDay');
+var isAfter = require('date-fns/isAfter');
+var isSameMonth = require('date-fns/isSameMonth');
+var startOfDay = require('date-fns/startOfDay');
+var startOfMonth = require('date-fns/startOfMonth');
+var coreComponentsTypography = require('../typography');
+var useCalendar = require('./useCalendar.js');
+var useRange = require('./useRange.js');
+var utils = require('./utils.js');
+var components_daysTable_Component = require('./components/days-table/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
+var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
+var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
+var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+
+var styles = {"wrapper":"calendar__wrapper_1al10","withZIndex":"calendar__withZIndex_1al10","calendar":"calendar__calendar_1al10","dayNames":"calendar__dayNames_1al10","withHeader":"calendar__withHeader_1al10","month":"calendar__month_1al10","clickableMonth":"calendar__clickableMonth_1al10","rectangular":"calendar__rectangular_1al10","active":"calendar__active_1al10","monthTitle":"calendar__monthTitle_1al10","disabled":"calendar__disabled_1al10","daysTable":"calendar__daysTable_1al10","dayName":"calendar__dayName_1al10","virtuoso":"calendar__virtuoso_1al10","contentModal":"calendar__contentModal_1al10","content":"calendar__content_1al10"};
+require('./components/calendar-mobile/index.css');
+
+var CalendarMonthOnlyView = function (_a) {
+    var value = _a.value, _b = _a.mode, mode = _b === void 0 ? 'single' : _b, _c = _a.rangeBehavior, rangeBehavior = _c === void 0 ? 'clarification' : _c, 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, _d = _a.yearsAmount, yearsAmount = _d === void 0 ? 3 : _d, dayAddons = _a.dayAddons, _e = _a.shape, shape = _e === void 0 ? 'rounded' : _e, scrollableContainer = _a.scrollableContainer, clickableMonth = _a.clickableMonth;
+    var range = useRange.useRange({
+        mode: mode,
+        value: value,
+        selectedFrom: selectedFrom,
+        selectedTo: selectedTo,
+        rangeBehavior: rangeBehavior,
+        onChange: onChange,
+    });
+    var month = React.useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [monthTimestamp]);
+    var minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay__default.default(minDateTimestamp) : undefined); }, [minDateTimestamp]);
+    var maxDate = React.useMemo(function () {
+        // блокируем последующие дни после текущего
+        if (clickableMonth && !maxDateTimestamp) {
+            return new Date();
+        }
+        return maxDateTimestamp ? endOfDay__default.default(maxDateTimestamp) : undefined;
+    }, [maxDateTimestamp, clickableMonth]);
+    var selected = React.useMemo(function () { return (range.value ? new Date(range.value) : undefined); }, [range.value]);
+    var startingDate = React.useRef(range.value);
+    var defaultMonth = React.useMemo(function () {
+        return startOfMonth__default.default(selected ||
+            utils.limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp));
+    }, [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
+    var _f = useCalendar.useCalendar({
+        month: month,
+        defaultMonth: defaultMonth,
+        view: 'months',
+        minDate: minDate,
+        maxDate: maxDate,
+        selected: selected,
+        offDays: offDays,
+        events: events,
+        onChange: range.onChange,
+        dayAddons: dayAddons,
+    }), activeMonth = _f.activeMonth, highlighted = _f.highlighted, getDayProps = _f.getDayProps;
+    var activeMonths = React.useMemo(function () {
+        var eventsMap = utils.dateArrayToHashTable(events || []);
+        var offDaysMap = utils.dateArrayToHashTable(offDays || []);
+        var holidaysMap = utils.dateArrayToHashTable(holidays || []);
+        var dayAddonsMap = utils.addonArrayToHashTable(dayAddons || []);
+        var prevMonths = [];
+        var nextMonths = [];
+        var date = startingDate.current ? new Date(startingDate.current) : new Date();
+        var currentYear = date.getFullYear();
+        var currYearMonths = utils.generateMonths(date, {});
+        for (var i = 0; i < yearsAmount; i++) {
+            var prevYear = date.setFullYear(currentYear - (i + 1));
+            var nextYear = date.setFullYear(currentYear + (i + 1));
+            var prevYearMonths = utils.generateMonths(new Date(prevYear), {});
+            var nextYearMonths = utils.generateMonths(new Date(nextYear), {});
+            prevMonths.unshift.apply(prevMonths, prevYearMonths);
+            nextMonths.push.apply(nextMonths, nextYearMonths);
+        }
+        var generatedMonths = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], prevMonths, true), currYearMonths, true), nextMonths, true);
+        return generatedMonths.map(function (item) { return (tslib.__assign(tslib.__assign({}, item), { weeks: utils.generateWeeks(item.date, {
+                minDate: minDate,
+                maxDate: maxDate,
+                selected: selected,
+                eventsMap: eventsMap,
+                offDaysMap: offDaysMap,
+                holidaysMap: holidaysMap,
+                dayAddonsMap: dayAddonsMap,
+            }), title: "".concat(utils.monthName(item.date), " ").concat(item.date.getFullYear()) })); });
+    }, [events, offDays, holidays, dayAddons, minDate, maxDate, yearsAmount, selected]);
+    var initialMonthIndex = React.useMemo(function () {
+        var date = range.value || range.selectedFrom || activeMonth.getTime() || Date.now();
+        return activeMonths.findIndex(function (m) { return isSameMonth__default.default(date, m.date); });
+    }, [range.value, range.selectedFrom, activeMonth, activeMonths]);
+    // заголовок должен становиться активным, если выбран весь доступный период в месяце
+    var isMonthActive = function (currentMonthIndex) {
+        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
+            return false;
+        }
+        var dateFrom = value.dateFrom, dateTo = value.dateTo;
+        var currentMonthDate = activeMonths[currentMonthIndex].date;
+        var monthStartTimestamp = utils.getMonthStartTimestamp(currentMonthDate);
+        var monthEndTimestamp = utils.getMonthEndTimestamp(currentMonthDate);
+        // Проверяем, что выбранный диапазон полностью покрывает месяц
+        return dateFrom <= monthStartTimestamp && dateTo >= monthEndTimestamp;
+    };
+    var handleClickMonthLabel = function (index) {
+        if (!onChange)
+            return;
+        var dateActiveMonths = activeMonths[index].date;
+        // Вычисляем начало и конец месяца, по которому был произведен клик
+        var clickedMonthStartTimestamp = utils.getMonthStartTimestamp(dateActiveMonths);
+        var clickedMonthEndTimestamp = utils.getMonthEndTimestamp(dateActiveMonths);
+        // Если значение не определено или не является диапазоном, то устанавливаем новый диапазон
+        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
+            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
+            return;
+        }
+        // Выбранный диапазон дат
+        var dateFrom = value.dateFrom, dateTo = value.dateTo;
+        var selectedRangeStartDate = new Date(dateFrom);
+        var selectedRangeEndDate = new Date(dateTo);
+        var selectedRangeStartTimestamp = utils.getMonthStartTimestamp(selectedRangeStartDate);
+        var selectedRangeEndTimestamp = utils.getMonthEndTimestamp(selectedRangeEndDate);
+        // Проверяем, является ли выбранный диапазон одним и тем же месяцем
+        var isSingleMonthSelected = isSameMonth__default.default(selectedRangeStartDate, selectedRangeEndDate) &&
+            dateFrom <= selectedRangeStartTimestamp &&
+            dateTo >= selectedRangeEndTimestamp;
+        // Проверяем, является ли кликнутый месяц таким же, что и выбранный диапазон
+        var isSameMonthClicked = isSameMonth__default.default(selectedRangeStartDate, dateActiveMonths);
+        // Проверяем, находится ли кликнутый месяц внутри выбранного диапазона
+        var isClickedMonthInsideRange = clickedMonthEndTimestamp >= selectedRangeStartTimestamp &&
+            clickedMonthStartTimestamp <= selectedRangeEndTimestamp;
+        // Проверяем находится ли выбранный диапазон в пределах кликнутого месяца
+        var isRangeWithinSingleMonth = selectedRangeStartTimestamp === dateFrom && selectedRangeEndTimestamp === dateTo;
+        if (isSingleMonthSelected && isSameMonthClicked) {
+            onChange();
+        }
+        else if (isClickedMonthInsideRange || !isRangeWithinSingleMonth) {
+            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
+        }
+        else {
+            var newDateFrom = Math.min(selectedRangeStartTimestamp, clickedMonthStartTimestamp);
+            var newDateTo = Math.max(selectedRangeEndTimestamp, clickedMonthEndTimestamp);
+            onChange(newDateFrom, newDateTo);
+        }
+    };
+    var getMonthLabel = function (index, isClickableMonth) {
+        if (isClickableMonth) {
+            return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: styles.monthTitle, view: 'primary-small', color: 'primary' }, activeMonths[index].title));
+        }
+        return "\u00A0".concat(activeMonths[index].title, "\u00A0");
+    };
+    var renderMonth = function (index) {
+        var _a;
+        var isAfterDate = isAfter__default.default(activeMonths[index].date, maxDate !== null && maxDate !== void 0 ? maxDate : new Date());
+        return (React__default.default.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
+            onMonthTitleClick ? (
+            /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+            React__default.default.createElement("span", { className: styles.month, onClick: onMonthTitleClick, tabIndex: 0, role: 'button' }, activeMonths[index].title)) : (
+            // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+            React__default.default.createElement("span", tslib.__assign({ className: cn__default.default(styles.month, tslib.__assign({}, (clickableMonth && (_a = {},
+                    _a[styles.clickableMonth] = true,
+                    _a[styles.rectangular] = shape === 'rectangular',
+                    _a[styles.active] = isMonthActive(index),
+                    _a[styles.disabled] = isAfterDate,
+                    _a)))) }, (clickableMonth && { onClick: function () { return handleClickMonthLabel(index); } })), getMonthLabel(index, clickableMonth))),
+            React__default.default.createElement(components_daysTable_Component.DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: range.selectedFrom, selectedTo: range.selectedTo, getDayProps: getDayProps, highlighted: highlighted, hasHeader: false, responsive: true, shape: shape })));
+    };
+    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex !== null && initialMonthIndex !== void 0 ? initialMonthIndex : 0, align: 'center' }, increaseViewportBy: 500, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
+};
+
+exports.CalendarMonthOnlyView = CalendarMonthOnlyView;
+exports.styles = styles;

package/calendar/components/calendar-mobile/Component.d.ts

@@ -1,17 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, onMonthTitleClick, selectedFrom, selectedTo, yearsAmount, dayAddons, shape, scrollableContainer, clickableMonth, }: {
-    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
-    yearsAmount?: number | undefined;
-    scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & {
-    /**
-     * FIXME нужно сделать для компонента CalendarMonthOnlyView отдельный тип пропсов, т.к. тип CalendarContentProps intersection для типа CalendarMobileProps
-     * FIXME это приводит к тому, что в доку сторибука попадают типы пропсов, которые нужны для работы компонента CalendarMonthOnlyView, но не нужны для компонента CalendarMobile
-     * TODO Вынести компонент CalendarMonthOnlyView в отдельный файл
-     */
-    clickableMonth?: boolean | undefined;
-}) => React.JSX.Element;
 declare const CalendarMonthOnlyViewHeader: () => React.JSX.Element;
 declare const CalendarMobile: React.ForwardRefExoticComponent<{
     title?: string | undefined;
@@ -21,9 +9,12 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<{
     hasHeader?: boolean | undefined;
     onApply?: (() => void) | undefined;
     clickableMonth?: boolean | undefined;
+    cancelButtonContent?: string | undefined;
+    selectButtonContent?: string | undefined;
+    resetButtonContent?: string | undefined;
 } & {
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
 } & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & React.RefAttributes<HTMLDivElement>>;
-export { CalendarMonthOnlyView, CalendarMonthOnlyViewHeader, CalendarMobile };
+export { CalendarMonthOnlyViewHeader, CalendarMobile };

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

@@ -3,202 +3,38 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
-var reactVirtuoso = require('react-virtuoso');
 var resizeObserver = require('@juggle/resize-observer');
 var cn = require('classnames');
-var endOfDay = require('date-fns/endOfDay');
-var isAfter = require('date-fns/isAfter');
-var isSameMonth = require('date-fns/isSameMonth');
-var startOfDay = require('date-fns/startOfDay');
-var startOfMonth = require('date-fns/startOfMonth');
 var mobile$1 = require('../../../button/mobile');
 var mobile = require('../../../modal/mobile');
 var coreComponentsShared = require('../../../shared');
-var coreComponentsTypography = require('../../../typography');
 var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
-var useCalendar = require('../../useCalendar.js');
-var useRange = require('../../useRange.js');
 var utils = require('../../utils.js');
-var components_daysTable_Component = require('../days-table/Component.js');
+var components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView = require('../../calendarMonthOnlyView-f1acccc1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
-var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
-var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
-var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var backdropTransitionStyles = {"appear":"calendar__appear_67480","enter":"calendar__enter_67480","appearActive":"calendar__appearActive_67480","enterActive":"calendar__enterActive_67480","appearDone":"calendar__appearDone_67480","enterDone":"calendar__enterDone_67480","exit":"calendar__exit_67480","exitActive":"calendar__exitActive_67480","exitDone":"calendar__exitDone_67480"};
+var backdropTransitionStyles = {"appear":"calendar__appear_1wju5","enter":"calendar__enter_1wju5","appearActive":"calendar__appearActive_1wju5","enterActive":"calendar__enterActive_1wju5","appearDone":"calendar__appearDone_1wju5","enterDone":"calendar__enterDone_1wju5","exit":"calendar__exit_1wju5","exitActive":"calendar__exitActive_1wju5","exitDone":"calendar__exitDone_1wju5"};
 require('./backdrop-transitions.css');
 
-var styles = {"wrapper":"calendar__wrapper_1y3lm","withZIndex":"calendar__withZIndex_1y3lm","calendar":"calendar__calendar_1y3lm","dayNames":"calendar__dayNames_1y3lm","withHeader":"calendar__withHeader_1y3lm","month":"calendar__month_1y3lm","clickableMonth":"calendar__clickableMonth_1y3lm","rectangular":"calendar__rectangular_1y3lm","active":"calendar__active_1y3lm","monthTitle":"calendar__monthTitle_1y3lm","disabled":"calendar__disabled_1y3lm","daysTable":"calendar__daysTable_1y3lm","dayName":"calendar__dayName_1y3lm","virtuoso":"calendar__virtuoso_1y3lm","contentModal":"calendar__contentModal_1y3lm","content":"calendar__content_1y3lm"};
-require('./index.css');
-
-var transitionStyles = {"appear":"calendar__appear_1krct","enter":"calendar__enter_1krct","appearActive":"calendar__appearActive_1krct","enterActive":"calendar__enterActive_1krct","exit":"calendar__exit_1krct","exitActive":"calendar__exitActive_1krct","exitDone":"calendar__exitDone_1krct"};
+var transitionStyles = {"appear":"calendar__appear_1l7d2","enter":"calendar__enter_1l7d2","appearActive":"calendar__appearActive_1l7d2","enterActive":"calendar__enterActive_1l7d2","exit":"calendar__exit_1l7d2","exitActive":"calendar__exitActive_1l7d2","exitDone":"calendar__exitDone_1l7d2"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
 if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = resizeObserver.ResizeObserver;
 }
-var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, _b = _a.mode, mode = _b === void 0 ? 'single' : _b, _c = _a.rangeBehavior, rangeBehavior = _c === void 0 ? 'clarification' : _c, 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, _d = _a.yearsAmount, yearsAmount = _d === void 0 ? 3 : _d, dayAddons = _a.dayAddons, _e = _a.shape, shape = _e === void 0 ? 'rounded' : _e, scrollableContainer = _a.scrollableContainer, clickableMonth = _a.clickableMonth;
-    var range = useRange.useRange({
-        mode: mode,
-        value: value,
-        selectedFrom: selectedFrom,
-        selectedTo: selectedTo,
-        rangeBehavior: rangeBehavior,
-        onChange: onChange,
-    });
-    var month = React.useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [monthTimestamp]);
-    var minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay__default.default(minDateTimestamp) : undefined); }, [minDateTimestamp]);
-    var maxDate = React.useMemo(function () {
-        // блокируем последующие дни после текущего
-        if (clickableMonth && !maxDateTimestamp) {
-            return new Date();
-        }
-        return maxDateTimestamp ? endOfDay__default.default(maxDateTimestamp) : undefined;
-    }, [maxDateTimestamp, clickableMonth]);
-    var selected = React.useMemo(function () { return (range.value ? new Date(range.value) : undefined); }, [range.value]);
-    var startingDate = React.useRef(range.value);
-    var defaultMonth = React.useMemo(function () {
-        return startOfMonth__default.default(selected ||
-            utils.limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp));
-    }, [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
-    var _f = useCalendar.useCalendar({
-        month: month,
-        defaultMonth: defaultMonth,
-        view: 'months',
-        minDate: minDate,
-        maxDate: maxDate,
-        selected: selected,
-        offDays: offDays,
-        events: events,
-        onChange: range.onChange,
-        dayAddons: dayAddons,
-    }), activeMonth = _f.activeMonth, highlighted = _f.highlighted, getDayProps = _f.getDayProps;
-    var activeMonths = React.useMemo(function () {
-        var eventsMap = utils.dateArrayToHashTable(events || []);
-        var offDaysMap = utils.dateArrayToHashTable(offDays || []);
-        var holidaysMap = utils.dateArrayToHashTable(holidays || []);
-        var dayAddonsMap = utils.addonArrayToHashTable(dayAddons || []);
-        var prevMonths = [];
-        var nextMonths = [];
-        var date = startingDate.current ? new Date(startingDate.current) : new Date();
-        var currentYear = date.getFullYear();
-        var currYearMonths = utils.generateMonths(date, {});
-        for (var i = 0; i < yearsAmount; i++) {
-            var prevYear = date.setFullYear(currentYear - (i + 1));
-            var nextYear = date.setFullYear(currentYear + (i + 1));
-            var prevYearMonths = utils.generateMonths(new Date(prevYear), {});
-            var nextYearMonths = utils.generateMonths(new Date(nextYear), {});
-            prevMonths.unshift.apply(prevMonths, prevYearMonths);
-            nextMonths.push.apply(nextMonths, nextYearMonths);
-        }
-        var generatedMonths = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], prevMonths, true), currYearMonths, true), nextMonths, true);
-        return generatedMonths.map(function (item) { return (tslib.__assign(tslib.__assign({}, item), { weeks: utils.generateWeeks(item.date, {
-                minDate: minDate,
-                maxDate: maxDate,
-                selected: selected,
-                eventsMap: eventsMap,
-                offDaysMap: offDaysMap,
-                holidaysMap: holidaysMap,
-                dayAddonsMap: dayAddonsMap,
-            }), title: "".concat(utils.monthName(item.date), " ").concat(item.date.getFullYear()) })); });
-    }, [events, offDays, holidays, dayAddons, minDate, maxDate, yearsAmount, selected]);
-    var initialMonthIndex = React.useMemo(function () {
-        var date = range.value || range.selectedFrom || activeMonth.getTime() || Date.now();
-        return activeMonths.findIndex(function (m) { return isSameMonth__default.default(date, m.date); });
-    }, [range.value, range.selectedFrom, activeMonth, activeMonths]);
-    // заголовок должен становиться активным, если выбран весь доступный период в месяце
-    var isMonthActive = function (currentMonthIndex) {
-        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
-            return false;
-        }
-        var dateFrom = value.dateFrom, dateTo = value.dateTo;
-        var currentMonthDate = activeMonths[currentMonthIndex].date;
-        var monthStartTimestamp = utils.getMonthStartTimestamp(currentMonthDate);
-        var monthEndTimestamp = utils.getMonthEndTimestamp(currentMonthDate);
-        // Проверяем, что выбранный диапазон полностью покрывает месяц
-        return dateFrom <= monthStartTimestamp && dateTo >= monthEndTimestamp;
-    };
-    var handleClickMonthLabel = function (index) {
-        if (!onChange)
-            return;
-        var dateActiveMonths = activeMonths[index].date;
-        // Вычисляем начало и конец месяца, по которому был произведен клик
-        var clickedMonthStartTimestamp = utils.getMonthStartTimestamp(dateActiveMonths);
-        var clickedMonthEndTimestamp = utils.getMonthEndTimestamp(dateActiveMonths);
-        // Если значение не определено или не является диапазоном, то устанавливаем новый диапазон
-        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
-            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
-            return;
-        }
-        // Выбранный диапазон дат
-        var dateFrom = value.dateFrom, dateTo = value.dateTo;
-        var selectedRangeStartDate = new Date(dateFrom);
-        var selectedRangeEndDate = new Date(dateTo);
-        var selectedRangeStartTimestamp = utils.getMonthStartTimestamp(selectedRangeStartDate);
-        var selectedRangeEndTimestamp = utils.getMonthEndTimestamp(selectedRangeEndDate);
-        // Проверяем, является ли выбранный диапазон одним и тем же месяцем
-        var isSingleMonthSelected = isSameMonth__default.default(selectedRangeStartDate, selectedRangeEndDate) &&
-            dateFrom <= selectedRangeStartTimestamp &&
-            dateTo >= selectedRangeEndTimestamp;
-        // Проверяем, является ли кликнутый месяц таким же, что и выбранный диапазон
-        var isSameMonthClicked = isSameMonth__default.default(selectedRangeStartDate, dateActiveMonths);
-        // Проверяем, находится ли кликнутый месяц внутри выбранного диапазона
-        var isClickedMonthInsideRange = clickedMonthEndTimestamp >= selectedRangeStartTimestamp &&
-            clickedMonthStartTimestamp <= selectedRangeEndTimestamp;
-        // Проверяем находится ли выбранный диапазон в пределах кликнутого месяца
-        var isRangeWithinSingleMonth = selectedRangeStartTimestamp === dateFrom && selectedRangeEndTimestamp === dateTo;
-        if (isSingleMonthSelected && isSameMonthClicked) {
-            onChange();
-        }
-        else if (isClickedMonthInsideRange || !isRangeWithinSingleMonth) {
-            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
-        }
-        else {
-            var newDateFrom = Math.min(selectedRangeStartTimestamp, clickedMonthStartTimestamp);
-            var newDateTo = Math.max(selectedRangeEndTimestamp, clickedMonthEndTimestamp);
-            onChange(newDateFrom, newDateTo);
-        }
-    };
-    var getMonthLabel = function (index, isClickableMonth) {
-        if (isClickableMonth) {
-            return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: styles.monthTitle, view: 'primary-small', color: 'primary' }, activeMonths[index].title));
-        }
-        return "\u00A0".concat(activeMonths[index].title, "\u00A0");
-    };
-    var renderMonth = function (index) {
-        var _a;
-        var isAfterDate = isAfter__default.default(activeMonths[index].date, maxDate !== null && maxDate !== void 0 ? maxDate : new Date());
-        return (React__default.default.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
-            onMonthTitleClick ? (
-            /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-            React__default.default.createElement("span", { className: styles.month, onClick: onMonthTitleClick, tabIndex: 0, role: 'button' }, activeMonths[index].title)) : (
-            // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-            React__default.default.createElement("span", tslib.__assign({ className: cn__default.default(styles.month, tslib.__assign({}, (clickableMonth && (_a = {},
-                    _a[styles.clickableMonth] = true,
-                    _a[styles.rectangular] = shape === 'rectangular',
-                    _a[styles.active] = isMonthActive(index),
-                    _a[styles.disabled] = isAfterDate,
-                    _a)))) }, (clickableMonth && { onClick: function () { return handleClickMonthLabel(index); } })), getMonthLabel(index, clickableMonth))),
-            React__default.default.createElement(components_daysTable_Component.DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: range.selectedFrom, selectedTo: range.selectedTo, getDayProps: getDayProps, highlighted: highlighted, hasHeader: false, responsive: true, shape: shape })));
-    };
-    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex !== null && initialMonthIndex !== void 0 ? initialMonthIndex : 0, align: 'center' }, increaseViewportBy: 500, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
-};
-var CalendarMonthOnlyViewHeader = function () { return (React__default.default.createElement("table", { className: styles.dayNames },
+var CalendarMonthOnlyViewHeader = function () { return (React__default.default.createElement("table", { className: components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.dayNames },
     React__default.default.createElement("thead", null,
-        React__default.default.createElement("tr", null, utils.WEEKDAYS.map(function (dayName) { return (React__default.default.createElement("th", { className: styles.dayName, key: dayName }, dayName)); }))))); };
+        React__default.default.createElement("tr", null, utils.WEEKDAYS.map(function (dayName) { return (React__default.default.createElement("th", { className: components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.dayName, key: dayName }, dayName)); }))))); };
 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, 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, onApply = _a.onApply, clickableMonth = _a.clickableMonth, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth"]);
-    var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
+    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, onApply = _a.onApply, clickableMonth = _a.clickableMonth, _k = _a.cancelButtonContent, cancelButtonContent = _k === void 0 ? 'Отмена' : _k, _l = _a.selectButtonContent, selectButtonContent = _l === void 0 ? 'Выбрать' : _l, _m = _a.resetButtonContent, resetButtonContent = _m === void 0 ? 'Сбросить' : _m, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth", "cancelButtonContent", "selectButtonContent", "resetButtonContent"]);
+    var _o = React.useState(), modalRef = _o[0], setModalRef = _o[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
         if (onClose)
@@ -223,9 +59,9 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, clickableMonth: clickableMonth }, commonProps, restProps)));
+            return (React__default.default.createElement(components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.CalendarMonthOnlyView, tslib.__assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, clickableMonth: clickableMonth }, commonProps, restProps)));
         }
-        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles.calendar), contentClassName: styles.content, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'mobile'), mobile: true }, commonProps, restProps)));
+        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.calendar), contentClassName: components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.content, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'mobile'), mobile: true }, commonProps, restProps)));
     };
     var renderFooter = function () {
         var valueFrom = utils.isRangeValue(value) ? value.dateFrom : selectedFrom;
@@ -236,30 +72,29 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
                 selectButtonDisabled = !valueFrom;
             }
             return (React__default.default.createElement(React__default.default.Fragment, null,
-                React__default.default.createElement(mobile$1.ButtonMobile, { view: 'secondary', size: 'm', block: true, onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-reset') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"),
-                React__default.default.createElement(mobile$1.ButtonMobile, { view: 'primary', size: 'm', block: true, onClick: handleApply, disabled: selectButtonDisabled, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-apply') }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C")));
+                React__default.default.createElement(mobile$1.ButtonMobile, { view: 'secondary', size: 'm', block: true, onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-reset') }, resetButtonContent),
+                React__default.default.createElement(mobile$1.ButtonMobile, { view: 'primary', size: 'm', block: true, onClick: handleApply, disabled: selectButtonDisabled, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-apply') }, selectButtonContent)));
         }
         /**
          * value может быть числом и объектом, для текущего кейса проверяем на typeof number
          * иначе может приводить к багу, когда выводится кнопка "Выбрать" для дефолтного значения календаря
          */
         if (value && typeof value === 'number') {
-            return (React__default.default.createElement(mobile$1.ButtonMobile, { view: 'primary', size: 'm', block: true, onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-apply') }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"));
+            return (React__default.default.createElement(mobile$1.ButtonMobile, { view: 'primary', size: 'm', block: true, onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-apply') }, selectButtonContent));
         }
-        return (React__default.default.createElement(mobile$1.ButtonMobile, { view: 'secondary', size: 'm', block: true, onClick: handleClose, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-reset') }, "\u041E\u0442\u043C\u0435\u043D\u0430"));
+        return (React__default.default.createElement(mobile$1.ButtonMobile, { view: 'secondary', size: 'm', block: true, onClick: handleClose, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'btn-reset') }, cancelButtonContent));
     };
-    return (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: mergeRefs__default.default([function (node) { return setModalRef(node); }, ref]), className: className, wrapperClassName: styles.wrapper, transitionProps: {
+    return (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: mergeRefs__default.default([function (node) { return setModalRef(node); }, ref]), className: className, wrapperClassName: components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.wrapper, transitionProps: {
             timeout: 360,
             classNames: transitionStyles,
         }, backdropProps: {
             transitionClassNames: backdropTransitionStyles,
             timeout: 360,
         }, dataTestId: dataTestId },
-        hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
-        React__default.default.createElement(mobile.ModalMobile.Content, { className: styles.contentModal, flex: true }, renderContent()),
-        React__default.default.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn__default.default((_c = {}, _c[styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter())));
+        hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.withZIndex] = selectorView === 'full', _b)) })),
+        React__default.default.createElement(mobile.ModalMobile.Content, { className: components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.contentModal, flex: true }, renderContent()),
+        React__default.default.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn__default.default((_c = {}, _c[components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter())));
 });
 
 exports.CalendarMobile = CalendarMobile;
-exports.CalendarMonthOnlyView = CalendarMonthOnlyView;
 exports.CalendarMonthOnlyViewHeader = CalendarMonthOnlyViewHeader;

package/calendar/components/calendar-mobile/backdrop-transitions.css

@@ -1,4 +1,4 @@
-/* hash: 1hs1z */
+/* hash: dfit3 */
 :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 */ /* 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 {
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
@@ -19,19 +19,19 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .calendar__appear_67480,
-.calendar__enter_67480 {
+} /* сбрасывает синюю подсветку при нажатии */ .calendar__appear_1wju5,
+.calendar__enter_1wju5 {
     background-color: transparent;
-} .calendar__appearActive_67480,
-.calendar__enterActive_67480,
-.calendar__appearDone_67480,
-.calendar__enterDone_67480 {
+} .calendar__appearActive_1wju5,
+.calendar__enterActive_1wju5,
+.calendar__appearDone_1wju5,
+.calendar__enterDone_1wju5 {
     background-color: var(--color-light-neutral-translucent-300);
     transition: background-color 80ms linear;
-} .calendar__exit_67480 {
+} .calendar__exit_1wju5 {
     background-color: var(--color-light-neutral-translucent-300);
-} .calendar__exitActive_67480,
-.calendar__exitDone_67480 {
+} .calendar__exitActive_1wju5,
+.calendar__exitDone_1wju5 {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

package/calendar/components/calendar-mobile/components/calendar-month-only-view/calendarMonthOnlyView.js

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('tslib');
+require('react');
+require('react-virtuoso');
+require('classnames');
+require('date-fns/endOfDay');
+require('date-fns/isAfter');
+require('date-fns/isSameMonth');
+require('date-fns/startOfDay');
+require('date-fns/startOfMonth');
+require('../../../../../typography');
+require('../../../../useCalendar.js');
+require('../../../../useRange.js');
+require('../../../../utils.js');
+require('../../../days-table/Component.js');
+var components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView = require('../../../../calendarMonthOnlyView-f1acccc1.js');
+
+
+
+exports.CalendarMonthOnlyView = components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.CalendarMonthOnlyView;

package/calendar/components/calendar-mobile/components/calendar-month-only-view/index.d.ts

@@ -0,0 +1 @@
+export { CalendarMonthOnlyView } from "../../../../calendarMonthOnlyView-f1acccc1";

package/calendar/components/calendar-mobile/components/calendar-month-only-view/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView = require('../../../../calendarMonthOnlyView-f1acccc1.js');
+
+
+
+exports.CalendarMonthOnlyView = components_calendarMobile_components_calendarMonthOnlyView_calendarMonthOnlyView.CalendarMonthOnlyView;