impact-nova 2.0.5 → 2.0.7

package/dist/components/ui/date-picker/multi-month-picker.js

@@ -1,53 +1,56 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as i from "react";
+import * as c from "react";
 import { Cross as j, CalendarMonth as v } from "impact-nova-icons";
 import { cn as w } from "../../../lib/utils.js";
 import { Input as z } from "../input.js";
 import { Popover as R, PopoverAnchor as $, PopoverContent as E } from "../popover.js";
 import { Calendar as L } from "../calendar.js";
-import { Tooltip as u, TooltipTrigger as y, TooltipContent as g } from "../tooltip.js";
+import { Tooltip as u, TooltipTrigger as y, TooltipContent as C } from "../tooltip.js";
 import { useImpactNovaI18n as V } from "../../../i18n/ImpactNovaI18nContext.js";
-const q = i.forwardRef(
+const q = c.forwardRef(
   ({
     value: e,
-    onChange: c,
-    placeholder: C,
-    minDate: d,
+    onChange: s,
+    placeholder: g,
+    minDate: h,
     maxDate: M,
     startMonth: P,
     endMonth: x,
-    showFooter: s = !0,
-    disabled: p,
-    className: N,
-    ...k
+    showFooter: p = !0,
+    disabled: l,
+    className: k,
+    ...N
   }, T) => {
-    const { t: o } = V(), b = C ?? o("datePicker.selectMultipleMonths"), [h, r] = i.useState(!1), [m, l] = i.useState(e);
-    i.useEffect(() => {
-      l(e);
-    }, [h, e]);
-    const A = (n) => {
-      l(n), s || c?.(n);
-    }, O = (n) => {
-      c?.(n !== void 0 ? n : m), r(!1);
+    const { t: o } = V(), A = g ?? o("datePicker.selectMultipleMonths"), [d, r] = c.useState(!1), [m, i] = c.useState(e);
+    c.useEffect(() => {
+      i(e);
+    }, [d, e]);
+    const O = (n) => {
+      i(n), p || s?.(n);
+    }, b = (n) => {
+      s?.(n !== void 0 ? n : m), r(!1);
     }, S = () => {
-      l(e), r(!1);
+      i(e), r(!1);
     }, f = () => {
-      l(void 0), c?.(void 0), s || r(!1);
+      i(void 0), s?.(void 0), p || r(!1);
     }, I = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : o("datePicker.monthsSelected", { count: e.length }) : "";
-    return /* @__PURE__ */ a(R, { open: h, onOpenChange: (n) => {
-      p || r(n);
+    return /* @__PURE__ */ a(R, { open: d, onOpenChange: (n) => {
+      l || r(n);
     }, children: [
       /* @__PURE__ */ t($, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         z,
         {
           ref: T,
           value: I,
-          placeholder: b,
+          placeholder: A,
           readOnly: !0,
-          disabled: p,
-          className: w("cursor-pointer", N),
+          disabled: l,
+          onClick: () => {
+            !l && !d && r(!0);
+          },
+          className: w("cursor-pointer", k),
           suffix: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !p && /* @__PURE__ */ a(u, { children: [
+            e && e.length > 0 && !l && /* @__PURE__ */ a(u, { children: [
               /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
@@ -61,14 +64,14 @@ const q = i.forwardRef(
                   children: /* @__PURE__ */ t(j, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: o("calendar.clear") })
+              /* @__PURE__ */ t(C, { variant: "tertiary", side: "top", children: o("calendar.clear") })
             ] }),
             /* @__PURE__ */ a(u, { children: [
               /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(v, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: o("datePicker.selectMultipleMonths") })
+              /* @__PURE__ */ t(C, { variant: "tertiary", side: "top", children: o("datePicker.selectMultipleMonths") })
             ] })
           ] }),
-          ...k
+          ...N
         }
       ) }) }),
       /* @__PURE__ */ t(
@@ -83,13 +86,13 @@ const q = i.forwardRef(
               pickerType: "month",
               monthMode: "multiple",
               selectedMonths: m,
-              onMonthSelect: A,
-              disabled: { before: d, after: M },
+              onMonthSelect: O,
+              disabled: { before: h, after: M },
               startMonth: P,
               endMonth: x,
-              defaultMonth: d,
-              showFooter: s,
-              onApply: O,
+              defaultMonth: h,
+              showFooter: p,
+              onApply: b,
               onCancel: S,
               onClear: f,
               captionLayout: "dropdown"

package/dist/components/ui/date-picker/multi-week-picker.js

@@ -1,5 +1,5 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import * as s from "react";
 import { Cross as V, CalendarMonth as q } from "impact-nova-icons";
 import { format as g } from "date-fns";
 import { cn as B } from "../../../lib/utils.js";
@@ -10,44 +10,44 @@ import { Tooltip as C, TooltipTrigger as x, TooltipContent as M } from "../toolt
 import { getDateFnsLocale as Q } from "../../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as U } from "../../../i18n/ImpactNovaI18nContext.js";
 const X = (e, n = "MM/dd/yyyy", o) => {
-  const d = g(e.startDate, n, o ? { locale: o } : {}), p = g(e.endDate, n, o ? { locale: o } : {});
-  return `${d} - ${p}`;
-}, Y = a.forwardRef(
+  const d = g(e.startDate, n, o ? { locale: o } : {}), m = g(e.endDate, n, o ? { locale: o } : {});
+  return `${d} - ${m}`;
+}, Y = s.forwardRef(
   ({
     value: e,
     onChange: n,
     format: o = "MM/dd/yyyy",
     placeholder: d,
-    minDate: p,
+    minDate: m,
     maxDate: P,
     startMonth: N,
     endMonth: W,
-    showFooter: m = !0,
-    calendarType: b = "calendar",
-    fiscalMode: T = "basic",
+    showFooter: f = !0,
+    calendarType: T = "calendar",
+    fiscalMode: b = "basic",
     selectionMode: w = "week",
     fiscalMonthPattern: A,
     fiscalYearStartMonth: O = 1,
     weekStartsOn: S = 1,
-    disabled: f,
+    disabled: c,
     className: v,
     ...D
   }, I) => {
-    const { locale: h, t: s } = U(), L = a.useMemo(() => Q(h), [h]), j = d ?? s("datePicker.selectWeeks"), [y, c] = a.useState(!1), [u, i] = a.useState(e);
-    a.useEffect(() => {
-      i(e);
-    }, [y, e]);
+    const { locale: u, t: i } = U(), L = s.useMemo(() => Q(u), [u]), j = d ?? i("datePicker.selectWeeks"), [h, a] = s.useState(!1), [y, l] = s.useState(e);
+    s.useEffect(() => {
+      l(e);
+    }, [h, e]);
     const $ = (r) => {
-      i(r), m || n?.(r);
+      l(r), f || n?.(r);
     }, z = (r) => {
-      n?.(r !== void 0 ? r : u), c(!1);
+      n?.(r !== void 0 ? r : y), a(!1);
     }, R = () => {
-      i(e), c(!1);
+      l(e), a(!1);
     }, k = () => {
-      i(void 0), n?.(void 0), m || c(!1);
+      l(void 0), n?.(void 0), f || a(!1);
     }, E = e && e.length > 0 ? e.length === 1 ? X(e[0], o, L) : `${e.length} weeks selected` : "";
-    return /* @__PURE__ */ l(G, { open: y, onOpenChange: (r) => {
-      f || c(r);
+    return /* @__PURE__ */ p(G, { open: h, onOpenChange: (r) => {
+      c || a(r);
     }, children: [
       /* @__PURE__ */ t(H, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         F,
@@ -56,16 +56,19 @@ const X = (e, n = "MM/dd/yyyy", o) => {
           value: E,
           placeholder: j,
           readOnly: !0,
-          disabled: f,
+          disabled: c,
+          onClick: () => {
+            !c && !h && a(!0);
+          },
           className: B("cursor-pointer", v),
-          suffix: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !f && /* @__PURE__ */ l(C, { children: [
+          suffix: /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
+            e && e.length > 0 && !c && /* @__PURE__ */ p(C, { children: [
               /* @__PURE__ */ t(x, { asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": s("calendar.clear"),
+                  "aria-label": i("calendar.clear"),
                   onClick: (r) => {
                     r.stopPropagation(), k();
                   },
@@ -73,11 +76,11 @@ const X = (e, n = "MM/dd/yyyy", o) => {
                   children: /* @__PURE__ */ t(V, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: s("calendar.clear") })
+              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: i("calendar.clear") })
             ] }),
-            /* @__PURE__ */ l(C, { children: [
+            /* @__PURE__ */ p(C, { children: [
               /* @__PURE__ */ t(x, { asChild: !0, children: /* @__PURE__ */ t(q, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: s("datePicker.selectWeeks") })
+              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: i("datePicker.selectWeeks") })
             ] })
           ] }),
           ...D
@@ -94,14 +97,14 @@ const X = (e, n = "MM/dd/yyyy", o) => {
             {
               pickerType: "week",
               weekMode: "multiple",
-              selectedWeeks: u,
+              selectedWeeks: y,
               onWeekSelect: $,
-              disabled: { before: p, after: P },
+              disabled: { before: m, after: P },
               startMonth: N,
               endMonth: W,
-              showFooter: m,
-              calendarType: b,
-              fiscalMode: T,
+              showFooter: f,
+              calendarType: T,
+              fiscalMode: b,
               selectionMode: w,
               fiscalMonthPattern: A,
               fiscalYearStartMonth: O,

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

@@ -1,132 +1,132 @@
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
 import * as s from "react";
-import { Cross as te, CalendarMonth as oe } from "impact-nova-icons";
-import { isValid as w, parse as P, format as B } from "date-fns";
-import { cn as re, padValidDateString as se, maskDate as ie } from "../../../lib/utils.js";
-import { Input as ce } from "../input.js";
+import { Cross as te, CalendarMonth as re } from "impact-nova-icons";
+import { isValid as w, parse as I, format as B } from "date-fns";
+import { cn as oe, padValidDateString as se, maskDate as ce } from "../../../lib/utils.js";
+import { Input as ie } from "../input.js";
 import { Popover as le, PopoverAnchor as ae, PopoverContent as pe } from "../popover.js";
 import { Calendar as de } from "../calendar.js";
 import { Tooltip as E, TooltipTrigger as O, TooltipContent as $ } from "../tooltip.js";
 import { resolveWeekSelection as fe } from "../../../lib/fiscal-calendar.js";
-import { getDateFnsLocale as he } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as ue } from "../../../i18n/ImpactNovaI18nContext.js";
-const p = (e, i = "MM/dd/yyyy", n) => {
-  const y = B(e.startDate, i, n ? { locale: n } : {}), C = B(e.endDate, i, n ? { locale: n } : {});
-  return `${y} - ${C}`;
+import { getDateFnsLocale as ue } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as he } from "../../../i18n/ImpactNovaI18nContext.js";
+const p = (e, c = "MM/dd/yyyy", n) => {
+  const C = B(e.startDate, c, n ? { locale: n } : {}), D = B(e.endDate, c, n ? { locale: n } : {});
+  return `${C} - ${D}`;
 }, me = s.forwardRef(
   ({
     value: e,
-    onChange: i,
+    onChange: c,
     format: n = "MM/dd/yyyy",
-    placeholder: y,
-    minDate: C,
+    placeholder: C,
+    minDate: D,
     maxDate: H,
     startMonth: q,
     endMonth: G,
     showFooter: d = !0,
-    calendarType: I = "calendar",
+    calendarType: P = "calendar",
     fiscalMode: S = "basic",
     selectionMode: N = "week",
-    fiscalMonthPattern: b,
-    fiscalYearStartMonth: V = 1,
+    fiscalMonthPattern: V,
+    fiscalYearStartMonth: b = 1,
     weekStartsOn: A = 1,
-    disabled: D,
+    disabled: k,
     className: J,
     ...K
   }, Q) => {
-    const { locale: M, t: k } = ue(), o = s.useMemo(() => he(M), [M]), U = y ?? k("datePicker.selectWeek"), T = s.useRef(null);
+    const { locale: M, t: g } = he(), r = s.useMemo(() => ue(M), [M]), U = C ?? g("datePicker.selectWeek"), T = s.useRef(null);
     s.useRef(null), s.useImperativeHandle(Q, () => T.current);
-    const [c, u] = s.useState(!1), [L, l] = s.useState(e), [f, a] = s.useState(e ? p(e, n, o) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
+    const [i, f] = s.useState(!1), [L, l] = s.useState(e), [u, a] = s.useState(e ? p(e, n, r) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
     s.useEffect(() => {
-      c || (a(e ? p(e, n, o) : ""), l(e));
-    }, [c, e, n, o]), s.useEffect(() => {
-      c && (l(e), W(e?.startDate || /* @__PURE__ */ new Date()), a(e ? p(e, n, o) : ""));
-    }, [c, e, n, o]);
+      i || (a(e ? p(e, n, r) : ""), l(e));
+    }, [i, e, n, r]), s.useEffect(() => {
+      i && (l(e), W(e?.startDate || /* @__PURE__ */ new Date()), a(e ? p(e, n, r) : ""));
+    }, [i, e, n, r]);
     const Z = (t) => {
-      l(t), t && a(p(t, n, o)), d || (i?.(t), u(!1));
+      l(t), t && a(p(t, n, r)), d || (c?.(t), f(!1));
     }, _ = (t) => {
-      i?.(t !== void 0 ? t : L), u(!1);
+      c?.(t !== void 0 ? t : L), f(!1);
     }, Y = () => {
-      l(e), a(e ? p(e, n, o) : ""), u(!1);
+      l(e), a(e ? p(e, n, r) : ""), f(!1);
     }, R = () => {
-      l(void 0), a(""), i?.(void 0), d || u(!1);
+      l(void 0), a(""), c?.(void 0), d || f(!1);
     }, j = (t) => fe(t, {
-      calendarType: I,
+      calendarType: P,
       fiscalMode: S,
       selectionMode: N,
-      fiscalMonthPattern: b,
-      fiscalYearStartMonth: V,
+      fiscalMonthPattern: V,
+      fiscalYearStartMonth: b,
       weekStartsOn: A
     }), F = (t) => {
-      const m = t.target.value, h = ie(m, n, f);
+      const m = t.target.value, h = ce(m, n, u);
       if (a(h), h === "") {
-        l(void 0), d || i?.(void 0);
+        l(void 0), d || c?.(void 0);
         return;
       }
-      const x = P(h, n, /* @__PURE__ */ new Date(), { locale: o });
+      const x = I(h, n, /* @__PURE__ */ new Date(), { locale: r });
       if (w(x) && h.length === n.length) {
         const z = j(x);
-        l(z), W(x), d || i?.(z);
+        l(z), W(x), d || c?.(z);
       }
     }, ee = () => {
-      if (c) return;
-      const t = se(f, n), m = P(t, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (i) return;
+      const t = se(u, n), m = I(t, n, /* @__PURE__ */ new Date(), { locale: r });
       if (!w(m) || t.length !== n.length)
-        a(e ? p(e, n, o) : ""), l(e);
+        a(e ? p(e, n, r) : ""), l(e);
       else if (a(t), !d) {
         const h = j(m);
-        i?.(h);
+        c?.(h);
       }
-    }, v = (e ? p(e, n, o) : "") !== f, ne = f.length === n.length && !w(P(f, n, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ g(le, { open: c, onOpenChange: (t) => !D && u(t), children: [
-      /* @__PURE__ */ r(ae, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": c ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ r(
-        ce,
+    }, v = (e ? p(e, n, r) : "") !== u, ne = u.length === n.length && !w(I(u, n, /* @__PURE__ */ new Date(), { locale: r }));
+    return /* @__PURE__ */ y(le, { open: i, onOpenChange: (t) => !k && f(t), children: [
+      /* @__PURE__ */ o(ae, { asChild: !0, children: /* @__PURE__ */ o("div", { "data-component": "week-picker", "data-state": i ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ o(
+        ie,
         {
           ref: T,
-          value: f,
+          value: u,
           onChange: F,
           onBlur: ee,
-          onClick: (t) => c && t.stopPropagation(),
-          placeholder: c ? n : U,
-          disabled: D,
+          onClick: () => !k && f(!0),
+          placeholder: i ? n : U,
+          disabled: k,
           "data-form-control": "input",
-          className: re(
+          className: oe(
             "cursor-pointer",
             ne ? "text-destructive" : v ? "text-content-muted" : "",
             J
           ),
-          suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
-            e && !D && /* @__PURE__ */ g(E, { children: [
-              /* @__PURE__ */ r(O, { asChild: !0, children: /* @__PURE__ */ r(
+          suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
+            e && !k && /* @__PURE__ */ y(E, { children: [
+              /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": k("calendar.clear"),
+                  "aria-label": g("calendar.clear"),
                   onClick: (t) => {
                     t.stopPropagation(), R();
                   },
                   className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                  children: /* @__PURE__ */ r(te, { className: "size-3 hover:text-content" })
+                  children: /* @__PURE__ */ o(te, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: k("calendar.clear") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: g("calendar.clear") })
             ] }),
-            /* @__PURE__ */ g(E, { children: [
-              /* @__PURE__ */ r(O, { asChild: !0, children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: k("datePicker.selectWeek") })
+            /* @__PURE__ */ y(E, { children: [
+              /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(re, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: g("datePicker.selectWeek") })
             ] })
           ] }),
           ...K
         }
       ) }) }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         pe,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ o(
             de,
             {
               pickerType: "week",
@@ -135,15 +135,15 @@ const p = (e, i = "MM/dd/yyyy", n) => {
               onWeekSelect: Z,
               month: X,
               onMonthChange: W,
-              disabled: { before: C, after: H },
+              disabled: { before: D, after: H },
               startMonth: q,
               endMonth: G,
               showFooter: d,
-              calendarType: I,
+              calendarType: P,
               fiscalMode: S,
               selectionMode: N,
-              fiscalMonthPattern: b,
-              fiscalYearStartMonth: V,
+              fiscalMonthPattern: V,
+              fiscalYearStartMonth: b,
               weekStartsOn: A,
               onApply: _,
               onCancel: Y,