impact-nova 1.7.28 → 1.7.29

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.d.ts

@@ -6,6 +6,8 @@ interface ColumnSettingsMenuProps {
     columnId: string;
     gridApi: GridApi;
     anchor: HTMLElement | null;
+    /** Variant determines menu items shown: 'column' shows full menu, 'group' shows only Choose/Reset Columns */
+    variant?: 'column' | 'group';
 }
 export declare const ColumnSettingsMenu: React.FC<ColumnSettingsMenuProps>;
 export {};

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,114 +1,154 @@
-import { jsxs as r, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as V } from "react/jsx-runtime";
 import "react";
-import { Settings as F, Checkmark as h, Search as _ } from "../../../../../icons/index.js";
-import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as q, DropdownMenuLabel as v, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as a } from "../../../dropdown-menu.js";
-import { useGridHeader as L } from "../context/grid-header-context.js";
-import { useImpactNovaI18n as R } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const U = ({
-  isOpen: M,
-  onClose: c,
-  columnId: l,
+import { Settings as B, Checkmark as h, Search as W } from "../../../../../icons/index.js";
+import { DropdownMenu as A, DropdownMenuTrigger as _, DropdownMenuContent as F, DropdownMenuItem as i, DropdownMenuLabel as P, DropdownMenuSeparator as T, DropdownMenuSub as f, DropdownMenuSubTrigger as g, DropdownMenuSubContent as C } from "../../../dropdown-menu.js";
+import { useGridHeader as I } from "../context/grid-header-context.js";
+import { useImpactNovaI18n as J } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const $ = ({
+  isOpen: x,
+  onClose: a,
+  columnId: c,
   gridApi: s,
-  anchor: O
+  anchor: j,
+  variant: d = "column"
 }) => {
-  const { t } = R(), C = L(), o = s.getColumn(l);
-  if (!o) return null;
-  const i = o.getColDef(), x = o.getSort(), S = o.getPinned(), A = i?.sortable !== !1, y = i?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("numericColumn") : i?.type === "numericColumn"), b = y === "agDateColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("dateColumn") : i?.type === "dateColumn"), u = (n) => {
+  const { t: n } = J(), S = I(), u = d === "column" ? s.getColumn(c) : null;
+  if (d === "column" && !u) return null;
+  const l = u?.getColDef(), b = u?.getSort(), w = u?.getPinned(), q = d === "column" && l?.sortable !== !1, y = l?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), k = y === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), E = s.getGridOption("suppressRowVirtualisation") !== !0, m = (t) => {
     queueMicrotask(() => {
       s.applyColumnState({
-        state: [{ colId: l, sort: n }],
+        state: [{ colId: c, sort: t }],
         defaultState: { sort: null }
       });
-    }), c();
-  }, m = (n) => {
+    }), a();
+  }, p = (t) => {
     queueMicrotask(() => {
       s.applyColumnState({
-        state: [{ colId: l, pinned: n }]
+        state: [{ colId: c, pinned: t }]
       });
-    }), c();
-  }, w = (n) => {
-    n ? s.autoSizeAllColumns() : s.autoSizeColumns([l]), c();
-  }, P = () => {
-    const n = s.getGridOption("context") || {};
-    s.setGridOption("context", { ...n, activeSearchColumnId: l }), s.refreshHeader(), c();
-  }, T = () => {
-    const n = i?.headerComponentParams;
-    n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(o) : n?.toggleAdvanceSearch ? n.toggleAdvanceSearch(l) : C && C.openAdvancedFilter(l), c();
-  }, d = O?.getBoundingClientRect(), D = i?.headerComponentParams, N = D?.isSearchable, k = D?.advanceSearchEnabled;
-  return /* @__PURE__ */ r(E, { open: M, onOpenChange: (n) => !n && c(), children: [
-    d && /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
+    }), a();
+  }, N = (t) => {
+    t ? s.autoSizeAllColumns() : s.autoSizeColumns([c]), a();
+  }, D = () => {
+    queueMicrotask(() => {
+      s.showColumnChooser();
+    }), a();
+  }, z = () => {
+    queueMicrotask(() => {
+      s.resetColumnState();
+    }), a();
+  }, G = () => {
+    const t = s.getGridOption("context") || {};
+    s.setGridOption("context", { ...t, activeSearchColumnId: c }), s.refreshHeader(), a();
+  }, R = () => {
+    const t = l?.headerComponentParams;
+    t?.onAdvanceSearchClick ? t.onAdvanceSearchClick(u) : t?.toggleAdvanceSearch ? t.toggleAdvanceSearch(c) : S && S.openAdvancedFilter(c), a();
+  }, o = j?.getBoundingClientRect(), v = l?.headerComponentParams, M = d === "column" && v?.isSearchable, O = d === "column" && v?.advanceSearchEnabled, L = n(E ? "gridHeader.autosizeAllVisibleColumns" : "gridHeader.autosizeAllColumns");
+  return d === "group" ? /* @__PURE__ */ r(A, { open: x, onOpenChange: (t) => !t && a(), children: [
+    o && /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
+          pointerEvents: "none",
+          visibility: "hidden"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      F,
+      {
+        align: "end",
+        side: "bottom",
+        sideOffset: 5,
+        className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
+        onCloseAutoFocus: (t) => t.preventDefault(),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ e(i, { onClick: D, children: n("gridHeader.chooseColumns") }),
+          /* @__PURE__ */ e(i, { onClick: z, children: n("gridHeader.resetColumns") })
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ r(A, { open: x, onOpenChange: (t) => !t && a(), children: [
+    o && /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "fixed",
-          left: d.left,
-          top: d.top,
-          width: d.width,
-          height: d.height,
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
           pointerEvents: "none",
           visibility: "hidden"
         }
       }
     ) }),
     /* @__PURE__ */ e(
-      q,
+      F,
       {
         align: "end",
         side: "bottom",
         sideOffset: 5,
         className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
-        onCloseAutoFocus: (n) => n.preventDefault(),
+        onCloseAutoFocus: (t) => t.preventDefault(),
         children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ r(v, { className: "flex items-center gap-2 text-content-tertiary", children: [
-            /* @__PURE__ */ e(F, { size: "xs" }),
+          /* @__PURE__ */ r(P, { className: "flex items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ e(B, { size: "xs" }),
             " ",
-            t("gridHeader.columnSettings")
+            n("gridHeader.columnSettings")
           ] }),
-          /* @__PURE__ */ e(z, {}),
-          A && /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.sort") }),
-            /* @__PURE__ */ r(g, { sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(a, { onClick: () => u("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortAscNumber" : b ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
-                x === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+          /* @__PURE__ */ e(T, {}),
+          q && /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ e(g, { inset: !0, children: n("gridHeader.sort") }),
+            /* @__PURE__ */ r(C, { sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => m("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n(H ? "gridHeader.sortAscNumber" : k ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
+                b === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => u("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortDescNumber" : b ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
-                x === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+              /* @__PURE__ */ e(i, { onClick: () => m("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n(H ? "gridHeader.sortDescNumber" : k ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
+                b === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
+              /* @__PURE__ */ e(i, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: n("gridHeader.reset") }) })
             ] })
           ] }),
-          /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.freezeColumn") }),
-            /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(a, { onClick: () => m("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t("gridHeader.pinLeft") }),
-                S === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+          /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ e(g, { inset: !0, children: n("gridHeader.freezeColumn") }),
+            /* @__PURE__ */ r(C, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => p("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n("gridHeader.pinLeft") }),
+                w === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => m("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t("gridHeader.pinRight") }),
-                S === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+              /* @__PURE__ */ e(i, { onClick: () => p("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n("gridHeader.pinRight") }),
+                w === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
+              /* @__PURE__ */ e(i, { onClick: () => p(null), children: /* @__PURE__ */ e("span", { children: n("gridHeader.noPin") }) })
             ] })
           ] }),
-          /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.columnWidth") }),
-            /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(a, { onClick: () => w(!1), children: t("gridHeader.autosizeThisColumn") }),
-              /* @__PURE__ */ e(a, { onClick: () => w(!0), children: t("gridHeader.autosizeAllColumns") })
+          /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ e(g, { inset: !0, children: n("gridHeader.columnWidth") }),
+            /* @__PURE__ */ r(C, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => N(!1), children: n("gridHeader.autosizeThisColumn") }),
+              /* @__PURE__ */ e(i, { onClick: () => N(!0), children: L })
             ] })
           ] }),
-          (N || k) && /* @__PURE__ */ r(j, { children: [
-            /* @__PURE__ */ e(z, {}),
-            /* @__PURE__ */ r(v, { className: "flex items-center gap-2 text-content-tertiary", children: [
-              /* @__PURE__ */ e(_, { size: "xs" }),
+          /* @__PURE__ */ e(i, { inset: !0, onClick: D, children: n("gridHeader.chooseColumns") }),
+          /* @__PURE__ */ e(i, { inset: !0, onClick: z, children: n("gridHeader.resetColumns") }),
+          (M || O) && /* @__PURE__ */ r(V, { children: [
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ r(P, { className: "flex items-center gap-2 text-content-tertiary", children: [
+              /* @__PURE__ */ e(W, { size: "xs" }),
               " ",
-              t("gridHeader.searchOptions")
+              n("gridHeader.searchOptions")
             ] }),
-            N && /* @__PURE__ */ e(a, { inset: !0, onClick: P, children: t("gridHeader.search") }),
-            k && /* @__PURE__ */ e(a, { inset: !0, onClick: T, children: t("gridHeader.advanceSearch") })
+            M && /* @__PURE__ */ e(i, { inset: !0, onClick: G, children: n("gridHeader.search") }),
+            O && /* @__PURE__ */ e(i, { inset: !0, onClick: R, children: n("gridHeader.advanceSearch") })
           ] })
         ] })
       }
@@ -116,5 +156,5 @@ const U = ({
   ] });
 };
 export {
-  U as ColumnSettingsMenu
+  $ as ColumnSettingsMenu
 };

package/dist/components/ui/ag-grid-react/headers/context/grid-header-context.d.ts

@@ -19,12 +19,14 @@ export interface GridHeaderContextValue {
     closeAdvancedFilter: () => void;
     /** Apply a new advanced filter model (updates state AND applies to grid) */
     applyAdvancedFilter: (model: AdvancedFilterModel | null) => void;
-    /** Open column settings menu for a specific column */
-    openMenu: (columnId: string, anchor: HTMLElement) => void;
+    /** Open column settings menu for a specific column or group */
+    openMenu: (columnId: string, anchor: HTMLElement, variant?: 'column' | 'group') => void;
     /** Close the column settings menu */
     closeMenu: () => void;
     /** ID of the column that currently has the settings menu open */
     activeMenuColumnId: string | null;
+    /** Variant of the active menu ('column' for regular columns, 'group' for column groups) */
+    activeMenuVariant: 'column' | 'group' | null;
 }
 export declare const GridHeaderContext: import('react').Context<GridHeaderContextValue>;
 /**

package/dist/components/ui/ag-grid-react/headers/custom-header-group.js

@@ -1,40 +1,47 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { ChevronRight as m } from "../../../../icons/index.js";
-import { cn as x } from "../../../../lib/utils.js";
-import { HeaderInfo as f } from "./components/header-info.js";
-import { TruncatedText as u } from "./components/truncated-text.js";
-const y = (t) => {
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { ChevronRight as x } from "../../../../icons/index.js";
+import { cn as g } from "../../../../lib/utils.js";
+import { HeaderInfo as h } from "./components/header-info.js";
+import { TruncatedText as N } from "./components/truncated-text.js";
+import { useGridHeader as E } from "./context/grid-header-context.js";
+const H = (n) => {
   const {
-    displayName: i,
+    displayName: l,
     showInfoIcon: c = !1,
     columnGroup: e,
-    setExpanded: n
-  } = t, o = e ? e.isExpanded() : !1, r = e ? e.isExpandable() : !1, d = (l) => {
-    l && l.stopPropagation(), n && e && n(!o);
-  }, s = i || "";
-  return !s && c === !1 ? null : /* @__PURE__ */ p(
+    setExpanded: a
+  } = n, r = E(), s = e ? e.isExpanded() : !1, i = e ? e.isExpandable() : !1, p = (t) => {
+    t && t.stopPropagation(), a && e && a(!s);
+  }, m = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), r && e) {
+      const u = e.getGroupId() || "group";
+      r.openMenu(u, t.currentTarget, "group");
+    }
+  }, d = l || "";
+  return !d && c === !1 ? null : /* @__PURE__ */ f(
     "div",
     {
       className: "ag-header-group-cell-label ag-sticky-label flex items-center h-full cursor-pointer select-none",
-      onClick: r ? d : void 0,
+      onClick: i ? p : void 0,
+      onContextMenu: m,
       role: "presentation",
       children: [
-        /* @__PURE__ */ a(
-          u,
+        /* @__PURE__ */ o(
+          N,
           {
-            text: s,
+            text: d,
             className: "ag-header-group-text font-bold text-content"
           }
         ),
-        /* @__PURE__ */ a(f, { ...t, className: "ml-1" }),
-        r && /* @__PURE__ */ a("span", { className: x(
+        /* @__PURE__ */ o(h, { ...n, className: "ml-1" }),
+        i && /* @__PURE__ */ o("span", { className: g(
           "ag-header-icon ag-header-expand-icon ml-[6px] flex items-center justify-center transition-transform duration-200",
-          o ? "ag-header-expand-icon-expanded rotate-180" : "ag-header-expand-icon-collapsed"
-        ), children: /* @__PURE__ */ a(m, { size: 16, className: "text-content-tertiary" }) })
+          s ? "ag-header-expand-icon-expanded rotate-180" : "ag-header-expand-icon-collapsed"
+        ), children: /* @__PURE__ */ o(x, { size: 16, className: "text-content-tertiary" }) })
       ]
     }
   );
 };
 export {
-  y as CustomHeaderGroup
+  H as CustomHeaderGroup
 };

package/dist/components/ui/ag-grid-react/headers/custom-header.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as h, Fragment as T } from "react/jsx-runtime";
-import { useState as A, useEffect as J } from "react";
-import { cn as g } from "../../../../lib/utils.js";
-import { useGridHeader as Q } from "./context/grid-header-context.js";
-import { HeaderInfo as W } from "./components/header-info.js";
-import { Checkbox as X } from "../../checkbox.js";
-import { TruncatedText as Y } from "./components/truncated-text.js";
-import { HeaderSearchInput as $ } from "./header-search-input.js";
+import { useState as F, useEffect as W } from "react";
+import { cn as C } from "../../../../lib/utils.js";
+import { useGridHeader as X } from "./context/grid-header-context.js";
+import { HeaderInfo as Y } from "./components/header-info.js";
+import { Checkbox as $ } from "../../checkbox.js";
+import { TruncatedText as ee } from "./components/truncated-text.js";
+import { HeaderSearchInput as te } from "./header-search-input.js";
 import { useImpactNovaI18n as V } from "../../../../i18n/ImpactNovaI18nContext.js";
-const ee = () => /* @__PURE__ */ h(T, { children: [
+const re = () => /* @__PURE__ */ h(T, { children: [
   /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ h(
     "svg",
     {
@@ -50,61 +50,61 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
       children: /* @__PURE__ */ e("path", { d: "M7.85714 10.8967V5.44444H6.42857V10.8967H4.28571L7.14286 14L10 10.8967H7.85714ZM2.85714 0L0 3.10333H2.14286V8.55556H3.57143V3.10333H5.71429L2.85714 0ZM7.85714 10.8967V5.44444H6.42857V10.8967H4.28571L7.14286 14L10 10.8967H7.85714ZM2.85714 0L0 3.10333H2.14286V8.55556H3.57143V3.10333H5.71429L2.85714 0Z", fill: "currentColor" })
     }
   ) })
-] }), te = ({ api: r }) => {
-  const { t } = V(), [C, H] = A(!1), [S, s] = A(!1);
-  J(() => {
-    if (!r) return;
-    const m = r.getGridOption?.("rowModelType") === "serverSide", x = () => {
+] }), ne = ({ api: n }) => {
+  const { t } = V(), [p, H] = F(!1), [S, c] = F(!1);
+  W(() => {
+    if (!n) return;
+    const u = n.getGridOption?.("rowModelType") === "serverSide", x = () => {
       let l = !1, i = !1;
-      if (m) {
-        const f = r.getServerSideSelectionState?.();
+      if (u) {
+        const f = n.getServerSideSelectionState?.();
         if (f) {
-          const { selectAll: c, toggledNodes: b } = f, w = b && b.length > 0;
-          c && !w ? (l = !0, i = !1) : c && w || !c && w ? (l = !1, i = !0) : (l = !1, i = !1);
+          const { selectAll: d, toggledNodes: b } = f, w = b && b.length > 0;
+          d && !w ? (l = !0, i = !1) : d && w || !d && w ? (l = !1, i = !0) : (l = !1, i = !1);
         }
       } else {
-        const f = r.getSelectedRows().length, c = r.getDisplayedRowCount();
-        f === 0 ? (l = !1, i = !1) : f === c && c > 0 ? (l = !0, i = !1) : (l = !1, i = !0);
+        const f = n.getSelectedRows().length, d = n.getDisplayedRowCount();
+        f === 0 ? (l = !1, i = !1) : f === d && d > 0 ? (l = !0, i = !1) : (l = !1, i = !0);
       }
-      H(l), s(i);
+      H(l), c(i);
     };
     x();
-    const u = () => {
+    const m = () => {
       x();
     };
-    return r.addEventListener("selectionChanged", u), r.addEventListener("modelUpdated", u), () => {
-      r.removeEventListener("selectionChanged", u), r.removeEventListener("modelUpdated", u);
+    return n.addEventListener("selectionChanged", m), n.addEventListener("modelUpdated", m), () => {
+      n.removeEventListener("selectionChanged", m), n.removeEventListener("modelUpdated", m);
     };
-  }, [r]);
-  const a = (m) => {
-    m === !0 ? r.selectAll() : r.deselectAll();
+  }, [n]);
+  const s = (u) => {
+    u === !0 ? n.selectAll() : n.deselectAll();
   };
   return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
-    X,
+    $,
     {
-      checked: S ? "indeterminate" : C,
-      onCheckedChange: (m) => {
-        a(m);
+      checked: S ? "indeterminate" : p,
+      onCheckedChange: (u) => {
+        s(u);
       },
       "aria-label": t("aria.toggleSelection"),
       className: "m-0"
     }
   ) });
-}, me = (r) => {
+}, fe = (n) => {
   const {
     displayName: t,
-    enableSorting: C,
+    enableSorting: p,
     enableMenu: H,
     progressSort: S,
-    column: s,
-    api: a,
-    handleInlineSearch: m,
+    column: c,
+    api: s,
+    handleInlineSearch: u,
     handleClearSearchInline: x,
-    onColumnSearchClick: u,
+    onColumnSearchClick: m,
     onAdvanceSearchClick: l,
     toggleAdvanceSearch: i,
     isSearchable: f = !1,
-    advanceSearchEnabled: c = !1,
+    advanceSearchEnabled: d = !1,
     // Select params
     selectOptions: b,
     isMultiSelect: w,
@@ -116,9 +116,9 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
     enableSpaceSplitting: B,
     enableBooleanParsing: E,
     enableDateParsing: R
-  } = r, d = Q(), { t: N } = V(), n = s.getColDef(), p = s.getColId(), k = s.isFilterActive(), j = s.getSort(), y = s.getSortIndex(), O = !!j, z = y != null && (y > 0 || a.getColumnState().filter((o) => o.sort).length > 1), G = O && z, I = n?.filter || "agTextColumnFilter", v = I === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((o) => o === "number" || o === "numericColumn") : n?.type === "number" || n?.type === "numericColumn");
-  I === "agDateColumnFilter" || (Array.isArray(n?.type) ? n.type.includes("dateColumn") : n?.type);
-  const L = a.getGridOption("context")?.activeSearchColumnId === p, M = ![
+  } = n, a = X(), { t: N } = V(), o = c.getColDef(), g = c.getColId(), k = c.isFilterActive(), j = c.getSort(), y = c.getSortIndex(), O = !!j, z = y != null && (y > 0 || s.getColumnState().filter((r) => r.sort).length > 1), G = O && z, I = o?.filter || "agTextColumnFilter", v = I === "agNumberColumnFilter" || (Array.isArray(o?.type) ? o.type.some((r) => r === "number" || r === "numericColumn") : o?.type === "number" || o?.type === "numericColumn");
+  I === "agDateColumnFilter" || (Array.isArray(o?.type) ? o.type.includes("dateColumn") : o?.type);
+  const M = s.getGridOption("context")?.activeSearchColumnId === g, U = a?.activeMenuColumnId === g, L = ![
     "agTextColumnFilter",
     "agNumberColumnFilter",
     "agDateColumnFilter",
@@ -128,32 +128,34 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
     // Defaults to text/set
     void 0
     // Defaults to text
-  ].includes(n?.filter), F = (o) => {
-    o.stopPropagation(), C && S && S(o.shiftKey);
-  }, U = (o) => {
-    if (o.stopPropagation(), u && u(r), M) {
-      a.showColumnFilter ? a.showColumnFilter(p) : a.showColumnMenu(p);
+  ].includes(o?.filter), A = (r) => {
+    r.stopPropagation(), p && S && S(r.shiftKey);
+  }, K = (r) => {
+    if (r.stopPropagation(), m && m(n), L) {
+      s.showColumnFilter ? s.showColumnFilter(g) : s.showColumnMenu(g);
       return;
     }
-    d && (L ? d.closeSearch() : d.openSearch(p));
-  }, K = (o) => /* @__PURE__ */ e("span", { onClick: (q) => q.stopPropagation(), children: /* @__PURE__ */ e(
-    W,
+    a && (M ? a.closeSearch() : a.openSearch(g));
+  }, q = (r) => {
+    r.preventDefault(), r.stopPropagation(), a && a.openMenu(g, r.currentTarget, "column");
+  }, J = (r) => /* @__PURE__ */ e("span", { onClick: (Q) => Q.stopPropagation(), children: /* @__PURE__ */ e(
+    Y,
     {
-      ...r,
-      className: o
+      ...n,
+      className: r
     }
   ) });
-  return L && d && !M ? /* @__PURE__ */ e(
-    $,
+  return M && a && !L ? /* @__PURE__ */ e(
+    te,
     {
-      column: s,
-      api: a,
-      onClose: () => d.closeSearch(),
-      handleInlineSearch: m,
-      handleClearSearchInline: x ? () => x(r) : void 0,
+      column: c,
+      api: s,
+      onClose: () => a.closeSearch(),
+      handleInlineSearch: u,
+      handleClearSearchInline: x ? () => x(n) : void 0,
       onAdvanceSearchClick: l,
       toggleAdvanceSearch: i,
-      advanceSearchEnabled: c,
+      advanceSearchEnabled: d,
       selectOptions: b,
       isMultiSelect: w,
       onSelectScrollToBottom: D,
@@ -167,70 +169,71 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
   ) : /* @__PURE__ */ h(
     "div",
     {
-      className: g(
+      className: C(
         "ag-header-cell-label flex items-center w-full group min-w-0 h-full",
         v ? "flex-row-reverse" : "flex-row",
         // Center the content area if it's a selection column
-        n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
+        o?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
       ),
-      "data-selection-column": n?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
+      "data-selection-column": o?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
+      onContextMenu: q,
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: g(
+            className: C(
               "ag-header-cell-text relative group flex min-w-0",
               // Use items-start for non-numeric to allow 2-line text expansion
               v ? "items-center" : "items-start",
               // Remove flex-1 if we are centering via parent's justify-center
-              !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
+              !(o?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
               v ? "flex-row-reverse" : "flex-row",
-              C ? "sortable cursor-pointer" : ""
+              p ? "sortable cursor-pointer" : ""
             ),
-            onClick: C ? F : void 0,
-            children: /* @__PURE__ */ h("div", { className: g(
+            onClick: p ? A : void 0,
+            children: /* @__PURE__ */ h("div", { className: C(
               "flex min-w-0",
               // Use items-start for non-numeric to allow 2-line text expansion
               v ? "flex-row-reverse items-center" : "flex-row items-start",
               // If it's a checkbox-only header, ensure it shrinks to content for centering
-              n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center items-center" : "gap-1 flex-1"
+              o?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center items-center" : "gap-1 flex-1"
             ), children: [
-              n?.headerCheckboxSelection && /* @__PURE__ */ e(te, { api: a }),
-              t && t.trim() !== "" && t !== N("gridHeader.selection") && /* @__PURE__ */ e(Y, { text: t }),
-              t && t.trim() !== "" && K(g(
+              o?.headerCheckboxSelection && /* @__PURE__ */ e(ne, { api: s }),
+              t && t.trim() !== "" && t !== N("gridHeader.selection") && /* @__PURE__ */ e(ee, { text: t }),
+              t && t.trim() !== "" && J(C(
                 "text-content-tertiary hover:text-brand-variant-hover transition-colors",
                 v ? "mr-1" : "ml-1"
               ))
             ] })
           }
         ),
-        !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ h(
+        !(o?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ h(
           "div",
           {
-            className: g(
+            className: C(
               "flex items-center shrink-0 group gap-1",
               v ? "flex-row-reverse" : "flex-row"
             ),
             children: [
-              C && /* @__PURE__ */ h(
+              p && /* @__PURE__ */ h(
                 "div",
                 {
                   className: "ag-sort-indicator-container cursor-pointer flex items-center",
-                  onClick: F,
+                  onClick: A,
                   children: [
                     G && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: y + 1 }),
-                    /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(ee, {}) })
+                    /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(re, {}) })
                   ]
                 }
               ),
               f && /* @__PURE__ */ h(
                 "span",
                 {
-                  className: g(
+                  className: C(
                     "relative cursor-pointer flex items-center shrink-0 duration-200 text-content-tertiary hover:text-brand-variant-hover transition-colors",
                     k ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
                   ),
-                  onClick: U,
+                  onClick: K,
                   title: N(k ? "gridHeader.activeFilter" : "gridHeader.search"),
                   children: [
                     /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z", fill: "currentColor" }) }),
@@ -238,15 +241,15 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
                   ]
                 }
               ),
-              H && !n?.suppressHeaderMenuButton && /* @__PURE__ */ e("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ e(
+              H && !o?.suppressHeaderMenuButton && /* @__PURE__ */ e("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ e(
                 "button",
                 {
-                  className: g(
+                  className: C(
                     "custom-ag-menu-icon-button cursor-pointer flex items-center shrink-0 overflow-hidden transition-colors duration-200 outline-none focus:outline-none focus:ring-0 text-content-tertiary hover:text-brand-variant-hover",
-                    d?.activeMenuColumnId === p ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
+                    U ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
                   ),
-                  onClick: (o) => {
-                    o.stopPropagation(), d && d.openMenu(p, o.currentTarget);
+                  onClick: (r) => {
+                    r.stopPropagation(), a && a.openMenu(g, r.currentTarget);
                   },
                   children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18ZM14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12ZM14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6Z", fill: "currentColor" }) })
                 }
@@ -259,5 +262,5 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
   );
 };
 export {
-  me as CustomHeader
+  fe as CustomHeader
 };

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

@@ -1,5 +1,5 @@
 import { jsx as m, jsxs as ne } from "react/jsx-runtime";
-import { lazy as re, useRef as H, useState as C, useCallback as v, useMemo as y, useEffect as oe, Suspense as le } from "react";
+import { lazy as re, useRef as b, useState as j, useCallback as v, useMemo as C, useEffect as oe, Suspense as le } from "react";
 import { ModuleRegistry as ie, AllCommunityModule as se, ValidationModule as ue } from "ag-grid-community";
 import { AllEnterpriseModule as ce } from "ag-grid-enterprise";
 import { AgGridReact as ae } from "ag-grid-react";
@@ -13,13 +13,13 @@ import { AG_GRID_VALUE_FORMATTERS as ye } from "./value-formatters.js";
 /* empty css                */
 const be = re(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
 ie.registerModules([se, ce, ue]);
-const x = "
", w = "", _ = (s) => {
+const x = "
", I = "", H = (s) => {
   if (!s) return;
   const r = s.cellRendererParams?.splits;
   if (Array.isArray(r) && r.length > 0) return r;
   const l = s.cellEditorParams?.splits;
   if (Array.isArray(l) && l.length > 0) return l;
-}, K = (s, r) => {
+}, _ = (s, r) => {
   const l = [];
   for (const g of r) {
     const f = g?.field?.split(".").pop();
@@ -44,13 +44,13 @@ const x = "
", w = "", _ = (s) => {
     l.push("");
   }
   return l;
-}, W = (s) => {
+}, V = (s) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
-    navigator.clipboard.writeText(s).catch(() => V(s));
+    navigator.clipboard.writeText(s).catch(() => K(s));
     return;
   }
-  V(s);
-}, V = (s) => {
+  K(s);
+}, K = (s) => {
   if (typeof document > "u") return;
   const r = document.createElement("textarea");
   r.value = s, r.setAttribute("readonly", ""), r.style.position = "fixed", r.style.top = "0", r.style.left = "0", r.style.opacity = "0", r.style.pointerEvents = "none", document.body.appendChild(r);
@@ -69,11 +69,28 @@ function De({
   onGridReady: a,
   ...u
 }) {
-  const c = H(null), h = H(null), [F, k] = C(null), [O, E] = C(!1), [G, T] = C(null), [U, I] = C(!1), [j, P] = C(null), [$, D] = C(null), L = v((e) => {
-    if (!c.current) return;
-    const t = ge(e);
-    c.current.setFilterModel(t), c.current.onFilterChanged();
-  }, []), S = y(() => ({
+  const c = b(null), h = b(null), [F, w] = j(null), [P, E] = j(!1), [O, D] = j(null), [W, L] = j(!1), M = b(null), T = b(null), S = b(null), U = v(() => [], []), $ = C(() => ({
+    numericColumn: {
+      cellClass: "ag-right-aligned-cell",
+      headerClass: "ag-right-aligned-header",
+      filter: "agNumberColumnFilter"
+    },
+    currency: {
+      cellClass: "ag-right-aligned-cell",
+      headerClass: "ag-right-aligned-header",
+      filter: "agNumberColumnFilter",
+      valueFormatter: (e) => e.value != null ? `$${Number(e.value).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : ""
+    },
+    percentage: {
+      cellClass: "ag-right-aligned-cell",
+      headerClass: "ag-right-aligned-header",
+      filter: "agNumberColumnFilter",
+      valueFormatter: (e) => e.value != null ? `${Number(e.value).toFixed(2)}%` : ""
+    },
+    dateColumn: {
+      filter: "agDateColumnFilter"
+    }
+  }), []), A = C(() => ({
     openSearch: (e) => {
       if (!c.current) return;
       const t = c.current.getGridOption("context") || {};
@@ -85,23 +102,31 @@ function De({
       c.current.setGridOption("context", { ...e, activeSearchColumnId: null }), c.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      T(e || null), E(!0);
+      D(e || null), E(!0);
     },
     closeAdvancedFilter: () => {
-      E(!1), T(null);
+      E(!1), D(null);
     },
     applyAdvancedFilter: (e) => {
-      L(e);
+      if (!c.current) return;
+      const t = ge(e);
+      c.current.setFilterModel(t), c.current.onFilterChanged();
     },
-    openMenu: (e, t) => {
-      P(e), D(t), I(!0);
+    openMenu: (e, t, o = "column") => {
+      M.current = e, T.current = t, S.current = o, L(!0);
     },
     closeMenu: () => {
-      I(!1), P(null), D(null);
+      M.current = null, T.current = null, S.current = null, L(!1);
     },
-    activeMenuColumnId: j
-  }), [L, j]), q = v((e) => {
-    c.current = e.api, k(e.api);
+    // Getters read from refs - O(1) per header, no memory allocation
+    get activeMenuColumnId() {
+      return M.current;
+    },
+    get activeMenuVariant() {
+      return S.current;
+    }
+  }), []), q = v((e) => {
+    c.current = e.api, w(e.api);
     const t = e.api.getGridOption("context") || {};
     e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), a && a(e);
   }, [a]);
@@ -119,7 +144,7 @@ function De({
     };
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
-  const z = y(() => ({
+  const z = C(() => ({
     headerComponent: pe,
     // Default cell renderer wraps text in a span so display:flex centering
     // and text-overflow:ellipsis both work (ellipsis doesn't work on
@@ -146,13 +171,13 @@ function De({
     headerComponentParams: {
       ...r?.headerComponentParams
     }
-  }), [r]), J = y(() => ({
+  }), [r]), J = C(() => ({
     headerGroupComponent: fe,
     ...l,
     headerGroupComponentParams: {
       ...l?.headerGroupComponentParams
     }
-  }), [l]), X = y(() => ({
+  }), [l]), X = C(() => ({
     ...ye,
     // Always available - value formatters
     ...u.components,
@@ -162,14 +187,14 @@ function De({
   }), [f, u.components]), B = v((e) => {
     const t = e.value;
     if (t == null || typeof t != "object") return t;
-    const o = _(e.column?.getColDef());
+    const o = H(e.column?.getColDef());
     if (o && o.length > 0) {
-      const n = K(t, o);
+      const n = _(t, o);
       if (o.length === 1) {
-        const d = o[0]?.field?.split(".").pop(), b = d ? t[d] : void 0;
-        return b && typeof b == "object" && "value" in b ? b.value ?? "" : n[0];
+        const d = o[0]?.field?.split(".").pop(), y = d ? t[d] : void 0;
+        return y && typeof y == "object" && "value" in y ? y.value ?? "" : n[0];
       }
-      return w + n.join(x);
+      return I + n.join(x);
     }
     const i = Object.entries(t).map(([, n]) => n && typeof n == "object" && "value" in n ? n.value : typeof n != "object" && typeof n < "u" ? n : null).filter((n) => n != null);
     return i.length === 0 ? "" : i.length === 1 ? i[0] : i.join(x);
@@ -186,8 +211,8 @@ function De({
     return e.value;
   }, []), Y = v((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(x) && !t.includes(w)) {
-      W(t);
+    if (!t.includes(x) && !t.includes(I)) {
+      V(t);
       return;
     }
     const o = [], i = t.split(`
@@ -198,25 +223,25 @@ function De({
         o.push("");
         continue;
       }
-      const A = d.split("	").map((p) => p.startsWith(w) ? { isSplit: !0, slots: p.slice(1).split(x) } : { isSplit: !1, slots: p.split(x) }), N = Math.max(1, ...A.map((p) => p.slots.length));
+      const k = d.split("	").map((p) => p.startsWith(I) ? { isSplit: !0, slots: p.slice(1).split(x) } : { isSplit: !1, slots: p.split(x) }), N = Math.max(1, ...k.map((p) => p.slots.length));
       if (N === 1) {
-        o.push(A.map((p) => p.slots[0] ?? "").join("	"));
+        o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
       }
       for (let p = 0; p < N; p++) {
-        const te = A.map((R) => !R.isSplit && R.slots.length === 1 ? R.slots[0] : R.slots[p] ?? "");
+        const te = k.map((G) => !G.isSplit && G.slots.length === 1 ? G.slots[0] : G.slots[p] ?? "");
         o.push(te.join("	"));
       }
     }
-    W(o.join(`
+    V(o.join(`
 `));
-  }, []), M = v((e) => {
+  }, []), R = v((e) => {
     const t = e.value;
     if (t == null) return "";
     if (typeof t != "object") return String(t);
-    const o = _(e.column?.getColDef());
+    const o = H(e.column?.getColDef());
     if (o && o.length > 0) {
-      const n = K(t, o);
+      const n = _(t, o);
       return o.length === 1 ? n[0] : n.join(`
 `);
     }
@@ -232,14 +257,14 @@ function De({
     }
     return i.length === 0 ? "" : i.length === 1 ? i[0] : i.join(`
 `);
-  }, []), Z = y(() => ({
-    processCellCallback: M,
+  }, []), Z = C(() => ({
+    processCellCallback: R,
     ...u.defaultCsvExportParams ?? {}
-  }), [M, u.defaultCsvExportParams]), ee = y(() => ({
-    processCellCallback: M,
+  }), [R, u.defaultCsvExportParams]), ee = C(() => ({
+    processCellCallback: R,
     ...u.defaultExcelExportParams ?? {}
-  }), [M, u.defaultExcelExportParams]);
-  return /* @__PURE__ */ ne(me.Provider, { value: S, children: [
+  }), [R, u.defaultExcelExportParams]);
+  return /* @__PURE__ */ ne(me.Provider, { value: A, children: [
     /* @__PURE__ */ m("div", { ref: h, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ m(
       ae,
       {
@@ -257,52 +282,33 @@ function De({
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
-        columnTypes: {
-          numericColumn: {
-            cellClass: "ag-right-aligned-cell",
-            headerClass: "ag-right-aligned-header",
-            filter: "agNumberColumnFilter"
-          },
-          currency: {
-            cellClass: "ag-right-aligned-cell",
-            headerClass: "ag-right-aligned-header",
-            filter: "agNumberColumnFilter",
-            valueFormatter: (e) => e.value != null ? `$${Number(e.value).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : ""
-          },
-          percentage: {
-            cellClass: "ag-right-aligned-cell",
-            headerClass: "ag-right-aligned-header",
-            filter: "agNumberColumnFilter",
-            valueFormatter: (e) => e.value != null ? `${Number(e.value).toFixed(2)}%` : ""
-          },
-          dateColumn: {
-            filter: "agDateColumnFilter"
-          }
-        },
+        columnTypes: $,
         ...u,
         defaultCsvExportParams: Z,
-        defaultExcelExportParams: ee
+        defaultExcelExportParams: ee,
+        getMainMenuItems: U
       }
     ) }),
     s,
     /* @__PURE__ */ m(
       xe,
       {
-        isOpen: O,
-        columnId: G,
+        isOpen: P,
+        columnId: O,
         gridApi: F,
-        onClose: S.closeAdvancedFilter,
-        onApply: S.applyAdvancedFilter
+        onClose: A.closeAdvancedFilter,
+        onApply: A.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ m(
       Fe,
       {
-        isOpen: U,
-        columnId: j,
+        isOpen: W,
+        columnId: M.current,
         gridApi: F,
-        anchor: $,
-        onClose: S.closeMenu
+        anchor: T.current,
+        variant: S.current,
+        onClose: A.closeMenu
       }
     )
   ] });
@@ -317,7 +323,7 @@ function xe({
   if (!s || !r || !l) return null;
   const a = l.getColumn(r);
   if (!a) return null;
-  const u = a.getColDef(), c = u.headerComponentParams, h = he(u), F = h.text !== -1 || h.number !== -1 || h.date !== -1, k = h.set !== -1, E = u.filter === "agMultiColumnFilter" && (F || k) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", G = Ce(l.getFilterModel());
+  const u = a.getColDef(), c = u.headerComponentParams, h = he(u), F = h.text !== -1 || h.number !== -1 || h.date !== -1, w = h.set !== -1, E = u.filter === "agMultiColumnFilter" && (F || w) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", O = Ce(l.getFilterModel());
   return /* @__PURE__ */ m(le, { fallback: null, children: /* @__PURE__ */ m(
     be,
     {
@@ -329,7 +335,7 @@ function xe({
       columnType: E,
       selectOptions: c?.selectOptions,
       isMultiSelect: c?.isMultiSelect,
-      initialModel: G,
+      initialModel: O,
       api: l
     }
   ) });
@@ -339,7 +345,8 @@ function Fe({
   columnId: r,
   gridApi: l,
   anchor: g,
-  onClose: f
+  variant: f,
+  onClose: a
 }) {
   return !s || !r || !l ? null : /* @__PURE__ */ m(
     ve,
@@ -348,7 +355,8 @@ function Fe({
       columnId: r,
       gridApi: l,
       anchor: g,
-      onClose: f
+      variant: f || "column",
+      onClose: a
     }
   );
 }

package/dist/components/ui/calendar.js

@@ -4,12 +4,13 @@ import { ChevronLeftIcon as ye, ChevronRightIcon as Ne } from "lucide-react";
 import { getDefaultClassNames as Be, DayPicker as Fe } from "react-day-picker";
 import { cn as u } from "../../lib/utils.js";
 import { Button as I } from "./button.js";
+import "./button-variants.js";
 import ue from "./select/select.js";
 import { FISCAL_PATTERNS as Ke, resolveWeekSelection as We } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as qe, getDateFnsLocale as Ge } from "../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as Je } from "../../i18n/ImpactNovaI18nContext.js";
 const de = d.createContext(0);
-function lt({
+function ot({
   className: le,
   classNames: J,
   showOutsideDays: y = !1,
@@ -785,6 +786,6 @@ function Qe({
   );
 }
 export {
-  lt as Calendar,
+  ot as Calendar,
   Qe as CalendarDayButton
 };

package/dist/i18n/defaultMessages.d.ts

@@ -239,11 +239,15 @@ export interface GridHeaderMessages {
     columnWidth: string;
     autosizeThisColumn: string;
     autosizeAllColumns: string;
+    autosizeAllVisibleColumns: string;
     searchOptions: string;
     advanceSearch: string;
     clickForDetails: string;
     information: string;
     noInformationAvailable: string;
+    columnOptions: string;
+    chooseColumns: string;
+    resetColumns: string;
 }
 export interface ImpactNovaMessages {
     calendar: CalendarMessages;

package/dist/i18n/defaultMessages.js

@@ -80,7 +80,7 @@ const e = {
   dropHere: "Drop here",
   releaseToDrop: "Release to drop",
   dragHere: "Drag here"
-}, r = {
+}, n = {
   frozenColumns: "Frozen Columns",
   scrollableColumns: "Scrollable Columns",
   searchColumnsPlaceholder: "Search columns...",
@@ -135,7 +135,7 @@ const e = {
   toggle: "Toggle",
   more: "More",
   loading: "Loading"
-}, n = {
+}, r = {
   cancel: "Cancel",
   confirm: "Confirm"
 }, c = {
@@ -210,20 +210,24 @@ const e = {
   columnWidth: "Column width",
   autosizeThisColumn: "Autosize This Column",
   autosizeAllColumns: "Autosize All Columns",
+  autosizeAllVisibleColumns: "Autosize All Visible Columns",
   searchOptions: "Search Options",
   advanceSearch: "Advance Search",
   clickForDetails: "Click for details",
   information: "Information",
-  noInformationAvailable: "No information available for this column."
+  noInformationAvailable: "No information available for this column.",
+  columnOptions: "Column Options",
+  chooseColumns: "Choose Columns",
+  resetColumns: "Reset Columns"
 }, v = {
   calendar: e,
   datePicker: t,
   filter: a,
   select: o,
   nestedList: s,
-  dataTable: r,
+  dataTable: n,
   aria: i,
-  prompt: n,
+  prompt: r,
   filterStrip: c,
   filterPanel: d,
   advancedFilter: f,

package/dist/i18n/locales/de.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "Spaltenbreite",
     autosizeThisColumn: "Diese Spalte anpassen",
     autosizeAllColumns: "Alle Spalten anpassen",
+    autosizeAllVisibleColumns: "Alle sichtbaren Spalten anpassen",
+    columnOptions: "Spaltenoptionen",
+    chooseColumns: "Spalten auswählen",
+    resetColumns: "Spalten zurücksetzen",
     searchOptions: "Suchoptionen",
     advanceSearch: "Erweiterte Suche",
     clickForDetails: "Klicken für Details",

package/dist/i18n/locales/es.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "Ancho de columna",
     autosizeThisColumn: "Ajustar esta columna",
     autosizeAllColumns: "Ajustar todas las columnas",
+    autosizeAllVisibleColumns: "Ajustar todas las columnas visibles",
+    columnOptions: "Opciones de columna",
+    chooseColumns: "Elegir columnas",
+    resetColumns: "Restablecer columnas",
     searchOptions: "Opciones de búsqueda",
     advanceSearch: "Búsqueda avanzada",
     clickForDetails: "Clic para más detalles",

package/dist/i18n/locales/hi.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "कॉलम चौड़ाई",
     autosizeThisColumn: "इस कॉलम का आकार स्वचालित करें",
     autosizeAllColumns: "सभी कॉलम का आकार स्वचालित करें",
+    autosizeAllVisibleColumns: "सभी दृश्य कॉलम का आकार स्वचालित करें",
+    columnOptions: "कॉलम विकल्प",
+    chooseColumns: "कॉलम चुनें",
+    resetColumns: "कॉलम रीसेट करें",
     searchOptions: "खोज विकल्प",
     advanceSearch: "उन्नत खोज",
     clickForDetails: "विवरण के लिए क्लिक करें",

package/dist/i18n/locales/kn.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "ಕಾಲಮ್ ಅಗಲ",
     autosizeThisColumn: "ಈ ಕಾಲಮ್ ಸ್ವಯಂ-ಗಾತ್ರ",
     autosizeAllColumns: "ಎಲ್ಲಾ ಕಾಲಮ್‌ಗಳು ಸ್ವಯಂ-ಗಾತ್ರ",
+    autosizeAllVisibleColumns: "ಎಲ್ಲಾ ದೃಶ್ಯ ಕಾಲಮ್‌ಗಳನ್ನು ಸ್ವಯಂ-ಗಾತ್ರ ಮಾಡಿ",
+    columnOptions: "ಕಾಲಮ್ ಆಯ್ಕೆಗಳು",
+    chooseColumns: "ಕಾಲಮ್‌ಗಳನ್ನು ಆರಿಸಿ",
+    resetColumns: "ಕಾಲಮ್‌ಗಳನ್ನು ಮರುಹೊಂದಿಸಿ",
     searchOptions: "ಹುಡುಕಾಟ ಆಯ್ಕೆಗಳು",
     advanceSearch: "ಸುಧಾರಿತ ಹುಡುಕಾಟ",
     clickForDetails: "ವಿವರಗಳಿಗಾಗಿ ಕ್ಲಿಕ್ ಮಾಡಿ",

package/package.json

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