@ringcentral/juno 2.10.0 → 2.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Dialog/Dialog.js +4 -2
- package/components/Downshift/SuggestionList/SuggestionList.d.ts +3 -3
- package/components/Drawer/Drawer.js +3 -1
- package/components/Forms/TextField/TextField.d.ts +2 -2
- package/components/Forms/TextField/TextField.js +19 -4
- package/components/PortalHost/context/HasPortalParentContext.d.ts +3 -0
- package/components/PortalHost/context/HasPortalParentContext.js +9 -0
- package/components/PortalHost/utils/usePortalManagerWithID.js +5 -4
- package/components/Snackbar/Snackbar.js +3 -1
- package/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabs.js +17 -13
- package/components/VirtualizedMenu/VirtualizedMenu.js +4 -12
- package/components/Virtuoso/react-virtuoso/Grid.d.ts +28 -18
- package/components/Virtuoso/react-virtuoso/List.d.ts +487 -183
- package/components/Virtuoso/react-virtuoso/List.js +13 -2
- package/components/Virtuoso/react-virtuoso/Table.d.ts +434 -172
- package/components/Virtuoso/react-virtuoso/Table.js +14 -2
- package/components/Virtuoso/react-virtuoso/alignToBottomSystem.d.ts +32 -16
- package/components/Virtuoso/react-virtuoso/components.d.ts +8 -0
- package/components/Virtuoso/react-virtuoso/domIOSystem.d.ts +3 -1
- package/components/Virtuoso/react-virtuoso/domIOSystem.js +4 -2
- package/components/Virtuoso/react-virtuoso/followOutputSystem.d.ts +20 -10
- package/components/Virtuoso/react-virtuoso/followOutputSystem.js +1 -0
- package/components/Virtuoso/react-virtuoso/gridSystem.d.ts +24 -14
- package/components/Virtuoso/react-virtuoso/groupedListSystem.d.ts +4 -2
- package/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.d.ts +2 -1
- package/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.js +5 -10
- package/components/Virtuoso/react-virtuoso/hooks/useScrollTop.d.ts +2 -1
- package/components/Virtuoso/react-virtuoso/hooks/useScrollTop.js +16 -7
- package/components/Virtuoso/react-virtuoso/hooks/useWindowViewportRect.js +2 -2
- package/components/Virtuoso/react-virtuoso/initialItemCountSystem.d.ts +24 -12
- package/components/Virtuoso/react-virtuoso/initialScrollTopSystem.d.ts +32 -16
- package/components/Virtuoso/react-virtuoso/initialTopMostItemIndexSystem.d.ts +8 -4
- package/components/Virtuoso/react-virtuoso/initialTopMostItemIndexSystem.js +1 -1
- package/components/Virtuoso/react-virtuoso/interfaces.d.ts +22 -5
- package/components/Virtuoso/react-virtuoso/listStateSystem.d.ts +24 -12
- package/components/Virtuoso/react-virtuoso/listSystem.d.ts +287 -146
- package/components/Virtuoso/react-virtuoso/scrollIntoViewSystem.d.ts +32 -16
- package/components/Virtuoso/react-virtuoso/scrollSeekSystem.d.ts +4 -2
- package/components/Virtuoso/react-virtuoso/scrollToIndexSystem.d.ts +4 -2
- package/components/Virtuoso/react-virtuoso/sizeRangeSystem.d.ts +4 -2
- package/components/Virtuoso/react-virtuoso/stateFlagsSystem.d.ts +4 -2
- package/components/Virtuoso/react-virtuoso/stateFlagsSystem.js +5 -4
- package/components/Virtuoso/react-virtuoso/topItemCountSystem.d.ts +24 -12
- package/components/Virtuoso/react-virtuoso/totalListHeightSystem.d.ts +28 -14
- package/components/Virtuoso/react-virtuoso/totalListHeightSystem.js +4 -0
- package/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.d.ts +32 -16
- package/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.js +12 -35
- package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.d.ts +1 -0
- package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js +7 -0
- package/components/Virtuoso/react-virtuoso/windowScrollerSystem.d.ts +6 -4
- package/components/Virtuoso/react-virtuoso/windowScrollerSystem.js +6 -2
- package/components/Virtuoso/utils/useHighlightScroll.js +1 -2
- package/es6/components/Dialog/Dialog.js +4 -2
- package/es6/components/Drawer/Drawer.js +3 -1
- package/es6/components/Forms/TextField/TextField.js +20 -5
- package/es6/components/PortalHost/context/HasPortalParentContext.js +6 -0
- package/es6/components/PortalHost/utils/usePortalManagerWithID.js +5 -4
- package/es6/components/Snackbar/Snackbar.js +3 -1
- package/es6/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabs.js +17 -13
- package/es6/components/VirtualizedMenu/VirtualizedMenu.js +6 -14
- package/es6/components/Virtuoso/react-virtuoso/List.js +14 -3
- package/es6/components/Virtuoso/react-virtuoso/Table.js +14 -2
- package/es6/components/Virtuoso/react-virtuoso/domIOSystem.js +4 -3
- package/es6/components/Virtuoso/react-virtuoso/followOutputSystem.js +1 -0
- package/es6/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.js +5 -10
- package/es6/components/Virtuoso/react-virtuoso/hooks/useScrollTop.js +16 -7
- package/es6/components/Virtuoso/react-virtuoso/hooks/useWindowViewportRect.js +2 -2
- package/es6/components/Virtuoso/react-virtuoso/initialTopMostItemIndexSystem.js +1 -1
- package/es6/components/Virtuoso/react-virtuoso/stateFlagsSystem.js +5 -4
- package/es6/components/Virtuoso/react-virtuoso/totalListHeightSystem.js +4 -0
- package/es6/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.js +12 -35
- package/es6/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js +4 -0
- package/es6/components/Virtuoso/react-virtuoso/windowScrollerSystem.js +6 -2
- package/es6/components/Virtuoso/utils/useHighlightScroll.js +1 -2
- package/package.json +2 -2
|
@@ -18,26 +18,28 @@ export interface GridState extends GridLayout {
|
|
|
18
18
|
itemWidth: number;
|
|
19
19
|
}
|
|
20
20
|
export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
21
|
-
scrollContainerState: u.Stream<
|
|
21
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
22
22
|
scrollTop: u.Stream<number>;
|
|
23
23
|
viewportHeight: u.Stream<number>;
|
|
24
24
|
headerHeight: u.StatefulStream<number>;
|
|
25
25
|
footerHeight: u.StatefulStream<number>;
|
|
26
26
|
scrollHeight: u.Stream<number>;
|
|
27
27
|
smoothScrollTargetReached: u.Stream<true>;
|
|
28
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
28
29
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
29
30
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
30
31
|
statefulScrollTop: u.StatefulStream<number>;
|
|
31
32
|
deviation: u.StatefulStream<number>;
|
|
32
33
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
33
34
|
}>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
|
|
34
|
-
scrollContainerState: u.Stream<
|
|
35
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
35
36
|
scrollTop: u.Stream<number>;
|
|
36
37
|
viewportHeight: u.Stream<number>;
|
|
37
38
|
headerHeight: u.StatefulStream<number>;
|
|
38
39
|
footerHeight: u.StatefulStream<number>;
|
|
39
40
|
scrollHeight: u.Stream<number>;
|
|
40
41
|
smoothScrollTargetReached: u.Stream<true>;
|
|
42
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
41
43
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
42
44
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
43
45
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -51,39 +53,42 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
51
53
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
52
54
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
53
55
|
}>, u.SystemSpec<never[], () => {
|
|
54
|
-
scrollContainerState: u.Stream<
|
|
56
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
55
57
|
scrollTop: u.Stream<number>;
|
|
56
58
|
viewportHeight: u.Stream<number>;
|
|
57
59
|
headerHeight: u.StatefulStream<number>;
|
|
58
60
|
footerHeight: u.StatefulStream<number>;
|
|
59
61
|
scrollHeight: u.Stream<number>;
|
|
60
62
|
smoothScrollTargetReached: u.Stream<true>;
|
|
63
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
61
64
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
62
65
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
63
66
|
statefulScrollTop: u.StatefulStream<number>;
|
|
64
67
|
deviation: u.StatefulStream<number>;
|
|
65
68
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
66
69
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
67
|
-
scrollContainerState: u.Stream<
|
|
70
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
68
71
|
scrollTop: u.Stream<number>;
|
|
69
72
|
viewportHeight: u.Stream<number>;
|
|
70
73
|
headerHeight: u.StatefulStream<number>;
|
|
71
74
|
footerHeight: u.StatefulStream<number>;
|
|
72
75
|
scrollHeight: u.Stream<number>;
|
|
73
76
|
smoothScrollTargetReached: u.Stream<true>;
|
|
77
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
74
78
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
75
79
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
76
80
|
statefulScrollTop: u.StatefulStream<number>;
|
|
77
81
|
deviation: u.StatefulStream<number>;
|
|
78
82
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
79
83
|
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
|
|
80
|
-
scrollContainerState: u.Stream<
|
|
84
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
81
85
|
scrollTop: u.Stream<number>;
|
|
82
86
|
viewportHeight: u.Stream<number>;
|
|
83
87
|
headerHeight: u.StatefulStream<number>;
|
|
84
88
|
footerHeight: u.StatefulStream<number>;
|
|
85
89
|
scrollHeight: u.Stream<number>;
|
|
86
90
|
smoothScrollTargetReached: u.Stream<true>;
|
|
91
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
87
92
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
88
93
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
89
94
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -101,26 +106,28 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
101
106
|
scrollVelocity: u.StatefulStream<number>;
|
|
102
107
|
lastJumpDueToItemResize: u.StatefulStream<number>;
|
|
103
108
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
104
|
-
scrollContainerState: u.Stream<
|
|
109
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
105
110
|
scrollTop: u.Stream<number>;
|
|
106
111
|
viewportHeight: u.Stream<number>;
|
|
107
112
|
headerHeight: u.StatefulStream<number>;
|
|
108
113
|
footerHeight: u.StatefulStream<number>;
|
|
109
114
|
scrollHeight: u.Stream<number>;
|
|
110
115
|
smoothScrollTargetReached: u.Stream<true>;
|
|
116
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
111
117
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
112
118
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
113
119
|
statefulScrollTop: u.StatefulStream<number>;
|
|
114
120
|
deviation: u.StatefulStream<number>;
|
|
115
121
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
116
122
|
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
|
|
117
|
-
scrollContainerState: u.Stream<
|
|
123
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
118
124
|
scrollTop: u.Stream<number>;
|
|
119
125
|
viewportHeight: u.Stream<number>;
|
|
120
126
|
headerHeight: u.StatefulStream<number>;
|
|
121
127
|
footerHeight: u.StatefulStream<number>;
|
|
122
128
|
scrollHeight: u.Stream<number>;
|
|
123
129
|
smoothScrollTargetReached: u.Stream<true>;
|
|
130
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
124
131
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
125
132
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
126
133
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -163,26 +170,28 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
163
170
|
propsReady: u.StatefulStream<boolean>;
|
|
164
171
|
didMount: u.Stream<boolean>;
|
|
165
172
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
166
|
-
scrollContainerState: u.Stream<
|
|
173
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
167
174
|
scrollTop: u.Stream<number>;
|
|
168
175
|
viewportHeight: u.Stream<number>;
|
|
169
176
|
headerHeight: u.StatefulStream<number>;
|
|
170
177
|
footerHeight: u.StatefulStream<number>;
|
|
171
178
|
scrollHeight: u.Stream<number>;
|
|
172
179
|
smoothScrollTargetReached: u.Stream<true>;
|
|
180
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
173
181
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
174
182
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
175
183
|
statefulScrollTop: u.StatefulStream<number>;
|
|
176
184
|
deviation: u.StatefulStream<number>;
|
|
177
185
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
178
186
|
}>], ([{ scrollTo, scrollContainerState }]: [{
|
|
179
|
-
scrollContainerState: u.Stream<
|
|
187
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
180
188
|
scrollTop: u.Stream<number>;
|
|
181
189
|
viewportHeight: u.Stream<number>;
|
|
182
190
|
headerHeight: u.StatefulStream<number>;
|
|
183
191
|
footerHeight: u.StatefulStream<number>;
|
|
184
192
|
scrollHeight: u.Stream<number>;
|
|
185
193
|
smoothScrollTargetReached: u.Stream<true>;
|
|
194
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
186
195
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
187
196
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
188
197
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -191,7 +200,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
191
200
|
}]) => {
|
|
192
201
|
useWindowScroll: u.StatefulStream<boolean>;
|
|
193
202
|
customScrollParent: u.StatefulStream<HTMLElement | undefined>;
|
|
194
|
-
windowScrollContainerState: u.Stream<
|
|
203
|
+
windowScrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
195
204
|
windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
|
|
196
205
|
windowScrollTo: u.Stream<ScrollToOptions>;
|
|
197
206
|
}>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState, }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, customScrollParent, windowScrollContainerState, },]: [{
|
|
@@ -202,13 +211,14 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
202
211
|
increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
|
|
203
212
|
visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
|
|
204
213
|
}, {
|
|
205
|
-
scrollContainerState: u.Stream<
|
|
214
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
206
215
|
scrollTop: u.Stream<number>;
|
|
207
216
|
viewportHeight: u.Stream<number>;
|
|
208
217
|
headerHeight: u.StatefulStream<number>;
|
|
209
218
|
footerHeight: u.StatefulStream<number>;
|
|
210
219
|
scrollHeight: u.Stream<number>;
|
|
211
220
|
smoothScrollTargetReached: u.Stream<true>;
|
|
221
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
212
222
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
213
223
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
214
224
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -236,7 +246,7 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
236
246
|
}, {
|
|
237
247
|
useWindowScroll: u.StatefulStream<boolean>;
|
|
238
248
|
customScrollParent: u.StatefulStream<HTMLElement | undefined>;
|
|
239
|
-
windowScrollContainerState: u.Stream<
|
|
249
|
+
windowScrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
240
250
|
windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
|
|
241
251
|
windowScrollTo: u.Stream<ScrollToOptions>;
|
|
242
252
|
}]) => {
|
|
@@ -273,8 +283,8 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
|
|
|
273
283
|
windowScrollTo: u.Stream<ScrollToOptions>;
|
|
274
284
|
useWindowScroll: u.StatefulStream<boolean>;
|
|
275
285
|
customScrollParent: u.StatefulStream<HTMLElement | undefined>;
|
|
276
|
-
windowScrollContainerState: u.Stream<
|
|
286
|
+
windowScrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
277
287
|
deviation: u.StatefulStream<number>;
|
|
278
|
-
scrollContainerState: u.Stream<
|
|
288
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
279
289
|
initialItemCount: u.StatefulStream<number>;
|
|
280
290
|
}>;
|
|
@@ -27,13 +27,14 @@ export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[
|
|
|
27
27
|
trackItemSizes: import("@virtuoso.dev/urx").StatefulStream<boolean>;
|
|
28
28
|
itemSize: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
29
29
|
}>, import("@virtuoso.dev/urx").SystemSpec<never[], () => {
|
|
30
|
-
scrollContainerState: import("@virtuoso.dev/urx").Stream<
|
|
30
|
+
scrollContainerState: import("@virtuoso.dev/urx").Stream<import("./interfaces").ScrollContainerState>;
|
|
31
31
|
scrollTop: import("@virtuoso.dev/urx").Stream<number>;
|
|
32
32
|
viewportHeight: import("@virtuoso.dev/urx").Stream<number>;
|
|
33
33
|
headerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
34
34
|
footerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
35
35
|
scrollHeight: import("@virtuoso.dev/urx").Stream<number>;
|
|
36
36
|
smoothScrollTargetReached: import("@virtuoso.dev/urx").Stream<true>;
|
|
37
|
+
react18ConcurrentRendering: import("@virtuoso.dev/urx").StatefulStream<boolean>;
|
|
37
38
|
scrollTo: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
|
|
38
39
|
scrollBy: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
|
|
39
40
|
statefulScrollTop: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
@@ -57,13 +58,14 @@ export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[
|
|
|
57
58
|
trackItemSizes: import("@virtuoso.dev/urx").StatefulStream<boolean>;
|
|
58
59
|
itemSize: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
59
60
|
}, {
|
|
60
|
-
scrollContainerState: import("@virtuoso.dev/urx").Stream<
|
|
61
|
+
scrollContainerState: import("@virtuoso.dev/urx").Stream<import("./interfaces").ScrollContainerState>;
|
|
61
62
|
scrollTop: import("@virtuoso.dev/urx").Stream<number>;
|
|
62
63
|
viewportHeight: import("@virtuoso.dev/urx").Stream<number>;
|
|
63
64
|
headerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
64
65
|
footerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
65
66
|
scrollHeight: import("@virtuoso.dev/urx").Stream<number>;
|
|
66
67
|
smoothScrollTargetReached: import("@virtuoso.dev/urx").Stream<true>;
|
|
68
|
+
react18ConcurrentRendering: import("@virtuoso.dev/urx").StatefulStream<boolean>;
|
|
67
69
|
scrollTo: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
|
|
68
70
|
scrollBy: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
|
|
69
71
|
statefulScrollTop: import("@virtuoso.dev/urx").StatefulStream<number>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ScrollContainerState } from '../interfaces';
|
|
1
2
|
import { Log } from '../loggerSystem';
|
|
2
3
|
import { SizeFunction, SizeRange } from '../sizeSystem';
|
|
3
|
-
export default function useChangedListContentsSizes(callback: (ranges: SizeRange[]) => void, itemSize: SizeFunction, enabled: boolean, scrollContainerStateCallback: (state:
|
|
4
|
+
export default function useChangedListContentsSizes(callback: (ranges: SizeRange[]) => void, itemSize: SizeFunction, enabled: boolean, scrollContainerStateCallback: (state: ScrollContainerState) => void, log: Log, customScrollParent?: HTMLElement): (_el: HTMLElement | null) => void;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
/* eslint-disable no-continue */
|
|
5
4
|
var foundation_1 = require("../../../../foundation");
|
|
6
5
|
var loggerSystem_1 = require("../loggerSystem");
|
|
7
6
|
var useSize_1 = tslib_1.__importDefault(require("./useSize"));
|
|
@@ -20,15 +19,11 @@ function useChangedListContentsSizes(callback, itemSize, enabled, scrollContaine
|
|
|
20
19
|
? externalWindow.pageYOffset ||
|
|
21
20
|
externalWindow.document.documentElement.scrollTop
|
|
22
21
|
: scrollableElement.scrollTop;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
: scrollContainerStateCallback([
|
|
29
|
-
Math.max(scrollTop, 0),
|
|
30
|
-
scrollableElement.scrollHeight,
|
|
31
|
-
]);
|
|
22
|
+
scrollContainerStateCallback({
|
|
23
|
+
scrollTop: Math.max(scrollTop, 0),
|
|
24
|
+
scrollHeight: (customScrollParent !== null && customScrollParent !== void 0 ? customScrollParent : scrollableElement).scrollHeight,
|
|
25
|
+
viewportHeight: (customScrollParent !== null && customScrollParent !== void 0 ? customScrollParent : scrollableElement).offsetHeight,
|
|
26
|
+
});
|
|
32
27
|
if (ranges !== null) {
|
|
33
28
|
callback(ranges);
|
|
34
29
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
/// <reference types="styled-jsx" />
|
|
3
|
+
import { ScrollContainerState } from '../interfaces';
|
|
3
4
|
export declare type ScrollerRef = Window | HTMLElement | null;
|
|
4
|
-
export default function useScrollTop(scrollContainerStateCallback: (state:
|
|
5
|
+
export default function useScrollTop(scrollContainerStateCallback: (state: ScrollContainerState) => void, smoothScrollTargetReached: (yes: true) => void, scrollerElement: any, scrollerRefCallback?: (ref: ScrollerRef) => void, customScrollParent?: HTMLElement): {
|
|
5
6
|
scrollerRef: import("react").MutableRefObject<HTMLElement | Window | null>;
|
|
6
7
|
scrollByCallback: (location: ScrollToOptions) => void;
|
|
7
8
|
scrollToCallback: (location: ScrollToOptions) => void;
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
|
|
6
|
-
var correctItemSize_1 = require("../utils/correctItemSize");
|
|
7
6
|
var foundation_1 = require("../../../../foundation");
|
|
7
|
+
var correctItemSize_1 = require("../utils/correctItemSize");
|
|
8
8
|
function approximatelyEqual(num1, num2) {
|
|
9
9
|
return Math.abs(num1 - num2) < 1.01;
|
|
10
10
|
}
|
|
@@ -24,7 +24,14 @@ function useScrollTop(scrollContainerStateCallback, smoothScrollTargetReached, s
|
|
|
24
24
|
var scrollHeight = el === externalWindow
|
|
25
25
|
? externalWindow.document.documentElement.scrollHeight
|
|
26
26
|
: el.scrollHeight;
|
|
27
|
-
|
|
27
|
+
var viewportHeight = el === externalWindow
|
|
28
|
+
? externalWindow.innerHeight
|
|
29
|
+
: el.offsetHeight;
|
|
30
|
+
scrollContainerStateCallback({
|
|
31
|
+
scrollTop: Math.max(scrollTop, 0),
|
|
32
|
+
scrollHeight: scrollHeight,
|
|
33
|
+
viewportHeight: viewportHeight,
|
|
34
|
+
});
|
|
28
35
|
if (scrollTopTarget.current !== null) {
|
|
29
36
|
if (scrollTop === scrollTopTarget.current ||
|
|
30
37
|
scrollTop <= 0 ||
|
|
@@ -69,7 +76,7 @@ function useScrollTop(scrollContainerStateCallback, smoothScrollTargetReached, s
|
|
|
69
76
|
if (scrollerElement === externalWindow) {
|
|
70
77
|
// this is not a mistake
|
|
71
78
|
scrollHeight = Math.max(correctItemSize_1.correctItemSize(externalWindow.document.documentElement, 'height'), externalWindow.document.documentElement.scrollHeight);
|
|
72
|
-
offsetHeight = externalWindow.
|
|
79
|
+
offsetHeight = externalWindow.innerHeight;
|
|
73
80
|
scrollTop = externalWindow.document.documentElement.scrollTop;
|
|
74
81
|
}
|
|
75
82
|
else {
|
|
@@ -84,7 +91,11 @@ function useScrollTop(scrollContainerStateCallback, smoothScrollTargetReached, s
|
|
|
84
91
|
// scroller is already at this location
|
|
85
92
|
if (approximatelyEqual(offsetHeight, scrollHeight) ||
|
|
86
93
|
location.top === scrollTop) {
|
|
87
|
-
scrollContainerStateCallback(
|
|
94
|
+
scrollContainerStateCallback({
|
|
95
|
+
scrollTop: scrollTop,
|
|
96
|
+
scrollHeight: scrollHeight,
|
|
97
|
+
viewportHeight: offsetHeight,
|
|
98
|
+
});
|
|
88
99
|
if (isSmooth) {
|
|
89
100
|
smoothScrollTargetReached(true);
|
|
90
101
|
}
|
|
@@ -107,9 +118,7 @@ function useScrollTop(scrollContainerStateCallback, smoothScrollTargetReached, s
|
|
|
107
118
|
scrollerElement.scrollTo(location);
|
|
108
119
|
}
|
|
109
120
|
function scrollByCallback(location) {
|
|
110
|
-
|
|
111
|
-
scrollerRef.current.scrollBy(location);
|
|
112
|
-
}
|
|
121
|
+
scrollerRef.current.scrollBy(location);
|
|
113
122
|
}
|
|
114
123
|
return { scrollerRef: scrollerRef, scrollByCallback: scrollByCallback, scrollToCallback: scrollToCallback };
|
|
115
124
|
}
|
|
@@ -12,8 +12,8 @@ function useWindowViewportRectRef(callback, customScrollParent) {
|
|
|
12
12
|
}
|
|
13
13
|
var rect = element.getBoundingClientRect();
|
|
14
14
|
var visibleWidth = rect.width;
|
|
15
|
-
var
|
|
16
|
-
var offsetTop;
|
|
15
|
+
// eslint-disable-next-line one-var
|
|
16
|
+
var visibleHeight, offsetTop;
|
|
17
17
|
if (customScrollParent) {
|
|
18
18
|
var customScrollParentRect = customScrollParent.getBoundingClientRect();
|
|
19
19
|
var deltaTop = rect.top - customScrollParentRect.top;
|
|
@@ -69,13 +69,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
69
69
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
70
70
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
71
71
|
}>, u.SystemSpec<never[], () => {
|
|
72
|
-
scrollContainerState: u.Stream<
|
|
72
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
73
73
|
scrollTop: u.Stream<number>;
|
|
74
74
|
viewportHeight: u.Stream<number>;
|
|
75
75
|
headerHeight: u.StatefulStream<number>;
|
|
76
76
|
footerHeight: u.StatefulStream<number>;
|
|
77
77
|
scrollHeight: u.Stream<number>;
|
|
78
78
|
smoothScrollTargetReached: u.Stream<true>;
|
|
79
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
79
80
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
80
81
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
81
82
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -99,13 +100,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
99
100
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
100
101
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
101
102
|
}, {
|
|
102
|
-
scrollContainerState: u.Stream<
|
|
103
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
103
104
|
scrollTop: u.Stream<number>;
|
|
104
105
|
viewportHeight: u.Stream<number>;
|
|
105
106
|
headerHeight: u.StatefulStream<number>;
|
|
106
107
|
footerHeight: u.StatefulStream<number>;
|
|
107
108
|
scrollHeight: u.Stream<number>;
|
|
108
109
|
smoothScrollTargetReached: u.Stream<true>;
|
|
110
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
109
111
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
110
112
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
111
113
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -115,26 +117,28 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
115
117
|
groupCounts: u.Stream<number[]>;
|
|
116
118
|
topItemsIndexes: u.Stream<[number]>;
|
|
117
119
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
118
|
-
scrollContainerState: u.Stream<
|
|
120
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
119
121
|
scrollTop: u.Stream<number>;
|
|
120
122
|
viewportHeight: u.Stream<number>;
|
|
121
123
|
headerHeight: u.StatefulStream<number>;
|
|
122
124
|
footerHeight: u.StatefulStream<number>;
|
|
123
125
|
scrollHeight: u.Stream<number>;
|
|
124
126
|
smoothScrollTargetReached: u.Stream<true>;
|
|
127
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
125
128
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
126
129
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
127
130
|
statefulScrollTop: u.StatefulStream<number>;
|
|
128
131
|
deviation: u.StatefulStream<number>;
|
|
129
132
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
130
133
|
}>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
|
|
131
|
-
scrollContainerState: u.Stream<
|
|
134
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
132
135
|
scrollTop: u.Stream<number>;
|
|
133
136
|
viewportHeight: u.Stream<number>;
|
|
134
137
|
headerHeight: u.StatefulStream<number>;
|
|
135
138
|
footerHeight: u.StatefulStream<number>;
|
|
136
139
|
scrollHeight: u.Stream<number>;
|
|
137
140
|
smoothScrollTargetReached: u.Stream<true>;
|
|
141
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
138
142
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
139
143
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
140
144
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -171,13 +175,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
171
175
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
172
176
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
173
177
|
}>, u.SystemSpec<never[], () => {
|
|
174
|
-
scrollContainerState: u.Stream<
|
|
178
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
175
179
|
scrollTop: u.Stream<number>;
|
|
176
180
|
viewportHeight: u.Stream<number>;
|
|
177
181
|
headerHeight: u.StatefulStream<number>;
|
|
178
182
|
footerHeight: u.StatefulStream<number>;
|
|
179
183
|
scrollHeight: u.Stream<number>;
|
|
180
184
|
smoothScrollTargetReached: u.Stream<true>;
|
|
185
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
181
186
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
182
187
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
183
188
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -207,13 +212,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
207
212
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
208
213
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
209
214
|
}>, u.SystemSpec<never[], () => {
|
|
210
|
-
scrollContainerState: u.Stream<
|
|
215
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
211
216
|
scrollTop: u.Stream<number>;
|
|
212
217
|
viewportHeight: u.Stream<number>;
|
|
213
218
|
headerHeight: u.StatefulStream<number>;
|
|
214
219
|
footerHeight: u.StatefulStream<number>;
|
|
215
220
|
scrollHeight: u.Stream<number>;
|
|
216
221
|
smoothScrollTargetReached: u.Stream<true>;
|
|
222
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
217
223
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
218
224
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
219
225
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -240,13 +246,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
240
246
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
241
247
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
242
248
|
}, {
|
|
243
|
-
scrollContainerState: u.Stream<
|
|
249
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
244
250
|
scrollTop: u.Stream<number>;
|
|
245
251
|
viewportHeight: u.Stream<number>;
|
|
246
252
|
headerHeight: u.StatefulStream<number>;
|
|
247
253
|
footerHeight: u.StatefulStream<number>;
|
|
248
254
|
scrollHeight: u.Stream<number>;
|
|
249
255
|
smoothScrollTargetReached: u.Stream<true>;
|
|
256
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
250
257
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
251
258
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
252
259
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -285,13 +292,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
285
292
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
286
293
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
287
294
|
}, {
|
|
288
|
-
scrollContainerState: u.Stream<
|
|
295
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
289
296
|
scrollTop: u.Stream<number>;
|
|
290
297
|
viewportHeight: u.Stream<number>;
|
|
291
298
|
headerHeight: u.StatefulStream<number>;
|
|
292
299
|
footerHeight: u.StatefulStream<number>;
|
|
293
300
|
scrollHeight: u.Stream<number>;
|
|
294
301
|
smoothScrollTargetReached: u.Stream<true>;
|
|
302
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
295
303
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
296
304
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
297
305
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -330,13 +338,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
330
338
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
331
339
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
332
340
|
}>, u.SystemSpec<never[], () => {
|
|
333
|
-
scrollContainerState: u.Stream<
|
|
341
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
334
342
|
scrollTop: u.Stream<number>;
|
|
335
343
|
viewportHeight: u.Stream<number>;
|
|
336
344
|
headerHeight: u.StatefulStream<number>;
|
|
337
345
|
footerHeight: u.StatefulStream<number>;
|
|
338
346
|
scrollHeight: u.Stream<number>;
|
|
339
347
|
smoothScrollTargetReached: u.Stream<true>;
|
|
348
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
340
349
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
341
350
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
342
351
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -363,13 +372,14 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
363
372
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
364
373
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
365
374
|
}, {
|
|
366
|
-
scrollContainerState: u.Stream<
|
|
375
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
367
376
|
scrollTop: u.Stream<number>;
|
|
368
377
|
viewportHeight: u.Stream<number>;
|
|
369
378
|
headerHeight: u.StatefulStream<number>;
|
|
370
379
|
footerHeight: u.StatefulStream<number>;
|
|
371
380
|
scrollHeight: u.Stream<number>;
|
|
372
381
|
smoothScrollTargetReached: u.Stream<true>;
|
|
382
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
373
383
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
374
384
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
375
385
|
statefulScrollTop: u.StatefulStream<number>;
|
|
@@ -382,26 +392,28 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
|
|
|
382
392
|
scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
|
|
383
393
|
topListHeight: u.StatefulStream<number>;
|
|
384
394
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
385
|
-
scrollContainerState: u.Stream<
|
|
395
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
386
396
|
scrollTop: u.Stream<number>;
|
|
387
397
|
viewportHeight: u.Stream<number>;
|
|
388
398
|
headerHeight: u.StatefulStream<number>;
|
|
389
399
|
footerHeight: u.StatefulStream<number>;
|
|
390
400
|
scrollHeight: u.Stream<number>;
|
|
391
401
|
smoothScrollTargetReached: u.Stream<true>;
|
|
402
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
392
403
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
393
404
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
394
405
|
statefulScrollTop: u.StatefulStream<number>;
|
|
395
406
|
deviation: u.StatefulStream<number>;
|
|
396
407
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
397
408
|
}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
|
|
398
|
-
scrollContainerState: u.Stream<
|
|
409
|
+
scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
|
|
399
410
|
scrollTop: u.Stream<number>;
|
|
400
411
|
viewportHeight: u.Stream<number>;
|
|
401
412
|
headerHeight: u.StatefulStream<number>;
|
|
402
413
|
footerHeight: u.StatefulStream<number>;
|
|
403
414
|
scrollHeight: u.Stream<number>;
|
|
404
415
|
smoothScrollTargetReached: u.Stream<true>;
|
|
416
|
+
react18ConcurrentRendering: u.StatefulStream<boolean>;
|
|
405
417
|
scrollTo: u.Stream<ScrollToOptions>;
|
|
406
418
|
scrollBy: u.Stream<ScrollToOptions>;
|
|
407
419
|
statefulScrollTop: u.StatefulStream<number>;
|