@infinite-table/infinite-react 6.0.16 → 6.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +7 -6
- package/index.dev.js +13 -10
- package/index.dev.mjs +13 -10
- package/index.js +13 -10
- package/index.mjs +13 -10
- package/package.json +2 -2
package/index.d.ts
CHANGED
|
@@ -1628,6 +1628,12 @@ declare type TableRenderDetailRowFnParam = {
|
|
|
1628
1628
|
};
|
|
1629
1629
|
declare type TableRenderCellFn = (param: TableRenderCellFnParam) => Renderable;
|
|
1630
1630
|
declare type TableRenderDetailRowFn = (param: TableRenderDetailRowFnParam) => Renderable;
|
|
1631
|
+
declare type RenderRangeOptions = {
|
|
1632
|
+
force?: boolean;
|
|
1633
|
+
renderCell: TableRenderCellFn;
|
|
1634
|
+
renderDetailRow?: TableRenderDetailRowFn;
|
|
1635
|
+
onRender: (items: Renderable[]) => void;
|
|
1636
|
+
};
|
|
1631
1637
|
declare type HorizontalLayoutColVisibilityOptions = {
|
|
1632
1638
|
horizontalLayoutPageIndex?: number;
|
|
1633
1639
|
};
|
|
@@ -1702,12 +1708,7 @@ declare class ReactHeadlessTableRenderer extends Logger {
|
|
|
1702
1708
|
rendered: boolean;
|
|
1703
1709
|
mapped: boolean;
|
|
1704
1710
|
};
|
|
1705
|
-
renderRange(range: TableRenderRange, { renderCell, renderDetailRow, force, onRender
|
|
1706
|
-
force?: boolean;
|
|
1707
|
-
renderCell: TableRenderCellFn;
|
|
1708
|
-
renderDetailRow?: TableRenderDetailRowFn;
|
|
1709
|
-
onRender: (items: Renderable[]) => void;
|
|
1710
|
-
}): Renderable[];
|
|
1711
|
+
renderRange(range: TableRenderRange, { renderCell, renderDetailRow, force, onRender }: RenderRangeOptions): Renderable[];
|
|
1711
1712
|
private renderElement;
|
|
1712
1713
|
private renderDetailElement;
|
|
1713
1714
|
getFixedRanges: (currentRenderRange: TableRenderRange) => TableRenderRange[];
|
package/index.dev.js
CHANGED
|
@@ -4000,12 +4000,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4000
4000
|
mapped: rendered
|
|
4001
4001
|
};
|
|
4002
4002
|
}
|
|
4003
|
-
renderRange(range, {
|
|
4004
|
-
renderCell,
|
|
4005
|
-
renderDetailRow,
|
|
4006
|
-
force,
|
|
4007
|
-
onRender
|
|
4008
|
-
}) {
|
|
4003
|
+
renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
|
|
4009
4004
|
if (this.destroyed) {
|
|
4010
4005
|
return [];
|
|
4011
4006
|
}
|
|
@@ -4150,7 +4145,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4150
4145
|
if (cellRendered && !force && cellMappedCorrectly) {
|
|
4151
4146
|
continue;
|
|
4152
4147
|
}
|
|
4153
|
-
|
|
4148
|
+
let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
|
|
4154
4149
|
// TODO when horizontal layout, just do elementsOutsideItemRange.pop()
|
|
4155
4150
|
horizontalLayout ? mappedCells.getElementFromListForRow(
|
|
4156
4151
|
elementsOutsideItemRange,
|
|
@@ -4160,6 +4155,14 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4160
4155
|
col
|
|
4161
4156
|
)
|
|
4162
4157
|
);
|
|
4158
|
+
if (elementIndex == null) {
|
|
4159
|
+
for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
|
|
4160
|
+
if (!this.itemDOMElements[i] && this.itemDOMRefs[i]) {
|
|
4161
|
+
elementIndex = i;
|
|
4162
|
+
break;
|
|
4163
|
+
}
|
|
4164
|
+
}
|
|
4165
|
+
}
|
|
4163
4166
|
if (elementIndex == null) {
|
|
4164
4167
|
if (false) {
|
|
4165
4168
|
this.error(`Cannot find element to render cell ${row}:${col}`);
|
|
@@ -5430,7 +5433,7 @@ var Icon = (props) => {
|
|
|
5430
5433
|
// src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
|
|
5431
5434
|
var React17 = __toESM(require("react"));
|
|
5432
5435
|
var IncludesOperatorIcon = (props) => {
|
|
5433
|
-
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
|
|
5436
|
+
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" }));
|
|
5434
5437
|
};
|
|
5435
5438
|
|
|
5436
5439
|
// src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
|
|
@@ -6825,7 +6828,7 @@ function NumberFilterEditor() {
|
|
|
6825
6828
|
type: "number",
|
|
6826
6829
|
"data-yyy": true,
|
|
6827
6830
|
disabled,
|
|
6828
|
-
value,
|
|
6831
|
+
value: value ?? "",
|
|
6829
6832
|
onChange: (event) => {
|
|
6830
6833
|
let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
|
|
6831
6834
|
setValue(value2);
|
|
@@ -22506,7 +22509,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
22506
22509
|
}
|
|
22507
22510
|
let valid2 = isValidLicense(licenseKey, {
|
|
22508
22511
|
publishedAt: 1624970570587,
|
|
22509
|
-
version: "6.0.
|
|
22512
|
+
version: "6.0.17"
|
|
22510
22513
|
});
|
|
22511
22514
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
22512
22515
|
return true;
|
package/index.dev.mjs
CHANGED
|
@@ -3941,12 +3941,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
3941
3941
|
mapped: rendered
|
|
3942
3942
|
};
|
|
3943
3943
|
}
|
|
3944
|
-
renderRange(range, {
|
|
3945
|
-
renderCell,
|
|
3946
|
-
renderDetailRow,
|
|
3947
|
-
force,
|
|
3948
|
-
onRender
|
|
3949
|
-
}) {
|
|
3944
|
+
renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
|
|
3950
3945
|
if (this.destroyed) {
|
|
3951
3946
|
return [];
|
|
3952
3947
|
}
|
|
@@ -4091,7 +4086,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4091
4086
|
if (cellRendered && !force && cellMappedCorrectly) {
|
|
4092
4087
|
continue;
|
|
4093
4088
|
}
|
|
4094
|
-
|
|
4089
|
+
let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
|
|
4095
4090
|
// TODO when horizontal layout, just do elementsOutsideItemRange.pop()
|
|
4096
4091
|
horizontalLayout ? mappedCells.getElementFromListForRow(
|
|
4097
4092
|
elementsOutsideItemRange,
|
|
@@ -4101,6 +4096,14 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4101
4096
|
col
|
|
4102
4097
|
)
|
|
4103
4098
|
);
|
|
4099
|
+
if (elementIndex == null) {
|
|
4100
|
+
for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
|
|
4101
|
+
if (!this.itemDOMElements[i] && this.itemDOMRefs[i]) {
|
|
4102
|
+
elementIndex = i;
|
|
4103
|
+
break;
|
|
4104
|
+
}
|
|
4105
|
+
}
|
|
4106
|
+
}
|
|
4104
4107
|
if (elementIndex == null) {
|
|
4105
4108
|
if (false) {
|
|
4106
4109
|
this.error(`Cannot find element to render cell ${row}:${col}`);
|
|
@@ -5379,7 +5382,7 @@ var Icon = (props) => {
|
|
|
5379
5382
|
// src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
|
|
5380
5383
|
import * as React17 from "react";
|
|
5381
5384
|
var IncludesOperatorIcon = (props) => {
|
|
5382
|
-
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
|
|
5385
|
+
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" }));
|
|
5383
5386
|
};
|
|
5384
5387
|
|
|
5385
5388
|
// src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
|
|
@@ -6774,7 +6777,7 @@ function NumberFilterEditor() {
|
|
|
6774
6777
|
type: "number",
|
|
6775
6778
|
"data-yyy": true,
|
|
6776
6779
|
disabled,
|
|
6777
|
-
value,
|
|
6780
|
+
value: value ?? "",
|
|
6778
6781
|
onChange: (event) => {
|
|
6779
6782
|
let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
|
|
6780
6783
|
setValue(value2);
|
|
@@ -22464,7 +22467,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
22464
22467
|
}
|
|
22465
22468
|
let valid2 = isValidLicense(licenseKey, {
|
|
22466
22469
|
publishedAt: 1624970570587,
|
|
22467
|
-
version: "6.0.
|
|
22470
|
+
version: "6.0.17"
|
|
22468
22471
|
});
|
|
22469
22472
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
22470
22473
|
return true;
|
package/index.js
CHANGED
|
@@ -4000,12 +4000,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4000
4000
|
mapped: rendered
|
|
4001
4001
|
};
|
|
4002
4002
|
}
|
|
4003
|
-
renderRange(range, {
|
|
4004
|
-
renderCell,
|
|
4005
|
-
renderDetailRow,
|
|
4006
|
-
force,
|
|
4007
|
-
onRender
|
|
4008
|
-
}) {
|
|
4003
|
+
renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
|
|
4009
4004
|
if (this.destroyed) {
|
|
4010
4005
|
return [];
|
|
4011
4006
|
}
|
|
@@ -4150,7 +4145,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4150
4145
|
if (cellRendered && !force && cellMappedCorrectly) {
|
|
4151
4146
|
continue;
|
|
4152
4147
|
}
|
|
4153
|
-
|
|
4148
|
+
let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
|
|
4154
4149
|
// TODO when horizontal layout, just do elementsOutsideItemRange.pop()
|
|
4155
4150
|
horizontalLayout ? mappedCells.getElementFromListForRow(
|
|
4156
4151
|
elementsOutsideItemRange,
|
|
@@ -4160,6 +4155,14 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4160
4155
|
col
|
|
4161
4156
|
)
|
|
4162
4157
|
);
|
|
4158
|
+
if (elementIndex == null) {
|
|
4159
|
+
for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
|
|
4160
|
+
if (!this.itemDOMElements[i] && this.itemDOMRefs[i]) {
|
|
4161
|
+
elementIndex = i;
|
|
4162
|
+
break;
|
|
4163
|
+
}
|
|
4164
|
+
}
|
|
4165
|
+
}
|
|
4163
4166
|
if (elementIndex == null) {
|
|
4164
4167
|
if (false) {
|
|
4165
4168
|
this.error(`Cannot find element to render cell ${row}:${col}`);
|
|
@@ -5430,7 +5433,7 @@ var Icon = (props) => {
|
|
|
5430
5433
|
// src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
|
|
5431
5434
|
var React17 = __toESM(require("react"));
|
|
5432
5435
|
var IncludesOperatorIcon = (props) => {
|
|
5433
|
-
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
|
|
5436
|
+
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" }));
|
|
5434
5437
|
};
|
|
5435
5438
|
|
|
5436
5439
|
// src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
|
|
@@ -6825,7 +6828,7 @@ function NumberFilterEditor() {
|
|
|
6825
6828
|
type: "number",
|
|
6826
6829
|
"data-yyy": true,
|
|
6827
6830
|
disabled,
|
|
6828
|
-
value,
|
|
6831
|
+
value: value ?? "",
|
|
6829
6832
|
onChange: (event) => {
|
|
6830
6833
|
let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
|
|
6831
6834
|
setValue(value2);
|
|
@@ -22506,7 +22509,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
22506
22509
|
}
|
|
22507
22510
|
let valid2 = isValidLicense(licenseKey, {
|
|
22508
22511
|
publishedAt: 1624970570587,
|
|
22509
|
-
version: "6.0.
|
|
22512
|
+
version: "6.0.17"
|
|
22510
22513
|
});
|
|
22511
22514
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
22512
22515
|
return true;
|
package/index.mjs
CHANGED
|
@@ -3941,12 +3941,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
3941
3941
|
mapped: rendered
|
|
3942
3942
|
};
|
|
3943
3943
|
}
|
|
3944
|
-
renderRange(range, {
|
|
3945
|
-
renderCell,
|
|
3946
|
-
renderDetailRow,
|
|
3947
|
-
force,
|
|
3948
|
-
onRender
|
|
3949
|
-
}) {
|
|
3944
|
+
renderRange(range, { renderCell, renderDetailRow, force, onRender }) {
|
|
3950
3945
|
if (this.destroyed) {
|
|
3951
3946
|
return [];
|
|
3952
3947
|
}
|
|
@@ -4091,7 +4086,7 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4091
4086
|
if (cellRendered && !force && cellMappedCorrectly) {
|
|
4092
4087
|
continue;
|
|
4093
4088
|
}
|
|
4094
|
-
|
|
4089
|
+
let elementIndex = cellRendered ? mappedCells.getElementIndexForCell(row, col) : (
|
|
4095
4090
|
// TODO when horizontal layout, just do elementsOutsideItemRange.pop()
|
|
4096
4091
|
horizontalLayout ? mappedCells.getElementFromListForRow(
|
|
4097
4092
|
elementsOutsideItemRange,
|
|
@@ -4101,6 +4096,14 @@ var ReactHeadlessTableRenderer = class extends Logger {
|
|
|
4101
4096
|
col
|
|
4102
4097
|
)
|
|
4103
4098
|
);
|
|
4099
|
+
if (elementIndex == null) {
|
|
4100
|
+
for (let i = this.itemDOMElements.length; i <= this.itemDOMRefs.length; i++) {
|
|
4101
|
+
if (!this.itemDOMElements[i] && this.itemDOMRefs[i]) {
|
|
4102
|
+
elementIndex = i;
|
|
4103
|
+
break;
|
|
4104
|
+
}
|
|
4105
|
+
}
|
|
4106
|
+
}
|
|
4104
4107
|
if (elementIndex == null) {
|
|
4105
4108
|
if (false) {
|
|
4106
4109
|
this.error(`Cannot find element to render cell ${row}:${col}`);
|
|
@@ -5379,7 +5382,7 @@ var Icon = (props) => {
|
|
|
5379
5382
|
// src/components/InfiniteTable/components/icons/IncludesOperatorIcon.tsx
|
|
5380
5383
|
import * as React17 from "react";
|
|
5381
5384
|
var IncludesOperatorIcon = (props) => {
|
|
5382
|
-
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
|
|
5385
|
+
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" }));
|
|
5383
5386
|
};
|
|
5384
5387
|
|
|
5385
5388
|
// src/components/InfiniteTable/components/icons/EndsWithOperatorIcon.tsx
|
|
@@ -6774,7 +6777,7 @@ function NumberFilterEditor() {
|
|
|
6774
6777
|
type: "number",
|
|
6775
6778
|
"data-yyy": true,
|
|
6776
6779
|
disabled,
|
|
6777
|
-
value,
|
|
6780
|
+
value: value ?? "",
|
|
6778
6781
|
onChange: (event) => {
|
|
6779
6782
|
let value2 = isNaN(event.target.valueAsNumber) ? event.target.value : event.target.valueAsNumber;
|
|
6780
6783
|
setValue(value2);
|
|
@@ -22464,7 +22467,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
22464
22467
|
}
|
|
22465
22468
|
let valid2 = isValidLicense(licenseKey, {
|
|
22466
22469
|
publishedAt: 1624970570587,
|
|
22467
|
-
version: "6.0.
|
|
22470
|
+
version: "6.0.17"
|
|
22468
22471
|
});
|
|
22469
22472
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
22470
22473
|
return true;
|
package/package.json
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"bugs": {
|
|
26
26
|
"url": "https://github.com/infinite-table/infinite-react/issues"
|
|
27
27
|
},
|
|
28
|
-
"version": "6.0.
|
|
28
|
+
"version": "6.0.17",
|
|
29
29
|
"main": "index.js",
|
|
30
30
|
"module": "index.mjs",
|
|
31
31
|
"typings": "index.d.ts",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
},
|
|
35
35
|
"license": "Commercial & Open Source",
|
|
36
36
|
"//": "will be updated at build time",
|
|
37
|
-
"publishedAt":
|
|
37
|
+
"publishedAt": 1737123923656
|
|
38
38
|
}
|