@ringcentral/juno 2.0.0-rc.0 → 2.0.0

package/foundation/config.js

@@ -2,68 +2,88 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-console */
 var JUNO_WARNING_IGNORE_KEY = '__JUNO_WARNING_IGNORE__';
-var RcConfig = /** @class */ (function () {
-    function RcConfig() {
-        var _a;
-        this._WARNING_IGNORE = false;
-        this._WARNING_FUNCTION = function (message, options) {
-            console[(options === null || options === void 0 ? void 0 : options.level) || 'warn'](message);
-        };
-        if (typeof window !== 'undefined') {
-            // SSR support
-            // * get value once when init
-            this._WARNING_IGNORE =
-                ((_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(JUNO_WARNING_IGNORE_KEY)) === 'true';
-            // * also provide user to set variable from window
-            window.__JUNO__ = this;
-        }
-    }
-    Object.defineProperty(RcConfig.prototype, "WARNING_IGNORE", {
-        get: function () {
-            return this._WARNING_IGNORE;
-        },
-        set: function (value) {
+// * use that way to avoid that code be exist in production code base
+/**
+ * config global setting
+ *
+ * ```ts
+ * configure({
+ *   warning: false
+ * })
+ * ```
+ * ## WARNING related method and  only work in `development mode`
+ *
+ * `WARNING_IGNORE`:  only work in `development mode`
+ * `WARNING_FUNCTION` only work in `development mode`
+ */
+var rcConfiguration = {};
+exports.rcConfiguration = rcConfiguration;
+if (process.env.NODE_ENV !== 'production') {
+    var RcConfig = /** @class */ (function () {
+        function RcConfig() {
             var _a;
-            if (value) {
-                console.log('---------------- [Juno] ----------------');
-                console.log("Don't recommended you close it, we should avoid use any deprecated props or methods.");
-                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);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RcConfig.prototype, "WARNING_FUNCTION", {
-        get: function () {
-            return this._WARNING_FUNCTION;
-        },
-        set: function (func) {
-            if (typeof func === 'function') {
-                this._WARNING_FUNCTION = func;
+            this._WARNING_IGNORE = false;
+            this._WARNING_FUNCTION = function (message, options) {
+                console[(options === null || options === void 0 ? void 0 : options.level) || 'warn'](message);
+            };
+            if (typeof window !== 'undefined') {
+                // SSR support
+                // * get value once when init
+                this._WARNING_IGNORE =
+                    ((_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(JUNO_WARNING_IGNORE_KEY)) === 'true';
+                // * also provide user to set variable from window
+                window.__JUNO__ = this;
             }
-            else {
-                console.warn('[Juno] config warningFunction is not a function.');
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return RcConfig;
-}());
-/** config instance */
-var rcConfiguration = new RcConfig();
-exports.rcConfiguration = rcConfiguration;
+        }
+        Object.defineProperty(RcConfig.prototype, "WARNING_IGNORE", {
+            get: function () {
+                return this._WARNING_IGNORE;
+            },
+            set: function (value) {
+                var _a;
+                if (value) {
+                    console.log('---------------- [Juno] ----------------');
+                    console.log("Don't recommended you close it, we should avoid use any deprecated props or methods.");
+                    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);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(RcConfig.prototype, "WARNING_FUNCTION", {
+            get: function () {
+                return this._WARNING_FUNCTION;
+            },
+            set: function (func) {
+                if (typeof func === 'function') {
+                    this._WARNING_FUNCTION = func;
+                }
+                else {
+                    console.warn('[Juno] config warningFunction is not a function.');
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return RcConfig;
+    }());
+    exports.rcConfiguration = rcConfiguration = new RcConfig();
+}
 /**
  * set config with Juno
+ *
+ * ## WARNING method only work in `development mode`
  */
-exports.configure = function (_a) {
-    var warning = _a.warning, warningFunction = _a.warningFunction;
-    if (warning !== undefined) {
-        rcConfiguration.WARNING_IGNORE = !warning;
-    }
-    if (warningFunction !== undefined) {
-        rcConfiguration.WARNING_FUNCTION = warningFunction;
+exports.configure = function (options) {
+    if (process.env.NODE_ENV !== 'production') {
+        var warning = options.warning, warningFunction = options.warningFunction;
+        if (warning !== undefined) {
+            rcConfiguration.WARNING_IGNORE = !warning;
+        }
+        if (warningFunction !== undefined) {
+            rcConfiguration.WARNING_FUNCTION = warningFunction;
+        }
     }
 };

package/foundation/hooks/useResizeObserver/useResizeObserver.js

@@ -16,13 +16,16 @@ var useResultRef_1 = require("../useResultRef");
 exports.getResizeObserver = function (callback, externalWindow) {
     if (externalWindow) {
         if ((externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow['ResizeObserver']) === undefined) {
-            var message = "window.ResizeObserver is not a constructor,\n    should load polyfill script from 'foundation/polyfill/resize-observer-polyfill/ResizeObserver.global.js' or other CDN polyfill on render window.";
-            utils_1.logInDev({
-                component: 'useResizeObserver',
-                level: 'error',
-                message: message,
-            });
-            throw Error(message);
+            if (process.env.NODE_ENV !== 'production') {
+                var message = "window.ResizeObserver is not a constructor,\n    should load polyfill script from 'foundation/polyfill/resize-observer-polyfill/ResizeObserver.global.js' or other CDN polyfill on render window.";
+                utils_1.logInDev({
+                    component: 'useResizeObserver',
+                    level: 'error',
+                    message: message,
+                });
+                throw Error(message);
+            }
+            throw Error('window.ResizeObserver not defined');
         }
         return new externalWindow['ResizeObserver'](callback);
     }

package/foundation/styles/opacity.js

@@ -28,10 +28,12 @@ function doAlpha(color, opacity, theme) {
         return styles_1.alpha(color, +alpha.toFixed(2));
     }
     catch (error) {
-        utils_1.logInDev({
-            component: 'setOpacity',
-            message: 'your color pass into setOpacity is error color, check your color again, please',
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            utils_1.logInDev({
+                component: 'setOpacity',
+                message: 'your color pass into setOpacity is error color, check your color again, please',
+            });
+        }
         return color;
     }
 }

package/foundation/utils/clearReactReferencesInNode.js

@@ -29,13 +29,15 @@ function clearReactReferencesInNode(node) {
         }
     }
     catch (error) {
-        withDeprecatedCheck_1.logInDev({
-            component: 'clearReactReferencesInNode',
-            message: "trigger clearReactReferencesInNode fail",
-        }, function () {
-            // eslint-disable-next-line no-console
-            console.log(error);
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            withDeprecatedCheck_1.logInDev({
+                component: 'clearReactReferencesInNode',
+                message: "trigger clearReactReferencesInNode fail",
+            }, function () {
+                // eslint-disable-next-line no-console
+                console.log(error);
+            });
+        }
     }
 }
 exports.clearReactReferencesInNode = clearReactReferencesInNode;

package/foundation/utils/hasValue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = require("@material-ui/core/InputBase/utils");
+var utils_1 = require("@material-ui/core/InputBase/utils"); /* ts-import-sorter: disable */
 /**
  * Copy from Mui
  * @see https://facebook.github.io/react/docs/forms.html#controlled-components

package/foundation/utils/index.d.ts

@@ -8,7 +8,6 @@ export * from './getScrollbarSize';
 export * from './hasValue';
 export * from './isRcElement';
 export * from './isRef';
-export * from './isShowJunoWarning';
 export * from './isUrl';
 export * from './omit';
 export * from './outerSize';

package/foundation/utils/index.js

@@ -11,7 +11,6 @@ tslib_1.__exportStar(require("./getScrollbarSize"), exports);
 tslib_1.__exportStar(require("./hasValue"), exports);
 tslib_1.__exportStar(require("./isRcElement"), exports);
 tslib_1.__exportStar(require("./isRef"), exports);
-tslib_1.__exportStar(require("./isShowJunoWarning"), exports);
 tslib_1.__exportStar(require("./isUrl"), exports);
 tslib_1.__exportStar(require("./omit"), exports);
 tslib_1.__exportStar(require("./outerSize"), exports);

package/foundation/utils/isShowJunoWarning.d.ts

@@ -1 +0,0 @@
-export declare const isShowJunoWarning: boolean;

package/foundation/utils/isShowJunoWarning.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var config_1 = require("../config");
-exports.isShowJunoWarning = !config_1.rcConfiguration.WARNING_IGNORE && process.env.NODE_ENV !== 'production';

package/foundation/utils/withDeprecatedCheck.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ComponentType } from 'react';
-declare type WithDeprecatedCheckArgs<TKey> = {
+declare type UseDeprecatedCheckArgs<TKey> = {
     prop: TKey;
     comment?: string;
     time: string;
@@ -18,5 +18,5 @@ export declare type ShowDeprecatedArgs = {
 };
 export declare function logInDev(args: ShowDeprecatedArgs, cb?: Function): void;
 export declare const useDeprecatedLog: (args: ShowDeprecatedArgs, cb?: Function | undefined) => void;
-export declare function withDeprecatedCheck<T extends ComponentType<any>, K extends keyof ComponentProps<T>>(Component: T, depreciates: WithDeprecatedCheckArgs<K>[], source?: string): T;
+export declare function useDeprecatedCheck<T extends ComponentType<any>, K extends keyof ComponentProps<T>>(Component: T, props: any, depreciates: UseDeprecatedCheckArgs<K>[], source?: string): void;
 export {};

package/foundation/utils/withDeprecatedCheck.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
 var config_1 = require("../config");
-var isShowJunoWarning_1 = require("./isShowJunoWarning");
 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 showMessage = message ||
         "props => (" + target + ") be deprecated, that will be remove in " + time + " release" + (comment ? ", " + comment : '');
-    config_1.rcConfiguration.WARNING_FUNCTION("JUNO [" + component + "]: " + showMessage, {
+    (_b = config_1.rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(config_1.rcConfiguration, "JUNO [" + component + "]: " + showMessage, {
         level: level,
     });
 }
 function logInDev(args, cb) {
-    if (isShowJunoWarning_1.isShowJunoWarning) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !config_1.rcConfiguration.WARNING_IGNORE) {
         showDeprecated(args);
         cb === null || cb === void 0 ? void 0 : cb();
     }
@@ -24,7 +25,8 @@ exports.useDeprecatedLog = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    if (isShowJunoWarning_1.isShowJunoWarning) {
+    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));
@@ -32,12 +34,11 @@ exports.useDeprecatedLog = function () {
         }, []);
     }
 };
-function withDeprecatedCheck(Component, depreciates, source) {
-    if (!isShowJunoWarning_1.isShowJunoWarning) {
-        return Component;
-    }
+function useDeprecatedCheck(Component, props, depreciates, source) {
     var name = Component.displayName || source || '';
-    return react_1.forwardRef(function (props, ref) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !config_1.rcConfiguration.WARNING_IGNORE) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         react_1.useEffect(function () {
             depreciates.forEach(function (_a) {
                 var prop = _a.prop, comment = _a.comment, time = _a.time;
@@ -53,9 +54,7 @@ function withDeprecatedCheck(Component, depreciates, source) {
                     });
                 }
             });
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, []);
-        return react_1.default.createElement(Component, tslib_1.__assign({}, props, { ref: ref }));
-    });
+        });
+    }
 }
-exports.withDeprecatedCheck = withDeprecatedCheck;
+exports.useDeprecatedCheck = useDeprecatedCheck;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.0.0-rc.0",
+  "version": "2.0.0",
   "author": "RingCentral",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/ringcentral/juno/issues"
+    "url": "https://git.ringcentral.com/RCUI/rcui/issues"
   },
-  "homepage": "https://github.com/ringcentral/juno#readme",
+  "homepage": "https://git.ringcentral.com/RCUI/rcui#readme",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ringcentral/juno.git"
+    "url": "https://git.ringcentral.com/RCUI/rcui.git"
   },
   "dependencies": {
     "@date-io/moment": "^1.3.11",
@@ -53,4 +53,4 @@
       "default": "./es6/"
     }
   }
-}
+}