@ringcentral/juno 2.10.0 → 2.12.1

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

@@ -1,5 +1,4 @@
 import { __read } from "tslib";
-/* eslint-disable no-continue */
 import * as u from '@virtuoso.dev/urx';
 import { domIOSystem } from './domIOSystem';
 import { listStateSystem } from './listStateSystem';
@@ -11,49 +10,27 @@ import { stateFlagsSystem, UP } from './stateFlagsSystem';
  */
 export var upwardScrollFixSystem = u.system(function (_a) {
     var _b = __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 = __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 = __read(_a, 4), prevItems = _c[1], prevTotalCount = _c[2], prevTotalHeight = _c[3];
+        var _d = __read(_b, 2), 
         // @ts-ignore
-        _d = __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 = __read(_a, 1), amount = _b[0];
         return amount !== 0;
     }), u.withLatestFrom(scrollTop, scrollDirection, scrollingInProgress, log, isAtBottom, atBottomState), u.filter(function (_a) {

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

@@ -0,0 +1,8 @@
+// TODO: framer still not have flushSync in there framer version, skip that temporarily
+// import { flushSync } from 'react-dom';
+export default function conditionalFlushSync(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+flag) {
+    // return flag ? flushSync : (cb: () => void) => cb();
+    return function (cb) { return cb(); };
+}

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

@@ -9,8 +9,12 @@ export var 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 = __read(_a, 2), _c = __read(_b[0], 2), windowScrollTop = _c[0], scrollHeight = _c[1], offsetTop = _b[1].offsetTop;
-        return [Math.max(0, windowScrollTop - offsetTop), scrollHeight];
+        var _b = __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 = __read(_a, 2), scrollTo = _b[0], offsetTop = _b[1].offsetTop;

package/es6/components/Virtuoso/utils/useHighlightScroll.js

@@ -1,5 +1,4 @@
 import { useRef } from 'react';
-import { fixWebKitTransitionStyle } from '../../../foundation';
 /**
  * scroll into current highlight index
  */
@@ -105,7 +104,7 @@ export function useHighlightScroll(_a) {
 export function modifyVlScrollerStyle(scrollElm, position) {
     if (position === void 0) { position = 'absolute'; }
     if (scrollElm) {
-        scrollElm.style.transition = fixWebKitTransitionStyle;
+        scrollElm.style.transition = 'all 1ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
         if (position) {
             var viewPortElm = scrollElm.firstChild;
             if (viewPortElm) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.10.0",
+  "version": "2.12.1",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",
@@ -27,7 +27,7 @@
     "focus-visible": "^5.1.0",
     "lodash": "^4.17.21",
     "react-beautiful-dnd": "^13.0.0",
-    "react-virtuoso": "^2.8.3",
+    "react-virtuoso": "^2.10.1",
     "resize-observer-polyfill": "^1.5.1",
     "typeface-lato": "^0.0.75",
     "type-fest": "^2.12.2",