impact-nova 2.5.8 → 2.5.10

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