npm - @ringcentral/juno - Versions diffs - 2.46.0 → 3.0.0-alpha.1 - Mend

@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1217) hide show

package/es6/foundation/hoc/withResponsive/withResponsive.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __assign, __read, __spread, __values } from "tslib";
+import { __assign, __read, __spreadArray, __values } from "tslib";
 import React, { forwardRef, useMemo } from 'react';
 import isArray from 'lodash/isArray';
 import { getMatchDetail, useResponsiveContext, } from '../../contexts/ResponsiveContext';
@@ -7,9 +7,9 @@ import { getMatchedSize, getSizeMap } from './utils';
  * Make component can responsive size
  */
 function withResponsive(Component, responsivePropKeys) {
-    var responsiveKeys = __spread([
+    var responsiveKeys = __spreadArray([
         'hiddenPatterns'
-    ], responsivePropKeys);
+    ], __read(responsivePropKeys), false);
     var ResponsiveComponent = forwardRef(function (props, ref) {
         var breakpoint = useResponsiveContext();
         var componentProps = responsiveKeys.reduce(function (props, key) {
@@ -45,7 +45,7 @@ function withResponsive(Component, responsivePropKeys) {
             return false;
             // * compare hidden patterns directly
             // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, __spread([matchDetail], [props.hiddenPatterns].flat()));
+        }, __spreadArray([matchDetail], __read([props.hiddenPatterns].flat()), false));
         var patternCaches = useMemo(function () {
             var e_2, _a;
             var cache = {};
@@ -110,9 +110,10 @@ function withResponsive(Component, responsivePropKeys) {
             // TODO: maybe we need addition props to control just set display: none, or visible: hidden
             return null;
         }
-        return React.createElement(Component, __assign({}, componentProps, { ref: ref }, sizeProps));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return (React.createElement(Component, __assign({}, componentProps, { ref: ref }, sizeProps)));
     });
-    ResponsiveComponent.displayName = "WithResponsive(" + Component.displayName + ")";
+    ResponsiveComponent.displayName = "WithResponsive(".concat(Component.displayName, ")");
     return ResponsiveComponent;
 }
 export { withResponsive };

package/es6/foundation/hooks/useAnnouncer/useAnnouncer.js CHANGED Viewed

@@ -12,7 +12,7 @@ export var visuallyHiddenStyles = "\n  clip-path: inset(100%);\n  clip: rect(1px
  * ```
  */
 export var useAnnouncer = function (id) {
-    var _id = useId(id ? "rc-announcer-" + id : 'rc-announcer', !id);
+    var _id = useId(id ? "rc-announcer-".concat(id) : 'rc-announcer', !id);
     var ref = useRef(null);
     useEffect(function () {
         var el = document.createElement('div');

package/es6/foundation/hooks/useId/useId.js CHANGED Viewed

@@ -19,7 +19,7 @@ export function useId(id, prefixMode) {
     var resultId = useResultRef(function () {
         if (id) {
             if (prefixMode) {
-                return uniqueId(id + "-");
+                return uniqueId("".concat(id, "-"));
             }
             return id;
         }

package/es6/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.js CHANGED Viewed

@@ -8,12 +8,15 @@ var MOVE_ATTR_KEY = 'data-move-focused';
 export var useOnlyOneFocusable = function (_a) {
     var focusedIndexRef = _a.focusedIndexRef, containerRef = _a.containerRef;
     var moveFocusedId = useId(MOVE_ATTR_KEY, true);
-    var getIndexElm = function (toIndex) { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[" + moveFocusedId + "=\"" + toIndex + "\"]"); };
+    var getIndexElm = function (toIndex) {
+        var _a;
+        return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[".concat(moveFocusedId, "=\"").concat(toIndex, "\"]"));
+    };
     var setIndexTabIndex = function (toIndex) {
         var _a;
         var toElm = getIndexElm(toIndex);
         if (toElm) {
-            var prevElm = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[" + moveFocusedId + "][tabindex=\"0\"]");
+            var prevElm = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[".concat(moveFocusedId, "][tabindex=\"0\"]"));
             prevElm === null || prevElm === void 0 ? void 0 : prevElm.setAttribute('tabindex', '-1');
             toElm.setAttribute('tabindex', '0');
         }

package/es6/foundation/hooks/useResizeObserver/useResizeObserver.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __read, __spread } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useLayoutEffect, useRef } from 'react';
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
@@ -57,7 +57,7 @@ performance) {
                 return;
             }
         }
-        return callback.apply(void 0, __spread(args));
+        return callback.apply(void 0, __spreadArray([], __read(args), false));
     });
     var externalWindow = useRcPortalWindowContext().externalWindow;
     var observerRef = useResultRef(function () {

package/es6/foundation/hooks/useRetry/useRetry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __awaiter, __generator, __read, __spread } from "tslib";
+import { __awaiter, __generator, __read, __spreadArray } from "tslib";
 /* eslint-disable no-await-in-loop */
 import { useRef } from 'react';
 import { useSleep } from '../useSleep';
@@ -45,7 +45,7 @@ options) {
                         cancel();
                         isCancelRef.current = false;
                         (_a = options === null || options === void 0 ? void 0 : options.onStart) === null || _a === void 0 ? void 0 : _a.call(options);
-                        return [4 /*yield*/, cb.apply(void 0, __spread(args))];
+                        return [4 /*yield*/, cb.apply(void 0, __spreadArray([], __read(args), false))];
                     case 1:
                         // * when exec success, just return directly.
                         if (_c.sent()) {
@@ -75,7 +75,7 @@ options) {
                     case 5:
                         error_1 = _c.sent();
                         return [2 /*return*/];
-                    case 6: return [4 /*yield*/, cb.apply(void 0, __spread(args, [i]))];
+                    case 6: return [4 /*yield*/, cb.apply(void 0, __spreadArray(__spreadArray([], __read(args), false), [i], false))];
                     case 7:
                         if (_c.sent()) {
                             if (!isCancelRef.current) {

package/es6/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js CHANGED Viewed

@@ -26,7 +26,7 @@ import { useEventCallback } from '../useEventCallback';
  */
 export var useTouchMouseEvent = function (_a, _b) {
     var onMouseDownArg = _a.onMouseDown, onMouseUpArg = _a.onMouseUp, onTouchStartArg = _a.onTouchStart, onTouchEndArg = _a.onTouchEnd;
-    var actionRef = (_b === void 0 ? {} : _b).actionRef;
+    var _c = _b === void 0 ? {} : _b, actionRef = _c.actionRef;
     var stopMouseEventRef = useRef(false);
     var document = useRcPortalWindowContext().document;
     var onTouchStart = useEventCallback(function (e) {

package/es6/foundation/index.js CHANGED Viewed

@@ -7,5 +7,8 @@ export * from './overridableStyled';
 export * from './theme';
 export * from './styled-components';
 export * from './styles';
+export * from './typings';
 export * from './utils';
 export { styled };
+// MUI direct re-exports (prefixed with "Mui" or "mui" to indicate raw MUI APIs)
+export * from './MuiExports';

package/es6/foundation/styles/flexWidth.js CHANGED Viewed

@@ -18,7 +18,6 @@ import { css } from '../styled-components';
  * // max-width: 500px
  * ```
  */
-export var flexWidth = function (width) { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 1 ", ";\n\n  ", "\n"], ["\n  flex: 1 1 ", ";\n\n  ",
-    "\n"])), width, width !== 'auto'
+export var flexWidth = function (width) { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 1 ", ";\n\n  ", "\n"], ["\n  flex: 1 1 ", ";\n\n  ", "\n"])), width, width !== 'auto'
     ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        max-width: ", ";\n        min-width: ", ";\n      "], ["\n        max-width: ", ";\n        min-width: ", ";\n      "])), width, width) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        max-width: unset;\n        min-width: unset;\n      "], ["\n        max-width: unset;\n        min-width: unset;\n      "])))); };
 var templateObject_1, templateObject_2, templateObject_3;

package/es6/foundation/styles/newPalette.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __read, __spread } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { parseColor } from '../utils/parseColor';
 import { doAlpha } from './opacity';
 /**
@@ -16,7 +16,7 @@ function palette2(category) {
     for (var _i = 1; _i < arguments.length; _i++) {
         keys[_i - 1] = arguments[_i];
     }
-    return getPaletteColor.apply(void 0, __spread([category], keys));
+    return getPaletteColor.apply(void 0, __spreadArray([category], __read(keys), false));
 }
 function getPaletteColor() {
     var args = [];
@@ -57,6 +57,6 @@ function getParsePaletteColor(color, defaultColor, useMain) {
     if (typeof args === 'function') {
         return args;
     }
-    return getPaletteColor.apply(void 0, __spread(args));
+    return getPaletteColor.apply(void 0, __spreadArray([], __read(args), false));
 }
 export { getParsePaletteColor, palette2 };

package/es6/foundation/styles/px.js CHANGED Viewed

@@ -8,5 +8,5 @@ export function px() {
     for (var _i = 0; _i < arguments.length; _i++) {
         values[_i] = arguments[_i];
     }
-    return values.map(function (n) { return n + "px"; }).join(' ');
+    return values.map(function (n) { return "".concat(n, "px"); }).join(' ');
 }

package/es6/foundation/styles/spacing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __read, __spread } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { px } from './px';
 /**
  * spacing
@@ -12,7 +12,7 @@ export function spacing() {
     return function (_a) {
         var theme = _a.theme;
         var unit = theme.spacing(1);
-        return px.apply(void 0, __spread(values.map(function (n) { return n * unit; })));
+        return px.apply(void 0, __spreadArray([], __read(values.map(function (n) { return n * unit; })), false));
     };
 }
 export function toSpacing(value) {

package/es6/foundation/styles/typography.js CHANGED Viewed

@@ -18,11 +18,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 {
                 logInDev({
-                    message: "Unexpected typography name: " + name,
+                    message: "Unexpected typography name: ".concat(name),
                     component: 'typographyProp',
                     level: 'warn',
                 });

package/es6/foundation/theme/DefaultTheme.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/theme/ThemeHandler.js CHANGED Viewed

@@ -61,7 +61,7 @@ var RcThemeHandler = /** @class */ (function () {
         if (isUrl(theme)) {
             return this.loadUrl(theme);
         }
-        return this.loadUrl("" + options.basePath + theme + ".json");
+        return this.loadUrl("".concat(options.basePath).concat(theme, ".json"));
     };
     RcThemeHandler.prototype.loadUrl = function (url) {
         return __awaiter(this, void 0, void 0, function () {
@@ -81,12 +81,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/es6/foundation/theme/ThemeProvider.js CHANGED Viewed

@@ -12,8 +12,8 @@ var NestedThemeContext = createContext(false);
  * 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 themeProp = _a.theme, children = _a.children;
     var parentTheme = 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(themeProp);

package/es6/foundation/theme/index.js CHANGED Viewed

@@ -2,4 +2,9 @@ export { default as createTheme } from './createTheme';
 export * from './ThemeHandler';
 export * from './ThemeProvider';
 export * from './ThemeSwitcherProvider';
+export * from './palette.type';
+export * from './paletteProp.type';
+export * from './theme.type';
+export * from './typography.type';
 export * from './useThemeProps';
+export * from './DefaultTheme';

package/es6/foundation/theme/palette.type.js CHANGED Viewed

@@ -1,3 +1,4 @@
+export {};
 // | 'content.brand'
 // | 'interactive.b01'
 // | 'interactive.b02'

package/es6/foundation/theme/paletteProp.type.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/theme/theme.type.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/theme/typography.type.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/theme/useThemeProps.js CHANGED Viewed

@@ -6,8 +6,8 @@ import { combineProps } from '../utils/combineProps';
  * @see stories {@link https://ringcentral.github.io/juno/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
  */
 export function useThemeProps(_a) {
-    var props = _a.props, name = _a.name;
     var _b;
+    var props = _a.props, name = _a.name;
     var theme = useTheme();
     return combineProps((_b = theme.props) === null || _b === void 0 ? void 0 : _b[name], props);
 }

package/es6/foundation/typings/BaseColor.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/BaseDirection.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/BaseFocusVariant.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/BaseFormControlLabel.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/BaseLabelPlacement.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/BaseProps.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/BaseSize.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/UnionOmit.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/UnitMap.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/deepPartial.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/typings/index.js CHANGED Viewed

@@ -0,0 +1,11 @@
+export * from './BaseColor';
+export * from './BaseDirection';
+export * from './BaseFocusVariant';
+export * from './BaseFormControlLabel';
+export * from './BaseLabelPlacement';
+export * from './BaseProps';
+export * from './BaseSize';
+export * from './UnionOmit';
+export * from './UnitMap';
+export * from './deepPartial';
+export * from './notNullRecord';

package/es6/foundation/typings/notNullRecord.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/es6/foundation/utils/checkDefaultPrevented.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __read, __spread } from "tslib";
+import { __read, __spreadArray } from "tslib";
 /** check is that event preventDefault */
 export var checkDefaultPrevented = function (fc) {
     return function (e) {
@@ -8,6 +8,6 @@ export var checkDefaultPrevented = function (fc) {
         }
         if (e.defaultPrevented)
             return;
-        fc.apply(void 0, __spread([e], args));
+        fc.apply(void 0, __spreadArray([e], __read(args), false));
     };
 };

package/es6/foundation/utils/classes.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var RcClasses = function (classes, prefix) {
     return classes.reduce(function (prev, curr) {
-        prev[curr] = prefix + "-" + curr;
+        prev[String(curr)] = "".concat(prefix, "-").concat(String(curr));
         return prev;
     }, {});
 };

package/es6/foundation/utils/combineProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __assign, __read, __spread } from "tslib";
+import { __assign, __read, __spreadArray } from "tslib";
 import { isValidElement } from 'react';
 import isPlainObject from 'lodash/isPlainObject';
 /**
@@ -166,8 +166,8 @@ function mergeChildProps(_a) {
                                 args[_i] = arguments[_i];
                             }
                             // * exec outside first
-                            propTo === null || propTo === void 0 ? void 0 : propTo.apply(void 0, __spread(args));
-                            prop === null || prop === void 0 ? void 0 : prop.apply(void 0, __spread(args));
+                            propTo === null || propTo === void 0 ? void 0 : propTo.apply(void 0, __spreadArray([], __read(args), false));
+                            prop === null || prop === void 0 ? void 0 : prop.apply(void 0, __spreadArray([], __read(args), false));
                         };
                     }
                     break;

package/es6/foundation/utils/deepmerge.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __read, __spread } from "tslib";
+import { __read, __spreadArray } from "tslib";
 // @ts-ignore
 import { deepmerge as MuiDeepmerge } from '@material-ui/utils';
 function deepmerge() {
@@ -6,6 +6,6 @@ function deepmerge() {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    return MuiDeepmerge.apply(void 0, __spread(args));
+    return MuiDeepmerge.apply(void 0, __spreadArray([], __read(args), false));
 }
 export { deepmerge };

package/es6/foundation/utils/hasValue.js CHANGED Viewed

@@ -1,4 +1,6 @@
-import { hasValue as MuiHasValue, isFilled as MuiIsFilled, } from '@material-ui/core/InputBase/utils'; /* ts-import-sorter: disable */
+import { hasValue as MuiHasValue, isFilled as MuiIsFilled,
+// @ts-ignore
+ } from '@material-ui/core/InputBase/utils'; /* ts-import-sorter: disable */
 /**
  * Copy from Mui
  * @see https://facebook.github.io/react/docs/forms.html#controlled-components

package/es6/foundation/utils/removeClassName.js CHANGED Viewed

@@ -26,7 +26,7 @@ export function removeClassName(target, removeClass, _a) {
         elm.className = cleanClass(elm, removeClass, fullMatch);
     }
     if (scanChildren) {
-        var nodes = elm.querySelectorAll("[class*=\"" + removeClass + "\"]");
+        var nodes = elm.querySelectorAll("[class*=\"".concat(removeClass, "\"]"));
         if ((nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0) {
             nodes.forEach(function (node) { return (node.className = cleanClass(node, removeClass, fullMatch)); });
         }

package/es6/foundation/utils/withDeprecatedCheck.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { __read, __spread } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useEffect } from 'react';
 import { rcConfiguration } from '../config';
 function showDeprecated(_a) {
-    var component = _a.component, target = _a.target, time = _a.time, comment = _a.comment, message = _a.message, level = _a.level;
     var _b;
+    var component = _a.component, target = _a.target, time = _a.time, comment = _a.comment, message = _a.message, level = _a.level;
     var showMessage = message ||
-        "props => (" + target + ") be deprecated, that will be remove in " + time + " release" + (comment ? ", " + comment : '');
-    (_b = rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(rcConfiguration, "JUNO [" + component + "]: " + showMessage, {
+        "props => (".concat(target, ") be deprecated, that will be remove in ").concat(time, " release").concat(comment ? ", ".concat(comment) : '');
+    (_b = rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(rcConfiguration, "JUNO [".concat(component, "]: ").concat(showMessage), {
         level: level,
     });
 }
@@ -26,7 +26,7 @@ export var useDeprecatedLog = function () {
         !rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(function () {
-            logInDev.apply(void 0, __spread(args));
+            logInDev.apply(void 0, __spreadArray([], __read(args), false));
             // eslint-disable-next-line react-hooks/exhaustive-deps
         }, []);
     }
@@ -38,8 +38,8 @@ export function useDeprecatedCheck(Component, props, depreciates, source) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(function () {
             depreciates.forEach(function (_a) {
-                var prop = _a.prop, comment = _a.comment, time = _a.time;
                 var _b;
+                var prop = _a.prop, comment = _a.comment, time = _a.time;
                 if (props[prop] !== undefined &&
                     // * also not to be default value
                     props[prop] !== ((_b = Component.defaultProps) === null || _b === void 0 ? void 0 : _b[prop])) {

package/foundation/MuiExports/index.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * MUI Foundation Re-exports
+ *
+ * These are direct re-exports of MUI hooks, utilities, and style functions.
+ * They are prefixed with "Mui" or "mui" to indicate they are raw MUI APIs,
+ * not JUNO wrappers.
+ *
+ * Usage:
+ * ```tsx
+ * import { MuiUseMediaQuery, muiDarken, muiLighten } from '@ringcentral/juno';
+ * ```
+ */
+export { default as MuiUseMediaQuery } from '@material-ui/core/useMediaQuery';
+export { useIsFocusVisible as MuiUseIsFocusVisible } from '@material-ui/core/utils';
+export { createTheme as MuiCreateTheme, useTheme as MuiUseTheme, makeStyles as MuiMakeStyles, withStyles as MuiWithStyles, } from '@material-ui/core/styles';
+export { darken as muiDarken, lighten as muiLighten, alpha as muiAlpha, fade as muiFade, emphasize as muiEmphasize, getContrastRatio as muiGetContrastRatio, getLuminance as muiGetLuminance, hexToRgb as muiHexToRgb, rgbToHex as muiRgbToHex, hslToRgb as muiHslToRgb, decomposeColor as muiDecomposeColor, recomposeColor as muiRecomposeColor, } from '@material-ui/core/styles';
+export { duration as MuiTransitionDuration, easing as MuiTransitionEasing, } from '@material-ui/core/styles/transitions';
+export { StylesProvider as MuiStylesProvider, createGenerateClassName as MuiCreateGenerateClassName, jssPreset as MuiJssPreset, } from '@material-ui/styles';
+export type { Theme as MuiTheme, ThemeOptions as MuiThemeOptions, } from '@material-ui/core/styles';

package/foundation/MuiExports/index.js ADDED Viewed

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * MUI Foundation Re-exports
+ *
+ * These are direct re-exports of MUI hooks, utilities, and style functions.
+ * They are prefixed with "Mui" or "mui" to indicate they are raw MUI APIs,
+ * not JUNO wrappers.
+ *
+ * Usage:
+ * ```tsx
+ * import { MuiUseMediaQuery, muiDarken, muiLighten } from '@ringcentral/juno';
+ * ```
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiJssPreset = exports.MuiCreateGenerateClassName = exports.MuiStylesProvider = exports.MuiTransitionEasing = exports.MuiTransitionDuration = exports.muiRecomposeColor = exports.muiDecomposeColor = exports.muiHslToRgb = exports.muiRgbToHex = exports.muiHexToRgb = exports.muiGetLuminance = exports.muiGetContrastRatio = exports.muiEmphasize = exports.muiFade = exports.muiAlpha = exports.muiLighten = exports.muiDarken = exports.MuiWithStyles = exports.MuiMakeStyles = exports.MuiUseTheme = exports.MuiCreateTheme = exports.MuiUseIsFocusVisible = exports.MuiUseMediaQuery = void 0;
+// ============================================
+// Hooks
+// ============================================
+var useMediaQuery_1 = require("@material-ui/core/useMediaQuery");
+Object.defineProperty(exports, "MuiUseMediaQuery", { enumerable: true, get: function () { return __importDefault(useMediaQuery_1).default; } });
+var utils_1 = require("@material-ui/core/utils");
+Object.defineProperty(exports, "MuiUseIsFocusVisible", { enumerable: true, get: function () { return utils_1.useIsFocusVisible; } });
+// ============================================
+// Styles / Theme
+// ============================================
+var styles_1 = require("@material-ui/core/styles");
+Object.defineProperty(exports, "MuiCreateTheme", { enumerable: true, get: function () { return styles_1.createTheme; } });
+Object.defineProperty(exports, "MuiUseTheme", { enumerable: true, get: function () { return styles_1.useTheme; } });
+Object.defineProperty(exports, "MuiMakeStyles", { enumerable: true, get: function () { return styles_1.makeStyles; } });
+Object.defineProperty(exports, "MuiWithStyles", { enumerable: true, get: function () { return styles_1.withStyles; } });
+// Color Manipulation utilities (lowercase prefix to indicate utility functions)
+var styles_2 = require("@material-ui/core/styles");
+Object.defineProperty(exports, "muiDarken", { enumerable: true, get: function () { return styles_2.darken; } });
+Object.defineProperty(exports, "muiLighten", { enumerable: true, get: function () { return styles_2.lighten; } });
+Object.defineProperty(exports, "muiAlpha", { enumerable: true, get: function () { return styles_2.alpha; } });
+Object.defineProperty(exports, "muiFade", { enumerable: true, get: function () { return styles_2.fade; } });
+Object.defineProperty(exports, "muiEmphasize", { enumerable: true, get: function () { return styles_2.emphasize; } });
+Object.defineProperty(exports, "muiGetContrastRatio", { enumerable: true, get: function () { return styles_2.getContrastRatio; } });
+Object.defineProperty(exports, "muiGetLuminance", { enumerable: true, get: function () { return styles_2.getLuminance; } });
+Object.defineProperty(exports, "muiHexToRgb", { enumerable: true, get: function () { return styles_2.hexToRgb; } });
+Object.defineProperty(exports, "muiRgbToHex", { enumerable: true, get: function () { return styles_2.rgbToHex; } });
+Object.defineProperty(exports, "muiHslToRgb", { enumerable: true, get: function () { return styles_2.hslToRgb; } });
+Object.defineProperty(exports, "muiDecomposeColor", { enumerable: true, get: function () { return styles_2.decomposeColor; } });
+Object.defineProperty(exports, "muiRecomposeColor", { enumerable: true, get: function () { return styles_2.recomposeColor; } });
+// Transitions
+var transitions_1 = require("@material-ui/core/styles/transitions");
+Object.defineProperty(exports, "MuiTransitionDuration", { enumerable: true, get: function () { return transitions_1.duration; } });
+Object.defineProperty(exports, "MuiTransitionEasing", { enumerable: true, get: function () { return transitions_1.easing; } });
+// ============================================
+// StylesProvider (for advanced use cases like DetachedWindow)
+// ============================================
+var styles_3 = require("@material-ui/styles");
+Object.defineProperty(exports, "MuiStylesProvider", { enumerable: true, get: function () { return styles_3.StylesProvider; } });
+Object.defineProperty(exports, "MuiCreateGenerateClassName", { enumerable: true, get: function () { return styles_3.createGenerateClassName; } });
+Object.defineProperty(exports, "MuiJssPreset", { enumerable: true, get: function () { return styles_3.jssPreset; } });

package/foundation/MuiExports/package.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../es6/foundation/MuiExports/index.js",
+  "typings": "./index.d.ts"
+}

package/foundation/config.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ShowDeprecatedArgs } from './utils';
-declare type WarningFunctionType = ((
+type WarningFunctionType = ((
 /** warning message */
 message: string,
 /** addition options with that warning */
@@ -23,7 +23,7 @@ interface RcConfigurationType {
  * `WARNING_FUNCTION` only work in `development mode`
  */
 declare let rcConfiguration: RcConfigurationType;
-declare type RcConfigure = {
+type RcConfigure = {
     /** is show warning message in development */
     warning?: boolean;
     /** custom warning callback */

package/foundation/config.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.rcConfiguration = exports.configure = void 0;
 /* eslint-disable no-console */
 var JUNO_WARNING_IGNORE_KEY = '__JUNO_WARNING_IGNORE__';
 // * use that way to avoid that code be exist in production code base
@@ -47,9 +48,9 @@ if (process.env.NODE_ENV !== 'production') {
                     console.log('---------------- [Juno] ----------------');
                 }
                 this._WARNING_IGNORE = !!value;
-                (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.setItem(JUNO_WARNING_IGNORE_KEY, "" + this._WARNING_IGNORE);
+                (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.setItem(JUNO_WARNING_IGNORE_KEY, "".concat(this._WARNING_IGNORE));
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(RcConfig.prototype, "WARNING_FUNCTION", {
@@ -64,7 +65,7 @@ if (process.env.NODE_ENV !== 'production') {
                     console.warn('[Juno] config warningFunction is not a function.');
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         return RcConfig;
@@ -76,7 +77,7 @@ if (process.env.NODE_ENV !== 'production') {
  *
  * ## WARNING method only work in `development mode`
  */
-exports.configure = function (options) {
+var configure = function (options) {
     if (process.env.NODE_ENV !== 'production') {
         var warning = options.warning, warningFunction = options.warningFunction;
         if (warning !== undefined) {
@@ -87,3 +88,4 @@ exports.configure = function (options) {
         }
     }
 };
+exports.configure = configure;

package/foundation/contexts/PortalWindowContext.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
-declare type RcPortalWindowContextValue = {
+type RcPortalWindowContextValue = {
     externalWindow?: Window;
     document: Document;
 };