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

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

@@ -1,202 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-7e766274.js');
-var React = require('react');
-var cn = require('classnames');
-var startOfDay = require('date-fns/startOfDay');
-var startOfMonth = require('date-fns/startOfMonth');
-var endOfDay = require('date-fns/endOfDay');
-require('@alfalab/hooks');
-require('../header/Component.js');
-var coreComponentsButton = require('../../../button');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isSameDay');
-require('date-fns/isToday');
-require('date-fns/isWithinInterval');
-require('react-transition-group');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/lastDayOfMonth');
-require('date-fns/startOfYear');
-require('date-fns/endOfYear');
-require('date-fns/isBefore');
-require('date-fns/isAfter');
-require('date-fns/min');
-require('date-fns/max');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/endOfWeek');
-require('date-fns/startOfWeek');
-require('date-fns/subDays');
-require('date-fns/subMonths');
-require('date-fns/format');
-require('date-fns/parse');
-var utils = require('../../utils.js');
-var components_daysTable_Component = require('../days-table/Component.js');
-require('date-fns/isSameMonth');
-require('date-fns/isThisMonth');
-require('../select-button/Component.js');
-require('../months-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('../years-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('date-fns/setYear');
-require('date-fns/subYears');
-require('react-merge-refs');
-var useCalendar = require('../../useCalendar.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../month-year-header/Component.js');
-var Component = require('../../Component.js');
-require('date-fns/differenceInDays');
-var reactVirtuoso = require('react-virtuoso');
-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 startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
-
-var styles = {"wrapper":"calendar__wrapper_i75g8","modalHeader":"calendar__modalHeader_i75g8","modalFooter":"calendar__modalFooter_i75g8","calendar":"calendar__calendar_i75g8","calendarHeader":"calendar__calendarHeader_i75g8","month":"calendar__month_i75g8","daysTable":"calendar__daysTable_i75g8","dayName":"calendar__dayName_i75g8"};
-require('./index.css');
-
-var CalendarMobile = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.defaultView, defaultView = _b === void 0 ? 'days' : _b, _c = _a.selectorView, selectorView = _c === void 0 ? 'full' : _c, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _d = _a.defaultMonth, defaultMonthTimestamp = _d === void 0 ? +new Date() : _d, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _e = _a.title, title = _e === void 0 ? 'Календарь' : _e, _f = _a.yearsAmount, yearsAmount = _f === void 0 ? 10 : _f;
-    var modalRef = React.useRef(null);
-    var initialMonthIndex = React.useMemo(function () {
-        var currentMonthIndex = new Date().getMonth();
-        return yearsAmount * 12 + currentMonthIndex;
-    }, [yearsAmount]);
-    var monthOnlyView = React.useMemo(function () { return selectorView === 'month-only'; }, [selectorView]);
-    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, minDateTimestamp, maxDateTimestamp));
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    var _g = useCalendar.useCalendar({
-        month: month,
-        defaultMonth: defaultMonth,
-        view: defaultView,
-        minDate: minDate,
-        maxDate: maxDate,
-        selected: selected,
-        offDays: offDays,
-        events: events,
-        onChange: onChange,
-        onMonthChange: onMonthChange,
-    }), activeMonth = _g.activeMonth, months = _g.months, highlighted = _g.highlighted, getDayProps = _g.getDayProps;
-    var _h = React.useState(months), activeMonths = _h[0], setActiveMonths = _h[1];
-    var generateInitialMonths = React.useCallback(function () {
-        var prevMonths = [];
-        var nextMonths = [];
-        for (var i = 0; i < yearsAmount; i++) {
-            var prevYear = new Date().setFullYear(new Date().getFullYear() - (i + 1));
-            var nextYear = new Date().setFullYear(new Date().getFullYear() + (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);
-        }
-        setActiveMonths(function (prevState) { return tslib_es6.__spreadArrays(prevMonths, prevState, nextMonths); });
-    }, [yearsAmount]);
-    var handleClose = React.useCallback(function () {
-        if (onClose)
-            onClose();
-    }, [onClose]);
-    var handleClear = React.useCallback(function () {
-        if (onChange)
-            onChange();
-    }, [onChange]);
-    React.useEffect(function () {
-        generateInitialMonths();
-    }, [generateInitialMonths]);
-    var renderHeader = React.useCallback(function () { return (React__default['default'].createElement("table", { className: styles.calendarHeader },
-        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 renderMonth = React.useCallback(function (index, key) {
-        return (React__default['default'].createElement("div", { className: styles.daysTable, id: "month-" + index, key: key },
-            React__default['default'].createElement("span", { className: styles.month }, utils.monthName(activeMonths[index].date) + " " + activeMonths[index].date.getFullYear()),
-            React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: utils.generateWeeks(activeMonths[index].date, {
-                    minDate: minDate,
-                    maxDate: maxDate,
-                    selected: selected,
-                }), activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false })));
-    }, [
-        activeMonths,
-        minDate,
-        maxDate,
-        selected,
-        activeMonth,
-        selectedFrom,
-        selectedTo,
-        getDayProps,
-        highlighted,
-        rangeComplete,
-    ]);
-    var renderContent = React.useCallback(function () {
-        if (monthOnlyView) {
-            return (React__default['default'].createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: initialMonthIndex, overscan: { main: 1000, reverse: 1000 }, itemSize: function (el) { return el.getBoundingClientRect().height + 32; } }));
-        }
-        return (React__default['default'].createElement(Component.Calendar, { value: value, onChange: onChange, offDays: offDays, events: events, defaultView: defaultView, selectorView: selectorView, className: styles.calendar, onMonthClick: onMonthClick, onYearClick: onYearClick, selectedFrom: selectedFrom, selectedTo: selectedTo }));
-    }, [
-        monthOnlyView,
-        activeMonths,
-        selectedFrom,
-        selectedTo,
-        value,
-        onChange,
-        offDays,
-        events,
-        defaultView,
-        selectorView,
-        onMonthClick,
-        onYearClick,
-        renderMonth,
-        initialMonthIndex,
-    ]);
-    var renderFooter = React.useCallback(function () {
-        if (selectedFrom || selectedTo) {
-            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: !selectedFrom || !selectedTo }, "\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")));
-        }
-        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"));
-    }, [value, selectedFrom, selectedTo, handleClose, handleClear]);
-    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 },
-            React__default['default'].createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, align: 'center', leftAddons: React__default['default'].createElement("div", null), sticky: true, className: styles.modalHeader }),
-            monthOnlyView && renderHeader(),
-            React__default['default'].createElement(mobile.ModalMobile.Content, { flex: true, className: styles.modalContent }, renderContent()),
-            React__default['default'].createElement(mobile.ModalMobile.Footer, { sticky: true, className: styles.modalFooter }, renderFooter()))));
-});
-
-exports.CalendarMobile = CalendarMobile;

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

@@ -1,97 +0,0 @@
-/* hash: th2dj */
-:root {
-    --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dbdee1;
-    --color-light-text-primary: #0b1f35;
-    --color-light-text-secondary: #546272;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-    --gap-m: 16px;
-    --gap-2xl: 32px;
-}
-:root {
-
-    /* Кнопки выбора месяцев и годов */
-
-    /* Шапка */
-
-    /* День */
-    --calendar-day-size: 40px;
-
-    /* today */
-
-    /* highlighted */
-
-    /* range */
-
-    /* selected */
-
-    /* disabled */
-
-    /* marker */
-}
-.calendar__wrapper_i75g8 {
-    background: var(--color-light-bg-primary);
-}
-.calendar__modalHeader_i75g8 {
-    z-index: 1000;
-}
-.calendar__modalFooter_i75g8 {
-    z-index: 1000;
-}
-.calendar__calendar_i75g8 {
-    width: unset;
-}
-.calendar__calendar_i75g8 th {
-    border-bottom: 1px solid var(--color-light-border-primary);
-}
-.calendar__calendarHeader_i75g8 {
-    padding: 0 var(--gap-m);
-    width: 100%;
-    position: sticky;
-    border-bottom: 1px solid var(--color-light-border-primary);
-    background: var(--modal-header-background);
-    top: 48px;
-    height: 32px;
-    z-index: 1000;
-}
-.calendar__calendarHeader_i75g8 th {
-    height: 100%;
-}
-.calendar__month_i75g8 {
-    font-style: normal;
-    font-weight: 700;
-    font-size: 12px;
-    line-height: 16px;
-    letter-spacing: 1.25px;
-    text-transform: uppercase;
-    color: var(--color-light-text-primary);
-    margin-bottom: var(--gap-xs);
-}
-.calendar__daysTable_i75g8 {
-    display: flex;
-    flex-direction: column;
-    margin-top: var(--gap-2xl);
-}
-.calendar__dayName_i75g8 {
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: 400;
-
-    height: var(--calendar-day-size);
-    color: var(--color-light-text-secondary)
-}
-@media (max-width: 374px) {
-.calendar__dayName_i75g8 {
-        height: 36px
-}
-    }

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

@@ -1 +0,0 @@
-export * from "./Component";

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

@@ -1,72 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../tslib.es6-7e766274.js');
-require('react');
-require('classnames');
-require('date-fns/startOfDay');
-require('date-fns/startOfMonth');
-require('date-fns/endOfDay');
-require('@alfalab/hooks');
-require('../header/Component.js');
-require('../../../button');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isSameDay');
-require('date-fns/isToday');
-require('date-fns/isWithinInterval');
-require('react-transition-group');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/lastDayOfMonth');
-require('date-fns/startOfYear');
-require('date-fns/endOfYear');
-require('date-fns/isBefore');
-require('date-fns/isAfter');
-require('date-fns/min');
-require('date-fns/max');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/endOfWeek');
-require('date-fns/startOfWeek');
-require('date-fns/subDays');
-require('date-fns/subMonths');
-require('date-fns/format');
-require('date-fns/parse');
-require('../../utils.js');
-require('../days-table/Component.js');
-require('date-fns/isSameMonth');
-require('date-fns/isThisMonth');
-require('../select-button/Component.js');
-require('../months-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('../years-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('date-fns/setYear');
-require('date-fns/subYears');
-require('react-merge-refs');
-require('../../useCalendar.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../month-year-header/Component.js');
-require('../../Component.js');
-require('date-fns/differenceInDays');
-require('react-virtuoso');
-require('../../../modal/mobile');
-var components_calendarMobile_Component = require('./Component.js');
-
-
-
-exports.CalendarMobile = components_calendarMobile_Component.CalendarMobile;

package/calendar/cssm/Context-bdb4c6b9.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModalContext } from "./index-bdb4c6b9";
-declare const ModalContext: import("react").Context<BaseModalContext>;
-export { ModalContext };

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

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { CalendarProps } from "../../index";
-type CalendarMobileProps = CalendarProps & {
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Заголовок календаря
-     */
-    title?: string;
-    /**
-     * Обработчик закрытия модалки
-     */
-    onClose?: () => void;
-    /**
-     * Количество лет для генерации в обе стороны от текущего года
-     */
-    yearsAmount?: number;
-};
-declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarProps & {
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Заголовок календаря
-     */
-    title?: string | undefined;
-    /**
-     * Обработчик закрытия модалки
-     */
-    onClose?: (() => void) | undefined;
-    /**
-     * Количество лет для генерации в обе стороны от текущего года
-     */
-    yearsAmount?: number | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { CalendarMobileProps, CalendarMobile };

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

@@ -1,209 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-f8106a15.js');
-var React = require('react');
-var cn = require('classnames');
-var startOfDay = require('date-fns/startOfDay');
-var startOfMonth = require('date-fns/startOfMonth');
-var endOfDay = require('date-fns/endOfDay');
-require('@alfalab/hooks');
-require('../header/index.module.css');
-require('../header/Component.js');
-var coreComponentsButton = require('../../../../button/cssm');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isSameDay');
-require('date-fns/isToday');
-require('date-fns/isWithinInterval');
-require('react-transition-group');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/lastDayOfMonth');
-require('date-fns/startOfYear');
-require('date-fns/endOfYear');
-require('date-fns/isBefore');
-require('date-fns/isAfter');
-require('date-fns/min');
-require('date-fns/max');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/endOfWeek');
-require('date-fns/startOfWeek');
-require('date-fns/subDays');
-require('date-fns/subMonths');
-require('date-fns/format');
-require('date-fns/parse');
-var utils = require('../../utils.js');
-require('../days-table/index.module.css');
-var components_daysTable_Component = require('../days-table/Component.js');
-require('date-fns/isSameMonth');
-require('date-fns/isThisMonth');
-require('../select-button/index.module.css');
-require('../select-button/Component.js');
-require('../months-table/index.module.css');
-require('../months-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('../years-table/index.module.css');
-require('../years-table/Component.js');
-require('../../../../icon-button/cssm');
-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/index.module.css');
-require('../period-slider/Component.js');
-require('date-fns/setYear');
-require('date-fns/subYears');
-require('react-merge-refs');
-var useCalendar = require('../../useCalendar.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../month-year-header/index.module.css');
-require('../month-year-header/Component.js');
-require('../../index.module.css');
-var Component = require('../../Component.js');
-require('date-fns/differenceInDays');
-var reactVirtuoso = require('react-virtuoso');
-var mobile = require('../../../../modal/cssm/mobile');
-var styles = require('./index.module.css');
-
-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 startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
-var CalendarMobile = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.defaultView, defaultView = _b === void 0 ? 'days' : _b, _c = _a.selectorView, selectorView = _c === void 0 ? 'full' : _c, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _d = _a.defaultMonth, defaultMonthTimestamp = _d === void 0 ? +new Date() : _d, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _e = _a.title, title = _e === void 0 ? 'Календарь' : _e, _f = _a.yearsAmount, yearsAmount = _f === void 0 ? 10 : _f;
-    var modalRef = React.useRef(null);
-    var initialMonthIndex = React.useMemo(function () {
-        var currentMonthIndex = new Date().getMonth();
-        return yearsAmount * 12 + currentMonthIndex;
-    }, [yearsAmount]);
-    var monthOnlyView = React.useMemo(function () { return selectorView === 'month-only'; }, [selectorView]);
-    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, minDateTimestamp, maxDateTimestamp));
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    var _g = useCalendar.useCalendar({
-        month: month,
-        defaultMonth: defaultMonth,
-        view: defaultView,
-        minDate: minDate,
-        maxDate: maxDate,
-        selected: selected,
-        offDays: offDays,
-        events: events,
-        onChange: onChange,
-        onMonthChange: onMonthChange,
-    }), activeMonth = _g.activeMonth, months = _g.months, highlighted = _g.highlighted, getDayProps = _g.getDayProps;
-    var _h = React.useState(months), activeMonths = _h[0], setActiveMonths = _h[1];
-    var generateInitialMonths = React.useCallback(function () {
-        var prevMonths = [];
-        var nextMonths = [];
-        for (var i = 0; i < yearsAmount; i++) {
-            var prevYear = new Date().setFullYear(new Date().getFullYear() - (i + 1));
-            var nextYear = new Date().setFullYear(new Date().getFullYear() + (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);
-        }
-        setActiveMonths(function (prevState) { return tslib_es6.__spreadArrays(prevMonths, prevState, nextMonths); });
-    }, [yearsAmount]);
-    var handleClose = React.useCallback(function () {
-        if (onClose)
-            onClose();
-    }, [onClose]);
-    var handleClear = React.useCallback(function () {
-        if (onChange)
-            onChange();
-    }, [onChange]);
-    React.useEffect(function () {
-        generateInitialMonths();
-    }, [generateInitialMonths]);
-    var renderHeader = React.useCallback(function () { return (React__default['default'].createElement("table", { className: styles__default['default'].calendarHeader },
-        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 renderMonth = React.useCallback(function (index, key) {
-        return (React__default['default'].createElement("div", { className: styles__default['default'].daysTable, id: "month-" + index, key: key },
-            React__default['default'].createElement("span", { className: styles__default['default'].month }, utils.monthName(activeMonths[index].date) + " " + activeMonths[index].date.getFullYear()),
-            React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: utils.generateWeeks(activeMonths[index].date, {
-                    minDate: minDate,
-                    maxDate: maxDate,
-                    selected: selected,
-                }), activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false })));
-    }, [
-        activeMonths,
-        minDate,
-        maxDate,
-        selected,
-        activeMonth,
-        selectedFrom,
-        selectedTo,
-        getDayProps,
-        highlighted,
-        rangeComplete,
-    ]);
-    var renderContent = React.useCallback(function () {
-        if (monthOnlyView) {
-            return (React__default['default'].createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: initialMonthIndex, overscan: { main: 1000, reverse: 1000 }, itemSize: function (el) { return el.getBoundingClientRect().height + 32; } }));
-        }
-        return (React__default['default'].createElement(Component.Calendar, { value: value, onChange: onChange, offDays: offDays, events: events, defaultView: defaultView, selectorView: selectorView, className: styles__default['default'].calendar, onMonthClick: onMonthClick, onYearClick: onYearClick, selectedFrom: selectedFrom, selectedTo: selectedTo }));
-    }, [
-        monthOnlyView,
-        activeMonths,
-        selectedFrom,
-        selectedTo,
-        value,
-        onChange,
-        offDays,
-        events,
-        defaultView,
-        selectorView,
-        onMonthClick,
-        onYearClick,
-        renderMonth,
-        initialMonthIndex,
-    ]);
-    var renderFooter = React.useCallback(function () {
-        if (selectedFrom || selectedTo) {
-            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: !selectedFrom || !selectedTo }, "\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")));
-        }
-        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"));
-    }, [value, selectedFrom, selectedTo, handleClose, handleClear]);
-    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: modalRef, className: styles__default['default'].modal, wrapperClassName: styles__default['default'].wrapper },
-            React__default['default'].createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, align: 'center', leftAddons: React__default['default'].createElement("div", null), sticky: true, className: styles__default['default'].modalHeader }),
-            monthOnlyView && renderHeader(),
-            React__default['default'].createElement(mobile.ModalMobile.Content, { flex: true, className: styles__default['default'].modalContent }, renderContent()),
-            React__default['default'].createElement(mobile.ModalMobile.Footer, { sticky: true, className: styles__default['default'].modalFooter }, renderFooter()))));
-});
-
-exports.CalendarMobile = CalendarMobile;

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

@@ -1 +0,0 @@
-export * from "./Component";