@infinite-table/infinite-react 0.3.12 โ†’ 0.3.15

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.
Files changed (7) hide show
  1. package/README.md +4 -0
  2. package/index.css +91 -51
  3. package/index.d.ts +7 -4
  4. package/index.esm.css +91 -51
  5. package/index.esm.js +1219 -540
  6. package/index.js +1263 -588
  7. package/package.json +2 -2
package/README.md CHANGED
@@ -25,6 +25,7 @@
25
25
  - [๐Ÿ“ฆ Small bundle size](#-small-bundle-size)
26
26
  - [๐Ÿงช Automated end-to-end tests](#%F0%9F%A7%AA-automated-end-to-end-tests)
27
27
  - [๐ŸŽจ Themable](#-themable)
28
+ - [Releases](#releases)
28
29
  - [License](#license)
29
30
 
30
31
  <!-- END doctoc generated TOC please keep comment here to allow auto update -->
@@ -93,6 +94,9 @@ import "@infinite-table/infinite-react/index.css"
93
94
 
94
95
  This file includes both the light and the dark themes.
95
96
 
97
+ ## Releases
98
+
99
+ We release often - see [what each release contains hre](https://infinite-table.com/docs/releases). Due to our automated releases which have integrated tests, we're confident that we're delivering the best possible experience to our users.
96
100
 
97
101
  ## License
98
102
 
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Xy27jIBTd5yuQsmmkUsWvpHU3I82XYMAxig0RkDSZUf59wHXqGBs3UdtZWaiqknMuF859cJNKITT4OwMAQsZzxpmmUO0QpnCZgqWk1esQFhjsKQgTHx5a3A9HFvaisUXXXjhJQeDDVgYb8bu2sBd9TkE4YvySgsirhxEr7oO54Boq9uddzCHPLaOWdDXkvuWEPmVaSi3t8zgnHlSwxROfii1l5VGyZax9ataUHFWsPKWA8YJKph0KFqWQKZjHz3Y5IMKYmh0unDxfL+PI4WRCEiqhRITtVQoOSD70c3ThGiG83Uix5yQFb4X5xsErxmFB2abQ5vLL5e7o4KVABFZIbaGmR93ZTm4y9BAmyePlz8TIdd+aiwOVJTp1dthIdPrUQJiLMX2yKeAq0pIb4YaVb2k7RAjjG494if/049p3UHeTgiILYlqWncvPKbFrhN2cFh49543GXF2MT18w7pkOOljcwjouwIg/ItFmY2kdgUhMIuLG/NqMYcHrwjS5u+ql7jVTCanf6RWSxtOYwfUZRm7W0nxKNsW8yu3qd4N9xS/USwVG/QKsfTVb4b2Upk38tp+GaE0evjGiC3PD4b3GayDsRdOTLlcOe1v1DrMASpSMgDle2TVydsYPTLGsNCHlgrvd6pp5Xx9EWLNDdwOlT9YNQaroleEA3avqALeOF4RGmfX6ZrYJSRC/3EzPzFsUJGP0jwSFqNwV6H18ucMAQo1MJOCe5wLvFSX1gORsIMXbWMX4q8QaCkK6JV+XipsfFt31HM1xhhPs3qflNhXGqdJ1ug/UlqUV9p1x+k5m1wB3JxjXhk0PpgoVNO+pUUdhKcqydoH2WrzOzrOn0pbzI3hqX5Lmi/p/aufTHppOU+s0tU5T6zS1TlPrNLVOU+s0tU5T6zS1/teplSC5vR5L7Wd3IO24DJZBHLix75SYybtLEYUoCiPfw9E0HRzZdetTFGRhELruv6sdelSOsnidxD+aTWFspHIT9rqhfsh0nv2qKGEIPOwkzalUTZUpXNCqbhJyu6gj2P64uCWad8bztojeG9Pvi+p9cf1CZO+J7efRBeA8O/8D9swiI8wYAAA= */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1X227iMBB95yss9aVIdUWutOnLSvslTuwQi8RGtqGwK/597TQ0iRMH2G4fVgoWQjBnPM6ZM+MhEZwr8HsBAISU5ZRRRaDcoYzAVQJWglRvYzZP2549P3LZfWN3mwNjdlpDY107zVECPJct1raJuGtjdlpfEuBPOL8mIHDyockKh8acMwUl/fVB5ljkFlFTGo+FbzG+i5kWUlP7Mo0JRxls7ZGLxRYSO5hsEWsXmzUkRxUtTwmgrCCCKguS8ZKLBDyEL2ZZRpRlRO9wweT5ehUGFoYIwUUHstIvC5JygYmAAmG6lwk4IPE4lPHSdkLZdiP4nuEEvBf6F8teUQYLQjeF0vysVrujZS85wrBCcgsVOaredmKTokc/ip4ub51GO3zrzg9ElOjU22Ej0OmqA9cPRtXJqMQmrQU3xI0np4XtEMaUbRzkRe7TT3Pfs9qbCFKrq0AMl0YLih70hyAIvlOsCi26Iet9nwvuCqwwjPX4fYjTPI/TSa+MM6kEoozgkR2sB+2o1H7MgiDDQUbKsn8Ggs2aQI+cG+dmTfg0iYRHRyqDqeNdnE9fcB64jgZY3oI6LsFEPCzQZmNgfYJCHGC7HLpuVOe1bmu6rOOBcLpIyYX6gFdI6EhTDhPSGM+/i8mmz8W5WcNeuq/YBXppTsGwSupYzVbZXgjdZH+ab2OwpkSbUvLG95puD/4gmw65dAIOthocZgkkLykGD1ls1sTZKTtQSdNSp5RxZjfyLvK+K6JpSd0NpDqZMBjJYlC6I3AnqyPYOl8QambW65vROiVe+HozPNXN0oum4J8ChajcFehj+LvDAUKFdCbgnuU820uC6/HSbrT8fapi3FViHDnG/ZKvS8XWh7HuBoEesjSLMvt5WmxTYYxIVct9pLYMbKwxp2aNYHecMqXR5KCrUEI9amh2ZCZ4WdYh0F7xt8V58Vyacn4Cz+0l2/xQfyZmuh9Yk3nmn2f+eeafZ/555p9n/nnmn2f+eeafZ/555v9vZn6MxLY71Jvv9jjfC+mtvNCzc98rMa27SxH5KPAD12XTNJ0sMOvW68tLfc+3w1+5vnzffw38b2qhjswEabiOwm9VoB9qem2Rd5vwJ7XnxY+KYIrA406QnAjZVKbMClLVjUVsl3XW279ztyjgTg3cpoJ7dfB3Svh3WrhPDV/Qwz2KuK4JAM6L8x9FFkGFshsAAA== */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -22,6 +22,7 @@
22
22
  --infinite-font-family: inherit;
23
23
  --infinite-color: #484848;
24
24
  --infinite-accent-color: #ff7043;
25
+ --infinite-error-color: #ff0000;
25
26
  --infinite-border-radius: var(--infinite-space-2);
26
27
  --infinite-background: white;
27
28
  --infinite-min-height: 100px;
@@ -31,7 +32,12 @@
31
32
  --infinite-load-mask-color: inherit;
32
33
  --infinite-load-mask-padding: var(--infinite-space-5);
33
34
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
35
+ --infinite-resize-handle-active-area-width: 20px;
36
+ --infinite-resize-handle-width: 2px;
37
+ --infinite-resize-handle-hover-background: #6bff6b;
38
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
34
39
  --infinite-header-cell-background: #ededed;
40
+ --infinite-header-cell-hover-background: #dfdfdf;
35
41
  --infinite-header-cell-padding-x: var(--infinite-space-3);
36
42
  --infinite-header-cell-padding-y: var(--infinite-space-3);
37
43
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
@@ -87,6 +93,7 @@
87
93
  --infinite-font-family: inherit;
88
94
  --infinite-color: #484848;
89
95
  --infinite-accent-color: #ff7043;
96
+ --infinite-error-color: #ff0000;
90
97
  --infinite-border-radius: var(--infinite-space-2);
91
98
  --infinite-background: white;
92
99
  --infinite-min-height: 100px;
@@ -96,7 +103,12 @@
96
103
  --infinite-load-mask-color: inherit;
97
104
  --infinite-load-mask-padding: var(--infinite-space-5);
98
105
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
106
+ --infinite-resize-handle-active-area-width: 20px;
107
+ --infinite-resize-handle-width: 2px;
108
+ --infinite-resize-handle-hover-background: #6bff6b;
109
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
99
110
  --infinite-header-cell-background: #ededed;
111
+ --infinite-header-cell-hover-background: #dfdfdf;
100
112
  --infinite-header-cell-padding-x: var(--infinite-space-3);
101
113
  --infinite-header-cell-padding-y: var(--infinite-space-3);
102
114
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
@@ -132,6 +144,7 @@
132
144
  --infinite-cell-border: 1px solid #2a323d;
133
145
  --infinite-header-color: #c3c3c3;
134
146
  --infinite-header-cell-background: #1b2129;
147
+ --infinite-header-cell-hover-background: #222932;
135
148
  --infinite-header-background: var(--infinite-header-cell-background);
136
149
  --infinite-row-hover-background: #3b4754;
137
150
  --infinite-row-background: var(--infinite-background);
@@ -144,6 +157,7 @@
144
157
  --infinite-cell-border: 1px solid #2a323d;
145
158
  --infinite-header-color: #c3c3c3;
146
159
  --infinite-header-cell-background: #1b2129;
160
+ --infinite-header-cell-hover-background: #222932;
147
161
  --infinite-header-background: var(--infinite-header-cell-background);
148
162
  --infinite-row-hover-background: #3b4754;
149
163
  --infinite-row-background: var(--infinite-background);
@@ -152,7 +166,7 @@
152
166
  }
153
167
  }
154
168
 
155
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU3Y6bMBCF7/MU3FRKq3oVNt0/etkHqYwZYDbGprYJSaq+eycm2mRMtErEDeJ8Z7DH4/PwO3/WXY7jKvu7yLLS7oTHA5qmoHdXgRP06efi3+LhAyxKqK2D23lZB3A349m3O9B710KOu1aTR7C3HgNaU2QOtAy4BQY9JpAsvdVD4NA6gXxAtdkz5EeC1LiDihFPkahR6yJTg3Ngwi+rrWPQ8wW0lW4pBJoaDQYQUimyCHX0fGWml2jywdkNfFL7lWE3V3+b+i3VpnF2MFWRoWnBYWCUjFRw0ng61K6YXqnhsK6Wq+/08KrlnbxKeWcDwcu3VQUNR6uIUhu8dQUdCRoaGkbA6bCiImBLO/dFZqzhx15Ph6FhV2Q5U5oLZWZro3ig3lZzJybiiqnvqbri+mauc0BfATjRRaJC32u5L+IemG64XmqrNgywHECj0YCYc33kBk8d9qBBhSut+hOZFrBpSeYLdUyjnXxhso/yiFVoU2e4lGbGYZok26e27VmYmcaoaahny9xdKDPb/pRVIdguNR6YNrPmU6i7a63J80ttbn38GE9RaztSJlCmdYZD6xRyduTElGlSY2MEZURHd+QYEsllyp/mGIUMBNVybsq294HSs95T0lAlE66XfLmOxsX6IB3Pnvz1ExwMj+F8yjO7BTdtu8WqgqQ3MmHkECwnyoTYosdS8+nO1WkQtRaqlaaB4pxgnJwya2yPUex7qeB4WUYne45NwRVgF8T516A19h49of8BIc15bhIIAAA= */
169
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU0Y7aMBBF3/mKvFSiVb0iy5Zd0sd+SOU4k2QWY6e2Q4Cq/97BQQvjoBUoL1HuuY49M75Pv/OV3uY4LLK/sywr7V54PKJpCnp3FThBn37O/s2ePsCihNo6uJ+XdQB3N559ewB9dC/keGg3eQQ76zGgNUXmQMuAO2DQcwLJ0lvdBw4tE8gHVJsDQ14SpMY9VIz4EYkatS4y1TsHJvyy2joGra6gnXRzIdDUaDCAkEqRRaiT5yszvUaTD85u4JO13xh29+rrsd5SbRpne1MVGZoWHAZGyUgFJ42npm6L8ZUKDstqvvhOD1+1fJBXKe9sIHi+XlTQcLSKKJXBW1dQS9DQ0DACGEFnFg5omHjT63NHo13Ajsrji8xYw7Fm7JiGfZHlTGmvlIkNo3ikBlRT53siLpi6SdUF1/VU58D2BsAJE4kKfafloYhnYLrleqmt2jCg4wAajQbElPsTud5ThT1oUOFGqcYL3wI2Lcl8o55pdJIvTA5RHrAKbersr6WJcTeOm+1S23ARJqZ91DTUk20erpSJ7XgOtBDsNjXmCyZOvPkYcu5WbfLna21qXX7Mp6i1HeJF6LeGQy8p5OzAiTHXpMbGCEqSLV2SU5QkVy5fTTGKIgiq5dwYZu89ZWx9oDyilUy4veTbbTRu1gfpeELl609wMDys8zHP7A7ceOwWqwqS2pQJI/tgOaESYoceS83HO6/Ok6i1UK00DRSXnOPkmFtDewps30kFp9syONlxbEyuAPsgLr8GrbHz6An9D1lTdo44CAAA */
156
170
  ._16lm1iw0 {
157
171
  box-sizing: border-box;
158
172
  }
@@ -212,117 +226,120 @@
212
226
  cursor: pointer;
213
227
  }
214
228
  ._16lm1iwe {
215
- pointer-events: none;
229
+ cursor: col-resize;
216
230
  }
217
231
  ._16lm1iwf {
218
- flex: 1;
232
+ pointer-events: none;
219
233
  }
220
234
  ._16lm1iwg {
221
- flex: none;
235
+ flex: 1;
222
236
  }
223
237
  ._16lm1iwh {
224
- z-index: 1;
238
+ flex: none;
225
239
  }
226
240
  ._16lm1iwi {
227
- z-index: 10;
241
+ z-index: 1;
228
242
  }
229
243
  ._16lm1iwj {
230
- z-index: 1000;
244
+ z-index: 10;
231
245
  }
232
246
  ._16lm1iwk {
233
- z-index: 10000;
247
+ z-index: 1000;
234
248
  }
235
249
  ._16lm1iwl {
236
- z-index: 100000;
250
+ z-index: 10000;
237
251
  }
238
252
  ._16lm1iwm {
239
- display: flex;
253
+ z-index: 100000;
240
254
  }
241
255
  ._16lm1iwn {
242
- display: block;
256
+ display: flex;
243
257
  }
244
258
  ._16lm1iwo {
245
- display: inline-block;
259
+ display: block;
246
260
  }
247
261
  ._16lm1iwp {
262
+ display: inline-block;
263
+ }
264
+ ._16lm1iwq {
248
265
  -webkit-user-select: none;
249
266
  -moz-user-select: none;
250
267
  -ms-user-select: none;
251
268
  user-select: none;
252
269
  }
253
- ._16lm1iwq {
270
+ ._16lm1iwr {
254
271
  height: 0;
255
272
  }
256
- ._16lm1iwr {
273
+ ._16lm1iws {
257
274
  height: 100%;
258
275
  }
259
- ._16lm1iws {
276
+ ._16lm1iwt {
260
277
  width: 0;
261
278
  }
262
- ._16lm1iwt {
279
+ ._16lm1iwu {
263
280
  width: 100%;
264
281
  }
265
- ._16lm1iwu {
282
+ ._16lm1iwv {
266
283
  top: 0;
267
284
  }
268
- ._16lm1iwv {
285
+ ._16lm1iww {
269
286
  top: 100%;
270
287
  }
271
- ._16lm1iww {
288
+ ._16lm1iwx {
272
289
  left: 0;
273
290
  }
274
- ._16lm1iwx {
291
+ ._16lm1iwy {
275
292
  left: 100%;
276
293
  }
277
- ._16lm1iwy {
294
+ ._16lm1iwz {
278
295
  bottom: 0;
279
296
  }
280
- ._16lm1iwz {
297
+ ._16lm1iw10 {
281
298
  bottom: 100%;
282
299
  }
283
- ._16lm1iw10 {
300
+ ._16lm1iw11 {
284
301
  right: 0;
285
302
  }
286
- ._16lm1iw11 {
303
+ ._16lm1iw12 {
287
304
  right: 100%;
288
305
  }
289
- ._16lm1iw12 {
306
+ ._16lm1iw13 {
290
307
  flex-flow: column;
291
308
  }
292
- ._16lm1iw13 {
309
+ ._16lm1iw14 {
293
310
  flex-flow: row;
294
311
  }
295
- ._16lm1iw14 {
312
+ ._16lm1iw15 {
296
313
  align-items: center;
297
314
  }
298
- ._16lm1iw15 {
315
+ ._16lm1iw16 {
299
316
  align-items: stretch;
300
317
  }
301
- ._16lm1iw16 {
318
+ ._16lm1iw17 {
302
319
  justify-content: center;
303
320
  }
304
- ._16lm1iw17 {
321
+ ._16lm1iw18 {
305
322
  justify-content: flex-start;
306
323
  }
307
- ._16lm1iw18 {
324
+ ._16lm1iw19 {
308
325
  justify-content: flex-end;
309
326
  }
310
- ._16lm1iw19 {
327
+ ._16lm1iw1a {
311
328
  overflow: hidden;
312
329
  }
313
- ._16lm1iw1a {
330
+ ._16lm1iw1b {
314
331
  overflow: auto;
315
332
  }
316
- ._16lm1iw1b {
333
+ ._16lm1iw1c {
317
334
  overflow: visible;
318
335
  }
319
- ._16lm1iw1c {
336
+ ._16lm1iw1d {
320
337
  will-change: transform;
321
338
  }
322
- ._16lm1iw1d {
339
+ ._16lm1iw1e {
323
340
  white-space: nowrap;
324
341
  }
325
- ._16lm1iw1e {
342
+ ._16lm1iw1f {
326
343
  text-overflow: ellipsis;
327
344
  }
328
345
 
@@ -400,6 +417,18 @@
400
417
  overflow-y: hidden;
401
418
  }
402
419
 
420
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzEgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItd2lkdGgpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZCwgcmdiYSh2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLXIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWFscGhhKSkpOwp9Ci5ueGJxMWMyIHsKICBkaXNwbGF5OiBibG9jazsKfQoubnhicTFjMyB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
421
+ .nxbq1c1 {
422
+ border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
423
+ background: var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha)));
424
+ }
425
+ .nxbq1c2 {
426
+ display: block;
427
+ }
428
+ .nxbq1c3 {
429
+ display: none;
430
+ }
431
+
403
432
  /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGU6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLXN0eWxlLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItc3R5bGUpKTsKICBib3JkZXI6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtcm93LWJvcmRlci13aWR0aCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXdpZHRoKSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXItc3R5bGUsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCByZ2JhKHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tciksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tZyksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYiksIHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpKSkpOwp9Ci5qMjZscngxIHsKICBkaXNwbGF5OiBibG9jazsKfQouajI2bHJ4MiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
404
433
  .j26lrx0 {
405
434
  --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
@@ -413,18 +442,6 @@
413
442
  display: none;
414
443
  }
415
444
 
416
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItd2lkdGgpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1zdHlsZSkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLCByZ2IodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci1jb2xvci0tYikpKSk7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZCwgcmdiYSh2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLXIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWcpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3ItLWIpLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWFscGhhKSkpOwp9Ci5ueGJxMWMxIHsKICBkaXNwbGF5OiBibG9jazsKfQoubnhicTFjMiB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
417
- .nxbq1c0 {
418
- border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
419
- background: var(--infinite-active-cell-background, rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha)));
420
- }
421
- .nxbq1c1 {
422
- display: block;
423
- }
424
- .nxbq1c2 {
425
- display: none;
426
- }
427
-
428
445
  /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
429
446
  ._1yeub2v0 {
430
447
  outline: none;
@@ -493,7 +510,7 @@
493
510
  border-left: var(--infinite-cell-border);
494
511
  }
495
512
 
496
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy3KjMBC8+yt0SdVykAvYTbKLP2ZLIAFTK0uUkLHjVP590SO2hB8JJEfEdE+r1Rqt/2b5sZZllqLXFUIlqf41Su4ELdBA1A+MQdQgQDPcMkKZwueKZDMCZEcq0C8FStd/zHdHKAXRXKArxjn2P5OgEHNW6wLlaXcwq8cRQdnBLKSb1dtq/S4vt/K2RDUgPOa6Ptuol0pjqKTADpFEXD+/ketXyKWgab9C9mjJOAgDclypcaWWQuMejqxAmTeqlMqQKkJh1xfoMX2I3M9cVSd70CBFgUjZS77TzKxqRcT7upbdeHR5b9dl5xv6jeSGJdD3tCwjF7yp24HWcms/ghbPy1pUkkt103nzM3a6sm3O9ijGiYbB2iMHpmou9wVqgVImIiC1wFNMs1h97dT7s7maBhsDVxFLakLs1VTehLZzoHgPVLcJGvMA1GWhI4oJvZkn/TOn5BDxUZ0yGlsnpsamk/Hye0ZLqkjTmOkS9Q66daFjYz6ta6fbdMc8V5IEXrkczycI1KipGuv/l+TMZwj0HO+G3M+8WSlHI/qF7cp8IGhKdB12VzSIAXooOYt1+wE65w6dhVWBsKfvELZ0EPgZeOslDXN+flBDPFkyQ0OC8q6Ai6c8St7HU2OZKdXkjnwE/Q94NTs92QgAAA== */
513
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Wy3KjMBC8+yt02arlIBewm2yCP2ZLIAFTK0uUkIntVP590SO2hB8JJEfEdE+r5wHrv1l+rGWZpeh1hVBJqn+NkjtBCzQQ9RNjEDUI0Ay3jFCm8Dki2YwA2ZEK9KFA6frZPHeEUhDNBbpinGP/MgkCMWe1LlCedntzehwRlO3NQbpZva3W7/JyK29LVAPCY67rs4l6qTSGSgrsEEnE9esbuX6HXAqa9itkD5aMgzAgx5UaV2opNO7hyAqUeaNKqQypIhR2fYEe0h+R+5mL6mQPGqQoECl7yXeamVOtiHg/17IbS5f39lx2PqG/SG5YAn2Py3rkgjd1N9Babu1DkOLPshSV5FLddN68jJ2ubJqzPYpxomGw9siBqZrLlwK1QCkTEZBa4KlNs1h97dT72lztBtsGLiKW1ITYq115E9rOgeIXoLpN0NgPQF0vdEQxoTfzpH+mSg4Rl+rUo7F1bdEa4z9ZfktsATF9QCimlUon++ppxh2oIk1j1tWtbF1YgrHhbRlO43mnGi4kCcx3gzGfIFCjpmpsQb8kZz5DoOd4d2r8Ep01NmhEH9iuzAeCpkTXYXdFgxigh5KzWLffyHOG8iysCoQ9foewpZvFL9Vbn+awz89f6BBPlizlkKC8K+Di3yDqvI/X0DJTqsmMfAT9D6Agg08qCQAA */
497
514
  ._12zfob10 {
498
515
  background: var(--infinite-header-background);
499
516
  opacity: 0.9;
@@ -549,6 +566,9 @@
549
566
  background: var(--infinite-header-cell-background);
550
567
  padding: 0;
551
568
  }
569
+ ._12zfob1h:hover {
570
+ background: var(--infinite-header-cell-hover-background);
571
+ }
552
572
  ._12zfob1n {
553
573
  z-index: 100;
554
574
  opacity: 0.8;
@@ -593,6 +613,26 @@
593
613
  border-top: var(--infinite-cell-border);
594
614
  }
595
615
 
616
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts.vanilla.css?source=LnpuZXl6aDAgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MCUpOwogIHdpZHRoOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWFjdGl2ZS1hcmVhLXdpZHRoKTsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci56bmV5emgwOmhvdmVyIHsKICBvdmVyZmxvdzogdmlzaWJsZTsKfQouem5leXpoMSB7CiAgcmlnaHQ6IGNhbGMoKHZhcigtLWluZmluaXRlLXJlc2l6ZS1oYW5kbGUtYWN0aXZlLWFyZWEtd2lkdGgpIC0gdmFyKC0taW5maW5pdGUtcmVzaXplLWhhbmRsZS13aWR0aCkpIC8gMik7CiAgd2lkdGg6IHZhcigtLWluZmluaXRlLXJlc2l6ZS1oYW5kbGUtd2lkdGgpOwp9Ci56bmV5emgwOmhvdmVyIC56bmV5emgxIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWhvdmVyLWJhY2tncm91bmQpOwp9Ci56bmV5emgwOmhvdmVyIC56bmV5emgzIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWNvbnN0cmFpbmVkLWhvdmVyLWJhY2tncm91bmQpOwp9 */
617
+ .zneyzh0 {
618
+ transform: translateX(50%);
619
+ width: var(--infinite-resize-handle-active-area-width);
620
+ overflow: hidden;
621
+ }
622
+ .zneyzh0:hover {
623
+ overflow: visible;
624
+ }
625
+ .zneyzh1 {
626
+ right: calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);
627
+ width: var(--infinite-resize-handle-width);
628
+ }
629
+ .zneyzh0:hover .zneyzh1 {
630
+ background: var(--infinite-resize-handle-hover-background);
631
+ }
632
+ .zneyzh0:hover .zneyzh3 {
633
+ background: var(--infinite-resize-handle-constrained-hover-background);
634
+ }
635
+
596
636
  /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=Ll83cHVwdjAwIHsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICBwb2ludGVyLWV2ZW50czogdmFyKC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZyk7CiAgLS1pbmZpbml0ZS1jb2x1bW4tY2VsbC1iZy1kb250LW92ZXJyaWRlOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAxIHsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDQgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl83cHVwdjA1IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjA3IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjBiIHsKICBwYWRkaW5nLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1pbmZpbml0ZS1kb250LW92ZXJyaWRlLWdyb3VwLXJvdy1uZXN0aW5nLWxlbmd0aCkgKiB2YXIoLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3RpbmcpKTsKfQ== */
597
637
  ._7pupv00 {
598
638
  will-change: transform;
package/index.d.ts CHANGED
@@ -379,6 +379,7 @@ declare class ReactHeadlessTableRenderer extends Logger {
379
379
  private destroyed;
380
380
  private scrolling;
381
381
  cellHoverClassNames: string[];
382
+ name: string;
382
383
  private itemDOMElements;
383
384
  private itemDOMRefs;
384
385
  private updaters;
@@ -387,6 +388,8 @@ declare class ReactHeadlessTableRenderer extends Logger {
387
388
  private currentHoveredRow;
388
389
  private onDestroy;
389
390
  private hoverRowUpdatesInProgress;
391
+ private infiniteNode;
392
+ setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, x: number, y: number) => void;
390
393
  constructor(brain: MatrixBrain);
391
394
  getFullyVisibleRowsRange: () => {
392
395
  start: number;
@@ -484,6 +487,7 @@ interface InfiniteTableSetupState<T> {
484
487
  domRef: MutableRefObject<HTMLDivElement | null>;
485
488
  scrollerDOMRef: MutableRefObject<HTMLDivElement | null>;
486
489
  portalDOMRef: MutableRefObject<HTMLDivElement | null>;
490
+ activeCellIndicatorDOMRef: MutableRefObject<HTMLDivElement | null>;
487
491
  onRowHeightCSSVarChange: SubscriptionCallback<number>;
488
492
  onColumnHeaderHeightCSSVarChange: SubscriptionCallback<number>;
489
493
  columnsWhenGrouping?: InfiniteTablePropColumnsMap<T>;
@@ -730,6 +734,7 @@ interface InfiniteTableProps<T> {
730
734
  loadingText?: Renderable;
731
735
  components?: InfiniteTablePropComponents;
732
736
  viewportReservedWidth?: number;
737
+ onViewportReservedWidthChange?: (viewportReservedWidth: number) => void;
733
738
  pivotColumn?: InfiniteTablePropPivotColumn<T, InfiniteTableColumn<T> & InfiniteTablePivotFinalColumn<T>>;
734
739
  pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
735
740
  pivotGrandTotalColumnPosition?: InfiniteTablePropPivotGrandTotalColumnPosition;
@@ -867,8 +872,6 @@ declare type InfiniteTableBaseCellProps<T> = {
867
872
  skipColumnShifting?: boolean;
868
873
  beforeChildren?: Renderable;
869
874
  afterChildren?: Renderable;
870
- offset?: number;
871
- offsetProperty?: 'left' | 'right';
872
875
  cssPosition?: CSSProperties['position'];
873
876
  domRef?: React.RefCallback<HTMLElement>;
874
877
  };
@@ -1034,8 +1037,8 @@ declare type InfiniteTableComputedColumnBase<T> = {
1034
1037
  computedDataType: string;
1035
1038
  computedWidth: number;
1036
1039
  computedFlex: number | null;
1037
- computedMinWidth: number | null;
1038
- computedMaxWidth: number | null;
1040
+ computedMinWidth: number;
1041
+ computedMaxWidth: number;
1039
1042
  computedOffset: number;
1040
1043
  computedPinningOffset: number;
1041
1044
  computedAbsoluteOffset: number;