@alfalab/core-components 34.0.1-beta.0 → 35.0.0-beta.0

package/calendar/esm/tslib.es6-5e72ccdb.d.ts

@@ -0,0 +1,36 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+/** @deprecated */
+declare function __spread(...args: any[]): any[];
+/** @deprecated */
+declare function __spreadArrays(...args: any[]): any[];
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/calendar/esm/{tslib.es6-619fa77d.js → tslib.es6-5e72ccdb.js}

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -36,13 +36,16 @@ function __rest(s, e) {
         }
     return t;
 }
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-        s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2)
+        for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar)
+                    ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-export { __assign as _, __rest as a, __spreadArrays as b };
+export { __assign as _, __rest as a, __spreadArray as b };

package/calendar/esm/useCalendar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { KeyboardEvent, MouseEvent } from 'react';
+import { KeyboardEvent, MouseEvent, Ref } from 'react';
 import { Day, Month, View } from "./typings";
 type UseCalendarProps = {
     /**
@@ -63,9 +63,9 @@ declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, sele
         'aria-selected': boolean | undefined;
         ref: (node: HTMLTableDataCellElement) => void;
         tabIndex: number;
-        onMouseEnter: (event: MouseEvent<HTMLTableDataCellElement, globalThis.MouseEvent>) => void;
+        onMouseEnter: (event: MouseEvent<HTMLTableDataCellElement>) => void;
         onMouseLeave: () => void;
-        onClick: (event: MouseEvent<HTMLTableDataCellElement, globalThis.MouseEvent>) => void;
+        onClick: (event: MouseEvent<HTMLTableDataCellElement>) => void;
     };
     getMonthProps: (month: Month) => {
         'data-date': number;
@@ -73,17 +73,17 @@ declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, sele
         ref: (node: HTMLButtonElement) => void;
         tabIndex: number;
         disabled: boolean | undefined;
-        onClick: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
+        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
     };
     getYearProps: (year: Date) => {
         'data-date': number;
         'aria-selected': boolean;
         ref: (node: HTMLButtonElement) => void;
         tabIndex: number;
-        onClick: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
+        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
     };
     getRootProps: ({ ref }: {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: Ref<HTMLDivElement> | undefined;
     }) => {
         onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
         ref: (instance: HTMLDivElement | null) => void;

package/calendar/esm/useCalendar.js

@@ -2,31 +2,31 @@ import { useState, useRef, useMemo, useCallback } from 'react';
 import 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
 import isSameDay from 'date-fns/isSameDay';
+import 'date-fns/addDays';
+import addMonths from 'date-fns/addMonths';
 import 'date-fns/eachDayOfInterval';
 import 'date-fns/eachMonthOfInterval';
 import 'date-fns/eachYearOfInterval';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/startOfYear';
+import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
-import 'date-fns/isBefore';
+import 'date-fns/format';
 import 'date-fns/isAfter';
-import 'date-fns/min';
+import 'date-fns/isBefore';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
-import 'date-fns/addDays';
-import addMonths from 'date-fns/addMonths';
-import 'date-fns/endOfWeek';
+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 'date-fns/format';
-import 'date-fns/parse';
 import { dateArrayToHashTable, generateWeeks, generateMonths, generateYears, limitDate, simulateTab, modifyDateByShift, MONTHS_IN_YEAR } from './utils.js';
 import isSameMonth from 'date-fns/isSameMonth';
-import isSameYear from 'date-fns/isSameYear';
 import addYears from 'date-fns/addYears';
+import isSameYear from 'date-fns/isSameYear';
+import mergeRefs from 'react-merge-refs';
 import setYear from 'date-fns/setYear';
 import subYears from 'date-fns/subYears';
-import mergeRefs from 'react-merge-refs';
 
 function useCalendar(_a) {
     var defaultMonth = _a.defaultMonth, month = _a.month, minDate = _a.minDate, _b = _a.view, view = _b === void 0 ? 'days' : _b, maxDate = _a.maxDate, selected = _a.selected, events = _a.events, offDays = _a.offDays, holidays = _a.holidays, onMonthChange = _a.onMonthChange, onChange = _a.onChange;
@@ -53,11 +53,7 @@ function useCalendar(_a) {
             holidaysMap: holidaysMap,
         });
     }, [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap, holidaysMap]);
-    var months = useMemo(function () { return generateMonths(activeMonth, { minMonth: minMonth, maxMonth: maxMonth }); }, [
-        minMonth,
-        maxMonth,
-        activeMonth,
-    ]);
+    var months = useMemo(function () { return generateMonths(activeMonth, { minMonth: minMonth, maxMonth: maxMonth }); }, [minMonth, maxMonth, activeMonth]);
     var years = useMemo(function () {
         return generateYears(minDate || subYears(new Date(), 100), maxDate || addYears(new Date(), 1));
     }, [minDate, maxDate]);
@@ -89,10 +85,7 @@ function useCalendar(_a) {
             node.focus();
         }
     }, []);
-    var focusFirstAvailableDate = useCallback(function () { return focusDate(getFocusableDate()); }, [
-        focusDate,
-        getFocusableDate,
-    ]);
+    var focusFirstAvailableDate = useCallback(function () { return focusDate(getFocusableDate()); }, [focusDate, getFocusableDate]);
     var focusDay = useCallback(function (shift) {
         var focusedNode = getFocusedDate();
         if (focusedNode && focusedNode.dataset.date) {
@@ -187,13 +180,13 @@ function useCalendar(_a) {
     var handleDayMouseLeave = useCallback(function () {
         setHighlighted(undefined);
     }, []);
-    var handleDayClick = useCallback(function (event) {
+    var handleDayClick = function (event) {
         var date = event.currentTarget.dataset.date;
         if (date && onChange) {
             onChange(+date);
         }
         handleDayMouseLeave();
-    }, [onChange, handleDayMouseLeave]);
+    };
     var daysControls = useMemo(function () { return ({
         ArrowLeft: function () { return focusDay('prev'); },
         ArrowRight: function () { return focusDay('next'); },
@@ -221,15 +214,15 @@ function useCalendar(_a) {
         months: monthControls,
         years: yearsControls,
     };
-    var handleKeyDown = useCallback(function (event) {
+    var handleKeyDown = function (event) {
         var controls = controlsByView[view];
         if (event.key in controls) {
             controls[event.key]();
             event.preventDefault();
         }
-    }, [controlsByView, view]);
+    };
     var focusableDayIsSet = false;
-    var getDayProps = useCallback(function (day) {
+    var getDayProps = function (day) {
         var daySelected = selected && isSameDay(selected, day.date);
         var canFocus = daySelected;
         // Если день не выбран — фокус должен начинаться с первого доступного дня месяца
@@ -251,17 +244,8 @@ function useCalendar(_a) {
             onMouseLeave: handleDayMouseLeave,
             onClick: handleDayClick,
         };
-    }, [
-        handleDayClick,
-        handleDateRef,
-        handleKeyDown,
-        handleDayMouseEnter,
-        handleDayMouseLeave,
-        selected,
-    ]);
-    var getMonthProps = useCallback(
-    // eslint-disable-next-line no-shadow
-    function (month) {
+    };
+    var getMonthProps = function (month) {
         var monthselected = isSameMonth(activeMonth, month.date);
         return {
             'data-date': month.date.getTime(),
@@ -273,8 +257,8 @@ function useCalendar(_a) {
             disabled: month.disabled,
             onClick: handleMonthClick,
         };
-    }, [activeMonth, handleDateRef, handleMonthClick]);
-    var getYearProps = useCallback(function (year) {
+    };
+    var getYearProps = function (year) {
         var yearSelected = isSameYear(activeMonth, year);
         return {
             'data-date': year.getTime(),
@@ -285,15 +269,15 @@ function useCalendar(_a) {
             tabIndex: yearSelected ? 0 : -1,
             onClick: handleYearClick,
         };
-    }, [activeMonth, handleDateRef, handleYearClick]);
-    var getRootProps = useCallback(function (_a) {
+    };
+    var getRootProps = function (_a) {
         var _b = _a.ref, ref = _b === void 0 ? null : _b;
-        return {
+        return ({
             onKeyDown: handleKeyDown,
             ref: mergeRefs([ref, rootRef]),
             tabIndex: -1,
-        };
-    }, [handleKeyDown]);
+        });
+    };
     return {
         activeMonth: activeMonth,
         weeks: weeks,

package/calendar/esm/utils.d.ts

@@ -79,6 +79,6 @@ declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date,
  * TODO: добавить в useFocus возможность переключать метод ввода программно
  */
 declare function simulateTab(node: HTMLElement): void;
-declare const formatDate: (date: number | Date, dateFormat?: string) => string;
+declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString };

package/calendar/esm/utils.js

@@ -1,24 +1,24 @@
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
 import isSameDay from 'date-fns/isSameDay';
+import addDays from 'date-fns/addDays';
+import addMonths from 'date-fns/addMonths';
 import eachDayOfInterval from 'date-fns/eachDayOfInterval';
 import eachMonthOfInterval from 'date-fns/eachMonthOfInterval';
 import eachYearOfInterval from 'date-fns/eachYearOfInterval';
-import lastDayOfMonth from 'date-fns/lastDayOfMonth';
-import startOfYear from 'date-fns/startOfYear';
+import endOfWeek from 'date-fns/endOfWeek';
 import endOfYear from 'date-fns/endOfYear';
-import isBefore from 'date-fns/isBefore';
+import format from 'date-fns/format';
 import isAfter from 'date-fns/isAfter';
-import min from 'date-fns/min';
+import isBefore from 'date-fns/isBefore';
+import lastDayOfMonth from 'date-fns/lastDayOfMonth';
 import max from 'date-fns/max';
-import addDays from 'date-fns/addDays';
-import addMonths from 'date-fns/addMonths';
-import endOfWeek from 'date-fns/endOfWeek';
+import min from 'date-fns/min';
+import parse from 'date-fns/parse';
 import startOfWeek from 'date-fns/startOfWeek';
+import startOfYear from 'date-fns/startOfYear';
 import subDays from 'date-fns/subDays';
 import subMonths from 'date-fns/subMonths';
-import format from 'date-fns/format';
-import parse from 'date-fns/parse';
 
 var DAYS_IN_WEEK = 7;
 var MONTHS_IN_YEAR = 12;

package/calendar/index-bdb4c6b9.d.ts

@@ -2,21 +2,9 @@
 /// <reference types="react" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { MouseEvent, KeyboardEvent, ReactNode, Ref, FC, MutableRefObject, RefObject } from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-type PortalProps = {
-    /** Контент */
-    children?: ReactNode;
-    /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
-     */
-    getPortalContainer?: () => Element;
-    /**
-     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
-     */
-    immediateMount?: boolean;
-};
 type BackdropProps = Partial<TransitionProps> & {
     /**
      * Прозрачный бэкдроп
@@ -49,6 +37,18 @@ type BackdropProps = Partial<TransitionProps> & {
      */
     children?: ReactNode;
 };
+type PortalProps = {
+    /** Контент */
+    children?: ReactNode;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
+    getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
+};
 type BaseModalProps = {
     /**
      * Контент
@@ -175,6 +175,7 @@ type BaseModalContext = {
     setHasFooter: (exists: boolean) => void;
     onClose: Required<BaseModalProps>["onClose"];
 };
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 declare const BaseModalContext: React.Context<BaseModalContext>;
 declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
 declare function isScrolledToTop(target: HTMLElement): boolean;

package/calendar/index.css

@@ -1,4 +1,4 @@
-/* hash: 1srvj */
+/* hash: 189y7 */
 :root {
 
     /* Hard */
@@ -36,7 +36,7 @@
 
     /* marker */
 }
-.calendar__component_tu7et {
+.calendar__component_lbtt9 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -45,22 +45,22 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_tu7et {
+.calendar__component_lbtt9 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__component_tu7et.calendar__responsive_tu7et {
+.calendar__component_lbtt9.calendar__responsive_lbtt9 {
         width: 100%
     }
-.calendar__component_tu7et.calendar__responsive_tu7et .calendar__period_tu7et {
+.calendar__component_lbtt9.calendar__responsive_lbtt9 .calendar__period_lbtt9 {
             width: 100%;
         }
-.calendar__component_tu7et.calendar__responsive_tu7et .calendar__monthYear_tu7et {
+.calendar__component_lbtt9.calendar__responsive_lbtt9 .calendar__monthYear_lbtt9 {
             width: 100%;
         }
-.calendar__container_tu7et {
+.calendar__container_lbtt9 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -70,33 +70,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_tu7et {
+.calendar__container_lbtt9 {
         width: 288px
 }
     }
-.calendar__sixWeeks_tu7et {
+.calendar__sixWeeks_lbtt9 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_tu7et {
+.calendar__sixWeeks_lbtt9 {
         height: 360px
 }
     }
-.calendar__period_tu7et {
+.calendar__period_lbtt9 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_tu7et {
+.calendar__period_lbtt9 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_tu7et {
+.calendar__monthYear_lbtt9 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_tu7et {
+.calendar__monthYear_lbtt9 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/index.js

@@ -1,47 +1,46 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8652bec3.js');
+require('./tslib.es6-b49b4e80.js');
 require('react');
 require('classnames');
+require('date-fns/endOfDay');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
-require('date-fns/endOfDay');
 require('@alfalab/hooks');
-require('./components/header/Component.js');
-require('../button');
+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('react-transition-group');
+require('../button');
+require('date-fns/addDays');
+require('date-fns/addMonths');
 require('date-fns/eachDayOfInterval');
 require('date-fns/eachMonthOfInterval');
 require('date-fns/eachYearOfInterval');
-require('date-fns/lastDayOfMonth');
-require('date-fns/startOfYear');
+require('date-fns/endOfWeek');
 require('date-fns/endOfYear');
-require('date-fns/isBefore');
+require('date-fns/format');
 require('date-fns/isAfter');
-require('date-fns/min');
+require('date-fns/isBefore');
+require('date-fns/lastDayOfMonth');
 require('date-fns/max');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/endOfWeek');
+require('date-fns/min');
+require('date-fns/parse');
 require('date-fns/startOfWeek');
+require('date-fns/startOfYear');
 require('date-fns/subDays');
 require('date-fns/subMonths');
-require('date-fns/format');
-require('date-fns/parse');
 var utils = require('./utils.js');
 require('./components/days-table/Component.js');
+require('./components/header/Component.js');
+require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('./components/select-button/Component.js');
+require('./components/month-year-header/Component.js');
 require('date-fns/isSameMonth');
 require('date-fns/isThisMonth');
-require('./components/select-button/Component.js');
 require('./components/months-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('./components/years-table/Component.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/ChevronBackMIcon');
 require('date-fns/addQuarters');
@@ -55,18 +54,19 @@ require('date-fns/isYesterday');
 require('date-fns/startOfQuarter');
 var components_periodSlider_utils = require('./components/period-slider/utils.js');
 var components_periodSlider_Component = require('./components/period-slider/Component.js');
+require('date-fns/isSameYear');
+require('date-fns/isThisYear');
+require('./components/years-table/Component.js');
+require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
-require('react-merge-refs');
 var useCalendar = require('./useCalendar.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('./components/month-year-header/Component.js');
 var Component = require('./Component.js');
 require('date-fns/differenceInDays');
 var usePeriod = require('./usePeriod.js');
 require('react-virtuoso');
-require('../modal/mobile');
 require('@juggle/resize-observer');
+require('../modal/mobile');
 var components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
 
 

package/calendar/modern/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { MouseEvent } from "react";
-import { View, SelectorView } from "./typings";
+import { SelectorView, View } from "./typings";
 type CalendarProps = {
     /**
      * Дополнительный класс

package/calendar/modern/Component.js

@@ -1,37 +1,36 @@
 import React, { forwardRef, useState, useMemo, useCallback } from 'react';
 import cn from 'classnames';
+import endOfDay from 'date-fns/endOfDay';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
-import endOfDay from 'date-fns/endOfDay';
 import { useDidUpdateEffect } from '@alfalab/hooks';
+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 'react-transition-group';
+import 'date-fns/addDays';
+import 'date-fns/addMonths';
 import 'date-fns/eachDayOfInterval';
 import 'date-fns/eachMonthOfInterval';
 import 'date-fns/eachYearOfInterval';
-import 'date-fns/lastDayOfMonth';
-import 'date-fns/startOfYear';
+import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
-import 'date-fns/isBefore';
+import 'date-fns/format';
 import 'date-fns/isAfter';
-import 'date-fns/min';
+import 'date-fns/isBefore';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
-import 'date-fns/addDays';
-import 'date-fns/addMonths';
-import 'date-fns/endOfWeek';
+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 'date-fns/format';
-import 'date-fns/parse';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import 'date-fns/isSameMonth';
 import 'date-fns/isThisMonth';
-import 'date-fns/isSameYear';
-import 'date-fns/isThisYear';
 import '@alfalab/icons-glyph/ChevronBackMIcon';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
@@ -42,24 +41,25 @@ import 'date-fns/getQuarter';
 import 'date-fns/getYear';
 import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
+import 'date-fns/isSameYear';
+import 'date-fns/isThisYear';
+import 'react-merge-refs';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
-import 'react-merge-refs';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import { Header } from './components/header/Component.js';
 import '../../button/modern';
 import { limitDate } from './utils.js';
 import { DaysTable } from './components/days-table/Component.js';
+import { Header } from './components/header/Component.js';
 import './components/select-button/Component.js';
+import { MonthYearHeader } from './components/month-year-header/Component.js';
 import { MonthsTable } from './components/months-table/Component.js';
-import { YearsTable } from './components/years-table/Component.js';
 import '../../icon-button/modern';
 import './components/period-slider/utils.js';
 import { PeriodSlider } from './components/period-slider/Component.js';
+import { YearsTable } from './components/years-table/Component.js';
 import { useCalendar } from './useCalendar.js';
-import { MonthYearHeader } from './components/month-year-header/Component.js';
 
-var styles = {"component":"calendar__component_tu7et","responsive":"calendar__responsive_tu7et","period":"calendar__period_tu7et","monthYear":"calendar__monthYear_tu7et","container":"calendar__container_tu7et","sixWeeks":"calendar__sixWeeks_tu7et"};
+var styles = {"component":"calendar__component_lbtt9","responsive":"calendar__responsive_lbtt9","period":"calendar__period_lbtt9","monthYear":"calendar__monthYear_lbtt9","container":"calendar__container_lbtt9","sixWeeks":"calendar__sixWeeks_lbtt9"};
 require('./index.css');
 
 const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = 'full', value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp = +new Date(), selectedFrom, selectedTo, rangeComplete, offDays, events, holidays, onChange, onMonthChange, onMonthClick, onYearClick, dataTestId, hasHeader = true, responsive, }, ref) => {
@@ -127,10 +127,10 @@ const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = '
             setMonthByDate(newMonth);
         }
     }, [value]);
-    return (React.createElement("div", Object.assign({}, getRootProps({ ref }), { className: cn('cc-calendar', styles.component, className, {
+    return (React.createElement("div", { ...getRootProps({ ref }), className: cn('cc-calendar', styles.component, className, {
             [styles.sixWeeks]: weeks.length === 6,
             [styles.responsive]: responsive,
-        }), "data-test-id": dataTestId }),
+        }), "data-test-id": dataTestId },
         hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
         React.createElement("div", { className: cn(styles.container, styles[view]) },
             view === 'days' && (React.createElement(DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, responsive: responsive })),