@sberbusiness/triplex-next 1.28.0 → 1.29.0

package/components/Calendar/Calendar.js

@@ -1,178 +1,184 @@
-var M = Object.defineProperty;
-var H = (m, d, t) => d in m ? M(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t;
-var c = (m, d, t) => H(m, typeof d != "symbol" ? d + "" : d, t);
-import { jsx as h, jsxs as S } from "react/jsx-runtime";
-import { u as I, c as R } from "../../chunks/vendor-DudMBGKr.js";
-import V from "react";
-import D from "moment";
-import { globalLimitRange as _, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
-import { ECalendarPickType as y, ECalendarViewMode as l } from "./enums.js";
-import { CalendarContext as w } from "./CalendarContext.js";
-import { CalendarControls as x } from "./components/CalendarControls.js";
-import { CalendarView as N } from "./components/CalendarView.js";
-import { CalendarFooter as E } from "./components/CalendarFooter.js";
-import { CalendarFooterButton as v } from "./components/CalendarFooterButton.js";
-import { parsePickedDate as f, formatDate as P, getHeader as j } from "./utils.js";
-const q = "calendar__0e698d5e", L = "adaptive__201e9210", g = {
+var x = Object.defineProperty;
+var F = (h, p, t) => p in h ? x(h, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[p] = t;
+var c = (h, p, t) => F(h, typeof p != "symbol" ? p + "" : p, t);
+import { jsx as f, jsxs as T } from "react/jsx-runtime";
+import E from "react";
+import { u as H, c as R } from "../../chunks/vendor-C_uS77iF.js";
+import y from "moment";
+import { globalLimitRange as I, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
+import { EComponentSize as A } from "../../enums/EComponentSize.js";
+import { ECalendarPickType as v, ECalendarViewMode as l } from "./enums.js";
+import { CalendarContext as B } from "./CalendarContext.js";
+import { CalendarControls as V } from "./components/CalendarControls.js";
+import { CalendarView as z } from "./components/CalendarView.js";
+import { CalendarFooter as N } from "./components/CalendarFooter.js";
+import { CalendarFooterButton as S } from "./components/CalendarFooterButton.js";
+import { parsePickedDate as D, formatDate as w, getHeader as j } from "./utils.js";
+const q = "calendar__e198c0b4", L = "extraBottom__595611a8", U = "adaptive__0e0a9cfb", C = {
   calendar: q,
-  adaptive: L
+  extraBottom: L,
+  adaptive: U
 };
-class k extends V.PureComponent {
+class k extends E.PureComponent {
   constructor(t) {
     super(t);
     // Уникальный идентификатор для связи периода с таблицей.
-    c(this, "periodId", `calendar-period-${I()}`);
+    c(this, "periodId", `calendar-period-${H()}`);
     /** Обработчик выбора даты. */
     c(this, "handleDateSelect", (t) => {
       this.props.onDateChange(t);
     });
     /** Обработчик смены страницы. */
-    c(this, "handlePageChange", (t, a) => {
-      const { onPageChange: o } = this.props;
+    c(this, "handlePageChange", (t, r) => {
+      const { onPageChange: e } = this.props;
       this.setState({
-        header: P(t, a),
+        header: w(t, r),
         viewDate: t
-      }), o == null || o(t, a);
+      }), e == null || e(t, r);
     });
     /** Обработчик изменения вида отображения. */
-    c(this, "handleViewChange", (t, a) => {
-      const { onViewChange: o } = this.props;
+    c(this, "handleViewChange", (t, r) => {
+      const { onViewChange: e } = this.props;
       this.setState({
-        header: P(t, a),
+        header: w(t, r),
         viewDate: t,
-        viewMode: a
-      }), o == null || o(t, a);
+        viewMode: r
+      }), e == null || e(t, r);
     });
     /** Рендер футера. */
     c(this, "renderFooter", () => {
-      const { pickType: t, yesterdayButtonProps: a, todayButtonProps: o, tomorrowButtonProps: r } = this.props, { viewDate: n, viewMode: e } = this.state;
-      let i, s;
-      t === y.datePick ? (i = D().startOf("day"), s = e === l.DAYS && n.isSame(i, "month")) : (i = D().startOf("month"), s = e === l.MONTHS && n.isSame(i, "year"));
-      const p = s && e === l.DAYS;
-      return /* @__PURE__ */ S(E, { children: [
-        p && a && /* @__PURE__ */ h(
-          v,
+      const { pickType: t, adaptiveMode: r, yesterdayButtonProps: e, todayButtonProps: o, tomorrowButtonProps: i } = this.props, { viewDate: a, viewMode: s } = this.state;
+      let n, d;
+      t === v.DATE ? (n = y().startOf("day"), d = s === l.DAYS && a.isSame(n, "month")) : (n = y().startOf("month"), d = s === l.MONTHS && a.isSame(n, "year"));
+      const m = d && s === l.DAYS, u = r ? A.MD : A.SM;
+      return /* @__PURE__ */ T(N, { children: [
+        m && e && /* @__PURE__ */ f(
+          S,
           {
-            date: i.clone().subtract(1, "day"),
-            currentPeriodSelected: s,
-            ...typeof a == "function" ? a(e) : a
+            size: u,
+            date: n.clone().subtract(1, "day"),
+            currentPeriodSelected: d,
+            ...typeof e == "function" ? e(s) : e
           }
         ),
-        /* @__PURE__ */ h(
-          v,
+        /* @__PURE__ */ f(
+          S,
           {
-            date: i,
-            currentPeriodSelected: s,
-            ...typeof o == "function" ? o({ viewMode: e, currentPeriodSelected: s }) : o
+            size: u,
+            date: n,
+            currentPeriodSelected: d,
+            ...typeof o == "function" ? o({ viewMode: s, currentPeriodSelected: d }) : o
           }
         ),
-        p && r && /* @__PURE__ */ h(
-          v,
+        m && i && /* @__PURE__ */ f(
+          S,
           {
-            date: i.clone().add(1, "day"),
-            currentPeriodSelected: s,
-            ...typeof r == "function" ? r(e) : r
+            size: u,
+            date: n.clone().add(1, "day"),
+            currentPeriodSelected: d,
+            ...typeof i == "function" ? i(s) : i
           }
         )
       ] });
     });
-    const { format: a, pickType: o, reversedPick: r } = this.props, n = f(this.props.pickedDate, a), e = this.getInitialViewDate(n);
-    let i;
-    r ? i = l.YEARS : o == y.monthYearPick ? i = l.MONTHS : i = l.DAYS;
-    const s = P(e, i);
+    const { format: r, pickType: e, reversedPick: o } = this.props, i = D(this.props.pickedDate, r), a = this.getInitialViewDate(i);
+    let s;
+    o ? s = l.YEARS : e == v.MONTH_YEAR ? s = l.MONTHS : s = l.DAYS;
+    const n = w(a, s);
     this.state = {
-      header: s,
-      pickedDate: n,
-      viewDate: e,
-      viewMode: i
+      header: n,
+      pickedDate: i,
+      viewDate: a,
+      viewMode: s
     };
   }
   /** Получить изначальную дату для навигации. */
   getInitialViewDate(t) {
-    const { defaultViewDate: a, format: o, limitRange: r } = this.props;
+    const { defaultViewDate: r, format: e, limitRange: o } = this.props;
     if (t && t.isValid())
       return t.clone();
-    if (a) {
-      const e = f(a, o);
-      if (e && e.isValid())
-        return e.clone();
-    }
-    const n = D().startOf("day");
     if (r) {
-      if (r.dateFrom && n.isBefore(r.dateFrom))
-        return r.dateFrom.clone();
-      if (r.dateTo && n.isAfter(r.dateTo))
-        return r.dateTo.clone();
+      const a = D(r, e);
+      if (a && a.isValid())
+        return a.clone();
+    }
+    const i = y().startOf("day");
+    if (o) {
+      if (o.dateFrom && i.isBefore(o.dateFrom))
+        return o.dateFrom.clone();
+      if (o.dateTo && i.isAfter(o.dateTo))
+        return o.dateTo.clone();
     }
-    return n;
+    return i;
   }
-  componentDidUpdate(t, a) {
-    const { format: o } = this.props, { viewDate: r } = this.state, { viewDate: n } = a, e = f(this.props.pickedDate, o), i = e == null ? void 0 : e.isValid(), s = i ? e : n, p = f(t.pickedDate, o);
-    if (!(!i || p != null && p.isSame(s, "day"))) {
-      let u = {};
-      r && !r.isSame(e, "month") && (u = {
+  componentDidUpdate(t, r) {
+    const { format: e } = this.props, { viewDate: o } = this.state, { viewDate: i } = r, a = D(this.props.pickedDate, e), s = a == null ? void 0 : a.isValid(), n = s ? a : i, d = D(t.pickedDate, e);
+    if (!(!s || d != null && d.isSame(n, "day"))) {
+      let m = {};
+      o && !o.isSame(a, "month") && (m = {
         currentTab: l.DAYS,
-        header: j(s),
-        viewDate: s.clone()
+        header: j(n),
+        viewDate: n.clone()
       }), this.setState({
-        ...u,
-        pickedDate: e
+        ...m,
+        pickedDate: a
       });
     }
   }
   render() {
     const {
       format: t,
-      pickType: a,
-      limitRange: o,
-      markedDays: r,
-      disabledDays: n,
-      dayHtmlAttributes: e,
-      monthHtmlAttributes: i,
-      yearHtmlAttributes: s,
-      prevButtonProps: p,
-      nextButtonProps: u,
-      viewButtonProps: C,
-      todayButtonProps: T
-    } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, F = R(g.calendar, {
-      [g.adaptive]: !!this.props.adaptiveMode
-    }), b = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: F, "data-tx": "1.28.0", children: /* @__PURE__ */ S(
-      w.Provider,
+      pickType: r,
+      limitRange: e,
+      markedDays: o,
+      disabledDays: i,
+      dayHtmlAttributes: a,
+      monthHtmlAttributes: s,
+      yearHtmlAttributes: n,
+      prevButtonProps: d,
+      nextButtonProps: m,
+      viewButtonProps: u,
+      todayButtonProps: g
+    } = this.props, { viewMode: P, viewDate: M, header: Y } = this.state, b = R(
+      C.calendar,
+      this.props.adaptiveMode ? C.adaptive : (P !== l.DAYS || g) && C.extraBottom
+    ), _ = D(this.props.pickedDate, t);
+    return /* @__PURE__ */ f("div", { className: b, "data-tx": "1.29.0", children: /* @__PURE__ */ T(
+      B.Provider,
       {
         value: {
           format: t,
-          limitRange: o,
-          pickType: a,
-          markedDays: r,
-          disabledDays: n,
-          viewDate: B,
-          viewMode: A,
+          limitRange: e,
+          pickType: r,
+          markedDays: o,
+          disabledDays: i,
+          viewDate: M,
+          viewMode: P,
           periodId: this.periodId,
           onDateSelect: this.handleDateSelect,
           onPageChange: this.handlePageChange,
           onViewChange: this.handleViewChange
         },
         children: [
-          /* @__PURE__ */ h(
-            x,
+          /* @__PURE__ */ f(
+            V,
             {
-              prevButtonProps: p,
-              nextButtonProps: u,
-              viewButtonProps: C,
+              prevButtonProps: d,
+              nextButtonProps: m,
+              viewButtonProps: u,
               children: Y
             }
           ),
-          /* @__PURE__ */ h(
-            N,
+          /* @__PURE__ */ f(
+            z,
             {
-              pickedDate: b,
-              dayHtmlAttributes: e,
-              monthHtmlAttributes: i,
-              yearHtmlAttributes: s
+              pickedDate: _,
+              dayHtmlAttributes: a,
+              monthHtmlAttributes: s,
+              yearHtmlAttributes: n
             }
           ),
-          T && this.renderFooter()
+          g && this.renderFooter()
         ]
       }
     ) });
@@ -180,9 +186,9 @@ class k extends V.PureComponent {
 }
 c(k, "defaultProps", {
   format: O,
-  limitRange: _,
-  pickType: y.datePick
-}), c(k, "contextType", w);
+  limitRange: I,
+  pickType: v.DATE
+}), c(k, "contextType", B);
 export {
   k as Calendar
 };

package/components/Calendar/CalendarContext.js

@@ -5,7 +5,7 @@ import { ECalendarViewMode as r, ECalendarPickType as i } from "./enums.js";
 const l = e.createContext({
   format: o,
   limitRange: a,
-  pickType: i.datePick,
+  pickType: i.DATE,
   viewDate: t().startOf("day"),
   viewMode: r.DAYS,
   periodId: "",

package/components/Calendar/components/CalendarControls.js

@@ -4,11 +4,11 @@ import { CaretleftStrokeSrvIcon24 as B, CaretrightStrokeSrvIcon24 as v } from "@
 import { CalendarContext as w } from "../CalendarContext.js";
 import { Button as H } from "../../Button/Button.js";
 import { ButtonIcon as A } from "../../Button/ButtonIcon.js";
-import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js";
+import { EButtonIconShape as b, EButtonTheme as L } from "../../Button/enums.js";
 import { ECalendarViewMode as e } from "../enums.js";
-import { globalLimitRange as O } from "../../../consts/DateConst.js";
+import { globalLimitRange as E } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__011359e1", j = {
+const U = "calendarControls__24f7b7c7", j = {
   calendarControls: U
 }, X = ({
   children: m,
@@ -16,12 +16,12 @@ const U = "calendarControls__011359e1", j = {
   nextButtonProps: d = {},
   viewButtonProps: c = {}
 }) => {
-  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), b = () => {
+  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), O = () => {
     const { disabled: t, onClick: o, ...r } = typeof i == "function" ? i(n) : i;
     return /* @__PURE__ */ s(
       A,
       {
-        shape: E.CIRCLE,
+        shape: b.CIRCLE,
         disabled: t || N(),
         onClick: R(o),
         ...r,
@@ -33,7 +33,7 @@ const U = "calendarControls__011359e1", j = {
     return /* @__PURE__ */ s(
       A,
       {
-        shape: E.CIRCLE,
+        shape: b.CIRCLE,
         disabled: t || Y(),
         onClick: x(o),
         ...r,
@@ -56,10 +56,10 @@ const U = "calendarControls__011359e1", j = {
     );
   }, N = () => {
     const t = a.clone();
-    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || O.dateFrom, "day");
+    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || E.dateFrom, "day");
   }, Y = () => {
     const t = a.clone();
-    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || O.dateTo, "day");
+    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || E.dateTo, "day");
   }, R = (t) => (o) => {
     const r = C(), l = y(), f = a.clone().subtract(l, r);
     h(f, n), t == null || t(o);
@@ -86,7 +86,7 @@ const U = "calendarControls__011359e1", j = {
     }
   };
   return /* @__PURE__ */ T("div", { className: j.calendarControls, children: [
-    b(),
+    O(),
     n === e.YEARS ? /* @__PURE__ */ s("span", { id: S, tabIndex: -1, "aria-live": "polite", children: m }) : I(),
     g()
   ] });

package/components/Calendar/components/CalendarFooter.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-const e = "calendarFooter__1b402190", r = {
+const e = "calendarFooter__9a1962b9", r = {
   calendarFooter: e
 }, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
 t.displayName = "CalendarFooter";

package/components/Calendar/components/CalendarFooterButton.js

@@ -1,31 +1,29 @@
-import { jsx as M } from "react/jsx-runtime";
-import O, { useContext as T } from "react";
-import { CalendarContext as g } from "../CalendarContext.js";
-import { Button as E } from "../../Button/Button.js";
-import { EButtonTheme as N } from "../../Button/enums.js";
+import { jsx as y } from "react/jsx-runtime";
+import A, { useContext as E } from "react";
+import { CalendarContext as O } from "../CalendarContext.js";
+import { Button as g } from "../../Button/Button.js";
+import { EButtonTheme as M } from "../../Button/enums.js";
 import { ECalendarPickType as f, ECalendarViewMode as o } from "../enums.js";
-import { isDateOutOfRange as l, isDayDisabled as R } from "../utils.js";
-import { EComponentSize as w } from "../../../enums/EComponentSize.js";
-const x = O.forwardRef(
-  ({ date: e, currentPeriodSelected: p, disabled: r, onClick: t, ...d }, u) => {
-    const { format: D, limitRange: i, pickType: n, viewMode: a, disabledDays: S, onPageChange: m, onViewChange: s, onDateSelect: C } = T(g), c = (y) => {
-      p ? C(e) : n === f.datePick ? a === o.DAYS ? m(e, o.DAYS) : s(e, o.DAYS) : a === o.MONTHS ? m(e, o.MONTHS) : s(e, o.MONTHS), t == null || t(y);
-    }, h = () => r !== void 0 ? r : n === f.datePick ? l(e, i, "day") || R(e.format(D), S) : l(e, i, "month");
-    return /* @__PURE__ */ M(
-      E,
+import { isDateOutOfRange as l, isDayDisabled as N } from "../utils.js";
+const R = A.forwardRef(
+  ({ date: e, currentPeriodSelected: p, disabled: t, onClick: r, ...D }, u) => {
+    const { format: d, limitRange: i, pickType: n, viewMode: a, disabledDays: C, onPageChange: m, onViewChange: s, onDateSelect: S } = E(O), T = (h) => {
+      p ? S(e) : n === f.DATE ? a === o.DAYS ? m(e, o.DAYS) : s(e, o.DAYS) : a === o.MONTHS ? m(e, o.MONTHS) : s(e, o.MONTHS), r == null || r(h);
+    }, c = () => t !== void 0 ? t : n === f.DATE ? l(e, i, "day") || N(e.format(d), C) : l(e, i, "month");
+    return /* @__PURE__ */ y(
+      g,
       {
-        theme: N.SECONDARY,
-        size: w.SM,
-        onClick: c,
-        disabled: h(),
-        ...d,
+        theme: M.SECONDARY,
+        ...D,
+        disabled: c(),
+        onClick: T,
         ref: u
       }
     );
   }
 );
-x.displayName = "CalendarFooterButton";
+R.displayName = "CalendarFooterButton";
 export {
-  x as CalendarFooterButton
+  R as CalendarFooterButton
 };
 //# sourceMappingURL=CalendarFooterButton.js.map

package/components/Calendar/components/CalendarViewDays.js

@@ -1,18 +1,15 @@
 import { jsxs as U, jsx as l } from "react/jsx-runtime";
-import { c as H } from "../../../chunks/vendor-DudMBGKr.js";
-import { useContext as k, useCallback as O, useState as L, useEffect as q } from "react";
+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-C_uS77iF.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-83koObqy.js";
+import { s as y, C as X } from "../../../chunks/CalendarViewItem-5_px9kHt.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 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]
@@ -25,8 +22,8 @@ const me = ({
         if (e.add(a, "day"), !b(e))
           return e;
     }
-  }, [o, n, b]), [T, A] = L(p());
-  q(() => {
+  }, [o, n, b]), [T, A] = H(p());
+  L(() => {
     S.current || A(p());
   }, [n, S, p]);
   const N = () => {
@@ -41,7 +38,7 @@ const me = ({
       `calendar-table-header-${t}`
     )) }) });
   }, 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 = H({ [y.current]: v(t) }), s = B(t), u = b(t), $ = !u && _(t), j = P(t), R = K(t);
+    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,
       {

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../chunks/vendor-DudMBGKr.js";
 import "react";
+import "../../../chunks/vendor-C_uS77iF.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-83koObqy.js";
+import { C } from "../../../chunks/CalendarViewItem-5_px9kHt.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -1,17 +1,17 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useContext as S, useCallback as O, useState as F, useEffect as G } from "react";
+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 H } from "../CalendarContext.js";
+import { CalendarContext as G } from "../CalendarContext.js";
 import { CalendarViewContext as K } from "../CalendarViewContext.js";
-import { isDateOutOfRange as R } from "../utils.js";
-import { s as B, C as U } from "../../../chunks/CalendarViewItem-83koObqy.js";
-import { isKey as l } from "../../../utils/keyboard.js";
+import { isDateOutOfRange as S } from "../utils.js";
+import { s as B, C as U } from "../../../chunks/CalendarViewItem-5_px9kHt.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: g, limitRange: f, viewDate: o, onDateSelect: A, onPageChange: D, onViewChange: P } = S(H), { viewItemFocusedRef: y } = S(K), x = h.monthsShort(), b = O(
-    (e) => R(e, f, "month"),
-    [f]
-  ), d = O(() => {
+  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;
     {
@@ -20,43 +20,43 @@ const Z = ({ pickedDate: r, monthHtmlAttributes: T = {} }) => {
         if (e.add(t, "month"), !b(e))
           return e;
     }
-  }, [r, o, b]), [p, C] = F(d());
-  G(() => {
+  }, [r, o, b]), [p, C] = H(d());
+  F(() => {
     y.current || C(d());
   }, [o, y, d]);
-  const E = () => /* @__PURE__ */ m("tbody", { children: [0, 1, 2, 3].map((e) => /* @__PURE__ */ m("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), i = V(n), c = b(n), v = !c && W(n);
-    return /* @__PURE__ */ m(
+  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,
       {
         ...T,
         date: n,
         unit: "month",
-        active: i,
+        active: l,
         disabled: c,
         tabbable: v,
-        onKeyDown: _(n),
-        onDateSelect: M,
-        children: x[a]
+        onKeyDown: P(n),
+        onDateSelect: V,
+        children: _[a]
       },
       `calendar-table-data-${t}`
     );
-  }, V = (e) => r == null ? !1 : r.isSame(e, "month"), W = (e) => p ? e.isSame(p, "month") : !1, _ = (e) => (t) => {
+  }, 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;
-    l(a, "ARROW_RIGHT") ? (n = s(e, "add", 1, "month"), t.preventDefault()) : l(a, "ARROW_LEFT") ? (n = s(e, "subtract", 1, "month"), t.preventDefault()) : l(a, "ARROW_DOWN") ? (n = s(e, "add", 3, "month"), t.preventDefault()) : l(a, "ARROW_UP") ? (n = s(e, "subtract", 3, "month"), t.preventDefault()) : l(a, "PAGE_DOWN") ? (n = s(e, "add", 1, "year"), t.preventDefault()) : l(a, "PAGE_UP") && (n = s(e, "subtract", 1, "year"), t.preventDefault()), n && N(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 i = e.clone(), c = {
-      add: h.fn.add.bind(i),
-      subtract: h.fn.subtract.bind(i)
+    const l = e.clone(), c = {
+      add: h.fn.add.bind(l),
+      subtract: h.fn.subtract.bind(l)
     }[t];
-    return c(a, n), R(i, f, "month") ? e : i;
-  }, M = (e) => {
-    w === Y.monthYearPick ? A(e) : P(e, u.DAYS);
-  }, N = (e) => {
+    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__ */ m("table", { className: B.calendarViewMonths, role: "grid", "aria-labelledby": g, children: E() });
+  return /* @__PURE__ */ f("table", { className: B.calendarViewMonths, role: "grid", "aria-labelledby": A, children: x() });
 };
 export {
   Z as CalendarViewMonths

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ 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-83koObqy.js";
+import { s as K, C as H } from "../../../chunks/CalendarViewItem-5_px9kHt.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { ECalendarViewMode as y } from "../enums.js";
 const Q = ({ pickedDate: s, yearHtmlAttributes: S = {} }) => {

package/components/Calendar/enums.js

@@ -1,4 +1,4 @@
-var I = /* @__PURE__ */ ((A) => (A[A.datePick = 0] = "datePick", A[A.monthYearPick = 1] = "monthYearPick", 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 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 || {});
 export {
   S as ECalendarDateMarkType,
   I as ECalendarPickType,