@react-aria/interactions 3.21.0 → 3.21.2

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 (88) hide show
  1. package/dist/PressResponder.main.js +62 -0
  2. package/dist/PressResponder.main.js.map +1 -0
  3. package/dist/PressResponder.mjs +52 -0
  4. package/dist/PressResponder.module.js +52 -0
  5. package/dist/PressResponder.module.js.map +1 -0
  6. package/dist/Pressable.main.js +43 -0
  7. package/dist/Pressable.main.js.map +1 -0
  8. package/dist/Pressable.mjs +34 -0
  9. package/dist/Pressable.module.js +34 -0
  10. package/dist/Pressable.module.js.map +1 -0
  11. package/dist/context.main.js +30 -0
  12. package/dist/context.main.js.map +1 -0
  13. package/dist/context.mjs +21 -0
  14. package/dist/context.module.js +21 -0
  15. package/dist/context.module.js.map +1 -0
  16. package/dist/createEventHandler.main.js +42 -0
  17. package/dist/createEventHandler.main.js.map +1 -0
  18. package/dist/createEventHandler.mjs +37 -0
  19. package/dist/createEventHandler.module.js +37 -0
  20. package/dist/createEventHandler.module.js.map +1 -0
  21. package/dist/import.mjs +12 -1771
  22. package/dist/main.js +31 -1794
  23. package/dist/main.js.map +1 -1
  24. package/dist/module.js +12 -1771
  25. package/dist/module.js.map +1 -1
  26. package/dist/textSelection.main.js +77 -0
  27. package/dist/textSelection.main.js.map +1 -0
  28. package/dist/textSelection.mjs +71 -0
  29. package/dist/textSelection.module.js +71 -0
  30. package/dist/textSelection.module.js.map +1 -0
  31. package/dist/types.d.ts.map +1 -1
  32. package/dist/useFocus.main.js +64 -0
  33. package/dist/useFocus.main.js.map +1 -0
  34. package/dist/useFocus.mjs +59 -0
  35. package/dist/useFocus.module.js +59 -0
  36. package/dist/useFocus.module.js.map +1 -0
  37. package/dist/useFocusVisible.main.js +248 -0
  38. package/dist/useFocusVisible.main.js.map +1 -0
  39. package/dist/useFocusVisible.mjs +237 -0
  40. package/dist/useFocusVisible.module.js +237 -0
  41. package/dist/useFocusVisible.module.js.map +1 -0
  42. package/dist/useFocusWithin.main.js +76 -0
  43. package/dist/useFocusWithin.main.js.map +1 -0
  44. package/dist/useFocusWithin.mjs +71 -0
  45. package/dist/useFocusWithin.module.js +71 -0
  46. package/dist/useFocusWithin.module.js.map +1 -0
  47. package/dist/useHover.main.js +142 -0
  48. package/dist/useHover.main.js.map +1 -0
  49. package/dist/useHover.mjs +137 -0
  50. package/dist/useHover.module.js +137 -0
  51. package/dist/useHover.module.js.map +1 -0
  52. package/dist/useInteractOutside.main.js +101 -0
  53. package/dist/useInteractOutside.main.js.map +1 -0
  54. package/dist/useInteractOutside.mjs +96 -0
  55. package/dist/useInteractOutside.module.js +96 -0
  56. package/dist/useInteractOutside.module.js.map +1 -0
  57. package/dist/useKeyboard.main.js +30 -0
  58. package/dist/useKeyboard.main.js.map +1 -0
  59. package/dist/useKeyboard.mjs +25 -0
  60. package/dist/useKeyboard.module.js +25 -0
  61. package/dist/useKeyboard.module.js.map +1 -0
  62. package/dist/useLongPress.main.js +84 -0
  63. package/dist/useLongPress.main.js.map +1 -0
  64. package/dist/useLongPress.mjs +79 -0
  65. package/dist/useLongPress.module.js +79 -0
  66. package/dist/useLongPress.module.js.map +1 -0
  67. package/dist/useMove.main.js +236 -0
  68. package/dist/useMove.main.js.map +1 -0
  69. package/dist/useMove.mjs +231 -0
  70. package/dist/useMove.module.js +231 -0
  71. package/dist/useMove.module.js.map +1 -0
  72. package/dist/usePress.main.js +571 -0
  73. package/dist/usePress.main.js.map +1 -0
  74. package/dist/usePress.mjs +566 -0
  75. package/dist/usePress.module.js +566 -0
  76. package/dist/usePress.module.js.map +1 -0
  77. package/dist/useScrollWheel.main.js +41 -0
  78. package/dist/useScrollWheel.main.js.map +1 -0
  79. package/dist/useScrollWheel.mjs +36 -0
  80. package/dist/useScrollWheel.module.js +36 -0
  81. package/dist/useScrollWheel.module.js.map +1 -0
  82. package/dist/utils.main.js +120 -0
  83. package/dist/utils.main.js.map +1 -0
  84. package/dist/utils.mjs +115 -0
  85. package/dist/utils.module.js +115 -0
  86. package/dist/utils.module.js.map +1 -0
  87. package/package.json +5 -5
  88. package/src/useFocus.ts +5 -1
@@ -0,0 +1,566 @@
1
+ import {disableTextSelection as $14c0b72509d70225$export$16a4697467175487, restoreTextSelection as $14c0b72509d70225$export$b0d6fa1ab32e3295} from "./textSelection.module.js";
2
+ import {PressResponderContext as $ae1eeba8b9eafd08$export$5165eccb35aaadb5} from "./context.module.js";
3
+ import {_ as $7mdmh$_} from "@swc/helpers/_/_class_private_field_get";
4
+ import {_ as $7mdmh$_1} from "@swc/helpers/_/_class_private_field_init";
5
+ import {_ as $7mdmh$_2} from "@swc/helpers/_/_class_private_field_set";
6
+ import {mergeProps as $7mdmh$mergeProps, useSyncRef as $7mdmh$useSyncRef, useGlobalListeners as $7mdmh$useGlobalListeners, useEffectEvent as $7mdmh$useEffectEvent, getOwnerDocument as $7mdmh$getOwnerDocument, chain as $7mdmh$chain, isMac as $7mdmh$isMac, openLink as $7mdmh$openLink, isVirtualClick as $7mdmh$isVirtualClick, focusWithoutScrolling as $7mdmh$focusWithoutScrolling, isVirtualPointerEvent as $7mdmh$isVirtualPointerEvent, getOwnerWindow as $7mdmh$getOwnerWindow} from "@react-aria/utils";
7
+ import {useContext as $7mdmh$useContext, useState as $7mdmh$useState, useRef as $7mdmh$useRef, useMemo as $7mdmh$useMemo, useEffect as $7mdmh$useEffect} from "react";
8
+
9
+ /*
10
+ * Copyright 2020 Adobe. All rights reserved.
11
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12
+ * you may not use this file except in compliance with the License. You may obtain a copy
13
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
14
+ *
15
+ * Unless required by applicable law or agreed to in writing, software distributed under
16
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
17
+ * OF ANY KIND, either express or implied. See the License for the specific language
18
+ * governing permissions and limitations under the License.
19
+ */ // Portions of the code in this file are based on code from react.
20
+ // Original licensing for the following can be found in the
21
+ // NOTICE file in the root directory of this source tree.
22
+ // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
31
+ // Consume context from <PressResponder> and merge with props.
32
+ let context = (0, $7mdmh$useContext)((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5));
33
+ if (context) {
34
+ let { register: register, ...contextProps } = context;
35
+ props = (0, $7mdmh$mergeProps)(contextProps, props);
36
+ register();
37
+ }
38
+ (0, $7mdmh$useSyncRef)(context, props.ref);
39
+ return props;
40
+ }
41
+ var $f6c31cce2adf654f$var$_shouldStopPropagation = /*#__PURE__*/ new WeakMap();
42
+ class $f6c31cce2adf654f$var$PressEvent {
43
+ continuePropagation() {
44
+ (0, $7mdmh$_2)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, false);
45
+ }
46
+ get shouldStopPropagation() {
47
+ return (0, $7mdmh$_)(this, $f6c31cce2adf654f$var$_shouldStopPropagation);
48
+ }
49
+ constructor(type, pointerType, originalEvent){
50
+ (0, $7mdmh$_1)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
51
+ writable: true,
52
+ value: void 0
53
+ });
54
+ (0, $7mdmh$_2)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
55
+ this.type = type;
56
+ this.pointerType = pointerType;
57
+ this.target = originalEvent.currentTarget;
58
+ this.shiftKey = originalEvent.shiftKey;
59
+ this.metaKey = originalEvent.metaKey;
60
+ this.ctrlKey = originalEvent.ctrlKey;
61
+ this.altKey = originalEvent.altKey;
62
+ }
63
+ }
64
+ const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol("linkClicked");
65
+ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
66
+ let { onPress: onPress, onPressChange: onPressChange, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressUp: onPressUp, isDisabled: isDisabled, isPressed: isPressedProp, preventFocusOnPress: preventFocusOnPress, shouldCancelOnPointerExit: shouldCancelOnPointerExit, allowTextSelectionOnPress: allowTextSelectionOnPress, // eslint-disable-next-line @typescript-eslint/no-unused-vars
67
+ ref: _, ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);
68
+ let [isPressed, setPressed] = (0, $7mdmh$useState)(false);
69
+ let ref = (0, $7mdmh$useRef)({
70
+ isPressed: false,
71
+ ignoreEmulatedMouseEvents: false,
72
+ ignoreClickAfterPress: false,
73
+ didFirePressStart: false,
74
+ isTriggeringEvent: false,
75
+ activePointerId: null,
76
+ target: null,
77
+ isOverTarget: false,
78
+ pointerType: null
79
+ });
80
+ let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $7mdmh$useGlobalListeners)();
81
+ let triggerPressStart = (0, $7mdmh$useEffectEvent)((originalEvent, pointerType)=>{
82
+ let state = ref.current;
83
+ if (isDisabled || state.didFirePressStart) return false;
84
+ let shouldStopPropagation = true;
85
+ state.isTriggeringEvent = true;
86
+ if (onPressStart) {
87
+ let event = new $f6c31cce2adf654f$var$PressEvent("pressstart", pointerType, originalEvent);
88
+ onPressStart(event);
89
+ shouldStopPropagation = event.shouldStopPropagation;
90
+ }
91
+ if (onPressChange) onPressChange(true);
92
+ state.isTriggeringEvent = false;
93
+ state.didFirePressStart = true;
94
+ setPressed(true);
95
+ return shouldStopPropagation;
96
+ });
97
+ let triggerPressEnd = (0, $7mdmh$useEffectEvent)((originalEvent, pointerType, wasPressed = true)=>{
98
+ let state = ref.current;
99
+ if (!state.didFirePressStart) return false;
100
+ state.ignoreClickAfterPress = true;
101
+ state.didFirePressStart = false;
102
+ state.isTriggeringEvent = true;
103
+ let shouldStopPropagation = true;
104
+ if (onPressEnd) {
105
+ let event = new $f6c31cce2adf654f$var$PressEvent("pressend", pointerType, originalEvent);
106
+ onPressEnd(event);
107
+ shouldStopPropagation = event.shouldStopPropagation;
108
+ }
109
+ if (onPressChange) onPressChange(false);
110
+ setPressed(false);
111
+ if (onPress && wasPressed && !isDisabled) {
112
+ let event = new $f6c31cce2adf654f$var$PressEvent("press", pointerType, originalEvent);
113
+ onPress(event);
114
+ shouldStopPropagation && (shouldStopPropagation = event.shouldStopPropagation);
115
+ }
116
+ state.isTriggeringEvent = false;
117
+ return shouldStopPropagation;
118
+ });
119
+ let triggerPressUp = (0, $7mdmh$useEffectEvent)((originalEvent, pointerType)=>{
120
+ let state = ref.current;
121
+ if (isDisabled) return false;
122
+ if (onPressUp) {
123
+ state.isTriggeringEvent = true;
124
+ let event = new $f6c31cce2adf654f$var$PressEvent("pressup", pointerType, originalEvent);
125
+ onPressUp(event);
126
+ state.isTriggeringEvent = false;
127
+ return event.shouldStopPropagation;
128
+ }
129
+ return true;
130
+ });
131
+ let cancel = (0, $7mdmh$useEffectEvent)((e)=>{
132
+ let state = ref.current;
133
+ if (state.isPressed && state.target) {
134
+ if (state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
135
+ state.isPressed = false;
136
+ state.isOverTarget = false;
137
+ state.activePointerId = null;
138
+ state.pointerType = null;
139
+ removeAllGlobalListeners();
140
+ if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
141
+ }
142
+ });
143
+ let cancelOnPointerExit = (0, $7mdmh$useEffectEvent)((e)=>{
144
+ if (shouldCancelOnPointerExit) cancel(e);
145
+ });
146
+ let pressProps = (0, $7mdmh$useMemo)(()=>{
147
+ let state = ref.current;
148
+ let pressProps = {
149
+ onKeyDown (e) {
150
+ if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
151
+ var _state_metaKeyEvents;
152
+ if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
153
+ // If the event is repeating, it may have started on a different element
154
+ // after which focus moved to the current element. Ignore these events and
155
+ // only handle the first key down event.
156
+ let shouldStopPropagation = true;
157
+ if (!state.isPressed && !e.repeat) {
158
+ state.target = e.currentTarget;
159
+ state.isPressed = true;
160
+ shouldStopPropagation = triggerPressStart(e, "keyboard");
161
+ // Focus may move before the key up event, so register the event on the document
162
+ // instead of the same element where the key down event occurred. Make it capturing so that it will trigger
163
+ // before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
164
+ let originalTarget = e.currentTarget;
165
+ let pressUp = (e)=>{
166
+ if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && originalTarget.contains(e.target) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard");
167
+ };
168
+ addGlobalListener((0, $7mdmh$getOwnerDocument)(e.currentTarget), "keyup", (0, $7mdmh$chain)(pressUp, onKeyUp), true);
169
+ }
170
+ if (shouldStopPropagation) e.stopPropagation();
171
+ // Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
172
+ // macOS has a bug where keyup events are not fired while the Meta key is down.
173
+ // When the Meta key itself is released we will get an event for that, and we'll act as if
174
+ // all of these other keys were released as well.
175
+ // https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
176
+ // https://bugs.webkit.org/show_bug.cgi?id=55291
177
+ // https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
178
+ if (e.metaKey && (0, $7mdmh$isMac)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.set(e.key, e.nativeEvent);
179
+ } else if (e.key === "Meta") state.metaKeyEvents = new Map();
180
+ },
181
+ onClick (e) {
182
+ if (e && !e.currentTarget.contains(e.target)) return;
183
+ if (e && e.button === 0 && !state.isTriggeringEvent && !(0, $7mdmh$openLink).isOpening) {
184
+ let shouldStopPropagation = true;
185
+ if (isDisabled) e.preventDefault();
186
+ // If triggered from a screen reader or by using element.click(),
187
+ // trigger as if it were a keyboard click.
188
+ if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || (0, $7mdmh$isVirtualClick)(e.nativeEvent))) {
189
+ // Ensure the element receives focus (VoiceOver on iOS does not do this)
190
+ if (!isDisabled && !preventFocusOnPress) (0, $7mdmh$focusWithoutScrolling)(e.currentTarget);
191
+ let stopPressStart = triggerPressStart(e, "virtual");
192
+ let stopPressUp = triggerPressUp(e, "virtual");
193
+ let stopPressEnd = triggerPressEnd(e, "virtual");
194
+ shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
195
+ }
196
+ state.ignoreEmulatedMouseEvents = false;
197
+ state.ignoreClickAfterPress = false;
198
+ if (shouldStopPropagation) e.stopPropagation();
199
+ }
200
+ }
201
+ };
202
+ let onKeyUp = (e)=>{
203
+ var _state_metaKeyEvents;
204
+ if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
205
+ var _state_metaKeyEvents1;
206
+ if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
207
+ let target = e.target;
208
+ triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", state.target.contains(target));
209
+ removeAllGlobalListeners();
210
+ // If a link was triggered with a key other than Enter, open the URL ourselves.
211
+ // This means the link has a role override, and the default browser behavior
212
+ // only applies when using the Enter key.
213
+ if (e.key !== "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && state.target.contains(target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
214
+ // Store a hidden property on the event so we only trigger link click once,
215
+ // even if there are multiple usePress instances attached to the element.
216
+ e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
217
+ (0, $7mdmh$openLink)(state.target, e, false);
218
+ }
219
+ state.isPressed = false;
220
+ (_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
221
+ } else if (e.key === "Meta" && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
222
+ var _state_target;
223
+ // If we recorded keydown events that occurred while the Meta key was pressed,
224
+ // and those haven't received keyup events already, fire keyup events ourselves.
225
+ // See comment above for more info about the macOS bug causing this.
226
+ let events = state.metaKeyEvents;
227
+ state.metaKeyEvents = undefined;
228
+ for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent("keyup", event));
229
+ }
230
+ };
231
+ if (typeof PointerEvent !== "undefined") {
232
+ pressProps.onPointerDown = (e)=>{
233
+ // Only handle left clicks, and ignore events that bubbled through portals.
234
+ if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
235
+ // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.
236
+ // Ignore and let the onClick handler take care of it instead.
237
+ // https://bugs.webkit.org/show_bug.cgi?id=222627
238
+ // https://bugs.webkit.org/show_bug.cgi?id=223202
239
+ if ((0, $7mdmh$isVirtualPointerEvent)(e.nativeEvent)) {
240
+ state.pointerType = "virtual";
241
+ return;
242
+ }
243
+ // Due to browser inconsistencies, especially on mobile browsers, we prevent
244
+ // default on pointer down and handle focusing the pressable element ourselves.
245
+ if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
246
+ state.pointerType = e.pointerType;
247
+ let shouldStopPropagation = true;
248
+ if (!state.isPressed) {
249
+ state.isPressed = true;
250
+ state.isOverTarget = true;
251
+ state.activePointerId = e.pointerId;
252
+ state.target = e.currentTarget;
253
+ if (!isDisabled && !preventFocusOnPress) (0, $7mdmh$focusWithoutScrolling)(e.currentTarget);
254
+ if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$16a4697467175487)(state.target);
255
+ shouldStopPropagation = triggerPressStart(e, state.pointerType);
256
+ addGlobalListener((0, $7mdmh$getOwnerDocument)(e.currentTarget), "pointermove", onPointerMove, false);
257
+ addGlobalListener((0, $7mdmh$getOwnerDocument)(e.currentTarget), "pointerup", onPointerUp, false);
258
+ addGlobalListener((0, $7mdmh$getOwnerDocument)(e.currentTarget), "pointercancel", onPointerCancel, false);
259
+ }
260
+ if (shouldStopPropagation) e.stopPropagation();
261
+ };
262
+ pressProps.onMouseDown = (e)=>{
263
+ if (!e.currentTarget.contains(e.target)) return;
264
+ if (e.button === 0) {
265
+ // Chrome and Firefox on touch Windows devices require mouse down events
266
+ // to be canceled in addition to pointer events, or an extra asynchronous
267
+ // focus event will be fired.
268
+ if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
269
+ e.stopPropagation();
270
+ }
271
+ };
272
+ pressProps.onPointerUp = (e)=>{
273
+ // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.
274
+ if (!e.currentTarget.contains(e.target) || state.pointerType === "virtual") return;
275
+ // Only handle left clicks
276
+ // Safari on iOS sometimes fires pointerup events, even
277
+ // when the touch isn't over the target, so double check.
278
+ if (e.button === 0 && $f6c31cce2adf654f$var$isOverTarget(e, e.currentTarget)) triggerPressUp(e, state.pointerType || e.pointerType);
279
+ };
280
+ // Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.
281
+ // Use pointer move events instead to implement our own hit testing.
282
+ // See https://bugs.webkit.org/show_bug.cgi?id=199803
283
+ let onPointerMove = (e)=>{
284
+ if (e.pointerId !== state.activePointerId) return;
285
+ if (state.target && $f6c31cce2adf654f$var$isOverTarget(e, state.target)) {
286
+ if (!state.isOverTarget && state.pointerType != null) {
287
+ state.isOverTarget = true;
288
+ triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
289
+ }
290
+ } else if (state.target && state.isOverTarget && state.pointerType != null) {
291
+ state.isOverTarget = false;
292
+ triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
293
+ cancelOnPointerExit(e);
294
+ }
295
+ };
296
+ let onPointerUp = (e)=>{
297
+ if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
298
+ if ($f6c31cce2adf654f$var$isOverTarget(e, state.target) && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
299
+ else if (state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
300
+ state.isPressed = false;
301
+ state.isOverTarget = false;
302
+ state.activePointerId = null;
303
+ state.pointerType = null;
304
+ removeAllGlobalListeners();
305
+ if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
306
+ }
307
+ };
308
+ let onPointerCancel = (e)=>{
309
+ cancel(e);
310
+ };
311
+ pressProps.onDragStart = (e)=>{
312
+ if (!e.currentTarget.contains(e.target)) return;
313
+ // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
314
+ cancel(e);
315
+ };
316
+ } else {
317
+ pressProps.onMouseDown = (e)=>{
318
+ // Only handle left clicks
319
+ if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
320
+ // Due to browser inconsistencies, especially on mobile browsers, we prevent
321
+ // default on mouse down and handle focusing the pressable element ourselves.
322
+ if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
323
+ if (state.ignoreEmulatedMouseEvents) {
324
+ e.stopPropagation();
325
+ return;
326
+ }
327
+ state.isPressed = true;
328
+ state.isOverTarget = true;
329
+ state.target = e.currentTarget;
330
+ state.pointerType = (0, $7mdmh$isVirtualClick)(e.nativeEvent) ? "virtual" : "mouse";
331
+ if (!isDisabled && !preventFocusOnPress) (0, $7mdmh$focusWithoutScrolling)(e.currentTarget);
332
+ let shouldStopPropagation = triggerPressStart(e, state.pointerType);
333
+ if (shouldStopPropagation) e.stopPropagation();
334
+ addGlobalListener((0, $7mdmh$getOwnerDocument)(e.currentTarget), "mouseup", onMouseUp, false);
335
+ };
336
+ pressProps.onMouseEnter = (e)=>{
337
+ if (!e.currentTarget.contains(e.target)) return;
338
+ let shouldStopPropagation = true;
339
+ if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
340
+ state.isOverTarget = true;
341
+ shouldStopPropagation = triggerPressStart(e, state.pointerType);
342
+ }
343
+ if (shouldStopPropagation) e.stopPropagation();
344
+ };
345
+ pressProps.onMouseLeave = (e)=>{
346
+ if (!e.currentTarget.contains(e.target)) return;
347
+ let shouldStopPropagation = true;
348
+ if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
349
+ state.isOverTarget = false;
350
+ shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
351
+ cancelOnPointerExit(e);
352
+ }
353
+ if (shouldStopPropagation) e.stopPropagation();
354
+ };
355
+ pressProps.onMouseUp = (e)=>{
356
+ if (!e.currentTarget.contains(e.target)) return;
357
+ if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType || "mouse");
358
+ };
359
+ let onMouseUp = (e)=>{
360
+ // Only handle left clicks
361
+ if (e.button !== 0) return;
362
+ state.isPressed = false;
363
+ removeAllGlobalListeners();
364
+ if (state.ignoreEmulatedMouseEvents) {
365
+ state.ignoreEmulatedMouseEvents = false;
366
+ return;
367
+ }
368
+ if (state.target && $f6c31cce2adf654f$var$isOverTarget(e, state.target) && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
369
+ else if (state.target && state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
370
+ state.isOverTarget = false;
371
+ };
372
+ pressProps.onTouchStart = (e)=>{
373
+ if (!e.currentTarget.contains(e.target)) return;
374
+ let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
375
+ if (!touch) return;
376
+ state.activePointerId = touch.identifier;
377
+ state.ignoreEmulatedMouseEvents = true;
378
+ state.isOverTarget = true;
379
+ state.isPressed = true;
380
+ state.target = e.currentTarget;
381
+ state.pointerType = "touch";
382
+ // Due to browser inconsistencies, especially on mobile browsers, we prevent default
383
+ // on the emulated mouse event and handle focusing the pressable element ourselves.
384
+ if (!isDisabled && !preventFocusOnPress) (0, $7mdmh$focusWithoutScrolling)(e.currentTarget);
385
+ if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$16a4697467175487)(state.target);
386
+ let shouldStopPropagation = triggerPressStart(e, state.pointerType);
387
+ if (shouldStopPropagation) e.stopPropagation();
388
+ addGlobalListener((0, $7mdmh$getOwnerWindow)(e.currentTarget), "scroll", onScroll, true);
389
+ };
390
+ pressProps.onTouchMove = (e)=>{
391
+ if (!e.currentTarget.contains(e.target)) return;
392
+ if (!state.isPressed) {
393
+ e.stopPropagation();
394
+ return;
395
+ }
396
+ let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
397
+ let shouldStopPropagation = true;
398
+ if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
399
+ if (!state.isOverTarget && state.pointerType != null) {
400
+ state.isOverTarget = true;
401
+ shouldStopPropagation = triggerPressStart(e, state.pointerType);
402
+ }
403
+ } else if (state.isOverTarget && state.pointerType != null) {
404
+ state.isOverTarget = false;
405
+ shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
406
+ cancelOnPointerExit(e);
407
+ }
408
+ if (shouldStopPropagation) e.stopPropagation();
409
+ };
410
+ pressProps.onTouchEnd = (e)=>{
411
+ if (!e.currentTarget.contains(e.target)) return;
412
+ if (!state.isPressed) {
413
+ e.stopPropagation();
414
+ return;
415
+ }
416
+ let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
417
+ let shouldStopPropagation = true;
418
+ if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget) && state.pointerType != null) {
419
+ triggerPressUp(e, state.pointerType);
420
+ shouldStopPropagation = triggerPressEnd(e, state.pointerType);
421
+ } else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
422
+ if (shouldStopPropagation) e.stopPropagation();
423
+ state.isPressed = false;
424
+ state.activePointerId = null;
425
+ state.isOverTarget = false;
426
+ state.ignoreEmulatedMouseEvents = true;
427
+ if (state.target && !allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
428
+ removeAllGlobalListeners();
429
+ };
430
+ pressProps.onTouchCancel = (e)=>{
431
+ if (!e.currentTarget.contains(e.target)) return;
432
+ e.stopPropagation();
433
+ if (state.isPressed) cancel(e);
434
+ };
435
+ let onScroll = (e)=>{
436
+ if (state.isPressed && e.target.contains(state.target)) cancel({
437
+ currentTarget: state.target,
438
+ shiftKey: false,
439
+ ctrlKey: false,
440
+ metaKey: false,
441
+ altKey: false
442
+ });
443
+ };
444
+ pressProps.onDragStart = (e)=>{
445
+ if (!e.currentTarget.contains(e.target)) return;
446
+ cancel(e);
447
+ };
448
+ }
449
+ return pressProps;
450
+ }, [
451
+ addGlobalListener,
452
+ isDisabled,
453
+ preventFocusOnPress,
454
+ removeAllGlobalListeners,
455
+ allowTextSelectionOnPress,
456
+ cancel,
457
+ cancelOnPointerExit,
458
+ triggerPressEnd,
459
+ triggerPressStart,
460
+ triggerPressUp
461
+ ]);
462
+ // Remove user-select: none in case component unmounts immediately after pressStart
463
+ // eslint-disable-next-line arrow-body-style
464
+ (0, $7mdmh$useEffect)(()=>{
465
+ return ()=>{
466
+ var _ref_current_target;
467
+ if (!allowTextSelectionOnPress) // eslint-disable-next-line react-hooks/exhaustive-deps
468
+ (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)((_ref_current_target = ref.current.target) !== null && _ref_current_target !== void 0 ? _ref_current_target : undefined);
469
+ };
470
+ }, [
471
+ allowTextSelectionOnPress
472
+ ]);
473
+ return {
474
+ isPressed: isPressedProp || isPressed,
475
+ pressProps: (0, $7mdmh$mergeProps)(domProps, pressProps)
476
+ };
477
+ }
478
+ function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
479
+ return target.tagName === "A" && target.hasAttribute("href");
480
+ }
481
+ function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
482
+ const { key: key, code: code } = event;
483
+ const element = currentTarget;
484
+ const role = element.getAttribute("role");
485
+ // Accessibility for keyboards. Space and Enter only.
486
+ // "Spacebar" is for IE 11
487
+ return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof (0, $7mdmh$getOwnerWindow)(element).HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof (0, $7mdmh$getOwnerWindow)(element).HTMLTextAreaElement || element.isContentEditable) && // Links should only trigger with Enter key
488
+ !((role === "link" || !role && $f6c31cce2adf654f$var$isHTMLAnchorLink(element)) && key !== "Enter");
489
+ }
490
+ function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
491
+ const { targetTouches: targetTouches } = event;
492
+ if (targetTouches.length > 0) return targetTouches[0];
493
+ return null;
494
+ }
495
+ function $f6c31cce2adf654f$var$getTouchById(event, pointerId) {
496
+ const changedTouches = event.changedTouches;
497
+ for(let i = 0; i < changedTouches.length; i++){
498
+ const touch = changedTouches[i];
499
+ if (touch.identifier === pointerId) return touch;
500
+ }
501
+ return null;
502
+ }
503
+ function $f6c31cce2adf654f$var$createEvent(target, e) {
504
+ return {
505
+ currentTarget: target,
506
+ shiftKey: e.shiftKey,
507
+ ctrlKey: e.ctrlKey,
508
+ metaKey: e.metaKey,
509
+ altKey: e.altKey
510
+ };
511
+ }
512
+ function $f6c31cce2adf654f$var$getPointClientRect(point) {
513
+ let offsetX = 0;
514
+ let offsetY = 0;
515
+ if (point.width !== undefined) offsetX = point.width / 2;
516
+ else if (point.radiusX !== undefined) offsetX = point.radiusX;
517
+ if (point.height !== undefined) offsetY = point.height / 2;
518
+ else if (point.radiusY !== undefined) offsetY = point.radiusY;
519
+ return {
520
+ top: point.clientY - offsetY,
521
+ right: point.clientX + offsetX,
522
+ bottom: point.clientY + offsetY,
523
+ left: point.clientX - offsetX
524
+ };
525
+ }
526
+ function $f6c31cce2adf654f$var$areRectanglesOverlapping(a, b) {
527
+ // check if they cannot overlap on x axis
528
+ if (a.left > b.right || b.left > a.right) return false;
529
+ // check if they cannot overlap on y axis
530
+ if (a.top > b.bottom || b.top > a.bottom) return false;
531
+ return true;
532
+ }
533
+ function $f6c31cce2adf654f$var$isOverTarget(point, target) {
534
+ let rect = target.getBoundingClientRect();
535
+ let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
536
+ return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
537
+ }
538
+ function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
539
+ // We cannot prevent default if the target is a draggable element.
540
+ return !(target instanceof HTMLElement) || !target.hasAttribute("draggable");
541
+ }
542
+ function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
543
+ if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
544
+ if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
545
+ if ($f6c31cce2adf654f$var$isHTMLAnchorLink(target)) return false;
546
+ return true;
547
+ }
548
+ const $f6c31cce2adf654f$var$nonTextInputTypes = new Set([
549
+ "checkbox",
550
+ "radio",
551
+ "range",
552
+ "color",
553
+ "file",
554
+ "image",
555
+ "button",
556
+ "submit",
557
+ "reset"
558
+ ]);
559
+ function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
560
+ // Only space should toggle checkboxes and radios, not enter.
561
+ return target.type === "checkbox" || target.type === "radio" ? key === " " : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
562
+ }
563
+
564
+
565
+ export {$f6c31cce2adf654f$export$45712eceda6fad21 as usePress};
566
+ //# sourceMappingURL=usePress.module.js.map