@infinite-table/infinite-react 5.0.4 → 5.0.5
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.css +176 -0
- package/index.dev.js +13 -6
- package/index.dev.mjs +13 -6
- package/index.js +13 -6
- package/index.mjs +13 -6
- package/package.json +2 -2
package/index.css
CHANGED
|
@@ -1328,6 +1328,182 @@
|
|
|
1328
1328
|
}
|
|
1329
1329
|
}
|
|
1330
1330
|
|
|
1331
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2ZwY7bIBCG73kKTlUilWyyUi/upcf2CXomZhKjxYAGnOy22nev7Li7JLaJY7yXloMvYf6f8cyAPylrofZCCQfUFVACVawESm3BeK4y1Np9JutACPm9IITSt4i9ZLYQ6kB3LH86oK4Uz8iR4dKLYXkOytFcS42rrwP6yoQsbJXnYO0ND65PKuQCiBr7PXxVYeXyrHz/dXUtaFz82L1GGIi9yN7XGBQlw5eOwEvUD+dgHVa5E0foSPwij9miAMahZ4+ycsBDL/NXCFLSnUYOmBGlFdwMoygOhbsd7HXCIVPWMATlAopCHwFDfe+3H3ixgM+wFsGKX0ALpriE2wn1jqBfKqdNRrbmmVgtBfcnslnv6X49FGcLobjImdNIhbLgMvJonhuv9glI31OmTJqCZWSz3obiz9mOHrqBvTjsWSVdn8PDZr0NFUrCvn+kxg2eH3US3BUZ2XQqhPo0cSr0iWrOp4u7g3R1UFcP6y99QgsS8vogh7RB4c0ZHtjm2rQEVU0rQKPsjpY2TWaBG6oRCgcl5cKynbwqw/Cl0iPUhuXCvdQH4XEw2iBYO1js8818znL9o1V/by6bn8iMAWw+qoS0c7jTzumye2dcXg+NHSGfsqZRrQMh3qlqS9fTtuvetl6vi/p5XVx//0vNgVJZH6I7lnxqCK11ecMzDbJIUDmf6QX+BGynK0O5Jt5KvJV4K/FW4q3EW4m3/iPe4gyfxq/E0lbtOT8XNa6JYBLBJIJJBJMIJhFMIph/kmC+lcAFI0uDsAdsP1vU5jUKZKSmgFWzXwghxv75FA8T8+DEPEAxASnug4oJWDEJLO5Hiwi4GI0XdwLGFMT4EMiIw4x5QCMONaJg437ciAOOuZBjJHSMxY6R4BGBHpHwEYEfEQDyQQgSAyERGBIBIveiSDSM3MCRaUDSRZI4KDljyRuc/AHxlYNY8SIAAA== */
|
|
1332
|
+
.infinite-theme-name--shadcn:root,
|
|
1333
|
+
.infinite-theme-name--shadcn {
|
|
1334
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
1335
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
1336
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
1337
|
+
--infinite-background: hsl(var(--background));
|
|
1338
|
+
--infinite-color: hsl(var(--foreground));
|
|
1339
|
+
--infinite-success-color: hsl(var(--primary));
|
|
1340
|
+
--infinite-error-color: hsl(var(--destructive));
|
|
1341
|
+
--infinite-accent-color: hsl(var(--primary));
|
|
1342
|
+
--infinite-header-color: hsl(var(--muted-foreground));
|
|
1343
|
+
--infinite-header-cell-border: none;
|
|
1344
|
+
--infinite-header-cell-border-right: none;
|
|
1345
|
+
--infinite-header-cell-background: transparent;
|
|
1346
|
+
--infinite-header-cell-hover-background: var(--infinite-header-cell-background);
|
|
1347
|
+
--infinite-header-background: var(--infinite-background);
|
|
1348
|
+
--infinite-resize-handle-hover-background: var(--infinite-color);
|
|
1349
|
+
--infinite-cell-border-top: 1px solid hsl(var(--border));
|
|
1350
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1351
|
+
--infinite-active-cell-background-alpha: 0.1;
|
|
1352
|
+
--infinite-active-cell-border-color: hsl(var(--primary));
|
|
1353
|
+
--infinite-active-cell-background-default: hsl(var(--primary)/0.1);
|
|
1354
|
+
--infinite-cell-border-left: none;
|
|
1355
|
+
--infinite-cell-border-right: none;
|
|
1356
|
+
--infinite-cell-border-width: 0px;
|
|
1357
|
+
--infinite-row-background: var(--infinite-background);
|
|
1358
|
+
--infinite-row-odd-background: var(--infinite-background);
|
|
1359
|
+
--infinite-row-hover-background: hsl(var(--muted)/.5);
|
|
1360
|
+
--infinite-row-selected-background: hsl(var(--muted));
|
|
1361
|
+
--infinite-row-selected-hover-background: var(--infinite-row-selected-background);
|
|
1362
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1363
|
+
--infinite-menu-color: hsl(var(--popover-foreground));
|
|
1364
|
+
--infinite-menu-item-disabled-background: transparent;
|
|
1365
|
+
--infinite-menu-item-disabled-opacity: 0.2;
|
|
1366
|
+
--infinite-menu-item-pressed-background: hsl(var(--accent));
|
|
1367
|
+
.InfiniteHeaderWrapper {
|
|
1368
|
+
border-bottom: var(--infinite-cell-border-top);
|
|
1369
|
+
&:hover {
|
|
1370
|
+
background-color: var(--infinite-row-hover-background);
|
|
1371
|
+
}
|
|
1372
|
+
}
|
|
1373
|
+
}
|
|
1374
|
+
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
|
|
1375
|
+
.infinite-theme-mode--light .infinite-theme-name--shadcn,
|
|
1376
|
+
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
|
|
1377
|
+
.infinite-theme-name--shadcn .infinite-theme-mode--light,
|
|
1378
|
+
.infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
|
|
1379
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
1380
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
1381
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
1382
|
+
--infinite-background: hsl(var(--background));
|
|
1383
|
+
--infinite-color: hsl(var(--foreground));
|
|
1384
|
+
--infinite-success-color: hsl(var(--primary));
|
|
1385
|
+
--infinite-error-color: hsl(var(--destructive));
|
|
1386
|
+
--infinite-accent-color: hsl(var(--primary));
|
|
1387
|
+
--infinite-header-color: hsl(var(--muted-foreground));
|
|
1388
|
+
--infinite-header-cell-border: none;
|
|
1389
|
+
--infinite-header-cell-border-right: none;
|
|
1390
|
+
--infinite-header-cell-background: transparent;
|
|
1391
|
+
--infinite-header-cell-hover-background: var(--infinite-header-cell-background);
|
|
1392
|
+
--infinite-header-background: var(--infinite-background);
|
|
1393
|
+
--infinite-resize-handle-hover-background: var(--infinite-color);
|
|
1394
|
+
--infinite-cell-border-top: 1px solid hsl(var(--border));
|
|
1395
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1396
|
+
--infinite-active-cell-background-alpha: 0.1;
|
|
1397
|
+
--infinite-active-cell-border-color: hsl(var(--primary));
|
|
1398
|
+
--infinite-active-cell-background-default: hsl(var(--primary)/0.1);
|
|
1399
|
+
--infinite-cell-border-left: none;
|
|
1400
|
+
--infinite-cell-border-right: none;
|
|
1401
|
+
--infinite-cell-border-width: 0px;
|
|
1402
|
+
--infinite-row-background: var(--infinite-background);
|
|
1403
|
+
--infinite-row-odd-background: var(--infinite-background);
|
|
1404
|
+
--infinite-row-hover-background: hsl(var(--muted)/.5);
|
|
1405
|
+
--infinite-row-selected-background: hsl(var(--muted));
|
|
1406
|
+
--infinite-row-selected-hover-background: var(--infinite-row-selected-background);
|
|
1407
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1408
|
+
--infinite-menu-color: hsl(var(--popover-foreground));
|
|
1409
|
+
--infinite-menu-item-disabled-background: transparent;
|
|
1410
|
+
--infinite-menu-item-disabled-opacity: 0.2;
|
|
1411
|
+
--infinite-menu-item-pressed-background: hsl(var(--accent));
|
|
1412
|
+
.InfiniteHeaderWrapper {
|
|
1413
|
+
border-bottom: var(--infinite-cell-border-top);
|
|
1414
|
+
&:hover {
|
|
1415
|
+
background-color: var(--infinite-row-hover-background);
|
|
1416
|
+
}
|
|
1417
|
+
}
|
|
1418
|
+
}
|
|
1419
|
+
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
|
|
1420
|
+
.infinite-theme-mode--dark .infinite-theme-name--shadcn,
|
|
1421
|
+
.infinite-theme-name--shadcn .infinite-theme-mode--dark {
|
|
1422
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
1423
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
1424
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
1425
|
+
--infinite-background: hsl(var(--background));
|
|
1426
|
+
--infinite-color: hsl(var(--foreground));
|
|
1427
|
+
--infinite-success-color: hsl(var(--primary));
|
|
1428
|
+
--infinite-error-color: hsl(var(--destructive));
|
|
1429
|
+
--infinite-accent-color: hsl(var(--primary));
|
|
1430
|
+
--infinite-header-color: hsl(var(--muted-foreground));
|
|
1431
|
+
--infinite-header-cell-border: none;
|
|
1432
|
+
--infinite-header-cell-border-right: none;
|
|
1433
|
+
--infinite-header-cell-background: transparent;
|
|
1434
|
+
--infinite-header-cell-hover-background: var(--infinite-header-cell-background);
|
|
1435
|
+
--infinite-header-background: var(--infinite-background);
|
|
1436
|
+
--infinite-resize-handle-hover-background: var(--infinite-color);
|
|
1437
|
+
--infinite-cell-border-top: 1px solid hsl(var(--border));
|
|
1438
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1439
|
+
--infinite-active-cell-background-alpha: 0.1;
|
|
1440
|
+
--infinite-active-cell-border-color: hsl(var(--primary));
|
|
1441
|
+
--infinite-active-cell-background-default: hsl(var(--primary)/0.1);
|
|
1442
|
+
--infinite-cell-border-left: none;
|
|
1443
|
+
--infinite-cell-border-right: none;
|
|
1444
|
+
--infinite-cell-border-width: 0px;
|
|
1445
|
+
--infinite-row-background: var(--infinite-background);
|
|
1446
|
+
--infinite-row-odd-background: var(--infinite-background);
|
|
1447
|
+
--infinite-row-hover-background: hsl(var(--muted)/.5);
|
|
1448
|
+
--infinite-row-selected-background: hsl(var(--muted));
|
|
1449
|
+
--infinite-row-selected-hover-background: var(--infinite-row-selected-background);
|
|
1450
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1451
|
+
--infinite-menu-color: hsl(var(--popover-foreground));
|
|
1452
|
+
--infinite-menu-item-disabled-background: transparent;
|
|
1453
|
+
--infinite-menu-item-disabled-opacity: 0.2;
|
|
1454
|
+
--infinite-menu-item-pressed-background: hsl(var(--accent));
|
|
1455
|
+
.InfiniteHeaderWrapper {
|
|
1456
|
+
border-bottom: var(--infinite-cell-border-top);
|
|
1457
|
+
&:hover {
|
|
1458
|
+
background-color: var(--infinite-row-hover-background);
|
|
1459
|
+
}
|
|
1460
|
+
}
|
|
1461
|
+
}
|
|
1462
|
+
@media (prefers-color-scheme: dark) {
|
|
1463
|
+
.infinite-theme-name--shadcn:root,
|
|
1464
|
+
.infinite-theme-name--shadcn {
|
|
1465
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
1466
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
1467
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
1468
|
+
--infinite-background: hsl(var(--background));
|
|
1469
|
+
--infinite-color: hsl(var(--foreground));
|
|
1470
|
+
--infinite-success-color: hsl(var(--primary));
|
|
1471
|
+
--infinite-error-color: hsl(var(--destructive));
|
|
1472
|
+
--infinite-accent-color: hsl(var(--primary));
|
|
1473
|
+
--infinite-header-color: hsl(var(--muted-foreground));
|
|
1474
|
+
--infinite-header-cell-border: none;
|
|
1475
|
+
--infinite-header-cell-border-right: none;
|
|
1476
|
+
--infinite-header-cell-background: transparent;
|
|
1477
|
+
--infinite-header-cell-hover-background: var(--infinite-header-cell-background);
|
|
1478
|
+
--infinite-header-background: var(--infinite-background);
|
|
1479
|
+
--infinite-resize-handle-hover-background: var(--infinite-color);
|
|
1480
|
+
--infinite-cell-border-top: 1px solid hsl(var(--border));
|
|
1481
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1482
|
+
--infinite-active-cell-background-alpha: 0.1;
|
|
1483
|
+
--infinite-active-cell-border-color: hsl(var(--primary));
|
|
1484
|
+
--infinite-active-cell-background-default: hsl(var(--primary)/0.1);
|
|
1485
|
+
--infinite-cell-border-left: none;
|
|
1486
|
+
--infinite-cell-border-right: none;
|
|
1487
|
+
--infinite-cell-border-width: 0px;
|
|
1488
|
+
--infinite-row-background: var(--infinite-background);
|
|
1489
|
+
--infinite-row-odd-background: var(--infinite-background);
|
|
1490
|
+
--infinite-row-hover-background: hsl(var(--muted)/.5);
|
|
1491
|
+
--infinite-row-selected-background: hsl(var(--muted));
|
|
1492
|
+
--infinite-row-selected-hover-background: var(--infinite-row-selected-background);
|
|
1493
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1494
|
+
--infinite-menu-color: hsl(var(--popover-foreground));
|
|
1495
|
+
--infinite-menu-item-disabled-background: transparent;
|
|
1496
|
+
--infinite-menu-item-disabled-opacity: 0.2;
|
|
1497
|
+
--infinite-menu-item-pressed-background: hsl(var(--accent));
|
|
1498
|
+
.InfiniteHeaderWrapper {
|
|
1499
|
+
border-bottom: var(--infinite-cell-border-top);
|
|
1500
|
+
&:hover {
|
|
1501
|
+
background-color: var(--infinite-row-hover-background);
|
|
1502
|
+
}
|
|
1503
|
+
}
|
|
1504
|
+
}
|
|
1505
|
+
}
|
|
1506
|
+
|
|
1331
1507
|
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/rowDetail.css.ts.vanilla.css?source=LnJvd0RldGFpbF9Sb3dEZXRhaWxSZWNpcGVfX2V2cWVzMjAgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvd2RldGFpbC1iYWNrZ3JvdW5kKTsKICBwYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1yb3dkZXRhaWwtcGFkZGluZyk7Cn0= */
|
|
1332
1508
|
.rowDetail_RowDetailRecipe__evqes20 {
|
|
1333
1509
|
background: var(--infinite-rowdetail-background);
|
package/index.dev.js
CHANGED
|
@@ -7804,7 +7804,8 @@ var useColumnPointerEvents = ({
|
|
|
7804
7804
|
}, []);
|
|
7805
7805
|
const onPointerDown = (0, import_react21.useCallback)(
|
|
7806
7806
|
(e) => {
|
|
7807
|
-
|
|
7807
|
+
const tagName = e.target?.tagName;
|
|
7808
|
+
if (tagName === "INPUT" || tagName === "BUTTON") {
|
|
7808
7809
|
return;
|
|
7809
7810
|
}
|
|
7810
7811
|
const { brain, draggableColumnsRestrictTo } = getState();
|
|
@@ -8814,12 +8815,15 @@ var defaultRenderSelectionCheckBox = (params) => {
|
|
|
8814
8815
|
selectCurrentRow,
|
|
8815
8816
|
deselectCurrentRow,
|
|
8816
8817
|
toggleCurrentGroupRowSelection,
|
|
8817
|
-
column
|
|
8818
|
+
column,
|
|
8819
|
+
api
|
|
8818
8820
|
} = params;
|
|
8819
8821
|
if (rowInfo.isGroupRow && !column.groupByForColumn) {
|
|
8820
8822
|
}
|
|
8823
|
+
const { components: components2 } = api.getState();
|
|
8824
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
8821
8825
|
return /* @__PURE__ */ React36.createElement(
|
|
8822
|
-
|
|
8826
|
+
CheckBoxCmp,
|
|
8823
8827
|
{
|
|
8824
8828
|
domProps: {
|
|
8825
8829
|
className: SelectionCheckboxCls
|
|
@@ -9827,13 +9831,16 @@ function useColumnResizeHandle(column, opts) {
|
|
|
9827
9831
|
|
|
9828
9832
|
// src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
|
|
9829
9833
|
var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
|
|
9834
|
+
var InfiniteTableHeaderWrapperClassName = `${rootClassName2}HeaderWrapper`;
|
|
9830
9835
|
|
|
9831
9836
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
|
|
9832
9837
|
var defaultRenderSelectionCheckBox2 = (params) => {
|
|
9833
9838
|
const { allRowsSelected, someRowsSelected, api } = params;
|
|
9834
9839
|
const selected = allRowsSelected ? true : someRowsSelected ? null : false;
|
|
9840
|
+
const { components: components2 } = api.getState();
|
|
9841
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
9835
9842
|
return /* @__PURE__ */ React42.createElement(
|
|
9836
|
-
|
|
9843
|
+
CheckBoxCmp,
|
|
9837
9844
|
{
|
|
9838
9845
|
domProps: {
|
|
9839
9846
|
className: SelectionCheckboxCls
|
|
@@ -10845,7 +10852,7 @@ function TableHeaderWrapper(props) {
|
|
|
10845
10852
|
return /* @__PURE__ */ React47.createElement(
|
|
10846
10853
|
"div",
|
|
10847
10854
|
{
|
|
10848
|
-
className: HeaderWrapperCls
|
|
10855
|
+
className: `${InfiniteTableHeaderWrapperClassName} ${HeaderWrapperCls}`,
|
|
10849
10856
|
style: {
|
|
10850
10857
|
height
|
|
10851
10858
|
}
|
|
@@ -20198,7 +20205,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
20198
20205
|
}
|
|
20199
20206
|
let valid2 = isValidLicense(licenseKey, {
|
|
20200
20207
|
publishedAt: 1624970570587,
|
|
20201
|
-
version: "5.0.
|
|
20208
|
+
version: "5.0.5"
|
|
20202
20209
|
});
|
|
20203
20210
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
20204
20211
|
return true;
|
package/index.dev.mjs
CHANGED
|
@@ -7761,7 +7761,8 @@ var useColumnPointerEvents = ({
|
|
|
7761
7761
|
}, []);
|
|
7762
7762
|
const onPointerDown = useCallback8(
|
|
7763
7763
|
(e) => {
|
|
7764
|
-
|
|
7764
|
+
const tagName = e.target?.tagName;
|
|
7765
|
+
if (tagName === "INPUT" || tagName === "BUTTON") {
|
|
7765
7766
|
return;
|
|
7766
7767
|
}
|
|
7767
7768
|
const { brain, draggableColumnsRestrictTo } = getState();
|
|
@@ -8771,12 +8772,15 @@ var defaultRenderSelectionCheckBox = (params) => {
|
|
|
8771
8772
|
selectCurrentRow,
|
|
8772
8773
|
deselectCurrentRow,
|
|
8773
8774
|
toggleCurrentGroupRowSelection,
|
|
8774
|
-
column
|
|
8775
|
+
column,
|
|
8776
|
+
api
|
|
8775
8777
|
} = params;
|
|
8776
8778
|
if (rowInfo.isGroupRow && !column.groupByForColumn) {
|
|
8777
8779
|
}
|
|
8780
|
+
const { components: components2 } = api.getState();
|
|
8781
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
8778
8782
|
return /* @__PURE__ */ React36.createElement(
|
|
8779
|
-
|
|
8783
|
+
CheckBoxCmp,
|
|
8780
8784
|
{
|
|
8781
8785
|
domProps: {
|
|
8782
8786
|
className: SelectionCheckboxCls
|
|
@@ -9784,13 +9788,16 @@ function useColumnResizeHandle(column, opts) {
|
|
|
9784
9788
|
|
|
9785
9789
|
// src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
|
|
9786
9790
|
var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
|
|
9791
|
+
var InfiniteTableHeaderWrapperClassName = `${rootClassName2}HeaderWrapper`;
|
|
9787
9792
|
|
|
9788
9793
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
|
|
9789
9794
|
var defaultRenderSelectionCheckBox2 = (params) => {
|
|
9790
9795
|
const { allRowsSelected, someRowsSelected, api } = params;
|
|
9791
9796
|
const selected = allRowsSelected ? true : someRowsSelected ? null : false;
|
|
9797
|
+
const { components: components2 } = api.getState();
|
|
9798
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
9792
9799
|
return /* @__PURE__ */ React42.createElement(
|
|
9793
|
-
|
|
9800
|
+
CheckBoxCmp,
|
|
9794
9801
|
{
|
|
9795
9802
|
domProps: {
|
|
9796
9803
|
className: SelectionCheckboxCls
|
|
@@ -10802,7 +10809,7 @@ function TableHeaderWrapper(props) {
|
|
|
10802
10809
|
return /* @__PURE__ */ React47.createElement(
|
|
10803
10810
|
"div",
|
|
10804
10811
|
{
|
|
10805
|
-
className: HeaderWrapperCls
|
|
10812
|
+
className: `${InfiniteTableHeaderWrapperClassName} ${HeaderWrapperCls}`,
|
|
10806
10813
|
style: {
|
|
10807
10814
|
height
|
|
10808
10815
|
}
|
|
@@ -20164,7 +20171,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
20164
20171
|
}
|
|
20165
20172
|
let valid2 = isValidLicense(licenseKey, {
|
|
20166
20173
|
publishedAt: 1624970570587,
|
|
20167
|
-
version: "5.0.
|
|
20174
|
+
version: "5.0.5"
|
|
20168
20175
|
});
|
|
20169
20176
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
20170
20177
|
return true;
|
package/index.js
CHANGED
|
@@ -7804,7 +7804,8 @@ var useColumnPointerEvents = ({
|
|
|
7804
7804
|
}, []);
|
|
7805
7805
|
const onPointerDown = (0, import_react21.useCallback)(
|
|
7806
7806
|
(e) => {
|
|
7807
|
-
|
|
7807
|
+
const tagName = e.target?.tagName;
|
|
7808
|
+
if (tagName === "INPUT" || tagName === "BUTTON") {
|
|
7808
7809
|
return;
|
|
7809
7810
|
}
|
|
7810
7811
|
const { brain, draggableColumnsRestrictTo } = getState();
|
|
@@ -8814,12 +8815,15 @@ var defaultRenderSelectionCheckBox = (params) => {
|
|
|
8814
8815
|
selectCurrentRow,
|
|
8815
8816
|
deselectCurrentRow,
|
|
8816
8817
|
toggleCurrentGroupRowSelection,
|
|
8817
|
-
column
|
|
8818
|
+
column,
|
|
8819
|
+
api
|
|
8818
8820
|
} = params;
|
|
8819
8821
|
if (rowInfo.isGroupRow && !column.groupByForColumn) {
|
|
8820
8822
|
}
|
|
8823
|
+
const { components: components2 } = api.getState();
|
|
8824
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
8821
8825
|
return /* @__PURE__ */ React36.createElement(
|
|
8822
|
-
|
|
8826
|
+
CheckBoxCmp,
|
|
8823
8827
|
{
|
|
8824
8828
|
domProps: {
|
|
8825
8829
|
className: SelectionCheckboxCls
|
|
@@ -9827,13 +9831,16 @@ function useColumnResizeHandle(column, opts) {
|
|
|
9827
9831
|
|
|
9828
9832
|
// src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
|
|
9829
9833
|
var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
|
|
9834
|
+
var InfiniteTableHeaderWrapperClassName = `${rootClassName2}HeaderWrapper`;
|
|
9830
9835
|
|
|
9831
9836
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
|
|
9832
9837
|
var defaultRenderSelectionCheckBox2 = (params) => {
|
|
9833
9838
|
const { allRowsSelected, someRowsSelected, api } = params;
|
|
9834
9839
|
const selected = allRowsSelected ? true : someRowsSelected ? null : false;
|
|
9840
|
+
const { components: components2 } = api.getState();
|
|
9841
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
9835
9842
|
return /* @__PURE__ */ React42.createElement(
|
|
9836
|
-
|
|
9843
|
+
CheckBoxCmp,
|
|
9837
9844
|
{
|
|
9838
9845
|
domProps: {
|
|
9839
9846
|
className: SelectionCheckboxCls
|
|
@@ -10845,7 +10852,7 @@ function TableHeaderWrapper(props) {
|
|
|
10845
10852
|
return /* @__PURE__ */ React47.createElement(
|
|
10846
10853
|
"div",
|
|
10847
10854
|
{
|
|
10848
|
-
className: HeaderWrapperCls
|
|
10855
|
+
className: `${InfiniteTableHeaderWrapperClassName} ${HeaderWrapperCls}`,
|
|
10849
10856
|
style: {
|
|
10850
10857
|
height
|
|
10851
10858
|
}
|
|
@@ -20198,7 +20205,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
20198
20205
|
}
|
|
20199
20206
|
let valid2 = isValidLicense(licenseKey, {
|
|
20200
20207
|
publishedAt: 1624970570587,
|
|
20201
|
-
version: "5.0.
|
|
20208
|
+
version: "5.0.5"
|
|
20202
20209
|
});
|
|
20203
20210
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
20204
20211
|
return true;
|
package/index.mjs
CHANGED
|
@@ -7761,7 +7761,8 @@ var useColumnPointerEvents = ({
|
|
|
7761
7761
|
}, []);
|
|
7762
7762
|
const onPointerDown = useCallback8(
|
|
7763
7763
|
(e) => {
|
|
7764
|
-
|
|
7764
|
+
const tagName = e.target?.tagName;
|
|
7765
|
+
if (tagName === "INPUT" || tagName === "BUTTON") {
|
|
7765
7766
|
return;
|
|
7766
7767
|
}
|
|
7767
7768
|
const { brain, draggableColumnsRestrictTo } = getState();
|
|
@@ -8771,12 +8772,15 @@ var defaultRenderSelectionCheckBox = (params) => {
|
|
|
8771
8772
|
selectCurrentRow,
|
|
8772
8773
|
deselectCurrentRow,
|
|
8773
8774
|
toggleCurrentGroupRowSelection,
|
|
8774
|
-
column
|
|
8775
|
+
column,
|
|
8776
|
+
api
|
|
8775
8777
|
} = params;
|
|
8776
8778
|
if (rowInfo.isGroupRow && !column.groupByForColumn) {
|
|
8777
8779
|
}
|
|
8780
|
+
const { components: components2 } = api.getState();
|
|
8781
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
8778
8782
|
return /* @__PURE__ */ React36.createElement(
|
|
8779
|
-
|
|
8783
|
+
CheckBoxCmp,
|
|
8780
8784
|
{
|
|
8781
8785
|
domProps: {
|
|
8782
8786
|
className: SelectionCheckboxCls
|
|
@@ -9784,13 +9788,16 @@ function useColumnResizeHandle(column, opts) {
|
|
|
9784
9788
|
|
|
9785
9789
|
// src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
|
|
9786
9790
|
var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
|
|
9791
|
+
var InfiniteTableHeaderWrapperClassName = `${rootClassName2}HeaderWrapper`;
|
|
9787
9792
|
|
|
9788
9793
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
|
|
9789
9794
|
var defaultRenderSelectionCheckBox2 = (params) => {
|
|
9790
9795
|
const { allRowsSelected, someRowsSelected, api } = params;
|
|
9791
9796
|
const selected = allRowsSelected ? true : someRowsSelected ? null : false;
|
|
9797
|
+
const { components: components2 } = api.getState();
|
|
9798
|
+
const CheckBoxCmp = components2?.CheckBox || InfiniteCheckBox;
|
|
9792
9799
|
return /* @__PURE__ */ React42.createElement(
|
|
9793
|
-
|
|
9800
|
+
CheckBoxCmp,
|
|
9794
9801
|
{
|
|
9795
9802
|
domProps: {
|
|
9796
9803
|
className: SelectionCheckboxCls
|
|
@@ -10802,7 +10809,7 @@ function TableHeaderWrapper(props) {
|
|
|
10802
10809
|
return /* @__PURE__ */ React47.createElement(
|
|
10803
10810
|
"div",
|
|
10804
10811
|
{
|
|
10805
|
-
className: HeaderWrapperCls
|
|
10812
|
+
className: `${InfiniteTableHeaderWrapperClassName} ${HeaderWrapperCls}`,
|
|
10806
10813
|
style: {
|
|
10807
10814
|
height
|
|
10808
10815
|
}
|
|
@@ -20164,7 +20171,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
20164
20171
|
}
|
|
20165
20172
|
let valid2 = isValidLicense(licenseKey, {
|
|
20166
20173
|
publishedAt: 1624970570587,
|
|
20167
|
-
version: "5.0.
|
|
20174
|
+
version: "5.0.5"
|
|
20168
20175
|
});
|
|
20169
20176
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
20170
20177
|
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": "5.0.
|
|
28
|
+
"version": "5.0.5",
|
|
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": 1729065809509
|
|
38
38
|
}
|