impact-nova 2.5.8 → 2.5.9

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

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

package/dist/components/data-display/calendar/calendar-fiscal-labels.js

@@ -17,7 +17,7 @@ const a = [
 function u(r, t = "fy-short") {
   return c(r, t);
 }
-function p(r, t) {
+function d(r, t) {
   if (t)
     try {
       const n = f(t, r);
@@ -28,7 +28,7 @@ function p(r, t) {
 }
 function $(r, t) {
   const n = l(r), e = l(t);
-  return n.y === e.y && n.m === e.m ? `${a[n.m - 1]} ${n.d} – ${e.d}` : n.y === e.y ? `${a[n.m - 1]} ${n.d} – ${a[e.m - 1]} ${e.d}` : `${a[n.m - 1]} ${n.d} ${n.y} – ${a[e.m - 1]} ${e.d} ${e.y}`;
+  return n.y === e.y ? `${a[n.m - 1]} ${n.d} – ${a[e.m - 1]} ${e.d}` : `${a[n.m - 1]} ${n.d} ${n.y} – ${a[e.m - 1]} ${e.d} ${e.y}`;
 }
 function Q(r) {
   return `Period ${r.period} (${$(r.start, r.end)})`;
@@ -52,11 +52,11 @@ function s(r) {
 function L(r, t) {
   return `P${r} ${u(t)}`;
 }
-function y(r, t) {
+function b(r, t) {
   return `Q${r} ${u(t)}`;
 }
 function P(r) {
-  return r.fy != null ? y(r.quarter, r.fy) : `Q${r.quarter} ${r.year}`;
+  return r.fy != null ? b(r.quarter, r.fy) : `Q${r.quarter} ${r.year}`;
 }
 function I(r, t = "fy-long") {
   return r.fy != null ? u(r.fy, t) : String(r.year);
@@ -77,7 +77,7 @@ function R(r, t) {
 }
 export {
   L as formatFiscalPeriodInput,
-  y as formatFiscalQuarterInput,
+  b as formatFiscalQuarterInput,
   u as formatFiscalYearLabel,
   m as formatPeriodCell,
   F as formatPeriodOption,
@@ -86,5 +86,5 @@ export {
   P as formatQuarterInput,
   R as formatQuarterLabelsForYear,
   I as formatYearInput,
-  p as formatYearIntervalCaption
+  d as formatYearIntervalCaption
 };

package/dist/components/data-display/calendar/calendar-fiscal-period-nav.d.ts

@@ -0,0 +1,16 @@
+import { FiscalPeriod } from '../../../lib/fiscal-calendar';
+/** Local midnight on the 15th. FY can change on the 1st of a civil month. */
+export declare function midMonthDate(month: Date): Date;
+export declare function civilMonthAtOffset(month: Date, offset: number): Date;
+/** Civil month (0-indexed) where `period` has the most days. */
+export declare function dominantCivilMonthForPeriod(period: FiscalPeriod): {
+    year: number;
+    monthIndex: number;
+};
+/**
+ * Month the week/date grid should show after picking a fiscal period.
+ * Dual-month range pickers pass `isRightPanel` so the period lands on the right pane.
+ */
+export declare function visibleMonthForPeriod(period: FiscalPeriod, isRightPanel: boolean): Date;
+/** Period that occupies the most days of a civil month (caption selected value). */
+export declare function periodForCivilMonth(periods: readonly FiscalPeriod[], year: number, monthIndex: number): FiscalPeriod | undefined;

package/dist/components/data-display/calendar/calendar-fiscal-period-nav.js

@@ -0,0 +1,41 @@
+import { setDate as m, startOfMonth as s, addMonths as h } from "date-fns";
+import { parseCivilDate as d, toCivilDate as l, lastDayOfMonth as y, compareCivil as u, diffDays as v, minCivil as M, maxCivil as p } from "../../../lib/fiscal-calendar/civil-date.js";
+function x(t) {
+  return m(s(t), 15);
+}
+function b(t, n) {
+  return s(h(t, n));
+}
+function c(t, n, o, e) {
+  const r = l(o, e + 1, 1), a = y(o, e + 1), i = p(t, r), f = M(n, a);
+  return u(i, f) > 0 ? 0 : v(f, i) + 1;
+}
+function C(t) {
+  const n = d(t.start);
+  let o = { year: n.y, monthIndex: n.m - 1, days: 0 };
+  const e = t.gregorianMonthSpan.length > 0 ? t.gregorianMonthSpan : [{ year: n.y, month: n.m - 1 }];
+  for (const { year: r, month: a } of e) {
+    const i = c(t.start, t.end, r, a);
+    i > o.days && (o = { year: r, monthIndex: a, days: i });
+  }
+  return { year: o.year, monthIndex: o.monthIndex };
+}
+function I(t, n) {
+  const { year: o, monthIndex: e } = C(t), r = s(new Date(o, e, 1));
+  return n ? h(r, -1) : r;
+}
+function O(t, n, o) {
+  let e, r = 0;
+  for (const a of t) {
+    const i = c(a.start, a.end, n, o);
+    i > r && (e = a, r = i);
+  }
+  return e;
+}
+export {
+  b as civilMonthAtOffset,
+  C as dominantCivilMonthForPeriod,
+  x as midMonthDate,
+  O as periodForCivilMonth,
+  I as visibleMonthForPeriod
+};

package/dist/components/data-display/calendar/use-fiscal-calendar.js

@@ -1,24 +1,25 @@
-import * as r from "react";
-import { civilFromLocalDate as i } from "../../../lib/fiscal-calendar/civil-date.js";
-import { buildFiscalYear as m } from "../../../lib/fiscal-calendar/build-year.js";
-import { getCellMeta as s } from "../../../lib/fiscal-calendar/lookup.js";
-function p(e, l) {
-  const t = l.getFullYear(), a = r.useMemo(() => {
-    if (e)
+import * as a from "react";
+import { civilFromLocalDate as o } from "../../../lib/fiscal-calendar/civil-date.js";
+import { buildFiscalYear as d } from "../../../lib/fiscal-calendar/build-year.js";
+import { getCellMeta as l } from "../../../lib/fiscal-calendar/lookup.js";
+import { midMonthDate as n } from "./calendar-fiscal-period-nav.js";
+function F(t, r) {
+  const m = n(r), e = (t && l(t, o(m))?.fy) ?? r.getFullYear(), u = a.useMemo(() => {
+    if (t)
       try {
-        return m(e, t);
+        return d(t, e);
       } catch {
         return;
       }
-  }, [e, t]), o = r.useCallback(
-    (u) => {
-      if (e)
-        return s(e, i(u));
+  }, [t, e]), i = a.useCallback(
+    (s) => {
+      if (t)
+        return l(t, o(s));
     },
-    [e]
+    [t]
   );
-  return { model: a, getCellMeta: o };
+  return { model: u, getCellMeta: i };
 }
 export {
-  p as useFiscalCalendar
+  F as useFiscalCalendar
 };