@infinite-table/infinite-react 5.0.0-canary.1 → 5.0.0-canary.3
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 +209 -38
- package/index.d.ts +11 -0
- package/index.dev.js +98 -25
- package/index.dev.mjs +98 -25
- package/index.js +98 -25
- package/index.mjs +98 -25
- package/package.json +2 -2
package/index.css
CHANGED
|
@@ -320,7 +320,7 @@
|
|
|
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=LkFjdGl2ZUNlbGxJbmRpY2F0b3JfQWN0aXZlSW5kaWNhdG9yV3JhcHBlckNsc19fbnhicTFjMCB7CiAgd2lkdGg6IHZhcigtLWFjdGl2ZUNlbGxDb2xXaWR0aF9fMTZoa2JrYzkpOwogIGhlaWdodDogdmFyKC0tYWN0aXZlQ2VsbFJvd0hlaWdodF9fMTZoa2JrYzQpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JfX254YnExYzEgewogIC0tYWN0aXZlQ2VsbE9mZnNldFhfXzE2aGtia2M1OiB2YXIoLS1hY3RpdmVDZWxsQ29sT2Zmc2V0X18xNmhrYmtjYSk7CiAgLS1hY3RpdmVDZWxsT2Zmc2V0WV9fMTZoa2JrYzY6IHZhcigtLWFjdGl2ZUNlbGxSb3dPZmZzZXRfXzE2aGtia2MyKTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRYX18xNmhrYmtjNSksIHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRZX18xNmhrYmtjNiksIDBweCk7CiAgaW5zZXQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWluZGljYXRvci1pbnNldCk7CiAgYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXIsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci13aWR0aCkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXN0eWxlKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3IsIHZhcigtLWluZmluaXRlLWFjY2VudC1jb2xvcikpKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWRlZmF1bHQpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JSZWNpcGVfdmlzaWJsZV90cnVlX19ueGJxMWMzIHsKICBkaXNwbGF5OiBibG9jazsKfQouQWN0aXZlQ2VsbEluZGljYXRvcl9BY3RpdmVDZWxsSW5kaWNhdG9yUmVjaXBlX3Zpc2libGVfZmFsc2VfX254YnExYzQgewogIGRpc3BsYXk6IG5vbmU7Cn0= */
|
|
324
324
|
.ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 {
|
|
325
325
|
width: var(--activeCellColWidth__16hkbkc9);
|
|
326
326
|
height: var(--activeCellRowHeight__16hkbkc4);
|
|
@@ -333,10 +333,10 @@
|
|
|
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);
|
|
335
335
|
}
|
|
336
|
-
.
|
|
336
|
+
.ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_true__nxbq1c3 {
|
|
337
337
|
display: block;
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_false__nxbq1c4 {
|
|
340
340
|
display: none;
|
|
341
341
|
}
|
|
342
342
|
|
|
@@ -1032,6 +1032,174 @@
|
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
|
|
1035
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+WW0WrjMBBF3/0VA0shgag4TrdQ52V/RZHGsagtmZGaBJb8e5GbtrHiqk7itrD7EPzgO9czd4ZDbpUulFYOmSuxRqZ5jYwZgVznZIybwe3HCvibADD2JuBCoHZMmMpQDr/SdJUWxbKrEVhVbGVIIrEKC5eDNhojIlLr8nPVVklX5pA2u2XYk1Obg1ZpqQR3hpjSFl0OWbOD+ftvmeyTcNzaSGSs8k2c8eoopMir03CPLGPBRwtH8zzedMT04sJYo//NZUlOj8PfXHdX3nHsE2g9/7ltdUpXXDyuyTxp6YdZZOIuHKZG/cQsNpxa18Pg7YPVajdRGiytVzNwxLVtOKF2M9hwmoRjtDVTmKc3075vHLcSlJfIfQAvYbzJel2Uw5o1hNaijFl+bPO62od7nnLet4+DIpyxHS+yP2eavF2DNZWSI0fYH5Ff6l22WMiIujQbpKAmmxeL30ENme1lgfpCI7vb6Bk+8Ot+bjqDbakcQnYyuReeznDRBXkrixUKFz+eWHxRz9M+hwXR01Q3kX3yp0apOEwawgLJvpwKs8LzLAePsmnLsggGB/4rGsbDgUQcysSBVLyKi0PI+D1sHIuOo/HxE0Kez8hvpOS5nLyMlFew8stpOSovv4aYP8BMgH2yfwYOMaz2JQ4AAA== */
|
|
1036
|
+
.infinite-theme-name--ocean:root,
|
|
1037
|
+
.infinite-theme-name--ocean {
|
|
1038
|
+
--infinite-accent-color: #00b0ff;
|
|
1039
|
+
--infinite-cell-border-left: none;
|
|
1040
|
+
--infinite-cell-border-right: none;
|
|
1041
|
+
--infinite-cell-border-width: 0px;
|
|
1042
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1043
|
+
}
|
|
1044
|
+
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
|
|
1045
|
+
.infinite-theme-mode--light .infinite-theme-name--ocean,
|
|
1046
|
+
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
|
|
1047
|
+
.infinite-theme-name--ocean .infinite-theme-mode--light,
|
|
1048
|
+
.infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
|
|
1049
|
+
--infinite-accent-color: #00b0ff;
|
|
1050
|
+
--infinite-cell-border-left: none;
|
|
1051
|
+
--infinite-cell-border-right: none;
|
|
1052
|
+
--infinite-cell-border-width: 0px;
|
|
1053
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1054
|
+
}
|
|
1055
|
+
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
|
|
1056
|
+
.infinite-theme-mode--dark .infinite-theme-name--ocean,
|
|
1057
|
+
.infinite-theme-name--ocean .infinite-theme-mode--dark {
|
|
1058
|
+
--infinite-accent-color: #00b0ff;
|
|
1059
|
+
--infinite-cell-border-left: none;
|
|
1060
|
+
--infinite-cell-border-right: none;
|
|
1061
|
+
--infinite-cell-border-width: 0px;
|
|
1062
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1063
|
+
--infinite-background: #032c4f;
|
|
1064
|
+
--infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
|
|
1065
|
+
--infinite-menu-background: var(--infinite-header-cell-background);
|
|
1066
|
+
--infinite-menu-item-pressed-background: var(--infinite-background);
|
|
1067
|
+
--infinite-color: #96a0aa;
|
|
1068
|
+
--infinite-cell-color: var(--infinite-color);
|
|
1069
|
+
--infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
|
|
1070
|
+
--infinite-header-cell-background: #04233d;
|
|
1071
|
+
--infinite-header-cell-hover-background: #021f35;
|
|
1072
|
+
--infinite-row-background: var(--infinite-background);
|
|
1073
|
+
--infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
|
|
1074
|
+
--infinite-row-hover-background: var(--infinite-header-cell-background);
|
|
1075
|
+
--infinite-row-selected-background: var(--infinite-header-cell-hover-background);
|
|
1076
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
1077
|
+
}
|
|
1078
|
+
@media (prefers-color-scheme: dark) {
|
|
1079
|
+
.infinite-theme-name--ocean:root,
|
|
1080
|
+
.infinite-theme-name--ocean {
|
|
1081
|
+
--infinite-accent-color: #00b0ff;
|
|
1082
|
+
--infinite-cell-border-left: none;
|
|
1083
|
+
--infinite-cell-border-right: none;
|
|
1084
|
+
--infinite-cell-border-width: 0px;
|
|
1085
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1086
|
+
--infinite-background: #032c4f;
|
|
1087
|
+
--infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
|
|
1088
|
+
--infinite-menu-background: var(--infinite-header-cell-background);
|
|
1089
|
+
--infinite-menu-item-pressed-background: var(--infinite-background);
|
|
1090
|
+
--infinite-color: #96a0aa;
|
|
1091
|
+
--infinite-cell-color: var(--infinite-color);
|
|
1092
|
+
--infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
|
|
1093
|
+
--infinite-header-cell-background: #04233d;
|
|
1094
|
+
--infinite-header-cell-hover-background: #021f35;
|
|
1095
|
+
--infinite-row-background: var(--infinite-background);
|
|
1096
|
+
--infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
|
|
1097
|
+
--infinite-row-hover-background: var(--infinite-header-cell-background);
|
|
1098
|
+
--infinite-row-selected-background: var(--infinite-header-cell-hover-background);
|
|
1099
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
1100
|
+
}
|
|
1101
|
+
}
|
|
1102
|
+
|
|
1103
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y3YriMBSA732KgCwoNFKrHcd6s6+SJic22CYlyaiw+O5L1N3RWGurzghDKXpz/n/6HehISC6ksIBtBgVgSQrAOCW5IUWilbIBGtWooD89hDD+r0EoBWkxVbnSCeqHYRpyvjjXoZDnOFWagcY5cJsgqSTUKGmxzG5rbQSzWYLCcrvwc7JifdQVkglKrNJYSAM2QVG5RePPn2eq1QYbyIFaYDgldLXU6kOyBO0LxIXYDoRERi/TAFlNpCmJBmkDtCZ6cKUtQxSFv4YLL9Kp800mrF9pAfIDGyiJ3mf/r8EpoxM6q9I9dehl8ykaVlkKCwVmwpA0v12159oLPQwOxRxKvhar1GBM61AZEDf2wwpcRpxeBDz2LM0JXVXt0VHuhTnMrGbvrCqT/foYlQuG9DIlg/H7PEDjeez+5gEaxe++h+rsE9TnMZ9xf6Kn2plag35ur6KLXrnFv2uDnKFizKuJcsb9jXaal7X0gfKQj+vew3sacOVFPu/AruejrlAMMM4df1qITgFZJ7tE64nTWuzWWj7P6Rnpa9zeb1mXa3dautPSnZbutPzk08KIXjWXPHpYnM/nn4C91w7Wz4d1P2KT6eStGa5j6p4O1y1w7YAY8/jrgF09lKt8HlP3/Cw+R28RjRryecKms+n8RXz+XQATBA1KDRy0OcwaG+pAlyDHuOEecnWAbPrBpBkqG8KyKS4bAvMhZH4nNJtgsx04H0Hn98LzBfi8AdD2CL0Dom0x+gKQPoDSNjBth9MXABWhXW/3F0+CGLddFgAA */
|
|
1104
|
+
.infinite-theme-name--balsam:root,
|
|
1105
|
+
.infinite-theme-name--balsam {
|
|
1106
|
+
--infinite-accent-color: #00b0ff;
|
|
1107
|
+
--infinite-cell-border-left: none;
|
|
1108
|
+
--infinite-cell-border-right: none;
|
|
1109
|
+
--infinite-cell-border-width: 0px;
|
|
1110
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1111
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
1112
|
+
--infinite-background: white;
|
|
1113
|
+
--infinite-menu-separator-color: #bdc3c7;
|
|
1114
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1115
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
1116
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
1117
|
+
--infinite-color: black;
|
|
1118
|
+
--infinite-cell-color: var(--infinite-color);
|
|
1119
|
+
--infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
|
|
1120
|
+
--infinite-header-cell-background: #f5f7f7;
|
|
1121
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
1122
|
+
--infinite-row-background: var(--infinite-background);
|
|
1123
|
+
--infinite-row-odd-background: #fcfdfe;
|
|
1124
|
+
--infinite-row-hover-background: #ecf0f1;
|
|
1125
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
1126
|
+
}
|
|
1127
|
+
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
|
|
1128
|
+
.infinite-theme-mode--light .infinite-theme-name--balsam,
|
|
1129
|
+
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
|
|
1130
|
+
.infinite-theme-name--balsam .infinite-theme-mode--light,
|
|
1131
|
+
.infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
|
|
1132
|
+
--infinite-accent-color: #00b0ff;
|
|
1133
|
+
--infinite-cell-border-left: none;
|
|
1134
|
+
--infinite-cell-border-right: none;
|
|
1135
|
+
--infinite-cell-border-width: 0px;
|
|
1136
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1137
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
1138
|
+
--infinite-background: white;
|
|
1139
|
+
--infinite-menu-separator-color: #bdc3c7;
|
|
1140
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1141
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
1142
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
1143
|
+
--infinite-color: black;
|
|
1144
|
+
--infinite-cell-color: var(--infinite-color);
|
|
1145
|
+
--infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
|
|
1146
|
+
--infinite-header-cell-background: #f5f7f7;
|
|
1147
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
1148
|
+
--infinite-row-background: var(--infinite-background);
|
|
1149
|
+
--infinite-row-odd-background: #fcfdfe;
|
|
1150
|
+
--infinite-row-hover-background: #ecf0f1;
|
|
1151
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
1152
|
+
}
|
|
1153
|
+
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
|
|
1154
|
+
.infinite-theme-mode--dark .infinite-theme-name--balsam,
|
|
1155
|
+
.infinite-theme-name--balsam .infinite-theme-mode--dark {
|
|
1156
|
+
--infinite-accent-color: #00b0ff;
|
|
1157
|
+
--infinite-cell-border-left: none;
|
|
1158
|
+
--infinite-cell-border-right: none;
|
|
1159
|
+
--infinite-cell-border-width: 0px;
|
|
1160
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1161
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
1162
|
+
--infinite-background: #2d3436;
|
|
1163
|
+
--infinite-menu-separator-color: #5c5c5c;
|
|
1164
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1165
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
1166
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
1167
|
+
--infinite-color: #f5f5f5;
|
|
1168
|
+
--infinite-cell-color: var(--infinite-color);
|
|
1169
|
+
--infinite-cell-border-top: 1px solid #5c5c5c;
|
|
1170
|
+
--infinite-header-cell-background: #1c1c1c;
|
|
1171
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
1172
|
+
--infinite-row-background: var(--infinite-background);
|
|
1173
|
+
--infinite-row-odd-background: #262c2e;
|
|
1174
|
+
--infinite-row-hover-background: #3d4749;
|
|
1175
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
1176
|
+
}
|
|
1177
|
+
@media (prefers-color-scheme: dark) {
|
|
1178
|
+
.infinite-theme-name--balsam:root,
|
|
1179
|
+
.infinite-theme-name--balsam {
|
|
1180
|
+
--infinite-accent-color: #00b0ff;
|
|
1181
|
+
--infinite-cell-border-left: none;
|
|
1182
|
+
--infinite-cell-border-right: none;
|
|
1183
|
+
--infinite-cell-border-width: 0px;
|
|
1184
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
1185
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
1186
|
+
--infinite-background: #2d3436;
|
|
1187
|
+
--infinite-menu-separator-color: #5c5c5c;
|
|
1188
|
+
--infinite-menu-background: var(--infinite-background);
|
|
1189
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
1190
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
1191
|
+
--infinite-color: #f5f5f5;
|
|
1192
|
+
--infinite-cell-color: var(--infinite-color);
|
|
1193
|
+
--infinite-cell-border-top: 1px solid #5c5c5c;
|
|
1194
|
+
--infinite-header-cell-background: #1c1c1c;
|
|
1195
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
1196
|
+
--infinite-row-background: var(--infinite-background);
|
|
1197
|
+
--infinite-row-odd-background: #262c2e;
|
|
1198
|
+
--infinite-row-hover-background: #3d4749;
|
|
1199
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
1200
|
+
}
|
|
1201
|
+
}
|
|
1202
|
+
|
|
1035
1203
|
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/rowDetail.css.ts.vanilla.css?source=LnJvd0RldGFpbF9Sb3dEZXRhaWxSZWNpcGVfX2V2cWVzMjAgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvd2RldGFpbC1iYWNrZ3JvdW5kKTsKICBwYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1yb3dkZXRhaWwtcGFkZGluZyk7Cn0= */
|
|
1036
1204
|
.rowDetail_RowDetailRecipe__evqes20 {
|
|
1037
1205
|
background: var(--infinite-rowdetail-background);
|
|
@@ -1068,7 +1236,7 @@
|
|
|
1068
1236
|
user-select: none;
|
|
1069
1237
|
}
|
|
1070
1238
|
|
|
1071
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#
|
|
1239
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Yy27bMBC85yuEnGKgDPxo0sA9Fekl1wTo1aDIlcyGJhWSku0U+feClCzJlETLSQr0ZlvDmeHucrnyNQHOV0TyfCN+cJaKe+D8yew5rAgIA2q1mgHsyBxPoz8XUfQ714Yle0SkMCDMMipR3y/eLq6HqbTBytRMs36mhMMOOeQJNhC05pqf5orKbwmX22Wk5BYpKEBpaFQs9T3Xv7BiWBi90muWGCbSWmXhVIzCQjPDpFhGHBITLabTjR6moQqnaZvma4dGSNH1UeNvHD7DlDKRLqMCqyuEmEiYYAaQXYKqhxO7zVgqCgpZa/3gFqC9QLF0HV7hEBNn9KF6bn0e4kSkM72HPJ4XIqo241Lnb+m2EwL3OZFq0zHgCJCC0gMkCRCDaK6wXThpwvYEHIj97X4N5DmWu7bgNye4wSplAjHBmYDOVvWBAJGKAR0taGk1u6pVHwRlBBupHoGwDGrlu+UyhkQqcA7q0ry8tKHP5GH/ONaS5wbsr0xoMMtoaj+XaSSYk6tptotQKD9bRs164nJaJfPsdZlk9iAjKEAYfajMKIoxeU6VzAUdCBvQirIGIgoJzvlRjTmlUwwt6BcfiolhRY/7IaA96EFcTxwmbcfa9ppxjh10jGMHbKuM4u8w/3dh+wdRGmGwiuY4dSK57EayRz0IbKkP4eyFWD6clBV1Rutwh3eVYK6bNoKP2ki7IR8O1fQsDdtXPAnSJ2Fx71MwMvMEoE/AyOx9/LE0Rm48ibRPokQGVbymva6aNZfds+mqpMxsgAnbYeVoRhGBGQUEDXAVoAwjmLsByJuiMsfq1BAzsNH9E9QJzrbPlwHGsEcltz+ZxjEHujIqb0L56uha8XOHZ/g6sY9pxdTCuW7pwSSlp5gsZCTbWha2Vj7srN0jwmRhP3X/GmWsRg85lBkmzOzDu6pAocJ+hVhh79TNyreCc7Z7gt/OHw397LPpJW3qfTYfw35cayEFJbdPVTKOT8JsMUaoTuQ4tYQpbTydW7+/uiauMGW5Dg/4DtIef6rWeTbBoF+OO3bvfLvltfYRv+czhAP8KLd+ySee66CMkVlIg8hNZhO9mjb8WYffe0scJJk1JC+daaFjM2NCHA9Jo5wuGhHtzwufpXHTaOTj/nYY5rptuIq+G2lUkx2+Td7+AvY+UQRCEQAA */
|
|
1072
1240
|
.cell_columnAlignCellStyle_center__1eexc2a0 {
|
|
1073
1241
|
justify-content: center;
|
|
1074
1242
|
}
|
|
@@ -1163,20 +1331,23 @@
|
|
|
1163
1331
|
.cell_ColumnCellRecipe_firstRow_false__1eexc2a1f {
|
|
1164
1332
|
border-top: var(--infinite-cell-border-top);
|
|
1165
1333
|
}
|
|
1166
|
-
.
|
|
1334
|
+
.cell_ColumnCellRecipe_compound_0__1eexc2a1p {
|
|
1335
|
+
border-top: none;
|
|
1336
|
+
}
|
|
1337
|
+
.cell_ColumnCellRecipe_compound_1__1eexc2a1q {
|
|
1167
1338
|
border-right: var(--infinite-pinned-cell-border);
|
|
1168
1339
|
}
|
|
1169
|
-
.
|
|
1340
|
+
.cell_ColumnCellRecipe_compound_3__1eexc2a1s {
|
|
1170
1341
|
border-left: var(--infinite-pinned-cell-border);
|
|
1171
1342
|
}
|
|
1172
|
-
.
|
|
1343
|
+
.cell_ColumnCellRecipe_compound_5__1eexc2a1u {
|
|
1173
1344
|
justify-content: center;
|
|
1174
1345
|
}
|
|
1175
|
-
.
|
|
1346
|
+
.cell_ColumnCellRecipe_compound_6__1eexc2a1v {
|
|
1176
1347
|
--infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
|
|
1177
1348
|
}
|
|
1178
1349
|
|
|
1179
|
-
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYTW/jNhC951fwUqA+
|
|
1350
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYTW/jNhC951fwUqA+MLC03TZVTkXQdnMoNmiA7tGgyJHNhCYFknLsFP3vBUlZpmRJlh2jQE9JKM57882Z3K6AMNCLL/7Hs9L2kSr5J1BewoIIvpQLY4m2i0WSvhcqTz6hv28QWhO95BILKGyGNkR/jzGXBZfcAg6ImIIQ2ChtMadK4iAxu7/55+b2NCcFaUE3pD/8J6QgWcP4OWbUfLm6GuWjZLB9EKah+tFTCS4dZGCa398gVChpseHvkKFkXm7dUa60o9SE8cpk6PP8O3daEsa4XGYoCbdKZbjlSmaI5EaJyoI7tZrI/blVJZrfpsafq7ImrM1MHUpX+9+4sKB79f/p/6D/M9VKiJzoJ0EorJRgoGMj7rwROaGvS60qyYaifbgx6yWfBzOtVWv/R1ePB2HqnNsz/3wZM1VC6cGcdB97cvDArjagC6HeFlZXB11WXpd3zF2MXdjGIKhal06dxbyRfwm21FHurZqSSwksVE24OKpnQ5I2JCIm6W0G0zhAiCettrsGWE6MhMddOQ9OC4q/vw8JQqoklNtdhua3d6307xOrP86ii7XNaV1TTbTS+bwvXiBEJ+PUSQdGnsNvnNnVDBklOAtFWBIN0t6finTsrfiit2Wilzv+bVw10dDMR+mDYR0hKrg2tl1CdQ3VBltVeg83LW/E0eHKLPJr6CPnA4xoLMiRwi9dhX2UPqTx+QgjKodq7owhiZ7Qqg4YPb0qebu8WT3WF8ILsoMqTzcpah1Hv9c6rIh58njPzpKvnQYcQHJ0gQn9vh31O5cbbnguYNz1DWdy4Nxer/0O9/hkdzo44/h/gKzcuBI/8sm7R6WVNq5NUyUtbC1eg6zi/poLRV+xz7d6muh+A9dF6i9rLkOPHO0rfjZ0w5Cvlv2cNFFgmm0ZoZZvwJvo55KkbxAaaZOTHehzhwv/iNV55Kxi3JSC7DJUCOhhjgGdy/8Kku1ulM6vxKDBgN7Ac0kofFuB/MIZA7koiDARW+rZGlipJIzD9lRh+ukDKrtwPLg8lLYTlTQsPUPTQZwrhyHhNPwGtOWUiF96drs0jPJ+G8LcwtoEtUMtnI8eL1Tp3QA2SDYF+XhFS3OP6EEY10DDbqDVG9awAW16QjmE29k3U+qhXypjebHDNEhkKFw7hv2mSVm2F4qUXTLXd4F/16oqW7AwmhVHM2PrXT7RQs/qt5eNcP1rZTfzi85EclKVVnc+ul14EgyMW6XrBR3vBrX5WoImVrWjyWO3Yy7dujtEpGqAfSDwdrqSR7LDeu4T2Hf9ThddojMt699cCHUZP7hOjqFOe43aCNF/ZBg3JBfAOna9erxmg+qo614V31vwXhzXV8N2Vr/7pLLqElU6b4c4x8RfffK1XLSO/8U0nlHt1G2n0yTJCzKxI7k7VfNtsUmLcVvksCEPDLAdhuO21b9v9IkNLx7D4coKRSsTErCywelhYGg0mGKmR8GxwBUrfDDNrq/xv1z2lyo6FgAA */
|
|
1180
1351
|
.header_HeaderSortIconRecipe_align_start__12zfob13 {
|
|
1181
1352
|
margin-left: var(--infinite-header-cell-sort-icon-margin);
|
|
1182
1353
|
}
|
|
@@ -1242,100 +1413,100 @@
|
|
|
1242
1413
|
.header_HeaderCellRecipe__12zfob1o:hover {
|
|
1243
1414
|
background: var(--infinite-header-cell-hover-background);
|
|
1244
1415
|
}
|
|
1245
|
-
.
|
|
1416
|
+
.header_HeaderCellRecipe_first_true__12zfob11h {
|
|
1246
1417
|
border-top-left-radius: var(--infinite-cell-border-radius);
|
|
1247
1418
|
border-bottom-left-radius: var(--infinite-cell-border-radius);
|
|
1248
1419
|
}
|
|
1249
|
-
.
|
|
1420
|
+
.header_HeaderCellRecipe_last_true__12zfob11j {
|
|
1250
1421
|
border-top-right-radius: var(--infinite-cell-border-radius);
|
|
1251
1422
|
border-bottom-right-radius: var(--infinite-cell-border-radius);
|
|
1252
1423
|
}
|
|
1253
|
-
.
|
|
1424
|
+
.header_HeaderCellRecipe_pinned_start__12zfob11r {
|
|
1254
1425
|
z-index: 10;
|
|
1255
1426
|
}
|
|
1256
|
-
.
|
|
1427
|
+
.header_HeaderCellRecipe_compound_0__12zfob11w {
|
|
1257
1428
|
border-right: var(--infinite-pinned-cell-border);
|
|
1258
1429
|
}
|
|
1259
|
-
.InfiniteCls__1yeub2v2 .InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2vb .
|
|
1430
|
+
.InfiniteCls__1yeub2v2 .InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2vb .header_HeaderCellRecipe_compound_0__12zfob11w {
|
|
1260
1431
|
--infinite-cell-border: var(--infinite-cell-border-invisible);
|
|
1261
1432
|
}
|
|
1262
|
-
.
|
|
1433
|
+
.header_HeaderCellRecipe_compound_1__12zfob11x {
|
|
1263
1434
|
border-left: var(--infinite-pinned-cell-border);
|
|
1264
1435
|
}
|
|
1265
|
-
.
|
|
1436
|
+
.header_HeaderCellRecipe_compound_2__12zfob11y {
|
|
1266
1437
|
border-right: var(--infinite-cell-border);
|
|
1267
1438
|
}
|
|
1268
|
-
.
|
|
1439
|
+
.header_HeaderMenuIconCls__12zfob11z {
|
|
1269
1440
|
cursor: context-menu;
|
|
1270
1441
|
padding-block-start: 2px;
|
|
1271
1442
|
padding-block-end: 2px;
|
|
1272
1443
|
min-width: var(--infinite-header-cell-icon-size);
|
|
1273
1444
|
height: var(--infinite-header-cell-icon-size);
|
|
1274
1445
|
}
|
|
1275
|
-
.
|
|
1446
|
+
.header_HeaderMenuIconCls__12zfob11z:active {
|
|
1276
1447
|
top: 1px;
|
|
1277
1448
|
}
|
|
1278
|
-
.header_HeaderCellRecipe__12zfob1o:hover .
|
|
1449
|
+
.header_HeaderCellRecipe__12zfob1o:hover .header_HeaderMenuIconCls__12zfob11z {
|
|
1279
1450
|
visibility: visible;
|
|
1280
1451
|
display: flex;
|
|
1281
1452
|
}
|
|
1282
|
-
.
|
|
1453
|
+
.header_HeaderMenuIconCls_menuVisible_true__12zfob120 {
|
|
1283
1454
|
visibility: visible;
|
|
1284
1455
|
display: flex;
|
|
1285
1456
|
}
|
|
1286
|
-
.
|
|
1457
|
+
.header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob122 {
|
|
1287
1458
|
display: none;
|
|
1288
1459
|
}
|
|
1289
|
-
.
|
|
1460
|
+
.header_HeaderMenuIconCls_compound_0__12zfob123 {
|
|
1290
1461
|
visibility: visible;
|
|
1291
1462
|
display: flex;
|
|
1292
1463
|
}
|
|
1293
|
-
.
|
|
1464
|
+
.header_HeaderCellContentRecipe__12zfob124 {
|
|
1294
1465
|
padding: var(--infinite-header-cell-padding);
|
|
1295
1466
|
}
|
|
1296
|
-
.
|
|
1467
|
+
.header_HeaderCellContentRecipe_verticalAlign_start__12zfob127 {
|
|
1297
1468
|
align-items: flex-start;
|
|
1298
1469
|
}
|
|
1299
|
-
.
|
|
1470
|
+
.header_HeaderCellContentRecipe_verticalAlign_end__12zfob128 {
|
|
1300
1471
|
align-items: flex-end;
|
|
1301
1472
|
}
|
|
1302
|
-
.
|
|
1473
|
+
.header_HeaderCellContentRecipe_align_end__12zfob12b {
|
|
1303
1474
|
flex-direction: row-reverse;
|
|
1304
1475
|
}
|
|
1305
|
-
.
|
|
1476
|
+
.header_HeaderCellContentRecipe_align_center__12zfob12c {
|
|
1306
1477
|
justify-content: center;
|
|
1307
1478
|
}
|
|
1308
|
-
.
|
|
1479
|
+
.header_HeaderWrapperCls__12zfob12d {
|
|
1309
1480
|
background: var(--infinite-header-background);
|
|
1310
1481
|
}
|
|
1311
|
-
.
|
|
1482
|
+
.header_HeaderGroupCls__12zfob12e {
|
|
1312
1483
|
padding: var(--infinite-cell-padding);
|
|
1313
1484
|
border-bottom: var(--infinite-cell-border);
|
|
1314
1485
|
border-right: var(--infinite-cell-border);
|
|
1315
1486
|
background: var(--infinite-header-cell-background);
|
|
1316
1487
|
}
|
|
1317
|
-
.
|
|
1488
|
+
.header_HeaderFilterRecipe__12zfob12f {
|
|
1318
1489
|
border-top: var(--infinite-cell-border);
|
|
1319
1490
|
padding-block: var(--infinite-filter-editor-margin-y);
|
|
1320
1491
|
}
|
|
1321
|
-
.
|
|
1492
|
+
.header_HeaderFilterOperatorCls__12zfob12i {
|
|
1322
1493
|
padding-inline: var(--infinite-filter-operator-padding-x);
|
|
1323
1494
|
padding-block: var(--infinite-filter-operator-padding-y);
|
|
1324
1495
|
}
|
|
1325
|
-
.
|
|
1496
|
+
.header_HeaderFilterRecipe_active_true__12zfob12g .header_HeaderFilterOperatorCls__12zfob12i {
|
|
1326
1497
|
color: var(--infinite-accent-color);
|
|
1327
1498
|
}
|
|
1328
|
-
.
|
|
1499
|
+
.header_HeaderFilterOperatorCls__12zfob12i:active {
|
|
1329
1500
|
top: 1px;
|
|
1330
1501
|
}
|
|
1331
|
-
.
|
|
1502
|
+
.header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12k {
|
|
1332
1503
|
opacity: var(--infinite-menu-item-disabled-opacity);
|
|
1333
1504
|
cursor: auto;
|
|
1334
1505
|
}
|
|
1335
|
-
.
|
|
1506
|
+
.header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12l:active {
|
|
1336
1507
|
top: 1px;
|
|
1337
1508
|
}
|
|
1338
|
-
.
|
|
1509
|
+
.header_HeaderFilterEditorCls__12zfob12m {
|
|
1339
1510
|
margin-inline: var(--infinite-filter-editor-margin-x);
|
|
1340
1511
|
padding-inline: var(--infinite-filter-editor-padding-x);
|
|
1341
1512
|
padding-block: var(--infinite-filter-editor-padding-y);
|
|
@@ -1344,11 +1515,11 @@
|
|
|
1344
1515
|
border: var(--infinite-filter-editor-border);
|
|
1345
1516
|
border-radius: var(--infinite-filter-editor-border-radius);
|
|
1346
1517
|
}
|
|
1347
|
-
.
|
|
1518
|
+
.header_HeaderFilterEditorCls__12zfob12m:focus {
|
|
1348
1519
|
outline: none;
|
|
1349
1520
|
border-color: var(--infinite-filter-editor-focus-border-color);
|
|
1350
1521
|
}
|
|
1351
|
-
.
|
|
1522
|
+
.header_HeaderFilterRecipe_active_true__12zfob12g .header_HeaderFilterEditorCls__12zfob12m {
|
|
1352
1523
|
outline: none;
|
|
1353
1524
|
border-color: var(--infinite-filter-editor-focus-border-color);
|
|
1354
1525
|
}
|
package/index.d.ts
CHANGED
|
@@ -1903,6 +1903,10 @@ declare type DataSourceMutation<T> = {
|
|
|
1903
1903
|
originalData: null;
|
|
1904
1904
|
data: T;
|
|
1905
1905
|
metadata: any;
|
|
1906
|
+
} | {
|
|
1907
|
+
type: 'clear-all';
|
|
1908
|
+
primaryKey: undefined;
|
|
1909
|
+
metadata: any;
|
|
1906
1910
|
};
|
|
1907
1911
|
declare class DataSourceCache<DataType, PrimaryKeyType = string> {
|
|
1908
1912
|
private affectedFields;
|
|
@@ -1915,11 +1919,15 @@ declare class DataSourceCache<DataType, PrimaryKeyType = string> {
|
|
|
1915
1919
|
delete: (primaryKey: PrimaryKeyType, originalData: DataType, metadata: any) => void;
|
|
1916
1920
|
insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after', metadata: any) => void;
|
|
1917
1921
|
update: (primaryKey: PrimaryKeyType, data: Partial<DataType>, originalData: DataType, metadata: any) => void;
|
|
1922
|
+
resetDataSource: (metadata: any) => void;
|
|
1923
|
+
shouldResetDataSource: () => boolean;
|
|
1918
1924
|
clear: () => void;
|
|
1919
1925
|
isEmpty: () => boolean;
|
|
1920
1926
|
removeInfo: (primaryKey: PrimaryKeyType) => void;
|
|
1921
1927
|
getMutationsForPrimaryKey: (primaryKey: PrimaryKeyType) => DataSourceMutation<DataType>[] | undefined;
|
|
1928
|
+
getMutationsCount: () => number;
|
|
1922
1929
|
getMutations: () => Map<PrimaryKeyType, DataSourceMutation<DataType>[]>;
|
|
1930
|
+
getMutationsArray: () => DataSourceMutation<DataType>[];
|
|
1923
1931
|
}
|
|
1924
1932
|
|
|
1925
1933
|
declare type BooleanDeepCollectionStateKeys<KeyType> = true | KeyType[][];
|
|
@@ -2215,10 +2223,13 @@ interface DataSourceApi<T> {
|
|
|
2215
2223
|
getPrimaryKeyByIndex(id: any): any;
|
|
2216
2224
|
updateData(data: Partial<T>, options?: DataSourceCRUDParam): Promise<any>;
|
|
2217
2225
|
updateDataArray(data: Partial<T>[], options?: DataSourceCRUDParam): Promise<any>;
|
|
2226
|
+
flush(): Promise<any>;
|
|
2218
2227
|
removeDataByPrimaryKey(id: any, options?: DataSourceCRUDParam): Promise<any>;
|
|
2219
2228
|
removeDataArrayByPrimaryKeys(id: any[], options?: DataSourceCRUDParam): Promise<any>;
|
|
2220
2229
|
removeData(data: Partial<T>, options?: DataSourceCRUDParam): Promise<any>;
|
|
2221
2230
|
removeDataArray(data: Partial<T>[], options?: DataSourceCRUDParam): Promise<any>;
|
|
2231
|
+
clearAllData(options?: DataSourceCRUDParam): Promise<any>;
|
|
2232
|
+
replaceAllData(data: T[], options?: DataSourceCRUDParam): Promise<any>;
|
|
2222
2233
|
addData(data: T, options?: DataSourceCRUDParam): Promise<any>;
|
|
2223
2234
|
addDataArray(data: T[], options?: DataSourceCRUDParam): Promise<any>;
|
|
2224
2235
|
insertData(data: T, options: DataSourceInsertParam): Promise<any>;
|