@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Calendar/components/CalendarViewYears.js

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

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

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

package/components/Calendar/enums.js

@@ -1,7 +1,24 @@
-var I = /* @__PURE__ */ ((A) => (A.DATE = "date", A.MONTH_YEAR = "month_year", A))(I || {}), N = /* @__PURE__ */ ((A) => (A.DAYS = "days", A.MONTHS = "months", A.YEARS = "years", A))(N || {}), S = /* @__PURE__ */ ((A) => (A[A.BASIC = 0] = "BASIC", A[A.STANDARD = 1] = "STANDARD", A[A.ATTENTION = 2] = "ATTENTION", A[A.CRITICAL = 3] = "CRITICAL", A))(S || {});
+var ECalendarPickType = /* @__PURE__ */ ((ECalendarPickType2) => {
+  ECalendarPickType2["DATE"] = "date";
+  ECalendarPickType2["MONTH_YEAR"] = "month_year";
+  return ECalendarPickType2;
+})(ECalendarPickType || {});
+var ECalendarViewMode = /* @__PURE__ */ ((ECalendarViewMode2) => {
+  ECalendarViewMode2["DAYS"] = "days";
+  ECalendarViewMode2["MONTHS"] = "months";
+  ECalendarViewMode2["YEARS"] = "years";
+  return ECalendarViewMode2;
+})(ECalendarViewMode || {});
+var ECalendarDateMarkType = /* @__PURE__ */ ((ECalendarDateMarkType2) => {
+  ECalendarDateMarkType2[ECalendarDateMarkType2["BASIC"] = 0] = "BASIC";
+  ECalendarDateMarkType2[ECalendarDateMarkType2["STANDARD"] = 1] = "STANDARD";
+  ECalendarDateMarkType2[ECalendarDateMarkType2["ATTENTION"] = 2] = "ATTENTION";
+  ECalendarDateMarkType2[ECalendarDateMarkType2["CRITICAL"] = 3] = "CRITICAL";
+  return ECalendarDateMarkType2;
+})(ECalendarDateMarkType || {});
 export {
-  S as ECalendarDateMarkType,
-  I as ECalendarPickType,
-  N as ECalendarViewMode
+  ECalendarDateMarkType,
+  ECalendarPickType,
+  ECalendarViewMode
 };
 //# sourceMappingURL=enums.js.map

package/components/Calendar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Calendar/enums.ts"],"sourcesContent":["/** Вариант выбора даты в календаре. */\nexport enum ECalendarPickType {\n    DATE = \"date\",\n    MONTH_YEAR = \"month_year\",\n}\n\n/** Режим отображения календаря. */\nexport enum ECalendarViewMode {\n    DAYS = \"days\",\n    MONTHS = \"months\",\n    YEARS = \"years\",\n}\n\n/** Тип отметки даты календаря. */\nexport enum ECalendarDateMarkType {\n    BASIC,\n    STANDARD,\n    ATTENTION,\n    CRITICAL,\n}\n"],"names":["ECalendarPickType","ECalendarViewMode","ECalendarDateMarkType"],"mappings":"AACO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,MAAA,IAAO;AACPA,qBAAA,YAAA,IAAa;AAFL,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAML,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,MAAA,IAAO;AACPA,qBAAA,QAAA,IAAS;AACTA,qBAAA,OAAA,IAAQ;AAHA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAOL,IAAK,0CAAAC,2BAAL;AACHA,yBAAAA,uBAAA,OAAA,IAAA,CAAA,IAAA;AACAA,yBAAAA,uBAAA,UAAA,IAAA,CAAA,IAAA;AACAA,yBAAAA,uBAAA,WAAA,IAAA,CAAA,IAAA;AACAA,yBAAAA,uBAAA,UAAA,IAAA,CAAA,IAAA;AAJQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}

package/components/Calendar/index.js

@@ -1,9 +1,9 @@
-import { Calendar as r } from "./Calendar.js";
-import { ECalendarDateMarkType as o, ECalendarPickType as l, ECalendarViewMode as n } from "./enums.js";
+import { Calendar } from "./Calendar.js";
+import { ECalendarDateMarkType, ECalendarPickType, ECalendarViewMode } from "./enums.js";
 export {
-  r as Calendar,
-  o as ECalendarDateMarkType,
-  l as ECalendarPickType,
-  n as ECalendarViewMode
+  Calendar,
+  ECalendarDateMarkType,
+  ECalendarPickType,
+  ECalendarViewMode
 };
 //# sourceMappingURL=index.js.map

package/components/Calendar/index.js.map

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

package/components/Calendar/types.js.map

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

package/components/Calendar/utils.js

@@ -1,38 +1,56 @@
-import f from "moment";
-import { globalLimitRange as i, headerDateFormat as s } from "../../consts/DateConst.js";
-import { ECalendarViewMode as a } from "./enums.js";
-function Y(e, r) {
-  return e ? typeof e == "string" ? f(e, r) : e : null;
+import moment from "moment";
+import { globalLimitRange, headerDateFormat } from "../../consts/DateConst.js";
+import { ECalendarViewMode } from "./enums.js";
+function parsePickedDate(value, format) {
+  if (!value) {
+    return null;
+  } else if (typeof value === "string") {
+    return moment(value, format);
+  } else {
+    return value;
+  }
 }
-function c(e, r) {
-  let t;
-  return r && r.isValid() ? t = r : e && e.isValid() ? t = e : t = f(), t.format(s);
+function getHeader(pickedDate, date) {
+  let currentDate;
+  if (date && date.isValid()) {
+    currentDate = date;
+  } else if (pickedDate && pickedDate.isValid()) {
+    currentDate = pickedDate;
+  } else {
+    currentDate = moment();
+  }
+  return currentDate.format(headerDateFormat);
 }
-function l(e, r) {
-  const t = e || f();
-  switch (r) {
-    case a.DAYS:
-      return c(t);
-    case a.MONTHS:
-      return t.clone().format("YYYY");
-    case a.YEARS: {
-      const o = t.clone().add(-5, "y").format("YYYY"), n = t.clone().add(6, "y").format("YYYY");
-      return `${o} - ${n}`;
+function formatDate(viewDate, viewMode) {
+  const checkedDate = viewDate ? viewDate : moment();
+  switch (viewMode) {
+    case ECalendarViewMode.DAYS:
+      return getHeader(checkedDate);
+    case ECalendarViewMode.MONTHS:
+      return checkedDate.clone().format("YYYY");
+    case ECalendarViewMode.YEARS: {
+      const yearFrom = checkedDate.clone().add(-5, "y").format("YYYY");
+      const yearTo = checkedDate.clone().add(6, "y").format("YYYY");
+      return `${yearFrom} - ${yearTo}`;
     }
   }
 }
-function y(e, r, t) {
-  const o = r.dateFrom || i.dateFrom, n = r.dateTo || i.dateTo;
-  return e.isBefore(o, t) || e.isAfter(n, t);
+function isDateOutOfRange(date, limitRange, unit) {
+  const dateFrom = limitRange.dateFrom || globalLimitRange.dateFrom;
+  const dateTo = limitRange.dateTo || globalLimitRange.dateTo;
+  return date.isBefore(dateFrom, unit) || date.isAfter(dateTo, unit);
 }
-function D(e, r) {
-  return r === void 0 ? !1 : r.includes(e);
+function isDayDisabled(day, disabledDays) {
+  if (disabledDays === void 0) {
+    return false;
+  }
+  return disabledDays.includes(day);
 }
 export {
-  l as formatDate,
-  c as getHeader,
-  y as isDateOutOfRange,
-  D as isDayDisabled,
-  Y as parsePickedDate
+  formatDate,
+  getHeader,
+  isDateOutOfRange,
+  isDayDisabled,
+  parsePickedDate
 };
 //# sourceMappingURL=utils.js.map

package/components/Calendar/utils.js.map

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

package/components/Card/CardAction.js

@@ -1,92 +1,124 @@
-var y = Object.defineProperty;
-var b = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => b(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as R } from "react/jsx-runtime";
-import u from "react";
-import { CardContent as T } from "./components/CardContent/CardContent.js";
-import { CardMedia as _ } from "./components/CardMedia.js";
-import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
-import { EFocusSource as r } from "../../enums/EFocusSource.js";
-import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
-import { isKey as p } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-D5cfSbgz.js";
-import { c as B } from "../../chunks/Card.module-Pe2ogNIk.js";
-const O = "action__96070ccb", F = "selected__45f4039d", V = "focusVisible__9e32197d", a = {
-  action: O,
-  selected: F,
-  focusVisible: V
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { CardContent } from "./components/CardContent/CardContent.js";
+import { CardMedia } from "./components/CardMedia.js";
+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-Bco_z_Yi.js";
+import { c as cardStyles } from "../../chunks/Card.module-B4i6EAZJ.js";
+const action = "action__7c566012";
+const selected = "selected__517c537b";
+const focusVisible = "focusVisible__07c860b5";
+const actionStyles = {
+  action,
+  selected,
+  focusVisible
 };
-class l extends u.Component {
+class CardAction extends React__default.Component {
   constructor() {
     super(...arguments);
-    o(this, "state", {
-      focusSource: r.NONE,
+    __publicField(this, "state", {
+      focusSource: EFocusSource.NONE,
       isControlled: this.props.selected !== void 0,
       isSelected: !!this.props.selected
     });
-    o(this, "ref", u.createRef());
-    o(this, "handleClick", (e) => {
-      const { onClick: s } = this.props;
-      s == null || s(e), this.handleToggle();
+    __publicField(this, "ref", React__default.createRef());
+    __publicField(this, "handleClick", (event) => {
+      const { onClick } = this.props;
+      onClick == null ? void 0 : onClick(event);
+      this.handleToggle();
     });
-    o(this, "handleMouseDown", (e) => {
-      const { onMouseDown: s } = this.props, { focusSource: t } = this.state;
-      s == null || s(e), t || this.setState({ focusSource: r.MOUSE });
+    __publicField(this, "handleMouseDown", (event) => {
+      const { onMouseDown } = this.props;
+      const { focusSource } = this.state;
+      onMouseDown == null ? void 0 : onMouseDown(event);
+      if (!focusSource) {
+        this.setState({ focusSource: EFocusSource.MOUSE });
+      }
     });
-    o(this, "handleKeyDown", (e) => {
-      const { onKeyDown: s } = this.props;
-      s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
+    __publicField(this, "handleKeyDown", (event) => {
+      const { onKeyDown } = this.props;
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (isKey(event.keyCode, "SPACE")) {
+        event.preventDefault();
+        this.handleToggle();
+      } else if (isKey(event.keyCode, "ENTER")) {
+        this.handleToggle();
+      }
     });
-    o(this, "handleFocus", (e) => {
-      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
-      s == null || s(e), !t && n === e.target && this.setState({ focusSource: r.KEYBOARD });
+    __publicField(this, "handleFocus", (event) => {
+      const { onFocus } = this.props;
+      const { focusSource } = this.state;
+      const { current } = this.ref;
+      onFocus == null ? void 0 : onFocus(event);
+      if (!focusSource && current === event.target) {
+        this.setState({ focusSource: EFocusSource.KEYBOARD });
+      }
     });
-    o(this, "handleBlur", (e) => {
-      const { onBlur: s } = this.props, { current: t } = this.ref;
-      s == null || s(e), t !== document.activeElement && t === e.target && this.setState({ focusSource: r.NONE });
+    __publicField(this, "handleBlur", (event) => {
+      const { onBlur } = this.props;
+      const { current } = this.ref;
+      onBlur == null ? void 0 : onBlur(event);
+      if (current !== document.activeElement && current === event.target) {
+        this.setState({ focusSource: EFocusSource.NONE });
+      }
     });
-    o(this, "handleToggle", () => {
-      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: n, isSelected: d } = this.state;
-      n ? e == null || e(!s) : this.setState(
-        (h) => ({ isSelected: !h.isSelected }),
-        () => t == null ? void 0 : t(!d)
-      );
+    __publicField(this, "handleToggle", () => {
+      const { toggle, selected: selected2, onToggle } = this.props;
+      const { isControlled, isSelected } = this.state;
+      if (isControlled) {
+        toggle == null ? void 0 : toggle(!selected2);
+      } else {
+        this.setState(
+          (prevState) => ({ isSelected: !prevState.isSelected }),
+          () => onToggle == null ? void 0 : onToggle(!isSelected)
+        );
+      }
     });
   }
-  componentDidUpdate(e) {
-    const { selected: s, onToggle: t } = this.props;
-    s !== e.selected && (t == null || t(!!s));
+  componentDidUpdate(prevProps) {
+    const { selected: selected2, onToggle } = this.props;
+    if (selected2 !== prevProps.selected) {
+      onToggle == null ? void 0 : onToggle(!!selected2);
+    }
   }
   render() {
     const {
-      children: e,
-      className: s,
-      onClick: t,
-      onMouseDown: n,
-      onKeyDown: d,
-      onFocus: h,
-      onBlur: z,
-      roundingSize: f = M.MD,
-      onToggle: A,
-      selected: m,
-      toggle: U,
-      theme: S = w.GENERAL,
-      ...C
-    } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
-      B.card,
-      a.action,
-      K[S],
-      x[f],
+      children,
+      className,
+      onClick,
+      onMouseDown,
+      onKeyDown,
+      onFocus,
+      onBlur,
+      roundingSize = ECardRoundingSize.MD,
+      onToggle,
+      selected: selected2,
+      toggle,
+      theme = ECardTheme.GENERAL,
+      ...attributes
+    } = this.props;
+    const { isControlled, isSelected, focusSource } = this.state;
+    const classNames = clsx(
+      cardStyles.card,
+      actionStyles.action,
+      mapCardThemeToCssClass[theme],
+      mapCardRoundingSizeToCssClass[roundingSize],
       {
-        [a.focusVisible]: D === r.KEYBOARD,
-        [a.selected]: E ? !!m : g
+        [actionStyles.focusVisible]: focusSource === EFocusSource.KEYBOARD,
+        [actionStyles.selected]: isControlled ? !!selected2 : isSelected
       },
-      s
+      className
     );
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: N,
+        className: classNames,
         tabIndex: 0,
         onClick: this.handleClick,
         onMouseDown: this.handleMouseDown,
@@ -94,16 +126,18 @@ class l extends u.Component {
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         role: "button",
-        ...C,
+        ...attributes,
         ref: this.ref,
-        "data-tx": "1.34.0",
-        children: e
+        "data-tx": "1.35.0",
+        children
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", _);
+__publicField(CardAction, "displayName", "CardAction");
+__publicField(CardAction, "Content", CardContent);
+__publicField(CardAction, "Media", CardMedia);
 export {
-  l as CardAction
+  CardAction
 };
 //# sourceMappingURL=CardAction.js.map

package/components/Card/CardAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardAction.js","sources":["../../../src/components/Card/CardAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardActionProps } from \"@sberbusiness/triplex-next/components/Card/types\";\nimport { CardContent } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/CardContent\";\nimport { CardMedia } from \"@sberbusiness/triplex-next/components/Card/components/CardMedia\";\nimport { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport { EFocusSource } from \"@sberbusiness/triplex-next/enums/EFocusSource\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport actionStyles from \"./styles/Action.module.less\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Состояния интерактивной карточки. */\ninterface ICardActionState {\n    /** Выбрана или нет. */\n    isSelected: boolean;\n    /** Контролируемая или нет. */\n    isControlled: boolean;\n    /** Источник фокуса. */\n    focusSource: EFocusSource;\n}\n\n/** Компонент \"Интерактивная карточка\". */\nexport class CardAction extends React.Component<ICardActionProps, ICardActionState> {\n    public static displayName = \"CardAction\";\n\n    public static Content = CardContent;\n    public static Media = CardMedia;\n\n    public state = {\n        focusSource: EFocusSource.NONE,\n        isControlled: this.props.selected !== undefined,\n        isSelected: !!this.props.selected,\n    };\n\n    public componentDidUpdate(prevProps: Readonly<ICardActionProps>): void {\n        const { selected, onToggle } = this.props;\n\n        if (selected !== prevProps.selected) {\n            onToggle?.(!!selected);\n        }\n    }\n\n    private ref = React.createRef<HTMLDivElement>();\n\n    public render(): JSX.Element {\n        const {\n            children,\n            className,\n            onClick,\n            onMouseDown,\n            onKeyDown,\n            onFocus,\n            onBlur,\n            roundingSize = ECardRoundingSize.MD,\n            onToggle,\n            selected,\n            toggle,\n            theme = ECardTheme.GENERAL,\n            ...attributes\n        } = this.props;\n        const { isControlled, isSelected, focusSource } = this.state;\n        const classNames = clsx(\n            cardStyles.card,\n            actionStyles.action,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            {\n                [actionStyles.focusVisible]: focusSource === EFocusSource.KEYBOARD,\n                [actionStyles.selected]: isControlled ? !!selected : isSelected,\n            },\n            className,\n        );\n\n        return (\n            <div\n                className={classNames}\n                tabIndex={0}\n                onClick={this.handleClick}\n                onMouseDown={this.handleMouseDown}\n                onKeyDown={this.handleKeyDown}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                role=\"button\"\n                {...attributes}\n                ref={this.ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    public handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onClick } = this.props;\n\n        onClick?.(event);\n        this.handleToggle();\n    };\n\n    public handleMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onMouseDown } = this.props;\n        const { focusSource } = this.state;\n\n        onMouseDown?.(event);\n        if (!focusSource) {\n            this.setState({ focusSource: EFocusSource.MOUSE });\n        }\n    };\n\n    public handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        const { onKeyDown } = this.props;\n\n        onKeyDown?.(event);\n        if (isKey(event.keyCode, \"SPACE\")) {\n            event.preventDefault();\n            this.handleToggle();\n        } else if (isKey(event.keyCode, \"ENTER\")) {\n            this.handleToggle();\n        }\n    };\n\n    public handleFocus = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onFocus } = this.props;\n        const { focusSource } = this.state;\n        const { current } = this.ref;\n\n        onFocus?.(event);\n        if (!focusSource && current === event.target) {\n            this.setState({ focusSource: EFocusSource.KEYBOARD });\n        }\n    };\n\n    public handleBlur = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onBlur } = this.props;\n        const { current } = this.ref;\n\n        onBlur?.(event);\n        if (current !== document.activeElement && current === event.target) {\n            this.setState({ focusSource: EFocusSource.NONE });\n        }\n    };\n\n    public handleToggle = (): void => {\n        const { toggle, selected, onToggle } = this.props;\n        const { isControlled, isSelected } = this.state;\n\n        if (isControlled) {\n            toggle?.(!selected);\n        } else {\n            this.setState(\n                (prevState) => ({ isSelected: !prevState.isSelected }),\n                () => onToggle?.(!isSelected),\n            );\n        }\n    };\n}\n"],"names":["React","selected"],"mappings":"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"}