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

package/button/cssm/mobile/index.js

@@ -1,14 +1,7 @@
-export { ButtonMobile } from './Component.mobile.js';
-import 'react';
-import '../components/base-button/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../shared/cssm';
-import '../../../spinner/cssm';
-import '@alfalab/hooks';
-import '../components/base-button/default.module.css';
-import '../components/base-button/index.module.css';
-import '../components/base-button/inverted.module.css';
-import './default.mobile.module.css';
-import './inverted.mobile.module.css';
-import './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.ButtonMobile = mobile_Component_mobile.ButtonMobile;

package/button/cssm/shared/index.js

@@ -1,2 +1,7 @@
-export { getButtonTestIds } from '../utils.js';
-import '../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getButtonTestIds = utils.getButtonTestIds;

package/button/cssm/utils.js

@@ -1,10 +1,12 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
 
 function getButtonTestIds(dataTestId) {
     return {
         button: dataTestId,
-        spinner: getDataTestId(dataTestId, 'loader'),
+        spinner: coreComponentsShared.getDataTestId(dataTestId, 'loader'),
     };
 }
 
-export { getButtonTestIds };
+exports.getButtonTestIds = getButtonTestIds;

package/calendar/cssm/Component.responsive.js

@@ -1,87 +1,19 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { CalendarMobile } from './components/calendar-mobile/Component.js';
-import { CalendarDesktop } from './desktop/Component.desktop.js';
-import 'react-merge-refs';
-import 'react-virtuoso';
-import '@juggle/resize-observer';
-import 'classnames';
-import 'date-fns/endOfDay';
-import 'date-fns/isSameMonth';
-import 'date-fns/startOfDay';
-import 'date-fns/startOfMonth';
-import '../../button/cssm/mobile';
-import '../../modal/cssm/mobile';
-import '../../shared/cssm';
-import './useCalendar.js';
-import 'date-fns/addMonths';
-import 'date-fns/addYears';
-import 'date-fns/isSameDay';
-import 'date-fns/isSameYear';
-import 'date-fns/setYear';
-import 'date-fns/subYears';
-import './utils.js';
-import 'date-fns/addDays';
-import 'date-fns/eachDayOfInterval';
-import 'date-fns/eachMonthOfInterval';
-import 'date-fns/eachYearOfInterval';
-import 'date-fns/endOfWeek';
-import 'date-fns/endOfYear';
-import 'date-fns/format';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/parse';
-import 'date-fns/startOfWeek';
-import 'date-fns/startOfYear';
-import 'date-fns/subDays';
-import 'date-fns/subMonths';
-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 '../../button/cssm/desktop';
-import '@alfalab/hooks';
-import './components/days-table/index.module.css';
-import './components/calendar-mobile/backdrop-transitions.module.css';
-import './components/calendar-mobile/index.module.css';
-import './components/calendar-mobile/transitions.module.css';
-import './components/header/Component.js';
-import './components/header/index.module.css';
-import './components/month-year-header/Component.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import './components/select-button/Component.js';
-import './components/select-button/index.module.css';
-import './components/month-year-header/index.module.css';
-import './components/months-table/Component.js';
-import 'date-fns/isThisMonth';
-import './components/months-table/index.module.css';
-import './components/period-slider/Component.js';
-import '../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronBackMIcon';
-import './components/period-slider/utils.js';
-import 'date-fns/addQuarters';
-import 'date-fns/addWeeks';
-import 'date-fns/differenceInDays';
-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/period-slider/index.module.css';
-import './components/years-table/Component.js';
-import 'date-fns/isThisYear';
-import './components/years-table/index.module.css';
-import './desktop/desktop.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const CalendarResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`);
-    return isDesktop ? (React.createElement(CalendarDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarMobile, { ...restProps, ref: ref }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CalendarResponsive = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(components_calendarMobile_Component.CalendarMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
-export { CalendarResponsive };
+exports.CalendarResponsive = CalendarResponsive;

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

@@ -1,139 +1,95 @@
-import React, { forwardRef, useState, useMemo } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { Virtuoso } from 'react-virtuoso';
-import { ResizeObserver } from '@juggle/resize-observer';
-import cn from 'classnames';
-import endOfDay from 'date-fns/endOfDay';
-import isSameMonth from 'date-fns/isSameMonth';
-import startOfDay from 'date-fns/startOfDay';
-import startOfMonth from 'date-fns/startOfMonth';
-import { ButtonMobile } from '../../../../button/cssm/mobile';
-import { ModalMobile } from '../../../../modal/cssm/mobile';
-import { getDataTestId } from '../../../../shared/cssm';
-import { CalendarDesktop } from '../../desktop/Component.desktop.js';
-import { useCalendar } from '../../useCalendar.js';
-import { limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName, WEEKDAYS } from '../../utils.js';
-import { DaysTable } from '../days-table/Component.js';
-import backdropTransitionStyles from './backdrop-transitions.module.css';
-import styles from './index.module.css';
-import transitionStyles from './transitions.module.css';
-import '@alfalab/hooks';
-import '../header/Component.js';
-import '../header/index.module.css';
-import '../month-year-header/Component.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '../select-button/Component.js';
-import '../../../../button/cssm/desktop';
-import '../select-button/index.module.css';
-import '../month-year-header/index.module.css';
-import '../months-table/Component.js';
-import 'date-fns/isThisMonth';
-import '../months-table/index.module.css';
-import '../period-slider/Component.js';
-import 'date-fns/endOfWeek';
-import 'date-fns/startOfWeek';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronBackMIcon';
-import '../period-slider/utils.js';
-import 'date-fns/addDays';
-import 'date-fns/addMonths';
-import 'date-fns/addQuarters';
-import 'date-fns/addWeeks';
-import 'date-fns/addYears';
-import 'date-fns/differenceInDays';
-import 'date-fns/endOfMonth';
-import 'date-fns/endOfQuarter';
-import 'date-fns/endOfYear';
-import 'date-fns/getQuarter';
-import 'date-fns/getYear';
-import 'date-fns/isToday';
-import 'date-fns/isYesterday';
-import 'date-fns/startOfQuarter';
-import 'date-fns/startOfYear';
-import '../period-slider/index.module.css';
-import '../years-table/Component.js';
-import 'date-fns/isSameYear';
-import 'date-fns/isThisYear';
-import '../years-table/index.module.css';
-import '../../desktop/desktop.module.css';
-import 'date-fns/isSameDay';
-import 'date-fns/setYear';
-import 'date-fns/subYears';
-import 'date-fns/eachDayOfInterval';
-import 'date-fns/eachMonthOfInterval';
-import 'date-fns/eachYearOfInterval';
-import 'date-fns/format';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/parse';
-import 'date-fns/subDays';
-import 'date-fns/subMonths';
-import 'react-transition-group';
-import 'date-fns/isEqual';
-import 'date-fns/isLastDayOfMonth';
-import 'date-fns/isWithinInterval';
-import '../days-table/index.module.css';
+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 isSameMonth = require('date-fns/isSameMonth');
+var startOfDay = require('date-fns/startOfDay');
+var startOfMonth = require('date-fns/startOfMonth');
+var mobile$1 = require('../../../../button/cssm/mobile');
+var mobile = require('../../../../modal/cssm/mobile');
+var coreComponentsShared = require('../../../../shared/cssm');
+var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
+var useCalendar = require('../../useCalendar.js');
+var utils = require('../../utils.js');
+var components_daysTable_Component = require('../days-table/Component.js');
+var backdropTransitionStyles = require('./backdrop-transitions.module.css');
+var styles = require('./index.module.css');
+var transitionStyles = require('./transitions.module.css');
+
+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 isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
+var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var backdropTransitionStyles__default = /*#__PURE__*/_interopDefaultCompat(backdropTransitionStyles);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var transitionStyles__default = /*#__PURE__*/_interopDefaultCompat(transitionStyles);
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
 if (typeof window !== 'undefined' && !window.ResizeObserver) {
-    window.ResizeObserver = ResizeObserver;
+    window.ResizeObserver = resizeObserver.ResizeObserver;
 }
-const CalendarMonthOnlyView = ({ value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, onMonthTitleClick, selectedFrom, selectedTo, yearsAmount = 3, dayAddons, shape = 'rounded', scrollableContainer, }) => {
-    const month = useMemo(() => (monthTimestamp ? new Date(monthTimestamp) : undefined), [monthTimestamp]);
-    const minDate = useMemo(() => (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined), [minDateTimestamp]);
-    const maxDate = useMemo(() => (maxDateTimestamp ? endOfDay(maxDateTimestamp) : undefined), [maxDateTimestamp]);
-    const selected = useMemo(() => (value ? new Date(value) : undefined), [value]);
+var CalendarMonthOnlyView = function (_a) {
+    var value = _a.value, 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, _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 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]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const startingDate = useMemo(() => (value ? new Date(value) : new Date()), []);
-    const defaultMonth = useMemo(() => startOfMonth(selected ||
-        limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp)), [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
-    const { activeMonth, highlighted, getDayProps } = useCalendar({
-        month,
-        defaultMonth,
+    var startingDate = React.useMemo(function () { return (value ? new Date(value) : new Date()); }, []);
+    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: 'months',
-        minDate,
-        maxDate,
-        selected,
-        offDays,
-        events,
-        onChange,
-        dayAddons,
-    });
-    const activeMonths = useMemo(() => {
-        const eventsMap = dateArrayToHashTable(events || []);
-        const offDaysMap = dateArrayToHashTable(offDays || []);
-        const holidaysMap = dateArrayToHashTable(holidays || []);
-        const dayAddonsMap = addonArrayToHashTable(dayAddons || []);
-        const prevMonths = [];
-        const nextMonths = [];
-        const date = new Date(startingDate.getTime());
-        const currentYear = date.getFullYear();
-        const currYearMonths = generateMonths(date, {});
-        for (let i = 0; i < yearsAmount; i++) {
-            const prevYear = date.setFullYear(currentYear - (i + 1));
-            const nextYear = date.setFullYear(currentYear + (i + 1));
-            const prevYearMonths = generateMonths(new Date(prevYear), {});
-            const nextYearMonths = generateMonths(new Date(nextYear), {});
-            prevMonths.unshift(...prevYearMonths);
-            nextMonths.push(...nextYearMonths);
+        minDate: minDate,
+        maxDate: maxDate,
+        selected: selected,
+        offDays: offDays,
+        events: events,
+        onChange: onChange,
+        dayAddons: dayAddons,
+    }), activeMonth = _d.activeMonth, 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(startingDate.getTime());
+        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);
         }
-        const generatedMonths = [...prevMonths, ...currYearMonths, ...nextMonths];
-        return generatedMonths.map((item) => ({
-            ...item,
-            weeks: generateWeeks(item.date, {
-                minDate,
-                maxDate,
-                selected,
-                eventsMap,
-                offDaysMap,
-                holidaysMap,
-                dayAddonsMap,
-            }),
-            title: `${monthName(item.date)} ${item.date.getFullYear()}`,
-        }));
+        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,
@@ -145,78 +101,82 @@ const CalendarMonthOnlyView = ({ value, month: monthTimestamp, minDate: minDateT
         yearsAmount,
         selected,
     ]);
-    const initialMonthIndex = useMemo(() => {
-        const date = value || selectedFrom || activeMonth.getTime() || Date.now();
-        return activeMonths.findIndex((m) => isSameMonth(date, m.date));
+    var initialMonthIndex = React.useMemo(function () {
+        var date = value || selectedFrom || activeMonth.getTime() || Date.now();
+        return activeMonths.findIndex(function (m) { return isSameMonth__default.default(date, m.date); });
     }, [activeMonth, activeMonths, selectedFrom, value]);
-    const renderMonth = (index) => (React.createElement("div", { className: styles.daysTable, id: `month-${index}` },
+    var renderMonth = function (index) { return (React__default.default.createElement("div", { className: styles__default.default.daysTable, id: "month-".concat(index) },
         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 },
+        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.createElement(DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, hasHeader: false, responsive: true, shape: shape })));
-    return (React.createElement(Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex ?? 0, align: 'center' }, increaseViewportBy: 500, itemSize: (el) => el.getBoundingClientRect().height + 32, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
+        React__default.default.createElement(components_daysTable_Component.DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: 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__default.default.virtuoso }));
 };
-const CalendarMonthOnlyViewHeader = () => (React.createElement("table", { className: styles.dayNames },
-    React.createElement("thead", null,
-        React.createElement("tr", null, WEEKDAYS.map((dayName) => (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)))))));
-const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRange = false, className, defaultView = 'days', selectorView = 'full', value, selectedFrom, selectedTo, onChange, onMonthTitleClick, dataTestId, open, onClose, title = 'Календарь', yearsAmount = 3, onApply, ...restProps }, ref) => {
-    const [modalRef, setModalRef] = useState();
-    const monthOnlyView = selectorView === 'month-only';
-    const handleClose = () => {
+var CalendarMonthOnlyViewHeader = 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 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, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply"]);
+    var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
+    var monthOnlyView = selectorView === 'month-only';
+    var handleClose = function () {
         if (onClose)
             onClose();
     };
-    const handleApply = () => {
-        onApply?.();
-        handleClose?.();
+    var handleApply = function () {
+        onApply === null || onApply === void 0 ? void 0 : onApply();
+        handleClose === null || handleClose === void 0 ? void 0 : handleClose();
     };
-    const handleClear = () => {
+    var handleClear = function () {
         if (onChange)
             onChange();
     };
-    const renderDayNames = () => (monthOnlyView ? React.createElement(CalendarMonthOnlyViewHeader, null) : null);
-    const renderContent = () => {
-        const commonProps = {
-            value,
-            onChange,
-            defaultView,
-            selectorView,
-            selectedFrom,
-            selectedTo,
+    var renderDayNames = function () { return (monthOnlyView ? React__default.default.createElement(CalendarMonthOnlyViewHeader, null) : null); };
+    var renderContent = function () {
+        var commonProps = {
+            value: value,
+            onChange: onChange,
+            defaultView: defaultView,
+            selectorView: selectorView,
+            selectedFrom: selectedFrom,
+            selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React.createElement(CalendarMonthOnlyView, { yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, ...commonProps, ...restProps }));
+            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
         }
-        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content, ...commonProps, ...restProps }));
+        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles__default.default.calendar), contentClassName: styles__default.default.content }, commonProps, restProps)));
     };
-    const renderFooter = () => {
+    var renderFooter = function () {
         if (selectedFrom || selectedTo) {
-            let selectButtonDisabled = !selectedFrom || !selectedTo;
+            var selectButtonDisabled = !selectedFrom || !selectedTo;
             if (allowSelectionFromEmptyRange) {
                 selectButtonDisabled = !selectedFrom;
             }
-            return (React.createElement(React.Fragment, null,
-                React.createElement(ButtonMobile, { view: 'secondary', size: 'm', block: true, onClick: handleClear, dataTestId: getDataTestId(dataTestId, 'btn-reset') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"),
-                React.createElement(ButtonMobile, { view: 'primary', size: 'm', block: true, onClick: handleApply, disabled: selectButtonDisabled, dataTestId: getDataTestId(dataTestId, 'btn-apply') }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C")));
+            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")));
         }
         if (value) {
-            return (React.createElement(ButtonMobile, { view: 'primary', size: 'm', block: true, onClick: handleApply, dataTestId: 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') }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"));
         }
-        return (React.createElement(ButtonMobile, { view: 'secondary', size: 'm', block: true, onClick: handleClose, dataTestId: 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') }, "\u041E\u0442\u043C\u0435\u043D\u0430"));
     };
-    return (React.createElement(ModalMobile, { open: open, onClose: handleClose, ref: mergeRefs([(node) => 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: styles__default.default.wrapper, transitionProps: {
             timeout: 360,
-            classNames: transitionStyles,
+            classNames: transitionStyles__default.default,
         }, backdropProps: {
-            transitionClassNames: backdropTransitionStyles,
+            transitionClassNames: backdropTransitionStyles__default.default,
             timeout: 360,
         }, dataTestId: dataTestId },
-        hasHeader && (React.createElement(ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn({ [styles.withZIndex]: selectorView === 'full' }) })),
-        React.createElement(ModalMobile.Content, { className: styles.contentModal, flex: true }, renderContent()),
-        React.createElement(ModalMobile.Footer, { sticky: true, className: cn({ [styles.withZIndex]: selectorView === 'full' }) }, renderFooter())));
+        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, { className: styles__default.default.contentModal, 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())));
 });
 
-export { CalendarMobile, CalendarMonthOnlyView, CalendarMonthOnlyViewHeader };
+exports.CalendarMobile = CalendarMobile;
+exports.CalendarMonthOnlyView = CalendarMonthOnlyView;
+exports.CalendarMonthOnlyViewHeader = CalendarMonthOnlyViewHeader;

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

@@ -1,79 +1,9 @@
-export { CalendarMobile, CalendarMonthOnlyView, CalendarMonthOnlyViewHeader } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'react-virtuoso';
-import '@juggle/resize-observer';
-import 'classnames';
-import 'date-fns/endOfDay';
-import 'date-fns/isSameMonth';
-import 'date-fns/startOfDay';
-import 'date-fns/startOfMonth';
-import '../../../../button/cssm/mobile';
-import '../../../../modal/cssm/mobile';
-import '../../../../shared/cssm';
-import '../../desktop/Component.desktop.js';
-import '@alfalab/hooks';
-import '../days-table/Component.js';
-import 'react-transition-group';
-import 'date-fns/isEqual';
-import 'date-fns/isLastDayOfMonth';
-import 'date-fns/isSameDay';
-import 'date-fns/isToday';
-import 'date-fns/isWithinInterval';
-import '../../../../button/cssm/desktop';
-import '../../utils.js';
-import 'date-fns/addDays';
-import 'date-fns/addMonths';
-import 'date-fns/eachDayOfInterval';
-import 'date-fns/eachMonthOfInterval';
-import 'date-fns/eachYearOfInterval';
-import 'date-fns/endOfWeek';
-import 'date-fns/endOfYear';
-import 'date-fns/format';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/parse';
-import 'date-fns/startOfWeek';
-import 'date-fns/startOfYear';
-import 'date-fns/subDays';
-import 'date-fns/subMonths';
-import '../days-table/index.module.css';
-import '../header/Component.js';
-import '../header/index.module.css';
-import '../month-year-header/Component.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '../select-button/Component.js';
-import '../select-button/index.module.css';
-import '../month-year-header/index.module.css';
-import '../months-table/Component.js';
-import 'date-fns/isThisMonth';
-import '../months-table/index.module.css';
-import '../period-slider/Component.js';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronBackMIcon';
-import '../period-slider/utils.js';
-import 'date-fns/addQuarters';
-import 'date-fns/addWeeks';
-import 'date-fns/addYears';
-import 'date-fns/differenceInDays';
-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 '../period-slider/index.module.css';
-import '../years-table/Component.js';
-import 'date-fns/isSameYear';
-import 'date-fns/isThisYear';
-import '../years-table/index.module.css';
-import '../../useCalendar.js';
-import 'date-fns/setYear';
-import 'date-fns/subYears';
-import '../../desktop/desktop.module.css';
-import './backdrop-transitions.module.css';
-import './index.module.css';
-import './transitions.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_calendarMobile_Component = require('./Component.js');
+
+
+
+exports.CalendarMobile = components_calendarMobile_Component.CalendarMobile;
+exports.CalendarMonthOnlyView = components_calendarMobile_Component.CalendarMonthOnlyView;
+exports.CalendarMonthOnlyViewHeader = components_calendarMobile_Component.CalendarMonthOnlyViewHeader;