@ringcentral/juno 2.35.0 → 2.35.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 (8) hide show
  1. package/components/Presence/Presence.js +0 -1
  2. package/components/Presence/styles/StyledPresence.d.ts +1 -1
  3. package/components/Presence/styles/StyledPresence.js +9 -9
  4. package/es6/components/Presence/Presence.js +0 -1
  5. package/es6/components/Presence/styles/StyledPresence.js +9 -9
  6. package/es6/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js +1 -1
  7. package/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js +1 -1
  8. package/package.json +1 -1
package/components/Presence/Presence.js CHANGED
@@ -13,7 +13,6 @@ var _RcPresence = react_1.forwardRef(function (inProps, ref) {
13
13
  var sizeProps = {
14
14
  iconSizeValue: utils_1.RcPresenceSizes[size][0],
15
15
  borderSizeValue: utils_1.RcPresenceSizes[borderSize || size][1],
16
- borderSize: borderSize,
17
16
  type: type,
18
17
  };
19
18
  var symbol = (function () {
package/components/Presence/styles/StyledPresence.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PresenceSizeProps } from '../Presence';
3
- 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>;
4
3
  export declare const _StyledPresence: React.ForwardRefExoticComponent<PresenceSizeProps & React.RefAttributes<any>>;
5
4
  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"> & {
6
5
  theme?: import("../../../foundation").RcTheme | undefined;
7
6
  } & PresenceSizeProps>;
7
+ 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 CHANGED
@@ -5,19 +5,14 @@ var react_1 = tslib_1.__importStar(require("react"));
5
5
  var foundation_1 = require("../../../foundation");
6
6
  var Icon_1 = require("../../Icon");
7
7
  var utils_1 = require("../utils");
8
- exports.PresenceContainer = foundation_1.styled.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n ", "\n"], ["\n ",
9
- "\n"])), function (_a) {
10
- var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
11
- 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);
12
- });
13
8
  exports._StyledPresence = react_1.forwardRef(function (_a, ref) {
14
- var color = _a.color, type = _a.type, rest = tslib_1.__rest(_a, ["color", "type"]);
15
- return react_1.default.createElement("div", tslib_1.__assign({ ref: ref }, rest));
9
+ var color = _a.color, type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, rest = tslib_1.__rest(_a, ["color", "type", "iconSizeValue", "borderSizeValue"]);
10
+ return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref }, rest)));
16
11
  });
17
- 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 ",
12
+ 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 ",
18
13
  ";\n"])), function (_a) {
19
14
  var type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
20
- 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: ",
15
+ 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: ",
21
16
  ";\n ",
22
17
  ";\n ", " {\n svg {\n width: ", "px;\n height: ", "px;\n }\n }\n "])), iconSizeValue, iconSizeValue, color
23
18
  ? foundation_1.getParsePaletteColor(color)
@@ -27,4 +22,9 @@ exports.StyledPresence = foundation_1.styled(exports._StyledPresence)(templateOb
27
22
  size: borderSizeValue,
28
23
  }), Icon_1.RcIcon, iconSizeValue, iconSizeValue);
29
24
  });
25
+ exports.PresenceContainer = foundation_1.styled.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n ", "\n"], ["\n ",
26
+ "\n"])), function (_a) {
27
+ var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
28
+ 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);
29
+ });
30
30
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/es6/components/Presence/Presence.js CHANGED
@@ -11,7 +11,6 @@ var _RcPresence = forwardRef(function (inProps, ref) {
11
11
  var sizeProps = {
12
12
  iconSizeValue: RcPresenceSizes[size][0],
13
13
  borderSizeValue: RcPresenceSizes[borderSize || size][1],
14
- borderSize: borderSize,
15
14
  type: type,
16
15
  };
17
16
  var symbol = (function () {
package/es6/components/Presence/styles/StyledPresence.js CHANGED
@@ -3,19 +3,14 @@ import React, { forwardRef } from 'react';
3
3
  import { css, getParsePaletteColor, palette2, styled, fakeBorder, } from '../../../foundation';
4
4
  import { RcIcon } from '../../Icon';
5
5
  import { RcPresenceBackgroundColors } from '../utils';
6
- export var PresenceContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ",
7
- "\n"])), function (_a) {
8
- var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
9
- 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);
10
- });
11
6
  export var _StyledPresence = forwardRef(function (_a, ref) {
12
- var color = _a.color, type = _a.type, rest = __rest(_a, ["color", "type"]);
13
- return React.createElement("div", __assign({ ref: ref }, rest));
7
+ var color = _a.color, type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, rest = __rest(_a, ["color", "type", "iconSizeValue", "borderSizeValue"]);
8
+ return (React.createElement("div", __assign({ ref: ref }, rest)));
14
9
  });
15
- 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 ",
10
+ 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 ",
16
11
  ";\n"])), function (_a) {
17
12
  var type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
18
- 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: ",
13
+ 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: ",
19
14
  ";\n ",
20
15
  ";\n ", " {\n svg {\n width: ", "px;\n height: ", "px;\n }\n }\n "])), iconSizeValue, iconSizeValue, color
21
16
  ? getParsePaletteColor(color)
@@ -25,4 +20,9 @@ export var StyledPresence = styled(_StyledPresence)(templateObject_4 || (templat
25
20
  size: borderSizeValue,
26
21
  }), RcIcon, iconSizeValue, iconSizeValue);
27
22
  });
23
+ export var PresenceContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ",
24
+ "\n"])), function (_a) {
25
+ var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue;
26
+ 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);
27
+ });
28
28
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/es6/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js CHANGED
@@ -44,7 +44,7 @@ export var useTouchMouseEvent = function (_a, _b) {
44
44
  var isInside;
45
45
  if (actionRef && e.touches.length < 2 && e.changedTouches.length < 2) {
46
46
  var touch = e.touches[0] || e.changedTouches[0];
47
- var elm = document.elementFromPoint(touch.pageX, touch.pageY);
47
+ var elm = document.elementFromPoint(touch.clientX, touch.clientY);
48
48
  isInside = !!elm && checkInside(elm);
49
49
  }
50
50
  onTouchEndArg === null || onTouchEndArg === void 0 ? void 0 : onTouchEndArg(e, isInside);
package/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js CHANGED
@@ -46,7 +46,7 @@ exports.useTouchMouseEvent = function (_a, _b) {
46
46
  var isInside;
47
47
  if (actionRef && e.touches.length < 2 && e.changedTouches.length < 2) {
48
48
  var touch = e.touches[0] || e.changedTouches[0];
49
- var elm = document.elementFromPoint(touch.pageX, touch.pageY);
49
+ var elm = document.elementFromPoint(touch.clientX, touch.clientY);
50
50
  isInside = !!elm && checkInside(elm);
51
51
  }
52
52
  onTouchEndArg === null || onTouchEndArg === void 0 ? void 0 : onTouchEndArg(e, isInside);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ringcentral/juno",
3
- "version": "2.35.0",
3
+ "version": "2.35.1",
4
4
  "author": "RingCentral",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",