react-virtuoso 2.3.1 → 2.3.2
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/dist/Grid.d.ts +32 -32
- package/dist/List.d.ts +245 -41
- package/dist/alignToBottomSystem.d.ts +25 -1
- package/dist/domIOSystem.d.ts +1 -0
- package/dist/followOutputSystem.d.ts +15 -1
- package/dist/gridSystem.d.ts +26 -30
- package/dist/groupedListSystem.d.ts +2 -0
- package/dist/hooks/__mocks__/useScrollTop.d.ts +1 -1
- package/dist/hooks/useChangedChildSizes.d.ts +1 -1
- package/dist/hooks/useScrollTop.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 +21 -1
- package/dist/initialScrollTopSystem.d.ts +25 -1
- package/dist/initialTopMostItemIndexSystem.d.ts +4 -0
- package/dist/listStateSystem.d.ts +19 -1
- package/dist/listSystem.d.ts +232 -38
- package/dist/scrollIntoViewSystem.d.ts +25 -1
- package/dist/scrollSeekSystem.d.ts +52 -69
- package/dist/scrollToIndexSystem.d.ts +2 -0
- package/dist/sizeRangeSystem.d.ts +2 -0
- package/dist/stateFlagsSystem.d.ts +10 -2
- package/dist/topItemCountSystem.d.ts +21 -1
- package/dist/totalListHeightSystem.d.ts +23 -1
- package/dist/upwardScrollFixSystem.d.ts +31 -3
- package/dist/windowScrollerSystem.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as u from '@virtuoso.dev/urx';
|
|
2
2
|
export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
3
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
3
4
|
scrollTop: u.Stream<number>;
|
|
4
5
|
viewportHeight: u.Stream<number>;
|
|
5
6
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -12,6 +13,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
12
13
|
deviation: u.StatefulStream<number>;
|
|
13
14
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
14
15
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
16
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
15
17
|
scrollTop: u.Stream<number>;
|
|
16
18
|
viewportHeight: u.Stream<number>;
|
|
17
19
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -64,6 +66,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
64
66
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
65
67
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
66
68
|
}>, u.SystemSpec<never[], () => {
|
|
69
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
67
70
|
scrollTop: u.Stream<number>;
|
|
68
71
|
viewportHeight: u.Stream<number>;
|
|
69
72
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -90,6 +93,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
90
93
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
91
94
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
92
95
|
}, {
|
|
96
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
93
97
|
scrollTop: u.Stream<number>;
|
|
94
98
|
viewportHeight: u.Stream<number>;
|
|
95
99
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -105,6 +109,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
105
109
|
groupCounts: u.Stream<number[]>;
|
|
106
110
|
topItemsIndexes: u.Stream<[number]>;
|
|
107
111
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
112
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
108
113
|
scrollTop: u.Stream<number>;
|
|
109
114
|
viewportHeight: u.Stream<number>;
|
|
110
115
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -117,6 +122,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
117
122
|
deviation: u.StatefulStream<number>;
|
|
118
123
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
119
124
|
}>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
|
|
125
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
120
126
|
scrollTop: u.Stream<number>;
|
|
121
127
|
viewportHeight: u.Stream<number>;
|
|
122
128
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -155,6 +161,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
155
161
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
156
162
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
157
163
|
}>, u.SystemSpec<never[], () => {
|
|
164
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
158
165
|
scrollTop: u.Stream<number>;
|
|
159
166
|
viewportHeight: u.Stream<number>;
|
|
160
167
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -187,6 +194,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
187
194
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
188
195
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
189
196
|
}>, u.SystemSpec<never[], () => {
|
|
197
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
190
198
|
scrollTop: u.Stream<number>;
|
|
191
199
|
viewportHeight: u.Stream<number>;
|
|
192
200
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -216,6 +224,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
216
224
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
217
225
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
218
226
|
}, {
|
|
227
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
219
228
|
scrollTop: u.Stream<number>;
|
|
220
229
|
viewportHeight: u.Stream<number>;
|
|
221
230
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -257,6 +266,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
257
266
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
258
267
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
259
268
|
}, {
|
|
269
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
260
270
|
scrollTop: u.Stream<number>;
|
|
261
271
|
viewportHeight: u.Stream<number>;
|
|
262
272
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -298,6 +308,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
298
308
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
299
309
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
300
310
|
}>, u.SystemSpec<never[], () => {
|
|
311
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
301
312
|
scrollTop: u.Stream<number>;
|
|
302
313
|
viewportHeight: u.Stream<number>;
|
|
303
314
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -327,6 +338,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
327
338
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
328
339
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
329
340
|
}, {
|
|
341
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
330
342
|
scrollTop: u.Stream<number>;
|
|
331
343
|
viewportHeight: u.Stream<number>;
|
|
332
344
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -345,6 +357,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
345
357
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
346
358
|
topListHeight: u.StatefulStream<number>;
|
|
347
359
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
360
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
348
361
|
scrollTop: u.Stream<number>;
|
|
349
362
|
viewportHeight: u.Stream<number>;
|
|
350
363
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -356,7 +369,8 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
356
369
|
statefulScrollTop: u.StatefulStream<number>;
|
|
357
370
|
deviation: u.StatefulStream<number>;
|
|
358
371
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
359
|
-
}>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight,
|
|
372
|
+
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
|
|
373
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
360
374
|
scrollTop: u.Stream<number>;
|
|
361
375
|
viewportHeight: u.Stream<number>;
|
|
362
376
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -377,6 +391,8 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
377
391
|
atBottomStateChange: u.Stream<boolean>;
|
|
378
392
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
379
393
|
atBottomThreshold: u.StatefulStream<number>;
|
|
394
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
395
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
380
396
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
381
397
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
382
398
|
logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
|
|
@@ -424,6 +440,8 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
424
440
|
atBottomStateChange: u.Stream<boolean>;
|
|
425
441
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
426
442
|
atBottomThreshold: u.StatefulStream<number>;
|
|
443
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
444
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
427
445
|
}, {
|
|
428
446
|
propsReady: u.StatefulStream<boolean>;
|
|
429
447
|
didMount: u.Stream<boolean>;
|
|
@@ -436,6 +454,8 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
436
454
|
atBottomStateChange: u.Stream<boolean>;
|
|
437
455
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
438
456
|
atBottomThreshold: u.StatefulStream<number>;
|
|
457
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
458
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
439
459
|
listState: u.StatefulStream<import("./listStateSystem").ListState>;
|
|
440
460
|
topItemsIndexes: u.StatefulStream<number[]>;
|
|
441
461
|
endReached: u.Stream<number>;
|
|
@@ -443,6 +463,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
443
463
|
rangeChanged: u.Stream<import("./interfaces").ListRange>;
|
|
444
464
|
itemsRendered: u.Stream<import("./listStateSystem").ListItems>;
|
|
445
465
|
}>], ([{ footerHeight, headerHeight }, { listState }]: [{
|
|
466
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
446
467
|
scrollTop: u.Stream<number>;
|
|
447
468
|
viewportHeight: u.Stream<number>;
|
|
448
469
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -463,6 +484,8 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
463
484
|
atBottomStateChange: u.Stream<boolean>;
|
|
464
485
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
465
486
|
atBottomThreshold: u.StatefulStream<number>;
|
|
487
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
488
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
466
489
|
listState: u.StatefulStream<import("./listStateSystem").ListState>;
|
|
467
490
|
topItemsIndexes: u.StatefulStream<number[]>;
|
|
468
491
|
endReached: u.Stream<number>;
|
|
@@ -473,6 +496,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
473
496
|
totalListHeight: u.StatefulStream<number>;
|
|
474
497
|
totalListHeightChanged: u.Stream<number>;
|
|
475
498
|
}>], ([{ viewportHeight }, { totalListHeight }]: [{
|
|
499
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
476
500
|
scrollTop: u.Stream<number>;
|
|
477
501
|
viewportHeight: u.Stream<number>;
|
|
478
502
|
headerHeight: u.StatefulStream<number>;
|
package/dist/domIOSystem.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
22
22
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
23
23
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
24
24
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
25
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
25
26
|
scrollTop: u.Stream<number>;
|
|
26
27
|
viewportHeight: u.Stream<number>;
|
|
27
28
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -33,7 +34,8 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
33
34
|
statefulScrollTop: u.StatefulStream<number>;
|
|
34
35
|
deviation: u.StatefulStream<number>;
|
|
35
36
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
36
|
-
}>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight,
|
|
37
|
+
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
|
|
38
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
37
39
|
scrollTop: u.Stream<number>;
|
|
38
40
|
viewportHeight: u.Stream<number>;
|
|
39
41
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -54,6 +56,8 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
54
56
|
atBottomStateChange: u.Stream<boolean>;
|
|
55
57
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
56
58
|
atBottomThreshold: u.StatefulStream<number>;
|
|
59
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
60
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
57
61
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
58
62
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
59
63
|
logLevel: u.StatefulStream<LogLevel>;
|
|
@@ -75,6 +79,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
75
79
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
76
80
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
77
81
|
}>, u.SystemSpec<never[], () => {
|
|
82
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
78
83
|
scrollTop: u.Stream<number>;
|
|
79
84
|
viewportHeight: u.Stream<number>;
|
|
80
85
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -104,6 +109,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
104
109
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
105
110
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
106
111
|
}, {
|
|
112
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
107
113
|
scrollTop: u.Stream<number>;
|
|
108
114
|
viewportHeight: u.Stream<number>;
|
|
109
115
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -142,6 +148,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
142
148
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
143
149
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
144
150
|
}>, u.SystemSpec<never[], () => {
|
|
151
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
145
152
|
scrollTop: u.Stream<number>;
|
|
146
153
|
viewportHeight: u.Stream<number>;
|
|
147
154
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -174,6 +181,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
174
181
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
175
182
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
176
183
|
}>, u.SystemSpec<never[], () => {
|
|
184
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
177
185
|
scrollTop: u.Stream<number>;
|
|
178
186
|
viewportHeight: u.Stream<number>;
|
|
179
187
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -203,6 +211,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
203
211
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
204
212
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
205
213
|
}, {
|
|
214
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
206
215
|
scrollTop: u.Stream<number>;
|
|
207
216
|
viewportHeight: u.Stream<number>;
|
|
208
217
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -244,6 +253,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
244
253
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
245
254
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
246
255
|
}, {
|
|
256
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
247
257
|
scrollTop: u.Stream<number>;
|
|
248
258
|
viewportHeight: u.Stream<number>;
|
|
249
259
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -277,6 +287,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
277
287
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
278
288
|
logLevel: u.StatefulStream<LogLevel>;
|
|
279
289
|
}>, u.SystemSpec<never[], () => {
|
|
290
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
280
291
|
scrollTop: u.Stream<number>;
|
|
281
292
|
viewportHeight: u.Stream<number>;
|
|
282
293
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -311,6 +322,8 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
311
322
|
atBottomStateChange: u.Stream<boolean>;
|
|
312
323
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
313
324
|
atBottomThreshold: u.StatefulStream<number>;
|
|
325
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
326
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
314
327
|
}, {
|
|
315
328
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
316
329
|
topListHeight: u.StatefulStream<number>;
|
|
@@ -324,6 +337,7 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
|
|
|
324
337
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
325
338
|
logLevel: u.StatefulStream<LogLevel>;
|
|
326
339
|
}, {
|
|
340
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
327
341
|
scrollTop: u.Stream<number>;
|
|
328
342
|
viewportHeight: u.Stream<number>;
|
|
329
343
|
headerHeight: u.StatefulStream<number>;
|
package/dist/gridSystem.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ export interface GridState extends GridLayout {
|
|
|
19
19
|
itemWidth: number;
|
|
20
20
|
}
|
|
21
21
|
export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
22
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
22
23
|
scrollTop: u.Stream<number>;
|
|
23
24
|
viewportHeight: u.Stream<number>;
|
|
24
25
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -31,6 +32,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
31
32
|
deviation: u.StatefulStream<number>;
|
|
32
33
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
33
34
|
}>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
|
|
35
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
34
36
|
scrollTop: u.Stream<number>;
|
|
35
37
|
viewportHeight: u.Stream<number>;
|
|
36
38
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -49,6 +51,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
49
51
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
50
52
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
51
53
|
}>, u.SystemSpec<never[], () => {
|
|
54
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
52
55
|
scrollTop: u.Stream<number>;
|
|
53
56
|
viewportHeight: u.Stream<number>;
|
|
54
57
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -61,6 +64,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
61
64
|
deviation: u.StatefulStream<number>;
|
|
62
65
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
63
66
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
67
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
64
68
|
scrollTop: u.Stream<number>;
|
|
65
69
|
viewportHeight: u.Stream<number>;
|
|
66
70
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -72,7 +76,8 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
72
76
|
statefulScrollTop: u.StatefulStream<number>;
|
|
73
77
|
deviation: u.StatefulStream<number>;
|
|
74
78
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
75
|
-
}>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight,
|
|
79
|
+
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
|
|
80
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
76
81
|
scrollTop: u.Stream<number>;
|
|
77
82
|
viewportHeight: u.Stream<number>;
|
|
78
83
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -93,19 +98,10 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
93
98
|
atBottomStateChange: u.Stream<boolean>;
|
|
94
99
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
95
100
|
atBottomThreshold: u.StatefulStream<number>;
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
footerHeight: u.StatefulStream<number>;
|
|
101
|
-
scrollHeight: u.Stream<number>;
|
|
102
|
-
smoothScrollTargetReached: u.Stream<true>;
|
|
103
|
-
scrollTo: u.Stream<ScrollToOptions>;
|
|
104
|
-
scrollBy: u.Stream<ScrollToOptions>;
|
|
105
|
-
statefulScrollTop: u.StatefulStream<number>;
|
|
106
|
-
deviation: u.StatefulStream<number>;
|
|
107
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
108
|
-
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
101
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
102
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
103
|
+
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
104
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
109
105
|
scrollTop: u.Stream<number>;
|
|
110
106
|
viewportHeight: u.Stream<number>;
|
|
111
107
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -117,7 +113,8 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
117
113
|
statefulScrollTop: u.StatefulStream<number>;
|
|
118
114
|
deviation: u.StatefulStream<number>;
|
|
119
115
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
120
|
-
}>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight,
|
|
116
|
+
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
|
|
117
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
121
118
|
scrollTop: u.Stream<number>;
|
|
122
119
|
viewportHeight: u.Stream<number>;
|
|
123
120
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -138,19 +135,9 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
138
135
|
atBottomStateChange: u.Stream<boolean>;
|
|
139
136
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
140
137
|
atBottomThreshold: u.StatefulStream<number>;
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
headerHeight: u.StatefulStream<number>;
|
|
145
|
-
footerHeight: u.StatefulStream<number>;
|
|
146
|
-
scrollHeight: u.Stream<number>;
|
|
147
|
-
smoothScrollTargetReached: u.Stream<true>;
|
|
148
|
-
scrollTo: u.Stream<ScrollToOptions>;
|
|
149
|
-
scrollBy: u.Stream<ScrollToOptions>;
|
|
150
|
-
statefulScrollTop: u.StatefulStream<number>;
|
|
151
|
-
deviation: u.StatefulStream<number>;
|
|
152
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
153
|
-
}, {
|
|
138
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
139
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
140
|
+
}>], ([{ scrollVelocity }]: [{
|
|
154
141
|
isScrolling: u.Stream<boolean>;
|
|
155
142
|
isAtTop: u.StatefulStream<boolean>;
|
|
156
143
|
isAtBottom: u.StatefulStream<boolean>;
|
|
@@ -159,6 +146,8 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
159
146
|
atBottomStateChange: u.Stream<boolean>;
|
|
160
147
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
161
148
|
atBottomThreshold: u.StatefulStream<number>;
|
|
149
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
150
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
162
151
|
}]) => {
|
|
163
152
|
isSeeking: u.StatefulStream<boolean>;
|
|
164
153
|
scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
|
|
@@ -174,6 +163,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
174
163
|
propsReady: u.StatefulStream<boolean>;
|
|
175
164
|
didMount: u.Stream<boolean>;
|
|
176
165
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
166
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
177
167
|
scrollTop: u.Stream<number>;
|
|
178
168
|
viewportHeight: u.Stream<number>;
|
|
179
169
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -186,6 +176,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
186
176
|
deviation: u.StatefulStream<number>;
|
|
187
177
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
188
178
|
}>], ([{ scrollTop, scrollTo }]: [{
|
|
179
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
189
180
|
scrollTop: u.Stream<number>;
|
|
190
181
|
viewportHeight: u.Stream<number>;
|
|
191
182
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -202,13 +193,14 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
202
193
|
windowScrollTop: u.Stream<number>;
|
|
203
194
|
windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
|
|
204
195
|
windowScrollTo: u.Stream<ScrollToOptions>;
|
|
205
|
-
}>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, windowScrollTop },]: [{
|
|
196
|
+
}>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, windowScrollTop },]: [{
|
|
206
197
|
listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
|
|
207
198
|
overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
|
|
208
199
|
topListHeight: u.StatefulStream<number>;
|
|
209
200
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
210
201
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
211
202
|
}, {
|
|
203
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
212
204
|
scrollTop: u.Stream<number>;
|
|
213
205
|
viewportHeight: u.Stream<number>;
|
|
214
206
|
headerHeight: u.StatefulStream<number>;
|
|
@@ -229,6 +221,8 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
229
221
|
atBottomStateChange: u.Stream<boolean>;
|
|
230
222
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
231
223
|
atBottomThreshold: u.StatefulStream<number>;
|
|
224
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
225
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
232
226
|
}, {
|
|
233
227
|
isSeeking: u.StatefulStream<boolean>;
|
|
234
228
|
scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
|
|
@@ -255,11 +249,12 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
255
249
|
atBottomStateChange: u.Stream<boolean>;
|
|
256
250
|
scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
|
|
257
251
|
atBottomThreshold: u.StatefulStream<number>;
|
|
252
|
+
scrollVelocity: u.StatefulStream<number>;
|
|
253
|
+
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
258
254
|
gridState: u.StatefulStream<GridState>;
|
|
259
255
|
totalListHeight: u.StatefulStream<number>;
|
|
260
256
|
isSeeking: u.StatefulStream<boolean>;
|
|
261
257
|
scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
|
|
262
|
-
scrollVelocity: u.StatefulStream<number>;
|
|
263
258
|
scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
|
|
264
259
|
totalCount: u.StatefulStream<number>;
|
|
265
260
|
viewportDimensions: u.StatefulStream<ElementDimensions>;
|
|
@@ -275,5 +270,6 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
275
270
|
windowScrollTo: u.Stream<ScrollToOptions>;
|
|
276
271
|
useWindowScroll: u.StatefulStream<boolean>;
|
|
277
272
|
windowScrollTop: u.Stream<number>;
|
|
273
|
+
scrollContainerState: u.Stream<[number, number]>;
|
|
278
274
|
initialItemCount: u.StatefulStream<number>;
|
|
279
275
|
}>;
|
|
@@ -24,6 +24,7 @@ export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[
|
|
|
24
24
|
trackItemSizes: import("@virtuoso.dev/urx").StatefulStream<boolean>;
|
|
25
25
|
itemSize: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
26
26
|
}>, import("@virtuoso.dev/urx").SystemSpec<never[], () => {
|
|
27
|
+
scrollContainerState: import("@virtuoso.dev/urx").Stream<[number, number]>;
|
|
27
28
|
scrollTop: import("@virtuoso.dev/urx").Stream<number>;
|
|
28
29
|
viewportHeight: import("@virtuoso.dev/urx").Stream<number>;
|
|
29
30
|
headerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
@@ -50,6 +51,7 @@ export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[
|
|
|
50
51
|
trackItemSizes: import("@virtuoso.dev/urx").StatefulStream<boolean>;
|
|
51
52
|
itemSize: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
52
53
|
}, {
|
|
54
|
+
scrollContainerState: import("@virtuoso.dev/urx").Stream<[number, number]>;
|
|
53
55
|
scrollTop: import("@virtuoso.dev/urx").Stream<number>;
|
|
54
56
|
viewportHeight: import("@virtuoso.dev/urx").Stream<number>;
|
|
55
57
|
headerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare type CallbackRefParam = HTMLElement | null;
|
|
2
|
-
export default function useSize(callback: (
|
|
2
|
+
export default function useSize(callback: (state: [number, number]) => void): {
|
|
3
3
|
scrollerRef: (elRef: CallbackRefParam) => void;
|
|
4
4
|
scrollByCallback: () => void;
|
|
5
5
|
scrollToCallback: () => void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Log } from '../loggerSystem';
|
|
2
2
|
import { SizeFunction, SizeRange } from '../sizeSystem';
|
|
3
|
-
export default function useChangedListContentsSizes(callback: (ranges: SizeRange[]) => void, itemSize: SizeFunction, enabled: boolean,
|
|
3
|
+
export default function useChangedListContentsSizes(callback: (ranges: SizeRange[]) => void, itemSize: SizeFunction, enabled: boolean, scrollContainerStateCallback: (state: [number, number]) => void, log: Log): (_el: import("./useSize").CallbackRefParam) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare type ScrollerRef = Window | HTMLElement | null;
|
|
2
|
-
export default function useScrollTop(
|
|
2
|
+
export default function useScrollTop(scrollContainerStateCallback: (state: [number, number]) => void, smoothScrollTargetReached: (yes: true) => void, scrollerElement: any, scrollerRefCallback?: (ref: ScrollerRef) => void): {
|
|
3
3
|
scrollerRef: import("react").MutableRefObject<HTMLElement | Window | null>;
|
|
4
4
|
scrollByCallback: (location: ScrollToOptions) => void;
|
|
5
5
|
scrollToCallback: (location: ScrollToOptions) => void;
|