impact-nova 2.5.16 → 2.6.0-alpha.0

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

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