react-virtuoso 2.4.1 → 2.6.0
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/README.md +7 -1
- package/dist/Grid.d.ts +10 -1
- package/dist/List.d.ts +154 -4
- package/dist/Table.d.ts +5729 -0
- package/dist/alignToBottomSystem.d.ts +12 -0
- package/dist/components.d.ts +5626 -1
- package/dist/followOutputSystem.d.ts +8 -0
- package/dist/gridSystem.d.ts +6 -1
- package/dist/groupedListSystem.d.ts +2 -0
- package/dist/hooks/useChangedChildSizes.d.ts +1 -1
- package/dist/hooks/useScrollTop.d.ts +1 -1
- package/dist/hooks/useWindowViewportRect.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.m.js +1 -1
- package/dist/index.m.js.map +1 -1
- package/dist/initialItemCountSystem.d.ts +14 -0
- package/dist/initialScrollTopSystem.d.ts +12 -0
- package/dist/initialTopMostItemIndexSystem.d.ts +4 -0
- package/dist/interfaces.d.ts +40 -0
- package/dist/listStateSystem.d.ts +12 -0
- package/dist/listSystem.d.ts +134 -1
- package/dist/scrollIntoViewSystem.d.ts +16 -0
- package/dist/scrollToIndexSystem.d.ts +2 -0
- package/dist/sizeRangeSystem.d.ts +1 -0
- package/dist/sizeSystem.d.ts +1 -0
- package/dist/topItemCountSystem.d.ts +12 -0
- package/dist/totalListHeightSystem.d.ts +12 -0
- package/dist/upwardScrollFixSystem.d.ts +14 -0
- package/dist/windowScrollerSystem.d.ts +1 -0
- package/package.json +1 -2
|
@@ -17,6 +17,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
17
17
|
firstItemIndex: u.StatefulStream<number>;
|
|
18
18
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
19
19
|
listRefresh: u.Stream<boolean>;
|
|
20
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
20
21
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
21
22
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
22
23
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -37,6 +38,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
37
38
|
firstItemIndex: u.StatefulStream<number>;
|
|
38
39
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
39
40
|
listRefresh: u.Stream<boolean>;
|
|
41
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
40
42
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
41
43
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
42
44
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -57,6 +59,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
57
59
|
firstItemIndex: u.StatefulStream<number>;
|
|
58
60
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
59
61
|
listRefresh: u.Stream<boolean>;
|
|
62
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
60
63
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
61
64
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
62
65
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -84,6 +87,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
84
87
|
firstItemIndex: u.StatefulStream<number>;
|
|
85
88
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
86
89
|
listRefresh: u.Stream<boolean>;
|
|
90
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
87
91
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
88
92
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
89
93
|
}, {
|
|
@@ -132,6 +136,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
132
136
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
133
137
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
134
138
|
topListHeight: u.StatefulStream<number>;
|
|
139
|
+
fixedHeaderHeight: u.StatefulStream<number>;
|
|
135
140
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
136
141
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
137
142
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -152,6 +157,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
152
157
|
firstItemIndex: u.StatefulStream<number>;
|
|
153
158
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
154
159
|
listRefresh: u.Stream<boolean>;
|
|
160
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
155
161
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
156
162
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
157
163
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -185,6 +191,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
185
191
|
firstItemIndex: u.StatefulStream<number>;
|
|
186
192
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
187
193
|
listRefresh: u.Stream<boolean>;
|
|
194
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
188
195
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
189
196
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
190
197
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -215,6 +222,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
215
222
|
firstItemIndex: u.StatefulStream<number>;
|
|
216
223
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
217
224
|
listRefresh: u.Stream<boolean>;
|
|
225
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
218
226
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
219
227
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
220
228
|
}, {
|
|
@@ -257,6 +265,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
257
265
|
firstItemIndex: u.StatefulStream<number>;
|
|
258
266
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
259
267
|
listRefresh: u.Stream<boolean>;
|
|
268
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
260
269
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
261
270
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
262
271
|
}, {
|
|
@@ -299,6 +308,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
299
308
|
firstItemIndex: u.StatefulStream<number>;
|
|
300
309
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
301
310
|
listRefresh: u.Stream<boolean>;
|
|
311
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
302
312
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
303
313
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
304
314
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -329,6 +339,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
329
339
|
firstItemIndex: u.StatefulStream<number>;
|
|
330
340
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
331
341
|
listRefresh: u.Stream<boolean>;
|
|
342
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
332
343
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
333
344
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
334
345
|
}, {
|
|
@@ -408,6 +419,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
408
419
|
firstItemIndex: u.StatefulStream<number>;
|
|
409
420
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
410
421
|
listRefresh: u.Stream<boolean>;
|
|
422
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
411
423
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
412
424
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
413
425
|
}, {
|
|
@@ -417,6 +429,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
417
429
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
418
430
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
419
431
|
topListHeight: u.StatefulStream<number>;
|
|
432
|
+
fixedHeaderHeight: u.StatefulStream<number>;
|
|
420
433
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
421
434
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
422
435
|
}, {
|
|
@@ -477,6 +490,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
477
490
|
firstItemIndex: u.StatefulStream<number>;
|
|
478
491
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
479
492
|
listRefresh: u.Stream<boolean>;
|
|
493
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
480
494
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
481
495
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
482
496
|
}, {
|
|
@@ -30,6 +30,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
30
30
|
firstItemIndex: u.StatefulStream<number>;
|
|
31
31
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
32
32
|
listRefresh: u.Stream<boolean>;
|
|
33
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
33
34
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
34
35
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
35
36
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -50,6 +51,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
50
51
|
firstItemIndex: u.StatefulStream<number>;
|
|
51
52
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
52
53
|
listRefresh: u.Stream<boolean>;
|
|
54
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
53
55
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
54
56
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
55
57
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -77,6 +79,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
77
79
|
firstItemIndex: u.StatefulStream<number>;
|
|
78
80
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
79
81
|
listRefresh: u.Stream<boolean>;
|
|
82
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
80
83
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
81
84
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
82
85
|
}, {
|
|
@@ -125,6 +128,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
125
128
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
126
129
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
127
130
|
topListHeight: u.StatefulStream<number>;
|
|
131
|
+
fixedHeaderHeight: u.StatefulStream<number>;
|
|
128
132
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
129
133
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
130
134
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -145,6 +149,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
145
149
|
firstItemIndex: u.StatefulStream<number>;
|
|
146
150
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
147
151
|
listRefresh: u.Stream<boolean>;
|
|
152
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
148
153
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
149
154
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
150
155
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -178,6 +183,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
178
183
|
firstItemIndex: u.StatefulStream<number>;
|
|
179
184
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
180
185
|
listRefresh: u.Stream<boolean>;
|
|
186
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
181
187
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
182
188
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
183
189
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -208,6 +214,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
208
214
|
firstItemIndex: u.StatefulStream<number>;
|
|
209
215
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
210
216
|
listRefresh: u.Stream<boolean>;
|
|
217
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
211
218
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
212
219
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
213
220
|
}, {
|
|
@@ -250,6 +257,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
250
257
|
firstItemIndex: u.StatefulStream<number>;
|
|
251
258
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
252
259
|
listRefresh: u.Stream<boolean>;
|
|
260
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
253
261
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
254
262
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
255
263
|
}, {
|
|
@@ -292,6 +300,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
292
300
|
firstItemIndex: u.StatefulStream<number>;
|
|
293
301
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
294
302
|
listRefresh: u.Stream<boolean>;
|
|
303
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
295
304
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
296
305
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
297
306
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -322,6 +331,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
322
331
|
firstItemIndex: u.StatefulStream<number>;
|
|
323
332
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
324
333
|
listRefresh: u.Stream<boolean>;
|
|
334
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
325
335
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
326
336
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
327
337
|
}, {
|
|
@@ -401,6 +411,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
401
411
|
firstItemIndex: u.StatefulStream<number>;
|
|
402
412
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
403
413
|
listRefresh: u.Stream<boolean>;
|
|
414
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
404
415
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
405
416
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
406
417
|
}, {
|
|
@@ -410,6 +421,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
410
421
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
411
422
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
412
423
|
topListHeight: u.StatefulStream<number>;
|
|
424
|
+
fixedHeaderHeight: u.StatefulStream<number>;
|
|
413
425
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
414
426
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
415
427
|
}, {
|
|
@@ -17,6 +17,7 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
|
|
|
17
17
|
firstItemIndex: u.StatefulStream<number>;
|
|
18
18
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
19
19
|
listRefresh: u.Stream<boolean>;
|
|
20
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
20
21
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
21
22
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
22
23
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -50,6 +51,7 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
|
|
|
50
51
|
firstItemIndex: u.StatefulStream<number>;
|
|
51
52
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
52
53
|
listRefresh: u.Stream<boolean>;
|
|
54
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
53
55
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
54
56
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
55
57
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -80,6 +82,7 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
|
|
|
80
82
|
firstItemIndex: u.StatefulStream<number>;
|
|
81
83
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
82
84
|
listRefresh: u.Stream<boolean>;
|
|
85
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
83
86
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
84
87
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
85
88
|
}, {
|
|
@@ -122,6 +125,7 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
|
|
|
122
125
|
firstItemIndex: u.StatefulStream<number>;
|
|
123
126
|
sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
|
|
124
127
|
listRefresh: u.Stream<boolean>;
|
|
128
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
125
129
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
126
130
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
127
131
|
}, {
|
package/dist/interfaces.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export interface ListRange {
|
|
|
6
6
|
export interface ItemContent<D> {
|
|
7
7
|
(index: number, data: D): ReactNode;
|
|
8
8
|
}
|
|
9
|
+
export declare type FixedHeaderContent = (() => React.ReactChildren | React.ReactNode) | null;
|
|
9
10
|
export interface GroupItemContent<D> {
|
|
10
11
|
(index: number, groupIndex: number, data: D): ReactNode;
|
|
11
12
|
}
|
|
@@ -24,6 +25,7 @@ export interface GroupProps {
|
|
|
24
25
|
'data-known-size': number;
|
|
25
26
|
}
|
|
26
27
|
export declare type TopItemListProps = Pick<ComponentPropsWithRef<'div'>, 'style' | 'children'>;
|
|
28
|
+
export declare type TableProps = Pick<ComponentPropsWithRef<'table'>, 'style'>;
|
|
27
29
|
/**
|
|
28
30
|
* Passed to the Components.List custom component
|
|
29
31
|
*/
|
|
@@ -39,6 +41,7 @@ export declare type GridListProps = Pick<ComponentPropsWithRef<'div'>, 'style' |
|
|
|
39
41
|
*/
|
|
40
42
|
export declare type ScrollerProps = Pick<ComponentPropsWithRef<'div'>, 'style' | 'children' | 'tabIndex' | 'ref'> & {
|
|
41
43
|
'data-test-id'?: string;
|
|
44
|
+
'data-virtuoso-scroller'?: boolean;
|
|
42
45
|
};
|
|
43
46
|
/**
|
|
44
47
|
* Passed to the Components.ScrollSeekPlaceholder custom component
|
|
@@ -102,6 +105,42 @@ export interface Components {
|
|
|
102
105
|
*/
|
|
103
106
|
ScrollSeekPlaceholder?: ComponentType<ScrollSeekPlaceholderProps>;
|
|
104
107
|
}
|
|
108
|
+
/**
|
|
109
|
+
* Customize the TableVirtuoso rendering by passing a set of custom components.
|
|
110
|
+
*/
|
|
111
|
+
export interface TableComponents {
|
|
112
|
+
/**
|
|
113
|
+
* Set to customize the wrapping `table` element.
|
|
114
|
+
*
|
|
115
|
+
*/
|
|
116
|
+
Table?: ComponentType<TableProps>;
|
|
117
|
+
/**
|
|
118
|
+
* Set to render a fixed header at the top of the table (`thead`). use [[fixedHeaderHeight]] to set the contents
|
|
119
|
+
*
|
|
120
|
+
*/
|
|
121
|
+
TableHead?: ComponentType;
|
|
122
|
+
/**
|
|
123
|
+
* Set to customize the item wrapping element. Default is `tr`.
|
|
124
|
+
*/
|
|
125
|
+
TableRow?: ComponentType<ItemProps>;
|
|
126
|
+
/**
|
|
127
|
+
* Set to customize the outermost scrollable element. This should not be necessary in general,
|
|
128
|
+
* as the component passes its HTML attribute props to it.
|
|
129
|
+
*/
|
|
130
|
+
Scroller?: ComponentType<ScrollerProps>;
|
|
131
|
+
/**
|
|
132
|
+
* Set to customize the items wrapper. Default is `tbody`.
|
|
133
|
+
*/
|
|
134
|
+
TableBody?: ComponentType<ListProps>;
|
|
135
|
+
/**
|
|
136
|
+
* Set to render a custom UI when the list is empty.
|
|
137
|
+
*/
|
|
138
|
+
EmptyPlaceholder?: ComponentType;
|
|
139
|
+
/**
|
|
140
|
+
* Set to render an item placeholder when the user scrolls fast. See the `scrollSeek` property for more details.
|
|
141
|
+
*/
|
|
142
|
+
ScrollSeekPlaceholder?: ComponentType<ScrollSeekPlaceholderProps>;
|
|
143
|
+
}
|
|
105
144
|
export interface ComputeItemKey<D> {
|
|
106
145
|
(index: number, item: D): Key;
|
|
107
146
|
}
|
|
@@ -161,6 +200,7 @@ export interface IndexLocationWithAlign {
|
|
|
161
200
|
offset?: number;
|
|
162
201
|
}
|
|
163
202
|
export declare type ListRootProps = Omit<React.HTMLProps<'div'>, 'ref' | 'data'>;
|
|
203
|
+
export declare type TableRootProps = Omit<React.HTMLProps<'table'>, 'ref' | 'data'>;
|
|
164
204
|
export declare type GridRootProps = Omit<React.HTMLProps<'div'>, 'ref' | 'data'>;
|
|
165
205
|
export interface GridItem {
|
|
166
206
|
'data-index': number;
|
|
@@ -35,6 +35,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
35
35
|
firstItemIndex: u.StatefulStream<number>;
|
|
36
36
|
sizes: u.StatefulStream<SizeState>;
|
|
37
37
|
listRefresh: u.Stream<boolean>;
|
|
38
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
38
39
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
39
40
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
40
41
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -55,6 +56,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
55
56
|
firstItemIndex: u.StatefulStream<number>;
|
|
56
57
|
sizes: u.StatefulStream<SizeState>;
|
|
57
58
|
listRefresh: u.Stream<boolean>;
|
|
59
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
58
60
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
59
61
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
60
62
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -82,6 +84,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
82
84
|
firstItemIndex: u.StatefulStream<number>;
|
|
83
85
|
sizes: u.StatefulStream<SizeState>;
|
|
84
86
|
listRefresh: u.Stream<boolean>;
|
|
87
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
85
88
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
86
89
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
87
90
|
}, {
|
|
@@ -130,6 +133,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
130
133
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
131
134
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
132
135
|
topListHeight: u.StatefulStream<number>;
|
|
136
|
+
fixedHeaderHeight: u.StatefulStream<number>;
|
|
133
137
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
134
138
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
135
139
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
@@ -150,6 +154,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
150
154
|
firstItemIndex: u.StatefulStream<number>;
|
|
151
155
|
sizes: u.StatefulStream<SizeState>;
|
|
152
156
|
listRefresh: u.Stream<boolean>;
|
|
157
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
153
158
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
154
159
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
155
160
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -183,6 +188,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
183
188
|
firstItemIndex: u.StatefulStream<number>;
|
|
184
189
|
sizes: u.StatefulStream<SizeState>;
|
|
185
190
|
listRefresh: u.Stream<boolean>;
|
|
191
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
186
192
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
187
193
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
188
194
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -213,6 +219,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
213
219
|
firstItemIndex: u.StatefulStream<number>;
|
|
214
220
|
sizes: u.StatefulStream<SizeState>;
|
|
215
221
|
listRefresh: u.Stream<boolean>;
|
|
222
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
216
223
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
217
224
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
218
225
|
}, {
|
|
@@ -255,6 +262,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
255
262
|
firstItemIndex: u.StatefulStream<number>;
|
|
256
263
|
sizes: u.StatefulStream<SizeState>;
|
|
257
264
|
listRefresh: u.Stream<boolean>;
|
|
265
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
258
266
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
259
267
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
260
268
|
}, {
|
|
@@ -297,6 +305,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
297
305
|
firstItemIndex: u.StatefulStream<number>;
|
|
298
306
|
sizes: u.StatefulStream<SizeState>;
|
|
299
307
|
listRefresh: u.Stream<boolean>;
|
|
308
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
300
309
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
301
310
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
302
311
|
}>, u.SystemSpec<never[], () => {
|
|
@@ -327,6 +336,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
327
336
|
firstItemIndex: u.StatefulStream<number>;
|
|
328
337
|
sizes: u.StatefulStream<SizeState>;
|
|
329
338
|
listRefresh: u.Stream<boolean>;
|
|
339
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
330
340
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
331
341
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
332
342
|
}, {
|
|
@@ -406,6 +416,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
406
416
|
firstItemIndex: u.StatefulStream<number>;
|
|
407
417
|
sizes: u.StatefulStream<SizeState>;
|
|
408
418
|
listRefresh: u.Stream<boolean>;
|
|
419
|
+
statefulTotalCount: u.StatefulStream<number>;
|
|
409
420
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
410
421
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
411
422
|
}, {
|
|
@@ -415,6 +426,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
|
|
|
415
426
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
416
427
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
417
428
|
topListHeight: u.StatefulStream<number>;
|
|
429
|
+
fixedHeaderHeight: u.StatefulStream<number>;
|
|
418
430
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
419
431
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
420
432
|
}, {
|