impact-nova 2.5.7 → 2.5.8

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

@@ -1,34 +1,38 @@
 import { jsx as u, jsxs as D } from "react/jsx-runtime";
 import * as s from "react";
-import { Cross as Ne, CalendarMonth as Ae } from "impact-nova-icons";
+import { Cross as qe, CalendarMonth as Le } from "impact-nova-icons";
 import { cn as z } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as Oe, usePickerFooterDismissNudge as Ve, createRangePickerOpenChangeHandler as Ke, parseDateInput as H, normalizeOrderedRange as ee, compareMonthSelection as V, flashRangeReorder as te, isDateInputInvalid as re, resolveRangeFieldBlur as A, resolveRangePickerDismissFlash as je, handlePickerSurfacePointerDown as $e, deferRangeInputBlur as ze, maskDateInput as oe, resolveDateInputOnBlur as O } from "./date-input-behavior.js";
-import { useFieldChrome as He } from "../../../lib/primitives/use-field-chrome.js";
-import { Popover as qe, PopoverAnchor as Le, PopoverContent as Ge } from "../../feedback/popover/popover.js";
-import { Calendar as Je } from "../../data-display/calendar/calendar.js";
+import { usePickerDismissActionsRef as Ge, usePickerFooterDismissNudge as Je, createRangePickerOpenChangeHandler as Qe, parseDateInput as H, normalizeOrderedRange as ee, compareMonthSelection as V, flashRangeReorder as te, isDateInputInvalid as re, resolveRangeFieldBlur as A, resolveRangePickerDismissFlash as Ue, handlePickerSurfacePointerDown as We, deferRangeInputBlur as Xe, maskDateInput as oe, resolveDateInputOnBlur as O } from "./date-input-behavior.js";
+import { useFieldChrome as Ze } from "../../../lib/primitives/use-field-chrome.js";
+import { Popover as _e, PopoverAnchor as Fe, PopoverContent as et } from "../../feedback/popover/popover.js";
+import { Calendar as tt } from "../../data-display/calendar/calendar.js";
 import { Tooltip as ne, TooltipTrigger as se, TooltipContent as ie } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as Qe } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceMonthRangeApply as Ue, isMonthRangeSelection as We } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Xe } from "../../../lib/date-bounds-matcher.js";
+import { useImpactNovaI18n as rt } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceMonthRangeApply as ot, isMonthRangeSelection as nt } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as st } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as it } from "./fiscal-pass-through.js";
+import { formatFiscalPeriod as at } from "./fiscal-period-format.js";
 const h = (t, n = "MM/YYYY") => {
-  const E = (t.month + 1).toString().padStart(2, "0");
-  return n === "YYYY/MM" ? `${t.year}/${E}` : `${E}/${t.year}`;
+  const E = at(t);
+  if (E) return E;
+  const k = (t.month + 1).toString().padStart(2, "0");
+  return n === "YYYY/MM" ? `${t.year}/${k}` : `${k}/${t.year}`;
 };
-function Ze(t, n) {
+function ct(t, n) {
   if (!t && !n) return !0;
   if (!t || !n) return !1;
-  const E = t.from === void 0 && n.from === void 0 || t.from !== void 0 && n.from !== void 0 && V(t.from, n.from) === 0, b = t.to === void 0 && n.to === void 0 || t.to !== void 0 && n.to !== void 0 && V(t.to, n.to) === 0;
-  return E && b;
+  const E = t.from === void 0 && n.from === void 0 || t.from !== void 0 && n.from !== void 0 && V(t.from, n.from) === 0, k = t.to === void 0 && n.to === void 0 || t.to !== void 0 && n.to !== void 0 && V(t.to, n.to) === 0;
+  return E && k;
 }
-function P(t) {
+function b(t) {
   return { month: t.getMonth(), year: t.getFullYear() };
 }
-const _e = s.forwardRef(
+const ft = s.forwardRef(
   ({
     value: t,
     onChange: n,
     placeholder: E,
-    minDate: b,
+    minDate: k,
     maxDate: ae,
     startMonth: ce,
     endMonth: fe,
@@ -36,36 +40,45 @@ const _e = s.forwardRef(
     disabled: c,
     className: de,
     error: le,
-    isError: pe,
+    isError: me,
     size: q,
-    label: me,
+    label: pe,
     helperText: ue,
     helperTextPosition: he = "absolute",
     required: ge,
-    prefix: Fe,
-    prefixClick: et,
+    prefix: dt,
+    prefixClick: lt,
     displayFormat: i = "MM/YYYY",
-    ...Me
-  }, Re) => {
-    const L = le ?? pe, ye = He({
-      label: me,
+    calendarKind: Me,
+    fiscalMode: Re,
+    granularity: ye,
+    fiscalMonthPattern: ke,
+    fiscalYearStartMonth: ve,
+    fiscalConfig: xe,
+    showPresets: Ye,
+    comparison: Ce,
+    onComparisonChange: Pe,
+    ...be
+  }, we) => {
+    const L = le ?? me, Ie = Ze({
+      label: pe,
       helperText: ue,
       helperTextPosition: he,
       error: L,
       required: ge,
       disabled: c ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), { t: x } = Qe(), K = s.useRef(null), G = s.useRef(null), J = s.useRef(null), S = s.useRef(null), j = s.useRef(null), d = s.useMemo(
+    }), { t: Y } = rt(), K = s.useRef(null), G = s.useRef(null), J = s.useRef(null), S = s.useRef(null), j = s.useRef(null), d = s.useMemo(
       () => i === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
       [i]
     );
-    s.useImperativeHandle(Re, () => K.current);
-    const [p, M] = s.useState(!1), Q = Oe(), { footerFlashKey: ke, footerFlashTarget: ve, popoverHandlers: xe } = Ve(g, p, Q, J), I = s.useRef(!1), [f, R] = s.useState(t), [m, k] = s.useState(t?.from ? h(t.from, i) : ""), [y, v] = s.useState(t?.to ? h(t.to, i) : ""), [Ye, w] = s.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : b || /* @__PURE__ */ new Date());
+    s.useImperativeHandle(we, () => K.current);
+    const [m, M] = s.useState(!1), Q = Ge(), { footerFlashKey: De, footerFlashTarget: Ee, popoverHandlers: Se } = Je(g, m, Q, J), I = s.useRef(!1), [f, R] = s.useState(t), [p, v] = s.useState(t?.from ? h(t.from, i) : ""), [y, x] = s.useState(t?.to ? h(t.to, i) : ""), [Te, w] = s.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : k || /* @__PURE__ */ new Date());
     s.useEffect(() => {
-      k(t?.from ? h(t.from, i) : ""), v(t?.to ? h(t.to, i) : ""), R(t);
+      v(t?.from ? h(t.from, i) : ""), x(t?.to ? h(t.to, i) : ""), R(t);
     }, [t, i]);
-    const Ce = s.useCallback(
-      (e) => Ke({
+    const Be = s.useCallback(
+      (e) => Qe({
         disabled: c ?? void 0,
         showFooter: g,
         containerRef: S,
@@ -75,104 +88,104 @@ const _e = s.forwardRef(
       [c, g]
     ), U = s.useRef(!1);
     s.useEffect(() => {
-      if (p && !U.current) {
-        const e = H(m, d);
-        e.parsed ? w(e.parsed) : f?.from ? w(new Date(f.from.year, f.from.month, 1)) : t?.from ? w(new Date(t.from.year, t.from.month, 1)) : b && w(b);
+      if (m && !U.current) {
+        const e = H(p, d);
+        e.parsed ? w(e.parsed) : f?.from ? w(new Date(f.from.year, f.from.month, 1)) : t?.from ? w(new Date(t.from.year, t.from.month, 1)) : k && w(k);
       }
-      U.current = p;
-    }, [p, m, d, f?.from, t?.from, b]);
-    const be = (e) => {
-      const r = We(e) ? e : void 0;
-      R(r), r?.from && k(h(r.from, i)), r?.to && v(h(r.to, i)), !g && r?.from && r?.to && (r.from.month !== r.to.month || r.from.year !== r.to.year) && (n?.(r), M(!1));
+      U.current = m;
+    }, [m, p, d, f?.from, t?.from, k]);
+    const Ne = (e) => {
+      const r = nt(e) ? e : void 0;
+      R(r), r?.from && v(h(r.from, i)), r?.to && x(h(r.to, i)), !g && r?.from && r?.to && (r.from.month !== r.to.month || r.from.year !== r.to.year) && (n?.(r), M(!1));
     }, W = (e) => {
-      const r = Ue(e, f), o = ee(r?.from, r?.to, V);
-      o.swapped && (o.from && k(h(o.from, i)), o.to && v(h(o.to, i)), R({ from: o.from, to: o.to }), te(S.current)), n?.({ from: o.from, to: o.to }), M(!1);
+      const r = ot(e, f), o = ee(r?.from, r?.to, V);
+      o.swapped && (o.from && v(h(o.from, i)), o.to && x(h(o.to, i)), R({ from: o.from, to: o.to }), te(S.current)), n?.({ from: o.from, to: o.to }), M(!1);
     }, B = () => {
-      R(t), k(t?.from ? h(t.from, i) : ""), v(t?.to ? h(t.to, i) : ""), M(!1);
+      R(t), v(t?.from ? h(t.from, i) : ""), x(t?.to ? h(t.to, i) : ""), M(!1);
     }, $ = () => {
-      R(void 0), k(""), v(""), n?.(void 0), g || M(!1);
-    }, Pe = (e) => {
-      const r = oe(e.target.value, d, m);
-      if (k(r), r === "") {
+      R(void 0), v(""), x(""), n?.(void 0), g || M(!1);
+    }, Ae = (e) => {
+      const r = oe(e.target.value, d, p);
+      if (v(r), r === "") {
         const l = { from: void 0, to: f?.to };
         R(l), g || n?.(l);
         return;
       }
       const { parsed: o, isValid: a } = H(r, d);
       if (a && o) {
-        const T = { from: P(o), to: f?.to };
+        const T = { from: b(o), to: f?.to };
         R(T), w(o), g || n?.(T);
       }
-    }, we = (e) => {
+    }, Oe = (e) => {
       const r = oe(e.target.value, d, y);
-      if (v(r), r === "") {
+      if (x(r), r === "") {
         const l = { from: f?.from, to: void 0 };
         R(l), g || n?.(l);
         return;
       }
       const { parsed: o, isValid: a } = H(r, d);
       if (a && o) {
-        const l = P(o), T = { from: f?.from, to: l };
+        const l = b(o), T = { from: f?.from, to: l };
         R(T), w(o), g || n?.(T);
       }
     }, N = s.useCallback((e, r) => {
       const o = ee(e, r, V);
-      return o.swapped && (o.from && k(h(o.from, i)), o.to && v(h(o.to, i)), te(S.current)), { from: o.from, to: o.to };
-    }, [i]), Ie = () => {
-      const e = O(m, d, Y), r = O(y, d, C);
-      e.resetToCommitted ? k(Y) : e.parsed && k(e.display), r.resetToCommitted ? v(C) : r.parsed && v(r.display);
-      let o = e.parsed ? P(e.parsed) : f?.from, a = r.parsed ? P(r.parsed) : f?.to;
+      return o.swapped && (o.from && v(h(o.from, i)), o.to && x(h(o.to, i)), te(S.current)), { from: o.from, to: o.to };
+    }, [i]), Ve = () => {
+      const e = O(p, d, C), r = O(y, d, P);
+      e.resetToCommitted ? v(C) : e.parsed && v(e.display), r.resetToCommitted ? x(P) : r.parsed && x(r.display);
+      let o = e.parsed ? b(e.parsed) : f?.from, a = r.parsed ? b(r.parsed) : f?.to;
       if ({ from: o, to: a } = N(o, a), o || a) {
         const l = { from: o, to: a };
         R(l), n?.(l);
-      } else !m && !y && (R(void 0), n?.(void 0));
+      } else !p && !y && (R(void 0), n?.(void 0));
     }, X = () => {
-      ze(
+      Xe(
         S,
         j,
         () => {
-          const e = A(m, d, Y), r = A(y, d, C);
-          e.resetToCommitted ? k(Y) : e.parsed && k(e.display), r.resetToCommitted ? v(C) : r.parsed && v(r.display);
-          let o = e.parsed ? P(e.parsed) : e.resetToCommitted ? t?.from : f?.from, a = r.parsed ? P(r.parsed) : r.resetToCommitted ? t?.to : f?.to;
+          const e = A(p, d, C), r = A(y, d, P);
+          e.resetToCommitted ? v(C) : e.parsed && v(e.display), r.resetToCommitted ? x(P) : r.parsed && x(r.display);
+          let o = e.parsed ? b(e.parsed) : e.resetToCommitted ? t?.from : f?.from, a = r.parsed ? b(r.parsed) : r.resetToCommitted ? t?.to : f?.to;
           o && a && ({ from: o, to: a } = N(o, a));
           const l = o || a ? { from: o, to: a } : void 0;
-          R(l), g || (l ? n?.(l) : !m && !y && n?.(void 0));
+          R(l), g || (l ? n?.(l) : !p && !y && n?.(void 0));
         }
       );
     }, Z = () => {
-      if (p && g) {
+      if (m && g) {
         W();
         return;
       }
-      if (!p) {
+      if (!m) {
         if (g) {
-          Ie();
+          Ve();
           return;
         }
-        const e = O(m, d, Y), r = O(y, d, C);
+        const e = O(p, d, C), r = O(y, d, P);
         if (e.parsed || r.parsed) return;
         I.current = !0, M(!0);
       }
-    }, Y = t?.from ? h(t.from, i) : "", C = t?.to ? h(t.to, i) : "", De = m !== Y, Ee = y !== C, Se = re(m, d), Te = re(y, d), _ = x("datePicker.startMonth"), F = x("datePicker.endMonth"), Be = s.useCallback(() => {
-      const e = A(m, d, Y), r = A(y, d, C);
-      let o = e.parsed ? P(e.parsed) : e.resetToCommitted ? t?.from : f?.from, a = r.parsed ? P(r.parsed) : r.resetToCommitted ? t?.to : f?.to;
+    }, C = t?.from ? h(t.from, i) : "", P = t?.to ? h(t.to, i) : "", Ke = p !== C, je = y !== P, $e = re(p, d), ze = re(y, d), _ = Y("datePicker.startMonth"), F = Y("datePicker.endMonth"), He = s.useCallback(() => {
+      const e = A(p, d, C), r = A(y, d, P);
+      let o = e.parsed ? b(e.parsed) : e.resetToCommitted ? t?.from : f?.from, a = r.parsed ? b(r.parsed) : r.resetToCommitted ? t?.to : f?.to;
       o && a && ({ from: o, to: a } = N(o, a));
       const l = o || a ? { from: o, to: a } : void 0;
-      return je({
-        startInput: m,
+      return Ue({
+        startInput: p,
         endInput: y,
-        committedStart: Y,
-        committedEnd: C,
+        committedStart: C,
+        committedEnd: P,
         committedRange: t,
         pendingRange: f,
         computeEffectiveRange: () => l,
-        rangesEqual: Ze
+        rangesEqual: ct
       });
     }, [
-      m,
+      p,
       y,
-      Y,
       C,
+      P,
       t,
       f,
       d,
@@ -181,7 +194,7 @@ const _e = s.forwardRef(
     return s.useLayoutEffect(() => {
       Q.current = {
         onDismiss: B,
-        resolveFlash: Be
+        resolveFlash: He
       };
     }), /* @__PURE__ */ u(
       "div",
@@ -189,14 +202,14 @@ const _e = s.forwardRef(
         ref: J,
         "data-component": "month-range-picker",
         "data-disabled": c || void 0,
-        children: ye.wrapControl(
-          /* @__PURE__ */ D(qe, { open: c ? !1 : p, onOpenChange: Ce, children: [
-            /* @__PURE__ */ u(Le, { asChild: !0, children: /* @__PURE__ */ D(
+        children: Ie.wrapControl(
+          /* @__PURE__ */ D(_e, { open: c ? !1 : m, onOpenChange: Be, children: [
+            /* @__PURE__ */ u(Fe, { asChild: !0, children: /* @__PURE__ */ D(
               "div",
               {
                 ref: S,
-                "data-state": p ? "open" : "closed",
-                onPointerDown: (e) => $e({
+                "data-state": m ? "open" : "closed",
+                onPointerDown: (e) => We({
                   disabled: c,
                   event: e,
                   onOpen: () => M(!0),
@@ -219,22 +232,22 @@ const _e = s.forwardRef(
                       {
                         ref: K,
                         type: "text",
-                        value: m,
-                        onChange: Pe,
+                        value: p,
+                        onChange: Ae,
                         onBlur: X,
                         onClick: () => !c && M(!0),
                         onKeyDown: (e) => {
-                          e.key === "Enter" && !c && (e.preventDefault(), Z()), e.key === "ArrowDown" && !p && !c && (e.preventDefault(), I.current = !0, M(!0)), e.key === "Escape" && p && (e.preventDefault(), B());
+                          e.key === "Enter" && !c && (e.preventDefault(), Z()), e.key === "ArrowDown" && !m && !c && (e.preventDefault(), I.current = !0, M(!0)), e.key === "Escape" && m && (e.preventDefault(), B());
                         },
-                        placeholder: p ? i === "YYYY/MM" ? "YYYY/MM" : x("datePicker.monthYearFormat") : _,
+                        placeholder: m ? i === "YYYY/MM" ? "YYYY/MM" : Y("datePicker.monthYearFormat") : _,
                         disabled: !!c,
                         "aria-label": _,
                         "data-field": "start",
                         className: z(
                           "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                          Se ? "text-destructive" : De ? "text-content-placeholder" : ""
+                          $e ? "text-destructive" : Ke ? "text-content-placeholder" : ""
                         ),
-                        ...Me
+                        ...be
                       }
                     ),
                     /* @__PURE__ */ u(
@@ -243,19 +256,19 @@ const _e = s.forwardRef(
                         ref: G,
                         type: "text",
                         value: y,
-                        onChange: we,
+                        onChange: Oe,
                         onBlur: X,
                         onClick: () => !c && M(!0),
                         onKeyDown: (e) => {
-                          e.key === "Enter" && !c && (e.preventDefault(), Z()), e.key === "ArrowDown" && !p && !c && (e.preventDefault(), I.current = !0, M(!0)), e.key === "Escape" && p && (e.preventDefault(), B());
+                          e.key === "Enter" && !c && (e.preventDefault(), Z()), e.key === "ArrowDown" && !m && !c && (e.preventDefault(), I.current = !0, M(!0)), e.key === "Escape" && m && (e.preventDefault(), B());
                         },
-                        placeholder: p ? i === "YYYY/MM" ? "YYYY/MM" : x("datePicker.monthYearFormat") : F,
+                        placeholder: m ? i === "YYYY/MM" ? "YYYY/MM" : Y("datePicker.monthYearFormat") : F,
                         disabled: !!c,
                         "aria-label": F,
                         "data-field": "end",
                         className: z(
                           "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                          Te ? "text-destructive" : Ee ? "text-content-placeholder" : ""
+                          ze ? "text-destructive" : je ? "text-content-placeholder" : ""
                         )
                       }
                     )
@@ -267,7 +280,7 @@ const _e = s.forwardRef(
                         {
                           type: "button",
                           tabIndex: 0,
-                          "aria-label": x("calendar.clear"),
+                          "aria-label": Y("calendar.clear"),
                           onClick: (e) => {
                             e.stopPropagation(), $();
                           },
@@ -275,52 +288,63 @@ const _e = s.forwardRef(
                             (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), $());
                           },
                           className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                          children: /* @__PURE__ */ u(Ne, { className: "size-3 hover:text-content text-content-icon" })
+                          children: /* @__PURE__ */ u(qe, { className: "size-3 hover:text-content text-content-icon" })
                         }
                       ) }),
-                      /* @__PURE__ */ u(ie, { variant: "tertiary", side: "top", children: x("calendar.clear") })
+                      /* @__PURE__ */ u(ie, { variant: "tertiary", side: "top", children: Y("calendar.clear") })
                     ] }),
                     /* @__PURE__ */ D(ne, { children: [
-                      /* @__PURE__ */ u(se, { asChild: !0, children: /* @__PURE__ */ u("button", { type: "button", tabIndex: 0, "aria-label": x("datePicker.selectMonthRange"), onClick: (e) => {
-                        e.stopPropagation(), c || M(!p);
+                      /* @__PURE__ */ u(se, { asChild: !0, children: /* @__PURE__ */ u("button", { type: "button", tabIndex: 0, "aria-label": Y("datePicker.selectMonthRange"), onClick: (e) => {
+                        e.stopPropagation(), c || M(!m);
                       }, onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), c || (I.current = !0, M(!p)));
-                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(Ae, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                      /* @__PURE__ */ u(ie, { variant: "tertiary", side: "top", children: x("datePicker.selectMonthRange") })
+                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), c || (I.current = !0, M(!m)));
+                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(Le, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                      /* @__PURE__ */ u(ie, { variant: "tertiary", side: "top", children: Y("datePicker.selectMonthRange") })
                     ] })
                   ] })
                 ]
               }
             ) }),
             /* @__PURE__ */ u(
-              Ge,
+              et,
               {
                 ref: j,
                 className: "w-auto p-0",
                 align: "start",
-                "aria-label": x("datePicker.selectMonthRange"),
+                "aria-label": Y("datePicker.selectMonthRange"),
                 onOpenAutoFocus: (e) => {
                   I.current || e.preventDefault(), I.current = !1;
                 },
-                ...xe,
+                ...Se,
                 children: /* @__PURE__ */ u(
-                  Je,
+                  tt,
                   {
                     pickerType: "month",
                     monthMode: "range",
                     selectedMonths: f,
-                    footerFlashKey: ke,
-                    footerFlashTarget: ve,
-                    onMonthSelect: be,
-                    month: Ye,
+                    footerFlashKey: De,
+                    footerFlashTarget: Ee,
+                    onMonthSelect: Ne,
+                    month: Te,
                     onMonthChange: w,
-                    disabled: Xe(b, ae),
+                    disabled: st(k, ae),
                     startMonth: ce,
                     endMonth: fe,
                     showFooter: g,
                     onApply: W,
                     onCancel: B,
-                    onClear: $
+                    onClear: $,
+                    ...it({
+                      calendarKind: Me,
+                      fiscalMode: Re,
+                      granularity: ye,
+                      fiscalMonthPattern: ke,
+                      fiscalYearStartMonth: ve,
+                      fiscalConfig: xe,
+                      showPresets: Ye,
+                      comparison: Ce,
+                      onComparisonChange: Pe
+                    })
                   }
                 )
               }
@@ -331,7 +355,7 @@ const _e = s.forwardRef(
     );
   }
 );
-_e.displayName = "MonthRangePicker";
+ft.displayName = "MonthRangePicker";
 export {
-  _e as MonthRangePicker
+  ft as MonthRangePicker
 };