impact-nova 1.7.9 → 1.7.11

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

@@ -1,21 +1,21 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as d from "react";
 import { X as pt } from "lucide-react";
 import { CalendarMonth as ht, Info as O } from "../../../icons/index.js";
-import { isValid as y, parse as P } from "date-fns";
+import { isValid as P, parse as v } from "date-fns";
 import { cn as l, padValidDateString as T, maskDate as H } from "../../../lib/utils.js";
 import { Popover as ut, PopoverTrigger as xt, PopoverContent as gt } from "../popover.js";
 import { Calendar as Mt } from "../calendar.js";
 import { Tooltip as X, TooltipTrigger as q, TooltipContent as G } from "../tooltip.js";
 import { useImpactNovaI18n as Yt } from "../../../i18n/ImpactNovaI18nContext.js";
 const r = (t, f = "MM/YYYY") => {
-  const v = (t.month + 1).toString().padStart(2, "0");
-  return f === "YYYY/MM" ? `${t.year}/${v}` : `${v}/${t.year}`;
+  const V = (t.month + 1).toString().padStart(2, "0");
+  return f === "YYYY/MM" ? `${t.year}/${V}` : `${V}/${t.year}`;
 }, wt = d.forwardRef(
   ({
     value: t,
     onChange: f,
-    placeholder: v,
+    placeholder: V,
     minDate: C,
     maxDate: J,
     startMonth: K,
@@ -24,10 +24,10 @@ const r = (t, f = "MM/YYYY") => {
     disabled: k,
     className: Q,
     isError: g,
-    size: A,
-    label: E,
+    size: E,
+    label: $,
     helperText: I,
-    helperTextPosition: D = "absolute",
+    helperTextPosition: A = "absolute",
     required: U,
     prefix: bt,
     prefixClick: kt,
@@ -35,61 +35,61 @@ const r = (t, f = "MM/YYYY") => {
     ...W
   }, Z) => {
     const { t: w } = Yt();
-    v ?? w("datePicker.selectMonthRange");
-    const $ = d.useRef(null), _ = d.useRef(null), m = d.useMemo(
+    V ?? w("datePicker.selectMonthRange");
+    const j = d.useRef(null), _ = d.useRef(null), m = d.useMemo(
       () => n === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
       [n]
     );
-    d.useImperativeHandle(Z, () => $.current);
-    const [i, R] = d.useState(!1), [j, p] = d.useState(t), [N, M] = d.useState(t?.from ? r(t.from, n) : ""), [S, Y] = d.useState(t?.to ? r(t.to, n) : ""), [F, V] = d.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : C || /* @__PURE__ */ new Date());
+    d.useImperativeHandle(Z, () => j.current);
+    const [i, R] = d.useState(!1), [N, p] = d.useState(t), [S, M] = d.useState(t?.from ? r(t.from, n) : ""), [y, Y] = d.useState(t?.to ? r(t.to, n) : ""), [F, D] = d.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : C || /* @__PURE__ */ new Date());
     d.useEffect(() => {
       i || (M(t?.from ? r(t.from, n) : ""), Y(t?.to ? r(t.to, n) : ""), p(t));
     }, [i, t, n]), d.useEffect(() => {
-      i && (p(t), M(t?.from ? r(t.from, n) : ""), Y(t?.to ? r(t.to, n) : ""), V(t?.from ? new Date(t.from.year, t.from.month, 1) : C || /* @__PURE__ */ new Date()));
+      i && (p(t), M(t?.from ? r(t.from, n) : ""), Y(t?.to ? r(t.to, n) : ""), D(t?.from ? new Date(t.from.year, t.from.month, 1) : C || /* @__PURE__ */ new Date()));
     }, [i, t, n, C]);
     const tt = (e) => {
       p(e), e?.from && M(r(e.from, n)), e?.to && Y(r(e.to, n)), !x && e?.from && e?.to && (e.from.month !== e.to.month || e.from.year !== e.to.year) && (f?.(e), R(!1));
     }, et = (e) => {
-      f?.(e !== void 0 ? e : j), R(!1);
+      f?.(e !== void 0 ? e : N), R(!1);
     }, nt = () => {
       p(t), M(t?.from ? r(t.from, n) : ""), Y(t?.to ? r(t.to, n) : ""), R(!1);
     }, z = () => {
       p(void 0), M(""), Y(""), f?.(void 0), x || R(!1);
     }, ot = (e) => {
-      const u = e.target.value, s = H(u, m, N);
+      const u = e.target.value, s = H(u, m, S);
       if (M(s), s === "") {
-        const h = { from: void 0, to: t?.to };
+        const h = { from: void 0, to: N?.to };
         p(h), x || f?.(h);
         return;
       }
-      const c = P(s, m, /* @__PURE__ */ new Date());
-      if (y(c) && s.length === 7) {
-        const b = { from: { month: c.getMonth(), year: c.getFullYear() }, to: t?.to };
-        p(b), V(c), x || f?.(b);
+      const a = v(s, m, /* @__PURE__ */ new Date());
+      if (P(a) && s.length === 7) {
+        const b = { from: { month: a.getMonth(), year: a.getFullYear() }, to: N?.to };
+        p(b), D(a), x || f?.(b);
       }
     }, rt = (e) => {
-      const u = e.target.value, s = H(u, m, S);
+      const u = e.target.value, s = H(u, m, y);
       if (Y(s), s === "") {
-        const h = { from: t?.from, to: void 0 };
+        const h = { from: N?.from, to: void 0 };
         p(h), x || f?.(h);
         return;
       }
-      const c = P(s, m, /* @__PURE__ */ new Date());
-      if (y(c) && s.length === 7) {
-        const h = { month: c.getMonth(), year: c.getFullYear() }, b = { from: t?.from, to: h };
-        p(b), V(c), x || f?.(b);
+      const a = v(s, m, /* @__PURE__ */ new Date());
+      if (P(a) && s.length === 7) {
+        const h = { month: a.getMonth(), year: a.getFullYear() }, b = { from: N?.from, to: h };
+        p(b), D(a), x || f?.(b);
       }
     }, B = () => {
       if (i) return;
-      const e = T(N, m), u = T(S, m), s = P(e, m, /* @__PURE__ */ new Date()), c = P(u, m, /* @__PURE__ */ new Date()), h = y(s) && e.length === 7, b = y(c) && u.length === 7;
+      const e = T(S, m), u = T(y, m), s = v(e, m, /* @__PURE__ */ new Date()), a = v(u, m, /* @__PURE__ */ new Date()), h = P(s) && e.length === 7, b = P(a) && u.length === 7;
       !h || !b ? (M(t?.from ? r(t.from, n) : ""), Y(t?.to ? r(t.to, n) : ""), p(t)) : (M(e), Y(u), x || f?.({
         from: { month: s.getMonth(), year: s.getFullYear() },
-        to: { month: c.getMonth(), year: c.getFullYear() }
+        to: { month: a.getMonth(), year: a.getFullYear() }
       }));
-    }, st = t?.from ? r(t.from, n) : "", ct = t?.to ? r(t.to, n) : "", at = N !== st, dt = S !== ct, it = N.length === 7 && !y(P(N, m, /* @__PURE__ */ new Date())), lt = S.length === 7 && !y(P(S, m, /* @__PURE__ */ new Date())), ft = w("datePicker.startMonth"), mt = w("datePicker.endMonth");
-    return /* @__PURE__ */ a("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "month-range-picker", "data-disabled": k || void 0, children: [
-      /* @__PURE__ */ a("div", { className: "flex flex-col gap-[6px]", children: [
-        E && /* @__PURE__ */ a(
+    }, st = t?.from ? r(t.from, n) : "", at = t?.to ? r(t.to, n) : "", ct = S !== st, dt = y !== at, it = S.length === 7 && !P(v(S, m, /* @__PURE__ */ new Date())), lt = y.length === 7 && !P(v(y, m, /* @__PURE__ */ new Date())), ft = w("datePicker.startMonth"), mt = w("datePicker.endMonth");
+    return /* @__PURE__ */ c("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "month-range-picker", "data-disabled": k || void 0, children: [
+      /* @__PURE__ */ c("div", { className: "flex flex-col gap-[6px]", children: [
+        $ && /* @__PURE__ */ c(
           "label",
           {
             className: l(
@@ -98,41 +98,41 @@ const r = (t, f = "MM/YYYY") => {
               g && "text-destructive"
             ),
             children: [
-              E,
+              $,
               " ",
               U && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ c(
           "div",
           {
             className: l(
               "w-full",
-              I && D === "absolute" && "relative"
+              I && A === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ a(ut, { open: i, onOpenChange: R, children: [
-                /* @__PURE__ */ o(xt, { asChild: !0, children: /* @__PURE__ */ a(
+              /* @__PURE__ */ c(ut, { open: i, onOpenChange: R, children: [
+                /* @__PURE__ */ o(xt, { asChild: !0, children: /* @__PURE__ */ c(
                   "div",
                   {
                     "data-state": i ? "open" : "closed",
                     className: l(
                       "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
                       g ? "border-destructive hover:border-destructive" : "border-field",
-                      A === "sm" ? "h-6" : A === "md" ? "h-[28px]" : "h-8",
+                      E === "sm" ? "h-6" : E === "md" ? "h-[28px]" : "h-8",
                       k && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                       "cursor-pointer",
                       Q
                     ),
                     children: [
-                      /* @__PURE__ */ a("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                      /* @__PURE__ */ c("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
                         /* @__PURE__ */ o(
                           "input",
                           {
-                            ref: $,
+                            ref: j,
                             type: "text",
-                            value: N,
+                            value: S,
                             onChange: ot,
                             onBlur: B,
                             onClick: (e) => i && e.stopPropagation(),
@@ -141,7 +141,7 @@ const r = (t, f = "MM/YYYY") => {
                             "data-field": "start",
                             className: l(
                               "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",
-                              it ? "text-destructive" : at ? "text-content-muted" : ""
+                              it ? "text-destructive" : ct ? "text-content-muted" : ""
                             ),
                             ...W
                           }
@@ -151,7 +151,7 @@ const r = (t, f = "MM/YYYY") => {
                           {
                             ref: _,
                             type: "text",
-                            value: S,
+                            value: y,
                             onChange: rt,
                             onBlur: B,
                             onClick: (e) => i && e.stopPropagation(),
@@ -165,8 +165,8 @@ const r = (t, f = "MM/YYYY") => {
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0", children: [
-                        t?.from && !k && /* @__PURE__ */ a(X, { children: [
+                      /* @__PURE__ */ c("div", { className: "flex items-center gap-1 shrink-0", children: [
+                        t?.from && !k && /* @__PURE__ */ c(X, { children: [
                           /* @__PURE__ */ o(q, { asChild: !0, children: /* @__PURE__ */ o(
                             pt,
                             {
@@ -178,7 +178,7 @@ const r = (t, f = "MM/YYYY") => {
                           ) }),
                           /* @__PURE__ */ o(G, { variant: "tertiary", side: "top", children: w("calendar.clear") })
                         ] }),
-                        /* @__PURE__ */ a(X, { children: [
+                        /* @__PURE__ */ c(X, { children: [
                           /* @__PURE__ */ o(q, { asChild: !0, children: /* @__PURE__ */ o(ht, { className: "h-4 w-4 text-secondary-foreground" }) }),
                           /* @__PURE__ */ o(G, { variant: "tertiary", side: "top", children: w("datePicker.selectMonthRange") })
                         ] })
@@ -197,10 +197,10 @@ const r = (t, f = "MM/YYYY") => {
                       {
                         pickerType: "month",
                         monthMode: "range",
-                        selectedMonths: j,
+                        selectedMonths: N,
                         onMonthSelect: tt,
                         month: F,
-                        onMonthChange: V,
+                        onMonthChange: D,
                         disabled: { before: C, after: J },
                         startMonth: K,
                         endMonth: L,
@@ -213,7 +213,7 @@ const r = (t, f = "MM/YYYY") => {
                   }
                 )
               ] }),
-              I && D === "absolute" && /* @__PURE__ */ a("div", { className: l("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", g && "text-destructive"), children: [
+              I && A === "absolute" && /* @__PURE__ */ c("div", { className: l("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", g && "text-destructive"), children: [
                 /* @__PURE__ */ o(
                   O,
                   {
@@ -239,7 +239,7 @@ const r = (t, f = "MM/YYYY") => {
           }
         )
       ] }),
-      I && D === "flow" && /* @__PURE__ */ a("div", { className: l("flex items-center gap-[6px]", g && "text-destructive"), children: [
+      I && A === "flow" && /* @__PURE__ */ c("div", { className: l("flex items-center gap-[6px]", g && "text-destructive"), children: [
         /* @__PURE__ */ o(
           O,
           {

package/dist/components/ui/filter-strip/filter-tag-list.js

@@ -99,7 +99,7 @@ const j = ({
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
-                    className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-6 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
+                    className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
                     onClick: () => i?.(e.id),
                     tabIndex: 0,
                     role: "button",
@@ -125,7 +125,7 @@ const j = ({
                       variant: "secondary",
                       size: "md",
                       shape: "rounded",
-                      className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-6 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
+                      className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
                       children: b
                     }
                   ) }) }),