impact-nova 1.5.3 → 1.5.4

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

@@ -1,244 +1,241 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import * as s from "react";
-import { X as we } from "lucide-react";
-import { CalendarMonth as ke, Info as ye } from "../../../icons/index.js";
-import { format as b, isValid as S, parse as C } from "date-fns";
-import { cn as N, padValidDateString as Q, maskDate as U } from "../../../lib/utils.js";
-import { Popover as De, PopoverTrigger as Re, PopoverContent as Se } from "../popover.js";
-import { Calendar as Ce } from "../calendar.js";
-import { Tooltip as Z, TooltipTrigger as Y, TooltipContent as _ } from "../tooltip.js";
-import { resolveWeekSelection as Ne } from "../../../lib/fiscal-calendar.js";
-import { getDateFnsLocale as Ie } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as We } from "../../../i18n/ImpactNovaI18nContext.js";
-const x = (t, l = "MM/dd/yyyy", e) => {
-  const V = b(t.startDate, l, e ? { locale: e } : {}), v = b(t.endDate, l, e ? { locale: e } : {});
-  return `${V} - ${v}`;
-}, Pe = s.forwardRef(
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import * as l from "react";
+import { X as De } from "lucide-react";
+import { CalendarMonth as ye, Info as Re } from "../../../icons/index.js";
+import { format as r, isValid as S, parse as C } from "date-fns";
+import { cn as N, padValidDateString as K, maskDate as Q } from "../../../lib/utils.js";
+import { Popover as Se, PopoverTrigger as Ce, PopoverContent as Ne } from "../popover.js";
+import { Calendar as Ie } from "../calendar.js";
+import { Tooltip as U, TooltipTrigger as Z, TooltipContent as $ } from "../tooltip.js";
+import { resolveWeekSelection as We } from "../../../lib/fiscal-calendar.js";
+import { getDateFnsLocale as Pe } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as Ve } from "../../../i18n/ImpactNovaI18nContext.js";
+const c = (e) => e?.from ? e.to ? e.to.endDate : e.from.endDate : void 0, ve = l.forwardRef(
   ({
-    value: t,
-    onChange: l,
-    format: e = "MM/dd/yyyy",
-    placeholder: V,
-    minDate: v,
+    value: e,
+    onChange: x,
+    format: t = "MM/dd/yyyy",
+    placeholder: Y,
+    minDate: _,
     maxDate: F,
     startMonth: ee,
     endMonth: te,
-    showFooter: u = !0,
-    calendarType: M = "calendar",
-    fiscalMode: A = "basic",
-    selectionMode: L = "week",
-    fiscalMonthPattern: j,
-    fiscalYearStartMonth: B = 1,
-    weekStartsOn: O = 1,
-    disabled: k,
+    showFooter: b = !0,
+    calendarType: E = "calendar",
+    fiscalMode: T = "basic",
+    selectionMode: A = "week",
+    fiscalMonthPattern: L,
+    fiscalYearStartMonth: M = 1,
+    weekStartsOn: j = 1,
+    disabled: D,
     className: ne,
     isError: I,
-    size: $,
-    label: z,
-    helperText: H,
+    size: B,
+    label: O,
+    helperText: z,
     required: oe,
-    prefix: Ve,
-    prefixClick: ve,
+    prefix: Ee,
+    prefixClick: Te,
     ...re
   }, se) => {
-    const { locale: X, t: T } = We(), o = s.useMemo(() => Ie(X), [X]), q = V ?? T("datePicker.selectWeekRange"), G = s.useRef(null), ie = s.useRef(null);
-    s.useRef(null), s.useRef(null), s.useImperativeHandle(se, () => G.current);
-    const [c, W] = s.useState(!1), [y, d] = s.useState(t), [D, h] = s.useState(t?.from ? b(t.from.startDate, e, { locale: o }) : ""), [R, g] = s.useState(t?.to ? b(t.to.endDate, e, { locale: o }) : ""), [le, E] = s.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
-    s.useEffect(() => {
-      c || (h(t?.from ? b(t.from.startDate, e, { locale: o }) : ""), g(t?.to ? b(t.to.endDate, e, { locale: o }) : ""), d(t));
-    }, [t, e, c, o]), s.useEffect(() => {
-      c && (d(t), h(t?.from ? b(t.from.startDate, e, { locale: o }) : ""), g(t?.to ? b(t.to.endDate, e, { locale: o }) : ""), E(t?.from?.startDate || /* @__PURE__ */ new Date()));
-    }, [c, t, e, o]);
-    const ce = (n) => {
-      d(n), n?.from && h(x(n.from, e, o)), n?.to && g(x(n.to, e, o)), !u && n?.from && n?.to && n.from.startDate.getTime() !== n.to.startDate.getTime() && (l?.(n), W(!1));
-    }, de = (n) => {
-      l?.(n !== void 0 ? n : y), W(!1);
-    }, ae = () => {
-      d(t), h(t?.from ? x(t.from, e, o) : ""), g(t?.to ? x(t.to, e, o) : ""), W(!1);
-    }, J = () => {
-      d(void 0), h(""), g(""), l?.(void 0), u || W(!1);
-    }, P = (n) => Ne(n, {
-      calendarType: M,
-      fiscalMode: A,
-      selectionMode: L,
-      fiscalMonthPattern: j,
-      fiscalYearStartMonth: B,
-      weekStartsOn: O
+    const { locale: H, t: V } = Ve(), o = l.useMemo(() => Pe(H), [H]), X = Y ?? V("datePicker.selectWeekRange"), q = l.useRef(null), le = l.useRef(null);
+    l.useRef(null), l.useRef(null), l.useImperativeHandle(se, () => q.current);
+    const [a, W] = l.useState(!1), [w, d] = l.useState(e), [y, f] = l.useState(e?.from ? r(e.from.startDate, t, { locale: o }) : ""), [R, p] = l.useState(c(e) ? r(c(e), t, { locale: o }) : ""), [ce, v] = l.useState(e?.from?.startDate || /* @__PURE__ */ new Date());
+    l.useEffect(() => {
+      a || (f(e?.from ? r(e.from.startDate, t, { locale: o }) : ""), p(c(e) ? r(c(e), t, { locale: o }) : ""), d(e));
+    }, [e, t, a, o]), l.useEffect(() => {
+      a && (d(e), f(e?.from ? r(e.from.startDate, t, { locale: o }) : ""), p(c(e) ? r(c(e), t, { locale: o }) : ""), v(e?.from?.startDate || /* @__PURE__ */ new Date()));
+    }, [a, e, t, o]);
+    const ie = (n) => {
+      d(n), n?.from ? (f(r(n.from.startDate, t, { locale: o })), p(r(c(n), t, { locale: o }))) : (f(""), p("")), !b && n?.from && n?.to && n.from.startDate.getTime() !== n.to.startDate.getTime() && (x?.(n), W(!1));
+    }, ae = (n) => {
+      x?.(n !== void 0 ? n : w), W(!1);
+    }, de = () => {
+      d(e), f(e?.from ? r(e.from.startDate, t, { locale: o }) : ""), p(c(e) ? r(c(e), t, { locale: o }) : ""), W(!1);
+    }, G = () => {
+      d(void 0), f(""), p(""), x?.(void 0), b || W(!1);
+    }, P = (n) => We(n, {
+      calendarType: E,
+      fiscalMode: T,
+      selectionMode: A,
+      fiscalMonthPattern: L,
+      fiscalYearStartMonth: M,
+      weekStartsOn: j
     }), fe = (n) => {
-      const p = n.target.value, i = U(p, e, D);
-      if (h(i), i === "") {
-        const f = { from: void 0, to: y?.to };
-        d(f), u || l?.(f);
+      const h = n.target.value, i = Q(h, t, y);
+      if (f(i), i === "") {
+        const u = { from: void 0, to: w?.to };
+        d(u), b || x?.(u);
         return;
       }
-      const a = C(i, e, /* @__PURE__ */ new Date(), { locale: o });
-      if (S(a) && i.length === e.length) {
-        const w = { from: P(a), to: y?.to };
-        d(w), u || l?.(w);
+      const m = C(i, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (S(m) && i.length === t.length) {
+        const k = { from: P(m), to: w?.to };
+        d(k), p(r(c(k), t, { locale: o })), b || x?.(k);
       }
     }, pe = (n) => {
-      const p = n.target.value, i = U(p, e, R);
-      if (g(i), i === "") {
-        const f = { from: y?.from, to: void 0 };
-        d(f), u || l?.(f);
+      const h = n.target.value, i = Q(h, t, R);
+      if (p(i), i === "") {
+        const u = { from: w?.from, to: void 0 };
+        d(u), b || x?.(u);
         return;
       }
-      const a = C(i, e, /* @__PURE__ */ new Date(), { locale: o });
-      if (S(a) && i.length === e.length) {
-        const f = P(a), w = { from: y?.from, to: f };
-        d(w), a && E(a), u || l?.(w);
+      const m = C(i, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (S(m) && i.length === t.length) {
+        const u = P(m), k = { from: w?.from, to: u };
+        d(k), w?.from && f(r(w.from.startDate, t, { locale: o })), m && v(m), b || x?.(k);
       }
-    }, K = () => {
-      if (c) return;
-      const n = Q(D, e), p = Q(R, e), i = C(n, e, /* @__PURE__ */ new Date(), { locale: o }), a = C(p, e, /* @__PURE__ */ new Date(), { locale: o }), f = S(i) && n.length === e.length, w = S(a) && p.length === e.length;
-      if (!f || !w)
-        h(t?.from ? x(t.from, e, o) : ""), g(t?.to ? x(t.to, e, o) : ""), d(t);
-      else if (h(n), g(p), !u) {
-        const xe = P(i), be = P(a);
-        l?.({ from: xe, to: be });
+    }, J = () => {
+      if (a) return;
+      const n = K(y, t), h = K(R, t), i = C(n, t, /* @__PURE__ */ new Date(), { locale: o }), m = C(h, t, /* @__PURE__ */ new Date(), { locale: o }), u = S(i) && n.length === t.length, k = S(m) && h.length === t.length;
+      if (!u || !k)
+        f(e?.from ? r(e.from.startDate, t, { locale: o }) : ""), p(c(e) ? r(c(e), t, { locale: o }) : ""), d(e);
+      else if (f(n), p(h), !b) {
+        const we = P(i), ke = P(m);
+        x?.({ from: we, to: ke });
       }
-    }, me = (t?.from ? x(t.from, e, o) : "") !== D, ue = (t?.to ? x(t.to, e, o) : "") !== R, he = D.length === e.length && !S(C(D, e, /* @__PURE__ */ new Date(), { locale: o })), ge = R.length === e.length && !S(C(R, e, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ m("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "week-range-picker", "data-disabled": k || void 0, children: [
-      z && /* @__PURE__ */ m(
+    }, me = e?.from ? r(e.from.startDate, t, { locale: o }) : "", ue = c(e) ? r(c(e), t, { locale: o }) : "", he = me !== y, ge = ue !== R, xe = y.length === t.length && !S(C(y, t, /* @__PURE__ */ new Date(), { locale: o })), be = R.length === t.length && !S(C(R, t, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ g("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "week-range-picker", "data-disabled": D || void 0, children: [
+      O && /* @__PURE__ */ g(
         "label",
         {
           className: N(
             "text-xs font-medium leading-[18px] text-[#60697d]",
-            k && "opacity-70",
+            D && "opacity-70",
             I && "text-destructive"
           ),
           children: [
-            z,
+            O,
             " ",
-            oe && /* @__PURE__ */ r("span", { className: "text-destructive", children: "*" })
+            oe && /* @__PURE__ */ s("span", { className: "text-destructive", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ m(De, { open: c, onOpenChange: W, children: [
-        /* @__PURE__ */ r(Re, { asChild: !0, children: /* @__PURE__ */ m(
+      /* @__PURE__ */ g(Se, { open: a, onOpenChange: W, children: [
+        /* @__PURE__ */ s(Ce, { asChild: !0, children: /* @__PURE__ */ g(
           "div",
           {
-            "data-state": c ? "open" : "closed",
+            "data-state": a ? "open" : "closed",
             className: N(
               "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
               I ? "border-destructive hover:border-destructive" : "border-input",
-              $ === "sm" ? "h-6" : $ === "md" ? "h-[28px]" : "h-8",
-              k && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
+              B === "sm" ? "h-6" : B === "md" ? "h-[28px]" : "h-8",
+              D && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
               "cursor-pointer",
               ne
             ),
             children: [
-              /* @__PURE__ */ m("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ r(
+              /* @__PURE__ */ g("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                /* @__PURE__ */ s(
                   "input",
                   {
-                    ref: G,
+                    ref: q,
                     type: "text",
-                    value: D,
+                    value: y,
                     onChange: fe,
-                    onBlur: K,
-                    onClick: (n) => c && n.stopPropagation(),
-                    placeholder: c ? e : q,
-                    disabled: !!k,
+                    onBlur: J,
+                    onClick: (n) => a && n.stopPropagation(),
+                    placeholder: a ? t : X,
+                    disabled: !!D,
                     "data-field": "start",
                     className: N(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      he ? "text-destructive" : me ? "text-muted-foreground" : ""
+                      xe ? "text-destructive" : he ? "text-muted-foreground" : ""
                     ),
                     ...re
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ s(
                   "input",
                   {
-                    ref: ie,
+                    ref: le,
                     type: "text",
                     value: R,
                     onChange: pe,
-                    onBlur: K,
-                    onClick: (n) => c && n.stopPropagation(),
-                    placeholder: c ? e : q,
-                    disabled: !!k,
+                    onBlur: J,
+                    onClick: (n) => a && n.stopPropagation(),
+                    placeholder: a ? t : X,
+                    disabled: !!D,
                     "data-field": "end",
                     className: N(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      ge ? "text-destructive" : ue ? "text-muted-foreground" : ""
+                      be ? "text-destructive" : ge ? "text-muted-foreground" : ""
                     )
                   }
                 )
               ] }),
-              /* @__PURE__ */ m("div", { className: "flex items-center gap-1 shrink-0", children: [
-                t?.from && !k && /* @__PURE__ */ m(Z, { children: [
-                  /* @__PURE__ */ r(Y, { asChild: !0, children: /* @__PURE__ */ r(
-                    we,
+              /* @__PURE__ */ g("div", { className: "flex items-center gap-1 shrink-0", children: [
+                e?.from && !D && /* @__PURE__ */ g(U, { children: [
+                  /* @__PURE__ */ s(Z, { asChild: !0, children: /* @__PURE__ */ s(
+                    De,
                     {
                       className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
                       onClick: (n) => {
-                        n.stopPropagation(), J();
+                        n.stopPropagation(), G();
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ r(_, { variant: "tertiary", side: "top", children: T("calendar.clear") })
+                  /* @__PURE__ */ s($, { variant: "tertiary", side: "top", children: V("calendar.clear") })
                 ] }),
-                /* @__PURE__ */ m(Z, { children: [
-                  /* @__PURE__ */ r(Y, { asChild: !0, children: /* @__PURE__ */ r(ke, { className: "h-4 w-4 text-secondary-foreground" }) }),
-                  /* @__PURE__ */ r(_, { variant: "tertiary", side: "top", children: T("datePicker.selectWeekRange") })
+                /* @__PURE__ */ g(U, { children: [
+                  /* @__PURE__ */ s(Z, { asChild: !0, children: /* @__PURE__ */ s(ye, { className: "h-4 w-4 text-secondary-foreground" }) }),
+                  /* @__PURE__ */ s($, { variant: "tertiary", side: "top", children: V("datePicker.selectWeekRange") })
                 ] })
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ r(
-          Se,
+        /* @__PURE__ */ s(
+          Ne,
           {
             className: "w-auto p-0",
             align: "start",
             onOpenAutoFocus: (n) => n.preventDefault(),
-            children: /* @__PURE__ */ r(
-              Ce,
+            children: /* @__PURE__ */ s(
+              Ie,
               {
                 pickerType: "week",
                 weekMode: "range",
-                selectedWeeks: y,
-                onWeekSelect: ce,
-                month: le,
-                onMonthChange: E,
-                disabled: { before: v, after: F },
+                selectedWeeks: w,
+                onWeekSelect: ie,
+                month: ce,
+                onMonthChange: v,
+                disabled: { before: _, after: F },
                 startMonth: ee,
                 endMonth: te,
-                showFooter: u,
-                calendarType: M,
-                fiscalMode: A,
-                selectionMode: L,
-                fiscalMonthPattern: j,
-                fiscalYearStartMonth: B,
-                weekStartsOn: O,
-                onApply: de,
-                onCancel: ae,
-                onClear: J,
+                showFooter: b,
+                calendarType: E,
+                fiscalMode: T,
+                selectionMode: A,
+                fiscalMonthPattern: L,
+                fiscalYearStartMonth: M,
+                weekStartsOn: j,
+                onApply: ae,
+                onCancel: de,
+                onClear: G,
                 captionLayout: "dropdown"
               }
             )
           }
         )
       ] }),
-      H && /* @__PURE__ */ m("div", { className: N("flex items-center gap-1", I && "text-destructive"), children: [
-        !I && /* @__PURE__ */ r(ye, { size: 10, className: "shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ r(
+      z && /* @__PURE__ */ g("div", { className: N("flex items-center gap-1", I && "text-destructive"), children: [
+        !I && /* @__PURE__ */ s(Re, { size: 10, className: "shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ s(
           "p",
           {
             className: N(
               "text-[10px] text-[#7a8294]",
               I && "text-destructive"
             ),
-            children: H
+            children: z
           }
         )
       ] })
     ] });
   }
 );
-Pe.displayName = "WeekRangePicker";
+ve.displayName = "WeekRangePicker";
 export {
-  Pe as WeekRangePicker
+  ve as WeekRangePicker
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",