@ringcentral/juno 2.10.0 → 2.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/components/Dialer/DialPad/DialPad.js +1 -1
  2. package/components/Dialer/DialPadButton/DialPadButton.d.ts +3 -1
  3. package/components/Dialer/DialPadButton/DialPadButton.js +3 -3
  4. package/components/Dialog/Dialog.js +4 -2
  5. package/components/Downshift/SuggestionList/SuggestionList.d.ts +3 -3
  6. package/components/Drawer/Drawer.js +3 -1
  7. package/components/Forms/TextField/TextField.d.ts +2 -2
  8. package/components/Forms/TextField/TextField.js +19 -4
  9. package/components/PortalHost/context/HasPortalParentContext.d.ts +3 -0
  10. package/components/PortalHost/context/HasPortalParentContext.js +9 -0
  11. package/components/PortalHost/context/index.d.ts +1 -0
  12. package/components/PortalHost/context/index.js +1 -0
  13. package/components/PortalHost/index.d.ts +1 -0
  14. package/components/PortalHost/index.js +2 -0
  15. package/components/PortalHost/utils/usePortalManagerWithID.js +5 -4
  16. package/components/Snackbar/Snackbar.js +3 -1
  17. package/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabs.js +17 -13
  18. package/components/VirtualizedMenu/VirtualizedMenu.js +4 -12
  19. package/components/Virtuoso/react-virtuoso/Grid.d.ts +28 -18
  20. package/components/Virtuoso/react-virtuoso/List.d.ts +487 -183
  21. package/components/Virtuoso/react-virtuoso/List.js +13 -2
  22. package/components/Virtuoso/react-virtuoso/Table.d.ts +434 -172
  23. package/components/Virtuoso/react-virtuoso/Table.js +14 -2
  24. package/components/Virtuoso/react-virtuoso/alignToBottomSystem.d.ts +32 -16
  25. package/components/Virtuoso/react-virtuoso/components.d.ts +8 -0
  26. package/components/Virtuoso/react-virtuoso/domIOSystem.d.ts +3 -1
  27. package/components/Virtuoso/react-virtuoso/domIOSystem.js +4 -2
  28. package/components/Virtuoso/react-virtuoso/followOutputSystem.d.ts +20 -10
  29. package/components/Virtuoso/react-virtuoso/followOutputSystem.js +1 -0
  30. package/components/Virtuoso/react-virtuoso/gridSystem.d.ts +24 -14
  31. package/components/Virtuoso/react-virtuoso/groupedListSystem.d.ts +4 -2
  32. package/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.d.ts +2 -1
  33. package/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.js +5 -10
  34. package/components/Virtuoso/react-virtuoso/hooks/useScrollTop.d.ts +2 -1
  35. package/components/Virtuoso/react-virtuoso/hooks/useScrollTop.js +16 -7
  36. package/components/Virtuoso/react-virtuoso/hooks/useWindowViewportRect.js +2 -2
  37. package/components/Virtuoso/react-virtuoso/initialItemCountSystem.d.ts +24 -12
  38. package/components/Virtuoso/react-virtuoso/initialScrollTopSystem.d.ts +32 -16
  39. package/components/Virtuoso/react-virtuoso/initialTopMostItemIndexSystem.d.ts +8 -4
  40. package/components/Virtuoso/react-virtuoso/initialTopMostItemIndexSystem.js +1 -1
  41. package/components/Virtuoso/react-virtuoso/interfaces.d.ts +22 -5
  42. package/components/Virtuoso/react-virtuoso/listStateSystem.d.ts +24 -12
  43. package/components/Virtuoso/react-virtuoso/listSystem.d.ts +287 -146
  44. package/components/Virtuoso/react-virtuoso/scrollIntoViewSystem.d.ts +32 -16
  45. package/components/Virtuoso/react-virtuoso/scrollSeekSystem.d.ts +4 -2
  46. package/components/Virtuoso/react-virtuoso/scrollToIndexSystem.d.ts +4 -2
  47. package/components/Virtuoso/react-virtuoso/sizeRangeSystem.d.ts +4 -2
  48. package/components/Virtuoso/react-virtuoso/stateFlagsSystem.d.ts +4 -2
  49. package/components/Virtuoso/react-virtuoso/stateFlagsSystem.js +5 -4
  50. package/components/Virtuoso/react-virtuoso/topItemCountSystem.d.ts +24 -12
  51. package/components/Virtuoso/react-virtuoso/totalListHeightSystem.d.ts +28 -14
  52. package/components/Virtuoso/react-virtuoso/totalListHeightSystem.js +4 -0
  53. package/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.d.ts +32 -16
  54. package/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.js +12 -35
  55. package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.d.ts +1 -0
  56. package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js +11 -0
  57. package/components/Virtuoso/react-virtuoso/windowScrollerSystem.d.ts +6 -4
  58. package/components/Virtuoso/react-virtuoso/windowScrollerSystem.js +6 -2
  59. package/components/Virtuoso/utils/useHighlightScroll.js +1 -2
  60. package/es6/components/Dialer/DialPad/DialPad.js +1 -1
  61. package/es6/components/Dialer/DialPadButton/DialPadButton.js +3 -3
  62. package/es6/components/Dialog/Dialog.js +4 -2
  63. package/es6/components/Drawer/Drawer.js +3 -1
  64. package/es6/components/Forms/TextField/TextField.js +20 -5
  65. package/es6/components/PortalHost/context/HasPortalParentContext.js +6 -0
  66. package/es6/components/PortalHost/context/index.js +1 -0
  67. package/es6/components/PortalHost/index.js +1 -0
  68. package/es6/components/PortalHost/utils/usePortalManagerWithID.js +5 -4
  69. package/es6/components/Snackbar/Snackbar.js +3 -1
  70. package/es6/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabs.js +17 -13
  71. package/es6/components/VirtualizedMenu/VirtualizedMenu.js +6 -14
  72. package/es6/components/Virtuoso/react-virtuoso/List.js +14 -3
  73. package/es6/components/Virtuoso/react-virtuoso/Table.js +14 -2
  74. package/es6/components/Virtuoso/react-virtuoso/domIOSystem.js +4 -3
  75. package/es6/components/Virtuoso/react-virtuoso/followOutputSystem.js +1 -0
  76. package/es6/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.js +5 -10
  77. package/es6/components/Virtuoso/react-virtuoso/hooks/useScrollTop.js +16 -7
  78. package/es6/components/Virtuoso/react-virtuoso/hooks/useWindowViewportRect.js +2 -2
  79. package/es6/components/Virtuoso/react-virtuoso/initialTopMostItemIndexSystem.js +1 -1
  80. package/es6/components/Virtuoso/react-virtuoso/stateFlagsSystem.js +5 -4
  81. package/es6/components/Virtuoso/react-virtuoso/totalListHeightSystem.js +4 -0
  82. package/es6/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.js +12 -35
  83. package/es6/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js +8 -0
  84. package/es6/components/Virtuoso/react-virtuoso/windowScrollerSystem.js +6 -2
  85. package/es6/components/Virtuoso/utils/useHighlightScroll.js +1 -2
  86. 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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
286
+ windowScrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
277
287
  deviation: u.StatefulStream<number>;
278
- scrollContainerState: u.Stream<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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: [number, number]) => void, log: Log, customScrollParent?: HTMLElement): (_el: HTMLElement | null) => void;
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
- customScrollParent
24
- ? scrollContainerStateCallback([
25
- Math.max(scrollTop, 0),
26
- customScrollParent.scrollHeight,
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: [number, number]) => void, smoothScrollTargetReached: (yes: true) => void, scrollerElement: any, scrollerRefCallback?: (ref: ScrollerRef) => void, customScrollParent?: HTMLElement): {
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
- scrollContainerStateCallback([Math.max(scrollTop, 0), scrollHeight]);
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.window.innerHeight;
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([scrollTop, scrollHeight]);
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
- if (scrollTopTarget.current === null) {
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 visibleHeight;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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<[number, number]>;
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>;