impact-nova 1.9.0-alpha.2 → 1.9.0-alpha.3

package/dist/components/ui/ag-grid-react/cell-renderers/percent-progress-display-renderer.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as V } from "react/jsx-runtime";
 import { Badge as j } from "../../badge.js";
-import { cn as w } from "../../../../lib/utils.js";
-import { Progress as $ } from "../../progress.js";
+import { Progress as w } from "../../progress.js";
+import { cn as $ } from "../../../../lib/utils.js";
 function E(e) {
   return e && typeof e == "object" && "value" in e ? e.value : e;
 }
@@ -28,7 +28,7 @@ const _ = (e) => {
       className: `w-full h-full flex items-center ag-cell-inner-padding ${b ?? ""} ${n ? "opacity-60 cursor-not-allowed" : t ? "in-ag-editable-cell-highlight" : ""}`,
       children: /* @__PURE__ */ V("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
         /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c(
-          $,
+          w,
           {
             label: !1,
             variant: N,
@@ -47,7 +47,7 @@ const _ = (e) => {
             color: x,
             shape: p,
             size: "sm",
-            className: w("shrink-0 tabular-nums leading-none", !i && "text-content-empty"),
+            className: $("shrink-0 tabular-nums leading-none", !i && "text-content-empty"),
             children: M
           }
         )

package/dist/components/ui/ag-grid-react/index.d.ts

@@ -1,6 +1,7 @@
 import { AgGridWrapperProps } from '../types/ag-grid.types';
-export declare function AgGridWrapper<TData>({ children, defaultColDef, defaultColGroupDef, columnDefs, valueFormatters, onGridReady: userOnGridReady, onGridPreDestroyed: userOnGridPreDestroyed, onFilterChanged: userOnFilterChanged, onSelectionChanged: userOnSelectionChanged, onModelUpdated: userOnModelUpdated, ensureDomOrder, ...restProps }: AgGridWrapperProps<TData> & {
+export declare function AgGridWrapper<TData>({ children, defaultColDef, defaultColGroupDef, columnDefs, valueFormatters, onGridReady: userOnGridReady, onGridPreDestroyed: userOnGridPreDestroyed, onFilterChanged: userOnFilterChanged, onSelectionChanged: userOnSelectionChanged, onModelUpdated: userOnModelUpdated, ensureDomOrder, autoSizeStrategy, ...restProps }: AgGridWrapperProps<TData> & {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default AgGridWrapper;
+export { refreshGridAutoSizeStrategy } from './refreshGridAutoSizeStrategy';
 export { subscribeGridApiEvent, subscribeGridApiEvents } from './grid-api-event-subscription';

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

@@ -1,31 +1,33 @@
-import { jsxs as pe, jsx as v } from "react/jsx-runtime";
-import { lazy as fe, useRef as F, useState as w, useCallback as f, useMemo as y, useEffect as me, Suspense as ge } from "react";
-import { ModuleRegistry as he, AllCommunityModule as Ce, ValidationModule as ye } from "ag-grid-community";
-import { AllEnterpriseModule as ve } from "ag-grid-enterprise";
-import { AgGridReact as be } from "ag-grid-react";
-import { customAgGridTheme as xe } from "./theme.js";
-import { CustomHeader as Fe } from "./headers/custom-header.js";
-import { CustomHeaderGroup as Se } from "./headers/custom-header-group.js";
-import { DefaultTextCellRenderer as Me } from "./cell-renderers/default-text-cell-renderer.js";
-import { GridHeaderContext as Ee } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as Ae, getMultiFilterIndices as Re, convertFromAgGridFilterModel as Ge } from "./headers/utils/filter-utils.js";
-import { ColumnSettingsMenu as ke } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as je } from "./value-formatters.js";
+import { jsxs as fe, jsx as v } from "react/jsx-runtime";
+import { lazy as me, useRef as F, useState as T, 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 Fe } from "./theme.js";
+import { CustomHeader as Se } 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 Ge, getMultiFilterIndices as Re, 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 Te } from "./value-formatters.js";
+import { useGridAutoSizeStrategyOnResize as we } from "./useGridAutoSizeStrategyOnResize.js";
 /* empty css                */
-import { subscribeGridApiEvent as Qe, subscribeGridApiEvents as Ye } from "./grid-api-event-subscription.js";
-const Te = fe(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
-he.registerModules([Ce, ve, ye]);
-const S = "
", D = "";
-function K(i) {
+import { refreshGridAutoSizeStrategy as et } from "./refreshGridAutoSizeStrategy.js";
+import { subscribeGridApiEvent as rt, subscribeGridApiEvents as nt } from "./grid-api-event-subscription.js";
+const Pe = me(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
+Ce.registerModules([ye, be, ve]);
+const S = "
", H = "";
+function U(i) {
   return i.getColumns()?.some((n) => n.getColDef().headerCheckboxSelection) ?? !1;
 }
-const U = (i) => {
+const W = (i) => {
   if (!i) return;
   const n = i.cellRendererParams?.splits;
   if (Array.isArray(n) && n.length > 0) return n;
   const l = i.cellEditorParams?.splits;
   if (Array.isArray(l) && l.length > 0) return l;
-}, W = (i, n) => {
+}, z = (i, n) => {
   const l = [];
   for (const h of n) {
     const m = h?.field?.split(".").pop();
@@ -33,18 +35,18 @@ const U = (i) => {
       l.push("");
       continue;
     }
-    const u = i[m];
-    if (u == null) {
+    const a = i[m];
+    if (a == null) {
       l.push("");
       continue;
     }
-    if (typeof u == "object" && "value" in u) {
-      const c = u.value;
+    if (typeof a == "object" && "value" in a) {
+      const c = a.value;
       l.push(c == null ? "" : String(c));
       continue;
     }
-    if (typeof u != "object") {
-      l.push(String(u));
+    if (typeof a != "object") {
+      l.push(String(a));
       continue;
     }
     l.push("");
@@ -66,21 +68,24 @@ const U = (i) => {
     document.body.removeChild(n);
   }
 };
-function Je({
+function Qe({
   children: i,
   defaultColDef: n,
   defaultColGroupDef: l,
   columnDefs: h,
   valueFormatters: m,
-  onGridReady: u,
+  onGridReady: a,
   onGridPreDestroyed: c,
   onFilterChanged: b,
   onSelectionChanged: C,
   onModelUpdated: M,
-  ensureDomOrder: P = !0,
+  ensureDomOrder: w = !0,
+  autoSizeStrategy: P,
   ...g
 }) {
-  const a = F(null), E = F(null), [H, O] = w(null), [z, L] = w(!1), [J, N] = w(null), [X, _] = w(!1), A = F(null), I = F(null), R = F(null), B = f(() => [], []), Q = y(() => ({
+  const u = F(null), I = F(null), [D, L] = T(null);
+  we(D, I, P);
+  const [J, N] = T(!1), [X, _] = T(null), [B, V] = T(!1), E = F(null), O = F(null), A = F(null), Q = f(() => [], []), Y = y(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -103,66 +108,66 @@ function Je({
     }
   }), []), G = y(() => ({
     openSearch: (e) => {
-      if (!a.current) return;
-      const t = a.current.getGridOption("context") || {};
-      a.current.setGridOption("context", { ...t, activeSearchColumnId: e }), a.current.refreshHeader();
+      if (!u.current) return;
+      const t = u.current.getGridOption("context") || {};
+      u.current.setGridOption("context", { ...t, activeSearchColumnId: e }), u.current.refreshHeader();
     },
     closeSearch: () => {
-      if (!a.current) return;
-      const e = a.current.getGridOption("context") || {};
-      a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), a.current.refreshHeader();
+      if (!u.current) return;
+      const e = u.current.getGridOption("context") || {};
+      u.current.setGridOption("context", { ...e, activeSearchColumnId: null }), u.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      N(e || null), L(!0);
+      _(e || null), N(!0);
     },
     closeAdvancedFilter: () => {
-      L(!1), N(null);
+      N(!1), _(null);
     },
     applyAdvancedFilter: (e) => {
-      if (!a.current) return;
-      const t = Ae(e);
-      a.current.setFilterModel(t), a.current.onFilterChanged(), a.current.refreshHeader();
+      if (!u.current) return;
+      const t = Ge(e);
+      u.current.setFilterModel(t), u.current.onFilterChanged(), u.current.refreshHeader();
     },
     openMenu: (e, t, o = "column") => {
-      A.current = e, I.current = t, R.current = o, _(!0);
+      E.current = e, O.current = t, A.current = o, V(!0);
     },
     closeMenu: () => {
-      A.current = null, I.current = null, R.current = null, _(!1);
+      E.current = null, O.current = null, A.current = null, V(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
-      return A.current;
+      return E.current;
     },
     get activeMenuVariant() {
-      return R.current;
+      return A.current;
     }
-  }), []), Y = f((e) => {
-    a.current = e.api, O(e.api);
+  }), []), Z = f((e) => {
+    u.current = e.api, L(e.api);
     const t = e.api.getGridOption("context") || {};
-    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), u && u(e);
-  }, [u]), Z = f(
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), a && a(e);
+  }, [a]), ee = f(
     (e) => {
-      a.current = null, O(null), c?.(e);
+      u.current = null, L(null), c?.(e);
     },
     [c]
-  ), ee = f(
+  ), te = f(
     (e) => {
       e.api.refreshHeader(), b?.(e);
     },
     [b]
-  ), te = f(
+  ), re = f(
     (e) => {
-      K(e.api) && e.api.refreshHeader(), C?.(e);
+      U(e.api) && e.api.refreshHeader(), C?.(e);
     },
     [C]
-  ), re = f(
+  ), ne = f(
     (e) => {
-      e.api.getGridOption("rowModelType") !== "serverSide" && K(e.api) && e.api.refreshHeader(), M?.(e);
+      e.api.getGridOption("rowModelType") !== "serverSide" && U(e.api) && e.api.refreshHeader(), M?.(e);
     },
     [M]
   );
-  me(() => {
-    const e = E.current;
+  ge(() => {
+    const e = I.current;
     if (!e) return;
     const t = (o) => {
       if (o.key !== "Enter" && o.key !== " ") return;
@@ -175,12 +180,12 @@ function Je({
     };
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
-  const ne = y(() => ({
-    headerComponent: Fe,
+  const oe = y(() => ({
+    headerComponent: Se,
     // 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: Me,
+    cellRenderer: Ee,
     ...n,
     suppressHeaderKeyboardEvent: (e) => {
       const { event: t } = e, o = t.target;
@@ -199,34 +204,34 @@ function Je({
     headerComponentParams: {
       ...n?.headerComponentParams
     }
-  }), [n]), oe = y(() => ({
-    headerGroupComponent: Se,
+  }), [n]), le = y(() => ({
+    headerGroupComponent: Me,
     ...l,
     headerGroupComponentParams: {
       ...l?.headerGroupComponentParams
     }
-  }), [l]), le = y(() => ({
-    ...je,
+  }), [l]), ie = y(() => ({
+    ...Te,
     // Always available - value formatters
     ...g.components,
     // User components override
     ...m
     // Optional custom formatters override defaults
-  }), [m, g.components]), ie = f((e) => {
+  }), [m, g.components]), se = f((e) => {
     const t = e.value;
     if (t == null || typeof t != "object") return t;
-    const o = U(e.column?.getColDef());
+    const o = W(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = W(t, o);
+      const r = z(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 D + r.join(S);
+      return H + r.join(S);
     }
     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(S);
-  }, []), se = f((e) => {
+  }, []), ue = f((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -239,7 +244,7 @@ function Je({
     return e.value;
   }, []), ae = f((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(S) && !t.includes(D)) {
+    if (!t.includes(S) && !t.includes(H)) {
       $(t);
       return;
     }
@@ -251,25 +256,25 @@ function Je({
         o.push("");
         continue;
       }
-      const j = d.split("	").map((p) => p.startsWith(D) ? { isSplit: !0, slots: p.slice(1).split(S) } : { isSplit: !1, slots: p.split(S) }), V = Math.max(1, ...j.map((p) => p.slots.length));
-      if (V === 1) {
-        o.push(j.map((p) => p.slots[0] ?? "").join("	"));
+      const k = d.split("	").map((p) => p.startsWith(H) ? { isSplit: !0, slots: p.slice(1).split(S) } : { isSplit: !1, slots: p.split(S) }), K = Math.max(1, ...k.map((p) => p.slots.length));
+      if (K === 1) {
+        o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
       }
-      for (let p = 0; p < V; p++) {
-        const de = j.map((T) => !T.isSplit && T.slots.length === 1 ? T.slots[0] : T.slots[p] ?? "");
-        o.push(de.join("	"));
+      for (let p = 0; p < K; p++) {
+        const pe = k.map((j) => !j.isSplit && j.slots.length === 1 ? j.slots[0] : j.slots[p] ?? "");
+        o.push(pe.join("	"));
       }
     }
     $(o.join(`
 `));
-  }, []), k = f((e) => {
+  }, []), R = 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 = W(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = W(t, o);
+      const r = z(t, o);
       return o.length === 1 ? r[0] : r.join(`
 `);
     }
@@ -285,67 +290,68 @@ function Je({
     }
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(`
 `);
-  }, []), ue = y(() => ({
-    processCellCallback: k,
+  }, []), ce = y(() => ({
+    processCellCallback: R,
     ...g.defaultCsvExportParams ?? {}
-  }), [k, g.defaultCsvExportParams]), ce = y(() => ({
-    processCellCallback: k,
+  }), [R, g.defaultCsvExportParams]), de = y(() => ({
+    processCellCallback: R,
     ...g.defaultExcelExportParams ?? {}
-  }), [k, g.defaultExcelExportParams]);
-  return /* @__PURE__ */ pe(Ee.Provider, { value: G, children: [
-    /* @__PURE__ */ v("div", { ref: E, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
-      be,
+  }), [R, g.defaultExcelExportParams]);
+  return /* @__PURE__ */ fe(Ae.Provider, { value: G, children: [
+    /* @__PURE__ */ v("div", { ref: I, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
+      xe,
       {
-        theme: xe,
-        defaultColDef: ne,
+        theme: Fe,
+        defaultColDef: oe,
         columnDefs: h,
         cellSelection: !0,
-        defaultColGroupDef: oe,
-        onGridReady: Y,
-        onGridPreDestroyed: Z,
-        onFilterChanged: ee,
-        onSelectionChanged: te,
-        onModelUpdated: re,
-        components: le,
-        processCellForClipboard: ie,
-        processCellFromClipboard: se,
+        defaultColGroupDef: le,
+        onGridReady: Z,
+        onGridPreDestroyed: ee,
+        onFilterChanged: te,
+        onSelectionChanged: re,
+        onModelUpdated: ne,
+        components: ie,
+        processCellForClipboard: se,
+        processCellFromClipboard: ue,
         sendToClipboard: ae,
-        ensureDomOrder: P,
+        ensureDomOrder: w,
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
-        columnTypes: Q,
+        columnTypes: Y,
+        autoSizeStrategy: P,
         ...g,
-        defaultCsvExportParams: ue,
-        defaultExcelExportParams: ce,
-        getMainMenuItems: B
+        defaultCsvExportParams: ce,
+        defaultExcelExportParams: de,
+        getMainMenuItems: Q
       }
     ) }),
     i,
     /* @__PURE__ */ v(
-      we,
+      Ie,
       {
-        isOpen: z,
-        columnId: J,
-        gridApi: H,
+        isOpen: J,
+        columnId: X,
+        gridApi: D,
         onClose: G.closeAdvancedFilter,
         onApply: G.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ v(
-      Pe,
+      De,
       {
-        isOpen: X,
-        columnId: A.current,
-        gridApi: H,
-        anchor: I.current,
-        variant: R.current,
+        isOpen: B,
+        columnId: E.current,
+        gridApi: D,
+        anchor: O.current,
+        variant: A.current,
         onClose: G.closeMenu
       }
     )
   ] });
 }
-function we({
+function Ie({
   isOpen: i,
   columnId: n,
   gridApi: l,
@@ -353,48 +359,49 @@ function we({
   onApply: m
 }) {
   if (!i || !n || !l) return null;
-  const u = l.getColumn(n);
-  if (!u) return null;
-  const c = u.getColDef(), b = c.headerComponentParams, C = Re(c), M = C.text !== -1 || C.number !== -1 || C.date !== -1, P = C.set !== -1, a = c.filter === "agMultiColumnFilter" && (M || P) ? "multi" : c.filter === "agNumberColumnFilter" ? "number" : c.filter === "agDateColumnFilter" ? "date" : c.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", E = Ge(l.getFilterModel());
-  return /* @__PURE__ */ v(ge, { fallback: null, children: /* @__PURE__ */ v(
-    Te,
+  const a = l.getColumn(n);
+  if (!a) return null;
+  const c = a.getColDef(), b = c.headerComponentParams, C = Re(c), M = C.text !== -1 || C.number !== -1 || C.date !== -1, w = C.set !== -1, g = c.filter === "agMultiColumnFilter" && (M || w) ? "multi" : c.filter === "agNumberColumnFilter" ? "number" : c.filter === "agDateColumnFilter" ? "date" : c.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", u = ke(l.getFilterModel());
+  return /* @__PURE__ */ v(he, { fallback: null, children: /* @__PURE__ */ v(
+    Pe,
     {
       isOpen: i,
       onClose: h,
       onApply: m,
       columnId: n,
       columnLabel: c.headerName || n,
-      columnType: a,
+      columnType: g,
       selectOptions: b?.selectOptions,
       isMultiSelect: b?.isMultiSelect,
-      initialModel: E,
+      initialModel: u,
       api: l
     }
   ) });
 }
-function Pe({
+function De({
   isOpen: i,
   columnId: n,
   gridApi: l,
   anchor: h,
   variant: m,
-  onClose: u
+  onClose: a
 }) {
   return !i || !n || !l ? null : /* @__PURE__ */ v(
-    ke,
+    je,
     {
       isOpen: i,
       columnId: n,
       gridApi: l,
       anchor: h,
       variant: m || "column",
-      onClose: u
+      onClose: a
     }
   );
 }
 export {
-  Je as AgGridWrapper,
-  Je as default,
-  Qe as subscribeGridApiEvent,
-  Ye as subscribeGridApiEvents
+  Qe as AgGridWrapper,
+  Qe as default,
+  et as refreshGridAutoSizeStrategy,
+  rt as subscribeGridApiEvent,
+  nt as subscribeGridApiEvents
 };

package/dist/components/ui/ag-grid-react/refreshGridAutoSizeStrategy.d.ts

@@ -0,0 +1,7 @@
+import { GridApi } from 'ag-grid-community';
+/**
+ * Re-run the grid's configured `autoSizeStrategy` after the container width changes.
+ * Accordion panels, tabs, and deferred layout can leave columns sized against a
+ * stale width when `scaleUpToFitGridWidth` is enabled.
+ */
+export declare function refreshGridAutoSizeStrategy(api: GridApi): void;

package/dist/components/ui/ag-grid-react/refreshGridAutoSizeStrategy.js

@@ -0,0 +1,30 @@
+function o(i) {
+  if (i.isDestroyed())
+    return;
+  const t = i.getGridOption("autoSizeStrategy");
+  if (!t)
+    return;
+  if (t.type === "fitGridWidth") {
+    i.sizeColumnsToFit({
+      defaultMinWidth: t.defaultMinWidth,
+      defaultMaxWidth: t.defaultMaxWidth,
+      columnLimits: t.columnLimits?.map((e) => ({
+        key: e.colId,
+        minWidth: e.minWidth,
+        maxWidth: e.maxWidth
+      }))
+    });
+    return;
+  }
+  if (t.type === "fitProvidedWidth") {
+    i.sizeColumnsToFit(t.width);
+    return;
+  }
+  const d = (e) => {
+    i.setGridOption("autoSizeStrategy", e);
+  };
+  d(void 0), d(t);
+}
+export {
+  o as refreshGridAutoSizeStrategy
+};

package/dist/components/ui/ag-grid-react/useGridAutoSizeStrategyOnResize.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+import { AutoSizeStrategy, GridApi } from 'ag-grid-community';
+/**
+ * Keeps `autoSizeStrategy` in sync when the grid container width changes
+ * (accordion expand, viewport expand, responsive layout, etc.).
+ */
+export declare function useGridAutoSizeStrategyOnResize(gridApi: GridApi | null, containerRef: RefObject<HTMLElement | null>, autoSizeStrategy: AutoSizeStrategy | undefined): void;

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

@@ -0,0 +1,33 @@
+import { useEffect as a } from "react";
+import { subscribeGridApiEvents as l } from "./grid-api-event-subscription.js";
+import { refreshGridAutoSizeStrategy as f } from "./refreshGridAutoSizeStrategy.js";
+function v(e, s, o) {
+  a(() => {
+    if (!e || !o)
+      return;
+    const t = s.current;
+    if (!t)
+      return;
+    let n = 0, r = 0;
+    const c = () => {
+      cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+        e.isDestroyed() || f(e);
+      });
+    }, m = new ResizeObserver(() => {
+      const i = t.clientWidth;
+      i <= 0 || i === n || (n = i, c());
+    });
+    n = t.clientWidth, m.observe(t);
+    const u = l(
+      e,
+      ["columnVisible", "displayedColumnsChanged"],
+      c
+    );
+    return () => {
+      cancelAnimationFrame(r), m.disconnect(), u();
+    };
+  }, [e, s, o]);
+}
+export {
+  v as useGridAutoSizeStrategyOnResize
+};

package/dist/components/ui/empty-container/emptyStateIllustrations.d.ts

@@ -1,31 +1,15 @@
-export declare const EmptyState1: import('impact-nova-icons').ImageComponent;
-export declare const EmptyState2: import('impact-nova-icons').ImageComponent;
-export declare const EmptyState3: import('impact-nova-icons').ImageComponent;
-export declare const EmptyState4: import('impact-nova-icons').ImageComponent;
-export declare const EmptyState5: import('impact-nova-icons').ImageComponent;
-export declare const EmptyState6: import('impact-nova-icons').ImageComponent;
-export declare const EMPTY_STATE_IMAGES: readonly [{
-    readonly Component: import('impact-nova-icons').ImageComponent;
-    readonly width: 225;
-    readonly height: 150;
-}, {
-    readonly Component: import('impact-nova-icons').ImageComponent;
-    readonly width: 200;
-    readonly height: 200;
-}, {
-    readonly Component: import('impact-nova-icons').ImageComponent;
-    readonly width: 225;
-    readonly height: 150;
-}, {
-    readonly Component: import('impact-nova-icons').ImageComponent;
-    readonly width: 250;
-    readonly height: 180;
-}, {
-    readonly Component: import('impact-nova-icons').ImageComponent;
-    readonly width: 225;
-    readonly height: 150;
-}, {
-    readonly Component: import('impact-nova-icons').ImageComponent;
-    readonly width: 225;
-    readonly height: 150;
-}];
+import { ImageComponent } from 'impact-nova-icons';
+export interface EmptyStateImageEntry {
+    width: number;
+    height: number;
+    load: () => Promise<{
+        Component: ImageComponent;
+    }>;
+}
+export declare const EMPTY_STATE_IMAGES: EmptyStateImageEntry[];
+export { default as EmptyState1 } from './illustrations/empty-state-1';
+export { default as EmptyState2 } from './illustrations/empty-state-2';
+export { default as EmptyState3 } from './illustrations/empty-state-3';
+export { default as EmptyState4 } from './illustrations/empty-state-4';
+export { default as EmptyState5 } from './illustrations/empty-state-5';
+export { default as EmptyState6 } from './illustrations/empty-state-6';