@ringcentral/juno 2.9.0 → 2.12.0

package/components/Virtuoso/react-virtuoso/totalListHeightSystem.d.ts

@@ -1,12 +1,13 @@
 import * as u from '@virtuoso.dev/urx';
 export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -59,13 +60,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -89,13 +91,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -105,26 +108,28 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     groupCounts: u.Stream<number[]>;
     topItemsIndexes: u.Stream<[number]>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -161,13 +166,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -197,13 +203,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -230,13 +237,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -275,13 +283,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -320,13 +329,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -353,13 +363,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -372,26 +383,28 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -482,13 +495,14 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     rangeChanged: u.Stream<import("./interfaces").ListRange | undefined>;
     itemsRendered: u.Stream<import("./listStateSystem").ListItems>;
 }>], ([{ footerHeight, headerHeight }, { listState }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;

package/components/Virtuoso/react-virtuoso/totalListHeightSystem.js

@@ -9,6 +9,10 @@ exports.totalListHeightSystem = u.system(function (_a) {
     var totalListHeightChanged = u.stream();
     var totalListHeight = u.statefulStreamFromEmitter(u.pipe(u.combineLatest(footerHeight, headerHeight, listState), u.map(function (_a) {
         var _b = tslib_1.__read(_a, 3), footerHeight = _b[0], headerHeight = _b[1], listState = _b[2];
+        // FIXME: this footerHeight, headerHeight calculate is not correct, should find where to apply totalListHeightSystem
+        // console.log('-------- [totalListHeightSystem Log] --------');
+        // console.log(footerHeight, headerHeight, listState);
+        // console.log('---------------- [Log End] ----------------');
         return (footerHeight +
             headerHeight +
             listState.offsetBottom +

package/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.d.ts

@@ -4,39 +4,42 @@ import { LogLevel } from './loggerSystem';
  * Fixes upward scrolling by calculating and compensation from changed item heights, using scrollBy.
  */
 export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -100,13 +103,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -130,13 +134,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -146,26 +151,28 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     groupCounts: u.Stream<number[]>;
     topItemsIndexes: u.Stream<[number]>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -202,13 +209,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -238,13 +246,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -271,13 +280,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -316,13 +326,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -361,13 +372,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -394,13 +406,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -413,26 +426,28 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -549,13 +564,14 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
 }>], ([{ scrollBy, scrollTop, deviation, scrollingInProgress }, { isScrolling, isAtBottom, atBottomState, scrollDirection, lastJumpDueToItemResize, }, { listState }, { beforeUnshiftWith, shiftWithOffset, sizes }, { log },]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;

package/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-/* eslint-disable no-continue */
 var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
 var domIOSystem_1 = require("./domIOSystem");
 var listStateSystem_1 = require("./listStateSystem");
@@ -13,49 +12,27 @@ var stateFlagsSystem_1 = require("./stateFlagsSystem");
  */
 exports.upwardScrollFixSystem = u.system(function (_a) {
     var _b = tslib_1.__read(_a, 5), _c = _b[0], scrollBy = _c.scrollBy, scrollTop = _c.scrollTop, deviation = _c.deviation, scrollingInProgress = _c.scrollingInProgress, _d = _b[1], isScrolling = _d.isScrolling, isAtBottom = _d.isAtBottom, atBottomState = _d.atBottomState, scrollDirection = _d.scrollDirection, lastJumpDueToItemResize = _d.lastJumpDueToItemResize, listState = _b[2].listState, _e = _b[3], beforeUnshiftWith = _e.beforeUnshiftWith, shiftWithOffset = _e.shiftWithOffset, sizes = _e.sizes, log = _b[4].log;
-    var deviationOffset = u.streamFromEmitter(u.pipe(listState, u.withLatestFrom(lastJumpDueToItemResize), u.scan(function (_a, 
-    // @ts-ignore
-    _b) {
-        var _c = tslib_1.__read(_a, 3), prevItems = _c[1], prevTotalCount = _c[2];
-        var 
+    var deviationOffset = u.streamFromEmitter(u.pipe(listState, u.withLatestFrom(lastJumpDueToItemResize), u.scan(function (_a, _b) {
+        var _c = tslib_1.__read(_a, 4), prevItems = _c[1], prevTotalCount = _c[2], prevTotalHeight = _c[3];
+        var _d = tslib_1.__read(_b, 2), 
         // @ts-ignore
-        _d = tslib_1.__read(_b, 2), _e = _d[0], items = _e.items, totalCount = _e.totalCount, lastJumpDueToItemResize = _d[1];
+        _e = _d[0], items = _e.items, totalCount = _e.totalCount, bottom = _e.bottom, offsetBottom = _e.offsetBottom, lastJumpDueToItemResize = _d[1];
+        var totalHeight = bottom + offsetBottom;
         var newDev = 0;
         if (prevTotalCount === totalCount) {
             if (prevItems.length > 0 && items.length > 0) {
-                var firstItemIndex = items[0].originalIndex;
-                var prevFirstItemIndex = prevItems[0].originalIndex;
-                var atStart = firstItemIndex === 0 && prevFirstItemIndex === 0;
-                var onlyItem = items.length === 1;
+                var atStart = items[0].originalIndex === 0 &&
+                    prevItems[0].originalIndex === 0;
                 if (!atStart) {
-                    var _loop_1 = function (index) {
-                        var item = items[index];
-                        var prevItem = prevItems.find(function (pItem) { return pItem.originalIndex === item.originalIndex; });
-                        if (!prevItem) {
-                            return "continue";
-                        }
-                        if (item.offset !== prevItem.offset || onlyItem) {
-                            newDev =
-                                item.offset -
-                                    prevItem.offset +
-                                    item.size -
-                                    prevItem.size;
-                            return "break";
-                        }
-                    };
-                    for (var index = items.length - 1; index >= 0; index--) {
-                        var state_1 = _loop_1(index);
-                        if (state_1 === "break")
-                            break;
+                    newDev = totalHeight - prevTotalHeight;
+                    if (newDev !== 0) {
+                        newDev += lastJumpDueToItemResize;
                     }
                 }
             }
-            if (newDev !== 0) {
-                newDev += lastJumpDueToItemResize;
-            }
         }
-        return [newDev, items, totalCount];
-    }, [0, [], 0]), u.filter(function (_a) {
+        return [newDev, items, totalCount, totalHeight];
+    }, [0, [], 0, 0]), u.filter(function (_a) {
         var _b = tslib_1.__read(_a, 1), amount = _b[0];
         return amount !== 0;
     }), u.withLatestFrom(scrollTop, scrollDirection, scrollingInProgress, log, isAtBottom, atBottomState), u.filter(function (_a) {

package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.d.ts

@@ -0,0 +1 @@
+export default function conditionalFlushSync(flag: boolean): (cb: () => void) => void;

package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_dom_1 = require("react-dom");
+function conditionalFlushSync(flag) {
+    return flag ? react_dom_1.flushSync : function (cb) { return cb(); };
+}
+exports.default = conditionalFlushSync;

package/components/Virtuoso/react-virtuoso/windowScrollerSystem.d.ts

@@ -1,26 +1,28 @@
 import * as u from '@virtuoso.dev/urx';
-import { WindowViewportInfo } from './interfaces';
+import { ScrollContainerState, WindowViewportInfo } from './interfaces';
 export declare const windowScrollerSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollTo, scrollContainerState }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
+    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -29,7 +31,7 @@ export declare const windowScrollerSystem: u.SystemSpec<[u.SystemSpec<never[], (
 }]) => {
     useWindowScroll: u.StatefulStream<boolean>;
     customScrollParent: u.StatefulStream<HTMLElement | undefined>;
-    windowScrollContainerState: u.Stream<[number, number]>;
+    windowScrollContainerState: u.Stream<ScrollContainerState>;
     windowViewportRect: u.Stream<WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
 }>;

package/components/Virtuoso/react-virtuoso/windowScrollerSystem.js

@@ -11,8 +11,12 @@ exports.windowScrollerSystem = u.system(function (_a) {
     var useWindowScroll = u.statefulStream(false);
     var customScrollParent = u.statefulStream(undefined);
     u.connect(u.pipe(u.combineLatest(windowScrollContainerState, windowViewportRect), u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 2), _c = tslib_1.__read(_b[0], 2), windowScrollTop = _c[0], scrollHeight = _c[1], offsetTop = _b[1].offsetTop;
-        return [Math.max(0, windowScrollTop - offsetTop), scrollHeight];
+        var _b = tslib_1.__read(_a, 2), _c = _b[0], viewportHeight = _c.viewportHeight, windowScrollTop = _c.scrollTop, scrollHeight = _c.scrollHeight, offsetTop = _b[1].offsetTop;
+        return {
+            scrollTop: Math.max(0, windowScrollTop - offsetTop),
+            scrollHeight: scrollHeight,
+            viewportHeight: viewportHeight,
+        };
     })), scrollContainerState);
     u.connect(u.pipe(scrollTo, u.withLatestFrom(windowViewportRect), u.map(function (_a) {
         var _b = tslib_1.__read(_a, 2), scrollTo = _b[0], offsetTop = _b[1].offsetTop;

package/components/Virtuoso/utils/useHighlightScroll.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var foundation_1 = require("../../../foundation");
 /**
  * scroll into current highlight index
  */
@@ -108,7 +107,7 @@ exports.useHighlightScroll = useHighlightScroll;
 function modifyVlScrollerStyle(scrollElm, position) {
     if (position === void 0) { position = 'absolute'; }
     if (scrollElm) {
-        scrollElm.style.transition = foundation_1.fixWebKitTransitionStyle;
+        scrollElm.style.transition = 'all 1ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
         if (position) {
             var viewPortElm = scrollElm.firstChild;
             if (viewPortElm) {