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/foundation/utils/classes.js CHANGED Viewed

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RcClasses = function (classes, prefix) {
+exports.RcClasses = void 0;
+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;
     }, {});
 };
+exports.RcClasses = RcClasses;

package/foundation/utils/clearReactReferencesInNode.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearReactReferencesInNode = void 0;
 var withDeprecatedCheck_1 = require("./withDeprecatedCheck");
 // fix react input memory leak
 function clearReactReferences(node) {
@@ -30,7 +31,7 @@ function clearReactReferencesInNode(node) {
     }
     catch (error) {
         if (process.env.NODE_ENV !== 'production') {
-            withDeprecatedCheck_1.logInDev({
+            (0, withDeprecatedCheck_1.logInDev)({
                 component: 'clearReactReferencesInNode',
                 message: "trigger clearReactReferencesInNode fail",
             }, function () {

package/foundation/utils/combineProps.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.combineClasses = exports.combineProps = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var isPlainObject_1 = tslib_1.__importDefault(require("lodash/isPlainObject"));
@@ -58,13 +59,14 @@ var isPlainObject_1 = tslib_1.__importDefault(require("lodash/isPlainObject"));
   }
  * ```
  */
-exports.combineProps = function (baseProps, newProps, coverPropKeys) {
+var combineProps = function (baseProps, newProps, coverPropKeys) {
     return innerCombineProps({
         baseProps: baseProps,
         newProps: newProps,
         coverPropKeys: coverPropKeys,
     });
 };
+exports.combineProps = combineProps;
 /**
  * Combine two classes
  *
@@ -98,13 +100,14 @@ exports.combineProps = function (baseProps, newProps, coverPropKeys) {
   }
  * ```
  */
-exports.combineClasses = function (baseClasses, newClasses) {
+var combineClasses = function (baseClasses, newClasses) {
     return innerCombineProps({
         baseProps: baseClasses,
         newProps: newClasses,
         combineAllString: true,
     });
 };
+exports.combineClasses = combineClasses;
 var innerCombineProps = function (params) {
     var baseProps = params.baseProps, newProps = params.newProps;
     if (!newProps || Object.keys(newProps).length === 0) {
@@ -126,10 +129,10 @@ function mergeChildProps(_a) {
                     output[curr] = propTo;
                     break;
                 case 'object': {
-                    if (!react_1.isValidElement(propTo) &&
-                        !react_1.isValidElement(prop) &&
-                        isPlainObject_1.default(propTo) &&
-                        isPlainObject_1.default(prop)) {
+                    if (!(0, react_1.isValidElement)(propTo) &&
+                        !(0, react_1.isValidElement)(prop) &&
+                        (0, isPlainObject_1.default)(propTo) &&
+                        (0, isPlainObject_1.default)(prop)) {
                         output[curr] = mergeChildProps({
                             baseProps: prop,
                             newProps: propTo || {},
@@ -168,8 +171,8 @@ function mergeChildProps(_a) {
                                 args[_i] = arguments[_i];
                             }
                             // * exec outside first
-                            propTo === null || propTo === void 0 ? void 0 : propTo.apply(void 0, tslib_1.__spread(args));
-                            prop === null || prop === void 0 ? void 0 : prop.apply(void 0, tslib_1.__spread(args));
+                            propTo === null || propTo === void 0 ? void 0 : propTo.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(args), false));
+                            prop === null || prop === void 0 ? void 0 : prop.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(args), false));
                         };
                     }
                     break;

package/foundation/utils/deepmerge.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.deepmerge = void 0;
 var tslib_1 = require("tslib");
 // @ts-ignore
 var utils_1 = require("@material-ui/utils");
@@ -8,6 +9,6 @@ function deepmerge() {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    return utils_1.deepmerge.apply(void 0, tslib_1.__spread(args));
+    return utils_1.deepmerge.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(args), false));
 }
 exports.deepmerge = deepmerge;

package/foundation/utils/getRefElement.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-export declare type RefOrElementOrCallback<T extends HTMLElement = HTMLElement> = RefObject<T> | (() => T) | T;
+export type RefOrElementOrCallback<T extends HTMLElement = HTMLElement> = RefObject<T> | (() => T) | T;
 /**
  * get element from React ref or callback
  */

package/foundation/utils/getRefElement.js CHANGED Viewed

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRefElement = void 0;
 var isRef_1 = require("./isRef");
 /**
  * get element from React ref or callback
  */
-exports.getRefElement = function (ref) {
+var getRefElement = function (ref) {
     if (typeof ref === 'function') {
         return ref();
     }
-    if (isRef_1.isRef(ref)) {
+    if ((0, isRef_1.isRef)(ref)) {
         return ref.current;
     }
     return ref;
 };
+exports.getRefElement = getRefElement;

package/foundation/utils/getScrollbarSize.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScrollbarSize = void 0;
 var tslib_1 = require("tslib");
 // @ts-ignore
 var getScrollbarSize_1 = tslib_1.__importDefault(require("@material-ui/core/utils/getScrollbarSize"));

package/foundation/utils/hasValue.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFilled = exports.hasValue = void 0;
 var utils_1 = require("@material-ui/core/InputBase/utils"); /* ts-import-sorter: disable */
 /**
  * Copy from Mui

package/foundation/utils/isRcElement.js CHANGED Viewed

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRcElement = void 0;
 var react_1 = require("react");
 function isRcElement(element, names) {
     var _a;
-    return (react_1.isValidElement(element) &&
+    return ((0, react_1.isValidElement)(element) &&
         names.indexOf((_a = element.type) === null || _a === void 0 ? void 0 : _a.displayName) !== -1);
 }
 exports.isRcElement = isRcElement;

package/foundation/utils/isRef.js CHANGED Viewed

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRef = function (obj) {
+exports.isRef = void 0;
+var isRef = function (obj) {
     return obj && 'current' in obj;
 };
+exports.isRef = isRef;

package/foundation/utils/isTap.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@ import { TouchEvent } from 'react';
 /**
  * @param event TouchEndEvent
  */
-export declare const isTap: (event: TouchEvent<Element>) => boolean;
+export declare const isTap: (event: TouchEvent) => boolean;

package/foundation/utils/isTap.js CHANGED Viewed

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTap = void 0;
 /**
  * @param event TouchEndEvent
  */
-exports.isTap = function (event) {
+var isTap = function (event) {
     if (event.touches.length < 2 && event.changedTouches.length < 2) {
         var touch = event.touches[0] || event.changedTouches[0];
         var elm = document.elementFromPoint(touch.clientX, touch.clientY);
@@ -11,3 +12,4 @@ exports.isTap = function (event) {
     }
     return false;
 };
+exports.isTap = isTap;

package/foundation/utils/isUrl.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isUrl = void 0;
 function isUrl(url) {
     // eslint-disable-next-line no-useless-escape
     var exp = /(\b(https?):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|])/gi;

package/foundation/utils/omit.js CHANGED Viewed

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.omit = void 0;
 var tslib_1 = require("tslib");
 var omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 /** enhance lodash type */
-exports.omit = function (classes, keys) {
-    return omit_1.default(classes, keys);
+var omit = function (classes, keys) {
+    return (0, omit_1.default)(classes, keys);
 };
+exports.omit = omit;

package/foundation/utils/outerSize.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.outerSize = void 0;
 /**
  * get that full height and margin with margin
  * that will ignore transform animation

package/foundation/utils/parseColor.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { RcPaletteProp } from '../theme/paletteProp.type';
  * @param defaultColor when not income color use default color
  * @param useMain is use primary.main to set color when not have value
  */
-declare function parseColor(color?: RcPaletteProp, defaultColor?: RcPaletteProp | null, useMain?: boolean): (string & Record<never, never>) | string[] | import("../styles/newPalette").PaletteReturnType | null;
-declare type RcParseColor = ReturnType<typeof parseColor>;
+declare function parseColor(color?: RcPaletteProp, defaultColor?: RcPaletteProp | null, useMain?: boolean): RcPaletteProp | null;
+type RcParseColor = ReturnType<typeof parseColor>;
 export { parseColor };
 export type { RcParseColor };

package/foundation/utils/parseColor.js CHANGED Viewed

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

package/foundation/utils/pick.js CHANGED Viewed

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.pick = void 0;
 var tslib_1 = require("tslib");
 var pick_1 = tslib_1.__importDefault(require("lodash/pick"));
 /** enhance lodash type */
-exports.pick = function (classes, keys) {
-    return pick_1.default(classes, keys);
+var pick = function (classes, keys) {
+    return (0, pick_1.default)(classes, keys);
 };
+exports.pick = pick;

package/foundation/utils/preloadImg.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadImg = void 0;
 /** preload image file */
 function preloadImg(url) {
     return new Promise(function (resolve, reject) {

package/foundation/utils/removeClassName.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { RefOrElementOrCallback } from './getRefElement';
-declare type RemoveClassNameOptions = {
+type RemoveClassNameOptions = {
     /**
      * make replace also scan child nodes
      *

package/foundation/utils/removeClassName.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeClassName = void 0;
 var getRefElement_1 = require("./getRefElement");
 /**
  * remove className from element, default will not scan child nodes, if you want to scan child nodes, set `scanChildren` to `true`.
@@ -21,14 +22,14 @@ var getRefElement_1 = require("./getRefElement");
  */
 function removeClassName(target, removeClass, _a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.scanChildren, scanChildren = _c === void 0 ? false : _c, _d = _b.fullMatch, fullMatch = _d === void 0 ? false : _d;
-    var elm = getRefElement_1.getRefElement(target);
+    var elm = (0, getRefElement_1.getRefElement)(target);
     if (!elm)
         return;
     if (elm.className.includes(removeClass)) {
         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/foundation/utils/selectionHandler.js CHANGED Viewed

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearWindowSelection = exports.setSelectionPosition = exports.getSelectionPosition = void 0;
 var getRefElement_1 = require("./getRefElement");
 /**
  * get current input element selection position and is that selectRange state
  */
 function getSelectionPosition(sourceTarget) {
-    var input = getRefElement_1.getRefElement(sourceTarget);
+    var input = (0, getRefElement_1.getRefElement)(sourceTarget);
     var currentPosition = input === null || input === void 0 ? void 0 : input.selectionStart;
     var currentPositionEnd = input === null || input === void 0 ? void 0 : input.selectionEnd;
     var isSelectRange = currentPosition !== currentPositionEnd;
@@ -20,7 +21,7 @@ exports.getSelectionPosition = getSelectionPosition;
  * if you need scroll that into view set `scrollIntoView` as true
  */
 function setSelectionPosition(target, options) {
-    var elm = getRefElement_1.getRefElement(target);
+    var elm = (0, getRefElement_1.getRefElement)(target);
     if (elm && options.start !== null && options.end !== null) {
         // * use blur and refocus to refocus position into view
         if (options.scrollIntoView)

package/foundation/utils/shallowEqual.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.shallowEqual = void 0;
 /**
  * inlined Object.is polyfill to avoid requiring consumers ship their own
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is

package/foundation/utils/styleParser.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.pxToNumber = void 0;
 /** parse px to number */
-exports.pxToNumber = function (style) {
+var pxToNumber = function (style) {
     if (style === void 0) { style = ''; }
     return parseFloat(style);
 };
+exports.pxToNumber = pxToNumber;

package/foundation/utils/swapArrayLocs.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.swapArrayLocs = void 0;
 /**
  * swap position of an array,
  * @param arr source arr
@@ -12,9 +13,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * console.log(arr); // result: [3, 1 ,2 ,0]
  * ```
  */
-exports.swapArrayLocs = function (arr, index1, index2) {
+var swapArrayLocs = function (arr, index1, index2) {
     var temp = arr[index1];
     arr[index1] = arr[index2];
     arr[index2] = temp;
     return arr;
 };
+exports.swapArrayLocs = swapArrayLocs;

package/foundation/utils/withDeprecatedCheck.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { ComponentProps, ComponentType } from 'react';
-declare type UseDeprecatedCheckArgs<TKey> = {
+type UseDeprecatedCheckArgs<TKey> = {
     prop: TKey;
     comment?: string;
     time: string;
 };
-export declare type ShowDeprecatedArgs = {
+export type ShowDeprecatedArgs = {
     component: string;
     target?: string;
     time?: string;

package/foundation/utils/withDeprecatedCheck.js CHANGED Viewed

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedCheck = exports.useDeprecatedLog = exports.logInDev = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var config_1 = require("../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 = config_1.rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(config_1.rcConfiguration, "JUNO [" + component + "]: " + showMessage, {
+        "props => (".concat(target, ") be deprecated, that will be remove in ").concat(time, " release").concat(comment ? ", ".concat(comment) : '');
+    (_b = config_1.rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(config_1.rcConfiguration, "JUNO [".concat(component, "]: ").concat(showMessage), {
         level: level,
     });
 }
@@ -20,7 +21,7 @@ function logInDev(args, cb) {
     }
 }
 exports.logInDev = logInDev;
-exports.useDeprecatedLog = function () {
+var useDeprecatedLog = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
@@ -28,21 +29,22 @@ exports.useDeprecatedLog = function () {
     if (process.env.NODE_ENV !== 'production' &&
         !config_1.rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        react_1.useEffect(function () {
-            logInDev.apply(void 0, tslib_1.__spread(args));
+        (0, react_1.useEffect)(function () {
+            logInDev.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(args), false));
             // eslint-disable-next-line react-hooks/exhaustive-deps
         }, []);
     }
 };
+exports.useDeprecatedLog = useDeprecatedLog;
 function useDeprecatedCheck(Component, props, depreciates, source) {
     var name = Component.displayName || source || '';
     if (process.env.NODE_ENV !== 'production' &&
         !config_1.rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        react_1.useEffect(function () {
+        (0, react_1.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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.46.0",
+  "version": "3.0.0-alpha.1",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",
@@ -22,7 +22,6 @@
     "@material-ui/styles": "^4.11.4",
     "@types/lodash": "^4.14.169",
     "@types/react-beautiful-dnd": "^13.0.0",
-    "@types/styled-components": "4.0.3",
     "clsx": "^1.0.4",
     "focus-visible": "^5.1.0",
     "lodash": "^4.17.21",
@@ -36,9 +35,9 @@
   "peerDependencies": {
     "@ringcentral/juno-icon": ">=1.0.0 <2.0.0",
     "dayjs": "^1.11.6",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "styled-components": "^5.3.3"
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0",
+    "styled-components": "^5.3.11"
   },
   "sideEffects": false,
   "exports": {