impact-nova 2.5.18 → 2.5.19

package/dist/components/forms/date-picker/multi-year-picker.js

@@ -1,73 +1,73 @@
 import { jsx as r, jsxs as y } from "react/jsx-runtime";
 import * as n from "react";
-import { Cross as ee, CalendarMonth as te } from "impact-nova-icons";
-import { cn as re } from "../../../lib/utils.js";
-import { Input as ne } from "../input/input.js";
-import { Calendar as oe } from "../../data-display/calendar/calendar.js";
+import { Cross as te, CalendarMonth as re } from "impact-nova-icons";
+import { cn as ne } from "../../../lib/utils.js";
+import { Input as oe } from "../input/input.js";
+import { Calendar as ae } from "../../data-display/calendar/calendar.js";
 import { Tooltip as M, TooltipTrigger as x, TooltipContent as R } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as ae } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as ie } from "../../../lib/date-bounds-matcher.js";
+import { useImpactNovaI18n as ie } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as le } from "../../../lib/date-bounds-matcher.js";
 import { fiscalCalendarPassThrough as se } from "./fiscal-pass-through.js";
 import { DatePickerShell as ce } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as le, usePickerFooterDismissNudge as pe, handleReadonlyPickerKeyDown as fe, handlePickerSurfacePointerDown as de } from "./date-input-behavior.js";
-import { formatYearInput as ue } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromYear as me } from "../../data-display/calendar/calendar-year-utils.js";
-const he = n.forwardRef(
+import { usePickerDismissActionsRef as pe, usePickerFooterDismissNudge as ue, handleReadonlyPickerKeyDown as fe, handlePickerSurfacePointerDown as de } from "./date-input-behavior.js";
+import { formatYearInput as me } from "../../data-display/calendar/calendar-fiscal-labels.js";
+import { viewMonthFromYear as he } from "../../data-display/calendar/calendar-year-utils.js";
+const ye = n.forwardRef(
   ({
-    value: t,
-    onChange: f,
-    placeholder: D,
-    minDate: Y,
-    maxDate: N,
-    startMonth: S,
-    endMonth: A,
-    showFooter: c = !0,
+    value: g,
+    onChange: u,
+    placeholder: Y,
+    minDate: D,
+    maxDate: A,
+    startMonth: N,
+    endMonth: S,
+    showFooter: s = !0,
     disabled: o,
     className: I,
     calendarKind: O,
     fiscalMode: T,
     granularity: w,
-    fiscalMonthPattern: v,
-    fiscalYearStartMonth: K,
-    fiscalConfig: g,
-    weekStartsOn: j,
-    showPresets: F,
-    showPeriodBoundaries: L,
-    autoNavigateToAvailable: z,
-    showIntervalCaption: E = !1,
-    ...H
-  }, V) => {
-    const { t: a } = ae(), B = D ?? a("datePicker.selectMultipleYears"), q = g?.fyLabel ?? "fy-long", d = n.useRef(null), k = n.useRef(null);
-    n.useImperativeHandle(V, () => d.current);
-    const [i, s] = n.useState(!1), u = n.useRef(!1), P = le(), { footerFlashKey: G, footerFlashTarget: J, popoverHandlers: Q } = pe(c, i, P, k), [C, l] = n.useState(t), [U, W] = n.useState(me(t?.[0]));
+    fiscalMonthPattern: K,
+    fiscalYearStartMonth: j,
+    fiscalConfig: k,
+    weekStartsOn: F,
+    showPresets: L,
+    showPeriodBoundaries: z,
+    autoNavigateToAvailable: E,
+    showIntervalCaption: H = !1,
+    ...V
+  }, B) => {
+    const { t: a } = ie(), q = Y ?? a("datePicker.selectMultipleYears"), G = k?.fyLabel ?? "fy-long", f = n.useRef(null), P = n.useRef(null);
+    n.useImperativeHandle(B, () => f.current);
+    const [i, l] = n.useState(!1), d = n.useRef(!1), v = pe(), { footerFlashKey: J, footerFlashTarget: Q, popoverHandlers: U } = ue(s, i, v, P), t = Array.isArray(g) ? g : void 0, [C, c] = n.useState(t), [W, X] = n.useState(he(t?.[0]));
     n.useEffect(() => {
-      i || l(t);
+      i || c(t);
     }, [i, t]);
-    const m = n.useCallback(() => s(!1), []), X = se({
+    const m = n.useCallback(() => l(!1), []), Z = se({
       calendarKind: O,
       fiscalMode: T,
       granularity: w,
-      fiscalMonthPattern: v,
-      fiscalYearStartMonth: K,
-      fiscalConfig: g,
-      weekStartsOn: j,
-      showPresets: F,
-      showPeriodBoundaries: L,
-      autoNavigateToAvailable: z
-    }), Z = (e) => {
+      fiscalMonthPattern: K,
+      fiscalYearStartMonth: j,
+      fiscalConfig: k,
+      weekStartsOn: F,
+      showPresets: L,
+      showPeriodBoundaries: z,
+      autoNavigateToAvailable: E
+    }), _ = (e) => {
       const p = Array.isArray(e) && e.length > 0 ? e : void 0;
-      l(p), c || f?.(p);
-    }, _ = () => {
-      f?.(C), m();
+      c(p), s || u?.(p);
+    }, $ = () => {
+      u?.(C), m();
     }, h = () => {
-      l(t), m();
+      c(t), m();
     }, b = () => {
-      l(void 0), f?.(void 0), c || m();
+      c(void 0), u?.(void 0), s || m();
     };
     n.useLayoutEffect(() => {
-      P.current = { onDismiss: h, resolveFlash: () => "cancel" };
+      v.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const $ = t && t.length > 0 ? t.length === 1 ? ue(t[0], q) : a("datePicker.yearsSelected", { count: t.length }) : "";
+    const ee = t && t.length > 0 ? t.length === 1 ? me(t[0], G) : a("datePicker.yearsSelected", { count: t.length }) : "";
     return /* @__PURE__ */ r(
       ce,
       {
@@ -75,44 +75,44 @@ const he = n.forwardRef(
         disabled: o,
         ariaLabel: a("datePicker.selectMultipleYears"),
         onOpenChange: (e) => {
-          o || s(e);
+          o || l(e);
         },
         onOpenAutoFocus: (e) => {
-          u.current || e.preventDefault(), u.current = !1;
+          d.current || e.preventDefault(), d.current = !1;
         },
-        popoverHandlers: Q,
+        popoverHandlers: U,
         trigger: /* @__PURE__ */ r(
           "div",
           {
-            ref: k,
+            ref: P,
             "data-component": "multi-year-picker",
             "data-state": i ? "open" : "closed",
             onPointerDown: (e) => de({
               disabled: o,
               event: e,
-              onOpen: () => s(!0),
-              focusField: () => d.current?.focus()
+              onOpen: () => l(!0),
+              focusField: () => f.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              ne,
+              oe,
               {
-                ref: d,
-                value: $,
+                ref: f,
+                value: ee,
                 readOnly: !0,
                 onKeyDown: (e) => fe(e, {
                   disabled: o,
                   open: i,
-                  onOpen: () => s(!0),
+                  onOpen: () => l(!0),
                   onCancel: h,
                   onKeyboardOpen: () => {
-                    u.current = !0;
+                    d.current = !0;
                   }
                 }),
-                onClick: () => !o && s(!0),
-                placeholder: B,
+                onClick: () => !o && l(!0),
+                placeholder: q,
                 disabled: o,
                 "data-form-control": "input",
-                className: re("cursor-pointer", I),
+                className: ne("cursor-pointer", I),
                 suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
                   t && t.length > 0 && !o ? /* @__PURE__ */ y(M, { children: [
                     /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r(
@@ -125,7 +125,7 @@ const he = n.forwardRef(
                           e.stopPropagation(), b();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(ee, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(te, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(R, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -139,47 +139,47 @@ const he = n.forwardRef(
                         "data-component": "calendar-trigger",
                         "aria-label": a("datePicker.selectMultipleYears"),
                         onClick: (e) => {
-                          e.stopPropagation(), o || s((p) => !p);
+                          e.stopPropagation(), o || l((p) => !p);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(te, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(re, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(R, { variant: "tertiary", side: "top", children: a("datePicker.selectMultipleYears") })
                   ] })
                 ] }),
-                ...H
+                ...V
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          oe,
+          ae,
           {
             pickerType: "year",
             yearMode: "multiple",
             selectedYear: C,
-            footerFlashKey: G,
-            footerFlashTarget: J,
-            onYearSelect: Z,
-            month: U,
-            onMonthChange: W,
-            disabled: ie(Y, N),
-            startMonth: S,
-            endMonth: A,
-            showFooter: c,
-            onApply: _,
+            footerFlashKey: J,
+            footerFlashTarget: Q,
+            onYearSelect: _,
+            month: W,
+            onMonthChange: X,
+            disabled: le(D, A),
+            startMonth: N,
+            endMonth: S,
+            showFooter: s,
+            onApply: $,
             onCancel: h,
             onClear: b,
-            showIntervalCaption: E,
-            ...X
+            showIntervalCaption: H,
+            ...Z
           }
         )
       }
     );
   }
 );
-he.displayName = "MultiYearPicker";
+ye.displayName = "MultiYearPicker";
 export {
-  he as MultiYearPicker
+  ye as MultiYearPicker
 };

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

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