impact-nova 2.5.10 → 2.5.12

package/dist/components/forms/date-picker/quarter-range-picker.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import * as t from "react";
-import { Cross as Z, CalendarMonth as _ } from "impact-nova-icons";
-import { cn as q } from "../../../lib/utils.js";
-import { Input as ee } from "../input/input.js";
-import { Calendar as re } from "../../data-display/calendar/calendar.js";
+import { Cross as q, CalendarMonth as ee } from "impact-nova-icons";
+import { cn as re } from "../../../lib/utils.js";
+import { Input as te } from "../input/input.js";
+import { Calendar as ne } from "../../data-display/calendar/calendar.js";
 import { Tooltip as C, TooltipTrigger as x, TooltipContent as b } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as te } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as ne } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as oe } from "./fiscal-pass-through.js";
-import { DatePickerShell as ae } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as ie, usePickerFooterDismissNudge as ce, handleReadonlyPickerKeyDown as se, handlePickerSurfacePointerDown as le } from "./date-input-behavior.js";
+import { useImpactNovaI18n as oe } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as ae } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as ie } from "./fiscal-pass-through.js";
+import { DatePickerShell as ce } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as se, usePickerFooterDismissNudge as le, handleReadonlyPickerKeyDown as fe, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
 import { formatQuarterInput as D } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromQuarter as fe } from "../../data-display/calendar/calendar-quarter-utils.js";
-const pe = t.forwardRef(
+import { viewMonthFromQuarter as de } from "../../data-display/calendar/calendar-quarter-utils.js";
+const me = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -30,29 +30,33 @@ const pe = t.forwardRef(
     fiscalMonthPattern: w,
     fiscalYearStartMonth: K,
     fiscalConfig: j,
-    showPresets: F,
-    showPeriodBoundaries: $,
-    ...z
-  }, E) => {
-    const { t: a } = te(), H = Q ?? a("datePicker.selectQuarterRange"), m = t.useRef(null), y = t.useRef(null);
-    t.useImperativeHandle(E, () => m.current);
-    const [i, c] = t.useState(!1), u = t.useRef(!1), k = ie(), { footerFlashKey: L, footerFlashTarget: V, popoverHandlers: B } = ce(l, i, k, y), [P, f] = t.useState(n), [G, J] = t.useState(fe(n?.from));
+    weekStartsOn: F,
+    showPresets: $,
+    showPeriodBoundaries: z,
+    autoNavigateToAvailable: E,
+    ...H
+  }, L) => {
+    const { t: a } = oe(), V = Q ?? a("datePicker.selectQuarterRange"), m = t.useRef(null), y = t.useRef(null);
+    t.useImperativeHandle(L, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), k = se(), { footerFlashKey: B, footerFlashTarget: G, popoverHandlers: J } = le(l, i, k, y), [P, f] = t.useState(n), [U, W] = t.useState(de(n?.from));
     t.useEffect(() => {
       i || f(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), U = oe({
+    const p = t.useCallback(() => c(!1), []), X = ie({
       calendarKind: M,
       fiscalMode: O,
       granularity: T,
       fiscalMonthPattern: w,
       fiscalYearStartMonth: K,
       fiscalConfig: j,
-      showPresets: F,
-      showPeriodBoundaries: $
-    }), W = (e) => {
+      weekStartsOn: F,
+      showPresets: $,
+      showPeriodBoundaries: z,
+      autoNavigateToAvailable: E
+    }), Y = (e) => {
       const s = e && !Array.isArray(e) && ("from" in e || "to" in e) ? e : void 0;
       f(s), l || (d?.(s), s?.to && p());
-    }, X = () => {
+    }, Z = () => {
       d?.(P), p();
     }, h = () => {
       f(n), p();
@@ -62,9 +66,9 @@ const pe = t.forwardRef(
     t.useLayoutEffect(() => {
       k.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const Y = n?.from ? `${D(n.from)}${n.to ? ` – ${D(n.to)}` : ""}` : "";
+    const _ = n?.from ? `${D(n.from)}${n.to ? ` – ${D(n.to)}` : ""}` : "";
     return /* @__PURE__ */ r(
-      ae,
+      ce,
       {
         open: i,
         disabled: o,
@@ -75,26 +79,26 @@ const pe = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: B,
+        popoverHandlers: J,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: y,
             "data-component": "quarter-range-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => le({
+            onPointerDown: (e) => pe({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              ee,
+              te,
               {
                 ref: m,
-                value: Y,
+                value: _,
                 readOnly: !0,
-                onKeyDown: (e) => se(e, {
+                onKeyDown: (e) => fe(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -104,10 +108,10 @@ const pe = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: H,
+                placeholder: V,
                 disabled: o,
                 "data-form-control": "input",
-                className: q("cursor-pointer", I),
+                className: re("cursor-pointer", I),
                 suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
                   n?.from && !o ? /* @__PURE__ */ g(C, { children: [
                     /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r(
@@ -120,7 +124,7 @@ const pe = t.forwardRef(
                           e.stopPropagation(), R();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Z, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(q, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -137,43 +141,43 @@ const pe = t.forwardRef(
                           e.stopPropagation(), o || c((s) => !s);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(_, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(ee, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("datePicker.selectQuarterRange") })
                   ] })
                 ] }),
-                ...z
+                ...H
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          re,
+          ne,
           {
             pickerType: "quarter",
             monthMode: "range",
             selectedQuarters: P,
-            footerFlashKey: L,
-            footerFlashTarget: V,
-            onQuarterSelect: W,
-            month: G,
-            onMonthChange: J,
-            disabled: ne(N, S),
+            footerFlashKey: B,
+            footerFlashTarget: G,
+            onQuarterSelect: Y,
+            month: U,
+            onMonthChange: W,
+            disabled: ae(N, S),
             startMonth: v,
             endMonth: A,
             showFooter: l,
-            onApply: X,
+            onApply: Z,
             onCancel: h,
             onClear: R,
-            ...U
+            ...X
           }
         )
       }
     );
   }
 );
-pe.displayName = "QuarterRangePicker";
+me.displayName = "QuarterRangePicker";
 export {
-  pe as QuarterRangePicker
+  me as QuarterRangePicker
 };

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

@@ -1,23 +1,23 @@
 import { jsxs as W, jsx as a } from "react/jsx-runtime";
 import * as s from "react";
-import { Cross as xe, CalendarMonth as Te } from "impact-nova-icons";
+import { Cross as Te, CalendarMonth as Ee } from "impact-nova-icons";
 import { format as j } from "date-fns";
-import { cn as Ee } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as Se, usePickerFooterDismissNudge as Ae, isDateInputInvalid as Ne, resolveSingleValueDismissFlash as we, handlePickerEscapeKeyDown as Ve, handlePickerSurfacePointerDown as Le, resolveDateInputOnBlur as Oe, maskDateInput as Me, parseDateInput as je, resolveDateInputOnEnter as Be } from "./date-input-behavior.js";
-import { Input as ze } from "../input/input.js";
-import { Popover as He, PopoverAnchor as Ke, PopoverContent as $e } from "../../feedback/popover/popover.js";
-import { Calendar as qe } from "../../data-display/calendar/calendar.js";
+import { cn as Se } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as Ae, usePickerFooterDismissNudge as Ne, isDateInputInvalid as we, resolveSingleValueDismissFlash as Ve, handlePickerEscapeKeyDown as Le, handlePickerSurfacePointerDown as Oe, resolveDateInputOnBlur as Me, maskDateInput as je, parseDateInput as Be, resolveDateInputOnEnter as ze } from "./date-input-behavior.js";
+import { Input as He } from "../input/input.js";
+import { Popover as Ke, PopoverAnchor as $e, PopoverContent as qe } from "../../feedback/popover/popover.js";
+import { Calendar as Ge } from "../../data-display/calendar/calendar.js";
 import { Tooltip as Z, TooltipTrigger as _, TooltipContent as Y } from "../../feedback/tooltip/tooltip.js";
-import { resolveWeekSelection as Ge } from "../../../lib/fiscal-calendar/week-selection.js";
-import { useImpactNovaI18n as Je } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Qe } from "../../../i18n/getDateFnsLocale.js";
-import { coerceSingleWeekApply as Ue, coerceSingleWeek as Xe } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Ze } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as _e } from "./fiscal-pass-through.js";
+import { resolveWeekSelection as Je } from "../../../lib/fiscal-calendar/week-selection.js";
+import { useImpactNovaI18n as Qe } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as Ue } from "../../../i18n/getDateFnsLocale.js";
+import { coerceSingleWeekApply as Xe, coerceSingleWeek as Ze } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as _e } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as Ye } from "./fiscal-pass-through.js";
 const F = (n, c = "MM/dd/yyyy", t) => {
   const R = j(n.startDate, c, t ? { locale: t } : {}), b = j(n.endDate, c, t ? { locale: t } : {});
   return `${R} - ${b}`;
-}, g = (n, c, t) => n ? j(n.startDate, c, t ? { locale: t } : {}) : "", Ye = s.forwardRef(
+}, g = (n, c, t) => n ? j(n.startDate, c, t ? { locale: t } : {}) : "", Fe = s.forwardRef(
   ({
     value: n,
     onChange: c,
@@ -37,15 +37,16 @@ const F = (n, c = "MM/dd/yyyy", t) => {
     weekStartsOn: A = 1,
     showPresets: se,
     showPeriodBoundaries: oe,
-    comparison: ie,
-    onComparisonChange: ce,
+    autoNavigateToAvailable: ie,
+    comparison: ce,
+    onComparisonChange: ae,
     disabled: p,
-    className: ae,
-    ...le
-  }, pe) => {
-    const { locale: B, t: D } = Je(), i = s.useMemo(() => Qe(B), [B]), ue = R ?? D("datePicker.selectWeek"), C = I === "fiscal", N = s.useRef(null), z = s.useRef(null), v = s.useRef(!1);
-    s.useImperativeHandle(pe, () => N.current);
-    const [o, H] = s.useState(!1), K = Se(), { footerFlashKey: fe, footerFlashTarget: de, popoverHandlers: me } = Ae(l, o, K, z), [ke, w] = s.useState(!1), [u, f] = s.useState(n), [y, m] = s.useState(""), [De, h] = s.useState(n?.startDate || /* @__PURE__ */ new Date()), ye = n ? F(n, t, i) : "", $ = u ? F(u, t, i) : "", V = o || ke, he = V ? y : $, q = s.useCallback(() => {
+    className: le,
+    ...pe
+  }, ue) => {
+    const { locale: B, t: D } = Qe(), i = s.useMemo(() => Ue(B), [B]), fe = R ?? D("datePicker.selectWeek"), C = I === "fiscal", N = s.useRef(null), z = s.useRef(null), v = s.useRef(!1);
+    s.useImperativeHandle(ue, () => N.current);
+    const [o, H] = s.useState(!1), K = Ae(), { footerFlashKey: de, footerFlashTarget: me, popoverHandlers: ke } = Ne(l, o, K, z), [De, w] = s.useState(!1), [u, f] = s.useState(n), [y, m] = s.useState(""), [ye, h] = s.useState(n?.startDate || /* @__PURE__ */ new Date()), he = n ? F(n, t, i) : "", $ = u ? F(u, t, i) : "", V = o || De, ge = V ? y : $, q = s.useCallback(() => {
       f(n), m(g(n, t, i)), C || h(n?.startDate || /* @__PURE__ */ new Date());
     }, [n, t, i, C]), P = s.useCallback(() => {
       m(g(u ?? n, t, i)), C || h((u ?? n)?.startDate || /* @__PURE__ */ new Date());
@@ -68,7 +69,7 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         l || d();
       }
     }, L = s.useCallback(
-      (e) => Ge(e, {
+      (e) => Je(e, {
         calendarKind: I,
         fiscalMode: x,
         granularity: T,
@@ -84,33 +85,33 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         S,
         A
       ]
-    ), ge = (e) => {
-      const r = Xe(e);
+    ), Ce = (e) => {
+      const r = Ze(e);
       f(r), r && (m(g(r, t, i)), C || h(r.startDate)), l || (c?.(r), d());
     }, J = (e) => {
-      const r = Ue(e, u);
+      const r = Xe(e, u);
       c?.(r), d();
     }, O = () => {
       q(), d();
     }, Q = () => {
       f(void 0), m(""), c?.(void 0), l || d();
-    }, Ce = (e) => {
+    }, ve = (e) => {
       const r = L(e);
       f(r), m(g(r, t, i)), h(e), c?.(r), d();
-    }, ve = (e) => {
-      const r = Me(e.target.value, t, y);
+    }, Ie = (e) => {
+      const r = je(e.target.value, t, y);
       if (m(r), r === "") {
         f(void 0), l || c?.(void 0);
         return;
       }
-      const { parsed: M, isValid: be } = je(r, t, i);
-      if (be && M) {
+      const { parsed: M, isValid: xe } = Be(r, t, i);
+      if (xe && M) {
         const X = L(M);
         f(X), h(M), l || c?.(X);
       }
-    }, Ie = () => {
+    }, Pe = () => {
       if (w(!1), o) return;
-      const e = Oe(
+      const e = Me(
         y,
         t,
         g(u ?? n, t, i),
@@ -126,19 +127,19 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         return;
       }
       y || (f(void 0), l || c?.(void 0));
-    }, Pe = () => {
+    }, We = () => {
       if (o && l) {
         J();
         return;
       }
-      const e = Be(y, t, i);
+      const e = ze(y, t, i);
       if (e.parsed) {
-        l && Ce(e.parsed);
+        l && ve(e.parsed);
         return;
       }
       o || (v.current = !0, k(!0));
-    }, U = ye !== $, We = V && Ne(y, t, i), Re = s.useCallback(
-      () => we(
+    }, U = he !== $, Re = V && we(y, t, i), be = s.useCallback(
+      () => Ve(
         u,
         n,
         (e, r) => e.startDate.getTime() === r.startDate.getTime()
@@ -148,43 +149,43 @@ const F = (n, c = "MM/dd/yyyy", t) => {
     return s.useLayoutEffect(() => {
       K.current = {
         onDismiss: O,
-        resolveFlash: Re
+        resolveFlash: be
       };
-    }), /* @__PURE__ */ W(He, { open: p ? !1 : o, onOpenChange: k, children: [
-      /* @__PURE__ */ a(Ke, { asChild: !0, children: /* @__PURE__ */ a(
+    }), /* @__PURE__ */ W(Ke, { open: p ? !1 : o, onOpenChange: k, children: [
+      /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(
         "div",
         {
           ref: z,
           "data-component": "week-picker",
           "data-state": o ? "open" : "closed",
           "data-pending": U || void 0,
-          onPointerDown: (e) => Le({
+          onPointerDown: (e) => Oe({
             disabled: p,
             event: e,
             onOpen: () => k(!0),
             focusField: () => N.current?.focus()
           }),
           children: /* @__PURE__ */ a(
-            ze,
+            He,
             {
               ref: N,
-              value: he,
-              onChange: ve,
+              value: ge,
+              onChange: Ie,
               onFocus: () => {
                 p || (w(!0), P());
               },
-              onBlur: Ie,
+              onBlur: Pe,
               onClick: () => !p && k(!0),
               onKeyDown: (e) => {
-                e.key === "Enter" && !p && (e.preventDefault(), Pe()), e.key === "ArrowDown" && !o && !p && (e.preventDefault(), v.current = !0, k(!0)), e.key === "Escape" && o && Ve(e, { open: o, onCancel: O });
+                e.key === "Enter" && !p && (e.preventDefault(), We()), e.key === "ArrowDown" && !o && !p && (e.preventDefault(), v.current = !0, k(!0)), e.key === "Escape" && o && Le(e, { open: o, onCancel: O });
               },
-              placeholder: V ? t : ue,
+              placeholder: V ? t : fe,
               disabled: p,
               "data-form-control": "input",
-              className: Ee(
+              className: Se(
                 "cursor-pointer",
-                We ? "text-destructive" : U ? "text-content-placeholder" : "",
-                ae
+                Re ? "text-destructive" : U ? "text-content-placeholder" : "",
+                le
               ),
               suffix: /* @__PURE__ */ W("div", { className: "flex items-center gap-1", children: [
                 n && !p && /* @__PURE__ */ W(Z, { children: [
@@ -198,7 +199,7 @@ const F = (n, c = "MM/dd/yyyy", t) => {
                         e.stopPropagation(), Q();
                       },
                       className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ a(xe, { className: "size-3 hover:text-content" })
+                      children: /* @__PURE__ */ a(Te, { className: "size-3 hover:text-content" })
                     }
                   ) }),
                   /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: D("calendar.clear") })
@@ -217,19 +218,19 @@ const F = (n, c = "MM/dd/yyyy", t) => {
                         (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), p || (v.current = !0, o ? d() : k(!0)));
                       },
                       className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ a(Te, { className: "h-4 w-4 text-secondary-foreground" })
+                      children: /* @__PURE__ */ a(Ee, { className: "h-4 w-4 text-secondary-foreground" })
                     }
                   ) }),
                   /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: D("datePicker.selectWeek") })
                 ] })
               ] }),
-              ...le
+              ...pe
             }
           )
         }
       ) }),
       /* @__PURE__ */ a(
-        $e,
+        qe,
         {
           className: "w-auto p-0",
           align: "start",
@@ -237,23 +238,23 @@ const F = (n, c = "MM/dd/yyyy", t) => {
           onOpenAutoFocus: (e) => {
             v.current || e.preventDefault(), v.current = !1;
           },
-          ...me,
+          ...ke,
           children: /* @__PURE__ */ a(
-            qe,
+            Ge,
             {
               pickerType: "week",
               weekMode: "single",
               selectedWeeks: u,
-              footerFlashKey: fe,
-              footerFlashTarget: de,
-              onWeekSelect: ge,
-              month: De,
+              footerFlashKey: de,
+              footerFlashTarget: me,
+              onWeekSelect: Ce,
+              month: ye,
               onMonthChange: h,
-              disabled: Ze(b, ee),
+              disabled: _e(b, ee),
               startMonth: te,
               endMonth: ne,
               showFooter: l,
-              ..._e({
+              ...Ye({
                 calendarKind: I,
                 fiscalMode: x,
                 granularity: T,
@@ -263,8 +264,9 @@ const F = (n, c = "MM/dd/yyyy", t) => {
                 weekStartsOn: A,
                 showPresets: se,
                 showPeriodBoundaries: oe,
-                comparison: ie,
-                onComparisonChange: ce
+                autoNavigateToAvailable: ie,
+                comparison: ce,
+                onComparisonChange: ae
               }),
               onApply: J,
               onCancel: O,
@@ -277,7 +279,7 @@ const F = (n, c = "MM/dd/yyyy", t) => {
     ] });
   }
 );
-Ye.displayName = "WeekPicker";
+Fe.displayName = "WeekPicker";
 export {
-  Ye as WeekPicker
+  Fe as WeekPicker
 };