@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

package/foundation/styles/typography.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyProp = exports.typography = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("../styled-components");
 var utils_1 = require("../utils");
@@ -20,11 +21,11 @@ function typographyProp(name, key) {
         var themeOfTypography = theme.typography[name];
         if (typeof themeOfTypography !== 'object') {
             if (process.env.NODE_ENV !== 'production') {
-                throw new Error("Unexpected typography name: " + name);
+                throw new Error("Unexpected typography name: ".concat(name));
             }
             else {
-                utils_1.logInDev({
-                    message: "Unexpected typography name: " + name,
+                (0, utils_1.logInDev)({
+                    message: "Unexpected typography name: ".concat(name),
                     component: 'typographyProp',
                     level: 'warn',
                 });
@@ -49,13 +50,13 @@ name,
 /** not contain `line-hight` style */
 fontOnly) {
     if (fontOnly === void 0) { fontOnly = false; }
-    var fontCss = styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-size: ", ";\n    font-weight: ", ";\n    font-family: ", ";\n  "], ["\n    font-size: ", ";\n    font-weight: ", ";\n    font-family: ", ";\n  "])), typographyProp(name, 'fontSize'), typographyProp(name, 'fontWeight'), function (_a) {
+    var fontCss = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-size: ", ";\n    font-weight: ", ";\n    font-family: ", ";\n  "], ["\n    font-size: ", ";\n    font-weight: ", ";\n    font-family: ", ";\n  "])), typographyProp(name, 'fontSize'), typographyProp(name, 'fontWeight'), function (_a) {
         var theme = _a.theme;
         return theme.typography['fontFamily'];
     });
     return fontOnly
         ? fontCss
-        : styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n        ", ";\n        line-height: ", ";\n      "], ["\n        ", ";\n        line-height: ", ";\n      "])), fontCss, typographyProp(name, 'lineHeight'));
+        : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n        ", ";\n        line-height: ", ";\n      "], ["\n        ", ";\n        line-height: ", ";\n      "])), fontCss, typographyProp(name, 'lineHeight'));
 }
 exports.typography = typography;
 var templateObject_1, templateObject_2;

package/foundation/styles/zIndex.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.zIndex = void 0;
 /**
  * zIndex
  * @param values

package/foundation/theme/ThemeHandler.d.ts

@@ -1,5 +1,5 @@
 import { RcTheme, RcThemeInput } from './theme.type';
-declare type RcThemeEmitter = (theme: RcTheme) => any;
+type RcThemeEmitter = (theme: RcTheme) => any;
 /** @deprecated never use that anymore */
 export declare class RcThemeHandler {
     private static instance?;
@@ -15,7 +15,7 @@ export declare class RcThemeHandler {
     setTheme(themeOptions: RcThemeInput, isEmit?: boolean): RcTheme;
     /** Set Theme Name with read static json file */
     setThemeName(name: string): Promise<void>;
-    read(theme: string): Promise<import("type-fest/source/partial-deep").PartialObjectDeep<Pick<RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">, {}>>;
+    read(theme: string): Promise<import("type-fest/source/partial-deep").PartialObjectDeep<Omit<RcTheme, "spacing">, {}>>;
     loadUrl(url: string): Promise<RcThemeInput>;
 }
 export {};

package/foundation/theme/ThemeHandler.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcThemeHandler = void 0;
 var tslib_1 = require("tslib");
 var utils_1 = require("../utils");
 var createTheme_1 = tslib_1.__importDefault(require("./createTheme"));
@@ -34,7 +35,7 @@ var RcThemeHandler = /** @class */ (function () {
             this.currentTheme = currentTheme;
         }
         else {
-            var theme = createTheme_1.default(themeOptions);
+            var theme = (0, createTheme_1.default)(themeOptions);
             this.themeCache.set(currentKey, theme);
             this.currentTheme = theme;
         }
@@ -60,10 +61,10 @@ var RcThemeHandler = /** @class */ (function () {
     };
     RcThemeHandler.prototype.read = function (theme) {
         // If that is pass url into, using that file directly.
-        if (utils_1.isUrl(theme)) {
+        if ((0, utils_1.isUrl)(theme)) {
             return this.loadUrl(theme);
         }
-        return this.loadUrl("" + options_json_1.default.basePath + theme + ".json");
+        return this.loadUrl("".concat(options_json_1.default.basePath).concat(theme, ".json"));
     };
     RcThemeHandler.prototype.loadUrl = function (url) {
         return tslib_1.__awaiter(this, void 0, void 0, function () {
@@ -83,12 +84,12 @@ var RcThemeHandler = /** @class */ (function () {
                     case 3: return [2 /*return*/, _a.sent()];
                     case 4:
                         e_1 = _a.sent();
-                        return [2 /*return*/, Promise.reject(new Error("failed parsing " + url + " to json"))];
-                    case 5: return [4 /*yield*/, Promise.reject(new Error("failed loading " + url))];
+                        return [2 /*return*/, Promise.reject(new Error("failed parsing ".concat(url, " to json")))];
+                    case 5: return [4 /*yield*/, Promise.reject(new Error("failed loading ".concat(url)))];
                     case 6: return [2 /*return*/, _a.sent()];
                     case 7:
                         e_2 = _a.sent();
-                        return [4 /*yield*/, Promise.reject(new Error("failed loading " + url))];
+                        return [4 /*yield*/, Promise.reject(new Error("failed loading ".concat(url)))];
                     case 8: return [2 /*return*/, _a.sent()];
                     case 9: return [2 /*return*/];
                 }

package/foundation/theme/ThemeProvider.d.ts

@@ -1,16 +1,16 @@
 import 'focus-visible';
 import { FunctionComponent, ReactNode } from 'react';
 import { RcThemeInput } from './theme.type';
-declare type SubThemeProviderProps = {
+type SubThemeProviderProps = {
     /** custom theme */
     theme?: RcThemeInput;
     children?: ReactNode;
 };
-declare type RootThemeProviderProps = {
+type RootThemeProviderProps = {
     /** prefix the mui global class */
     prefixGlobalClass?: string;
 } & SubThemeProviderProps;
-export declare type RcThemeProviderProps = RootThemeProviderProps;
+export type RcThemeProviderProps = RootThemeProviderProps;
 /**
  * theme wrapper, each app should always have one `RcThemeProvider` at root
  *

package/foundation/theme/ThemeProvider.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcThemeProvider = void 0;
 var tslib_1 = require("tslib");
 require("focus-visible");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -7,18 +8,18 @@ var styles_1 = require("@material-ui/core/styles");
 var hooks_1 = require("../hooks");
 var styled_components_1 = require("../styled-components");
 var createTheme_1 = tslib_1.__importDefault(require("./createTheme"));
-var NestedThemeContext = react_1.createContext(false);
+var NestedThemeContext = (0, react_1.createContext)(false);
 /**
  * sub theme provider,
  * that will use when you want use multiple theme in one app
  * that will user parent's theme when not set theme
  */
 var SubThemeProvider = function (_a) {
-    var themeProp = _a.theme, children = _a.children;
     var _b, _c;
-    var parentTheme = styled_components_1.useTheme();
+    var themeProp = _a.theme, children = _a.children;
+    var parentTheme = (0, styled_components_1.useTheme)();
     var isHaveParentRcTheme = (_c = (_b = parentTheme.palette) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.brand;
-    var theme = !themeProp && isHaveParentRcTheme ? parentTheme : createTheme_1.default(themeProp);
+    var theme = !themeProp && isHaveParentRcTheme ? parentTheme : (0, createTheme_1.default)(themeProp);
     return (react_1.default.createElement(styles_1.MuiThemeProvider, { theme: theme },
         react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme }, children)));
 };
@@ -31,10 +32,10 @@ var RootThemeProvider = function (props) {
     var prefixGlobalClass = props.prefixGlobalClass, rest = tslib_1.__rest(props, ["prefixGlobalClass"]);
     // cannot pass `generateClassName: undefine`
     // otherwise global class will be random
-    var stylesProviderProps = hooks_1.useResultRef(function () {
+    var stylesProviderProps = (0, hooks_1.useResultRef)(function () {
         return prefixGlobalClass
             ? {
-                generateClassName: styles_1.createGenerateClassName({
+                generateClassName: (0, styles_1.createGenerateClassName)({
                     seed: prefixGlobalClass,
                 }),
             }
@@ -51,9 +52,10 @@ var RootThemeProvider = function (props) {
  *
  * `RcThemeProvider` can unlimited nest
  */
-exports.RcThemeProvider = function (props) {
-    var isSubProvider = react_1.useContext(NestedThemeContext);
+var RcThemeProvider = function (props) {
+    var isSubProvider = (0, react_1.useContext)(NestedThemeContext);
     var ThemeProvider = isSubProvider ? SubThemeProvider : RootThemeProvider;
     return (react_1.default.createElement(NestedThemeContext.Provider, { value: true },
         react_1.default.createElement(ThemeProvider, tslib_1.__assign({}, props))));
 };
+exports.RcThemeProvider = RcThemeProvider;

package/foundation/theme/ThemeSwitcherProvider/ThemeContext.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { RcThemeInput } from '../theme.type';
-export declare type RcThemeSwitcherProviderProps = {
+export type RcThemeSwitcherProviderProps = {
     defaultTheme?: string;
     themeMap?: Record<any, RcThemeInput>;
+    children?: React.ReactNode;
 };
-export declare type ThemeContextValue = {
+export type ThemeContextValue = {
     theme?: string;
     setTheme?: React.Dispatch<React.SetStateAction<string>>;
 } & RcThemeSwitcherProviderProps;

package/foundation/theme/ThemeSwitcherProvider/ThemeContext.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcThemeContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 exports.RcThemeContext = react_1.default.createContext({});

package/foundation/theme/ThemeSwitcherProvider/ThemeSwitcherProvider.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import { RcThemeSwitcherProviderProps } from './ThemeContext';
-export declare const RcDefaultDarkTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">, {}>;
-export declare const RcDefaultHighContrastTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">, {}>;
+export declare const RcDefaultDarkTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Omit<import("../theme.type").RcTheme, "spacing">, {}>;
+export declare const RcDefaultHighContrastTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Omit<import("../theme.type").RcTheme, "spacing">, {}>;
 export declare const RcThemeSwitcherDefaultTheme: {
     defaultTheme: string;
     themeMap: {

package/foundation/theme/ThemeSwitcherProvider/ThemeSwitcherProvider.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcThemeSwitcherProvider = exports.RcThemeSwitcherDefaultTheme = exports.RcDefaultHighContrastTheme = exports.RcDefaultDarkTheme = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var rcDark_json_1 = tslib_1.__importDefault(require("./rcDark.json"));
@@ -13,9 +14,9 @@ exports.RcThemeSwitcherDefaultTheme = {
         light: {},
     },
 };
-exports.RcThemeSwitcherProvider = function (_a) {
+var RcThemeSwitcherProvider = function (_a) {
     var children = _a.children, _b = _a.defaultTheme, defaultTheme = _b === void 0 ? exports.RcThemeSwitcherDefaultTheme.defaultTheme : _b, _c = _a.themeMap, themeMap = _c === void 0 ? exports.RcThemeSwitcherDefaultTheme.themeMap : _c;
-    var _d = tslib_1.__read(react_1.useState(defaultTheme), 2), currentTheme = _d[0], setTheme = _d[1];
+    var _d = tslib_1.__read((0, react_1.useState)(defaultTheme), 2), currentTheme = _d[0], setTheme = _d[1];
     return (react_1.default.createElement(ThemeContext_1.RcThemeContext.Provider, { value: {
             defaultTheme: defaultTheme,
             themeMap: themeMap,
@@ -28,7 +29,7 @@ exports.RcThemeSwitcherProvider = function (_a) {
                 document.body.removeAttribute(key);
             });
             document.body.setAttribute(theme, '');
-            if (react_1.isValidElement(children)) {
+            if ((0, react_1.isValidElement)(children)) {
                 var _children = react_1.default.cloneElement(children, {
                     theme: themeMap[theme],
                 });
@@ -37,3 +38,4 @@ exports.RcThemeSwitcherProvider = function (_a) {
             throw new Error('RcThemeSwitcherProvider can only have one children with theme props');
         })));
 };
+exports.RcThemeSwitcherProvider = RcThemeSwitcherProvider;

package/foundation/theme/ThemeSwitcherProvider/useThemeSwitcher.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeSwitcher = void 0;
 var react_1 = require("react");
 var ThemeContext_1 = require("./ThemeContext");
-exports.useThemeSwitcher = function () {
-    var context = react_1.useContext(ThemeContext_1.RcThemeContext);
+var useThemeSwitcher = function () {
+    var context = (0, react_1.useContext)(ThemeContext_1.RcThemeContext);
     if (!context) {
         throw new Error('To use `useThemeSwitcher`, component must be within a RcThemeSwitcherProvider');
     }
     return context;
 };
+exports.useThemeSwitcher = useThemeSwitcher;

package/foundation/theme/createTheme.js

@@ -19,8 +19,8 @@ function createTheme(options) {
     var _a = options.palette, paletteInput = _a === void 0 ? {} : _a, _b = options.typography, typographyInput = _b === void 0 ? {} : _b, _c = options.opacity, opacityInput = _c === void 0 ? {} : _c, _d = options.radius, radiusInput = _d === void 0 ? {} : _d, _e = options.zIndex, zIndexInput = _e === void 0 ? {} : _e, _f = options.breakpoints, breakpointsInput = _f === void 0 ? {} : _f, _g = options.shape, shapeInput = _g === void 0 ? {} : _g, _h = options.shadows, shadowsInput = _h === void 0 ? [] : _h, _j = options.transitions, transitionsInput = _j === void 0 ? {} : _j;
     var _breakpoints = Object.keys(breakpointsInput).length > 0 ? breakpointsInput : breakpoints_json_1.default;
     var _shadows = (shadowsInput === null || shadowsInput === void 0 ? void 0 : shadowsInput.length) > 0 ? shadowsInput : shadows_json_1.default;
-    var _palette = utils_1.deepmerge(paletteInput['type'] === 'dark' ? palette_dark_json_1.default : palette_light_json_1.default, paletteInput);
-    var theme = tslib_1.__assign(tslib_1.__assign({}, options), { spacing: 4, palette: _palette, typography: utils_1.deepmerge(typography_json_1.default, typographyInput), opacity: utils_1.deepmerge(opacity_json_1.default, opacityInput), radius: utils_1.deepmerge(radius_json_1.default, radiusInput), shadows: _shadows, transitions: utils_1.deepmerge(transition_json_1.default, transitionsInput), zIndex: utils_1.deepmerge(zIndex_json_1.default, zIndexInput), breakpoints: _breakpoints, shape: utils_1.deepmerge(shape_json_1.default, shapeInput) });
-    return styles_1.createTheme(theme);
+    var _palette = (0, utils_1.deepmerge)(paletteInput['type'] === 'dark' ? palette_dark_json_1.default : palette_light_json_1.default, paletteInput);
+    var theme = tslib_1.__assign(tslib_1.__assign({}, options), { spacing: 4, palette: _palette, typography: (0, utils_1.deepmerge)(typography_json_1.default, typographyInput), opacity: (0, utils_1.deepmerge)(opacity_json_1.default, opacityInput), radius: (0, utils_1.deepmerge)(radius_json_1.default, radiusInput), shadows: _shadows, transitions: (0, utils_1.deepmerge)(transition_json_1.default, transitionsInput), zIndex: (0, utils_1.deepmerge)(zIndex_json_1.default, zIndexInput), breakpoints: _breakpoints, shape: (0, utils_1.deepmerge)(shape_json_1.default, shapeInput) });
+    return (0, styles_1.createTheme)(theme);
 }
 exports.default = createTheme;

package/foundation/theme/index.js

@@ -1,9 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTheme = void 0;
 var tslib_1 = require("tslib");
 var createTheme_1 = require("./createTheme");
-exports.createTheme = createTheme_1.default;
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return tslib_1.__importDefault(createTheme_1).default; } });
 tslib_1.__exportStar(require("./ThemeHandler"), exports);
 tslib_1.__exportStar(require("./ThemeProvider"), exports);
 tslib_1.__exportStar(require("./ThemeSwitcherProvider"), exports);
+tslib_1.__exportStar(require("./palette.type"), exports);
+tslib_1.__exportStar(require("./paletteProp.type"), exports);
+tslib_1.__exportStar(require("./theme.type"), exports);
+tslib_1.__exportStar(require("./typography.type"), exports);
 tslib_1.__exportStar(require("./useThemeProps"), exports);
+tslib_1.__exportStar(require("./DefaultTheme"), exports);

package/foundation/theme/palette.type.d.ts

@@ -1,4 +1,4 @@
 export interface DefaultPaletteKeys {
 }
-export declare type RcPaletteKeys = keyof DefaultPaletteKeys | 'action.grayDark' | 'action.grayLight' | 'action.primary' | 'avatar.ash' | 'avatar.blueberry' | 'avatar.brass' | 'avatar.global' | 'avatar.gold' | 'avatar.lake' | 'avatar.oasis' | 'avatar.pear' | 'avatar.persimmon' | 'avatar.sage' | 'avatar.tomato' | 'content.brand' | 'danger.b01' | 'danger.b02' | 'danger.b03' | 'danger.b04' | 'danger.f01' | 'danger.f02' | 'danger.f11' | 'dialHeader.avatarBg' | 'dialHeader.avatarIcon' | 'dialHeader.bg' | 'dialHeader.focusBorder' | 'dialHeader.icon' | 'dialHeader.text' | 'dialHeader.textHint' | 'disabled.b01' | 'disabled.f01' | 'disabled.f02' | 'header.bgLeft' | 'header.bgOverlay' | 'header.bgOverlayDisabled' | 'header.bgRight' | 'header.border' | 'header.divider' | 'header.fabBg' | 'header.fabIcon' | 'header.focusBorder' | 'header.icon' | 'header.iconDisabled' | 'header.text' | 'header.textHint' | 'highContrast' | 'highlight.b01' | 'highlight.b02' | 'highlight.b03' | 'highlight.f01' | 'highlight.f02' | 'informative.b01' | 'informative.f01' | 'informative.f02' | 'interactive.b01' | 'interactive.b02' | 'interactive.f01' | 'label.black02' | 'label.blue01' | 'label.blue02' | 'label.green01' | 'label.green02' | 'label.orange01' | 'label.orange02' | 'label.purple01' | 'label.purple02' | 'label.red01' | 'label.red02' | 'label.teal01' | 'label.teal02' | 'label.yellow01' | 'label.yellow02' | 'nav.b01' | 'nav.b02' | 'nav.bookmark' | 'nav.ctlDefault' | 'nav.ctlSelected' | 'nav.f01' | 'nav.f02' | 'nav.f03' | 'nav.f04' | 'nav.iconDefault' | 'nav.iconSelected' | 'nav.line' | 'nav.mention' | 'nav.menuBg' | 'nav.menuText' | 'neutral.b01' | 'neutral.b02' | 'neutral.b03' | 'neutral.b04' | 'neutral.b05' | 'neutral.b06' | 'neutral.elevation' | 'neutral.f01' | 'neutral.f02' | 'neutral.f03' | 'neutral.f04' | 'neutral.f05' | 'neutral.f06' | 'neutral.f07' | 'neutral.f11' | 'neutral.l01' | 'neutral.l02' | 'neutral.l03' | 'neutral.l04' | 'neutral.transparent' | 'presence.available' | 'presence.busy' | 'presence.invisible' | 'subAction' | 'success.b01' | 'success.b02' | 'success.b03' | 'success.b04' | 'success.b05' | 'success.f01' | 'success.f02' | 'success.f11' | 'tab.default' | 'tab.selected' | 'umi.bg' | 'umi.mentioned' | 'umi.text' | 'warning.b01' | 'warning.b02' | 'warning.b03' | 'warning.f01' | 'warning.f02' | 'warning.f11';
-export declare type RcTextPaletteKeys = RcPaletteKeys;
+export type RcPaletteKeys = keyof DefaultPaletteKeys | 'action.grayDark' | 'action.grayLight' | 'action.primary' | 'avatar.ash' | 'avatar.blueberry' | 'avatar.brass' | 'avatar.global' | 'avatar.gold' | 'avatar.lake' | 'avatar.oasis' | 'avatar.pear' | 'avatar.persimmon' | 'avatar.sage' | 'avatar.tomato' | 'content.brand' | 'danger.b01' | 'danger.b02' | 'danger.b03' | 'danger.b04' | 'danger.f01' | 'danger.f02' | 'danger.f11' | 'dialHeader.avatarBg' | 'dialHeader.avatarIcon' | 'dialHeader.bg' | 'dialHeader.focusBorder' | 'dialHeader.icon' | 'dialHeader.text' | 'dialHeader.textHint' | 'disabled.b01' | 'disabled.f01' | 'disabled.f02' | 'header.bgLeft' | 'header.bgOverlay' | 'header.bgOverlayDisabled' | 'header.bgRight' | 'header.border' | 'header.divider' | 'header.fabBg' | 'header.fabIcon' | 'header.focusBorder' | 'header.icon' | 'header.iconDisabled' | 'header.text' | 'header.textHint' | 'highContrast' | 'highlight.b01' | 'highlight.b02' | 'highlight.b03' | 'highlight.f01' | 'highlight.f02' | 'informative.b01' | 'informative.f01' | 'informative.f02' | 'interactive.b01' | 'interactive.b02' | 'interactive.f01' | 'label.black02' | 'label.blue01' | 'label.blue02' | 'label.green01' | 'label.green02' | 'label.orange01' | 'label.orange02' | 'label.purple01' | 'label.purple02' | 'label.red01' | 'label.red02' | 'label.teal01' | 'label.teal02' | 'label.yellow01' | 'label.yellow02' | 'nav.b01' | 'nav.b02' | 'nav.bookmark' | 'nav.ctlDefault' | 'nav.ctlSelected' | 'nav.f01' | 'nav.f02' | 'nav.f03' | 'nav.f04' | 'nav.iconDefault' | 'nav.iconSelected' | 'nav.line' | 'nav.mention' | 'nav.menuBg' | 'nav.menuText' | 'neutral.b01' | 'neutral.b02' | 'neutral.b03' | 'neutral.b04' | 'neutral.b05' | 'neutral.b06' | 'neutral.elevation' | 'neutral.f01' | 'neutral.f02' | 'neutral.f03' | 'neutral.f04' | 'neutral.f05' | 'neutral.f06' | 'neutral.f07' | 'neutral.f11' | 'neutral.l01' | 'neutral.l02' | 'neutral.l03' | 'neutral.l04' | 'neutral.transparent' | 'presence.available' | 'presence.busy' | 'presence.invisible' | 'subAction' | 'success.b01' | 'success.b02' | 'success.b03' | 'success.b04' | 'success.b05' | 'success.f01' | 'success.f02' | 'success.f11' | 'tab.default' | 'tab.selected' | 'umi.bg' | 'umi.mentioned' | 'umi.text' | 'warning.b01' | 'warning.b02' | 'warning.b03' | 'warning.f01' | 'warning.f02' | 'warning.f11';
+export type RcTextPaletteKeys = RcPaletteKeys;

package/foundation/theme/paletteProp.type.d.ts

@@ -1,4 +1,4 @@
 import { PaletteReturnType } from '../styles/newPalette';
 import { LiteralUnion } from '../typings';
 import { RcPaletteKeys } from './palette.type';
-export declare type RcPaletteProp = LiteralUnion<RcPaletteKeys | string[] | PaletteReturnType>;
+export type RcPaletteProp = LiteralUnion<RcPaletteKeys | string[] | PaletteReturnType>;

package/foundation/theme/theme.type.d.ts

@@ -59,17 +59,17 @@ import zIndex from './assets/zIndex.json';
 import { RcTypographyType } from './typography.type';
 import { DefaultTheme } from './DefaultTheme';
 /** inner for make `(DefaultTheme & ForExtendTheme)['palette']` work with ts */
-declare type ForExtendTheme = {
+type ForExtendTheme = {
     palette: {};
 };
-export declare type RcPalette = typeof palette & (DefaultTheme & ForExtendTheme)['palette'] & MuiTheme['palette'];
-export declare type RcPaletteColor = Omit<RcPalette, 'type' | 'contrastThreshold' | 'getContrastText' | 'augmentColor' | 'tonalOffset'>;
-declare type Opacity = typeof opacity;
-declare type Radius = typeof radius;
-declare type ZIndex = typeof zIndex & MuiTheme['zIndex'];
-declare type Shape = typeof shape;
-declare type Breakpoints = typeof breakpoints;
-export declare type RcTheme = {
+export type RcPalette = typeof palette & (DefaultTheme & ForExtendTheme)['palette'] & MuiTheme['palette'];
+export type RcPaletteColor = Omit<RcPalette, 'type' | 'contrastThreshold' | 'getContrastText' | 'augmentColor' | 'tonalOffset'>;
+type Opacity = typeof opacity;
+type Radius = typeof radius;
+type ZIndex = typeof zIndex & MuiTheme['zIndex'];
+type Shape = typeof shape;
+type Breakpoints = typeof breakpoints;
+export type RcTheme = {
     palette: RcPalette;
     typography: RcTypographyType;
     opacity: Opacity;
@@ -206,10 +206,10 @@ export declare type RcTheme = {
         RcVirtualizedMenuList?: RcVirtualizedMenuListProps;
     };
 };
-export declare type RcComponentsProps = NonNullable<RcTheme['props']>;
-export declare type RcThemeProps = {
+export type RcComponentsProps = NonNullable<RcTheme['props']>;
+export type RcThemeProps = {
     theme: RcTheme;
 };
-export declare type RcThemedStyled<T = any, K = (themeOptions: RcThemeProps) => any> = (props: ThemedStyledProps<T, RcTheme>) => K;
-export declare type RcThemeInput = DeepPartial<Omit<RcTheme, 'spacing'>>;
+export type RcThemedStyled<T = any, K = (themeOptions: RcThemeProps) => any> = (props: ThemedStyledProps<T, RcTheme>) => K;
+export type RcThemeInput = DeepPartial<Omit<RcTheme, 'spacing'>>;
 export {};

package/foundation/theme/typography.type.d.ts

@@ -1,17 +1,17 @@
 import { Theme as MuiTheme } from '@material-ui/core/styles';
 import typography from './assets/typography.json';
 import { DefaultTheme } from './DefaultTheme';
-declare type RcTypographyPickFields = 'fontFamily' | 'codeFontFamily' | 'fontSize' | 'htmlFontSize' | 'fontWeightLight' | 'fontWeightRegular' | 'fontWeightMedium' | 'fontWeightBold';
-export declare type RcTypographyKeys = 'display4' | 'display3' | 'display2' | 'display1' | 'headline2' | 'headline1' | 'title2' | 'title1' | 'subheading2' | 'subheading1' | 'body2' | 'body1' | 'caption2' | 'caption1' | 'inherit' | keyof ExtensionTypography;
-export declare type RcTypographyAddition = Pick<typeof typography, RcTypographyPickFields>;
-export declare type RcTypographyDetail = {
+type RcTypographyPickFields = 'fontFamily' | 'codeFontFamily' | 'fontSize' | 'htmlFontSize' | 'fontWeightLight' | 'fontWeightRegular' | 'fontWeightMedium' | 'fontWeightBold';
+export type RcTypographyKeys = 'display4' | 'display3' | 'display2' | 'display1' | 'headline2' | 'headline1' | 'title2' | 'title1' | 'subheading2' | 'subheading1' | 'body2' | 'body1' | 'caption2' | 'caption1' | 'inherit' | keyof ExtensionTypography;
+export type RcTypographyAddition = Pick<typeof typography, RcTypographyPickFields>;
+export type RcTypographyDetail = {
     fontSize: string | number;
     fontWeight: number;
     lineHeight: string | number;
 };
-export declare type RcTypographies = Record<RcTypographyKeys, RcTypographyDetail>;
-declare type ExtensionTypography = (DefaultTheme & {
+export type RcTypographies = Record<RcTypographyKeys, RcTypographyDetail>;
+type ExtensionTypography = (DefaultTheme & {
     typography: {};
 })['typography'];
-export declare type RcTypographyType = RcTypographyAddition & ExtensionTypography & RcTypographies & MuiTheme['typography'];
+export type RcTypographyType = RcTypographyAddition & ExtensionTypography & RcTypographies & MuiTheme['typography'];
 export {};

package/foundation/theme/useThemeProps.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeProps = void 0;
 var styled_components_1 = require("../styled-components");
 var combineProps_1 = require("../utils/combineProps");
 /**
@@ -8,9 +9,9 @@ var combineProps_1 = require("../utils/combineProps");
  * @see stories {@link https://ringcentral.github.io/juno/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
  */
 function useThemeProps(_a) {
-    var props = _a.props, name = _a.name;
     var _b;
-    var theme = styled_components_1.useTheme();
-    return combineProps_1.combineProps((_b = theme.props) === null || _b === void 0 ? void 0 : _b[name], props);
+    var props = _a.props, name = _a.name;
+    var theme = (0, styled_components_1.useTheme)();
+    return (0, combineProps_1.combineProps)((_b = theme.props) === null || _b === void 0 ? void 0 : _b[name], props);
 }
 exports.useThemeProps = useThemeProps;

package/foundation/typings/BaseColor.d.ts

@@ -1,4 +1,4 @@
-declare type BaseColor = {
+type BaseColor = {
     primary: any;
     secondary: any;
     inherit: any;
@@ -10,5 +10,5 @@ declare type BaseColor = {
     action: any;
     neutral: any;
 };
-export declare type RcBaseColor<T extends keyof BaseColor = 'primary' | 'secondary'> = keyof Pick<BaseColor, T>;
+export type RcBaseColor<T extends keyof BaseColor = 'primary' | 'secondary'> = keyof Pick<BaseColor, T>;
 export {};

package/foundation/typings/BaseDirection.d.ts

@@ -1,6 +1,6 @@
-declare type BaseDirections = {
+type BaseDirections = {
     horizontal: any;
     vertical: any;
 };
-export declare type RcBaseDirection<T extends keyof BaseDirections = 'horizontal' | 'vertical'> = keyof Pick<BaseDirections, T>;
+export type RcBaseDirection<T extends keyof BaseDirections = 'horizontal' | 'vertical'> = keyof Pick<BaseDirections, T>;
 export {};

package/foundation/typings/BaseFocusVariant.d.ts

@@ -1,7 +1,7 @@
-declare type BaseFocusVariant = {
+type BaseFocusVariant = {
     ripple: any;
     focusRing: any;
     highlight: any;
 };
-export declare type RcBaseFocusVariant<T extends keyof BaseFocusVariant> = keyof Pick<BaseFocusVariant, T>;
+export type RcBaseFocusVariant<T extends keyof BaseFocusVariant> = keyof Pick<BaseFocusVariant, T>;
 export {};

package/foundation/typings/BaseFormControlLabel.d.ts

@@ -1,6 +1,6 @@
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@material-ui/core/FormControlLabel';
 import { RcBaseLabelPlacement } from './BaseLabelPlacement';
 import { RcBaseProps } from './BaseProps';
-export declare type RcBaseFormControlLabelProps<T extends RcBaseLabelPlacement = RcBaseLabelPlacement> = {
+export type RcBaseFormControlLabelProps<T extends RcBaseLabelPlacement = RcBaseLabelPlacement> = {
     labelPlacement?: T;
 } & RcBaseProps<MuiFormControlLabelProps, 'label' | 'labelPlacement' | 'control'>;

package/foundation/typings/BaseLabelPlacement.d.ts

@@ -1,8 +1,8 @@
-declare type BaseLabelPlacement = {
+type BaseLabelPlacement = {
     top: any;
     start: any;
     end: any;
     bottom: any;
 };
-export declare type RcBaseLabelPlacement<T extends keyof BaseLabelPlacement = 'top' | 'start' | 'end' | 'bottom'> = keyof Pick<BaseLabelPlacement, T>;
+export type RcBaseLabelPlacement<T extends keyof BaseLabelPlacement = 'top' | 'start' | 'end' | 'bottom'> = keyof Pick<BaseLabelPlacement, T>;
 export {};

package/foundation/typings/BaseProps.d.ts

@@ -1 +1 @@
-export declare type RcBaseProps<T, K extends keyof T | '' = ''> = Omit<T, K>;
+export type RcBaseProps<T, K extends keyof T | '' = ''> = Omit<T, K>;

package/foundation/typings/BaseSize.d.ts

@@ -1,4 +1,4 @@
-declare type BaseSizes = {
+type BaseSizes = {
     xxxsmall: any;
     xxsmall: any;
     xsmall: any;
@@ -10,6 +10,6 @@ declare type BaseSizes = {
     xxlarge: any;
     xxxlarge: any;
 };
-export declare type BaseSizeKey = keyof BaseSizes;
-export declare type RcBaseSize<T extends BaseSizeKey = 'small' | 'medium' | 'large'> = keyof Pick<BaseSizes, T>;
+export type BaseSizeKey = keyof BaseSizes;
+export type RcBaseSize<T extends BaseSizeKey = 'small' | 'medium' | 'large'> = keyof Pick<BaseSizes, T>;
 export {};

package/foundation/typings/UnionOmit.d.ts

@@ -1,3 +1,3 @@
-export declare type UnionPick<T extends string, K extends T> = keyof Pick<Record<T, any>, K>;
-export declare type UnionOmit<T extends string, K extends T> = keyof Omit<Record<T, any>, K>;
-export declare type LiteralUnion<T> = T | (string & Record<never, never>);
+export type UnionPick<T extends string, K extends T> = keyof Pick<Record<T, any>, K>;
+export type UnionOmit<T extends string, K extends T> = keyof Omit<Record<T, any>, K>;
+export type LiteralUnion<T> = T | (string & Record<never, never>);

package/foundation/typings/UnitMap.d.ts

@@ -3,7 +3,7 @@
  *
  * fixed a map with unit key
  */
-export declare type UnitMap<T extends string | number | symbol, K = any> = {
+export type UnitMap<T extends string | number | symbol, K = any> = {
     [key in T]: K;
 };
 /**
@@ -11,11 +11,11 @@ export declare type UnitMap<T extends string | number | symbol, K = any> = {
  *
  * convert `classes` type to `classes map` type
  */
-export declare type ClassesMap<T extends {
+export type ClassesMap<T extends {
     classes?: any;
 } | undefined, K = any> = Partial<UnitMap<Classes<T>, K>>;
 /** @ignore */
-declare type ClassesReturn<T extends {
+type ClassesReturn<T extends {
     classes?: any;
 } | undefined> = keyof NonNullable<NonNullable<T>['classes']>;
 /**
@@ -23,7 +23,7 @@ declare type ClassesReturn<T extends {
  *
  * @returns classes type of prop
  */
-export declare type Classes<T extends {
+export type Classes<T extends {
     classes?: any;
 } | undefined> = ClassesReturn<T>;
 export {};

package/foundation/typings/index.js

@@ -1,2 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BaseColor"), exports);
+tslib_1.__exportStar(require("./BaseDirection"), exports);
+tslib_1.__exportStar(require("./BaseFocusVariant"), exports);
+tslib_1.__exportStar(require("./BaseFormControlLabel"), exports);
+tslib_1.__exportStar(require("./BaseLabelPlacement"), exports);
+tslib_1.__exportStar(require("./BaseProps"), exports);
+tslib_1.__exportStar(require("./BaseSize"), exports);
+tslib_1.__exportStar(require("./UnionOmit"), exports);
+tslib_1.__exportStar(require("./UnitMap"), exports);
+tslib_1.__exportStar(require("./deepPartial"), exports);
+tslib_1.__exportStar(require("./notNullRecord"), exports);

package/foundation/typings/notNullRecord.d.ts

@@ -1 +1 @@
-export declare type NotNullRecord<T extends symbol, K = any> = Partial<Record<NonNullable<T>, K>>;
+export type NotNullRecord<T extends symbol, K = any> = Partial<Record<NonNullable<T>, K>>;

package/foundation/utils/a11yKeyboardCode.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.a11yKeyboard = exports.a11yKeyboardCode = void 0;
 /**
  * @deprecated
  * keyCode is deprecated https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

package/foundation/utils/checkDefaultPrevented.d.ts

@@ -1,3 +1,3 @@
 import { SyntheticEvent } from 'react';
 /** check is that event preventDefault */
-export declare const checkDefaultPrevented: (fc: (e: SyntheticEvent<Element, Event>, ...args: any[]) => void) => (e: SyntheticEvent<Element, Event>, ...args: any[]) => void;
+export declare const checkDefaultPrevented: (fc: (e: SyntheticEvent, ...args: any[]) => void) => (e: SyntheticEvent, ...args: any[]) => void;

package/foundation/utils/checkDefaultPrevented.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkDefaultPrevented = void 0;
 var tslib_1 = require("tslib");
 /** check is that event preventDefault */
-exports.checkDefaultPrevented = function (fc) {
+var checkDefaultPrevented = function (fc) {
     return function (e) {
         var args = [];
         for (var _i = 1; _i < arguments.length; _i++) {
@@ -10,6 +11,7 @@ exports.checkDefaultPrevented = function (fc) {
         }
         if (e.defaultPrevented)
             return;
-        fc.apply(void 0, tslib_1.__spread([e], args));
+        fc.apply(void 0, tslib_1.__spreadArray([e], tslib_1.__read(args), false));
     };
 };
+exports.checkDefaultPrevented = checkDefaultPrevented;

package/foundation/utils/classes.d.ts

@@ -1,6 +1,9 @@
 import { ClassNameMap } from '@material-ui/styles';
-export declare type RcClassesProps<T extends string> = {
+import { Classes } from '../typings';
+export type RcClassesProps<T extends string> = {
     /** classes apply for elements */
     classes?: Partial<ClassNameMap<T>>;
 };
-export declare const RcClasses: <T>(classes: (keyof NonNullable<NonNullable<T>["classes"]>)[], prefix: string) => Partial<import("../typings").UnitMap<keyof NonNullable<NonNullable<T>["classes"]>, any>>;
+export declare const RcClasses: <T extends {
+    classes?: any;
+} | undefined>(classes: (keyof NonNullable<NonNullable<T>["classes"]>)[], prefix: string) => Partial<import("../typings").UnitMap<keyof NonNullable<NonNullable<T>["classes"]>, any>>;