impact-nova 2.5.6 → 2.5.8

package/dist/components/forms/date-picker/fiscal-pass-through.js

@@ -0,0 +1,17 @@
+function n(a) {
+  return {
+    calendarKind: a.calendarKind,
+    fiscalMode: a.fiscalMode,
+    granularity: a.granularity,
+    fiscalMonthPattern: a.fiscalMonthPattern,
+    fiscalYearStartMonth: a.fiscalYearStartMonth,
+    fiscalConfig: a.fiscalConfig,
+    ...a.weekStartsOn !== void 0 ? { weekStartsOn: a.weekStartsOn } : {},
+    showPresets: a.showPresets,
+    comparison: a.comparison,
+    onComparisonChange: a.onComparisonChange
+  };
+}
+export {
+  n as fiscalCalendarPassThrough
+};

package/dist/components/forms/date-picker/fiscal-period-format.d.ts

@@ -0,0 +1,9 @@
+import { FiscalCalendarConfig } from '../../../lib/fiscal-calendar';
+import { MonthSelection } from '../../data-display/calendar';
+export declare function formatFiscalPeriod(month: MonthSelection): string | undefined;
+export declare function looksLikeFiscalPeriodInput(raw: string): boolean;
+export declare function parseFiscalPeriodInput(raw: string): {
+    period: number;
+    fy: number;
+} | null;
+export declare function monthSelectionFromFiscalInput(raw: string, fiscalConfig?: FiscalCalendarConfig): MonthSelection | null;

package/dist/components/forms/date-picker/fiscal-period-format.js

@@ -0,0 +1,50 @@
+import { parseCivilDate as d, localDateFromCivil as l } from "../../../lib/fiscal-calendar/civil-date.js";
+import { buildFiscalYear as a } from "../../../lib/fiscal-calendar/build-year.js";
+import { formatFiscalPeriodInput as f } from "../../data-display/calendar/calendar-fiscal-labels.js";
+const p = /^P(\d{1,2})\s+FY(\d{2}|\d{4})$/i;
+function F(t) {
+  if (!(t.period == null || t.fy == null))
+    return f(t.period, t.fy);
+}
+function P(t) {
+  return /^P/i.test(t.trim());
+}
+function s(t) {
+  const e = t.trim().match(p);
+  if (!e) return null;
+  const r = Number(e[1]);
+  let o = Number(e[2]);
+  return o < 100 && (o += 2e3), r < 1 || r > 13 ? null : { period: r, fy: o };
+}
+function I(t, e) {
+  const r = s(t);
+  if (!r) return null;
+  if (!e)
+    return {
+      year: r.fy,
+      month: Math.min(11, r.period - 1),
+      fy: r.fy,
+      period: r.period
+    };
+  try {
+    const i = a(e, r.fy).periods.find((u) => u.period === r.period);
+    if (!i) return null;
+    const n = d(i.start);
+    return {
+      year: n.y,
+      month: n.m - 1,
+      fy: i.fy,
+      period: i.period,
+      start: l(i.start),
+      end: l(i.end)
+    };
+  } catch {
+    return null;
+  }
+}
+export {
+  F as formatFiscalPeriod,
+  P as looksLikeFiscalPeriodInput,
+  I as monthSelectionFromFiscalInput,
+  s as parseFiscalPeriodInput
+};

package/dist/components/forms/date-picker/index.d.ts

@@ -16,3 +16,15 @@ export { MultiMonthPicker } from './multi-month-picker';
 export type { MultiMonthPickerProps } from './date-picker.types';
 export { MultiWeekPicker } from './multi-week-picker';
 export type { MultiWeekPickerProps } from './date-picker.types';
+export { QuarterPicker } from './quarter-picker';
+export type { QuarterPickerProps } from './date-picker.types';
+export { QuarterRangePicker } from './quarter-range-picker';
+export type { QuarterRangePickerProps } from './date-picker.types';
+export { MultiQuarterPicker } from './multi-quarter-picker';
+export type { MultiQuarterPickerProps } from './date-picker.types';
+export { YearPicker } from './year-picker';
+export type { YearPickerProps } from './date-picker.types';
+export { YearRangePicker } from './year-range-picker';
+export type { YearRangePickerProps } from './date-picker.types';
+export { MultiYearPicker } from './multi-year-picker';
+export type { MultiYearPickerProps } from './date-picker.types';

package/dist/components/forms/date-picker/index.js

@@ -4,17 +4,29 @@ import { MonthRangePicker as c } from "./month-range-picker.js";
 import { DateRangePicker as m } from "./date-range-picker.js";
 import { WeekPicker as x } from "./week-picker.js";
 import { WeekRangePicker as a } from "./week-range-picker.js";
-import { MultiDatePicker as M } from "./multi-date-picker.js";
-import { MultiMonthPicker as h } from "./multi-month-picker.js";
-import { MultiWeekPicker as u } from "./multi-week-picker.js";
+import { MultiDatePicker as u } from "./multi-date-picker.js";
+import { MultiMonthPicker as g } from "./multi-month-picker.js";
+import { MultiWeekPicker as R } from "./multi-week-picker.js";
+import { QuarterPicker as D } from "./quarter-picker.js";
+import { QuarterRangePicker as W } from "./quarter-range-picker.js";
+import { MultiQuarterPicker as b } from "./multi-quarter-picker.js";
+import { YearPicker as j } from "./year-picker.js";
+import { YearRangePicker as s } from "./year-range-picker.js";
+import { MultiYearPicker as w } from "./multi-year-picker.js";
 export {
   o as DatePicker,
   m as DateRangePicker,
   i as MonthPicker,
   c as MonthRangePicker,
-  M as MultiDatePicker,
-  h as MultiMonthPicker,
-  u as MultiWeekPicker,
+  u as MultiDatePicker,
+  g as MultiMonthPicker,
+  b as MultiQuarterPicker,
+  R as MultiWeekPicker,
+  w as MultiYearPicker,
+  D as QuarterPicker,
+  W as QuarterRangePicker,
   x as WeekPicker,
-  a as WeekRangePicker
+  a as WeekRangePicker,
+  j as YearPicker,
+  s as YearRangePicker
 };

package/dist/components/forms/date-picker/month-picker.js

@@ -1,224 +1,267 @@
-import { jsxs as P, jsx as s } from "react/jsx-runtime";
+import { jsx as l, jsxs as w } from "react/jsx-runtime";
 import * as o from "react";
-import { Cross as ne, CalendarMonth as re } from "impact-nova-icons";
-import { cn as oe } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as se, usePickerFooterDismissNudge as ie, isDateInputInvalid as ae, resolveSingleValueDismissFlash as ce, compareMonthSelection as le, handlePickerSurfacePointerDown as pe, maskDateInput as fe, parseDateInput as ue, resolveDateInputOnEnter as de, resolveDateInputOnBlur as me } from "./date-input-behavior.js";
-import { Input as he } from "../input/input.js";
-import { Popover as ye, PopoverAnchor as ge, PopoverContent as Me } from "../../feedback/popover/popover.js";
-import { Calendar as De } from "../../data-display/calendar/calendar.js";
-import { Tooltip as T, TooltipTrigger as O, TooltipContent as V } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as ke } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceSingleMonthApply as Pe, coerceSingleMonth as Ie } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Ce } from "../../../lib/date-bounds-matcher.js";
-const h = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, Se = o.forwardRef(
+import { Cross as ye, CalendarMonth as ge } from "impact-nova-icons";
+import { cn as ke } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as De, usePickerFooterDismissNudge as Me, isDateInputInvalid as K, resolveSingleValueDismissFlash as Pe, compareMonthSelection as Ie, handlePickerSurfacePointerDown as Se, maskDateInput as Ce, parseDateInput as xe, resolveDateInputOnEnter as Re, resolveDateInputOnBlur as be } from "./date-input-behavior.js";
+import { Input as Fe } from "../input/input.js";
+import { Calendar as we } from "../../data-display/calendar/calendar.js";
+import { Tooltip as $, TooltipTrigger as q, TooltipContent as G } from "../../feedback/tooltip/tooltip.js";
+import { useImpactNovaI18n as Ne } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceSingleMonthApply as Te, coerceSingleMonth as Ae } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as Ee } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as Oe } from "./fiscal-pass-through.js";
+import { DatePickerShell as Ve } from "./date-picker-shell.js";
+import { looksLikeFiscalPeriodInput as N, monthSelectionFromFiscalInput as T, formatFiscalPeriod as Be } from "./fiscal-period-format.js";
+import { resolveFiscalConfig as je } from "../../data-display/calendar/calendar-config.js";
+const y = (t) => {
+  const s = Be(t);
+  return s || `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`;
+}, Le = o.forwardRef(
   ({
     value: t,
-    onChange: p,
-    placeholder: B,
-    minDate: F,
-    maxDate: j,
-    startMonth: v,
-    endMonth: K,
-    showFooter: c = !0,
-    disabled: i,
-    className: Y,
-    onBlur: z,
-    ...H
-  }, $) => {
-    const { t: u } = ke(), L = B ?? u("datePicker.selectMonth"), I = o.useRef(null), x = o.useRef(null);
-    o.useImperativeHandle($, () => I.current);
-    const [r, R] = o.useState(!1), f = o.useCallback(() => {
-      R(!1);
-    }, []), d = (e) => {
-      if (!i) {
+    onChange: s,
+    placeholder: A,
+    minDate: J,
+    maxDate: Q,
+    startMonth: U,
+    endMonth: W,
+    showFooter: p = !0,
+    disabled: f,
+    className: X,
+    onBlur: Z,
+    calendarKind: S,
+    fiscalMode: E,
+    granularity: _,
+    fiscalMonthPattern: O,
+    fiscalYearStartMonth: V,
+    fiscalConfig: B,
+    showPresets: ee,
+    ...te
+  }, ne) => {
+    const { t: d } = Ne(), re = A ?? d("datePicker.selectMonth"), C = o.useRef(null), j = o.useRef(null);
+    o.useImperativeHandle(ne, () => C.current);
+    const [r, L] = o.useState(!1), u = o.useCallback(() => {
+      L(!1);
+    }, []), h = (e) => {
+      if (!f) {
         if (e) {
-          R(!0);
+          L(!0);
           return;
         }
-        f();
+        u();
       }
-    }, b = se(), { footerFlashKey: q, footerFlashTarget: G, popoverHandlers: J } = ie(c, r, b, x), [M, a] = o.useState(t), [m, l] = o.useState(t ? h(t) : ""), [Q, C] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
+    }, Y = De(), { footerFlashKey: oe, footerFlashTarget: ie, popoverHandlers: se } = Me(p, r, Y, j), [M, i] = o.useState(t), [c, a] = o.useState(t ? y(t) : ""), [ce, P] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
     o.useEffect(() => {
-      r || (l(t ? h(t) : ""), a(t));
+      r || (a(t ? y(t) : ""), i(t));
     }, [r, t]), o.useEffect(() => {
-      r && (a(t), C(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), l(t ? h(t) : ""));
+      r && (i(t), P(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), a(t ? y(t) : ""));
     }, [r, t]);
-    const U = (e) => {
-      const n = Ie(e);
-      a(n), n && l(h(n)), c || (p?.(n), f());
-    }, w = (e) => {
-      const n = Pe(e, M);
-      p?.(n), f();
-    }, S = () => {
-      a(t), l(t ? h(t) : ""), f();
-    }, N = () => {
-      a(void 0), l(""), p?.(void 0), c || f();
-    }, y = "MM/yyyy", D = t ? h(t) : "", g = o.useRef(!1), W = (e) => {
-      const n = fe(e.target.value, y, m);
-      if (l(n), n === "") {
-        a(void 0), c || p?.(void 0);
+    const ae = (e) => {
+      const n = Ae(e);
+      i(n), n && a(y(n)), p || (s?.(n), u());
+    }, v = (e) => {
+      const n = Te(e, M);
+      s?.(n), u();
+    }, x = () => {
+      i(t), a(t ? y(t) : ""), u();
+    }, z = () => {
+      i(void 0), a(""), s?.(void 0), p || u();
+    }, le = Oe({
+      calendarKind: S,
+      fiscalMode: E,
+      granularity: _,
+      fiscalMonthPattern: O,
+      fiscalYearStartMonth: V,
+      fiscalConfig: B,
+      showPresets: ee
+    }), R = je({
+      fiscalConfig: B,
+      calendarKind: S,
+      fiscalMode: E,
+      fiscalMonthPattern: O,
+      fiscalYearStartMonth: V
+    }), b = S === "fiscal", g = "MM/yyyy", k = t ? y(t) : "", D = o.useRef(!1), pe = (e) => {
+      const n = e.target.value;
+      if (b && N(n)) {
+        a(n);
+        const m = T(n, R);
+        m && (i(m), P(new Date(m.year, m.month, 1)), p || s?.(m));
         return;
       }
-      const { parsed: k, isValid: te } = ue(n, y);
-      if (te && k) {
-        const E = { month: k.getMonth(), year: k.getFullYear() };
-        a(E), C(k), c || p?.(E);
+      const F = Ce(n, g, c);
+      if (a(F), F === "") {
+        i(void 0), p || s?.(void 0);
+        return;
+      }
+      const { parsed: I, isValid: he } = xe(F, g);
+      if (he && I) {
+        const m = { month: I.getMonth(), year: I.getFullYear() };
+        i(m), P(I), p || s?.(m);
       }
-    }, X = () => {
+    }, fe = () => {
       if (r) return;
-      const e = me(m, y, D);
+      if (b && N(c)) {
+        const n = T(c, R);
+        if (n) {
+          a(y(n)), i(n), p || s?.(n);
+          return;
+        }
+        a(k), i(t);
+        return;
+      }
+      const e = be(c, g, k);
       if (e.resetToCommitted) {
-        l(D), a(t);
+        a(k), i(t);
         return;
       }
       if (e.parsed) {
         const n = { month: e.parsed.getMonth(), year: e.parsed.getFullYear() };
-        l(e.display), a(n), c || p?.(n);
+        a(e.display), i(n), p || s?.(n);
         return;
       }
-      l(D), a(t);
-    }, Z = () => {
-      if (r && c) {
-        w();
+      a(k), i(t);
+    }, ue = () => {
+      if (r && p) {
+        v();
         return;
       }
-      const e = de(m, y);
+      const e = Re(c, g);
       if (e.parsed) {
         const n = {
           month: e.parsed.getMonth(),
           year: e.parsed.getFullYear()
         };
-        c && (p?.(n), f());
+        p && (s?.(n), u());
         return;
       }
-      r || (g.current = !0, d(!0));
-    }, A = D !== m, _ = ae(m, y), ee = o.useCallback(
-      () => ce(
+      r || (D.current = !0, h(!0));
+    }, H = k !== c, me = b ? N(c) ? T(c, R) == null && c !== "" : K(c, g) : K(c, g), de = o.useCallback(
+      () => Pe(
         M,
         t,
-        (e, n) => le(e, n) === 0
+        (e, n) => Ie(e, n) === 0
       ),
       [M, t]
     );
     return o.useLayoutEffect(() => {
-      b.current = {
-        onDismiss: S,
-        resolveFlash: ee
+      Y.current = {
+        onDismiss: x,
+        resolveFlash: de
       };
-    }), /* @__PURE__ */ P(ye, { open: i ? !1 : r, onOpenChange: d, children: [
-      /* @__PURE__ */ s(ge, { asChild: !0, children: /* @__PURE__ */ s(
-        "div",
-        {
-          ref: x,
-          "data-component": "month-picker",
-          "data-state": r ? "open" : "closed",
-          "data-pending": A || void 0,
-          onPointerDown: (e) => pe({
-            disabled: i,
-            event: e,
-            onOpen: () => d(!0),
-            focusField: () => I.current?.focus()
-          }),
-          children: /* @__PURE__ */ s(
-            he,
-            {
-              ref: I,
-              value: m,
-              onChange: W,
-              onBlur: (e) => {
-                X(), z?.(e);
-              },
-              onClick: () => !i && d(!0),
-              onKeyDown: (e) => {
-                e.key === "Enter" && !i && (e.preventDefault(), Z()), e.key === "ArrowDown" && !r && !i && (e.preventDefault(), g.current = !0, d(!0)), e.key === "Escape" && r && (e.preventDefault(), S());
-              },
-              placeholder: r ? u("datePicker.monthYearFormat") : L,
-              disabled: i,
-              "data-form-control": "input",
-              className: oe(
-                "cursor-pointer",
-                _ ? "text-destructive" : A ? "text-content-placeholder" : "",
-                Y
-              ),
-              suffix: /* @__PURE__ */ P("div", { className: "flex items-center gap-1", children: [
-                t && !i && /* @__PURE__ */ P(T, { children: [
-                  /* @__PURE__ */ s(O, { asChild: !0, children: /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      tabIndex: 0,
-                      "aria-label": u("calendar.clear"),
-                      onClick: (e) => {
-                        e.stopPropagation(), N();
-                      },
-                      className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ s(ne, { className: "size-3 hover:text-content" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ s(V, { variant: "tertiary", side: "top", children: u("calendar.clear") })
+    }), /* @__PURE__ */ l(
+      Ve,
+      {
+        open: r,
+        disabled: f,
+        ariaLabel: d("datePicker.selectMonth"),
+        onOpenChange: h,
+        onOpenAutoFocus: (e) => {
+          D.current || e.preventDefault(), D.current = !1;
+        },
+        popoverHandlers: se,
+        trigger: /* @__PURE__ */ l(
+          "div",
+          {
+            ref: j,
+            "data-component": "month-picker",
+            "data-state": r ? "open" : "closed",
+            "data-pending": H || void 0,
+            onPointerDown: (e) => Se({
+              disabled: f,
+              event: e,
+              onOpen: () => h(!0),
+              focusField: () => C.current?.focus()
+            }),
+            children: /* @__PURE__ */ l(
+              Fe,
+              {
+                ref: C,
+                value: c,
+                onChange: pe,
+                onBlur: (e) => {
+                  fe(), Z?.(e);
+                },
+                onClick: () => !f && h(!0),
+                onKeyDown: (e) => {
+                  e.key === "Enter" && !f && (e.preventDefault(), ue()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), D.current = !0, h(!0)), e.key === "Escape" && r && (e.preventDefault(), x());
+                },
+                placeholder: r ? d("datePicker.monthYearFormat") : re,
+                disabled: f,
+                "data-form-control": "input",
+                className: ke(
+                  "cursor-pointer",
+                  me ? "text-destructive" : H ? "text-content-placeholder" : "",
+                  X
+                ),
+                suffix: /* @__PURE__ */ w("div", { className: "flex items-center gap-1", children: [
+                  t && !f && /* @__PURE__ */ w($, { children: [
+                    /* @__PURE__ */ l(q, { asChild: !0, children: /* @__PURE__ */ l(
+                      "button",
+                      {
+                        type: "button",
+                        tabIndex: 0,
+                        "aria-label": d("calendar.clear"),
+                        onClick: (e) => {
+                          e.stopPropagation(), z();
+                        },
+                        className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
+                        children: /* @__PURE__ */ l(ye, { className: "size-3 hover:text-content" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ l(G, { variant: "tertiary", side: "top", children: d("calendar.clear") })
+                  ] }),
+                  /* @__PURE__ */ w($, { children: [
+                    /* @__PURE__ */ l(q, { asChild: !0, children: /* @__PURE__ */ l(
+                      "button",
+                      {
+                        type: "button",
+                        tabIndex: 0,
+                        "data-component": "calendar-trigger",
+                        "aria-label": d("datePicker.selectMonth"),
+                        onClick: (e) => {
+                          e.stopPropagation(), f || (r ? u() : h(!0));
+                        },
+                        onKeyDown: (e) => {
+                          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), f || (D.current = !0, r ? u() : h(!0)));
+                        },
+                        className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
+                        children: /* @__PURE__ */ l(ge, { className: "h-4 w-4 text-secondary-foreground" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ l(G, { variant: "tertiary", side: "top", children: d("datePicker.selectMonth") })
+                  ] })
                 ] }),
-                /* @__PURE__ */ P(T, { children: [
-                  /* @__PURE__ */ s(O, { asChild: !0, children: /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      tabIndex: 0,
-                      "data-component": "calendar-trigger",
-                      "aria-label": u("datePicker.selectMonth"),
-                      onClick: (e) => {
-                        e.stopPropagation(), i || (r ? f() : d(!0));
-                      },
-                      onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), i || (g.current = !0, r ? f() : d(!0)));
-                      },
-                      className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ s(re, { className: "h-4 w-4 text-secondary-foreground" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ s(V, { variant: "tertiary", side: "top", children: u("datePicker.selectMonth") })
-                ] })
-              ] }),
-              ...H
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ s(
-        Me,
-        {
-          className: "w-auto p-0",
-          align: "start",
-          "aria-label": u("datePicker.selectMonth"),
-          onOpenAutoFocus: (e) => {
-            g.current || e.preventDefault(), g.current = !1;
-          },
-          ...J,
-          children: /* @__PURE__ */ s(
-            De,
-            {
-              pickerType: "month",
-              monthMode: "single",
-              selectedMonths: M,
-              footerFlashKey: q,
-              footerFlashTarget: G,
-              onMonthSelect: U,
-              month: Q,
-              onMonthChange: C,
-              disabled: Ce(F, j),
-              startMonth: v,
-              endMonth: K,
-              showFooter: c,
-              onApply: w,
-              onCancel: S,
-              onClear: N
-            }
-          )
-        }
-      )
-    ] });
+                ...te
+              }
+            )
+          }
+        ),
+        children: /* @__PURE__ */ l(
+          we,
+          {
+            pickerType: "month",
+            monthMode: "single",
+            selectedMonths: M,
+            footerFlashKey: oe,
+            footerFlashTarget: ie,
+            onMonthSelect: ae,
+            month: ce,
+            onMonthChange: P,
+            disabled: Ee(J, Q),
+            startMonth: U,
+            endMonth: W,
+            showFooter: p,
+            onApply: v,
+            onCancel: x,
+            onClear: z,
+            ...le
+          }
+        )
+      }
+    );
   }
 );
-Se.displayName = "MonthPicker";
+Le.displayName = "MonthPicker";
 export {
-  Se as MonthPicker
+  Le as MonthPicker
 };