@infinite-table/infinite-react 0.2.13 → 0.2.14

package/index.d.ts

@@ -47,6 +47,7 @@ declare class DeepMap<KeyType, ValueType> {
     private map;
     private length;
     private revision;
+    private emptyKey;
     static clone<KeyType, ValueType>(map: DeepMap<KeyType, ValueType>): DeepMap<KeyType, ValueType>;
     constructor(initial?: [KeyType[], ValueType][]);
     set(keys: KeyType[] & {
@@ -390,7 +391,7 @@ interface DataSourceDataParams<T> {
     groupKeys?: any[];
     aggregationReducers?: DataSourcePropAggregationReducers<T>;
     livePaginationCursor?: DataSourceLivePaginationCursorValue;
-    cursorId?: DataSourceSetupState<T>['cursorId'];
+    __cursorId?: DataSourceSetupState<T>['cursorId'];
     changes?: DataSourceDataParamsChanges<T>;
 }
 declare type DataSourceDataParamsChanges<T> = Partial<Record<keyof Omit<DataSourceDataParams<T>, 'originalDataArray' | 'changes'>, true>>;

package/index.esm.js

@@ -1474,7 +1474,7 @@ var useInfiniteTable = () => {
 // src/components/InfiniteTable/hooks/useComputedVisibleColumns.ts
 import { useMemo as useMemo2 } from "react";
 
-// src/components/flexbox/index.tsx
+// src/components/flexbox/index.ts
 var computeFlex = (params) => {
   const {
     availableSize,
@@ -2847,6 +2847,7 @@ var DeepMap = class {
     this.map = new Map();
     this.length = 0;
     this.revision = 0;
+    this.emptyKey = Symbol("emptyKey");
     this.visit = (fn) => {
       this.map.forEach((_, k) => this.visitKey(k, this.map, [], fn));
     };
@@ -2858,13 +2859,19 @@ var DeepMap = class {
         return;
       }
       let i = 0;
-      currentMap.forEach((_, key) => {
+      const hasEmptyKey = currentMap.has(this.emptyKey);
+      let allowEmptyKey = true;
+      const iterator = (_, key) => {
         const pair = currentMap.get(key);
         if (!pair) {
           return;
         }
         const { map: map2 } = pair;
-        const keys = [...parentKeys, key];
+        const isEmptyKey = key === this.emptyKey;
+        if (isEmptyKey && !allowEmptyKey) {
+          return;
+        }
+        const keys = isEmptyKey ? [] : [...parentKeys, key];
         const next = map2 ? () => this.visitWithNext(keys, fn, map2) : void 0;
         if (pair.hasOwnProperty("value")) {
           fn(pair.value, keys, i, next);
@@ -2872,7 +2879,13 @@ var DeepMap = class {
         } else {
           next == null ? void 0 : next();
         }
-      });
+      };
+      if (hasEmptyKey) {
+        iterator(void 0, this.emptyKey);
+        allowEmptyKey = false;
+        i = 0;
+      }
+      currentMap.forEach(iterator);
     };
     if (initial) {
       initial.forEach((entry) => {
@@ -2891,7 +2904,7 @@ var DeepMap = class {
   set(keys, value) {
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot set given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
     }
     for (let i = 0, len = keys.length; i < len; i++) {
       const key = keys[i];
@@ -2917,7 +2930,7 @@ var DeepMap = class {
     var _a;
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot get given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
     }
     for (let i = 0, len = keys.length; i < len; i++) {
       const key = keys[i];
@@ -2952,10 +2965,11 @@ var DeepMap = class {
     this.revision = 0;
   }
   delete(keys) {
-    keys = [...keys];
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot delete given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
+    } else {
+      keys = [...keys];
     }
     let maps = [currentMap];
     let result = false;
@@ -3008,7 +3022,7 @@ var DeepMap = class {
   has(keys) {
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot find existing given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
     }
     for (let i = 0, len = keys.length; i < len; i++) {
       const key = keys[i];
@@ -3032,7 +3046,7 @@ var DeepMap = class {
       return;
     }
     const { map: map2 } = pair;
-    const keys = [...parentKeys, key];
+    const keys = key === this.emptyKey ? [] : [...parentKeys, key];
     const next = once(() => {
       if (map2) {
         map2.forEach((_, k) => {
@@ -3048,7 +3062,12 @@ var DeepMap = class {
   getArray(fn) {
     const result = [];
     this.visit((pair, keys) => {
-      result.push(fn(__spreadProps(__spreadValues({}, pair), { keys })));
+      const res = fn(__spreadProps(__spreadValues({}, pair), { keys }));
+      if (keys.length === 0) {
+        result.splice(0, 0, res);
+      } else {
+        result.push(res);
+      }
     });
     return result;
   }
@@ -3134,7 +3153,7 @@ function lazyGroup(groupParams, rootData) {
   } = groupParams;
   const deepMap = new DeepMap();
   function traverseValues(pivotDeepMap, container, pivot2, pivotIndex = 0, currentPivotKeys2 = []) {
-    const last = pivotIndex === pivot2.length - 1;
+    const last = !pivot2.length || pivotIndex === pivot2.length - 1;
     const values = container[(mappings == null ? void 0 : mappings.values) || "values"] || {};
     for (var k in values)
       if (values.hasOwnProperty(k)) {
@@ -3158,7 +3177,7 @@ function lazyGroup(groupParams, rootData) {
   rootData.visitDepthFirst((lazyGroupRowInfo, keys, _index, next) => {
     const [_rootKey, ...currentGroupKeys] = keys;
     const dataArray = lazyGroupRowInfo.items;
-    if (currentGroupKeys.length == groupBy.length) {
+    if (currentGroupKeys.length == groupBy.length && groupBy.length) {
       const deepMapGroupValue = deepMap.get(currentGroupKeys);
       if (deepMapGroupValue) {
         deepMapGroupValue.items = dataArray;
@@ -3180,9 +3199,11 @@ function lazyGroup(groupParams, rootData) {
       const dataObject = dataArray[i].data;
       const dataKeys = dataArray[i].keys;
       let item = dataObject;
-      const { field: groupByProperty } = groupBy[dataKeys.length - 1];
-      const key = item[groupByProperty];
-      currentGroupKeys.push(key);
+      if (dataKeys.length) {
+        const { field: groupByProperty } = groupBy[dataKeys.length - 1];
+        const key = item[groupByProperty];
+        currentGroupKeys.push(key);
+      }
       const deepMapGroupValue = {
         items: [],
         commonData: dataObject,
@@ -3194,7 +3215,9 @@ function lazyGroup(groupParams, rootData) {
         const pivotContainer = dataArray[i].pivot;
         traverseValues(pivotDeepMap, pivotContainer, pivot, 0, currentPivotKeys);
       }
-      currentGroupKeys.pop();
+      if (dataKeys.length) {
+        currentGroupKeys.pop();
+      }
     }
     next == null ? void 0 : next();
   });
@@ -3210,6 +3233,37 @@ function lazyGroup(groupParams, rootData) {
   }
   return result;
 }
+function processGroup(deepMap, currentGroupKeys, currentPivotKeys, item, pivot, reducers, topLevelPivotColumns, initialReducerValue, defaultToKey = DEFAULT_TO_KEY) {
+  const {
+    items: currentGroupItems,
+    reducerResults,
+    pivotDeepMap
+  } = deepMap.get(currentGroupKeys);
+  currentGroupItems.push(item);
+  if (reducers) {
+    computeReducersFor(item, reducers, reducerResults);
+  }
+  if (pivot) {
+    for (let pivotIndex = 0, pivotLength = pivot.length; pivotIndex < pivotLength; pivotIndex++) {
+      const { field: pivotField, toKey: pivotToKey } = pivot[pivotIndex];
+      const pivotKey = (pivotToKey || defaultToKey)(item[pivotField], item);
+      currentPivotKeys.push(pivotKey);
+      if (!pivotDeepMap.has(currentPivotKeys)) {
+        topLevelPivotColumns.set(currentPivotKeys, true);
+        pivotDeepMap == null ? void 0 : pivotDeepMap.set(currentPivotKeys, {
+          reducerResults: __spreadValues({}, initialReducerValue),
+          items: []
+        });
+      }
+      const { reducerResults: pivotReducerResults, items: pivotGroupItems } = pivotDeepMap.get(currentPivotKeys);
+      pivotGroupItems.push(item);
+      if (reducers) {
+        computeReducersFor(item, reducers, pivotReducerResults);
+      }
+    }
+    currentPivotKeys.length = 0;
+  }
+}
 function group(groupParams, data) {
   const {
     groupBy,
@@ -3224,6 +3278,16 @@ function group(groupParams, data) {
   let currentPivotKeys = [];
   const initialReducerValue = initReducers(reducers);
   const globalReducerResults = __spreadValues({}, initialReducerValue);
+  if (!groupByLength) {
+    const deepMapGroupValue = {
+      items: [],
+      reducerResults: __spreadValues({}, initialReducerValue)
+    };
+    if (pivot) {
+      deepMapGroupValue.pivotDeepMap = new DeepMap();
+    }
+    deepMap.set(currentGroupKeys, deepMapGroupValue);
+  }
   for (let i = 0, len = data.length; i < len; i++) {
     let item = data[i];
     for (let groupByIndex = 0; groupByIndex < groupByLength; groupByIndex++) {
@@ -3240,38 +3304,10 @@ function group(groupParams, data) {
         }
         deepMap.set(currentGroupKeys, deepMapGroupValue);
       }
-      const {
-        items: currentGroupItems,
-        reducerResults,
-        pivotDeepMap
-      } = deepMap.get(currentGroupKeys);
-      currentGroupItems.push(item);
-      if (reducers) {
-        computeReducersFor(item, reducers, reducerResults);
-      }
-      if (pivot) {
-        for (let pivotIndex = 0, pivotLength = pivot.length; pivotIndex < pivotLength; pivotIndex++) {
-          const { field: pivotField, toKey: pivotToKey } = pivot[pivotIndex];
-          const pivotKey = (pivotToKey || defaultToKey)(item[pivotField], item);
-          currentPivotKeys.push(pivotKey);
-          if (!pivotDeepMap.has(currentPivotKeys)) {
-            topLevelPivotColumns.set(currentPivotKeys, true);
-            pivotDeepMap == null ? void 0 : pivotDeepMap.set(currentPivotKeys, {
-              reducerResults: __spreadValues({}, initialReducerValue),
-              items: []
-            });
-          }
-          const {
-            reducerResults: pivotReducerResults,
-            items: pivotGroupItems
-          } = pivotDeepMap.get(currentPivotKeys);
-          pivotGroupItems.push(item);
-          if (reducers) {
-            computeReducersFor(item, reducers, pivotReducerResults);
-          }
-        }
-        currentPivotKeys.length = 0;
-      }
+      processGroup(deepMap, currentGroupKeys, currentPivotKeys, item, pivot, reducers, topLevelPivotColumns, initialReducerValue, defaultToKey);
+    }
+    if (!groupByLength) {
+      processGroup(deepMap, currentGroupKeys, currentPivotKeys, item, pivot, reducers, topLevelPivotColumns, initialReducerValue, defaultToKey);
     }
     if (reducers) {
       computeReducersFor(item, reducers, globalReducerResults);
@@ -3515,7 +3551,7 @@ function buildDataSourceDataParams(componentState, overrides) {
   };
   if (componentState.livePagination !== void 0) {
     dataSourceParams.livePaginationCursor = componentState.livePaginationCursor;
-    dataSourceParams.cursorId = componentState.cursorId;
+    dataSourceParams.__cursorId = componentState.cursorId;
   }
   if (componentState.lazyLoad) {
     if (componentState.lazyLoadBatchSize != null && componentState.lazyLoadBatchSize > 0) {
@@ -3546,7 +3582,7 @@ function loadData(data, componentState, actions, overrides) {
     const lazyGroupData = componentState.originalLazyGroupData;
     const key = [LAZY_ROOT_KEY_FOR_GROUPS, ...dataParams.groupKeys || []];
     const existingGroupRowInfo = lazyGroupData.get(key);
-    if (existingGroupRowInfo && existingGroupRowInfo.cache) {
+    if (existingGroupRowInfo && existingGroupRowInfo.cache && key.length > 1) {
       const items = existingGroupRowInfo.items;
       const len = items.length;
       let allLoaded = true;
@@ -3705,7 +3741,8 @@ function useLoadData() {
     const componentState2 = getComponentState();
     if (initialRef.current) {
       initialRef.current = false;
-      actions.dataParams = buildDataSourceDataParams(componentState2);
+      const dataParams = buildDataSourceDataParams(componentState2);
+      actions.dataParams = dataParams;
     }
   }, depsObject);
 }
@@ -3718,7 +3755,6 @@ function useLazyLoadRange() {
   const loadingCache = useMemo4(() => {
     return new Map();
   }, [componentState.data]);
-  globalThis.loadingCache = loadingCache;
   const {
     lazyLoadBatchSize,
     notifyRenderRangeChange,
@@ -4160,7 +4196,7 @@ function getInterceptActions() {
     },
     cursorId: (cursorId, { actions, state }) => {
       const dataParams = buildDataSourceDataParams(state, {
-        cursorId
+        __cursorId: cursorId
       });
       actions.dataParams = dataParams;
     },
@@ -4330,7 +4366,7 @@ function getPivotColumnsAndColumnGroups({
       next == null ? void 0 : next();
     }
   });
-  if (columns.size === 1) {
+  if (!pivotLength) {
     aggregationReducers.forEach((reducer, index) => {
       columns.set(`total:${reducer.id}`, prepareColumn({
         header: `${reducer.name || reducer.id} total`,
@@ -4862,7 +4898,7 @@ function getColumnsWhenGrouping(params) {
       }, toggleGroupRow, groupColumn);
       computedColumns.set(generatedGroupColumn.id || `group-by-${groupByForColumn.field}`, generatedGroupColumn);
     });
-  } else if (groupRenderStrategy === "single-column") {
+  } else if (groupRenderStrategy === "single-column" && groupBy.length) {
     const singleGroupColumn = getSingleGroupColumn({
       groupCount: groupBy.length,
       groupBy,
@@ -7884,7 +7920,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo12(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.13"
+      version: "0.2.14"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -1484,7 +1484,7 @@ var useInfiniteTable = () => {
 // src/components/InfiniteTable/hooks/useComputedVisibleColumns.ts
 var import_react8 = __toModule(require("react"));
 
-// src/components/flexbox/index.tsx
+// src/components/flexbox/index.ts
 var computeFlex = (params) => {
   const {
     availableSize,
@@ -2834,6 +2834,7 @@ var DeepMap = class {
     this.map = new Map();
     this.length = 0;
     this.revision = 0;
+    this.emptyKey = Symbol("emptyKey");
     this.visit = (fn) => {
       this.map.forEach((_, k) => this.visitKey(k, this.map, [], fn));
     };
@@ -2845,13 +2846,19 @@ var DeepMap = class {
         return;
       }
       let i = 0;
-      currentMap.forEach((_, key) => {
+      const hasEmptyKey = currentMap.has(this.emptyKey);
+      let allowEmptyKey = true;
+      const iterator = (_, key) => {
         const pair = currentMap.get(key);
         if (!pair) {
           return;
         }
         const { map: map2 } = pair;
-        const keys = [...parentKeys, key];
+        const isEmptyKey = key === this.emptyKey;
+        if (isEmptyKey && !allowEmptyKey) {
+          return;
+        }
+        const keys = isEmptyKey ? [] : [...parentKeys, key];
         const next = map2 ? () => this.visitWithNext(keys, fn, map2) : void 0;
         if (pair.hasOwnProperty("value")) {
           fn(pair.value, keys, i, next);
@@ -2859,7 +2866,13 @@ var DeepMap = class {
         } else {
           next == null ? void 0 : next();
         }
-      });
+      };
+      if (hasEmptyKey) {
+        iterator(void 0, this.emptyKey);
+        allowEmptyKey = false;
+        i = 0;
+      }
+      currentMap.forEach(iterator);
     };
     if (initial) {
       initial.forEach((entry) => {
@@ -2878,7 +2891,7 @@ var DeepMap = class {
   set(keys, value) {
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot set given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
     }
     for (let i = 0, len = keys.length; i < len; i++) {
       const key = keys[i];
@@ -2904,7 +2917,7 @@ var DeepMap = class {
     var _a;
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot get given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
     }
     for (let i = 0, len = keys.length; i < len; i++) {
       const key = keys[i];
@@ -2939,10 +2952,11 @@ var DeepMap = class {
     this.revision = 0;
   }
   delete(keys) {
-    keys = [...keys];
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot delete given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
+    } else {
+      keys = [...keys];
     }
     let maps = [currentMap];
     let result = false;
@@ -2995,7 +3009,7 @@ var DeepMap = class {
   has(keys) {
     let currentMap = this.map;
     if (!keys.length) {
-      throw `Cannot find existing given keys - please provide a non-empty keys array.`;
+      keys = [this.emptyKey];
     }
     for (let i = 0, len = keys.length; i < len; i++) {
       const key = keys[i];
@@ -3019,7 +3033,7 @@ var DeepMap = class {
       return;
     }
     const { map: map2 } = pair;
-    const keys = [...parentKeys, key];
+    const keys = key === this.emptyKey ? [] : [...parentKeys, key];
     const next = once(() => {
       if (map2) {
         map2.forEach((_, k) => {
@@ -3035,7 +3049,12 @@ var DeepMap = class {
   getArray(fn) {
     const result = [];
     this.visit((pair, keys) => {
-      result.push(fn(__spreadProps(__spreadValues({}, pair), { keys })));
+      const res = fn(__spreadProps(__spreadValues({}, pair), { keys }));
+      if (keys.length === 0) {
+        result.splice(0, 0, res);
+      } else {
+        result.push(res);
+      }
     });
     return result;
   }
@@ -3121,7 +3140,7 @@ function lazyGroup(groupParams, rootData) {
   } = groupParams;
   const deepMap = new DeepMap();
   function traverseValues(pivotDeepMap, container, pivot2, pivotIndex = 0, currentPivotKeys2 = []) {
-    const last = pivotIndex === pivot2.length - 1;
+    const last = !pivot2.length || pivotIndex === pivot2.length - 1;
     const values = container[(mappings == null ? void 0 : mappings.values) || "values"] || {};
     for (var k in values)
       if (values.hasOwnProperty(k)) {
@@ -3145,7 +3164,7 @@ function lazyGroup(groupParams, rootData) {
   rootData.visitDepthFirst((lazyGroupRowInfo, keys, _index, next) => {
     const [_rootKey, ...currentGroupKeys] = keys;
     const dataArray = lazyGroupRowInfo.items;
-    if (currentGroupKeys.length == groupBy.length) {
+    if (currentGroupKeys.length == groupBy.length && groupBy.length) {
       const deepMapGroupValue = deepMap.get(currentGroupKeys);
       if (deepMapGroupValue) {
         deepMapGroupValue.items = dataArray;
@@ -3167,9 +3186,11 @@ function lazyGroup(groupParams, rootData) {
       const dataObject = dataArray[i].data;
       const dataKeys = dataArray[i].keys;
       let item = dataObject;
-      const { field: groupByProperty } = groupBy[dataKeys.length - 1];
-      const key = item[groupByProperty];
-      currentGroupKeys.push(key);
+      if (dataKeys.length) {
+        const { field: groupByProperty } = groupBy[dataKeys.length - 1];
+        const key = item[groupByProperty];
+        currentGroupKeys.push(key);
+      }
       const deepMapGroupValue = {
         items: [],
         commonData: dataObject,
@@ -3181,7 +3202,9 @@ function lazyGroup(groupParams, rootData) {
         const pivotContainer = dataArray[i].pivot;
         traverseValues(pivotDeepMap, pivotContainer, pivot, 0, currentPivotKeys);
       }
-      currentGroupKeys.pop();
+      if (dataKeys.length) {
+        currentGroupKeys.pop();
+      }
     }
     next == null ? void 0 : next();
   });
@@ -3197,6 +3220,37 @@ function lazyGroup(groupParams, rootData) {
   }
   return result;
 }
+function processGroup(deepMap, currentGroupKeys, currentPivotKeys, item, pivot, reducers, topLevelPivotColumns, initialReducerValue, defaultToKey = DEFAULT_TO_KEY) {
+  const {
+    items: currentGroupItems,
+    reducerResults,
+    pivotDeepMap
+  } = deepMap.get(currentGroupKeys);
+  currentGroupItems.push(item);
+  if (reducers) {
+    computeReducersFor(item, reducers, reducerResults);
+  }
+  if (pivot) {
+    for (let pivotIndex = 0, pivotLength = pivot.length; pivotIndex < pivotLength; pivotIndex++) {
+      const { field: pivotField, toKey: pivotToKey } = pivot[pivotIndex];
+      const pivotKey = (pivotToKey || defaultToKey)(item[pivotField], item);
+      currentPivotKeys.push(pivotKey);
+      if (!pivotDeepMap.has(currentPivotKeys)) {
+        topLevelPivotColumns.set(currentPivotKeys, true);
+        pivotDeepMap == null ? void 0 : pivotDeepMap.set(currentPivotKeys, {
+          reducerResults: __spreadValues({}, initialReducerValue),
+          items: []
+        });
+      }
+      const { reducerResults: pivotReducerResults, items: pivotGroupItems } = pivotDeepMap.get(currentPivotKeys);
+      pivotGroupItems.push(item);
+      if (reducers) {
+        computeReducersFor(item, reducers, pivotReducerResults);
+      }
+    }
+    currentPivotKeys.length = 0;
+  }
+}
 function group(groupParams, data) {
   const {
     groupBy,
@@ -3211,6 +3265,16 @@ function group(groupParams, data) {
   let currentPivotKeys = [];
   const initialReducerValue = initReducers(reducers);
   const globalReducerResults = __spreadValues({}, initialReducerValue);
+  if (!groupByLength) {
+    const deepMapGroupValue = {
+      items: [],
+      reducerResults: __spreadValues({}, initialReducerValue)
+    };
+    if (pivot) {
+      deepMapGroupValue.pivotDeepMap = new DeepMap();
+    }
+    deepMap.set(currentGroupKeys, deepMapGroupValue);
+  }
   for (let i = 0, len = data.length; i < len; i++) {
     let item = data[i];
     for (let groupByIndex = 0; groupByIndex < groupByLength; groupByIndex++) {
@@ -3227,38 +3291,10 @@ function group(groupParams, data) {
         }
         deepMap.set(currentGroupKeys, deepMapGroupValue);
       }
-      const {
-        items: currentGroupItems,
-        reducerResults,
-        pivotDeepMap
-      } = deepMap.get(currentGroupKeys);
-      currentGroupItems.push(item);
-      if (reducers) {
-        computeReducersFor(item, reducers, reducerResults);
-      }
-      if (pivot) {
-        for (let pivotIndex = 0, pivotLength = pivot.length; pivotIndex < pivotLength; pivotIndex++) {
-          const { field: pivotField, toKey: pivotToKey } = pivot[pivotIndex];
-          const pivotKey = (pivotToKey || defaultToKey)(item[pivotField], item);
-          currentPivotKeys.push(pivotKey);
-          if (!pivotDeepMap.has(currentPivotKeys)) {
-            topLevelPivotColumns.set(currentPivotKeys, true);
-            pivotDeepMap == null ? void 0 : pivotDeepMap.set(currentPivotKeys, {
-              reducerResults: __spreadValues({}, initialReducerValue),
-              items: []
-            });
-          }
-          const {
-            reducerResults: pivotReducerResults,
-            items: pivotGroupItems
-          } = pivotDeepMap.get(currentPivotKeys);
-          pivotGroupItems.push(item);
-          if (reducers) {
-            computeReducersFor(item, reducers, pivotReducerResults);
-          }
-        }
-        currentPivotKeys.length = 0;
-      }
+      processGroup(deepMap, currentGroupKeys, currentPivotKeys, item, pivot, reducers, topLevelPivotColumns, initialReducerValue, defaultToKey);
+    }
+    if (!groupByLength) {
+      processGroup(deepMap, currentGroupKeys, currentPivotKeys, item, pivot, reducers, topLevelPivotColumns, initialReducerValue, defaultToKey);
     }
     if (reducers) {
       computeReducersFor(item, reducers, globalReducerResults);
@@ -3502,7 +3538,7 @@ function buildDataSourceDataParams(componentState, overrides) {
   };
   if (componentState.livePagination !== void 0) {
     dataSourceParams.livePaginationCursor = componentState.livePaginationCursor;
-    dataSourceParams.cursorId = componentState.cursorId;
+    dataSourceParams.__cursorId = componentState.cursorId;
   }
   if (componentState.lazyLoad) {
     if (componentState.lazyLoadBatchSize != null && componentState.lazyLoadBatchSize > 0) {
@@ -3533,7 +3569,7 @@ function loadData(data, componentState, actions, overrides) {
     const lazyGroupData = componentState.originalLazyGroupData;
     const key = [LAZY_ROOT_KEY_FOR_GROUPS, ...dataParams.groupKeys || []];
     const existingGroupRowInfo = lazyGroupData.get(key);
-    if (existingGroupRowInfo && existingGroupRowInfo.cache) {
+    if (existingGroupRowInfo && existingGroupRowInfo.cache && key.length > 1) {
       const items = existingGroupRowInfo.items;
       const len = items.length;
       let allLoaded = true;
@@ -3692,7 +3728,8 @@ function useLoadData() {
     const componentState2 = getComponentState();
     if (initialRef.current) {
       initialRef.current = false;
-      actions.dataParams = buildDataSourceDataParams(componentState2);
+      const dataParams = buildDataSourceDataParams(componentState2);
+      actions.dataParams = dataParams;
     }
   }, depsObject);
 }
@@ -3705,7 +3742,6 @@ function useLazyLoadRange() {
   const loadingCache = (0, import_react15.useMemo)(() => {
     return new Map();
   }, [componentState.data]);
-  globalThis.loadingCache = loadingCache;
   const {
     lazyLoadBatchSize,
     notifyRenderRangeChange,
@@ -4147,7 +4183,7 @@ function getInterceptActions() {
     },
     cursorId: (cursorId, { actions, state }) => {
       const dataParams = buildDataSourceDataParams(state, {
-        cursorId
+        __cursorId: cursorId
       });
       actions.dataParams = dataParams;
     },
@@ -4317,7 +4353,7 @@ function getPivotColumnsAndColumnGroups({
       next == null ? void 0 : next();
     }
   });
-  if (columns.size === 1) {
+  if (!pivotLength) {
     aggregationReducers.forEach((reducer, index) => {
       columns.set(`total:${reducer.id}`, prepareColumn({
         header: `${reducer.name || reducer.id} total`,
@@ -4849,7 +4885,7 @@ function getColumnsWhenGrouping(params) {
       }, toggleGroupRow, groupColumn);
       computedColumns.set(generatedGroupColumn.id || `group-by-${groupByForColumn.field}`, generatedGroupColumn);
     });
-  } else if (groupRenderStrategy === "single-column") {
+  } else if (groupRenderStrategy === "single-column" && groupBy.length) {
     const singleGroupColumn = getSingleGroupColumn({
       groupCount: groupBy.length,
       groupBy,
@@ -7792,7 +7828,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react42.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.13"
+      version: "0.2.14"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -14,5 +14,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1647043236196
+  "publishedAt": 1647350101044
 }