@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/Calendar/Calendar.js

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

package/components/Calendar/CalendarContext.js

@@ -0,0 +1,22 @@
+import e from "react";
+import { j as a } from "../../chunks/vendor-BlJo2ILB.js";
+import { globalLimitRange as o, dateFormatYYYYMMDD as t } from "../../consts/DateConst.js";
+import { ECalendarViewMode as r, ECalendarPickType as i } from "./enums.js";
+const c = e.createContext({
+  format: t,
+  limitRange: o,
+  pickType: i.datePick,
+  viewDate: a().startOf("day"),
+  viewMode: r.DAYS,
+  periodId: "",
+  onDateSelect: () => {
+  },
+  onPageChange: () => {
+  },
+  onViewChange: () => {
+  }
+});
+export {
+  c as CalendarContext
+};
+//# sourceMappingURL=CalendarContext.js.map

package/components/Calendar/CalendarViewContext.js

@@ -0,0 +1,8 @@
+import e from "react";
+const o = e.createContext({
+  viewItemFocusedRef: { current: !1 }
+});
+export {
+  o as CalendarViewContext
+};
+//# sourceMappingURL=CalendarViewContext.js.map

package/components/Calendar/components/CalendarControls.js

@@ -0,0 +1,97 @@
+import { jsxs as T, jsx as s } from "react/jsx-runtime";
+import { useContext as D } from "react";
+import { CaretleftStrokeSrvIcon24 as B, CaretrightStrokeSrvIcon24 as v } from "@sberbusiness/icons-next";
+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 b, EButtonTheme as L } from "../../Button/enums.js";
+import { ECalendarViewMode as e } from "../enums.js";
+import { globalLimitRange as E } from "../../../consts/DateConst.js";
+import { EComponentSize as V } from "../../../enums/EComponentSize.js";
+const U = "calendarControls__b19a1ac3", j = {
+  calendarControls: U
+}, X = ({
+  children: m,
+  prevButtonProps: i = {},
+  nextButtonProps: d = {},
+  viewButtonProps: c = {}
+}) => {
+  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: b.CIRCLE,
+        disabled: t || N(),
+        onClick: R(o),
+        ...r,
+        children: /* @__PURE__ */ s(B, { paletteIndex: 5 })
+      }
+    );
+  }, g = () => {
+    const { disabled: t, onClick: o, ...r } = typeof d == "function" ? d(n) : d;
+    return /* @__PURE__ */ s(
+      A,
+      {
+        shape: b.CIRCLE,
+        disabled: t || Y(),
+        onClick: x(o),
+        ...r,
+        children: /* @__PURE__ */ s(v, { paletteIndex: 5 })
+      }
+    );
+  }, I = () => {
+    const { onClick: t, ...o } = typeof c == "function" ? c(n) : c;
+    return /* @__PURE__ */ s(
+      H,
+      {
+        id: S,
+        "aria-live": "polite",
+        theme: L.LINK,
+        size: V.SM,
+        onClick: M(t),
+        ...o,
+        children: m
+      }
+    );
+  }, 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 || 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 || E.dateTo, "day");
+  }, R = (t) => (o) => {
+    const r = C(), l = y(), f = a.clone().subtract(l, r);
+    h(f, n), t == null || t(o);
+  }, x = (t) => (o) => {
+    const r = C(), l = y(), f = a.clone().add(l, r);
+    h(f, n), t == null || t(o);
+  }, M = (t) => (o) => {
+    n === e.DAYS ? p(a, e.MONTHS) : n === e.MONTHS && p(a, e.YEARS), t == null || t(o);
+  }, C = () => {
+    switch (n) {
+      case e.DAYS:
+        return "month";
+      case e.MONTHS:
+      case e.YEARS:
+        return "year";
+    }
+  }, y = () => {
+    switch (n) {
+      case e.DAYS:
+      case e.MONTHS:
+        return 1;
+      case e.YEARS:
+        return 12;
+    }
+  };
+  return /* @__PURE__ */ T("div", { className: j.calendarControls, children: [
+    O(),
+    n === e.YEARS ? /* @__PURE__ */ s("span", { id: S, tabIndex: -1, "aria-live": "polite", children: m }) : I(),
+    g()
+  ] });
+};
+export {
+  X as CalendarControls
+};
+//# sourceMappingURL=CalendarControls.js.map

package/components/Calendar/components/CalendarFooter.js

@@ -0,0 +1,9 @@
+import { jsx as a } from "react/jsx-runtime";
+const e = "calendarFooter__5b36db54", r = {
+  calendarFooter: e
+}, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
+t.displayName = "CalendarFooter";
+export {
+  t as CalendarFooter
+};
+//# sourceMappingURL=CalendarFooter.js.map

package/components/Calendar/components/CalendarFooterButton.js

@@ -0,0 +1,31 @@
+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 { 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,
+      {
+        theme: N.SECONDARY,
+        size: w.SM,
+        onClick: c,
+        disabled: h(),
+        ...d,
+        ref: u
+      }
+    );
+  }
+);
+x.displayName = "CalendarFooterButton";
+export {
+  x as CalendarFooterButton
+};
+//# sourceMappingURL=CalendarFooterButton.js.map

package/components/Calendar/components/CalendarView.js

@@ -0,0 +1,30 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useContext as d, useRef as f } from "react";
+import { CalendarContext as C } from "../CalendarContext.js";
+import { CalendarViewContext as c } from "../CalendarViewContext.js";
+import { ECalendarViewMode as o } from "../enums.js";
+import { CalendarViewDays as l } from "./CalendarViewDays.js";
+import { CalendarViewMonths as w } from "./CalendarViewMonths.js";
+import { CalendarViewYears as p } from "./CalendarViewYears.js";
+const Y = ({
+  dayHtmlAttributes: t,
+  monthHtmlAttributes: n,
+  yearHtmlAttributes: a,
+  ...r
+}) => {
+  const { viewMode: i } = d(C), m = f(!1), s = () => {
+    switch (i) {
+      case o.DAYS:
+        return /* @__PURE__ */ e(l, { dayHtmlAttributes: t, ...r });
+      case o.MONTHS:
+        return /* @__PURE__ */ e(w, { monthHtmlAttributes: n, ...r });
+      case o.YEARS:
+        return /* @__PURE__ */ e(p, { yearHtmlAttributes: a, ...r });
+    }
+  };
+  return /* @__PURE__ */ e(c.Provider, { value: { viewItemFocusedRef: m }, children: s() });
+};
+export {
+  Y as CalendarView
+};
+//# sourceMappingURL=CalendarView.js.map

package/components/Calendar/components/CalendarViewDays.js

@@ -0,0 +1,100 @@
+import { jsxs as U, jsx as l } from "react/jsx-runtime";
+import { j as c, c as H } from "../../../chunks/vendor-BlJo2ILB.js";
+import { useContext as R, useCallback as O, useState as L, useEffect as q } from "react";
+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-CNP7C3l_.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 fe = ({
+  pickedDate: o,
+  dayHtmlAttributes: D = {}
+}) => {
+  const { format: m, periodId: x, limitRange: h, viewDate: n, markedDays: f, disabledDays: w, onDateSelect: I, onPageChange: C } = R(ee), { viewItemFocusedRef: S } = R(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;
+    }
+  }, [o, n, b]), [T, k] = L(p());
+  q(() => {
+    S.current || k(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(
+      "th",
+      {
+        className: y.calendarViewDaysHeader,
+        abbr: e[t],
+        children: a[t]
+      },
+      `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), Y = !u && _(t), $ = P(t), A = K(t);
+    return /* @__PURE__ */ l(
+      X,
+      {
+        className: r,
+        ...typeof D == "function" ? D({ marked: A !== void 0 }) : D,
+        date: t,
+        unit: "day",
+        active: s,
+        disabled: u,
+        tabbable: Y,
+        muted: $,
+        markType: A,
+        onKeyDown: j(t),
+        onDateSelect: F,
+        children: t.date()
+      },
+      `calendar-table-data-${a}`
+    );
+  }, _ = (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)];
+    }
+  }, 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))
+        break;
+    }
+    return s;
+  }, j = (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 && G(r);
+  }, F = (e) => {
+    I(e);
+  }, G = (e) => {
+    k(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()
+  ] });
+};
+export {
+  fe as CalendarViewDays
+};
+//# sourceMappingURL=CalendarViewDays.js.map

package/components/Calendar/components/CalendarViewItem.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "../../../chunks/vendor-BlJo2ILB.js";
+import "react";
+import "../enums.js";
+import "../CalendarViewContext.js";
+import "../../../utils/keyboard.js";
+import { C } from "../../../chunks/CalendarViewItem-CNP7C3l_.js";
+export {
+  C as CalendarViewItem
+};
+//# sourceMappingURL=CalendarViewItem.js.map

package/components/Calendar/components/CalendarViewMonths.js

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

package/components/Calendar/components/CalendarViewYears.js

@@ -0,0 +1,64 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useContext as h, useCallback as C, useState as v, useEffect as F } from "react";
+import { j as w } from "../../../chunks/vendor-BlJo2ILB.js";
+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 j } from "../../../chunks/CalendarViewItem-CNP7C3l_.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 } = h(N), { viewItemFocusedRef: D } = h(G), T = n.year(), b = C(
+    (e) => O(e, d, "year"),
+    [d]
+  ), u = C(() => {
+    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;
+    }
+  }, [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 t = T + e * 3 + a - 5, r = n.clone().startOf("year").year(t), l = I(r), c = b(r), Y = !c && V(r);
+    return /* @__PURE__ */ f(
+      j,
+      {
+        ...S,
+        date: r,
+        unit: "year",
+        active: l,
+        disabled: c,
+        tabbable: Y,
+        onKeyDown: W(r),
+        onDateSelect: _,
+        children: t
+      },
+      `calendar-table-data-${a}`
+    );
+  }, I = (e) => s == null ? !1 : s.isSame(e, "year"), V = (e) => p ? e.isSame(p, "year") : !1, W = (e) => (a) => {
+    const t = a.code || a.keyCode;
+    let r;
+    i(t, "ARROW_RIGHT") ? (r = o(e, "add", 1, "year"), a.preventDefault()) : i(t, "ARROW_LEFT") ? (r = o(e, "subtract", 1, "year"), a.preventDefault()) : i(t, "ARROW_DOWN") ? (r = o(e, "add", 3, "year"), a.preventDefault()) : i(t, "ARROW_UP") ? (r = o(e, "subtract", 3, "year"), a.preventDefault()) : i(t, "PAGE_DOWN") ? (r = o(e, "add", 12, "year"), a.preventDefault()) : i(t, "PAGE_UP") && (r = o(e, "subtract", 12, "year"), a.preventDefault()), r && P(r);
+  }, o = (e, a, t, r) => {
+    const l = e.clone(), c = {
+      add: w.fn.add.bind(l),
+      subtract: w.fn.subtract.bind(l)
+    }[a];
+    return c(t, r), 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() });
+};
+export {
+  Q as CalendarViewYears
+};
+//# sourceMappingURL=CalendarViewYears.js.map

package/components/Calendar/enums.js

@@ -0,0 +1,7 @@
+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 || {});
+export {
+  S as ECalendarDateMarkType,
+  I as ECalendarPickType,
+  N as ECalendarViewMode
+};
+//# sourceMappingURL=enums.js.map

package/components/Calendar/index.js

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

package/components/Calendar/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map