@infinite-table/infinite-react 4.3.3 → 4.3.5

package/index.dev.js

@@ -13351,11 +13351,17 @@ function concludeReducer(params) {
   if (state.lazyLoad || state.livePagination) {
     shouldSort = false;
   }
+  const refetchKeyChanged = haveDepsChanged(previousState, state, [
+    "refetchKey"
+  ]);
   let originalDataArrayChanged = haveDepsChanged(previousState, state, [
     "cache",
     "originalDataArray",
     "originalLazyGroupDataChangeDetect"
   ]);
+  if (Array.isArray(state.data) && refetchKeyChanged) {
+    originalDataArrayChanged = true;
+  }
   const lazyLoadGroupDataChange = false;
   if (lazyLoadGroupDataChange) {
     state.originalLazyGroupData = new DeepMap();
@@ -14071,6 +14077,11 @@ See http://infinite-table.com/docs/reference/error-codes#DS001 for more info.`
         if (changes.filterValue && getComponentState().filterMode === "local") {
           return;
         }
+        const originalData = getComponentState().data;
+        if (Array.isArray(originalData) && changes.refetchKey) {
+          actions.originalDataArray = originalData;
+          return;
+        }
       }
       const masterContext = getMasterContext();
       const { isDetail, isDetailReady } = getDetailReady(
@@ -14872,136 +14883,6 @@ function useDataSourceInternal(props) {
   };
 }
 
-// src/utils/FixedSizeMap.ts
-var _FixedSizeMap = class {
-  constructor(clone, size) {
-    this.keysInOrder = [];
-    if (typeof clone === "number") {
-      this.maxSize = clone;
-      this.currentMap = /* @__PURE__ */ new Map();
-    } else {
-      this.maxSize = size != null ? size : _FixedSizeMap.DEFAULT_SIZE;
-      if (clone) {
-        const arr = Array.from(clone);
-        if (this.maxSize < arr.length) {
-          arr.slice(arr.length - this.maxSize);
-        }
-        this.currentMap = /* @__PURE__ */ new Map();
-        arr.forEach(([k, v]) => {
-          this.set(k, v);
-        });
-      } else {
-        this.currentMap = /* @__PURE__ */ new Map();
-      }
-    }
-  }
-  values() {
-    return this.currentMap.values();
-  }
-  get size() {
-    return this.currentMap.size;
-  }
-  delete(key) {
-    if (this.currentMap.has(key)) {
-      this.currentMap.delete(key);
-      this.keysInOrder = this.keysInOrder.filter((k) => k !== key);
-      return true;
-    }
-    return false;
-  }
-  has(key) {
-    return this.currentMap.has(key);
-  }
-  get(key) {
-    return this.currentMap.get(key);
-  }
-  set(key, el) {
-    if (this.has(key)) {
-      this.delete(key);
-    }
-    const canAddCount = this.maxSize - this.currentMap.size;
-    if (canAddCount <= 0) {
-      const [removedKey] = this.keysInOrder.splice(0, 1);
-      if (removedKey != void 0) {
-        this.currentMap.delete(removedKey);
-      }
-    }
-    this.keysInOrder.push(key);
-    this.currentMap.set(key, el);
-    return this;
-  }
-};
-var FixedSizeMap = _FixedSizeMap;
-FixedSizeMap.DEFAULT_SIZE = 10;
-
-// src/components/DataSource/RowDetailCache.ts
-var RowDetailNoCacheStorage = class {
-  add(_key, _value) {
-    return;
-  }
-  get(_key) {
-    return void 0;
-  }
-  delete(_key) {
-    return;
-  }
-  has(_key) {
-    return false;
-  }
-};
-var RowDetailFixedSizeCacheStorage = class {
-  constructor(maxSize) {
-    this.storage = new FixedSizeMap(maxSize);
-  }
-  add(key, value) {
-    this.storage.set(key, value);
-  }
-  get(key) {
-    return this.storage.get(key);
-  }
-  delete(key) {
-    this.storage.delete(key);
-  }
-  has(key) {
-    return this.storage.has(key);
-  }
-};
-var RowDetailFullCacheStorage = class {
-  constructor() {
-    this.storage = /* @__PURE__ */ new Map();
-  }
-  add(key, value) {
-    this.storage.set(key, value);
-  }
-  get(key) {
-    return this.storage.get(key);
-  }
-  delete(key) {
-    this.storage.delete(key);
-  }
-  has(key) {
-    return this.storage.has(key);
-  }
-};
-var RowDetailCache = class {
-  // public instanceIndex: number = 0;
-  constructor(cache) {
-    this.cacheStorage = cache === false ? new RowDetailNoCacheStorage() : cache === true ? new RowDetailFullCacheStorage() : typeof cache === "number" ? new RowDetailFixedSizeCacheStorage(cache) : new RowDetailFixedSizeCacheStorage(5);
-  }
-  add(key, value) {
-    this.cacheStorage.add(key, value);
-  }
-  get(key) {
-    return this.cacheStorage.get(key);
-  }
-  delete(key) {
-    this.cacheStorage.delete(key);
-  }
-  has(key) {
-    return this.cacheStorage.has(key);
-  }
-};
-
 // src/components/DataSource/BooleanCollectionState.ts
 var BooleanCollectionState = class {
   constructor(state) {
@@ -15199,6 +15080,136 @@ var RowDetailState = class extends BooleanCollectionState {
   }
 };
 
+// src/utils/FixedSizeMap.ts
+var _FixedSizeMap = class {
+  constructor(clone, size) {
+    this.keysInOrder = [];
+    if (typeof clone === "number") {
+      this.maxSize = clone;
+      this.currentMap = /* @__PURE__ */ new Map();
+    } else {
+      this.maxSize = size != null ? size : _FixedSizeMap.DEFAULT_SIZE;
+      if (clone) {
+        const arr = Array.from(clone);
+        if (this.maxSize < arr.length) {
+          arr.slice(arr.length - this.maxSize);
+        }
+        this.currentMap = /* @__PURE__ */ new Map();
+        arr.forEach(([k, v]) => {
+          this.set(k, v);
+        });
+      } else {
+        this.currentMap = /* @__PURE__ */ new Map();
+      }
+    }
+  }
+  values() {
+    return this.currentMap.values();
+  }
+  get size() {
+    return this.currentMap.size;
+  }
+  delete(key) {
+    if (this.currentMap.has(key)) {
+      this.currentMap.delete(key);
+      this.keysInOrder = this.keysInOrder.filter((k) => k !== key);
+      return true;
+    }
+    return false;
+  }
+  has(key) {
+    return this.currentMap.has(key);
+  }
+  get(key) {
+    return this.currentMap.get(key);
+  }
+  set(key, el) {
+    if (this.has(key)) {
+      this.delete(key);
+    }
+    const canAddCount = this.maxSize - this.currentMap.size;
+    if (canAddCount <= 0) {
+      const [removedKey] = this.keysInOrder.splice(0, 1);
+      if (removedKey != void 0) {
+        this.currentMap.delete(removedKey);
+      }
+    }
+    this.keysInOrder.push(key);
+    this.currentMap.set(key, el);
+    return this;
+  }
+};
+var FixedSizeMap = _FixedSizeMap;
+FixedSizeMap.DEFAULT_SIZE = 10;
+
+// src/components/DataSource/RowDetailCache.ts
+var RowDetailNoCacheStorage = class {
+  add(_key, _value) {
+    return;
+  }
+  get(_key) {
+    return void 0;
+  }
+  delete(_key) {
+    return;
+  }
+  has(_key) {
+    return false;
+  }
+};
+var RowDetailFixedSizeCacheStorage = class {
+  constructor(maxSize) {
+    this.storage = new FixedSizeMap(maxSize);
+  }
+  add(key, value) {
+    this.storage.set(key, value);
+  }
+  get(key) {
+    return this.storage.get(key);
+  }
+  delete(key) {
+    this.storage.delete(key);
+  }
+  has(key) {
+    return this.storage.has(key);
+  }
+};
+var RowDetailFullCacheStorage = class {
+  constructor() {
+    this.storage = /* @__PURE__ */ new Map();
+  }
+  add(key, value) {
+    this.storage.set(key, value);
+  }
+  get(key) {
+    return this.storage.get(key);
+  }
+  delete(key) {
+    this.storage.delete(key);
+  }
+  has(key) {
+    return this.storage.has(key);
+  }
+};
+var RowDetailCache = class {
+  // public instanceIndex: number = 0;
+  constructor(cache) {
+    this.cacheStorage = cache === false ? new RowDetailNoCacheStorage() : cache === true ? new RowDetailFullCacheStorage() : typeof cache === "number" ? new RowDetailFixedSizeCacheStorage(cache) : new RowDetailFixedSizeCacheStorage(5);
+  }
+  add(key, value) {
+    this.cacheStorage.add(key, value);
+  }
+  get(key) {
+    return this.cacheStorage.get(key);
+  }
+  delete(key) {
+    this.cacheStorage.delete(key);
+  }
+  has(key) {
+    return this.cacheStorage.has(key);
+  }
+};
+
 // src/components/DataSource/types.ts
 var DataSourceActionType = /* @__PURE__ */ ((DataSourceActionType2) => {
   DataSourceActionType2["INIT"] = "INIT";
@@ -16866,6 +16877,12 @@ function useCellRendering(param) {
       scrollTopMaxRef.current = brain.scrollTopMax;
     });
   }, [brain]);
+  (0, import_react40.useEffect)(() => {
+    return brain.onRenderRangeChange((range) => {
+      var _a, _b;
+      (_b = (_a = getState()).onRenderRangeChange) == null ? void 0 : _b.call(_a, range);
+    });
+  }, [brain]);
   (0, import_react40.useEffect)(() => {
     return brain.onScrollStop((scrollPosition) => {
       const { scrollTop: scrollTop2, scrollLeft: scrollLeft2 } = scrollPosition;
@@ -17467,6 +17484,7 @@ var forwardProps4 = (_setupState) => {
     onBlurWithin: 1,
     onContextMenu: 1,
     onCellContextMenu: 1,
+    onRenderRangeChange: 1,
     onScrollToTop: 1,
     onScrollToBottom: 1,
     onScrollStop: 1,
@@ -18825,7 +18843,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.3"
+      version: "4.3.5"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -22542,7 +22560,8 @@ function InfiniteTableBody() {
     components: components2,
     bodySize,
     activeCellIndex,
-    rowDetailRenderer
+    rowDetailRenderer,
+    showHoverRows
   } = componentState;
   const LoadMaskCmp = (_a = components2 == null ? void 0 : components2.LoadMask) != null ? _a : LoadMask;
   const computed = getComputed();
@@ -22610,7 +22629,7 @@ function InfiniteTableBody() {
       activeCellRowHeight,
       renderCell,
       renderDetailRow: rowDetailRenderer ? renderDetailRow : void 0,
-      cellHoverClassNames: HOVERED_CLASS_NAMES,
+      cellHoverClassNames: showHoverRows ? HOVERED_CLASS_NAMES : void 0,
       scrollerDOMRef
     }
   ), /* @__PURE__ */ React68.createElement(LoadMaskCmp, { visible: loading }, loadingText));

package/index.dev.mjs

@@ -13314,11 +13314,17 @@ function concludeReducer(params) {
   if (state.lazyLoad || state.livePagination) {
     shouldSort = false;
   }
+  const refetchKeyChanged = haveDepsChanged(previousState, state, [
+    "refetchKey"
+  ]);
   let originalDataArrayChanged = haveDepsChanged(previousState, state, [
     "cache",
     "originalDataArray",
     "originalLazyGroupDataChangeDetect"
   ]);
+  if (Array.isArray(state.data) && refetchKeyChanged) {
+    originalDataArrayChanged = true;
+  }
   const lazyLoadGroupDataChange = false;
   if (lazyLoadGroupDataChange) {
     state.originalLazyGroupData = new DeepMap();
@@ -14034,6 +14040,11 @@ See http://infinite-table.com/docs/reference/error-codes#DS001 for more info.`
         if (changes.filterValue && getComponentState().filterMode === "local") {
           return;
         }
+        const originalData = getComponentState().data;
+        if (Array.isArray(originalData) && changes.refetchKey) {
+          actions.originalDataArray = originalData;
+          return;
+        }
       }
       const masterContext = getMasterContext();
       const { isDetail, isDetailReady } = getDetailReady(
@@ -14840,136 +14851,6 @@ function useDataSourceInternal(props) {
   };
 }
 
-// src/utils/FixedSizeMap.ts
-var _FixedSizeMap = class {
-  constructor(clone, size) {
-    this.keysInOrder = [];
-    if (typeof clone === "number") {
-      this.maxSize = clone;
-      this.currentMap = /* @__PURE__ */ new Map();
-    } else {
-      this.maxSize = size != null ? size : _FixedSizeMap.DEFAULT_SIZE;
-      if (clone) {
-        const arr = Array.from(clone);
-        if (this.maxSize < arr.length) {
-          arr.slice(arr.length - this.maxSize);
-        }
-        this.currentMap = /* @__PURE__ */ new Map();
-        arr.forEach(([k, v]) => {
-          this.set(k, v);
-        });
-      } else {
-        this.currentMap = /* @__PURE__ */ new Map();
-      }
-    }
-  }
-  values() {
-    return this.currentMap.values();
-  }
-  get size() {
-    return this.currentMap.size;
-  }
-  delete(key) {
-    if (this.currentMap.has(key)) {
-      this.currentMap.delete(key);
-      this.keysInOrder = this.keysInOrder.filter((k) => k !== key);
-      return true;
-    }
-    return false;
-  }
-  has(key) {
-    return this.currentMap.has(key);
-  }
-  get(key) {
-    return this.currentMap.get(key);
-  }
-  set(key, el) {
-    if (this.has(key)) {
-      this.delete(key);
-    }
-    const canAddCount = this.maxSize - this.currentMap.size;
-    if (canAddCount <= 0) {
-      const [removedKey] = this.keysInOrder.splice(0, 1);
-      if (removedKey != void 0) {
-        this.currentMap.delete(removedKey);
-      }
-    }
-    this.keysInOrder.push(key);
-    this.currentMap.set(key, el);
-    return this;
-  }
-};
-var FixedSizeMap = _FixedSizeMap;
-FixedSizeMap.DEFAULT_SIZE = 10;
-
-// src/components/DataSource/RowDetailCache.ts
-var RowDetailNoCacheStorage = class {
-  add(_key, _value) {
-    return;
-  }
-  get(_key) {
-    return void 0;
-  }
-  delete(_key) {
-    return;
-  }
-  has(_key) {
-    return false;
-  }
-};
-var RowDetailFixedSizeCacheStorage = class {
-  constructor(maxSize) {
-    this.storage = new FixedSizeMap(maxSize);
-  }
-  add(key, value) {
-    this.storage.set(key, value);
-  }
-  get(key) {
-    return this.storage.get(key);
-  }
-  delete(key) {
-    this.storage.delete(key);
-  }
-  has(key) {
-    return this.storage.has(key);
-  }
-};
-var RowDetailFullCacheStorage = class {
-  constructor() {
-    this.storage = /* @__PURE__ */ new Map();
-  }
-  add(key, value) {
-    this.storage.set(key, value);
-  }
-  get(key) {
-    return this.storage.get(key);
-  }
-  delete(key) {
-    this.storage.delete(key);
-  }
-  has(key) {
-    return this.storage.has(key);
-  }
-};
-var RowDetailCache = class {
-  // public instanceIndex: number = 0;
-  constructor(cache) {
-    this.cacheStorage = cache === false ? new RowDetailNoCacheStorage() : cache === true ? new RowDetailFullCacheStorage() : typeof cache === "number" ? new RowDetailFixedSizeCacheStorage(cache) : new RowDetailFixedSizeCacheStorage(5);
-  }
-  add(key, value) {
-    this.cacheStorage.add(key, value);
-  }
-  get(key) {
-    return this.cacheStorage.get(key);
-  }
-  delete(key) {
-    this.cacheStorage.delete(key);
-  }
-  has(key) {
-    return this.cacheStorage.has(key);
-  }
-};
-
 // src/components/DataSource/BooleanCollectionState.ts
 var BooleanCollectionState = class {
   constructor(state) {
@@ -15167,6 +15048,136 @@ var RowDetailState = class extends BooleanCollectionState {
   }
 };
 
+// src/utils/FixedSizeMap.ts
+var _FixedSizeMap = class {
+  constructor(clone, size) {
+    this.keysInOrder = [];
+    if (typeof clone === "number") {
+      this.maxSize = clone;
+      this.currentMap = /* @__PURE__ */ new Map();
+    } else {
+      this.maxSize = size != null ? size : _FixedSizeMap.DEFAULT_SIZE;
+      if (clone) {
+        const arr = Array.from(clone);
+        if (this.maxSize < arr.length) {
+          arr.slice(arr.length - this.maxSize);
+        }
+        this.currentMap = /* @__PURE__ */ new Map();
+        arr.forEach(([k, v]) => {
+          this.set(k, v);
+        });
+      } else {
+        this.currentMap = /* @__PURE__ */ new Map();
+      }
+    }
+  }
+  values() {
+    return this.currentMap.values();
+  }
+  get size() {
+    return this.currentMap.size;
+  }
+  delete(key) {
+    if (this.currentMap.has(key)) {
+      this.currentMap.delete(key);
+      this.keysInOrder = this.keysInOrder.filter((k) => k !== key);
+      return true;
+    }
+    return false;
+  }
+  has(key) {
+    return this.currentMap.has(key);
+  }
+  get(key) {
+    return this.currentMap.get(key);
+  }
+  set(key, el) {
+    if (this.has(key)) {
+      this.delete(key);
+    }
+    const canAddCount = this.maxSize - this.currentMap.size;
+    if (canAddCount <= 0) {
+      const [removedKey] = this.keysInOrder.splice(0, 1);
+      if (removedKey != void 0) {
+        this.currentMap.delete(removedKey);
+      }
+    }
+    this.keysInOrder.push(key);
+    this.currentMap.set(key, el);
+    return this;
+  }
+};
+var FixedSizeMap = _FixedSizeMap;
+FixedSizeMap.DEFAULT_SIZE = 10;
+
+// src/components/DataSource/RowDetailCache.ts
+var RowDetailNoCacheStorage = class {
+  add(_key, _value) {
+    return;
+  }
+  get(_key) {
+    return void 0;
+  }
+  delete(_key) {
+    return;
+  }
+  has(_key) {
+    return false;
+  }
+};
+var RowDetailFixedSizeCacheStorage = class {
+  constructor(maxSize) {
+    this.storage = new FixedSizeMap(maxSize);
+  }
+  add(key, value) {
+    this.storage.set(key, value);
+  }
+  get(key) {
+    return this.storage.get(key);
+  }
+  delete(key) {
+    this.storage.delete(key);
+  }
+  has(key) {
+    return this.storage.has(key);
+  }
+};
+var RowDetailFullCacheStorage = class {
+  constructor() {
+    this.storage = /* @__PURE__ */ new Map();
+  }
+  add(key, value) {
+    this.storage.set(key, value);
+  }
+  get(key) {
+    return this.storage.get(key);
+  }
+  delete(key) {
+    this.storage.delete(key);
+  }
+  has(key) {
+    return this.storage.has(key);
+  }
+};
+var RowDetailCache = class {
+  // public instanceIndex: number = 0;
+  constructor(cache) {
+    this.cacheStorage = cache === false ? new RowDetailNoCacheStorage() : cache === true ? new RowDetailFullCacheStorage() : typeof cache === "number" ? new RowDetailFixedSizeCacheStorage(cache) : new RowDetailFixedSizeCacheStorage(5);
+  }
+  add(key, value) {
+    this.cacheStorage.add(key, value);
+  }
+  get(key) {
+    return this.cacheStorage.get(key);
+  }
+  delete(key) {
+    this.cacheStorage.delete(key);
+  }
+  has(key) {
+    return this.cacheStorage.has(key);
+  }
+};
+
 // src/components/DataSource/types.ts
 var DataSourceActionType = /* @__PURE__ */ ((DataSourceActionType2) => {
   DataSourceActionType2["INIT"] = "INIT";
@@ -16838,6 +16849,12 @@ function useCellRendering(param) {
       scrollTopMaxRef.current = brain.scrollTopMax;
     });
   }, [brain]);
+  useEffect22(() => {
+    return brain.onRenderRangeChange((range) => {
+      var _a, _b;
+      (_b = (_a = getState()).onRenderRangeChange) == null ? void 0 : _b.call(_a, range);
+    });
+  }, [brain]);
   useEffect22(() => {
     return brain.onScrollStop((scrollPosition) => {
       const { scrollTop: scrollTop2, scrollLeft: scrollLeft2 } = scrollPosition;
@@ -17439,6 +17456,7 @@ var forwardProps4 = (_setupState) => {
     onBlurWithin: 1,
     onContextMenu: 1,
     onCellContextMenu: 1,
+    onRenderRangeChange: 1,
     onScrollToTop: 1,
     onScrollToBottom: 1,
     onScrollStop: 1,
@@ -18797,7 +18815,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.3"
+      version: "4.3.5"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -22524,7 +22542,8 @@ function InfiniteTableBody() {
     components: components2,
     bodySize,
     activeCellIndex,
-    rowDetailRenderer
+    rowDetailRenderer,
+    showHoverRows
   } = componentState;
   const LoadMaskCmp = (_a = components2 == null ? void 0 : components2.LoadMask) != null ? _a : LoadMask;
   const computed = getComputed();
@@ -22592,7 +22611,7 @@ function InfiniteTableBody() {
       activeCellRowHeight,
       renderCell,
       renderDetailRow: rowDetailRenderer ? renderDetailRow : void 0,
-      cellHoverClassNames: HOVERED_CLASS_NAMES,
+      cellHoverClassNames: showHoverRows ? HOVERED_CLASS_NAMES : void 0,
       scrollerDOMRef
     }
   ), /* @__PURE__ */ React68.createElement(LoadMaskCmp, { visible: loading }, loadingText));