impact-nova 2.2.1 → 2.2.2

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

@@ -1,109 +1,112 @@
-import { jsx as t, jsxs as h, Fragment as I } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { cn as f } from "../../../../../lib/utils.js";
+import { jsx as r, jsxs as I, Fragment as g } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { cn as m } from "../../../../../lib/utils.js";
 import { Info as k } from "impact-nova-icons";
-import { useImpactNovaI18n as m } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { useImpactNovaI18n as u } from "../../../../../i18n/use-impact-nova-i18n.js";
 import { LazyTooltip as p } from "./lazy-tooltip.js";
 import { InfoModal as b } from "./info-modal.js";
-const u = ({
-  onClick: n,
-  className: e,
-  label: o
+import { resolveHeaderInfoParams as C } from "../resolve-header-info-params.js";
+const h = ({
+  onClick: o,
+  className: n,
+  label: t
 }) => {
-  const i = (a) => {
-    a.stopPropagation(), n?.(a);
+  const e = (a) => {
+    a.stopPropagation(), o?.(a);
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      "aria-label": o,
-      className: f(
+      "aria-label": t,
+      className: m(
         "cursor-pointer flex items-center justify-center shrink-0 w-6 h-6 rounded-md transition-all duration-200 text-content-tertiary hover:bg-canvas-muted active:bg-stroke-hairline",
-        e
+        n
       ),
-      onClick: i,
-      children: /* @__PURE__ */ t(k, { size: 16, "aria-hidden": !0 })
+      onClick: e,
+      children: /* @__PURE__ */ r(k, { size: 16, "aria-hidden": !0 })
     }
   );
-}, v = ({
-  content: n,
-  className: e,
-  onInfoClick: o,
-  label: i
-}) => /* @__PURE__ */ t(p, { content: n, children: /* @__PURE__ */ t(u, { onClick: o, className: e, label: i }) }), C = ({
-  infoData: n,
-  className: e,
-  onInfoClick: o,
-  label: i
+}, y = ({
+  content: o,
+  className: n,
+  onInfoClick: t,
+  label: e
+}) => /* @__PURE__ */ r(p, { content: o, children: /* @__PURE__ */ r(h, { onClick: t, className: n, label: e }) }), x = ({
+  infoData: o,
+  displayName: n,
+  className: t,
+  onInfoClick: e,
+  label: a
 }) => {
-  const { t: a } = m(), [c, l] = g(!1), s = (r) => {
-    r.stopPropagation(), l(!0);
+  const { t: f } = u(), [s, c] = v(!1), i = o ?? (n ? { title: n, sections: [] } : void 0), d = (l) => {
+    l.stopPropagation(), i && c(!0);
   };
-  return /* @__PURE__ */ h(I, { children: [
-    /* @__PURE__ */ t(p, { content: a("gridHeader.clickForDetails"), children: /* @__PURE__ */ t(
-      u,
+  return /* @__PURE__ */ I(g, { children: [
+    /* @__PURE__ */ r(p, { content: f("gridHeader.clickForDetails"), children: /* @__PURE__ */ r(
+      h,
       {
-        label: i,
-        onClick: (r) => {
-          s(r), o && o(r);
+        label: a,
+        onClick: (l) => {
+          d(l), e && e(l);
         },
-        className: f(
+        className: m(
           "hover:bg-canvas-muted hover:shadow-sm hover:text-brand-variant-hover hover:-translate-y-0.5 active:scale-95",
-          e
+          t
         )
       }
     ) }),
-    c && n && // Stop propagation to prevent the click from bubbling to the header group
+    s && i && // Stop propagation to prevent the click from bubbling to the header group
     // regardless of whether the modal is portaled or not.
-    /* @__PURE__ */ t("div", { onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ t(
+    /* @__PURE__ */ r("div", { onClick: (l) => l.stopPropagation(), children: /* @__PURE__ */ r(
       b,
       {
-        open: c,
-        onClose: () => l(!1),
-        data: n
+        open: s,
+        onClose: () => c(!1),
+        data: i
       }
     ) })
   ] });
-}, M = (n) => {
-  const {
-    showInfoIcon: e,
-    displayName: o
+}, z = (o) => {
+  const n = C(o, o.displayName), {
+    showInfoIcon: t,
+    displayName: e
   } = n;
-  return !e || !o || o.trim() === "" ? null : /* @__PURE__ */ t(y, { ...n });
+  return !t || !e || e.trim() === "" ? null : /* @__PURE__ */ r(N, { ...o, ...n });
 };
-function y(n) {
-  const { t: e } = m(), {
-    displayName: o,
-    displayMode: i = "tooltip",
+function N(o) {
+  const { t: n } = u(), {
+    displayName: t,
+    displayMode: e = "tooltip",
     infoTooltip: a,
-    infoData: c,
-    className: l,
-    onInfoClick: s
-  } = n, r = () => {
-    s && s(n);
-  }, d = a ? `${o}: ${a}` : `${o} ${e("gridHeader.information")}`;
-  return i === "modal" ? /* @__PURE__ */ t(
-    C,
+    infoData: f,
+    className: s,
+    onInfoClick: c
+  } = o, i = () => {
+    c && c(o);
+  }, d = a ? `${t}: ${a}` : `${t} ${n("gridHeader.information")}`;
+  return e === "modal" ? /* @__PURE__ */ r(
+    x,
     {
-      infoData: c,
-      className: l,
-      onInfoClick: r,
+      infoData: f,
+      displayName: t,
+      className: s,
+      onInfoClick: i,
       label: d
     }
-  ) : /* @__PURE__ */ t(
-    v,
+  ) : /* @__PURE__ */ r(
+    y,
     {
-      content: a || `Info about ${o}`,
-      className: l,
-      onInfoClick: r,
+      content: a || `Info about ${t}`,
+      className: s,
+      onInfoClick: i,
       label: d
     }
   );
 }
 export {
-  M as HeaderInfo,
-  u as InfoIconTrigger,
-  C as ModalInfoTrigger,
-  v as TooltipInfoTrigger
+  z as HeaderInfo,
+  h as InfoIconTrigger,
+  x as ModalInfoTrigger,
+  y as TooltipInfoTrigger
 };

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

@@ -19,14 +19,6 @@ 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 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 | null>;
 /**

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

@@ -1,15 +1,16 @@
-import { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
-import { useRef as J } from "react";
+import { jsx as e, jsxs as s, Fragment as Q } from "react/jsx-runtime";
+import { useRef as N } from "react";
 import { cn as f } from "../../../../lib/utils.js";
-import { useGridHeader as Q } from "./context/grid-header-context.js";
-import { HeaderInfo as U } from "./components/header-info.js";
-import { Checkbox as W } from "../../../forms/checkbox/checkbox.js";
-import { useImpactNovaI18n as I } from "../../../../i18n/use-impact-nova-i18n.js";
-import { useAgGridTruncationTooltip as X } from "../use-ag-grid-truncation-tooltip.js";
-import { useIsHeaderSearchActive as Y } from "./header-search-active-state.js";
-import { HeaderSearchInput as ee } from "./header-search-input.js";
-const te = () => /* @__PURE__ */ d(q, { children: [
-  /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ d(
+import { useGridHeader as U } from "./context/grid-header-context.js";
+import { HeaderInfo as W } from "./components/header-info.js";
+import { Checkbox as X } from "../../../forms/checkbox/checkbox.js";
+import { useImpactNovaI18n as y } from "../../../../i18n/use-impact-nova-i18n.js";
+import { useAgGridTruncationTooltip as Y } from "../use-ag-grid-truncation-tooltip.js";
+import { useIsHeaderSearchActive as $ } from "./header-search-active-state.js";
+import { ColumnHeaderSettingsMenu as ee } from "./column-menu/column-header-settings-menu.js";
+import { HeaderSearchInput as te } from "./header-search-input.js";
+const re = () => /* @__PURE__ */ s(Q, { children: [
+  /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ s(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -24,7 +25,7 @@ const te = () => /* @__PURE__ */ d(q, { children: [
       ]
     }
   ) }),
-  /* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ d(
+  /* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ s(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -52,64 +53,64 @@ const te = () => /* @__PURE__ */ d(q, { children: [
     }
   ) })
 ] });
-function re(o) {
-  if (o.getGridOption("rowModelType") === "serverSide") {
-    const m = o.getServerSideSelectionState?.();
-    if (!m || !("selectAll" in m))
+function ne(r) {
+  if (r.getGridOption("rowModelType") === "serverSide") {
+    const h = r.getServerSideSelectionState?.();
+    if (!h || !("selectAll" in h))
       return { isChecked: !1, isIndeterminate: !1 };
-    const { selectAll: c, toggledNodes: a } = m, s = !!(a && a.length > 0);
-    return c && !s ? { isChecked: !0, isIndeterminate: !1 } : c && s ? { isChecked: !1, isIndeterminate: !0 } : !c && s ? { isChecked: !1, isIndeterminate: !0 } : { isChecked: !1, isIndeterminate: !1 };
+    const { selectAll: c, toggledNodes: a } = h, i = !!(a && a.length > 0);
+    return c && !i ? { isChecked: !0, isIndeterminate: !1 } : c && i ? { isChecked: !1, isIndeterminate: !0 } : !c && i ? { isChecked: !1, isIndeterminate: !0 } : { isChecked: !1, isIndeterminate: !1 };
   }
-  const u = o.getSelectedRows().length, l = o.getDisplayedRowCount();
-  return u === 0 ? { isChecked: !1, isIndeterminate: !1 } : u === l && l > 0 ? { isChecked: !0, isIndeterminate: !1 } : { isChecked: !1, isIndeterminate: !0 };
+  const d = r.getSelectedRows().length, l = r.getDisplayedRowCount();
+  return d === 0 ? { isChecked: !1, isIndeterminate: !1 } : d === l && l > 0 ? { isChecked: !0, isIndeterminate: !1 } : { isChecked: !1, isIndeterminate: !0 };
 }
-const ne = ({ api: o }) => {
-  const { t } = I(), { isChecked: u, isIndeterminate: l } = re(o);
+const oe = ({ api: r }) => {
+  const { t } = y(), { isChecked: d, isIndeterminate: l } = ne(r);
   return /* @__PURE__ */ e(
-    W,
+    X,
     {
-      checked: l ? "indeterminate" : u,
+      checked: l ? "indeterminate" : d,
       onCheckedChange: (c) => {
         if (c === !0) {
-          o.selectAll();
+          r.selectAll();
           return;
         }
-        o.deselectAll();
+        r.deselectAll();
       },
       "aria-label": t("aria.toggleSelection"),
       className: "m-0"
     }
   );
-}, pe = (o) => {
+}, Se = (r) => {
   const {
     displayName: t,
-    setTooltip: u,
+    setTooltip: d,
     enableSorting: l,
-    enableMenu: m,
+    enableMenu: h,
     progressSort: c,
     column: a,
-    api: s,
-    handleInlineSearch: N,
-    handleClearSearchInline: x,
-    onColumnSearchClick: w,
-    onAdvanceSearchClick: y,
-    toggleAdvanceSearch: M,
-    isSearchable: A = !1,
+    api: i,
+    handleInlineSearch: M,
+    handleClearSearchInline: S,
+    onColumnSearchClick: x,
+    onAdvanceSearchClick: A,
+    toggleAdvanceSearch: F,
+    isSearchable: L = !1,
     advanceSearchEnabled: T = !1,
     // Select params
-    selectOptions: F,
-    isMultiSelect: L,
-    onSelectScrollToBottom: V,
-    onSelectSearchChange: P,
+    selectOptions: V,
+    isMultiSelect: D,
+    onSelectScrollToBottom: P,
+    onSelectSearchChange: _,
     onSelectOpen: B,
-    isLoadingSelect: D,
+    isLoadingSelect: R,
     // Pattern parsing options
-    enableSpaceSplitting: _,
-    enableBooleanParsing: Z,
-    enableDateParsing: R
-  } = o, S = J(null);
-  X(u, t ?? "", S, "line-clamp");
-  const i = Q(), { t: C } = I(), n = a.getColDef(), h = a.getColId(), p = a.isFilterActive(), j = a.getSort(), v = a.getSortIndex(), z = !!j && v != null && v > 0, g = (n?.filter || "agTextColumnFilter") === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((r) => r === "number" || r === "numericColumn") : n?.type === "number" || n?.type === "numericColumn"), b = Y(h), E = i?.activeMenuColumnId === h, k = ![
+    enableSpaceSplitting: Z,
+    enableBooleanParsing: j,
+    enableDateParsing: z
+  } = r, w = N(null);
+  Y(d, t ?? "", w, "ellipsis", "leaf");
+  const u = U(), { t: p } = y(), n = a.getColDef(), m = a.getColId(), C = a.isFilterActive(), E = a.getSort(), v = a.getSortIndex(), G = !!E && v != null && v > 0, g = (n?.filter || "agTextColumnFilter") === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((o) => o === "number" || o === "numericColumn") : n?.type === "number" || n?.type === "numericColumn"), b = $(m), k = N(null), H = ![
     "agTextColumnFilter",
     "agNumberColumnFilter",
     "agDateColumnFilter",
@@ -119,47 +120,47 @@ const ne = ({ api: o }) => {
     // Defaults to text/set
     void 0
     // Defaults to text
-  ].includes(n?.filter), H = (r) => {
-    r.stopPropagation(), l && c && c(r.shiftKey);
-  }, G = (r) => {
-    if (r.stopPropagation(), w && w(o), k) {
-      s.showColumnFilter ? s.showColumnFilter(h) : s.showColumnMenu(h);
+  ].includes(n?.filter), I = (o) => {
+    o.stopPropagation(), l && c && c(o.shiftKey);
+  }, O = (o) => {
+    if (o.stopPropagation(), x && x(r), H) {
+      i.showColumnFilter ? i.showColumnFilter(m) : i.showColumnMenu(m);
       return;
     }
-    i && (b ? i.closeSearch() : i.openSearch(h));
-  }, O = (r) => {
-    r.preventDefault(), r.stopPropagation(), i && i.openMenu(h, r.currentTarget, "column");
-  }, $ = (r) => /* @__PURE__ */ e("span", { onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ e(
-    U,
+    u && (b ? u.closeSearch() : u.openSearch(m));
+  }, K = (o) => {
+    o.preventDefault(), o.stopPropagation(), k.current?.openMenu();
+  }, q = (o) => /* @__PURE__ */ e("span", { onClick: (J) => J.stopPropagation(), children: /* @__PURE__ */ e(
+    W,
     {
-      ...o,
-      className: r
+      ...r,
+      className: o
     }
   ) });
-  return b && i && !k ? /* @__PURE__ */ e(
-    ee,
+  return b && u && !H ? /* @__PURE__ */ e(
+    te,
     {
       column: a,
-      api: s,
+      api: i,
       onClose: () => {
-        i.closeSearch();
+        u.closeSearch();
       },
-      handleInlineSearch: N,
-      handleClearSearchInline: x ? () => x(o) : void 0,
-      onAdvanceSearchClick: y,
-      toggleAdvanceSearch: M,
+      handleInlineSearch: M,
+      handleClearSearchInline: S ? () => S(r) : void 0,
+      onAdvanceSearchClick: A,
+      toggleAdvanceSearch: F,
       advanceSearchEnabled: T,
-      selectOptions: F,
-      isMultiSelect: L,
-      onSelectScrollToBottom: V,
-      onSelectSearchChange: P,
+      selectOptions: V,
+      isMultiSelect: D,
+      onSelectScrollToBottom: P,
+      onSelectSearchChange: _,
       onSelectOpen: B,
-      isLoadingSelect: D,
-      enableSpaceSplitting: _,
-      enableBooleanParsing: Z,
-      enableDateParsing: R
+      isLoadingSelect: R,
+      enableSpaceSplitting: Z,
+      enableBooleanParsing: j,
+      enableDateParsing: z
     }
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ s(
     "div",
     {
       className: f(
@@ -169,32 +170,33 @@ const ne = ({ api: o }) => {
         n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
       ),
       "data-selection-column": n?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
-      onContextMenu: O,
+      onContextMenu: K,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
           "div",
           {
             className: f(
-              "ag-header-cell-text relative group flex min-w-0",
-              // Use items-start for non-numeric to allow 2-line text expansion
-              g ? "items-center" : "items-start",
-              // Remove flex-1 if we are centering via parent's justify-center
-              !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
+              "ag-header-cell-text relative group flex min-w-0 items-center",
               g ? "flex-row-reverse" : "flex-row",
+              !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
               l ? "sortable cursor-pointer" : ""
             ),
-            onClick: l ? H : void 0,
-            children: /* @__PURE__ */ d("div", { className: f(
-              "flex min-w-0",
-              g ? "flex-row-reverse items-center" : "flex-row items-start",
-              n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center items-center" : "flex-1"
-            ), children: [
-              n?.headerCheckboxSelection && /* @__PURE__ */ e(ne, { api: s }),
-              t && t.trim() !== "" && t !== C("gridHeader.selection") && /* @__PURE__ */ e("span", { ref: S, className: "line-clamp-2 break-words", children: t })
-            ] })
+            onClick: l ? I : void 0,
+            children: [
+              n?.headerCheckboxSelection && /* @__PURE__ */ e(oe, { api: i }),
+              t && t.trim() !== "" && t !== p("gridHeader.selection") && /* @__PURE__ */ s("div", { className: f(
+                "ag-grid-header-label-cluster",
+                g && "flex-row-reverse"
+              ), children: [
+                /* @__PURE__ */ e("span", { ref: w, className: "ag-grid-header-label-text", children: t }),
+                q(
+                  "shrink-0 text-content-tertiary hover:text-brand-variant-hover transition-colors"
+                )
+              ] })
+            ]
           }
         ),
-        !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ d(
+        !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ s(
           "div",
           {
             className: f(
@@ -202,49 +204,41 @@ const ne = ({ api: o }) => {
               g ? "flex-row-reverse" : "flex-row"
             ),
             children: [
-              t && t.trim() !== "" && $(
-                "text-content-tertiary hover:text-brand-variant-hover transition-colors"
-              ),
-              l && /* @__PURE__ */ d(
+              l && /* @__PURE__ */ s(
                 "div",
                 {
                   className: "ag-sort-indicator-container cursor-pointer flex items-center",
-                  onClick: H,
+                  onClick: I,
                   children: [
-                    z && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: v + 1 }),
-                    /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(te, {}) })
+                    G && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: v + 1 }),
+                    /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(re, {}) })
                   ]
                 }
               ),
-              A && /* @__PURE__ */ d(
+              L && /* @__PURE__ */ s(
                 "span",
                 {
                   className: f(
                     "relative cursor-pointer flex items-center shrink-0 duration-200 text-content-tertiary hover:text-brand-variant-hover transition-colors",
-                    p ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
+                    C ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
                   ),
-                  onClick: G,
-                  title: C(p ? "gridHeader.activeFilter" : "gridHeader.search"),
+                  onClick: O,
+                  title: p(C ? "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" }) }),
-                    p && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-brand z-10" })
+                    C && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-brand z-10" })
                   ]
                 }
               ),
-              m && !("suppressHeaderMenuButton" in (n ?? {}) && n.suppressHeaderMenuButton) && /* @__PURE__ */ e("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ e(
-                "button",
+              h && !("suppressHeaderMenuButton" in (n ?? {}) && n.suppressHeaderMenuButton) && /* @__PURE__ */ e(
+                ee,
                 {
-                  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",
-                    E ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
-                  ),
-                  "aria-label": `${t} ${C("gridHeader.columnSettings")}`,
-                  onClick: (r) => {
-                    r.stopPropagation(), i && i.openMenu(h, 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" }) })
+                  ref: k,
+                  columnId: m,
+                  gridApi: i,
+                  displayName: t
                 }
-              ) })
+              )
             ]
           }
         )
@@ -253,5 +247,5 @@ const ne = ({ api: o }) => {
   );
 };
 export {
-  pe as CustomHeader
+  Se as CustomHeader
 };

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

@@ -1,31 +1,35 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useRef as d } from "react";
-import { HeaderInfo as p } from "./components/header-info.js";
-import { useGridHeader as x } from "./context/grid-header-context.js";
-import { useAgGridTruncationTooltip as g } from "../use-ag-grid-truncation-tooltip.js";
-function N(r) {
-  const { displayName: l, setTooltip: i, showInfoIcon: u = !1, columnGroup: n } = r, t = d(null), e = l || "";
-  g(i, e, t, "ellipsis");
-  const s = x(), m = (o) => {
-    if (o.preventDefault(), o.stopPropagation(), s && n) {
-      const f = n.getGroupId() || "group";
-      s.openMenu(f, o.currentTarget, "group");
-    }
-  };
-  return !e && u === !1 ? null : /* @__PURE__ */ c("div", { className: "flex w-full min-w-0 items-center overflow-hidden", children: [
-    /* @__PURE__ */ a(
-      "span",
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useRef as p } from "react";
+import { HeaderInfo as m } from "./components/header-info.js";
+import { useAgGridTruncationTooltip as c } from "../use-ag-grid-truncation-tooltip.js";
+import { ColumnGroupSettingsMenu as f } from "./column-menu/column-header-settings-menu.js";
+function I(t) {
+  const { displayName: a, setTooltip: l, showInfoIcon: s = !1, columnGroup: i, api: u } = t, r = p(null), e = a || "";
+  if (c(l, e, r, "ellipsis", "group"), !e && s === !1)
+    return null;
+  const n = i?.getGroupId();
+  return /* @__PURE__ */ d("div", { className: "ag-grid-header-label-cluster", children: [
+    n ? /* @__PURE__ */ o(
+      f,
       {
-        ref: t,
-        className: "block min-w-0 flex-1 truncate font-bold text-content",
-        onContextMenu: m,
+        columnGroupId: n,
+        gridApi: u,
+        headerLabelRef: r,
+        children: e
+      }
+    ) : /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        ref: r,
+        className: "ag-grid-header-label-text border-0 bg-transparent p-0 text-left font-bold text-content",
         children: e
       }
     ),
-    /* @__PURE__ */ a(p, { ...r, className: "ml-1 shrink-0" })
+    /* @__PURE__ */ o(m, { ...t, className: "shrink-0" })
   ] });
 }
 export {
-  N as CustomHeaderGroup,
-  N as CustomInnerHeaderGroup
+  I as CustomHeaderGroup,
+  I as CustomInnerHeaderGroup
 };

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

@@ -0,0 +1,10 @@
+import { ExtendedHeaderComponentParams, InfoContent } from '../ag-grid.types';
+type RawHeaderParams = ExtendedHeaderComponentParams & {
+    displayType?: string;
+    content?: InfoContent | {
+        sections?: InfoContent['sections'];
+    };
+};
+/** Normalize legacy + minimal header info params for CustomHeader / CustomInnerHeaderGroup. */
+export declare function resolveHeaderInfoParams(headerParams: RawHeaderParams, displayName?: string): ExtendedHeaderComponentParams;
+export {};

package/dist/components/data/ag-grid-react/headers/resolve-header-info-params.js

@@ -0,0 +1,19 @@
+function e(o, i) {
+  if (!(!o || typeof o != "object") && "sections" in o && Array.isArray(o.sections))
+    return {
+      title: "title" in o && typeof o.title == "string" ? o.title : i,
+      sections: o.sections
+    };
+}
+function f(o, i) {
+  const n = o.displayMode ?? (o.displayType === "tooltip" || o.displayType === "modal" ? o.displayType : void 0), t = o.infoData ?? e(o.content, i), l = !!o.infoTooltip?.trim(), s = !!(t?.sections?.length || t?.title), c = o.showInfoIcon === !0 || o.showInfoIcon !== !1 && (s || l);
+  return {
+    ...o,
+    displayMode: n ?? o.displayMode ?? "tooltip",
+    infoData: t,
+    showInfoIcon: c
+  };
+}
+export {
+  f as resolveHeaderInfoParams
+};