impact-nova 2.1.0-alpha.1 → 2.1.0-alpha.10

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

@@ -0,0 +1,3 @@
+export type AgGridTooltipOverflowMode = "line-clamp" | "ellipsis";
+/** Matches AG Grid `_isElementOverflowingCallback` (horizontal or vertical). */
+export declare function isAgGridTextOverflowing(element: HTMLElement, mode?: AgGridTooltipOverflowMode): boolean;

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

@@ -0,0 +1,6 @@
+function l(i, r = "line-clamp") {
+  return r === "ellipsis" ? i.clientWidth < i.scrollWidth : i.clientHeight < i.scrollHeight || i.clientWidth < i.scrollWidth;
+}
+export {
+  l as isAgGridTextOverflowing
+};

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ColDef, ColGroupDef, IHeaderParams, IHeaderGroupParams, Column, ValueFormatterParams } from 'ag-grid-community';
+import { Theme } from 'ag-grid-enterprise';
 import { AgGridReactProps } from 'ag-grid-react';
 /** ColDef extended with Impact Nova runtime metadata set during column processing */
 export interface ImpactNovaColDef<TData = unknown> extends ColDef<TData> {
@@ -107,42 +108,41 @@ export interface InfoContent {
     sections: UISection[];
 }
 /**
- * Props for the AgGridWrapper component
+ * Props for `AgGridWrapper` — low-level AG Grid Enterprise surface.
+ *
+ * Forwards [`AgGridReact`](https://www.ag-grid.com/react-data-grid/grid-options/) props except `theme`
+ * (Impact Nova theme is applied internally). Application feature code should use
+ * `DataTable` / `DataTableContent` from `impact-nova/data-table` instead.
  */
 export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactProps<TData>, 'theme' | 'defaultColDef' | 'defaultColGroupDef'> {
-    /**
-     * Children to render inside the grid container
-     */
+    /** Content rendered inside the grid container — rarely needed; use for overlays or custom chrome. */
     children?: ReactNode;
     /**
-     * Default column definition (will be merged with wrapper defaults)
+     * Default settings applied to every column unless overridden in `columnDefs`.
+     * Common keys: `sortable`, `filter`, `resizable`, `flex`, `minWidth`.
+     * Merged with Impact Nova wrapper defaults (custom header, theme, formatters).
      */
     defaultColDef?: ColDef<TData>;
     /**
-     * Default column group definition (will be merged with wrapper defaults)
+     * Default settings for column groups (nested header rows).
+     * Merged with wrapper defaults when using grouped column headers.
      */
     defaultColGroupDef?: ColGroupDef<TData>;
     /**
-     * When true (default), DOM order matches visual order for screen readers.
-     * Large planning grids should pass false for better column virtualization.
+     * When true (default), DOM order matches visual column order for screen readers.
+     * Set false on very large planning grids (10k+ columns) for better virtualization performance.
      */
     ensureDomOrder?: boolean;
     /**
-     * Value formatter registry - maps formatter names to formatter functions
-     * Allows backend to specify formatters by string name (e.g., "currency", "percentage")
-     *
-     * @example
-     * ```typescript
-     * valueFormatters={{
-     *   currency: (params) => `$${params.value.toFixed(2)}`,
-     *   percentage: (params) => `${params.value}%`,
-     * }}
-     *
-     * // Backend can then send:
-     * { field: 'price', valueFormatter: 'currency' }
-     * ```
+     * Map of formatter name → function. Lets backend column defs reference formatters by string key.
+     * Example: `{ currency: (p) => '$' + p.value }` then column def uses `valueFormatter: 'currency'`.
      */
     valueFormatters?: Record<string, (params: ValueFormatterParams) => string>;
+    /**
+     * Theme Builder preview only — resolves AG Grid params from a scoped DOM node.
+     * Application code must rely on document CSS variables and the default theme.
+     */
+    themeOverride?: Theme;
 }
 /**
  * Filter operators for advanced filtering.

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

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

package/dist/components/data/ag-grid-react/cell-renderers/date-display-renderer.js

@@ -44,7 +44,7 @@ const D = (t, i) => {
           className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${a ? "bg-canvas-elevated cursor-pointer" : "bg-inherit"}`,
           children: [
             /* @__PURE__ */ n("span", { className: `truncate text-sm font-medium text-content ${f ? "text-content-empty" : ""}`, children: f ? g : u }),
-            a && /* @__PURE__ */ n("span", { className: "h-3.5 w-3.5 shrink-0 text-content-muted", children: /* @__PURE__ */ n(y, { className: "h-3.5 w-3.5" }) })
+            a && /* @__PURE__ */ n("span", { className: "h-3.5 w-3.5 shrink-0 text-content-icon", children: /* @__PURE__ */ n(y, { className: "h-3.5 w-3.5" }) })
           ]
         }
       )

package/dist/components/data/ag-grid-react/cell-renderers/default-text-cell-renderer.d.ts

@@ -1,6 +1,5 @@
 import { ICellRendererParams } from 'ag-grid-community';
 /**
- * Lightweight default cell renderer for AgGridWrapper.
- * Stable module-level reference — avoids inline function allocation in defaultColDef.
+ * Default text cell renderer — truncation + AG Grid tooltip when overflowed.
  */
 export declare const DefaultTextCellRenderer: import('react').NamedExoticComponent<ICellRendererParams<any, any, any>>;

package/dist/components/data/ag-grid-react/cell-renderers/default-text-cell-renderer.js

@@ -1,9 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as r } from "react";
-const a = r(function(e) {
-  const l = e.valueFormatted ?? (e.value != null ? String(e.value) : "");
-  return /* @__PURE__ */ t("span", { className: "truncate block w-full", children: l });
+import { jsx as o } from "react/jsx-runtime";
+import { memo as u, useRef as f, useEffect as i } from "react";
+import { isAgGridTextOverflowing as s } from "../ag-grid-tooltip-overflow.js";
+const x = u(function(e) {
+  const r = f(null), t = e.valueFormatted ?? (e.value != null ? String(e.value) : ""), { setTooltip: l } = e;
+  return i(() => {
+    t.trim() && l(t, () => {
+      const n = r.current;
+      return n ? s(n, "ellipsis") : !1;
+    });
+  }, [t, l]), /* @__PURE__ */ o("span", { ref: r, className: "truncate block w-full", children: t });
 });
 export {
-  a as DefaultTextCellRenderer
+  x as DefaultTextCellRenderer
 };

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

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

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

@@ -1,127 +1,106 @@
-import { jsx as I } from "react/jsx-runtime";
-import { forwardRef as $, useMemo as x, useEffect as R, useImperativeHandle as B, useState as G, useCallback as H } from "react";
-import { resolveCellEditable as D, resolveValueFormatter as q, applyValueFormatter as z } from "../cell-renderer-utils.js";
-function Y() {
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as z, useState as F, useImperativeHandle as B, useEffect as H, useMemo as L, useCallback as M } from "react";
+import { resolveValueFormatter as q, applyValueFormatter as J, resolveCellEditable as I } from "../cell-renderer-utils.js";
+import { initializeSplitCellFocusSession as Q } from "./split-cell-focus.js";
+function X() {
   return document;
 }
-function A(g, _, l, m, r) {
-  const s = l, f = typeof m?.editable == "boolean" ? m.editable : void 0, C = g[_], c = C?.field?.split(".")?.pop(), n = c ? r?.[c] : void 0;
-  return D(f, C?.editable, s, n);
+function Y(p, w, a, u, r) {
+  const n = a, s = typeof u?.editable == "boolean" ? u.editable : void 0, f = p[w], i = f?.field?.split(".")?.pop(), l = i ? r?.[i] : void 0;
+  return I(s, f?.editable, n, l);
 }
-const J = $((g, _) => {
-  const { splits: l, commonParams: m, data: r, node: s, api: f, column: C, context: c, value: n, colDef: i, valueFormatter: U } = g, S = x(() => document.__splitCellLastClickY == null, []), M = x(() => document.__splitCellLastWasEditable !== !1, []), v = x(() => {
-    let e = 0, t = !0, a = !1, o;
-    try {
-      const d = g.eGridCell;
-      if (!d || !l?.length)
-        return { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-      if (S) {
-        const u = Y().__splitCellLastActiveIndex;
-        if (u != null && u >= 0 && u < l.length)
-          return e = u, t = A(l, u, r, i, n), { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-        for (let p = 0; p < l.length; p++)
-          if (A(l, p, r, i, n))
-            return e = p, t = !0, { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-        return { index: 0, wasEditable: !1, clearClickY: a, activeIndex: o };
-      }
-      const h = Y().__splitCellLastClickY;
-      if (h == null)
-        return { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-      const w = d.getBoundingClientRect(), K = h - w.top, E = w.height / l.length, F = Math.floor(K / E);
-      return e = Math.max(0, Math.min(F, l.length - 1)), a = !0, o = e, t = A(l, e, r, i, n), { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-    } catch {
-      return { index: 0, wasEditable: !0, clearClickY: !1, activeIndex: void 0 };
-    }
-  }, [l, g, S, r, i, n]);
-  R(() => {
-    const e = Y();
-    v.clearClickY && (e.__splitCellLastClickY = void 0), v.activeIndex != null && (e.__splitCellLastActiveIndex = v.activeIndex), e.__splitCellLastWasEditable = v.wasEditable;
-  }, [v]);
-  const k = v.index, y = x(() => {
-    if (!l?.length) return !1;
-    const e = l[k];
-    if (!e) return !1;
-    const t = r, a = typeof i?.editable == "boolean" ? i.editable : void 0, o = e.field?.split(".")?.pop(), d = o ? n?.[o] : void 0;
-    return !D(a, e.editable, t, d);
-  }, [l, k, r, i, n]) || S && !M;
-  B(_, () => ({
+const Z = z((p, w) => {
+  const { splits: a, commonParams: u, data: r, node: n, api: s, column: f, context: i, value: l, colDef: o, valueFormatter: U, eventKey: D } = p, [N] = F(() => {
+    const e = p.eGridCell;
+    return Q({
+      cellElement: e,
+      splits: a,
+      eventKey: D,
+      data: r,
+      colDef: o,
+      value: l,
+      documentState: X(),
+      resolveSplitEditable: Y
+    });
+  }), { targetSplitIndex: k, isKeyboardEntry: A, lastWasEditable: P, targetIsNonEditable: R } = N, v = R || A && !P;
+  B(w, () => ({
     getValue() {
-      const e = i?.field;
-      return e && s?.data ? s.data[e] : n;
+      const e = o?.field;
+      return e && n?.data ? n.data[e] : l;
     },
     isCancelBeforeStart() {
-      return y;
+      return v;
     },
     isCancelAfterEnd() {
       return !1;
     }
-  }), [i, s, n, y]), R(() => {
-    y && setTimeout(() => {
-      f?.stopEditing();
+  }), [o, n, l, v]), H(() => {
+    v && setTimeout(() => {
+      s?.stopEditing();
     }, 0);
-  }, [y, f]);
-  const j = x(() => l?.map((e) => {
-    const t = e?.field?.split(".")?.pop() ?? "", a = n?.[t]?.value;
-    return { valueKey: t, field: e.field, newValue: a };
-  }) ?? [], [l, n]), [V, O] = G(j), P = H((e) => {
-    const t = V.find((b) => b.field === e);
-    if (!t || !i.field) return;
-    const a = n?.[t.valueKey]?.value;
-    if (String(t.newValue ?? "") === String(a ?? ""))
+  }, [v, s]);
+  const j = L(() => a?.map((e) => {
+    const t = e?.field?.split(".")?.pop() ?? "", d = l?.[t]?.value;
+    return { valueKey: t, field: e.field, newValue: d };
+  }) ?? [], [a, l]), [g, O] = F(j), $ = M((e) => {
+    const t = g.find((b) => b.field === e);
+    if (!t || !o.field) return;
+    const d = l?.[t.valueKey]?.value;
+    if (String(t.newValue ?? "") === String(d ?? ""))
       return;
     document.__splitCellLastWasEditable = !0;
-    const o = {
-      api: f,
-      colDef: i,
-      column: C,
-      context: c,
+    const c = {
+      api: s,
+      colDef: o,
+      column: f,
+      context: i,
       data: r,
-      field: i.field,
-      node: s,
-      rowIndex: s?.rowIndex ?? null,
-      rowPinned: s?.rowPinned ?? void 0,
+      field: o.field,
+      node: n,
+      rowIndex: n?.rowIndex ?? null,
+      rowPinned: n?.rowPinned ?? void 0,
       source: "edit",
       type: "cellValueChanged",
       currentCellUpdate: t,
       newValue: { [t.valueKey]: { value: t.newValue } },
-      oldValue: { [t.valueKey]: { value: n?.[t.valueKey]?.value } },
+      oldValue: { [t.valueKey]: { value: l?.[t.valueKey]?.value } },
       value: { [t.valueKey]: { value: t.newValue } }
-    }, d = n?.[t.valueKey] ?? {};
-    s.setDataValue(i.field, { ...n, [t.valueKey]: { ...d, value: t.newValue } }), c?.onCellUpdate?.(o);
-  }, [V, f, i, C, c, r, s, n]), W = (e) => {
+    }, m = l?.[t.valueKey] ?? {};
+    n.setDataValue(o.field, { ...l, [t.valueKey]: { ...m, value: t.newValue } }), i?.onCellUpdate?.(c);
+  }, [g, s, o, f, i, r, n, l]), G = (e) => {
     if (typeof e == "string") {
-      const t = f?.getGridOption("components");
-      return c?.frameworkComponents?.[e] || t?.[e];
+      const t = s?.getGridOption("components");
+      return i?.frameworkComponents?.[e] || t?.[e];
     }
     return e;
   };
-  return /* @__PURE__ */ I("div", { style: { display: "grid", gridTemplateRows: `repeat(${l?.length}, 1fr)`, height: "100%", width: "100%" }, children: l?.map((e, t) => {
-    const a = e?.field?.split(".")?.pop();
-    if (!a) return null;
-    const o = n?.[a], d = o?.value, b = r, h = q(o, b, e?.valueFormatter, U ?? null), w = h ? z(h, d) : d?.toString(), K = typeof i?.editable == "boolean" ? i.editable : void 0, E = D(K, e.editable, b, o), F = t === k && E, L = E ? m?.cellEditor ?? m?.cellRenderer : m?.cellRenderer ?? void 0, u = L ? W(L) : void 0;
-    return /* @__PURE__ */ I("div", { className: "flex items-center max-h-full overflow-hidden", children: u ? /* @__PURE__ */ I(
-      u,
+  return /* @__PURE__ */ C("div", { style: { display: "grid", gridTemplateRows: `repeat(${a?.length}, 1fr)`, height: "100%", width: "100%" }, children: a?.map((e, t) => {
+    const d = e?.field?.split(".")?.pop();
+    if (!d) return null;
+    const c = l?.[d], m = c?.value, b = r, V = q(c, b, e?.valueFormatter, U ?? null), h = V ? J(V, m) : m?.toString(), T = typeof o?.editable == "boolean" ? o.editable : void 0, y = I(T, e.editable, b, c), W = t === k && y, E = y ? u?.cellEditor ?? u?.cellRenderer : u?.cellRenderer ?? void 0, S = E ? G(E) : void 0;
+    return /* @__PURE__ */ C("div", { className: "flex items-center max-h-full overflow-hidden", children: S ? /* @__PURE__ */ C(
+      S,
       {
-        context: c,
+        context: i,
         data: r,
-        value: o,
-        onValueChange: (p) => {
-          const N = V.find((T) => T.field === e.field);
-          N ? N.newValue = p : O([...V, { valueKey: a, field: e.field, newValue: p }]);
+        value: c,
+        onValueChange: (x) => {
+          const K = g.find((_) => _.field === e.field);
+          K ? K.newValue = x : O([...g, { valueKey: d, field: e.field, newValue: x }]);
         },
-        valueFormatted: w ?? void 0,
-        colDef: { ...e, editable: E },
+        valueFormatted: h ?? void 0,
+        colDef: { ...e, editable: y },
         stopEditing: () => {
-          P(e.field);
+          $(e.field);
         },
-        node: s,
-        suppressAutoFocus: !F,
-        className: t !== l.length - 1 ? "border-b border-stroke-hairline" : ""
+        node: n,
+        suppressAutoFocus: !W,
+        className: t !== a.length - 1 ? "border-b border-stroke-hairline" : ""
       }
-    ) : /* @__PURE__ */ I("div", { className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap", children: String(w ?? d ?? "") }) }, `${e.field}-${t}`);
+    ) : /* @__PURE__ */ C("div", { className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap", children: String(h ?? m ?? "") }) }, `${e.field}-${t}`);
   }) });
 });
-J.displayName = "SplitCellEditor";
+Z.displayName = "SplitCellEditor";
 export {
-  J as SplitCellEditor
+  Z as SplitCellEditor
 };