impact-nova 2.5.9 → 2.5.11

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 Y, CalendarMonth as Z } from "impact-nova-icons";
-import { cn as _ } from "../../../lib/utils.js";
-import { Input as q } from "../input/input.js";
-import { Calendar as ee } from "../../data-display/calendar/calendar.js";
+import { Cross as _, CalendarMonth as q } from "impact-nova-icons";
+import { cn as ee } from "../../../lib/utils.js";
+import { Input as re } from "../input/input.js";
+import { Calendar as te } from "../../data-display/calendar/calendar.js";
 import { Tooltip as C, TooltipTrigger as x, TooltipContent as b } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as re } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as te } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ne } from "./fiscal-pass-through.js";
-import { DatePickerShell as oe } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as ae, usePickerFooterDismissNudge as ie, handleReadonlyPickerKeyDown as ce, handlePickerSurfacePointerDown as se } from "./date-input-behavior.js";
+import { useImpactNovaI18n as ne } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as oe } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as ae } from "./fiscal-pass-through.js";
+import { DatePickerShell as ie } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as ce, usePickerFooterDismissNudge as se, handleReadonlyPickerKeyDown as le, handlePickerSurfacePointerDown as fe } from "./date-input-behavior.js";
 import { formatQuarterInput as D } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromQuarter as le } from "../../data-display/calendar/calendar-quarter-utils.js";
-const fe = t.forwardRef(
+import { viewMonthFromQuarter as pe } from "../../data-display/calendar/calendar-quarter-utils.js";
+const de = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -31,26 +31,30 @@ const fe = t.forwardRef(
     fiscalYearStartMonth: K,
     fiscalConfig: j,
     showPresets: F,
-    ...$
-  }, z) => {
-    const { t: a } = re(), E = Q ?? a("datePicker.selectQuarterRange"), m = t.useRef(null), y = t.useRef(null);
-    t.useImperativeHandle(z, () => m.current);
-    const [i, c] = t.useState(!1), u = t.useRef(!1), k = ae(), { footerFlashKey: H, footerFlashTarget: L, popoverHandlers: V } = ie(l, i, k, y), [P, f] = t.useState(n), [B, G] = t.useState(le(n?.from));
+    showPeriodBoundaries: $,
+    autoNavigateToAvailable: z,
+    ...E
+  }, H) => {
+    const { t: a } = ne(), L = Q ?? a("datePicker.selectQuarterRange"), m = t.useRef(null), y = t.useRef(null);
+    t.useImperativeHandle(H, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), k = ce(), { footerFlashKey: V, footerFlashTarget: B, popoverHandlers: G } = se(l, i, k, y), [P, f] = t.useState(n), [J, U] = t.useState(pe(n?.from));
     t.useEffect(() => {
       i || f(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), J = ne({
+    const p = t.useCallback(() => c(!1), []), W = ae({
       calendarKind: M,
       fiscalMode: O,
       granularity: T,
       fiscalMonthPattern: w,
       fiscalYearStartMonth: K,
       fiscalConfig: j,
-      showPresets: F
-    }), U = (e) => {
+      showPresets: F,
+      showPeriodBoundaries: $,
+      autoNavigateToAvailable: z
+    }), X = (e) => {
       const s = e && !Array.isArray(e) && ("from" in e || "to" in e) ? e : void 0;
       f(s), l || (d?.(s), s?.to && p());
-    }, W = () => {
+    }, Y = () => {
       d?.(P), p();
     }, h = () => {
       f(n), p();
@@ -60,9 +64,9 @@ const fe = t.forwardRef(
     t.useLayoutEffect(() => {
       k.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const X = n?.from ? `${D(n.from)}${n.to ? ` – ${D(n.to)}` : ""}` : "";
+    const Z = n?.from ? `${D(n.from)}${n.to ? ` – ${D(n.to)}` : ""}` : "";
     return /* @__PURE__ */ r(
-      oe,
+      ie,
       {
         open: i,
         disabled: o,
@@ -73,26 +77,26 @@ const fe = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: V,
+        popoverHandlers: G,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: y,
             "data-component": "quarter-range-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => se({
+            onPointerDown: (e) => fe({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              q,
+              re,
               {
                 ref: m,
-                value: X,
+                value: Z,
                 readOnly: !0,
-                onKeyDown: (e) => ce(e, {
+                onKeyDown: (e) => le(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -102,10 +106,10 @@ const fe = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: E,
+                placeholder: L,
                 disabled: o,
                 "data-form-control": "input",
-                className: _("cursor-pointer", I),
+                className: ee("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(
@@ -118,7 +122,7 @@ const fe = t.forwardRef(
                           e.stopPropagation(), R();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Y, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(_, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -135,43 +139,43 @@ const fe = t.forwardRef(
                           e.stopPropagation(), o || c((s) => !s);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Z, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(q, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("datePicker.selectQuarterRange") })
                   ] })
                 ] }),
-                ...$
+                ...E
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          ee,
+          te,
           {
             pickerType: "quarter",
             monthMode: "range",
             selectedQuarters: P,
-            footerFlashKey: H,
-            footerFlashTarget: L,
-            onQuarterSelect: U,
-            month: B,
-            onMonthChange: G,
-            disabled: te(N, S),
+            footerFlashKey: V,
+            footerFlashTarget: B,
+            onQuarterSelect: X,
+            month: J,
+            onMonthChange: U,
+            disabled: oe(N, S),
             startMonth: v,
             endMonth: A,
             showFooter: l,
-            onApply: W,
+            onApply: Y,
             onCancel: h,
             onClear: R,
-            ...J
+            ...W
           }
         )
       }
     );
   }
 );
-fe.displayName = "QuarterRangePicker";
+de.displayName = "QuarterRangePicker";
 export {
-  fe as QuarterRangePicker
+  de 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 be, CalendarMonth as xe } 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 Te } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as Se, usePickerFooterDismissNudge as Ee, isDateInputInvalid as Ae, resolveSingleValueDismissFlash as Ne, handlePickerSurfacePointerDown as we, resolveDateInputOnBlur as Ve, maskDateInput as Le, parseDateInput as Oe, resolveDateInputOnEnter as Me } from "./date-input-behavior.js";
-import { Input as je } from "../input/input.js";
-import { Popover as Be, PopoverAnchor as ze, PopoverContent as He } from "../../feedback/popover/popover.js";
-import { Calendar as $e } 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 Ke } from "../../../lib/fiscal-calendar/week-selection.js";
-import { useImpactNovaI18n as qe } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Ge } from "../../../i18n/getDateFnsLocale.js";
-import { coerceSingleWeekApply as Je, coerceSingleWeek as Qe } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Ue } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as Xe } 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 } : {}) : "", Ze = s.forwardRef(
+}, g = (n, c, t) => n ? j(n.startDate, c, t ? { locale: t } : {}) : "", Fe = s.forwardRef(
   ({
     value: n,
     onChange: c,
@@ -31,24 +31,26 @@ const F = (n, c = "MM/dd/yyyy", t) => {
     calendarKind: I,
     fiscalMode: x = "basic",
     granularity: T,
-    fiscalMonthPattern: S,
-    fiscalYearStartMonth: E = 1,
+    fiscalMonthPattern: E,
+    fiscalYearStartMonth: S = 1,
     fiscalConfig: re,
     weekStartsOn: A = 1,
     showPresets: se,
-    comparison: oe,
-    onComparisonChange: ie,
+    showPeriodBoundaries: oe,
+    autoNavigateToAvailable: ie,
+    comparison: ce,
+    onComparisonChange: ae,
     disabled: p,
-    className: ce,
-    ...ae
-  }, le) => {
-    const { locale: B, t: D } = qe(), i = s.useMemo(() => Ge(B), [B]), pe = R ?? D("datePicker.selectWeek"), v = I === "fiscal", N = s.useRef(null), z = s.useRef(null), C = s.useRef(!1);
-    s.useImperativeHandle(le, () => N.current);
-    const [o, H] = s.useState(!1), $ = Se(), { footerFlashKey: ue, footerFlashTarget: fe, popoverHandlers: de } = Ee(l, o, $, z), [me, w] = s.useState(!1), [u, f] = s.useState(n), [y, m] = s.useState(""), [ke, h] = s.useState(n?.startDate || /* @__PURE__ */ new Date()), De = n ? F(n, t, i) : "", K = u ? F(u, t, i) : "", V = o || me, ye = V ? y : K, q = s.useCallback(() => {
-      f(n), m(g(n, t, i)), v || h(n?.startDate || /* @__PURE__ */ new Date());
-    }, [n, t, i, v]), P = s.useCallback(() => {
-      m(g(u ?? n, t, i)), v || h((u ?? n)?.startDate || /* @__PURE__ */ new Date());
-    }, [u, n, t, i, v]);
+    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());
+    }, [u, n, t, i, C]);
     s.useEffect(() => {
       o || f(n);
     }, [o, n]);
@@ -67,49 +69,49 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         l || d();
       }
     }, L = s.useCallback(
-      (e) => Ke(e, {
+      (e) => Je(e, {
         calendarKind: I,
         fiscalMode: x,
         granularity: T,
-        fiscalMonthPattern: S,
-        fiscalYearStartMonth: E,
+        fiscalMonthPattern: E,
+        fiscalYearStartMonth: S,
         weekStartsOn: A
       }),
       [
         I,
         x,
         T,
-        S,
         E,
+        S,
         A
       ]
-    ), he = (e) => {
-      const r = Qe(e);
-      f(r), r && (m(g(r, t, i)), v || h(r.startDate)), l || (c?.(r), d());
+    ), 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 = Je(e, u);
+      const r = Xe(e, u);
       c?.(r), d();
     }, O = () => {
       q(), d();
     }, Q = () => {
       f(void 0), m(""), c?.(void 0), l || d();
-    }, ge = (e) => {
+    }, ve = (e) => {
       const r = L(e);
       f(r), m(g(r, t, i)), h(e), c?.(r), d();
-    }, ve = (e) => {
-      const r = Le(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: Re } = Oe(r, t, i);
-      if (Re && M) {
+      const { parsed: M, isValid: xe } = Be(r, t, i);
+      if (xe && M) {
         const X = L(M);
         f(X), h(M), l || c?.(X);
       }
-    }, Ce = () => {
+    }, Pe = () => {
       if (w(!1), o) return;
-      const e = Ve(
+      const e = Me(
         y,
         t,
         g(u ?? n, t, i),
@@ -125,19 +127,19 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         return;
       }
       y || (f(void 0), l || c?.(void 0));
-    }, Ie = () => {
+    }, We = () => {
       if (o && l) {
         J();
         return;
       }
-      const e = Me(y, t, i);
+      const e = ze(y, t, i);
       if (e.parsed) {
-        l && ge(e.parsed);
+        l && ve(e.parsed);
         return;
       }
-      o || (C.current = !0, k(!0));
-    }, U = De !== K, Pe = V && Ae(y, t, i), We = s.useCallback(
-      () => Ne(
+      o || (v.current = !0, k(!0));
+    }, U = he !== $, Re = V && we(y, t, i), be = s.useCallback(
+      () => Ve(
         u,
         n,
         (e, r) => e.startDate.getTime() === r.startDate.getTime()
@@ -145,45 +147,45 @@ const F = (n, c = "MM/dd/yyyy", t) => {
       [u, n]
     );
     return s.useLayoutEffect(() => {
-      $.current = {
+      K.current = {
         onDismiss: O,
-        resolveFlash: We
+        resolveFlash: be
       };
-    }), /* @__PURE__ */ W(Be, { open: p ? !1 : o, onOpenChange: k, children: [
-      /* @__PURE__ */ a(ze, { 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) => we({
+          onPointerDown: (e) => Oe({
             disabled: p,
             event: e,
             onOpen: () => k(!0),
             focusField: () => N.current?.focus()
           }),
           children: /* @__PURE__ */ a(
-            je,
+            He,
             {
               ref: N,
-              value: ye,
-              onChange: ve,
+              value: ge,
+              onChange: Ie,
               onFocus: () => {
                 p || (w(!0), P());
               },
-              onBlur: Ce,
+              onBlur: Pe,
               onClick: () => !p && k(!0),
               onKeyDown: (e) => {
-                e.key === "Enter" && !p && (e.preventDefault(), Ie()), e.key === "ArrowDown" && !o && !p && (e.preventDefault(), C.current = !0, k(!0)), e.key === "Escape" && o && (e.preventDefault(), 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 : pe,
+              placeholder: V ? t : fe,
               disabled: p,
               "data-form-control": "input",
-              className: Te(
+              className: Se(
                 "cursor-pointer",
-                Pe ? "text-destructive" : U ? "text-content-placeholder" : "",
-                ce
+                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: [
@@ -197,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(be, { 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") })
@@ -213,56 +215,58 @@ const F = (n, c = "MM/dd/yyyy", t) => {
                         e.stopPropagation(), p || (o ? d() : k(!0));
                       },
                       onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), p || (C.current = !0, o ? d() : k(!0)));
+                        (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(xe, { 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") })
                 ] })
               ] }),
-              ...ae
+              ...pe
             }
           )
         }
       ) }),
       /* @__PURE__ */ a(
-        He,
+        qe,
         {
           className: "w-auto p-0",
           align: "start",
           "aria-label": D("datePicker.selectWeek"),
           onOpenAutoFocus: (e) => {
-            C.current || e.preventDefault(), C.current = !1;
+            v.current || e.preventDefault(), v.current = !1;
           },
-          ...de,
+          ...ke,
           children: /* @__PURE__ */ a(
-            $e,
+            Ge,
             {
               pickerType: "week",
               weekMode: "single",
               selectedWeeks: u,
-              footerFlashKey: ue,
-              footerFlashTarget: fe,
-              onWeekSelect: he,
-              month: ke,
+              footerFlashKey: de,
+              footerFlashTarget: me,
+              onWeekSelect: Ce,
+              month: ye,
               onMonthChange: h,
-              disabled: Ue(b, ee),
+              disabled: _e(b, ee),
               startMonth: te,
               endMonth: ne,
               showFooter: l,
-              ...Xe({
+              ...Ye({
                 calendarKind: I,
                 fiscalMode: x,
                 granularity: T,
-                fiscalMonthPattern: S,
-                fiscalYearStartMonth: E,
+                fiscalMonthPattern: E,
+                fiscalYearStartMonth: S,
                 fiscalConfig: re,
                 weekStartsOn: A,
                 showPresets: se,
-                comparison: oe,
-                onComparisonChange: ie
+                showPeriodBoundaries: oe,
+                autoNavigateToAvailable: ie,
+                comparison: ce,
+                onComparisonChange: ae
               }),
               onApply: J,
               onCancel: O,
@@ -275,7 +279,7 @@ const F = (n, c = "MM/dd/yyyy", t) => {
     ] });
   }
 );
-Ze.displayName = "WeekPicker";
+Fe.displayName = "WeekPicker";
 export {
-  Ze as WeekPicker
+  Fe as WeekPicker
 };