impact-nova 2.5.13 → 2.5.14

package/dist/components/data-display/calendar/calendar-day-picker-components.js

@@ -1,295 +1,365 @@
-import { jsx as i, jsxs as q } from "react/jsx-runtime";
-import * as v from "react";
-import { useDayPicker as le } from "react-day-picker";
-import { ChevronRight as J } from "impact-nova-icons";
-import { cn as y } from "../../../lib/utils.js";
-import { Button as M } from "../../primitives/button/button.js";
-import { Select as Q } from "../../forms/select/select.js";
-import { CalendarCaptionHeader as ce } from "./calendar-caption-header.js";
-import { CalendarDayButton as de } from "./calendar-day-button.js";
+import { jsx as s, jsxs as A } from "react/jsx-runtime";
+import * as y from "react";
+import { useDayPicker as ue } from "react-day-picker";
+import { ChevronRight as Q } from "impact-nova-icons";
+import { cn as w } from "../../../lib/utils.js";
+import { Button as U } from "../../primitives/button/button.js";
+import { Select as X } from "../../forms/select/select.js";
+import { CalendarCaptionHeader as fe } from "./calendar-caption-header.js";
+import { CalendarDayButton as me } from "./calendar-day-button.js";
 import { PanelIndexContext as P } from "./calendar-panel-context.js";
-import { CalendarWeekNumberCell as me } from "./calendar-week-number-cell.js";
-import { paneCivilMonthIndex as fe } from "./calendar-week-number-header.js";
-import { buildFiscalYear as ue } from "../../../lib/fiscal-calendar/build-year.js";
-import { civilMonthAtOffset as N, midMonthDate as F, visibleMonthForPeriod as U, periodForCivilMonth as X } from "./calendar-fiscal-period-nav.js";
-import { getAvailableMonths as pe } from "./calendar-month-utils.js";
-import { isCalendarPaddingWeek as Z, weekHasInMonthSelection as he, weekIntervalContinues as ve } from "./calendar-padding-week.utils.js";
-import { isForeignFiscalWeekRow as $, fiscalPeriodForWeek as L } from "./calendar-week-utils.js";
-import { FiscalPeriodCaptionSelect as xe } from "./fiscal-period-caption-select.js";
-function I(D, h, d) {
-  if (h != null && D)
+import { CalendarWeekNumberCell as pe } from "./calendar-week-number-cell.js";
+import { paneCivilMonthIndex as he } from "./calendar-week-number-header.js";
+import { buildFiscalYear as ve } from "../../../lib/fiscal-calendar/build-year.js";
+import { civilMonthAtOffset as S, midMonthDate as N, periodForFiscalYearChange as xe, visibleMonthForPeriod as Z, periodsAvailableInBounds as ye, periodForCivilMonth as $ } from "./calendar-fiscal-period-nav.js";
+import { getAvailableMonths as ke, isWeekSelectableInBounds as we } from "./calendar-month-utils.js";
+import { weekHasInMonthSelection as Pe, weekIntervalContinues as We } from "./calendar-padding-week.utils.js";
+import { shouldHideCalendarWeekRow as L, fiscalPeriodForWeek as T, isOwnedFiscalWeekRow as De } from "./calendar-week-utils.js";
+import { InjectedFiscalWeekRow as V } from "./calendar-injected-week-row.js";
+import { FiscalDayCell as Ie } from "./calendar-fiscal-day-cell.js";
+import { ownedWeeksOutsidePane as be, injectedWeekCollapseClass as ge } from "./calendar-leading-week.utils.js";
+import { FiscalPeriodCaptionSelect as Fe } from "./fiscal-period-caption-select.js";
+function O(m, v, d) {
+  if (v != null && m)
     try {
-      return ue(D, h).periods;
+      return ve(m, v).periods;
     } catch {
     }
   return d ?? [];
 }
-function ze({
-  buttonVariant: D,
-  pickerType: h,
+function K(m, v, d) {
+  const I = m.days[0]?.date, x = m.days[m.days.length - 1]?.date;
+  return !I || !x ? !1 : we(I, x, v, d);
+}
+function Se(m) {
+  return y.isValidElement(m) && !!m.props["aria-hidden"];
+}
+function Le({
+  buttonVariant: m,
+  pickerType: v,
   calendarKind: d,
+  granularity: I,
   currentMonth: x,
-  monthsFull: g,
-  monthsShort: T,
-  resolvedStartMonth: V,
-  resolvedEndMonth: K,
-  availableYears: C,
-  fiscalPeriods: S,
-  fiscalConfig: W,
-  weekStartsOn: ee,
-  previousMonthLabel: A,
-  nextMonthLabel: Y,
-  monthPlaceholder: j,
-  yearPlaceholder: te,
-  weekNumberLabel: oe,
-  weekNumberHeader: O,
-  weekLabel: ne,
-  fiscalWeekNumberLabel: re,
-  fiscalWeekAriaLabel: ie,
-  getCellMeta: c,
-  onMonthChange: k,
-  onWeekSelect: R,
-  periodRowHover: z = !1,
-  weekMode: B = "single",
-  showPeriodBoundaries: se = !1,
-  components: ae
+  monthsFull: R,
+  monthsShort: ee,
+  resolvedStartMonth: te,
+  resolvedEndMonth: oe,
+  availableYears: j,
+  fiscalPeriods: C,
+  fiscalConfig: k,
+  weekStartsOn: ne,
+  previousMonthLabel: B,
+  nextMonthLabel: z,
+  monthPlaceholder: _,
+  yearPlaceholder: re,
+  weekNumberLabel: ie,
+  weekNumberHeader: E,
+  weekLabel: se,
+  fiscalWeekNumberLabel: ae,
+  fiscalWeekAriaLabel: le,
+  getCellMeta: u,
+  onMonthChange: W,
+  onWeekSelect: H,
+  periodRowHover: G = !1,
+  weekMode: M = "single",
+  showPeriodBoundaries: de = !1,
+  disabled: F,
+  components: ce
 }) {
-  function _(e) {
+  function Y(e) {
     if (d !== "fiscal") return;
-    const t = N(x, e);
-    return X(
-      I(
-        W,
-        c?.(F(t))?.fy ?? c?.(t)?.fy,
-        S
+    const t = S(x, e);
+    return $(
+      O(
+        k,
+        u?.(N(t))?.fy ?? u?.(t)?.fy,
+        C
       ),
       t.getFullYear(),
       t.getMonth()
     )?.period;
   }
   return {
-    Root: ({ className: e, rootRef: t, ...o }) => /* @__PURE__ */ i("div", { "data-slot": "calendar", ref: t, className: y(e), ...o }),
-    Chevron: ({ className: e, orientation: t, ...o }) => t === "left" ? /* @__PURE__ */ i(
-      J,
+    Root: ({ className: e, rootRef: t, ...o }) => /* @__PURE__ */ s("div", { "data-slot": "calendar", ref: t, className: w(e), ...o }),
+    Chevron: ({ className: e, orientation: t, ...o }) => t === "left" ? /* @__PURE__ */ s(
+      Q,
       {
         size: 16,
-        className: y("rotate-180 text-content", e),
+        className: w("rotate-180 text-content", e),
         ...o
       }
-    ) : t === "right" ? /* @__PURE__ */ i(J, { size: 16, className: y("text-content", e), ...o }) : /* @__PURE__ */ i("span", {}),
-    PreviousMonthButton: (e) => /* @__PURE__ */ i(
-      M,
+    ) : t === "right" ? /* @__PURE__ */ s(Q, { size: 16, className: w("text-content", e), ...o }) : /* @__PURE__ */ s("span", {}),
+    PreviousMonthButton: (e) => /* @__PURE__ */ s(
+      U,
       {
-        variant: D,
+        variant: m,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": A,
-        title: A,
+        "aria-label": B,
+        title: B,
         ...e
       }
     ),
-    NextMonthButton: (e) => /* @__PURE__ */ i(
-      M,
+    NextMonthButton: (e) => /* @__PURE__ */ s(
+      U,
       {
-        variant: D,
+        variant: m,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": Y,
-        title: Y,
+        "aria-label": z,
+        title: z,
         ...e
       }
     ),
-    MonthCaption: ({ displayIndex: e, calendarMonth: t, ...o }) => /* @__PURE__ */ i("div", { ...o }),
-    Month: ({ calendarMonth: e, displayIndex: t, className: o, children: r, ...s }) => {
-      const l = v.Children.toArray(r), f = l[l.length - 1], a = l.slice(0, -1);
-      return /* @__PURE__ */ i(P.Provider, { value: t, children: /* @__PURE__ */ q("div", { className: y(o), ...s, children: [
-        a.length > 0 ? /* @__PURE__ */ i(ce, { children: a }) : null,
-        f
+    MonthCaption: ({ displayIndex: e, calendarMonth: t, ...o }) => /* @__PURE__ */ s("div", { ...o }),
+    Month: ({ calendarMonth: e, displayIndex: t, className: o, children: r, ...i }) => {
+      const c = y.Children.toArray(r), p = c[c.length - 1], a = c.slice(0, -1);
+      return /* @__PURE__ */ s(P.Provider, { value: t, children: /* @__PURE__ */ A("div", { className: w(o), ...i, children: [
+        a.length > 0 ? /* @__PURE__ */ s(fe, { children: a }) : null,
+        p
       ] }) });
     },
-    Months: ({ className: e, children: t, ...o }) => /* @__PURE__ */ i(
+    Weeks: ({ className: e, children: t, ...o }) => {
+      const r = y.useContext(P);
+      if (d !== "fiscal" || !k)
+        return /* @__PURE__ */ s("tbody", { className: e, ...o, children: t });
+      const i = S(x, r), c = Y(r), p = u?.(N(i))?.fy ?? u?.(i)?.fy, { leading: a, trailing: n } = be({
+        paneYear: i.getFullYear(),
+        paneMonthIndex: i.getMonth(),
+        panePeriod: c,
+        fiscalConfig: k,
+        fy: p
+      }), f = y.Children.toArray(t), l = [], D = [];
+      for (const h of f)
+        Se(h) ? D.push(h) : l.push(h);
+      const b = a.length + n.length;
+      return /* @__PURE__ */ A(
+        "tbody",
+        {
+          className: w(e, ge(b)),
+          "data-leading-week-count": a.length || void 0,
+          "data-trailing-week-count": n.length || void 0,
+          ...o,
+          children: [
+            a.map((h) => /* @__PURE__ */ s(
+              V,
+              {
+                fiscalWeek: h,
+                displayMonth: i
+              },
+              h.start
+            )),
+            l,
+            n.map((h) => /* @__PURE__ */ s(
+              V,
+              {
+                fiscalWeek: h,
+                displayMonth: i
+              },
+              h.start
+            )),
+            D
+          ]
+        }
+      );
+    },
+    Months: ({ className: e, children: t, ...o }) => /* @__PURE__ */ s(
       "div",
       {
         "data-slot": "day-months",
-        "data-period-row-hover": z ? "true" : void 0,
-        "data-week-gutter-track": h === "week" ? "true" : void 0,
-        className: y(e),
+        "data-period-row-hover": G ? "true" : void 0,
+        "data-week-gutter-track": v === "week" ? "true" : void 0,
+        className: w(e),
         ...o,
         children: t
       }
     ),
     DropdownNav: ({ children: e, className: t, ...o }) => {
       if (d !== "fiscal")
-        return /* @__PURE__ */ i("div", { className: t, ...o, children: e });
-      const r = v.Children.toArray(e), s = (n) => v.isValidElement(n) && n.key != null ? String(n.key) : "", l = r.find((n) => s(n).endsWith("year")), f = r.find((n) => s(n).endsWith("month")), a = r.filter((n) => {
-        const m = s(n);
-        return !m.endsWith("year") && !m.endsWith("month");
+        return /* @__PURE__ */ s("div", { className: t, ...o, children: e });
+      const r = y.Children.toArray(e), i = (n) => y.isValidElement(n) && n.key != null ? String(n.key) : "", c = r.find((n) => i(n).endsWith("year")), p = r.find((n) => i(n).endsWith("month")), a = r.filter((n) => {
+        const f = i(n);
+        return !f.endsWith("year") && !f.endsWith("month");
       });
-      return /* @__PURE__ */ q("div", { className: t, ...o, children: [
-        l,
-        f,
+      return /* @__PURE__ */ A("div", { className: t, ...o, children: [
+        c,
+        p,
         a
       ] });
     },
     MonthsDropdown: ({ value: e }) => {
-      const t = v.useContext(P), o = t > 0, r = N(x, t), s = r.getFullYear();
-      if (d === "fiscal" && W) {
-        const a = c?.(F(r)) ?? c?.(r), n = I(W, a?.fy, S), m = X(
+      const t = y.useContext(P), o = t > 0, r = S(x, t), i = r.getFullYear();
+      if (d === "fiscal" && k) {
+        const a = u?.(N(r)) ?? u?.(r), n = O(k, a?.fy, C), f = ye(n, F), l = $(
           n,
           r.getFullYear(),
           r.getMonth()
         );
-        return /* @__PURE__ */ i(
-          xe,
+        return /* @__PURE__ */ s(
+          Fe,
           {
-            periods: n,
-            selectedPeriod: m,
-            placeholder: j,
-            onPeriodChange: (u) => {
-              k(U(u, o));
+            periods: f,
+            selectedPeriod: l,
+            placeholder: _,
+            onPeriodChange: (D) => {
+              W(Z(D, o));
             }
           }
         );
       }
-      const f = pe(
-        s,
-        g,
-        V,
-        K
+      const p = ke(
+        i,
+        R,
+        te,
+        oe
       );
-      return /* @__PURE__ */ i(
-        Q,
+      return /* @__PURE__ */ s(
+        X,
         {
-          value: f.find((a) => a.value === e?.toString()),
+          value: p.find((a) => a.value === e?.toString()),
           onChange: (a) => {
             if (a && "value" in a) {
               const n = parseInt(a.value);
-              k(o ? new Date(s, n - 1, 1) : new Date(s, n, 1));
+              W(o ? new Date(i, n - 1, 1) : new Date(i, n, 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: f,
+          options: p,
           className: "w-[116px] shrink-0",
           menuWidth: "160px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: j
+          placeholder: _
         }
       );
     },
     YearsDropdown: ({ value: e }) => {
-      const t = v.useContext(P), o = t > 0, r = d === "fiscal" && W, s = N(x, t), l = r ? c?.(F(s)) ?? c?.(s) : void 0, f = r && l?.fy != null ? String(l.fy) : e?.toString();
-      return /* @__PURE__ */ i(
-        Q,
+      const t = y.useContext(P), o = t > 0, r = d === "fiscal" && k, i = S(x, t), c = r ? u?.(N(i)) ?? u?.(i) : void 0, p = r && c?.fy != null ? String(c.fy) : e?.toString();
+      return /* @__PURE__ */ s(
+        X,
         {
-          value: C.find((n) => n.value === f),
+          value: j.find((n) => n.value === p),
           onChange: (n) => {
             if (n && "value" in n) {
-              const m = parseInt(n.value);
+              const f = parseInt(n.value);
               if (r) {
-                const u = I(W, m, S), p = u.find((b) => b.period === l?.fiscalPeriod) ?? u[0];
-                p && k(U(p, o));
+                const l = xe({
+                  periods: O(k, f, C),
+                  preferredPeriod: c?.fiscalPeriod,
+                  disabled: F
+                });
+                l && W(Z(l, o));
                 return;
               }
               if (o) {
-                const u = new Date(
+                const l = new Date(
                   x.getFullYear(),
                   x.getMonth() + 1,
                   1
                 ).getMonth();
-                k(new Date(m, u - 1, 1));
+                W(new Date(f, l - 1, 1));
               } else
-                k(new Date(m, x.getMonth(), 1));
+                W(new Date(f, x.getMonth(), 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: C,
+          options: j,
           className: "w-[116px] shrink-0",
           menuWidth: "140px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: te
+          placeholder: re
         }
       );
     },
-    DayButton: (e) => /* @__PURE__ */ i(
-      de,
+    Day: (e) => {
+      if (d !== "fiscal") {
+        const { day: t, modifiers: o, children: r, ...i } = e;
+        return /* @__PURE__ */ s("td", { ...i, children: r });
+      }
+      return /* @__PURE__ */ s(Ie, { ...e });
+    },
+    DayButton: (e) => /* @__PURE__ */ s(
+      me,
       {
         ...e,
-        pickerType: h,
+        pickerType: v,
         modifiers: {
           ...e.modifiers,
-          ...se ? {
-            fiscal_period_start: !!c?.(e.day.date)?.isPeriodStart,
-            fiscal_period_end: !!c?.(e.day.date)?.isPeriodEnd
+          ...de ? {
+            fiscal_period_start: !!u?.(e.day.date)?.isPeriodStart,
+            fiscal_period_end: !!u?.(e.day.date)?.isPeriodEnd
           } : {}
         }
       }
     ),
-    Week: ({ week: e, className: t, children: o, onClick: r, ...s }) => {
-      const { isSelected: l } = le(), f = v.useContext(P), a = Z(e), n = h === "week", m = L(e, c), u = _(f), p = a || $({
+    Week: ({ week: e, className: t, children: o, onClick: r, ...i }) => {
+      const { isSelected: c } = ue(), p = y.useContext(P), a = v === "week", n = T(e, u), f = Y(p), l = L(e, {
         calendarKind: d,
-        weekPeriod: m,
-        panePeriod: u
-      }), b = z && !p ? m : void 0, E = !p && he(e, l), G = h === "week" && B !== "multiple" && B !== "multi-range" && E ? ve(e, l, {
+        weekPeriod: n,
+        panePeriod: f
+      }), D = G && !l ? n : void 0, b = a && !l && !K(e, F, I), h = !l && !b && Pe(e, c, {
+        includeOutside: De({ calendarKind: d, weekPeriod: n, panePeriod: f })
+      }), q = v === "week" && M !== "multiple" && M !== "multi-range" && h ? We(e, c, {
         joinAdjacentWeek: d === "fiscal",
-        panePeriod: u,
-        periodForDate: (w) => c?.(w)?.fiscalPeriod
+        panePeriod: f,
+        periodForDate: (g) => u?.(g)?.fiscalPeriod
       }) : { prev: !1, next: !1 };
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ s(
         "tr",
         {
-          className: y(
+          className: w(
             t,
-            p && "invisible order-last",
-            n && !p && "cursor-pointer"
+            l && "invisible order-last",
+            a && !l && !b && "cursor-pointer"
           ),
-          ...s,
-          "aria-hidden": p || void 0,
-          "data-fiscal-period": b,
-          "data-week-selected": E ? !0 : void 0,
-          "data-week-continues-next": G.next || void 0,
-          "data-week-continues-prev": G.prev || void 0,
-          onClick: n && !p ? (w) => {
-            if (r?.(w), w.defaultPrevented) return;
-            const H = w.target;
-            H.closest("button") || H.closest("[data-week-number]") || R(e);
+          ...i,
+          "aria-hidden": l || void 0,
+          "data-fiscal-period": D,
+          "data-week-selected": h ? !0 : void 0,
+          "data-week-continues-next": q.next || void 0,
+          "data-week-continues-prev": q.prev || void 0,
+          onClick: a && !l && !b ? (g) => {
+            if (r?.(g), g.defaultPrevented) return;
+            const J = g.target;
+            J.closest("button") || J.closest("[data-week-number]") || H(e);
           } : r,
           children: o
         }
       );
     },
     WeekNumber: ({ week: e, ...t }) => {
-      const o = v.useContext(P), r = Z(e) || $({
+      const o = y.useContext(P), r = L(e, {
         calendarKind: d,
-        weekPeriod: L(e, c),
-        panePeriod: _(o)
+        weekPeriod: T(e, u),
+        panePeriod: Y(o)
       });
-      return /* @__PURE__ */ i(
-        me,
+      return /* @__PURE__ */ s(
+        pe,
         {
           week: e,
-          weekStartsOn: ee,
-          pickerType: h,
+          weekStartsOn: ne,
+          pickerType: v,
           calendarKind: d,
-          weekNumberLabel: oe,
-          weekLabel: ne,
-          fiscalWeekNumberLabel: re,
-          fiscalWeekAriaLabel: ie,
-          getCellMeta: c,
-          onWeekSelect: R,
+          weekNumberLabel: ie,
+          weekLabel: se,
+          fiscalWeekNumberLabel: ae,
+          fiscalWeekAriaLabel: le,
+          getCellMeta: u,
+          onWeekSelect: H,
           ...t,
-          blank: r
+          blank: r,
+          blocked: v === "week" && !K(e, F, I)
         }
       );
     },
     WeekNumberHeader: (e) => {
-      const t = v.useContext(P), o = fe(d, x, t), r = o === void 0 ? O : T[o], s = o === void 0 ? O : g[o];
-      return /* @__PURE__ */ i("th", { ...e, "aria-label": s, children: r });
+      const t = y.useContext(P), o = he(d, x, t), r = o === void 0 ? E : ee[o], i = o === void 0 ? E : R[o];
+      return /* @__PURE__ */ s("th", { ...e, "aria-label": i, children: r });
     },
-    ...ae
+    ...ce
   };
 }
 export {
-  ze as buildCalendarDayPickerComponents
+  Le as buildCalendarDayPickerComponents
 };