@ringcentral/juno 2.5.0-beta.0 → 2.5.0

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 (26) hide show
  1. package/components/Buttons/IconButton/IconButton.d.ts +6 -2
  2. package/components/Buttons/IconButton/IconButton.js +9 -7
  3. package/components/Buttons/IconButton/styles/StyledIconButton.js +15 -7
  4. package/components/Buttons/IconButton/utils/IconButtonUtils.d.ts +1 -1
  5. package/components/Buttons/IconButton/utils/IconButtonUtils.js +9 -1
  6. package/components/Dialer/DialPad/DialPad.d.ts +25 -7
  7. package/components/Dialer/DialPad/DialPad.js +6 -6
  8. package/components/Dialer/DialPad/utils/useDialKeyboard.d.ts +8 -9
  9. package/components/Dialer/DialTextField/DialTextField.d.ts +3 -1
  10. package/components/Dialer/DialTextField/DialTextField.js +7 -6
  11. package/components/Downshift/styles/DownshiftStyle.d.ts +1 -1
  12. package/components/Forms/Picker/DatePicker/styles/StyledDatePickerHeader.d.ts +1 -1
  13. package/components/Forms/Picker/DatePicker/styles/StyledYear.d.ts +1 -1
  14. package/components/Forms/Picker/TimePicker/styles/StyledSelectionItem.d.ts +1 -1
  15. package/components/Forms/Picker/TimePicker/styles/StyledTimeIconButton.d.ts +1 -1
  16. package/components/Forms/Picker/styles/PickerBaseIconButton.d.ts +1 -1
  17. package/components/Forms/TextField/styles/ClearIconButton.d.ts +2 -2
  18. package/es6/components/Buttons/IconButton/IconButton.js +11 -9
  19. package/es6/components/Buttons/IconButton/styles/StyledIconButton.js +16 -8
  20. package/es6/components/Buttons/IconButton/utils/IconButtonUtils.js +9 -1
  21. package/es6/components/Dialer/DialPad/DialPad.js +6 -6
  22. package/es6/components/Dialer/DialTextField/DialTextField.js +7 -6
  23. package/es6/foundation/hooks/useLongPress/useLongPress.js +7 -7
  24. package/foundation/hooks/useLongPress/useLongPress.d.ts +3 -1
  25. package/foundation/hooks/useLongPress/useLongPress.js +7 -7
  26. package/package.json +1 -1
package/es6/foundation/hooks/useLongPress/useLongPress.js CHANGED
@@ -15,7 +15,7 @@ import { isElmEqualOrContain, useTouchMouseEvent, } from '../useTouchMouseEvent'
15
15
  export var useLongPress = function (_a, _b, _c) {
16
16
  var onTap = _a.onTap, onPress = _a.onPress;
17
17
  var _d = _b === void 0 ? {} : _b, onTouchStart = _d.onTouchStart, onTouchEnd = _d.onTouchEnd, onMouseDown = _d.onMouseDown, onKeyDown = _d.onKeyDown, onKeyUp = _d.onKeyUp, onContextMenu = _d.onContextMenu, onMouseUpArg = _d.onMouseUp;
18
- var _e = _c === void 0 ? {} : _c, _f = _e.isPreventDefault, isPreventDefault = _f === void 0 ? true : _f, _g = _e.delay, delay = _g === void 0 ? 300 : _g;
18
+ var _e = _c === void 0 ? {} : _c, _f = _e.isPreventDefault, isPreventDefault = _f === void 0 ? true : _f, _g = _e.delay, delay = _g === void 0 ? 300 : _g, _h = _e.externalWindow, externalWindow = _h === void 0 ? window : _h;
19
19
  var isEmittedRef = useRef(false);
20
20
  var isA11yDownRef = useRef(false);
21
21
  var elmRef = useRef(null);
@@ -29,7 +29,7 @@ export var useLongPress = function (_a, _b, _c) {
29
29
  }, delay);
30
30
  var end = function (e) {
31
31
  // ! mouse up only trigger when up on element, so we host that in document
32
- document.removeEventListener('mouseup', onMouseUp);
32
+ externalWindow.document.removeEventListener('mouseup', onMouseUp);
33
33
  if (!isEmittedRef.current && isElmEqualOrContain(e.target, elmRef)) {
34
34
  onTap === null || onTap === void 0 ? void 0 : onTap(e, reasonRef.current);
35
35
  }
@@ -39,7 +39,7 @@ export var useLongPress = function (_a, _b, _c) {
39
39
  };
40
40
  var start = function (e) {
41
41
  // ! mouse up only trigger when up on element, so we host that in document
42
- document.addEventListener('mouseup', onMouseUp);
42
+ externalWindow.document.addEventListener('mouseup', onMouseUp);
43
43
  var isTouch = e.type === 'touchstart';
44
44
  if (!isTouch)
45
45
  e.preventDefault();
@@ -49,7 +49,7 @@ export var useLongPress = function (_a, _b, _c) {
49
49
  }
50
50
  emitLongPress(e);
51
51
  };
52
- var _h = useTouchMouseEvent({
52
+ var _j = useTouchMouseEvent({
53
53
  onTouchStart: function (e) {
54
54
  onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(e);
55
55
  start(e);
@@ -66,7 +66,7 @@ export var useLongPress = function (_a, _b, _c) {
66
66
  onMouseUpArg === null || onMouseUpArg === void 0 ? void 0 : onMouseUpArg(e);
67
67
  end(e);
68
68
  },
69
- }, { isPreventDefault: isPreventDefault }), onMouseUp = _h.onMouseUp, events = __rest(_h, ["onMouseUp"]);
69
+ }, { isPreventDefault: isPreventDefault }), onMouseUp = _j.onMouseUp, events = __rest(_j, ["onMouseUp"]);
70
70
  var handleDeleteKeyDown = useA11yKeyEvent(function (e) {
71
71
  reasonRef.current = 'keyboard';
72
72
  // * keydown when hold will trigger many time, show when current is a11y down, not trigger again
@@ -92,8 +92,8 @@ export var useLongPress = function (_a, _b, _c) {
92
92
  useEffect(function () {
93
93
  return function () {
94
94
  // * clean when in start remove
95
- document.removeEventListener('mouseup', onMouseUp);
95
+ externalWindow.document.removeEventListener('mouseup', onMouseUp);
96
96
  };
97
- }, [onMouseUp]);
97
+ }, [onMouseUp, externalWindow]);
98
98
  return __assign({ ref: elmRef, onContextMenu: handleContextMenu, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }, events);
99
99
  };
package/foundation/hooks/useLongPress/useLongPress.d.ts CHANGED
@@ -5,6 +5,8 @@ export interface UseLongPressOptions {
5
5
  isPreventDefault?: boolean;
6
6
  /** the longPress delay */
7
7
  delay?: number;
8
+ /** for custom window */
9
+ externalWindow?: Window;
8
10
  }
9
11
  export declare type UseLongPressEventReason = 'keyboard' | 'click' | 'tap';
10
12
  export declare type UseLongPressOutput<T> = {
@@ -26,7 +28,7 @@ export declare type UseLongPressInput<T> = {
26
28
  *
27
29
  * @default UseLongPressOptions { isPreventDefault = true, delay = 300 }
28
30
  */
29
- export declare const useLongPress: <T = unknown>({ onTap, onPress }: UseLongPressOutput<T>, { onTouchStart, onTouchEnd, onMouseDown, onKeyDown, onKeyUp, onContextMenu, onMouseUp: onMouseUpArg, }?: UseLongPressInput<T>, { isPreventDefault, delay }?: UseLongPressOptions) => {
31
+ export declare const useLongPress: <T = unknown>({ onTap, onPress }: UseLongPressOutput<T>, { onTouchStart, onTouchEnd, onMouseDown, onKeyDown, onKeyUp, onContextMenu, onMouseUp: onMouseUpArg, }?: UseLongPressInput<T>, { isPreventDefault, delay, externalWindow, }?: UseLongPressOptions) => {
30
32
  onTouchStart: (e: any) => void;
31
33
  onTouchEnd: (e: any) => void;
32
34
  onMouseDown: (event: React.MouseEvent<T, MouseEvent>) => void;
package/foundation/hooks/useLongPress/useLongPress.js CHANGED
@@ -17,7 +17,7 @@ var useTouchMouseEvent_1 = require("../useTouchMouseEvent");
17
17
  exports.useLongPress = function (_a, _b, _c) {
18
18
  var onTap = _a.onTap, onPress = _a.onPress;
19
19
  var _d = _b === void 0 ? {} : _b, onTouchStart = _d.onTouchStart, onTouchEnd = _d.onTouchEnd, onMouseDown = _d.onMouseDown, onKeyDown = _d.onKeyDown, onKeyUp = _d.onKeyUp, onContextMenu = _d.onContextMenu, onMouseUpArg = _d.onMouseUp;
20
- var _e = _c === void 0 ? {} : _c, _f = _e.isPreventDefault, isPreventDefault = _f === void 0 ? true : _f, _g = _e.delay, delay = _g === void 0 ? 300 : _g;
20
+ var _e = _c === void 0 ? {} : _c, _f = _e.isPreventDefault, isPreventDefault = _f === void 0 ? true : _f, _g = _e.delay, delay = _g === void 0 ? 300 : _g, _h = _e.externalWindow, externalWindow = _h === void 0 ? window : _h;
21
21
  var isEmittedRef = react_1.useRef(false);
22
22
  var isA11yDownRef = react_1.useRef(false);
23
23
  var elmRef = react_1.useRef(null);
@@ -31,7 +31,7 @@ exports.useLongPress = function (_a, _b, _c) {
31
31
  }, delay);
32
32
  var end = function (e) {
33
33
  // ! mouse up only trigger when up on element, so we host that in document
34
- document.removeEventListener('mouseup', onMouseUp);
34
+ externalWindow.document.removeEventListener('mouseup', onMouseUp);
35
35
  if (!isEmittedRef.current && useTouchMouseEvent_1.isElmEqualOrContain(e.target, elmRef)) {
36
36
  onTap === null || onTap === void 0 ? void 0 : onTap(e, reasonRef.current);
37
37
  }
@@ -41,7 +41,7 @@ exports.useLongPress = function (_a, _b, _c) {
41
41
  };
42
42
  var start = function (e) {
43
43
  // ! mouse up only trigger when up on element, so we host that in document
44
- document.addEventListener('mouseup', onMouseUp);
44
+ externalWindow.document.addEventListener('mouseup', onMouseUp);
45
45
  var isTouch = e.type === 'touchstart';
46
46
  if (!isTouch)
47
47
  e.preventDefault();
@@ -51,7 +51,7 @@ exports.useLongPress = function (_a, _b, _c) {
51
51
  }
52
52
  emitLongPress(e);
53
53
  };
54
- var _h = useTouchMouseEvent_1.useTouchMouseEvent({
54
+ var _j = useTouchMouseEvent_1.useTouchMouseEvent({
55
55
  onTouchStart: function (e) {
56
56
  onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(e);
57
57
  start(e);
@@ -68,7 +68,7 @@ exports.useLongPress = function (_a, _b, _c) {
68
68
  onMouseUpArg === null || onMouseUpArg === void 0 ? void 0 : onMouseUpArg(e);
69
69
  end(e);
70
70
  },
71
- }, { isPreventDefault: isPreventDefault }), onMouseUp = _h.onMouseUp, events = tslib_1.__rest(_h, ["onMouseUp"]);
71
+ }, { isPreventDefault: isPreventDefault }), onMouseUp = _j.onMouseUp, events = tslib_1.__rest(_j, ["onMouseUp"]);
72
72
  var handleDeleteKeyDown = useA11yKeyEvent_1.useA11yKeyEvent(function (e) {
73
73
  reasonRef.current = 'keyboard';
74
74
  // * keydown when hold will trigger many time, show when current is a11y down, not trigger again
@@ -94,8 +94,8 @@ exports.useLongPress = function (_a, _b, _c) {
94
94
  react_1.useEffect(function () {
95
95
  return function () {
96
96
  // * clean when in start remove
97
- document.removeEventListener('mouseup', onMouseUp);
97
+ externalWindow.document.removeEventListener('mouseup', onMouseUp);
98
98
  };
99
- }, [onMouseUp]);
99
+ }, [onMouseUp, externalWindow]);
100
100
  return tslib_1.__assign({ ref: elmRef, onContextMenu: handleContextMenu, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }, events);
101
101
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ringcentral/juno",
3
- "version": "2.5.0-beta.0",
3
+ "version": "2.5.0",
4
4
  "author": "RingCentral",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",