@ringcentral/juno 2.2.0 → 2.3.3

package/components/Table/TableHead/index.d.ts

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

package/components/Table/TableHead/index.js

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

package/components/Table/TableRow/TableRow.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentProps } from 'react';
+import MuiTableRow, { TableRowClassKey } from '@material-ui/core/TableRow';
+import { RcBaseProps } from '../../../foundation';
+declare type RcTableRowProps = {
+    /**
+     * `hover` and `selected` styles will be useless when it is `true`
+     * @default false
+     */
+    disabled?: boolean;
+    classes?: Partial<Record<TableRowClassKey | 'disabled', string>>;
+} & RcBaseProps<ComponentProps<typeof MuiTableRow>, 'classes'>;
+declare const RcTableRow: import("styled-components").StyledComponentClass<Pick<RcTableRowProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "classes" | "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" | "innerRef" | "disabled" | "selected" | "hover"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcTableRowProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "classes" | "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" | "innerRef" | "disabled" | "selected" | "hover"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "classes" | "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" | "innerRef" | "disabled" | "selected" | "hover"> & {
+    theme?: import("../../../foundation").RcTheme | undefined;
+}>;
+export { RcTableRow, RcTableRowProps };

package/components/Table/TableRow/TableRow.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var TableRow_1 = tslib_1.__importDefault(require("@material-ui/core/TableRow"));
+var foundation_1 = require("../../../foundation");
+var styles_1 = require("./styles");
+var utils_1 = require("./utils");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var _RcTableRow = react_1.forwardRef(function (props, ref) {
+    var _a;
+    var _b = foundation_1.useThemeProps({ props: props, name: 'RcTableRow' }), className = _b.className, classesProp = _b.classes, children = _b.children, disabled = _b.disabled, rest = tslib_1.__rest(_b, ["className", "classes", "children", "disabled"]);
+    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcTableRowClasses, classesProp); }, [classesProp]);
+    return (react_1.default.createElement(TableRow_1.default, tslib_1.__assign({}, rest, { ref: ref, classes: classes, className: clsx_1.default(className, (_a = {}, _a[utils_1.RcTableRowClasses.disabled] = disabled, _a)) }), children));
+});
+var RcTableRow = foundation_1.styled(_RcTableRow)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.TableRowStyle);
+exports.RcTableRow = RcTableRow;
+RcTableRow.defaultProps = {};
+RcTableRow.displayName = 'RcTableRow';
+var templateObject_1;

package/components/Table/TableRow/index.d.ts

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

package/components/Table/TableRow/index.js

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

package/components/Table/TableRow/styles/TableRowStyle.d.ts

@@ -0,0 +1,3 @@
+import { RcThemedStyled } from '../../../../foundation';
+import { RcTableRowProps } from '../TableRow';
+export declare const TableRowStyle: RcThemedStyled<RcTableRowProps, any>;

package/components/Table/TableRow/styles/TableRowStyle.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var foundation_1 = require("../../../../foundation");
+var utils_1 = require("../utils");
+exports.TableRowStyle = function () {
+    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", " {\n      &.", ", &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", " {\n      &,\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", " {\n      &.", ", &.", ", &:hover {\n        background-color: unset;\n      }\n    }\n  "], ["\n    ", " {\n      &.", ", &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", " {\n      &,\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", " {\n      &.", ", &.", ", &:hover {\n        background-color: unset;\n      }\n    }\n  "])), foundation_1.nonTouchHoverMedia, utils_1.RcTableRowClasses.hover, foundation_1.setOpacity(foundation_1.palette2('action', 'grayLight'), '08'), utils_1.RcTableRowClasses.selected, foundation_1.setOpacity(foundation_1.palette2('interactive', 'f01'), '08'), utils_1.RcTableRowClasses.disabled, utils_1.RcTableRowClasses.selected, utils_1.RcTableRowClasses.hover);
+};
+var templateObject_1;

package/components/Table/TableRow/styles/index.d.ts

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

package/components/Table/TableRow/styles/index.js

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

package/components/Table/TableRow/utils/TableRowUtils.d.ts

@@ -0,0 +1 @@
+export declare const RcTableRowClasses: Partial<import("../../../../foundation").UnitMap<"footer" | "head" | "root" | "disabled" | "selected" | "hover", any>>;

package/components/Table/TableRow/utils/TableRowUtils.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var foundation_1 = require("../../../../foundation");
+exports.RcTableRowClasses = foundation_1.RcClasses(['selected', 'hover', 'disabled'], 'RcTableRow');

package/components/Table/TableRow/utils/index.d.ts

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

package/components/Table/TableRow/utils/index.js

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

package/components/Table/context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/// <reference types="styled-jsx" />
+import { RcTableSize } from './types';
+export declare type TableContextProps = {
+    /**
+     * Allows TableCells to inherit size of the Table.
+     */
+    size?: RcTableSize;
+};
+export declare const RcTableContext: import("react").Context<TableContextProps>;

package/components/Table/context.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+exports.RcTableContext = react_1.createContext({});

package/components/Table/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Table';
+export * from './TableBody';
+export * from './TableCell';
+export * from './TableContainer';
+export * from './TableHead';
+export * from './TableRow';
+export * from './context';
+export * from './types';

package/components/Table/index.js

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

package/components/Table/types.d.ts

@@ -0,0 +1 @@
+export declare type RcTableSize = 'large' | 'medium' | 'small' | 'auto';

package/components/Table/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/Tables/TableHead.d.ts

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

package/components/Tables/TableHead.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-var foundation_1 = require("../../foundation");
 var styled_1 = require("./styled");
 var TableHeadCell_1 = require("./TableHeadCell");
 var types_1 = require("./types");
-var RcTableHeadView = function (inProps) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcTableHeadView' });
+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) {

package/components/Tables/TableHeadCell.d.ts

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

package/components/Tables/TableHeadCell.js

@@ -9,8 +9,7 @@ var foundation_1 = require("../../foundation");
 var Icon_1 = require("../Icon");
 var styled_1 = require("./styled");
 var types_1 = require("./types");
-var RcTableHeadCell = function (inProps) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcTableHeadCell' });
+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;

package/components/Tooltip/utils/useTooltipForceHide.js

@@ -1,10 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+/* eslint-disable react-hooks/rules-of-hooks */
 var react_1 = require("react");
 var foundation_1 = require("../../../foundation");
 exports.useTooltipForceHide = function (_a) {
     var tooltipForceHide = _a.tooltipForceHide, openProp = _a.open, onClose = _a.onClose, onOpen = _a.onOpen, ref = _a.ref;
+    if (process.env.NODE_ENV !== 'production') {
+        foundation_1.useChange(function (prev) {
+            // ignore first time
+            if (prev !== undefined) {
+                foundation_1.logInDev({
+                    component: 'RcTooltip',
+                    message: 'Should not change tooltipForceHide between controlled and uncontrolled, tooltipForceHide should always be boolean value',
+                    level: 'error',
+                });
+            }
+        }, function () { return tooltipForceHide === undefined; });
+    }
+    // * when not set tooltipForceHide, always return undefined directly, not bind any event addition
+    if (tooltipForceHide === undefined)
+        return undefined;
     var _b = tslib_1.__read(foundation_1.useRefState(false), 2), openRef = _b[0], setOpen = _b[1];
     var isOverRef = react_1.useRef(false);
     var openState = tooltipForceHide ? false : openProp !== null && openProp !== void 0 ? openProp : openRef.current;
@@ -37,14 +53,12 @@ exports.useTooltipForceHide = function (_a) {
         setOpen(false);
         onClose === null || onClose === void 0 ? void 0 : onClose(event);
     });
-    return tooltipForceHide !== undefined
-        ? {
-            disableFocusListener: tooltipForceHide,
-            disableHoverListener: tooltipForceHide,
-            disableTouchListener: tooltipForceHide,
-            open: openState,
-            onOpen: handleOpen,
-            onClose: handleClose,
-        }
-        : undefined;
+    return {
+        disableFocusListener: tooltipForceHide,
+        disableHoverListener: tooltipForceHide,
+        disableTouchListener: tooltipForceHide,
+        open: openState,
+        onOpen: handleOpen,
+        onClose: handleClose,
+    };
 };

package/components/index.d.ts

@@ -41,7 +41,7 @@ export * from './Responsive';
 export * from './Snackbar';
 export * from './Stepper';
 export * from './TablePagination';
-export * from './Tables';
+export * from './Table';
 export * from './Tabs';
 export * from './Tag';
 export * from './Text';

package/components/index.js

@@ -44,7 +44,7 @@ tslib_1.__exportStar(require("./Responsive"), exports);
 tslib_1.__exportStar(require("./Snackbar"), exports);
 tslib_1.__exportStar(require("./Stepper"), exports);
 tslib_1.__exportStar(require("./TablePagination"), exports);
-tslib_1.__exportStar(require("./Tables"), exports);
+tslib_1.__exportStar(require("./Table"), exports);
 tslib_1.__exportStar(require("./Tabs"), exports);
 tslib_1.__exportStar(require("./Tag"), exports);
 tslib_1.__exportStar(require("./Text"), exports);

package/es6/README.md

@@ -1,9 +1,8 @@
 # Juno
 
 [![NPM version](https://img.shields.io/npm/v/@ringcentral/juno/latest.svg)](https://www.npmjs.com/package/@ringcentral/juno)
-[![NPM beta version](https://img.shields.io/npm/v/@ringcentral/juno/beta.svg)](https://www.npmjs.com/package/@ringcentral/juno?activeTab=versions)
 
-[![NPM version](https://img.shields.io/npm/v/@ringcentral/juno-icon/beta.svg)](https://www.npmjs.com/package/@ringcentral/juno-icon)
+[![NPM version](https://img.shields.io/npm/v/@ringcentral/juno-icon/latest.svg)](https://www.npmjs.com/package/@ringcentral/juno-icon)
 
 Ringcentral React Component library, make your app have the same user experience as Ringcentral Apps.
 

package/es6/components/Badge/Badge.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useMemo, useRef, } from 'react';
 import clsx from 'clsx';
 import MuiBadge from '@material-ui/core/Badge';
 import { capitalize } from '@material-ui/core/utils';
-import { combineProps, logInDev, styled, useChange, useForkRef, useThemeProps, } from '../../foundation';
+import { combineClasses, combineProps, logInDev, styled, useChange, useForkRef, useThemeProps, } from '../../foundation';
 import { RcBox } from '../Box';
 import { RcPresence } from '../Presence';
 import { BadgeStyle } from './styles';
@@ -34,7 +34,7 @@ var _RcBadge = forwardRef(function (inProps, ref) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useRoundBadgeOffset(innerRef);
     }
-    var classes = useMemo(function () { return combineProps(RcBadgeClasses, classesProp); }, [classesProp]);
+    var classes = useMemo(function () { return combineClasses(RcBadgeClasses, classesProp); }, [classesProp]);
     var CustomDotBadge = useMemo(function () {
         return isDot
             ? forwardRef(function (_a, ref) {

package/es6/components/Downshift/SuggestionList/utils/useSuggestionList.js

@@ -1,7 +1,6 @@
 import { __assign, __read, __rest } from "tslib";
 import { useCallback, useEffect, useMemo, useRef, } from 'react';
-import { useControlled } from '@material-ui/core/utils';
-import { combineProps, useForceUpdate, useId, useKeyboardMoveFocus, } from '../../../../foundation';
+import { combineProps, useForceUpdate, useControlled, useId, useKeyboardMoveFocus, } from '../../../../foundation';
 import { DEFAULT_GET_OPTION_LABEL, isItemCanSelected, } from '../../utils/DownshiftUtils';
 import { useDownshiftGroup } from '../../utils/useDownshiftGroup';
 var DEFAULT_HIGHLIGHTED_INDEX = -1;

package/es6/components/Downshift/utils/useDownshift.js

@@ -1,7 +1,6 @@
 import { __assign, __awaiter, __generator, __read, __spread } from "tslib";
 import { useCallback, useLayoutEffect, useMemo, useRef, } from 'react';
-import { useControlled } from '@material-ui/core/utils';
-import { combineProps, getSelectionPosition, useChange, useId, useSleep, } from '../../../foundation';
+import { combineProps, getSelectionPosition, useChange, useControlled, useId, useSleep, } from '../../../foundation';
 import { useSuggestionList } from '../SuggestionList/utils/useSuggestionList';
 import { DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, downshiftComponentName, stringArrToRegExp, } from './DownshiftUtils';
 import { useDownshiftTag } from './useDownshiftTag';

package/es6/components/Downshift/utils/useDownshiftTag.js

@@ -2,8 +2,7 @@ import { __assign, __read, __rest, __spread } from "tslib";
 import { useMemo, useRef, useState } from 'react';
 import isString from 'lodash/isString';
 import uniqueId from 'lodash/uniqueId';
-import { useControlled } from '@material-ui/core/utils';
-import { combineProps, useEventCallback, useKeyboardMoveFocus, useRefState, } from '../../../foundation';
+import { combineProps, useControlled, useEventCallback, useKeyboardMoveFocus, useRefState, } from '../../../foundation';
 import { DEFAULT_GET_OPTION_LABEL, downshiftComponentName, stringArrToRegExp, } from './DownshiftUtils';
 var DOWNSHIFT_ID_TOKEN = 'rc-chip-';
 /** @inner inner hook work with useDownshift */

package/es6/components/Forms/Picker/DatePicker/DatePicker.js

@@ -2,11 +2,10 @@ import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, } from 'react';
 import moment from 'moment';
 import MomentUtils from '@date-io/moment';
-import { useControlled } from '@material-ui/core/utils';
 import { MuiPickersUtilsProvider, useUtils as useMuiUtils, } from '@material-ui/pickers';
 import { findClosestEnabledDate as MuiFindClosestEnabledDate } from '@material-ui/pickers/_helpers/date-utils';
 import { DateBorder } from '@ringcentral/juno-icon';
-import { combineClasses, combineProps, omit, styled, useDeprecatedCheck, useEventCallback, useThemeProps, } from '../../../../foundation';
+import { combineClasses, combineProps, omit, styled, useControlled, useDeprecatedCheck, useEventCallback, useThemeProps, } from '../../../../foundation';
 import { PickerTextField, } from '../utils';
 import { Calendar } from './Calendar';
 import { invalidateDateInRange, RcDatePickerClasses, ScreenReaderProvider, } from './utils';

package/es6/components/Forms/Select/PlainSelect/PlainSelect.js

@@ -1,7 +1,6 @@
 import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
 import React, { forwardRef, useMemo, useState } from 'react';
-import { useControlled } from '@material-ui/core';
-import { combineProps, hasValue, logInDev, styled, } from '../../../../foundation';
+import { combineProps, hasValue, logInDev, useControlled, styled, } from '../../../../foundation';
 import { RcButton } from '../../../Buttons';
 import { RcMenu } from '../../../Menu';
 import { RcVirtualizedMenu } from '../../../VirtualizedMenu';

package/es6/components/Forms/TextField/styles/ClearIconButton.js

@@ -3,14 +3,21 @@ import React, { forwardRef } from 'react';
 import { DeleteCircle } from '@ringcentral/juno-icon';
 import { styled } from '../../../../foundation';
 import { RcIconButton } from '../../../Buttons/IconButton';
+import { RcBox } from '../../../Box';
+import { withTooltip } from '../../../Tooltip';
+var FakeButton = styled(RcIconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  right: 0;\n  pointer-events: none;\n"])));
 var _ClearIconButton = forwardRef(function (_a, ref) {
-    var onMouseDown = _a.onMouseDown, rest = __rest(_a, ["onMouseDown"]);
-    return (React.createElement(RcIconButton, __assign({ ref: ref, type: "button", "aria-hidden": true, variant: "plain", symbol: DeleteCircle, tabIndex: -1, 
-        // * for prevent focus change
-        onMouseDown: function (e) {
-            e.preventDefault();
-            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
-        } }, rest)));
+    var onMouseDown = _a.onMouseDown, size = _a.size, iconSize = _a.iconSize, rest = __rest(_a, ["onMouseDown", "size", "iconSize"]);
+    return (React.createElement(RcBox, { display: "flex", alignItems: "center", position: "relative" },
+        React.createElement(RcIconButton, __assign({ type: "button", "aria-hidden": true, variant: "plain", symbol: DeleteCircle, tabIndex: -1, 
+            // * for prevent focus change
+            onMouseDown: function (e) {
+                e.preventDefault();
+                onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+            }, size: size }, rest, { useRcTooltip: false })),
+        React.createElement(FakeButton, { variant: "plain", as: "div", size: size, ref: ref })));
 });
-export var ClearIconButton = styled(_ClearIconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;
+// TODO: fix this after upgarde ts
+export var ClearIconButton = styled(withTooltip(_ClearIconButton))(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n"])));
+ClearIconButton.defaultProps = { useRcTooltip: true };
+var templateObject_1, templateObject_2;

package/es6/components/PortalHost/Connectable/ThrottleScheduler.js

@@ -6,17 +6,15 @@ var ThrottleScheduler = /** @class */ (function () {
         var _this = this;
         if (!this._timeoutID) {
             this._timeoutID = window.setTimeout(function () {
-                _this._lastTask();
-                _this._reset();
+                var _a;
+                _this._timeoutID = undefined;
+                (_a = _this._lastTask) === null || _a === void 0 ? void 0 : _a.call(_this);
             });
         }
         this._lastTask = task;
     };
     ThrottleScheduler.prototype.clear = function () {
         window.clearTimeout(this._timeoutID);
-        this._reset();
-    };
-    ThrottleScheduler.prototype._reset = function () {
         this._lastTask = null;
         this._timeoutID = undefined;
     };

package/es6/components/Table/Table.js

@@ -0,0 +1,15 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import MuiTable from '@material-ui/core/Table';
+import { styled, useThemeProps } from '../../foundation';
+import React, { forwardRef, useMemo } from 'react';
+import { RcTableContext } from './context';
+var _RcTable = forwardRef(function (props, ref) {
+    var _a = useThemeProps({ props: props, name: 'RcTable' }), children = _a.children, size = _a.size, rest = __rest(_a, ["children", "size"]);
+    var tableContextValue = useMemo(function () { return ({ size: size }); }, [size]);
+    return (React.createElement(MuiTable, __assign({}, rest, { ref: ref }),
+        React.createElement(RcTableContext.Provider, { value: tableContextValue }, children)));
+});
+var RcTable = styled(_RcTable)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+RcTable.displayName = 'RcTable';
+export { RcTable };
+var templateObject_1;

package/es6/components/Table/TableBody/TableBody.js

@@ -0,0 +1,12 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import MuiTableBody from '@material-ui/core/TableBody';
+import React, { forwardRef } from 'react';
+import { styled, useThemeProps } from '../../../foundation';
+var _RcTableBody = forwardRef(function (props, ref) {
+    var _a = useThemeProps({ props: props, name: 'RcTableHead' }), children = _a.children, rest = __rest(_a, ["children"]);
+    return (React.createElement(MuiTableBody, __assign({}, rest, { ref: ref }), children));
+});
+var RcTableBody = styled(_RcTableBody)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+RcTableBody.displayName = 'RcTableBody';
+export { RcTableBody };
+var templateObject_1;

package/es6/components/Table/TableBody/index.js

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

package/es6/components/Table/TableCell/TableCell.js

@@ -0,0 +1,37 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React, { forwardRef, useMemo, useContext } from 'react';
+import MuiTableCell from '@material-ui/core/TableCell';
+import { combineClasses, styled, useThemeProps, } from '../../../foundation';
+import { TableCellStyle } from './styles';
+import { RcTableCellClasses } from './utils';
+import { RcButtonBase } from '../../Buttons';
+import { RcIcon } from '../../Icon';
+import { JumpToLatest as AscSortIcon, JumpToUnread as DescSortIcon, } from '@ringcentral/juno-icon';
+import clsx from 'clsx';
+import { RcTableContext } from '../context';
+var _RcTableCell = forwardRef(function (props, ref) {
+    var _a = useThemeProps({ props: props, name: 'RcTableCell' }), classesProp = _a.classes, childrenProp = _a.children, size = _a.size, sortDirection = _a.sortDirection, _b = _a.activeSort, activeSort = _b === void 0 ? false : _b, rest = __rest(_a, ["classes", "children", "size", "sortDirection", "activeSort"]);
+    var classes = combineClasses(RcTableCellClasses, classesProp);
+    var children = useMemo(function () {
+        var _a;
+        if (sortDirection) {
+            return (React.createElement(RcButtonBase, { disableRipple: true, className: clsx(classes.sortButton, (_a = {},
+                    _a[classes.activeSort] = activeSort,
+                    _a)) },
+                childrenProp,
+                React.createElement(RcIcon, { size: "small", className: classes.sortIcon, symbol: sortDirection === 'asc' ? DescSortIcon : AscSortIcon })));
+        }
+        return childrenProp;
+    }, [activeSort, childrenProp, classes, sortDirection]);
+    return (React.createElement(MuiTableCell, __assign({}, rest, (sortDirection ? { sortDirection: sortDirection } : {}), { ref: ref, classes: classes }), children));
+});
+var RcTableCell = styled(_RcTableCell).attrs(function (_a) {
+    var _b;
+    var sizeProp = _a.size, _c = _a.sortDirection, sortDirection = _c === void 0 ? false : _c, rest = __rest(_a, ["size", "sortDirection"]);
+    var contextSize = useContext(RcTableContext).size;
+    var size = (_b = sizeProp !== null && sizeProp !== void 0 ? sizeProp : contextSize) !== null && _b !== void 0 ? _b : 'medium';
+    return __assign(__assign({}, rest), { size: size, sortDirection: sortDirection });
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), TableCellStyle);
+RcTableCell.displayName = 'RcTableCell';
+export { RcTableCell };
+var templateObject_1;

package/es6/components/Table/TableCell/index.js

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

package/es6/components/Table/TableCell/styles/TableCellStyle.js

@@ -0,0 +1,14 @@
+import { __makeTemplateObject } from "tslib";
+import { css, fakeBorder, focusVisible, palette2, px, spacing, typography, } from '../../../../foundation';
+import { RcIcon } from '../../../Icon';
+import { RcTableCellClasses } from '../utils';
+var SizeMap = {
+    large: 56,
+    medium: 48,
+    small: 40,
+};
+export var TableCellStyle = function (prop) {
+    var size = prop.size, sortDirection = prop.sortDirection;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-sizing: border-box;\n    padding: ", ";\n    min-width: 96px;\n\n    &.", " {\n      ", "\n      height: 40px;\n      border-bottom: 1px solid ", ";\n      color: ", ";\n      background-color: ", ";\n\n      padding: ", ";\n\n      .", " {\n        opacity: 0;\n        padding: ", ";\n      }\n\n      .", " {\n        color: ", ";\n\n        .", " {\n          opacity: 1;\n        }\n      }\n\n      .", " {\n        display: inline-flex;\n        justify-content: flex-start;\n        flex-direction: inherit;\n        align-items: center;\n\n        height: 100%;\n        width: 100%;\n        padding: ", ";\n\n        ", " {\n          color: ", ";\n        }\n\n        &:hover {\n          background-color: ", ";\n\n          .", " {\n            opacity: 1;\n          }\n        }\n\n        ", " {\n          ", "\n          background-color: ", ";\n        }\n      }\n    }\n\n    &.", " {\n      ", "\n      color: ", ";\n\n      padding: ", ";\n      height: ", ";\n    }\n  "], ["\n    box-sizing: border-box;\n    padding: ", ";\n    min-width: 96px;\n\n    &.", " {\n      ", "\n      height: 40px;\n      border-bottom: 1px solid ", ";\n      color: ", ";\n      background-color: ", ";\n\n      padding: ", ";\n\n      .", " {\n        opacity: 0;\n        padding: ", ";\n      }\n\n      .", " {\n        color: ", ";\n\n        .", " {\n          opacity: 1;\n        }\n      }\n\n      .", " {\n        display: inline-flex;\n        justify-content: flex-start;\n        flex-direction: inherit;\n        align-items: center;\n\n        height: 100%;\n        width: 100%;\n        padding: ", ";\n\n        ", " {\n          color: ", ";\n        }\n\n        &:hover {\n          background-color: ", ";\n\n          .", " {\n            opacity: 1;\n          }\n        }\n\n        ", " {\n          ", "\n          background-color: ", ";\n        }\n      }\n    }\n\n    &.", " {\n      ", "\n      color: ", ";\n\n      padding: ", ";\n      height: ", ";\n    }\n  "])), spacing(0, 2), RcTableCellClasses.head, typography('caption2'), palette2('neutral', 'l02'), palette2('neutral', 'f05'), palette2('neutral', 'b02'), Boolean(sortDirection) && 'unset', RcTableCellClasses.sortIcon, spacing(0, 2), RcTableCellClasses.activeSort, palette2('interactive', 'f01'), RcTableCellClasses.sortIcon, RcTableCellClasses.sortButton, spacing(0, 2), RcIcon, palette2('neutral', 'f04'), palette2('neutral', 'b03'), RcTableCellClasses.sortIcon, focusVisible, fakeBorder({ color: palette2('interactive', 'f01') }), palette2('neutral', 'b03'), RcTableCellClasses.body, typography('body1'), palette2('neutral', 'f06'), size === 'auto' && spacing(3, 2), size !== 'auto' && px(SizeMap[size]));
+};
+var templateObject_1;

package/es6/components/Table/TableCell/styles/index.js

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

package/es6/components/Table/TableCell/utils/TableCellUtils.js

@@ -0,0 +1,2 @@
+import { RcClasses } from '../../../../foundation';
+export var RcTableCellClasses = RcClasses(['head', 'body', 'sortIcon', 'activeSort', 'sortButton'], 'RcTableCell');

package/es6/components/Table/TableCell/utils/index.js

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

package/es6/components/Table/TableContainer/TableContainer.js

@@ -0,0 +1,20 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import MuiTableContainer from '@material-ui/core/TableContainer';
+import React, { forwardRef } from 'react';
+import { styled, useThemeProps } from '../../../foundation';
+import { TableContainerStyle } from './styles';
+var _RcTableContainer = forwardRef(function (props, ref) {
+    var _a = useThemeProps({
+        props: props,
+        name: 'RcTableContainer',
+    }), children = _a.children, bordered = _a.bordered, rest = __rest(_a, ["children", "bordered"]);
+    return (React.createElement(MuiTableContainer, __assign({}, rest, { ref: ref }), children));
+});
+var RcTableContainer = styled(_RcTableContainer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), TableContainerStyle);
+RcTableContainer.defaultProps = {
+    bordered: false,
+    square: false,
+};
+RcTableContainer.displayName = 'RcTableContainer';
+export { RcTableContainer };
+var templateObject_1;

package/es6/components/Table/TableContainer/index.js

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

package/es6/components/Table/TableContainer/styles/TableContainerStyle.js

@@ -0,0 +1,11 @@
+import { __makeTemplateObject } from "tslib";
+import { css, palette2, px } from '../../../../foundation';
+import { RcTableBody } from '../../TableBody';
+import { RcTableCell } from '../../TableCell';
+import { RcTableRow } from '../../TableRow';
+export var TableContainerStyle = function (props) {
+    var bordered = props.bordered, square = props.square;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ",
+        "\n  "])), bordered && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-radius: ", ";\n      border: 1px solid ", ";\n\n      ", " ", ":last-child ", " {\n        border: none;\n      }\n    "], ["\n      border-radius: ", ";\n      border: 1px solid ", ";\n\n      ", " ", ":last-child ", " {\n        border: none;\n      }\n    "])), !square && px(4), palette2('neutral', 'l02'), RcTableBody, RcTableRow, RcTableCell));
+};
+var templateObject_1, templateObject_2;

package/es6/components/Table/TableContainer/styles/index.js

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