@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/Calendar/components/CalendarViewMonths.js

@@ -3,10 +3,14 @@ import { useContext, useCallback, useState, useEffect } from "react";
 import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { isDateOutOfRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-AChLlz4N.js";
-import { isKey } from "../../../utils/keyboard.js";
+import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-RCL-JeQJ.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
+const NAVIGATION_STEPS = {
+  horizontal: { amount: 1, unit: "month" },
+  vertical: { amount: 3, unit: "month" },
+  page: { amount: 1, unit: "year" }
+};
 const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {
   const { pickType, periodId, limitRange, viewDate, onDateSelect, onPageChange, onViewChange } = useContext(CalendarContext);
   const { viewItemFocusedRef } = useContext(CalendarViewContext);
@@ -18,15 +22,13 @@ const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {
   const getInitialTabbableDate = useCallback(() => {
     if (pickedDate && pickedDate.isSame(viewDate, "year")) {
       return pickedDate;
-    } else {
-      const date = viewDate.clone().startOf("year");
-      for (let i = 0; i < 12; i++) {
-        date.add(i, "month");
-        if (!isDisabledDate(date)) {
-          return date;
-        }
-      }
     }
+    return getFirstEnabledDate(
+      viewDate.clone().startOf("year"),
+      VIEW_GRID_ROWS.length * VIEW_GRID_COLUMNS.length,
+      "month",
+      isDisabledDate
+    );
   }, [pickedDate, viewDate, isDisabledDate]);
   const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());
   useEffect(() => {
@@ -34,9 +36,9 @@ const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {
       setTabbableDate(getInitialTabbableDate());
     }
   }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);
-  const renderTableBody = () => /* @__PURE__ */ jsx("tbody", { children: [0, 1, 2, 3].map((row) => /* @__PURE__ */ jsx("tr", { children: [0, 1, 2].map((cell) => renderTableData(row, cell)) }, `calendar-view-months-row-${row}`)) });
+  const renderTableBody = () => /* @__PURE__ */ jsx("tbody", { children: VIEW_GRID_ROWS.map((row) => /* @__PURE__ */ jsx("tr", { children: VIEW_GRID_COLUMNS.map((cell) => renderTableData(row, cell)) }, `calendar-view-months-row-${row}`)) });
   const renderTableData = (row, cell) => {
-    const month = row * 3 + cell;
+    const month = row * VIEW_GRID_COLUMNS.length + cell;
     const date = viewDate.clone().startOf("month").month(month);
     const active = isActiveDate(date);
     const disabled = isDisabledDate(date);
@@ -70,43 +72,14 @@ const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {
     return false;
   };
   const handleItemKeyDown = (date) => (event) => {
-    const key = event.code || event.keyCode;
-    let nextFocusedDate;
-    if (isKey(key, "ARROW_RIGHT")) {
-      nextFocusedDate = getShiftedDate(date, "add", 1, "month");
-      event.preventDefault();
-    } else if (isKey(key, "ARROW_LEFT")) {
-      nextFocusedDate = getShiftedDate(date, "subtract", 1, "month");
-      event.preventDefault();
-    } else if (isKey(key, "ARROW_DOWN")) {
-      nextFocusedDate = getShiftedDate(date, "add", 3, "month");
-      event.preventDefault();
-    } else if (isKey(key, "ARROW_UP")) {
-      nextFocusedDate = getShiftedDate(date, "subtract", 3, "month");
-      event.preventDefault();
-    } else if (isKey(key, "PAGE_DOWN")) {
-      nextFocusedDate = getShiftedDate(date, "add", 1, "year");
-      event.preventDefault();
-    } else if (isKey(key, "PAGE_UP")) {
-      nextFocusedDate = getShiftedDate(date, "subtract", 1, "year");
-      event.preventDefault();
-    }
-    if (nextFocusedDate) {
-      changeTabbableDate(nextFocusedDate);
-    }
-  };
-  const getShiftedDate = (currentDate, operation, amount, unit) => {
-    const date = currentDate.clone();
-    const shiftDate = {
-      add: moment.fn.add.bind(date),
-      subtract: moment.fn.subtract.bind(date)
-    }[operation];
-    shiftDate(amount, unit);
-    if (isDateOutOfRange(date, limitRange, "month")) {
-      return currentDate;
+    const shift = getNavigationShift(event.code || event.keyCode, NAVIGATION_STEPS);
+    if (!shift) {
+      return;
     }
-    return date;
+    event.preventDefault();
+    changeTabbableDate(getShiftedDate(date, shift));
   };
+  const getShiftedDate = (currentDate, shift) => getShiftedDateInRange(currentDate, shift, limitRange, "month");
   const handleDateSelect = (date) => {
     if (pickType === ECalendarPickType.MONTH_YEAR) {
       onDateSelect(date);
@@ -117,15 +90,20 @@ const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {
   const changeTabbableDate = (date) => {
     setTabbableDate(date);
     if (date.isBefore(viewDate, "year")) {
-      date = viewDate.clone().subtract(1, "year");
-      onPageChange(date, ECalendarViewMode.MONTHS);
+      onPageChange(
+        shiftDate(viewDate.clone(), { operation: "subtract", ...NAVIGATION_STEPS.page }),
+        ECalendarViewMode.MONTHS
+      );
     } else if (date.isAfter(viewDate, "year")) {
-      date = viewDate.clone().add(1, "year");
-      onPageChange(date, ECalendarViewMode.MONTHS);
+      onPageChange(
+        shiftDate(viewDate.clone(), { operation: "add", ...NAVIGATION_STEPS.page }),
+        ECalendarViewMode.MONTHS
+      );
     }
   };
   return /* @__PURE__ */ jsx("table", { className: styles.calendarViewMonths, role: "grid", "aria-labelledby": periodId, children: renderTableBody() });
 };
+CalendarViewMonths.displayName = "CalendarViewMonths";
 export {
   CalendarViewMonths
 };

package/components/Calendar/components/CalendarViewMonths.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarViewMonths.js","sources":["../../../../src/components/Calendar/components/CalendarViewMonths.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport moment from \"moment\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { CalendarViewContext } from \"../CalendarViewContext\";\nimport { isDateOutOfRange } from \"../utils\";\nimport { CalendarViewItem } from \"./CalendarViewItem\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { ECalendarPickType, ECalendarViewMode } from \"../enums\";\nimport { ICalendarViewProps } from \"../types\";\nimport styles from \"../styles/CalendarView.module.less\";\n\n/** Свойства компонента CalendarViewMonths. */\nexport interface ICalendarViewMonthsProps extends Omit<\n    ICalendarViewProps,\n    \"dayHtmlAttributes\" | \"yearHtmlAttributes\"\n> {}\n\n/** Вид календаря с выбором месяца. */\nexport const CalendarViewMonths: React.FC<ICalendarViewMonthsProps> = ({ pickedDate, monthHtmlAttributes = {} }) => {\n    const { pickType, periodId, limitRange, viewDate, onDateSelect, onPageChange, onViewChange } =\n        useContext(CalendarContext);\n    const { viewItemFocusedRef } = useContext(CalendarViewContext);\n    const monthsShort = moment.monthsShort();\n\n    /** Проверяет, является ли дата отключенной. */\n    const isDisabledDate = useCallback(\n        (date: moment.Moment) => isDateOutOfRange(date, limitRange, \"month\"),\n        [limitRange],\n    );\n\n    /** Получить первую доступную для фокуса дату. */\n    const getInitialTabbableDate = useCallback(() => {\n        if (pickedDate && pickedDate.isSame(viewDate, \"year\")) {\n            return pickedDate;\n        } else {\n            const date = viewDate.clone().startOf(\"year\");\n\n            for (let i = 0; i < 12; i++) {\n                date.add(i, \"month\");\n\n                if (!isDisabledDate(date)) {\n                    return date;\n                }\n            }\n        }\n    }, [pickedDate, viewDate, isDisabledDate]);\n\n    const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());\n\n    useEffect(() => {\n        if (!viewItemFocusedRef.current) {\n            setTabbableDate(getInitialTabbableDate());\n        }\n    }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);\n\n    /** Рендер тела таблицы. */\n    const renderTableBody = () => (\n        <tbody>\n            {[0, 1, 2, 3].map((row) => (\n                <tr key={`calendar-view-months-row-${row}`}>{[0, 1, 2].map((cell) => renderTableData(row, cell))}</tr>\n            ))}\n        </tbody>\n    );\n\n    /** Рендер ячейки таблицы. */\n    const renderTableData = (row: number, cell: number) => {\n        const month = row * 3 + cell;\n        const date = viewDate.clone().startOf(\"month\").month(month);\n        const active = isActiveDate(date);\n        const disabled = isDisabledDate(date);\n        const tabbable = !disabled && isTabbableDate(date);\n\n        return (\n            <CalendarViewItem\n                key={`calendar-table-data-${cell}`}\n                {...monthHtmlAttributes}\n                date={date}\n                unit=\"month\"\n                active={active}\n                disabled={disabled}\n                tabbable={tabbable}\n                onKeyDown={handleItemKeyDown(date)}\n                onDateSelect={handleDateSelect}\n            >\n                {monthsShort[month]}\n            </CalendarViewItem>\n        );\n    };\n\n    /** Проверяет, является ли дата активной. */\n    const isActiveDate = (date: moment.Moment) => {\n        if (pickedDate == null) {\n            return false;\n        }\n\n        return pickedDate.isSame(date, \"month\");\n    };\n\n    /** Проверяет, может ли дата получить фокус при навигации. */\n    const isTabbableDate = (date: moment.Moment) => {\n        if (tabbableDate) {\n            return date.isSame(tabbableDate, \"month\");\n        }\n\n        return false;\n    };\n\n    /** Обработчик нажатия клавиши CalendarViewItem. */\n    const handleItemKeyDown = (date: moment.Moment) => (event: React.KeyboardEvent<HTMLTableCellElement>) => {\n        const key = event.code || event.keyCode;\n        let nextFocusedDate;\n\n        if (isKey(key, \"ARROW_RIGHT\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 1, \"month\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_LEFT\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 1, \"month\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_DOWN\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 3, \"month\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_UP\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 3, \"month\");\n            event.preventDefault();\n        } else if (isKey(key, \"PAGE_DOWN\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 1, \"year\");\n            event.preventDefault();\n        } else if (isKey(key, \"PAGE_UP\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 1, \"year\");\n            event.preventDefault();\n        }\n\n        if (nextFocusedDate) {\n            changeTabbableDate(nextFocusedDate);\n        }\n    };\n\n    /** Возвращает доступную для выбора дату после сдвига. */\n    const getShiftedDate = (\n        currentDate: moment.Moment,\n        operation: \"add\" | \"subtract\",\n        amount: number,\n        unit: \"month\" | \"year\",\n    ) => {\n        const date = currentDate.clone();\n        const shiftDate = {\n            add: moment.fn.add.bind(date),\n            subtract: moment.fn.subtract.bind(date),\n        }[operation];\n\n        shiftDate(amount, unit);\n\n        if (isDateOutOfRange(date, limitRange, \"month\")) {\n            return currentDate;\n        }\n\n        return date;\n    };\n\n    /** Обработчик выбора даты. */\n    const handleDateSelect = (date: moment.Moment) => {\n        if (pickType === ECalendarPickType.MONTH_YEAR) {\n            onDateSelect(date);\n        } else {\n            onViewChange(date, ECalendarViewMode.DAYS);\n        }\n    };\n\n    /** Изменение фокусируемой даты. */\n    const changeTabbableDate = (date: moment.Moment) => {\n        setTabbableDate(date);\n\n        if (date.isBefore(viewDate, \"year\")) {\n            date = viewDate.clone().subtract(1, \"year\");\n            onPageChange(date, ECalendarViewMode.MONTHS);\n        } else if (date.isAfter(viewDate, \"year\")) {\n            date = viewDate.clone().add(1, \"year\");\n            onPageChange(date, ECalendarViewMode.MONTHS);\n        }\n    };\n\n    return (\n        <table className={styles.calendarViewMonths} role=\"grid\" aria-labelledby={periodId}>\n            {renderTableBody()}\n        </table>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarViewMonths.js","sources":["../../../../src/components/Calendar/components/CalendarViewMonths.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport moment from \"moment\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { CalendarViewContext } from \"../CalendarViewContext\";\nimport {\n    ICalendarNavigationShift,\n    ICalendarNavigationSteps,\n    getFirstEnabledDate,\n    getNavigationShift,\n    getShiftedDateInRange,\n    isDateOutOfRange,\n    shiftDate,\n    VIEW_GRID_COLUMNS,\n    VIEW_GRID_ROWS,\n} from \"../utils\";\nimport { CalendarViewItem } from \"./CalendarViewItem\";\nimport { ECalendarPickType, ECalendarViewMode } from \"../enums\";\nimport { ICalendarViewProps } from \"../types\";\nimport styles from \"../styles/CalendarView.module.less\";\n\n/** Свойства компонента CalendarViewMonths. */\nexport interface ICalendarViewMonthsProps extends Omit<\n    ICalendarViewProps,\n    \"dayHtmlAttributes\" | \"yearHtmlAttributes\"\n> {}\n\n/** Величины сдвига даты при клавиатурной навигации по сетке месяцев. */\nconst NAVIGATION_STEPS: ICalendarNavigationSteps = {\n    horizontal: { amount: 1, unit: \"month\" },\n    vertical: { amount: 3, unit: \"month\" },\n    page: { amount: 1, unit: \"year\" },\n};\n\n/** Вид календаря с выбором месяца. */\nexport const CalendarViewMonths: React.FC<ICalendarViewMonthsProps> = ({ pickedDate, monthHtmlAttributes = {} }) => {\n    const { pickType, periodId, limitRange, viewDate, onDateSelect, onPageChange, onViewChange } =\n        useContext(CalendarContext);\n    const { viewItemFocusedRef } = useContext(CalendarViewContext);\n    const monthsShort = moment.monthsShort();\n\n    /** Проверяет, является ли дата отключенной. */\n    const isDisabledDate = useCallback(\n        (date: moment.Moment) => isDateOutOfRange(date, limitRange, \"month\"),\n        [limitRange],\n    );\n\n    /** Получить первую доступную для фокуса дату. */\n    const getInitialTabbableDate = useCallback(() => {\n        if (pickedDate && pickedDate.isSame(viewDate, \"year\")) {\n            return pickedDate;\n        }\n\n        return getFirstEnabledDate(\n            viewDate.clone().startOf(\"year\"),\n            VIEW_GRID_ROWS.length * VIEW_GRID_COLUMNS.length,\n            \"month\",\n            isDisabledDate,\n        );\n    }, [pickedDate, viewDate, isDisabledDate]);\n\n    const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());\n\n    useEffect(() => {\n        if (!viewItemFocusedRef.current) {\n            setTabbableDate(getInitialTabbableDate());\n        }\n    }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);\n\n    /** Рендер тела таблицы. */\n    const renderTableBody = () => (\n        <tbody>\n            {VIEW_GRID_ROWS.map((row) => (\n                <tr key={`calendar-view-months-row-${row}`}>\n                    {VIEW_GRID_COLUMNS.map((cell) => renderTableData(row, cell))}\n                </tr>\n            ))}\n        </tbody>\n    );\n\n    /** Рендер ячейки таблицы. */\n    const renderTableData = (row: number, cell: number) => {\n        const month = row * VIEW_GRID_COLUMNS.length + cell;\n        const date = viewDate.clone().startOf(\"month\").month(month);\n        const active = isActiveDate(date);\n        const disabled = isDisabledDate(date);\n        const tabbable = !disabled && isTabbableDate(date);\n\n        return (\n            <CalendarViewItem\n                key={`calendar-table-data-${cell}`}\n                {...monthHtmlAttributes}\n                date={date}\n                unit=\"month\"\n                active={active}\n                disabled={disabled}\n                tabbable={tabbable}\n                onKeyDown={handleItemKeyDown(date)}\n                onDateSelect={handleDateSelect}\n            >\n                {monthsShort[month]}\n            </CalendarViewItem>\n        );\n    };\n\n    /** Проверяет, является ли дата активной. */\n    const isActiveDate = (date: moment.Moment) => {\n        if (pickedDate == null) {\n            return false;\n        }\n\n        return pickedDate.isSame(date, \"month\");\n    };\n\n    /** Проверяет, может ли дата получить фокус при навигации. */\n    const isTabbableDate = (date: moment.Moment) => {\n        if (tabbableDate) {\n            return date.isSame(tabbableDate, \"month\");\n        }\n\n        return false;\n    };\n\n    /** Обработчик нажатия клавиши CalendarViewItem. */\n    const handleItemKeyDown = (date: moment.Moment) => (event: React.KeyboardEvent<HTMLTableCellElement>) => {\n        const shift = getNavigationShift(event.code || event.keyCode, NAVIGATION_STEPS);\n\n        if (!shift) {\n            return;\n        }\n\n        event.preventDefault();\n        changeTabbableDate(getShiftedDate(date, shift));\n    };\n\n    /** Возвращает доступную для выбора дату после сдвига. */\n    const getShiftedDate = (currentDate: moment.Moment, shift: ICalendarNavigationShift) =>\n        getShiftedDateInRange(currentDate, shift, limitRange, \"month\");\n\n    /** Обработчик выбора даты. */\n    const handleDateSelect = (date: moment.Moment) => {\n        if (pickType === ECalendarPickType.MONTH_YEAR) {\n            onDateSelect(date);\n        } else {\n            onViewChange(date, ECalendarViewMode.DAYS);\n        }\n    };\n\n    /** Изменение фокусируемой даты. При уходе даты за пределы страницы перелистывает страницу на шаг NAVIGATION_STEPS.page. */\n    const changeTabbableDate = (date: moment.Moment) => {\n        setTabbableDate(date);\n\n        if (date.isBefore(viewDate, \"year\")) {\n            onPageChange(\n                shiftDate(viewDate.clone(), { operation: \"subtract\", ...NAVIGATION_STEPS.page }),\n                ECalendarViewMode.MONTHS,\n            );\n        } else if (date.isAfter(viewDate, \"year\")) {\n            onPageChange(\n                shiftDate(viewDate.clone(), { operation: \"add\", ...NAVIGATION_STEPS.page }),\n                ECalendarViewMode.MONTHS,\n            );\n        }\n    };\n\n    return (\n        <table className={styles.calendarViewMonths} role=\"grid\" aria-labelledby={periodId}>\n            {renderTableBody()}\n        </table>\n    );\n};\n\nCalendarViewMonths.displayName = \"CalendarViewMonths\";\n"],"names":[],"mappings":"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"}

package/components/Calendar/components/CalendarViewYears.js

@@ -1,12 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useCallback, useState, useEffect } from "react";
-import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { isDateOutOfRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-AChLlz4N.js";
-import { isKey } from "../../../utils/keyboard.js";
+import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-RCL-JeQJ.js";
 import { ECalendarViewMode } from "../enums.js";
+const YEARS_BEFORE_VIEW_DATE = 5;
+const YEARS_AFTER_VIEW_DATE = 6;
+const NAVIGATION_STEPS = {
+  horizontal: { amount: 1, unit: "year" },
+  vertical: { amount: 3, unit: "year" },
+  page: { amount: 12, unit: "year" }
+};
 const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {
   const { periodId, limitRange, viewDate, onPageChange, onViewChange } = useContext(CalendarContext);
   const { viewItemFocusedRef } = useContext(CalendarViewContext);
@@ -18,15 +23,13 @@ const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {
   const getInitialTabbableDate = useCallback(() => {
     if (pickedDate && pickedDate.isSame(viewDate, "year")) {
       return pickedDate;
-    } else {
-      const date = viewDate.clone().subtract(5, "year");
-      for (let i = 0; i < 12; i++) {
-        date.add(i, "month");
-        if (!isDisabledDate(date)) {
-          return date;
-        }
-      }
     }
+    return getFirstEnabledDate(
+      viewDate.clone().subtract(YEARS_BEFORE_VIEW_DATE, "year"),
+      VIEW_GRID_ROWS.length * VIEW_GRID_COLUMNS.length,
+      "year",
+      isDisabledDate
+    );
   }, [pickedDate, viewDate, isDisabledDate]);
   const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());
   useEffect(() => {
@@ -34,9 +37,9 @@ const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {
       setTabbableDate(getInitialTabbableDate());
     }
   }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);
-  const renderTableBody = () => /* @__PURE__ */ jsx("tbody", { children: [0, 1, 2, 3].map((row) => /* @__PURE__ */ jsx("tr", { children: [0, 1, 2].map((cell) => renderTableData(row, cell)) }, `calendar-view-years-row-${row}`)) });
+  const renderTableBody = () => /* @__PURE__ */ jsx("tbody", { children: VIEW_GRID_ROWS.map((row) => /* @__PURE__ */ jsx("tr", { children: VIEW_GRID_COLUMNS.map((cell) => renderTableData(row, cell)) }, `calendar-view-years-row-${row}`)) });
   const renderTableData = (row, cell) => {
-    const year = currentYear + row * 3 + cell - 5;
+    const year = currentYear + row * VIEW_GRID_COLUMNS.length + cell - YEARS_BEFORE_VIEW_DATE;
     const date = viewDate.clone().startOf("year").year(year);
     const active = isActiveDate(date);
     const disabled = isDisabledDate(date);
@@ -70,58 +73,34 @@ const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {
     return false;
   };
   const handleItemKeyDown = (date) => (event) => {
-    const key = event.code || event.keyCode;
-    let nextFocusedDate;
-    if (isKey(key, "ARROW_RIGHT")) {
-      nextFocusedDate = getShiftedDate(date, "add", 1, "year");
-      event.preventDefault();
-    } else if (isKey(key, "ARROW_LEFT")) {
-      nextFocusedDate = getShiftedDate(date, "subtract", 1, "year");
-      event.preventDefault();
-    } else if (isKey(key, "ARROW_DOWN")) {
-      nextFocusedDate = getShiftedDate(date, "add", 3, "year");
-      event.preventDefault();
-    } else if (isKey(key, "ARROW_UP")) {
-      nextFocusedDate = getShiftedDate(date, "subtract", 3, "year");
-      event.preventDefault();
-    } else if (isKey(key, "PAGE_DOWN")) {
-      nextFocusedDate = getShiftedDate(date, "add", 12, "year");
-      event.preventDefault();
-    } else if (isKey(key, "PAGE_UP")) {
-      nextFocusedDate = getShiftedDate(date, "subtract", 12, "year");
-      event.preventDefault();
-    }
-    if (nextFocusedDate) {
-      changeFocusedDate(nextFocusedDate);
-    }
-  };
-  const getShiftedDate = (currentDate, operation, amount, unit) => {
-    const date = currentDate.clone();
-    const shiftDate = {
-      add: moment.fn.add.bind(date),
-      subtract: moment.fn.subtract.bind(date)
-    }[operation];
-    shiftDate(amount, unit);
-    if (isDateOutOfRange(date, limitRange, "year")) {
-      return currentDate;
+    const shift = getNavigationShift(event.code || event.keyCode, NAVIGATION_STEPS);
+    if (!shift) {
+      return;
     }
-    return date;
+    event.preventDefault();
+    changeFocusedDate(getShiftedDate(date, shift));
   };
+  const getShiftedDate = (currentDate, shift) => getShiftedDateInRange(currentDate, shift, limitRange, "year");
   const handleDateSelect = (date) => {
     onViewChange(date, ECalendarViewMode.MONTHS);
   };
   const changeFocusedDate = (date) => {
     setTabbableDate(date);
-    if (date.year() + 5 < viewDate.year()) {
-      date = viewDate.clone().subtract(12, "years");
-      onPageChange(date, ECalendarViewMode.YEARS);
-    } else if (date.year() - 6 > viewDate.year()) {
-      date = viewDate.clone().add(12, "years");
-      onPageChange(date, ECalendarViewMode.YEARS);
+    if (date.year() < viewDate.year() - YEARS_BEFORE_VIEW_DATE) {
+      onPageChange(
+        shiftDate(viewDate.clone(), { operation: "subtract", ...NAVIGATION_STEPS.page }),
+        ECalendarViewMode.YEARS
+      );
+    } else if (date.year() > viewDate.year() + YEARS_AFTER_VIEW_DATE) {
+      onPageChange(
+        shiftDate(viewDate.clone(), { operation: "add", ...NAVIGATION_STEPS.page }),
+        ECalendarViewMode.YEARS
+      );
     }
   };
   return /* @__PURE__ */ jsx("table", { className: styles.calendarViewYears, role: "grid", "aria-labelledby": periodId, children: renderTableBody() });
 };
+CalendarViewYears.displayName = "CalendarViewYears";
 export {
   CalendarViewYears
 };

package/components/Calendar/components/CalendarViewYears.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarViewYears.js","sources":["../../../../src/components/Calendar/components/CalendarViewYears.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport moment from \"moment\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { CalendarViewContext } from \"../CalendarViewContext\";\nimport { isDateOutOfRange } from \"../utils\";\nimport { CalendarViewItem } from \"./CalendarViewItem\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { ECalendarViewMode } from \"../enums\";\nimport { ICalendarViewProps } from \"../types\";\nimport styles from \"../styles/CalendarView.module.less\";\n\n/** Свойства компонента CalendarViewMonths. */\nexport interface ICalendarViewYearsProps extends Omit<\n    ICalendarViewProps,\n    \"viewMode\" | \"dayHtmlAttributes\" | \"monthHtmlAttributes\"\n> {}\n\n/** Вид календаря с выбором года. */\nexport const CalendarViewYears: React.FC<ICalendarViewYearsProps> = ({ pickedDate, yearHtmlAttributes = {} }) => {\n    const { periodId, limitRange, viewDate, onPageChange, onViewChange } = useContext(CalendarContext);\n    const { viewItemFocusedRef } = useContext(CalendarViewContext);\n    const currentYear = viewDate.year();\n\n    /** Проверяет, является ли дата отключенной. */\n    const isDisabledDate = useCallback(\n        (date: moment.Moment) => isDateOutOfRange(date, limitRange, \"year\"),\n        [limitRange],\n    );\n\n    /** Получить первую доступную для фокуса дату. */\n    const getInitialTabbableDate = useCallback(() => {\n        if (pickedDate && pickedDate.isSame(viewDate, \"year\")) {\n            return pickedDate;\n        } else {\n            const date = viewDate.clone().subtract(5, \"year\");\n\n            for (let i = 0; i < 12; i++) {\n                date.add(i, \"month\");\n\n                if (!isDisabledDate(date)) {\n                    return date;\n                }\n            }\n        }\n    }, [pickedDate, viewDate, isDisabledDate]);\n\n    const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());\n\n    useEffect(() => {\n        if (!viewItemFocusedRef.current) {\n            setTabbableDate(getInitialTabbableDate());\n        }\n    }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);\n\n    /** Рендер тела таблицы. */\n    const renderTableBody = () => (\n        <tbody>\n            {[0, 1, 2, 3].map((row) => (\n                <tr key={`calendar-view-years-row-${row}`}>{[0, 1, 2].map((cell) => renderTableData(row, cell))}</tr>\n            ))}\n        </tbody>\n    );\n\n    /** Рендер ячейки таблицы. */\n    const renderTableData = (row: number, cell: number) => {\n        const year = currentYear + row * 3 + cell - 5;\n        const date = viewDate.clone().startOf(\"year\").year(year);\n        const active = isActiveDate(date);\n        const disabled = isDisabledDate(date);\n        const tabbable = !disabled && isTabbableDate(date);\n\n        return (\n            <CalendarViewItem\n                key={`calendar-table-data-${cell}`}\n                {...yearHtmlAttributes}\n                date={date}\n                unit=\"year\"\n                active={active}\n                disabled={disabled}\n                tabbable={tabbable}\n                onKeyDown={handleItemKeyDown(date)}\n                onDateSelect={handleDateSelect}\n            >\n                {year}\n            </CalendarViewItem>\n        );\n    };\n\n    /** Проверяет, является ли дата активной. */\n    const isActiveDate = (date: moment.Moment) => {\n        if (pickedDate == null) {\n            return false;\n        }\n\n        return pickedDate.isSame(date, \"year\");\n    };\n\n    /** Проверяет, может ли дата получить фокус при навигации. */\n    const isTabbableDate = (date: moment.Moment) => {\n        if (tabbableDate) {\n            return date.isSame(tabbableDate, \"year\");\n        }\n\n        return false;\n    };\n\n    /** Обработчик нажатия клавиши CalendarViewItem. */\n    const handleItemKeyDown = (date: moment.Moment) => (event: React.KeyboardEvent<HTMLTableCellElement>) => {\n        const key = event.code || event.keyCode;\n        let nextFocusedDate;\n\n        if (isKey(key, \"ARROW_RIGHT\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 1, \"year\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_LEFT\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 1, \"year\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_DOWN\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 3, \"year\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_UP\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 3, \"year\");\n            event.preventDefault();\n        } else if (isKey(key, \"PAGE_DOWN\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 12, \"year\");\n            event.preventDefault();\n        } else if (isKey(key, \"PAGE_UP\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 12, \"year\");\n            event.preventDefault();\n        }\n\n        if (nextFocusedDate) {\n            changeFocusedDate(nextFocusedDate);\n        }\n    };\n\n    /** Возвращает доступную для выбора дату после сдвига. */\n    const getShiftedDate = (\n        currentDate: moment.Moment,\n        operation: \"add\" | \"subtract\",\n        amount: number,\n        unit: \"month\" | \"year\",\n    ) => {\n        const date = currentDate.clone();\n        const shiftDate = {\n            add: moment.fn.add.bind(date),\n            subtract: moment.fn.subtract.bind(date),\n        }[operation];\n\n        shiftDate(amount, unit);\n\n        if (isDateOutOfRange(date, limitRange, \"year\")) {\n            return currentDate;\n        }\n\n        return date;\n    };\n\n    /** Обработчик выбора даты. */\n    const handleDateSelect = (date: moment.Moment) => {\n        onViewChange(date, ECalendarViewMode.MONTHS);\n    };\n\n    /** Изменение фокусируемой даты. */\n    const changeFocusedDate = (date: moment.Moment) => {\n        setTabbableDate(date);\n\n        if (date.year() + 5 < viewDate.year()) {\n            date = viewDate.clone().subtract(12, \"years\");\n            onPageChange(date, ECalendarViewMode.YEARS);\n        } else if (date.year() - 6 > viewDate.year()) {\n            date = viewDate.clone().add(12, \"years\");\n            onPageChange(date, ECalendarViewMode.YEARS);\n        }\n    };\n\n    return (\n        <table className={styles.calendarViewYears} role=\"grid\" aria-labelledby={periodId}>\n            {renderTableBody()}\n        </table>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarViewYears.js","sources":["../../../../src/components/Calendar/components/CalendarViewYears.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport moment from \"moment\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { CalendarViewContext } from \"../CalendarViewContext\";\nimport {\n    ICalendarNavigationShift,\n    ICalendarNavigationSteps,\n    getFirstEnabledDate,\n    getNavigationShift,\n    getShiftedDateInRange,\n    isDateOutOfRange,\n    shiftDate,\n    VIEW_GRID_COLUMNS,\n    VIEW_GRID_ROWS,\n} from \"../utils\";\nimport { CalendarViewItem } from \"./CalendarViewItem\";\nimport { ECalendarViewMode } from \"../enums\";\nimport { ICalendarViewProps } from \"../types\";\nimport styles from \"../styles/CalendarView.module.less\";\n\n/** Свойства компонента CalendarViewYears. */\nexport interface ICalendarViewYearsProps extends Omit<\n    ICalendarViewProps,\n    \"dayHtmlAttributes\" | \"monthHtmlAttributes\"\n> {}\n\n/** Количество лет до отображаемого года, попадающих на страницу. */\nconst YEARS_BEFORE_VIEW_DATE = 5;\n\n/** Количество лет после отображаемого года, попадающих на страницу. */\nconst YEARS_AFTER_VIEW_DATE = 6;\n\n/** Величины сдвига даты при клавиатурной навигации по сетке годов. */\nconst NAVIGATION_STEPS: ICalendarNavigationSteps = {\n    horizontal: { amount: 1, unit: \"year\" },\n    vertical: { amount: 3, unit: \"year\" },\n    page: { amount: 12, unit: \"year\" },\n};\n\n/** Вид календаря с выбором года. */\nexport const CalendarViewYears: React.FC<ICalendarViewYearsProps> = ({ pickedDate, yearHtmlAttributes = {} }) => {\n    const { periodId, limitRange, viewDate, onPageChange, onViewChange } = useContext(CalendarContext);\n    const { viewItemFocusedRef } = useContext(CalendarViewContext);\n    const currentYear = viewDate.year();\n\n    /** Проверяет, является ли дата отключенной. */\n    const isDisabledDate = useCallback(\n        (date: moment.Moment) => isDateOutOfRange(date, limitRange, \"year\"),\n        [limitRange],\n    );\n\n    /** Получить первую доступную для фокуса дату. */\n    const getInitialTabbableDate = useCallback(() => {\n        if (pickedDate && pickedDate.isSame(viewDate, \"year\")) {\n            return pickedDate;\n        }\n\n        return getFirstEnabledDate(\n            viewDate.clone().subtract(YEARS_BEFORE_VIEW_DATE, \"year\"),\n            VIEW_GRID_ROWS.length * VIEW_GRID_COLUMNS.length,\n            \"year\",\n            isDisabledDate,\n        );\n    }, [pickedDate, viewDate, isDisabledDate]);\n\n    const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());\n\n    useEffect(() => {\n        if (!viewItemFocusedRef.current) {\n            setTabbableDate(getInitialTabbableDate());\n        }\n    }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);\n\n    /** Рендер тела таблицы. */\n    const renderTableBody = () => (\n        <tbody>\n            {VIEW_GRID_ROWS.map((row) => (\n                <tr key={`calendar-view-years-row-${row}`}>\n                    {VIEW_GRID_COLUMNS.map((cell) => renderTableData(row, cell))}\n                </tr>\n            ))}\n        </tbody>\n    );\n\n    /** Рендер ячейки таблицы. */\n    const renderTableData = (row: number, cell: number) => {\n        const year = currentYear + row * VIEW_GRID_COLUMNS.length + cell - YEARS_BEFORE_VIEW_DATE;\n        const date = viewDate.clone().startOf(\"year\").year(year);\n        const active = isActiveDate(date);\n        const disabled = isDisabledDate(date);\n        const tabbable = !disabled && isTabbableDate(date);\n\n        return (\n            <CalendarViewItem\n                key={`calendar-table-data-${cell}`}\n                {...yearHtmlAttributes}\n                date={date}\n                unit=\"year\"\n                active={active}\n                disabled={disabled}\n                tabbable={tabbable}\n                onKeyDown={handleItemKeyDown(date)}\n                onDateSelect={handleDateSelect}\n            >\n                {year}\n            </CalendarViewItem>\n        );\n    };\n\n    /** Проверяет, является ли дата активной. */\n    const isActiveDate = (date: moment.Moment) => {\n        if (pickedDate == null) {\n            return false;\n        }\n\n        return pickedDate.isSame(date, \"year\");\n    };\n\n    /** Проверяет, может ли дата получить фокус при навигации. */\n    const isTabbableDate = (date: moment.Moment) => {\n        if (tabbableDate) {\n            return date.isSame(tabbableDate, \"year\");\n        }\n\n        return false;\n    };\n\n    /** Обработчик нажатия клавиши CalendarViewItem. */\n    const handleItemKeyDown = (date: moment.Moment) => (event: React.KeyboardEvent<HTMLTableCellElement>) => {\n        const shift = getNavigationShift(event.code || event.keyCode, NAVIGATION_STEPS);\n\n        if (!shift) {\n            return;\n        }\n\n        event.preventDefault();\n        changeFocusedDate(getShiftedDate(date, shift));\n    };\n\n    /** Возвращает доступную для выбора дату после сдвига. */\n    const getShiftedDate = (currentDate: moment.Moment, shift: ICalendarNavigationShift) =>\n        getShiftedDateInRange(currentDate, shift, limitRange, \"year\");\n\n    /** Обработчик выбора даты. */\n    const handleDateSelect = (date: moment.Moment) => {\n        onViewChange(date, ECalendarViewMode.MONTHS);\n    };\n\n    /** Изменение фокусируемой даты. При уходе даты за пределы страницы перелистывает страницу на шаг NAVIGATION_STEPS.page. */\n    const changeFocusedDate = (date: moment.Moment) => {\n        setTabbableDate(date);\n\n        if (date.year() < viewDate.year() - YEARS_BEFORE_VIEW_DATE) {\n            onPageChange(\n                shiftDate(viewDate.clone(), { operation: \"subtract\", ...NAVIGATION_STEPS.page }),\n                ECalendarViewMode.YEARS,\n            );\n        } else if (date.year() > viewDate.year() + YEARS_AFTER_VIEW_DATE) {\n            onPageChange(\n                shiftDate(viewDate.clone(), { operation: \"add\", ...NAVIGATION_STEPS.page }),\n                ECalendarViewMode.YEARS,\n            );\n        }\n    };\n\n    return (\n        <table className={styles.calendarViewYears} role=\"grid\" aria-labelledby={periodId}>\n            {renderTableBody()}\n        </table>\n    );\n};\n\nCalendarViewYears.displayName = \"CalendarViewYears\";\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,yBAAyB;AAG/B,MAAM,wBAAwB;AAG9B,MAAM,mBAA6C;AAAA,EAC/C,YAAY,EAAE,QAAQ,GAAG,MAAM,OAAA;AAAA,EAC/B,UAAU,EAAE,QAAQ,GAAG,MAAM,OAAA;AAAA,EAC7B,MAAM,EAAE,QAAQ,IAAI,MAAM,OAAA;AAC9B;AAGO,MAAM,oBAAuD,CAAC,EAAE,YAAY,qBAAqB,CAAA,QAAS;AAC7G,QAAM,EAAE,UAAU,YAAY,UAAU,cAAc,aAAA,IAAiB,WAAW,eAAe;AACjG,QAAM,EAAE,mBAAA,IAAuB,WAAW,mBAAmB;AAC7D,QAAM,cAAc,SAAS,KAAA;AAG7B,QAAM,iBAAiB;AAAA,IACnB,CAAC,SAAwB,iBAAiB,MAAM,YAAY,MAAM;AAAA,IAClE,CAAC,UAAU;AAAA,EAAA;AAIf,QAAM,yBAAyB,YAAY,MAAM;AAC7C,QAAI,cAAc,WAAW,OAAO,UAAU,MAAM,GAAG;AACnD,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,MACH,SAAS,MAAA,EAAQ,SAAS,wBAAwB,MAAM;AAAA,MACxD,eAAe,SAAS,kBAAkB;AAAA,MAC1C;AAAA,MACA;AAAA,IAAA;AAAA,EAER,GAAG,CAAC,YAAY,UAAU,cAAc,CAAC;AAEzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,wBAAwB;AAEzE,YAAU,MAAM;AACZ,QAAI,CAAC,mBAAmB,SAAS;AAC7B,sBAAgB,wBAAwB;AAAA,IAC5C;AAAA,EACJ,GAAG,CAAC,UAAU,oBAAoB,sBAAsB,CAAC;AAGzD,QAAM,kBAAkB,MACpB,oBAAC,SAAA,EACI,yBAAe,IAAI,CAAC,QACjB,oBAAC,MAAA,EACI,UAAA,kBAAkB,IAAI,CAAC,SAAS,gBAAgB,KAAK,IAAI,CAAC,KADtD,2BAA2B,GAAG,EAEvC,CACH,EAAA,CACL;AAIJ,QAAM,kBAAkB,CAAC,KAAa,SAAiB;AACnD,UAAM,OAAO,cAAc,MAAM,kBAAkB,SAAS,OAAO;AACnE,UAAM,OAAO,SAAS,MAAA,EAAQ,QAAQ,MAAM,EAAE,KAAK,IAAI;AACvD,UAAM,SAAS,aAAa,IAAI;AAChC,UAAM,WAAW,eAAe,IAAI;AACpC,UAAM,WAAW,CAAC,YAAY,eAAe,IAAI;AAEjD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEI,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,kBAAkB,IAAI;AAAA,QACjC,cAAc;AAAA,QAEb,UAAA;AAAA,MAAA;AAAA,MAVI,uBAAuB,IAAI;AAAA,IAAA;AAAA,EAa5C;AAGA,QAAM,eAAe,CAAC,SAAwB;AAC1C,QAAI,cAAc,MAAM;AACpB,aAAO;AAAA,IACX;AAEA,WAAO,WAAW,OAAO,MAAM,MAAM;AAAA,EACzC;AAGA,QAAM,iBAAiB,CAAC,SAAwB;AAC5C,QAAI,cAAc;AACd,aAAO,KAAK,OAAO,cAAc,MAAM;AAAA,IAC3C;AAEA,WAAO;AAAA,EACX;AAGA,QAAM,oBAAoB,CAAC,SAAwB,CAAC,UAAqD;AACrG,UAAM,QAAQ,mBAAmB,MAAM,QAAQ,MAAM,SAAS,gBAAgB;AAE9E,QAAI,CAAC,OAAO;AACR;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,sBAAkB,eAAe,MAAM,KAAK,CAAC;AAAA,EACjD;AAGA,QAAM,iBAAiB,CAAC,aAA4B,UAChD,sBAAsB,aAAa,OAAO,YAAY,MAAM;AAGhE,QAAM,mBAAmB,CAAC,SAAwB;AAC9C,iBAAa,MAAM,kBAAkB,MAAM;AAAA,EAC/C;AAGA,QAAM,oBAAoB,CAAC,SAAwB;AAC/C,oBAAgB,IAAI;AAEpB,QAAI,KAAK,KAAA,IAAS,SAAS,KAAA,IAAS,wBAAwB;AACxD;AAAA,QACI,UAAU,SAAS,SAAS,EAAE,WAAW,YAAY,GAAG,iBAAiB,MAAM;AAAA,QAC/E,kBAAkB;AAAA,MAAA;AAAA,IAE1B,WAAW,KAAK,KAAA,IAAS,SAAS,KAAA,IAAS,uBAAuB;AAC9D;AAAA,QACI,UAAU,SAAS,SAAS,EAAE,WAAW,OAAO,GAAG,iBAAiB,MAAM;AAAA,QAC1E,kBAAkB;AAAA,MAAA;AAAA,IAE1B;AAAA,EACJ;AAEA,SACI,oBAAC,SAAA,EAAM,WAAW,OAAO,mBAAmB,MAAK,QAAO,mBAAiB,UACpE,UAAA,gBAAA,EAAgB,CACrB;AAER;AAEA,kBAAkB,cAAc;"}

package/components/Calendar/utils.js

@@ -1,6 +1,7 @@
 import moment from "moment";
 import { globalLimitRange, headerDateFormat } from "../../consts/DateConst.js";
 import { ECalendarViewMode } from "./enums.js";
+import { isKey } from "../../utils/keyboard.js";
 function parsePickedDate(value, format) {
   if (!value) {
     return null;
@@ -10,15 +11,8 @@ function parsePickedDate(value, format) {
     return value;
   }
 }
-function getHeader(pickedDate, date) {
-  let currentDate;
-  if (date && date.isValid()) {
-    currentDate = date;
-  } else if (pickedDate && pickedDate.isValid()) {
-    currentDate = pickedDate;
-  } else {
-    currentDate = moment();
-  }
+function getHeader(date) {
+  const currentDate = date && date.isValid() ? date : moment();
   return currentDate.format(headerDateFormat);
 }
 function formatDate(viewDate, viewMode) {
@@ -46,11 +40,50 @@ function isDayDisabled(day, disabledDays) {
   }
   return disabledDays.includes(day);
 }
+function shiftDate(date, shift) {
+  const { operation, amount, unit } = shift;
+  return operation === "add" ? date.add(amount, unit) : date.subtract(amount, unit);
+}
+function getShiftedDateInRange(date, shift, limitRange, limitUnit) {
+  const shiftedDate = shiftDate(date.clone(), shift);
+  return isDateOutOfRange(shiftedDate, limitRange, limitUnit) ? date : shiftedDate;
+}
+function getFirstEnabledDate(startDate, count, unit, isDateDisabled) {
+  for (let i = 0; i < count; i++) {
+    const date = startDate.clone().add(i, unit);
+    if (!isDateDisabled(date)) {
+      return date;
+    }
+  }
+}
+function getNavigationShift(key, steps) {
+  if (isKey(key, "ARROW_RIGHT")) {
+    return { operation: "add", ...steps.horizontal };
+  } else if (isKey(key, "ARROW_LEFT")) {
+    return { operation: "subtract", ...steps.horizontal };
+  } else if (isKey(key, "ARROW_DOWN")) {
+    return { operation: "add", ...steps.vertical };
+  } else if (isKey(key, "ARROW_UP")) {
+    return { operation: "subtract", ...steps.vertical };
+  } else if (isKey(key, "PAGE_DOWN")) {
+    return { operation: "add", ...steps.page };
+  } else if (isKey(key, "PAGE_UP")) {
+    return { operation: "subtract", ...steps.page };
+  }
+}
+const VIEW_GRID_ROWS = [0, 1, 2, 3];
+const VIEW_GRID_COLUMNS = [0, 1, 2];
 export {
+  VIEW_GRID_COLUMNS,
+  VIEW_GRID_ROWS,
   formatDate,
+  getFirstEnabledDate,
   getHeader,
+  getNavigationShift,
+  getShiftedDateInRange,
   isDateOutOfRange,
   isDayDisabled,
-  parsePickedDate
+  parsePickedDate,
+  shiftDate
 };
 //# sourceMappingURL=utils.js.map

package/components/Calendar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Calendar/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { headerDateFormat, globalLimitRange } from \"@sberbusiness/triplex-next/consts/DateConst\";\nimport { ECalendarViewMode } from \"@sberbusiness/triplex-next/components/Calendar/enums\";\nimport { TPickedDate, TPickedDateProp } from \"@sberbusiness/triplex-next/components/Calendar/types\";\nimport { IDateLimitRange } from \"@sberbusiness/triplex-next/types/DateTypes\";\n\n/**\n * Приведение даты к типу Moment.\n * @param value Значение.\n * @param [format] Формат для значения.\n */\nexport function parsePickedDate(value: TPickedDateProp | undefined, format?: string): TPickedDate {\n    if (!value) {\n        return null;\n    } else if (typeof value === \"string\") {\n        return moment(value, format);\n    } else {\n        return value;\n    }\n}\n\n/**\n * Получить актуальный заголовок.\n * @param {TPickedDate} pickedDate Выбранная дата в формате Moment.\n * @param {Moment} [date] Дата для построения заголовка.\n */\nexport function getHeader(pickedDate: TPickedDate, date?: moment.Moment): string {\n    let currentDate;\n\n    if (date && date.isValid()) {\n        currentDate = date;\n    } else if (pickedDate && pickedDate.isValid()) {\n        currentDate = pickedDate;\n    } else {\n        currentDate = moment();\n    }\n\n    return currentDate.format(headerDateFormat);\n}\n\n/**\n * Получить текст заголовка из текущей даты.\n * @param viewDate Отображаемая дата.\n * @param viewMode Текущая вкладка.\n */\nexport function formatDate(viewDate: TPickedDate, viewMode: ECalendarViewMode): string {\n    const checkedDate = viewDate ? viewDate : moment();\n\n    switch (viewMode) {\n        case ECalendarViewMode.DAYS:\n            return getHeader(checkedDate);\n        case ECalendarViewMode.MONTHS:\n            return checkedDate.clone().format(\"YYYY\");\n        case ECalendarViewMode.YEARS: {\n            const yearFrom = checkedDate.clone().add(-5, \"y\").format(\"YYYY\");\n            const yearTo = checkedDate.clone().add(6, \"y\").format(\"YYYY\");\n\n            return `${yearFrom} - ${yearTo}`;\n        }\n    }\n}\n\n/** Проверяет, выходит ли дата за разрешённый период. */\nexport function isDateOutOfRange(date: moment.Moment, limitRange: IDateLimitRange, unit: \"day\" | \"month\" | \"year\") {\n    const dateFrom = limitRange.dateFrom || globalLimitRange.dateFrom;\n    const dateTo = limitRange.dateTo || globalLimitRange.dateTo;\n\n    return date.isBefore(dateFrom, unit) || date.isAfter(dateTo, unit);\n}\n\n/** Проверяет, является ли день недоступным для выбора. */\nexport function isDayDisabled(day: string, disabledDays: string[] | undefined) {\n    if (disabledDays === undefined) {\n        return false;\n    }\n\n    return disabledDays.includes(day);\n}\n"],"names":[],"mappings":";;;AAWO,SAAS,gBAAgB,OAAoC,QAA8B;AAC9F,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO,OAAO,OAAO,MAAM;AAAA,EAC/B,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAOO,SAAS,UAAU,YAAyB,MAA8B;AAC7E,MAAI;AAEJ,MAAI,QAAQ,KAAK,WAAW;AACxB,kBAAc;AAAA,EAClB,WAAW,cAAc,WAAW,QAAA,GAAW;AAC3C,kBAAc;AAAA,EAClB,OAAO;AACH,kBAAc,OAAA;AAAA,EAClB;AAEA,SAAO,YAAY,OAAO,gBAAgB;AAC9C;AAOO,SAAS,WAAW,UAAuB,UAAqC;AACnF,QAAM,cAAc,WAAW,WAAW,OAAA;AAE1C,UAAQ,UAAA;AAAA,IACJ,KAAK,kBAAkB;AACnB,aAAO,UAAU,WAAW;AAAA,IAChC,KAAK,kBAAkB;AACnB,aAAO,YAAY,QAAQ,OAAO,MAAM;AAAA,IAC5C,KAAK,kBAAkB,OAAO;AAC1B,YAAM,WAAW,YAAY,QAAQ,IAAI,IAAI,GAAG,EAAE,OAAO,MAAM;AAC/D,YAAM,SAAS,YAAY,QAAQ,IAAI,GAAG,GAAG,EAAE,OAAO,MAAM;AAE5D,aAAO,GAAG,QAAQ,MAAM,MAAM;AAAA,IAClC;AAAA,EAAA;AAER;AAGO,SAAS,iBAAiB,MAAqB,YAA6B,MAAgC;AAC/G,QAAM,WAAW,WAAW,YAAY,iBAAiB;AACzD,QAAM,SAAS,WAAW,UAAU,iBAAiB;AAErD,SAAO,KAAK,SAAS,UAAU,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;AACrE;AAGO,SAAS,cAAc,KAAa,cAAoC;AAC3E,MAAI,iBAAiB,QAAW;AAC5B,WAAO;AAAA,EACX;AAEA,SAAO,aAAa,SAAS,GAAG;AACpC;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/Calendar/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { headerDateFormat, globalLimitRange } from \"../../consts/DateConst\";\nimport { ECalendarViewMode } from \"./enums\";\nimport { TPickedDate, TPickedDateProp } from \"./types\";\nimport { IDateLimitRange } from \"../../types/DateTypes\";\nimport { isKey } from \"../../utils/keyboard\";\n\n/** Направление сдвига даты. */\nexport type TCalendarShiftOperation = \"add\" | \"subtract\";\n\n/** Единица измерения сдвига даты внутри календаря. */\nexport type TCalendarShiftUnit = \"day\" | \"week\" | \"month\" | \"year\";\n\n/** Величина сдвига даты по одной из осей клавиатурной навигации. */\nexport interface ICalendarNavigationStep {\n    /** Количество единиц сдвига. */\n    amount: number;\n    /** Единица измерения сдвига. */\n    unit: TCalendarShiftUnit;\n}\n\n/** Величины сдвига даты по всем осям клавиатурной навигации конкретного вида календаря. */\nexport interface ICalendarNavigationSteps {\n    /** Шаг по горизонтали — соседняя ячейка строки (ArrowLeft / ArrowRight). */\n    horizontal: ICalendarNavigationStep;\n    /** Шаг по вертикали — соседняя строка сетки (ArrowUp / ArrowDown). */\n    vertical: ICalendarNavigationStep;\n    /** Шаг на страницу — соседняя страница календаря (PageUp / PageDown). */\n    page: ICalendarNavigationStep;\n}\n\n/** Сдвиг даты: направление и величина. */\nexport interface ICalendarNavigationShift extends ICalendarNavigationStep {\n    /** Направление сдвига. */\n    operation: TCalendarShiftOperation;\n}\n\n/**\n * Приведение даты к типу Moment.\n * @param value Значение.\n * @param [format] Формат для значения.\n */\nexport function parsePickedDate(value: TPickedDateProp | undefined, format?: string): TPickedDate {\n    if (!value) {\n        return null;\n    } else if (typeof value === \"string\") {\n        return moment(value, format);\n    } else {\n        return value;\n    }\n}\n\n/**\n * Получить актуальный заголовок. Для пустой или невалидной даты используется текущая дата.\n * @param {TPickedDate} date Дата для построения заголовка.\n */\nexport function getHeader(date: TPickedDate): string {\n    const currentDate = date && date.isValid() ? date : moment();\n\n    return currentDate.format(headerDateFormat);\n}\n\n/**\n * Получить текст заголовка из текущей даты.\n * @param viewDate Отображаемая дата.\n * @param viewMode Текущая вкладка.\n */\nexport function formatDate(viewDate: TPickedDate, viewMode: ECalendarViewMode): string {\n    const checkedDate = viewDate ? viewDate : moment();\n\n    switch (viewMode) {\n        case ECalendarViewMode.DAYS:\n            return getHeader(checkedDate);\n        case ECalendarViewMode.MONTHS:\n            return checkedDate.clone().format(\"YYYY\");\n        case ECalendarViewMode.YEARS: {\n            const yearFrom = checkedDate.clone().add(-5, \"y\").format(\"YYYY\");\n            const yearTo = checkedDate.clone().add(6, \"y\").format(\"YYYY\");\n\n            return `${yearFrom} - ${yearTo}`;\n        }\n    }\n}\n\n/** Проверяет, выходит ли дата за разрешённый период. */\nexport function isDateOutOfRange(date: moment.Moment, limitRange: IDateLimitRange, unit: \"day\" | \"month\" | \"year\") {\n    const dateFrom = limitRange.dateFrom || globalLimitRange.dateFrom;\n    const dateTo = limitRange.dateTo || globalLimitRange.dateTo;\n\n    return date.isBefore(dateFrom, unit) || date.isAfter(dateTo, unit);\n}\n\n/** Проверяет, является ли день недоступным для выбора. */\nexport function isDayDisabled(day: string, disabledDays: string[] | undefined) {\n    if (disabledDays === undefined) {\n        return false;\n    }\n\n    return disabledDays.includes(day);\n}\n\n/**\n * Сдвигает дату на указанную величину в указанном направлении. Мутирует переданную дату (как и методы moment).\n * @param date Дата, которую нужно сдвинуть.\n * @param shift Направление и величина сдвига.\n */\nexport function shiftDate(date: moment.Moment, shift: ICalendarNavigationShift): moment.Moment {\n    const { operation, amount, unit } = shift;\n\n    return operation === \"add\" ? date.add(amount, unit) : date.subtract(amount, unit);\n}\n\n/**\n * Возвращает дату после сдвига. Если сдвинутая дата выходит за разрешённый период — возвращает исходную дату.\n * @param date Исходная дата.\n * @param shift Направление и величина сдвига.\n * @param limitRange Ограничение выбираемого периода.\n * @param limitUnit Единица сравнения даты с ограничением периода.\n */\nexport function getShiftedDateInRange(\n    date: moment.Moment,\n    shift: ICalendarNavigationShift,\n    limitRange: IDateLimitRange,\n    limitUnit: \"day\" | \"month\" | \"year\",\n): moment.Moment {\n    const shiftedDate = shiftDate(date.clone(), shift);\n\n    return isDateOutOfRange(shiftedDate, limitRange, limitUnit) ? date : shiftedDate;\n}\n\n/**\n * Возвращает первую не отключённую дату среди `count` дат-кандидатов, начиная с `startDate`,\n * с шагом в одну единицу `unit` между соседними кандидатами. Исходная дата не мутируется.\n * Если все кандидаты отключены — возвращает undefined.\n * @param startDate Первая дата-кандидат.\n * @param count Количество проверяемых кандидатов.\n * @param unit Единица измерения шага между кандидатами.\n * @param isDateDisabled Предикат отключённой даты.\n */\nexport function getFirstEnabledDate(\n    startDate: moment.Moment,\n    count: number,\n    unit: TCalendarShiftUnit,\n    isDateDisabled: (date: moment.Moment) => boolean,\n): moment.Moment | undefined {\n    for (let i = 0; i < count; i++) {\n        const date = startDate.clone().add(i, unit);\n\n        if (!isDateDisabled(date)) {\n            return date;\n        }\n    }\n}\n\n/**\n * Возвращает направление и величину сдвига даты для нажатой клавиши навигации.\n * Для клавиш, не участвующих в навигации по сетке календаря, возвращает undefined.\n * @param key Код нажатой клавиши.\n * @param steps Величины сдвига по осям навигации для текущего вида календаря.\n */\nexport function getNavigationShift(\n    key: string | number,\n    steps: ICalendarNavigationSteps,\n): ICalendarNavigationShift | undefined {\n    if (isKey(key, \"ARROW_RIGHT\")) {\n        return { operation: \"add\", ...steps.horizontal };\n    } else if (isKey(key, \"ARROW_LEFT\")) {\n        return { operation: \"subtract\", ...steps.horizontal };\n    } else if (isKey(key, \"ARROW_DOWN\")) {\n        return { operation: \"add\", ...steps.vertical };\n    } else if (isKey(key, \"ARROW_UP\")) {\n        return { operation: \"subtract\", ...steps.vertical };\n    } else if (isKey(key, \"PAGE_DOWN\")) {\n        return { operation: \"add\", ...steps.page };\n    } else if (isKey(key, \"PAGE_UP\")) {\n        return { operation: \"subtract\", ...steps.page };\n    }\n}\n\n/** Строки сетки видов месяцев и годов. */\nexport const VIEW_GRID_ROWS = [0, 1, 2, 3];\n\n/** Колонки сетки видов месяцев и годов. */\nexport const VIEW_GRID_COLUMNS = [0, 1, 2];\n"],"names":[],"mappings":";;;;AA0CO,SAAS,gBAAgB,OAAoC,QAA8B;AAC9F,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO,OAAO,OAAO,MAAM;AAAA,EAC/B,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAMO,SAAS,UAAU,MAA2B;AACjD,QAAM,cAAc,QAAQ,KAAK,QAAA,IAAY,OAAO,OAAA;AAEpD,SAAO,YAAY,OAAO,gBAAgB;AAC9C;AAOO,SAAS,WAAW,UAAuB,UAAqC;AACnF,QAAM,cAAc,WAAW,WAAW,OAAA;AAE1C,UAAQ,UAAA;AAAA,IACJ,KAAK,kBAAkB;AACnB,aAAO,UAAU,WAAW;AAAA,IAChC,KAAK,kBAAkB;AACnB,aAAO,YAAY,QAAQ,OAAO,MAAM;AAAA,IAC5C,KAAK,kBAAkB,OAAO;AAC1B,YAAM,WAAW,YAAY,QAAQ,IAAI,IAAI,GAAG,EAAE,OAAO,MAAM;AAC/D,YAAM,SAAS,YAAY,QAAQ,IAAI,GAAG,GAAG,EAAE,OAAO,MAAM;AAE5D,aAAO,GAAG,QAAQ,MAAM,MAAM;AAAA,IAClC;AAAA,EAAA;AAER;AAGO,SAAS,iBAAiB,MAAqB,YAA6B,MAAgC;AAC/G,QAAM,WAAW,WAAW,YAAY,iBAAiB;AACzD,QAAM,SAAS,WAAW,UAAU,iBAAiB;AAErD,SAAO,KAAK,SAAS,UAAU,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;AACrE;AAGO,SAAS,cAAc,KAAa,cAAoC;AAC3E,MAAI,iBAAiB,QAAW;AAC5B,WAAO;AAAA,EACX;AAEA,SAAO,aAAa,SAAS,GAAG;AACpC;AAOO,SAAS,UAAU,MAAqB,OAAgD;AAC3F,QAAM,EAAE,WAAW,QAAQ,KAAA,IAAS;AAEpC,SAAO,cAAc,QAAQ,KAAK,IAAI,QAAQ,IAAI,IAAI,KAAK,SAAS,QAAQ,IAAI;AACpF;AASO,SAAS,sBACZ,MACA,OACA,YACA,WACa;AACb,QAAM,cAAc,UAAU,KAAK,MAAA,GAAS,KAAK;AAEjD,SAAO,iBAAiB,aAAa,YAAY,SAAS,IAAI,OAAO;AACzE;AAWO,SAAS,oBACZ,WACA,OACA,MACA,gBACyB;AACzB,WAAS,IAAI,GAAG,IAAI,OAAO,KAAK;AAC5B,UAAM,OAAO,UAAU,MAAA,EAAQ,IAAI,GAAG,IAAI;AAE1C,QAAI,CAAC,eAAe,IAAI,GAAG;AACvB,aAAO;AAAA,IACX;AAAA,EACJ;AACJ;AAQO,SAAS,mBACZ,KACA,OACoC;AACpC,MAAI,MAAM,KAAK,aAAa,GAAG;AAC3B,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,WAAA;AAAA,EACxC,WAAW,MAAM,KAAK,YAAY,GAAG;AACjC,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,WAAA;AAAA,EAC7C,WAAW,MAAM,KAAK,YAAY,GAAG;AACjC,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,SAAA;AAAA,EACxC,WAAW,MAAM,KAAK,UAAU,GAAG;AAC/B,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,SAAA;AAAA,EAC7C,WAAW,MAAM,KAAK,WAAW,GAAG;AAChC,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,KAAA;AAAA,EACxC,WAAW,MAAM,KAAK,SAAS,GAAG;AAC9B,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,KAAA;AAAA,EAC7C;AACJ;AAGO,MAAM,iBAAiB,CAAC,GAAG,GAAG,GAAG,CAAC;AAGlC,MAAM,oBAAoB,CAAC,GAAG,GAAG,CAAC;"}

package/components/Card/CardAction.js

@@ -9,11 +9,11 @@ import { ECardRoundingSize, ECardTheme } from "./enums.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../chunks/Card.module-CZ1_wRdI.js";
-const action = "action__e5a5a63c";
-const selected = "selected__12e856b6";
-const focusVisible = "focusVisible__054c7aaa";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../chunks/Card.module-CoOqpkwS.js";
+const action = "action__c9cb2ae8";
+const selected = "selected__4e4ee102";
+const focusVisible = "focusVisible__b0fd1270";
 const actionStyles = {
   action,
   selected,
@@ -128,7 +128,7 @@ class CardAction extends React.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "0.39.0",
+        "data-tx": "0.41.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../chunks/Card.module-CZ1_wRdI.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../chunks/Card.module-CoOqpkwS.js";
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
 const CardStatic = ({
   children,
@@ -21,7 +21,7 @@ const CardStatic = ({
       className
     ),
     ...rest,
-    "data-tx": "0.39.0",
+    "data-tx": "0.41.0",
     children
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -3,8 +3,8 @@ import { CardContentBody } from "./components/CardContentBody.js";
 import { CardContentHeader } from "./components/CardContentHeader.js";
 import { CardContentFooter } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize } from "../../enums.js";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-CZ1_wRdI.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-CoOqpkwS.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CZ1_wRdI.js";
+import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CoOqpkwS.js";
 const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
 CardContentBody.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CZ1_wRdI.js";
+import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CoOqpkwS.js";
 const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
 CardContentFooter.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CZ1_wRdI.js";
+import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CoOqpkwS.js";
 const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
 CardContentHeader.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-import { c as cardStyles } from "../../../chunks/Card.module-CZ1_wRdI.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as cardStyles } from "../../../chunks/Card.module-CoOqpkwS.js";
 const CardMedia = ({ children, className, ...attributes }) => {
   const classNames = clsx(cardStyles.cardMedia, className);
   return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });

package/components/Card/enums.js

@@ -4,6 +4,7 @@ var ECardContentPaddingSize = /* @__PURE__ */ ((ECardContentPaddingSize2) => {
   return ECardContentPaddingSize2;
 })(ECardContentPaddingSize || {});
 var ECardRoundingSize = /* @__PURE__ */ ((ECardRoundingSize2) => {
+  ECardRoundingSize2["LG"] = "lg";
   ECardRoundingSize2["MD"] = "md";
   ECardRoundingSize2["SM"] = "sm";
   return ECardRoundingSize2;

package/components/Card/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Card/enums.ts"],"sourcesContent":["/** Возможные размеры внутреннего отступа. */\nexport enum ECardContentPaddingSize {\n    MD = \"md\",\n    SM = \"sm\",\n}\n\n/** Возможные размеры скругления карточки. */\nexport enum ECardRoundingSize {\n    MD = \"md\",\n    SM = \"sm\",\n}\n\n/** Темы карточки */\nexport enum ECardTheme {\n    GENERAL = \"general\",\n    SECONDARY = \"secondary\",\n}\n"],"names":["ECardContentPaddingSize","ECardRoundingSize","ECardTheme"],"mappings":"AACO,IAAK,4CAAAA,6BAAL;AACHA,2BAAA,IAAA,IAAK;AACLA,2BAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAML,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,IAAA,IAAK;AACLA,qBAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAML,IAAK,+BAAAC,gBAAL;AACHA,cAAA,SAAA,IAAU;AACVA,cAAA,WAAA,IAAY;AAFJ,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Card/enums.ts"],"sourcesContent":["/** Возможные размеры внутреннего отступа. */\nexport enum ECardContentPaddingSize {\n    MD = \"md\",\n    SM = \"sm\",\n}\n\n/** Возможные размеры скругления карточки. */\nexport enum ECardRoundingSize {\n    LG = \"lg\",\n    MD = \"md\",\n    SM = \"sm\",\n}\n\n/** Темы карточки */\nexport enum ECardTheme {\n    GENERAL = \"general\",\n    SECONDARY = \"secondary\",\n}\n"],"names":["ECardContentPaddingSize","ECardRoundingSize","ECardTheme"],"mappings":"AACO,IAAK,4CAAAA,6BAAL;AACHA,2BAAA,IAAA,IAAK;AACLA,2BAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAML,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,IAAA,IAAK;AACLA,qBAAA,IAAA,IAAK;AACLA,qBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAOL,IAAK,+BAAAC,gBAAL;AACHA,cAAA,SAAA,IAAU;AACVA,cAAA,WAAA,IAAY;AAFJ,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;"}

package/components/Card/utils.js

@@ -1,6 +1,7 @@
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
-import { c as cardStyles } from "../../chunks/Card.module-CZ1_wRdI.js";
+import { c as cardStyles } from "../../chunks/Card.module-CoOqpkwS.js";
 const mapCardRoundingSizeToCssClass = {
+  [ECardRoundingSize.LG]: cardStyles.roundingLG,
   [ECardRoundingSize.MD]: cardStyles.roundingMD,
   [ECardRoundingSize.SM]: cardStyles.roundingSM
 };

package/components/Card/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Card/utils.ts"],"sourcesContent":["import { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Соответствие типа скругления карточки стилевому классу. */\nexport const mapCardRoundingSizeToCssClass = {\n    [ECardRoundingSize.MD]: cardStyles.roundingMD,\n    [ECardRoundingSize.SM]: cardStyles.roundingSM,\n};\n\n/** Соответствие темы карточки стилевому классу.  */\nexport const mapCardThemeToCssClass = {\n    [ECardTheme.GENERAL]: cardStyles.general,\n    [ECardTheme.SECONDARY]: cardStyles.secondary,\n};\n"],"names":[],"mappings":";;AAIO,MAAM,gCAAgC;AAAA,EACzC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AAAA,EACnC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AACvC;AAGO,MAAM,yBAAyB;AAAA,EAClC,CAAC,WAAW,OAAO,GAAG,WAAW;AAAA,EACjC,CAAC,WAAW,SAAS,GAAG,WAAW;AACvC;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/Card/utils.ts"],"sourcesContent":["import { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Соответствие типа скругления карточки стилевому классу. */\nexport const mapCardRoundingSizeToCssClass = {\n    [ECardRoundingSize.LG]: cardStyles.roundingLG,\n    [ECardRoundingSize.MD]: cardStyles.roundingMD,\n    [ECardRoundingSize.SM]: cardStyles.roundingSM,\n};\n\n/** Соответствие темы карточки стилевому классу.  */\nexport const mapCardThemeToCssClass = {\n    [ECardTheme.GENERAL]: cardStyles.general,\n    [ECardTheme.SECONDARY]: cardStyles.secondary,\n};\n"],"names":[],"mappings":";;AAIO,MAAM,gCAAgC;AAAA,EACzC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AAAA,EACnC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AAAA,EACnC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AACvC;AAGO,MAAM,yBAAyB;AAAA,EAClC,CAAC,WAAW,OAAO,GAAG,WAAW;AAAA,EACjC,CAAC,WAAW,SAAS,GAAG,WAAW;AACvC;"}