@ringcentral/juno 2.10.0 → 2.11.0

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

@@ -13,6 +13,7 @@ var useScrollTop_1 = tslib_1.__importDefault(require("./hooks/useScrollTop"));
 var useSize_1 = tslib_1.__importDefault(require("./hooks/useSize"));
 var useWindowViewportRect_1 = tslib_1.__importDefault(require("./hooks/useWindowViewportRect"));
 var listSystem_1 = require("./listSystem");
+var conditionalFlushSync_1 = tslib_1.__importDefault(require("./utils/conditionalFlushSync"));
 var correctItemSize_1 = require("./utils/correctItemSize");
 var positionStickyCssValue_1 = require("./utils/positionStickyCssValue");
 function identity(value) {
@@ -126,10 +127,19 @@ var GROUP_STYLE = {
     zIndex: 1,
     overflowAnchor: 'none',
 };
+var ITEM_STYLE = { overflowAnchor: 'none' };
 exports.Items = React.memo(function VirtuosoItems(_a) {
     var _b = _a.showTopList, showTopList = _b === void 0 ? false : _b;
     var listState = exports.useEmitterValue('listState');
-    var deviation = exports.useEmitterValue('deviation');
+    var _c = tslib_1.__read(React.useState(0), 2), deviation = _c[0], setDeviation = _c[1];
+    var react18ConcurrentRendering = exports.useEmitterValue('react18ConcurrentRendering');
+    exports.useEmitter('deviation', function (value) {
+        if (deviation !== value) {
+            conditionalFlushSync_1.default(react18ConcurrentRendering)(function () {
+                return setDeviation(value);
+            });
+        }
+    });
     var sizeRanges = exports.usePublisher('sizeRanges');
     var useWindowScroll = exports.useEmitterValue('useWindowScroll');
     var customScrollParent = exports.useEmitterValue('customScrollParent');
@@ -178,7 +188,7 @@ exports.Items = React.memo(function VirtuosoItems(_a) {
         if (item.type === 'group') {
             return react_1.createElement(GroupComponent, tslib_1.__assign(tslib_1.__assign({}, contextPropIfNotDomElement(GroupComponent, context)), { key: key, 'data-index': index, 'data-known-size': item.size, 'data-item-index': item.index, style: GROUP_STYLE }), groupContent(item.index));
         }
-        return react_1.createElement(ItemComponent, tslib_1.__assign(tslib_1.__assign({}, contextPropIfNotDomElement(ItemComponent, context)), { key: key, 'data-index': index, 'data-known-size': item.size, 'data-item-index': item.index, 'data-item-group-index': item.groupIndex, style: { overflowAnchor: 'none' } }), hasGroups
+        return react_1.createElement(ItemComponent, tslib_1.__assign(tslib_1.__assign({}, contextPropIfNotDomElement(ItemComponent, context)), { key: key, 'data-index': index, 'data-known-size': item.size, 'data-item-index': item.index, 'data-item-group-index': item.groupIndex, style: ITEM_STYLE }), hasGroups
             ? itemContent(item.index, item.groupIndex, item.data, context)
             : itemContent(item.index, item.data, context));
     }));
@@ -337,6 +347,7 @@ exports.List = (_a = react_urx_1.systemToComponent(combinedSystem, {
         customScrollParent: 'customScrollParent',
         scrollerRef: 'scrollerRef',
         logLevel: 'logLevel',
+        react18ConcurrentRendering: 'react18ConcurrentRendering',
         // deprecated
         item: 'item',
         group: 'group',