impact-nova 2.2.3 → 2.2.4

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

@@ -2,86 +2,86 @@ import { jsxs as k, jsx as s } from "react/jsx-runtime";
 import * as o from "react";
 import { Cross as _, CalendarMonth as ee } from "impact-nova-icons";
 import { cn as te } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as ne, usePickerFooterDismissNudge as re, isDateInputInvalid as oe, resolveSingleValueDismissFlash as se, compareMonthSelection as ie, resolveDateInputOnBlur as ae, maskDateInput as ce, parseDateInput as le, resolveDateInputOnEnter as pe } from "./date-input-behavior.js";
-import { Input as fe } from "../input/input.js";
-import { Popover as de, PopoverAnchor as me, PopoverContent as ue } from "../../feedback/popover/popover.js";
-import { Calendar as he } from "../../data-display/calendar/calendar.js";
-import { Tooltip as E, TooltipTrigger as V, TooltipContent as b } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as ye } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceSingleMonthApply as Me, coerceSingleMonth as ge } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as De } from "../../../lib/date-bounds-matcher.js";
-const u = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ke = o.forwardRef(
+import { usePickerDismissActionsRef as ne, usePickerFooterDismissNudge as re, isDateInputInvalid as oe, resolveSingleValueDismissFlash as se, compareMonthSelection as ie, handlePickerSurfacePointerDown as ae, resolveDateInputOnBlur as ce, maskDateInput as le, parseDateInput as pe, resolveDateInputOnEnter as fe } from "./date-input-behavior.js";
+import { Input as de } from "../input/input.js";
+import { Popover as ue, PopoverAnchor as me, PopoverContent as he } from "../../feedback/popover/popover.js";
+import { Calendar as ye } from "../../data-display/calendar/calendar.js";
+import { Tooltip as w, TooltipTrigger as E, TooltipContent as V } from "../../feedback/tooltip/tooltip.js";
+import { useImpactNovaI18n as Me } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceSingleMonthApply as De, coerceSingleMonth as ge } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as ke } from "../../../lib/date-bounds-matcher.js";
+const m = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, Ie = o.forwardRef(
   ({
     value: t,
     onChange: p,
     placeholder: v,
-    minDate: w,
-    maxDate: B,
-    startMonth: O,
-    endMonth: Y,
+    minDate: b,
+    maxDate: O,
+    startMonth: B,
+    endMonth: F,
     showFooter: i = !0,
     disabled: f,
-    className: j,
-    ...F
+    className: Y,
+    ...j
   }, K) => {
-    const { t: d } = ye(), z = v ?? d("datePicker.selectMonth"), C = o.useRef(null), P = o.useRef(null);
-    o.useImperativeHandle(K, () => C.current);
-    const [r, c] = o.useState(!1), R = ne(), { footerFlashKey: H, footerFlashTarget: $, popoverHandlers: L } = re(i, r, R, P), [y, a] = o.useState(t), [m, l] = o.useState(t ? u(t) : ""), [q, I] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
+    const { t: d } = Me(), z = v ?? d("datePicker.selectMonth"), I = o.useRef(null), C = o.useRef(null);
+    o.useImperativeHandle(K, () => I.current);
+    const [r, a] = o.useState(!1), R = ne(), { footerFlashKey: H, footerFlashTarget: $, popoverHandlers: L } = re(i, r, R, C), [y, c] = o.useState(t), [u, l] = o.useState(t ? m(t) : ""), [q, P] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
     o.useEffect(() => {
-      r || (l(t ? u(t) : ""), a(t));
+      r || (l(t ? m(t) : ""), c(t));
     }, [r, t]), o.useEffect(() => {
-      r && (a(t), I(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), l(t ? u(t) : ""));
+      r && (c(t), P(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), l(t ? m(t) : ""));
     }, [r, t]);
     const G = (e) => {
       const n = ge(e);
-      a(n), n && l(u(n)), i || (p?.(n), c(!1));
+      c(n), n && l(m(n)), i || (p?.(n), a(!1));
     }, x = (e) => {
-      const n = Me(e, y);
-      p?.(n), c(!1);
+      const n = De(e, y);
+      p?.(n), a(!1);
     }, S = () => {
-      a(t), l(t ? u(t) : ""), c(!1);
+      c(t), l(t ? m(t) : ""), a(!1);
     }, A = () => {
-      a(void 0), l(""), p?.(void 0), i || c(!1);
-    }, h = "MM/yyyy", M = t ? u(t) : "", g = o.useRef(!1), J = (e) => {
-      const n = ce(e.target.value, h, m);
+      c(void 0), l(""), p?.(void 0), i || a(!1);
+    }, h = "MM/yyyy", M = t ? m(t) : "", D = o.useRef(!1), J = (e) => {
+      const n = le(e.target.value, h, u);
       if (l(n), n === "") {
-        a(void 0), i || p?.(void 0);
+        c(void 0), i || p?.(void 0);
         return;
       }
-      const { parsed: D, isValid: Z } = le(n, h);
-      if (Z && D) {
-        const T = { month: D.getMonth(), year: D.getFullYear() };
-        a(T), I(D), i || p?.(T);
+      const { parsed: g, isValid: Z } = pe(n, h);
+      if (Z && g) {
+        const T = { month: g.getMonth(), year: g.getFullYear() };
+        c(T), P(g), i || p?.(T);
       }
     }, Q = () => {
       if (r) return;
-      const e = ae(m, h, M);
+      const e = ce(u, h, M);
       if (e.resetToCommitted) {
-        l(M), a(t);
+        l(M), c(t);
         return;
       }
       if (e.parsed) {
         const n = { month: e.parsed.getMonth(), year: e.parsed.getFullYear() };
-        l(e.display), a(n), i || p?.(n);
+        l(e.display), c(n), i || p?.(n);
         return;
       }
-      l(M), a(t);
+      l(M), c(t);
     }, U = () => {
       if (r && i) {
         x();
         return;
       }
-      const e = pe(m, h);
+      const e = fe(u, h);
       if (e.parsed) {
         const n = {
           month: e.parsed.getMonth(),
           year: e.parsed.getFullYear()
         };
-        i && (p?.(n), c(!1));
+        i && (p?.(n), a(!1));
         return;
       }
-      r || (g.current = !0, c(!0));
-    }, N = M !== m, W = oe(m, h), X = o.useCallback(
+      r || (D.current = !0, a(!0));
+    }, N = M !== u, W = oe(u, h), X = o.useCallback(
       () => se(
         y,
         t,
@@ -94,26 +94,32 @@ const u = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ke =
         onDismiss: S,
         resolveFlash: X
       };
-    }), /* @__PURE__ */ k(de, { open: f ? !1 : r, onOpenChange: (e) => {
-      f || !e && i || c(e);
+    }), /* @__PURE__ */ k(ue, { open: f ? !1 : r, onOpenChange: (e) => {
+      f || !e && i || a(e);
     }, children: [
       /* @__PURE__ */ s(me, { asChild: !0, children: /* @__PURE__ */ s(
         "div",
         {
-          ref: P,
+          ref: C,
           "data-component": "month-picker",
           "data-state": r ? "open" : "closed",
           "data-pending": N || void 0,
+          onPointerDown: (e) => ae({
+            disabled: f,
+            event: e,
+            onOpen: () => a(!0),
+            focusField: () => I.current?.focus()
+          }),
           children: /* @__PURE__ */ s(
-            fe,
+            de,
             {
-              ref: C,
-              value: m,
+              ref: I,
+              value: u,
               onChange: J,
               onBlur: Q,
-              onClick: () => !f && c(!0),
+              onClick: () => !f && a(!0),
               onKeyDown: (e) => {
-                e.key === "Enter" && !f && (e.preventDefault(), U()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), g.current = !0, c(!0)), e.key === "Escape" && r && (e.preventDefault(), S());
+                e.key === "Enter" && !f && (e.preventDefault(), U()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), D.current = !0, a(!0)), e.key === "Escape" && r && (e.preventDefault(), S());
               },
               placeholder: r ? d("datePicker.monthYearFormat") : z,
               disabled: f,
@@ -121,11 +127,11 @@ const u = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ke =
               className: te(
                 "cursor-pointer",
                 W ? "text-destructive" : N ? "text-content-placeholder" : "",
-                j
+                Y
               ),
               suffix: /* @__PURE__ */ k("div", { className: "flex items-center gap-1", children: [
-                t && !f && /* @__PURE__ */ k(E, { children: [
-                  /* @__PURE__ */ s(V, { asChild: !0, children: /* @__PURE__ */ s(
+                t && !f && /* @__PURE__ */ k(w, { children: [
+                  /* @__PURE__ */ s(E, { asChild: !0, children: /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
@@ -138,30 +144,30 @@ const u = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ke =
                       children: /* @__PURE__ */ s(_, { className: "size-3 hover:text-content" })
                     }
                   ) }),
-                  /* @__PURE__ */ s(b, { variant: "tertiary", side: "top", children: d("calendar.clear") })
+                  /* @__PURE__ */ s(V, { variant: "tertiary", side: "top", children: d("calendar.clear") })
                 ] }),
-                /* @__PURE__ */ k(E, { children: [
-                  /* @__PURE__ */ s(V, { asChild: !0, children: /* @__PURE__ */ s(ee, { className: "h-4 w-4 text-secondary-foreground" }) }),
-                  /* @__PURE__ */ s(b, { variant: "tertiary", side: "top", children: d("datePicker.selectMonth") })
+                /* @__PURE__ */ k(w, { children: [
+                  /* @__PURE__ */ s(E, { asChild: !0, children: /* @__PURE__ */ s(ee, { className: "h-4 w-4 text-secondary-foreground" }) }),
+                  /* @__PURE__ */ s(V, { variant: "tertiary", side: "top", children: d("datePicker.selectMonth") })
                 ] })
               ] }),
-              ...F
+              ...j
             }
           )
         }
       ) }),
       /* @__PURE__ */ s(
-        ue,
+        he,
         {
           className: "w-auto p-0",
           align: "start",
           "aria-label": d("datePicker.selectMonth"),
           onOpenAutoFocus: (e) => {
-            g.current || e.preventDefault(), g.current = !1;
+            D.current || e.preventDefault(), D.current = !1;
           },
           ...L,
           children: /* @__PURE__ */ s(
-            he,
+            ye,
             {
               pickerType: "month",
               monthMode: "single",
@@ -170,10 +176,10 @@ const u = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ke =
               footerFlashTarget: $,
               onMonthSelect: G,
               month: q,
-              onMonthChange: I,
-              disabled: De(w, B),
-              startMonth: O,
-              endMonth: Y,
+              onMonthChange: P,
+              disabled: ke(b, O),
+              startMonth: B,
+              endMonth: F,
               showFooter: i,
               onApply: x,
               onCancel: S,
@@ -185,7 +191,7 @@ const u = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ke =
     ] });
   }
 );
-ke.displayName = "MonthPicker";
+Ie.displayName = "MonthPicker";
 export {
-  ke as MonthPicker
+  Ie as MonthPicker
 };