impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.9

package/dist/components/data/ag-grid-react/ag-grid.types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ColDef, ColGroupDef, IHeaderParams, IHeaderGroupParams, Column, ValueFormatterParams } from 'ag-grid-community';
+import { Theme } from 'ag-grid-enterprise';
 import { AgGridReactProps } from 'ag-grid-react';
 /** ColDef extended with Impact Nova runtime metadata set during column processing */
 export interface ImpactNovaColDef<TData = unknown> extends ColDef<TData> {
@@ -137,6 +138,11 @@ export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactPro
      * Example: `{ currency: (p) => '$' + p.value }` then column def uses `valueFormatter: 'currency'`.
      */
     valueFormatters?: Record<string, (params: ValueFormatterParams) => string>;
+    /**
+     * Theme Builder preview only — resolves AG Grid params from a scoped DOM node.
+     * Application code must rely on document CSS variables and the default theme.
+     */
+    themeOverride?: Theme;
 }
 /**
  * Filter operators for advanced filtering.

package/dist/components/data/ag-grid-react/build-ag-grid-theme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'ag-grid-enterprise';
+/** Resolve AG Grid theme params from live CSS variables on the preview scope. */
+export declare function buildAgGridThemeFromScope(scope: HTMLElement | null): Theme;

package/dist/components/data/ag-grid-react/cell-renderers/editors/input-cell-editor.js

@@ -1,61 +1,61 @@
 import { jsxs as Z, jsx as m } from "react/jsx-runtime";
-import ee, { forwardRef as te, useRef as d, useMemo as $, useState as P, useImperativeHandle as ne, useEffect as C, useCallback as E } from "react";
+import ee, { forwardRef as te, useRef as d, useMemo as O, useState as P, useImperativeHandle as ne, useEffect as C, useCallback as E } from "react";
 import { createPortal as re } from "react-dom";
 function oe(r) {
   if ("options" in r && r.options) return r.options;
   const f = [];
   if (!r || r.step <= 0 || r.min > r.max) return f;
   for (let n = r.min; n <= r.max; n += r.step) {
-    const v = Math.round(n * 1e10) / 1e10;
-    f.push(String(v));
+    const x = Math.round(n * 1e10) / 1e10;
+    f.push(String(x));
   }
   return f;
 }
 function ae(r, f) {
   if (!f) return r;
   const n = f.toLowerCase();
-  return r.filter((v) => v.toLowerCase().includes(n));
+  return r.filter((x) => x.toLowerCase().includes(n));
 }
-const O = te((r, f) => {
+const K = te((r, f) => {
   const {
     value: n,
-    placeholder: v,
-    min: K,
-    max: F,
-    step: U,
+    placeholder: x,
+    min: F,
+    max: U,
+    step: _,
     maxLength: D,
     onValueChange: p,
     colDef: q,
     className: z,
     autocompleteRule: w
-  } = r, l = q?.cellDataType === "number", G = w ? "text" : l ? "number" : "text", i = d(null), a = !!w, S = $(
+  } = r, u = q?.cellDataType === "number", G = w ? "text" : u ? "number" : "text", i = d(null), a = !!w, S = O(
     () => w ? oe(w) : [],
     [w]
-  ), [c, J] = P(""), [b, x] = P(-1), M = d(-1);
+  ), [c, J] = P(""), [b, v] = P(-1), M = d(-1);
   M.current = b;
-  const g = d("keyboard"), H = d(null), A = d(null), L = d(null), I = d(!1), [R, Q] = P(null), s = $(() => ae(S, c), [S, c]), _ = d(s);
-  _.current = s;
+  const g = d("keyboard"), H = d(null), A = d(null), L = d(null), I = d(!1), [R, Q] = P(null), s = O(() => ae(S, c), [S, c]), B = d(s);
+  B.current = s;
   const y = n && typeof n == "object" && "value" in n, N = y ? n.cellMetadata : void 0, W = y ? n.value : n;
   ne(f, () => ({
     getValue() {
       if (a) {
-        const u = H.current;
-        if (u == null)
+        const l = H.current;
+        if (l == null)
           return n;
-        const h = Number(u), T = l && !isNaN(h) ? h : u;
+        const h = Number(l), $ = u && !isNaN(h) ? h : l;
         return y ? {
-          value: T,
+          value: $,
           ...N !== void 0 && { cellMetadata: N }
-        } : T;
+        } : $;
       }
       const t = i.current?.value;
       let o;
-      if (l)
+      if (u)
         if (!t || t === "" || t === "-")
           o = null;
         else {
-          const u = Number(t);
-          o = isNaN(u) ? null : u;
+          const l = Number(t);
+          o = isNaN(l) ? null : l;
         }
       else
         o = t === "" ? null : t;
@@ -70,18 +70,18 @@ const O = te((r, f) => {
     isCancelAfterEnd() {
       return !1;
     }
-  }), [a, l, y, N, n]), C(() => {
+  }), [a, u, y, N, n]), C(() => {
     if (i.current) {
       const e = n && typeof n == "object" && "value" in n ? n.value : n;
-      if (i.current.value = e != null ? String(e) : "", l) {
+      if (i.current.value = e != null ? String(e) : "", u) {
         const t = i.current, o = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value");
         Object.defineProperty(t, "value", {
           get() {
-            const u = this.valueAsNumber;
-            return isNaN(u) ? o.get.call(this) : u;
+            const l = this.valueAsNumber;
+            return isNaN(l) ? o.get.call(this) : l;
           },
-          set(u) {
-            o.set.call(this, u);
+          set(l) {
+            o.set.call(this, l);
           },
           configurable: !0
         });
@@ -90,16 +90,16 @@ const O = te((r, f) => {
     }
     return () => {
     };
-  }, [n, l, r.suppressAutoFocus]);
+  }, [n, u, r.suppressAutoFocus]);
   const j = E(() => {
     I.current || (I.current = !0, r.stopEditing?.());
   }, [r]), V = E((e) => {
     if (H.current = e, p) {
-      const t = Number(e), o = l && !isNaN(t) ? t : e;
+      const t = Number(e), o = u && !isNaN(t) ? t : e;
       p(o);
     }
     I.current = !0, r.stopEditing?.();
-  }, [l, p, r]), k = d(V);
+  }, [u, p, r]), k = d(V);
   k.current = V, C(() => {
     if (a && L.current) {
       const e = L.current.getBoundingClientRect();
@@ -108,9 +108,9 @@ const O = te((r, f) => {
   }, [a]), C(() => {
     if (!a) return;
     const e = k, t = (o) => {
-      const u = o.target.closest?.("[data-autocomplete-value]");
-      if (u && A.current?.contains(u)) {
-        const h = u.getAttribute("data-autocomplete-value");
+      const l = o.target.closest?.("[data-autocomplete-value]");
+      if (l && A.current?.contains(l)) {
+        const h = l.getAttribute("data-autocomplete-value");
         h != null && (o.stopImmediatePropagation(), o.preventDefault(), e.current(h));
       }
     };
@@ -119,11 +119,11 @@ const O = te((r, f) => {
     a && b >= 0 && A.current && A.current.querySelectorAll("[data-autocomplete-item]")[b]?.scrollIntoView({ block: "nearest" });
   }, [b, a]), C(() => {
     if (!a || !c) {
-      x(-1);
+      v(-1);
       return;
     }
     const e = s.findIndex((t) => t.toLowerCase() === c.toLowerCase());
-    g.current = "mouse", x(e >= 0 ? e : -1);
+    g.current = "mouse", v(e >= 0 ? e : -1);
   }, [a, c, s]);
   const X = E(() => {
     const e = i.current?.value;
@@ -132,34 +132,34 @@ const O = te((r, f) => {
       return;
     }
     if (!(D && e && e.length > D)) {
-      if (l && i.current) {
+      if (u && i.current) {
         const t = i.current.valueAsNumber;
         isNaN(t) || i.current.setAttribute("data-value", String(t));
       }
       p?.(e);
     }
-  }, [D, p, l, a]), B = E((e) => {
+  }, [D, p, u, a]), T = E((e) => {
     if (a) {
       if (e.key === "Escape") {
         e.stopPropagation(), j();
         return;
       }
       if (e.key === "ArrowDown") {
-        e.preventDefault(), e.stopPropagation(), g.current = "keyboard", x((t) => t < s.length - 1 ? t + 1 : 0);
+        e.preventDefault(), e.stopPropagation(), g.current = "keyboard", v((t) => t < s.length - 1 ? t + 1 : 0);
         return;
       }
       if (e.key === "ArrowUp") {
-        e.preventDefault(), e.stopPropagation(), g.current = "keyboard", x((t) => t > 0 ? t - 1 : s.length - 1);
+        e.preventDefault(), e.stopPropagation(), g.current = "keyboard", v((t) => t > 0 ? t - 1 : s.length - 1);
         return;
       }
       if (e.key === "Enter" || e.key === "Tab") {
         e.preventDefault(), e.stopPropagation(), e.nativeEvent.stopImmediatePropagation();
-        const t = M.current, o = _.current;
+        const t = M.current, o = B.current;
         if (t >= 0 && t < o.length)
           k.current(o[t]);
         else {
-          const u = o.find((h) => h.toLowerCase() === c.toLowerCase());
-          u ? k.current(u) : j();
+          const l = o.find((h) => h.toLowerCase() === c.toLowerCase());
+          l ? k.current(l) : j();
         }
         return;
       }
@@ -190,25 +190,25 @@ const O = te((r, f) => {
     {
       ref: L,
       className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${z ?? ""}`,
-      onKeyDownCapture: a ? B : void 0,
+      onKeyDownCapture: a ? T : void 0,
       children: [
         /* @__PURE__ */ m(
           "div",
           {
-            className: `flex w-full items-center rounded-[8px] bg-canvas-elevated px-1.5 h-7 ${l ? "justify-end text-right" : ""}`,
+            className: `flex w-full items-center rounded-[8px] bg-canvas-elevated px-1.5 h-7 ${u ? "justify-end text-right" : ""}`,
             children: /* @__PURE__ */ m(
               "input",
               {
                 ref: i,
                 type: G,
                 onChange: X,
-                onKeyDown: a ? void 0 : B,
+                onKeyDown: a ? void 0 : T,
                 onBlur: Y,
-                placeholder: v,
-                className: `flex h-full w-full bg-transparent p-0 text-sm font-medium text-content outline-none placeholder:font-medium placeholder:text-content-empty ${l ? "text-right" : ""}`,
-                min: a ? void 0 : K,
-                max: a ? void 0 : F,
-                step: a ? void 0 : U
+                placeholder: x,
+                className: `flex h-full w-full bg-transparent p-0 text-sm font-medium text-content outline-none placeholder:font-medium placeholder:text-content-empty ${u ? "text-right" : ""}`,
+                min: a ? void 0 : F,
+                max: a ? void 0 : U,
+                step: a ? void 0 : _
               }
             )
           }
@@ -218,7 +218,7 @@ const O = te((r, f) => {
             "div",
             {
               ref: A,
-              className: "fixed z-[9999] overflow-hidden rounded-[12px] bg-white text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none",
+              className: "fixed z-[9999] overflow-hidden rounded-[12px] bg-canvas-elevated text-base shadow-elevation-select focus:outline-none sm:text-sm flex flex-col border-none",
               style: { top: R.top, left: R.left, width: R.width, maxHeight: 250 },
               children: /* @__PURE__ */ m(
                 "div",
@@ -227,10 +227,10 @@ const O = te((r, f) => {
                   style: { maxHeight: 240, overscrollBehavior: "contain" },
                   role: "listbox",
                   onMouseLeave: () => {
-                    g.current = "mouse", x(-1);
+                    g.current = "mouse", v(-1);
                   },
-                  children: s.length === 0 ? /* @__PURE__ */ m("div", { className: "flex items-center justify-center py-6 text-sm text-gray-500", children: "No options found" }) : s.map((e, t) => {
-                    const o = t === b, u = e === String(W ?? "");
+                  children: s.length === 0 ? /* @__PURE__ */ m("div", { className: "flex items-center justify-center py-6 text-sm text-content-secondary", children: "No options found" }) : s.map((e, t) => {
+                    const o = t === b, l = e === String(W ?? "");
                     return /* @__PURE__ */ m(
                       "div",
                       {
@@ -241,10 +241,10 @@ const O = te((r, f) => {
                             "data-autocomplete-item": !0,
                             role: "option",
                             "aria-selected": o,
-                            className: `cursor-default select-none py-[6px] px-3 flex items-center ${l ? "justify-end text-right" : "justify-between"} transition-colors rounded-md ${o && g.current === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content" : o && g.current === "mouse" ? "bg-muted text-content" : u ? "bg-accent text-content" : "text-content hover:bg-muted cursor-pointer"}`,
+                            className: `cursor-default select-none py-[6px] px-3 flex items-center ${u ? "justify-end text-right" : "justify-between"} transition-colors rounded-md ${o && g.current === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content" : o && g.current === "mouse" ? "bg-muted text-content" : l ? "bg-accent text-content" : "text-content hover:bg-muted cursor-pointer"}`,
                             "data-autocomplete-value": e,
                             onMouseEnter: () => {
-                              g.current = "mouse", x(t);
+                              g.current = "mouse", v(t);
                             },
                             children: /* @__PURE__ */ m("span", { className: "text-sm", children: e })
                           }
@@ -263,8 +263,8 @@ const O = te((r, f) => {
     }
   );
 });
-O.displayName = "InputCellEditor";
-const se = ee.memo(O, () => !0);
+K.displayName = "InputCellEditor";
+const se = ee.memo(K, () => !0);
 export {
   se as InputCellEditor
 };

package/dist/components/data/ag-grid-react/column-indicator-sync-bus.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Lightweight bus for column-picker filter/search indicators.
+ * Replaces synthetic `gridApi.onFilterChanged('api')` on search open/close,
+ * which incorrectly triggers SSRM refetches when the filter model is unchanged.
+ */
+type ColumnIndicatorSyncListener = () => void;
+export declare function subscribeColumnIndicatorSync(listener: ColumnIndicatorSyncListener): () => void;
+export declare function emitColumnIndicatorSync(): void;
+export {};

package/dist/components/data/ag-grid-react/column-indicator-sync-bus.js

@@ -0,0 +1,15 @@
+const t = /* @__PURE__ */ new Set();
+function c(n) {
+  return t.add(n), () => {
+    t.delete(n);
+  };
+}
+function e() {
+  t.forEach((n) => {
+    n();
+  });
+}
+export {
+  e as emitColumnIndicatorSync,
+  c as subscribeColumnIndicatorSync
+};

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

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

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

@@ -140,7 +140,9 @@ const re = ({ api: o }) => {
     {
       column: s,
       api: i,
-      onClose: () => l.closeSearch(),
+      onClose: () => {
+        l.closeSearch();
+      },
       handleInlineSearch: N,
       handleClearSearchInline: x ? () => x(o) : void 0,
       onAdvanceSearchClick: y,