@infinite-table/infinite-react 5.0.0-canary.3 → 5.0.0-canary.4
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 +89 -30
- package/index.d.ts +25 -2
- package/index.dev.js +191 -6
- package/index.dev.mjs +186 -6
- package/index.js +191 -6
- package/index.mjs +186 -6
- package/package.json +2 -2
package/index.css
CHANGED
|
@@ -320,15 +320,15 @@
|
|
|
320
320
|
overflow-y: hidden;
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=
|
|
323
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=LkFjdGl2ZUNlbGxJbmRpY2F0b3JfQWN0aXZlSW5kaWNhdG9yV3JhcHBlckNsc19fbnhicTFjMCB7CiAgd2lkdGg6IHZhcigtLWFjdGl2ZUNlbGxDb2xXaWR0aF9fMTZoa2JrY2IpOwogIGhlaWdodDogdmFyKC0tYWN0aXZlQ2VsbFJvd0hlaWdodF9fMTZoa2JrYzYpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JfX254YnExYzEgewogIC0tYWN0aXZlQ2VsbE9mZnNldFhfXzE2aGtia2M3OiB2YXIoLS1hY3RpdmVDZWxsQ29sT2Zmc2V0X18xNmhrYmtjYyk7CiAgLS1hY3RpdmVDZWxsT2Zmc2V0WV9fMTZoa2JrYzg6IHZhcigtLWFjdGl2ZUNlbGxSb3dPZmZzZXRfXzE2aGtia2M0KTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRYX18xNmhrYmtjNyksIHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRZX18xNmhrYmtjOCksIDBweCk7CiAgaW5zZXQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWluZGljYXRvci1pbnNldCk7CiAgYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXIsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci13aWR0aCkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXN0eWxlKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3IsIHZhcigtLWluZmluaXRlLWFjY2VudC1jb2xvcikpKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWRlZmF1bHQpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JSZWNpcGVfdmlzaWJsZV90cnVlX19ueGJxMWMzIHsKICBkaXNwbGF5OiBibG9jazsKfQouQWN0aXZlQ2VsbEluZGljYXRvcl9BY3RpdmVDZWxsSW5kaWNhdG9yUmVjaXBlX3Zpc2libGVfZmFsc2VfX254YnExYzQgewogIGRpc3BsYXk6IG5vbmU7Cn0= */
|
|
324
324
|
.ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 {
|
|
325
|
-
width: var(--
|
|
326
|
-
height: var(--
|
|
325
|
+
width: var(--activeCellColWidth__16hkbkcb);
|
|
326
|
+
height: var(--activeCellRowHeight__16hkbkc6);
|
|
327
327
|
}
|
|
328
328
|
.ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 {
|
|
329
|
-
--
|
|
330
|
-
--
|
|
331
|
-
transform: translate3d(var(--
|
|
329
|
+
--activeCellOffsetX__16hkbkc7: var(--activeCellColOffset__16hkbkcc);
|
|
330
|
+
--activeCellOffsetY__16hkbkc8: var(--activeCellRowOffset__16hkbkc4);
|
|
331
|
+
transform: translate3d(var(--activeCellOffsetX__16hkbkc7), var(--activeCellOffsetY__16hkbkc8), 0px);
|
|
332
332
|
inset: var(--infinite-active-cell-indicator-inset);
|
|
333
333
|
border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
|
|
334
334
|
background: var(--infinite-active-cell-background-default);
|
|
@@ -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;
|
|
@@ -380,6 +380,7 @@
|
|
|
380
380
|
--infinite-font-family: inherit;
|
|
381
381
|
--infinite-color: #484848;
|
|
382
382
|
--infinite-accent-color: #0284c7;
|
|
383
|
+
--infinite-success-color: #7aff7a;
|
|
383
384
|
--infinite-error-color: #ff0000;
|
|
384
385
|
--infinite-border-radius: var(--infinite-space-2);
|
|
385
386
|
--infinite-background: white;
|
|
@@ -440,6 +441,10 @@
|
|
|
440
441
|
--infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
|
|
441
442
|
--infinite-cell-color: currentColor;
|
|
442
443
|
--infinite-cell-border-width: 1px;
|
|
444
|
+
--infinite-flashing-overlay-z-index: -1;
|
|
445
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
446
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
447
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
443
448
|
--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
|
|
444
449
|
--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
|
|
445
450
|
--infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
|
|
@@ -496,6 +501,7 @@
|
|
|
496
501
|
--infinite-font-family: inherit;
|
|
497
502
|
--infinite-color: #484848;
|
|
498
503
|
--infinite-accent-color: #0284c7;
|
|
504
|
+
--infinite-success-color: #7aff7a;
|
|
499
505
|
--infinite-error-color: #ff0000;
|
|
500
506
|
--infinite-border-radius: var(--infinite-space-2);
|
|
501
507
|
--infinite-background: white;
|
|
@@ -556,6 +562,10 @@
|
|
|
556
562
|
--infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
|
|
557
563
|
--infinite-cell-color: currentColor;
|
|
558
564
|
--infinite-cell-border-width: 1px;
|
|
565
|
+
--infinite-flashing-overlay-z-index: -1;
|
|
566
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
567
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
568
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
559
569
|
--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
|
|
560
570
|
--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
|
|
561
571
|
--infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
|
|
@@ -589,6 +599,7 @@
|
|
|
589
599
|
.infinite-theme-name--default .infinite-theme-mode--dark {
|
|
590
600
|
--infinite-icon-size: 24px;
|
|
591
601
|
--infinite-background: #101419;
|
|
602
|
+
--infinite-success-color: #008700;
|
|
592
603
|
--infinite-cell-border: 1px solid #2a323d;
|
|
593
604
|
--infinite-header-color: #c3c3c3;
|
|
594
605
|
--infinite-load-mask-text-background: var(--infinite-background);
|
|
@@ -637,6 +648,7 @@
|
|
|
637
648
|
--infinite-font-family: inherit;
|
|
638
649
|
--infinite-color: #484848;
|
|
639
650
|
--infinite-accent-color: #0284c7;
|
|
651
|
+
--infinite-success-color: #7aff7a;
|
|
640
652
|
--infinite-error-color: #ff0000;
|
|
641
653
|
--infinite-border-radius: var(--infinite-space-2);
|
|
642
654
|
--infinite-background: white;
|
|
@@ -697,6 +709,10 @@
|
|
|
697
709
|
--infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
|
|
698
710
|
--infinite-cell-color: currentColor;
|
|
699
711
|
--infinite-cell-border-width: 1px;
|
|
712
|
+
--infinite-flashing-overlay-z-index: -1;
|
|
713
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
714
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
715
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
700
716
|
--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
|
|
701
717
|
--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
|
|
702
718
|
--infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
|
|
@@ -754,6 +770,7 @@
|
|
|
754
770
|
--infinite-font-family: inherit;
|
|
755
771
|
--infinite-color: #484848;
|
|
756
772
|
--infinite-accent-color: #0284c7;
|
|
773
|
+
--infinite-success-color: #7aff7a;
|
|
757
774
|
--infinite-error-color: #ff0000;
|
|
758
775
|
--infinite-border-radius: var(--infinite-space-2);
|
|
759
776
|
--infinite-background: white;
|
|
@@ -814,6 +831,10 @@
|
|
|
814
831
|
--infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
|
|
815
832
|
--infinite-cell-color: currentColor;
|
|
816
833
|
--infinite-cell-border-width: 1px;
|
|
834
|
+
--infinite-flashing-overlay-z-index: -1;
|
|
835
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
836
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
837
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
817
838
|
--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
|
|
818
839
|
--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
|
|
819
840
|
--infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
|
|
@@ -846,6 +867,7 @@
|
|
|
846
867
|
.infinite-dark {
|
|
847
868
|
--infinite-icon-size: 24px;
|
|
848
869
|
--infinite-background: #101419;
|
|
870
|
+
--infinite-success-color: #008700;
|
|
849
871
|
--infinite-cell-border: 1px solid #2a323d;
|
|
850
872
|
--infinite-header-color: #c3c3c3;
|
|
851
873
|
--infinite-load-mask-text-background: var(--infinite-background);
|
|
@@ -875,6 +897,7 @@
|
|
|
875
897
|
.infinite-theme-name--default {
|
|
876
898
|
--infinite-icon-size: 24px;
|
|
877
899
|
--infinite-background: #101419;
|
|
900
|
+
--infinite-success-color: #008700;
|
|
878
901
|
--infinite-cell-border: 1px solid #2a323d;
|
|
879
902
|
--infinite-header-color: #c3c3c3;
|
|
880
903
|
--infinite-load-mask-text-background: var(--infinite-background);
|
|
@@ -902,6 +925,7 @@
|
|
|
902
925
|
:root {
|
|
903
926
|
--infinite-icon-size: 24px;
|
|
904
927
|
--infinite-background: #101419;
|
|
928
|
+
--infinite-success-color: #008700;
|
|
905
929
|
--infinite-cell-border: 1px solid #2a323d;
|
|
906
930
|
--infinite-header-color: #c3c3c3;
|
|
907
931
|
--infinite-load-mask-text-background: var(--infinite-background);
|
|
@@ -1236,7 +1260,21 @@
|
|
|
1236
1260
|
user-select: none;
|
|
1237
1261
|
}
|
|
1238
1262
|
|
|
1239
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#
|
|
1263
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW/bNhR9z68gCgyoh3KwnSbp1JdtKQb0ZQ8NsFeBIq9s1hQpkJQ/MuS/D6RkStaX5dQB+pQPHp5zeHnvJak/NnBINcnAIApCxH8LYtZcrh6VKDL5CEJ8A8pziBNiICaSZ8RyJf8hGcTxAmBPl+QT+u8Gofkv/gdCKieU20OE5p9vEHq5QWh51xlbHMceRsYW80HSl5vfvF/qff4p+MqbfbIHATEFaUEHf3PP8b0wlqcHTJW0IG2EStTncSpjibaBadHPlArYY488wwaSBa7leS5U/pUKtYuQVjusYQvaQK3iqB+F+ZdoTqQ1sVnz1HK5Ciq3XsVqIg13GxchAalFt/N5ZoZpmCarVZPmY4dGKtn1EfB3Hp8TxrhcRWhL9HuMuUy55Bawm4KrwZlbZqI0A42dtX5wA9CcoPlqPT7DI2be6Ndq3Pk8xokqb/oARbLcSlQtJuR+c0n3nRD431Ols44BT4A1lB4gTYFazArta2dWh+0JBFD3v8c10E2i9k3BBy+YEb3iEnMpuITOUs2RANOKAZ9MaGgNVvZR7/coIqkF7WVDPr575+Kdq+OiSWKUKCy4/3JpwFYl+Yy5ZLDvOEwrWay2oAU54Arot7HccEoEfT/P9wiP7eSOM7ue+WnVtl88L1fclTyGLUhrjjmMUGhrWJKsG+SwhFPchx/omLNT2WNqVGtaZAb9WrmghdYg7VHlS4WM48X9epNs6O2HQbsh4crVJ4RuVloVkkX93H8FQGBfDrPXdLMpWca4LjM1LvIQB+JzbZKR4V0p8oaXN/DL1E4Gx8k1HDvGt/UsobCaiGCbXsN2w02j8wcToZl9lYxTYpVuNRgWRQmkSsPrOsxP0iy6ZdTqxsAqygDEDFJSiJOjyyudY2hAO0lCqOXbHvdDQHd/GMX1xGHWdGzcFWaaYw+d4tgDmyqT+DvMP13Y3iBKEwxW0ZymTpVQ3Uj2qI8CG+pDOHfPLgdnZUZd0Dp88cYpEaZuI+lJG2ne845FNb9Iw/WVlsS6T8LhXqdgVd4S+N4nYFX+Ov5EWauyloTokyiRoyqtpp1VzVqobm36LCl3doSJuDfQydPHjDx9QLIRri1oyykR/l3VepwVntWrYW4hM/0PszOcTZ/bAcZxj1rtvnBDEgEstrqoQ7n4WJ3CIYC+eobPEzfMKqrT07fDohg7x+QgE9nW7rJ+BWfNJjFONu4nNLBJxgJ6yGH4mDC2qgo0ltnPkGjSKrtF+fS9ZLln+N0FpKa/vza9YnXCLx6msJ/m2piCVrunajNapfBpilDYyGlqKdfGtnSSdoP1XVwTxgsz/uHAQ5r3n6p3Xkww6FeQjl3Wtlueaz/i93KG8QB/U7t2ym9arkdlrMrHNKjKcv8gmdf8RYe/9fVpkGRRk2w714WOzZxLeXpLmuT0thbZty8M19K4qzWep33OHOa6r79BzvtOpElNdvg0efkfeYjKzFQWAAA= */
|
|
1264
|
+
@keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8 {
|
|
1265
|
+
0% {
|
|
1266
|
+
opacity: 0;
|
|
1267
|
+
}
|
|
1268
|
+
25% {
|
|
1269
|
+
opacity: 1;
|
|
1270
|
+
}
|
|
1271
|
+
75% {
|
|
1272
|
+
opacity: 1;
|
|
1273
|
+
}
|
|
1274
|
+
100% {
|
|
1275
|
+
opacity: 0;
|
|
1276
|
+
}
|
|
1277
|
+
}
|
|
1240
1278
|
.cell_columnAlignCellStyle_center__1eexc2a0 {
|
|
1241
1279
|
justify-content: center;
|
|
1242
1280
|
}
|
|
@@ -1264,7 +1302,28 @@
|
|
|
1264
1302
|
.cell_SelectionCheckboxCls__1eexc2a7 {
|
|
1265
1303
|
margin-inline: var(--infinite-selection-checkbox-margin-inline);
|
|
1266
1304
|
}
|
|
1267
|
-
.
|
|
1305
|
+
.cell_FlashingColumnCellRecipe__1eexc2a9::after {
|
|
1306
|
+
content: "";
|
|
1307
|
+
position: absolute;
|
|
1308
|
+
inset: 0;
|
|
1309
|
+
z-index: var(--infinite-flashing-overlay-z-index);
|
|
1310
|
+
left: calc(0px - var(--infinite-cell-border-width));
|
|
1311
|
+
right: calc(0px - var(--infinite-cell-border-width));
|
|
1312
|
+
pointer-events: none;
|
|
1313
|
+
animation-name: var(--infinite-flashing-animation-name, cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8);
|
|
1314
|
+
animation-duration: calc(1ms * var(--currentFlashingDuration__16hkbkc3, var(--infinite-flashing-duration)));
|
|
1315
|
+
background: var(--currentFlashingBackground__16hkbkc2, var(--infinite-flashing-background));
|
|
1316
|
+
}
|
|
1317
|
+
.cell_FlashingColumnCellRecipe_direction_up__1eexc2aa {
|
|
1318
|
+
--currentFlashingBackground__16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
|
|
1319
|
+
}
|
|
1320
|
+
.cell_FlashingColumnCellRecipe_direction_down__1eexc2ab {
|
|
1321
|
+
--currentFlashingBackground__16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
|
|
1322
|
+
}
|
|
1323
|
+
.cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ac {
|
|
1324
|
+
--currentFlashingBackground__16hkbkc2: var(--infinite-flashing-background);
|
|
1325
|
+
}
|
|
1326
|
+
.cell_ColumnCellSelectionIndicatorRecipe__1eexc2ad::before {
|
|
1268
1327
|
content: "";
|
|
1269
1328
|
position: absolute;
|
|
1270
1329
|
inset: 0;
|
|
@@ -1276,31 +1335,31 @@
|
|
|
1276
1335
|
border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
|
|
1277
1336
|
border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
|
|
1278
1337
|
}
|
|
1279
|
-
.
|
|
1338
|
+
.cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2af::before {
|
|
1280
1339
|
border-right-width: 0;
|
|
1281
1340
|
}
|
|
1282
|
-
.
|
|
1341
|
+
.cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ah::before {
|
|
1283
1342
|
border-left-width: 0;
|
|
1284
1343
|
}
|
|
1285
|
-
.
|
|
1344
|
+
.cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2aj::before {
|
|
1286
1345
|
border-top-width: 0;
|
|
1287
1346
|
}
|
|
1288
|
-
.
|
|
1347
|
+
.cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2al::before {
|
|
1289
1348
|
border-bottom-width: 0;
|
|
1290
1349
|
}
|
|
1291
|
-
.
|
|
1350
|
+
.cell_ColumnCellRecipe__1eexc2am {
|
|
1292
1351
|
color: var(--infinite-cell-color);
|
|
1293
1352
|
}
|
|
1294
|
-
.
|
|
1353
|
+
.cell_ColumnCellRecipe_align_end__1eexc2as {
|
|
1295
1354
|
justify-content: flex-end;
|
|
1296
1355
|
}
|
|
1297
|
-
.
|
|
1356
|
+
.cell_ColumnCellRecipe_verticalAlign_start__1eexc2au {
|
|
1298
1357
|
align-items: flex-start;
|
|
1299
1358
|
}
|
|
1300
|
-
.
|
|
1359
|
+
.cell_ColumnCellRecipe_verticalAlign_end__1eexc2av {
|
|
1301
1360
|
align-items: flex-end;
|
|
1302
1361
|
}
|
|
1303
|
-
.
|
|
1362
|
+
.cell_ColumnCellRecipe_rowDisabled_true__1eexc2a14 {
|
|
1304
1363
|
--infinite-row-background: var(--infinite-row-disabled-background);
|
|
1305
1364
|
--infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
|
|
1306
1365
|
--infinite-row-hover-background: var(--infinite-row-disabled-background);
|
|
@@ -1308,42 +1367,42 @@
|
|
|
1308
1367
|
--infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
|
|
1309
1368
|
opacity: var(--infinite-row-disabled-opacity);
|
|
1310
1369
|
}
|
|
1311
|
-
.
|
|
1370
|
+
.cell_ColumnCellRecipe_zebra_false__1eexc2a15 {
|
|
1312
1371
|
background: var(--infinite-row-background);
|
|
1313
1372
|
}
|
|
1314
|
-
.
|
|
1373
|
+
.cell_ColumnCellRecipe_zebra_even__1eexc2a16 {
|
|
1315
1374
|
background: var(--infinite-row-background);
|
|
1316
1375
|
}
|
|
1317
|
-
.
|
|
1376
|
+
.cell_ColumnCellRecipe_zebra_odd__1eexc2a17 {
|
|
1318
1377
|
background: var(--infinite-row-odd-background);
|
|
1319
1378
|
}
|
|
1320
|
-
.
|
|
1379
|
+
.cell_ColumnCellRecipe_rowSelected_true__1eexc2a18 {
|
|
1321
1380
|
background: var(--infinite-row-selected-background);
|
|
1322
1381
|
}
|
|
1323
|
-
.
|
|
1382
|
+
.cell_ColumnCellRecipe_first_true__1eexc2a1b {
|
|
1324
1383
|
border-top-left-radius: var(--infinite-cell-border-radius);
|
|
1325
1384
|
border-bottom-left-radius: var(--infinite-cell-border-radius);
|
|
1326
1385
|
}
|
|
1327
|
-
.
|
|
1386
|
+
.cell_ColumnCellRecipe_last_true__1eexc2a1d {
|
|
1328
1387
|
border-top-right-radius: var(--infinite-cell-border-radius);
|
|
1329
1388
|
border-bottom-right-radius: var(--infinite-cell-border-radius);
|
|
1330
1389
|
}
|
|
1331
|
-
.
|
|
1390
|
+
.cell_ColumnCellRecipe_firstRow_false__1eexc2a1k {
|
|
1332
1391
|
border-top: var(--infinite-cell-border-top);
|
|
1333
1392
|
}
|
|
1334
|
-
.
|
|
1393
|
+
.cell_ColumnCellRecipe_compound_0__1eexc2a1u {
|
|
1335
1394
|
border-top: none;
|
|
1336
1395
|
}
|
|
1337
|
-
.
|
|
1396
|
+
.cell_ColumnCellRecipe_compound_1__1eexc2a1v {
|
|
1338
1397
|
border-right: var(--infinite-pinned-cell-border);
|
|
1339
1398
|
}
|
|
1340
|
-
.
|
|
1399
|
+
.cell_ColumnCellRecipe_compound_3__1eexc2a1x {
|
|
1341
1400
|
border-left: var(--infinite-pinned-cell-border);
|
|
1342
1401
|
}
|
|
1343
|
-
.
|
|
1402
|
+
.cell_ColumnCellRecipe_compound_5__1eexc2a1z {
|
|
1344
1403
|
justify-content: center;
|
|
1345
1404
|
}
|
|
1346
|
-
.
|
|
1405
|
+
.cell_ColumnCellRecipe_compound_6__1eexc2a20 {
|
|
1347
1406
|
--infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
|
|
1348
1407
|
}
|
|
1349
1408
|
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode, EffectCallback } from 'react';
|
|
2
|
+
import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode, EffectCallback, DependencyList } from 'react';
|
|
3
3
|
|
|
4
4
|
declare type ManagedComponentStateContextValue<T_STATE, T_ACTIONS> = {
|
|
5
5
|
getComponentState: () => T_STATE;
|
|
@@ -1535,6 +1535,8 @@ interface InfiniteTableSetupState<T> {
|
|
|
1535
1535
|
portalDOMRef: MutableRefObject<HTMLDivElement | null>;
|
|
1536
1536
|
focusDetectDOMRef: MutableRefObject<HTMLDivElement | null>;
|
|
1537
1537
|
activeCellIndicatorDOMRef: MutableRefObject<HTMLDivElement | null>;
|
|
1538
|
+
onFlashingDurationCSSVarChange: SubscriptionCallback<number>;
|
|
1539
|
+
flashingDurationCSSVarValue: number | null;
|
|
1538
1540
|
onRowHeightCSSVarChange: SubscriptionCallback<number>;
|
|
1539
1541
|
onRowDetailHeightCSSVarChange: SubscriptionCallback<number>;
|
|
1540
1542
|
onColumnMenuClick: SubscriptionCallback<{
|
|
@@ -5746,6 +5748,27 @@ declare class WeakFixedSizeSet<T extends object> {
|
|
|
5746
5748
|
add(el: T): this;
|
|
5747
5749
|
}
|
|
5748
5750
|
|
|
5751
|
+
declare const useEffectWhenSameDeps: (callback: EffectCallback, deps: DependencyList) => void;
|
|
5752
|
+
|
|
5753
|
+
declare const useEffectWhen: (callback: EffectCallback, options: {
|
|
5754
|
+
same: DependencyList;
|
|
5755
|
+
different: DependencyList;
|
|
5756
|
+
compare?: ((a: any, b: any) => boolean) | undefined;
|
|
5757
|
+
}) => void;
|
|
5758
|
+
|
|
5759
|
+
declare const usePrevious: <T>(value: T, initialValue?: T | undefined) => T;
|
|
5760
|
+
|
|
5761
|
+
declare type FlashingCellOptions = {
|
|
5762
|
+
flashDuration?: number;
|
|
5763
|
+
flashClassName?: string;
|
|
5764
|
+
render?: (props: {
|
|
5765
|
+
children: React$1.ReactNode;
|
|
5766
|
+
oldValue: any;
|
|
5767
|
+
}) => React$1.ReactNode;
|
|
5768
|
+
};
|
|
5769
|
+
declare const createFlashingColumnCellComponent: (options?: FlashingCellOptions) => React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
5770
|
+
declare const FlashingColumnCell: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
5771
|
+
|
|
5749
5772
|
declare const components: {
|
|
5750
5773
|
CheckBox: typeof InfiniteCheckBox;
|
|
5751
5774
|
LoadMask: (props: LoadMaskProps) => React$1.JSX.Element;
|
|
@@ -5754,4 +5777,4 @@ declare const components: {
|
|
|
5754
5777
|
NumberFilterEditor: typeof NumberFilterEditor;
|
|
5755
5778
|
};
|
|
5756
5779
|
|
|
5757
|
-
export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroupVisibility, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowDisabledState, RowDisabledStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, TableRenderRange, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, queryKeyToCacheKey, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, useRowInfoReducers, useVisibleColumnSizes };
|
|
5780
|
+
export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, FlashingColumnCell, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroupVisibility, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowDisabledState, RowDisabledStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, TableRenderRange, WeakFixedSizeSet, components, createFlashingColumnCellComponent, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, queryKeyToCacheKey, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes };
|