@ringcentral/juno 2.3.1 → 2.3.6

package/components/Dialog/DialogContent/styles/DialogContentStyle.js

@@ -5,6 +5,6 @@ var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
 exports.DialogContentStyle = function (props) {
     var size = props.size, dividers = props.dividers;
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "], ["\n    padding: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "])), foundation_1.spacing.apply(void 0, tslib_1.__spread(utils_1.getRcDialogContentSpacings(dividers)[size])), utils_1.RcDialogContentClasses.dividers, foundation_1.palette2('neutral', 'l02'));
+    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n    color: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "], ["\n    padding: ", ";\n    color: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "])), foundation_1.spacing.apply(void 0, tslib_1.__spread(utils_1.getRcDialogContentSpacings(dividers)[size])), foundation_1.palette2('neutral', 'f04'), utils_1.RcDialogContentClasses.dividers, foundation_1.palette2('neutral', 'l02'));
 };
 var templateObject_1;

package/components/PortalHost/Connectable/ThrottleScheduler.d.ts

@@ -4,5 +4,4 @@ export declare class ThrottleScheduler implements Scheduler {
     private _timeoutID?;
     schedule(task: () => void): void;
     clear(): void;
-    private _reset;
 }

package/components/PortalHost/Connectable/ThrottleScheduler.js

@@ -8,17 +8,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/components/Table/TableCell/TableCell.js

@@ -14,6 +14,8 @@ var context_1 = require("../context");
 var _RcTableCell = react_1.forwardRef(function (props, ref) {
     var _a = foundation_1.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 = tslib_1.__rest(_a, ["classes", "children", "size", "sortDirection", "activeSort"]);
     var classes = foundation_1.combineClasses(utils_1.RcTableCellClasses, classesProp);
+    // prevent mui classes warning
+    var sortButton = classes.sortButton, activeSortClass = classes.activeSort, sortIcon = classes.sortIcon, tableCellClasses = tslib_1.__rest(classes, ["sortButton", "activeSort", "sortIcon"]);
     var children = react_1.useMemo(function () {
         var _a;
         if (sortDirection) {
@@ -25,7 +27,7 @@ var _RcTableCell = react_1.forwardRef(function (props, ref) {
         }
         return childrenProp;
     }, [activeSort, childrenProp, classes, sortDirection]);
-    return (react_1.default.createElement(TableCell_1.default, tslib_1.__assign({}, rest, (sortDirection ? { sortDirection: sortDirection } : {}), { ref: ref, classes: classes }), children));
+    return (react_1.default.createElement(TableCell_1.default, tslib_1.__assign({}, rest, (sortDirection ? { sortDirection: sortDirection } : {}), { ref: ref, classes: tableCellClasses }), children));
 });
 var RcTableCell = foundation_1.styled(_RcTableCell).attrs(function (_a) {
     var _b;

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
-var Icon_1 = require("../../../Icon");
 var utils_1 = require("../utils");
 var SizeMap = {
     large: 56,
@@ -11,6 +10,6 @@ var SizeMap = {
 };
 exports.TableCellStyle = function (prop) {
     var size = prop.size, sortDirection = prop.sortDirection;
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_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  "])), foundation_1.spacing(0, 2), utils_1.RcTableCellClasses.head, foundation_1.typography('caption2'), foundation_1.palette2('neutral', 'l02'), foundation_1.palette2('neutral', 'f05'), foundation_1.palette2('neutral', 'b02'), Boolean(sortDirection) && 'unset', utils_1.RcTableCellClasses.sortIcon, foundation_1.spacing(0, 2), utils_1.RcTableCellClasses.activeSort, foundation_1.palette2('interactive', 'f01'), utils_1.RcTableCellClasses.sortIcon, utils_1.RcTableCellClasses.sortButton, foundation_1.spacing(0, 2), Icon_1.RcIcon, foundation_1.palette2('neutral', 'f04'), foundation_1.palette2('neutral', 'b03'), utils_1.RcTableCellClasses.sortIcon, foundation_1.focusVisible, foundation_1.fakeBorder({ color: foundation_1.palette2('interactive', 'f01') }), foundation_1.palette2('neutral', 'b03'), utils_1.RcTableCellClasses.body, foundation_1.typography('body1'), foundation_1.palette2('neutral', 'f06'), size === 'auto' && foundation_1.spacing(3, 2), size !== 'auto' && foundation_1.px(SizeMap[size]));
+    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    box-sizing: border-box;\n    padding: ", ";\n    min-width: 96px;\n\n    &.", " {\n      min-width: unset;\n      padding: ", ";\n    }\n\n    &.", " {\n      padding: unset;\n    }\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          color: ", ";\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      min-width: unset;\n      padding: ", ";\n    }\n\n    &.", " {\n      padding: unset;\n    }\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          color: ", ";\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  "])), foundation_1.spacing(0, 2), utils_1.RcTableCellClasses.paddingCheckbox, foundation_1.spacing(0, 0, 0, 2), utils_1.RcTableCellClasses.paddingNone, utils_1.RcTableCellClasses.head, foundation_1.typography('caption2'), foundation_1.palette2('neutral', 'l02'), foundation_1.palette2('neutral', 'f05'), foundation_1.palette2('neutral', 'b02'), Boolean(sortDirection) && 'unset', utils_1.RcTableCellClasses.sortIcon, foundation_1.spacing(0, 2), utils_1.RcTableCellClasses.activeSort, foundation_1.palette2('interactive', 'f01'), utils_1.RcTableCellClasses.sortIcon, foundation_1.palette2('neutral', 'f04'), utils_1.RcTableCellClasses.sortButton, foundation_1.spacing(0, 2), utils_1.RcTableCellClasses.sortIcon, foundation_1.palette2('neutral', 'f04'), foundation_1.palette2('neutral', 'b03'), utils_1.RcTableCellClasses.sortIcon, foundation_1.focusVisible, foundation_1.fakeBorder({ color: foundation_1.palette2('interactive', 'f01') }), foundation_1.palette2('neutral', 'b03'), utils_1.RcTableCellClasses.body, foundation_1.typography('body1'), foundation_1.palette2('neutral', 'f06'), size === 'auto' && foundation_1.spacing(3, 2), size !== 'auto' && foundation_1.px(SizeMap[size]));
 };
 var templateObject_1;

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

@@ -1,4 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var foundation_1 = require("../../../../foundation");
-exports.RcTableCellClasses = foundation_1.RcClasses(['head', 'body', 'sortIcon', 'activeSort', 'sortButton'], 'RcTableCell');
+exports.RcTableCellClasses = foundation_1.RcClasses([
+    'head',
+    'body',
+    'sortIcon',
+    'activeSort',
+    'sortButton',
+    'paddingCheckbox',
+    'paddingNone',
+], 'RcTableCell');

package/components/Table/TableContainer/TableContainer.js

@@ -9,7 +9,7 @@ var _RcTableContainer = react_1.forwardRef(function (props, ref) {
     var _a = foundation_1.useThemeProps({
         props: props,
         name: 'RcTableContainer',
-    }), children = _a.children, bordered = _a.bordered, rest = tslib_1.__rest(_a, ["children", "bordered"]);
+    }), children = _a.children, bordered = _a.bordered, square = _a.square, rest = tslib_1.__rest(_a, ["children", "bordered", "square"]);
     return (react_1.default.createElement(TableContainer_1.default, tslib_1.__assign({}, rest, { ref: ref }), children));
 });
 var RcTableContainer = foundation_1.styled(_RcTableContainer)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.TableContainerStyle);

package/components/Table/TableRow/TableRow.js

@@ -11,7 +11,8 @@ 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 disabledClass = classes.disabled, tableRowClasses = tslib_1.__rest(classes, ["disabled"]);
+    return (react_1.default.createElement(TableRow_1.default, tslib_1.__assign({}, rest, { ref: ref, classes: tableRowClasses, className: clsx_1.default(className, (_a = {}, _a[disabledClass] = 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;

package/components/Table/index.d.ts

@@ -1,8 +1,8 @@
+export * from './context';
 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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./context"), exports);
 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

@@ -1 +1,3 @@
+import { RcTableCellProps } from './TableCell';
 export declare type RcTableSize = 'large' | 'medium' | 'small' | 'auto';
+export declare type RcTableSortDirection = Exclude<NonNullable<RcTableCellProps['sortDirection']>, false>;

package/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -13,7 +13,7 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'RcVirtualizedMenuList',
     });
-    var action = props.action, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, VirtuosoProps = props.VirtuosoProps, _b = props.autoFocusItem, autoFocusItem = _b === void 0 ? false : _b, childrenProp = props.children, className = props.className, classes = props.classes, _c = props.disabledItemsFocusable, disabledItemsFocusable = _c === void 0 ? false : _c, _d = props.disableListWrap, disableListWrap = _d === void 0 ? false : _d, _e = props.variant, variant = _e === void 0 ? 'selectedMenu' : _e, _f = props.maxHeight, maxHeight = _f === void 0 ? '100%' : _f, autoClose = props.autoClose, position = props.position, onClose = props.onClose, rest = tslib_1.__rest(props, ["action", "autoFocus", "VirtuosoProps", "autoFocusItem", "children", "className", "classes", "disabledItemsFocusable", "disableListWrap", "variant", "maxHeight", "autoClose", "position", "onClose"]);
+    var action = props.action, disablePadding = props.disablePadding, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, VirtuosoProps = props.VirtuosoProps, _b = props.autoFocusItem, autoFocusItem = _b === void 0 ? false : _b, childrenProp = props.children, className = props.className, classes = props.classes, _c = props.disabledItemsFocusable, disabledItemsFocusable = _c === void 0 ? false : _c, _d = props.disableListWrap, disableListWrap = _d === void 0 ? false : _d, _e = props.variant, variant = _e === void 0 ? 'selectedMenu' : _e, _f = props.maxHeight, maxHeight = _f === void 0 ? '100%' : _f, autoClose = props.autoClose, position = props.position, onClose = props.onClose, rest = tslib_1.__rest(props, ["action", "disablePadding", "autoFocus", "VirtuosoProps", "autoFocusItem", "children", "className", "classes", "disabledItemsFocusable", "disableListWrap", "variant", "maxHeight", "autoClose", "position", "onClose"]);
     var theme = foundation_1.useTheme();
     var document = foundation_1.useRcPortalWindowContext().document;
     var vlRef = react_1.useRef(null);
@@ -163,8 +163,8 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
         },
     }); });
     var components = react_1.useMemo(function () { return ({
-        Header: styles_1.StyledMenuListPadding,
-        Footer: styles_1.StyledMenuListPadding,
+        Header: disablePadding ? undefined : styles_1.StyledMenuListPadding,
+        Footer: disablePadding ? undefined : styles_1.StyledMenuListPadding,
         List: react_1.default.forwardRef(function (_a, listRef) {
             var children = _a.children, listRest = tslib_1.__rest(_a, ["children"]);
             var toRef = foundation_1.useForkRef(handleRef, listRef);

package/es6/components/Dialog/DialogContent/styles/DialogContentStyle.js

@@ -3,6 +3,6 @@ import { css, palette2, spacing } from '../../../../foundation';
 import { getRcDialogContentSpacings, RcDialogContentClasses } from '../utils';
 export var DialogContentStyle = function (props) {
     var size = props.size, dividers = props.dividers;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "], ["\n    padding: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "])), spacing.apply(void 0, __spread(getRcDialogContentSpacings(dividers)[size])), RcDialogContentClasses.dividers, palette2('neutral', 'l02'));
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", ";\n    color: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "], ["\n    padding: ", ";\n    color: ", ";\n\n    &.", " {\n      border-color: ", ";\n    }\n  "])), spacing.apply(void 0, __spread(getRcDialogContentSpacings(dividers)[size])), palette2('neutral', 'f04'), RcDialogContentClasses.dividers, palette2('neutral', 'l02'));
 };
 var templateObject_1;

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/TableCell/TableCell.js

@@ -12,6 +12,8 @@ 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);
+    // prevent mui classes warning
+    var sortButton = classes.sortButton, activeSortClass = classes.activeSort, sortIcon = classes.sortIcon, tableCellClasses = __rest(classes, ["sortButton", "activeSort", "sortIcon"]);
     var children = useMemo(function () {
         var _a;
         if (sortDirection) {
@@ -23,7 +25,7 @@ var _RcTableCell = forwardRef(function (props, ref) {
         }
         return childrenProp;
     }, [activeSort, childrenProp, classes, sortDirection]);
-    return (React.createElement(MuiTableCell, __assign({}, rest, (sortDirection ? { sortDirection: sortDirection } : {}), { ref: ref, classes: classes }), children));
+    return (React.createElement(MuiTableCell, __assign({}, rest, (sortDirection ? { sortDirection: sortDirection } : {}), { ref: ref, classes: tableCellClasses }), children));
 });
 var RcTableCell = styled(_RcTableCell).attrs(function (_a) {
     var _b;

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

@@ -1,6 +1,5 @@
 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,
@@ -9,6 +8,6 @@ var SizeMap = {
 };
 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]));
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-sizing: border-box;\n    padding: ", ";\n    min-width: 96px;\n\n    &.", " {\n      min-width: unset;\n      padding: ", ";\n    }\n\n    &.", " {\n      padding: unset;\n    }\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          color: ", ";\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      min-width: unset;\n      padding: ", ";\n    }\n\n    &.", " {\n      padding: unset;\n    }\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          color: ", ";\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.paddingCheckbox, spacing(0, 0, 0, 2), RcTableCellClasses.paddingNone, 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, palette2('neutral', 'f04'), RcTableCellClasses.sortButton, spacing(0, 2), RcTableCellClasses.sortIcon, 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/utils/TableCellUtils.js

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

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

@@ -7,7 +7,7 @@ var _RcTableContainer = forwardRef(function (props, ref) {
     var _a = useThemeProps({
         props: props,
         name: 'RcTableContainer',
-    }), children = _a.children, bordered = _a.bordered, rest = __rest(_a, ["children", "bordered"]);
+    }), children = _a.children, bordered = _a.bordered, square = _a.square, rest = __rest(_a, ["children", "bordered", "square"]);
     return (React.createElement(MuiTableContainer, __assign({}, rest, { ref: ref }), children));
 });
 var RcTableContainer = styled(_RcTableContainer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), TableContainerStyle);

package/es6/components/Table/TableRow/TableRow.js

@@ -9,7 +9,8 @@ var _RcTableRow = forwardRef(function (props, ref) {
     var _a;
     var _b = useThemeProps({ props: props, name: 'RcTableRow' }), className = _b.className, classesProp = _b.classes, children = _b.children, disabled = _b.disabled, rest = __rest(_b, ["className", "classes", "children", "disabled"]);
     var classes = useMemo(function () { return combineClasses(RcTableRowClasses, classesProp); }, [classesProp]);
-    return (React.createElement(MuiTableRow, __assign({}, rest, { ref: ref, classes: classes, className: clsx(className, (_a = {}, _a[RcTableRowClasses.disabled] = disabled, _a)) }), children));
+    var disabledClass = classes.disabled, tableRowClasses = __rest(classes, ["disabled"]);
+    return (React.createElement(MuiTableRow, __assign({}, rest, { ref: ref, classes: tableRowClasses, className: clsx(className, (_a = {}, _a[disabledClass] = disabled, _a)) }), children));
 });
 var RcTableRow = styled(_RcTableRow)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), TableRowStyle);
 RcTableRow.defaultProps = {};

package/es6/components/Table/index.js

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

package/es6/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -11,7 +11,7 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'RcVirtualizedMenuList',
     });
-    var action = props.action, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, VirtuosoProps = props.VirtuosoProps, _b = props.autoFocusItem, autoFocusItem = _b === void 0 ? false : _b, childrenProp = props.children, className = props.className, classes = props.classes, _c = props.disabledItemsFocusable, disabledItemsFocusable = _c === void 0 ? false : _c, _d = props.disableListWrap, disableListWrap = _d === void 0 ? false : _d, _e = props.variant, variant = _e === void 0 ? 'selectedMenu' : _e, _f = props.maxHeight, maxHeight = _f === void 0 ? '100%' : _f, autoClose = props.autoClose, position = props.position, onClose = props.onClose, rest = __rest(props, ["action", "autoFocus", "VirtuosoProps", "autoFocusItem", "children", "className", "classes", "disabledItemsFocusable", "disableListWrap", "variant", "maxHeight", "autoClose", "position", "onClose"]);
+    var action = props.action, disablePadding = props.disablePadding, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, VirtuosoProps = props.VirtuosoProps, _b = props.autoFocusItem, autoFocusItem = _b === void 0 ? false : _b, childrenProp = props.children, className = props.className, classes = props.classes, _c = props.disabledItemsFocusable, disabledItemsFocusable = _c === void 0 ? false : _c, _d = props.disableListWrap, disableListWrap = _d === void 0 ? false : _d, _e = props.variant, variant = _e === void 0 ? 'selectedMenu' : _e, _f = props.maxHeight, maxHeight = _f === void 0 ? '100%' : _f, autoClose = props.autoClose, position = props.position, onClose = props.onClose, rest = __rest(props, ["action", "disablePadding", "autoFocus", "VirtuosoProps", "autoFocusItem", "children", "className", "classes", "disabledItemsFocusable", "disableListWrap", "variant", "maxHeight", "autoClose", "position", "onClose"]);
     var theme = useTheme();
     var document = useRcPortalWindowContext().document;
     var vlRef = useRef(null);
@@ -161,8 +161,8 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
         },
     }); });
     var components = useMemo(function () { return ({
-        Header: StyledMenuListPadding,
-        Footer: StyledMenuListPadding,
+        Header: disablePadding ? undefined : StyledMenuListPadding,
+        Footer: disablePadding ? undefined : StyledMenuListPadding,
         List: React.forwardRef(function (_a, listRef) {
             var children = _a.children, listRest = __rest(_a, ["children"]);
             var toRef = useForkRef(handleRef, listRef);

package/es6/foundation/hooks/useA11yKeyEvent/useA11yKeyEvent.js

@@ -1,16 +1,16 @@
 import { useEventCallback } from '../useEventCallback';
+var defaultCheckKeys = ['Enter', ' '];
 /**
  * bind event with a11y keyboard, `space`, `enter`, only trigger when key includes in `checkKeys`
  *
  * that will auto preventDefault by default, if you don't want that, set `false` with `preventDefault`
  */
 export var useA11yKeyEvent = function (fn, _a) {
-    var _b = _a === void 0 ? {} : _a, onlyOnFocus = _b.onlyOnFocus, _c = _b.preventDefault, preventDefault = _c === void 0 ? true : _c, _d = _b.checkKeys, checkKeys = _d === void 0 ? ['Enter', 'Space'] : _d;
+    var _b = _a === void 0 ? {} : _a, onlyOnFocus = _b.onlyOnFocus, _c = _b.preventDefault, preventDefault = _c === void 0 ? true : _c, _d = _b.checkKeys, checkKeys = _d === void 0 ? defaultCheckKeys : _d;
     return useEventCallback(function (event) {
         if (!fn || (onlyOnFocus && event.target !== event.currentTarget))
             return;
-        var key = event.key;
-        if (checkKeys.includes(key)) {
+        if (checkKeys.includes(event.key)) {
             if (preventDefault)
                 event.preventDefault();
             fn(event);

package/es6/foundation/utils/a11yKeyboardCode.js

@@ -14,7 +14,7 @@ export var a11yKeyboardCode = {
 export var a11yKeyboard = {
     ArrowLeft: 'ArrowLeft',
     ArrowRight: 'ArrowRight',
-    Space: 'Space',
+    Space: ' ',
     Escape: 'Escape',
     Enter: 'Enter',
     Tab: 'Tab',

package/foundation/hooks/useA11yKeyEvent/useA11yKeyEvent.d.ts

@@ -11,9 +11,9 @@ export declare type useA11yKeyEventOptions = {
      */
     preventDefault?: boolean;
     /**
-     * event check keys
+     * check point for `event.key`
      *
-     * @default ['Enter', 'Space']
+     * @default ['Enter', ' ']
      */
     checkKeys?: string[];
 };

package/foundation/hooks/useA11yKeyEvent/useA11yKeyEvent.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var useEventCallback_1 = require("../useEventCallback");
+var defaultCheckKeys = ['Enter', ' '];
 /**
  * bind event with a11y keyboard, `space`, `enter`, only trigger when key includes in `checkKeys`
  *
  * that will auto preventDefault by default, if you don't want that, set `false` with `preventDefault`
  */
 exports.useA11yKeyEvent = function (fn, _a) {
-    var _b = _a === void 0 ? {} : _a, onlyOnFocus = _b.onlyOnFocus, _c = _b.preventDefault, preventDefault = _c === void 0 ? true : _c, _d = _b.checkKeys, checkKeys = _d === void 0 ? ['Enter', 'Space'] : _d;
+    var _b = _a === void 0 ? {} : _a, onlyOnFocus = _b.onlyOnFocus, _c = _b.preventDefault, preventDefault = _c === void 0 ? true : _c, _d = _b.checkKeys, checkKeys = _d === void 0 ? defaultCheckKeys : _d;
     return useEventCallback_1.useEventCallback(function (event) {
         if (!fn || (onlyOnFocus && event.target !== event.currentTarget))
             return;
-        var key = event.key;
-        if (checkKeys.includes(key)) {
+        if (checkKeys.includes(event.key)) {
             if (preventDefault)
                 event.preventDefault();
             fn(event);

package/foundation/utils/a11yKeyboardCode.js

@@ -16,7 +16,7 @@ exports.a11yKeyboardCode = {
 exports.a11yKeyboard = {
     ArrowLeft: 'ArrowLeft',
     ArrowRight: 'ArrowRight',
-    Space: 'Space',
+    Space: ' ',
     Escape: 'Escape',
     Enter: 'Enter',
     Tab: 'Tab',

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.3.1",
+  "version": "2.3.6",
   "author": "RingCentral",
   "license": "MIT",
+  "main": "./index.js",
+  "module": "./es6/index.js",
+  "typings": "./index.d.ts",
   "bugs": {
     "url": "https://github.com/ringcentral/juno/issues"
   },