@ringcentral/juno 2.36.2 → 2.36.4

package/components/Downshift/Downshift.js

@@ -307,7 +307,7 @@ var _RcDownshift = react_1.memo(react_1.forwardRef(function (inProps, ref) {
                 maxLength: maxLength, containerRef: inputContainerRef }, getInputAriaProps(TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.inputProps)),
         }, rest), { value: inputValue, clearBtn: false })),
         !helperText && screenReaderText && (react_1.default.createElement(VisuallyHidden_1.RcVisuallyHidden, { id: describedbyId }, screenReaderText)),
-        react_1.default.createElement(styles_1.StyledPopper, tslib_1.__assign({ ref: popperElementRef, open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, modifiers: { fixOffsets: utils_1.fixOffsetsModifer }, 
+        react_1.default.createElement(styles_1.StyledPopper, tslib_1.__assign({ ref: popperElementRef, open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, 
             // * view type in popper.js
             popperOptions: {
                 onUpdate: function (e) {

package/components/Downshift/utils/index.d.ts

@@ -5,4 +5,3 @@ export * from './useDownshift';
 export * from './useDownshiftError';
 export * from './useDownshiftGroup';
 export * from './useDownshiftTag';
-export * from './fixOffsetsModifer';

package/components/Downshift/utils/index.js

@@ -6,4 +6,3 @@ tslib_1.__exportStar(require("./useDownshift"), exports);
 tslib_1.__exportStar(require("./useDownshiftError"), exports);
 tslib_1.__exportStar(require("./useDownshiftGroup"), exports);
 tslib_1.__exportStar(require("./useDownshiftTag"), exports);
-tslib_1.__exportStar(require("./fixOffsetsModifer"), exports);

package/components/Popper/Popper.js

@@ -5,11 +5,12 @@ var react_1 = tslib_1.__importStar(require("react"));
 var Popper_1 = tslib_1.__importDefault(require("@material-ui/core/Popper"));
 var foundation_1 = require("../../foundation");
 var styles_1 = require("./styles");
+var modifiers_1 = require("./modifiers");
 var _RcPopper = react_1.forwardRef(function (inProps, ref) {
     var props = foundation_1.useThemeProps({ props: inProps, name: 'RcPopper' });
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    var children = props.children, modifiers = props.modifiers, rest = tslib_1.__rest(props, ["children", "modifiers"]);
     var externalWindow = foundation_1.useRcPortalWindowContext().externalWindow;
-    return (react_1.default.createElement(Popper_1.default, tslib_1.__assign({ container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, rest, { ref: ref }), children));
+    return (react_1.default.createElement(Popper_1.default, tslib_1.__assign({ container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, rest, { modifiers: tslib_1.__assign({ fixOffsets: modifiers_1.fixOffsetsModifer }, modifiers), ref: ref }), children));
 });
 var RcPopper = foundation_1.styled(_RcPopper)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.PopperStyle);
 exports.RcPopper = RcPopper;

package/components/Popper/modifiers/index.d.ts

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

package/components/Popper/modifiers/index.js

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

package/components/Popper/modifiers/package.json

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

package/es6/components/Downshift/Downshift.js

@@ -9,7 +9,7 @@ import { ClearIconButton } from '../Forms/TextField/styles/ClearIconButton';
 import { RcVisuallyHidden } from '../VisuallyHidden';
 import { ArrowDownButton, DownshiftStyle, EndAdornment, RcDownshiftInput, StyledPopper, StyledTextField, } from './styles';
 import { RcSuggestionList } from './SuggestionList';
-import { DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, DEFAULT_LIMIT_CHIPS, fixOffsetsModifer, RcDownshiftDefaultFilterOptions, RcDownshiftInputClasses, useDownshift, useDownshiftError, } from './utils';
+import { DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, DEFAULT_LIMIT_CHIPS, RcDownshiftDefaultFilterOptions, RcDownshiftInputClasses, useDownshift, useDownshiftError, } from './utils';
 /**
  * default transition style for grow when not virtualize
  */
@@ -303,7 +303,7 @@ var _RcDownshift = memo(forwardRef(function (inProps, ref) {
                 maxLength: maxLength, containerRef: inputContainerRef }, getInputAriaProps(TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.inputProps)),
         }, rest), { value: inputValue, clearBtn: false })),
         !helperText && screenReaderText && (React.createElement(RcVisuallyHidden, { id: describedbyId }, screenReaderText)),
-        React.createElement(StyledPopper, __assign({ ref: popperElementRef, open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, modifiers: { fixOffsets: fixOffsetsModifer }, 
+        React.createElement(StyledPopper, __assign({ ref: popperElementRef, open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, 
             // * view type in popper.js
             popperOptions: {
                 onUpdate: function (e) {

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

@@ -3,4 +3,3 @@ export * from './useDownshift';
 export * from './useDownshiftError';
 export * from './useDownshiftGroup';
 export * from './useDownshiftTag';
-export * from './fixOffsetsModifer';

package/es6/components/Popper/Popper.js

@@ -3,11 +3,12 @@ import React, { forwardRef } from 'react';
 import MuiPopper from '@material-ui/core/Popper';
 import { styled, useRcPortalWindowContext, useThemeProps, } from '../../foundation';
 import { PopperStyle } from './styles';
+import { fixOffsetsModifer } from './modifiers';
 var _RcPopper = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcPopper' });
-    var children = props.children, rest = __rest(props, ["children"]);
+    var children = props.children, modifiers = props.modifiers, rest = __rest(props, ["children", "modifiers"]);
     var externalWindow = useRcPortalWindowContext().externalWindow;
-    return (React.createElement(MuiPopper, __assign({ container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, rest, { ref: ref }), children));
+    return (React.createElement(MuiPopper, __assign({ container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, rest, { modifiers: __assign({ fixOffsets: fixOffsetsModifer }, modifiers), ref: ref }), children));
 });
 var RcPopper = styled(_RcPopper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), PopperStyle);
 RcPopper.defaultProps = {};

package/es6/components/Popper/modifiers/index.js

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

package/es6/foundation/styles/typography.js

@@ -1,5 +1,6 @@
 import { __makeTemplateObject } from "tslib";
 import { css } from '../styled-components';
+import { logInDev } from '../utils';
 /**
  * get typography key value with token
  *
@@ -16,7 +17,17 @@ function typographyProp(name, key) {
         var theme = _a.theme;
         var themeOfTypography = theme.typography[name];
         if (typeof themeOfTypography !== 'object') {
-            throw new Error("Unexpected typography name: " + name);
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error("Unexpected typography name: " + name);
+            }
+            else {
+                logInDev({
+                    message: "Unexpected typography name: " + name,
+                    component: 'typographyProp',
+                    level: 'warn',
+                });
+                return undefined;
+            }
         }
         return themeOfTypography[key];
     };

package/foundation/styles/typography.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var styled_components_1 = require("../styled-components");
+var utils_1 = require("../utils");
 /**
  * get typography key value with token
  *
@@ -18,7 +19,17 @@ function typographyProp(name, key) {
         var theme = _a.theme;
         var themeOfTypography = theme.typography[name];
         if (typeof themeOfTypography !== 'object') {
-            throw new Error("Unexpected typography name: " + name);
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error("Unexpected typography name: " + name);
+            }
+            else {
+                utils_1.logInDev({
+                    message: "Unexpected typography name: " + name,
+                    component: 'typographyProp',
+                    level: 'warn',
+                });
+                return undefined;
+            }
         }
         return themeOfTypography[key];
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.36.2",
+  "version": "2.36.4",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",