@ringcentral/juno 2.15.0 → 2.17.0

package/components/TextWithTooltip/TextWithTooltip.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var foundation_1 = require("../../foundation");
-var StyledText = foundation_1.styled.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ",
-    ";\n"])), function (_a) {
-    var textColor = _a.textColor;
-    return foundation_1.getParsePaletteColor(textColor, foundation_1.palette2('neutral', 'f06'));
-});
-/** @deprecated please don't use that component, just use `RcText` with `title` directly */
-var RcTextWithTooltip = function (props) {
-    if (process.env.NODE_ENV !== 'production') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedLog({
-            component: 'RcTextWithTooltip',
-            message: "please don't use that component, just use `RcText` with `title` directly",
-        });
-    }
-    var tooltip = props.tooltip, children = props.children, _a = props.textColor, textColor = _a === void 0 ? ['neutral', 'f06'] : _a;
-    var ref = react_1.useRef(null);
-    var _b = tslib_1.__read(react_1.useState(false), 2), showTooltip = _b[0], setShowTooltip = _b[1];
-    var onMouseOver = function () {
-        var span = ref.current;
-        if (span && span.parentElement) {
-            var _a = span.parentElement, scrollHeight = _a.scrollHeight, scrollWidth = _a.scrollWidth, clientHeight = _a.clientHeight, clientWidth = _a.clientWidth;
-            setShowTooltip(scrollWidth > clientWidth || scrollHeight > clientHeight);
-        }
-    };
-    var toolTipText = typeof children === 'string' ? children : tooltip || '';
-    return (react_1.default.createElement("span", { title: showTooltip ? toolTipText : '', onMouseOver: onMouseOver, ref: ref },
-        react_1.default.createElement(StyledText, { textColor: textColor }, children)));
-};
-exports.RcTextWithTooltip = RcTextWithTooltip;
-var templateObject_1;

package/components/TextWithTooltip/index.d.ts

@@ -1 +0,0 @@
-export * from './TextWithTooltip';

package/components/TextWithTooltip/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./TextWithTooltip"), exports);

package/es6/components/Autocomplete/Autocomplete.js

@@ -1,4 +0,0 @@
-import Autocomplete from '@material-ui/lab/Autocomplete';
-/** @deprecated should use `RcDownshift` to replace that */
-var RcAutocomplete = Autocomplete;
-export { RcAutocomplete };

package/es6/components/Autocomplete/index.js

@@ -1 +0,0 @@
-export * from './Autocomplete';

package/es6/components/Grid/deprecated/Grid.js

@@ -1,6 +0,0 @@
-import { __assign } from "tslib";
-import React from 'react';
-import MuiGrid from '@material-ui/core/Grid';
-export var RcGrid = React.memo(function (props) { return React.createElement(MuiGrid, __assign({}, props)); });
-RcGrid.displayName = 'RcGrid';
-RcGrid.dependencies = [RcGrid];

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

@@ -1 +0,0 @@
-export * from './Grid';

package/es6/components/ImageView/ImageView.js

@@ -1,204 +0,0 @@
-import { __assign, __awaiter, __extends, __generator, __makeTemplateObject, __rest } from "tslib";
-import React, { createRef, } from 'react';
-import cloneDeep from 'lodash/cloneDeep';
-import values from 'lodash/values';
-import { ImageBroken } from '@ringcentral/juno-icon';
-import styled from '../../foundation/styled-components';
-import { RcIcon } from '../Icon';
-var StyledLoadingPage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var StyledBackground = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"], ["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.shadows[7];
-}, function (_a) {
-    var visibility = _a.visibility;
-    return visibility;
-}, function (_a) {
-    var height = _a.height;
-    return height;
-}, function (_a) {
-    var width = _a.width;
-    return width;
-});
-var HiddenImage = styled.img(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: hidden;\n  display: none;\n"], ["\n  visibility: hidden;\n  display: none;\n"])));
-function isThumbnailMode(props) {
-    return props.thumbnailSrc && props.thumbnailSrc !== props.src;
-}
-var RcImageView = /** @class */ (function (_super) {
-    __extends(RcImageView, _super);
-    function RcImageView(props) {
-        var _this = _super.call(this, props) || this;
-        _this._imageRef = createRef();
-        _this._canvasRef = createRef();
-        _this.getImageRef = function () {
-            return _this.props.imageRef || _this._imageRef;
-        };
-        _this._drawToCanvas = function (imgBitmap) {
-            var canvasE = _this._canvasRef.current;
-            if (!canvasE) {
-                return;
-            }
-            var ctx = canvasE.getContext('2d');
-            if (ctx) {
-                if (!imgBitmap) {
-                    return;
-                }
-                var naturalWidth = imgBitmap.width, naturalHeight = imgBitmap.height;
-                canvasE.width = naturalWidth;
-                canvasE.height = naturalHeight;
-                ctx.drawImage(imgBitmap, 0, 0, naturalWidth, naturalHeight, 0, 0, naturalWidth, naturalHeight);
-            }
-        };
-        _this._loadHandler = function (event) { return __awaiter(_this, void 0, void 0, function () {
-            var _a, loadings, currentShow, _b, onSizeLoad, onLoad, _c, naturalWidth, naturalHeight, performanceTracerEnd, target, bitmap;
-            var _d;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        _a = this.state, loadings = _a.loadings, currentShow = _a.currentShow;
-                        _b = this.props, onSizeLoad = _b.onSizeLoad, onLoad = _b.onLoad;
-                        if (currentShow === 'raw') {
-                            _c = event.currentTarget, naturalWidth = _c.naturalWidth, naturalHeight = _c.naturalHeight;
-                            onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(naturalWidth, naturalHeight);
-                            onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-                            performanceTracerEnd = this.props.performanceTracerEnd;
-                            performanceTracerEnd === null || performanceTracerEnd === void 0 ? void 0 : performanceTracerEnd();
-                        }
-                        this.setState({
-                            loadings: __assign(__assign({}, loadings), (_d = {}, _d[currentShow] = false, _d)),
-                        });
-                        if (!this._canvasRef.current) {
-                            return [2 /*return*/];
-                        }
-                        target = event.target;
-                        if (!('createImageBitmap' in window)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, createImageBitmap(target)];
-                    case 1:
-                        bitmap = _e.sent();
-                        this._drawToCanvas(bitmap);
-                        return [3 /*break*/, 3];
-                    case 2:
-                        this._drawToCanvas(target);
-                        _e.label = 3;
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        _this._errorHandler = function () {
-            var _a, _b;
-            var _c = _this.state, loadings = _c.loadings, errors = _c.errors, currentShow = _c.currentShow;
-            var onError = _this.props.onError;
-            if (currentShow === 'raw') {
-                onError === null || onError === void 0 ? void 0 : onError();
-            }
-            _this.setState({
-                loadings: __assign(__assign({}, loadings), (_a = {}, _a[currentShow] = false, _a)),
-                errors: __assign(__assign({}, errors), (_b = {}, _b[currentShow] = true, _b)),
-            });
-            onError === null || onError === void 0 ? void 0 : onError();
-        };
-        _this.rawImageLoader = function () {
-            var currentShow = _this.state.currentShow;
-            var _a = _this.props, thumbnailSrc = _a.thumbnailSrc, src = _a.src;
-            var currentShowSrc = currentShow === 'raw' ? src : thumbnailSrc;
-            if (!currentShowSrc) {
-                return null;
-            }
-            var pathName = new URL(currentShowSrc).pathname;
-            var isGif = /\.gif$/.test(pathName);
-            if (isGif) {
-                return (React.createElement("img", __assign({ src: currentShowSrc, alt: "", onLoad: _this._loadHandler, onError: _this._errorHandler }, _this._imageAttributes)));
-            }
-            return (React.createElement(React.Fragment, null,
-                _this.canvasRenderer(),
-                React.createElement(HiddenImage, { src: currentShowSrc, onLoad: _this._loadHandler, onError: _this._errorHandler })));
-        };
-        _this.canvasRenderer = function () {
-            return (React.createElement(StyledBackground, __assign({}, _this._imageAttributes, { visibility: _this.error ? 'hidden' : 'visible' }),
-                React.createElement("canvas", { ref: _this._canvasRef, style: { width: '100%' } })));
-        };
-        var performanceTracerStart = _this.props.performanceTracerStart;
-        performanceTracerStart === null || performanceTracerStart === void 0 ? void 0 : performanceTracerStart();
-        _this.state = _this.getInitState(props);
-        var _a = _this.props, width = _a.width, height = _a.height, onSizeLoad = _a.onSizeLoad;
-        if (width && height && onSizeLoad) {
-            onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(Number(width), Number(height));
-        }
-        return _this;
-    }
-    RcImageView.prototype.getInitState = function (props) {
-        if (isThumbnailMode(props)) {
-            return cloneDeep(RcImageView.initThumbnailModeState);
-        }
-        return cloneDeep(RcImageView.initState);
-    };
-    RcImageView.prototype._errorView = function () {
-        if (!this.error) {
-            return null;
-        }
-        return (React.createElement(StyledLoadingPage, null,
-            React.createElement(RcIcon, { size: "xxxlarge", color: "neutral.f02", symbol: ImageBroken })));
-    };
-    RcImageView.prototype._hiddenRawLoader = function () {
-        var _this = this;
-        var _a = this.state, loadings = _a.loadings, errors = _a.errors, currentShow = _a.currentShow;
-        var _b = this.props, onSizeLoad = _b.onSizeLoad, src = _b.src;
-        return (currentShow !== 'raw' && (React.createElement(HiddenImage, { src: src, onLoad: function (event) {
-                var _a = event.currentTarget, naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
-                onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(naturalWidth, naturalHeight);
-                _this.setState({
-                    loadings: __assign(__assign({}, loadings), { raw: false }),
-                    currentShow: 'raw',
-                });
-            }, onError: function () {
-                _this.setState({
-                    loadings: __assign(__assign({}, loadings), { raw: false }),
-                    errors: __assign(__assign({}, errors), { raw: true }),
-                });
-            } })));
-    };
-    Object.defineProperty(RcImageView.prototype, "error", {
-        get: function () {
-            var errors = this.state.errors;
-            return values(errors).every(function (status) { return !!status; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RcImageView.prototype, "_imageAttributes", {
-        get: function () {
-            var _a = this.props, onSizeLoad = _a.onSizeLoad, onLoad = _a.onLoad, onError = _a.onError, loadingPlaceHolder = _a.loadingPlaceHolder, viewRef = _a.imageRef, thumbnailSrc = _a.thumbnailSrc, src = _a.src, performanceTracerEnd = _a.performanceTracerEnd, performanceTracerStart = _a.performanceTracerStart, rest = __rest(_a, ["onSizeLoad", "onLoad", "onError", "loadingPlaceHolder", "imageRef", "thumbnailSrc", "src", "performanceTracerEnd", "performanceTracerStart"]);
-            return __assign(__assign({}, rest), { ref: this.getImageRef() });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RcImageView.prototype.render = function () {
-        return (React.createElement(React.Fragment, null,
-            this.rawImageLoader(),
-            this._hiddenRawLoader(),
-            this._errorView()));
-    };
-    RcImageView.initState = {
-        loadings: {
-            raw: true,
-        },
-        errors: {
-            raw: false,
-        },
-        currentShow: 'raw',
-    };
-    RcImageView.initThumbnailModeState = {
-        loadings: {
-            raw: true,
-            thumbnail: true,
-        },
-        errors: {
-            raw: false,
-            thumbnail: false,
-        },
-        currentShow: 'thumbnail',
-    };
-    return RcImageView;
-}(React.Component));
-export { RcImageView };
-var templateObject_1, templateObject_2, templateObject_3;

package/es6/components/ImageView/index.js

@@ -1 +0,0 @@
-export * from './ImageView';

package/es6/components/Tables/Table.js

@@ -1,29 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import React, { forwardRef, useMemo } from 'react';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '../../foundation';
-import { StyledTable, TableWrapper } from './styled';
-import { TABLE_BORDER_TYPE, TABLE_STICKY_TYPE, TABLE_TYPE } from './types';
-var _RcTable = forwardRef(function (inProps, ref) {
-    var props = useThemeProps({ props: inProps, name: 'RcTable' });
-    var header = props.header, children = props.children, desc = props.desc, tableSticky = props.tableSticky, tableType = props.tableType, tableBorder = props.tableBorder, classes = props.classes, className = props.className;
-    var containerClass = useMemo(function () {
-        var _a;
-        return clsx(className, classes === null || classes === void 0 ? void 0 : classes.root, (_a = {},
-            _a[TABLE_BORDER_TYPE.BORDERED] = tableBorder === TABLE_BORDER_TYPE.BORDERED,
-            _a));
-    }, [className, classes, tableBorder]);
-    var tableClass = useMemo(function () {
-        var _a;
-        return clsx(classes === null || classes === void 0 ? void 0 : classes.table, tableType || TABLE_TYPE.CARD, (_a = {},
-            _a[TABLE_STICKY_TYPE.STICKY] = tableSticky === TABLE_STICKY_TYPE.STICKY,
-            _a));
-    }, [classes, tableSticky, tableType]);
-    return (React.createElement(TableWrapper, { className: containerClass },
-        React.createElement(StyledTable, { className: tableClass, "aria-label": desc, ref: ref },
-            header ? header : null,
-            React.createElement("tbody", null, children))));
-});
-var RcTable = styled(_RcTable)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export { RcTable };
-var templateObject_1;

package/es6/components/Tables/TableBodyCellContent.js

@@ -1,14 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { styled } from '../../foundation';
-import { RcTypography } from '../Typography';
-var _RcTableBodyCellContent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.noWrap, noWrap = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "noWrap"]);
-    return (React.createElement(RcTypography, __assign({ ref: ref, noWrap: noWrap, component: "div", color: "neutral.f05" }, rest), children));
-});
-var RcTableBodyCellContent = styled(_RcTableBodyCellContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: ", ";\n"], ["\n  text-align: ", ";\n"])), function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign;
-});
-export { RcTableBodyCellContent };
-var templateObject_1;

package/es6/components/Tables/TableHead.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { StyledTableRow } from './styled';
-import { RcTableHeadCell } from './TableHeadCell';
-import { ORDER_TABLE_BY } from './types';
-var RcTableHeadView = function (props) {
-    var columnData = props.columnData, sortMap = props.sortMap, sortHandler = props.sortHandler;
-    return (React.createElement("thead", null,
-        React.createElement(StyledTableRow, null, columnData.map(function (column) {
-            var sortDirection = sortMap && sortMap.sortKey === column.sortKey
-                ? sortMap.sortDirection
-                : ORDER_TABLE_BY.NONE;
-            return (React.createElement(RcTableHeadCell, { key: column.sortKey + "-" + column.title, width: column.width, title: column.title, sortDirection: sortDirection, sortKey: column.sortKey, sortHandler: sortHandler, textAlign: column.textAlign, automationID: column.automationID }));
-        }))));
-};
-export { RcTableHeadView };

package/es6/components/Tables/TableHeadCell.js

@@ -1,62 +0,0 @@
-import { __assign } from "tslib";
-import React, { useMemo } from 'react';
-import isFunction from 'lodash/isFunction';
-import isNumber from 'lodash/isNumber';
-import { JumpToLatest as arrowDown, JumpToUnread as arrowUp, } from '@ringcentral/juno-icon';
-import { useA11yKeyEvent } from '../../foundation';
-import { RcIcon } from '../Icon';
-import { StyledSortIconWrapper, StyledTableHeadCell, StyledTableHeadCellContent, StyledTableHeadText, } from './styled';
-import { ARIA_SORT_VALUES, ORDER_TABLE_BY, SORT_ICON_CLASS, } from './types';
-var RcTableHeadCell = function (props) {
-    var automationID = props.automationID, title = props.title, width = props.width, sortDirection = props.sortDirection, sortKey = props.sortKey, textAlign = props.textAlign;
-    var onClick = function () {
-        var sortHandler = props.sortHandler, sortKey = props.sortKey, sortDirection = props.sortDirection;
-        if (sortKey === undefined || !sortHandler) {
-            return;
-        }
-        if (sortDirection === ORDER_TABLE_BY.ASC) {
-            sortHandler(ORDER_TABLE_BY.DESC, sortKey);
-        }
-        else {
-            sortHandler(ORDER_TABLE_BY.ASC, sortKey);
-        }
-    };
-    var onKeyDown = useA11yKeyEvent(onClick);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    var shouldSort = function () {
-        var sortHandler = props.sortHandler, sortKey = props.sortKey;
-        return isFunction(sortHandler) && isNumber(sortKey);
-    };
-    var sortDirectionArrow = useMemo(function () {
-        var sortClass = '';
-        switch (sortDirection) {
-            case ORDER_TABLE_BY.ASC:
-                sortClass = SORT_ICON_CLASS.SORT_UP;
-                break;
-            case ORDER_TABLE_BY.DESC:
-                sortClass = SORT_ICON_CLASS.SORT_DOWN;
-                break;
-            default:
-        }
-        if (shouldSort()) {
-            return (React.createElement(StyledSortIconWrapper, { className: sortClass },
-                React.createElement(RcIcon, { symbol: sortDirection === ORDER_TABLE_BY.ASC ? arrowUp : arrowDown, size: "small" })));
-        }
-        return React.createElement(React.Fragment, null);
-    }, [shouldSort, sortDirection]);
-    var ariaSort = __assign({}, (sortDirection !== undefined &&
-        [ORDER_TABLE_BY.ASC, ORDER_TABLE_BY.DESC].includes(sortDirection) && {
-        'aria-sort': ARIA_SORT_VALUES[ORDER_TABLE_BY[sortDirection]],
-    }));
-    var headCellSortProps = __assign({}, (shouldSort() && __assign({ onKeyDown: onKeyDown }, ariaSort)));
-    var cellContentSortProps = __assign({}, (shouldSort() && {
-        role: 'button',
-        onClickCapture: onClick,
-    }));
-    var hasSortKey = sortKey !== undefined;
-    return (React.createElement(StyledTableHeadCell, __assign({ scope: "col", tabIndex: hasSortKey ? 0 : undefined, width: width, hasSortKey: hasSortKey, sortDirection: sortDirection, "data-test-automation-value": automationID, "data-test-automation-class": "table-header-cell" }, headCellSortProps),
-        React.createElement(StyledTableHeadCellContent, __assign({ textAlign: textAlign }, cellContentSortProps),
-            React.createElement(StyledTableHeadText, null, title),
-            sortDirectionArrow)));
-};
-export { RcTableHeadCell };

package/es6/components/Tables/TableRow.js

@@ -1,4 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { palette2, setOpacity, styled } from '../../foundation';
-export var RcTableRow = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: none;\n\n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  outline: none;\n\n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), palette2('neutral', 'l02'), setOpacity(palette2('action', 'grayLight'), '08'));
-var templateObject_1;

package/es6/components/Tables/index.js

@@ -1,7 +0,0 @@
-export * from './Table';
-export * from './TableHead';
-export * from './TableHeadCell';
-export * from './types';
-export * from './TableRow';
-export * from './TableBodyCellContent';
-export * from './styled';

package/es6/components/Tables/styled.js

@@ -1,38 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { css, fakeBorder, focusVisibleShadowStyle, focusWithin, palette2, spacing, styled, } from '../../foundation';
-import { COLUMN_TEXT_ALIGN, ORDER_TABLE_BY, TABLE_BORDER_TYPE, TABLE_STICKY_TYPE, TABLE_TYPE, } from './types';
-var TableWrapper = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n\n  background-color: ", ";\n  &.", " {\n    border-radius: 4px;\n    border: 1px solid ", ";\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n\n  background-color: ", ";\n  &.", " {\n    border-radius: 4px;\n    border: 1px solid ", ";\n  }\n"])), palette2('neutral', 'b01'), TABLE_BORDER_TYPE.BORDERED, palette2('neutral', 'l02'));
-var StyledTable = styled('table')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 100%;\n  display: table;\n  /* scroll when viewport is less than 960px including the 332px from left navs */\n  min-width: ", ";\n\n  @media only screen and (max-width: ", ") {\n    table-layout: auto;\n  }\n\n  &.", " th {\n    position: sticky;\n    top: 0;\n  }\n\n  thead {\n    border-bottom: 1px solid ", ";\n    width: 100%;\n    position: sticky;\n    top: 0;\n    display: table-header-group;\n    z-index: 5;\n  }\n\n  tbody {\n    display: table-row-group;\n  }\n\n  tr {\n    display: table-row;\n    padding-left: ", ";\n\n    th,\n    td {\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      vertical-align: middle;\n    }\n    td:first-child {\n      padding-left: ", ";\n      margin-left: -", ";\n    }\n    td:not(:first-child) {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    height: 40px;\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    height: 52px;\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    height: 64px;\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    padding: ", ";\n    height: auto;\n  }\n"], ["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 100%;\n  display: table;\n  /* scroll when viewport is less than 960px including the 332px from left navs */\n  min-width: ", ";\n\n  @media only screen and (max-width: ", ") {\n    table-layout: auto;\n  }\n\n  &.", " th {\n    position: sticky;\n    top: 0;\n  }\n\n  thead {\n    border-bottom: 1px solid ", ";\n    width: 100%;\n    position: sticky;\n    top: 0;\n    display: table-header-group;\n    z-index: 5;\n  }\n\n  tbody {\n    display: table-row-group;\n  }\n\n  tr {\n    display: table-row;\n    padding-left: ", ";\n\n    th,\n    td {\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      vertical-align: middle;\n    }\n    td:first-child {\n      padding-left: ", ";\n      margin-left: -", ";\n    }\n    td:not(:first-child) {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    height: 40px;\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    height: 52px;\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    height: 64px;\n  }\n\n  &.", " tr td {\n    overflow: hidden;\n    padding: ", ";\n    height: auto;\n  }\n"])), spacing(157), spacing(157), TABLE_STICKY_TYPE.STICKY, palette2('neutral', 'l02'), spacing(4), spacing(4), spacing(4), spacing(4), spacing(4), TABLE_TYPE.MODAL, TABLE_TYPE.CARD, TABLE_TYPE.FULL, TABLE_TYPE.AUTO, spacing(3, 4));
-var StyledTableRow = styled('tr')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 25px;\n  display: table-row;\n  font-size: 12px;\n  text-align: left;\n  vertical-align: middle;\n"], ["\n  height: 25px;\n  display: table-row;\n  font-size: 12px;\n  text-align: left;\n  vertical-align: middle;\n"])));
-var StyledSortIconWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding-left: 8px;\n  padding-right: 8px;\n  vertical-align: middle;\n  display: inline-flex;\n\n  & path {\n    fill: ", ";\n  }\n"], ["\n  padding-left: 8px;\n  padding-right: 8px;\n  vertical-align: middle;\n  display: inline-flex;\n\n  & path {\n    fill: ", ";\n  }\n"])), palette2('neutral', 'f04'));
-var StyledTableHeadText = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-overflow: ellipsis;\n  overflow: auto;\n"], ["\n  text-overflow: ellipsis;\n  overflow: auto;\n"])));
-var StyledTableHeadCell = styled('th')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  user-select: none;\n  text-align: left;\n  background-color: ", ";\n  z-index: 100;\n  line-height: 32px;\n  width: ", ";\n  padding-top: 0;\n  padding-bottom: 0;\n  display: table-cell;\n  white-space: nowrap;\n  overflow: hidden;\n\n  & > div {\n    border: 1px solid inherit;\n    padding-left: ", ";\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  ", "\n"], ["\n  color: ",
-    ";\n  user-select: none;\n  text-align: left;\n  background-color: ",
-    ";\n  z-index: 100;\n  line-height: 32px;\n  width: ", ";\n  padding-top: 0;\n  padding-bottom: 0;\n  display: table-cell;\n  white-space: nowrap;\n  overflow: hidden;\n\n  & > div {\n    border: 1px solid inherit;\n    padding-left: ", ";\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  ",
-    "\n"])), function (props) {
-    return props.sortDirection === ORDER_TABLE_BY.NONE
-        ? palette2('neutral', 'f06')
-        : palette2('interactive', 'f01');
-}, function (props) {
-    return props.sortDirection === ORDER_TABLE_BY.NONE
-        ? palette2('neutral', 'b02')
-        : palette2('neutral', 'b03');
-}, function (props) { return props.width; }, spacing(4), function (_a) {
-    var hasSortKey = _a.hasSortKey;
-    return hasSortKey && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", " {\n        background-color: ", ";\n        ", ";\n        cursor: pointer;\n        outline: none;\n      }\n      position: relative;\n      ", ";\n    "], ["\n      ", " {\n        background-color: ", ";\n        ", ";\n        cursor: pointer;\n        outline: none;\n      }\n      position: relative;\n      ", ";\n    "])), focusWithin, palette2('neutral', 'b03'), fakeBorder(), focusVisibleShadowStyle());
-});
-var StyledTableHeadCellContent = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  flex-direction: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n\n  flex-direction: ",
-    ";\n  padding-left: ",
-    ";\n  padding-right: ",
-    ";\n"])), function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign === COLUMN_TEXT_ALIGN.RIGHT ? 'row-reverse' : 'row';
-}, function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign === COLUMN_TEXT_ALIGN.RIGHT ? 0 : spacing(4);
-}, function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign === COLUMN_TEXT_ALIGN.RIGHT ? spacing(4) : 0;
-});
-export { TableWrapper, StyledTable, StyledTableRow, StyledSortIconWrapper, StyledTableHeadCell, StyledTableHeadText, StyledTableHeadCellContent, };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/es6/components/Tables/types.js

@@ -1,41 +0,0 @@
-var TABLE_BORDER_TYPE;
-(function (TABLE_BORDER_TYPE) {
-    TABLE_BORDER_TYPE["BORDERED"] = "table-bordered";
-    TABLE_BORDER_TYPE["NONE"] = "";
-})(TABLE_BORDER_TYPE || (TABLE_BORDER_TYPE = {}));
-var TABLE_STICKY_TYPE;
-(function (TABLE_STICKY_TYPE) {
-    TABLE_STICKY_TYPE["STICKY"] = "table-sticky";
-    TABLE_STICKY_TYPE["NONE"] = "";
-})(TABLE_STICKY_TYPE || (TABLE_STICKY_TYPE = {}));
-var TABLE_TYPE;
-(function (TABLE_TYPE) {
-    TABLE_TYPE["AUTO"] = "table-auto";
-    TABLE_TYPE["MODAL"] = "table-modal";
-    TABLE_TYPE["CARD"] = "table-card";
-    TABLE_TYPE["FULL"] = "table-full";
-})(TABLE_TYPE || (TABLE_TYPE = {}));
-var COLUMN_TEXT_ALIGN;
-(function (COLUMN_TEXT_ALIGN) {
-    COLUMN_TEXT_ALIGN["LEFT"] = "left";
-    COLUMN_TEXT_ALIGN["RIGHT"] = "right";
-})(COLUMN_TEXT_ALIGN || (COLUMN_TEXT_ALIGN = {}));
-var ORDER_TABLE_BY;
-(function (ORDER_TABLE_BY) {
-    ORDER_TABLE_BY[ORDER_TABLE_BY["ASC"] = 0] = "ASC";
-    ORDER_TABLE_BY[ORDER_TABLE_BY["DESC"] = 1] = "DESC";
-    ORDER_TABLE_BY[ORDER_TABLE_BY["NONE"] = 2] = "NONE";
-})(ORDER_TABLE_BY || (ORDER_TABLE_BY = {}));
-var ARIA_SORT_VALUES;
-(function (ARIA_SORT_VALUES) {
-    ARIA_SORT_VALUES["ASC"] = "ascending";
-    ARIA_SORT_VALUES["DESC"] = "descending";
-    ARIA_SORT_VALUES["NONE"] = "none";
-    ARIA_SORT_VALUES["OTHER"] = "other";
-})(ARIA_SORT_VALUES || (ARIA_SORT_VALUES = {}));
-var SORT_ICON_CLASS;
-(function (SORT_ICON_CLASS) {
-    SORT_ICON_CLASS["SORT_UP"] = "icon-sort-up";
-    SORT_ICON_CLASS["SORT_DOWN"] = "icon-sort-down";
-})(SORT_ICON_CLASS || (SORT_ICON_CLASS = {}));
-export { ARIA_SORT_VALUES, COLUMN_TEXT_ALIGN, ORDER_TABLE_BY, SORT_ICON_CLASS, TABLE_BORDER_TYPE, TABLE_STICKY_TYPE, TABLE_TYPE, };

package/es6/components/Text/TextWithEllipsis.js

@@ -1,19 +0,0 @@
-import { __assign, __makeTemplateObject } from "tslib";
-import React, { forwardRef } from 'react';
-import { Typography as MuiTypography } from '@material-ui/core';
-import { ellipsis, useDeprecatedLog } from '../../foundation';
-import styled from '../../foundation/styled-components';
-var _RcTextWithEllipsis = forwardRef(function (props, ref) {
-    if (process.env.NODE_ENV !== 'production') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useDeprecatedLog({
-            component: 'RcTextWithEllipsis',
-            message: 'should not use that, just use `RcText` with `titleWhenOverflow` and `flexFull`',
-        });
-    }
-    return React.createElement(MuiTypography, __assign({}, props, { ref: ref }));
-});
-/** @deprecated should not use that, just use `RcText` with `titleWhenOverflow` and `flexFull` */
-var RcTextWithEllipsis = styled(_RcTextWithEllipsis)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  flex: 1 1 auto;\n"], ["\n  ", ";\n  flex: 1 1 auto;\n"])), ellipsis());
-export { RcTextWithEllipsis };
-var templateObject_1;

package/es6/components/TextWithHighlight/TextWithHighlight.js

@@ -1,18 +0,0 @@
-import { __assign, __makeTemplateObject } from "tslib";
-import React from 'react';
-import { palette2, useDeprecatedLog } from '../../foundation';
-import styled from '../../foundation/styled-components';
-var StyledSpan = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  background-color: ", ";\n  a {\n    color: inherit;\n  }\n"], ["\n  color: ", ";\n  background-color: ", ";\n  a {\n    color: inherit;\n  }\n"])), palette2('highlight', 'f01'), palette2('highlight', 'b02'));
-/** @deprecated should not use that, just use RcText with `highlight` */
-var RcTextWithHighlight = function (props) {
-    if (process.env.NODE_ENV !== 'production') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useDeprecatedLog({
-            component: 'RcTextWithHighlight',
-            message: 'should not use that, just use RcText with `highlight`',
-        });
-    }
-    return React.createElement(StyledSpan, __assign({ className: "highlight-term" }, props));
-};
-export { RcTextWithHighlight };
-var templateObject_1;

package/es6/components/TextWithHighlight/index.js

@@ -1 +0,0 @@
-export * from './TextWithHighlight';

package/es6/components/TextWithLink/TextWithLink.js

@@ -1,29 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import React, { memo } from 'react';
-import MuiTypography from '@material-ui/core/Typography';
-import { palette2, typography, useDeprecatedLog } from '../../foundation';
-import styled from '../../foundation/styled-components';
-import { RcLink } from '../Link';
-var TipsText = styled(MuiTypography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    color: ", ";\n    ", ";\n    * {\n      ", ";\n    }\n  }\n"], ["\n  && {\n    color: ", ";\n    ", ";\n    * {\n      ", ";\n    }\n  }\n"])), palette2('neutral', 'f04'), typography('caption1'), typography('caption1'));
-/** @deprecated please don't use that component, just use RcText and RcLink directly */
-var RcTextWithLink = memo(function (props) {
-    if (process.env.NODE_ENV !== 'production') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useDeprecatedLog({
-            component: 'RcTextWithLink',
-            message: "please don't use that component, just use `RcText` and RcLink directly",
-        });
-    }
-    var text = props.text, linkText = props.linkText, onClick = props.onClick, TypographyProps = props.TypographyProps, RcLinkProps = props.RcLinkProps;
-    var textProps;
-    if (TypographyProps) {
-        var innerRef = TypographyProps.innerRef, rest = __rest(TypographyProps, ["innerRef"]);
-        textProps = rest;
-    }
-    return (React.createElement(TipsText, __assign({}, textProps),
-        text,
-        React.createElement(RcLink, __assign({ handleOnClick: onClick }, RcLinkProps), linkText)));
-});
-RcTextWithLink.displayName = 'RcTextWithLink';
-export { RcTextWithLink };
-var templateObject_1;

package/es6/components/TextWithLink/index.js

@@ -1 +0,0 @@
-export * from './TextWithLink';

package/es6/components/TextWithTooltip/TextWithTooltip.js

@@ -1,33 +0,0 @@
-import { __makeTemplateObject, __read } from "tslib";
-import React, { useRef, useState } from 'react';
-import { getParsePaletteColor, palette2, styled, useDeprecatedLog, } from '../../foundation';
-var StyledText = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ",
-    ";\n"])), function (_a) {
-    var textColor = _a.textColor;
-    return getParsePaletteColor(textColor, palette2('neutral', 'f06'));
-});
-/** @deprecated please don't use that component, just use `RcText` with `title` directly */
-var RcTextWithTooltip = function (props) {
-    if (process.env.NODE_ENV !== 'production') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useDeprecatedLog({
-            component: 'RcTextWithTooltip',
-            message: "please don't use that component, just use `RcText` with `title` directly",
-        });
-    }
-    var tooltip = props.tooltip, children = props.children, _a = props.textColor, textColor = _a === void 0 ? ['neutral', 'f06'] : _a;
-    var ref = useRef(null);
-    var _b = __read(useState(false), 2), showTooltip = _b[0], setShowTooltip = _b[1];
-    var onMouseOver = function () {
-        var span = ref.current;
-        if (span && span.parentElement) {
-            var _a = span.parentElement, scrollHeight = _a.scrollHeight, scrollWidth = _a.scrollWidth, clientHeight = _a.clientHeight, clientWidth = _a.clientWidth;
-            setShowTooltip(scrollWidth > clientWidth || scrollHeight > clientHeight);
-        }
-    };
-    var toolTipText = typeof children === 'string' ? children : tooltip || '';
-    return (React.createElement("span", { title: showTooltip ? toolTipText : '', onMouseOver: onMouseOver, ref: ref },
-        React.createElement(StyledText, { textColor: textColor }, children)));
-};
-export { RcTextWithTooltip };
-var templateObject_1;

package/es6/components/TextWithTooltip/index.js

@@ -1 +0,0 @@
-export * from './TextWithTooltip';