@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Calendar/components/CalendarViewDays.js

@@ -1,98 +1,170 @@
-import { jsxs as U, jsx as l } from "react/jsx-runtime";
-import { useContext as k, useCallback as O, useState as H, useEffect as L } from "react";
-import c from "moment";
-import { c as q } from "../../../chunks/vendor-D5cfSbgz.js";
-import { isDateOutOfRange as g, isDayDisabled as z } from "../utils.js";
-import { WEEKDAYS_SET as J } from "../../../consts/DateConst.js";
-import { CalendarViewContext as Q } from "../CalendarViewContext.js";
-import { s as y, C as X } from "../../../chunks/CalendarViewItem-DBzrBL3f.js";
-import { isKey as d } from "../../../utils/keyboard.js";
-import { ECalendarDateMarkType as Z, ECalendarViewMode as E } from "../enums.js";
-import { CalendarContext as ee } from "../CalendarContext.js";
-const me = ({ pickedDate: o, dayHtmlAttributes: D = {} }) => {
-  const { format: m, periodId: x, limitRange: h, viewDate: n, markedDays: f, disabledDays: w, onDateSelect: I, onPageChange: C } = k(ee), { viewItemFocusedRef: S } = k(Q), M = n.clone().startOf("month").startOf("week"), b = O(
-    (e) => g(e, h, "day") || z(e.format(m), w),
-    [h, w, m]
-  ), p = O(() => {
-    if (o && o.isSame(n, "month"))
-      return o;
-    {
-      const e = n.clone().startOf("month");
-      for (let a = 0; a < e.daysInMonth(); a++)
-        if (e.add(a, "day"), !b(e))
-          return e;
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useContext, useCallback, useState, useEffect } from "react";
+import moment from "moment";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { isDateOutOfRange, isDayDisabled } from "../utils.js";
+import { WEEKDAYS_SET } from "../../../consts/DateConst.js";
+import { CalendarViewContext } from "../CalendarViewContext.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BJ-8mNuL.js";
+import { isKey } from "../../../utils/keyboard.js";
+import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
+import { CalendarContext } from "../CalendarContext.js";
+const CalendarViewDays = ({ pickedDate, dayHtmlAttributes = {} }) => {
+  const { format, periodId, limitRange, viewDate, markedDays, disabledDays, onDateSelect, onPageChange } = useContext(CalendarContext);
+  const { viewItemFocusedRef } = useContext(CalendarViewContext);
+  const startDate = viewDate.clone().startOf("month").startOf("week");
+  const isDisabledDate = useCallback(
+    (date) => isDateOutOfRange(date, limitRange, "day") || isDayDisabled(date.format(format), disabledDays),
+    [limitRange, disabledDays, format]
+  );
+  const getInitialTabbableDate = useCallback(() => {
+    if (pickedDate && pickedDate.isSame(viewDate, "month")) {
+      return pickedDate;
+    } else {
+      const date = viewDate.clone().startOf("month");
+      for (let i = 0; i < date.daysInMonth(); i++) {
+        date.add(i, "day");
+        if (!isDisabledDate(date)) {
+          return date;
+        }
+      }
     }
-  }, [o, n, b]), [T, A] = H(p());
-  L(() => {
-    S.current || A(p());
-  }, [n, S, p]);
-  const N = () => {
-    const e = c.weekdays(!0), a = c.weekdaysMin(!0);
-    return /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", { children: J.map((t) => /* @__PURE__ */ l(
+  }, [pickedDate, viewDate, isDisabledDate]);
+  const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());
+  useEffect(() => {
+    if (!viewItemFocusedRef.current) {
+      setTabbableDate(getInitialTabbableDate());
+    }
+  }, [viewDate, viewItemFocusedRef, getInitialTabbableDate]);
+  const renderTableHead = () => {
+    const weekdays = moment.weekdays(true);
+    const weekdaysMin = moment.weekdaysMin(true);
+    return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: WEEKDAYS_SET.map((header) => /* @__PURE__ */ jsx(
       "th",
       {
-        className: y.calendarViewDaysHeader,
-        abbr: e[t],
-        children: a[t]
+        className: styles.calendarViewDaysHeader,
+        abbr: weekdays[header],
+        children: weekdaysMin[header]
       },
-      `calendar-table-header-${t}`
+      `calendar-table-header-${header}`
     )) }) });
-  }, V = () => /* @__PURE__ */ l("tbody", { className: y.calendarViewDaysBody, children: [0, 1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ l("tr", { children: [0, 1, 2, 3, 4, 5, 6].map((a) => W(e, a)) }, `calendar-table-row-${e}`)) }), W = (e, a) => {
-    const t = c(M).add(e * 7 + a, "day"), r = q({ [y.current]: v(t) }), s = B(t), u = b(t), $ = !u && _(t), j = P(t), R = K(t);
-    return /* @__PURE__ */ l(
-      X,
+  };
+  const renderTableBody = () => /* @__PURE__ */ jsx("tbody", { className: styles.calendarViewDaysBody, children: [0, 1, 2, 3, 4, 5].map((row) => /* @__PURE__ */ jsx("tr", { children: [0, 1, 2, 3, 4, 5, 6].map((cell) => renderTableData(row, cell)) }, `calendar-table-row-${row}`)) });
+  const renderTableData = (row, cell) => {
+    const date = moment(startDate).add(row * 7 + cell, "day");
+    const classNames = clsx({ [styles.current]: isCurrentDate(date) });
+    const active = isActiveDate(date);
+    const disabled = isDisabledDate(date);
+    const tabbable = !disabled && isTabbableDay(date);
+    const muted = isMutedDate(date);
+    const markType = getMarkType(date);
+    return /* @__PURE__ */ jsx(
+      CalendarViewItem,
       {
-        className: r,
-        ...typeof D == "function" ? D({ marked: R !== void 0 }) : D,
-        date: t,
+        className: classNames,
+        ...typeof dayHtmlAttributes === "function" ? dayHtmlAttributes({ marked: markType !== void 0 }) : dayHtmlAttributes,
+        date,
         unit: "day",
-        active: s,
-        disabled: u,
-        tabbable: $,
-        muted: j,
-        markType: R,
-        onKeyDown: F(t),
-        onDateSelect: G,
-        children: t.date()
+        active,
+        disabled,
+        tabbable,
+        muted,
+        markType,
+        onKeyDown: handleItemKeyDown(date),
+        onDateSelect: handleDateSelect,
+        children: date.date()
       },
-      `calendar-table-data-${a}`
+      `calendar-table-data-${cell}`
     );
-  }, _ = (e) => T ? e.isSame(T, "day") : !1, P = (e) => !e.isSame(n, "month"), v = (e) => e.isSame(c(), "day"), B = (e) => !!o && e.isSame(o, "day"), K = (e) => {
-    if (f) {
-      const a = e.format(m);
-      if (Array.isArray(f)) {
-        if (f.includes(a))
-          return Z.BASIC;
-      } else if (a in f)
-        return f[e.format(m)];
+  };
+  const isTabbableDay = (date) => {
+    if (tabbableDate) {
+      return date.isSame(tabbableDate, "day");
+    }
+    return false;
+  };
+  const isMutedDate = (date) => {
+    return !date.isSame(viewDate, "month");
+  };
+  const isCurrentDate = (date) => {
+    return date.isSame(moment(), "day");
+  };
+  const isActiveDate = (date) => {
+    return !!pickedDate && date.isSame(pickedDate, "day");
+  };
+  const getMarkType = (date) => {
+    if (markedDays) {
+      const day = date.format(format);
+      if (Array.isArray(markedDays)) {
+        if (markedDays.includes(day)) {
+          return ECalendarDateMarkType.BASIC;
+        }
+      } else if (day in markedDays) {
+        return markedDays[date.format(format)];
+      }
     }
-  }, i = (e, a, t, r) => {
-    const s = e.clone(), u = {
-      add: c.fn.add.bind(s),
-      subtract: c.fn.subtract.bind(s)
-    }[a];
-    for (; u(t, r); ) {
-      if (g(s, h, "day"))
-        return e;
-      if (!b(s))
+  };
+  const getShiftedDate = (currentDate, operation, amount, unit) => {
+    const day = currentDate.clone();
+    const shiftDay = {
+      add: moment.fn.add.bind(day),
+      subtract: moment.fn.subtract.bind(day)
+    }[operation];
+    while (shiftDay(amount, unit)) {
+      if (isDateOutOfRange(day, limitRange, "day")) {
+        return currentDate;
+      }
+      if (!isDisabledDate(day)) {
         break;
+      }
+    }
+    return day;
+  };
+  const handleItemKeyDown = (date) => (event) => {
+    const key = event.code || event.keyCode;
+    let nextFocusedDate;
+    if (isKey(key, "ARROW_RIGHT")) {
+      nextFocusedDate = getShiftedDate(date, "add", 1, "day");
+      event.preventDefault();
+    } else if (isKey(key, "ARROW_LEFT")) {
+      nextFocusedDate = getShiftedDate(date, "subtract", 1, "day");
+      event.preventDefault();
+    } else if (isKey(key, "ARROW_DOWN")) {
+      nextFocusedDate = getShiftedDate(date, "add", 1, "week");
+      event.preventDefault();
+    } else if (isKey(key, "ARROW_UP")) {
+      nextFocusedDate = getShiftedDate(date, "subtract", 1, "week");
+      event.preventDefault();
+    } else if (isKey(key, "PAGE_DOWN")) {
+      nextFocusedDate = getShiftedDate(date, "add", 1, "month");
+      event.preventDefault();
+    } else if (isKey(key, "PAGE_UP")) {
+      nextFocusedDate = getShiftedDate(date, "subtract", 1, "month");
+      event.preventDefault();
+    }
+    if (nextFocusedDate) {
+      changeTabbableDate(nextFocusedDate);
+    }
+  };
+  const handleDateSelect = (date) => {
+    onDateSelect(date);
+  };
+  const changeTabbableDate = (date) => {
+    setTabbableDate(date);
+    if (date.isBefore(viewDate, "month")) {
+      date = viewDate.clone().subtract(1, "month");
+      onPageChange(date, ECalendarViewMode.DAYS);
+    } else if (date.isAfter(viewDate, "month")) {
+      date = viewDate.clone().add(1, "month");
+      onPageChange(date, ECalendarViewMode.DAYS);
     }
-    return s;
-  }, F = (e) => (a) => {
-    const t = a.code || a.keyCode;
-    let r;
-    d(t, "ARROW_RIGHT") ? (r = i(e, "add", 1, "day"), a.preventDefault()) : d(t, "ARROW_LEFT") ? (r = i(e, "subtract", 1, "day"), a.preventDefault()) : d(t, "ARROW_DOWN") ? (r = i(e, "add", 1, "week"), a.preventDefault()) : d(t, "ARROW_UP") ? (r = i(e, "subtract", 1, "week"), a.preventDefault()) : d(t, "PAGE_DOWN") ? (r = i(e, "add", 1, "month"), a.preventDefault()) : d(t, "PAGE_UP") && (r = i(e, "subtract", 1, "month"), a.preventDefault()), r && Y(r);
-  }, G = (e) => {
-    I(e);
-  }, Y = (e) => {
-    A(e), e.isBefore(n, "month") ? (e = n.clone().subtract(1, "month"), C(e, E.DAYS)) : e.isAfter(n, "month") && (e = n.clone().add(1, "month"), C(e, E.DAYS));
   };
-  return /* @__PURE__ */ U("table", { className: y.calendarViewDays, role: "grid", "aria-labelledby": x, children: [
-    N(),
-    V()
+  return /* @__PURE__ */ jsxs("table", { className: styles.calendarViewDays, role: "grid", "aria-labelledby": periodId, children: [
+    renderTableHead(),
+    renderTableBody()
   ] });
 };
 export {
-  me as CalendarViewDays
+  CalendarViewDays
 };
 //# sourceMappingURL=CalendarViewDays.js.map

package/components/Calendar/components/CalendarViewDays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarViewDays.js","sources":["../../../../src/components/Calendar/components/CalendarViewDays.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport moment from \"moment\";\nimport clsx from \"clsx\";\nimport { isDateOutOfRange, isDayDisabled } from \"../utils\";\nimport { WEEKDAYS_SET } from \"../../../consts/DateConst\";\nimport { CalendarViewContext } from \"../CalendarViewContext\";\nimport { CalendarViewItem } from \"./CalendarViewItem\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { ECalendarDateMarkType, ECalendarViewMode } from \"../enums\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { ICalendarViewProps } from \"../types\";\nimport styles from \"../styles/CalendarView.module.less\";\n\n/** Свойства компонента CalendarViewDays. */\nexport interface ICalendarViewDaysProps extends Omit<\n    ICalendarViewProps,\n    \"monthHtmlAttributes\" | \"yearHtmlAttributes\"\n> {}\n\n/** Вид календаря с выбором дня. */\nexport const CalendarViewDays: React.FC<ICalendarViewDaysProps> = ({ pickedDate, dayHtmlAttributes = {} }) => {\n    const { format, periodId, limitRange, viewDate, markedDays, disabledDays, onDateSelect, onPageChange } =\n        useContext(CalendarContext);\n    const { viewItemFocusedRef } = useContext(CalendarViewContext);\n    const startDate = viewDate.clone().startOf(\"month\").startOf(\"week\");\n\n    /** Проверяет, является ли дата отключенной. */\n    const isDisabledDate = useCallback(\n        (date: moment.Moment) =>\n            isDateOutOfRange(date, limitRange, \"day\") || isDayDisabled(date.format(format), disabledDays),\n        [limitRange, disabledDays, format],\n    );\n\n    /** Получить первую доступную для фокуса дату. */\n    const getInitialTabbableDate = useCallback(() => {\n        if (pickedDate && pickedDate.isSame(viewDate, \"month\")) {\n            return pickedDate;\n        } else {\n            const date = viewDate.clone().startOf(\"month\");\n\n            for (let i = 0; i < date.daysInMonth(); i++) {\n                date.add(i, \"day\");\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 renderTableHead = () => {\n        const weekdays = moment.weekdays(true);\n        const weekdaysMin = moment.weekdaysMin(true);\n\n        return (\n            <thead>\n                <tr>\n                    {WEEKDAYS_SET.map((header) => (\n                        <th\n                            key={`calendar-table-header-${header}`}\n                            className={styles.calendarViewDaysHeader}\n                            abbr={weekdays[header]}\n                        >\n                            {weekdaysMin[header]}\n                        </th>\n                    ))}\n                </tr>\n            </thead>\n        );\n    };\n\n    /** Рендер тела таблицы. */\n    const renderTableBody = () => (\n        <tbody className={styles.calendarViewDaysBody}>\n            {[0, 1, 2, 3, 4, 5].map((row) => (\n                <tr key={`calendar-table-row-${row}`}>\n                    {[0, 1, 2, 3, 4, 5, 6].map((cell) => renderTableData(row, cell))}\n                </tr>\n            ))}\n        </tbody>\n    );\n\n    /** Рендер ячейки таблицы. */\n    const renderTableData = (row: number, cell: number) => {\n        const date = moment(startDate).add(row * 7 + cell, \"day\");\n        const classNames = clsx({ [styles.current]: isCurrentDate(date) });\n        const active = isActiveDate(date);\n        const disabled = isDisabledDate(date);\n        const tabbable = !disabled && isTabbableDay(date);\n        const muted = isMutedDate(date);\n        const markType = getMarkType(date);\n\n        return (\n            <CalendarViewItem\n                key={`calendar-table-data-${cell}`}\n                className={classNames}\n                {...(typeof dayHtmlAttributes === \"function\"\n                    ? dayHtmlAttributes({ marked: markType !== undefined })\n                    : dayHtmlAttributes)}\n                date={date}\n                unit=\"day\"\n                active={active}\n                disabled={disabled}\n                tabbable={tabbable}\n                muted={muted}\n                markType={markType}\n                onKeyDown={handleItemKeyDown(date)}\n                onDateSelect={handleDateSelect}\n            >\n                {date.date()}\n            </CalendarViewItem>\n        );\n    };\n\n    /** Проверяет, может ли дата получить фокус при навигации. */\n    const isTabbableDay = (date: moment.Moment) => {\n        if (tabbableDate) {\n            return date.isSame(tabbableDate, \"day\");\n        }\n\n        return false;\n    };\n\n    /** Проверяет, относится ли дата к текущему месяцу. */\n    const isMutedDate = (date: moment.Moment) => {\n        return !date.isSame(viewDate, \"month\");\n    };\n\n    /** Проверяет, является ли дата сегодняшней. */\n    const isCurrentDate = (date: moment.Moment) => {\n        return date.isSame(moment(), \"day\");\n    };\n\n    /** Проверяет, является ли дата активной. */\n    const isActiveDate = (date: moment.Moment) => {\n        return !!pickedDate && date.isSame(pickedDate, \"day\");\n    };\n\n    /** Проверяет, является ли дата отмеченной. */\n    const getMarkType = (date: moment.Moment) => {\n        if (markedDays) {\n            const day = date.format(format);\n\n            if (Array.isArray(markedDays)) {\n                if (markedDays.includes(day)) {\n                    return ECalendarDateMarkType.BASIC;\n                }\n            } else if (day in markedDays) {\n                return markedDays[date.format(format)];\n            }\n        }\n    };\n\n    /** Возвращает доступную для выбора дату после сдвига. */\n    const getShiftedDate = (\n        currentDate: moment.Moment,\n        operation: \"add\" | \"subtract\",\n        amount: number,\n        unit: \"day\" | \"week\" | \"month\",\n    ) => {\n        const day = currentDate.clone();\n        const shiftDay = {\n            add: moment.fn.add.bind(day),\n            subtract: moment.fn.subtract.bind(day),\n        }[operation];\n\n        while (shiftDay(amount, unit)) {\n            // Если вышли за пределы доступного периода – возвращаем текущий день.\n            if (isDateOutOfRange(day, limitRange, \"day\")) {\n                return currentDate;\n            }\n            // Если день доступен для выбора – выходим из поиска.\n            if (!isDisabledDate(day)) {\n                break;\n            }\n        }\n\n        return day;\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, \"day\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_LEFT\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 1, \"day\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_DOWN\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 1, \"week\");\n            event.preventDefault();\n        } else if (isKey(key, \"ARROW_UP\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 1, \"week\");\n            event.preventDefault();\n        } else if (isKey(key, \"PAGE_DOWN\")) {\n            nextFocusedDate = getShiftedDate(date, \"add\", 1, \"month\");\n            event.preventDefault();\n        } else if (isKey(key, \"PAGE_UP\")) {\n            nextFocusedDate = getShiftedDate(date, \"subtract\", 1, \"month\");\n            event.preventDefault();\n        }\n\n        if (nextFocusedDate) {\n            changeTabbableDate(nextFocusedDate);\n        }\n    };\n\n    /** Обработчик клика по дате. */\n    const handleDateSelect = (date: moment.Moment) => {\n        onDateSelect(date);\n    };\n\n    /** Изменение фокусируемой даты. */\n    const changeTabbableDate = (date: moment.Moment) => {\n        setTabbableDate(date);\n\n        if (date.isBefore(viewDate, \"month\")) {\n            date = viewDate.clone().subtract(1, \"month\");\n            onPageChange(date, ECalendarViewMode.DAYS);\n        } else if (date.isAfter(viewDate, \"month\")) {\n            date = viewDate.clone().add(1, \"month\");\n            onPageChange(date, ECalendarViewMode.DAYS);\n        }\n    };\n\n    return (\n        <table className={styles.calendarViewDays} role=\"grid\" aria-labelledby={periodId}>\n            {renderTableHead()}\n            {renderTableBody()}\n        </table>\n    );\n};\n"],"names":[],"mappings":"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"}

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D5cfSbgz.js";
+import "../../../chunks/vendor-Bco_z_Yi.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-DBzrBL3f.js";
+import { C } from "../../../chunks/CalendarViewItem-BJ-8mNuL.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarViewItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/components/Calendar/components/CalendarViewMonths.js

@@ -1,64 +1,132 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useContext as O, useCallback as R, useState as H, useEffect as F } from "react";
-import h from "moment";
-import { CalendarContext as G } from "../CalendarContext.js";
-import { CalendarViewContext as K } from "../CalendarViewContext.js";
-import { isDateOutOfRange as S } from "../utils.js";
-import { s as B, C as U } from "../../../chunks/CalendarViewItem-DBzrBL3f.js";
-import { isKey as i } from "../../../utils/keyboard.js";
-import { ECalendarPickType as Y, ECalendarViewMode as u } from "../enums.js";
-const Z = ({ pickedDate: r, monthHtmlAttributes: T = {} }) => {
-  const { pickType: w, periodId: A, limitRange: m, viewDate: o, onDateSelect: g, onPageChange: D, onViewChange: E } = O(G), { viewItemFocusedRef: y } = O(K), _ = h.monthsShort(), b = R(
-    (e) => S(e, m, "month"),
-    [m]
-  ), d = R(() => {
-    if (r && r.isSame(o, "year"))
-      return r;
-    {
-      const e = o.clone().startOf("year");
-      for (let t = 0; t < 12; t++)
-        if (e.add(t, "month"), !b(e))
-          return e;
+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-BJ-8mNuL.js";
+import { isKey } from "../../../utils/keyboard.js";
+import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
+const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {
+  const { pickType, periodId, limitRange, viewDate, onDateSelect, onPageChange, onViewChange } = useContext(CalendarContext);
+  const { viewItemFocusedRef } = useContext(CalendarViewContext);
+  const monthsShort = moment.monthsShort();
+  const isDisabledDate = useCallback(
+    (date) => isDateOutOfRange(date, limitRange, "month"),
+    [limitRange]
+  );
+  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;
+        }
+      }
     }
-  }, [r, o, b]), [p, C] = H(d());
-  F(() => {
-    y.current || C(d());
-  }, [o, y, d]);
-  const x = () => /* @__PURE__ */ f("tbody", { children: [0, 1, 2, 3].map((e) => /* @__PURE__ */ f("tr", { children: [0, 1, 2].map((t) => I(e, t)) }, `calendar-view-months-row-${e}`)) }), I = (e, t) => {
-    const a = e * 3 + t, n = o.clone().startOf("month").month(a), l = M(n), c = b(n), v = !c && N(n);
-    return /* @__PURE__ */ f(
-      U,
+  }, [pickedDate, viewDate, isDisabledDate]);
+  const [tabbableDate, setTabbableDate] = useState(getInitialTabbableDate());
+  useEffect(() => {
+    if (!viewItemFocusedRef.current) {
+      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 renderTableData = (row, cell) => {
+    const month = row * 3 + cell;
+    const date = viewDate.clone().startOf("month").month(month);
+    const active = isActiveDate(date);
+    const disabled = isDisabledDate(date);
+    const tabbable = !disabled && isTabbableDate(date);
+    return /* @__PURE__ */ jsx(
+      CalendarViewItem,
       {
-        ...T,
-        date: n,
+        ...monthHtmlAttributes,
+        date,
         unit: "month",
-        active: l,
-        disabled: c,
-        tabbable: v,
-        onKeyDown: P(n),
-        onDateSelect: V,
-        children: _[a]
+        active,
+        disabled,
+        tabbable,
+        onKeyDown: handleItemKeyDown(date),
+        onDateSelect: handleDateSelect,
+        children: monthsShort[month]
       },
-      `calendar-table-data-${t}`
+      `calendar-table-data-${cell}`
     );
-  }, M = (e) => r == null ? !1 : r.isSame(e, "month"), N = (e) => p ? e.isSame(p, "month") : !1, P = (e) => (t) => {
-    const a = t.code || t.keyCode;
-    let n;
-    i(a, "ARROW_RIGHT") ? (n = s(e, "add", 1, "month"), t.preventDefault()) : i(a, "ARROW_LEFT") ? (n = s(e, "subtract", 1, "month"), t.preventDefault()) : i(a, "ARROW_DOWN") ? (n = s(e, "add", 3, "month"), t.preventDefault()) : i(a, "ARROW_UP") ? (n = s(e, "subtract", 3, "month"), t.preventDefault()) : i(a, "PAGE_DOWN") ? (n = s(e, "add", 1, "year"), t.preventDefault()) : i(a, "PAGE_UP") && (n = s(e, "subtract", 1, "year"), t.preventDefault()), n && W(n);
-  }, s = (e, t, a, n) => {
-    const l = e.clone(), c = {
-      add: h.fn.add.bind(l),
-      subtract: h.fn.subtract.bind(l)
-    }[t];
-    return c(a, n), S(l, m, "month") ? e : l;
-  }, V = (e) => {
-    w === Y.MONTH_YEAR ? g(e) : E(e, u.DAYS);
-  }, W = (e) => {
-    C(e), e.isBefore(o, "year") ? (e = o.clone().subtract(1, "year"), D(e, u.MONTHS)) : e.isAfter(o, "year") && (e = o.clone().add(1, "year"), D(e, u.MONTHS));
   };
-  return /* @__PURE__ */ f("table", { className: B.calendarViewMonths, role: "grid", "aria-labelledby": A, children: x() });
+  const isActiveDate = (date) => {
+    if (pickedDate == null) {
+      return false;
+    }
+    return pickedDate.isSame(date, "month");
+  };
+  const isTabbableDate = (date) => {
+    if (tabbableDate) {
+      return date.isSame(tabbableDate, "month");
+    }
+    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;
+    }
+    return date;
+  };
+  const handleDateSelect = (date) => {
+    if (pickType === ECalendarPickType.MONTH_YEAR) {
+      onDateSelect(date);
+    } else {
+      onViewChange(date, ECalendarViewMode.DAYS);
+    }
+  };
+  const changeTabbableDate = (date) => {
+    setTabbableDate(date);
+    if (date.isBefore(viewDate, "year")) {
+      date = viewDate.clone().subtract(1, "year");
+      onPageChange(date, ECalendarViewMode.MONTHS);
+    } else if (date.isAfter(viewDate, "year")) {
+      date = viewDate.clone().add(1, "year");
+      onPageChange(date, ECalendarViewMode.MONTHS);
+    }
+  };
+  return /* @__PURE__ */ jsx("table", { className: styles.calendarViewMonths, role: "grid", "aria-labelledby": periodId, children: renderTableBody() });
 };
 export {
-  Z as CalendarViewMonths
+  CalendarViewMonths
 };
 //# sourceMappingURL=CalendarViewMonths.js.map

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

@@ -0,0 +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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"}