impact-nova 2.2.0 → 2.2.2

package/README.md

@@ -14,6 +14,12 @@
 [![Internationalization](https://img.shields.io/badge/i18n-Built--in-059669.svg?style=flat)](#internationalization-i18n)
 [![Documentation](https://img.shields.io/badge/Documentation-online-FF4785?style=flat&logo=storybook&logoColor=white)](https://impact-nova.iaproducts.ai/)
 [![npm impact-nova-mcp](https://img.shields.io/npm/v/impact-nova-mcp?label=impact-nova-mcp&logo=npm)](https://www.npmjs.com/package/impact-nova-mcp)
+[![Vitest](https://img.shields.io/badge/Vitest-4.0-6E9F18.svg?style=flat&logo=vitest&logoColor=white)](https://vitest.dev/)
+[![Testing Library](https://img.shields.io/badge/Testing%20Library-16.3-E33332.svg?style=flat&logo=testing-library&logoColor=white)](https://testing-library.com/docs/react-testing-library/intro/)
+[![Playwright](https://img.shields.io/badge/Playwright-1.58-2EAD33.svg?style=flat&logo=playwright&logoColor=white)](https://playwright.dev/)
+[![Storybook Tests](https://img.shields.io/badge/Storybook%20Tests-10.2-FF4785.svg?style=flat&logo=storybook&logoColor=white)](https://storybook.js.org/docs/writing-tests)
+[![a11y](https://img.shields.io/badge/a11y-axe%20CI-0E7C86.svg?style=flat)](https://storybook.js.org/docs/writing-tests/accessibility-testing)
+[![Coverage](https://img.shields.io/badge/Coverage-ratchet-4C1.svg?style=flat)](https://impact-nova.iaproducts.ai/?path=/docs/brand-identity-testing-quality--documentation)
 
 </div>
 

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

@@ -0,0 +1,8 @@
+/** DOM hooks shared by header truncation CSS and tooltip overflow checks. */
+export declare const AG_GRID_HEADER_LABEL_CLUSTER_CLASS = "ag-grid-header-label-cluster";
+export declare const AG_GRID_HEADER_LABEL_TEXT_CLASS = "ag-grid-header-label-text";
+export declare const AG_GRID_HEADER_GROUP_LABEL_SELECTOR = ".ag-header-group-cell-label";
+export declare const AG_GRID_HEADER_CELL_LABEL_SELECTOR = ".ag-header-cell-label";
+export declare const AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR = ".ag-grid-header-label-cluster";
+export type AgGridHeaderTooltipKind = 'group' | 'leaf';
+export declare function resolveAgGridHeaderLabelShellSelector(headerKind: AgGridHeaderTooltipKind): string;

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

@@ -0,0 +1,11 @@
+const E = "ag-grid-header-label-cluster", _ = ".ag-header-group-cell-label", L = ".ag-header-cell-label", l = `.${E}`;
+function r(e) {
+  return e === "group" ? _ : L;
+}
+export {
+  L as AG_GRID_HEADER_CELL_LABEL_SELECTOR,
+  _ as AG_GRID_HEADER_GROUP_LABEL_SELECTOR,
+  E as AG_GRID_HEADER_LABEL_CLUSTER_CLASS,
+  l as AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR,
+  r as resolveAgGridHeaderLabelShellSelector
+};

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

@@ -1,3 +1,6 @@
-export type AgGridTooltipOverflowMode = "line-clamp" | "ellipsis";
+import { AgGridHeaderTooltipKind } from './ag-grid-header-dom';
+export type AgGridTooltipOverflowMode = 'line-clamp' | 'ellipsis';
 /** Matches AG Grid `_isElementOverflowingCallback` (horizontal or vertical). */
 export declare function isAgGridTextOverflowing(element: HTMLElement, mode?: AgGridTooltipOverflowMode): boolean;
+/** Header label tooltips: ellipsis on the text node, else content wider than the label shell. */
+export declare function isAgGridHeaderLabelTooltipOverflowing(element: HTMLElement, headerKind: AgGridHeaderTooltipKind): boolean;

package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.js

@@ -1,6 +1,17 @@
-function l(i, r = "line-clamp") {
-  return r === "ellipsis" ? i.clientWidth < i.scrollWidth : i.clientHeight < i.scrollHeight || i.clientWidth < i.scrollWidth;
+import { resolveAgGridHeaderLabelShellSelector as c, AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR as s } from "./ag-grid-header-dom.js";
+function d(l, t = "line-clamp") {
+  return t === "ellipsis" ? l.clientWidth < l.scrollWidth : l.clientHeight < l.scrollHeight || l.clientWidth < l.scrollWidth;
+}
+function h(l, t) {
+  if (l.clientWidth < l.scrollWidth)
+    return !0;
+  const i = l.closest(c(t));
+  if (!i || typeof i.clientWidth != "number")
+    return !1;
+  const o = i, r = l.closest(s);
+  return (r && typeof r.scrollWidth == "number" ? r.scrollWidth : l.scrollWidth) > o.clientWidth;
 }
 export {
-  l as isAgGridTextOverflowing
+  h as isAgGridHeaderLabelTooltipOverflowing,
+  d as isAgGridTextOverflowing
 };

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { GridApi } from 'ag-grid-community';
+export interface ColumnHeaderSettingsMenuHandle {
+    openMenu: () => void;
+}
+interface ColumnHeaderSettingsMenuProps {
+    columnId: string;
+    gridApi: GridApi;
+    displayName: string;
+}
+export declare const ColumnHeaderSettingsMenu: React.ForwardRefExoticComponent<ColumnHeaderSettingsMenuProps & React.RefAttributes<ColumnHeaderSettingsMenuHandle>>;
+interface ColumnGroupSettingsMenuProps {
+    columnGroupId: string;
+    gridApi: GridApi;
+    headerLabelRef: React.RefObject<HTMLButtonElement | null>;
+    children: React.ReactNode;
+}
+export declare const ColumnGroupSettingsMenu: React.FC<ColumnGroupSettingsMenuProps>;
+export {};

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

@@ -0,0 +1,74 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import m, { useState as l, useImperativeHandle as g } from "react";
+import { DropdownMenu as p, DropdownMenuTrigger as C } from "../../../../feedback/dropdown-menu/dropdown-menu.js";
+import { cn as f } from "../../../../../lib/utils.js";
+import { useImpactNovaI18n as h } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { ColumnSettingsMenuContent as c } from "./column-settings-menu.js";
+const v = m.forwardRef(({ columnId: o, gridApi: r, displayName: a }, i) => {
+  const { t: s } = h(), [n, e] = l(!1);
+  return g(i, () => ({
+    openMenu: () => e(!0)
+  })), /* @__PURE__ */ u(p, { open: n, onOpenChange: e, children: [
+    /* @__PURE__ */ t("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: f(
+          "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",
+          n ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
+        ),
+        "aria-label": `${a} ${s("gridHeader.columnSettings")}`,
+        onClick: (d) => d.stopPropagation(),
+        children: /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t("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" }) })
+      }
+    ) }) }),
+    /* @__PURE__ */ t(
+      c,
+      {
+        columnId: o,
+        gridApi: r,
+        variant: "column",
+        onClose: () => e(!1)
+      }
+    )
+  ] });
+});
+v.displayName = "ColumnHeaderSettingsMenu";
+const O = ({
+  columnGroupId: o,
+  gridApi: r,
+  headerLabelRef: a,
+  children: i
+}) => {
+  const [s, n] = l(!1);
+  return /* @__PURE__ */ u(p, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        ref: a,
+        className: "ag-grid-header-label-text border-0 bg-transparent p-0 text-left font-bold text-content",
+        onClick: (e) => {
+          e.preventDefault(), e.stopPropagation();
+        },
+        onContextMenu: (e) => {
+          e.preventDefault(), e.stopPropagation(), n(!0);
+        },
+        children: i
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      c,
+      {
+        columnId: o,
+        gridApi: r,
+        variant: "group",
+        onClose: () => n(!1)
+      }
+    )
+  ] });
+};
+export {
+  O as ColumnGroupSettingsMenu,
+  v as ColumnHeaderSettingsMenu
+};

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

@@ -1,13 +1,12 @@
 import { default as React } from 'react';
 import { GridApi } from 'ag-grid-community';
-interface ColumnSettingsMenuProps {
-    isOpen: boolean;
+export interface ColumnSettingsMenuContentProps {
     onClose: () => void;
     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 {};
+export declare const ColumnSettingsMenuContent: React.FC<ColumnSettingsMenuContentProps>;
+/** @deprecated Use ColumnSettingsMenuContent with a colocated DropdownMenu trigger. */
+export declare const ColumnSettingsMenu: React.FC<ColumnSettingsMenuContentProps>;

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

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

package/dist/components/data/ag-grid-react/headers/components/header-info.d.ts

@@ -22,8 +22,9 @@ export declare const TooltipInfoTrigger: ({ content, className, onInfoClick, lab
  * Modal-enabled Info Trigger
  * Only this component allocates a useState hook.
  */
-export declare const ModalInfoTrigger: ({ infoData, className, onInfoClick, label, }: {
+export declare const ModalInfoTrigger: ({ infoData, displayName, className, onInfoClick, label, }: {
     infoData?: InfoContent;
+    displayName?: string;
     className?: string;
     onInfoClick?: (e: React.MouseEvent) => void;
     label: string;