@ringcentral/juno 1.11.6-beta.5716-0e1a6b2b → 1.12.0

package/es6/components/Tabs/deprecated/Tabs.js

@@ -1,383 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
-import difference from 'lodash/difference';
-import isEqual from 'lodash/isEqual';
-import React, { Children, createRef, PureComponent, } from 'react';
-import { combineProps } from '../../../foundation';
-import MoreHorizIcon from '../../../icon/MoreHoriz';
-import { RcMenuItem } from '../../Menu';
-import { RcTooltip } from '../../Tooltip';
-import { StyledTab, StyledTabContainer, StyledTabContent, StyledTabIcon, StyledTabs, StyledWrapper, } from './styles';
-import { ExtendedRcMenu, IndicatorDefaultClassName, RcMoreTabClassName, } from './utils';
-var MORE_TAB_INDEX = 10000; // more tab mui auto add child index
-var MORE_TAB_MENU_INDEX = 10001; // more tab mui auto add child index
-var cacheConfig = {};
-var RcTabs = /** @class */ (function (_super) {
-    __extends(RcTabs, _super);
-    function RcTabs(props) {
-        var _this = _super.call(this, props) || this;
-        // not include more tab
-        _this._tabTitles = [];
-        _this._tabRefs = [];
-        _this._tabWidths = [];
-        _this._tabWidthsTotal = 0;
-        _this._automationIds = []; // automation ids, not include more tab
-        _this._moreWidth = 0;
-        _this._containerWidth = 0;
-        _this._measureContainerWidth = function () {
-            var domContainer = _this._containerRef.current;
-            // TODO: test issue with window
-            if (domContainer && window && window.getComputedStyle) {
-                var cs = window.getComputedStyle(domContainer);
-                var paddingX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight);
-                var borderX = parseFloat(cs.borderLeftWidth) + parseFloat(cs.borderRightWidth);
-                _this._containerWidth = domContainer.offsetWidth - paddingX - borderX;
-            }
-        };
-        _this._measureTabWidths = function () {
-            _this._tabWidthsTotal = 0;
-            _this._tabWidths = _this._tabRefs.map(function (_ref) {
-                if (_ref.current && _ref.current.getBoundingClientRect) {
-                    var width = _ref.current.getBoundingClientRect().width;
-                    _this._tabWidthsTotal += width;
-                    return width;
-                }
-                return 0;
-            });
-        };
-        _this._calculateIndexTabsAndIndexMenus = function () {
-            var averageWidth = _this.props.averageWidth;
-            var indexSelected = _this.state.indexSelected; // current selected tab index
-            var indexTabs = [];
-            var indexMenus = [];
-            if (_this._tabWidthsTotal < _this._containerWidth || averageWidth) {
-                // 0. there is no more tab, show all tab
-                indexTabs = _this._tabWidths.map(function (width, index) { return index; });
-            }
-            else {
-                // 0. there must be more tab
-                // 1. add more tab width
-                var sum_1 = _this._moreWidth;
-                // 2. add selected tab index
-                if (sum_1 + _this._tabWidths[indexSelected] < _this._containerWidth) {
-                    indexTabs.push(indexSelected);
-                    sum_1 += _this._tabWidths[indexSelected];
-                }
-                // 3. add order tab index
-                _this._tabWidths.forEach(function (width, index) {
-                    if (index === indexSelected) {
-                        return; // continue
-                    }
-                    if (sum_1 + width < _this._containerWidth) {
-                        indexTabs.push(index); // add to tab list
-                    }
-                    else {
-                        indexMenus.push(index); // 4. add to menu list
-                    }
-                    sum_1 += width;
-                });
-                // 5. change original array
-                indexTabs.sort();
-            }
-            if (isEqual(_this.state.indexMenus, indexMenus) &&
-                isEqual(_this.state.indexTabs, indexTabs)) {
-                return;
-            }
-            _this.setState({
-                indexMenus: indexMenus,
-                indexTabs: indexTabs,
-            });
-        };
-        _this._handleTabChange = function (event, indexSelected) {
-            if (indexSelected === MORE_TAB_INDEX) {
-                return;
-            }
-            _this._setSelectedTabIndex(indexSelected);
-        };
-        _this._openMenu = function (evt) {
-            var currentTarget = evt.currentTarget;
-            _this.setState({
-                anchorEl: currentTarget,
-            });
-        };
-        _this._handleCloseMoreMenu = function (e) {
-            var onClose = _this.props.onClose;
-            onClose && onClose(e);
-            _this.setState({
-                anchorEl: null,
-            });
-        };
-        _this._handleMenuItemClick = function (index) {
-            _this._setSelectedTabIndex(index);
-        };
-        _this._setSelectedTabIndex = function (indexSelected) {
-            var indexLazyLoadComponents = _this.state.indexLazyLoadComponents;
-            var _a = _this.props, tag = _a.tag, onChangeTab = _a.onChangeTab;
-            if (!indexLazyLoadComponents.includes(indexSelected)) {
-                indexLazyLoadComponents = indexLazyLoadComponents.concat(indexSelected);
-            }
-            _this.setState({
-                indexSelected: indexSelected,
-                indexLazyLoadComponents: indexLazyLoadComponents,
-                disableIndicatorTransition: false,
-            });
-            if (tag) {
-                _this._setLocalSelectedIndex(indexSelected);
-            }
-            onChangeTab && onChangeTab(indexSelected);
-        };
-        _this._getLocalKey = function () {
-            var tag = _this.props.tag;
-            return "tabs-" + tag;
-        };
-        _this._getLocalSelectedIndex = function () {
-            var value = cacheConfig[_this._getLocalKey()];
-            return Number(value) || 0;
-        };
-        _this._setLocalSelectedIndex = function (index) {
-            cacheConfig[_this._getLocalKey()] = index;
-        };
-        _this._renderMoreAndMenu = function () {
-            var _a = _this.state, indexMenus = _a.indexMenus, hideMenu = _a.hideMenu, anchorEl = _a.anchorEl;
-            var MoreMenuProps = _this.props.MoreMenuProps;
-            if (indexMenus.length === 0 || hideMenu) {
-                return null; // no more tab
-            }
-            return [
-                _this._renderMore({ tooltipForceHide: false }),
-                React.createElement(ExtendedRcMenu, __assign({ id: _this._moreMenuId, open: Boolean(anchorEl), value: MORE_TAB_MENU_INDEX, key: MORE_TAB_MENU_INDEX, onClose: _this._handleCloseMoreMenu, variant: "menu", anchorEl: anchorEl }, MoreMenuProps), indexMenus.map(function (item) {
-                    var handleClick = function () {
-                        _this._handleCloseMoreMenu();
-                        _this._handleMenuItemClick(item);
-                    };
-                    return (React.createElement(RcMenuItem, { "data-test-automation-id": _this._automationIds[item], key: item, onClick: handleClick }, _this._tabTitles[item]));
-                })),
-            ];
-        };
-        _this._renderMore = function (_a) {
-            var tooltipForceHide = _a.tooltipForceHide;
-            var _b = _this.props, tag = _b.tag, moreText = _b.moreText, _c = _b.MoreButtonProps, MoreButtonProps = _c === void 0 ? {} : _c;
-            var TooltipProps = MoreButtonProps.TooltipProps, rest = __rest(MoreButtonProps, ["TooltipProps"]);
-            return _this._renderStyledTab(__assign({ value: MORE_TAB_INDEX, icon: (React.createElement(RcTooltip, __assign({}, TooltipProps, { key: "more", tooltipForceHide: tooltipForceHide, title: moreText }),
-                    React.createElement(StyledTabIcon, { size: "medium", color: ['neutral', 'f04'], symbol: MoreHorizIcon }))), className: RcMoreTabClassName, onClick: _this._openMenu, ref: _this._moreRef, automationId: tag + "-more", 'aria-controls': _this._moreMenuId, 'aria-haspopup': 'true' }, rest));
-        };
-        _this._renderForShow = function () {
-            var indexTabs = _this.state.indexTabs;
-            var tabs = indexTabs.map(function (item) {
-                return _this._renderStyledTab({
-                    value: item,
-                    label: _this._tabTitles[item],
-                    automationId: _this._automationIds[item],
-                });
-            });
-            var tabMoreAndMenu = _this._renderMoreAndMenu();
-            if (tabMoreAndMenu) {
-                tabs.push.apply(tabs, __spread(tabMoreAndMenu));
-            }
-            return tabs;
-        };
-        _this._renderStyledTab = function (_a) {
-            var value = _a.value, automationId = _a.automationId, rest = __rest(_a, ["value", "automationId"]);
-            var _b = _this.props, averageWidth = _b.averageWidth, size = _b.size;
-            return (React.createElement(StyledTab, __assign({ averageWidth: averageWidth, size: size, "data-test-automation-id": automationId, key: value, value: value }, rest)));
-        };
-        _this._renderForMeasure = function () {
-            var children = _this.props.children;
-            var tabs = Children.map(children, function (child, index) {
-                return _this._renderStyledTab({
-                    value: index,
-                    label: child.props.title,
-                    ref: _this._tabRefs[index],
-                    automationId: _this._automationIds[index],
-                });
-            });
-            tabs.push(_this._renderMore({ tooltipForceHide: false })); // add more tab
-            return tabs;
-        };
-        _this._setRemeasure = function (remeasure) {
-            _this.setState({ remeasure: remeasure });
-        };
-        _this._measureMoreWidth = function () {
-            var domMore = _this._moreRef.current;
-            if (domMore && domMore.getBoundingClientRect) {
-                _this._moreWidth = domMore.getBoundingClientRect().width;
-            }
-        };
-        _this.openTabByIndex = function (index) {
-            _this._setSelectedTabIndex(index);
-        };
-        _this.renderTabContents = function () {
-            var children = _this.props.children;
-            var _a = _this.state, indexSelected = _a.indexSelected, indexLazyLoadComponents = _a.indexLazyLoadComponents;
-            return Children.map(children, function (child, index) {
-                var className = index === indexSelected ? 'show' : '';
-                return (
-                // eslint-disable-next-line react/no-array-index-key
-                React.createElement(StyledTabContent, { key: index, className: className }, indexLazyLoadComponents.includes(index) && child.props.children));
-            });
-        };
-        _this._tabRefs = Children.map(props.children, function (child) {
-            _this._tabTitles.push(child.props.title); // add tab title
-            _this._automationIds.push(child.props.automationId || ''); // add automation id
-            return createRef(); // add tab ref
-        });
-        _this._moreRef = createRef();
-        _this._containerRef = createRef();
-        _this._moreMenuId = props.tag ? props.tag + "-more-menu" : 'tabs-more-menu';
-        var indexSelected = _this._getLocalSelectedIndex() || props.defaultActiveIndex || 0;
-        if (indexSelected > Children.count(props.children) - 1) {
-            indexSelected = 0;
-        }
-        _this.state = {
-            indexSelected: indexSelected,
-            indexLazyLoadComponents: [indexSelected],
-            hideMenu: false,
-            indexTabs: [],
-            indexMenus: [],
-            remeasure: false,
-            anchorEl: null,
-            disableIndicatorTransition: true,
-        };
-        return _this;
-    }
-    RcTabs.prototype.componentDidMount = function () {
-        this._measureMoreWidth();
-        this._measureTabWidths();
-        this._measureContainerWidth();
-        this._calculateIndexTabsAndIndexMenus();
-        var cmpLifecycle = this.props.cmpLifecycle;
-        cmpLifecycle && cmpLifecycle.mounted && cmpLifecycle.mounted(this);
-    };
-    RcTabs.prototype.componentWillUnmount = function () {
-        var cmpLifecycle = this.props.cmpLifecycle;
-        cmpLifecycle && cmpLifecycle.willUnmount && cmpLifecycle.willUnmount();
-    };
-    RcTabs.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        var children = nextProps.children;
-        var newTabTitles = [];
-        Children.map(children, function (child) {
-            return newTabTitles.push(child.props.title);
-        });
-        // force update after i18n ready
-        if (difference(newTabTitles, this._tabTitles).length !== 0) {
-            this._moreWidth = 0;
-            this._tabTitles = newTabTitles;
-            this.setState({ remeasure: true });
-        }
-        if (nextProps.width === 0) {
-            this.setState({ hideMenu: true, anchorEl: null });
-        }
-        else {
-            this.setState({ hideMenu: false });
-        }
-    };
-    RcTabs.prototype.componentDidUpdate = function (prevProps) {
-        var _a = this.state, indexTabs = _a.indexTabs, indexSelected = _a.indexSelected, remeasure = _a.remeasure;
-        var width = this.props.width;
-        // selected menu list tab index
-        if (indexTabs.length > 0 && !indexTabs.includes(indexSelected)) {
-            this._calculateIndexTabsAndIndexMenus();
-        }
-        // resize width
-        if (prevProps.width !== width) {
-            if (this._moreWidth === 0) {
-                this._setRemeasure(true);
-            }
-            else {
-                // Notes: only measure container width
-                this._measureContainerWidth();
-                this._calculateIndexTabsAndIndexMenus();
-            }
-        }
-        // remeasure width
-        if (remeasure && this._moreWidth === 0) {
-            this._measureMoreWidth();
-            this._measureTabWidths();
-            this._measureContainerWidth();
-            this._calculateIndexTabsAndIndexMenus();
-            this._setRemeasure(false);
-        }
-    };
-    RcTabs.prototype.renderTabs = function () {
-        var _a = this.state, indexTabs = _a.indexTabs, indexSelected = _a.indexSelected, disableIndicatorTransition = _a.disableIndicatorTransition;
-        var _b = this.props, position = _b.position, forceFlex = _b.forceFlex, averageWidth = _b.averageWidth, size = _b.size, TabIndicatorPropsProp = _b.TabIndicatorProps;
-        // Notice:
-        // 1. when first execute render, then indexTabs length equal 0
-        // 2. when right rail hide, then indexTabs length equal 0
-        // 3. when select menu list tab, then selected tab index not mounted yet
-        var index = indexSelected;
-        if (indexTabs.length === 0 || !indexTabs.includes(index)) {
-            index = false; // It don't want any selected tab index
-        }
-        // Notice: when average the tabs width, must use left position.
-        var _position = averageWidth ? 'left' : position;
-        // Notice: The width needs to be remeasured
-        var child = this._moreWidth === 0 ? this._renderForMeasure() : this._renderForShow();
-        var TabIndicatorProps = combineProps({ className: IndicatorDefaultClassName }, TabIndicatorPropsProp);
-        return (React.createElement(StyledTabs, { averageWidth: averageWidth, size: size, forceFlex: forceFlex, position: _position, value: index, onChange: this._handleTabChange, indicatorColor: "primary", textColor: "primary", TabIndicatorProps: TabIndicatorProps, ref: this._containerRef, disableIndicatorTransition: disableIndicatorTransition }, child));
-    };
-    RcTabs.prototype.render = function () {
-        var className = this.props.className;
-        return (React.createElement(StyledWrapper, { className: className },
-            this.renderTabs(),
-            React.createElement(StyledTabContainer, null, this.renderTabContents())));
-    };
-    RcTabs.defaultProps = {
-        size: 'small',
-    };
-    return RcTabs;
-}(PureComponent));
-export { RcTabs };

package/es6/components/Tabs/deprecated/index.js

@@ -1,7 +0,0 @@
-/*
- * @Author: Devin Lin (devin.lin@ringcentral.com)
- * @Date: 2018-09-27 14:19:33
- * Copyright © RingCentral. All rights reserved.
- */
-export * from './Tabs';
-export * from './Tab';

package/es6/components/Tabs/deprecated/styles/StyledTab.js

@@ -1,59 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import MuiRootRef from '@material-ui/core/RootRef';
-import MuiTab from '@material-ui/core/Tab';
-import React, { forwardRef } from 'react';
-import { styled, css, ellipsis, spacing, typography, combineProps, palette, } from '../../../../foundation';
-import { RcStyledTabClasses, RcMoreTabClassName } from '../utils';
-var _BaseTab = function (props) {
-    var averageWidth = props.averageWidth, size = props.size, rest = __rest(props, ["averageWidth", "size"]);
-    return React.createElement(MuiTab, __assign({}, rest));
-};
-var BaseTab = styled(_BaseTab)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &.", " {\n    text-transform: none;\n    box-sizing: border-box;\n    ", ";\n    color: ", ";\n    .wrapper {\n      ", "\n      display: inline;\n    }\n  }\n\n  ", "\n\n  ", "\n\n  &.", " {\n    position: absolute;\n    right: 2px;\n  }\n\n  &.", " {\n    ", ";\n    color: ", " !important;\n  }\n\n  span > && > .", " {\n    display: inline-flex;\n  }\n"], ["\n  &.", " {\n    text-transform: none;\n    box-sizing: border-box;\n    ", ";\n    color: ", ";\n    .wrapper {\n      ", "\n      display: inline;\n    }\n  }\n\n  ",
-    "\n\n  ",
-    "\n\n  &.", " {\n    position: absolute;\n    right: 2px;\n  }\n\n  &.", " {\n    ", ";\n    color: ", " !important;\n  }\n\n  span > && > .", " {\n    display: inline-flex;\n  }\n"])), RcStyledTabClasses.root, typography('body1'), palette('tab', 'default'), ellipsis(), function (_a) {
-    var size = _a.size;
-    if (size === 'large') {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        && {\n          min-width: 32px;\n          min-height: 60px;\n        }\n      "], ["\n        && {\n          min-width: 32px;\n          min-height: 60px;\n        }\n      "])));
-    }
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      && {\n        min-width: 32px;\n        min-height: 32px;\n      }\n    "], ["\n      && {\n        min-width: 32px;\n        min-height: 32px;\n      }\n    "])));
-}, function (_a) {
-    var averageWidth = _a.averageWidth;
-    return averageWidth
-        ? css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          && {\n            flex-grow: 1;\n            padding: ", ";\n          }\n        "], ["\n          && {\n            flex-grow: 1;\n            padding: ", ";\n          }\n        "])), spacing(0, 2)) : css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          && {\n            max-width: 200px;\n            padding: ", ";\n          }\n        "], ["\n          && {\n            max-width: 200px;\n            padding: ", ";\n          }\n        "])), function (_a) {
-        var icon = _a.icon;
-        return (icon ? '0' : spacing(0, 2));
-    });
-}, RcMoreTabClassName, RcStyledTabClasses.selected, typography('body2'), palette('tab', 'selected'), RcStyledTabClasses.wrapper);
-var StyledTab = forwardRef(function (props, ref) {
-    var children = props.children, classes = props.classes, rest = __rest(props, ["children", "classes"]);
-    var Tab = (React.createElement(BaseTab, __assign({}, rest, { classes: combineProps(RcStyledTabClasses, classes) }), children));
-    return ref ? React.createElement(MuiRootRef, { rootRef: ref }, Tab) : Tab;
-});
-StyledTab.displayName = 'StyledTab';
-export { StyledTab };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/es6/components/Tabs/deprecated/styles/StyledTabContainer.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled, spacing } from '../../../../foundation';
-var StyledTabContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  height: 100%;\n  padding-top: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  height: 100%;\n  padding-top: ", ";\n"])), spacing(2));
-export { StyledTabContainer };
-var templateObject_1;

package/es6/components/Tabs/deprecated/styles/StyledTabContent.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled } from '../../../../foundation';
-var StyledTabContent = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  display: none;\n  min-height: 0;\n  &.show {\n    display: flex;\n  }\n"], ["\n  flex: 1;\n  display: none;\n  min-height: 0;\n  &.show {\n    display: flex;\n  }\n"])));
-export { StyledTabContent };
-var templateObject_1;

package/es6/components/Tabs/deprecated/styles/StyledTabIcon.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled } from '../../../../foundation';
-import { RcIcon } from '../../../Icon';
-export var StyledTabIcon = styled(RcIcon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: absolute;\n  justify-content: center;\n  align-items: center;\n"], ["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: absolute;\n  justify-content: center;\n  align-items: center;\n"])));
-var templateObject_1;

package/es6/components/Tabs/deprecated/styles/StyledTabs.js

@@ -1,67 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import RootRef from '@material-ui/core/RootRef';
-import MuiTabs from '@material-ui/core/Tabs';
-import React, { forwardRef } from 'react';
-import { styled, css, spacing, combineProps, palette2, } from '../../../../foundation';
-import { RcTabPositions, RcStyledTabsClasses, IndicatorDefaultClassName, } from '../utils';
-var _BaseTabs = function (props) {
-    var forceFlex = props.forceFlex, averageWidth = props.averageWidth, rest = __rest(props, ["forceFlex", "averageWidth"]);
-    return React.createElement(MuiTabs, __assign({}, rest));
-};
-var BaseTabs = styled(_BaseTabs)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  .", " {\n    ", "\n\n    ", "\n  }\n\n  .", " {\n    transition: none;\n    background-color: ", ";\n  }\n\n  .", " {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n\n  &.", " {\n    display: ", ";\n    padding: ", ";\n    position: relative;\n    border-bottom: 1px solid ", ";\n  }\n"], ["\n  .", " {\n    ",
-    "\n\n    ",
-    "\n  }\n\n  .", " {\n    transition: none;\n    background-color: ", ";\n  }\n\n  .", " {\n    background-color: ", ";\n  }\n\n  ",
-    "\n\n  ",
-    "\n\n  &.", " {\n    display: ", ";\n    padding: ", ";\n    position: relative;\n    border-bottom: 1px solid ", ";\n  }\n"])), RcStyledTabsClasses.flexContainer, function (_a) {
-    var position = _a.position;
-    return position && "justify-content:" + RcTabPositions[position] + ";";
-}, function (_a) {
-    var averageWidth = _a.averageWidth, position = _a.position;
-    return !averageWidth && position === 'right' && 'padding-right: 32px;';
-}, RcStyledTabsClasses.indicator, palette2('tab', 'selected'), IndicatorDefaultClassName, palette2('tab', 'selected'), function (_a) {
-    var averageWidth = _a.averageWidth;
-    return averageWidth
-        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          &&&& {\n            padding: ", ";\n          }\n        "], ["\n          &&&& {\n            padding: ", ";\n          }\n        "])), spacing(0, 6)) : '';
-}, function (_a) {
-    var size = _a.size;
-    return size === 'large'
-        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          &&&& {\n            min-height: 60px;\n            height: 60px;\n          }\n        "], ["\n          &&&& {\n            min-height: 60px;\n            height: 60px;\n          }\n        "]))) : css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          &&&& {\n            min-height: 32px;\n            height: 32px;\n          }\n        "], ["\n          &&&& {\n            min-height: 32px;\n            height: 32px;\n          }\n        "])));
-}, RcStyledTabsClasses.root, function (_a) {
-    var forceFlex = _a.forceFlex;
-    return (forceFlex ? 'flex' : null);
-}, spacing(0, 2), palette2('neutral', 'l02'));
-var StyledTabs = forwardRef(function (props, ref) {
-    var children = props.children, position = props.position, forceFlex = props.forceFlex, disableIndicatorTransition = props.disableIndicatorTransition, classes = props.classes, rest = __rest(props, ["children", "position", "forceFlex", "disableIndicatorTransition", "classes"]);
-    if (!disableIndicatorTransition)
-        delete RcStyledTabsClasses.indicator;
-    var Tabs = (React.createElement(BaseTabs, __assign({}, rest, { classes: combineProps(RcStyledTabsClasses, classes), position: position, forceFlex: forceFlex }), children));
-    return ref ? React.createElement(RootRef, { rootRef: ref }, Tabs) : Tabs;
-});
-StyledTabs.displayName = 'StyledTabs';
-export { StyledTabs };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/es6/components/Tabs/deprecated/styles/StyledWrapper.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled } from '../../../../foundation';
-var StyledWrapper = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n"])));
-export { StyledWrapper };
-var templateObject_1;

package/es6/components/Tabs/deprecated/styles/index.js

@@ -1,6 +0,0 @@
-export * from './StyledTab';
-export * from './StyledTabContainer';
-export * from './StyledTabContent';
-export * from './StyledTabIcon';
-export * from './StyledTabs';
-export * from './StyledWrapper';

package/es6/components/Tabs/deprecated/utils/ExtendedRcMenu.js

@@ -1,28 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { RcMenu } from '../../../Menu';
-export var ExtendedRcMenu = function (_a) {
-    var value = _a.value, fullWidth = _a.fullWidth, indicator = _a.indicator, selectionFollowsFocus = _a.selectionFollowsFocus, textColor = _a.textColor, rest = __rest(_a, ["value", "fullWidth", "indicator", "selectionFollowsFocus", "textColor"]);
-    return React.createElement(RcMenu, __assign({}, rest));
-};

package/es6/components/Tabs/deprecated/utils/TabsUtils.js

@@ -1,11 +0,0 @@
-import { RcClasses } from '../../../../foundation';
-var RcStyledTabClasses = RcClasses(['root', 'selected', 'wrapper'], 'StyledTab');
-var RcStyledTabsClasses = RcClasses(['root', 'flexContainer', 'indicator'], 'StyledTabs');
-var RcTabPositions = {
-    left: 'flex-start',
-    right: 'flex-end',
-    center: 'center',
-};
-var RcMoreTabClassName = 'RcStyledTab-more';
-export var IndicatorDefaultClassName = 'RcTabs-indicatorDefault';
-export { RcTabPositions, RcStyledTabClasses, RcStyledTabsClasses, RcMoreTabClassName, };

package/es6/components/Tabs/deprecated/utils/index.js

@@ -1,2 +0,0 @@
-export * from './ExtendedRcMenu';
-export * from './TabsUtils';