impact-nova 2.5.10 → 2.5.11

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

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