impact-nova 2.0.8 → 2.0.9

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

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
 import { Cross as Ne, CalendarMonth as Re, Info as Z } from "impact-nova-icons";
-import { format as r, isValid as C, parse as I } from "date-fns";
+import { format as r, isValid as I, parse as P } from "date-fns";
 import { cn as m, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
 import { Popover as Se, PopoverAnchor as Ce, PopoverContent as Ie } from "../popover.js";
 import { Calendar as Pe } from "../calendar.js";
@@ -31,16 +31,16 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
     isError: D,
     size: H,
     label: q,
-    helperText: P,
+    helperText: W,
     helperTextPosition: A = "absolute",
     required: ce,
     prefix: je,
     prefixClick: ze,
     ...ae
   }, ie) => {
-    const { locale: G, t: W } = Ee(), o = c.useMemo(() => Ve(G), [G]), J = te ?? W("datePicker.selectWeekRange"), Q = c.useRef(null), de = c.useRef(null);
+    const { locale: G, t: R } = Ee(), o = c.useMemo(() => Ve(G), [G]), J = te ?? R("datePicker.selectWeekRange"), Q = c.useRef(null), de = c.useRef(null);
     c.useRef(null), c.useRef(null), c.useImperativeHandle(ie, () => Q.current);
-    const [s, p] = c.useState(!1), V = c.useRef(!1), [v, u] = c.useState(t), [R, x] = c.useState(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), [S, h] = c.useState(i(t) ? r(i(t), n, { locale: o }) : ""), [fe, j] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
+    const [s, p] = c.useState(!1), V = c.useRef(!1), [v, u] = c.useState(t), [S, x] = c.useState(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), [C, h] = c.useState(i(t) ? r(i(t), n, { locale: o }) : ""), [fe, j] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
     c.useEffect(() => {
       s || (x(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), h(i(t) ? r(i(t), n, { locale: o }) : ""), u(t));
     }, [t, n, s, o]), c.useEffect(() => {
@@ -62,39 +62,39 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
       fiscalYearStartMonth: O,
       weekStartsOn: T
     }), ue = (e) => {
-      const w = e.target.value, d = Y(w, n, R);
+      const w = e.target.value, d = Y(w, n, S);
       if (x(d), d === "") {
         const k = { from: void 0, to: v?.to };
         u(k), y || b?.(k);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
+      const g = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (I(g) && d.length === n.length) {
         const N = { from: E(g), to: v?.to };
         u(N), h(r(i(N), n, { locale: o })), y || b?.(N);
       }
     }, xe = (e) => {
-      const w = e.target.value, d = Y(w, n, S);
+      const w = e.target.value, d = Y(w, n, C);
       if (h(d), d === "") {
         const k = { from: v?.from, to: void 0 };
         u(k), y || b?.(k);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
+      const g = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (I(g) && d.length === n.length) {
         const k = E(g), N = { from: v?.from, to: k };
         u(N), v?.from && x(r(v.from.startDate, n, { locale: o })), g && j(g), y || b?.(N);
       }
     }, X = () => {
       if (s) return;
-      const e = $(R, n), w = $(S, n), d = I(e, n, /* @__PURE__ */ new Date(), { locale: o }), g = I(w, n, /* @__PURE__ */ new Date(), { locale: o }), k = C(d) && e.length === n.length, N = C(g) && w.length === n.length;
+      const e = $(S, n), w = $(C, n), d = P(e, n, /* @__PURE__ */ new Date(), { locale: o }), g = P(w, n, /* @__PURE__ */ new Date(), { locale: o }), k = I(d) && e.length === n.length, N = I(g) && w.length === n.length;
       if (!k || !N)
         x(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), h(i(t) ? r(i(t), n, { locale: o }) : ""), u(t);
       else if (x(e), h(w), !y) {
         const De = E(d), ve = E(g);
         b?.({ from: De, to: ve });
       }
-    }, he = t?.from ? r(t.from.startDate, n, { locale: o }) : "", ge = i(t) ? r(i(t), n, { locale: o }) : "", ke = he !== R, we = ge !== S, be = R.length === n.length && !C(I(R, n, /* @__PURE__ */ new Date(), { locale: o })), ye = S.length === n.length && !C(I(S, n, /* @__PURE__ */ new Date(), { locale: o }));
+    }, he = t?.from ? r(t.from.startDate, n, { locale: o }) : "", ge = i(t) ? r(i(t), n, { locale: o }) : "", ke = he !== S, we = ge !== C, be = S.length === n.length && !I(P(S, n, /* @__PURE__ */ new Date(), { locale: o })), ye = C.length === n.length && !I(P(C, n, /* @__PURE__ */ new Date(), { locale: o }));
     return /* @__PURE__ */ f("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": a || void 0, children: [
       /* @__PURE__ */ f("div", { className: "flex flex-col gap-[6px]", children: [
         q && /* @__PURE__ */ f(
@@ -117,7 +117,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
           {
             className: m(
               "w-full",
-              P && A === "absolute" && "relative"
+              W && A === "absolute" && "relative"
             ),
             children: [
               /* @__PURE__ */ f(Se, { open: a ? !1 : s, onOpenChange: (e) => {
@@ -142,7 +142,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                           {
                             ref: Q,
                             type: "text",
-                            value: R,
+                            value: S,
                             onChange: ue,
                             onBlur: X,
                             onClick: () => !a && p(!0),
@@ -165,7 +165,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                           {
                             ref: de,
                             type: "text",
-                            value: S,
+                            value: C,
                             onChange: xe,
                             onBlur: X,
                             onClick: () => !a && p(!0),
@@ -190,7 +190,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                             {
                               type: "button",
                               tabIndex: 0,
-                              "aria-label": W("calendar.clear"),
+                              "aria-label": R("calendar.clear"),
                               onClick: (e) => {
                                 e.stopPropagation(), U();
                               },
@@ -198,15 +198,15 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                               children: /* @__PURE__ */ l(Ne, { className: "size-3 hover:text-content text-content-muted" })
                             }
                           ) }),
-                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: W("calendar.clear") })
+                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: R("calendar.clear") })
                         ] }),
                         /* @__PURE__ */ f(_, { children: [
-                          /* @__PURE__ */ l(F, { asChild: !0, children: /* @__PURE__ */ l("button", { type: "button", tabIndex: 0, "aria-label": W("datePicker.selectWeekRange"), onClick: (e) => {
+                          /* @__PURE__ */ l(F, { asChild: !0, children: /* @__PURE__ */ l("button", { type: "button", tabIndex: 0, "aria-label": R("datePicker.selectWeekRange"), onClick: (e) => {
                             e.stopPropagation(), a || p(!s);
                           }, onKeyDown: (e) => {
                             (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a || (V.current = !0, p(!s)));
                           }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ l(Re, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: W("datePicker.selectWeekRange") })
+                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: R("datePicker.selectWeekRange") })
                         ] })
                       ] })
                     ]
@@ -217,6 +217,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                   {
                     className: "w-auto p-0",
                     align: "start",
+                    "aria-label": R("datePicker.selectWeekRange"),
                     onOpenAutoFocus: (e) => {
                       V.current || e.preventDefault(), V.current = !1;
                     },
@@ -248,7 +249,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                   }
                 )
               ] }),
-              P && A === "absolute" && /* @__PURE__ */ f("div", { className: m("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", D && "text-destructive"), children: [
+              W && A === "absolute" && /* @__PURE__ */ f("div", { className: m("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", D && "text-destructive"), children: [
                 /* @__PURE__ */ l(
                   Z,
                   {
@@ -266,7 +267,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                       "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
                       D && "text-destructive"
                     ),
-                    children: P
+                    children: W
                   }
                 )
               ] })
@@ -274,7 +275,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
           }
         )
       ] }),
-      P && A === "flow" && /* @__PURE__ */ f("div", { className: m("flex items-center gap-[6px]", D && "text-destructive"), children: [
+      W && A === "flow" && /* @__PURE__ */ f("div", { className: m("flex items-center gap-[6px]", D && "text-destructive"), children: [
         /* @__PURE__ */ l(
           Z,
           {
@@ -292,7 +293,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
               "text-[12px] font-medium leading-[18px] text-navigation-muted",
               D && "text-destructive"
             ),
-            children: P
+            children: W
           }
         )
       ] })

package/package.json

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