impact-nova 2.5.0 → 2.5.2

package/dist/components/data/data-table/data-table-column-tree-cache.js

@@ -1,117 +1,150 @@
-import { buildColumnTreeFromGrid as h } from "./build-column-tree-from-grid.js";
-import { computeColumnListSyncFingerprints as S } from "./data-table-column-list-sync.js";
-import { fingerprintColumnTreeIndicators as T, normalizeColumnPinned as k } from "./data-table-column-apply.js";
-import { patchColumnTreeIndicatorsFromGrid as _ } from "./patch-column-tree-indicators-from-grid.js";
-function w(n) {
-  return n.map((r) => {
-    const e = k(r.pinned) ?? "0";
-    return `${r.colId}:${e}:${r.hide ? "0" : "1"}`;
+import { buildColumnTreeFromGrid as G } from "./build-column-tree-from-grid.js";
+import { computeColumnListSyncFingerprints as _ } from "./data-table-column-list-sync.js";
+import { fingerprintColumnTreeIndicators as M, normalizeColumnPinned as w } from "./data-table-column-apply.js";
+import { patchColumnTreeIndicatorsFromGrid as V } from "./patch-column-tree-indicators-from-grid.js";
+import { patchColumnTreeVisibilityFromGrid as C } from "./patch-column-tree-visibility-from-grid.js";
+function f(n) {
+  return n.map((i) => {
+    const r = w(i.pinned) ?? "0";
+    return `${i.colId}:${r}`;
   }).join("|");
 }
 function d(n) {
-  return w(n.getColumnState());
+  return n.map((i) => `${i.colId}:${i.hide ? "0" : "1"}`).join("|");
 }
-const s = /* @__PURE__ */ new WeakMap(), p = {
+function H(n) {
+  return f(n.getColumnState());
+}
+function O(n) {
+  return d(n.getColumnState());
+}
+const p = /* @__PURE__ */ new WeakMap(), F = {
   frozenColumns: "__prewarm_frozen__",
   scrollableColumns: "__prewarm_scrollable__"
 };
-function G(n) {
+function P(n) {
   return typeof n.isDestroyed == "function" && n.isDestroyed();
 }
-function C(n, r) {
-  return n.map((e) => e.id === "root-frozen" ? { ...e, label: r.frozenColumns } : e.id === "root-scrollable" ? { ...e, label: r.scrollableColumns } : e);
+function I(n, i) {
+  return n.map((r) => r.id === "root-frozen" ? { ...r, label: i.frozenColumns } : r.id === "root-scrollable" ? { ...r, label: i.scrollableColumns } : r);
 }
-function f(n, r) {
-  const e = s.get(n);
-  return e ? {
-    fingerprints: e.fingerprints,
-    items: C(e.items, r),
-    gridColumnStateFingerprint: e.gridColumnStateFingerprint
+function b(n, i) {
+  const r = p.get(n);
+  return r ? {
+    fingerprints: r.fingerprints,
+    items: I(r.items, i),
+    gridLayoutFingerprint: r.gridLayoutFingerprint,
+    gridVisibilityFingerprint: r.gridVisibilityFingerprint
   } : null;
 }
-function u(n, r) {
-  const e = S(r);
-  return s.set(n, {
-    fingerprints: e,
-    items: C(r, p),
-    gridColumnStateFingerprint: d(n)
-  }), e;
+function l(n, i) {
+  const r = _(i), t = n.getColumnState();
+  return p.set(n, {
+    fingerprints: r,
+    items: I(i, F),
+    gridLayoutFingerprint: f(t),
+    gridVisibilityFingerprint: d(t)
+  }), r;
 }
-function g(n, r) {
-  const e = h(n, r);
-  return e ? (u(n, e), e) : null;
+function h(n, i) {
+  const r = G(n, i);
+  return r ? (l(n, r), r) : null;
 }
-function M(n) {
-  const { gridApi: r, labels: e, previousFingerprints: i } = n, t = f(r, e), y = d(r), F = i.structural === "" && i.indicators === "";
-  if (t) {
-    const o = _(
-      t.items,
-      r
-    ), b = T(o), a = y !== t.gridColumnStateFingerprint, m = b !== t.fingerprints.indicators;
-    if (!a && !m) {
-      if (F) {
-        const l = u(r, o);
+function z(n) {
+  const { gridApi: i, labels: r, previousFingerprints: t } = n, e = b(i, r), y = i.getColumnState(), v = f(y), T = d(y), k = t.layout === "" && t.visibility === "" && t.indicators === "";
+  if (e) {
+    const s = V(
+      e.items,
+      i
+    ), S = M(s), u = v !== e.gridLayoutFingerprint, c = T !== e.gridVisibilityFingerprint, a = S !== e.fingerprints.indicators;
+    if (!u && !c && !a) {
+      if (k) {
+        const o = l(i, s);
         return {
-          rootItems: o,
+          rootItems: s,
           syncMode: "structural",
-          fingerprints: l
+          fingerprints: o
         };
       }
       return {
         rootItems: null,
         syncMode: "skip",
-        fingerprints: t.fingerprints
+        fingerprints: e.fingerprints
       };
     }
-    if (!a && m) {
-      const l = u(r, o);
+    if (!u && c && !a) {
+      const o = C(
+        s,
+        i
+      ), m = l(i, o);
       return {
         rootItems: o,
+        syncMode: "visibility-only",
+        fingerprints: m
+      };
+    }
+    if (!u && !c && a) {
+      const o = l(i, s);
+      return {
+        rootItems: s,
         syncMode: "indicators-only",
-        fingerprints: l
+        fingerprints: o
+      };
+    }
+    if (!u && c && a) {
+      const o = C(
+        s,
+        i
+      ), m = l(i, o);
+      return {
+        rootItems: o,
+        syncMode: "visibility-only",
+        fingerprints: m
       };
     }
   }
-  const c = g(r, e);
-  if (!c)
+  const g = h(i, r);
+  if (!g)
     return {
       rootItems: null,
       syncMode: "skip",
-      fingerprints: i
+      fingerprints: t
     };
-  const I = f(r, e)?.fingerprints ?? {
-    structural: "",
+  const L = b(i, r)?.fingerprints ?? {
+    layout: "",
+    visibility: "",
     indicators: ""
   };
   return {
-    rootItems: c,
+    rootItems: g,
     syncMode: "structural",
-    fingerprints: I
+    fingerprints: L
   };
 }
-function v(n) {
+function $(n) {
   return typeof n.getColumnState == "function" && (typeof n.getAllGridColumns == "function" || typeof n.getColumns == "function");
 }
-function D(n) {
-  return M(n).syncMode === "skip";
+function B(n) {
+  return z(n).syncMode === "skip";
 }
-function W(n) {
-  let r = !1, e = 0, i;
-  const t = () => {
-    r || G(n) || !v(n) || s.has(n) || g(n, p);
+function E(n) {
+  let i = !1, r = 0, t;
+  const e = () => {
+    i || P(n) || !$(n) || p.has(n) || h(n, F);
   };
-  return e = requestAnimationFrame(() => {
-    r || (typeof requestIdleCallback < "u" ? i = requestIdleCallback(t, { timeout: 3e3 }) : setTimeout(t, 0));
+  return r = requestAnimationFrame(() => {
+    i || (typeof requestIdleCallback < "u" ? t = requestIdleCallback(e, { timeout: 3e3 }) : setTimeout(e, 0));
   }), () => {
-    r = !0, e && cancelAnimationFrame(e), i !== void 0 && typeof cancelIdleCallback < "u" && cancelIdleCallback(i);
+    i = !0, r && cancelAnimationFrame(r), t !== void 0 && typeof cancelIdleCallback < "u" && cancelIdleCallback(t);
   };
 }
 export {
-  g as buildColumnTreeWithCache,
-  D as peekColumnListSyncWouldSkip,
-  f as readColumnTreeCache,
-  d as readGridColumnStateFingerprint,
-  M as resolveColumnTreeFromCacheOrGrid,
-  W as scheduleColumnTreePrewarm,
-  u as writeColumnTreeCache
+  h as buildColumnTreeWithCache,
+  B as peekColumnListSyncWouldSkip,
+  b as readColumnTreeCache,
+  H as readGridLayoutFingerprint,
+  O as readGridVisibilityFingerprint,
+  z as resolveColumnTreeFromCacheOrGrid,
+  E as scheduleColumnTreePrewarm,
+  l as writeColumnTreeCache
 };

package/dist/components/data/data-table/data-table.js

@@ -1,58 +1,63 @@
 import { jsx as i, jsxs as I } from "react/jsx-runtime";
-import { useState as h, useMemo as p, useCallback as b, useEffect as D, memo as A, useRef as O, useLayoutEffect as N } from "react";
+import { useState as h, useMemo as p, useCallback as D, useEffect as A, memo as w, useRef as O, useLayoutEffect as N } from "react";
 import { AgGridWrapper as M } from "../ag-grid-react/index.js";
 import { cn as _ } from "../../../lib/utils.js";
 import { DataTableContext as F, DataTableSheetPortalStoreContext as z, useDataTable as B, useDataTableSheetPortal as P } from "./data-table-context.js";
 import { createDataTableSheetPortalStore as L } from "./data-table-sheet-portal-store.js";
 import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as v, DATA_TABLE_SHEET_SLIDE_TRANSITION_MS as j } from "./data-table-constants.js";
 import { scheduleColumnTreePrewarm as k } from "./data-table-column-tree-cache.js";
-import { extractRuntimeColumnDefs as W, mergeInitialGridRuntimeState as X } from "./data-table-column-def-pin.js";
+import { scheduleColumnRuntimeStateGuard as W } from "./column-runtime-state-guard.js";
+import { extractRuntimeColumnDefs as X, mergeInitialGridRuntimeState as V } from "./data-table-column-def-pin.js";
 const R = {
   default: 46,
   compact: 30,
   comfort: 52
-}, re = ({
+}, ie = ({
   children: a,
   className: r
 }) => {
-  const [t, e] = h(null), [o, s] = h("medium"), [n, m] = h("full"), [l, c] = h("default"), u = p(() => L(), []), d = b((f) => {
-    u.registerScopedSheetDepth(f);
-  }, [u]), g = b((f) => {
-    e(f);
+  const [t, e] = h(null), [o, s] = h("medium"), [n, d] = h("full"), [l, u] = h("default"), m = p(() => L(), []), f = D((c) => {
+    m.registerScopedSheetDepth(c);
+  }, [m]), g = D((c) => {
+    e(c);
   }, []);
-  D(() => {
-    if (t)
-      return k(t);
+  A(() => {
+    if (!t)
+      return;
+    const c = k(t), S = W(t);
+    return () => {
+      c(), S();
+    };
   }, [t]);
-  const T = {
+  const H = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[o], H = `${R[l]}px`, x = p(
+  }[o], x = `${R[l]}px`, b = p(
     () => ({
       gridApi: t,
       registerApi: g,
-      registerScopedSheetDepth: d,
+      registerScopedSheetDepth: f,
       fontSize: o,
       setFontSize: s,
       numericFormat: n,
-      setNumericFormat: m,
+      setNumericFormat: d,
       rowHeight: l,
-      setRowHeight: c
+      setRowHeight: u
     }),
     [
       t,
       g,
-      d,
+      f,
       o,
       n,
       l
     ]
   );
-  return /* @__PURE__ */ i(F.Provider, { value: x, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(F.Provider, { value: b, children: /* @__PURE__ */ i(
     z.Provider,
     {
-      value: u,
+      value: m,
       children: /* @__PURE__ */ i(
         "div",
         {
@@ -62,8 +67,8 @@ const R = {
             r
           ),
           style: {
-            "--ag-font-size": T,
-            "--ag-row-height": H
+            "--ag-font-size": H,
+            "--ag-row-height": x
           },
           children: a
         }
@@ -76,7 +81,7 @@ const R = {
   m: "mil",
   b: "bil",
   full_precision: "full_precision"
-}, V = A(function() {
+}, Y = w(function() {
   const { setSheetTarget: r } = P();
   return /* @__PURE__ */ i(
     "div",
@@ -85,7 +90,7 @@ const R = {
       className: "absolute inset-0 pointer-events-none z-[39] flex overflow-hidden"
     }
   );
-}), Y = A(function({
+}), $ = w(function({
   className: r,
   children: t
 }) {
@@ -93,14 +98,14 @@ const R = {
   !e && s && n(!1), N(() => {
     if (!e || (o.current?.clientHeight ?? 0) >= v)
       return;
-    const c = window.setTimeout(() => {
+    const u = window.setTimeout(() => {
       n(!0);
     }, j);
     return () => {
-      window.clearTimeout(c);
+      window.clearTimeout(u);
     };
   }, [e]);
-  const m = e && s;
+  const d = e && s;
   return /* @__PURE__ */ I(
     "div",
     {
@@ -109,14 +114,14 @@ const R = {
         "relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom",
         r
       ),
-      style: m ? { minHeight: v } : void 0,
+      style: d ? { minHeight: v } : void 0,
       children: [
         t,
-        /* @__PURE__ */ i(V, {})
+        /* @__PURE__ */ i(Y, {})
       ]
     }
   );
-}), $ = A(function({
+}), q = w(function({
   resolvedRowHeight: r,
   mergedContext: t,
   onGridReady: e,
@@ -136,7 +141,7 @@ const R = {
     }
   );
 });
-function ne(a) {
+function ae(a) {
   const {
     registerApi: r,
     rowHeight: t,
@@ -145,61 +150,61 @@ function ne(a) {
   } = B(), {
     className: s,
     onGridReady: n,
-    rowHeight: m,
+    rowHeight: d,
     context: l,
-    columnDefs: c,
-    initialState: u,
-    suppressInitialRuntimeState: d,
+    columnDefs: u,
+    initialState: m,
+    suppressInitialRuntimeState: f,
     maintainColumnOrder: g = !0,
-    ...T
-  } = a, H = R[t], x = m ?? H, { runtimeColumnDefs: f, extractedRuntimeDefaults: w } = p(
-    () => W(c ?? void 0),
-    [c]
+    ...H
+  } = a, x = R[t], b = d ?? x, { runtimeColumnDefs: c, extractedRuntimeDefaults: S } = p(
+    () => X(u ?? void 0),
+    [u]
   ), C = p(
-    () => X(
-      u,
-      w,
-      d
+    () => V(
+      m,
+      S,
+      f
     ),
-    [u, w, d]
-  ), E = p(
+    [m, S, f]
+  ), G = p(
     () => ({
       ...l,
       formatType: y[o]
     }),
     [l, o]
   );
-  D(() => {
+  A(() => {
     e?.resetRowHeights();
-  }, [t, e]), D(() => {
+  }, [t, e]), A(() => {
     if (e) {
-      const S = e.getGridOption("context") || {};
+      const T = e.getGridOption("context") || {};
       e.setGridOption("context", {
-        ...S,
+        ...T,
         formatType: y[o]
       }), e.refreshCells({ force: !0 });
     }
   }, [o, e]);
-  const G = b(
-    (S) => {
-      r(S.api), n?.(S);
+  const E = D(
+    (T) => {
+      r(T.api), n?.(T);
     },
     [r, n]
   );
-  return /* @__PURE__ */ i(Y, { className: s, children: /* @__PURE__ */ i(
-    $,
+  return /* @__PURE__ */ i($, { className: s, children: /* @__PURE__ */ i(
+    q,
     {
-      ...T,
-      columnDefs: f,
+      ...H,
+      columnDefs: c,
       initialState: C,
       maintainColumnOrder: g,
-      resolvedRowHeight: x,
-      mergedContext: E,
-      onGridReady: G
+      resolvedRowHeight: b,
+      mergedContext: G,
+      onGridReady: E
     }
   ) });
 }
-const ie = ({
+const se = ({
   children: a,
   className: r,
   ...t
@@ -216,7 +221,7 @@ const ie = ({
   }
 );
 export {
-  re as DataTable,
-  ne as DataTableContent,
-  ie as DataTableToolbar
+  ie as DataTable,
+  ae as DataTableContent,
+  se as DataTableToolbar
 };

package/dist/components/data/data-table/index.d.ts

@@ -1,4 +1,5 @@
 export * from './data-table';
+export * from './column-runtime-state-guard';
 export * from './data-table-constants';
 export * from './data-table-column-list';
 export * from './data-table-context';

package/dist/components/data/data-table/index.js

@@ -1,48 +1,54 @@
-import { DataTable as t, DataTableContent as o, DataTableToolbar as T } from "./data-table.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as l, DATA_TABLE_SHEET_SLIDE_TRANSITION_MS as D, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as b } from "./data-table-constants.js";
-import { DataTableColumnList as n } from "./data-table-column-list.js";
-import { DataTableContext as m, DataTableSheetPortalStoreContext as p, useDataTable as x, useDataTableSheetPortal as _, useDataTableSheetPortalStore as h } from "./data-table-context.js";
-import { DataTableFormatOptions as f } from "./data-table-format-options.js";
-import { DataTableSheet as u, DataTableSheetContent as A, DataTableSheetHeader as L, DataTableSheetTrigger as C } from "./data-table-sheet.js";
-import { DataTableSheetBody as P, DataTableSheetSection as w, DataTableSheetTabPanel as V, DataTableSheetTabs as d, DataTableSheetTabsList as H } from "./data-table-sheet-layout.js";
-import { useDataTableSheet as g, useDataTableSheetApi as O } from "./data-table-sheet-context.js";
-import { DataTableViewMenuContent as B, DataTableViewMenuDensity as N, DataTableViewMenuSettingsItem as y, DataTableViewMenuTrigger as R, DataTableViewMenuViewportExpand as X } from "./data-table-view-menu.js";
-import { DataTableSavedViews as F } from "./data-table-saved-views.js";
-import { PinSwitch as W } from "./pin-switch.js";
-import { ColumnIndicator as k } from "./column-indicator.js";
-import { IndicatorLegend as z } from "./indicator-legend.js";
+import { DataTable as t, DataTableContent as o, DataTableToolbar as r } from "./data-table.js";
+import { deferColumnRuntimeStateGuard as l, isColumnRuntimeStateGuardDeferred as n, isColumnRuntimeStateGuardUpdating as D, rebuildColumnTreeCacheFromGrid as S, scheduleColumnRuntimeStateGuard as b } from "./column-runtime-state-guard.js";
+import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as m, DATA_TABLE_SHEET_SLIDE_TRANSITION_MS as u, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as p } from "./data-table-constants.js";
+import { DataTableColumnList as h } from "./data-table-column-list.js";
+import { DataTableContext as f, DataTableSheetPortalStoreContext as s, useDataTable as _, useDataTableSheetPortal as C, useDataTableSheetPortalStore as E } from "./data-table-context.js";
+import { DataTableFormatOptions as L } from "./data-table-format-options.js";
+import { DataTableSheet as P, DataTableSheetContent as w, DataTableSheetHeader as V, DataTableSheetTrigger as g } from "./data-table-sheet.js";
+import { DataTableSheetBody as M, DataTableSheetSection as c, DataTableSheetTabPanel as G, DataTableSheetTabs as R, DataTableSheetTabsList as O } from "./data-table-sheet-layout.js";
+import { useDataTableSheet as N, useDataTableSheetApi as y } from "./data-table-sheet-context.js";
+import { DataTableViewMenuContent as X, DataTableViewMenuDensity as v, DataTableViewMenuSettingsItem as U, DataTableViewMenuTrigger as W, DataTableViewMenuViewportExpand as j } from "./data-table-view-menu.js";
+import { DataTableSavedViews as q } from "./data-table-saved-views.js";
+import { PinSwitch as J } from "./pin-switch.js";
+import { ColumnIndicator as Q } from "./column-indicator.js";
+import { IndicatorLegend as Z } from "./indicator-legend.js";
 export {
-  k as ColumnIndicator,
-  l as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
-  D as DATA_TABLE_SHEET_SLIDE_TRANSITION_MS,
+  Q as ColumnIndicator,
+  m as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
+  u as DATA_TABLE_SHEET_SLIDE_TRANSITION_MS,
   t as DataTable,
-  n as DataTableColumnList,
+  h as DataTableColumnList,
   o as DataTableContent,
-  m as DataTableContext,
-  f as DataTableFormatOptions,
-  F as DataTableSavedViews,
-  u as DataTableSheet,
-  P as DataTableSheetBody,
-  A as DataTableSheetContent,
-  L as DataTableSheetHeader,
-  p as DataTableSheetPortalStoreContext,
-  w as DataTableSheetSection,
-  V as DataTableSheetTabPanel,
-  d as DataTableSheetTabs,
-  H as DataTableSheetTabsList,
-  C as DataTableSheetTrigger,
-  T as DataTableToolbar,
-  B as DataTableViewMenuContent,
-  N as DataTableViewMenuDensity,
-  y as DataTableViewMenuSettingsItem,
-  R as DataTableViewMenuTrigger,
-  X as DataTableViewMenuViewportExpand,
-  z as IndicatorLegend,
-  W as PinSwitch,
-  b as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
-  x as useDataTable,
-  g as useDataTableSheet,
-  O as useDataTableSheetApi,
-  _ as useDataTableSheetPortal,
-  h as useDataTableSheetPortalStore
+  f as DataTableContext,
+  L as DataTableFormatOptions,
+  q as DataTableSavedViews,
+  P as DataTableSheet,
+  M as DataTableSheetBody,
+  w as DataTableSheetContent,
+  V as DataTableSheetHeader,
+  s as DataTableSheetPortalStoreContext,
+  c as DataTableSheetSection,
+  G as DataTableSheetTabPanel,
+  R as DataTableSheetTabs,
+  O as DataTableSheetTabsList,
+  g as DataTableSheetTrigger,
+  r as DataTableToolbar,
+  X as DataTableViewMenuContent,
+  v as DataTableViewMenuDensity,
+  U as DataTableViewMenuSettingsItem,
+  W as DataTableViewMenuTrigger,
+  j as DataTableViewMenuViewportExpand,
+  Z as IndicatorLegend,
+  J as PinSwitch,
+  p as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
+  l as deferColumnRuntimeStateGuard,
+  n as isColumnRuntimeStateGuardDeferred,
+  D as isColumnRuntimeStateGuardUpdating,
+  S as rebuildColumnTreeCacheFromGrid,
+  b as scheduleColumnRuntimeStateGuard,
+  _ as useDataTable,
+  N as useDataTableSheet,
+  y as useDataTableSheetApi,
+  C as useDataTableSheetPortal,
+  E as useDataTableSheetPortalStore
 };

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

@@ -0,0 +1,3 @@
+import { GridApi } from 'ag-grid-community';
+import { NestedListItem } from '../nested-list/nested-list.types';
+export declare function patchColumnTreeVisibilityFromGrid(rootItems: NestedListItem[], gridApi: GridApi): NestedListItem[];

package/dist/components/data/data-table/patch-column-tree-visibility-from-grid.js

@@ -0,0 +1,35 @@
+function u(i) {
+  return !!(i.category === "group" || i.children && i.children.length > 0);
+}
+function n(i, r) {
+  return i.map((e) => {
+    if (u(e) && e.children) {
+      const t = n(
+        e.children,
+        r
+      ), l = t.every((h) => h.checked);
+      return {
+        ...e,
+        checked: l,
+        children: t
+      };
+    }
+    const c = r.get(e.id) ?? !1;
+    return {
+      ...e,
+      checked: !c
+    };
+  });
+}
+function d(i, r) {
+  const e = new Map(
+    r.getColumnState().map((c) => [
+      c.colId,
+      c.hide === !0
+    ])
+  );
+  return n(i, e);
+}
+export {
+  d as patchColumnTreeVisibilityFromGrid
+};

package/dist/components/data/data-table/use-data-table-column-list-sync.d.ts

@@ -9,7 +9,6 @@ export interface UseDataTableColumnListSyncOptions {
 export declare function useDataTableColumnListSync({ gridApi, frozenColumnsLabel, scrollableColumnsLabel, isSyncActive, }: UseDataTableColumnListSyncOptions): {
     items: NestedListItem[];
     isReady: boolean;
-    externalSyncKey: boolean;
     listWrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleChange: (currentItems: NestedListItem[], enableApplyDiscard: boolean) => void;
     handleSubmit: (finalItems: NestedListItem[]) => void;