@alfalab/core-components 36.3.1 → 36.4.0

package/button/modern/inverted.css

@@ -92,169 +92,169 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.button__primary_1bpjc {
+.button__primary_pxaiz {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
 }
-.button__primary_1bpjc:hover {
+.button__primary_pxaiz:hover {
         background-color: var(--button-inverted-primary-hover-bg-color);
     }
-.button__primary_1bpjc:active {
+.button__primary_pxaiz:active {
         background-color: var(--button-inverted-primary-active-bg-color);
     }
-.button__primary_1bpjc > .button__loader_1bpjc {
+.button__primary_pxaiz > .button__loader_pxaiz {
         color: var(--button-spinner-static-color);
     }
-.button__secondary_1bpjc {
+.button__secondary_pxaiz {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
 }
-.button__secondary_1bpjc:hover {
+.button__secondary_pxaiz:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
     }
-.button__secondary_1bpjc:active {
+.button__secondary_pxaiz:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
     }
-.button__secondary_1bpjc > .button__loader_1bpjc {
+.button__secondary_pxaiz > .button__loader_pxaiz {
         color: var(--button-spinner-inverted-color);
     }
-.button__outlined_1bpjc {
+.button__outlined_pxaiz {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 }
-.button__outlined_1bpjc:hover {
+.button__outlined_pxaiz:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color);
     }
-.button__outlined_1bpjc:active {
+.button__outlined_pxaiz:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
     }
-.button__tertiary_1bpjc {
+.button__tertiary_pxaiz {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 }
-.button__tertiary_1bpjc:hover {
+.button__tertiary_pxaiz:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color);
     }
-.button__tertiary_1bpjc:active {
+.button__tertiary_pxaiz:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
     }
-.button__tertiary_1bpjc > .button__loader_1bpjc {
+.button__tertiary_pxaiz > .button__loader_pxaiz {
         color: var(--button-spinner-inverted-color);
     }
-.button__filled_1bpjc {
+.button__filled_pxaiz {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 }
-.button__filled_1bpjc:hover {
+.button__filled_pxaiz:hover {
         background-color: rgb(99, 112, 126);
     }
-.button__filled_1bpjc:active {
+.button__filled_pxaiz:active {
         background-color: rgb(61, 74, 88);
     }
-.button__transparent_1bpjc {
+.button__transparent_pxaiz {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
 }
-.button__transparent_1bpjc:hover {
+.button__transparent_pxaiz:hover {
         background-color: rgba(255, 255, 255, 0.2);
     }
-.button__transparent_1bpjc:active {
+.button__transparent_pxaiz:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
     }
-.button__link_1bpjc {
+.button__link_pxaiz {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 }
-.button__link_1bpjc:hover {
+.button__link_pxaiz:hover {
         background-color: var(--button-inverted-link-hover-bg-color);
     }
-.button__link_1bpjc:active {
+.button__link_pxaiz:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
     }
-.button__link_1bpjc > .button__loader_1bpjc {
+.button__link_pxaiz > .button__loader_pxaiz {
         color: var(--button-spinner-inverted-color);
     }
-.button__ghost_1bpjc {
+.button__ghost_pxaiz {
     color: var(--button-inverted-ghost-base-color)
 }
-.button__ghost_1bpjc:hover {
+.button__ghost_pxaiz:hover {
         color: var(--button-inverted-ghost-hover-color);
     }
-.button__ghost_1bpjc:active {
+.button__ghost_pxaiz:active {
         color: var(--button-inverted-ghost-active-color);
     }
-.button__ghost_1bpjc > .button__loader_1bpjc {
+.button__ghost_pxaiz > .button__loader_pxaiz {
         color: var(--button-spinner-inverted-color);
     }
-.button__component_1bpjc[disabled].button__primary_1bpjc {
+.button__component_pxaiz[disabled].button__primary_pxaiz {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
     }
-.button__component_1bpjc[disabled].button__primary_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__primary_pxaiz.button__loading_pxaiz {
             background-color: var(--button-inverted-primary-base-bg-color);
         }
-.button__component_1bpjc[disabled].button__secondary_1bpjc {
+.button__component_pxaiz[disabled].button__secondary_pxaiz {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
     }
-.button__component_1bpjc[disabled].button__secondary_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__secondary_pxaiz.button__loading_pxaiz {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
         }
-.button__component_1bpjc[disabled].button__outlined_1bpjc {
+.button__component_pxaiz[disabled].button__outlined_pxaiz {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
     }
-.button__component_1bpjc[disabled].button__outlined_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__outlined_pxaiz.button__loading_pxaiz {
             color: var(--button-inverted-outlined-color);
         }
-.button__component_1bpjc[disabled].button__tertiary_1bpjc {
+.button__component_pxaiz[disabled].button__tertiary_pxaiz {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
     }
-.button__component_1bpjc[disabled].button__tertiary_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__tertiary_pxaiz.button__loading_pxaiz {
             color: var(--button-inverted-tertiary-color);
         }
-.button__component_1bpjc[disabled].button__filled_1bpjc {
+.button__component_pxaiz[disabled].button__filled_pxaiz {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
     }
-.button__component_1bpjc[disabled].button__filled_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__filled_pxaiz.button__loading_pxaiz {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
         }
-.button__component_1bpjc[disabled].button__transparent_1bpjc {
+.button__component_pxaiz[disabled].button__transparent_pxaiz {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
     }
-.button__component_1bpjc[disabled].button__transparent_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__transparent_pxaiz.button__loading_pxaiz {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
         }
-.button__component_1bpjc[disabled].button__link_1bpjc {
+.button__component_pxaiz[disabled].button__link_pxaiz {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
     }
-.button__component_1bpjc[disabled].button__link_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__link_pxaiz.button__loading_pxaiz {
             color: var(--button-inverted-link-base-color);
         }
-.button__component_1bpjc[disabled].button__ghost_1bpjc {
+.button__component_pxaiz[disabled].button__ghost_pxaiz {
         color: var(--button-inverted-ghost-disabled-color)
     }
-.button__component_1bpjc[disabled].button__ghost_1bpjc.button__loading_1bpjc {
+.button__component_pxaiz[disabled].button__ghost_pxaiz.button__loading_pxaiz {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.js

@@ -1,26 +1,50 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-3e602276.js');
+var tslib_es6 = require('./tslib.es6-4cc970bc.js');
 var React = require('react');
 var cn = require('classnames');
 var endOfDay = require('date-fns/endOfDay');
 var startOfDay = require('date-fns/startOfDay');
 var startOfMonth = require('date-fns/startOfMonth');
 var hooks = require('@alfalab/hooks');
+var components_daysTable_Component = require('./components/days-table/Component.js');
+var components_header_Component = require('./components/header/Component.js');
+var components_monthYearHeader_Component = require('./components/month-year-header/Component.js');
+var components_monthsTable_Component = require('./components/months-table/Component.js');
+var components_periodSlider_Component = require('./components/period-slider/Component.js');
+require('date-fns/addDays');
+require('date-fns/addMonths');
+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/isToday');
+require('date-fns/isYesterday');
+require('date-fns/startOfQuarter');
+require('date-fns/startOfWeek');
+require('date-fns/startOfYear');
+var utils = require('./utils.js');
+var components_yearsTable_Component = require('./components/years-table/Component.js');
+var useCalendar = require('./useCalendar.js');
 require('react-transition-group');
 require('date-fns/isEqual');
 require('date-fns/isLastDayOfMonth');
 require('date-fns/isSameDay');
-require('date-fns/isToday');
 require('date-fns/isWithinInterval');
 require('../button');
-require('date-fns/addDays');
-require('date-fns/addMonths');
+require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('./components/select-button/Component.js');
+require('date-fns/isSameMonth');
+require('date-fns/isThisMonth');
+require('../icon-button');
+require('@alfalab/icons-glyph/ChevronBackMIcon');
+require('./components/period-slider/utils.js');
 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');
@@ -28,49 +52,15 @@ 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');
-var utils = require('./utils.js');
-var components_daysTable_Component = require('./components/days-table/Component.js');
-var components_header_Component = require('./components/header/Component.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('./components/select-button/Component.js');
-var components_monthYearHeader_Component = require('./components/month-year-header/Component.js');
-require('date-fns/isSameMonth');
-require('date-fns/isThisMonth');
-var components_monthsTable_Component = require('./components/months-table/Component.js');
-require('../icon-button');
-require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('date-fns/addQuarters');
-require('date-fns/addWeeks');
-require('date-fns/addYears');
-require('date-fns/endOfMonth');
-require('date-fns/endOfQuarter');
-require('date-fns/getQuarter');
-require('date-fns/getYear');
-require('date-fns/isYesterday');
-require('date-fns/startOfQuarter');
-require('./components/period-slider/utils.js');
-var components_periodSlider_Component = require('./components/period-slider/Component.js');
 require('date-fns/isSameYear');
 require('date-fns/isThisYear');
-var components_yearsTable_Component = require('./components/years-table/Component.js');
 require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
-var useCalendar = require('./useCalendar.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
-var startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 
-var styles = {"component":"calendar__component_9lzcr","responsive":"calendar__responsive_9lzcr","period":"calendar__period_9lzcr","monthYear":"calendar__monthYear_9lzcr","container":"calendar__container_9lzcr","sixWeeks":"calendar__sixWeeks_9lzcr"};
+var styles = {"component":"calendar__component_6l8qe","responsive":"calendar__responsive_6l8qe","period":"calendar__period_6l8qe","monthYear":"calendar__monthYear_6l8qe","container":"calendar__container_6l8qe","sixWeeks":"calendar__sixWeeks_6l8qe"};
 require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {
@@ -80,14 +70,14 @@ var Calendar = React.forwardRef(function (_a, ref) {
     var _h = React.useState(false), scrolled = _h[0], setScrolled = _h[1];
     var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
     var defaultMonth = React.useMemo(function () {
-        return startOfMonth__default['default'](selected ||
+        return startOfMonth(selected ||
             utils.limitDate(defaultMonthTimestamp, minDateTimestamp, maxDateTimestamp));
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     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 minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined); }, [minDateTimestamp]);
+    var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay(maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
     var _j = useCalendar.useCalendar({
         month: month,
         defaultMonth: defaultMonth,
@@ -133,20 +123,20 @@ var Calendar = React.forwardRef(function (_a, ref) {
         setScrolled(false);
     }, [view]);
     hooks.useDidUpdateEffect(function () {
-        var newMonth = value && startOfMonth__default['default'](value);
+        var newMonth = value && startOfMonth(value);
         if (newMonth && newMonth.getTime() !== activeMonth.getTime()) {
             setMonthByDate(newMonth);
         }
     }, [value]);
-    return (React__default['default'].createElement("div", tslib_es6.__assign({}, getRootProps({ ref: ref }), { className: cn__default['default']('cc-calendar', styles.component, className, (_b = {},
+    return (React.createElement("div", tslib_es6.__assign({}, getRootProps({ ref: ref }), { className: cn('cc-calendar', styles.component, className, (_b = {},
             _b[styles.sixWeeks] = weeks.length === 6,
             _b[styles.responsive] = responsive,
             _b)), "data-test-id": dataTestId }),
-        hasHeader && (React__default['default'].createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled }, selectorView === 'month-only' ? (React__default['default'].createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick })) : (React__default['default'].createElement(components_monthYearHeader_Component.MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
-        React__default['default'].createElement("div", { className: cn__default['default'](styles.container, styles[view]) },
-            view === 'days' && (React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, responsive: responsive })),
-            view === 'months' && (React__default['default'].createElement(components_monthsTable_Component.MonthsTable, { selectedMonth: activeMonth, months: months, getMonthProps: getMonthProps, responsive: responsive })),
-            view === 'years' && (React__default['default'].createElement(components_yearsTable_Component.YearsTable, { selectedYear: activeMonth, years: years, getYearProps: getYearProps, onScroll: handleScroll, responsive: responsive })))));
+        hasHeader && (React.createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled }, selectorView === 'month-only' ? (React.createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick })) : (React.createElement(components_monthYearHeader_Component.MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
+        React.createElement("div", { className: cn(styles.container, styles[view]) },
+            view === 'days' && (React.createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, responsive: responsive })),
+            view === 'months' && (React.createElement(components_monthsTable_Component.MonthsTable, { selectedMonth: activeMonth, months: months, getMonthProps: getMonthProps, responsive: responsive })),
+            view === 'years' && (React.createElement(components_yearsTable_Component.YearsTable, { selectedYear: activeMonth, years: years, getYearProps: getYearProps, onScroll: handleScroll, responsive: responsive })))));
 });
 
 exports.Calendar = Calendar;

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

@@ -1,81 +1,71 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-3e602276.js');
+var tslib_es6 = require('../../tslib.es6-4cc970bc.js');
 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 startOfDay = require('date-fns/startOfDay');
 var startOfMonth = require('date-fns/startOfMonth');
-require('@alfalab/hooks');
-require('react-transition-group');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isSameDay');
-require('date-fns/isToday');
-require('date-fns/isWithinInterval');
 var coreComponentsButton = require('../../../button');
+var mobile = require('../../../modal/mobile');
+var Component = require('../../Component.js');
+require('date-fns/differenceInDays');
+require('@alfalab/hooks');
+var useCalendar = require('../../useCalendar.js');
+require('date-fns/endOfWeek');
+require('date-fns/startOfWeek');
+require('../../../icon-button');
+require('@alfalab/icons-glyph/ChevronBackMIcon');
+var utils = require('../../utils.js');
 require('date-fns/addDays');
 require('date-fns/addMonths');
+require('date-fns/addQuarters');
+require('date-fns/addWeeks');
+require('date-fns/addYears');
+require('date-fns/endOfMonth');
+require('date-fns/endOfQuarter');
+require('date-fns/endOfYear');
+require('date-fns/getQuarter');
+require('date-fns/getYear');
+require('date-fns/isToday');
+require('date-fns/isYesterday');
+require('date-fns/startOfQuarter');
+require('date-fns/startOfYear');
+var components_daysTable_Component = require('../days-table/Component.js');
+require('../header/Component.js');
+require('../month-year-header/Component.js');
+require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('../select-button/Component.js');
 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/startOfWeek');
-require('date-fns/startOfYear');
 require('date-fns/subDays');
 require('date-fns/subMonths');
-var utils = require('../../utils.js');
-var components_daysTable_Component = require('../days-table/Component.js');
-require('../header/Component.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../select-button/Component.js');
-require('../month-year-header/Component.js');
+require('../months-table/Component.js');
 require('date-fns/isSameMonth');
 require('date-fns/isThisMonth');
-require('../months-table/Component.js');
-require('../../../icon-button');
-require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('date-fns/addQuarters');
-require('date-fns/addWeeks');
-require('date-fns/addYears');
-require('date-fns/endOfMonth');
-require('date-fns/endOfQuarter');
-require('date-fns/getQuarter');
-require('date-fns/getYear');
-require('date-fns/isYesterday');
-require('date-fns/startOfQuarter');
-require('../period-slider/utils.js');
 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/Component.js');
+require('react-transition-group');
+require('date-fns/isEqual');
+require('date-fns/isLastDayOfMonth');
+require('date-fns/isWithinInterval');
 require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
-var useCalendar = require('../../useCalendar.js');
-var Component = require('../../Component.js');
-require('date-fns/differenceInDays');
-var reactVirtuoso = require('react-virtuoso');
-var resizeObserver = require('@juggle/resize-observer');
-var mobile = require('../../../modal/mobile');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
-var startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_to8tj","withZIndex":"calendar__withZIndex_to8tj","calendar":"calendar__calendar_to8tj","dayNames":"calendar__dayNames_to8tj","withHeader":"calendar__withHeader_to8tj","month":"calendar__month_to8tj","daysTable":"calendar__daysTable_to8tj","dayName":"calendar__dayName_to8tj"};
+var styles = {"wrapper":"calendar__wrapper_1dwyu","withZIndex":"calendar__withZIndex_1dwyu","calendar":"calendar__calendar_1dwyu","dayNames":"calendar__dayNames_1dwyu","withHeader":"calendar__withHeader_1dwyu","month":"calendar__month_1dwyu","daysTable":"calendar__daysTable_1dwyu","dayName":"calendar__dayName_1dwyu"};
 require('./index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -89,11 +79,11 @@ var CalendarMonthOnlyView = function (_a) {
         return yearsAmount * 12 + currentMonthIndex;
     }, [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 minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined); }, [minDateTimestamp]);
+    var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay(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 ||
+        return startOfMonth(selected ||
             utils.limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp));
     }, [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
     var _c = useCalendar.useCalendar({
@@ -132,12 +122,12 @@ var CalendarMonthOnlyView = function (_a) {
                 eventsMap: eventsMap,
                 offDaysMap: offDaysMap,
                 holidaysMap: holidaysMap,
-            }), title: utils.monthName(item.date) + " " + item.date.getFullYear() })); });
+            }), title: "".concat(utils.monthName(item.date), " ").concat(item.date.getFullYear()) })); });
     }, [events, offDays, holidays, months, yearsAmount, minDate, maxDate, selected]);
-    var renderMonth = function (index) { return (React__default['default'].createElement("div", { className: styles.daysTable, id: "month-" + index },
-        React__default['default'].createElement("span", { className: styles.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 }))); };
-    return (React__default['default'].createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: initialMonthIndex, increaseViewportBy: 800, itemSize: function (el) { return el.getBoundingClientRect().height + 32; } }));
+    var renderMonth = function (index) { return (React.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
+        React.createElement("span", { className: styles.month }, activeMonths[index].title),
+        React.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 }))); };
+    return (React.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: initialMonthIndex, increaseViewportBy: 800, itemSize: function (el) { return el.getBoundingClientRect().height + 32; } }));
 };
 var CalendarMobile = React.forwardRef(function (_a, ref) {
     var _b, _c;
@@ -152,9 +142,9 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
         if (onChange)
             onChange();
     };
-    var renderDayNames = function () { return (React__default['default'].createElement("table", { className: 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)); }))))); };
+    var renderDayNames = function () { return (React.createElement("table", { className: styles.dayNames },
+        React.createElement("thead", null,
+            React.createElement("tr", null, utils.WEEKDAYS.map(function (dayName) { return (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)); }))))); };
     var renderContent = function () {
         var commonProps = {
             value: value,
@@ -165,9 +155,9 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React__default['default'].createElement(CalendarMonthOnlyView, tslib_es6.__assign({ open: open, yearsAmount: yearsAmount }, commonProps, restProps)));
+            return (React.createElement(CalendarMonthOnlyView, tslib_es6.__assign({ open: open, yearsAmount: yearsAmount }, commonProps, restProps)));
         }
-        return (React__default['default'].createElement(Component.Calendar, tslib_es6.__assign({ responsive: true, className: styles.calendar }, commonProps, restProps)));
+        return (React.createElement(Component.Calendar, tslib_es6.__assign({ responsive: true, className: styles.calendar }, commonProps, restProps)));
     };
     var renderFooter = function () {
         if (selectedFrom || selectedTo) {
@@ -175,21 +165,21 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             if (allowSelectionFromEmptyRange) {
                 selectButtonDisabled = !selectedFrom;
             }
-            return (React__default['default'].createElement(React__default['default'].Fragment, null,
-                React__default['default'].createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose, disabled: selectButtonDisabled }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"),
-                React__default['default'].createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")));
+            return (React.createElement(React.Fragment, null,
+                React.createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose, disabled: selectButtonDisabled }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"),
+                React.createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\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.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.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.component), ref: ref, "data-test-id": dataTestId },
-        React__default['default'].createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: modalRef, className: styles.modal, wrapperClassName: styles.wrapper },
-            hasHeader && (React__default['default'].createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, align: 'center', leftAddons: React__default['default'].createElement("div", null), sticky: true, className: cn__default['default']((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
+    return (React.createElement("div", { className: cn(className, styles.component), ref: ref, "data-test-id": dataTestId },
+        React.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: modalRef, className: styles.modal, wrapperClassName: styles.wrapper },
+            hasHeader && (React.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, align: 'center', leftAddons: React.createElement("div", null), sticky: true, className: cn((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
             monthOnlyView && renderDayNames(),
-            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.withZIndex] = selectorView === 'full', _c)) }, renderFooter()))));
+            React.createElement(mobile.ModalMobile.Content, { flex: true }, renderContent()),
+            React.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn((_c = {}, _c[styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter()))));
 });
 
 exports.CalendarMobile = CalendarMobile;