impact-nova 1.7.27 → 1.7.29

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
     }
   );
 }