@infinite-table/infinite-react 6.0.16 → 6.0.18

package/index.d.ts

@@ -1628,6 +1628,12 @@ declare type TableRenderDetailRowFnParam = {
 };
 declare type TableRenderCellFn = (param: TableRenderCellFnParam) => Renderable;
 declare type TableRenderDetailRowFn = (param: TableRenderDetailRowFnParam) => Renderable;
+declare type RenderRangeOptions = {
+    force?: boolean;
+    renderCell: TableRenderCellFn;
+    renderDetailRow?: TableRenderDetailRowFn;
+    onRender: (items: Renderable[]) => void;
+};
 declare type HorizontalLayoutColVisibilityOptions = {
     horizontalLayoutPageIndex?: number;
 };
@@ -1702,12 +1708,7 @@ declare class ReactHeadlessTableRenderer extends Logger {
         rendered: boolean;
         mapped: boolean;
     };
-    renderRange(range: TableRenderRange, { renderCell, renderDetailRow, force, onRender, }: {
-        force?: boolean;
-        renderCell: TableRenderCellFn;
-        renderDetailRow?: TableRenderDetailRowFn;
-        onRender: (items: Renderable[]) => void;
-    }): Renderable[];
+    renderRange(range: TableRenderRange, { renderCell, renderDetailRow, force, onRender }: RenderRangeOptions): Renderable[];
     private renderElement;
     private renderDetailElement;
     getFixedRanges: (currentRenderRange: TableRenderRange) => TableRenderRange[];

package/index.dev.js

@@ -4000,12 +4000,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
       mapped: rendered
     };
   }
-  renderRange(range, {
-    renderCell,
-    renderDetailRow,
-    force,
-    onRender
-  }) {
+  renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
     if (this.destroyed) {
       return [];
     }
@@ -4122,6 +4117,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
     }
     const visitedCells = /* @__PURE__ */ new Map();
     const visitedRows = /* @__PURE__ */ new Map();
+    const elementsRenderedOnTheFly = /* @__PURE__ */ new Set();
     ranges.forEach((range2) => {
       const { start: start2, end: end2 } = range2;
       const [startRow, startCol] = start2;
@@ -4150,7 +4146,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
           if (cellRendered && !force && cellMappedCorrectly) {
             continue;
           }
-          const elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
+          let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
             // TODO when horizontal layout, just do elementsOutsideItemRange.pop()
             horizontalLayout ? mappedCells.getElementFromListForRow(
               elementsOutsideItemRange,
@@ -4160,6 +4156,20 @@ var ReactHeadlessTableRenderer = class extends Logger {
               col
             )
           );
+          if (elementIndex == null) {
+            for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
+              if (!this.itemDOMElements[i] && this.itemDOMRefs[i] && !elementsRenderedOnTheFly.has(i)) {
+                elementIndex = i;
+                elementsRenderedOnTheFly.add(i);
+                if (false) {
+                  this.debug(
+                    `Last-moment recovery of element ${elementIndex} to render cell ${row}:${col}`
+                  );
+                }
+                break;
+              }
+            }
+          }
           if (elementIndex == null) {
             if (false) {
               this.error(`Cannot find element to render cell ${row}:${col}`);
@@ -5430,7 +5440,7 @@ var Icon = (props) => {
 // src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
 var React17 = __toESM(require("react"));
 var IncludesOperatorIcon = (props) => {
-  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M20" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
+  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4H11.14M12 6.29L14.03 11.71H9.96L12 6.29" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
 };
 
 // src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
@@ -6825,7 +6835,7 @@ function NumberFilterEditor() {
       type: "number",
       "data-yyy": true,
       disabled,
-      value,
+      value: value ?? "",
       onChange: (event) => {
         let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
         setValue(value2);
@@ -22506,7 +22516,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "6.0.16"
+      version: "6.0.18"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -3941,12 +3941,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
       mapped: rendered
     };
   }
-  renderRange(range, {
-    renderCell,
-    renderDetailRow,
-    force,
-    onRender
-  }) {
+  renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
     if (this.destroyed) {
       return [];
     }
@@ -4063,6 +4058,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
     }
     const visitedCells = /* @__PURE__ */ new Map();
     const visitedRows = /* @__PURE__ */ new Map();
+    const elementsRenderedOnTheFly = /* @__PURE__ */ new Set();
     ranges.forEach((range2) => {
       const { start: start2, end: end2 } = range2;
       const [startRow, startCol] = start2;
@@ -4091,7 +4087,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
           if (cellRendered && !force && cellMappedCorrectly) {
             continue;
           }
-          const elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
+          let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
             // TODO when horizontal layout, just do elementsOutsideItemRange.pop()
             horizontalLayout ? mappedCells.getElementFromListForRow(
               elementsOutsideItemRange,
@@ -4101,6 +4097,20 @@ var ReactHeadlessTableRenderer = class extends Logger {
               col
             )
           );
+          if (elementIndex == null) {
+            for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
+              if (!this.itemDOMElements[i] && this.itemDOMRefs[i] && !elementsRenderedOnTheFly.has(i)) {
+                elementIndex = i;
+                elementsRenderedOnTheFly.add(i);
+                if (false) {
+                  this.debug(
+                    `Last-moment recovery of element ${elementIndex} to render cell ${row}:${col}`
+                  );
+                }
+                break;
+              }
+            }
+          }
           if (elementIndex == null) {
             if (false) {
               this.error(`Cannot find element to render cell ${row}:${col}`);
@@ -5379,7 +5389,7 @@ var Icon = (props) => {
 // src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
 import * as React17 from "react";
 var IncludesOperatorIcon = (props) => {
-  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M20" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
+  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4H11.14M12 6.29L14.03 11.71H9.96L12 6.29" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
 };
 
 // src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
@@ -6774,7 +6784,7 @@ function NumberFilterEditor() {
       type: "number",
       "data-yyy": true,
       disabled,
-      value,
+      value: value ?? "",
       onChange: (event) => {
         let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
         setValue(value2);
@@ -22464,7 +22474,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "6.0.16"
+      version: "6.0.18"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -4000,12 +4000,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
       mapped: rendered
     };
   }
-  renderRange(range, {
-    renderCell,
-    renderDetailRow,
-    force,
-    onRender
-  }) {
+  renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
     if (this.destroyed) {
       return [];
     }
@@ -4122,6 +4117,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
     }
     const visitedCells = /* @__PURE__ */ new Map();
     const visitedRows = /* @__PURE__ */ new Map();
+    const elementsRenderedOnTheFly = /* @__PURE__ */ new Set();
     ranges.forEach((range2) => {
       const { start: start2, end: end2 } = range2;
       const [startRow, startCol] = start2;
@@ -4150,7 +4146,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
           if (cellRendered && !force && cellMappedCorrectly) {
             continue;
           }
-          const elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
+          let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
             // TODO when horizontal layout, just do elementsOutsideItemRange.pop()
             horizontalLayout ? mappedCells.getElementFromListForRow(
               elementsOutsideItemRange,
@@ -4160,6 +4156,20 @@ var ReactHeadlessTableRenderer = class extends Logger {
               col
             )
           );
+          if (elementIndex == null) {
+            for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
+              if (!this.itemDOMElements[i] && this.itemDOMRefs[i] && !elementsRenderedOnTheFly.has(i)) {
+                elementIndex = i;
+                elementsRenderedOnTheFly.add(i);
+                if (false) {
+                  this.debug(
+                    `Last-moment recovery of element ${elementIndex} to render cell ${row}:${col}`
+                  );
+                }
+                break;
+              }
+            }
+          }
           if (elementIndex == null) {
             if (false) {
               this.error(`Cannot find element to render cell ${row}:${col}`);
@@ -5430,7 +5440,7 @@ var Icon = (props) => {
 // src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
 var React17 = __toESM(require("react"));
 var IncludesOperatorIcon = (props) => {
-  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M20" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
+  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4H11.14M12 6.29L14.03 11.71H9.96L12 6.29" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
 };
 
 // src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
@@ -6825,7 +6835,7 @@ function NumberFilterEditor() {
       type: "number",
       "data-yyy": true,
       disabled,
-      value,
+      value: value ?? "",
       onChange: (event) => {
         let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
         setValue(value2);
@@ -22506,7 +22516,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "6.0.16"
+      version: "6.0.18"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.mjs

@@ -3941,12 +3941,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
       mapped: rendered
     };
   }
-  renderRange(range, {
-    renderCell,
-    renderDetailRow,
-    force,
-    onRender
-  }) {
+  renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
     if (this.destroyed) {
       return [];
     }
@@ -4063,6 +4058,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
     }
     const visitedCells = /* @__PURE__ */ new Map();
     const visitedRows = /* @__PURE__ */ new Map();
+    const elementsRenderedOnTheFly = /* @__PURE__ */ new Set();
     ranges.forEach((range2) => {
       const { start: start2, end: end2 } = range2;
       const [startRow, startCol] = start2;
@@ -4091,7 +4087,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
           if (cellRendered && !force && cellMappedCorrectly) {
             continue;
           }
-          const elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
+          let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
             // TODO when horizontal layout, just do elementsOutsideItemRange.pop()
             horizontalLayout ? mappedCells.getElementFromListForRow(
               elementsOutsideItemRange,
@@ -4101,6 +4097,20 @@ var ReactHeadlessTableRenderer = class extends Logger {
               col
             )
           );
+          if (elementIndex == null) {
+            for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
+              if (!this.itemDOMElements[i] && this.itemDOMRefs[i] && !elementsRenderedOnTheFly.has(i)) {
+                elementIndex = i;
+                elementsRenderedOnTheFly.add(i);
+                if (false) {
+                  this.debug(
+                    `Last-moment recovery of element ${elementIndex} to render cell ${row}:${col}`
+                  );
+                }
+                break;
+              }
+            }
+          }
           if (elementIndex == null) {
             if (false) {
               this.error(`Cannot find element to render cell ${row}:${col}`);
@@ -5379,7 +5389,7 @@ var Icon = (props) => {
 // src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
 import * as React17 from "react";
 var IncludesOperatorIcon = (props) => {
-  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M20" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
+  return /* @__PURE__ */ React17.createElement(Icon, { ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4H11.14M12 6.29L14.03 11.71H9.96L12 6.29" }), /* @__PURE__ */ React17.createElement("path", { d: "M4 18V15H2V20H22V18Z" }), /* @__PURE__ */ React17.createElement("path", { d: "M20 14V18H2V20H22V14Z" }));
 };
 
 // src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
@@ -6774,7 +6784,7 @@ function NumberFilterEditor() {
       type: "number",
       "data-yyy": true,
       disabled,
-      value,
+      value: value ?? "",
       onChange: (event) => {
         let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
         setValue(value2);
@@ -22464,7 +22474,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "6.0.16"
+      version: "6.0.18"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -25,7 +25,7 @@
   "bugs": {
     "url": "https://github.com/infinite-table/infinite-react/issues"
   },
-  "version": "6.0.16",
+  "version": "6.0.18",
   "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": 1732547734552
+  "publishedAt": 1737126594343
 }