@alfalab/core-components 42.0.0-beta.0 → 42.0.0-beta.1

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

@@ -1,26 +1,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('tslib');
-require('react');
-require('react-virtuoso');
-require('@juggle/resize-observer');
-require('classnames');
-require('date-fns/endOfDay');
-require('date-fns/getMonth');
-require('date-fns/startOfDay');
-require('date-fns/startOfMonth');
-require('../../../../button/cssm');
-require('../../../../modal/cssm/mobile');
-require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-fa4cf9a1.js');
-require('date-fns/differenceInDays');
+var tslib = require('tslib');
+var React = require('react');
+var reactVirtuoso = require('react-virtuoso');
+var resizeObserver = require('@juggle/resize-observer');
+var cn = require('classnames');
+var endOfDay = require('date-fns/endOfDay');
+var getMonth = require('date-fns/getMonth');
+var startOfDay = require('date-fns/startOfDay');
+var startOfMonth = require('date-fns/startOfMonth');
+var coreComponentsButton = require('../../../../button/cssm');
+var mobile = require('../../../../modal/cssm/mobile');
+var Component_desktop = require('../../Component.desktop.js');
+var useCalendar = require('../../useCalendar.js');
+var utils = require('../../utils.js');
+var components_daysTable_Component = require('../days-table/Component.js');
+var styles = require('./index.module.css');
 require('@alfalab/hooks');
-require('../../useCalendar.js');
+require('../header/Component.js');
+require('../header/index.module.css');
+require('../month-year-header/Component.js');
+require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('../select-button/Component.js');
+require('../select-button/index.module.css');
+require('../month-year-header/index.module.css');
+require('../months-table/Component.js');
+require('date-fns/isSameMonth');
+require('date-fns/isThisMonth');
+require('../months-table/index.module.css');
+require('../period-slider/Component.js');
 require('date-fns/endOfWeek');
 require('date-fns/startOfWeek');
 require('../../../../icon-button/cssm');
 require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('../../utils.js');
+require('../period-slider/utils.js');
 require('date-fns/addDays');
 require('date-fns/addMonths');
 require('date-fns/addQuarters');
@@ -36,48 +49,164 @@ require('date-fns/isYesterday');
 require('date-fns/startOfQuarter');
 require('date-fns/startOfYear');
 require('../period-slider/index.module.css');
-require('../days-table/Component.js');
-require('./index.module.css');
-require('../header/Component.js');
-require('../header/index.module.css');
-require('../month-year-header/Component.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../select-button/Component.js');
-require('../select-button/index.module.css');
-require('../month-year-header/index.module.css');
+require('../years-table/Component.js');
+require('date-fns/isSameYear');
+require('date-fns/isThisYear');
+require('../years-table/index.module.css');
+require('../../desktop.module.css');
+require('react-merge-refs');
+require('date-fns/isSameDay');
+require('date-fns/setYear');
+require('date-fns/subYears');
 require('date-fns/eachDayOfInterval');
 require('date-fns/eachMonthOfInterval');
 require('date-fns/eachYearOfInterval');
 require('date-fns/format');
 require('date-fns/isAfter');
 require('date-fns/isBefore');
-require('date-fns/isSameDay');
 require('date-fns/lastDayOfMonth');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/parse');
 require('date-fns/subDays');
 require('date-fns/subMonths');
-require('../months-table/Component.js');
-require('date-fns/isSameMonth');
-require('date-fns/isThisMonth');
-require('../months-table/index.module.css');
-require('../period-slider/Component.js');
-require('../period-slider/utils.js');
-require('../years-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('../years-table/index.module.css');
-require('../../desktop.module.css');
 require('react-transition-group');
 require('date-fns/isEqual');
 require('date-fns/isLastDayOfMonth');
 require('date-fns/isWithinInterval');
 require('../days-table/index.module.css');
-require('react-merge-refs');
-require('date-fns/setYear');
-require('date-fns/subYears');
 
+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 getMonth__default = /*#__PURE__*/_interopDefaultCompat(getMonth);
+var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
+// ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
+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 initialMonthIndex = React.useMemo(function () {
+        var currentMonthIndex = new Date().getMonth();
+        var monthIndex = currentMonthIndex;
+        if (value)
+            monthIndex = getMonth__default.default(value);
+        if (selectedFrom)
+            monthIndex = getMonth__default.default(selectedFrom);
+        return yearsAmount * 12 + monthIndex;
+    }, [selectedFrom, value, yearsAmount]);
+    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 () { return (maxDateTimestamp ? endOfDay__default.default(maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
+    var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
+    var defaultMonth = React.useMemo(function () {
+        return startOfMonth__default.default(selected ||
+            utils.limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp));
+    }, [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
+    var _d = useCalendar.useCalendar({
+        month: month,
+        defaultMonth: defaultMonth,
+        view: defaultView,
+        minDate: minDate,
+        maxDate: maxDate,
+        selected: selected,
+        offDays: offDays,
+        events: events,
+        onChange: onChange,
+        onMonthChange: onMonthChange,
+        dayAddons: dayAddons,
+    }), activeMonth = _d.activeMonth, months = _d.months, highlighted = _d.highlighted, getDayProps = _d.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 = new Date();
+        var currentYear = date.getFullYear();
+        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), months, 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, 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),
+        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;
+    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex, align: 'center' }, increaseViewportBy: 1000, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true }));
+};
+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 _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
+    var monthOnlyView = selectorView === 'month-only';
+    var handleClose = function () {
+        if (onClose)
+            onClose();
+    };
+    var handleClear = function () {
+        if (onChange)
+            onChange();
+    };
+    var renderDayNames = function () { return (React__default.default.createElement("table", { className: styles__default.default.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__default.default.dayName, key: dayName }, dayName)); }))))); };
+    var renderContent = function () {
+        var commonProps = {
+            value: value,
+            onChange: onChange,
+            defaultView: defaultView,
+            selectorView: selectorView,
+            selectedFrom: selectedFrom,
+            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(Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: styles__default.default.calendar }, commonProps, restProps)));
+    };
+    var renderFooter = function () {
+        if (selectedFrom || selectedTo) {
+            var selectButtonDisabled = !selectedFrom || !selectedTo;
+            if (allowSelectionFromEmptyRange) {
+                selectButtonDisabled = !selectedFrom;
+            }
+            return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"),
+                React__default.default.createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose, disabled: selectButtonDisabled }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C")));
+        }
+        if (value) {
+            return (React__default.default.createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"));
+        }
+        return (React__default.default.createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClose }, "\u041E\u0442\u043C\u0435\u043D\u0430"));
+    };
+    return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component), ref: ref, "data-test-id": dataTestId },
+        React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: function (node) { return setModalRef(node); }, className: styles__default.default.modal, wrapperClassName: styles__default.default.wrapper },
+            hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[styles__default.default.withZIndex] = selectorView === 'full', _b)) })),
+            React__default.default.createElement(mobile.ModalMobile.Content, { flex: true }, renderContent()),
+            React__default.default.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn__default.default((_c = {}, _c[styles__default.default.withZIndex] = selectorView === 'full', _c)) }, renderFooter()))));
+});
 
-exports.CalendarMobile = components_calendarMobile_Component.CalendarMobile;
+exports.CalendarMobile = CalendarMobile;

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

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

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

@@ -1,9 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('../../Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('./Component.js');
 require('tslib');
 require('react');
-require('@alfalab/hooks');
 require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
@@ -14,6 +13,7 @@ require('date-fns/startOfMonth');
 require('../../../../button/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../Component.desktop.js');
+require('@alfalab/hooks');
 require('../days-table/Component.js');
 require('react-transition-group');
 require('date-fns/isEqual');
@@ -75,7 +75,6 @@ require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
 require('../../desktop.module.css');
-require('date-fns/differenceInDays');
 require('./index.module.css');
 
 

package/calendar/cssm/index.d.ts

@@ -1,8 +1,2 @@
-export { CalendarDesktop as Calendar } from "./desktop";
-export type { CalendarDesktopProps as CalendarProps } from "./desktop";
-export * from "./responsive";
-export { usePeriod, usePeriodWithReset } from "./usePeriod";
-export { useCalendar } from "./useCalendar";
-export * from "./components/period-slider/index";
-export * from "./components/calendar-mobile/index";
-export { russianWeekDay, dateInLimits, limitDate, monthName, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, SUNDAY_INDEX, WEEKDAYS, DATE_FORMAT } from "./utils";
+export { CalendarResponsive as Calendar, ResponsiveCalendarProps as CalendarProps } from "./Component.responsive";
+export {};

package/calendar/cssm/index.js

@@ -1,19 +1,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
-var components_calendarMobile_Component = require('./Component.responsive-fa4cf9a1.js');
-var usePeriod = require('./usePeriod.js');
-var useCalendar = require('./useCalendar.js');
-var components_periodSlider_Component = require('./components/period-slider/Component.js');
-var components_periodSlider_utils = require('./components/period-slider/utils.js');
-var utils = require('./utils.js');
+var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
+require('@alfalab/hooks');
+require('./components/calendar-mobile/Component.js');
+require('react-virtuoso');
+require('@juggle/resize-observer');
 require('classnames');
 require('date-fns/endOfDay');
+require('date-fns/getMonth');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
-require('@alfalab/hooks');
+require('../../button/cssm');
+require('../../modal/cssm/mobile');
+require('./Component.desktop.js');
 require('./components/days-table/Component.js');
 require('react-transition-group');
 require('date-fns/isEqual');
@@ -21,7 +22,25 @@ require('date-fns/isLastDayOfMonth');
 require('date-fns/isSameDay');
 require('date-fns/isToday');
 require('date-fns/isWithinInterval');
-require('../../button/cssm');
+require('./utils.js');
+require('date-fns/addDays');
+require('date-fns/addMonths');
+require('date-fns/eachDayOfInterval');
+require('date-fns/eachMonthOfInterval');
+require('date-fns/eachYearOfInterval');
+require('date-fns/endOfWeek');
+require('date-fns/endOfYear');
+require('date-fns/format');
+require('date-fns/isAfter');
+require('date-fns/isBefore');
+require('date-fns/lastDayOfMonth');
+require('date-fns/max');
+require('date-fns/min');
+require('date-fns/parse');
+require('date-fns/startOfWeek');
+require('date-fns/startOfYear');
+require('date-fns/subDays');
+require('date-fns/subMonths');
 require('./components/days-table/index.module.css');
 require('./components/header/Component.js');
 require('./components/header/index.module.css');
@@ -34,68 +53,31 @@ require('./components/months-table/Component.js');
 require('date-fns/isSameMonth');
 require('date-fns/isThisMonth');
 require('./components/months-table/index.module.css');
-require('date-fns/addDays');
-require('date-fns/addMonths');
+require('./components/period-slider/Component.js');
+require('../../icon-button/cssm');
+require('@alfalab/icons-glyph/ChevronBackMIcon');
+require('./components/period-slider/utils.js');
 require('date-fns/addQuarters');
 require('date-fns/addWeeks');
 require('date-fns/addYears');
 require('date-fns/endOfMonth');
 require('date-fns/endOfQuarter');
-require('date-fns/endOfWeek');
-require('date-fns/endOfYear');
 require('date-fns/getQuarter');
 require('date-fns/getYear');
 require('date-fns/isYesterday');
 require('date-fns/startOfQuarter');
-require('date-fns/startOfWeek');
-require('date-fns/startOfYear');
+require('./components/period-slider/index.module.css');
 require('./components/years-table/Component.js');
 require('date-fns/isSameYear');
 require('date-fns/isThisYear');
 require('./components/years-table/index.module.css');
-require('./desktop.module.css');
-require('react-virtuoso');
-require('@juggle/resize-observer');
-require('date-fns/getMonth');
-require('../../modal/cssm/mobile');
-require('date-fns/differenceInDays');
-require('../../icon-button/cssm');
-require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('./components/period-slider/index.module.css');
-require('./components/calendar-mobile/index.module.css');
+require('./useCalendar.js');
 require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/format');
-require('date-fns/isAfter');
-require('date-fns/isBefore');
-require('date-fns/lastDayOfMonth');
-require('date-fns/max');
-require('date-fns/min');
-require('date-fns/parse');
-require('date-fns/subDays');
-require('date-fns/subMonths');
+require('./desktop.module.css');
+require('./components/calendar-mobile/index.module.css');
 
 
 
-exports.Calendar = Component_desktop.CalendarDesktop;
-exports.CalendarMobile = components_calendarMobile_Component.CalendarMobile;
-exports.CalendarResponsive = components_calendarMobile_Component.CalendarResponsive;
-exports.usePeriod = usePeriod.usePeriod;
-exports.usePeriodWithReset = usePeriod.usePeriodWithReset;
-exports.useCalendar = useCalendar.useCalendar;
-exports.PeriodSlider = components_periodSlider_Component.PeriodSlider;
-exports.shiftValues = components_periodSlider_utils.shiftValues;
-exports.DATE_FORMAT = utils.DATE_FORMAT;
-exports.DAYS_IN_WEEK = utils.DAYS_IN_WEEK;
-exports.MONTHS = utils.MONTHS;
-exports.MONTHS_IN_YEAR = utils.MONTHS_IN_YEAR;
-exports.SUNDAY_INDEX = utils.SUNDAY_INDEX;
-exports.WEEKDAYS = utils.WEEKDAYS;
-exports.dateInLimits = utils.dateInLimits;
-exports.limitDate = utils.limitDate;
-exports.monthName = utils.monthName;
-exports.russianWeekDay = utils.russianWeekDay;
+exports.Calendar = Component_responsive.CalendarResponsive;

package/calendar/cssm/mobile.js

@@ -1,9 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-fa4cf9a1.js');
+var components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
 require('tslib');
 require('react');
-require('@alfalab/hooks');
 require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
@@ -14,6 +13,7 @@ require('date-fns/startOfMonth');
 require('../../button/cssm');
 require('../../modal/cssm/mobile');
 require('./Component.desktop.js');
+require('@alfalab/hooks');
 require('./components/days-table/Component.js');
 require('react-transition-group');
 require('date-fns/isEqual');
@@ -75,7 +75,6 @@ require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
 require('./desktop.module.css');
-require('date-fns/differenceInDays');
 require('./components/calendar-mobile/index.module.css');
 
 

package/calendar/cssm/shared.d.ts

@@ -0,0 +1,4 @@
+export { russianWeekDay, dateInLimits, limitDate, monthName, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, SUNDAY_INDEX, WEEKDAYS, DATE_FORMAT } from "./utils";
+export { usePeriod, usePeriodWithReset } from "./usePeriod";
+export { useCalendar } from "./useCalendar";
+export * from "./components/period-slider/index";

package/calendar/cssm/shared.js

@@ -0,0 +1,69 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('./utils.js');
+var usePeriod = require('./usePeriod.js');
+var useCalendar = require('./useCalendar.js');
+var components_periodSlider_Component = require('./components/period-slider/Component.js');
+var components_periodSlider_utils = require('./components/period-slider/utils.js');
+require('date-fns/addDays');
+require('date-fns/addMonths');
+require('date-fns/eachDayOfInterval');
+require('date-fns/eachMonthOfInterval');
+require('date-fns/eachYearOfInterval');
+require('date-fns/endOfWeek');
+require('date-fns/endOfYear');
+require('date-fns/format');
+require('date-fns/isAfter');
+require('date-fns/isBefore');
+require('date-fns/isSameDay');
+require('date-fns/lastDayOfMonth');
+require('date-fns/max');
+require('date-fns/min');
+require('date-fns/parse');
+require('date-fns/startOfDay');
+require('date-fns/startOfMonth');
+require('date-fns/startOfWeek');
+require('date-fns/startOfYear');
+require('date-fns/subDays');
+require('date-fns/subMonths');
+require('react');
+require('date-fns/differenceInDays');
+require('@alfalab/hooks');
+require('react-merge-refs');
+require('date-fns/addYears');
+require('date-fns/isSameMonth');
+require('date-fns/isSameYear');
+require('date-fns/setYear');
+require('date-fns/subYears');
+require('classnames');
+require('../../button/cssm');
+require('../../icon-button/cssm');
+require('@alfalab/icons-glyph/ChevronBackMIcon');
+require('./components/period-slider/index.module.css');
+require('date-fns/addQuarters');
+require('date-fns/addWeeks');
+require('date-fns/endOfMonth');
+require('date-fns/endOfQuarter');
+require('date-fns/getQuarter');
+require('date-fns/getYear');
+require('date-fns/isToday');
+require('date-fns/isYesterday');
+require('date-fns/startOfQuarter');
+
+
+
+exports.DATE_FORMAT = utils.DATE_FORMAT;
+exports.DAYS_IN_WEEK = utils.DAYS_IN_WEEK;
+exports.MONTHS = utils.MONTHS;
+exports.MONTHS_IN_YEAR = utils.MONTHS_IN_YEAR;
+exports.SUNDAY_INDEX = utils.SUNDAY_INDEX;
+exports.WEEKDAYS = utils.WEEKDAYS;
+exports.dateInLimits = utils.dateInLimits;
+exports.limitDate = utils.limitDate;
+exports.monthName = utils.monthName;
+exports.russianWeekDay = utils.russianWeekDay;
+exports.usePeriod = usePeriod.usePeriod;
+exports.usePeriodWithReset = usePeriod.usePeriodWithReset;
+exports.useCalendar = useCalendar.useCalendar;
+exports.PeriodSlider = components_periodSlider_Component.PeriodSlider;
+exports.shiftValues = components_periodSlider_utils.shiftValues;

package/calendar/esm/Component.responsive.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarMobileProps } from "./components/calendar-mobile/index";
+import { CalendarDesktopProps } from "./Component.desktop";
+type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
+    open: boolean;
+    title?: string | undefined;
+    onClose?: (() => void) | undefined;
+    yearsAmount?: number | undefined;
+    hasHeader?: boolean | undefined;
+    allowSelectionFromEmptyRange?: boolean | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { ResponsiveCalendarProps, CalendarResponsive };

package/calendar/esm/Component.responsive.js

@@ -1,8 +1,8 @@
-import 'tslib';
-import 'react';
-import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-810576d5.js';
-import './Component.desktop.js';
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useMedia } from '@alfalab/hooks';
+import { CalendarMobile } from './components/calendar-mobile/Component.js';
+import { CalendarDesktop } from './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';
 import 'classnames';
@@ -12,7 +12,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm';
 import '../../modal/esm/mobile';
-import 'date-fns/differenceInDays';
 import 'react-merge-refs';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
@@ -38,21 +37,11 @@ import 'date-fns/startOfWeek';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../icon-button/esm';
-import '@alfalab/icons-glyph/ChevronBackMIcon';
-import 'date-fns/addQuarters';
-import 'date-fns/addWeeks';
-import 'date-fns/endOfMonth';
-import 'date-fns/endOfQuarter';
-import 'date-fns/getQuarter';
-import 'date-fns/getYear';
-import 'date-fns/isToday';
-import 'date-fns/isYesterday';
-import 'date-fns/startOfQuarter';
 import './components/days-table/Component.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
+import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import './components/header/Component.js';
 import './components/month-year-header/Component.js';
@@ -61,8 +50,29 @@ import './components/select-button/Component.js';
 import './components/months-table/Component.js';
 import 'date-fns/isThisMonth';
 import './components/period-slider/Component.js';
+import '../../icon-button/esm';
+import '@alfalab/icons-glyph/ChevronBackMIcon';
+import 'date-fns/addQuarters';
+import 'date-fns/addWeeks';
+import 'date-fns/endOfMonth';
+import 'date-fns/endOfQuarter';
+import 'date-fns/getQuarter';
+import 'date-fns/getYear';
+import 'date-fns/isYesterday';
+import 'date-fns/startOfQuarter';
 import './components/years-table/Component.js';
 import 'date-fns/isThisYear';
 import './useCalendar.js';
 import './utils.js';
 import './components/period-slider/utils.js';
+
+var CalendarResponsive = forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var view = useMedia([
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
+    ], 'desktop')[0];
+    return view === 'desktop' ? (React.createElement(CalendarDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(CalendarMobile, __assign({}, restProps, { ref: ref })));
+});
+
+export { CalendarResponsive };