@infinite-table/infinite-react 5.0.0-canary.8 → 5.1.0-canary.1
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 +64 -54
- package/index.d.ts +16 -4
- package/index.dev.js +507 -231
- package/index.dev.mjs +507 -231
- package/index.js +507 -231
- package/index.mjs +507 -231
- package/package.json +2 -2
package/index.css
CHANGED
|
@@ -354,7 +354,7 @@
|
|
|
354
354
|
display: none;
|
|
355
355
|
}
|
|
356
356
|
|
|
357
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+
|
|
357
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
|
|
358
358
|
.infinite-theme-name--default:root,
|
|
359
359
|
.infinite-theme-name--default {
|
|
360
360
|
--infinite-icon-size: 24px;
|
|
@@ -442,6 +442,7 @@
|
|
|
442
442
|
--infinite-cell-color: currentColor;
|
|
443
443
|
--infinite-cell-border-width: 1px;
|
|
444
444
|
--infinite-flashing-overlay-z-index: -1;
|
|
445
|
+
--infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
|
|
445
446
|
--infinite-flashing-background: var(--infinite-accent-color);
|
|
446
447
|
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
447
448
|
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
@@ -563,6 +564,7 @@
|
|
|
563
564
|
--infinite-cell-color: currentColor;
|
|
564
565
|
--infinite-cell-border-width: 1px;
|
|
565
566
|
--infinite-flashing-overlay-z-index: -1;
|
|
567
|
+
--infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
|
|
566
568
|
--infinite-flashing-background: var(--infinite-accent-color);
|
|
567
569
|
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
568
570
|
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
@@ -710,6 +712,7 @@
|
|
|
710
712
|
--infinite-cell-color: currentColor;
|
|
711
713
|
--infinite-cell-border-width: 1px;
|
|
712
714
|
--infinite-flashing-overlay-z-index: -1;
|
|
715
|
+
--infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
|
|
713
716
|
--infinite-flashing-background: var(--infinite-accent-color);
|
|
714
717
|
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
715
718
|
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
@@ -832,6 +835,7 @@
|
|
|
832
835
|
--infinite-cell-color: currentColor;
|
|
833
836
|
--infinite-cell-border-width: 1px;
|
|
834
837
|
--infinite-flashing-overlay-z-index: -1;
|
|
838
|
+
--infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
|
|
835
839
|
--infinite-flashing-background: var(--infinite-accent-color);
|
|
836
840
|
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
837
841
|
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
@@ -1230,7 +1234,7 @@
|
|
|
1230
1234
|
padding: var(--infinite-rowdetail-padding);
|
|
1231
1235
|
}
|
|
1232
1236
|
|
|
1233
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSTW/CMAyG7/
|
|
1237
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSTW/CMAyG7/0VOQ5pRsARjuyy28SkXas0dVtrwe6StBWa9t8nApSywrSPW5T3tR9/TR+5IKaAa+vT4Tud77DJFu1MvSdKSRMsMS4VC+MqUaoQDlDoLdndUrXa3QHQMRoG2mTvNWLFjVzxN+qZNq+lk4bzkeksReeWGCqksgoj51marJKPZOqke8Cgyaab02uDhmpMU2zf0C9mavqz3m8AnXR5TAulo/yCfSPvs3FiLXHZA+YRcJkUaiEO6ABb5OChq8gi+FPsaQW3Mcc2jWzr/eDSWY+rvuK0CdQiGLR2MGrQtq70qOHvzABBZxah4UJM4/GwrnHwvr+fgq55R5z7/1U53tcTMWO+kc6vhYMmRre2/kU70hx8Wkc59UG70M91G+eaicvRgbt6LYd6ouOvTOS8J/KQaLH4JdBXVATi0sjg2uuYs/HowKNFE/pT+wRdtOLfJQQAAA== */
|
|
1234
1238
|
.InfiniteCls_InfiniteCls__1yeub2v0 {
|
|
1235
1239
|
outline: none;
|
|
1236
1240
|
font-family: var(--infinite-font-family);
|
|
@@ -1244,23 +1248,23 @@
|
|
|
1244
1248
|
.InfiniteCls_InfiniteClsScrolling__1yeub2v1 {
|
|
1245
1249
|
--infinite-row-pointer-events-while-scrolling: none;
|
|
1246
1250
|
}
|
|
1247
|
-
.
|
|
1251
|
+
.InfiniteCls_InfiniteClsRecipe_compound_0__1yeub2vh {
|
|
1248
1252
|
--infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
|
|
1249
1253
|
--infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
|
|
1250
1254
|
}
|
|
1251
|
-
.
|
|
1255
|
+
.InfiniteCls_PinnedRowsContainerClsVariants_pinned_start__1yeub2vm {
|
|
1252
1256
|
border-right: var(--infinite-cell-border);
|
|
1253
1257
|
}
|
|
1254
|
-
.
|
|
1258
|
+
.InfiniteCls_PinnedRowsContainerClsVariants_pinned_end__1yeub2vn {
|
|
1255
1259
|
border-left: var(--infinite-cell-border);
|
|
1256
1260
|
}
|
|
1257
|
-
.
|
|
1261
|
+
.InfiniteCls_shiftingcols__1yeub2vp {
|
|
1258
1262
|
-webkit-user-select: none;
|
|
1259
1263
|
-moz-user-select: none;
|
|
1260
1264
|
user-select: none;
|
|
1261
1265
|
}
|
|
1262
1266
|
|
|
1263
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#
|
|
1267
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Yy27cNhTd+yuIAAUyRVjMjGsnmWza2iiQTVHEQLYCRV5pGFOkQFLzcJF/L0hpqLdG49hAVn7w8JzDy8vLS/3xCMdEkwwMoiBE9LcgZstleqdEkck7EOILUJ5DFBMDEZE8I5Yr+Q/JIIpWAAe6Jh/Qf1cILX/xPxBSOaHcHjdo+ekKoe9XCK1vemOr09j7ibHVcpT0+9Vv3i/1Pv8UPPVmH+xRQERBWtDB39JzfCuM5ckRUyUtSLtBJerTNJWxRNvAtBpmSgQcsEeeYQPJAtf6PBcq/0qE2m+QVnusYQfaQK3iqO+E+Uo0J9KayGx5YrlMg8q1V7GaSMPdxm2QgMSi6+UyM+M0TJM0bdL83qORSvZ9BPyNx+eEMS7TDdoR/RZjLhMuuQXspuBqcOGWGSvNQGNnbRjcADQnaJ5up2d4xMIb/VyNO5+nOFHlTR+hiNe7HFWLCbnfXNJtLwT+90TprGfAE2ANpQdIEqAWs0L7s7Oow/YAAqj7390W6GOsDk3B914wIzrlEnMpuITeUs2JANOKAbcmNLRGT/ZJ7+NmQxIL2suGfHzzxsU7V6dFk9goUVhw/+XSgK2O5BPmksGh5zCpZLHagRbkiCug38ZywykR9O0yPyA8tZN7zux24adV237xvFxxd+Qx7EBac8phhEJZw5Jk/SCHJbRx736gYi7asqfUqNa0ygz6tXJBC61B2pPKfYWMotXt9jF+pNfvRu2GhCtXHxP6mGpVSLYZ5v4rAAL7epy9plvMyTLGdZmpUZGHOBCfa7OMjO9KkTe8vIJfpvYyOI5fwrFjfF3PEgqriQi26UvYbrhpVP5gIhSzz5JxSqzSnQLDNpsYEqXheRXmJykW/WPUqcbAKsoAxAwSUojW1eWVzjE0oL0kIdTy3YD7MaDrHyZxA3FYNB0b18LMc+yhcxx7YFNlFn+P+acL2ytEaYbBKprz1KkSqh/JAfVJYEN9DOf67HJwUWbUBaXDH94oIcLUZSRplZFmn3c6VMuLNFxd6UhshyQc7nkKVuUdgW9DAlblz+OPlbUq60iIIYkSOanSKdpZVayF6p9NnyXlzk4wcWk4g3tuSCyA3VdPi39JCpHVRa2Ue6Xw0OtobZXmT0paIrAgR1XYbpfNKgGckxRwRTPli7i3WetJVkw8yUCyCa4daMspEf6913k07j2rV8PcQmaGH4xnOJs+DyOM0x612p82oR341W3VHYRg+1M9fs+54RDuVlfQY1GMnWNykJlsW/eIeAFnzeI1TTbtJxTWWcYCeszhWO63VjUjs58g1qRTDlblc/KS5Z7hd41RTf/hpekVqxN+9XEOezvXphS02j9Um9E5CmSOUNjIeWoJ18Z2dFi38PvbRRPGCzP9QcNDmn1ZVdMvJhj1K0jPbtK1W963P+L3cobpAH9R+27KZx3XkzJW5VMaVGW5fygta/59j7/zVWyUZFWTHHptTM9mzqVsd2+znF7XIk/dRualNG7q75kjH0e7n1nHuW5rrvXQjTSryI7fJt//B5Iem6nsFgAA */
|
|
1264
1268
|
@keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8 {
|
|
1265
1269
|
0% {
|
|
1266
1270
|
opacity: 0;
|
|
@@ -1296,7 +1300,7 @@
|
|
|
1296
1300
|
border-left: var(--infinite-cell-border-left);
|
|
1297
1301
|
border-right: var(--infinite-cell-border-right);
|
|
1298
1302
|
}
|
|
1299
|
-
.
|
|
1303
|
+
.InfiniteCls_shiftingcols__1yeub2vp .cell_ColumnCellCls__1eexc2a6 {
|
|
1300
1304
|
transition: transform var(--infinite-column-reorder-effect-duration);
|
|
1301
1305
|
}
|
|
1302
1306
|
.cell_SelectionCheckboxCls__1eexc2a7 {
|
|
@@ -1350,16 +1354,19 @@
|
|
|
1350
1354
|
.cell_ColumnCellRecipe__1eexc2am {
|
|
1351
1355
|
color: var(--infinite-cell-color);
|
|
1352
1356
|
}
|
|
1353
|
-
.
|
|
1357
|
+
.cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2ap {
|
|
1358
|
+
opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
|
|
1359
|
+
}
|
|
1360
|
+
.cell_ColumnCellRecipe_align_end__1eexc2au {
|
|
1354
1361
|
justify-content: flex-end;
|
|
1355
1362
|
}
|
|
1356
|
-
.
|
|
1363
|
+
.cell_ColumnCellRecipe_verticalAlign_start__1eexc2aw {
|
|
1357
1364
|
align-items: flex-start;
|
|
1358
1365
|
}
|
|
1359
|
-
.
|
|
1366
|
+
.cell_ColumnCellRecipe_verticalAlign_end__1eexc2ax {
|
|
1360
1367
|
align-items: flex-end;
|
|
1361
1368
|
}
|
|
1362
|
-
.
|
|
1369
|
+
.cell_ColumnCellRecipe_rowDisabled_true__1eexc2a16 {
|
|
1363
1370
|
--infinite-row-background: var(--infinite-row-disabled-background);
|
|
1364
1371
|
--infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
|
|
1365
1372
|
--infinite-row-hover-background: var(--infinite-row-disabled-background);
|
|
@@ -1367,46 +1374,46 @@
|
|
|
1367
1374
|
--infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
|
|
1368
1375
|
opacity: var(--infinite-row-disabled-opacity);
|
|
1369
1376
|
}
|
|
1370
|
-
.
|
|
1377
|
+
.cell_ColumnCellRecipe_zebra_false__1eexc2a17 {
|
|
1371
1378
|
background: var(--infinite-row-background);
|
|
1372
1379
|
}
|
|
1373
|
-
.
|
|
1380
|
+
.cell_ColumnCellRecipe_zebra_even__1eexc2a18 {
|
|
1374
1381
|
background: var(--infinite-row-background);
|
|
1375
1382
|
}
|
|
1376
|
-
.
|
|
1383
|
+
.cell_ColumnCellRecipe_zebra_odd__1eexc2a19 {
|
|
1377
1384
|
background: var(--infinite-row-odd-background);
|
|
1378
1385
|
}
|
|
1379
|
-
.
|
|
1386
|
+
.cell_ColumnCellRecipe_rowSelected_true__1eexc2a1a {
|
|
1380
1387
|
background: var(--infinite-row-selected-background);
|
|
1381
1388
|
}
|
|
1382
|
-
.
|
|
1389
|
+
.cell_ColumnCellRecipe_first_true__1eexc2a1d {
|
|
1383
1390
|
border-top-left-radius: var(--infinite-cell-border-radius);
|
|
1384
1391
|
border-bottom-left-radius: var(--infinite-cell-border-radius);
|
|
1385
1392
|
}
|
|
1386
|
-
.
|
|
1393
|
+
.cell_ColumnCellRecipe_last_true__1eexc2a1f {
|
|
1387
1394
|
border-top-right-radius: var(--infinite-cell-border-radius);
|
|
1388
1395
|
border-bottom-right-radius: var(--infinite-cell-border-radius);
|
|
1389
1396
|
}
|
|
1390
|
-
.
|
|
1397
|
+
.cell_ColumnCellRecipe_firstRow_false__1eexc2a1m {
|
|
1391
1398
|
border-top: var(--infinite-cell-border-top);
|
|
1392
1399
|
}
|
|
1393
|
-
.
|
|
1400
|
+
.cell_ColumnCellRecipe_compound_0__1eexc2a1w {
|
|
1394
1401
|
border-top: none;
|
|
1395
1402
|
}
|
|
1396
|
-
.
|
|
1403
|
+
.cell_ColumnCellRecipe_compound_1__1eexc2a1x {
|
|
1397
1404
|
border-right: var(--infinite-pinned-cell-border);
|
|
1398
1405
|
}
|
|
1399
|
-
.
|
|
1406
|
+
.cell_ColumnCellRecipe_compound_3__1eexc2a1z {
|
|
1400
1407
|
border-left: var(--infinite-pinned-cell-border);
|
|
1401
1408
|
}
|
|
1402
|
-
.
|
|
1409
|
+
.cell_ColumnCellRecipe_compound_5__1eexc2a21 {
|
|
1403
1410
|
justify-content: center;
|
|
1404
1411
|
}
|
|
1405
|
-
.
|
|
1412
|
+
.cell_ColumnCellRecipe_compound_6__1eexc2a22 {
|
|
1406
1413
|
--infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
|
|
1407
1414
|
}
|
|
1408
1415
|
|
|
1409
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#
|
|
1416
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYS2/jNhC+51foUqA+MLDVpt0qpyLbdnMoNmiA3aNBkyN5NjQpkJRjp+h/L0jKelmSZcco0FMcifN98+aMbtdAOejlJ//nWWn7yJT8CxjmsKQCM7k0lmq7XC7it1StFj9Ef99E0YbqDCURkNok2lL9PSEoU5RogQREwkAIYpS2BJmSJEjM7m/+ubk9zclAWtAV6Y//CSlIXjHeNRk1ZuurUT5KDrsHYSqqnzyVQOkgA9P8/iaKUiUtMfgGSbSY5zv3aKW0o9SUY2GS6G7+nXuaU85RZkm0CKdyZdCikklEV0aJwoJ7ajWVh+dW5dH8Njb+ucpLwtLM2KF0tf8dhQXdq//P/wf9n5lWQqyofhKUwVoJDrppxAdvxIqyl0yrQvKhaNcnZr3k82CmtWrj/+nq8SBMmXMH5l8uY2ZKKD2Yk+5lTw7W7GoLOhXqdWl1Ueuy9rq8EXQxdmEbg2Bqkzt1lvNK/luwpYxyb9XkKCXwUDXh4KieFUlckYgmSW8zmMYBQjxptdtXwHJiJDzu2nlwWlD8+UNIokjllKHdJ9H89kMr/fvEypezxsHS5risqSpa8XzeFy8QopNx6qQDG54jr8jtehYZJZCHIsypBmnvT0W66a3mQW/LRC93/Fu5aqKhiY/SO8M6QoTSIIePaOhKAP+oaZahzJ5oBu26KgurinxXAaXxTUlLBRF0rwrrsqXYSKIh+I2XDCSnGZASZly1FLWxHS1a5WlV7oNfdeORHAhHZo2QhxZ3PsCIxoIeKSy6CvsEepfG5yOMqBwaTWdCWtgJXbTG6Gmji/3lffSxPBAutz0Uq3gbR63Hjd+lDmtqnjzes7Pkc+duCCA8usCEft+O+h3lFg2uBIy7vuJc1Jxv17sZhq+feH46OOP4f4Is3CTVnD/ihUdlhTbuBmFKWthZsgFZNFv/Sij2Qny+lYNO9x24Ble+2aAM7Xu05fmx1c1pvloOI9xEgWm2JZRZ3II30Y9Mi74ZbaSDT3agzx0UocuGPHJWcTS5oPskSgX0MDcBncu/BMl2N4rjKzFoMKC38JxTBl/XID8h5yCXKRWmwRZ2ngpWKgnjsD1VGN+9Q2UXjgeXh9J2ohKHlWVocGnmSj2/nIbfgrbIqPi1Z+2Mw5jsFzWCFjYmqB1q4Xz05q4X0wFskHwK8vH2GHOP6EE4amBhbdHqlWjYgjY9oRzC7azCcaiib4WxmO4JCxJJFI4dw37VNM/bu06cXrJydIH/0KrIW7DZaFYcjbOte/lECz2r3142XfZvvN3MX3cmkpOqtLrz0enUkxDgaJUuvx2QvskuaPM5B02takfzpel2gtJt4kNEqgQ4BILspit5JDus5yGBfdfvdFGMzrSsf6mizGX84KY7hjrtNmojND4WHYbxjl2b0RHf3Sq+t9SzfD3G1/c+Lay6RJXO3SHPMfE3n3wtF6nm16/xjGqnbjudJklekIkdyf2pmm+LTdrZ2yL18j4wwHYYjttW/77RJza8eAyHK0kVK0xIwMIGp4eBodJgipkehTQFrljhg2l2fY3/BSKkljvVFgAA */
|
|
1410
1417
|
.header_HeaderSortIconRecipe_align_start__12zfob13 {
|
|
1411
1418
|
margin-left: var(--infinite-header-cell-sort-icon-margin);
|
|
1412
1419
|
}
|
|
@@ -1472,100 +1479,103 @@
|
|
|
1472
1479
|
.header_HeaderCellRecipe__12zfob1o:hover {
|
|
1473
1480
|
background: var(--infinite-header-cell-hover-background);
|
|
1474
1481
|
}
|
|
1475
|
-
.
|
|
1482
|
+
.header_HeaderCellRecipe_insideDisabledDraggingPage_true__12zfob11h {
|
|
1483
|
+
opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
|
|
1484
|
+
}
|
|
1485
|
+
.header_HeaderCellRecipe_first_true__12zfob11j {
|
|
1476
1486
|
border-top-left-radius: var(--infinite-cell-border-radius);
|
|
1477
1487
|
border-bottom-left-radius: var(--infinite-cell-border-radius);
|
|
1478
1488
|
}
|
|
1479
|
-
.
|
|
1489
|
+
.header_HeaderCellRecipe_last_true__12zfob11l {
|
|
1480
1490
|
border-top-right-radius: var(--infinite-cell-border-radius);
|
|
1481
1491
|
border-bottom-right-radius: var(--infinite-cell-border-radius);
|
|
1482
1492
|
}
|
|
1483
|
-
.
|
|
1493
|
+
.header_HeaderCellRecipe_pinned_start__12zfob11t {
|
|
1484
1494
|
z-index: 10;
|
|
1485
1495
|
}
|
|
1486
|
-
.
|
|
1496
|
+
.header_HeaderCellRecipe_compound_0__12zfob11y {
|
|
1487
1497
|
border-right: var(--infinite-pinned-cell-border);
|
|
1488
1498
|
}
|
|
1489
|
-
.InfiniteCls__1yeub2v2 .
|
|
1499
|
+
.InfiniteCls__1yeub2v2 .InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2vd .header_HeaderCellRecipe_compound_0__12zfob11y {
|
|
1490
1500
|
--infinite-cell-border: var(--infinite-cell-border-invisible);
|
|
1491
1501
|
}
|
|
1492
|
-
.
|
|
1502
|
+
.header_HeaderCellRecipe_compound_1__12zfob11z {
|
|
1493
1503
|
border-left: var(--infinite-pinned-cell-border);
|
|
1494
1504
|
}
|
|
1495
|
-
.
|
|
1505
|
+
.header_HeaderCellRecipe_compound_2__12zfob120 {
|
|
1496
1506
|
border-right: var(--infinite-cell-border);
|
|
1497
1507
|
}
|
|
1498
|
-
.
|
|
1508
|
+
.header_HeaderMenuIconCls__12zfob121 {
|
|
1499
1509
|
cursor: context-menu;
|
|
1500
1510
|
padding-block-start: 2px;
|
|
1501
1511
|
padding-block-end: 2px;
|
|
1502
1512
|
min-width: var(--infinite-header-cell-icon-size);
|
|
1503
1513
|
height: var(--infinite-header-cell-icon-size);
|
|
1504
1514
|
}
|
|
1505
|
-
.
|
|
1515
|
+
.header_HeaderMenuIconCls__12zfob121:active {
|
|
1506
1516
|
top: 1px;
|
|
1507
1517
|
}
|
|
1508
|
-
.header_HeaderCellRecipe__12zfob1o:hover .
|
|
1518
|
+
.header_HeaderCellRecipe__12zfob1o:hover .header_HeaderMenuIconCls__12zfob121 {
|
|
1509
1519
|
visibility: visible;
|
|
1510
1520
|
display: flex;
|
|
1511
1521
|
}
|
|
1512
|
-
.
|
|
1522
|
+
.header_HeaderMenuIconCls_menuVisible_true__12zfob122 {
|
|
1513
1523
|
visibility: visible;
|
|
1514
1524
|
display: flex;
|
|
1515
1525
|
}
|
|
1516
|
-
.
|
|
1526
|
+
.header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob124 {
|
|
1517
1527
|
display: none;
|
|
1518
1528
|
}
|
|
1519
|
-
.
|
|
1529
|
+
.header_HeaderMenuIconCls_compound_0__12zfob125 {
|
|
1520
1530
|
visibility: visible;
|
|
1521
1531
|
display: flex;
|
|
1522
1532
|
}
|
|
1523
|
-
.
|
|
1533
|
+
.header_HeaderCellContentRecipe__12zfob126 {
|
|
1524
1534
|
padding: var(--infinite-header-cell-padding);
|
|
1525
1535
|
}
|
|
1526
|
-
.
|
|
1536
|
+
.header_HeaderCellContentRecipe_verticalAlign_start__12zfob129 {
|
|
1527
1537
|
align-items: flex-start;
|
|
1528
1538
|
}
|
|
1529
|
-
.
|
|
1539
|
+
.header_HeaderCellContentRecipe_verticalAlign_end__12zfob12a {
|
|
1530
1540
|
align-items: flex-end;
|
|
1531
1541
|
}
|
|
1532
|
-
.
|
|
1542
|
+
.header_HeaderCellContentRecipe_align_end__12zfob12d {
|
|
1533
1543
|
flex-direction: row-reverse;
|
|
1534
1544
|
}
|
|
1535
|
-
.
|
|
1545
|
+
.header_HeaderCellContentRecipe_align_center__12zfob12e {
|
|
1536
1546
|
justify-content: center;
|
|
1537
1547
|
}
|
|
1538
|
-
.
|
|
1548
|
+
.header_HeaderWrapperCls__12zfob12f {
|
|
1539
1549
|
background: var(--infinite-header-background);
|
|
1540
1550
|
}
|
|
1541
|
-
.
|
|
1551
|
+
.header_HeaderGroupCls__12zfob12g {
|
|
1542
1552
|
padding: var(--infinite-cell-padding);
|
|
1543
1553
|
border-bottom: var(--infinite-cell-border);
|
|
1544
1554
|
border-right: var(--infinite-cell-border);
|
|
1545
1555
|
background: var(--infinite-header-cell-background);
|
|
1546
1556
|
}
|
|
1547
|
-
.
|
|
1557
|
+
.header_HeaderFilterRecipe__12zfob12h {
|
|
1548
1558
|
border-top: var(--infinite-cell-border);
|
|
1549
1559
|
padding-block: var(--infinite-filter-editor-margin-y);
|
|
1550
1560
|
}
|
|
1551
|
-
.
|
|
1561
|
+
.header_HeaderFilterOperatorCls__12zfob12k {
|
|
1552
1562
|
padding-inline: var(--infinite-filter-operator-padding-x);
|
|
1553
1563
|
padding-block: var(--infinite-filter-operator-padding-y);
|
|
1554
1564
|
}
|
|
1555
|
-
.
|
|
1565
|
+
.header_HeaderFilterRecipe_active_true__12zfob12i .header_HeaderFilterOperatorCls__12zfob12k {
|
|
1556
1566
|
color: var(--infinite-accent-color);
|
|
1557
1567
|
}
|
|
1558
|
-
.
|
|
1568
|
+
.header_HeaderFilterOperatorCls__12zfob12k:active {
|
|
1559
1569
|
top: 1px;
|
|
1560
1570
|
}
|
|
1561
|
-
.
|
|
1571
|
+
.header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12m {
|
|
1562
1572
|
opacity: var(--infinite-menu-item-disabled-opacity);
|
|
1563
1573
|
cursor: auto;
|
|
1564
1574
|
}
|
|
1565
|
-
.
|
|
1575
|
+
.header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12n:active {
|
|
1566
1576
|
top: 1px;
|
|
1567
1577
|
}
|
|
1568
|
-
.
|
|
1578
|
+
.header_HeaderFilterEditorCls__12zfob12o {
|
|
1569
1579
|
margin-inline: var(--infinite-filter-editor-margin-x);
|
|
1570
1580
|
padding-inline: var(--infinite-filter-editor-padding-x);
|
|
1571
1581
|
padding-block: var(--infinite-filter-editor-padding-y);
|
|
@@ -1574,11 +1584,11 @@
|
|
|
1574
1584
|
border: var(--infinite-filter-editor-border);
|
|
1575
1585
|
border-radius: var(--infinite-filter-editor-border-radius);
|
|
1576
1586
|
}
|
|
1577
|
-
.
|
|
1587
|
+
.header_HeaderFilterEditorCls__12zfob12o:focus {
|
|
1578
1588
|
outline: none;
|
|
1579
1589
|
border-color: var(--infinite-filter-editor-focus-border-color);
|
|
1580
1590
|
}
|
|
1581
|
-
.
|
|
1591
|
+
.header_HeaderFilterRecipe_active_true__12zfob12i .header_HeaderFilterEditorCls__12zfob12o {
|
|
1582
1592
|
outline: none;
|
|
1583
1593
|
border-color: var(--infinite-filter-editor-focus-border-color);
|
|
1584
1594
|
}
|
package/index.d.ts
CHANGED
|
@@ -242,6 +242,7 @@ declare class MatrixBrain extends Logger implements IBrain {
|
|
|
242
242
|
protected availableRenderHeight: number;
|
|
243
243
|
protected cols: MatrixBrainOptions['cols'];
|
|
244
244
|
protected rows: MatrixBrainOptions['rows'];
|
|
245
|
+
protected alwaysRenderedColumns: Set<number>;
|
|
245
246
|
/**
|
|
246
247
|
* This is only here for easier accessing in the renderer, when the horizontal layout is enabled.
|
|
247
248
|
* In this way, the API is the same for both brains, so we don't have to cast the brain type in the renderer.
|
|
@@ -265,6 +266,8 @@ declare class MatrixBrain extends Logger implements IBrain {
|
|
|
265
266
|
private horizontalTotalSize;
|
|
266
267
|
private horizontalRenderCount?;
|
|
267
268
|
private verticalRenderCount?;
|
|
269
|
+
private horizontalExtendRangeBy;
|
|
270
|
+
private verticalExtendRangeBy;
|
|
268
271
|
protected horizontalRenderRange: RenderRangeType;
|
|
269
272
|
protected verticalRenderRange: RenderRangeType;
|
|
270
273
|
protected extraSpanCells: [number, number][];
|
|
@@ -314,8 +317,9 @@ declare class MatrixBrain extends Logger implements IBrain {
|
|
|
314
317
|
* @param options.right - if true, extends the right side with the amount of current visible columns, otherwise with the specified number
|
|
315
318
|
*/
|
|
316
319
|
extendRenderRange(options: {
|
|
317
|
-
|
|
318
|
-
|
|
320
|
+
start?: number | boolean;
|
|
321
|
+
end?: number | boolean;
|
|
322
|
+
direction: 'horizontal' | 'vertical';
|
|
319
323
|
}): () => void;
|
|
320
324
|
updateRenderCount(which?: WhichDirection): void;
|
|
321
325
|
protected doUpdateRenderCount(which?: WhichDirection): void;
|
|
@@ -330,7 +334,7 @@ declare class MatrixBrain extends Logger implements IBrain {
|
|
|
330
334
|
protected notifyVerticalRenderRangeChange: () => void;
|
|
331
335
|
protected notifyHorizontalRenderRangeChange: () => void;
|
|
332
336
|
private notifyScrollChange;
|
|
333
|
-
|
|
337
|
+
protected computeDirectionalRenderCount(direction: 'horizontal' | 'vertical', itemSize: number | ItemSizeFunction, count: number, theRenderSize: Size): number;
|
|
334
338
|
getFixedSize(direction: 'horizontal' | 'vertical'): number;
|
|
335
339
|
getFixedStartSize(direction: 'horizontal' | 'vertical'): number;
|
|
336
340
|
getFixedEndSize(direction: 'horizontal' | 'vertical'): number;
|
|
@@ -441,6 +445,8 @@ declare class MatrixBrain extends Logger implements IBrain {
|
|
|
441
445
|
width: number;
|
|
442
446
|
};
|
|
443
447
|
getVirtualizedContentSizeFor(direction: 'horizontal' | 'vertical'): number;
|
|
448
|
+
keepColumnRendered: (colIndex: number) => () => void;
|
|
449
|
+
getAlwaysRenderedColumns: () => number[];
|
|
444
450
|
setRenderRange: ({ horizontal, vertical, extraCells, }: {
|
|
445
451
|
horizontal: RenderRangeType;
|
|
446
452
|
vertical: RenderRangeType;
|
|
@@ -1319,6 +1325,7 @@ declare class MappedCells<T_ADDITIONAL_CELL_INFO = any> extends Logger {
|
|
|
1319
1325
|
withCellAdditionalInfo: boolean;
|
|
1320
1326
|
});
|
|
1321
1327
|
getElementFromListForColumn: (elementsOutsideItemRange: number[], colIndex: number) => number | undefined;
|
|
1328
|
+
getElementFromListForRow: (elementsOutsideItemRange: number[], _rowIndex: number) => number | undefined;
|
|
1322
1329
|
init(): void;
|
|
1323
1330
|
reset(): void;
|
|
1324
1331
|
destroy(): void;
|
|
@@ -1406,7 +1413,8 @@ declare class ReactHeadlessTableRenderer extends Logger {
|
|
|
1406
1413
|
private mappedDetailRows;
|
|
1407
1414
|
private items;
|
|
1408
1415
|
private detailItems;
|
|
1409
|
-
private
|
|
1416
|
+
private lastEnteredRow;
|
|
1417
|
+
private lastExitedRow;
|
|
1410
1418
|
private onDestroy;
|
|
1411
1419
|
private hoverRowUpdatesInProgress;
|
|
1412
1420
|
private infiniteNode;
|
|
@@ -1570,6 +1578,7 @@ interface InfiniteTableSetupState<T> {
|
|
|
1570
1578
|
focused: boolean;
|
|
1571
1579
|
ready: boolean;
|
|
1572
1580
|
columnReorderDragColumnId: false | string;
|
|
1581
|
+
columnReorderInPageIndex: number | null;
|
|
1573
1582
|
columnVisibilityForGrouping: Record<string, false>;
|
|
1574
1583
|
focusedWithin: boolean;
|
|
1575
1584
|
scrollPosition: ScrollPosition;
|
|
@@ -5214,6 +5223,7 @@ interface InfiniteTableApi<T> {
|
|
|
5214
5223
|
get rowDetailApi(): InfiniteTableRowDetailApi;
|
|
5215
5224
|
get rowSelectionApi(): InfiniteTableRowSelectionApi;
|
|
5216
5225
|
get cellSelectionApi(): InfiniteTableCellSelectionApi<T>;
|
|
5226
|
+
get scrollContainer(): HTMLElement;
|
|
5217
5227
|
setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
|
|
5218
5228
|
setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
|
|
5219
5229
|
isDestroyed: () => boolean;
|
|
@@ -5228,8 +5238,10 @@ interface InfiniteTableApi<T> {
|
|
|
5228
5238
|
rowIndex: number;
|
|
5229
5239
|
columnId: string;
|
|
5230
5240
|
}): boolean;
|
|
5241
|
+
get scrollLeftMax(): number;
|
|
5231
5242
|
get scrollLeft(): number;
|
|
5232
5243
|
set scrollLeft(value: number);
|
|
5244
|
+
get scrollTopMax(): number;
|
|
5233
5245
|
get scrollTop(): number;
|
|
5234
5246
|
set scrollTop(value: number);
|
|
5235
5247
|
isCellEditable: (params: InfiniteTableApiIsCellEditableParams) => Promise<boolean>;
|