impact-nova 2.0.5 → 2.0.7

package/dist/components/ui/ag-grid-react/index.js

@@ -11,13 +11,13 @@ import { GridHeaderContext as Ae } from "./headers/context/grid-header-context.j
 import { convertToAgGridFilterModel as Re, getMultiFilterIndices as Ge, convertFromAgGridFilterModel as ke } from "./headers/utils/filter-utils.js";
 import { ColumnSettingsMenu as je } from "./headers/column-menu/column-settings-menu.js";
 import { AG_GRID_VALUE_FORMATTERS as we } from "./value-formatters.js";
-import { useGridAutoSizeStrategyOnResize as Te } from "./useGridAutoSizeStrategyOnResize.js";
+import { useGridAutoSizeStrategyOnResize as Ie } from "./useGridAutoSizeStrategyOnResize.js";
 /* empty css                */
 import { refreshGridAutoSizeStrategy as et } from "./refreshGridAutoSizeStrategy.js";
 import { subscribeGridApiEvent as rt, subscribeGridApiEvents as nt } from "./grid-api-event-subscription.js";
-const Pe = me(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
+const Te = me(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
 Ce.registerModules([ye, be, ve]);
-const F = "
", O = "";
+const F = "
", H = "";
 function K(i) {
   return i.getColumns()?.some((n) => n.getColDef().headerCheckboxSelection) ?? !1;
 }
@@ -35,18 +35,18 @@ const U = (i) => {
       l.push("");
       continue;
     }
-    const a = i[m];
-    if (a == null) {
+    const u = i[m];
+    if (u == null) {
       l.push("");
       continue;
     }
-    if (typeof a == "object" && "value" in a) {
-      const c = a.value;
+    if (typeof u == "object" && "value" in u) {
+      const c = u.value;
       l.push(c == null ? "" : String(c));
       continue;
     }
-    if (typeof a != "object") {
-      l.push(String(a));
+    if (typeof u != "object") {
+      l.push(String(u));
       continue;
     }
     l.push("");
@@ -74,18 +74,18 @@ function Qe({
   defaultColGroupDef: l,
   columnDefs: h,
   valueFormatters: m,
-  onGridReady: a,
+  onGridReady: u,
   onGridPreDestroyed: c,
   onFilterChanged: b,
   onSelectionChanged: C,
   onModelUpdated: M,
-  ensureDomOrder: T = !0,
-  autoSizeStrategy: P,
+  ensureDomOrder: I = !0,
+  autoSizeStrategy: T,
   ...g
 }) {
-  const u = S(null), I = S(null), [D, L] = w(null);
-  Te(D, I, P);
-  const [J, N] = w(!1), [X, _] = w(null), [B, V] = w(!1), E = S(null), H = S(null), A = S(null), Q = f(() => [], []), Y = y(() => ({
+  const a = S(null), O = S(null), [P, L] = w(null);
+  Ie(P, O, T);
+  const [B, N] = w(!1), [J, _] = w(null), [X, V] = w(!1), E = S(null), D = S(null), A = S(null), Q = f(() => [], []), Y = y(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -108,14 +108,14 @@ function Qe({
     }
   }), []), R = y(() => ({
     openSearch: (e) => {
-      if (!u.current) return;
-      const t = u.current.getGridOption("context") || {};
-      u.current.setGridOption("context", { ...t, activeSearchColumnId: e }), u.current.refreshHeader();
+      if (!a.current) return;
+      const t = a.current.getGridOption("context") || {};
+      a.current.setGridOption("context", { ...t, activeSearchColumnId: e }), a.current.refreshHeader();
     },
     closeSearch: () => {
-      if (!u.current) return;
-      const e = u.current.getGridOption("context") || {};
-      u.current.setGridOption("context", { ...e, activeSearchColumnId: null }), u.current.refreshHeader();
+      if (!a.current) return;
+      const e = a.current.getGridOption("context") || {};
+      a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), a.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
       _(e || null), N(!0);
@@ -124,15 +124,15 @@ function Qe({
       N(!1), _(null);
     },
     applyAdvancedFilter: (e) => {
-      if (!u.current) return;
+      if (!a.current) return;
       const t = Re(e);
-      u.current.setFilterModel(t), u.current.onFilterChanged(), u.current.refreshHeader();
+      a.current.setFilterModel(t), a.current.onFilterChanged(), a.current.refreshHeader();
     },
     openMenu: (e, t, o = "column") => {
-      E.current = e, H.current = t, A.current = o, V(!0);
+      E.current = e, D.current = t, A.current = o, V(!0);
     },
     closeMenu: () => {
-      E.current = null, H.current = null, A.current = null, V(!1);
+      E.current = null, D.current = null, A.current = null, V(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
@@ -142,17 +142,17 @@ function Qe({
       return A.current;
     }
   }), []), Z = f((e) => {
-    u.current = e.api, L(e.api);
+    a.current = e.api, L(e.api);
     const t = e.api.getGridOption("context") || {};
-    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), a && a(e);
-  }, [a]), ee = f(
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), u && u(e);
+  }, [u]), ee = f(
     (e) => {
-      u.current = null, L(null), c?.(e);
+      a.current = null, L(null), c?.(e);
     },
     [c]
   ), te = f(
     (e) => {
-      e.api.refreshHeader(), b?.(e);
+      e.api.getGridOption("context")?.activeSearchColumnId || e.api.refreshHeader(), b?.(e);
     },
     [b]
   ), re = f(
@@ -167,7 +167,7 @@ function Qe({
     [M]
   );
   ge(() => {
-    const e = I.current;
+    const e = O.current;
     if (!e) return;
     const t = (o) => {
       if (o.key !== "Enter" && o.key !== " ") return;
@@ -227,11 +227,11 @@ function Qe({
         const d = o[0]?.field?.split(".").pop(), x = d ? t[d] : void 0;
         return x && typeof x == "object" && "value" in x ? x.value ?? "" : r[0];
       }
-      return O + r.join(F);
+      return H + r.join(F);
     }
     const s = Object.entries(t).map(([, r]) => r && typeof r == "object" && "value" in r ? r.value : typeof r != "object" && typeof r < "u" ? r : null).filter((r) => r != null);
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(F);
-  }, []), ue = f((e) => {
+  }, []), ae = f((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -242,9 +242,9 @@ function Qe({
         }
     }
     return e.value;
-  }, []), ae = f((e) => {
+  }, []), ue = f((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(F) && !t.includes(O)) {
+    if (!t.includes(F) && !t.includes(H)) {
       $(t);
       return;
     }
@@ -256,7 +256,7 @@ function Qe({
         o.push("");
         continue;
       }
-      const k = d.split("	").map((p) => p.startsWith(O) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), W = Math.max(1, ...k.map((p) => p.slots.length));
+      const k = d.split("	").map((p) => p.startsWith(H) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), W = Math.max(1, ...k.map((p) => p.slots.length));
       if (W === 1) {
         o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
@@ -298,7 +298,7 @@ function Qe({
     ...g.defaultExcelExportParams ?? {}
   }), [G, g.defaultExcelExportParams]);
   return /* @__PURE__ */ fe(Ae.Provider, { value: R, children: [
-    /* @__PURE__ */ v("div", { ref: I, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
+    /* @__PURE__ */ v("div", { ref: O, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
       xe,
       {
         theme: Se,
@@ -313,16 +313,16 @@ function Qe({
         onModelUpdated: ne,
         components: ie,
         processCellForClipboard: se,
-        processCellFromClipboard: ue,
-        sendToClipboard: ae,
-        ensureDomOrder: T,
+        processCellFromClipboard: ae,
+        sendToClipboard: ue,
+        ensureDomOrder: I,
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
         hidePaddedHeaderRows: !0,
         suppressServerSideFullWidthLoadingRow: !0,
         columnTypes: Y,
-        autoSizeStrategy: P,
+        autoSizeStrategy: T,
         ...g,
         defaultCsvExportParams: ce,
         defaultExcelExportParams: de,
@@ -331,29 +331,29 @@ function Qe({
     ) }),
     i,
     /* @__PURE__ */ v(
-      Ie,
+      Oe,
       {
-        isOpen: J,
-        columnId: X,
-        gridApi: D,
+        isOpen: B,
+        columnId: J,
+        gridApi: P,
         onClose: R.closeAdvancedFilter,
         onApply: R.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ v(
-      De,
+      Pe,
       {
-        isOpen: B,
+        isOpen: X,
         columnId: E.current,
-        gridApi: D,
-        anchor: H.current,
+        gridApi: P,
+        anchor: D.current,
         variant: A.current,
         onClose: R.closeMenu
       }
     )
   ] });
 }
-function Ie({
+function Oe({
   isOpen: i,
   columnId: n,
   gridApi: l,
@@ -361,11 +361,11 @@ function Ie({
   onApply: m
 }) {
   if (!i || !n || !l) return null;
-  const a = l.getColumn(n);
-  if (!a) return null;
-  const c = a.getColDef(), b = c.headerComponentParams, C = Ge(c), M = C.text !== -1 || C.number !== -1 || C.date !== -1, T = C.set !== -1, g = c.filter === "agMultiColumnFilter" && (M || T) ? "multi" : c.filter === "agNumberColumnFilter" ? "number" : c.filter === "agDateColumnFilter" ? "date" : c.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", u = ke(l.getFilterModel());
+  const u = l.getColumn(n);
+  if (!u) return null;
+  const c = u.getColDef(), b = c.headerComponentParams, C = Ge(c), M = C.text !== -1 || C.number !== -1 || C.date !== -1, I = C.set !== -1, g = c.filter === "agMultiColumnFilter" && (M || I) ? "multi" : c.filter === "agNumberColumnFilter" ? "number" : c.filter === "agDateColumnFilter" ? "date" : c.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", a = ke(l.getFilterModel());
   return /* @__PURE__ */ v(he, { fallback: null, children: /* @__PURE__ */ v(
-    Pe,
+    Te,
     {
       isOpen: i,
       onClose: h,
@@ -375,18 +375,18 @@ function Ie({
       columnType: g,
       selectOptions: b?.selectOptions,
       isMultiSelect: b?.isMultiSelect,
-      initialModel: u,
+      initialModel: a,
       api: l
     }
   ) });
 }
-function De({
+function Pe({
   isOpen: i,
   columnId: n,
   gridApi: l,
   anchor: h,
   variant: m,
-  onClose: a
+  onClose: u
 }) {
   return !i || !n || !l ? null : /* @__PURE__ */ v(
     je,
@@ -396,7 +396,7 @@ function De({
       gridApi: l,
       anchor: h,
       variant: m || "column",
-      onClose: a
+      onClose: u
     }
   );
 }

package/dist/components/ui/calendar.js

@@ -4,6 +4,7 @@ import { getDefaultClassNames as Ke, DayPicker as We } from "react-day-picker";
 import { ChevronRight as oe } from "impact-nova-icons";
 import { cn as m } from "../../lib/utils.js";
 import { Button as O } from "./button.js";
+import "./button-variants.js";
 import me from "./select/select.js";
 import { FISCAL_PATTERNS as Ge, resolveWeekSelection as qe } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as Je, getDateFnsLocale as Qe } from "../../i18n/getDateFnsLocale.js";
@@ -32,7 +33,7 @@ function Ve({ children: A }) {
     }
   );
 }
-function ut({
+function ft({
   className: A,
   classNames: B,
   showOutsideDays: p = !1,
@@ -892,6 +893,6 @@ function et({
   );
 }
 export {
-  ut as Calendar,
+  ft as Calendar,
   et as CalendarDayButton
 };

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

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