react-virtuoso 2.6.0 → 2.8.0-alpha.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.
Files changed (68) hide show
  1. package/dist/AATree.d.ts +40 -40
  2. package/dist/Grid.d.ts +482 -440
  3. package/dist/List.d.ts +6041 -5860
  4. package/dist/Table.d.ts +5875 -5729
  5. package/dist/TableVirtuoso.js +2 -0
  6. package/dist/TableVirtuoso.js.map +1 -0
  7. package/dist/TableVirtuoso.mjs +2 -0
  8. package/dist/TableVirtuoso.mjs.map +1 -0
  9. package/dist/VirtuosoGrid.js +2 -0
  10. package/dist/VirtuosoGrid.js.map +1 -0
  11. package/dist/VirtuosoGrid.mjs +2 -0
  12. package/dist/VirtuosoGrid.mjs.map +1 -0
  13. package/dist/alignToBottomSystem.d.ts +529 -529
  14. package/dist/comparators.d.ts +3 -3
  15. package/dist/components/CompProps.d.ts +2 -0
  16. package/dist/components/GroupedVirtuoso.d.ts +27 -0
  17. package/dist/components/TableVirtuoso.d.ts +5717 -0
  18. package/dist/components/Virtuoso.d.ts +205 -0
  19. package/dist/components/VirtuosoGrid.d.ts +93 -0
  20. package/dist/components/index.d.ts +4 -0
  21. package/dist/components.d.ts +1026 -73
  22. package/dist/domIOSystem.d.ts +15 -15
  23. package/dist/followOutputSystem.d.ts +362 -362
  24. package/dist/gridSystem.d.ts +281 -281
  25. package/dist/groupedListSystem.d.ts +71 -71
  26. package/dist/hooks/__mocks__/useChangedChildSizes.d.ts +4 -4
  27. package/dist/hooks/__mocks__/useScrollTop.d.ts +7 -7
  28. package/dist/hooks/__mocks__/useSize.d.ts +3 -3
  29. package/dist/hooks/useChangedChildSizes.d.ts +3 -3
  30. package/dist/hooks/useIsomorphicLayoutEffect.d.ts +3 -3
  31. package/dist/hooks/useScrollTop.d.ts +6 -6
  32. package/dist/hooks/useSize.d.ts +6 -6
  33. package/dist/hooks/useWindowViewportRect.d.ts +2 -2
  34. package/dist/index-27.js +2 -0
  35. package/dist/index.d.ts +3 -3
  36. package/dist/index.js +1 -1
  37. package/dist/index.js.map +1 -1
  38. package/dist/index.m.js +1 -1
  39. package/dist/index.m.js.map +1 -1
  40. package/dist/index.mjs +2 -0
  41. package/dist/index.mjs.map +1 -0
  42. package/dist/initialItemCountSystem.d.ts +518 -518
  43. package/dist/initialScrollTopSystem.d.ts +540 -540
  44. package/dist/initialTopMostItemIndexSystem.d.ts +153 -153
  45. package/dist/interfaces.d.ts +279 -239
  46. package/dist/listStateSystem.d.ts +469 -469
  47. package/dist/listSystem.d.ts +5214 -5214
  48. package/dist/loggerSystem.d.ts +17 -17
  49. package/dist/propsReadySystem.d.ts +12 -12
  50. package/dist/scrollIntoViewSystem.d.ts +617 -617
  51. package/dist/scrollSeekSystem.d.ts +57 -57
  52. package/dist/scrollToIndexSystem.d.ts +77 -77
  53. package/dist/shared.js +2 -0
  54. package/dist/shared.js.map +1 -0
  55. package/dist/shared.mjs +2 -0
  56. package/dist/shared.mjs.map +1 -0
  57. package/dist/sizeRangeSystem.d.ts +50 -50
  58. package/dist/sizeSystem.d.ts +66 -66
  59. package/dist/stateFlagsSystem.d.ts +65 -65
  60. package/dist/topItemCountSystem.d.ts +469 -469
  61. package/dist/totalListHeightSystem.d.ts +497 -497
  62. package/dist/upwardScrollFixSystem.d.ts +590 -590
  63. package/dist/utils/binaryArraySearch.d.ts +6 -6
  64. package/dist/utils/correctItemSize.d.ts +1 -1
  65. package/dist/utils/positionStickyCssValue.d.ts +1 -1
  66. package/dist/utils/simpleMemoize.d.ts +1 -1
  67. package/dist/windowScrollerSystem.d.ts +35 -35
  68. package/package.json +15 -5
package/dist/Grid.d.ts CHANGED
@@ -1,440 +1,482 @@
1
- import { RefHandle } from '@virtuoso.dev/react-urx';
2
- import * as u from '@virtuoso.dev/urx';
3
- import * as React from 'react';
4
- import { GridComponents, GridComputeItemKey, GridItemContent, GridRootProps } from './interfaces';
5
- declare const Grid: React.ForwardRefExoticComponent<{} & {
6
- itemContent?: GridItemContent | undefined;
7
- components?: GridComponents | undefined;
8
- computeItemKey?: GridComputeItemKey | undefined;
9
- itemClassName?: string | undefined;
10
- listClassName?: string | undefined;
11
- scrollerRef?: ((ref: HTMLElement | null) => void) | undefined;
12
- overscan?: import("./sizeRangeSystem").Overscan | undefined;
13
- scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
14
- useWindowScroll?: boolean | undefined;
15
- customScrollParent?: HTMLElement | undefined;
16
- totalCount?: number | undefined;
17
- initialItemCount?: number | undefined;
18
- scrollSeek?: any;
19
- item?: GridItemContent | undefined;
20
- ItemContainer?: any;
21
- ScrollContainer?: any;
22
- ListContainer?: any;
23
- } & {
24
- isScrolling?: ((value: boolean) => void) | undefined;
25
- atTopStateChange?: ((value: boolean) => void) | undefined;
26
- atBottomStateChange?: ((value: boolean) => void) | undefined;
27
- startReached?: ((value: number) => void) | undefined;
28
- endReached?: ((value: number) => void) | undefined;
29
- rangeChanged?: ((value: import("./interfaces").ListRange) => void) | undefined;
30
- } & GridRootProps & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<u.SystemSpec<[u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
31
- scrollContainerState: u.Stream<[number, number]>;
32
- scrollTop: u.Stream<number>;
33
- viewportHeight: u.Stream<number>;
34
- headerHeight: u.StatefulStream<number>;
35
- footerHeight: u.StatefulStream<number>;
36
- scrollHeight: u.Stream<number>;
37
- smoothScrollTargetReached: u.Stream<true>;
38
- scrollTo: u.Stream<ScrollToOptions>;
39
- scrollBy: u.Stream<ScrollToOptions>;
40
- statefulScrollTop: u.StatefulStream<number>;
41
- deviation: u.StatefulStream<number>;
42
- scrollingInProgress: u.StatefulStream<boolean>;
43
- }>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
44
- scrollContainerState: u.Stream<[number, number]>;
45
- scrollTop: u.Stream<number>;
46
- viewportHeight: u.Stream<number>;
47
- headerHeight: u.StatefulStream<number>;
48
- footerHeight: u.StatefulStream<number>;
49
- scrollHeight: u.Stream<number>;
50
- smoothScrollTargetReached: u.Stream<true>;
51
- scrollTo: u.Stream<ScrollToOptions>;
52
- scrollBy: u.Stream<ScrollToOptions>;
53
- statefulScrollTop: u.StatefulStream<number>;
54
- deviation: u.StatefulStream<number>;
55
- scrollingInProgress: u.StatefulStream<boolean>;
56
- }]) => {
57
- listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
58
- overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
59
- topListHeight: u.StatefulStream<number>;
60
- fixedHeaderHeight: u.StatefulStream<number>;
61
- increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
62
- visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
63
- }>, u.SystemSpec<never[], () => {
64
- scrollContainerState: u.Stream<[number, number]>;
65
- scrollTop: u.Stream<number>;
66
- viewportHeight: u.Stream<number>;
67
- headerHeight: u.StatefulStream<number>;
68
- footerHeight: u.StatefulStream<number>;
69
- scrollHeight: u.Stream<number>;
70
- smoothScrollTargetReached: u.Stream<true>;
71
- scrollTo: u.Stream<ScrollToOptions>;
72
- scrollBy: u.Stream<ScrollToOptions>;
73
- statefulScrollTop: u.StatefulStream<number>;
74
- deviation: u.StatefulStream<number>;
75
- scrollingInProgress: u.StatefulStream<boolean>;
76
- }>, u.SystemSpec<[u.SystemSpec<never[], () => {
77
- scrollContainerState: u.Stream<[number, number]>;
78
- scrollTop: u.Stream<number>;
79
- viewportHeight: u.Stream<number>;
80
- headerHeight: u.StatefulStream<number>;
81
- footerHeight: u.StatefulStream<number>;
82
- scrollHeight: u.Stream<number>;
83
- smoothScrollTargetReached: u.Stream<true>;
84
- scrollTo: u.Stream<ScrollToOptions>;
85
- scrollBy: u.Stream<ScrollToOptions>;
86
- statefulScrollTop: u.StatefulStream<number>;
87
- deviation: u.StatefulStream<number>;
88
- scrollingInProgress: u.StatefulStream<boolean>;
89
- }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
90
- scrollContainerState: u.Stream<[number, number]>;
91
- scrollTop: u.Stream<number>;
92
- viewportHeight: u.Stream<number>;
93
- headerHeight: u.StatefulStream<number>;
94
- footerHeight: u.StatefulStream<number>;
95
- scrollHeight: u.Stream<number>;
96
- smoothScrollTargetReached: u.Stream<true>;
97
- scrollTo: u.Stream<ScrollToOptions>;
98
- scrollBy: u.Stream<ScrollToOptions>;
99
- statefulScrollTop: u.StatefulStream<number>;
100
- deviation: u.StatefulStream<number>;
101
- scrollingInProgress: u.StatefulStream<boolean>;
102
- }]) => {
103
- isScrolling: u.Stream<boolean>;
104
- isAtTop: u.StatefulStream<boolean>;
105
- isAtBottom: u.StatefulStream<boolean>;
106
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
107
- atTopStateChange: u.Stream<boolean>;
108
- atBottomStateChange: u.Stream<boolean>;
109
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
110
- atBottomThreshold: u.StatefulStream<number>;
111
- scrollVelocity: u.StatefulStream<number>;
112
- lastJumpDueToItemResize: u.StatefulStream<number>;
113
- }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
114
- scrollContainerState: u.Stream<[number, number]>;
115
- scrollTop: u.Stream<number>;
116
- viewportHeight: u.Stream<number>;
117
- headerHeight: u.StatefulStream<number>;
118
- footerHeight: u.StatefulStream<number>;
119
- scrollHeight: u.Stream<number>;
120
- smoothScrollTargetReached: u.Stream<true>;
121
- scrollTo: u.Stream<ScrollToOptions>;
122
- scrollBy: u.Stream<ScrollToOptions>;
123
- statefulScrollTop: u.StatefulStream<number>;
124
- deviation: u.StatefulStream<number>;
125
- scrollingInProgress: u.StatefulStream<boolean>;
126
- }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
127
- scrollContainerState: u.Stream<[number, number]>;
128
- scrollTop: u.Stream<number>;
129
- viewportHeight: u.Stream<number>;
130
- headerHeight: u.StatefulStream<number>;
131
- footerHeight: u.StatefulStream<number>;
132
- scrollHeight: u.Stream<number>;
133
- smoothScrollTargetReached: u.Stream<true>;
134
- scrollTo: u.Stream<ScrollToOptions>;
135
- scrollBy: u.Stream<ScrollToOptions>;
136
- statefulScrollTop: u.StatefulStream<number>;
137
- deviation: u.StatefulStream<number>;
138
- scrollingInProgress: u.StatefulStream<boolean>;
139
- }]) => {
140
- isScrolling: u.Stream<boolean>;
141
- isAtTop: u.StatefulStream<boolean>;
142
- isAtBottom: u.StatefulStream<boolean>;
143
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
144
- atTopStateChange: u.Stream<boolean>;
145
- atBottomStateChange: u.Stream<boolean>;
146
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
147
- atBottomThreshold: u.StatefulStream<number>;
148
- scrollVelocity: u.StatefulStream<number>;
149
- lastJumpDueToItemResize: u.StatefulStream<number>;
150
- }>], ([{ scrollVelocity }]: [{
151
- isScrolling: u.Stream<boolean>;
152
- isAtTop: u.StatefulStream<boolean>;
153
- isAtBottom: u.StatefulStream<boolean>;
154
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
155
- atTopStateChange: u.Stream<boolean>;
156
- atBottomStateChange: u.Stream<boolean>;
157
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
158
- atBottomThreshold: u.StatefulStream<number>;
159
- scrollVelocity: u.StatefulStream<number>;
160
- lastJumpDueToItemResize: u.StatefulStream<number>;
161
- }]) => {
162
- isSeeking: u.StatefulStream<boolean>;
163
- scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
164
- scrollVelocity: u.StatefulStream<number>;
165
- scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
166
- }>, u.SystemSpec<[u.SystemSpec<never[], () => {
167
- log: u.StatefulStream<import("./loggerSystem").Log>;
168
- logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
169
- }>], ([{ log }]: [{
170
- log: u.StatefulStream<import("./loggerSystem").Log>;
171
- logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
172
- }]) => {
173
- propsReady: u.StatefulStream<boolean>;
174
- didMount: u.Stream<boolean>;
175
- }>, u.SystemSpec<[u.SystemSpec<never[], () => {
176
- scrollContainerState: u.Stream<[number, number]>;
177
- scrollTop: u.Stream<number>;
178
- viewportHeight: u.Stream<number>;
179
- headerHeight: u.StatefulStream<number>;
180
- footerHeight: u.StatefulStream<number>;
181
- scrollHeight: u.Stream<number>;
182
- smoothScrollTargetReached: u.Stream<true>;
183
- scrollTo: u.Stream<ScrollToOptions>;
184
- scrollBy: u.Stream<ScrollToOptions>;
185
- statefulScrollTop: u.StatefulStream<number>;
186
- deviation: u.StatefulStream<number>;
187
- scrollingInProgress: u.StatefulStream<boolean>;
188
- }>], ([{ scrollTo, scrollContainerState }]: [{
189
- scrollContainerState: u.Stream<[number, number]>;
190
- scrollTop: u.Stream<number>;
191
- viewportHeight: u.Stream<number>;
192
- headerHeight: u.StatefulStream<number>;
193
- footerHeight: u.StatefulStream<number>;
194
- scrollHeight: u.Stream<number>;
195
- smoothScrollTargetReached: u.Stream<true>;
196
- scrollTo: u.Stream<ScrollToOptions>;
197
- scrollBy: u.Stream<ScrollToOptions>;
198
- statefulScrollTop: u.StatefulStream<number>;
199
- deviation: u.StatefulStream<number>;
200
- scrollingInProgress: u.StatefulStream<boolean>;
201
- }]) => {
202
- useWindowScroll: u.StatefulStream<boolean>;
203
- customScrollParent: u.StatefulStream<HTMLElement | undefined>;
204
- windowScrollContainerState: u.Stream<[number, number]>;
205
- windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
206
- windowScrollTo: u.Stream<ScrollToOptions>;
207
- }>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, customScrollParent, windowScrollContainerState },]: [{
208
- listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
209
- overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
210
- topListHeight: u.StatefulStream<number>;
211
- fixedHeaderHeight: u.StatefulStream<number>;
212
- increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
213
- visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
214
- }, {
215
- scrollContainerState: u.Stream<[number, number]>;
216
- scrollTop: u.Stream<number>;
217
- viewportHeight: u.Stream<number>;
218
- headerHeight: u.StatefulStream<number>;
219
- footerHeight: u.StatefulStream<number>;
220
- scrollHeight: u.Stream<number>;
221
- smoothScrollTargetReached: u.Stream<true>;
222
- scrollTo: u.Stream<ScrollToOptions>;
223
- scrollBy: u.Stream<ScrollToOptions>;
224
- statefulScrollTop: u.StatefulStream<number>;
225
- deviation: u.StatefulStream<number>;
226
- scrollingInProgress: u.StatefulStream<boolean>;
227
- }, {
228
- isScrolling: u.Stream<boolean>;
229
- isAtTop: u.StatefulStream<boolean>;
230
- isAtBottom: u.StatefulStream<boolean>;
231
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
232
- atTopStateChange: u.Stream<boolean>;
233
- atBottomStateChange: u.Stream<boolean>;
234
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
235
- atBottomThreshold: u.StatefulStream<number>;
236
- scrollVelocity: u.StatefulStream<number>;
237
- lastJumpDueToItemResize: u.StatefulStream<number>;
238
- }, {
239
- isSeeking: u.StatefulStream<boolean>;
240
- scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
241
- scrollVelocity: u.StatefulStream<number>;
242
- scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
243
- }, {
244
- propsReady: u.StatefulStream<boolean>;
245
- didMount: u.Stream<boolean>;
246
- }, {
247
- useWindowScroll: u.StatefulStream<boolean>;
248
- customScrollParent: u.StatefulStream<HTMLElement | undefined>;
249
- windowScrollContainerState: u.Stream<[number, number]>;
250
- windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
251
- windowScrollTo: u.Stream<ScrollToOptions>;
252
- }]) => {
253
- startReached: u.Stream<number>;
254
- endReached: u.Stream<number>;
255
- rangeChanged: u.Stream<import("./interfaces").ListRange>;
256
- propsReady: u.StatefulStream<boolean>;
257
- isScrolling: u.Stream<boolean>;
258
- isAtTop: u.StatefulStream<boolean>;
259
- isAtBottom: u.StatefulStream<boolean>;
260
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
261
- atTopStateChange: u.Stream<boolean>;
262
- atBottomStateChange: u.Stream<boolean>;
263
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
264
- atBottomThreshold: u.StatefulStream<number>;
265
- scrollVelocity: u.StatefulStream<number>;
266
- lastJumpDueToItemResize: u.StatefulStream<number>;
267
- gridState: u.StatefulStream<import("./gridSystem").GridState>;
268
- totalListHeight: u.StatefulStream<number>;
269
- isSeeking: u.StatefulStream<boolean>;
270
- scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
271
- scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
272
- totalCount: u.StatefulStream<number>;
273
- viewportDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
274
- itemDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
275
- scrollTop: u.Stream<number>;
276
- scrollHeight: u.Stream<number>;
277
- overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
278
- scrollBy: u.Stream<ScrollToOptions>;
279
- scrollTo: u.Stream<ScrollToOptions>;
280
- scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
281
- smoothScrollTargetReached: u.Stream<true>;
282
- windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
283
- windowScrollTo: u.Stream<ScrollToOptions>;
284
- useWindowScroll: u.StatefulStream<boolean>;
285
- customScrollParent: u.StatefulStream<HTMLElement | undefined>;
286
- windowScrollContainerState: u.Stream<[number, number]>;
287
- deviation: u.StatefulStream<number>;
288
- scrollContainerState: u.Stream<[number, number]>;
289
- initialItemCount: u.StatefulStream<number>;
290
- }>, u.SystemSpec<u.SystemSpecs, () => {
291
- itemContent: u.StatefulStream<GridItemContent>;
292
- components: u.StatefulStream<GridComponents>;
293
- computeItemKey: u.StatefulStream<GridComputeItemKey>;
294
- itemClassName: u.StatefulStream<string>;
295
- listClassName: u.StatefulStream<string>;
296
- scrollerRef: u.StatefulStream<(ref: HTMLElement | null) => void>;
297
- ListComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridListProps> | null | undefined>;
298
- ItemComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridItem> | null | undefined>;
299
- ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").ScrollerProps> | null | undefined>;
300
- ScrollSeekPlaceholder: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridScrollSeekPlaceholderProps> | null | undefined>;
301
- }>], ([gridSystem, gridComponentPropsSystem]: [{
302
- startReached: u.Stream<number>;
303
- endReached: u.Stream<number>;
304
- rangeChanged: u.Stream<import("./interfaces").ListRange>;
305
- propsReady: u.StatefulStream<boolean>;
306
- isScrolling: u.Stream<boolean>;
307
- isAtTop: u.StatefulStream<boolean>;
308
- isAtBottom: u.StatefulStream<boolean>;
309
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
310
- atTopStateChange: u.Stream<boolean>;
311
- atBottomStateChange: u.Stream<boolean>;
312
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
313
- atBottomThreshold: u.StatefulStream<number>;
314
- scrollVelocity: u.StatefulStream<number>;
315
- lastJumpDueToItemResize: u.StatefulStream<number>;
316
- gridState: u.StatefulStream<import("./gridSystem").GridState>;
317
- totalListHeight: u.StatefulStream<number>;
318
- isSeeking: u.StatefulStream<boolean>;
319
- scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
320
- scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
321
- totalCount: u.StatefulStream<number>;
322
- viewportDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
323
- itemDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
324
- scrollTop: u.Stream<number>;
325
- scrollHeight: u.Stream<number>;
326
- overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
327
- scrollBy: u.Stream<ScrollToOptions>;
328
- scrollTo: u.Stream<ScrollToOptions>;
329
- scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
330
- smoothScrollTargetReached: u.Stream<true>;
331
- windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
332
- windowScrollTo: u.Stream<ScrollToOptions>;
333
- useWindowScroll: u.StatefulStream<boolean>;
334
- customScrollParent: u.StatefulStream<HTMLElement | undefined>;
335
- windowScrollContainerState: u.Stream<[number, number]>;
336
- deviation: u.StatefulStream<number>;
337
- scrollContainerState: u.Stream<[number, number]>;
338
- initialItemCount: u.StatefulStream<number>;
339
- }, {
340
- itemContent: u.StatefulStream<GridItemContent>;
341
- components: u.StatefulStream<GridComponents>;
342
- computeItemKey: u.StatefulStream<GridComputeItemKey>;
343
- itemClassName: u.StatefulStream<string>;
344
- listClassName: u.StatefulStream<string>;
345
- scrollerRef: u.StatefulStream<(ref: HTMLElement | null) => void>;
346
- ListComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridListProps> | null | undefined>;
347
- ItemComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridItem> | null | undefined>;
348
- ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").ScrollerProps> | null | undefined>;
349
- ScrollSeekPlaceholder: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridScrollSeekPlaceholderProps> | null | undefined>;
350
- }]) => {
351
- item: u.Stream<GridItemContent>;
352
- ItemContainer: u.Stream<any>;
353
- ScrollContainer: u.Stream<any>;
354
- ListContainer: u.Stream<any>;
355
- emptyComponent: u.Stream<any>;
356
- scrollSeek: u.Stream<any>;
357
- itemContent: u.StatefulStream<GridItemContent>;
358
- components: u.StatefulStream<GridComponents>;
359
- computeItemKey: u.StatefulStream<GridComputeItemKey>;
360
- itemClassName: u.StatefulStream<string>;
361
- listClassName: u.StatefulStream<string>;
362
- scrollerRef: u.StatefulStream<(ref: HTMLElement | null) => void>;
363
- ListComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridListProps> | null | undefined>;
364
- ItemComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridItem> | null | undefined>;
365
- ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").ScrollerProps> | null | undefined>;
366
- ScrollSeekPlaceholder: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridScrollSeekPlaceholderProps> | null | undefined>;
367
- startReached: u.Stream<number>;
368
- endReached: u.Stream<number>;
369
- rangeChanged: u.Stream<import("./interfaces").ListRange>;
370
- propsReady: u.StatefulStream<boolean>;
371
- isScrolling: u.Stream<boolean>;
372
- isAtTop: u.StatefulStream<boolean>;
373
- isAtBottom: u.StatefulStream<boolean>;
374
- atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
375
- atTopStateChange: u.Stream<boolean>;
376
- atBottomStateChange: u.Stream<boolean>;
377
- scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
378
- atBottomThreshold: u.StatefulStream<number>;
379
- scrollVelocity: u.StatefulStream<number>;
380
- lastJumpDueToItemResize: u.StatefulStream<number>;
381
- gridState: u.StatefulStream<import("./gridSystem").GridState>;
382
- totalListHeight: u.StatefulStream<number>;
383
- isSeeking: u.StatefulStream<boolean>;
384
- scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
385
- scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
386
- totalCount: u.StatefulStream<number>;
387
- viewportDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
388
- itemDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
389
- scrollTop: u.Stream<number>;
390
- scrollHeight: u.Stream<number>;
391
- overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
392
- scrollBy: u.Stream<ScrollToOptions>;
393
- scrollTo: u.Stream<ScrollToOptions>;
394
- scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
395
- smoothScrollTargetReached: u.Stream<true>;
396
- windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
397
- windowScrollTo: u.Stream<ScrollToOptions>;
398
- useWindowScroll: u.StatefulStream<boolean>;
399
- customScrollParent: u.StatefulStream<HTMLElement | undefined>;
400
- windowScrollContainerState: u.Stream<[number, number]>;
401
- deviation: u.StatefulStream<number>;
402
- scrollContainerState: u.Stream<[number, number]>;
403
- initialItemCount: u.StatefulStream<number>;
404
- }>, {
405
- optional: {
406
- totalCount: "totalCount";
407
- overscan: "overscan";
408
- itemContent: "itemContent";
409
- components: "components";
410
- computeItemKey: "computeItemKey";
411
- initialItemCount: "initialItemCount";
412
- scrollSeekConfiguration: "scrollSeekConfiguration";
413
- listClassName: "listClassName";
414
- itemClassName: "itemClassName";
415
- useWindowScroll: "useWindowScroll";
416
- customScrollParent: "customScrollParent";
417
- scrollerRef: "scrollerRef";
418
- item: "item";
419
- ItemContainer: "ItemContainer";
420
- ScrollContainer: "ScrollContainer";
421
- ListContainer: "ListContainer";
422
- scrollSeek: "scrollSeek";
423
- };
424
- methods: {
425
- scrollTo: "scrollTo";
426
- scrollBy: "scrollBy";
427
- scrollToIndex: "scrollToIndex";
428
- };
429
- events: {
430
- isScrolling: "isScrolling";
431
- endReached: "endReached";
432
- startReached: "startReached";
433
- rangeChanged: "rangeChanged";
434
- atBottomStateChange: "atBottomStateChange";
435
- atTopStateChange: "atTopStateChange";
436
- };
437
- }>>>;
438
- export declare type foo<T> = T extends React.ForwardRefExoticComponent<React.RefAttributes<infer Handle>> ? Handle : never;
439
- export declare type GridHandle = RefHandle<typeof Grid>;
440
- export { Grid };
1
+ import { RefHandle } from '@virtuoso.dev/react-urx';
2
+ import * as u from '@virtuoso.dev/urx';
3
+ import * as React from 'react';
4
+ import { GridComponents, GridComputeItemKey, GridItemContent, GridRootProps } from './interfaces';
5
+ declare const Grid: React.ForwardRefExoticComponent<{} & {
6
+ item?: GridItemContent<any> | undefined;
7
+ scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
8
+ totalCount?: number | undefined;
9
+ overscan?: import("./sizeRangeSystem").Overscan | undefined;
10
+ useWindowScroll?: boolean | undefined;
11
+ customScrollParent?: HTMLElement | undefined;
12
+ initialItemCount?: number | undefined;
13
+ scrollSeek?: any;
14
+ itemContent?: GridItemContent<any> | undefined;
15
+ components?: GridComponents<any> | undefined;
16
+ computeItemKey?: GridComputeItemKey | undefined;
17
+ scrollerRef?: ((ref: HTMLElement | null) => void) | undefined;
18
+ ItemContainer?: any;
19
+ ScrollContainer?: any;
20
+ ListContainer?: any;
21
+ itemClassName?: string | undefined;
22
+ listClassName?: string | undefined;
23
+ } & {
24
+ isScrolling?: ((value: boolean) => void) | undefined;
25
+ atTopStateChange?: ((value: boolean) => void) | undefined;
26
+ atBottomStateChange?: ((value: boolean) => void) | undefined;
27
+ startReached?: ((value: number) => void) | undefined;
28
+ endReached?: ((value: number) => void) | undefined;
29
+ rangeChanged?: ((value: import("./interfaces").ListRange) => void) | undefined;
30
+ } & GridRootProps & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<u.SystemSpec<[u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
31
+ scrollContainerState: u.Stream<[number, number]>;
32
+ scrollTop: u.Stream<number>;
33
+ viewportHeight: u.Stream<number>;
34
+ headerHeight: u.StatefulStream<number>;
35
+ footerHeight: u.StatefulStream<number>;
36
+ scrollHeight: u.Stream<number>;
37
+ smoothScrollTargetReached: u.Stream<true>;
38
+ scrollTo: u.Stream<ScrollToOptions>;
39
+ scrollBy: u.Stream<ScrollToOptions>;
40
+ statefulScrollTop: u.StatefulStream<number>;
41
+ deviation: u.StatefulStream<number>;
42
+ scrollingInProgress: u.StatefulStream<boolean>;
43
+ }>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
44
+ scrollContainerState: u.Stream<[number, number]>;
45
+ scrollTop: u.Stream<number>;
46
+ viewportHeight: u.Stream<number>;
47
+ headerHeight: u.StatefulStream<number>;
48
+ footerHeight: u.StatefulStream<number>;
49
+ scrollHeight: u.Stream<number>;
50
+ smoothScrollTargetReached: u.Stream<true>;
51
+ scrollTo: u.Stream<ScrollToOptions>;
52
+ scrollBy: u.Stream<ScrollToOptions>;
53
+ statefulScrollTop: u.StatefulStream<number>;
54
+ deviation: u.StatefulStream<number>;
55
+ scrollingInProgress: u.StatefulStream<boolean>;
56
+ }]) => {
57
+ listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
58
+ overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
59
+ topListHeight: u.StatefulStream<number>;
60
+ fixedHeaderHeight: u.StatefulStream<number>;
61
+ increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
62
+ visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
63
+ }>, u.SystemSpec<never[], () => {
64
+ scrollContainerState: u.Stream<[number, number]>;
65
+ scrollTop: u.Stream<number>;
66
+ viewportHeight: u.Stream<number>;
67
+ headerHeight: u.StatefulStream<number>;
68
+ footerHeight: u.StatefulStream<number>;
69
+ scrollHeight: u.Stream<number>;
70
+ smoothScrollTargetReached: u.Stream<true>;
71
+ scrollTo: u.Stream<ScrollToOptions>;
72
+ scrollBy: u.Stream<ScrollToOptions>;
73
+ statefulScrollTop: u.StatefulStream<number>;
74
+ deviation: u.StatefulStream<number>;
75
+ scrollingInProgress: u.StatefulStream<boolean>;
76
+ }>, u.SystemSpec<[u.SystemSpec<never[], () => {
77
+ scrollContainerState: u.Stream<[number, number]>;
78
+ scrollTop: u.Stream<number>;
79
+ viewportHeight: u.Stream<number>;
80
+ headerHeight: u.StatefulStream<number>;
81
+ footerHeight: u.StatefulStream<number>;
82
+ scrollHeight: u.Stream<number>;
83
+ smoothScrollTargetReached: u.Stream<true>;
84
+ scrollTo: u.Stream<ScrollToOptions>;
85
+ scrollBy: u.Stream<ScrollToOptions>;
86
+ statefulScrollTop: u.StatefulStream<number>;
87
+ deviation: u.StatefulStream<number>;
88
+ scrollingInProgress: u.StatefulStream<boolean>;
89
+ }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
90
+ scrollContainerState: u.Stream<[number, number]>;
91
+ scrollTop: u.Stream<number>;
92
+ viewportHeight: u.Stream<number>;
93
+ headerHeight: u.StatefulStream<number>;
94
+ footerHeight: u.StatefulStream<number>;
95
+ scrollHeight: u.Stream<number>;
96
+ smoothScrollTargetReached: u.Stream<true>;
97
+ scrollTo: u.Stream<ScrollToOptions>;
98
+ scrollBy: u.Stream<ScrollToOptions>;
99
+ statefulScrollTop: u.StatefulStream<number>;
100
+ deviation: u.StatefulStream<number>;
101
+ scrollingInProgress: u.StatefulStream<boolean>;
102
+ }]) => {
103
+ isScrolling: u.Stream<boolean>;
104
+ isAtTop: u.StatefulStream<boolean>;
105
+ isAtBottom: u.StatefulStream<boolean>;
106
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
107
+ atTopStateChange: u.Stream<boolean>;
108
+ atBottomStateChange: u.Stream<boolean>;
109
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
110
+ atBottomThreshold: u.StatefulStream<number>;
111
+ scrollVelocity: u.StatefulStream<number>;
112
+ lastJumpDueToItemResize: u.StatefulStream<number>;
113
+ }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
114
+ scrollContainerState: u.Stream<[number, number]>;
115
+ scrollTop: u.Stream<number>;
116
+ viewportHeight: u.Stream<number>;
117
+ headerHeight: u.StatefulStream<number>;
118
+ footerHeight: u.StatefulStream<number>;
119
+ scrollHeight: u.Stream<number>;
120
+ smoothScrollTargetReached: u.Stream<true>;
121
+ scrollTo: u.Stream<ScrollToOptions>;
122
+ scrollBy: u.Stream<ScrollToOptions>;
123
+ statefulScrollTop: u.StatefulStream<number>;
124
+ deviation: u.StatefulStream<number>;
125
+ scrollingInProgress: u.StatefulStream<boolean>;
126
+ }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
127
+ scrollContainerState: u.Stream<[number, number]>;
128
+ scrollTop: u.Stream<number>;
129
+ viewportHeight: u.Stream<number>;
130
+ headerHeight: u.StatefulStream<number>;
131
+ footerHeight: u.StatefulStream<number>;
132
+ scrollHeight: u.Stream<number>;
133
+ smoothScrollTargetReached: u.Stream<true>;
134
+ scrollTo: u.Stream<ScrollToOptions>;
135
+ scrollBy: u.Stream<ScrollToOptions>;
136
+ statefulScrollTop: u.StatefulStream<number>;
137
+ deviation: u.StatefulStream<number>;
138
+ scrollingInProgress: u.StatefulStream<boolean>;
139
+ }]) => {
140
+ isScrolling: u.Stream<boolean>;
141
+ isAtTop: u.StatefulStream<boolean>;
142
+ isAtBottom: u.StatefulStream<boolean>;
143
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
144
+ atTopStateChange: u.Stream<boolean>;
145
+ atBottomStateChange: u.Stream<boolean>;
146
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
147
+ atBottomThreshold: u.StatefulStream<number>;
148
+ scrollVelocity: u.StatefulStream<number>;
149
+ lastJumpDueToItemResize: u.StatefulStream<number>;
150
+ }>], ([{ scrollVelocity }]: [{
151
+ isScrolling: u.Stream<boolean>;
152
+ isAtTop: u.StatefulStream<boolean>;
153
+ isAtBottom: u.StatefulStream<boolean>;
154
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
155
+ atTopStateChange: u.Stream<boolean>;
156
+ atBottomStateChange: u.Stream<boolean>;
157
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
158
+ atBottomThreshold: u.StatefulStream<number>;
159
+ scrollVelocity: u.StatefulStream<number>;
160
+ lastJumpDueToItemResize: u.StatefulStream<number>;
161
+ }]) => {
162
+ isSeeking: u.StatefulStream<boolean>;
163
+ scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
164
+ scrollVelocity: u.StatefulStream<number>;
165
+ scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
166
+ }>, u.SystemSpec<[u.SystemSpec<never[], () => {
167
+ log: u.StatefulStream<import("./loggerSystem").Log>;
168
+ logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
169
+ }>], ([{ log }]: [{
170
+ log: u.StatefulStream<import("./loggerSystem").Log>;
171
+ logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
172
+ }]) => {
173
+ propsReady: u.StatefulStream<boolean>;
174
+ didMount: u.Stream<boolean>;
175
+ }>, u.SystemSpec<[u.SystemSpec<never[], () => {
176
+ scrollContainerState: u.Stream<[number, number]>;
177
+ scrollTop: u.Stream<number>;
178
+ viewportHeight: u.Stream<number>;
179
+ headerHeight: u.StatefulStream<number>;
180
+ footerHeight: u.StatefulStream<number>;
181
+ scrollHeight: u.Stream<number>;
182
+ smoothScrollTargetReached: u.Stream<true>;
183
+ scrollTo: u.Stream<ScrollToOptions>;
184
+ scrollBy: u.Stream<ScrollToOptions>;
185
+ statefulScrollTop: u.StatefulStream<number>;
186
+ deviation: u.StatefulStream<number>;
187
+ scrollingInProgress: u.StatefulStream<boolean>;
188
+ }>], ([{ scrollTo, scrollContainerState }]: [{
189
+ scrollContainerState: u.Stream<[number, number]>;
190
+ scrollTop: u.Stream<number>;
191
+ viewportHeight: u.Stream<number>;
192
+ headerHeight: u.StatefulStream<number>;
193
+ footerHeight: u.StatefulStream<number>;
194
+ scrollHeight: u.Stream<number>;
195
+ smoothScrollTargetReached: u.Stream<true>;
196
+ scrollTo: u.Stream<ScrollToOptions>;
197
+ scrollBy: u.Stream<ScrollToOptions>;
198
+ statefulScrollTop: u.StatefulStream<number>;
199
+ deviation: u.StatefulStream<number>;
200
+ scrollingInProgress: u.StatefulStream<boolean>;
201
+ }]) => {
202
+ useWindowScroll: u.StatefulStream<boolean>;
203
+ customScrollParent: u.StatefulStream<HTMLElement | undefined>;
204
+ windowScrollContainerState: u.Stream<[number, number]>;
205
+ windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
206
+ windowScrollTo: u.Stream<ScrollToOptions>;
207
+ }>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, customScrollParent, windowScrollContainerState },]: [{
208
+ listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
209
+ overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
210
+ topListHeight: u.StatefulStream<number>;
211
+ fixedHeaderHeight: u.StatefulStream<number>;
212
+ increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
213
+ visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
214
+ }, {
215
+ scrollContainerState: u.Stream<[number, number]>;
216
+ scrollTop: u.Stream<number>;
217
+ viewportHeight: u.Stream<number>;
218
+ headerHeight: u.StatefulStream<number>;
219
+ footerHeight: u.StatefulStream<number>;
220
+ scrollHeight: u.Stream<number>;
221
+ smoothScrollTargetReached: u.Stream<true>;
222
+ scrollTo: u.Stream<ScrollToOptions>;
223
+ scrollBy: u.Stream<ScrollToOptions>;
224
+ statefulScrollTop: u.StatefulStream<number>;
225
+ deviation: u.StatefulStream<number>;
226
+ scrollingInProgress: u.StatefulStream<boolean>;
227
+ }, {
228
+ isScrolling: u.Stream<boolean>;
229
+ isAtTop: u.StatefulStream<boolean>;
230
+ isAtBottom: u.StatefulStream<boolean>;
231
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
232
+ atTopStateChange: u.Stream<boolean>;
233
+ atBottomStateChange: u.Stream<boolean>;
234
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
235
+ atBottomThreshold: u.StatefulStream<number>;
236
+ scrollVelocity: u.StatefulStream<number>;
237
+ lastJumpDueToItemResize: u.StatefulStream<number>;
238
+ }, {
239
+ isSeeking: u.StatefulStream<boolean>;
240
+ scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
241
+ scrollVelocity: u.StatefulStream<number>;
242
+ scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
243
+ }, {
244
+ propsReady: u.StatefulStream<boolean>;
245
+ didMount: u.Stream<boolean>;
246
+ }, {
247
+ useWindowScroll: u.StatefulStream<boolean>;
248
+ customScrollParent: u.StatefulStream<HTMLElement | undefined>;
249
+ windowScrollContainerState: u.Stream<[number, number]>;
250
+ windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
251
+ windowScrollTo: u.Stream<ScrollToOptions>;
252
+ }]) => {
253
+ startReached: u.Stream<number>;
254
+ endReached: u.Stream<number>;
255
+ rangeChanged: u.Stream<import("./interfaces").ListRange>;
256
+ propsReady: u.StatefulStream<boolean>;
257
+ isScrolling: u.Stream<boolean>;
258
+ isAtTop: u.StatefulStream<boolean>;
259
+ isAtBottom: u.StatefulStream<boolean>;
260
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
261
+ atTopStateChange: u.Stream<boolean>;
262
+ atBottomStateChange: u.Stream<boolean>;
263
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
264
+ atBottomThreshold: u.StatefulStream<number>;
265
+ scrollVelocity: u.StatefulStream<number>;
266
+ lastJumpDueToItemResize: u.StatefulStream<number>;
267
+ gridState: u.StatefulStream<import("./gridSystem").GridState>;
268
+ totalListHeight: u.StatefulStream<number>;
269
+ isSeeking: u.StatefulStream<boolean>;
270
+ scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
271
+ scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
272
+ totalCount: u.StatefulStream<number>;
273
+ viewportDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
274
+ itemDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
275
+ scrollTop: u.Stream<number>;
276
+ scrollHeight: u.Stream<number>;
277
+ overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
278
+ scrollBy: u.Stream<ScrollToOptions>;
279
+ scrollTo: u.Stream<ScrollToOptions>;
280
+ scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
281
+ smoothScrollTargetReached: u.Stream<true>;
282
+ windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
283
+ windowScrollTo: u.Stream<ScrollToOptions>;
284
+ useWindowScroll: u.StatefulStream<boolean>;
285
+ customScrollParent: u.StatefulStream<HTMLElement | undefined>;
286
+ windowScrollContainerState: u.Stream<[number, number]>;
287
+ deviation: u.StatefulStream<number>;
288
+ scrollContainerState: u.Stream<[number, number]>;
289
+ initialItemCount: u.StatefulStream<number>;
290
+ }>, u.SystemSpec<u.SystemSpecs, () => {
291
+ context: u.StatefulStream<unknown>;
292
+ itemContent: u.StatefulStream<GridItemContent<any>>;
293
+ components: u.StatefulStream<GridComponents<any>>;
294
+ computeItemKey: u.StatefulStream<GridComputeItemKey>;
295
+ itemClassName: u.StatefulStream<string>;
296
+ listClassName: u.StatefulStream<string>;
297
+ scrollerRef: u.StatefulStream<(ref: HTMLElement | null) => void>;
298
+ ListComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridListProps & {
299
+ context?: any;
300
+ }> | null | undefined>;
301
+ ItemComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridItem & {
302
+ context?: any;
303
+ }> | null | undefined>;
304
+ ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
305
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
306
+ }, "ref" | "style" | "tabIndex" | "children"> & {
307
+ 'data-test-id'?: string | undefined;
308
+ 'data-virtuoso-scroller'?: boolean | undefined;
309
+ } & {
310
+ context?: any;
311
+ }> | null | undefined>;
312
+ ScrollSeekPlaceholder: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridScrollSeekPlaceholderProps & {
313
+ context?: any;
314
+ }> | null | undefined>;
315
+ }>], ([gridSystem, gridComponentPropsSystem]: [{
316
+ startReached: u.Stream<number>;
317
+ endReached: u.Stream<number>;
318
+ rangeChanged: u.Stream<import("./interfaces").ListRange>;
319
+ propsReady: u.StatefulStream<boolean>;
320
+ isScrolling: u.Stream<boolean>;
321
+ isAtTop: u.StatefulStream<boolean>;
322
+ isAtBottom: u.StatefulStream<boolean>;
323
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
324
+ atTopStateChange: u.Stream<boolean>;
325
+ atBottomStateChange: u.Stream<boolean>;
326
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
327
+ atBottomThreshold: u.StatefulStream<number>;
328
+ scrollVelocity: u.StatefulStream<number>;
329
+ lastJumpDueToItemResize: u.StatefulStream<number>;
330
+ gridState: u.StatefulStream<import("./gridSystem").GridState>;
331
+ totalListHeight: u.StatefulStream<number>;
332
+ isSeeking: u.StatefulStream<boolean>;
333
+ scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
334
+ scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
335
+ totalCount: u.StatefulStream<number>;
336
+ viewportDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
337
+ itemDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
338
+ scrollTop: u.Stream<number>;
339
+ scrollHeight: u.Stream<number>;
340
+ overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
341
+ scrollBy: u.Stream<ScrollToOptions>;
342
+ scrollTo: u.Stream<ScrollToOptions>;
343
+ scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
344
+ smoothScrollTargetReached: u.Stream<true>;
345
+ windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
346
+ windowScrollTo: u.Stream<ScrollToOptions>;
347
+ useWindowScroll: u.StatefulStream<boolean>;
348
+ customScrollParent: u.StatefulStream<HTMLElement | undefined>;
349
+ windowScrollContainerState: u.Stream<[number, number]>;
350
+ deviation: u.StatefulStream<number>;
351
+ scrollContainerState: u.Stream<[number, number]>;
352
+ initialItemCount: u.StatefulStream<number>;
353
+ }, {
354
+ context: u.StatefulStream<unknown>;
355
+ itemContent: u.StatefulStream<GridItemContent<any>>;
356
+ components: u.StatefulStream<GridComponents<any>>;
357
+ computeItemKey: u.StatefulStream<GridComputeItemKey>;
358
+ itemClassName: u.StatefulStream<string>;
359
+ listClassName: u.StatefulStream<string>;
360
+ scrollerRef: u.StatefulStream<(ref: HTMLElement | null) => void>;
361
+ ListComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridListProps & {
362
+ context?: any;
363
+ }> | null | undefined>;
364
+ ItemComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridItem & {
365
+ context?: any;
366
+ }> | null | undefined>;
367
+ ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
368
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
369
+ }, "ref" | "style" | "tabIndex" | "children"> & {
370
+ 'data-test-id'?: string | undefined;
371
+ 'data-virtuoso-scroller'?: boolean | undefined;
372
+ } & {
373
+ context?: any;
374
+ }> | null | undefined>;
375
+ ScrollSeekPlaceholder: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridScrollSeekPlaceholderProps & {
376
+ context?: any;
377
+ }> | null | undefined>;
378
+ }]) => {
379
+ item: u.Stream<GridItemContent<any>>;
380
+ ItemContainer: u.Stream<any>;
381
+ ScrollContainer: u.Stream<any>;
382
+ ListContainer: u.Stream<any>;
383
+ emptyComponent: u.Stream<any>;
384
+ scrollSeek: u.Stream<any>;
385
+ context: u.StatefulStream<unknown>;
386
+ itemContent: u.StatefulStream<GridItemContent<any>>;
387
+ components: u.StatefulStream<GridComponents<any>>;
388
+ computeItemKey: u.StatefulStream<GridComputeItemKey>;
389
+ itemClassName: u.StatefulStream<string>;
390
+ listClassName: u.StatefulStream<string>;
391
+ scrollerRef: u.StatefulStream<(ref: HTMLElement | null) => void>;
392
+ ListComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridListProps & {
393
+ context?: any;
394
+ }> | null | undefined>;
395
+ ItemComponent: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridItem & {
396
+ context?: any;
397
+ }> | null | undefined>;
398
+ ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
399
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
400
+ }, "ref" | "style" | "tabIndex" | "children"> & {
401
+ 'data-test-id'?: string | undefined;
402
+ 'data-virtuoso-scroller'?: boolean | undefined;
403
+ } & {
404
+ context?: any;
405
+ }> | null | undefined>;
406
+ ScrollSeekPlaceholder: u.StatefulStream<"div" | React.ComponentType<import("./interfaces").GridScrollSeekPlaceholderProps & {
407
+ context?: any;
408
+ }> | null | undefined>;
409
+ startReached: u.Stream<number>;
410
+ endReached: u.Stream<number>;
411
+ rangeChanged: u.Stream<import("./interfaces").ListRange>;
412
+ propsReady: u.StatefulStream<boolean>;
413
+ isScrolling: u.Stream<boolean>;
414
+ isAtTop: u.StatefulStream<boolean>;
415
+ isAtBottom: u.StatefulStream<boolean>;
416
+ atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
417
+ atTopStateChange: u.Stream<boolean>;
418
+ atBottomStateChange: u.Stream<boolean>;
419
+ scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
420
+ atBottomThreshold: u.StatefulStream<number>;
421
+ scrollVelocity: u.StatefulStream<number>;
422
+ lastJumpDueToItemResize: u.StatefulStream<number>;
423
+ gridState: u.StatefulStream<import("./gridSystem").GridState>;
424
+ totalListHeight: u.StatefulStream<number>;
425
+ isSeeking: u.StatefulStream<boolean>;
426
+ scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
427
+ scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
428
+ totalCount: u.StatefulStream<number>;
429
+ viewportDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
430
+ itemDimensions: u.StatefulStream<import("./gridSystem").ElementDimensions>;
431
+ scrollTop: u.Stream<number>;
432
+ scrollHeight: u.Stream<number>;
433
+ overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
434
+ scrollBy: u.Stream<ScrollToOptions>;
435
+ scrollTo: u.Stream<ScrollToOptions>;
436
+ scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
437
+ smoothScrollTargetReached: u.Stream<true>;
438
+ windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
439
+ windowScrollTo: u.Stream<ScrollToOptions>;
440
+ useWindowScroll: u.StatefulStream<boolean>;
441
+ customScrollParent: u.StatefulStream<HTMLElement | undefined>;
442
+ windowScrollContainerState: u.Stream<[number, number]>;
443
+ deviation: u.StatefulStream<number>;
444
+ scrollContainerState: u.Stream<[number, number]>;
445
+ initialItemCount: u.StatefulStream<number>;
446
+ }>, {
447
+ optional: {
448
+ totalCount: "totalCount";
449
+ overscan: "overscan";
450
+ itemContent: "itemContent";
451
+ components: "components";
452
+ computeItemKey: "computeItemKey";
453
+ initialItemCount: "initialItemCount";
454
+ scrollSeekConfiguration: "scrollSeekConfiguration";
455
+ listClassName: "listClassName";
456
+ itemClassName: "itemClassName";
457
+ useWindowScroll: "useWindowScroll";
458
+ customScrollParent: "customScrollParent";
459
+ scrollerRef: "scrollerRef";
460
+ item: "item";
461
+ ItemContainer: "ItemContainer";
462
+ ScrollContainer: "ScrollContainer";
463
+ ListContainer: "ListContainer";
464
+ scrollSeek: "scrollSeek";
465
+ };
466
+ methods: {
467
+ scrollTo: "scrollTo";
468
+ scrollBy: "scrollBy";
469
+ scrollToIndex: "scrollToIndex";
470
+ };
471
+ events: {
472
+ isScrolling: "isScrolling";
473
+ endReached: "endReached";
474
+ startReached: "startReached";
475
+ rangeChanged: "rangeChanged";
476
+ atBottomStateChange: "atBottomStateChange";
477
+ atTopStateChange: "atTopStateChange";
478
+ };
479
+ }>>>;
480
+ export declare type foo<T> = T extends React.ForwardRefExoticComponent<React.RefAttributes<infer Handle>> ? Handle : never;
481
+ export declare type GridHandle = RefHandle<typeof Grid>;
482
+ export { Grid };