@infinite-table/infinite-react 0.2.17 → 0.2.20

package/index.esm.js

@@ -1289,7 +1289,7 @@ var forwardProps = (setupState) => {
     pivotColumnGroups: 1,
     onScrollbarsChange: 1,
     autoSizeColumnsKey: 1,
-    scrollStopDelay: (scrollStopDelay) => scrollStopDelay != null ? scrollStopDelay : 100,
+    scrollStopDelay: (scrollStopDelay) => scrollStopDelay != null ? scrollStopDelay : 250,
     viewportReservedWidth: (viewportReservedWidth) => viewportReservedWidth != null ? viewportReservedWidth : 0,
     activeIndex: (activeIndex) => activeIndex != null ? activeIndex : 0,
     columnMinWidth: (columnMinWidth) => columnMinWidth != null ? columnMinWidth : 30,
@@ -3667,9 +3667,13 @@ function loadData(data, componentState, actions, overrides) {
           }
           currentGroupRowInfo.items.length = currentGroupRowInfo.totalCount;
           const start = (_c = dataParams.lazyLoadStartIndex) != null ? _c : 0;
-          const end = Math.min((_d = remoteData.totalCount) != null ? _d : start + dataParams.lazyLoadBatchSize);
+          const end = Math.min((_d = remoteData.totalCount) != null ? _d : dataArray.length, start + dataParams.lazyLoadBatchSize);
           for (let i = start; i < end; i++) {
-            currentGroupRowInfo.items[i] = newGroupRowInfo.items[i - start];
+            const it = newGroupRowInfo.items[i - start];
+            if (!it) {
+              throw `lazily loaded item not found at index ${i - start}`;
+            }
+            currentGroupRowInfo.items[i] = it;
           }
           if (!existingGroupRowInfo) {
             lazyGroupData.set(key, currentGroupRowInfo);
@@ -3784,7 +3788,7 @@ function useLazyLoadRange() {
   } = useComponentState();
   const loadingCache = useMemo4(() => {
     return new Map();
-  }, [componentState.data]);
+  }, [componentState.data, componentState.dataParams]);
   const {
     lazyLoadBatchSize,
     notifyRenderRangeChange,
@@ -3888,11 +3892,7 @@ function lazyLoadRange(options, cache) {
     }
     cache == null ? void 0 : cache.set(cacheKey, true);
     const args = [componentState.data, componentState, componentActions, fnCall];
-    return promise.then(() => getRafPromise()).then(() => loadData(...args)).then(() => {
-      requestAnimationFrame(() => {
-        cache == null ? void 0 : cache.delete(cacheKey);
-      });
-    });
+    return promise.then(() => getRafPromise()).then(() => loadData(...args));
   }, initialPromise);
 }
 
@@ -4423,7 +4423,6 @@ function getPivotColumnsAndColumnGroups({
   if (!pivotLength && pivotTotalColumnPosition === "end" || pivotGrandTotalColumnPosition === "end") {
     addGrandTotalColumns();
   }
-  console.log(columns.keys());
   const result = {
     columns,
     columnGroups
@@ -7221,7 +7220,6 @@ var useOnContainerScroll = ({
     componentState: {
       scrollStopDelay,
       scrollerDOMRef,
-      domRef,
       scrollToBottomOffset,
       onScrollToBottom,
       onScrollToTop,
@@ -7267,7 +7265,7 @@ var useOnContainerScroll = ({
           lastVisibleRowIndex: range.renderEndIndex
         });
       }
-      const classList = (_a = domRef.current) == null ? void 0 : _a.classList;
+      const classList = (_a = scrollerDOMRef.current) == null ? void 0 : _a.classList;
       if (!classList) {
         return;
       }
@@ -7285,7 +7283,7 @@ var useOnContainerScroll = ({
   }, [
     horizontalVirtualBrain,
     verticalVirtualBrain,
-    domRef.current,
+    scrollerDOMRef.current,
     setScrolling
   ]);
   const scrollPositionRef = useRef16({
@@ -8030,7 +8028,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo12(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.17"
+      version: "0.2.20"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -1309,7 +1309,7 @@ var forwardProps = (setupState) => {
     pivotColumnGroups: 1,
     onScrollbarsChange: 1,
     autoSizeColumnsKey: 1,
-    scrollStopDelay: (scrollStopDelay) => scrollStopDelay != null ? scrollStopDelay : 100,
+    scrollStopDelay: (scrollStopDelay) => scrollStopDelay != null ? scrollStopDelay : 250,
     viewportReservedWidth: (viewportReservedWidth) => viewportReservedWidth != null ? viewportReservedWidth : 0,
     activeIndex: (activeIndex) => activeIndex != null ? activeIndex : 0,
     columnMinWidth: (columnMinWidth) => columnMinWidth != null ? columnMinWidth : 30,
@@ -3656,9 +3656,13 @@ function loadData(data, componentState, actions, overrides) {
           }
           currentGroupRowInfo.items.length = currentGroupRowInfo.totalCount;
           const start = (_c = dataParams.lazyLoadStartIndex) != null ? _c : 0;
-          const end = Math.min((_d = remoteData.totalCount) != null ? _d : start + dataParams.lazyLoadBatchSize);
+          const end = Math.min((_d = remoteData.totalCount) != null ? _d : dataArray.length, start + dataParams.lazyLoadBatchSize);
           for (let i = start; i < end; i++) {
-            currentGroupRowInfo.items[i] = newGroupRowInfo.items[i - start];
+            const it = newGroupRowInfo.items[i - start];
+            if (!it) {
+              throw `lazily loaded item not found at index ${i - start}`;
+            }
+            currentGroupRowInfo.items[i] = it;
           }
           if (!existingGroupRowInfo) {
             lazyGroupData.set(key, currentGroupRowInfo);
@@ -3773,7 +3777,7 @@ function useLazyLoadRange() {
   } = useComponentState();
   const loadingCache = (0, import_react16.useMemo)(() => {
     return new Map();
-  }, [componentState.data]);
+  }, [componentState.data, componentState.dataParams]);
   const {
     lazyLoadBatchSize,
     notifyRenderRangeChange,
@@ -3877,11 +3881,7 @@ function lazyLoadRange(options, cache) {
     }
     cache == null ? void 0 : cache.set(cacheKey, true);
     const args = [componentState.data, componentState, componentActions, fnCall];
-    return promise.then(() => getRafPromise()).then(() => loadData(...args)).then(() => {
-      requestAnimationFrame(() => {
-        cache == null ? void 0 : cache.delete(cacheKey);
-      });
-    });
+    return promise.then(() => getRafPromise()).then(() => loadData(...args));
   }, initialPromise);
 }
 
@@ -4412,7 +4412,6 @@ function getPivotColumnsAndColumnGroups({
   if (!pivotLength && pivotTotalColumnPosition === "end" || pivotGrandTotalColumnPosition === "end") {
     addGrandTotalColumns();
   }
-  console.log(columns.keys());
   const result = {
     columns,
     columnGroups
@@ -7139,7 +7138,6 @@ var useOnContainerScroll = ({
     componentState: {
       scrollStopDelay,
       scrollerDOMRef,
-      domRef,
       scrollToBottomOffset,
       onScrollToBottom,
       onScrollToTop,
@@ -7185,7 +7183,7 @@ var useOnContainerScroll = ({
           lastVisibleRowIndex: range.renderEndIndex
         });
       }
-      const classList = (_a = domRef.current) == null ? void 0 : _a.classList;
+      const classList = (_a = scrollerDOMRef.current) == null ? void 0 : _a.classList;
       if (!classList) {
         return;
       }
@@ -7203,7 +7201,7 @@ var useOnContainerScroll = ({
   }, [
     horizontalVirtualBrain,
     verticalVirtualBrain,
-    domRef.current,
+    scrollerDOMRef.current,
     setScrolling
   ]);
   const scrollPositionRef = (0, import_react36.useRef)({
@@ -7938,7 +7936,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react44.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.17"
+      version: "0.2.20"
     });
     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.17",
+  "version": "0.2.20",
   "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": 1648554753079
+  "publishedAt": 1649171966292
 }