@ringcentral/juno 2.40.1 → 2.41.1

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

@@ -1,168 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-/* eslint-disable no-console */
-var React = tslib_1.__importStar(require("react"));
-var react_1 = require("react");
-var react_urx_1 = require("@virtuoso.dev/react-urx");
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
-var gridSystem_1 = require("./gridSystem");
-var useSize_1 = tslib_1.__importDefault(require("./hooks/useSize"));
-var useWindowViewportRect_1 = tslib_1.__importDefault(require("./hooks/useWindowViewportRect"));
-var List_1 = require("./List");
-var gridComponentPropsSystem = u.system(function () {
-    var itemContent = u.statefulStream(function (index) { return "Item " + index; });
-    var components = u.statefulStream({});
-    var context = u.statefulStream(null);
-    var itemClassName = u.statefulStream('virtuoso-grid-item');
-    var listClassName = u.statefulStream('virtuoso-grid-list');
-    var computeItemKey = u.statefulStream(List_1.identity);
-    var scrollerRef = u.statefulStream(u.noop);
-    var distinctProp = function (propName, defaultValue) {
-        if (defaultValue === void 0) { defaultValue = null; }
-        return u.statefulStreamFromEmitter(u.pipe(components, u.map(function (components) { return components[propName]; }), u.distinctUntilChanged()), defaultValue);
-    };
-    return {
-        context: context,
-        itemContent: itemContent,
-        components: components,
-        computeItemKey: computeItemKey,
-        itemClassName: itemClassName,
-        listClassName: listClassName,
-        scrollerRef: scrollerRef,
-        ListComponent: distinctProp('List', 'div'),
-        ItemComponent: distinctProp('Item', 'div'),
-        ScrollerComponent: distinctProp('Scroller', 'div'),
-        ScrollSeekPlaceholder: distinctProp('ScrollSeekPlaceholder', 'div'),
-    };
-});
-var combinedSystem = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 2), gridSystem = _b[0], gridComponentPropsSystem = _b[1];
-    var deprecatedProps = {
-        item: List_1.addDeprecatedAlias(gridComponentPropsSystem.itemContent, 'Rename the %citem%c prop to %citemContent.'),
-        ItemContainer: u.stream(),
-        ScrollContainer: u.stream(),
-        ListContainer: u.stream(),
-        emptyComponent: u.stream(),
-        scrollSeek: u.stream(),
-    };
-    function deprecateComponentProp(stream, componentName, propName) {
-        u.connect(u.pipe(stream, u.withLatestFrom(gridComponentPropsSystem.components), u.map(function (_a) {
-            var _b;
-            var _c = tslib_1.__read(_a, 2), comp = _c[0], components = _c[1];
-            console.warn("react-virtuoso: " + propName + " property is deprecated. Pass components." + componentName + " instead.");
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            return tslib_1.__assign(tslib_1.__assign({}, components), (_b = {}, _b[componentName] = comp, _b));
-        })), gridComponentPropsSystem.components);
-    }
-    u.subscribe(deprecatedProps.scrollSeek, function (_a) {
-        var placeholder = _a.placeholder, config = tslib_1.__rest(_a, ["placeholder"]);
-        console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead.");
-        u.publish(gridComponentPropsSystem.components, tslib_1.__assign(tslib_1.__assign({}, u.getValue(gridComponentPropsSystem.components)), { 
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            ScrollSeekPlaceholder: placeholder }));
-        u.publish(gridSystem.scrollSeekConfiguration, config);
-    });
-    deprecateComponentProp(deprecatedProps.ItemContainer, 'Item', 'ItemContainer');
-    deprecateComponentProp(deprecatedProps.ListContainer, 'List', 'ListContainer');
-    deprecateComponentProp(deprecatedProps.ScrollContainer, 'Scroller', 'ScrollContainer');
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, gridSystem), gridComponentPropsSystem), deprecatedProps);
-}, u.tup(gridSystem_1.gridSystem, gridComponentPropsSystem));
-var GridItems = React.memo(function GridItems() {
-    var gridState = useEmitterValue('gridState');
-    var listClassName = useEmitterValue('listClassName');
-    var itemClassName = useEmitterValue('itemClassName');
-    var itemContent = useEmitterValue('itemContent');
-    var computeItemKey = useEmitterValue('computeItemKey');
-    var isSeeking = useEmitterValue('isSeeking');
-    var scrollHeightCallback = usePublisher('scrollHeight');
-    var ItemComponent = useEmitterValue('ItemComponent');
-    var ListComponent = useEmitterValue('ListComponent');
-    var ScrollSeekPlaceholder = useEmitterValue('ScrollSeekPlaceholder');
-    var context = useEmitterValue('context');
-    var itemDimensions = usePublisher('itemDimensions');
-    var listRef = useSize_1.default(function (el) {
-        var scrollHeight = el.parentElement.parentElement.scrollHeight;
-        scrollHeightCallback(scrollHeight);
-        var firstItem = el.firstChild;
-        if (firstItem) {
-            itemDimensions(firstItem.getBoundingClientRect());
-        }
-    });
-    return react_1.createElement(ListComponent, tslib_1.__assign(tslib_1.__assign({ ref: listRef, className: listClassName }, List_1.contextPropIfNotDomElement(ListComponent, context)), { style: {
-            paddingTop: gridState.offsetTop,
-            paddingBottom: gridState.offsetBottom,
-        } }), gridState.items.map(function (item) {
-        var key = computeItemKey(item.index);
-        return isSeeking
-            ? react_1.createElement(ScrollSeekPlaceholder, tslib_1.__assign(tslib_1.__assign({ key: key }, List_1.contextPropIfNotDomElement(ScrollSeekPlaceholder, context)), { index: item.index, height: gridState.itemHeight, width: gridState.itemWidth }))
-            : react_1.createElement(ItemComponent, tslib_1.__assign(tslib_1.__assign({}, List_1.contextPropIfNotDomElement(ItemComponent, context)), { className: itemClassName, 'data-index': item.index, key: key }), itemContent(item.index, context));
-    }));
-});
-var Viewport = function (_a) {
-    var children = _a.children;
-    var viewportDimensions = usePublisher('viewportDimensions');
-    var viewportRef = useSize_1.default(function (el) {
-        viewportDimensions(el.getBoundingClientRect());
-    });
-    return (React.createElement("div", { style: List_1.viewportStyle, ref: viewportRef }, children));
-};
-var WindowViewport = function (_a) {
-    var children = _a.children;
-    var windowViewportRect = usePublisher('windowViewportRect');
-    var customScrollParent = useEmitterValue('customScrollParent');
-    var viewportRef = useWindowViewportRect_1.default(windowViewportRect, customScrollParent);
-    return (React.createElement("div", { ref: viewportRef, style: List_1.viewportStyle }, children));
-};
-var GridRoot = React.memo(function GridRoot(_a) {
-    var props = tslib_1.__rest(_a, []);
-    var useWindowScroll = useEmitterValue('useWindowScroll');
-    var customScrollParent = useEmitterValue('customScrollParent');
-    var TheScroller = customScrollParent || useWindowScroll ? WindowScroller : Scroller;
-    var TheViewport = customScrollParent || useWindowScroll ? WindowViewport : Viewport;
-    return (React.createElement(TheScroller, tslib_1.__assign({}, props),
-        React.createElement(TheViewport, null,
-            React.createElement(GridItems, null))));
-});
-var _a = react_urx_1.systemToComponent(combinedSystem, {
-    optional: {
-        totalCount: 'totalCount',
-        overscan: 'overscan',
-        itemContent: 'itemContent',
-        components: 'components',
-        computeItemKey: 'computeItemKey',
-        initialItemCount: 'initialItemCount',
-        scrollSeekConfiguration: 'scrollSeekConfiguration',
-        listClassName: 'listClassName',
-        itemClassName: 'itemClassName',
-        useWindowScroll: 'useWindowScroll',
-        customScrollParent: 'customScrollParent',
-        scrollerRef: 'scrollerRef',
-        // deprecated
-        item: 'item',
-        ItemContainer: 'ItemContainer',
-        ScrollContainer: 'ScrollContainer',
-        ListContainer: 'ListContainer',
-        scrollSeek: 'scrollSeek',
-    },
-    methods: {
-        scrollTo: 'scrollTo',
-        scrollBy: 'scrollBy',
-        scrollToIndex: 'scrollToIndex',
-    },
-    events: {
-        isScrolling: 'isScrolling',
-        endReached: 'endReached',
-        startReached: 'startReached',
-        rangeChanged: 'rangeChanged',
-        atBottomStateChange: 'atBottomStateChange',
-        atTopStateChange: 'atTopStateChange',
-    },
-}, GridRoot), Grid = _a.Component, usePublisher = _a.usePublisher, useEmitterValue = _a.useEmitterValue, useEmitter = _a.useEmitter;
-exports.Grid = Grid;
-var Scroller = List_1.buildScroller({ usePublisher: usePublisher, useEmitterValue: useEmitterValue, useEmitter: useEmitter });
-var WindowScroller = List_1.buildWindowScroller({
-    usePublisher: usePublisher,
-    useEmitterValue: useEmitterValue,
-    useEmitter: useEmitter,
-});