@infinite-table/infinite-react 7.0.0 → 7.1.0

package/index.dev.js

@@ -32,7 +32,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // ../node_modules/binary-search/index.js
 var require_binary_search = __commonJS({
-  "../node_modules/binary-search/index.js"(exports, module2) {
+  "../node_modules/binary-search/index.js"(exports2, module2) {
+    "use strict";
     module2.exports = function(haystack, needle, comparator, low, high) {
       var mid, cmp;
       if (low === void 0)
@@ -65,8 +66,8 @@ var require_binary_search = __commonJS({
 });
 
 // src/index.tsx
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   CellSelectionState: () => CellSelectionState,
   DataClient: () => DataClient,
   DataSource: () => DataSource,
@@ -95,6 +96,7 @@ __export(src_exports, {
   debug: () => debug,
   defaultFilterTypes: () => defaultFilterTypes2,
   eventMatchesKeyboardShortcut: () => eventMatchesKeyboardShortcut,
+  filterDataArray: () => filterDataArray,
   filterTypes: () => defaultFilterTypes2,
   flatten: () => flatten,
   getComponentStateRoot: () => buildManagedComponent,
@@ -118,6 +120,7 @@ __export(src_exports, {
   useInfiniteColumnFilterEditor: () => useInfiniteColumnFilterEditor,
   useInfiniteHeaderCell: () => useInfiniteHeaderCell,
   useInfinitePortalContainer: () => useInfinitePortalContainer,
+  useLayoutEffectWithChanges: () => useLayoutEffectWithChanges,
   useManagedDataSource: () => useManagedDataSource,
   useMasterRowInfo: () => useMasterRowInfo,
   useOverlay: () => useOverlay,
@@ -126,7 +129,7 @@ __export(src_exports, {
   useRowInfoReducers: () => useRowInfoReducers,
   useVisibleColumnSizes: () => useVisibleColumnSizes
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/components/utils/debounce.ts
 function debounce(fn, { wait }) {
@@ -215,7 +218,7 @@ var sortAscending = (a, b) => a - b;
 
 // src/utils/DeepMap/index.ts
 var SORT_ASC_REVISION = (p1, p2) => sortAscending(p1.revision, p2.revision);
-var DeepMap = class {
+var DeepMap = class _DeepMap {
   constructor(initial) {
     this.map = /* @__PURE__ */ new Map();
     this.length = 0;
@@ -288,7 +291,7 @@ var DeepMap = class {
     this.fill(initial);
   }
   static clone(map2) {
-    const clone = new DeepMap();
+    const clone = new _DeepMap();
     map2.visit((pair, keys) => {
       clone.set(keys, pair.value);
     });
@@ -1420,7 +1423,7 @@ var import_react5 = require("react");
 function AvoidReactDiffFn(props) {
   const [children, setChildren] = (0, import_react5.useState)(props.updater.get);
   const rafId = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     function onChange(children2) {
       if (props.useraf) {
         if (rafId.current != null) {
@@ -2524,6 +2527,10 @@ var MatrixBrain = class extends Logger {
     this.rowOffsetCache = [0];
     this.verticalRenderCount = void 0;
     this.verticalTotalSize = 0;
+    this.verticalRenderRange = {
+      startIndex: 0,
+      endIndex: 0
+    };
   }
   resetHorizontal() {
     this.colspanParent = /* @__PURE__ */ new Map();
@@ -2532,6 +2539,10 @@ var MatrixBrain = class extends Logger {
     this.colOffsetCache = [0];
     this.horizontalRenderCount = void 0;
     this.horizontalTotalSize = 0;
+    this.horizontalRenderRange = {
+      startIndex: 0,
+      endIndex: 0
+    };
   }
   getVirtualColIndex(colIndex, _opts) {
     return colIndex;
@@ -2991,7 +3002,7 @@ var GridCellForReact = class {
     return this.element;
   }
 };
-var _GridCellPoolForReact = class extends Logger {
+var _GridCellPoolForReact = class _GridCellPoolForReact extends Logger {
   // for now, making this larger will create the cells, but on fast scrolling, those extra cells can tend to lag behind the scroll position as they are not updated
   constructor(debugId) {
     super(`${debugId}:GridCellPoolForReact`);
@@ -3108,8 +3119,8 @@ var _GridCellPoolForReact = class extends Logger {
     let cell = detachedCells.values().next().value;
     if (!cell) {
       this.poolSize += _GridCellPoolForReact.POOL_SIZE_INCREMENT;
+      cell = detachedCells.values().next().value;
     }
-    cell = detachedCells.values().next().value;
     if (!cell) {
       this.error("No cells available in the pool!");
     }
@@ -3152,9 +3163,9 @@ var _GridCellPoolForReact = class extends Logger {
     }
   }
 };
-var GridCellPoolForReact = _GridCellPoolForReact;
 // we'll grow the pool by this amount at a time
-GridCellPoolForReact.POOL_SIZE_INCREMENT = 1;
+_GridCellPoolForReact.POOL_SIZE_INCREMENT = 1;
+var GridCellPoolForReact = _GridCellPoolForReact;
 
 // src/components/HeadlessTable/GridCellManager.ts
 var ASC_SORT = (a, b) => a - b;
@@ -3427,7 +3438,10 @@ var GridCellManager = class extends Logger {
     const [rowIndex, colIndex] = cellPos;
     this.matrix.visit((_, cellPos2) => {
       const [row, col] = cellPos2;
-      if (row >= rowIndex || col >= colIndex) {
+      if (row > rowIndex) {
+        this.detachCellAt(cellPos2);
+      }
+      if (row === rowIndex && col >= colIndex) {
         this.detachCellAt(cellPos2);
       }
     });
@@ -3541,7 +3555,7 @@ var ListRowForReact = class {
     return this.element;
   }
 };
-var _ListRowPoolForReact = class extends Logger {
+var _ListRowPoolForReact = class _ListRowPoolForReact extends Logger {
   constructor(debugId) {
     super(`${debugId}:ListRowPoolForReact`);
     this.debugId = debugId;
@@ -3701,9 +3715,9 @@ var _ListRowPoolForReact = class extends Logger {
     }
   }
 };
-var ListRowPoolForReact = _ListRowPoolForReact;
 // we'll grow the pool by this amount at a time
-ListRowPoolForReact.POOL_SIZE_INCREMENT = 1;
+_ListRowPoolForReact.POOL_SIZE_INCREMENT = 1;
+var ListRowPoolForReact = _ListRowPoolForReact;
 
 // src/components/HeadlessTable/ListRowManager.ts
 var ListRowManager = class extends Logger {
@@ -5119,10 +5133,10 @@ function RawTableFn(props) {
       onRenderUpdater: props.onRenderUpdater
     } : createRenderer(brain);
   }, [brain, props.onRenderUpdater, props.renderer]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react6.useLayoutEffect)(() => {
     renderer.cellHoverClassNames = props.cellHoverClassNames || [];
   }, [renderer, props.cellHoverClassNames]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react6.useLayoutEffect)(() => {
     renderer.cellDetachedClassNames = props.cellDetachedClassNames || [];
   }, [renderer, props.cellDetachedClassNames]);
   (0, import_react6.useLayoutEffect)(() => {
@@ -5133,17 +5147,8 @@ function RawTableFn(props) {
       renderCell,
       renderDetailRow
     });
-  }, [
-    renderer,
-    brain,
-    renderCell,
-    renderDetailRow,
-    onRenderUpdater,
-    forceRerenderTimestamp
-  ]);
-  (0, import_react6.useEffect)(() => {
-    const remove = brain.onRenderRangeChange((renderRange) => {
-      renderer.renderRange(renderRange, {
+    const remove = brain.onRenderRangeChange((renderRange2) => {
+      renderer.renderRange(renderRange2, {
         force: false,
         // TODO should be false
         onRender: (items) => {
@@ -5158,7 +5163,14 @@ function RawTableFn(props) {
       });
     });
     return remove;
-  }, [renderCell, renderDetailRow, brain, onRenderUpdater]);
+  }, [
+    renderer,
+    brain,
+    renderCell,
+    renderDetailRow,
+    onRenderUpdater,
+    forceRerenderTimestamp
+  ]);
   return /* @__PURE__ */ React11.createElement(AvoidReactDiff, { updater: onRenderUpdater });
 }
 var RawTable = React11.memo(RawTableFn);
@@ -5181,13 +5193,11 @@ var useRerender = () => {
 
 // ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
 function toPrimitive(t, r) {
-  if ("object" != typeof t || !t)
-    return t;
+  if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r || "default");
-    if ("object" != typeof i)
-      return i;
+    if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -5654,7 +5664,7 @@ var useEffectOnce = (effectCallback) => {
   const effectFunction = (0, import_react11.useCallback)(effectCallback, []);
   const effectCalled = (0, import_react11.useRef)(false);
   const componentRendered = (0, import_react11.useRef)(false);
-  const destroyFn = (0, import_react11.useRef)();
+  const destroyFn = (0, import_react11.useRef)(void 0);
   const [_, rerender] = useRerender();
   if (effectCalled.current) {
     componentRendered.current = true;
@@ -5864,10 +5874,7 @@ function buildManagedComponent(config) {
       }) : newState;
       return result;
     };
-    const [state, dispatch] = (0, import_react14.useReducer)(
-      theReducer,
-      wholeState
-    );
+    const [state, dispatch] = (0, import_react14.useReducer)(theReducer, wholeState);
     const getComponentState = useLatest(state);
     const { allowedControlledPropOverrides } = config;
     const actions = (0, import_react14.useMemo)(() => {
@@ -7976,7 +7983,7 @@ function mapToContinuation(args) {
     (arg) => arg instanceof CssContinuation ? arg : new CssContinuation(null, [arg])
   );
 }
-var CssContinuation = class {
+var CssContinuation = class _CssContinuation {
   constructor(operation, operands = []) {
     this.__operands = [];
     this.__operation = null;
@@ -7984,19 +7991,19 @@ var CssContinuation = class {
     this.__operation = operation;
   }
   add(...args) {
-    return new CssContinuation("+", [this, ...args]);
+    return new _CssContinuation("+", [this, ...args]);
   }
   subtract(...args) {
-    return new CssContinuation("-", [this, ...args]);
+    return new _CssContinuation("-", [this, ...args]);
   }
   minus(...args) {
     return this.subtract(...args);
   }
   multiply(...args) {
-    return new CssContinuation("*", [this, ...args]);
+    return new _CssContinuation("*", [this, ...args]);
   }
   divide(...args) {
-    return new CssContinuation("/", [this, ...args]);
+    return new _CssContinuation("/", [this, ...args]);
   }
   __get(parent) {
     const { __operation, __operands } = this;
@@ -9613,7 +9620,7 @@ var React36 = __toESM(require("react"));
 var import_react23 = require("react");
 function InfiniteTableColumnEditor() {
   const { initialValue, setValue, confirmEdit, cancelEdit, readOnly } = useInfiniteColumnEditor();
-  const domRef = (0, import_react23.useRef)();
+  const domRef = (0, import_react23.useRef)(null);
   const refCallback = React36.useCallback((node) => {
     domRef.current = node;
     if (node) {
@@ -11596,7 +11603,13 @@ function InfiniteTableHeaderFn(props) {
   const {
     computed,
     getState,
-    state: { headerBrain, headerOptions, showColumnFilters }
+    state: {
+      headerBrain,
+      headerOptions,
+      showColumnFilters,
+      headerRenderer,
+      headerOnRenderUpdater
+    }
   } = useInfiniteTable();
   const { computedColumnsMap } = computed;
   const domRef = (0, import_react31.useRef)(null);
@@ -11697,6 +11710,8 @@ function InfiniteTableHeaderFn(props) {
       name: "header",
       renderCell,
       brain: headerBrain,
+      renderer: headerRenderer,
+      onRenderUpdater: headerOnRenderUpdater,
       cellHoverClassNames: EMPTY_ARR,
       cellDetachedClassNames: CELL_DETACHED_CLASSNAMES
     }
@@ -13419,7 +13434,7 @@ function getGroupKeysForDataItem(data, groupBy) {
 }
 
 // src/components/DataSource/RowSelectionState.ts
-var RowSelectionState = class {
+var RowSelectionState = class _RowSelectionState {
   constructor(state, getConfig, _forTestingOnly) {
     this.selectedRows = null;
     this.deselectedRows = null;
@@ -13498,7 +13513,7 @@ var RowSelectionState = class {
     return this.getConfig().groupBy.length;
   }
   static from(rowSeleStateObject, getConfig, overrides) {
-    return new RowSelectionState(rowSeleStateObject, getConfig, overrides);
+    return new _RowSelectionState(rowSeleStateObject, getConfig, overrides);
   }
   update(stateObject) {
     this.selectedRows = stateObject.selectedRows || null;
@@ -14780,6 +14795,34 @@ function useEffectWithChanges(fn, deps) {
     return result;
   }, useEffectDeps);
 }
+function useLayoutEffectWithChanges(fn, deps) {
+  const prevRef = (0, import_react33.useRef)({});
+  const oldValuesRef = (0, import_react33.useRef)({});
+  const oldValues = oldValuesRef.current;
+  const changesRef = (0, import_react33.useRef)({});
+  const changes = changesRef.current;
+  const useEffectDeps = [];
+  for (const k in deps) {
+    if (deps.hasOwnProperty(k)) {
+      if (deps[k] !== prevRef.current[k]) {
+        changes[k] = deps[k];
+        oldValues[k] = prevRef.current[k];
+      }
+      useEffectDeps.push(deps[k]);
+    }
+  }
+  prevRef.current = deps;
+  (0, import_react33.useLayoutEffect)(() => {
+    const changes2 = changesRef.current;
+    let result = void 0;
+    if (Object.keys(changes2).length !== 0) {
+      result = fn(changes2, oldValues);
+    }
+    changesRef.current = {};
+    oldValuesRef.current = {};
+    return result;
+  }, useEffectDeps);
+}
 function useEffectWithObject(fn, deps) {
   const useEffectDeps = [];
   for (const k in deps) {
@@ -15003,7 +15046,7 @@ function getPivotColumnsAndColumnGroups({
 
 // src/components/DataSource/DataSourceCache.ts
 var CLEAR_SYMBOL = Symbol("CLEAR");
-var DataSourceCache = class {
+var DataSourceCache = class _DataSourceCache {
   constructor(options) {
     this.affectedFields = /* @__PURE__ */ new Set();
     this.allFieldsAffected = false;
@@ -15171,7 +15214,7 @@ var DataSourceCache = class {
     this.nodesKey = options.nodesKey;
   }
   static clone(cache, { light = false } = {}) {
-    const clone = new DataSourceCache({
+    const clone = new _DataSourceCache({
       nodesKey: cache.nodesKey
     });
     clone.allFieldsAffected = cache.allFieldsAffected;
@@ -15369,7 +15412,7 @@ var TreeExpandState = class {
 
 // src/components/DataSource/TreeSelectionState.ts
 var shortestToLongest = (a, b) => a.length - b.length;
-var TreeSelectionState = class {
+var TreeSelectionState = class _TreeSelectionState {
   constructor(state, getConfig) {
     this.selectedPaths = null;
     this.deselectedPaths = null;
@@ -15398,7 +15441,7 @@ var TreeSelectionState = class {
     return deepMapValue.items.length;
   }
   static from(treeSelectionState, getConfig) {
-    return new TreeSelectionState(treeSelectionState, getConfig);
+    return new _TreeSelectionState(treeSelectionState, getConfig);
   }
   setConfigFn(getConfig) {
     this.getConfig = getConfig;
@@ -17031,7 +17074,7 @@ function filterTreeDataSource(params) {
   }
   return treeDataArray;
 }
-function filterDataSource(params) {
+function filterDataArray(params) {
   const {
     filterTypes,
     operatorsByFilterType,
@@ -17257,7 +17300,7 @@ function concludeReducer(params) {
       if (state.devToolsDetected) {
         filterTimestamp = Date.now();
       }
-      dataArray = filterDataSource({
+      dataArray = filterDataArray({
         // tree-related stuff
         getNodeChildren,
         isLeafNode,
@@ -19292,7 +19335,7 @@ var RowDetailState = class extends BooleanCollectionState {
 };
 
 // src/utils/FixedSizeMap.ts
-var _FixedSizeMap = class {
+var _FixedSizeMap = class _FixedSizeMap {
   constructor(clone, size) {
     this.keysInOrder = [];
     if (typeof clone === "number") {
@@ -19350,8 +19393,8 @@ var _FixedSizeMap = class {
     return this;
   }
 };
+_FixedSizeMap.DEFAULT_SIZE = 10;
 var FixedSizeMap = _FixedSizeMap;
-FixedSizeMap.DEFAULT_SIZE = 10;
 
 // src/components/DataSource/RowDetailCache.ts
 var RowDetailNoCacheStorage = class {
@@ -19511,8 +19554,7 @@ function realignColumnContextMenu(param) {
 
 // src/components/InfiniteTable/types/Utility.ts
 function notNullable(value) {
-  if (value === null || value === void 0)
-    return false;
+  if (value === null || value === void 0) return false;
   const testDummyForCompileError = value;
   return true;
 }
@@ -22398,7 +22440,8 @@ function createBrains(debugId, wrapRowsHorizontally) {
   const brain = !wrapRowsHorizontally ? new MatrixBrain(debugChannel) : new HorizontalLayoutMatrixBrain(debugChannel, {
     isHeader: false
   });
-  const headerBrain = !wrapRowsHorizontally ? new MatrixBrain(debugChannel) : new HorizontalLayoutMatrixBrain(debugChannel, {
+  const headerBrainChannel = `${debugChannel}:header`;
+  const headerBrain = !wrapRowsHorizontally ? new MatrixBrain(headerBrainChannel) : new HorizontalLayoutMatrixBrain(headerBrainChannel, {
     isHeader: true,
     masterBrain: brain
   });
@@ -22408,30 +22451,40 @@ function createBrains(debugId, wrapRowsHorizontally) {
       scrollTop: 0
     });
   });
-  if (false) {
-    globalThis.brain = brain;
-    globalThis.headerBrain = headerBrain;
-  }
   const { renderer, onRenderUpdater } = createRenderer(brain);
+  const { renderer: headerRenderer, onRenderUpdater: headerOnRenderUpdater } = createRenderer(headerBrain);
   brain.onAvailableSizeChange((size) => {
     headerBrain.update({ width: size.width });
   });
-  return { brain, headerBrain, renderer, onRenderUpdater };
+  return {
+    brain,
+    headerBrain,
+    renderer,
+    onRenderUpdater,
+    headerRenderer,
+    headerOnRenderUpdater
+  };
 }
 function initSetupState2({
   debugId,
   wrapRowsHorizontally
 }) {
   const columnsGeneratedForGrouping = {};
-  const { brain, headerBrain, renderer, onRenderUpdater } = createBrains(
-    debugId,
-    !!wrapRowsHorizontally
-  );
+  const {
+    brain,
+    headerBrain,
+    renderer,
+    onRenderUpdater,
+    headerRenderer,
+    headerOnRenderUpdater
+  } = createBrains(debugId, !!wrapRowsHorizontally);
   const domRef = (0, import_react42.createRef)();
   return {
     debugWarnings: /* @__PURE__ */ new Map(),
     renderer,
     onRenderUpdater,
+    headerRenderer,
+    headerOnRenderUpdater,
     devToolsDetected: !!globalThis.__INFINITE_TABLE_DEVTOOLS_HOOK__,
     propsCache: /* @__PURE__ */ new Map([]),
     lastRowToCollapseRef: { current: null },
@@ -22622,7 +22675,9 @@ var cleanupState = (state) => {
   state.brain.destroy();
   state.headerBrain.destroy();
   state.renderer.destroy();
+  state.headerRenderer.destroy();
   state.onRenderUpdater.destroy();
+  state.headerOnRenderUpdater.destroy();
   state.onFlashingDurationCSSVarChange.destroy();
   state.onRowHeightCSSVarChange.destroy();
   state.onColumnHeaderHeightCSSVarChange.destroy();
@@ -23925,7 +23980,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "7.0.0"
+      version: "7.1.0"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -24791,7 +24846,7 @@ var import_react53 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/utils/pageGeometry/Point.ts
-var Point = class {
+var Point = class _Point {
   constructor(point) {
     this.top = 0;
     this.left = 0;
@@ -24799,10 +24854,10 @@ var Point = class {
     this.top = point.top;
   }
   static clone(point) {
-    return new Point(point);
+    return new _Point(point);
   }
   static from(point) {
-    return new Point(point);
+    return new _Point(point);
   }
   shift(shiftOptions) {
     if (shiftOptions.top != null) {
@@ -24908,14 +24963,14 @@ var PolyWithPoints = class {
 };
 
 // src/utils/pageGeometry/ConvexPoly.ts
-var ConvexPoly = class extends PolyWithPoints {
+var ConvexPoly = class _ConvexPoly extends PolyWithPoints {
+  static clone(points) {
+    return new _ConvexPoly(points);
+  }
   constructor(points) {
     super();
     this.points = points.map(Point.clone);
   }
-  static clone(points) {
-    return new ConvexPoly(points);
-  }
   getPoints() {
     return this.points;
   }
@@ -24928,7 +24983,7 @@ var ConvexPoly = class extends PolyWithPoints {
 };
 
 // src/utils/pageGeometry/Rectangle.ts
-var Rectangle = class extends PolyWithPoints {
+var Rectangle = class _Rectangle extends PolyWithPoints {
   constructor(coordsAndSize) {
     super();
     this.top = 0;
@@ -24948,16 +25003,16 @@ var Rectangle = class extends PolyWithPoints {
     }
   }
   static fromDOMRect(rect) {
-    return new Rectangle(rect);
+    return new _Rectangle(rect);
   }
   static clone(rect) {
-    return new Rectangle(rect);
+    return new _Rectangle(rect);
   }
   static from(rect) {
-    return Rectangle.clone(rect);
+    return _Rectangle.clone(rect);
   }
   static fromPoint(point) {
-    return Rectangle.from({
+    return _Rectangle.from({
       top: point.top,
       left: point.left,
       width: 0,
@@ -27429,6 +27484,8 @@ function useToggleWrapRowsHorizontally() {
       actions.headerBrain = newBrains.headerBrain;
       actions.renderer = newBrains.renderer;
       actions.onRenderUpdater = newBrains.onRenderUpdater;
+      actions.headerRenderer = newBrains.headerRenderer;
+      actions.headerOnRenderUpdater = newBrains.headerOnRenderUpdater;
     }
   }, [oldWrapRowsHorizontally, wrapRowsHorizontally]);
 }
@@ -27805,7 +27862,7 @@ var DEVTOOLS_MESSAGES = {
 function listenForDevTools() {
   if (typeof window !== "undefined") {
     window.addEventListener("message", (event) => {
-      if (event.data.source.startsWith("infinite-table-devtools-contentscript") && event.data.target === "infinite-table-page") {
+      if (event && event.data && typeof event.data.source === "string" && typeof event.data.target === "string" && event.data.target === "infinite-table-page" && event.data.source.startsWith("infinite-table-devtools-contentscript")) {
         if (!window.__INFINITE_TABLE_DEVTOOLS_HOOK__) {
           setupHook();
           HOOK_FN_SETUP_CALLBACK(
@@ -28423,7 +28480,7 @@ function queryKeyToCacheKey(key) {
   }
   return key;
 }
-var _DataClient = class {
+var _DataClient = class _DataClient {
   constructor(options) {
     this.queryCache = new DeepMap();
     this.removeQueryIfErrored = (query, stringifiedQueryKey) => {
@@ -28517,8 +28574,8 @@ var _DataClient = class {
     _DataClient.clients.delete(this.options.name);
   }
 };
+_DataClient.clients = /* @__PURE__ */ new Map();
 var DataClient = _DataClient;
-DataClient.clients = /* @__PURE__ */ new Map();
 
 // src/components/InfiniteTable/eventHandlers/keyboardShortcuts.ts
 var instantEdit = {
@@ -28608,7 +28665,7 @@ function interceptMap(map2, fns) {
 }
 
 // src/utils/FixedSizeSet.ts
-var _FixedSizeSet = class {
+var _FixedSizeSet = class _FixedSizeSet {
   constructor(clone, size) {
     this.orderRefs = [];
     if (typeof clone === "number") {
@@ -28663,11 +28720,11 @@ var _FixedSizeSet = class {
     return this;
   }
 };
+_FixedSizeSet.DEFAULT_SIZE = 10;
 var FixedSizeSet = _FixedSizeSet;
-FixedSizeSet.DEFAULT_SIZE = 10;
 
 // src/utils/WeakFixedSizeSet.ts
-var _WeakFixedSizeSet = class {
+var _WeakFixedSizeSet = class _WeakFixedSizeSet {
   constructor(clone, size) {
     this.orderRefs = [];
     if (typeof clone === "number") {
@@ -28723,8 +28780,8 @@ var _WeakFixedSizeSet = class {
     return this;
   }
 };
+_WeakFixedSizeSet.DEFAULT_SIZE = 10;
 var WeakFixedSizeSet = _WeakFixedSizeSet;
-WeakFixedSizeSet.DEFAULT_SIZE = 10;
 
 // src/components/hooks/useEffectWhenSameDeps.ts
 var import_react68 = require("react");
@@ -28831,9 +28888,11 @@ var createFlashingColumnCellComponent = (options = {}) => {
       const oldValueRef = React73.useRef(value);
       const oldValue = initialRef.current ? null : oldValueRef.current;
       initialRef.current = false;
-      const flashTimeoutIdRef = React73.useRef();
-      const flashDirectionRef = React73.useRef();
-      const fadeTimeoutIdRef = React73.useRef();
+      const flashTimeoutIdRef = React73.useRef(void 0);
+      const flashDirectionRef = React73.useRef(
+        void 0
+      );
+      const fadeTimeoutIdRef = React73.useRef(void 0);
       useEffectWhen(
         () => {
           if (value === oldValueRef.current) {
@@ -28925,6 +28984,7 @@ var components = {
   debug,
   defaultFilterTypes,
   eventMatchesKeyboardShortcut,
+  filterDataArray,
   filterTypes,
   flatten,
   getComponentStateRoot,
@@ -28948,6 +29008,7 @@ var components = {
   useInfiniteColumnFilterEditor,
   useInfiniteHeaderCell,
   useInfinitePortalContainer,
+  useLayoutEffectWithChanges,
   useManagedDataSource,
   useMasterRowInfo,
   useOverlay,