impact-nova 2.6.0-alpha.0 → 2.6.0

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
 };