react-virtuoso 2.2.6 → 2.2.9-beta.1

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 (140) hide show
  1. package/dist/Grid.d.ts +34 -30
  2. package/dist/List.d.ts +276 -206
  3. package/dist/__examples.cc6a8f9f.js +171814 -0
  4. package/dist/__examples.cc6a8f9f.js.map +1 -0
  5. package/dist/__examples.html +27 -0
  6. package/dist/__examples.js +392 -0
  7. package/dist/__examples.js.map +1 -0
  8. package/dist/align-to-bottom.7fcd2087.js +401 -0
  9. package/dist/align-to-bottom.7fcd2087.js.map +1 -0
  10. package/dist/alignToBottomSystem.d.ts +25 -21
  11. package/dist/at-bottom-detection.a5d019c3.js +447 -0
  12. package/dist/at-bottom-detection.a5d019c3.js.map +1 -0
  13. package/dist/auto-prepend-items.bd7e9b90.js +468 -0
  14. package/dist/auto-prepend-items.bd7e9b90.js.map +1 -0
  15. package/dist/benchmark.66d31485.js +366 -0
  16. package/dist/benchmark.66d31485.js.map +1 -0
  17. package/dist/chat.d4f93b8b.js +570 -0
  18. package/dist/chat.d4f93b8b.js.map +1 -0
  19. package/dist/components.d.ts +12 -6
  20. package/dist/context.a45abc98.js +379 -0
  21. package/dist/context.a45abc98.js.map +1 -0
  22. package/dist/contextSystem.d.ts +4 -0
  23. package/dist/custom-components.5aeaa7ef.js +407 -0
  24. package/dist/custom-components.5aeaa7ef.js.map +1 -0
  25. package/dist/custom-scroller.b0240d14.js +385 -0
  26. package/dist/custom-scroller.b0240d14.js.map +1 -0
  27. package/dist/data.26707046.js +391 -0
  28. package/dist/data.26707046.js.map +1 -0
  29. package/dist/decrease-items.e2211e50.js +385 -0
  30. package/dist/decrease-items.e2211e50.js.map +1 -0
  31. package/dist/default-item-height.b77ada36.js +360 -0
  32. package/dist/default-item-height.b77ada36.js.map +1 -0
  33. package/dist/domIOSystem.d.ts +1 -4
  34. package/dist/empty-placeholder.00607a6e.js +390 -0
  35. package/dist/empty-placeholder.00607a6e.js.map +1 -0
  36. package/dist/end-reached.8531e5b1.js +404 -0
  37. package/dist/end-reached.8531e5b1.js.map +1 -0
  38. package/dist/endless-scrolling.bc4101f0.js +410 -0
  39. package/dist/endless-scrolling.bc4101f0.js.map +1 -0
  40. package/dist/expandable-cards.5439f51b.js +427 -0
  41. package/dist/expandable-cards.5439f51b.js.map +1 -0
  42. package/dist/follow-output.4e36fca8.js +430 -0
  43. package/dist/follow-output.4e36fca8.js.map +1 -0
  44. package/dist/followOutputSystem.d.ts +38 -12
  45. package/dist/grid-optimize-rendering.b49e36f5.js +452 -0
  46. package/dist/grid-optimize-rendering.b49e36f5.js.map +1 -0
  47. package/dist/grid-scroll-seek-placeholder.b2862006.js +415 -0
  48. package/dist/grid-scroll-seek-placeholder.b2862006.js.map +1 -0
  49. package/dist/grid.d5d77b6a.js +449 -0
  50. package/dist/grid.d5d77b6a.js.map +1 -0
  51. package/dist/gridSystem.d.ts +25 -19
  52. package/dist/grouped-endless-scrolling.24985a0f.js +506 -0
  53. package/dist/grouped-endless-scrolling.24985a0f.js.map +1 -0
  54. package/dist/grouped-load-more.bce8f6e4.js +505 -0
  55. package/dist/grouped-load-more.bce8f6e4.js.map +1 -0
  56. package/dist/grouped-topmost-item.34960f5e.js +366 -0
  57. package/dist/grouped-topmost-item.34960f5e.js.map +1 -0
  58. package/dist/grouped.a2908632.js +365 -0
  59. package/dist/grouped.a2908632.js.map +1 -0
  60. package/dist/groupedListSystem.d.ts +2 -2
  61. package/dist/header-footer.49733d45.js +376 -0
  62. package/dist/header-footer.49733d45.js.map +1 -0
  63. package/dist/hello.54765c26.js +360 -0
  64. package/dist/hello.54765c26.js.map +1 -0
  65. package/dist/hooks/useChangedChildSizes.d.ts +1 -1
  66. package/dist/hooks/useScrollTop.d.ts +1 -1
  67. package/dist/index.js +1 -1
  68. package/dist/index.js.map +1 -1
  69. package/dist/index.m.js +1 -1
  70. package/dist/index.m.js.map +1 -1
  71. package/dist/initial-from-zero.22ad1626.js +400 -0
  72. package/dist/initial-from-zero.22ad1626.js.map +1 -0
  73. package/dist/initial-scroll-top.90db1920.js +361 -0
  74. package/dist/initial-scroll-top.90db1920.js.map +1 -0
  75. package/dist/initial-topmost-item-default-height.43a95247.js +362 -0
  76. package/dist/initial-topmost-item-default-height.43a95247.js.map +1 -0
  77. package/dist/initial-topmost-item.61c0e169.js +363 -0
  78. package/dist/initial-topmost-item.61c0e169.js.map +1 -0
  79. package/dist/initialItemCountSystem.d.ts +21 -17
  80. package/dist/initialScrollTopSystem.d.ts +25 -21
  81. package/dist/initialTopMostItemIndexSystem.d.ts +4 -4
  82. package/dist/interfaces.d.ts +11 -5
  83. package/dist/listStateSystem.d.ts +19 -16
  84. package/dist/listSystem.d.ts +256 -193
  85. package/dist/long-last-item.b56ff89c.js +361 -0
  86. package/dist/long-last-item.b56ff89c.js.map +1 -0
  87. package/dist/prepend-items.f2bda34b.js +393 -0
  88. package/dist/prepend-items.f2bda34b.js.map +1 -0
  89. package/dist/prepend-last-tall-item.168a9e65.js +380 -0
  90. package/dist/prepend-last-tall-item.168a9e65.js.map +1 -0
  91. package/dist/react-beautiful-dnd-window-scroller.0a227511.js +485 -0
  92. package/dist/react-beautiful-dnd-window-scroller.0a227511.js.map +1 -0
  93. package/dist/react-beautiful-dnd.817e9251.js +482 -0
  94. package/dist/react-beautiful-dnd.817e9251.js.map +1 -0
  95. package/dist/rerender.ddd61b7c.js +400 -0
  96. package/dist/rerender.ddd61b7c.js.map +1 -0
  97. package/dist/resize-loop.309b1dac.js +388 -0
  98. package/dist/resize-loop.309b1dac.js.map +1 -0
  99. package/dist/resizing-items.c09b5e1b.js +394 -0
  100. package/dist/resizing-items.c09b5e1b.js.map +1 -0
  101. package/dist/scroll-into-view.39b77fe9.js +408 -0
  102. package/dist/scroll-into-view.39b77fe9.js.map +1 -0
  103. package/dist/scroll-seek-placeholder.69fb85c6.js +384 -0
  104. package/dist/scroll-seek-placeholder.69fb85c6.js.map +1 -0
  105. package/dist/scroll-to-index.e72249cf.js +417 -0
  106. package/dist/scroll-to-index.e72249cf.js.map +1 -0
  107. package/dist/scrollIntoViewSystem.d.ts +25 -21
  108. package/dist/scrollSeekSystem.d.ts +9 -7
  109. package/dist/scrollToIndexSystem.d.ts +2 -2
  110. package/dist/sizeRangeSystem.d.ts +3 -3
  111. package/dist/ssr.8f31b042.js +359 -0
  112. package/dist/ssr.8f31b042.js.map +1 -0
  113. package/dist/start-reached.2990ece7.js +424 -0
  114. package/dist/start-reached.2990ece7.js.map +1 -0
  115. package/dist/stateFlagsSystem.d.ts +9 -5
  116. package/dist/tall-item-reverse-scrolling.58bcd140.js +363 -0
  117. package/dist/tall-item-reverse-scrolling.58bcd140.js.map +1 -0
  118. package/dist/test-case-446.dce9595c.js +428 -0
  119. package/dist/test-case-446.dce9595c.js.map +1 -0
  120. package/dist/test-case-460.6d75ad1f.js +451 -0
  121. package/dist/test-case-460.6d75ad1f.js.map +1 -0
  122. package/dist/test-case-463.525f34ba.js +375 -0
  123. package/dist/test-case-463.525f34ba.js.map +1 -0
  124. package/dist/toggle-display-grouped.4f4ae058.js +389 -0
  125. package/dist/toggle-display-grouped.4f4ae058.js.map +1 -0
  126. package/dist/toggle.7047c23e.js +447 -0
  127. package/dist/toggle.7047c23e.js.map +1 -0
  128. package/dist/top-items.f724bf61.js +358 -0
  129. package/dist/top-items.f724bf61.js.map +1 -0
  130. package/dist/topItemCountSystem.d.ts +21 -17
  131. package/dist/totalListHeightSystem.d.ts +23 -19
  132. package/dist/upward-scroll.d49e0815.js +362 -0
  133. package/dist/upward-scroll.d49e0815.js.map +1 -0
  134. package/dist/upwardScrollFixSystem.d.ts +31 -25
  135. package/dist/window-grid.b22094fd.js +439 -0
  136. package/dist/window-grid.b22094fd.js.map +1 -0
  137. package/dist/window-scroller.a979c6d6.js +368 -0
  138. package/dist/window-scroller.a979c6d6.js.map +1 -0
  139. package/dist/windowScrollerSystem.d.ts +2 -2
  140. package/package.json +1 -1
package/dist/initialScrollTopSystem.d.ts CHANGED
@@ -4,10 +4,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
4
4
  viewportHeight: u.Stream<number>;
5
5
  headerHeight: u.StatefulStream<number>;
6
6
  footerHeight: u.StatefulStream<number>;
7
+ scrollHeight: u.Stream<number>;
7
8
  smoothScrollTargetReached: u.Stream<true>;
8
9
  scrollTo: u.Stream<ScrollToOptions>;
9
10
  scrollBy: u.Stream<ScrollToOptions>;
10
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
11
11
  statefulScrollTop: u.StatefulStream<number>;
12
12
  deviation: u.StatefulStream<number>;
13
13
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -56,10 +56,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
56
56
  viewportHeight: u.Stream<number>;
57
57
  headerHeight: u.StatefulStream<number>;
58
58
  footerHeight: u.StatefulStream<number>;
59
+ scrollHeight: u.Stream<number>;
59
60
  smoothScrollTargetReached: u.Stream<true>;
60
61
  scrollTo: u.Stream<ScrollToOptions>;
61
62
  scrollBy: u.Stream<ScrollToOptions>;
62
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
63
63
  statefulScrollTop: u.StatefulStream<number>;
64
64
  deviation: u.StatefulStream<number>;
65
65
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -82,10 +82,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
82
82
  viewportHeight: u.Stream<number>;
83
83
  headerHeight: u.StatefulStream<number>;
84
84
  footerHeight: u.StatefulStream<number>;
85
+ scrollHeight: u.Stream<number>;
85
86
  smoothScrollTargetReached: u.Stream<true>;
86
87
  scrollTo: u.Stream<ScrollToOptions>;
87
88
  scrollBy: u.Stream<ScrollToOptions>;
88
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
89
89
  statefulScrollTop: u.StatefulStream<number>;
90
90
  deviation: u.StatefulStream<number>;
91
91
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -97,10 +97,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
97
97
  viewportHeight: u.Stream<number>;
98
98
  headerHeight: u.StatefulStream<number>;
99
99
  footerHeight: u.StatefulStream<number>;
100
+ scrollHeight: u.Stream<number>;
100
101
  smoothScrollTargetReached: u.Stream<true>;
101
102
  scrollTo: u.Stream<ScrollToOptions>;
102
103
  scrollBy: u.Stream<ScrollToOptions>;
103
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
104
104
  statefulScrollTop: u.StatefulStream<number>;
105
105
  deviation: u.StatefulStream<number>;
106
106
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -109,10 +109,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
109
109
  viewportHeight: u.Stream<number>;
110
110
  headerHeight: u.StatefulStream<number>;
111
111
  footerHeight: u.StatefulStream<number>;
112
+ scrollHeight: u.Stream<number>;
112
113
  smoothScrollTargetReached: u.Stream<true>;
113
114
  scrollTo: u.Stream<ScrollToOptions>;
114
115
  scrollBy: u.Stream<ScrollToOptions>;
115
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
116
116
  statefulScrollTop: u.StatefulStream<number>;
117
117
  deviation: u.StatefulStream<number>;
118
118
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -147,10 +147,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
147
147
  viewportHeight: u.Stream<number>;
148
148
  headerHeight: u.StatefulStream<number>;
149
149
  footerHeight: u.StatefulStream<number>;
150
+ scrollHeight: u.Stream<number>;
150
151
  smoothScrollTargetReached: u.Stream<true>;
151
152
  scrollTo: u.Stream<ScrollToOptions>;
152
153
  scrollBy: u.Stream<ScrollToOptions>;
153
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
154
154
  statefulScrollTop: u.StatefulStream<number>;
155
155
  deviation: u.StatefulStream<number>;
156
156
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -179,10 +179,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
179
179
  viewportHeight: u.Stream<number>;
180
180
  headerHeight: u.StatefulStream<number>;
181
181
  footerHeight: u.StatefulStream<number>;
182
+ scrollHeight: u.Stream<number>;
182
183
  smoothScrollTargetReached: u.Stream<true>;
183
184
  scrollTo: u.Stream<ScrollToOptions>;
184
185
  scrollBy: u.Stream<ScrollToOptions>;
185
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
186
186
  statefulScrollTop: u.StatefulStream<number>;
187
187
  deviation: u.StatefulStream<number>;
188
188
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -208,10 +208,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
208
208
  viewportHeight: u.Stream<number>;
209
209
  headerHeight: u.StatefulStream<number>;
210
210
  footerHeight: u.StatefulStream<number>;
211
+ scrollHeight: u.Stream<number>;
211
212
  smoothScrollTargetReached: u.Stream<true>;
212
213
  scrollTo: u.Stream<ScrollToOptions>;
213
214
  scrollBy: u.Stream<ScrollToOptions>;
214
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
215
215
  statefulScrollTop: u.StatefulStream<number>;
216
216
  deviation: u.StatefulStream<number>;
217
217
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -249,10 +249,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
249
249
  viewportHeight: u.Stream<number>;
250
250
  headerHeight: u.StatefulStream<number>;
251
251
  footerHeight: u.StatefulStream<number>;
252
+ scrollHeight: u.Stream<number>;
252
253
  smoothScrollTargetReached: u.Stream<true>;
253
254
  scrollTo: u.Stream<ScrollToOptions>;
254
255
  scrollBy: u.Stream<ScrollToOptions>;
255
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
256
256
  statefulScrollTop: u.StatefulStream<number>;
257
257
  deviation: u.StatefulStream<number>;
258
258
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -290,10 +290,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
290
290
  viewportHeight: u.Stream<number>;
291
291
  headerHeight: u.StatefulStream<number>;
292
292
  footerHeight: u.StatefulStream<number>;
293
+ scrollHeight: u.Stream<number>;
293
294
  smoothScrollTargetReached: u.Stream<true>;
294
295
  scrollTo: u.Stream<ScrollToOptions>;
295
296
  scrollBy: u.Stream<ScrollToOptions>;
296
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
297
297
  statefulScrollTop: u.StatefulStream<number>;
298
298
  deviation: u.StatefulStream<number>;
299
299
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -319,10 +319,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
319
319
  viewportHeight: u.Stream<number>;
320
320
  headerHeight: u.StatefulStream<number>;
321
321
  footerHeight: u.StatefulStream<number>;
322
+ scrollHeight: u.Stream<number>;
322
323
  smoothScrollTargetReached: u.Stream<true>;
323
324
  scrollTo: u.Stream<ScrollToOptions>;
324
325
  scrollBy: u.Stream<ScrollToOptions>;
325
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
326
326
  statefulScrollTop: u.StatefulStream<number>;
327
327
  deviation: u.StatefulStream<number>;
328
328
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -337,22 +337,22 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
337
337
  viewportHeight: u.Stream<number>;
338
338
  headerHeight: u.StatefulStream<number>;
339
339
  footerHeight: u.StatefulStream<number>;
340
+ scrollHeight: u.Stream<number>;
340
341
  smoothScrollTargetReached: u.Stream<true>;
341
342
  scrollTo: u.Stream<ScrollToOptions>;
342
343
  scrollBy: u.Stream<ScrollToOptions>;
343
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
344
344
  statefulScrollTop: u.StatefulStream<number>;
345
345
  deviation: u.StatefulStream<number>;
346
346
  scrollingInProgress: u.StatefulStream<boolean>;
347
- }>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight }]: [{
347
+ }>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight, scrollHeight }]: [{
348
348
  scrollTop: u.Stream<number>;
349
349
  viewportHeight: u.Stream<number>;
350
350
  headerHeight: u.StatefulStream<number>;
351
351
  footerHeight: u.StatefulStream<number>;
352
+ scrollHeight: u.Stream<number>;
352
353
  smoothScrollTargetReached: u.Stream<true>;
353
354
  scrollTo: u.Stream<ScrollToOptions>;
354
355
  scrollBy: u.Stream<ScrollToOptions>;
355
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
356
356
  statefulScrollTop: u.StatefulStream<number>;
357
357
  deviation: u.StatefulStream<number>;
358
358
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -363,7 +363,8 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
363
363
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
364
364
  atTopStateChange: u.Stream<boolean>;
365
365
  atBottomStateChange: u.Stream<boolean>;
366
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
366
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
367
+ atBottomThreshold: u.StatefulStream<number>;
367
368
  }>, u.SystemSpec<[u.SystemSpec<never[], () => {
368
369
  log: u.StatefulStream<import("./loggerSystem").Log>;
369
370
  logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
@@ -409,7 +410,8 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
409
410
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
410
411
  atTopStateChange: u.Stream<boolean>;
411
412
  atBottomStateChange: u.Stream<boolean>;
412
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
413
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
414
+ atBottomThreshold: u.StatefulStream<number>;
413
415
  }, {
414
416
  propsReady: u.StatefulStream<boolean>;
415
417
  didMount: u.Stream<boolean>;
@@ -420,7 +422,8 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
420
422
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
421
423
  atTopStateChange: u.Stream<boolean>;
422
424
  atBottomStateChange: u.Stream<boolean>;
423
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
425
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
426
+ atBottomThreshold: u.StatefulStream<number>;
424
427
  listState: u.StatefulStream<import("./listStateSystem").ListState>;
425
428
  topItemsIndexes: u.StatefulStream<number[]>;
426
429
  endReached: u.Stream<number>;
@@ -432,10 +435,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
432
435
  viewportHeight: u.Stream<number>;
433
436
  headerHeight: u.StatefulStream<number>;
434
437
  footerHeight: u.StatefulStream<number>;
438
+ scrollHeight: u.Stream<number>;
435
439
  smoothScrollTargetReached: u.Stream<true>;
436
440
  scrollTo: u.Stream<ScrollToOptions>;
437
441
  scrollBy: u.Stream<ScrollToOptions>;
438
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
439
442
  statefulScrollTop: u.StatefulStream<number>;
440
443
  deviation: u.StatefulStream<number>;
441
444
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -446,7 +449,8 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
446
449
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
447
450
  atTopStateChange: u.Stream<boolean>;
448
451
  atBottomStateChange: u.Stream<boolean>;
449
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
452
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
453
+ atBottomThreshold: u.StatefulStream<number>;
450
454
  listState: u.StatefulStream<import("./listStateSystem").ListState>;
451
455
  topItemsIndexes: u.StatefulStream<number[]>;
452
456
  endReached: u.Stream<number>;
@@ -470,10 +474,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
470
474
  viewportHeight: u.Stream<number>;
471
475
  headerHeight: u.StatefulStream<number>;
472
476
  footerHeight: u.StatefulStream<number>;
477
+ scrollHeight: u.Stream<number>;
473
478
  smoothScrollTargetReached: u.Stream<true>;
474
479
  scrollTo: u.Stream<ScrollToOptions>;
475
480
  scrollBy: u.Stream<ScrollToOptions>;
476
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
477
481
  statefulScrollTop: u.StatefulStream<number>;
478
482
  deviation: u.StatefulStream<number>;
479
483
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -488,10 +492,10 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
488
492
  viewportHeight: u.Stream<number>;
489
493
  headerHeight: u.StatefulStream<number>;
490
494
  footerHeight: u.StatefulStream<number>;
495
+ scrollHeight: u.Stream<number>;
491
496
  smoothScrollTargetReached: u.Stream<true>;
492
497
  scrollTo: u.Stream<ScrollToOptions>;
493
498
  scrollBy: u.Stream<ScrollToOptions>;
494
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
495
499
  statefulScrollTop: u.StatefulStream<number>;
496
500
  deviation: u.StatefulStream<number>;
497
501
  scrollingInProgress: u.StatefulStream<boolean>;
package/dist/initialTopMostItemIndexSystem.d.ts CHANGED
@@ -24,10 +24,10 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
24
24
  viewportHeight: u.Stream<number>;
25
25
  headerHeight: u.StatefulStream<number>;
26
26
  footerHeight: u.StatefulStream<number>;
27
+ scrollHeight: u.Stream<number>;
27
28
  smoothScrollTargetReached: u.Stream<true>;
28
29
  scrollTo: u.Stream<ScrollToOptions>;
29
30
  scrollBy: u.Stream<ScrollToOptions>;
30
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
31
31
  statefulScrollTop: u.StatefulStream<number>;
32
32
  deviation: u.StatefulStream<number>;
33
33
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -56,10 +56,10 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
56
56
  viewportHeight: u.Stream<number>;
57
57
  headerHeight: u.StatefulStream<number>;
58
58
  footerHeight: u.StatefulStream<number>;
59
+ scrollHeight: u.Stream<number>;
59
60
  smoothScrollTargetReached: u.Stream<true>;
60
61
  scrollTo: u.Stream<ScrollToOptions>;
61
62
  scrollBy: u.Stream<ScrollToOptions>;
62
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
63
63
  statefulScrollTop: u.StatefulStream<number>;
64
64
  deviation: u.StatefulStream<number>;
65
65
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -85,10 +85,10 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
85
85
  viewportHeight: u.Stream<number>;
86
86
  headerHeight: u.StatefulStream<number>;
87
87
  footerHeight: u.StatefulStream<number>;
88
+ scrollHeight: u.Stream<number>;
88
89
  smoothScrollTargetReached: u.Stream<true>;
89
90
  scrollTo: u.Stream<ScrollToOptions>;
90
91
  scrollBy: u.Stream<ScrollToOptions>;
91
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
92
92
  statefulScrollTop: u.StatefulStream<number>;
93
93
  deviation: u.StatefulStream<number>;
94
94
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -126,10 +126,10 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
126
126
  viewportHeight: u.Stream<number>;
127
127
  headerHeight: u.StatefulStream<number>;
128
128
  footerHeight: u.StatefulStream<number>;
129
+ scrollHeight: u.Stream<number>;
129
130
  smoothScrollTargetReached: u.Stream<true>;
130
131
  scrollTo: u.Stream<ScrollToOptions>;
131
132
  scrollBy: u.Stream<ScrollToOptions>;
132
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
133
133
  statefulScrollTop: u.StatefulStream<number>;
134
134
  deviation: u.StatefulStream<number>;
135
135
  scrollingInProgress: u.StatefulStream<boolean>;
package/dist/interfaces.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ComponentPropsWithRef, ComponentType, Key, ReactNode, CSSProperties } from 'react';
1
+ import { ComponentPropsWithRef, ComponentType, Key, ReactNode } from 'react';
2
2
  export interface ListRange {
3
3
  startIndex: number;
4
4
  endIndex: number;
@@ -45,6 +45,14 @@ export interface ScrollSeekPlaceholderProps {
45
45
  index: number;
46
46
  height: number;
47
47
  }
48
+ /**
49
+ * Passed to the GridComponents.ScrollSeekPlaceholder custom component
50
+ */
51
+ export interface GridScrollSeekPlaceholderProps {
52
+ index: number;
53
+ height: number;
54
+ width: number;
55
+ }
48
56
  /**
49
57
  * Customize the Virtuoso rendering by passing a set of custom components.
50
58
  */
@@ -134,7 +142,7 @@ export interface IndexLocationWithAlign {
134
142
  /**
135
143
  * The index of the item to scroll to.
136
144
  */
137
- index: number;
145
+ index: number | 'LAST';
138
146
  /**
139
147
  * How to position the item in the viewport.
140
148
  */
@@ -172,9 +180,7 @@ export interface GridComponents {
172
180
  * Set to render an item placeholder when the user scrolls fast.
173
181
  * See the `scrollSeekConfiguration` property for more details.
174
182
  */
175
- ScrollSeekPlaceholder?: ComponentType<{
176
- style: CSSProperties;
177
- }>;
183
+ ScrollSeekPlaceholder?: ComponentType<GridScrollSeekPlaceholderProps>;
178
184
  }
179
185
  export interface GridComputeItemKey {
180
186
  (index: number): Key;
package/dist/listStateSystem.d.ts CHANGED
@@ -62,10 +62,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
62
62
  viewportHeight: u.Stream<number>;
63
63
  headerHeight: u.StatefulStream<number>;
64
64
  footerHeight: u.StatefulStream<number>;
65
+ scrollHeight: u.Stream<number>;
65
66
  smoothScrollTargetReached: u.Stream<true>;
66
67
  scrollTo: u.Stream<ScrollToOptions>;
67
68
  scrollBy: u.Stream<ScrollToOptions>;
68
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
69
69
  statefulScrollTop: u.StatefulStream<number>;
70
70
  deviation: u.StatefulStream<number>;
71
71
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -88,10 +88,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
88
88
  viewportHeight: u.Stream<number>;
89
89
  headerHeight: u.StatefulStream<number>;
90
90
  footerHeight: u.StatefulStream<number>;
91
+ scrollHeight: u.Stream<number>;
91
92
  smoothScrollTargetReached: u.Stream<true>;
92
93
  scrollTo: u.Stream<ScrollToOptions>;
93
94
  scrollBy: u.Stream<ScrollToOptions>;
94
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
95
95
  statefulScrollTop: u.StatefulStream<number>;
96
96
  deviation: u.StatefulStream<number>;
97
97
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -103,10 +103,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
103
103
  viewportHeight: u.Stream<number>;
104
104
  headerHeight: u.StatefulStream<number>;
105
105
  footerHeight: u.StatefulStream<number>;
106
+ scrollHeight: u.Stream<number>;
106
107
  smoothScrollTargetReached: u.Stream<true>;
107
108
  scrollTo: u.Stream<ScrollToOptions>;
108
109
  scrollBy: u.Stream<ScrollToOptions>;
109
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
110
110
  statefulScrollTop: u.StatefulStream<number>;
111
111
  deviation: u.StatefulStream<number>;
112
112
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -115,10 +115,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
115
115
  viewportHeight: u.Stream<number>;
116
116
  headerHeight: u.StatefulStream<number>;
117
117
  footerHeight: u.StatefulStream<number>;
118
+ scrollHeight: u.Stream<number>;
118
119
  smoothScrollTargetReached: u.Stream<true>;
119
120
  scrollTo: u.Stream<ScrollToOptions>;
120
121
  scrollBy: u.Stream<ScrollToOptions>;
121
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
122
122
  statefulScrollTop: u.StatefulStream<number>;
123
123
  deviation: u.StatefulStream<number>;
124
124
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -153,10 +153,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
153
153
  viewportHeight: u.Stream<number>;
154
154
  headerHeight: u.StatefulStream<number>;
155
155
  footerHeight: u.StatefulStream<number>;
156
+ scrollHeight: u.Stream<number>;
156
157
  smoothScrollTargetReached: u.Stream<true>;
157
158
  scrollTo: u.Stream<ScrollToOptions>;
158
159
  scrollBy: u.Stream<ScrollToOptions>;
159
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
160
160
  statefulScrollTop: u.StatefulStream<number>;
161
161
  deviation: u.StatefulStream<number>;
162
162
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -185,10 +185,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
185
185
  viewportHeight: u.Stream<number>;
186
186
  headerHeight: u.StatefulStream<number>;
187
187
  footerHeight: u.StatefulStream<number>;
188
+ scrollHeight: u.Stream<number>;
188
189
  smoothScrollTargetReached: u.Stream<true>;
189
190
  scrollTo: u.Stream<ScrollToOptions>;
190
191
  scrollBy: u.Stream<ScrollToOptions>;
191
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
192
192
  statefulScrollTop: u.StatefulStream<number>;
193
193
  deviation: u.StatefulStream<number>;
194
194
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -214,10 +214,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
214
214
  viewportHeight: u.Stream<number>;
215
215
  headerHeight: u.StatefulStream<number>;
216
216
  footerHeight: u.StatefulStream<number>;
217
+ scrollHeight: u.Stream<number>;
217
218
  smoothScrollTargetReached: u.Stream<true>;
218
219
  scrollTo: u.Stream<ScrollToOptions>;
219
220
  scrollBy: u.Stream<ScrollToOptions>;
220
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
221
221
  statefulScrollTop: u.StatefulStream<number>;
222
222
  deviation: u.StatefulStream<number>;
223
223
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -255,10 +255,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
255
255
  viewportHeight: u.Stream<number>;
256
256
  headerHeight: u.StatefulStream<number>;
257
257
  footerHeight: u.StatefulStream<number>;
258
+ scrollHeight: u.Stream<number>;
258
259
  smoothScrollTargetReached: u.Stream<true>;
259
260
  scrollTo: u.Stream<ScrollToOptions>;
260
261
  scrollBy: u.Stream<ScrollToOptions>;
261
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
262
262
  statefulScrollTop: u.StatefulStream<number>;
263
263
  deviation: u.StatefulStream<number>;
264
264
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -296,10 +296,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
296
296
  viewportHeight: u.Stream<number>;
297
297
  headerHeight: u.StatefulStream<number>;
298
298
  footerHeight: u.StatefulStream<number>;
299
+ scrollHeight: u.Stream<number>;
299
300
  smoothScrollTargetReached: u.Stream<true>;
300
301
  scrollTo: u.Stream<ScrollToOptions>;
301
302
  scrollBy: u.Stream<ScrollToOptions>;
302
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
303
303
  statefulScrollTop: u.StatefulStream<number>;
304
304
  deviation: u.StatefulStream<number>;
305
305
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -325,10 +325,10 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
325
325
  viewportHeight: u.Stream<number>;
326
326
  headerHeight: u.StatefulStream<number>;
327
327
  footerHeight: u.StatefulStream<number>;
328
+ scrollHeight: u.Stream<number>;
328
329
  smoothScrollTargetReached: u.Stream<true>;
329
330
  scrollTo: u.Stream<ScrollToOptions>;
330
331
  scrollBy: u.Stream<ScrollToOptions>;
331
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
332
332
  statefulScrollTop: u.StatefulStream<number>;
333
333
  deviation: u.StatefulStream<number>;
334
334
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -343,22 +343,22 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
343
343
  viewportHeight: u.Stream<number>;
344
344
  headerHeight: u.StatefulStream<number>;
345
345
  footerHeight: u.StatefulStream<number>;
346
+ scrollHeight: u.Stream<number>;
346
347
  smoothScrollTargetReached: u.Stream<true>;
347
348
  scrollTo: u.Stream<ScrollToOptions>;
348
349
  scrollBy: u.Stream<ScrollToOptions>;
349
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
350
350
  statefulScrollTop: u.StatefulStream<number>;
351
351
  deviation: u.StatefulStream<number>;
352
352
  scrollingInProgress: u.StatefulStream<boolean>;
353
- }>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight }]: [{
353
+ }>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight, scrollHeight }]: [{
354
354
  scrollTop: u.Stream<number>;
355
355
  viewportHeight: u.Stream<number>;
356
356
  headerHeight: u.StatefulStream<number>;
357
357
  footerHeight: u.StatefulStream<number>;
358
+ scrollHeight: u.Stream<number>;
358
359
  smoothScrollTargetReached: u.Stream<true>;
359
360
  scrollTo: u.Stream<ScrollToOptions>;
360
361
  scrollBy: u.Stream<ScrollToOptions>;
361
- scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
362
362
  statefulScrollTop: u.StatefulStream<number>;
363
363
  deviation: u.StatefulStream<number>;
364
364
  scrollingInProgress: u.StatefulStream<boolean>;
@@ -369,7 +369,8 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
369
369
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
370
370
  atTopStateChange: u.Stream<boolean>;
371
371
  atBottomStateChange: u.Stream<boolean>;
372
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
372
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
373
+ atBottomThreshold: u.StatefulStream<number>;
373
374
  }>, u.SystemSpec<[u.SystemSpec<never[], () => {
374
375
  log: u.StatefulStream<import("./loggerSystem").Log>;
375
376
  logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
@@ -415,7 +416,8 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
415
416
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
416
417
  atTopStateChange: u.Stream<boolean>;
417
418
  atBottomStateChange: u.Stream<boolean>;
418
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
419
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
420
+ atBottomThreshold: u.StatefulStream<number>;
419
421
  }, {
420
422
  propsReady: u.StatefulStream<boolean>;
421
423
  didMount: u.Stream<boolean>;
@@ -426,7 +428,8 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
426
428
  atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
427
429
  atTopStateChange: u.Stream<boolean>;
428
430
  atBottomStateChange: u.Stream<boolean>;
429
- listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
431
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
432
+ atBottomThreshold: u.StatefulStream<number>;
430
433
  listState: u.StatefulStream<ListState>;
431
434
  topItemsIndexes: u.StatefulStream<number[]>;
432
435
  endReached: u.Stream<number>;