impact-nova 2.5.9 → 2.5.11

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

@@ -1,26 +1,26 @@
-import { jsx as l, jsxs as w } from "react/jsx-runtime";
+import { jsx as l, jsxs as F } from "react/jsx-runtime";
 import * as o from "react";
-import { Cross as ye, CalendarMonth as ge } from "impact-nova-icons";
-import { cn as ke } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as De, usePickerFooterDismissNudge as Me, isDateInputInvalid as K, resolveSingleValueDismissFlash as Pe, compareMonthSelection as Ie, handlePickerSurfacePointerDown as Se, maskDateInput as Ce, parseDateInput as xe, resolveDateInputOnEnter as Re, resolveDateInputOnBlur as be } from "./date-input-behavior.js";
-import { Input as Fe } from "../input/input.js";
-import { Calendar as we } from "../../data-display/calendar/calendar.js";
-import { Tooltip as $, TooltipTrigger as q, TooltipContent as G } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as Ne } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceSingleMonthApply as Te, coerceSingleMonth as Ae } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Ee } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as Oe } from "./fiscal-pass-through.js";
-import { DatePickerShell as Ve } from "./date-picker-shell.js";
-import { looksLikeFiscalPeriodInput as N, monthSelectionFromFiscalInput as T, formatFiscalPeriod as Be } from "./fiscal-period-format.js";
-import { resolveFiscalConfig as je } from "../../data-display/calendar/calendar-config.js";
+import { Cross as ke, CalendarMonth as De } from "impact-nova-icons";
+import { cn as Me } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as Pe, usePickerFooterDismissNudge as Ie, isDateInputInvalid as $, resolveSingleValueDismissFlash as Se, compareMonthSelection as Ce, handlePickerEscapeKeyDown as xe, handlePickerSurfacePointerDown as Re, maskDateInput as be, parseDateInput as we, resolveDateInputOnEnter as Fe, resolveDateInputOnBlur as Ee } from "./date-input-behavior.js";
+import { Input as Ne } from "../input/input.js";
+import { Calendar as Te } from "../../data-display/calendar/calendar.js";
+import { Tooltip as v, TooltipTrigger as q, TooltipContent as G } from "../../feedback/tooltip/tooltip.js";
+import { useImpactNovaI18n as Ae } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceSingleMonthApply as Oe, coerceSingleMonth as Ve } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as Be } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as je } from "./fiscal-pass-through.js";
+import { DatePickerShell as Ke } from "./date-picker-shell.js";
+import { looksLikeFiscalPeriodInput as E, monthSelectionFromFiscalInput as N, formatFiscalPeriod as Le } from "./fiscal-period-format.js";
+import { resolveFiscalConfig as Ye } from "../../data-display/calendar/calendar-config.js";
 const y = (t) => {
-  const s = Be(t);
+  const s = Le(t);
   return s || `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`;
-}, Le = o.forwardRef(
+}, ze = o.forwardRef(
   ({
     value: t,
     onChange: s,
-    placeholder: A,
+    placeholder: T,
     minDate: J,
     maxDate: Q,
     startMonth: U,
@@ -30,78 +30,82 @@ const y = (t) => {
     className: X,
     onBlur: Z,
     calendarKind: S,
-    fiscalMode: E,
+    fiscalMode: A,
     granularity: _,
     fiscalMonthPattern: O,
     fiscalYearStartMonth: V,
     fiscalConfig: B,
     showPresets: ee,
-    ...te
-  }, ne) => {
-    const { t: d } = Ne(), re = A ?? d("datePicker.selectMonth"), C = o.useRef(null), j = o.useRef(null);
-    o.useImperativeHandle(ne, () => C.current);
-    const [r, L] = o.useState(!1), u = o.useCallback(() => {
-      L(!1);
+    showPeriodBoundaries: te,
+    autoNavigateToAvailable: ne,
+    ...re
+  }, oe) => {
+    const { t: d } = Ae(), ie = T ?? d("datePicker.selectMonth"), C = o.useRef(null), j = o.useRef(null);
+    o.useImperativeHandle(oe, () => C.current);
+    const [r, K] = o.useState(!1), u = o.useCallback(() => {
+      K(!1);
     }, []), h = (e) => {
       if (!f) {
         if (e) {
-          L(!0);
+          K(!0);
           return;
         }
         u();
       }
-    }, Y = De(), { footerFlashKey: oe, footerFlashTarget: ie, popoverHandlers: se } = Me(p, r, Y, j), [M, i] = o.useState(t), [c, a] = o.useState(t ? y(t) : ""), [ce, P] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
+    }, L = Pe(), { footerFlashKey: se, footerFlashTarget: ce, popoverHandlers: ae } = Ie(p, r, L, j), [M, i] = o.useState(t), [c, a] = o.useState(t ? y(t) : ""), [le, P] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
     o.useEffect(() => {
       r || (a(t ? y(t) : ""), i(t));
     }, [r, t]), o.useEffect(() => {
       r && (i(t), P(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), a(t ? y(t) : ""));
     }, [r, t]);
-    const ae = (e) => {
-      const n = Ae(e);
+    const pe = (e) => {
+      const n = Ve(e);
       i(n), n && a(y(n)), p || (s?.(n), u());
-    }, v = (e) => {
-      const n = Te(e, M);
+    }, Y = (e) => {
+      const n = Oe(e, M);
       s?.(n), u();
     }, x = () => {
       i(t), a(t ? y(t) : ""), u();
     }, z = () => {
       i(void 0), a(""), s?.(void 0), p || u();
-    }, le = Oe({
+    }, fe = je({
       calendarKind: S,
-      fiscalMode: E,
+      fiscalMode: A,
       granularity: _,
       fiscalMonthPattern: O,
       fiscalYearStartMonth: V,
       fiscalConfig: B,
-      showPresets: ee
-    }), R = je({
+      showPresets: ee,
+      showPeriodBoundaries: te,
+      autoNavigateToAvailable: ne
+    }), R = Ye({
       fiscalConfig: B,
       calendarKind: S,
-      fiscalMode: E,
+      fiscalMode: A,
       fiscalMonthPattern: O,
       fiscalYearStartMonth: V
-    }), b = S === "fiscal", g = "MM/yyyy", k = t ? y(t) : "", D = o.useRef(!1), pe = (e) => {
+    }), b = S === "fiscal", g = "MM/yyyy", k = t ? y(t) : "", D = o.useRef(!1), ue = (e) => {
       const n = e.target.value;
-      if (b && N(n)) {
+      if (b && E(n)) {
         a(n);
-        const m = T(n, R);
+        const m = N(n, R);
         m && (i(m), P(new Date(m.year, m.month, 1)), p || s?.(m));
         return;
       }
-      const F = Ce(n, g, c);
-      if (a(F), F === "") {
+      const w = be(n, g, c);
+      if (a(w), w === "") {
         i(void 0), p || s?.(void 0);
         return;
       }
-      const { parsed: I, isValid: he } = xe(F, g);
-      if (he && I) {
+      const { parsed: I, isValid: ge } = we(w, g);
+      if (ge && I) {
         const m = { month: I.getMonth(), year: I.getFullYear() };
         i(m), P(I), p || s?.(m);
       }
-    }, fe = () => {
+    }, me = () => {
       if (r) return;
-      if (b && N(c)) {
-        const n = T(c, R);
+      if (b && E(c)) {
+        const n = N(c, R);
         if (n) {
           a(y(n)), i(n), p || s?.(n);
           return;
@@ -109,7 +113,7 @@ const y = (t) => {
         a(k), i(t);
         return;
       }
-      const e = be(c, g, k);
+      const e = Ee(c, g, k);
       if (e.resetToCommitted) {
         a(k), i(t);
         return;
@@ -120,12 +124,12 @@ const y = (t) => {
         return;
       }
       a(k), i(t);
-    }, ue = () => {
+    }, de = () => {
       if (r && p) {
-        v();
+        Y();
         return;
       }
-      const e = Re(c, g);
+      const e = Fe(c, g);
       if (e.parsed) {
         const n = {
           month: e.parsed.getMonth(),
@@ -135,21 +139,21 @@ const y = (t) => {
         return;
       }
       r || (D.current = !0, h(!0));
-    }, H = k !== c, me = b ? N(c) ? T(c, R) == null && c !== "" : K(c, g) : K(c, g), de = o.useCallback(
-      () => Pe(
+    }, H = k !== c, he = b ? E(c) ? N(c, R) == null && c !== "" : $(c, g) : $(c, g), ye = o.useCallback(
+      () => Se(
         M,
         t,
-        (e, n) => Ie(e, n) === 0
+        (e, n) => Ce(e, n) === 0
       ),
       [M, t]
     );
     return o.useLayoutEffect(() => {
-      Y.current = {
+      L.current = {
         onDismiss: x,
-        resolveFlash: de
+        resolveFlash: ye
       };
     }), /* @__PURE__ */ l(
-      Ve,
+      Ke,
       {
         open: r,
         disabled: f,
@@ -158,7 +162,7 @@ const y = (t) => {
         onOpenAutoFocus: (e) => {
           D.current || e.preventDefault(), D.current = !1;
         },
-        popoverHandlers: se,
+        popoverHandlers: ae,
         trigger: /* @__PURE__ */ l(
           "div",
           {
@@ -166,35 +170,35 @@ const y = (t) => {
             "data-component": "month-picker",
             "data-state": r ? "open" : "closed",
             "data-pending": H || void 0,
-            onPointerDown: (e) => Se({
+            onPointerDown: (e) => Re({
               disabled: f,
               event: e,
               onOpen: () => h(!0),
               focusField: () => C.current?.focus()
             }),
             children: /* @__PURE__ */ l(
-              Fe,
+              Ne,
               {
                 ref: C,
                 value: c,
-                onChange: pe,
+                onChange: ue,
                 onBlur: (e) => {
-                  fe(), Z?.(e);
+                  me(), Z?.(e);
                 },
                 onClick: () => !f && h(!0),
                 onKeyDown: (e) => {
-                  e.key === "Enter" && !f && (e.preventDefault(), ue()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), D.current = !0, h(!0)), e.key === "Escape" && r && (e.preventDefault(), x());
+                  e.key === "Enter" && !f && (e.preventDefault(), de()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), D.current = !0, h(!0)), e.key === "Escape" && r && xe(e, { open: r, onCancel: x });
                 },
-                placeholder: r ? d("datePicker.monthYearFormat") : re,
+                placeholder: r ? d("datePicker.monthYearFormat") : ie,
                 disabled: f,
                 "data-form-control": "input",
-                className: ke(
+                className: Me(
                   "cursor-pointer",
-                  me ? "text-destructive" : H ? "text-content-placeholder" : "",
+                  he ? "text-destructive" : H ? "text-content-placeholder" : "",
                   X
                 ),
-                suffix: /* @__PURE__ */ w("div", { className: "flex items-center gap-1", children: [
-                  t && !f && /* @__PURE__ */ w($, { children: [
+                suffix: /* @__PURE__ */ F("div", { className: "flex items-center gap-1", children: [
+                  t && !f && /* @__PURE__ */ F(v, { children: [
                     /* @__PURE__ */ l(q, { asChild: !0, children: /* @__PURE__ */ l(
                       "button",
                       {
@@ -205,12 +209,12 @@ const y = (t) => {
                           e.stopPropagation(), z();
                         },
                         className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ l(ye, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ l(ke, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ l(G, { variant: "tertiary", side: "top", children: d("calendar.clear") })
                   ] }),
-                  /* @__PURE__ */ w($, { children: [
+                  /* @__PURE__ */ F(v, { children: [
                     /* @__PURE__ */ l(q, { asChild: !0, children: /* @__PURE__ */ l(
                       "button",
                       {
@@ -225,43 +229,43 @@ const y = (t) => {
                           (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), f || (D.current = !0, r ? u() : h(!0)));
                         },
                         className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ l(ge, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ l(De, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ l(G, { variant: "tertiary", side: "top", children: d("datePicker.selectMonth") })
                   ] })
                 ] }),
-                ...te
+                ...re
               }
             )
           }
         ),
         children: /* @__PURE__ */ l(
-          we,
+          Te,
           {
             pickerType: "month",
             monthMode: "single",
             selectedMonths: M,
-            footerFlashKey: oe,
-            footerFlashTarget: ie,
-            onMonthSelect: ae,
-            month: ce,
+            footerFlashKey: se,
+            footerFlashTarget: ce,
+            onMonthSelect: pe,
+            month: le,
             onMonthChange: P,
-            disabled: Ee(J, Q),
+            disabled: Be(J, Q),
             startMonth: U,
             endMonth: W,
             showFooter: p,
-            onApply: v,
+            onApply: Y,
             onCancel: x,
             onClear: z,
-            ...le
+            ...fe
           }
         )
       }
     );
   }
 );
-Le.displayName = "MonthPicker";
+ze.displayName = "MonthPicker";
 export {
-  Le as MonthPicker
+  ze as MonthPicker
 };