impact-nova 2.6.0-alpha.0 → 2.6.0

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

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