impact-nova 2.1.0-alpha.4 → 2.1.0-alpha.6

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

@@ -1,39 +1,40 @@
-import { jsxs as fe, jsx as v } from "react/jsx-runtime";
-import { lazy as me, useRef as S, useState as w, useCallback as f, useMemo as y, useEffect as ge, Suspense as he } from "react";
-import { ModuleRegistry as Ce, AllCommunityModule as ye, ValidationModule as ve } from "ag-grid-community";
-import { AllEnterpriseModule as be } from "ag-grid-enterprise";
-import { AgGridReact as xe } from "ag-grid-react";
-import { customAgGridTheme as Se } from "./theme.js";
-import { CustomHeader as Fe } from "./headers/custom-header.js";
-import { CustomHeaderGroup as Me } from "./headers/custom-header-group.js";
-import { DefaultTextCellRenderer as Ee } from "./cell-renderers/default-text-cell-renderer.js";
-import { GridHeaderContext as Ae } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as Re, getMultiFilterIndices as Ge, convertFromAgGridFilterModel as ke } from "./headers/utils/filter-utils.js";
-import { ColumnSettingsMenu as je } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as we } from "./value-formatters.js";
-import { useGridAutoSizeStrategyOnResize as Ie } from "./useGridAutoSizeStrategyOnResize.js";
-import { subscribeGridApiEvent as et, subscribeGridApiEvents as tt } from "./grid-api-event-subscription.js";
+import { jsxs as ye, jsx as v } from "react/jsx-runtime";
+import { lazy as ve, useRef as S, useState as j, useCallback as f, useMemo as y, useEffect as be, Suspense as xe } from "react";
+import { ModuleRegistry as Se, AllCommunityModule as Fe, ValidationModule as Me } from "ag-grid-community";
+import { AllEnterpriseModule as Ee } from "ag-grid-enterprise";
+import { AgGridReact as Ae } from "ag-grid-react";
+import { customAgGridTheme as Re } from "./theme.js";
+import { CustomHeader as Ge } from "./headers/custom-header.js";
+import { CustomHeaderGroup as ke } from "./headers/custom-header-group.js";
+import { DefaultTextCellRenderer as we } from "./cell-renderers/default-text-cell-renderer.js";
+import { GridHeaderContext as je } from "./headers/context/grid-header-context.js";
+import { convertToAgGridFilterModel as Ie, getMultiFilterIndices as Te, convertFromAgGridFilterModel as Oe } from "./headers/utils/filter-utils.js";
+import { ColumnSettingsMenu as Pe } from "./headers/column-menu/column-settings-menu.js";
+import { AG_GRID_VALUE_FORMATTERS as De } from "./value-formatters.js";
+import { useGridAutoSizeStrategyOnResize as He } from "./useGridAutoSizeStrategyOnResize.js";
+import { subscribeGridApiEvent as it, subscribeGridApiEvents as st } from "./grid-api-event-subscription.js";
+import { notifyColumnIndicatorSync as $ } from "./notify-column-indicator-sync.js";
 /* empty css               */
-const Te = me(
+const Le = ve(
   () => import("./headers/advanced-filter/advanced-filter-dialog.js").then((l) => ({
     default: l.AdvancedFilterDialog
   }))
 );
-Ce.registerModules([ye, be, ve]);
-const F = "
", H = "";
-function K(l) {
+Se.registerModules([Fe, Ee, Me]);
+const F = "
", N = "";
+function q(l) {
   return l.getColumns()?.some((n) => n.getColDef().headerCheckboxSelection) ?? !1;
 }
-const U = (l) => {
+const z = (l) => {
   if (!l) return;
   const n = l.cellRendererParams?.splits;
   if (Array.isArray(n) && n.length > 0) return n;
   const i = l.cellEditorParams?.splits;
   if (Array.isArray(i) && i.length > 0) return i;
-}, $ = (l, n) => {
+}, B = (l, n) => {
   const i = [];
-  for (const h of n) {
-    const m = h?.field?.split(".").pop();
+  for (const g of n) {
+    const m = g?.field?.split(".").pop();
     if (!m) {
       i.push("");
       continue;
@@ -55,13 +56,13 @@ const U = (l) => {
     i.push("");
   }
   return i;
-}, q = (l) => {
+}, J = (l) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
-    navigator.clipboard.writeText(l).catch(() => z(l));
+    navigator.clipboard.writeText(l).catch(() => X(l));
     return;
   }
-  z(l);
-}, z = (l) => {
+  X(l);
+}, X = (l) => {
   if (typeof document > "u") return;
   const n = document.createElement("textarea");
   n.value = l, n.setAttribute("readonly", ""), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", n.style.pointerEvents = "none", document.body.appendChild(n);
@@ -71,24 +72,28 @@ const U = (l) => {
     document.body.removeChild(n);
   }
 };
-function Qe({
+function nt({
   children: l,
   defaultColDef: n,
   defaultColGroupDef: i,
-  columnDefs: h,
+  columnDefs: g,
   valueFormatters: m,
   onGridReady: c,
   onGridPreDestroyed: u,
   onFilterChanged: b,
-  onSelectionChanged: C,
+  onSelectionChanged: h,
   onModelUpdated: M,
-  ensureDomOrder: I = !0,
+  ensureDomOrder: I = !1,
   autoSizeStrategy: T,
-  ...g
+  tooltipShowMode: O = "whenTruncated",
+  tooltipShowDelay: P = 500,
+  tooltipHideDelay: Q = 5e3,
+  tooltipInteraction: Y = !0,
+  ...C
 }) {
-  const a = S(null), O = S(null), [P, L] = w(null);
-  Ie(P, O, T);
-  const [B, N] = w(!1), [J, _] = w(null), [X, V] = w(!1), E = S(null), D = S(null), A = S(null), Q = f(() => [], []), Y = y(() => ({
+  const a = S(null), D = S(null), [H, _] = j(null);
+  He(H, D, T);
+  const [Z, V] = j(!1), [ee, W] = j(null), [te, K] = j(!1), E = S(null), L = S(null), A = S(null), re = f(() => [], []), ne = y(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -113,29 +118,29 @@ function Qe({
     openSearch: (e) => {
       if (!a.current) return;
       const t = a.current.getGridOption("context") || {};
-      a.current.setGridOption("context", { ...t, activeSearchColumnId: e }), a.current.refreshHeader();
+      a.current.setGridOption("context", { ...t, activeSearchColumnId: e }), a.current.refreshHeader(), $(a.current);
     },
     closeSearch: () => {
       if (!a.current) return;
       const e = a.current.getGridOption("context") || {};
-      a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), a.current.refreshHeader();
+      a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), a.current.refreshHeader(), $(a.current);
     },
     openAdvancedFilter: (e) => {
-      _(e || null), N(!0);
+      W(e || null), V(!0);
     },
     closeAdvancedFilter: () => {
-      N(!1), _(null);
+      V(!1), W(null);
     },
     applyAdvancedFilter: (e) => {
       if (!a.current) return;
-      const t = Re(e);
+      const t = Ie(e);
       a.current.setFilterModel(t), a.current.onFilterChanged(), a.current.refreshHeader();
     },
     openMenu: (e, t, o = "column") => {
-      E.current = e, D.current = t, A.current = o, V(!0);
+      E.current = e, L.current = t, A.current = o, K(!0);
     },
     closeMenu: () => {
-      E.current = null, D.current = null, A.current = null, V(!1);
+      E.current = null, L.current = null, A.current = null, K(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
@@ -144,33 +149,33 @@ function Qe({
     get activeMenuVariant() {
       return A.current;
     }
-  }), []), Z = f((e) => {
-    a.current = e.api, L(e.api);
+  }), []), oe = f((e) => {
+    a.current = e.api, _(e.api);
     const t = e.api.getGridOption("context") || {};
     e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), c && c(e);
-  }, [c]), ee = f(
+  }, [c]), le = f(
     (e) => {
-      a.current = null, L(null), u?.(e);
+      a.current = null, _(null), u?.(e);
     },
     [u]
-  ), te = f(
+  ), ie = f(
     (e) => {
       e.api.getGridOption("context")?.activeSearchColumnId || e.api.refreshHeader(), b?.(e);
     },
     [b]
-  ), re = f(
+  ), se = f(
     (e) => {
-      K(e.api) && e.api.refreshHeader(), C?.(e);
+      q(e.api) && e.api.refreshHeader(), h?.(e);
     },
-    [C]
-  ), ne = f(
+    [h]
+  ), ae = f(
     (e) => {
-      e.api.getGridOption("rowModelType") !== "serverSide" && K(e.api) && e.api.refreshHeader(), M?.(e);
+      e.api.getGridOption("rowModelType") !== "serverSide" && q(e.api) && e.api.refreshHeader(), M?.(e);
     },
     [M]
   );
-  ge(() => {
-    const e = O.current;
+  be(() => {
+    const e = D.current;
     if (!e) return;
     const t = (o) => {
       if (o.key !== "Enter" && o.key !== " ") return;
@@ -183,12 +188,12 @@ function Qe({
     };
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
-  const oe = y(() => ({
-    headerComponent: Fe,
+  const ce = y(() => ({
+    headerComponent: Ge,
     // Default cell renderer wraps text in a span so display:flex centering
     // and text-overflow:ellipsis both work (ellipsis doesn't work on
     // anonymous flex text nodes, but works on flex child elements).
-    cellRenderer: Ee,
+    cellRenderer: we,
     ...n,
     suppressHeaderKeyboardEvent: (e) => {
       const { event: t } = e, o = t.target;
@@ -207,34 +212,34 @@ function Qe({
     headerComponentParams: {
       ...n?.headerComponentParams
     }
-  }), [n]), le = y(() => ({
-    headerGroupComponent: Me,
+  }), [n]), ue = y(() => ({
+    headerGroupComponent: ke,
     ...i,
     headerGroupComponentParams: {
       ...i?.headerGroupComponentParams
     }
-  }), [i]), ie = y(() => ({
-    ...we,
+  }), [i]), de = y(() => ({
+    ...De,
     // Always available - value formatters
-    ...g.components,
+    ...C.components,
     // User components override
     ...m
     // Optional custom formatters override defaults
-  }), [m, g.components]), se = f((e) => {
+  }), [m, C.components]), pe = f((e) => {
     const t = e.value;
     if (t == null || typeof t != "object") return t;
-    const o = U(e.column?.getColDef());
+    const o = z(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = $(t, o);
+      const r = B(t, o);
       if (o.length === 1) {
         const d = o[0]?.field?.split(".").pop(), x = d ? t[d] : void 0;
         return x && typeof x == "object" && "value" in x ? x.value ?? "" : r[0];
       }
-      return H + r.join(F);
+      return N + r.join(F);
     }
     const s = Object.entries(t).map(([, r]) => r && typeof r == "object" && "value" in r ? r.value : typeof r != "object" && typeof r < "u" ? r : null).filter((r) => r != null);
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(F);
-  }, []), ae = f((e) => {
+  }, []), fe = f((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -245,10 +250,10 @@ function Qe({
         }
     }
     return e.value;
-  }, []), ce = f((e) => {
+  }, []), me = f((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(F) && !t.includes(H)) {
-      q(t);
+    if (!t.includes(F) && !t.includes(N)) {
+      J(t);
       return;
     }
     const o = [], s = t.split(`
@@ -259,25 +264,25 @@ function Qe({
         o.push("");
         continue;
       }
-      const k = d.split("	").map((p) => p.startsWith(H) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), W = Math.max(1, ...k.map((p) => p.slots.length));
-      if (W === 1) {
+      const k = d.split("	").map((p) => p.startsWith(N) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), U = Math.max(1, ...k.map((p) => p.slots.length));
+      if (U === 1) {
         o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
       }
-      for (let p = 0; p < W; p++) {
-        const pe = k.map((j) => !j.isSplit && j.slots.length === 1 ? j.slots[0] : j.slots[p] ?? "");
-        o.push(pe.join("	"));
+      for (let p = 0; p < U; p++) {
+        const Ce = k.map((w) => !w.isSplit && w.slots.length === 1 ? w.slots[0] : w.slots[p] ?? "");
+        o.push(Ce.join("	"));
       }
     }
-    q(o.join(`
+    J(o.join(`
 `));
   }, []), G = f((e) => {
     const t = e.value;
     if (t == null) return "";
     if (typeof t != "object") return String(t);
-    const o = U(e.column?.getColDef());
+    const o = z(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = $(t, o);
+      const r = B(t, o);
       return o.length === 1 ? r[0] : r.join(`
 `);
     }
@@ -293,118 +298,122 @@ function Qe({
     }
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(`
 `);
-  }, []), ue = y(() => ({
+  }, []), ge = y(() => ({
     processCellCallback: G,
-    ...g.defaultCsvExportParams ?? {}
-  }), [G, g.defaultCsvExportParams]), de = y(() => ({
+    ...C.defaultCsvExportParams ?? {}
+  }), [G, C.defaultCsvExportParams]), he = y(() => ({
     processCellCallback: G,
-    ...g.defaultExcelExportParams ?? {}
-  }), [G, g.defaultExcelExportParams]);
-  return /* @__PURE__ */ fe(Ae.Provider, { value: R, children: [
-    /* @__PURE__ */ v("div", { ref: O, "data-component": "ag-grid-react", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
-      xe,
+    ...C.defaultExcelExportParams ?? {}
+  }), [G, C.defaultExcelExportParams]);
+  return /* @__PURE__ */ ye(je.Provider, { value: R, children: [
+    /* @__PURE__ */ v("div", { ref: D, "data-component": "ag-grid-react", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
+      Ae,
       {
-        theme: Se,
-        defaultColDef: oe,
-        columnDefs: h,
+        theme: Re,
+        defaultColDef: ce,
+        columnDefs: g,
         cellSelection: !0,
-        defaultColGroupDef: le,
-        onGridReady: Z,
-        onGridPreDestroyed: ee,
-        onFilterChanged: te,
-        onSelectionChanged: re,
-        onModelUpdated: ne,
-        components: ie,
-        processCellForClipboard: se,
-        processCellFromClipboard: ae,
-        sendToClipboard: ce,
+        defaultColGroupDef: ue,
+        onGridReady: oe,
+        onGridPreDestroyed: le,
+        onFilterChanged: ie,
+        onSelectionChanged: se,
+        onModelUpdated: ae,
+        components: de,
+        tooltipShowMode: O,
+        tooltipShowDelay: P,
+        tooltipHideDelay: Q,
+        tooltipInteraction: Y,
+        processCellForClipboard: pe,
+        processCellFromClipboard: fe,
+        sendToClipboard: me,
         ensureDomOrder: I,
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
         hidePaddedHeaderRows: !0,
         suppressServerSideFullWidthLoadingRow: !0,
-        columnTypes: Y,
+        columnTypes: ne,
         autoSizeStrategy: T,
-        ...g,
-        defaultCsvExportParams: ue,
-        defaultExcelExportParams: de,
-        getMainMenuItems: Q
+        ...C,
+        defaultCsvExportParams: ge,
+        defaultExcelExportParams: he,
+        getMainMenuItems: re
       }
     ) }),
     l,
     /* @__PURE__ */ v(
-      Oe,
+      Ne,
       {
-        isOpen: B,
-        columnId: J,
-        gridApi: P,
+        isOpen: Z,
+        columnId: ee,
+        gridApi: H,
         onClose: R.closeAdvancedFilter,
         onApply: R.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ v(
-      Pe,
+      _e,
       {
-        isOpen: X,
+        isOpen: te,
         columnId: E.current,
-        gridApi: P,
-        anchor: D.current,
+        gridApi: H,
+        anchor: L.current,
         variant: A.current,
         onClose: R.closeMenu
       }
     )
   ] });
 }
-function Oe({
+function Ne({
   isOpen: l,
   columnId: n,
   gridApi: i,
-  onClose: h,
+  onClose: g,
   onApply: m
 }) {
   if (!l || !n || !i) return null;
   const c = i.getColumn(n);
   if (!c) return null;
-  const u = c.getColDef(), b = u.headerComponentParams, C = Ge(u), M = C.text !== -1 || C.number !== -1 || C.date !== -1, I = C.set !== -1, g = u.filter === "agMultiColumnFilter" && (M || I) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", a = ke(i.getFilterModel());
-  return /* @__PURE__ */ v(he, { fallback: null, children: /* @__PURE__ */ v(
-    Te,
+  const u = c.getColDef(), b = u.headerComponentParams, h = Te(u), M = h.text !== -1 || h.number !== -1 || h.date !== -1, I = h.set !== -1, O = u.filter === "agMultiColumnFilter" && (M || I) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", P = Oe(i.getFilterModel());
+  return /* @__PURE__ */ v(xe, { fallback: null, children: /* @__PURE__ */ v(
+    Le,
     {
       isOpen: l,
-      onClose: h,
+      onClose: g,
       onApply: m,
       columnId: n,
       columnLabel: u.headerName || n,
-      columnType: g,
+      columnType: O,
       selectOptions: b?.selectOptions,
       isMultiSelect: b?.isMultiSelect,
-      initialModel: a,
+      initialModel: P,
       api: i
     }
   ) });
 }
-function Pe({
+function _e({
   isOpen: l,
   columnId: n,
   gridApi: i,
-  anchor: h,
+  anchor: g,
   variant: m,
   onClose: c
 }) {
   return !l || !n || !i ? null : /* @__PURE__ */ v(
-    je,
+    Pe,
     {
       isOpen: l,
       columnId: n,
       gridApi: i,
-      anchor: h,
+      anchor: g,
       variant: m || "column",
       onClose: c
     }
   );
 }
 export {
-  Qe as AgGridWrapper,
-  et as subscribeGridApiEvent,
-  tt as subscribeGridApiEvents
+  nt as AgGridWrapper,
+  it as subscribeGridApiEvent,
+  st as subscribeGridApiEvents
 };

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

@@ -0,0 +1,7 @@
+import { GridApi } from 'ag-grid-community';
+/**
+ * Column-picker indicators read `activeSearchColumnId` from grid context.
+ * Opening/closing inline header search only updates context + refreshHeader,
+ * so notify indicator listeners through the existing filterChanged channel.
+ */
+export declare function notifyColumnIndicatorSync<TData = unknown>(gridApi: GridApi<TData>): void;

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

@@ -0,0 +1,6 @@
+function o(n) {
+  n.isDestroyed() || n.onFilterChanged("api");
+}
+export {
+  o as notifyColumnIndicatorSync
+};

package/dist/components/data/ag-grid-react/theme.js

@@ -1,5 +1,5 @@
 import { themeQuartz as e, iconSetMaterial as r } from "ag-grid-enterprise";
-const d = e.withPart(r).withParams({
+const t = e.withPart(r).withParams({
   accentColor: "#4259EE",
   advancedFilterBuilderButtonBarBorder: !0,
   borderColor: "#D9DDE7",
@@ -15,6 +15,7 @@ const d = e.withPart(r).withParams({
   columnBorder: !0,
   columnDropCellBorder: !0,
   fontFamily: "inherit",
+  fontWeight: "inherit",
   footerRowBorder: !0,
   foregroundColor: "#0D152C",
   headerBackgroundColor: "#F5F6FA",
@@ -23,7 +24,7 @@ const d = e.withPart(r).withParams({
   headerFontSize: 14,
   headerHeight: 40,
   headerFontWeight: 700,
-  headerRowBorder: !0,
+  headerRowBorder: { style: "solid", width: 1, color: "#D9DDE7" },
   headerVerticalPaddingScale: 1,
   headerColumnResizeHandleWidth: 0,
   inputBorder: !1,
@@ -31,7 +32,7 @@ const d = e.withPart(r).withParams({
   inputFocusBorder: !1,
   inputFocusShadow: "none",
   focusShadow: "none",
-  rowBorder: !0,
+  rowBorder: { style: "solid", width: 1, color: "#D9DDE7" },
   tabBarBorder: !0,
   wrapperBorder: !0,
   wrapperBorderRadius: 0,
@@ -40,10 +41,13 @@ const d = e.withPart(r).withParams({
   menuBorder: !1,
   menuShadow: "#00000040 0px 0px 2px 0px",
   menuTextColor: "#1F2B4D",
+  tooltipBackgroundColor: "#1F2B4D",
+  tooltipTextColor: "#FFFFFF",
+  tooltipBorder: !1,
   pinnedRowBackgroundColor: "#F4F1F9",
   pinnedSourceRowBackgroundColor: "#F4F1F9",
   pinnedRowBorder: !1
 });
 export {
-  d as customAgGridTheme
+  t as customAgGridTheme
 };

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

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+import { AgGridTooltipOverflowMode } from './ag-grid-tooltip-overflow';
+type AgGridSetTooltip = (value: string, shouldDisplayTooltip?: () => boolean) => void;
+export declare function useAgGridTruncationTooltip(setTooltip: AgGridSetTooltip | undefined, text: string, elementRef: RefObject<HTMLElement | null>, mode?: AgGridTooltipOverflowMode): void;
+export {};

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

@@ -0,0 +1,13 @@
+import { useEffect as c } from "react";
+import { isAgGridTextOverflowing as e } from "./ag-grid-tooltip-overflow.js";
+function m(r, i, n, f = "line-clamp") {
+  c(() => {
+    !r || !i.trim() || r(i, () => {
+      const u = n.current;
+      return u ? e(u, f) : !1;
+    });
+  }, [r, i, n, f]);
+}
+export {
+  m as useAgGridTruncationTooltip
+};

package/dist/components/data/ag-grid-react/useGridAutoSizeStrategyOnResize.js

@@ -1,6 +1,6 @@
 import { useEffect as a } from "react";
-import { subscribeGridApiEvents as l } from "./grid-api-event-subscription.js";
-import { refreshGridAutoSizeStrategy as f } from "./refreshGridAutoSizeStrategy.js";
+import { subscribeGridApiEvents as f } from "./grid-api-event-subscription.js";
+import { refreshGridAutoSizeStrategy as l } from "./refreshGridAutoSizeStrategy.js";
 function v(e, s, o) {
   a(() => {
     if (!e || !o)
@@ -11,16 +11,19 @@ function v(e, s, o) {
     let n = 0, r = 0;
     const c = () => {
       cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-        e.isDestroyed() || f(e);
+        e.isDestroyed() || l(e);
       });
     }, m = new ResizeObserver(() => {
       const i = t.clientWidth;
       i <= 0 || i === n || (n = i, c());
     });
     n = t.clientWidth, m.observe(t);
-    const u = l(
+    const u = f(
       e,
-      ["columnVisible", "displayedColumnsChanged"],
+      // columnVisible: user toggled column visibility in settings.
+      // Do NOT subscribe to displayedColumnsChanged — it fires during horizontal
+      // scroll when column virtualization swaps cells and would re-run autoSize.
+      ["columnVisible"],
       c
     );
     return () => {

package/dist/components/data/data-table/build-column-tree-from-grid.d.ts

@@ -0,0 +1,14 @@
+import { GridApi } from 'ag-grid-community';
+import { NestedListItem } from '../nested-list/nested-list.types';
+export interface ColumnItemData extends Record<string, unknown> {
+    hasSortApplied?: boolean;
+    hasFilterApplied?: boolean;
+    pinned?: 'left' | 'right' | null;
+}
+export interface BuildColumnTreeLabels {
+    frozenColumns: string;
+    scrollableColumns: string;
+}
+export declare function buildColumnTreeFromGrid(gridApi: GridApi, labels: BuildColumnTreeLabels): NestedListItem[] | null;
+export declare function findColumnTreeLeaf(items: NestedListItem[], columnId: string): NestedListItem | undefined;
+export declare function countPinnedNestedColumns(gridApi: GridApi, prefix?: string): number;