@ringcentral/juno 2.40.0 → 2.41.0

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
-var domIOSystem_1 = require("./domIOSystem");
+var u = tslib_1.__importStar(require("./urx"));
 var propsReadySystem_1 = require("./propsReadySystem");
-var totalListHeightSystem_1 = require("./totalListHeightSystem");
+var domIOSystem_1 = require("./domIOSystem");
+var listStateSystem_1 = require("./listStateSystem");
 exports.initialScrollTopSystem = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 3), totalListHeight = _b[0].totalListHeight, didMount = _b[1].didMount, scrollTo = _b[2].scrollTo;
+    var _b = tslib_1.__read(_a, 3), didMount = _b[0].didMount, scrollTo = _b[1].scrollTo, listState = _b[2].listState;
     var initialScrollTop = u.statefulStream(0);
     u.subscribe(u.pipe(didMount, u.withLatestFrom(initialScrollTop), u.filter(function (_a) {
         var _b = tslib_1.__read(_a, 2), offset = _b[1];
@@ -15,8 +15,8 @@ exports.initialScrollTopSystem = u.system(function (_a) {
         var _b = tslib_1.__read(_a, 2), offset = _b[1];
         return ({ top: offset });
     })), function (location) {
-        u.handleNext(u.pipe(totalListHeight, u.filter(function (val) { return val !== 0; })), function () {
-            setTimeout(function () {
+        u.handleNext(u.pipe(listState, u.skip(1), u.filter(function (state) { return state.items.length > 1; })), function () {
+            requestAnimationFrame(function () {
                 u.publish(scrollTo, location);
             });
         });
@@ -24,4 +24,4 @@ exports.initialScrollTopSystem = u.system(function (_a) {
     return {
         initialScrollTop: initialScrollTop,
     };
-}, u.tup(totalListHeightSystem_1.totalListHeightSystem, propsReadySystem_1.propsReadySystem, domIOSystem_1.domIOSystem), { singleton: true });
+}, u.tup(propsReadySystem_1.propsReadySystem, domIOSystem_1.domIOSystem, listStateSystem_1.listStateSystem), { singleton: true });

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

@@ -1,16 +1,20 @@
-import * as u from '@virtuoso.dev/urx';
-import { IndexLocation } from './scrollToIndexSystem';
-export declare function getInitialTopMostItemIndexNumber(location: IndexLocation, totalCount: number): number;
+import * as u from './urx';
+import { FlatIndexLocationWithAlign } from './interfaces';
+export declare function getInitialTopMostItemIndexNumber(location: number | FlatIndexLocationWithAlign, totalCount: number): number;
 export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
-}>], ([{ log }]: [{
+}>, u.SystemSpec<never[], () => {
+    recalcInProgress: u.StatefulStream<boolean>;
+}>], ([{ log }, { recalcInProgress }]: [{
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
+}, {
+    recalcInProgress: u.StatefulStream<boolean>;
 }]) => {
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
-    sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
+    sizeRanges: u.Stream<import("./interfaces").SizeRange[]>;
     groupIndices: u.StatefulStream<number[]>;
     defaultItemSize: u.StatefulStream<number | undefined>;
     fixedItemSize: u.StatefulStream<number | undefined>;
@@ -19,20 +23,22 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;
     trackItemSizes: u.StatefulStream<boolean>;
-    itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+    itemSize: u.StatefulStream<import("./interfaces").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: 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>;
@@ -41,13 +47,17 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
-}>], ([{ log }]: [{
+}>, u.SystemSpec<never[], () => {
+    recalcInProgress: u.StatefulStream<boolean>;
+}>], ([{ log }, { recalcInProgress }]: [{
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
+}, {
+    recalcInProgress: u.StatefulStream<boolean>;
 }]) => {
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
-    sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
+    sizeRanges: u.Stream<import("./interfaces").SizeRange[]>;
     groupIndices: u.StatefulStream<number[]>;
     defaultItemSize: u.StatefulStream<number | undefined>;
     fixedItemSize: u.StatefulStream<number | undefined>;
@@ -56,20 +66,22 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;
     trackItemSizes: u.StatefulStream<boolean>;
-    itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+    itemSize: u.StatefulStream<import("./interfaces").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: 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>;
@@ -78,10 +90,10 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
 }>, u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
-}>], ([{ sizes, totalCount, listRefresh }, { scrollingInProgress, viewportHeight, scrollTo, smoothScrollTargetReached, headerHeight, footerHeight, }, { log },]: [{
+}>], ([{ sizes, totalCount, listRefresh, gap }, { scrollingInProgress, viewportHeight, scrollTo, smoothScrollTargetReached, headerHeight, footerHeight, fixedHeaderHeight, fixedFooterHeight, }, { log },]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
-    sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
+    sizeRanges: u.Stream<import("./interfaces").SizeRange[]>;
     groupIndices: u.StatefulStream<number[]>;
     defaultItemSize: u.StatefulStream<number | undefined>;
     fixedItemSize: u.StatefulStream<number | undefined>;
@@ -90,20 +102,22 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;
     trackItemSizes: u.StatefulStream<boolean>;
-    itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+    itemSize: u.StatefulStream<import("./interfaces").SizeFunction>;
 }, {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: 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>;
@@ -113,7 +127,7 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
-    scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
+    scrollToIndex: u.Stream<number | FlatIndexLocationWithAlign | import("./interfaces").GroupIndexLocationWithAlign>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
@@ -124,10 +138,10 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
 }]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
-}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount },]: [{
+}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
-    sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
+    sizeRanges: u.Stream<import("./interfaces").SizeRange[]>;
     groupIndices: u.StatefulStream<number[]>;
     defaultItemSize: u.StatefulStream<number | undefined>;
     fixedItemSize: u.StatefulStream<number | undefined>;
@@ -136,32 +150,34 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;
     trackItemSizes: u.StatefulStream<boolean>;
-    itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+    itemSize: u.StatefulStream<import("./interfaces").SizeFunction>;
 }, {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: 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>;
 }, {
-    scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
+    scrollToIndex: u.Stream<number | FlatIndexLocationWithAlign | import("./interfaces").GroupIndexLocationWithAlign>;
     topListHeight: u.StatefulStream<number>;
 }, {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
 }]) => {
     scrolledToInitialItem: u.StatefulStream<boolean>;
-    initialTopMostItemIndex: u.StatefulStream<number | import("./interfaces").IndexLocationWithAlign>;
+    initialTopMostItemIndex: u.StatefulStream<number | FlatIndexLocationWithAlign>;
 }>;

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

@@ -1,19 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
+var u = tslib_1.__importStar(require("./urx"));
 var AATree_1 = require("./AATree");
+var sizeSystem_1 = require("./sizeSystem");
 var domIOSystem_1 = require("./domIOSystem");
-var propsReadySystem_1 = require("./propsReadySystem");
 var scrollToIndexSystem_1 = require("./scrollToIndexSystem");
-var sizeSystem_1 = require("./sizeSystem");
+var propsReadySystem_1 = require("./propsReadySystem");
+var skipFrames_1 = require("./utils/skipFrames");
 function getInitialTopMostItemIndexNumber(location, totalCount) {
     var lastIndex = totalCount - 1;
-    var index = typeof location === 'number'
-        ? location
-        : location.index === 'LAST'
-            ? lastIndex
-            : location.index;
+    var index = typeof location === 'number' ? location : location.index === 'LAST' ? lastIndex : location.index;
     return index;
 }
 exports.getInitialTopMostItemIndexNumber = getInitialTopMostItemIndexNumber;
@@ -21,23 +18,19 @@ exports.initialTopMostItemIndexSystem = u.system(function (_a) {
     var _b = tslib_1.__read(_a, 4), _c = _b[0], sizes = _c.sizes, listRefresh = _c.listRefresh, defaultItemSize = _c.defaultItemSize, scrollTop = _b[1].scrollTop, scrollToIndex = _b[2].scrollToIndex, didMount = _b[3].didMount;
     var scrolledToInitialItem = u.statefulStream(true);
     var initialTopMostItemIndex = u.statefulStream(0);
-    u.connect(u.pipe(didMount, u.withLatestFrom(initialTopMostItemIndex), 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    u.filter(function (_a) {
+    var scrollScheduled = u.statefulStream(false);
+    u.connect(u.pipe(didMount, u.withLatestFrom(initialTopMostItemIndex), u.filter(function (_a) {
         var _b = tslib_1.__read(_a, 2), _ = _b[0], location = _b[1];
         return !!location;
     }), u.mapTo(false)), scrolledToInitialItem);
-    u.subscribe(u.pipe(u.combineLatest(listRefresh, didMount), u.withLatestFrom(scrolledToInitialItem, sizes, defaultItemSize), u.filter(function (_a) {
-        var _b = tslib_1.__read(_a, 4), _c = tslib_1.__read(_b[0], 2), didMount = _c[1], scrolledToInitialItem = _b[1], sizeTree = _b[2].sizeTree, defaultItemSize = _b[3];
-        return (didMount &&
-            (!AATree_1.empty(sizeTree) || defaultItemSize !== undefined) &&
-            !scrolledToInitialItem);
+    u.subscribe(u.pipe(u.combineLatest(listRefresh, didMount), u.withLatestFrom(scrolledToInitialItem, sizes, defaultItemSize, scrollScheduled), u.filter(function (_a) {
+        var _b = tslib_1.__read(_a, 5), _c = tslib_1.__read(_b[0], 2), didMount = _c[1], scrolledToInitialItem = _b[1], sizeTree = _b[2].sizeTree, defaultItemSize = _b[3], scrollScheduled = _b[4];
+        return didMount && (!AATree_1.empty(sizeTree) || u.isDefined(defaultItemSize)) && !scrolledToInitialItem && !scrollScheduled;
     }), u.withLatestFrom(initialTopMostItemIndex)), function (_a) {
         var _b = tslib_1.__read(_a, 2), initialTopMostItemIndex = _b[1];
-        setTimeout(function () {
-            u.handleNext(scrollTop, function () {
-                u.publish(scrolledToInitialItem, true);
-            });
+        u.publish(scrollScheduled, true);
+        skipFrames_1.skipFrames(3, function () {
+            u.handleNext(scrollTop, function () { return u.publish(scrolledToInitialItem, true); });
             u.publish(scrollToIndex, initialTopMostItemIndex);
         });
     });