impact-nova 1.6.4 → 1.6.6

package/dist/components/ui/accordion.js

@@ -1,65 +1,66 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import * as c from "react";
-import * as a from "@radix-ui/react-accordion";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as l from "react";
+import * as o from "@radix-ui/react-accordion";
 import { ChevronRight as f } from "lucide-react";
 import { cn as n } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as g, TooltipContent as h } from "./tooltip.js";
-import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
-const C = a.Root, v = c.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ e(
-  a.Item,
+import { Tooltip as p, TooltipTrigger as g, TooltipContent as v } from "./tooltip.js";
+import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
+const C = o.Root, x = l.forwardRef(({ className: i, ...t }, r) => /* @__PURE__ */ e(
+  o.Item,
   {
     ref: r,
     "data-item": t.value,
     "data-disabled": t.disabled ? "" : void 0,
     className: n(
-      "ia-accordion-item border-b rounded-lg bg-white border-b-[#D9DDE7]",
-      o
+      "ia-accordion-item border rounded-lg bg-white border-[#D9DDE7]",
+      i
     ),
     ...t
   }
 ));
-v.displayName = "AccordionItem";
-const N = c.forwardRef(({ className: o, children: t, badge: r, rightActions: d, ...s }, l) => {
-  const { t: m } = x();
-  return /* @__PURE__ */ e(a.Header, { className: "flex", children: /* @__PURE__ */ i(
-    a.Trigger,
+x.displayName = "AccordionItem";
+const u = l.forwardRef(({ className: i, children: t, badge: r, rightActions: s, ...d }, c) => {
+  const { t: m } = h();
+  return /* @__PURE__ */ e(o.Header, { className: "flex", style: { overflow: "visible" }, children: /* @__PURE__ */ a(
+    o.Trigger,
     {
-      ref: l,
+      ref: c,
       className: n(
-        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
-        o
+        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90 focus-visible:outline-none",
+        i
       ),
-      ...s,
+      style: { outline: "none" },
+      ...d,
       children: [
-        /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ a(p, { children: [
           /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(f, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
-          /* @__PURE__ */ e(h, { side: "top", variant: "tertiary", children: m("aria.toggle") })
+          /* @__PURE__ */ e(v, { side: "top", variant: "tertiary", children: m("aria.toggle") })
         ] }),
-        /* @__PURE__ */ i("div", { className: "flex flex-1 items-center justify-between", children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-between", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
             t,
             r
           ] }),
-          d
+          s
         ] })
       ]
     }
   ) });
 });
-N.displayName = a.Trigger.displayName;
-const b = c.forwardRef(({ className: o, children: t, surfaceClassName: r, ...d }, s) => /* @__PURE__ */ e(
-  a.Content,
+u.displayName = o.Trigger.displayName;
+const N = l.forwardRef(({ className: i, children: t, surfaceClassName: r, ...s }, d) => /* @__PURE__ */ e(
+  o.Content,
   {
-    ref: s,
+    ref: d,
     className: n("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", r),
-    ...d,
-    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", o), children: t })
+    ...s,
+    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", i), children: t })
   }
 ));
-b.displayName = a.Content.displayName;
+N.displayName = o.Content.displayName;
 export {
   C as Accordion,
-  b as AccordionContent,
-  v as AccordionItem,
-  N as AccordionTrigger
+  N as AccordionContent,
+  x as AccordionItem,
+  u as AccordionTrigger
 };

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

@@ -1,111 +1,140 @@
-import { jsxs as k, jsx as m } from "react/jsx-runtime";
-import { lazy as E, useRef as L, useState as d, useCallback as h, useMemo as F, Suspense as V } from "react";
-import { ModuleRegistry as W, AllCommunityModule as _, ValidationModule as $ } from "ag-grid-community";
+import { jsxs as P, jsx as a } from "react/jsx-runtime";
+import { lazy as V, useRef as E, useState as p, useCallback as v, useMemo as F, useEffect as W, Suspense as _ } from "react";
+import { ModuleRegistry as $, AllCommunityModule as q, ValidationModule as K } from "ag-grid-community";
 import { AllEnterpriseModule as U } from "ag-grid-enterprise";
-import { AgGridReact as w } from "ag-grid-react";
-import { customAgGridTheme as z } from "./theme.js";
-import { CustomHeader as J } from "./headers/custom-header.js";
-import { CustomHeaderGroup as q } from "./headers/custom-header-group.js";
-import { GridHeaderContext as B } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as K, getMultiFilterIndices as Q, convertFromAgGridFilterModel as X } from "./headers/utils/filter-utils.js";
-import { ColumnSettingsMenu as Y } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as Z } from "./value-formatters.js";
+import { AgGridReact as z } from "ag-grid-react";
+import { customAgGridTheme as J } from "./theme.js";
+import { CustomHeader as B } from "./headers/custom-header.js";
+import { CustomHeaderGroup as Q } from "./headers/custom-header-group.js";
+import { GridHeaderContext as X } from "./headers/context/grid-header-context.js";
+import { convertToAgGridFilterModel as Y, getMultiFilterIndices as Z, convertFromAgGridFilterModel as ee } from "./headers/utils/filter-utils.js";
+import { ColumnSettingsMenu as te } from "./headers/column-menu/column-settings-menu.js";
+import { AG_GRID_VALUE_FORMATTERS as re } from "./value-formatters.js";
 /* empty css                */
-const ee = E(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
-W.registerModules([_, U, $]);
-function ge({
-  children: i,
-  defaultColDef: n,
-  defaultColGroupDef: l,
-  columnDefs: p,
-  valueFormatters: c,
-  onGridReady: s,
-  ...o
+const ne = V(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
+$.registerModules([q, U, K]);
+function Fe({
+  children: c,
+  defaultColDef: l,
+  defaultColGroupDef: i,
+  columnDefs: f,
+  valueFormatters: d,
+  onGridReady: m,
+  ...u
 }) {
-  const t = L(null), [u, M] = d(null), [v, A] = d(!1), [G, C] = d(null), [D, S] = d(!1), [y, b] = d(null), [I, x] = d(null), O = h((e) => {
-    if (!t.current) return;
-    const r = K(e);
-    t.current.setFilterModel(r), t.current.onFilterChanged();
-  }, []), f = F(() => ({
+  const r = E(null), s = E(null), [g, M] = p(null), [G, h] = p(!1), [y, x] = p(null), [R, S] = p(!1), [b, k] = p(null), [I, O] = p(null), D = v((e) => {
+    if (!r.current) return;
+    const t = Y(e);
+    r.current.setFilterModel(t), r.current.onFilterChanged();
+  }, []), C = F(() => ({
     openSearch: (e) => {
-      if (!t.current) return;
-      const r = t.current.getGridOption("context") || {};
-      t.current.setGridOption("context", { ...r, activeSearchColumnId: e }), t.current.refreshHeader();
+      if (!r.current) return;
+      const t = r.current.getGridOption("context") || {};
+      r.current.setGridOption("context", { ...t, activeSearchColumnId: e }), r.current.refreshHeader();
     },
     closeSearch: () => {
-      if (!t.current) return;
-      const e = t.current.getGridOption("context") || {};
-      t.current.setGridOption("context", { ...e, activeSearchColumnId: null }), t.current.refreshHeader();
+      if (!r.current) return;
+      const e = r.current.getGridOption("context") || {};
+      r.current.setGridOption("context", { ...e, activeSearchColumnId: null }), r.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      C(e || null), A(!0);
+      x(e || null), h(!0);
     },
     closeAdvancedFilter: () => {
-      A(!1), C(null);
+      h(!1), x(null);
     },
     applyAdvancedFilter: (e) => {
-      O(e);
+      D(e);
     },
-    openMenu: (e, r) => {
-      b(e), x(r), S(!0);
+    openMenu: (e, t) => {
+      k(e), O(t), S(!0);
     },
     closeMenu: () => {
-      S(!1), b(null), x(null);
+      S(!1), k(null), O(null);
+    },
+    activeMenuColumnId: b
+  }), [D, b]), H = v((e) => {
+    r.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), m && m(e);
+  }, [m]);
+  W(() => {
+    const e = s.current;
+    if (!e) return;
+    const t = (o) => {
+      if (o.key !== "Enter" && o.key !== " ") return;
+      const n = o.target;
+      if (!n.classList.contains("ag-cell") && !n.classList.contains("ag-header-cell")) return;
+      const A = n.querySelector(
+        'button, [role="checkbox"], [role="switch"], [role="combobox"], [role="button"], [role="link"], a, input, select, textarea, .cursor-pointer'
+      );
+      A && (o.preventDefault(), o.stopPropagation(), A.click(), A.focus());
+    };
+    return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
+  }, []);
+  const N = F(() => ({
+    headerComponent: B,
+    ...l,
+    suppressHeaderKeyboardEvent: (e) => {
+      const { event: t } = e;
+      if (t.key === "Enter" || t.key === " ") {
+        const o = t.target.closest(".ag-header-cell");
+        if (o) {
+          const n = o.querySelector('[role="checkbox"], button, [role="switch"], input');
+          if (n)
+            return t.preventDefault(), n.click(), !0;
+        }
+      }
+      return l?.suppressHeaderKeyboardEvent?.(e) ?? !1;
     },
-    activeMenuColumnId: y
-  }), [O, y]), R = h((e) => {
-    t.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), s && s(e);
-  }, [s]), N = F(() => ({
-    headerComponent: J,
-    ...n,
     headerComponentParams: {
-      ...n?.headerComponentParams
+      ...l?.headerComponentParams
     }
-  }), [n]), j = F(() => ({
-    headerGroupComponent: q,
-    ...l,
+  }), [l]), j = F(() => ({
+    headerGroupComponent: Q,
+    ...i,
     headerGroupComponentParams: {
-      ...l?.headerGroupComponentParams
+      ...i?.headerGroupComponentParams
     }
-  }), [l]), T = F(() => ({
-    ...Z,
+  }), [i]), L = F(() => ({
+    ...re,
     // Always available - value formatters
-    ...o.components,
+    ...u.components,
     // User components override
-    ...c
+    ...d
     // Optional custom formatters override defaults
-  }), [c, o.components]), H = h((e) => {
+  }), [d, u.components]), T = v((e) => {
     if (e.value !== null && e.value !== void 0 && typeof e.value == "object") {
-      const r = Object.entries(e.value).map(([g, a]) => a && typeof a == "object" && "value" in a ? a.value : typeof a != "object" && typeof a < "u" ? a : null).filter((g) => g != null);
-      return r.length > 0 ? r.join("	") : "";
+      const t = Object.entries(e.value).map(([o, n]) => n && typeof n == "object" && "value" in n ? n.value : typeof n != "object" && typeof n < "u" ? n : null).filter((o) => o != null);
+      return t.length > 0 ? t.join("	") : "";
     }
     return e.value;
-  }, []), P = h((e) => {
+  }, []), w = v((e) => {
     if (typeof e.value == "string") {
-      const r = e.value.trim();
-      if (r.startsWith("{") || r.startsWith("["))
+      const t = e.value.trim();
+      if (t.startsWith("{") || t.startsWith("["))
         try {
-          return JSON.parse(r);
+          return JSON.parse(t);
         } catch {
           return e.value;
         }
     }
     return e.value;
   }, []);
-  return /* @__PURE__ */ k(B.Provider, { value: f, children: [
-    /* @__PURE__ */ m(
-      w,
+  return /* @__PURE__ */ P(X.Provider, { value: C, children: [
+    /* @__PURE__ */ a("div", { ref: s, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ a(
+      z,
       {
-        theme: z,
+        theme: J,
         defaultColDef: N,
-        columnDefs: p,
+        columnDefs: f,
         cellSelection: !0,
         defaultColGroupDef: j,
-        onGridReady: R,
-        components: T,
-        processCellForClipboard: H,
-        processCellFromClipboard: P,
+        onGridReady: H,
+        components: L,
+        processCellForClipboard: T,
+        processCellFromClipboard: w,
         ensureDomOrder: !0,
+        suppressHeaderFocus: !1,
+        suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
         columnTypes: {
           numericColumn: {
@@ -129,78 +158,78 @@ function ge({
             filter: "agDateColumnFilter"
           }
         },
-        ...o
+        ...u
       }
-    ),
-    i,
-    /* @__PURE__ */ m(
-      te,
+    ) }),
+    c,
+    /* @__PURE__ */ a(
+      oe,
       {
-        isOpen: v,
-        columnId: G,
-        gridApi: u,
-        onClose: f.closeAdvancedFilter,
-        onApply: f.applyAdvancedFilter
+        isOpen: G,
+        columnId: y,
+        gridApi: g,
+        onClose: C.closeAdvancedFilter,
+        onApply: C.applyAdvancedFilter
       }
     ),
-    /* @__PURE__ */ m(
-      re,
+    /* @__PURE__ */ a(
+      le,
       {
-        isOpen: D,
-        columnId: y,
-        gridApi: u,
+        isOpen: R,
+        columnId: b,
+        gridApi: g,
         anchor: I,
-        onClose: f.closeMenu
+        onClose: C.closeMenu
       }
     )
   ] });
 }
-function te({
-  isOpen: i,
-  columnId: n,
-  gridApi: l,
-  onClose: p,
-  onApply: c
+function oe({
+  isOpen: c,
+  columnId: l,
+  gridApi: i,
+  onClose: f,
+  onApply: d
 }) {
-  if (!i || !n || !l) return null;
-  const s = l.getColumn(n);
-  if (!s) return null;
-  const o = s.getColDef(), t = o.headerComponentParams, u = Q(o), M = u.text !== -1 || u.number !== -1 || u.date !== -1, v = u.set !== -1, G = o.filter === "agMultiColumnFilter" && (M || v) ? "multi" : o.filter === "agNumberColumnFilter" ? "number" : o.filter === "agDateColumnFilter" ? "date" : o.filter === "agSetColumnFilter" || t?.selectOptions ? "select" : "text", C = X(l.getFilterModel());
-  return /* @__PURE__ */ m(V, { fallback: null, children: /* @__PURE__ */ m(
-    ee,
+  if (!c || !l || !i) return null;
+  const m = i.getColumn(l);
+  if (!m) return null;
+  const u = m.getColDef(), r = u.headerComponentParams, s = Z(u), g = s.text !== -1 || s.number !== -1 || s.date !== -1, M = s.set !== -1, h = u.filter === "agMultiColumnFilter" && (g || M) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || r?.selectOptions ? "select" : "text", y = ee(i.getFilterModel());
+  return /* @__PURE__ */ a(_, { fallback: null, children: /* @__PURE__ */ a(
+    ne,
     {
-      isOpen: i,
-      onClose: p,
-      onApply: c,
-      columnId: n,
-      columnLabel: o.headerName || n,
-      columnType: G,
-      selectOptions: t?.selectOptions,
-      isMultiSelect: t?.isMultiSelect,
-      initialModel: C,
-      api: l
+      isOpen: c,
+      onClose: f,
+      onApply: d,
+      columnId: l,
+      columnLabel: u.headerName || l,
+      columnType: h,
+      selectOptions: r?.selectOptions,
+      isMultiSelect: r?.isMultiSelect,
+      initialModel: y,
+      api: i
     }
   ) });
 }
-function re({
-  isOpen: i,
-  columnId: n,
-  gridApi: l,
-  anchor: p,
-  onClose: c
+function le({
+  isOpen: c,
+  columnId: l,
+  gridApi: i,
+  anchor: f,
+  onClose: d
 }) {
-  return !i || !n || !l ? null : /* @__PURE__ */ m(
-    Y,
+  return !c || !l || !i ? null : /* @__PURE__ */ a(
+    te,
     {
-      isOpen: i,
-      columnId: n,
-      gridApi: l,
-      anchor: p,
-      onClose: c
+      isOpen: c,
+      columnId: l,
+      gridApi: i,
+      anchor: f,
+      onClose: d
     }
   );
 }
 export {
-  ge as AgGridWrapper,
-  ge as default
+  Fe as AgGridWrapper,
+  Fe as default
 };

package/dist/components/ui/alert-dialog.js

@@ -1,9 +1,9 @@
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
 import * as i from "react";
 import * as e from "@radix-ui/react-alert-dialog";
 import { cn as s } from "../../lib/utils.js";
-import { buttonVariants as d } from "./button-variants.js";
-const v = e.Root, w = e.Trigger, m = e.Portal, r = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+import { buttonVariants as r } from "./button-variants.js";
+const R = e.Root, b = e.Trigger, p = e.Portal, n = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   e.Overlay,
   {
     className: s(
@@ -14,25 +14,28 @@ const v = e.Root, w = e.Trigger, m = e.Portal, r = i.forwardRef(({ className: a,
     ref: o
   }
 ));
-r.displayName = e.Overlay.displayName;
-const c = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ n(m, { children: [
-  /* @__PURE__ */ l(r, {}),
+n.displayName = e.Overlay.displayName;
+const f = i.forwardRef(({ className: a, onOpenAutoFocus: t, ...o }, m) => /* @__PURE__ */ c(p, { children: [
+  /* @__PURE__ */ l(n, {}),
   /* @__PURE__ */ l(
     e.Content,
     {
-      ref: o,
+      ref: m,
       "aria-describedby": void 0,
       "data-component": "alert-dialog-content",
+      onOpenAutoFocus: (d) => {
+        d.preventDefault(), t?.(d);
+      },
       className: s(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-canvas p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         a
       ),
-      ...t
+      ...o
     }
   )
 ] }));
-c.displayName = e.Content.displayName;
-const p = ({
+f.displayName = e.Content.displayName;
+const g = ({
   className: a,
   ...t
 }) => /* @__PURE__ */ l(
@@ -45,8 +48,8 @@ const p = ({
     ...t
   }
 );
-p.displayName = "AlertDialogHeader";
-const f = ({
+g.displayName = "AlertDialogHeader";
+const N = ({
   className: a,
   ...t
 }) => /* @__PURE__ */ l(
@@ -59,8 +62,8 @@ const f = ({
     ...t
   }
 );
-f.displayName = "AlertDialogFooter";
-const g = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+N.displayName = "AlertDialogFooter";
+const y = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   e.Title,
   {
     ref: o,
@@ -69,8 +72,8 @@ const g = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
     ...t
   }
 ));
-g.displayName = e.Title.displayName;
-const N = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+y.displayName = e.Title.displayName;
+const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   e.Description,
   {
     ref: o,
@@ -79,41 +82,41 @@ const N = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
     ...t
   }
 ));
-N.displayName = e.Description.displayName;
-const y = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+x.displayName = e.Description.displayName;
+const A = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   e.Action,
   {
     ref: o,
     "data-component": "alert-dialog-action",
-    className: s(d(), a),
+    className: s(r(), a),
     ...t
   }
 ));
-y.displayName = e.Action.displayName;
-const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+A.displayName = e.Action.displayName;
+const D = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
   e.Cancel,
   {
     ref: o,
     "data-component": "alert-dialog-cancel",
     className: s(
-      d({ variant: "outline" }),
+      r({ variant: "outline" }),
       "mt-2 sm:mt-0",
       a
     ),
     ...t
   }
 ));
-x.displayName = e.Cancel.displayName;
+D.displayName = e.Cancel.displayName;
 export {
-  v as AlertDialog,
-  y as AlertDialogAction,
-  x as AlertDialogCancel,
-  c as AlertDialogContent,
-  N as AlertDialogDescription,
-  f as AlertDialogFooter,
-  p as AlertDialogHeader,
-  r as AlertDialogOverlay,
-  m as AlertDialogPortal,
-  g as AlertDialogTitle,
-  w as AlertDialogTrigger
+  R as AlertDialog,
+  A as AlertDialogAction,
+  D as AlertDialogCancel,
+  f as AlertDialogContent,
+  x as AlertDialogDescription,
+  N as AlertDialogFooter,
+  g as AlertDialogHeader,
+  n as AlertDialogOverlay,
+  p as AlertDialogPortal,
+  y as AlertDialogTitle,
+  b as AlertDialogTrigger
 };