@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

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

@@ -1,6 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupedVirtuoso = exports.Virtuoso = exports.useEmitter = exports.useEmitterValue = exports.usePublisher = exports.List = exports.buildWindowScroller = exports.buildScroller = exports.itemPropIfNotDomElement = exports.contextPropIfNotDomElement = exports.viewportStyle = exports.scrollerStyle = exports.identity = void 0;
 var tslib_1 = require("tslib");
 var react_urx_1 = require("./react-urx");
 var u = tslib_1.__importStar(require("./urx"));
@@ -19,9 +20,9 @@ function identity(value) {
 }
 exports.identity = identity;
 var listComponentPropsSystem = /*#__PURE__*/ u.system(function () {
-    var itemContent = u.statefulStream(function (index) { return "Item " + index; });
+    var itemContent = u.statefulStream(function (index) { return "Item ".concat(index); });
     var context = u.statefulStream(null);
-    var groupContent = u.statefulStream(function (index) { return "Group " + index; });
+    var groupContent = u.statefulStream(function (index) { return "Group ".concat(index); });
     var components = u.statefulStream({});
     var computeItemKey = u.statefulStream(identity);
     var headerFooterTag = u.statefulStream('div');
@@ -57,42 +58,42 @@ var DefaultScrollSeekPlaceholder = function (_a) {
     var height = _a.height;
     return react_1.default.createElement("div", { style: { height: height } });
 };
-var GROUP_STYLE = { position: positionStickyCssValue_1.positionStickyCssValue(), zIndex: 1, overflowAnchor: 'none' };
+var GROUP_STYLE = { position: (0, positionStickyCssValue_1.positionStickyCssValue)(), zIndex: 1, overflowAnchor: 'none' };
 var ITEM_STYLE = { overflowAnchor: 'none' };
 var Items = /*#__PURE__*/ react_1.default.memo(function VirtuosoItems(_a) {
     var _b = _a.showTopList, showTopList = _b === void 0 ? false : _b;
-    var listState = exports.useEmitterValue('listState');
-    var sizeRanges = exports.usePublisher('sizeRanges');
-    var useWindowScroll = exports.useEmitterValue('useWindowScroll');
-    var customScrollParent = exports.useEmitterValue('customScrollParent');
-    var windowScrollContainerStateCallback = exports.usePublisher('windowScrollContainerState');
-    var _scrollContainerStateCallback = exports.usePublisher('scrollContainerState');
+    var listState = (0, exports.useEmitterValue)('listState');
+    var sizeRanges = (0, exports.usePublisher)('sizeRanges');
+    var useWindowScroll = (0, exports.useEmitterValue)('useWindowScroll');
+    var customScrollParent = (0, exports.useEmitterValue)('customScrollParent');
+    var windowScrollContainerStateCallback = (0, exports.usePublisher)('windowScrollContainerState');
+    var _scrollContainerStateCallback = (0, exports.usePublisher)('scrollContainerState');
     var scrollContainerStateCallback = customScrollParent || useWindowScroll ? windowScrollContainerStateCallback : _scrollContainerStateCallback;
-    var itemContent = exports.useEmitterValue('itemContent');
-    var context = exports.useEmitterValue('context');
-    var groupContent = exports.useEmitterValue('groupContent');
-    var trackItemSizes = exports.useEmitterValue('trackItemSizes');
-    var itemSize = exports.useEmitterValue('itemSize');
-    var log = exports.useEmitterValue('log');
-    var listGap = exports.usePublisher('gap');
-    var callbackRef = useChangedChildSizes_1.default(sizeRanges, itemSize, trackItemSizes, showTopList ? u.noop : scrollContainerStateCallback, log, listGap, customScrollParent).callbackRef;
+    var itemContent = (0, exports.useEmitterValue)('itemContent');
+    var context = (0, exports.useEmitterValue)('context');
+    var groupContent = (0, exports.useEmitterValue)('groupContent');
+    var trackItemSizes = (0, exports.useEmitterValue)('trackItemSizes');
+    var itemSize = (0, exports.useEmitterValue)('itemSize');
+    var log = (0, exports.useEmitterValue)('log');
+    var listGap = (0, exports.usePublisher)('gap');
+    var callbackRef = (0, useChangedChildSizes_1.default)(sizeRanges, itemSize, trackItemSizes, showTopList ? u.noop : scrollContainerStateCallback, log, listGap, customScrollParent).callbackRef;
     var _c = tslib_1.__read(react_1.default.useState(0), 2), deviation = _c[0], setDeviation = _c[1];
-    exports.useEmitter('deviation', function (value) {
+    (0, exports.useEmitter)('deviation', function (value) {
         if (deviation !== value) {
             // ref.current!.style.marginTop = `${value}px`
             setDeviation(value);
         }
     });
-    var EmptyPlaceholder = exports.useEmitterValue('EmptyPlaceholder');
-    var ScrollSeekPlaceholder = exports.useEmitterValue('ScrollSeekPlaceholder') || DefaultScrollSeekPlaceholder;
-    var ListComponent = exports.useEmitterValue('ListComponent');
-    var ItemComponent = exports.useEmitterValue('ItemComponent');
-    var GroupComponent = exports.useEmitterValue('GroupComponent');
-    var computeItemKey = exports.useEmitterValue('computeItemKey');
-    var isSeeking = exports.useEmitterValue('isSeeking');
-    var hasGroups = exports.useEmitterValue('groupIndices').length > 0;
-    var paddingTopAddition = exports.useEmitterValue('paddingTopAddition');
-    var scrolledToInitialItem = exports.useEmitterValue('scrolledToInitialItem');
+    var EmptyPlaceholder = (0, exports.useEmitterValue)('EmptyPlaceholder');
+    var ScrollSeekPlaceholder = (0, exports.useEmitterValue)('ScrollSeekPlaceholder') || DefaultScrollSeekPlaceholder;
+    var ListComponent = (0, exports.useEmitterValue)('ListComponent');
+    var ItemComponent = (0, exports.useEmitterValue)('ItemComponent');
+    var GroupComponent = (0, exports.useEmitterValue)('GroupComponent');
+    var computeItemKey = (0, exports.useEmitterValue)('computeItemKey');
+    var isSeeking = (0, exports.useEmitterValue)('isSeeking');
+    var hasGroups = (0, exports.useEmitterValue)('groupIndices').length > 0;
+    var paddingTopAddition = (0, exports.useEmitterValue)('paddingTopAddition');
+    var scrolledToInitialItem = (0, exports.useEmitterValue)('scrolledToInitialItem');
     var containerStyle = showTopList
         ? {}
         : tslib_1.__assign({ boxSizing: 'border-box', paddingTop: listState.offsetTop + paddingTopAddition, paddingBottom: listState.offsetBottom, marginTop: deviation }, (scrolledToInitialItem ? {} : { visibility: 'hidden' }));
@@ -130,7 +131,7 @@ exports.viewportStyle = {
 };
 var topItemListStyle = {
     width: '100%',
-    position: positionStickyCssValue_1.positionStickyCssValue(),
+    position: (0, positionStickyCssValue_1.positionStickyCssValue)(),
     top: 0,
     zIndex: 1,
 };
@@ -145,22 +146,22 @@ function itemPropIfNotDomElement(element, item) {
     return { item: typeof element === 'string' ? undefined : item };
 }
 exports.itemPropIfNotDomElement = itemPropIfNotDomElement;
-var Header = react_1.default.memo(function VirtuosoHeader() {
-    var Header = exports.useEmitterValue('HeaderComponent');
-    var headerHeight = exports.usePublisher('headerHeight');
-    var headerFooterTag = exports.useEmitterValue('headerFooterTag');
-    var ref = useSize_1.default(function (el) { return headerHeight(correctItemSize_1.correctItemSize(el, 'height')); });
-    var context = exports.useEmitterValue('context');
+var Header = /*#__PURE__*/ react_1.default.memo(function VirtuosoHeader() {
+    var Header = (0, exports.useEmitterValue)('HeaderComponent');
+    var headerHeight = (0, exports.usePublisher)('headerHeight');
+    var headerFooterTag = (0, exports.useEmitterValue)('headerFooterTag');
+    var ref = (0, useSize_1.default)(function (el) { return headerHeight((0, correctItemSize_1.correctItemSize)(el, 'height')); });
+    var context = (0, exports.useEmitterValue)('context');
     return Header
         ? react_1.default.createElement(headerFooterTag, { ref: ref }, react_1.default.createElement(Header, contextPropIfNotDomElement(Header, context)))
         : null;
 });
-var Footer = react_1.default.memo(function VirtuosoFooter() {
-    var Footer = exports.useEmitterValue('FooterComponent');
-    var footerHeight = exports.usePublisher('footerHeight');
-    var headerFooterTag = exports.useEmitterValue('headerFooterTag');
-    var ref = useSize_1.default(function (el) { return footerHeight(correctItemSize_1.correctItemSize(el, 'height')); });
-    var context = exports.useEmitterValue('context');
+var Footer = /*#__PURE__*/ react_1.default.memo(function VirtuosoFooter() {
+    var Footer = (0, exports.useEmitterValue)('FooterComponent');
+    var footerHeight = (0, exports.usePublisher)('footerHeight');
+    var headerFooterTag = (0, exports.useEmitterValue)('headerFooterTag');
+    var ref = (0, useSize_1.default)(function (el) { return footerHeight((0, correctItemSize_1.correctItemSize)(el, 'height')); });
+    var context = (0, exports.useEmitterValue)('context');
     return Footer
         ? react_1.default.createElement(headerFooterTag, { ref: ref }, react_1.default.createElement(Footer, contextPropIfNotDomElement(Footer, context)))
         : null;
@@ -174,7 +175,7 @@ function buildScroller(_a) {
         var smoothScrollTargetReached = usePublisher('smoothScrollTargetReached');
         var scrollerRefCallback = useEmitterValue('scrollerRef');
         var context = useEmitterValue('context');
-        var _b = useScrollTop_1.default(scrollContainerStateCallback, smoothScrollTargetReached, ScrollerComponent, scrollerRefCallback), scrollerRef = _b.scrollerRef, scrollByCallback = _b.scrollByCallback, scrollToCallback = _b.scrollToCallback;
+        var _b = (0, useScrollTop_1.default)(scrollContainerStateCallback, smoothScrollTargetReached, ScrollerComponent, scrollerRefCallback), scrollerRef = _b.scrollerRef, scrollByCallback = _b.scrollByCallback, scrollToCallback = _b.scrollToCallback;
         useEmitter('scrollTo', scrollToCallback);
         useEmitter('scrollBy', scrollByCallback);
         return react_1.default.createElement(ScrollerComponent, tslib_1.__assign(tslib_1.__assign({ ref: scrollerRef, style: tslib_1.__assign(tslib_1.__assign({}, exports.scrollerStyle), style), 'data-test-id': 'virtuoso-scroller', 'data-virtuoso-scroller': true, tabIndex: 0 }, props), contextPropIfNotDomElement(ScrollerComponent, context)), children);
@@ -193,8 +194,8 @@ function buildWindowScroller(_a) {
         var deviation = useEmitterValue('deviation');
         var customScrollParent = useEmitterValue('customScrollParent');
         var context = useEmitterValue('context');
-        var _b = useScrollTop_1.default(scrollContainerStateCallback, smoothScrollTargetReached, ScrollerComponent, u.noop, customScrollParent), scrollerRef = _b.scrollerRef, scrollByCallback = _b.scrollByCallback, scrollToCallback = _b.scrollToCallback;
-        useIsomorphicLayoutEffect_1.default(function () {
+        var _b = (0, useScrollTop_1.default)(scrollContainerStateCallback, smoothScrollTargetReached, ScrollerComponent, u.noop, customScrollParent), scrollerRef = _b.scrollerRef, scrollByCallback = _b.scrollByCallback, scrollToCallback = _b.scrollToCallback;
+        (0, useIsomorphicLayoutEffect_1.default)(function () {
             scrollerRef.current = customScrollParent ? customScrollParent : window;
             return function () {
                 scrollerRef.current = null;
@@ -210,9 +211,9 @@ exports.buildWindowScroller = buildWindowScroller;
 var Viewport = function (_a) {
     var children = _a.children;
     var ctx = react_1.default.useContext(context_1.VirtuosoMockContext);
-    var viewportHeight = exports.usePublisher('viewportHeight');
-    var fixedItemHeight = exports.usePublisher('fixedItemHeight');
-    var viewportRef = useSize_1.default(u.compose(viewportHeight, function (el) { return correctItemSize_1.correctItemSize(el, 'height'); }));
+    var viewportHeight = (0, exports.usePublisher)('viewportHeight');
+    var fixedItemHeight = (0, exports.usePublisher)('fixedItemHeight');
+    var viewportRef = (0, useSize_1.default)(u.compose(viewportHeight, function (el) { return (0, correctItemSize_1.correctItemSize)(el, 'height'); }));
     react_1.default.useEffect(function () {
         if (ctx) {
             viewportHeight(ctx.viewportHeight);
@@ -224,10 +225,10 @@ var Viewport = function (_a) {
 var WindowViewport = function (_a) {
     var children = _a.children;
     var ctx = react_1.default.useContext(context_1.VirtuosoMockContext);
-    var windowViewportRect = exports.usePublisher('windowViewportRect');
-    var fixedItemHeight = exports.usePublisher('fixedItemHeight');
-    var customScrollParent = exports.useEmitterValue('customScrollParent');
-    var viewportRef = useWindowViewportRect_1.default(windowViewportRect, customScrollParent);
+    var windowViewportRect = (0, exports.usePublisher)('windowViewportRect');
+    var fixedItemHeight = (0, exports.usePublisher)('fixedItemHeight');
+    var customScrollParent = (0, exports.useEmitterValue)('customScrollParent');
+    var viewportRef = (0, useWindowViewportRect_1.default)(windowViewportRect, customScrollParent);
     react_1.default.useEffect(function () {
         if (ctx) {
             fixedItemHeight(ctx.itemHeight);
@@ -238,16 +239,16 @@ var WindowViewport = function (_a) {
 };
 var TopItemListContainer = function (_a) {
     var children = _a.children;
-    var TopItemList = exports.useEmitterValue('TopItemListComponent');
-    var headerHeight = exports.useEmitterValue('headerHeight');
-    var style = tslib_1.__assign(tslib_1.__assign({}, topItemListStyle), { marginTop: headerHeight + "px" });
-    var context = exports.useEmitterValue('context');
+    var TopItemList = (0, exports.useEmitterValue)('TopItemListComponent');
+    var headerHeight = (0, exports.useEmitterValue)('headerHeight');
+    var style = tslib_1.__assign(tslib_1.__assign({}, topItemListStyle), { marginTop: "".concat(headerHeight, "px") });
+    var context = (0, exports.useEmitterValue)('context');
     return react_1.default.createElement(TopItemList || 'div', { style: style, context: context }, children);
 };
-var ListRoot = react_1.default.memo(function VirtuosoRoot(props) {
-    var useWindowScroll = exports.useEmitterValue('useWindowScroll');
-    var showTopList = exports.useEmitterValue('topItemsIndexes').length > 0;
-    var customScrollParent = exports.useEmitterValue('customScrollParent');
+var ListRoot = /*#__PURE__*/ react_1.default.memo(function VirtuosoRoot(props) {
+    var useWindowScroll = (0, exports.useEmitterValue)('useWindowScroll');
+    var showTopList = (0, exports.useEmitterValue)('topItemsIndexes').length > 0;
+    var customScrollParent = (0, exports.useEmitterValue)('customScrollParent');
     var TheScroller = customScrollParent || useWindowScroll ? WindowScroller : Scroller;
     var TheViewport = customScrollParent || useWindowScroll ? WindowViewport : Viewport;
     return (react_1.default.createElement(TheScroller, tslib_1.__assign({}, props),
@@ -258,7 +259,7 @@ var ListRoot = react_1.default.memo(function VirtuosoRoot(props) {
             react_1.default.createElement(Items, null),
             react_1.default.createElement(Footer, null))));
 });
-exports.List = (_a = react_urx_1.systemToComponent(combinedSystem, {
+exports.List = (_a = (0, react_urx_1.systemToComponent)(combinedSystem, {
     required: {},
     optional: {
         restoreStateFrom: 'restoreStateFrom',