impact-nova 1.6.0 → 1.6.2

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

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

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

@@ -2,17 +2,17 @@ import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
 import { X as te } from "lucide-react";
 import { CalendarMonth as oe } from "../../../icons/index.js";
-import { isValid as w, parse as P, format as E } from "date-fns";
+import { isValid as P, parse as x, format as O } from "date-fns";
 import { cn as re, padValidDateString as ie, maskDate as se } from "../../../lib/utils.js";
 import { Input as ce } from "../input.js";
 import { Popover as le, PopoverTrigger as pe, PopoverContent as ae } from "../popover.js";
 import { Calendar as de } from "../calendar.js";
-import { Tooltip as O, TooltipTrigger as $, TooltipContent as H } from "../tooltip.js";
+import { Tooltip as $, TooltipTrigger as b, TooltipContent as H } 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 a = (e, s = "MM/dd/yyyy", n) => {
-  const k = E(e.startDate, s, n ? { locale: n } : {}), y = E(e.endDate, s, n ? { locale: n } : {});
+  const k = O(e.startDate, s, n ? { locale: n } : {}), y = O(e.endDate, s, n ? { locale: n } : {});
   return `${k} - ${y}`;
 }, me = i.forwardRef(
   ({
@@ -25,23 +25,23 @@ const a = (e, s = "MM/dd/yyyy", n) => {
     startMonth: q,
     endMonth: z,
     showFooter: d = !0,
-    calendarType: x = "calendar",
-    fiscalMode: S = "basic",
-    selectionMode: I = "week",
-    fiscalMonthPattern: N,
-    fiscalYearStartMonth: T = 1,
-    weekStartsOn: V = 1,
-    disabled: M,
+    calendarType: S = "calendar",
+    fiscalMode: I = "basic",
+    selectionMode: N = "week",
+    fiscalMonthPattern: T,
+    fiscalYearStartMonth: V = 1,
+    weekStartsOn: M = 1,
+    disabled: D,
     className: G,
     ...J
   }, K) => {
-    const { locale: A, t: D } = ue(), o = i.useMemo(() => he(A), [A]), Q = k ?? D("datePicker.selectWeek"), L = i.useRef(null);
+    const { locale: A, t: C } = ue(), o = i.useMemo(() => he(A), [A]), Q = k ?? C("datePicker.selectWeek"), L = i.useRef(null);
     i.useRef(null), i.useImperativeHandle(K, () => L.current);
-    const [c, u] = i.useState(!1), [R, l] = i.useState(e), [f, p] = i.useState(e ? a(e, n, o) : ""), [U, C] = i.useState(e?.startDate || /* @__PURE__ */ new Date());
+    const [c, u] = i.useState(!1), [R, l] = i.useState(e), [f, p] = i.useState(e ? a(e, n, o) : ""), [U, W] = i.useState(e?.startDate || /* @__PURE__ */ new Date());
     i.useEffect(() => {
       c || (p(e ? a(e, n, o) : ""), l(e));
     }, [c, e, n, o]), i.useEffect(() => {
-      c && (l(e), C(e?.startDate || /* @__PURE__ */ new Date()), p(e ? a(e, n, o) : ""));
+      c && (l(e), W(e?.startDate || /* @__PURE__ */ new Date()), p(e ? a(e, n, o) : ""));
     }, [c, e, n, o]);
     const Z = (t) => {
       l(t), t && p(a(t, n, o)), d || (s?.(t), u(!1));
@@ -51,36 +51,36 @@ const a = (e, s = "MM/dd/yyyy", n) => {
       l(e), p(e ? a(e, n, o) : ""), u(!1);
     }, v = () => {
       l(void 0), p(""), s?.(void 0), d || u(!1);
-    }, b = (t) => fe(t, {
-      calendarType: x,
-      fiscalMode: S,
-      selectionMode: I,
-      fiscalMonthPattern: N,
-      fiscalYearStartMonth: T,
-      weekStartsOn: V
+    }, j = (t) => fe(t, {
+      calendarType: S,
+      fiscalMode: I,
+      selectionMode: N,
+      fiscalMonthPattern: T,
+      fiscalYearStartMonth: V,
+      weekStartsOn: M
     }), F = (t) => {
       const m = t.target.value, h = se(m, n, f);
       if (p(h), h === "") {
         l(void 0), d || s?.(void 0);
         return;
       }
-      const W = P(h, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (w(W) && h.length === n.length) {
-        const B = b(W);
-        l(B), C(W), d || s?.(B);
+      const w = x(h, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (P(w) && h.length === n.length) {
+        const E = j(w);
+        l(E), W(w), d || s?.(E);
       }
     }, ee = () => {
       if (c) return;
-      const t = ie(f, n), m = P(t, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (!w(m) || t.length !== n.length)
+      const t = ie(f, n), m = x(t, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (!P(m) || t.length !== n.length)
         p(e ? a(e, n, o) : ""), l(e);
       else if (p(t), !d) {
-        const h = b(m);
+        const h = j(m);
         s?.(h);
       }
-    }, j = (e ? a(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: u, children: [
-      /* @__PURE__ */ r(pe, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": c ? "open" : "closed", "data-pending": j || void 0, children: /* @__PURE__ */ r(
+    }, B = (e ? a(e, n, o) : "") !== f, ne = f.length === n.length && !P(x(f, n, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ g(le, { open: c, onOpenChange: (t) => !D && u(t), children: [
+      /* @__PURE__ */ r(pe, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": c ? "open" : "closed", "data-pending": B || void 0, children: /* @__PURE__ */ r(
         ce,
         {
           ref: L,
@@ -89,16 +89,16 @@ const a = (e, s = "MM/dd/yyyy", n) => {
           onBlur: ee,
           onClick: (t) => c && t.stopPropagation(),
           placeholder: c ? n : Q,
-          disabled: M,
+          disabled: D,
           "data-form-control": "input",
           className: re(
             "cursor-pointer",
-            ne ? "text-destructive" : j ? "text-content-muted" : "",
+            ne ? "text-destructive" : B ? "text-content-muted" : "",
             G
           ),
           suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
-            e && !M && /* @__PURE__ */ g(O, { children: [
-              /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(
+            e && !D && /* @__PURE__ */ g($, { children: [
+              /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(
                 te,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-content",
@@ -107,11 +107,11 @@ const a = (e, s = "MM/dd/yyyy", n) => {
                   }
                 }
               ) }),
-              /* @__PURE__ */ r(H, { variant: "tertiary", side: "top", children: D("calendar.clear") })
+              /* @__PURE__ */ r(H, { variant: "tertiary", side: "top", children: C("calendar.clear") })
             ] }),
-            /* @__PURE__ */ g(O, { children: [
-              /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ r(H, { variant: "tertiary", side: "top", children: D("datePicker.selectWeek") })
+            /* @__PURE__ */ g($, { children: [
+              /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ r(H, { variant: "tertiary", side: "top", children: C("datePicker.selectWeek") })
             ] })
           ] }),
           ...J
@@ -131,17 +131,17 @@ const a = (e, s = "MM/dd/yyyy", n) => {
               selectedWeeks: R,
               onWeekSelect: Z,
               month: U,
-              onMonthChange: C,
+              onMonthChange: W,
               disabled: { before: y, after: X },
               startMonth: q,
               endMonth: z,
               showFooter: d,
-              calendarType: x,
-              fiscalMode: S,
-              selectionMode: I,
-              fiscalMonthPattern: N,
-              fiscalYearStartMonth: T,
-              weekStartsOn: V,
+              calendarType: S,
+              fiscalMode: I,
+              selectionMode: N,
+              fiscalMonthPattern: T,
+              fiscalYearStartMonth: V,
+              weekStartsOn: M,
               onApply: _,
               onCancel: Y,
               onClear: v,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "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",