@ringcentral/juno 2.35.0 → 2.35.2

package/components/Presence/Presence.js

@@ -13,7 +13,6 @@ var _RcPresence = react_1.forwardRef(function (inProps, ref) {
     var sizeProps = {
         iconSizeValue: utils_1.RcPresenceSizes[size][0],
         borderSizeValue: utils_1.RcPresenceSizes[borderSize || size][1],
-        borderSize: borderSize,
         type: type,
     };
     var symbol = (function () {

package/components/Presence/styles/StyledPresence.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PresenceSizeProps } from '../Presence';
-export declare const PresenceContainer: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & PresenceSizeProps, import("../../../foundation").RcTheme, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & PresenceSizeProps>;
 export declare const _StyledPresence: React.ForwardRefExoticComponent<PresenceSizeProps & React.RefAttributes<any>>;
 export declare const StyledPresence: import("styled-components").StyledComponentClass<PresenceSizeProps & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<PresenceSizeProps & React.RefAttributes<any>, "ref" | "key" | "color" | "type" | "iconSizeValue" | "borderSizeValue"> & {
     theme?: import("../../../foundation").RcTheme | undefined;
 } & PresenceSizeProps>;
+export declare const PresenceContainer: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & PresenceSizeProps, import("../../../foundation").RcTheme, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & PresenceSizeProps>;

package/components/Presence/styles/StyledPresence.js

@@ -5,19 +5,14 @@ var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../foundation");
 var Icon_1 = require("../../Icon");
 var utils_1 = require("../utils");
-exports.PresenceContainer = foundation_1.styled.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "], ["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "])), iconSizeValue, iconSizeValue, borderSizeValue);
-});
 exports._StyledPresence = react_1.forwardRef(function (_a, ref) {
-    var color = _a.color, type = _a.type, rest = tslib_1.__rest(_a, ["color", "type"]);
-    return react_1.default.createElement("div", tslib_1.__assign({ ref: ref }, rest));
+    var color = _a.color, type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, rest = tslib_1.__rest(_a, ["color", "type", "iconSizeValue", "borderSizeValue"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref }, rest)));
 });
-exports.StyledPresence = foundation_1.styled(exports._StyledPresence)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ",
+exports.StyledPresence = foundation_1.styled(exports._StyledPresence)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ",
     ";\n"])), function (_a) {
     var type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
-    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      background: ", ";\n      ", ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      background: ",
+    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      background: ", ";\n      ", ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      background: ",
         ";\n      ",
         ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "])), iconSizeValue, iconSizeValue, color
         ? foundation_1.getParsePaletteColor(color)
@@ -27,4 +22,9 @@ exports.StyledPresence = foundation_1.styled(exports._StyledPresence)(templateOb
         size: borderSizeValue,
     }), Icon_1.RcIcon, iconSizeValue, iconSizeValue);
 });
+exports.PresenceContainer = foundation_1.styled.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
+    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "], ["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "])), iconSizeValue, iconSizeValue, borderSizeValue);
+});
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabs.js

@@ -208,40 +208,42 @@ var _MoreMenuTabs = react_1.forwardRef(function (props, ref) {
         throttleCalculateGroupInfo();
     }, [value], false);
     foundation_1.useOnReRender(function () {
-        var e_4, _a;
         var tabsInfo = getTabsInfoFromChildren(childrenProp);
         var newGroupInfo = {
             all: tabsInfo,
             tab: [],
             menu: [],
         };
-        var _loop_1 = function (tabInfo) {
-            if (groupInfo.tab.some(function (_a) {
-                var key = _a.key;
-                return tabInfo.key === key;
-            })) {
-                newGroupInfo.tab.push(tabInfo);
-            }
-            else {
-                // push new tab or invisible old tab to menu group
-                newGroupInfo.menu.push(tabInfo);
-            }
-        };
-        try {
-            // Prevent moreButton from flickering after children update
-            for (var tabsInfo_1 = tslib_1.__values(tabsInfo), tabsInfo_1_1 = tabsInfo_1.next(); !tabsInfo_1_1.done; tabsInfo_1_1 = tabsInfo_1.next()) {
-                var tabInfo = tabsInfo_1_1.value;
-                _loop_1(tabInfo);
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
+        setGroupInfo(function (preGroupInfo) {
+            var e_4, _a;
+            var _loop_1 = function (tabInfo) {
+                if (preGroupInfo.tab.some(function (_a) {
+                    var key = _a.key;
+                    return tabInfo.key === key;
+                })) {
+                    newGroupInfo.tab.push(tabInfo);
+                }
+                else {
+                    // push new tab or invisible old tab to menu group
+                    newGroupInfo.menu.push(tabInfo);
+                }
+            };
             try {
-                if (tabsInfo_1_1 && !tabsInfo_1_1.done && (_a = tabsInfo_1.return)) _a.call(tabsInfo_1);
+                // Prevent moreButton from flickering after children update
+                for (var tabsInfo_1 = tslib_1.__values(tabsInfo), tabsInfo_1_1 = tabsInfo_1.next(); !tabsInfo_1_1.done; tabsInfo_1_1 = tabsInfo_1.next()) {
+                    var tabInfo = tabsInfo_1_1.value;
+                    _loop_1(tabInfo);
+                }
             }
-            finally { if (e_4) throw e_4.error; }
-        }
-        setGroupInfo(newGroupInfo);
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (tabsInfo_1_1 && !tabsInfo_1_1.done && (_a = tabsInfo_1.return)) _a.call(tabsInfo_1);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+            return newGroupInfo;
+        });
     }, [childrenProp], false);
     react_1.useEffect(function () {
         onGroupInfoChange === null || onGroupInfoChange === void 0 ? void 0 : onGroupInfoChange([

package/es6/components/Presence/Presence.js

@@ -11,7 +11,6 @@ var _RcPresence = forwardRef(function (inProps, ref) {
     var sizeProps = {
         iconSizeValue: RcPresenceSizes[size][0],
         borderSizeValue: RcPresenceSizes[borderSize || size][1],
-        borderSize: borderSize,
         type: type,
     };
     var symbol = (function () {

package/es6/components/Presence/styles/StyledPresence.js

@@ -3,19 +3,14 @@ import React, { forwardRef } from 'react';
 import { css, getParsePaletteColor, palette2, styled, fakeBorder, } from '../../../foundation';
 import { RcIcon } from '../../Icon';
 import { RcPresenceBackgroundColors } from '../utils';
-export var PresenceContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "], ["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "])), iconSizeValue, iconSizeValue, borderSizeValue);
-});
 export var _StyledPresence = forwardRef(function (_a, ref) {
-    var color = _a.color, type = _a.type, rest = __rest(_a, ["color", "type"]);
-    return React.createElement("div", __assign({ ref: ref }, rest));
+    var color = _a.color, type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, rest = __rest(_a, ["color", "type", "iconSizeValue", "borderSizeValue"]);
+    return (React.createElement("div", __assign({ ref: ref }, rest)));
 });
-export var StyledPresence = styled(_StyledPresence)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ",
+export var StyledPresence = styled(_StyledPresence)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ",
     ";\n"])), function (_a) {
     var type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      background: ", ";\n      ", ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      background: ",
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      background: ", ";\n      ", ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      background: ",
         ";\n      ",
         ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "])), iconSizeValue, iconSizeValue, color
         ? getParsePaletteColor(color)
@@ -25,4 +20,9 @@ export var StyledPresence = styled(_StyledPresence)(templateObject_4 || (templat
         size: borderSizeValue,
     }), RcIcon, iconSizeValue, iconSizeValue);
 });
+export var PresenceContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "], ["\n      display: flex;\n      justify-content: center;\n      width: ", "px;\n      height: ", "px;\n      padding: ", "px;\n    "])), iconSizeValue, iconSizeValue, borderSizeValue);
+});
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/es6/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabs.js

@@ -206,40 +206,42 @@ var _MoreMenuTabs = forwardRef(function (props, ref) {
         throttleCalculateGroupInfo();
     }, [value], false);
     useOnReRender(function () {
-        var e_4, _a;
         var tabsInfo = getTabsInfoFromChildren(childrenProp);
         var newGroupInfo = {
             all: tabsInfo,
             tab: [],
             menu: [],
         };
-        var _loop_1 = function (tabInfo) {
-            if (groupInfo.tab.some(function (_a) {
-                var key = _a.key;
-                return tabInfo.key === key;
-            })) {
-                newGroupInfo.tab.push(tabInfo);
-            }
-            else {
-                // push new tab or invisible old tab to menu group
-                newGroupInfo.menu.push(tabInfo);
-            }
-        };
-        try {
-            // Prevent moreButton from flickering after children update
-            for (var tabsInfo_1 = __values(tabsInfo), tabsInfo_1_1 = tabsInfo_1.next(); !tabsInfo_1_1.done; tabsInfo_1_1 = tabsInfo_1.next()) {
-                var tabInfo = tabsInfo_1_1.value;
-                _loop_1(tabInfo);
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
+        setGroupInfo(function (preGroupInfo) {
+            var e_4, _a;
+            var _loop_1 = function (tabInfo) {
+                if (preGroupInfo.tab.some(function (_a) {
+                    var key = _a.key;
+                    return tabInfo.key === key;
+                })) {
+                    newGroupInfo.tab.push(tabInfo);
+                }
+                else {
+                    // push new tab or invisible old tab to menu group
+                    newGroupInfo.menu.push(tabInfo);
+                }
+            };
             try {
-                if (tabsInfo_1_1 && !tabsInfo_1_1.done && (_a = tabsInfo_1.return)) _a.call(tabsInfo_1);
+                // Prevent moreButton from flickering after children update
+                for (var tabsInfo_1 = __values(tabsInfo), tabsInfo_1_1 = tabsInfo_1.next(); !tabsInfo_1_1.done; tabsInfo_1_1 = tabsInfo_1.next()) {
+                    var tabInfo = tabsInfo_1_1.value;
+                    _loop_1(tabInfo);
+                }
             }
-            finally { if (e_4) throw e_4.error; }
-        }
-        setGroupInfo(newGroupInfo);
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (tabsInfo_1_1 && !tabsInfo_1_1.done && (_a = tabsInfo_1.return)) _a.call(tabsInfo_1);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+            return newGroupInfo;
+        });
     }, [childrenProp], false);
     useEffect(function () {
         onGroupInfoChange === null || onGroupInfoChange === void 0 ? void 0 : onGroupInfoChange([

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

@@ -44,7 +44,7 @@ export var useTouchMouseEvent = function (_a, _b) {
         var isInside;
         if (actionRef && e.touches.length < 2 && e.changedTouches.length < 2) {
             var touch = e.touches[0] || e.changedTouches[0];
-            var elm = document.elementFromPoint(touch.pageX, touch.pageY);
+            var elm = document.elementFromPoint(touch.clientX, touch.clientY);
             isInside = !!elm && checkInside(elm);
         }
         onTouchEndArg === null || onTouchEndArg === void 0 ? void 0 : onTouchEndArg(e, isInside);

package/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js

@@ -46,7 +46,7 @@ exports.useTouchMouseEvent = function (_a, _b) {
         var isInside;
         if (actionRef && e.touches.length < 2 && e.changedTouches.length < 2) {
             var touch = e.touches[0] || e.changedTouches[0];
-            var elm = document.elementFromPoint(touch.pageX, touch.pageY);
+            var elm = document.elementFromPoint(touch.clientX, touch.clientY);
             isInside = !!elm && checkInside(elm);
         }
         onTouchEndArg === null || onTouchEndArg === void 0 ? void 0 : onTouchEndArg(e, isInside);

package/package.json

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