@infinite-table/infinite-react 5.0.0-canary.1 → 5.0.0-canary.2

package/index.d.ts

@@ -1903,6 +1903,10 @@ declare type DataSourceMutation<T> = {
     originalData: null;
     data: T;
     metadata: any;
+} | {
+    type: 'clear-all';
+    primaryKey: undefined;
+    metadata: any;
 };
 declare class DataSourceCache<DataType, PrimaryKeyType = string> {
     private affectedFields;
@@ -1915,11 +1919,15 @@ declare class DataSourceCache<DataType, PrimaryKeyType = string> {
     delete: (primaryKey: PrimaryKeyType, originalData: DataType, metadata: any) => void;
     insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after', metadata: any) => void;
     update: (primaryKey: PrimaryKeyType, data: Partial<DataType>, originalData: DataType, metadata: any) => void;
+    resetDataSource: (metadata: any) => void;
+    shouldResetDataSource: () => boolean;
     clear: () => void;
     isEmpty: () => boolean;
     removeInfo: (primaryKey: PrimaryKeyType) => void;
     getMutationsForPrimaryKey: (primaryKey: PrimaryKeyType) => DataSourceMutation<DataType>[] | undefined;
+    getMutationsCount: () => number;
     getMutations: () => Map<PrimaryKeyType, DataSourceMutation<DataType>[]>;
+    getMutationsArray: () => DataSourceMutation<DataType>[];
 }
 
 declare type BooleanDeepCollectionStateKeys<KeyType> = true | KeyType[][];
@@ -2215,10 +2223,13 @@ interface DataSourceApi<T> {
     getPrimaryKeyByIndex(id: any): any;
     updateData(data: Partial<T>, options?: DataSourceCRUDParam): Promise<any>;
     updateDataArray(data: Partial<T>[], options?: DataSourceCRUDParam): Promise<any>;
+    flush(): Promise<any>;
     removeDataByPrimaryKey(id: any, options?: DataSourceCRUDParam): Promise<any>;
     removeDataArrayByPrimaryKeys(id: any[], options?: DataSourceCRUDParam): Promise<any>;
     removeData(data: Partial<T>, options?: DataSourceCRUDParam): Promise<any>;
     removeDataArray(data: Partial<T>[], options?: DataSourceCRUDParam): Promise<any>;
+    clearAllData(options?: DataSourceCRUDParam): Promise<any>;
+    replaceAllData(data: T[], options?: DataSourceCRUDParam): Promise<any>;
     addData(data: T, options?: DataSourceCRUDParam): Promise<any>;
     addDataArray(data: T[], options?: DataSourceCRUDParam): Promise<any>;
     insertData(data: T, options: DataSourceInsertParam): Promise<any>;

package/index.dev.js

@@ -8827,6 +8827,7 @@ function InfiniteTableColumnCellFn(props) {
       if (inEdit) {
         return null;
       }
+      renderParamRef.current = renderParam;
       if (renderFunctions.renderGroupIcon) {
         renderParam.renderBag.groupIcon = /* @__PURE__ */ React36.createElement(
           RenderCellHookComponent,
@@ -9040,6 +9041,7 @@ function InfiniteTableColumnCellFn(props) {
     bottom: bottomSelectionBorder
   } : null;
   const afterChildren = editor;
+  const theChildren = renderChildren();
   const cellProps = {
     domRef,
     cellType: "body",
@@ -9078,7 +9080,7 @@ function InfiniteTableColumnCellFn(props) {
       colClassName,
       rowComputedClassName
     ),
-    renderChildren
+    renderChildren: (0, import_react25.useCallback)(() => theChildren, [renderChildren])
   };
   const ContextProvider = InfiniteTableColumnCellContext.Provider;
   return (
@@ -10870,7 +10872,7 @@ function lazyGroup(groupParams, rootData) {
   rootData.visitDepthFirst(
     (lazyGroupRowInfo, keys, _index, next) => {
       const [_rootKey, ...currentGroupKeys] = keys;
-      const dataArray = lazyGroupRowInfo.children;
+      let dataArray = lazyGroupRowInfo.children;
       const current = deepMap.get(currentGroupKeys);
       if (current) {
         current.cache = lazyGroupRowInfo.cache;
@@ -10893,10 +10895,11 @@ function lazyGroup(groupParams, rootData) {
               );
             }
           }
-          indexer.indexArray(dataArray, {
+          const res = indexer.indexArray(dataArray, {
             toPrimaryKey,
             cache
           });
+          dataArray = res;
         }
         return next == null ? void 0 : next();
       }
@@ -12889,11 +12892,15 @@ var Indexer = class {
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
+      if (cache && cache.shouldResetDataSource()) {
+        this.clear();
+        arr = [];
+      }
       if (cache && !cache.isEmpty()) {
         arr = arr.concat();
       }
       if (!arr.length && cache) {
-        const cacheInfo = [...cache.getMutations().values()].flatMap((x) => x);
+        const cacheInfo = cache.getMutationsArray();
         if (cacheInfo && cacheInfo.length) {
           for (let cacheIndex = 0, cacheLength = cacheInfo.length; cacheIndex < cacheLength; cacheIndex++) {
             const info = cacheInfo[cacheIndex];
@@ -13206,6 +13213,7 @@ function getPivotColumnsAndColumnGroups({
 }
 
 // src/components/DataSource/DataSourceCache.ts
+var CLEAR_SYMBOL = Symbol("CLEAR");
 var DataSourceCache = class {
   constructor() {
     this.affectedFields = /* @__PURE__ */ new Set();
@@ -13259,6 +13267,21 @@ var DataSourceCache = class {
       });
       this.primaryKeyToData.set(primaryKey, value);
     };
+    this.resetDataSource = (metadata) => {
+      this.clear();
+      this.allFieldsAffected = true;
+      const pk = CLEAR_SYMBOL;
+      const value = this.primaryKeyToData.get(pk) || [];
+      value.push({
+        type: "clear-all",
+        primaryKey: void 0,
+        metadata
+      });
+      this.primaryKeyToData.set(pk, value);
+    };
+    this.shouldResetDataSource = () => {
+      return this.primaryKeyToData.has(CLEAR_SYMBOL);
+    };
     this.clear = () => {
       this.allFieldsAffected = false;
       this.affectedFields.clear();
@@ -13274,9 +13297,15 @@ var DataSourceCache = class {
       const data = this.primaryKeyToData.get(primaryKey);
       return data;
     };
+    this.getMutationsCount = () => {
+      return this.primaryKeyToData.size;
+    };
     this.getMutations = () => {
       return new Map(this.primaryKeyToData);
     };
+    this.getMutationsArray = () => {
+      return Array.from(this.primaryKeyToData.values()).flat();
+    };
   }
   static clone(cache, { light = false } = {}) {
     const clone = new DataSourceCache();
@@ -13538,6 +13567,32 @@ var DataSourceApiImpl = class {
       const { indexer } = this.getState();
       return (_a = indexer.getDataForPrimaryKey(id)) != null ? _a : null;
     };
+    /**
+     * Replaces all data in the DataSource with the provided data.
+     * @param data - The new data to replace the existing data with.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.replaceAllData = (data, options) => {
+      this.batchOperation({
+        type: "replace-all",
+        array: data,
+        metadata: options == null ? void 0 : options.metadata
+      });
+      return this.addDataArray(data, options);
+    };
+    /**
+     * Clears all data in the DataSource.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.clearAllData = (options) => {
+      return this.replaceAllData([], options);
+    };
     this.updateData = (data, options) => {
       return this.updateDataArray([data], options);
     };
@@ -13733,12 +13788,12 @@ var DataSourceApiImpl = class {
         }, delay);
       }
     }
+    if (operation.type === "replace-all") {
+      this.pendingOperations.length = 0;
+    }
     this.pendingOperations.push(operation);
     return this.pendingPromise;
   }
-  batchOperations(operations) {
-    this.pendingOperations.push(...operations);
-  }
   commitOperations(operations) {
     if (!operations.length) {
       return;
@@ -13778,14 +13833,21 @@ var DataSourceApiImpl = class {
             position2 = "after";
           });
           break;
+        case "replace-all":
+          cache.resetDataSource(operation.metadata);
+          break;
       }
     });
     this.actions.cache = cache;
   }
+  flush() {
+    return this.commit();
+  }
   commit() {
     this.commitOperations(this.pendingOperations);
     this.pendingOperations.length = 0;
-    if (this.pendingPromise && this.resolvePendingPromise) {
+    const pendingPromise = this.pendingPromise;
+    if (pendingPromise && this.resolvePendingPromise) {
       const resolve = this.resolvePendingPromise;
       requestAnimationFrame(() => {
         resolve(true);
@@ -13793,6 +13855,7 @@ var DataSourceApiImpl = class {
       this.pendingPromise = null;
       this.resolvePendingPromise = null;
     }
+    return pendingPromise || Promise.resolve(true);
   }
 };
 function getCacheAffectedParts(state) {
@@ -19765,7 +19828,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "5.0.0-canary.1"
+      version: "5.0.0-canary.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -8789,6 +8789,7 @@ function InfiniteTableColumnCellFn(props) {
       if (inEdit) {
         return null;
       }
+      renderParamRef.current = renderParam;
       if (renderFunctions.renderGroupIcon) {
         renderParam.renderBag.groupIcon = /* @__PURE__ */ React36.createElement(
           RenderCellHookComponent,
@@ -9002,6 +9003,7 @@ function InfiniteTableColumnCellFn(props) {
     bottom: bottomSelectionBorder
   } : null;
   const afterChildren = editor;
+  const theChildren = renderChildren();
   const cellProps = {
     domRef,
     cellType: "body",
@@ -9040,7 +9042,7 @@ function InfiniteTableColumnCellFn(props) {
       colClassName,
       rowComputedClassName
     ),
-    renderChildren
+    renderChildren: useCallback12(() => theChildren, [renderChildren])
   };
   const ContextProvider = InfiniteTableColumnCellContext.Provider;
   return (
@@ -10832,7 +10834,7 @@ function lazyGroup(groupParams, rootData) {
   rootData.visitDepthFirst(
     (lazyGroupRowInfo, keys, _index, next) => {
       const [_rootKey, ...currentGroupKeys] = keys;
-      const dataArray = lazyGroupRowInfo.children;
+      let dataArray = lazyGroupRowInfo.children;
       const current = deepMap.get(currentGroupKeys);
       if (current) {
         current.cache = lazyGroupRowInfo.cache;
@@ -10855,10 +10857,11 @@ function lazyGroup(groupParams, rootData) {
               );
             }
           }
-          indexer.indexArray(dataArray, {
+          const res = indexer.indexArray(dataArray, {
             toPrimaryKey,
             cache
           });
+          dataArray = res;
         }
         return next == null ? void 0 : next();
       }
@@ -12851,11 +12854,15 @@ var Indexer = class {
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
+      if (cache && cache.shouldResetDataSource()) {
+        this.clear();
+        arr = [];
+      }
       if (cache && !cache.isEmpty()) {
         arr = arr.concat();
       }
       if (!arr.length && cache) {
-        const cacheInfo = [...cache.getMutations().values()].flatMap((x) => x);
+        const cacheInfo = cache.getMutationsArray();
         if (cacheInfo && cacheInfo.length) {
           for (let cacheIndex = 0, cacheLength = cacheInfo.length; cacheIndex < cacheLength; cacheIndex++) {
             const info = cacheInfo[cacheIndex];
@@ -13168,6 +13175,7 @@ function getPivotColumnsAndColumnGroups({
 }
 
 // src/components/DataSource/DataSourceCache.ts
+var CLEAR_SYMBOL = Symbol("CLEAR");
 var DataSourceCache = class {
   constructor() {
     this.affectedFields = /* @__PURE__ */ new Set();
@@ -13221,6 +13229,21 @@ var DataSourceCache = class {
       });
       this.primaryKeyToData.set(primaryKey, value);
     };
+    this.resetDataSource = (metadata) => {
+      this.clear();
+      this.allFieldsAffected = true;
+      const pk = CLEAR_SYMBOL;
+      const value = this.primaryKeyToData.get(pk) || [];
+      value.push({
+        type: "clear-all",
+        primaryKey: void 0,
+        metadata
+      });
+      this.primaryKeyToData.set(pk, value);
+    };
+    this.shouldResetDataSource = () => {
+      return this.primaryKeyToData.has(CLEAR_SYMBOL);
+    };
     this.clear = () => {
       this.allFieldsAffected = false;
       this.affectedFields.clear();
@@ -13236,9 +13259,15 @@ var DataSourceCache = class {
       const data = this.primaryKeyToData.get(primaryKey);
       return data;
     };
+    this.getMutationsCount = () => {
+      return this.primaryKeyToData.size;
+    };
     this.getMutations = () => {
       return new Map(this.primaryKeyToData);
     };
+    this.getMutationsArray = () => {
+      return Array.from(this.primaryKeyToData.values()).flat();
+    };
   }
   static clone(cache, { light = false } = {}) {
     const clone = new DataSourceCache();
@@ -13500,6 +13529,32 @@ var DataSourceApiImpl = class {
       const { indexer } = this.getState();
       return (_a = indexer.getDataForPrimaryKey(id)) != null ? _a : null;
     };
+    /**
+     * Replaces all data in the DataSource with the provided data.
+     * @param data - The new data to replace the existing data with.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.replaceAllData = (data, options) => {
+      this.batchOperation({
+        type: "replace-all",
+        array: data,
+        metadata: options == null ? void 0 : options.metadata
+      });
+      return this.addDataArray(data, options);
+    };
+    /**
+     * Clears all data in the DataSource.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.clearAllData = (options) => {
+      return this.replaceAllData([], options);
+    };
     this.updateData = (data, options) => {
       return this.updateDataArray([data], options);
     };
@@ -13695,12 +13750,12 @@ var DataSourceApiImpl = class {
         }, delay);
       }
     }
+    if (operation.type === "replace-all") {
+      this.pendingOperations.length = 0;
+    }
     this.pendingOperations.push(operation);
     return this.pendingPromise;
   }
-  batchOperations(operations) {
-    this.pendingOperations.push(...operations);
-  }
   commitOperations(operations) {
     if (!operations.length) {
       return;
@@ -13740,14 +13795,21 @@ var DataSourceApiImpl = class {
             position2 = "after";
           });
           break;
+        case "replace-all":
+          cache.resetDataSource(operation.metadata);
+          break;
       }
     });
     this.actions.cache = cache;
   }
+  flush() {
+    return this.commit();
+  }
   commit() {
     this.commitOperations(this.pendingOperations);
     this.pendingOperations.length = 0;
-    if (this.pendingPromise && this.resolvePendingPromise) {
+    const pendingPromise = this.pendingPromise;
+    if (pendingPromise && this.resolvePendingPromise) {
       const resolve = this.resolvePendingPromise;
       requestAnimationFrame(() => {
         resolve(true);
@@ -13755,6 +13817,7 @@ var DataSourceApiImpl = class {
       this.pendingPromise = null;
       this.resolvePendingPromise = null;
     }
+    return pendingPromise || Promise.resolve(true);
   }
 };
 function getCacheAffectedParts(state) {
@@ -19736,7 +19799,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "5.0.0-canary.1"
+      version: "5.0.0-canary.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -8827,6 +8827,7 @@ function InfiniteTableColumnCellFn(props) {
       if (inEdit) {
         return null;
       }
+      renderParamRef.current = renderParam;
       if (renderFunctions.renderGroupIcon) {
         renderParam.renderBag.groupIcon = /* @__PURE__ */ React36.createElement(
           RenderCellHookComponent,
@@ -9040,6 +9041,7 @@ function InfiniteTableColumnCellFn(props) {
     bottom: bottomSelectionBorder
   } : null;
   const afterChildren = editor;
+  const theChildren = renderChildren();
   const cellProps = {
     domRef,
     cellType: "body",
@@ -9078,7 +9080,7 @@ function InfiniteTableColumnCellFn(props) {
       colClassName,
       rowComputedClassName
     ),
-    renderChildren
+    renderChildren: (0, import_react25.useCallback)(() => theChildren, [renderChildren])
   };
   const ContextProvider = InfiniteTableColumnCellContext.Provider;
   return (
@@ -10870,7 +10872,7 @@ function lazyGroup(groupParams, rootData) {
   rootData.visitDepthFirst(
     (lazyGroupRowInfo, keys, _index, next) => {
       const [_rootKey, ...currentGroupKeys] = keys;
-      const dataArray = lazyGroupRowInfo.children;
+      let dataArray = lazyGroupRowInfo.children;
       const current = deepMap.get(currentGroupKeys);
       if (current) {
         current.cache = lazyGroupRowInfo.cache;
@@ -10893,10 +10895,11 @@ function lazyGroup(groupParams, rootData) {
               );
             }
           }
-          indexer.indexArray(dataArray, {
+          const res = indexer.indexArray(dataArray, {
             toPrimaryKey,
             cache
           });
+          dataArray = res;
         }
         return next == null ? void 0 : next();
       }
@@ -12889,11 +12892,15 @@ var Indexer = class {
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
+      if (cache && cache.shouldResetDataSource()) {
+        this.clear();
+        arr = [];
+      }
       if (cache && !cache.isEmpty()) {
         arr = arr.concat();
       }
       if (!arr.length && cache) {
-        const cacheInfo = [...cache.getMutations().values()].flatMap((x) => x);
+        const cacheInfo = cache.getMutationsArray();
         if (cacheInfo && cacheInfo.length) {
           for (let cacheIndex = 0, cacheLength = cacheInfo.length; cacheIndex < cacheLength; cacheIndex++) {
             const info = cacheInfo[cacheIndex];
@@ -13206,6 +13213,7 @@ function getPivotColumnsAndColumnGroups({
 }
 
 // src/components/DataSource/DataSourceCache.ts
+var CLEAR_SYMBOL = Symbol("CLEAR");
 var DataSourceCache = class {
   constructor() {
     this.affectedFields = /* @__PURE__ */ new Set();
@@ -13259,6 +13267,21 @@ var DataSourceCache = class {
       });
       this.primaryKeyToData.set(primaryKey, value);
     };
+    this.resetDataSource = (metadata) => {
+      this.clear();
+      this.allFieldsAffected = true;
+      const pk = CLEAR_SYMBOL;
+      const value = this.primaryKeyToData.get(pk) || [];
+      value.push({
+        type: "clear-all",
+        primaryKey: void 0,
+        metadata
+      });
+      this.primaryKeyToData.set(pk, value);
+    };
+    this.shouldResetDataSource = () => {
+      return this.primaryKeyToData.has(CLEAR_SYMBOL);
+    };
     this.clear = () => {
       this.allFieldsAffected = false;
       this.affectedFields.clear();
@@ -13274,9 +13297,15 @@ var DataSourceCache = class {
       const data = this.primaryKeyToData.get(primaryKey);
       return data;
     };
+    this.getMutationsCount = () => {
+      return this.primaryKeyToData.size;
+    };
     this.getMutations = () => {
       return new Map(this.primaryKeyToData);
     };
+    this.getMutationsArray = () => {
+      return Array.from(this.primaryKeyToData.values()).flat();
+    };
   }
   static clone(cache, { light = false } = {}) {
     const clone = new DataSourceCache();
@@ -13538,6 +13567,32 @@ var DataSourceApiImpl = class {
       const { indexer } = this.getState();
       return (_a = indexer.getDataForPrimaryKey(id)) != null ? _a : null;
     };
+    /**
+     * Replaces all data in the DataSource with the provided data.
+     * @param data - The new data to replace the existing data with.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.replaceAllData = (data, options) => {
+      this.batchOperation({
+        type: "replace-all",
+        array: data,
+        metadata: options == null ? void 0 : options.metadata
+      });
+      return this.addDataArray(data, options);
+    };
+    /**
+     * Clears all data in the DataSource.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.clearAllData = (options) => {
+      return this.replaceAllData([], options);
+    };
     this.updateData = (data, options) => {
       return this.updateDataArray([data], options);
     };
@@ -13733,12 +13788,12 @@ var DataSourceApiImpl = class {
         }, delay);
       }
     }
+    if (operation.type === "replace-all") {
+      this.pendingOperations.length = 0;
+    }
     this.pendingOperations.push(operation);
     return this.pendingPromise;
   }
-  batchOperations(operations) {
-    this.pendingOperations.push(...operations);
-  }
   commitOperations(operations) {
     if (!operations.length) {
       return;
@@ -13778,14 +13833,21 @@ var DataSourceApiImpl = class {
             position2 = "after";
           });
           break;
+        case "replace-all":
+          cache.resetDataSource(operation.metadata);
+          break;
       }
     });
     this.actions.cache = cache;
   }
+  flush() {
+    return this.commit();
+  }
   commit() {
     this.commitOperations(this.pendingOperations);
     this.pendingOperations.length = 0;
-    if (this.pendingPromise && this.resolvePendingPromise) {
+    const pendingPromise = this.pendingPromise;
+    if (pendingPromise && this.resolvePendingPromise) {
       const resolve = this.resolvePendingPromise;
       requestAnimationFrame(() => {
         resolve(true);
@@ -13793,6 +13855,7 @@ var DataSourceApiImpl = class {
       this.pendingPromise = null;
       this.resolvePendingPromise = null;
     }
+    return pendingPromise || Promise.resolve(true);
   }
 };
 function getCacheAffectedParts(state) {
@@ -19765,7 +19828,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "5.0.0-canary.1"
+      version: "5.0.0-canary.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.mjs

@@ -8789,6 +8789,7 @@ function InfiniteTableColumnCellFn(props) {
       if (inEdit) {
         return null;
       }
+      renderParamRef.current = renderParam;
       if (renderFunctions.renderGroupIcon) {
         renderParam.renderBag.groupIcon = /* @__PURE__ */ React36.createElement(
           RenderCellHookComponent,
@@ -9002,6 +9003,7 @@ function InfiniteTableColumnCellFn(props) {
     bottom: bottomSelectionBorder
   } : null;
   const afterChildren = editor;
+  const theChildren = renderChildren();
   const cellProps = {
     domRef,
     cellType: "body",
@@ -9040,7 +9042,7 @@ function InfiniteTableColumnCellFn(props) {
       colClassName,
       rowComputedClassName
     ),
-    renderChildren
+    renderChildren: useCallback12(() => theChildren, [renderChildren])
   };
   const ContextProvider = InfiniteTableColumnCellContext.Provider;
   return (
@@ -10832,7 +10834,7 @@ function lazyGroup(groupParams, rootData) {
   rootData.visitDepthFirst(
     (lazyGroupRowInfo, keys, _index, next) => {
       const [_rootKey, ...currentGroupKeys] = keys;
-      const dataArray = lazyGroupRowInfo.children;
+      let dataArray = lazyGroupRowInfo.children;
       const current = deepMap.get(currentGroupKeys);
       if (current) {
         current.cache = lazyGroupRowInfo.cache;
@@ -10855,10 +10857,11 @@ function lazyGroup(groupParams, rootData) {
               );
             }
           }
-          indexer.indexArray(dataArray, {
+          const res = indexer.indexArray(dataArray, {
             toPrimaryKey,
             cache
           });
+          dataArray = res;
         }
         return next == null ? void 0 : next();
       }
@@ -12851,11 +12854,15 @@ var Indexer = class {
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
+      if (cache && cache.shouldResetDataSource()) {
+        this.clear();
+        arr = [];
+      }
       if (cache && !cache.isEmpty()) {
         arr = arr.concat();
       }
       if (!arr.length && cache) {
-        const cacheInfo = [...cache.getMutations().values()].flatMap((x) => x);
+        const cacheInfo = cache.getMutationsArray();
         if (cacheInfo && cacheInfo.length) {
           for (let cacheIndex = 0, cacheLength = cacheInfo.length; cacheIndex < cacheLength; cacheIndex++) {
             const info = cacheInfo[cacheIndex];
@@ -13168,6 +13175,7 @@ function getPivotColumnsAndColumnGroups({
 }
 
 // src/components/DataSource/DataSourceCache.ts
+var CLEAR_SYMBOL = Symbol("CLEAR");
 var DataSourceCache = class {
   constructor() {
     this.affectedFields = /* @__PURE__ */ new Set();
@@ -13221,6 +13229,21 @@ var DataSourceCache = class {
       });
       this.primaryKeyToData.set(primaryKey, value);
     };
+    this.resetDataSource = (metadata) => {
+      this.clear();
+      this.allFieldsAffected = true;
+      const pk = CLEAR_SYMBOL;
+      const value = this.primaryKeyToData.get(pk) || [];
+      value.push({
+        type: "clear-all",
+        primaryKey: void 0,
+        metadata
+      });
+      this.primaryKeyToData.set(pk, value);
+    };
+    this.shouldResetDataSource = () => {
+      return this.primaryKeyToData.has(CLEAR_SYMBOL);
+    };
     this.clear = () => {
       this.allFieldsAffected = false;
       this.affectedFields.clear();
@@ -13236,9 +13259,15 @@ var DataSourceCache = class {
       const data = this.primaryKeyToData.get(primaryKey);
       return data;
     };
+    this.getMutationsCount = () => {
+      return this.primaryKeyToData.size;
+    };
     this.getMutations = () => {
       return new Map(this.primaryKeyToData);
     };
+    this.getMutationsArray = () => {
+      return Array.from(this.primaryKeyToData.values()).flat();
+    };
   }
   static clone(cache, { light = false } = {}) {
     const clone = new DataSourceCache();
@@ -13500,6 +13529,32 @@ var DataSourceApiImpl = class {
       const { indexer } = this.getState();
       return (_a = indexer.getDataForPrimaryKey(id)) != null ? _a : null;
     };
+    /**
+     * Replaces all data in the DataSource with the provided data.
+     * @param data - The new data to replace the existing data with.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.replaceAllData = (data, options) => {
+      this.batchOperation({
+        type: "replace-all",
+        array: data,
+        metadata: options == null ? void 0 : options.metadata
+      });
+      return this.addDataArray(data, options);
+    };
+    /**
+     * Clears all data in the DataSource.
+     * @param options - Additional options for the operation.
+     * @param options.flush - If true, the mutations will be flushed immediately.
+     * @param options.metadata - Additional metadata for the operation.
+     * @returns A promise that resolves when the operation is complete.
+     */
+    this.clearAllData = (options) => {
+      return this.replaceAllData([], options);
+    };
     this.updateData = (data, options) => {
       return this.updateDataArray([data], options);
     };
@@ -13695,12 +13750,12 @@ var DataSourceApiImpl = class {
         }, delay);
       }
     }
+    if (operation.type === "replace-all") {
+      this.pendingOperations.length = 0;
+    }
     this.pendingOperations.push(operation);
     return this.pendingPromise;
   }
-  batchOperations(operations) {
-    this.pendingOperations.push(...operations);
-  }
   commitOperations(operations) {
     if (!operations.length) {
       return;
@@ -13740,14 +13795,21 @@ var DataSourceApiImpl = class {
             position2 = "after";
           });
           break;
+        case "replace-all":
+          cache.resetDataSource(operation.metadata);
+          break;
       }
     });
     this.actions.cache = cache;
   }
+  flush() {
+    return this.commit();
+  }
   commit() {
     this.commitOperations(this.pendingOperations);
     this.pendingOperations.length = 0;
-    if (this.pendingPromise && this.resolvePendingPromise) {
+    const pendingPromise = this.pendingPromise;
+    if (pendingPromise && this.resolvePendingPromise) {
       const resolve = this.resolvePendingPromise;
       requestAnimationFrame(() => {
         resolve(true);
@@ -13755,6 +13817,7 @@ var DataSourceApiImpl = class {
       this.pendingPromise = null;
       this.resolvePendingPromise = null;
     }
+    return pendingPromise || Promise.resolve(true);
   }
 };
 function getCacheAffectedParts(state) {
@@ -19736,7 +19799,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "5.0.0-canary.1"
+      version: "5.0.0-canary.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -25,7 +25,7 @@
   "bugs": {
     "url": "https://github.com/infinite-table/infinite-react/issues"
   },
-  "version": "5.0.0-canary.1",
+  "version": "5.0.0-canary.2",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",
@@ -34,5 +34,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1726844089529
+  "publishedAt": 1726930737344
 }