@ringcentral/juno 2.16.1 → 2.17.0

package/components/ImageView/ImageView.js

@@ -1,206 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
-var values_1 = tslib_1.__importDefault(require("lodash/values"));
-var juno_icon_1 = require("@ringcentral/juno-icon");
-var styled_components_1 = tslib_1.__importDefault(require("../../foundation/styled-components"));
-var Icon_1 = require("../Icon");
-var StyledLoadingPage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_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_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__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_components_1.default.img(templateObject_3 || (templateObject_3 = tslib_1.__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) {
-    tslib_1.__extends(RcImageView, _super);
-    function RcImageView(props) {
-        var _this = _super.call(this, props) || this;
-        _this._imageRef = react_1.createRef();
-        _this._canvasRef = react_1.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 tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var _a, loadings, currentShow, _b, onSizeLoad, onLoad, _c, naturalWidth, naturalHeight, performanceTracerEnd, target, bitmap;
-            var _d;
-            return tslib_1.__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: tslib_1.__assign(tslib_1.__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: tslib_1.__assign(tslib_1.__assign({}, loadings), (_a = {}, _a[currentShow] = false, _a)),
-                errors: tslib_1.__assign(tslib_1.__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_1.default.createElement("img", tslib_1.__assign({ src: currentShowSrc, alt: "", onLoad: _this._loadHandler, onError: _this._errorHandler }, _this._imageAttributes)));
-            }
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                _this.canvasRenderer(),
-                react_1.default.createElement(HiddenImage, { src: currentShowSrc, onLoad: _this._loadHandler, onError: _this._errorHandler })));
-        };
-        _this.canvasRenderer = function () {
-            return (react_1.default.createElement(StyledBackground, tslib_1.__assign({}, _this._imageAttributes, { visibility: _this.error ? 'hidden' : 'visible' }),
-                react_1.default.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_1.default(RcImageView.initThumbnailModeState);
-        }
-        return cloneDeep_1.default(RcImageView.initState);
-    };
-    RcImageView.prototype._errorView = function () {
-        if (!this.error) {
-            return null;
-        }
-        return (react_1.default.createElement(StyledLoadingPage, null,
-            react_1.default.createElement(Icon_1.RcIcon, { size: "xxxlarge", color: "neutral.f02", symbol: juno_icon_1.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_1.default.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: tslib_1.__assign(tslib_1.__assign({}, loadings), { raw: false }),
-                    currentShow: 'raw',
-                });
-            }, onError: function () {
-                _this.setState({
-                    loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), { raw: false }),
-                    errors: tslib_1.__assign(tslib_1.__assign({}, errors), { raw: true }),
-                });
-            } })));
-    };
-    Object.defineProperty(RcImageView.prototype, "error", {
-        get: function () {
-            var errors = this.state.errors;
-            return values_1.default(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 = tslib_1.__rest(_a, ["onSizeLoad", "onLoad", "onError", "loadingPlaceHolder", "imageRef", "thumbnailSrc", "src", "performanceTracerEnd", "performanceTracerStart"]);
-            return tslib_1.__assign(tslib_1.__assign({}, rest), { ref: this.getImageRef() });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RcImageView.prototype.render = function () {
-        return (react_1.default.createElement(react_1.default.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_1.default.Component));
-exports.RcImageView = RcImageView;
-var templateObject_1, templateObject_2, templateObject_3;

package/components/ImageView/index.d.ts

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

package/components/ImageView/index.js

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

package/components/Tables/Table.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { RcClassesProps } from '../../foundation';
-import { TABLE_BORDER_TYPE, TABLE_STICKY_TYPE, TABLE_TYPE } from './types';
-declare type RcTableClasses = RcClassesProps<'root' | 'table'>;
-declare type RcTableProps = {
-    desc?: string;
-    header?: JSX.Element;
-    tableSticky?: TABLE_STICKY_TYPE;
-    tableBorder?: TABLE_BORDER_TYPE;
-    tableType?: TABLE_TYPE;
-    /** className for that table root */
-    className?: string;
-} & RcTableClasses;
-declare const RcTable: import("styled-components").StyledComponentClass<{
-    desc?: string | undefined;
-    header?: JSX.Element | undefined;
-    tableSticky?: TABLE_STICKY_TYPE | undefined;
-    tableBorder?: TABLE_BORDER_TYPE | undefined;
-    tableType?: TABLE_TYPE | undefined;
-    /** className for that table root */
-    className?: string | undefined;
-} & RcClassesProps<"table" | "root"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<{
-    desc?: string | undefined;
-    header?: JSX.Element | undefined;
-    tableSticky?: TABLE_STICKY_TYPE | undefined;
-    tableBorder?: TABLE_BORDER_TYPE | undefined;
-    tableType?: TABLE_TYPE | undefined;
-    /** className for that table root */
-    className?: string | undefined;
-} & RcClassesProps<"table" | "root"> & React.RefAttributes<any>, "ref" | "key" | "className" | "header" | "desc" | "classes" | "tableSticky" | "tableBorder" | "tableType"> & {
-    theme?: import("../../foundation").RcTheme | undefined;
-}>;
-export { RcTable };
-export type { RcTableProps };

package/components/Tables/Table.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var clsx_1 = tslib_1.__importDefault(require("clsx"));
-var foundation_1 = require("../../foundation");
-var styled_1 = require("./styled");
-var types_1 = require("./types");
-var _RcTable = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.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 = react_1.useMemo(function () {
-        var _a;
-        return clsx_1.default(className, classes === null || classes === void 0 ? void 0 : classes.root, (_a = {},
-            _a[types_1.TABLE_BORDER_TYPE.BORDERED] = tableBorder === types_1.TABLE_BORDER_TYPE.BORDERED,
-            _a));
-    }, [className, classes, tableBorder]);
-    var tableClass = react_1.useMemo(function () {
-        var _a;
-        return clsx_1.default(classes === null || classes === void 0 ? void 0 : classes.table, tableType || types_1.TABLE_TYPE.CARD, (_a = {},
-            _a[types_1.TABLE_STICKY_TYPE.STICKY] = tableSticky === types_1.TABLE_STICKY_TYPE.STICKY,
-            _a));
-    }, [classes, tableSticky, tableType]);
-    return (react_1.default.createElement(styled_1.TableWrapper, { className: containerClass },
-        react_1.default.createElement(styled_1.StyledTable, { className: tableClass, "aria-label": desc, ref: ref },
-            header ? header : null,
-            react_1.default.createElement("tbody", null, children))));
-});
-var RcTable = foundation_1.styled(_RcTable)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
-exports.RcTable = RcTable;
-var templateObject_1;

package/components/Tables/TableBodyCellContent.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { RcTypographyProps } from '../Typography';
-import { COLUMN_TEXT_ALIGN } from './types';
-declare type RcTableBodyCellContentProps = {
-    readonly textAlign?: COLUMN_TEXT_ALIGN;
-} & RcTypographyProps;
-declare const RcTableBodyCellContent: import("styled-components").StyledComponentClass<Pick<RcTableBodyCellContentProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "textAlign" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcTableBodyCellContentProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "textAlign" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "textAlign" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight"> & {
-    theme?: import("../../foundation").RcTheme | undefined;
-}>;
-export { RcTableBodyCellContent };

package/components/Tables/TableBodyCellContent.js

@@ -1,16 +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 Typography_1 = require("../Typography");
-var _RcTableBodyCellContent = react_1.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.noWrap, noWrap = _b === void 0 ? true : _b, rest = tslib_1.__rest(_a, ["children", "noWrap"]);
-    return (react_1.default.createElement(Typography_1.RcTypography, tslib_1.__assign({ ref: ref, noWrap: noWrap, component: "div", color: "neutral.f05" }, rest), children));
-});
-var RcTableBodyCellContent = foundation_1.styled(_RcTableBodyCellContent)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  text-align: ", ";\n"], ["\n  text-align: ", ";\n"])), function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign;
-});
-exports.RcTableBodyCellContent = RcTableBodyCellContent;
-var templateObject_1;

package/components/Tables/TableHead.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TableHeadProps } from './types';
-declare const RcTableHeadView: (props: TableHeadProps) => JSX.Element;
-export { RcTableHeadView };

package/components/Tables/TableHead.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var styled_1 = require("./styled");
-var TableHeadCell_1 = require("./TableHeadCell");
-var types_1 = require("./types");
-var RcTableHeadView = function (props) {
-    var columnData = props.columnData, sortMap = props.sortMap, sortHandler = props.sortHandler;
-    return (react_1.default.createElement("thead", null,
-        react_1.default.createElement(styled_1.StyledTableRow, null, columnData.map(function (column) {
-            var sortDirection = sortMap && sortMap.sortKey === column.sortKey
-                ? sortMap.sortDirection
-                : types_1.ORDER_TABLE_BY.NONE;
-            return (react_1.default.createElement(TableHeadCell_1.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 }));
-        }))));
-};
-exports.RcTableHeadView = RcTableHeadView;

package/components/Tables/TableHeadCell.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TableHeadCellProps } from './types';
-declare const RcTableHeadCell: (props: TableHeadCellProps) => JSX.Element;
-export { RcTableHeadCell };

package/components/Tables/TableHeadCell.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var isFunction_1 = tslib_1.__importDefault(require("lodash/isFunction"));
-var isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
-var juno_icon_1 = require("@ringcentral/juno-icon");
-var foundation_1 = require("../../foundation");
-var Icon_1 = require("../Icon");
-var styled_1 = require("./styled");
-var types_1 = require("./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 === types_1.ORDER_TABLE_BY.ASC) {
-            sortHandler(types_1.ORDER_TABLE_BY.DESC, sortKey);
-        }
-        else {
-            sortHandler(types_1.ORDER_TABLE_BY.ASC, sortKey);
-        }
-    };
-    var onKeyDown = foundation_1.useA11yKeyEvent(onClick);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    var shouldSort = function () {
-        var sortHandler = props.sortHandler, sortKey = props.sortKey;
-        return isFunction_1.default(sortHandler) && isNumber_1.default(sortKey);
-    };
-    var sortDirectionArrow = react_1.useMemo(function () {
-        var sortClass = '';
-        switch (sortDirection) {
-            case types_1.ORDER_TABLE_BY.ASC:
-                sortClass = types_1.SORT_ICON_CLASS.SORT_UP;
-                break;
-            case types_1.ORDER_TABLE_BY.DESC:
-                sortClass = types_1.SORT_ICON_CLASS.SORT_DOWN;
-                break;
-            default:
-        }
-        if (shouldSort()) {
-            return (react_1.default.createElement(styled_1.StyledSortIconWrapper, { className: sortClass },
-                react_1.default.createElement(Icon_1.RcIcon, { symbol: sortDirection === types_1.ORDER_TABLE_BY.ASC ? juno_icon_1.JumpToUnread : juno_icon_1.JumpToLatest, size: "small" })));
-        }
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }, [shouldSort, sortDirection]);
-    var ariaSort = tslib_1.__assign({}, (sortDirection !== undefined &&
-        [types_1.ORDER_TABLE_BY.ASC, types_1.ORDER_TABLE_BY.DESC].includes(sortDirection) && {
-        'aria-sort': types_1.ARIA_SORT_VALUES[types_1.ORDER_TABLE_BY[sortDirection]],
-    }));
-    var headCellSortProps = tslib_1.__assign({}, (shouldSort() && tslib_1.__assign({ onKeyDown: onKeyDown }, ariaSort)));
-    var cellContentSortProps = tslib_1.__assign({}, (shouldSort() && {
-        role: 'button',
-        onClickCapture: onClick,
-    }));
-    var hasSortKey = sortKey !== undefined;
-    return (react_1.default.createElement(styled_1.StyledTableHeadCell, tslib_1.__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_1.default.createElement(styled_1.StyledTableHeadCellContent, tslib_1.__assign({ textAlign: textAlign }, cellContentSortProps),
-            react_1.default.createElement(styled_1.StyledTableHeadText, null, title),
-            sortDirectionArrow)));
-};
-exports.RcTableHeadCell = RcTableHeadCell;

package/components/Tables/TableRow.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-/// <reference types="styled-jsx" />
-export declare const RcTableRow: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;

package/components/Tables/TableRow.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var foundation_1 = require("../../foundation");
-exports.RcTableRow = foundation_1.styled.tr(templateObject_1 || (templateObject_1 = tslib_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"])), foundation_1.palette2('neutral', 'l02'), foundation_1.setOpacity(foundation_1.palette2('action', 'grayLight'), '08'));
-var templateObject_1;

package/components/Tables/index.d.ts

@@ -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/components/Tables/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Table"), exports);
-tslib_1.__exportStar(require("./TableHead"), exports);
-tslib_1.__exportStar(require("./TableHeadCell"), exports);
-tslib_1.__exportStar(require("./types"), exports);
-tslib_1.__exportStar(require("./TableRow"), exports);
-tslib_1.__exportStar(require("./TableBodyCellContent"), exports);
-tslib_1.__exportStar(require("./styled"), exports);

package/components/Tables/styled.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="styled-jsx" />
-import { KeyboardEventHandler } from 'react';
-import { COLUMN_TEXT_ALIGN } from './types';
-interface StyledTableCellProps {
-    readonly width?: number | string;
-    readonly sortDirection: any;
-    readonly hasSortKey?: boolean;
-    readonly onClickCapture?: KeyboardEventHandler<HTMLTableHeaderCellElement>;
-    readonly onKeyDown?: KeyboardEventHandler<HTMLTableHeaderCellElement>;
-}
-interface StyledTableHeadCellContentProps {
-    readonly textAlign?: COLUMN_TEXT_ALIGN;
-}
-declare const TableWrapper: import("styled-components").StyledComponentClass<unknown, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-interface StyledTableProps {
-    readonly minWidth?: number | string;
-}
-declare const StyledTable: import("styled-components").StyledComponentClass<StyledTableProps, import("../../foundation").RcTheme, import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & StyledTableProps>;
-declare const StyledTableRow: import("styled-components").StyledComponentClass<unknown, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
-declare const StyledSortIconWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const StyledTableHeadText: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const StyledTableHeadCell: import("styled-components").StyledComponentClass<StyledTableCellProps, import("../../foundation").RcTheme, import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & StyledTableCellProps>;
-declare const StyledTableHeadCellContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledTableHeadCellContentProps, import("../../foundation").RcTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledTableHeadCellContentProps>;
-export { TableWrapper, StyledTable, StyledTableRow, StyledSortIconWrapper, StyledTableHeadCell, StyledTableHeadText, StyledTableHeadCellContent, };

package/components/Tables/styled.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var foundation_1 = require("../../foundation");
-var types_1 = require("./types");
-var TableWrapper = foundation_1.styled('div')(templateObject_1 || (templateObject_1 = tslib_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"])), foundation_1.palette2('neutral', 'b01'), types_1.TABLE_BORDER_TYPE.BORDERED, foundation_1.palette2('neutral', 'l02'));
-exports.TableWrapper = TableWrapper;
-var StyledTable = foundation_1.styled('table')(templateObject_2 || (templateObject_2 = tslib_1.__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"])), foundation_1.spacing(157), foundation_1.spacing(157), types_1.TABLE_STICKY_TYPE.STICKY, foundation_1.palette2('neutral', 'l02'), foundation_1.spacing(4), foundation_1.spacing(4), foundation_1.spacing(4), foundation_1.spacing(4), foundation_1.spacing(4), types_1.TABLE_TYPE.MODAL, types_1.TABLE_TYPE.CARD, types_1.TABLE_TYPE.FULL, types_1.TABLE_TYPE.AUTO, foundation_1.spacing(3, 4));
-exports.StyledTable = StyledTable;
-var StyledTableRow = foundation_1.styled('tr')(templateObject_3 || (templateObject_3 = tslib_1.__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"])));
-exports.StyledTableRow = StyledTableRow;
-var StyledSortIconWrapper = foundation_1.styled.div(templateObject_4 || (templateObject_4 = tslib_1.__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"])), foundation_1.palette2('neutral', 'f04'));
-exports.StyledSortIconWrapper = StyledSortIconWrapper;
-var StyledTableHeadText = foundation_1.styled.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  text-overflow: ellipsis;\n  overflow: auto;\n"], ["\n  text-overflow: ellipsis;\n  overflow: auto;\n"])));
-exports.StyledTableHeadText = StyledTableHeadText;
-var StyledTableHeadCell = foundation_1.styled('th')(templateObject_7 || (templateObject_7 = tslib_1.__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 === types_1.ORDER_TABLE_BY.NONE
-        ? foundation_1.palette2('neutral', 'f06')
-        : foundation_1.palette2('interactive', 'f01');
-}, function (props) {
-    return props.sortDirection === types_1.ORDER_TABLE_BY.NONE
-        ? foundation_1.palette2('neutral', 'b02')
-        : foundation_1.palette2('neutral', 'b03');
-}, function (props) { return props.width; }, foundation_1.spacing(4), function (_a) {
-    var hasSortKey = _a.hasSortKey;
-    return hasSortKey && foundation_1.css(templateObject_6 || (templateObject_6 = tslib_1.__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    "])), foundation_1.focusWithin, foundation_1.palette2('neutral', 'b03'), foundation_1.fakeBorder(), foundation_1.focusVisibleShadowStyle());
-});
-exports.StyledTableHeadCell = StyledTableHeadCell;
-var StyledTableHeadCellContent = foundation_1.styled.div(templateObject_8 || (templateObject_8 = tslib_1.__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 === types_1.COLUMN_TEXT_ALIGN.RIGHT ? 'row-reverse' : 'row';
-}, function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign === types_1.COLUMN_TEXT_ALIGN.RIGHT ? 0 : foundation_1.spacing(4);
-}, function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign === types_1.COLUMN_TEXT_ALIGN.RIGHT ? foundation_1.spacing(4) : 0;
-});
-exports.StyledTableHeadCellContent = StyledTableHeadCellContent;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;