npm - @alfalab/core-components - Versions diffs - 45.1.0 → 45.2.0 - Mend

@alfalab/core-components 45.1.0 → 45.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2197) hide show

package/calendar/esm/components/calendar-mobile/Component.d.ts CHANGED Viewed

@@ -1,72 +1,18 @@
 /// <reference types="react" />
 import React from 'react';
-import { CalendarDesktopProps } from "../../desktop/index";
-type CalendarMobileProps = CalendarDesktopProps & {
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Заголовок календаря
-     */
-    title?: string;
-    /**
-     * Обработчик закрытия модалки
-     */
-    onClose?: () => void;
-    /**
-     * Обработчик клика на название месяца в мобильном календаре
-     */
-    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * Количество лет для генерации в обе стороны от текущего года
-     */
-    yearsAmount?: number;
-    /**
-     * Нужно ли рендерить шапку
-     */
-    hasHeader?: boolean;
-    /**
-     * Разрешить выбор из недозаполненного диапазона дат.
-     */
-    allowSelectionFromEmptyRange?: boolean;
-    /**
-     * Обработчик клика на кнопку выбрать
-     */
-    onApply?: () => void;
-};
-declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopProps & {
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Заголовок календаря
-     */
+import { CalendarContentProps } from "./typings";
+declare const CalendarMonthOnlyView: ({ value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, onMonthTitleClick, selectedFrom, selectedTo, yearsAmount, dayAddons, shape, scrollableContainer, }: CalendarContentProps) => React.JSX.Element;
+declare const CalendarMonthOnlyViewHeader: () => React.JSX.Element;
+declare const CalendarMobile: React.ForwardRefExoticComponent<{
     title?: string | undefined;
-    /**
-     * Обработчик закрытия модалки
-     */
+    open: boolean;
     onClose?: (() => void) | undefined;
-    /**
-     * Обработчик клика на название месяца в мобильном календаре
-     */
-    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement>) => void) | undefined;
-    /**
-     * Количество лет для генерации в обе стороны от текущего года
-     */
-    yearsAmount?: number | undefined;
-    /**
-     * Нужно ли рендерить шапку
-     */
-    hasHeader?: boolean | undefined;
-    /**
-     * Разрешить выбор из недозаполненного диапазона дат.
-     */
     allowSelectionFromEmptyRange?: boolean | undefined;
-    /**
-     * Обработчик клика на кнопку выбрать
-     */
+    hasHeader?: boolean | undefined;
     onApply?: (() => void) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { CalendarMobileProps, CalendarMobile };
+} & {
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
+    yearsAmount?: number | undefined;
+    scrollableContainer?: HTMLElement | undefined;
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("contentClassName" | "headerClassName") | ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView"> & React.RefAttributes<HTMLDivElement>>;
+export { CalendarMonthOnlyView, CalendarMonthOnlyViewHeader, CalendarMobile };

package/calendar/esm/components/calendar-mobile/Component.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __rest, __assign, __spreadArray } from 'tslib';
+import { __rest, __spreadArray, __assign } from 'tslib';
 import React, { forwardRef, useState, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Virtuoso } from 'react-virtuoso';
@@ -13,7 +13,7 @@ import { ModalMobile } from '../../../../modal/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { useCalendar } from '../../useCalendar.js';
-import { WEEKDAYS, limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName } from '../../utils.js';
+import { limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName, WEEKDAYS } from '../../utils.js';
 import { DaysTable } from '../days-table/Component.js';
 import '@alfalab/hooks';
 import '../header/Component.js';
@@ -66,13 +66,13 @@ import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isWithinInterval';
-var backdropTransitionStyles = {"appear":"calendar__appear_k5htc","enter":"calendar__enter_k5htc","appearActive":"calendar__appearActive_k5htc","enterActive":"calendar__enterActive_k5htc","appearDone":"calendar__appearDone_k5htc","enterDone":"calendar__enterDone_k5htc","exit":"calendar__exit_k5htc","exitActive":"calendar__exitActive_k5htc","exitDone":"calendar__exitDone_k5htc"};
+var backdropTransitionStyles = {"appear":"calendar__appear_dhnyv","enter":"calendar__enter_dhnyv","appearActive":"calendar__appearActive_dhnyv","enterActive":"calendar__enterActive_dhnyv","appearDone":"calendar__appearDone_dhnyv","enterDone":"calendar__enterDone_dhnyv","exit":"calendar__exit_dhnyv","exitActive":"calendar__exitActive_dhnyv","exitDone":"calendar__exitDone_dhnyv"};
 require('./backdrop-transitions.css');
-var styles = {"wrapper":"calendar__wrapper_142ao","withZIndex":"calendar__withZIndex_142ao","calendar":"calendar__calendar_142ao","dayNames":"calendar__dayNames_142ao","withHeader":"calendar__withHeader_142ao","month":"calendar__month_142ao","daysTable":"calendar__daysTable_142ao","dayName":"calendar__dayName_142ao","virtuoso":"calendar__virtuoso_142ao","contentModal":"calendar__contentModal_142ao","content":"calendar__content_142ao"};
+var styles = {"wrapper":"calendar__wrapper_czm3a","withZIndex":"calendar__withZIndex_czm3a","calendar":"calendar__calendar_czm3a","dayNames":"calendar__dayNames_czm3a","withHeader":"calendar__withHeader_czm3a","month":"calendar__month_czm3a","daysTable":"calendar__daysTable_czm3a","dayName":"calendar__dayName_czm3a","virtuoso":"calendar__virtuoso_czm3a","contentModal":"calendar__contentModal_czm3a","content":"calendar__content_czm3a"};
 require('./index.css');
-var transitionStyles = {"appear":"calendar__appear_ykldd","enter":"calendar__enter_ykldd","appearActive":"calendar__appearActive_ykldd","enterActive":"calendar__enterActive_ykldd","exit":"calendar__exit_ykldd","exitActive":"calendar__exitActive_ykldd","exitDone":"calendar__exitDone_ykldd"};
+var transitionStyles = {"appear":"calendar__appear_1dgt2","enter":"calendar__enter_1dgt2","appearActive":"calendar__appearActive_1dgt2","enterActive":"calendar__enterActive_1dgt2","exit":"calendar__exit_1dgt2","exitActive":"calendar__exitActive_1dgt2","exitDone":"calendar__exitDone_1dgt2"};
 require('./transitions.css');
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -80,7 +80,7 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = ResizeObserver;
 }
 var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
+    var value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
     var month = useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [monthTimestamp]);
     var minDate = useMemo(function () { return (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined); }, [minDateTimestamp]);
     var maxDate = useMemo(function () { return (maxDateTimestamp ? endOfDay(maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
@@ -92,14 +92,13 @@ var CalendarMonthOnlyView = function (_a) {
     var _d = useCalendar({
         month: month,
         defaultMonth: defaultMonth,
-        view: defaultView,
+        view: 'months',
         minDate: minDate,
         maxDate: maxDate,
         selected: selected,
         offDays: offDays,
         events: events,
         onChange: onChange,
-        onMonthChange: onMonthChange,
         dayAddons: dayAddons,
     }), activeMonth = _d.activeMonth, highlighted = _d.highlighted, getDayProps = _d.getDayProps;
     var activeMonths = useMemo(function () {
@@ -132,9 +131,9 @@ var CalendarMonthOnlyView = function (_a) {
             }), title: "".concat(monthName(item.date), " ").concat(item.date.getFullYear()) })); });
     }, [events, offDays, holidays, dayAddons, yearsAmount, minDate, maxDate, selected]);
     var initialMonthIndex = useMemo(function () {
-        var date = value || selectedFrom || Date.now();
+        var date = value || selectedFrom || activeMonth.getTime() || Date.now();
         return activeMonths.findIndex(function (m) { return isSameMonth(date, m.date); });
-    }, [activeMonths, selectedFrom, value]);
+    }, [activeMonth, activeMonths, selectedFrom, value]);
     var renderMonth = function (index) { return (React.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
         onMonthTitleClick ? (
         /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
@@ -142,9 +141,12 @@ var CalendarMonthOnlyView = function (_a) {
             " ",
             activeMonths[index].title,
             " ")),
-        React.createElement(DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape }))); };
+        React.createElement(DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, hasHeader: false, responsive: true, shape: shape }))); };
     return (React.createElement(Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex !== null && initialMonthIndex !== void 0 ? initialMonthIndex : 0, align: 'center' }, increaseViewportBy: 500, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
 };
+var CalendarMonthOnlyViewHeader = function () { return (React.createElement("table", { className: styles.dayNames },
+    React.createElement("thead", null,
+        React.createElement("tr", null, WEEKDAYS.map(function (dayName) { return (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)); }))))); };
 var CalendarMobile = forwardRef(function (_a, ref) {
     var _b, _c;
     var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, restProps = __rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply"]);
@@ -162,11 +164,7 @@ var CalendarMobile = forwardRef(function (_a, ref) {
         if (onChange)
             onChange();
     };
-    var renderDayNames = function () {
-        return monthOnlyView ? (React.createElement("table", { className: styles.dayNames },
-            React.createElement("thead", null,
-                React.createElement("tr", null, WEEKDAYS.map(function (dayName) { return (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)); }))))) : null;
-    };
+    var renderDayNames = function () { return (monthOnlyView ? React.createElement(CalendarMonthOnlyViewHeader, null) : null); };
     var renderContent = function () {
         var commonProps = {
             value: value,
@@ -177,7 +175,7 @@ var CalendarMobile = forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React.createElement(CalendarMonthOnlyView, __assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
+            return (React.createElement(CalendarMonthOnlyView, __assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
         }
         return (React.createElement(CalendarDesktop, __assign({ responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content }, commonProps, restProps)));
     };
@@ -208,4 +206,4 @@ var CalendarMobile = forwardRef(function (_a, ref) {
         React.createElement(ModalMobile.Footer, { sticky: true, className: cn((_c = {}, _c[styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter())));
 });
-export { CalendarMobile };
+export { CalendarMobile, CalendarMonthOnlyView, CalendarMonthOnlyViewHeader };

package/calendar/esm/components/calendar-mobile/backdrop-transitions.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: w5hbq */
+/* hash: a54ot */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
@@ -15,19 +15,19 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_k5htc,
-.calendar__enter_k5htc {
+} .calendar__appear_dhnyv,
+.calendar__enter_dhnyv {
     background-color: transparent;
-} .calendar__appearActive_k5htc,
-.calendar__enterActive_k5htc,
-.calendar__appearDone_k5htc,
-.calendar__enterDone_k5htc {
+} .calendar__appearActive_dhnyv,
+.calendar__enterActive_dhnyv,
+.calendar__appearDone_dhnyv,
+.calendar__enterDone_dhnyv {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
     transition: background-color 80ms linear;
-} .calendar__exit_k5htc {
+} .calendar__exit_dhnyv {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
-} .calendar__exitActive_k5htc,
-.calendar__exitDone_k5htc {
+} .calendar__exitActive_dhnyv,
+.calendar__exitDone_dhnyv {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

package/calendar/esm/components/calendar-mobile/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: gl03e */
+/* hash: 1vzx0 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -57,26 +57,26 @@
     /* mobile */
     /* paddings */
-} .calendar__wrapper_142ao {
+} .calendar__wrapper_czm3a {
     overflow-x: hidden;
-} .calendar__withZIndex_142ao {
+} .calendar__withZIndex_czm3a {
     z-index: 2;
-} .calendar__calendar_142ao.calendar__calendar_142ao {
+} .calendar__calendar_czm3a.calendar__calendar_czm3a {
     height: 100%;
-} .calendar__calendar_142ao th {
+} .calendar__calendar_czm3a th {
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .calendar__dayNames_142ao {
+} .calendar__dayNames_czm3a {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px;
     padding: 0 6px
-} .calendar__dayNames_142ao.calendar__withHeader_142ao {
+} .calendar__dayNames_czm3a.calendar__withHeader_czm3a {
         top: 48px;
-    } .calendar__dayNames_142ao th {
+    } .calendar__dayNames_czm3a th {
     height: 100%;
-} .calendar__month_142ao {
+} .calendar__month_czm3a {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -85,25 +85,25 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_142ao {
+} .calendar__daysTable_czm3a {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_142ao {
+} .calendar__dayName_czm3a {
     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_142ao {
+} @media (max-width: 374px) { .calendar__dayName_czm3a {
         height: 36px
 }
-    } .calendar__virtuoso_142ao {
+    } .calendar__virtuoso_czm3a {
     margin: 0 var(--gap-m);
-} .calendar__contentModal_142ao {
+} .calendar__contentModal_czm3a {
     padding-right: 0;
     padding-left: 0;
-} .calendar__content_142ao.calendar__content_142ao {
+} .calendar__content_czm3a.calendar__content_czm3a {
     flex-basis: 0;
 }

package/calendar/esm/components/calendar-mobile/index.d.ts CHANGED Viewed

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

package/calendar/esm/components/calendar-mobile/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { CalendarMobile } from './Component.js';
+export { CalendarMobile, CalendarMonthOnlyView, CalendarMonthOnlyViewHeader } from './Component.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/esm/components/calendar-mobile/transitions.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: vb90o */
+/* hash: 1hbln */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,18 +14,18 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_ykldd,
-.calendar__enter_ykldd {
+} .calendar__appear_1dgt2,
+.calendar__enter_1dgt2 {
     transform: translateX(100%);
-} .calendar__appearActive_ykldd,
-.calendar__enterActive_ykldd {
+} .calendar__appearActive_1dgt2,
+.calendar__enterActive_1dgt2 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .calendar__exit_ykldd {
+} .calendar__exit_1dgt2 {
     transform: translateX(0);
-} .calendar__exitActive_ykldd,
-.calendar__exitDone_ykldd {
+} .calendar__exitActive_1dgt2,
+.calendar__exitDone_1dgt2 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/calendar/esm/components/calendar-mobile/typings.d.ts ADDED Viewed

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarDesktopProps } from "../../desktop/index";
+type OmittedCalendarProps = 'headerClassName' | 'contentClassName';
+type OmittedCalendarContentProps = 'className' | 'defaultView' | 'selectorView' | 'rangeComplete' | 'onMonthChange' | 'onYearClick' | 'onPeriodClick' | 'dataTestId' | 'hasHeader' | 'responsive' | 'showCurrentYearSelector';
+type CalendarContentProps = {
+    /**
+     * Обработчик клика на название месяца в мобильном календаре
+     */
+    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    /**
+     * Количество лет для генерации в обе стороны от текущего года
+     */
+    yearsAmount?: number;
+    /**
+     * Родительский контейнер для отслеживания скролла
+     */
+    scrollableContainer?: HTMLElement;
+} & Omit<CalendarDesktopProps, OmittedCalendarContentProps | OmittedCalendarProps>;
+type CalendarMobileProps = {
+    /**
+     * Заголовок календаря
+     */
+    title?: string;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Обработчик закрытия модалки
+     */
+    onClose?: () => void;
+    /**
+     * Разрешить выбор из недозаполненного диапазона дат.
+     */
+    allowSelectionFromEmptyRange?: boolean;
+    /**
+     * Нужно ли рендерить шапку
+     */
+    hasHeader?: boolean;
+    /**
+     * Обработчик клика на кнопку выбрать
+     */
+    onApply?: () => void;
+} & CalendarContentProps & Pick<CalendarDesktopProps, OmittedCalendarContentProps>;
+export { CalendarContentProps, CalendarMobileProps };

package/calendar/esm/components/calendar-mobile/typings.js ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/calendar/esm/components/days-table/Component.js CHANGED Viewed

@@ -33,7 +33,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../../../shared/esm';
-var styles = {"daysTable":"calendar__daysTable_p7ug4","responsive":"calendar__responsive_p7ug4","dayName":"calendar__dayName_p7ug4","day":"calendar__day_p7ug4","rounded":"calendar__rounded_p7ug4","rectangular":"calendar__rectangular_p7ug4","highlighted":"calendar__highlighted_p7ug4","range":"calendar__range_p7ug4","disabled":"calendar__disabled_p7ug4","holiday":"calendar__holiday_p7ug4","today":"calendar__today_p7ug4","rangeComplete":"calendar__rangeComplete_p7ug4","selected":"calendar__selected_p7ug4","dayWrapper":"calendar__dayWrapper_p7ug4","cursorPointer":"calendar__cursorPointer_p7ug4","rangeEnd":"calendar__rangeEnd_p7ug4","rangeStart":"calendar__rangeStart_p7ug4","transitLeft":"calendar__transitLeft_p7ug4","transitRight":"calendar__transitRight_p7ug4","sharpTransitLeft":"calendar__sharpTransitLeft_p7ug4","sharpTransitRight":"calendar__sharpTransitRight_p7ug4","daysEnter":"calendar__daysEnter_p7ug4","left":"calendar__left_p7ug4","daysEnterActive":"calendar__daysEnterActive_p7ug4","daysExit":"calendar__daysExit_p7ug4","daysExitActive":"calendar__daysExitActive_p7ug4","right":"calendar__right_p7ug4","dayAddons":"calendar__dayAddons_p7ug4","dayContent":"calendar__dayContent_p7ug4","addons":"calendar__addons_p7ug4","dot":"calendar__dot_p7ug4","bottomAddon":"calendar__bottomAddon_p7ug4"};
+var styles = {"daysTable":"calendar__daysTable_abmr8","responsive":"calendar__responsive_abmr8","dayName":"calendar__dayName_abmr8","day":"calendar__day_abmr8","rounded":"calendar__rounded_abmr8","rectangular":"calendar__rectangular_abmr8","highlighted":"calendar__highlighted_abmr8","range":"calendar__range_abmr8","disabled":"calendar__disabled_abmr8","holiday":"calendar__holiday_abmr8","today":"calendar__today_abmr8","rangeComplete":"calendar__rangeComplete_abmr8","selected":"calendar__selected_abmr8","dayWrapper":"calendar__dayWrapper_abmr8","cursorPointer":"calendar__cursorPointer_abmr8","rangeEnd":"calendar__rangeEnd_abmr8","rangeStart":"calendar__rangeStart_abmr8","transitLeft":"calendar__transitLeft_abmr8","transitRight":"calendar__transitRight_abmr8","sharpTransitLeft":"calendar__sharpTransitLeft_abmr8","sharpTransitRight":"calendar__sharpTransitRight_abmr8","daysEnter":"calendar__daysEnter_abmr8","left":"calendar__left_abmr8","daysEnterActive":"calendar__daysEnterActive_abmr8","daysExit":"calendar__daysExit_abmr8","daysExitActive":"calendar__daysExitActive_abmr8","right":"calendar__right_abmr8","dayAddons":"calendar__dayAddons_abmr8","dayContent":"calendar__dayContent_abmr8","addons":"calendar__addons_abmr8","dot":"calendar__dot_abmr8","bottomAddon":"calendar__bottomAddon_abmr8"};
 require('./index.css');
 var DaysTable = function (_a) {