impact-nova 2.5.9 → 2.5.10

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 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 { 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 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 { 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 fe } from "../../data-display/calendar/calendar-quarter-utils.js";
+const pe = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -31,26 +31,28 @@ 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: $,
+    ...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));
     t.useEffect(() => {
       i || f(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), J = ne({
+    const p = t.useCallback(() => c(!1), []), U = oe({
       calendarKind: M,
       fiscalMode: O,
       granularity: T,
       fiscalMonthPattern: w,
       fiscalYearStartMonth: K,
       fiscalConfig: j,
-      showPresets: F
-    }), U = (e) => {
+      showPresets: F,
+      showPeriodBoundaries: $
+    }), W = (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 = () => {
+    }, X = () => {
       d?.(P), p();
     }, h = () => {
       f(n), p();
@@ -60,9 +62,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 Y = n?.from ? `${D(n.from)}${n.to ? ` – ${D(n.to)}` : ""}` : "";
     return /* @__PURE__ */ r(
-      oe,
+      ae,
       {
         open: i,
         disabled: o,
@@ -73,26 +75,26 @@ const fe = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: V,
+        popoverHandlers: B,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: y,
             "data-component": "quarter-range-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => se({
+            onPointerDown: (e) => le({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              q,
+              ee,
               {
                 ref: m,
-                value: X,
+                value: Y,
                 readOnly: !0,
-                onKeyDown: (e) => ce(e, {
+                onKeyDown: (e) => se(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -102,10 +104,10 @@ const fe = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: E,
+                placeholder: H,
                 disabled: o,
                 "data-form-control": "input",
-                className: _("cursor-pointer", I),
+                className: q("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 +120,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(Z, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -135,43 +137,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(_, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("datePicker.selectQuarterRange") })
                   ] })
                 ] }),
-                ...$
+                ...z
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          ee,
+          re,
           {
             pickerType: "quarter",
             monthMode: "range",
             selectedQuarters: P,
-            footerFlashKey: H,
-            footerFlashTarget: L,
-            onQuarterSelect: U,
-            month: B,
-            onMonthChange: G,
-            disabled: te(N, S),
+            footerFlashKey: L,
+            footerFlashTarget: V,
+            onQuarterSelect: W,
+            month: G,
+            onMonthChange: J,
+            disabled: ne(N, S),
             startMonth: v,
             endMonth: A,
             showFooter: l,
-            onApply: W,
+            onApply: X,
             onCancel: h,
             onClear: R,
-            ...J
+            ...U
           }
         )
       }
     );
   }
 );
-fe.displayName = "QuarterRangePicker";
+pe.displayName = "QuarterRangePicker";
 export {
-  fe as QuarterRangePicker
+  pe 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 xe, CalendarMonth as Te } 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 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 { 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 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";
 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 } : {}) : "", Ye = s.forwardRef(
   ({
     value: n,
     onChange: c,
@@ -31,24 +31,25 @@ 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,
+    comparison: ie,
+    onComparisonChange: ce,
     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: 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(() => {
+      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 +68,49 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         l || d();
       }
     }, L = s.useCallback(
-      (e) => Ke(e, {
+      (e) => Ge(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());
+    ), ge = (e) => {
+      const r = Xe(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 = Ue(e, u);
       c?.(r), d();
     }, O = () => {
       q(), d();
     }, Q = () => {
       f(void 0), m(""), c?.(void 0), l || d();
-    }, ge = (e) => {
+    }, Ce = (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);
+      const r = Me(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: be } = je(r, t, i);
+      if (be && M) {
         const X = L(M);
         f(X), h(M), l || c?.(X);
       }
-    }, Ce = () => {
+    }, Ie = () => {
       if (w(!1), o) return;
-      const e = Ve(
+      const e = Oe(
         y,
         t,
         g(u ?? n, t, i),
@@ -125,19 +126,19 @@ const F = (n, c = "MM/dd/yyyy", t) => {
         return;
       }
       y || (f(void 0), l || c?.(void 0));
-    }, Ie = () => {
+    }, Pe = () => {
       if (o && l) {
         J();
         return;
       }
-      const e = Me(y, t, i);
+      const e = Be(y, t, i);
       if (e.parsed) {
-        l && ge(e.parsed);
+        l && Ce(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 = ye !== $, We = V && Ne(y, t, i), Re = s.useCallback(
+      () => we(
         u,
         n,
         (e, r) => e.startDate.getTime() === r.startDate.getTime()
@@ -145,45 +146,45 @@ const F = (n, c = "MM/dd/yyyy", t) => {
       [u, n]
     );
     return s.useLayoutEffect(() => {
-      $.current = {
+      K.current = {
         onDismiss: O,
-        resolveFlash: We
+        resolveFlash: Re
       };
-    }), /* @__PURE__ */ W(Be, { open: p ? !1 : o, onOpenChange: k, children: [
-      /* @__PURE__ */ a(ze, { asChild: !0, children: /* @__PURE__ */ a(
+    }), /* @__PURE__ */ W(He, { open: p ? !1 : o, onOpenChange: k, children: [
+      /* @__PURE__ */ a(Ke, { 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) => Le({
             disabled: p,
             event: e,
             onOpen: () => k(!0),
             focusField: () => N.current?.focus()
           }),
           children: /* @__PURE__ */ a(
-            je,
+            ze,
             {
               ref: N,
-              value: ye,
+              value: he,
               onChange: ve,
               onFocus: () => {
                 p || (w(!0), P());
               },
-              onBlur: Ce,
+              onBlur: Ie,
               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(), Pe()), e.key === "ArrowDown" && !o && !p && (e.preventDefault(), v.current = !0, k(!0)), e.key === "Escape" && o && Ve(e, { open: o, onCancel: O });
               },
-              placeholder: V ? t : pe,
+              placeholder: V ? t : ue,
               disabled: p,
               "data-form-control": "input",
-              className: Te(
+              className: Ee(
                 "cursor-pointer",
-                Pe ? "text-destructive" : U ? "text-content-placeholder" : "",
-                ce
+                We ? "text-destructive" : U ? "text-content-placeholder" : "",
+                ae
               ),
               suffix: /* @__PURE__ */ W("div", { className: "flex items-center gap-1", children: [
                 n && !p && /* @__PURE__ */ W(Z, { children: [
@@ -197,7 +198,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(xe, { className: "size-3 hover:text-content" })
                     }
                   ) }),
                   /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: D("calendar.clear") })
@@ -213,56 +214,57 @@ 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(Te, { className: "h-4 w-4 text-secondary-foreground" })
                     }
                   ) }),
                   /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: D("datePicker.selectWeek") })
                 ] })
               ] }),
-              ...ae
+              ...le
             }
           )
         }
       ) }),
       /* @__PURE__ */ a(
-        He,
+        $e,
         {
           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,
+          ...me,
           children: /* @__PURE__ */ a(
-            $e,
+            qe,
             {
               pickerType: "week",
               weekMode: "single",
               selectedWeeks: u,
-              footerFlashKey: ue,
-              footerFlashTarget: fe,
-              onWeekSelect: he,
-              month: ke,
+              footerFlashKey: fe,
+              footerFlashTarget: de,
+              onWeekSelect: ge,
+              month: De,
               onMonthChange: h,
-              disabled: Ue(b, ee),
+              disabled: Ze(b, ee),
               startMonth: te,
               endMonth: ne,
               showFooter: l,
-              ...Xe({
+              ..._e({
                 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,
+                comparison: ie,
+                onComparisonChange: ce
               }),
               onApply: J,
               onCancel: O,
@@ -275,7 +277,7 @@ const F = (n, c = "MM/dd/yyyy", t) => {
     ] });
   }
 );
-Ze.displayName = "WeekPicker";
+Ye.displayName = "WeekPicker";
 export {
-  Ze as WeekPicker
+  Ye as WeekPicker
 };