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.
- package/dist/Grid.d.ts +34 -30
- package/dist/List.d.ts +276 -206
- package/dist/__examples.cc6a8f9f.js +171814 -0
- package/dist/__examples.cc6a8f9f.js.map +1 -0
- package/dist/__examples.html +27 -0
- package/dist/__examples.js +392 -0
- package/dist/__examples.js.map +1 -0
- package/dist/align-to-bottom.7fcd2087.js +401 -0
- package/dist/align-to-bottom.7fcd2087.js.map +1 -0
- package/dist/alignToBottomSystem.d.ts +25 -21
- package/dist/at-bottom-detection.a5d019c3.js +447 -0
- package/dist/at-bottom-detection.a5d019c3.js.map +1 -0
- package/dist/auto-prepend-items.bd7e9b90.js +468 -0
- package/dist/auto-prepend-items.bd7e9b90.js.map +1 -0
- package/dist/benchmark.66d31485.js +366 -0
- package/dist/benchmark.66d31485.js.map +1 -0
- package/dist/chat.d4f93b8b.js +570 -0
- package/dist/chat.d4f93b8b.js.map +1 -0
- package/dist/components.d.ts +12 -6
- package/dist/context.a45abc98.js +379 -0
- package/dist/context.a45abc98.js.map +1 -0
- package/dist/contextSystem.d.ts +4 -0
- package/dist/custom-components.5aeaa7ef.js +407 -0
- package/dist/custom-components.5aeaa7ef.js.map +1 -0
- package/dist/custom-scroller.b0240d14.js +385 -0
- package/dist/custom-scroller.b0240d14.js.map +1 -0
- package/dist/data.26707046.js +391 -0
- package/dist/data.26707046.js.map +1 -0
- package/dist/decrease-items.e2211e50.js +385 -0
- package/dist/decrease-items.e2211e50.js.map +1 -0
- package/dist/default-item-height.b77ada36.js +360 -0
- package/dist/default-item-height.b77ada36.js.map +1 -0
- package/dist/domIOSystem.d.ts +1 -4
- package/dist/empty-placeholder.00607a6e.js +390 -0
- package/dist/empty-placeholder.00607a6e.js.map +1 -0
- package/dist/end-reached.8531e5b1.js +404 -0
- package/dist/end-reached.8531e5b1.js.map +1 -0
- package/dist/endless-scrolling.bc4101f0.js +410 -0
- package/dist/endless-scrolling.bc4101f0.js.map +1 -0
- package/dist/expandable-cards.5439f51b.js +427 -0
- package/dist/expandable-cards.5439f51b.js.map +1 -0
- package/dist/follow-output.4e36fca8.js +430 -0
- package/dist/follow-output.4e36fca8.js.map +1 -0
- package/dist/followOutputSystem.d.ts +38 -12
- package/dist/grid-optimize-rendering.b49e36f5.js +452 -0
- package/dist/grid-optimize-rendering.b49e36f5.js.map +1 -0
- package/dist/grid-scroll-seek-placeholder.b2862006.js +415 -0
- package/dist/grid-scroll-seek-placeholder.b2862006.js.map +1 -0
- package/dist/grid.d5d77b6a.js +449 -0
- package/dist/grid.d5d77b6a.js.map +1 -0
- package/dist/gridSystem.d.ts +25 -19
- package/dist/grouped-endless-scrolling.24985a0f.js +506 -0
- package/dist/grouped-endless-scrolling.24985a0f.js.map +1 -0
- package/dist/grouped-load-more.bce8f6e4.js +505 -0
- package/dist/grouped-load-more.bce8f6e4.js.map +1 -0
- package/dist/grouped-topmost-item.34960f5e.js +366 -0
- package/dist/grouped-topmost-item.34960f5e.js.map +1 -0
- package/dist/grouped.a2908632.js +365 -0
- package/dist/grouped.a2908632.js.map +1 -0
- package/dist/groupedListSystem.d.ts +2 -2
- package/dist/header-footer.49733d45.js +376 -0
- package/dist/header-footer.49733d45.js.map +1 -0
- package/dist/hello.54765c26.js +360 -0
- package/dist/hello.54765c26.js.map +1 -0
- 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/initial-from-zero.22ad1626.js +400 -0
- package/dist/initial-from-zero.22ad1626.js.map +1 -0
- package/dist/initial-scroll-top.90db1920.js +361 -0
- package/dist/initial-scroll-top.90db1920.js.map +1 -0
- package/dist/initial-topmost-item-default-height.43a95247.js +362 -0
- package/dist/initial-topmost-item-default-height.43a95247.js.map +1 -0
- package/dist/initial-topmost-item.61c0e169.js +363 -0
- package/dist/initial-topmost-item.61c0e169.js.map +1 -0
- package/dist/initialItemCountSystem.d.ts +21 -17
- package/dist/initialScrollTopSystem.d.ts +25 -21
- package/dist/initialTopMostItemIndexSystem.d.ts +4 -4
- package/dist/interfaces.d.ts +11 -5
- package/dist/listStateSystem.d.ts +19 -16
- package/dist/listSystem.d.ts +256 -193
- package/dist/long-last-item.b56ff89c.js +361 -0
- package/dist/long-last-item.b56ff89c.js.map +1 -0
- package/dist/prepend-items.f2bda34b.js +393 -0
- package/dist/prepend-items.f2bda34b.js.map +1 -0
- package/dist/prepend-last-tall-item.168a9e65.js +380 -0
- package/dist/prepend-last-tall-item.168a9e65.js.map +1 -0
- package/dist/react-beautiful-dnd-window-scroller.0a227511.js +485 -0
- package/dist/react-beautiful-dnd-window-scroller.0a227511.js.map +1 -0
- package/dist/react-beautiful-dnd.817e9251.js +482 -0
- package/dist/react-beautiful-dnd.817e9251.js.map +1 -0
- package/dist/rerender.ddd61b7c.js +400 -0
- package/dist/rerender.ddd61b7c.js.map +1 -0
- package/dist/resize-loop.309b1dac.js +388 -0
- package/dist/resize-loop.309b1dac.js.map +1 -0
- package/dist/resizing-items.c09b5e1b.js +394 -0
- package/dist/resizing-items.c09b5e1b.js.map +1 -0
- package/dist/scroll-into-view.39b77fe9.js +408 -0
- package/dist/scroll-into-view.39b77fe9.js.map +1 -0
- package/dist/scroll-seek-placeholder.69fb85c6.js +384 -0
- package/dist/scroll-seek-placeholder.69fb85c6.js.map +1 -0
- package/dist/scroll-to-index.e72249cf.js +417 -0
- package/dist/scroll-to-index.e72249cf.js.map +1 -0
- package/dist/scrollIntoViewSystem.d.ts +25 -21
- package/dist/scrollSeekSystem.d.ts +9 -7
- package/dist/scrollToIndexSystem.d.ts +2 -2
- package/dist/sizeRangeSystem.d.ts +3 -3
- package/dist/ssr.8f31b042.js +359 -0
- package/dist/ssr.8f31b042.js.map +1 -0
- package/dist/start-reached.2990ece7.js +424 -0
- package/dist/start-reached.2990ece7.js.map +1 -0
- package/dist/stateFlagsSystem.d.ts +9 -5
- package/dist/tall-item-reverse-scrolling.58bcd140.js +363 -0
- package/dist/tall-item-reverse-scrolling.58bcd140.js.map +1 -0
- package/dist/test-case-446.dce9595c.js +428 -0
- package/dist/test-case-446.dce9595c.js.map +1 -0
- package/dist/test-case-460.6d75ad1f.js +451 -0
- package/dist/test-case-460.6d75ad1f.js.map +1 -0
- package/dist/test-case-463.525f34ba.js +375 -0
- package/dist/test-case-463.525f34ba.js.map +1 -0
- package/dist/toggle-display-grouped.4f4ae058.js +389 -0
- package/dist/toggle-display-grouped.4f4ae058.js.map +1 -0
- package/dist/toggle.7047c23e.js +447 -0
- package/dist/toggle.7047c23e.js.map +1 -0
- package/dist/top-items.f724bf61.js +358 -0
- package/dist/top-items.f724bf61.js.map +1 -0
- package/dist/topItemCountSystem.d.ts +21 -17
- package/dist/totalListHeightSystem.d.ts +23 -19
- package/dist/upward-scroll.d49e0815.js +362 -0
- package/dist/upward-scroll.d49e0815.js.map +1 -0
- package/dist/upwardScrollFixSystem.d.ts +31 -25
- package/dist/window-grid.b22094fd.js +439 -0
- package/dist/window-grid.b22094fd.js.map +1 -0
- package/dist/window-scroller.a979c6d6.js +368 -0
- package/dist/window-scroller.a979c6d6.js.map +1 -0
- package/dist/windowScrollerSystem.d.ts +2 -2
- package/package.json +1 -1
|
@@ -4,10 +4,10 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
363
363
|
atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
|
|
364
364
|
atTopStateChange: u.Stream<boolean>;
|
|
365
365
|
atBottomStateChange: u.Stream<boolean>;
|
|
366
|
-
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
409
410
|
atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
|
|
410
411
|
atTopStateChange: u.Stream<boolean>;
|
|
411
412
|
atBottomStateChange: u.Stream<boolean>;
|
|
412
|
-
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
420
422
|
atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
|
|
421
423
|
atTopStateChange: u.Stream<boolean>;
|
|
422
424
|
atBottomStateChange: u.Stream<boolean>;
|
|
423
|
-
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
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 totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
446
449
|
atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
|
|
447
450
|
atTopStateChange: u.Stream<boolean>;
|
|
448
451
|
atBottomStateChange: u.Stream<boolean>;
|
|
449
|
-
|
|
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>;
|
|
@@ -0,0 +1,362 @@
|
|
|
1
|
+
// modules are defined as an array
|
|
2
|
+
// [ module function, map of requires ]
|
|
3
|
+
//
|
|
4
|
+
// map of requires is short require name -> numeric require
|
|
5
|
+
//
|
|
6
|
+
// anything defined in a previous bundle is accessed via the
|
|
7
|
+
// orig method which is the require for previous bundles
|
|
8
|
+
parcelRequire = (function (modules, cache, entry, globalName) {
|
|
9
|
+
// Save the require from previous bundle to this closure if any
|
|
10
|
+
var previousRequire = typeof parcelRequire === 'function' && parcelRequire;
|
|
11
|
+
var nodeRequire = typeof require === 'function' && require;
|
|
12
|
+
|
|
13
|
+
function newRequire(name, jumped) {
|
|
14
|
+
if (!cache[name]) {
|
|
15
|
+
if (!modules[name]) {
|
|
16
|
+
// if we cannot find the module within our internal map or
|
|
17
|
+
// cache jump to the current global require ie. the last bundle
|
|
18
|
+
// that was added to the page.
|
|
19
|
+
var currentRequire = typeof parcelRequire === 'function' && parcelRequire;
|
|
20
|
+
if (!jumped && currentRequire) {
|
|
21
|
+
return currentRequire(name, true);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
// If there are other bundles on this page the require from the
|
|
25
|
+
// previous one is saved to 'previousRequire'. Repeat this as
|
|
26
|
+
// many times as there are bundles until the module is found or
|
|
27
|
+
// we exhaust the require chain.
|
|
28
|
+
if (previousRequire) {
|
|
29
|
+
return previousRequire(name, true);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// Try the node require function if it exists.
|
|
33
|
+
if (nodeRequire && typeof name === 'string') {
|
|
34
|
+
return nodeRequire(name);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
var err = new Error('Cannot find module \'' + name + '\'');
|
|
38
|
+
err.code = 'MODULE_NOT_FOUND';
|
|
39
|
+
throw err;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
localRequire.resolve = resolve;
|
|
43
|
+
localRequire.cache = {};
|
|
44
|
+
|
|
45
|
+
var module = cache[name] = new newRequire.Module(name);
|
|
46
|
+
|
|
47
|
+
modules[name][0].call(module.exports, localRequire, module, module.exports, this);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
return cache[name].exports;
|
|
51
|
+
|
|
52
|
+
function localRequire(x){
|
|
53
|
+
return newRequire(localRequire.resolve(x));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
function resolve(x){
|
|
57
|
+
return modules[name][1][x] || x;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
function Module(moduleName) {
|
|
62
|
+
this.id = moduleName;
|
|
63
|
+
this.bundle = newRequire;
|
|
64
|
+
this.exports = {};
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
newRequire.isParcelRequire = true;
|
|
68
|
+
newRequire.Module = Module;
|
|
69
|
+
newRequire.modules = modules;
|
|
70
|
+
newRequire.cache = cache;
|
|
71
|
+
newRequire.parent = previousRequire;
|
|
72
|
+
newRequire.register = function (id, exports) {
|
|
73
|
+
modules[id] = [function (require, module) {
|
|
74
|
+
module.exports = exports;
|
|
75
|
+
}, {}];
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
var error;
|
|
79
|
+
for (var i = 0; i < entry.length; i++) {
|
|
80
|
+
try {
|
|
81
|
+
newRequire(entry[i]);
|
|
82
|
+
} catch (e) {
|
|
83
|
+
// Save first error but execute all entries
|
|
84
|
+
if (!error) {
|
|
85
|
+
error = e;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
if (entry.length) {
|
|
91
|
+
// Expose entry point to Node, AMD or browser globals
|
|
92
|
+
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
|
|
93
|
+
var mainExports = newRequire(entry[entry.length - 1]);
|
|
94
|
+
|
|
95
|
+
// CommonJS
|
|
96
|
+
if (typeof exports === "object" && typeof module !== "undefined") {
|
|
97
|
+
module.exports = mainExports;
|
|
98
|
+
|
|
99
|
+
// RequireJS
|
|
100
|
+
} else if (typeof define === "function" && define.amd) {
|
|
101
|
+
define(function () {
|
|
102
|
+
return mainExports;
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
// <script>
|
|
106
|
+
} else if (globalName) {
|
|
107
|
+
this[globalName] = mainExports;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
// Override the current require with this new one
|
|
112
|
+
parcelRequire = newRequire;
|
|
113
|
+
|
|
114
|
+
if (error) {
|
|
115
|
+
// throw error from earlier, _after updating parcelRequire_
|
|
116
|
+
throw error;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
return newRequire;
|
|
120
|
+
})({"upward-scroll.tsx":[function(require,module,exports) {
|
|
121
|
+
"use strict";
|
|
122
|
+
|
|
123
|
+
Object.defineProperty(exports, "__esModule", {
|
|
124
|
+
value: true
|
|
125
|
+
});
|
|
126
|
+
exports.default = App;
|
|
127
|
+
|
|
128
|
+
var React = _interopRequireWildcard(require("react"));
|
|
129
|
+
|
|
130
|
+
var _src = require("../src/");
|
|
131
|
+
|
|
132
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
133
|
+
|
|
134
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
135
|
+
|
|
136
|
+
function itemContent(index) {
|
|
137
|
+
var height = index === 7 ? 120 : 30;
|
|
138
|
+
var backgroundColor = index === 7 ? 'red' : 'transparent';
|
|
139
|
+
return React.createElement("div", {
|
|
140
|
+
style: {
|
|
141
|
+
height: height,
|
|
142
|
+
backgroundColor: backgroundColor
|
|
143
|
+
}
|
|
144
|
+
}, "Item ", index);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
function App() {
|
|
148
|
+
return React.createElement(_src.Virtuoso, {
|
|
149
|
+
totalCount: 12,
|
|
150
|
+
initialTopMostItemIndex: 8,
|
|
151
|
+
itemContent: itemContent,
|
|
152
|
+
style: {
|
|
153
|
+
height: 100
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],"../node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
|
|
158
|
+
var global = arguments[3];
|
|
159
|
+
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
160
|
+
var OldModule = module.bundle.Module;
|
|
161
|
+
|
|
162
|
+
function Module(moduleName) {
|
|
163
|
+
OldModule.call(this, moduleName);
|
|
164
|
+
this.hot = {
|
|
165
|
+
data: module.bundle.hotData,
|
|
166
|
+
_acceptCallbacks: [],
|
|
167
|
+
_disposeCallbacks: [],
|
|
168
|
+
accept: function (fn) {
|
|
169
|
+
this._acceptCallbacks.push(fn || function () {});
|
|
170
|
+
},
|
|
171
|
+
dispose: function (fn) {
|
|
172
|
+
this._disposeCallbacks.push(fn);
|
|
173
|
+
}
|
|
174
|
+
};
|
|
175
|
+
module.bundle.hotData = null;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
module.bundle.Module = Module;
|
|
179
|
+
var checkedAssets, assetsToAccept;
|
|
180
|
+
var parent = module.bundle.parent;
|
|
181
|
+
|
|
182
|
+
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
183
|
+
var hostname = "" || location.hostname;
|
|
184
|
+
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
185
|
+
var ws = new WebSocket(protocol + '://' + hostname + ':' + "65171" + '/');
|
|
186
|
+
|
|
187
|
+
ws.onmessage = function (event) {
|
|
188
|
+
checkedAssets = {};
|
|
189
|
+
assetsToAccept = [];
|
|
190
|
+
var data = JSON.parse(event.data);
|
|
191
|
+
|
|
192
|
+
if (data.type === 'update') {
|
|
193
|
+
var handled = false;
|
|
194
|
+
data.assets.forEach(function (asset) {
|
|
195
|
+
if (!asset.isNew) {
|
|
196
|
+
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
197
|
+
|
|
198
|
+
if (didAccept) {
|
|
199
|
+
handled = true;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}); // Enable HMR for CSS by default.
|
|
203
|
+
|
|
204
|
+
handled = handled || data.assets.every(function (asset) {
|
|
205
|
+
return asset.type === 'css' && asset.generated.js;
|
|
206
|
+
});
|
|
207
|
+
|
|
208
|
+
if (handled) {
|
|
209
|
+
console.clear();
|
|
210
|
+
data.assets.forEach(function (asset) {
|
|
211
|
+
hmrApply(global.parcelRequire, asset);
|
|
212
|
+
});
|
|
213
|
+
assetsToAccept.forEach(function (v) {
|
|
214
|
+
hmrAcceptRun(v[0], v[1]);
|
|
215
|
+
});
|
|
216
|
+
} else if (location.reload) {
|
|
217
|
+
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
218
|
+
location.reload();
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
if (data.type === 'reload') {
|
|
223
|
+
ws.close();
|
|
224
|
+
|
|
225
|
+
ws.onclose = function () {
|
|
226
|
+
location.reload();
|
|
227
|
+
};
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
if (data.type === 'error-resolved') {
|
|
231
|
+
console.log('[parcel] ✨ Error resolved');
|
|
232
|
+
removeErrorOverlay();
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
if (data.type === 'error') {
|
|
236
|
+
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
237
|
+
removeErrorOverlay();
|
|
238
|
+
var overlay = createErrorOverlay(data);
|
|
239
|
+
document.body.appendChild(overlay);
|
|
240
|
+
}
|
|
241
|
+
};
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
function removeErrorOverlay() {
|
|
245
|
+
var overlay = document.getElementById(OVERLAY_ID);
|
|
246
|
+
|
|
247
|
+
if (overlay) {
|
|
248
|
+
overlay.remove();
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
function createErrorOverlay(data) {
|
|
253
|
+
var overlay = document.createElement('div');
|
|
254
|
+
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
255
|
+
|
|
256
|
+
var message = document.createElement('div');
|
|
257
|
+
var stackTrace = document.createElement('pre');
|
|
258
|
+
message.innerText = data.error.message;
|
|
259
|
+
stackTrace.innerText = data.error.stack;
|
|
260
|
+
overlay.innerHTML = '<div style="background: black; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; opacity: 0.85; font-family: Menlo, Consolas, monospace; z-index: 9999;">' + '<span style="background: red; padding: 2px 4px; border-radius: 2px;">ERROR</span>' + '<span style="top: 2px; margin-left: 5px; position: relative;">🚨</span>' + '<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">' + message.innerHTML + '</div>' + '<pre>' + stackTrace.innerHTML + '</pre>' + '</div>';
|
|
261
|
+
return overlay;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
function getParents(bundle, id) {
|
|
265
|
+
var modules = bundle.modules;
|
|
266
|
+
|
|
267
|
+
if (!modules) {
|
|
268
|
+
return [];
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
var parents = [];
|
|
272
|
+
var k, d, dep;
|
|
273
|
+
|
|
274
|
+
for (k in modules) {
|
|
275
|
+
for (d in modules[k][1]) {
|
|
276
|
+
dep = modules[k][1][d];
|
|
277
|
+
|
|
278
|
+
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
279
|
+
parents.push(k);
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
if (bundle.parent) {
|
|
285
|
+
parents = parents.concat(getParents(bundle.parent, id));
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
return parents;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
function hmrApply(bundle, asset) {
|
|
292
|
+
var modules = bundle.modules;
|
|
293
|
+
|
|
294
|
+
if (!modules) {
|
|
295
|
+
return;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
if (modules[asset.id] || !bundle.parent) {
|
|
299
|
+
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
300
|
+
asset.isNew = !modules[asset.id];
|
|
301
|
+
modules[asset.id] = [fn, asset.deps];
|
|
302
|
+
} else if (bundle.parent) {
|
|
303
|
+
hmrApply(bundle.parent, asset);
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
function hmrAcceptCheck(bundle, id) {
|
|
308
|
+
var modules = bundle.modules;
|
|
309
|
+
|
|
310
|
+
if (!modules) {
|
|
311
|
+
return;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
if (!modules[id] && bundle.parent) {
|
|
315
|
+
return hmrAcceptCheck(bundle.parent, id);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
if (checkedAssets[id]) {
|
|
319
|
+
return;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
checkedAssets[id] = true;
|
|
323
|
+
var cached = bundle.cache[id];
|
|
324
|
+
assetsToAccept.push([bundle, id]);
|
|
325
|
+
|
|
326
|
+
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
327
|
+
return true;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
return getParents(global.parcelRequire, id).some(function (id) {
|
|
331
|
+
return hmrAcceptCheck(global.parcelRequire, id);
|
|
332
|
+
});
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
function hmrAcceptRun(bundle, id) {
|
|
336
|
+
var cached = bundle.cache[id];
|
|
337
|
+
bundle.hotData = {};
|
|
338
|
+
|
|
339
|
+
if (cached) {
|
|
340
|
+
cached.hot.data = bundle.hotData;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
344
|
+
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
345
|
+
cb(bundle.hotData);
|
|
346
|
+
});
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
delete bundle.cache[id];
|
|
350
|
+
bundle(id);
|
|
351
|
+
cached = bundle.cache[id];
|
|
352
|
+
|
|
353
|
+
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
354
|
+
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
355
|
+
cb();
|
|
356
|
+
});
|
|
357
|
+
|
|
358
|
+
return true;
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
362
|
+
//# sourceMappingURL=/upward-scroll.d49e0815.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["upward-scroll.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,SAAS,WAAT,CAAqB,KAArB,EAAkC;AAChC,MAAM,MAAM,GAAG,KAAK,KAAK,CAAV,GAAc,GAAd,GAAoB,EAAnC;AACA,MAAM,eAAe,GAAG,KAAK,KAAK,CAAV,GAAc,KAAd,GAAsB,aAA9C;AACA,SAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAN,MAAF;AAAU,MAAA,eAAe,EAAf;AAAV;AAAZ,GAAA,SAAA,EAA+C,KAA/C,CAAP;AACD;;AACa,SAAU,GAAV,GAAa;AACzB,SAAO,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AAAC,IAAA,UAAU,EAAE,EAAb;AAAiB,IAAA,uBAAuB,EAAE,CAA1C;AAA6C,IAAA,WAAW,EAAE,WAA1D;AAAuE,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AAA9E,GAAT,CAAP;AACD","file":"upward-scroll.d49e0815.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src/'\n\nfunction itemContent(index: number) {\n const height = index === 7 ? 120 : 30\n const backgroundColor = index === 7 ? 'red' : 'transparent'\n return <div style={{ height, backgroundColor }}>Item {index}</div>\n}\nexport default function App() {\n return <Virtuoso totalCount={12} initialTopMostItemIndex={8} itemContent={itemContent} style={{ height: 100 }} />\n}\n"]}
|