@infinite-table/infinite-react 0.2.7 → 0.2.10

package/index.esm.js

@@ -193,11 +193,11 @@ var require_common = __commonJS({
         let enableOverride = null;
         let namespacesCache;
         let enabledCache;
-        function debug6(...args) {
-          if (!debug6.enabled) {
+        function debug7(...args) {
+          if (!debug7.enabled) {
             return;
           }
-          const self = debug6;
+          const self = debug7;
           const curr = Number(new Date());
           const ms = curr - (prevTime || curr);
           self.diff = ms;
@@ -227,12 +227,12 @@ var require_common = __commonJS({
           const logFn = self.log || createDebug.log;
           logFn.apply(self, args);
         }
-        debug6.namespace = namespace;
-        debug6.useColors = createDebug.useColors();
-        debug6.color = createDebug.selectColor(namespace);
-        debug6.extend = extend;
-        debug6.destroy = createDebug.destroy;
-        Object.defineProperty(debug6, "enabled", {
+        debug7.namespace = namespace;
+        debug7.useColors = createDebug.useColors();
+        debug7.color = createDebug.selectColor(namespace);
+        debug7.extend = extend;
+        debug7.destroy = createDebug.destroy;
+        Object.defineProperty(debug7, "enabled", {
           enumerable: true,
           configurable: false,
           get: () => {
@@ -250,9 +250,9 @@ var require_common = __commonJS({
           }
         });
         if (typeof createDebug.init === "function") {
-          createDebug.init(debug6);
+          createDebug.init(debug7);
         }
-        return debug6;
+        return debug7;
       }
       function extend(namespace, delimiter) {
         const newDebug = createDebug(this.namespace + (typeof delimiter === "undefined" ? ":" : delimiter) + namespace);
@@ -822,8 +822,8 @@ var forwardProps = (setupState) => {
     columns: (columns) => toMap(columns, setupState.propsCache.get("columns")),
     columnVisibility: (columnVisibility) => columnVisibility != null ? columnVisibility : {},
     columnPinning: (columnPinning) => toMap(columnPinning, setupState.propsCache.get("columnPinning")),
-    columnSizing: (columnSizing) => toMap(columnSizing, setupState.propsCache.get("columnSizing")),
-    columnTypes: (columnTypes) => toMap(columnTypes, setupState.propsCache.get("columnTypes")),
+    columnSizing: (columnSizing) => columnSizing || {},
+    columnTypes: (columnTypes) => columnTypes || {},
     collapsedColumnGroups: (collapsedColumnGroups) => collapsedColumnGroups != null ? collapsedColumnGroups : new Map(),
     columnGroups: (columnGroups) => toMap(columnGroups, setupState.propsCache.get("columnGroups"))
   };
@@ -1192,7 +1192,7 @@ function getScrollbarWidth() {
 // src/components/InfiniteTable/utils/getColumnComputedType.ts
 var emptyType = Object.freeze({});
 function getColumnComputedType(column, columnTypes) {
-  const defaultType = columnTypes.get("default") || emptyType;
+  const defaultType = columnTypes["default"] || emptyType;
   if (column.type === void 0) {
     return defaultType;
   }
@@ -1200,10 +1200,26 @@ function getColumnComputedType(column, columnTypes) {
     return emptyType;
   }
   if (typeof column.type === "string") {
-    const type = columnTypes.get(column.type) || emptyType;
+    const type = columnTypes[column.type] || emptyType;
     return type;
   }
-  return column.type.reduce((acc, columnType) => Object.assign(acc, columnTypes.get(columnType)), {});
+  return column.type.reduce((acc, columnType) => Object.assign(acc, columnTypes[columnType]), {});
+}
+
+// src/components/InfiniteTable/utils/assignFiltered.ts
+function assignFiltered(filterFn, target, ...rest) {
+  let result = target;
+  rest.forEach((obj) => {
+    for (const key in obj) {
+      if (obj.hasOwnProperty(key) && filterFn(obj[key], key)) {
+        result[key] = obj[key];
+      }
+    }
+  });
+  return result;
+}
+function assignNonNull(target, ...rest) {
+  return assignFiltered((value) => value != null, target, ...rest);
 }
 
 // src/components/InfiniteTable/utils/getComputedVisibleColumns.ts
@@ -1266,7 +1282,7 @@ var getComputedVisibleColumns = ({
     maxSize: columnMaxWidth,
     minSize: columnMinWidth,
     items: visibleColumnOrder.map((colId) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       const column = columns.get(colId);
       const colType = getColumnComputedType(column, columnTypes);
       const colTypeSizing = {
@@ -1275,21 +1291,23 @@ var getComputedVisibleColumns = ({
         width: colType == null ? void 0 : colType.defaultWidth,
         flex: colType == null ? void 0 : colType.defaultFlex
       };
-      let colSizing = columnSizing.get(colId) || {
+      let colSizing = assignNonNull({
         width: column == null ? void 0 : column.defaultWidth,
-        flex: column == null ? void 0 : column.defaultFlex
-      };
+        flex: column == null ? void 0 : column.defaultFlex,
+        minWidth: column == null ? void 0 : column.minWidth,
+        maxWidth: column == null ? void 0 : column.maxWidth
+      }, columnSizing[colId]);
       if (colSizing.width != null) {
         delete colTypeSizing.flex;
       }
       if (colSizing.flex != null) {
         delete colTypeSizing.width;
       }
-      colSizing = Object.assign(colTypeSizing, colSizing);
+      colSizing = assignNonNull(colTypeSizing, colSizing);
       let colFlex = (_a = colSizing.flex) != null ? _a : void 0;
-      const colMinWidth = (_b = colSizing.minWidth) != null ? _b : columnMinWidth;
-      const colMaxWidth = (_c = colSizing.maxWidth) != null ? _c : columnMaxWidth;
-      let size = colFlex != void 0 ? void 0 : (_d = colSizing.width) != null ? _d : columnDefaultWidth;
+      const colMinWidth = (_c = (_b = colSizing.minWidth) != null ? _b : column == null ? void 0 : column.minWidth) != null ? _c : columnMinWidth;
+      const colMaxWidth = (_e = (_d = colSizing.maxWidth) != null ? _d : column == null ? void 0 : column.maxWidth) != null ? _e : columnMaxWidth;
+      let size = colFlex != void 0 ? void 0 : (_f = colSizing.width) != null ? _f : columnDefaultWidth;
       if (!size && colFlex == void 0) {
         size = colMinWidth;
       }
@@ -1563,8 +1581,6 @@ var useComputedVisibleColumns = ({
   columnVisibilityAssumeVisible,
   columnSizing
 }) => {
-  const columnsSizingRenderId = useRerenderOnKeyChange(columnSizing);
-  const columnTypesRenderId = useRerenderOnKeyChange(columnTypes);
   const columnsRenderId = useRerenderOnKeyChange(columns);
   const pinningRenderId = useRerenderOnKeyChange(columnPinning);
   const {
@@ -1621,9 +1637,7 @@ var useComputedVisibleColumns = ({
     pinnedStartMaxWidth,
     columnPinning,
     columnsRenderId,
-    columnsSizingRenderId,
-    pinningRenderId,
-    columnTypesRenderId
+    pinningRenderId
   ]);
   const result = {
     columns,
@@ -2936,7 +2950,7 @@ function enhancedFlatten(param) {
         if (!pivot) {
           const startIndex = result.length;
           result.push(...items.map((item, index) => {
-            return {
+            const rowInfo = {
               id: item ? toPrimaryKey(item) : `${groupKeys}-${index}`,
               data: item,
               isGroupRow: false,
@@ -2950,6 +2964,10 @@ function enhancedFlatten(param) {
               groupNesting,
               groupCount: enhancedGroupData.groupCount
             };
+            parents.forEach((parent) => {
+              parent.flatRowInfoList.push(rowInfo);
+            });
+            return rowInfo;
           }));
         }
       } else {
@@ -4501,7 +4519,6 @@ function useComputed() {
           column,
           data,
           dataArray,
-          groupRowInfo: null,
           rowInfo,
           rowIndex: itemIndex
         });
@@ -5496,7 +5513,9 @@ function InfiniteTableHeaderFn(props) {
   }, [computedVisibleColumnsMap, columns, repaintId, headerHeight]);
   useEffect14(() => {
     const onScroll = (scrollPosition) => {
-      domRef.current.style.transform = `translate3d(-${scrollPosition.scrollLeft}px, 0px, 0px)`;
+      if (domRef.current) {
+        domRef.current.style.transform = `translate3d(-${scrollPosition.scrollLeft}px, 0px, 0px)`;
+      }
     };
     const removeOnScroll = brain.onScroll(onScroll);
     return removeOnScroll;
@@ -5774,7 +5793,9 @@ function InfiniteTableHeaderUnvirtualizedFn(props) {
       return;
     }
     const onScroll = (scrollPosition) => {
-      UPDATE_SCROLL(domRef.current, scrollPosition);
+      if (domRef.current) {
+        UPDATE_SCROLL(domRef.current, scrollPosition);
+      }
     };
     const removeOnScroll = scroller.onScroll(onScroll);
     return removeOnScroll;
@@ -6206,7 +6227,6 @@ function InfiniteTableColumnCellFn(props) {
       dataArray: getData(),
       column,
       rowInfo,
-      groupRowInfo,
       rowIndex,
       data: rowInfo.data
     });
@@ -7390,11 +7410,12 @@ var VirtualBrain = class extends Logger {
 
 // src/components/InfiniteTable/hooks/useColumnSizeFn.ts
 import { useCallback as useCallback16 } from "react";
+var debug5 = dbg("useColumnSizeFn");
 function useColumnSizeFn(computedUnpinnedColumns) {
   const columnSize = useCallback16((index) => {
     const column = computedUnpinnedColumns[index];
     if (!column) {
-      console.log("cannot find column at index", index, computedUnpinnedColumns);
+      debug5("cannot find column at index", index, computedUnpinnedColumns);
     }
     return column ? column.computedWidth : 0;
   }, [computedUnpinnedColumns]);
@@ -7814,17 +7835,25 @@ var decode = (licenseKey) => {
 };
 
 // src/components/InfiniteTable/hooks/useLicense/useLicense.ts
-var SANDBOX_REGEX = /(https):\/\/\d+\-\d+\-\d\-(sandpack\.codesandbox\.io)/g;
+var SANDPACK_REGEX = /(https):\/\/\d+\-\d+\-\d+\-(sandpack\.codesandbox\.io)/g;
+var SANDBOX_REGEX = /(https):\/\/\S+(\.csb\.app)/g;
 var origin = typeof window !== "undefined" ? window.location.origin : "";
-var [_fullUrl, protocol, sandboxUrl] = Array.from(SANDBOX_REGEX.exec(origin) || []);
-var isInsideSandbox = protocol === "https" && sandboxUrl === "sandpack.codesandbox.io";
+var isInsideSandpack = () => {
+  const [_fullUrl, protocol, sandpackUrl] = Array.from(SANDPACK_REGEX.exec(origin) || []);
+  return protocol === "https" && sandpackUrl === "sandpack.codesandbox.io";
+};
+var isInsideSandbox = () => {
+  const [_fullUrl, protocol, sandboxUrl] = Array.from(SANDBOX_REGEX.exec(origin) || []);
+  return protocol === "https" && sandboxUrl === ".csb.app";
+};
+var isInsidePlayground = isInsideSandbox() || isInsideSandpack();
 var useLicense = (licenseKey = "") => {
   const valid = useMemo13(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.7"
+      version: "0.2.10"
     });
-    if (!licenseKey && !valid2 && isInsideSandbox) {
+    if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
     }
     return valid2;
@@ -7840,7 +7869,7 @@ import {
 } from "react";
 import { useRef as useRef19 } from "react";
 var error = err("CSSVariableWatch");
-var debug5 = dbg("CSSVariableWatch");
+var debug6 = dbg("CSSVariableWatch");
 var WRAPPER_STYLE = {
   position: "absolute",
   pointerEvents: "none",
@@ -7863,7 +7892,7 @@ var useCSSVariableWatch = (params) => {
     const value = params.ref.current.getBoundingClientRect().height;
     if (value) {
       lastValueRef.current = value;
-      debug5(`Variable ${params.varName} found and equals ${value}.`);
+      debug6(`Variable ${params.varName} found and equals ${value}.`);
       params.onChange(value);
     } else {
       error(`Specified variable ${params.varName} not found or does not have a numeric value.`);

package/index.js

@@ -198,11 +198,11 @@ var require_common = __commonJS({
         let enableOverride = null;
         let namespacesCache;
         let enabledCache;
-        function debug6(...args) {
-          if (!debug6.enabled) {
+        function debug7(...args) {
+          if (!debug7.enabled) {
             return;
           }
-          const self = debug6;
+          const self = debug7;
           const curr = Number(new Date());
           const ms = curr - (prevTime || curr);
           self.diff = ms;
@@ -232,12 +232,12 @@ var require_common = __commonJS({
           const logFn = self.log || createDebug.log;
           logFn.apply(self, args);
         }
-        debug6.namespace = namespace;
-        debug6.useColors = createDebug.useColors();
-        debug6.color = createDebug.selectColor(namespace);
-        debug6.extend = extend;
-        debug6.destroy = createDebug.destroy;
-        Object.defineProperty(debug6, "enabled", {
+        debug7.namespace = namespace;
+        debug7.useColors = createDebug.useColors();
+        debug7.color = createDebug.selectColor(namespace);
+        debug7.extend = extend;
+        debug7.destroy = createDebug.destroy;
+        Object.defineProperty(debug7, "enabled", {
           enumerable: true,
           configurable: false,
           get: () => {
@@ -255,9 +255,9 @@ var require_common = __commonJS({
           }
         });
         if (typeof createDebug.init === "function") {
-          createDebug.init(debug6);
+          createDebug.init(debug7);
         }
-        return debug6;
+        return debug7;
       }
       function extend(namespace, delimiter) {
         const newDebug = createDebug(this.namespace + (typeof delimiter === "undefined" ? ":" : delimiter) + namespace);
@@ -839,8 +839,8 @@ var forwardProps = (setupState) => {
     columns: (columns) => toMap(columns, setupState.propsCache.get("columns")),
     columnVisibility: (columnVisibility) => columnVisibility != null ? columnVisibility : {},
     columnPinning: (columnPinning) => toMap(columnPinning, setupState.propsCache.get("columnPinning")),
-    columnSizing: (columnSizing) => toMap(columnSizing, setupState.propsCache.get("columnSizing")),
-    columnTypes: (columnTypes) => toMap(columnTypes, setupState.propsCache.get("columnTypes")),
+    columnSizing: (columnSizing) => columnSizing || {},
+    columnTypes: (columnTypes) => columnTypes || {},
     collapsedColumnGroups: (collapsedColumnGroups) => collapsedColumnGroups != null ? collapsedColumnGroups : new Map(),
     columnGroups: (columnGroups) => toMap(columnGroups, setupState.propsCache.get("columnGroups"))
   };
@@ -1201,7 +1201,7 @@ function getScrollbarWidth() {
 // src/components/InfiniteTable/utils/getColumnComputedType.ts
 var emptyType = Object.freeze({});
 function getColumnComputedType(column, columnTypes) {
-  const defaultType = columnTypes.get("default") || emptyType;
+  const defaultType = columnTypes["default"] || emptyType;
   if (column.type === void 0) {
     return defaultType;
   }
@@ -1209,10 +1209,26 @@ function getColumnComputedType(column, columnTypes) {
     return emptyType;
   }
   if (typeof column.type === "string") {
-    const type = columnTypes.get(column.type) || emptyType;
+    const type = columnTypes[column.type] || emptyType;
     return type;
   }
-  return column.type.reduce((acc, columnType) => Object.assign(acc, columnTypes.get(columnType)), {});
+  return column.type.reduce((acc, columnType) => Object.assign(acc, columnTypes[columnType]), {});
+}
+
+// src/components/InfiniteTable/utils/assignFiltered.ts
+function assignFiltered(filterFn, target, ...rest) {
+  let result = target;
+  rest.forEach((obj) => {
+    for (const key in obj) {
+      if (obj.hasOwnProperty(key) && filterFn(obj[key], key)) {
+        result[key] = obj[key];
+      }
+    }
+  });
+  return result;
+}
+function assignNonNull(target, ...rest) {
+  return assignFiltered((value) => value != null, target, ...rest);
 }
 
 // src/components/InfiniteTable/utils/getComputedVisibleColumns.ts
@@ -1275,7 +1291,7 @@ var getComputedVisibleColumns = ({
     maxSize: columnMaxWidth,
     minSize: columnMinWidth,
     items: visibleColumnOrder.map((colId) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       const column = columns.get(colId);
       const colType = getColumnComputedType(column, columnTypes);
       const colTypeSizing = {
@@ -1284,21 +1300,23 @@ var getComputedVisibleColumns = ({
         width: colType == null ? void 0 : colType.defaultWidth,
         flex: colType == null ? void 0 : colType.defaultFlex
       };
-      let colSizing = columnSizing.get(colId) || {
+      let colSizing = assignNonNull({
         width: column == null ? void 0 : column.defaultWidth,
-        flex: column == null ? void 0 : column.defaultFlex
-      };
+        flex: column == null ? void 0 : column.defaultFlex,
+        minWidth: column == null ? void 0 : column.minWidth,
+        maxWidth: column == null ? void 0 : column.maxWidth
+      }, columnSizing[colId]);
       if (colSizing.width != null) {
         delete colTypeSizing.flex;
       }
       if (colSizing.flex != null) {
         delete colTypeSizing.width;
       }
-      colSizing = Object.assign(colTypeSizing, colSizing);
+      colSizing = assignNonNull(colTypeSizing, colSizing);
       let colFlex = (_a = colSizing.flex) != null ? _a : void 0;
-      const colMinWidth = (_b = colSizing.minWidth) != null ? _b : columnMinWidth;
-      const colMaxWidth = (_c = colSizing.maxWidth) != null ? _c : columnMaxWidth;
-      let size = colFlex != void 0 ? void 0 : (_d = colSizing.width) != null ? _d : columnDefaultWidth;
+      const colMinWidth = (_c = (_b = colSizing.minWidth) != null ? _b : column == null ? void 0 : column.minWidth) != null ? _c : columnMinWidth;
+      const colMaxWidth = (_e = (_d = colSizing.maxWidth) != null ? _d : column == null ? void 0 : column.maxWidth) != null ? _e : columnMaxWidth;
+      let size = colFlex != void 0 ? void 0 : (_f = colSizing.width) != null ? _f : columnDefaultWidth;
       if (!size && colFlex == void 0) {
         size = colMinWidth;
       }
@@ -1572,8 +1590,6 @@ var useComputedVisibleColumns = ({
   columnVisibilityAssumeVisible,
   columnSizing
 }) => {
-  const columnsSizingRenderId = useRerenderOnKeyChange(columnSizing);
-  const columnTypesRenderId = useRerenderOnKeyChange(columnTypes);
   const columnsRenderId = useRerenderOnKeyChange(columns);
   const pinningRenderId = useRerenderOnKeyChange(columnPinning);
   const {
@@ -1630,9 +1646,7 @@ var useComputedVisibleColumns = ({
     pinnedStartMaxWidth,
     columnPinning,
     columnsRenderId,
-    columnsSizingRenderId,
-    pinningRenderId,
-    columnTypesRenderId
+    pinningRenderId
   ]);
   const result = {
     columns,
@@ -2922,7 +2936,7 @@ function enhancedFlatten(param) {
         if (!pivot) {
           const startIndex = result.length;
           result.push(...items.map((item, index) => {
-            return {
+            const rowInfo = {
               id: item ? toPrimaryKey(item) : `${groupKeys}-${index}`,
               data: item,
               isGroupRow: false,
@@ -2936,6 +2950,10 @@ function enhancedFlatten(param) {
               groupNesting,
               groupCount: enhancedGroupData.groupCount
             };
+            parents.forEach((parent) => {
+              parent.flatRowInfoList.push(rowInfo);
+            });
+            return rowInfo;
           }));
         }
       } else {
@@ -4487,7 +4505,6 @@ function useComputed() {
           column,
           data,
           dataArray,
-          groupRowInfo: null,
           rowInfo,
           rowIndex: itemIndex
         });
@@ -5449,7 +5466,9 @@ function InfiniteTableHeaderFn(props) {
   }, [computedVisibleColumnsMap, columns, repaintId, headerHeight]);
   (0, import_react26.useEffect)(() => {
     const onScroll = (scrollPosition) => {
-      domRef.current.style.transform = `translate3d(-${scrollPosition.scrollLeft}px, 0px, 0px)`;
+      if (domRef.current) {
+        domRef.current.style.transform = `translate3d(-${scrollPosition.scrollLeft}px, 0px, 0px)`;
+      }
     };
     const removeOnScroll = brain.onScroll(onScroll);
     return removeOnScroll;
@@ -5718,7 +5737,9 @@ function InfiniteTableHeaderUnvirtualizedFn(props) {
       return;
     }
     const onScroll = (scrollPosition) => {
-      UPDATE_SCROLL(domRef.current, scrollPosition);
+      if (domRef.current) {
+        UPDATE_SCROLL(domRef.current, scrollPosition);
+      }
     };
     const removeOnScroll = scroller.onScroll(onScroll);
     return removeOnScroll;
@@ -6129,7 +6150,6 @@ function InfiniteTableColumnCellFn(props) {
       dataArray: getData(),
       column,
       rowInfo,
-      groupRowInfo,
       rowIndex,
       data: rowInfo.data
     });
@@ -7302,11 +7322,12 @@ var VirtualBrain = class extends Logger {
 
 // src/components/InfiniteTable/hooks/useColumnSizeFn.ts
 var import_react39 = __toModule(require("react"));
+var debug5 = dbg("useColumnSizeFn");
 function useColumnSizeFn(computedUnpinnedColumns) {
   const columnSize = (0, import_react39.useCallback)((index) => {
     const column = computedUnpinnedColumns[index];
     if (!column) {
-      console.log("cannot find column at index", index, computedUnpinnedColumns);
+      debug5("cannot find column at index", index, computedUnpinnedColumns);
     }
     return column ? column.computedWidth : 0;
   }, [computedUnpinnedColumns]);
@@ -7721,17 +7742,25 @@ var decode = (licenseKey) => {
 };
 
 // src/components/InfiniteTable/hooks/useLicense/useLicense.ts
-var SANDBOX_REGEX = /(https):\/\/\d+\-\d+\-\d\-(sandpack\.codesandbox\.io)/g;
+var SANDPACK_REGEX = /(https):\/\/\d+\-\d+\-\d+\-(sandpack\.codesandbox\.io)/g;
+var SANDBOX_REGEX = /(https):\/\/\S+(\.csb\.app)/g;
 var origin = typeof window !== "undefined" ? window.location.origin : "";
-var [_fullUrl, protocol, sandboxUrl] = Array.from(SANDBOX_REGEX.exec(origin) || []);
-var isInsideSandbox = protocol === "https" && sandboxUrl === "sandpack.codesandbox.io";
+var isInsideSandpack = () => {
+  const [_fullUrl, protocol, sandpackUrl] = Array.from(SANDPACK_REGEX.exec(origin) || []);
+  return protocol === "https" && sandpackUrl === "sandpack.codesandbox.io";
+};
+var isInsideSandbox = () => {
+  const [_fullUrl, protocol, sandboxUrl] = Array.from(SANDBOX_REGEX.exec(origin) || []);
+  return protocol === "https" && sandboxUrl === ".csb.app";
+};
+var isInsidePlayground = isInsideSandbox() || isInsideSandpack();
 var useLicense = (licenseKey = "") => {
   const valid = (0, import_react43.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.7"
+      version: "0.2.10"
     });
-    if (!licenseKey && !valid2 && isInsideSandbox) {
+    if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
     }
     return valid2;
@@ -7743,7 +7772,7 @@ var useLicense = (licenseKey = "") => {
 var React32 = __toModule(require("react"));
 var import_react44 = __toModule(require("react"));
 var error = err("CSSVariableWatch");
-var debug5 = dbg("CSSVariableWatch");
+var debug6 = dbg("CSSVariableWatch");
 var WRAPPER_STYLE = {
   position: "absolute",
   pointerEvents: "none",
@@ -7766,7 +7795,7 @@ var useCSSVariableWatch = (params) => {
     const value = params.ref.current.getBoundingClientRect().height;
     if (value) {
       lastValueRef.current = value;
-      debug5(`Variable ${params.varName} found and equals ${value}.`);
+      debug6(`Variable ${params.varName} found and equals ${value}.`);
       params.onChange(value);
     } else {
       error(`Specified variable ${params.varName} not found or does not have a numeric value.`);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.2.7",
+  "version": "0.2.10",
   "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": 1645183793183
+  "publishedAt": 1646346500550
 }