@react-aria/interactions 3.8.0 → 3.8.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.
- package/dist/main.js +279 -279
- package/dist/main.js.map +1 -1
- package/dist/module.js +268 -268
- package/dist/module.js.map +1 -1
- package/package.json +4 -4
package/dist/module.js
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import {mergeProps as $
|
|
2
|
-
import $
|
|
1
|
+
import {mergeProps as $d6MJ8$mergeProps, useSyncRef as $d6MJ8$useSyncRef, useGlobalListeners as $d6MJ8$useGlobalListeners, focusWithoutScrolling as $d6MJ8$focusWithoutScrolling, isIOS as $d6MJ8$isIOS, runAfterTransition as $d6MJ8$runAfterTransition, isMac as $d6MJ8$isMac, useEvent as $d6MJ8$useEvent, useDescription as $d6MJ8$useDescription} from "@react-aria/utils";
|
|
2
|
+
import $d6MJ8$react, {useRef as $d6MJ8$useRef, useContext as $d6MJ8$useContext, useState as $d6MJ8$useState, useMemo as $d6MJ8$useMemo, useEffect as $d6MJ8$useEffect, useCallback as $d6MJ8$useCallback} from "react";
|
|
3
3
|
|
|
4
4
|
function $parcel$export(e, n, v, s) {
|
|
5
5
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
6
6
|
}
|
|
7
|
-
var $
|
|
7
|
+
var $28aa772934c24805$exports = {};
|
|
8
8
|
|
|
9
|
-
$parcel$export($
|
|
9
|
+
$parcel$export($28aa772934c24805$exports, "Pressable", () => $28aa772934c24805$export$27c701ed9e449e99);
|
|
10
10
|
|
|
11
|
-
var $
|
|
11
|
+
var $b468497b34dcb8dd$exports = {};
|
|
12
12
|
|
|
13
|
-
$parcel$export($
|
|
13
|
+
$parcel$export($b468497b34dcb8dd$exports, "usePress", () => $b468497b34dcb8dd$export$45712eceda6fad21);
|
|
14
14
|
|
|
15
15
|
// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
|
|
16
16
|
// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
|
|
17
|
-
let $
|
|
18
|
-
let $
|
|
19
|
-
let $
|
|
20
|
-
function $
|
|
21
|
-
if ($
|
|
22
|
-
if ($
|
|
23
|
-
$
|
|
17
|
+
let $cd0dbdeabf637843$var$state = 'default';
|
|
18
|
+
let $cd0dbdeabf637843$var$savedUserSelect = '';
|
|
19
|
+
let $cd0dbdeabf637843$var$modifiedElementMap = new WeakMap();
|
|
20
|
+
function $cd0dbdeabf637843$export$16a4697467175487(target) {
|
|
21
|
+
if ($d6MJ8$isIOS()) {
|
|
22
|
+
if ($cd0dbdeabf637843$var$state === 'default') {
|
|
23
|
+
$cd0dbdeabf637843$var$savedUserSelect = document.documentElement.style.webkitUserSelect;
|
|
24
24
|
document.documentElement.style.webkitUserSelect = 'none';
|
|
25
25
|
}
|
|
26
|
-
$
|
|
26
|
+
$cd0dbdeabf637843$var$state = 'disabled';
|
|
27
27
|
} else if (target) {
|
|
28
28
|
// If not iOS, store the target's original user-select and change to user-select: none
|
|
29
29
|
// Ignore state since it doesn't apply for non iOS
|
|
30
|
-
$
|
|
30
|
+
$cd0dbdeabf637843$var$modifiedElementMap.set(target, target.style.userSelect);
|
|
31
31
|
target.style.userSelect = 'none';
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
function $
|
|
35
|
-
if ($
|
|
34
|
+
function $cd0dbdeabf637843$export$b0d6fa1ab32e3295(target) {
|
|
35
|
+
if ($d6MJ8$isIOS()) {
|
|
36
36
|
// If the state is already default, there's nothing to do.
|
|
37
37
|
// If it is restoring, then there's no need to queue a second restore.
|
|
38
|
-
if ($
|
|
39
|
-
$
|
|
38
|
+
if ($cd0dbdeabf637843$var$state !== 'disabled') return;
|
|
39
|
+
$cd0dbdeabf637843$var$state = 'restoring';
|
|
40
40
|
// There appears to be a delay on iOS where selection still might occur
|
|
41
41
|
// after pointer up, so wait a bit before removing user-select.
|
|
42
42
|
setTimeout(()=>{
|
|
43
43
|
// Wait for any CSS transitions to complete so we don't recompute style
|
|
44
44
|
// for the whole page in the middle of the animation and cause jank.
|
|
45
|
-
$
|
|
45
|
+
$d6MJ8$runAfterTransition(()=>{
|
|
46
46
|
// Avoid race conditions
|
|
47
|
-
if ($
|
|
48
|
-
if (document.documentElement.style.webkitUserSelect === 'none') document.documentElement.style.webkitUserSelect = $
|
|
49
|
-
$
|
|
50
|
-
$
|
|
47
|
+
if ($cd0dbdeabf637843$var$state === 'restoring') {
|
|
48
|
+
if (document.documentElement.style.webkitUserSelect === 'none') document.documentElement.style.webkitUserSelect = $cd0dbdeabf637843$var$savedUserSelect || '';
|
|
49
|
+
$cd0dbdeabf637843$var$savedUserSelect = '';
|
|
50
|
+
$cd0dbdeabf637843$var$state = 'default';
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
53
|
}, 300);
|
|
54
54
|
} else // If not iOS, restore the target's original user-select if any
|
|
55
55
|
// Ignore state since it doesn't apply for non iOS
|
|
56
|
-
if (target && $
|
|
57
|
-
let targetOldUserSelect = $
|
|
56
|
+
if (target && $cd0dbdeabf637843$var$modifiedElementMap.has(target)) {
|
|
57
|
+
let targetOldUserSelect = $cd0dbdeabf637843$var$modifiedElementMap.get(target);
|
|
58
58
|
if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
|
|
59
59
|
if (target.getAttribute('style') === '') target.removeAttribute('style');
|
|
60
|
-
$
|
|
60
|
+
$cd0dbdeabf637843$var$modifiedElementMap.delete(target);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
function $
|
|
67
|
+
function $3004588ac0f775f8$export$60278871457622de(event) {
|
|
68
68
|
// JAWS/NVDA with Firefox.
|
|
69
69
|
if (event.mozInputSource === 0 && event.isTrusted) return true;
|
|
70
70
|
return event.detail === 0 && !event.pointerType;
|
|
@@ -72,25 +72,25 @@ function $e0ce205c97c9e771$export$60278871457622de(event) {
|
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
|
|
75
|
-
const $
|
|
76
|
-
$
|
|
75
|
+
const $8e24aea97df378f7$export$5165eccb35aaadb5 = $d6MJ8$react.createContext(null);
|
|
76
|
+
$8e24aea97df378f7$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
function $
|
|
79
|
+
function $b468497b34dcb8dd$var$usePressResponderContext(props) {
|
|
80
80
|
// Consume context from <PressResponder> and merge with props.
|
|
81
|
-
let context = $
|
|
81
|
+
let context = $d6MJ8$useContext($8e24aea97df378f7$export$5165eccb35aaadb5);
|
|
82
82
|
if (context) {
|
|
83
83
|
let { register: register , ...contextProps } = context;
|
|
84
|
-
props = $
|
|
84
|
+
props = $d6MJ8$mergeProps(contextProps, props);
|
|
85
85
|
register();
|
|
86
86
|
}
|
|
87
|
-
$
|
|
87
|
+
$d6MJ8$useSyncRef(context, props.ref);
|
|
88
88
|
return props;
|
|
89
89
|
}
|
|
90
|
-
function $
|
|
90
|
+
function $b468497b34dcb8dd$export$45712eceda6fad21(props) {
|
|
91
91
|
let { onPress: onPress1 , onPressChange: onPressChange1 , onPressStart: onPressStart1 , onPressEnd: onPressEnd1 , onPressUp: onPressUp1 , isDisabled: isDisabled1 , isPressed: isPressedProp , preventFocusOnPress: preventFocusOnPress , shouldCancelOnPointerExit: shouldCancelOnPointerExit , allowTextSelectionOnPress: allowTextSelectionOnPress , // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
92
|
-
ref: _ , ...domProps } = $
|
|
93
|
-
let propsRef = $
|
|
92
|
+
ref: _ , ...domProps } = $b468497b34dcb8dd$var$usePressResponderContext(props);
|
|
93
|
+
let propsRef = $d6MJ8$useRef(null);
|
|
94
94
|
propsRef.current = {
|
|
95
95
|
onPress: onPress1,
|
|
96
96
|
onPressChange: onPressChange1,
|
|
@@ -100,8 +100,8 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
100
100
|
isDisabled: isDisabled1,
|
|
101
101
|
shouldCancelOnPointerExit: shouldCancelOnPointerExit
|
|
102
102
|
};
|
|
103
|
-
let [isPressed, setPressed] = $
|
|
104
|
-
let ref = $
|
|
103
|
+
let [isPressed, setPressed] = $d6MJ8$useState(false);
|
|
104
|
+
let ref = $d6MJ8$useRef({
|
|
105
105
|
isPressed: false,
|
|
106
106
|
ignoreEmulatedMouseEvents: false,
|
|
107
107
|
ignoreClickAfterPress: false,
|
|
@@ -111,8 +111,8 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
111
111
|
isOverTarget: false,
|
|
112
112
|
pointerType: null
|
|
113
113
|
});
|
|
114
|
-
let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners } = $
|
|
115
|
-
let pressProps1 = $
|
|
114
|
+
let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners } = $d6MJ8$useGlobalListeners();
|
|
115
|
+
let pressProps1 = $d6MJ8$useMemo(()=>{
|
|
116
116
|
let state = ref.current;
|
|
117
117
|
let triggerPressStart = (originalEvent, pointerType)=>{
|
|
118
118
|
let { onPressStart: onPressStart , onPressChange: onPressChange , isDisabled: isDisabled } = propsRef.current;
|
|
@@ -171,19 +171,19 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
171
171
|
};
|
|
172
172
|
let cancel = (e)=>{
|
|
173
173
|
if (state.isPressed) {
|
|
174
|
-
if (state.isOverTarget) triggerPressEnd($
|
|
174
|
+
if (state.isOverTarget) triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType, false);
|
|
175
175
|
state.isPressed = false;
|
|
176
176
|
state.isOverTarget = false;
|
|
177
177
|
state.activePointerId = null;
|
|
178
178
|
state.pointerType = null;
|
|
179
179
|
removeAllGlobalListeners();
|
|
180
|
-
if (!allowTextSelectionOnPress) $
|
|
180
|
+
if (!allowTextSelectionOnPress) $cd0dbdeabf637843$export$b0d6fa1ab32e3295(state.target);
|
|
181
181
|
}
|
|
182
182
|
};
|
|
183
183
|
let pressProps = {
|
|
184
184
|
onKeyDown (e) {
|
|
185
|
-
if ($
|
|
186
|
-
if ($
|
|
185
|
+
if ($b468497b34dcb8dd$var$isValidKeyboardEvent(e.nativeEvent) && e.currentTarget.contains(e.target)) {
|
|
186
|
+
if ($b468497b34dcb8dd$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
|
|
187
187
|
e.stopPropagation();
|
|
188
188
|
// If the event is repeating, it may have started on a different element
|
|
189
189
|
// after which focus moved to the current element. Ignore these events and
|
|
@@ -199,7 +199,7 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
199
199
|
}
|
|
200
200
|
},
|
|
201
201
|
onKeyUp (e) {
|
|
202
|
-
if ($
|
|
202
|
+
if ($b468497b34dcb8dd$var$isValidKeyboardEvent(e.nativeEvent) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($b468497b34dcb8dd$var$createEvent(state.target, e), 'keyboard');
|
|
203
203
|
},
|
|
204
204
|
onClick (e) {
|
|
205
205
|
if (e && !e.currentTarget.contains(e.target)) return;
|
|
@@ -208,9 +208,9 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
208
208
|
if (isDisabled1) e.preventDefault();
|
|
209
209
|
// If triggered from a screen reader or by using element.click(),
|
|
210
210
|
// trigger as if it were a keyboard click.
|
|
211
|
-
if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $
|
|
211
|
+
if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $3004588ac0f775f8$export$60278871457622de(e.nativeEvent))) {
|
|
212
212
|
// Ensure the element receives focus (VoiceOver on iOS does not do this)
|
|
213
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
213
|
+
if (!isDisabled1 && !preventFocusOnPress) $d6MJ8$focusWithoutScrolling(e.currentTarget);
|
|
214
214
|
triggerPressStart(e, 'virtual');
|
|
215
215
|
triggerPressUp(e, 'virtual');
|
|
216
216
|
triggerPressEnd(e, 'virtual');
|
|
@@ -221,16 +221,16 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
221
221
|
}
|
|
222
222
|
};
|
|
223
223
|
let onKeyUp = (e)=>{
|
|
224
|
-
if (state.isPressed && $
|
|
225
|
-
if ($
|
|
224
|
+
if (state.isPressed && $b468497b34dcb8dd$var$isValidKeyboardEvent(e)) {
|
|
225
|
+
if ($b468497b34dcb8dd$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
|
|
226
226
|
e.stopPropagation();
|
|
227
227
|
state.isPressed = false;
|
|
228
228
|
let target = e.target;
|
|
229
|
-
triggerPressEnd($
|
|
229
|
+
triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), 'keyboard', state.target.contains(target));
|
|
230
230
|
removeAllGlobalListeners();
|
|
231
231
|
// If the target is a link, trigger the click method to open the URL,
|
|
232
232
|
// but defer triggering pressEnd until onClick event handler.
|
|
233
|
-
if (state.target.contains(target) && $
|
|
233
|
+
if (state.target.contains(target) && $b468497b34dcb8dd$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') state.target.click();
|
|
234
234
|
}
|
|
235
235
|
};
|
|
236
236
|
if (typeof PointerEvent !== 'undefined') {
|
|
@@ -241,13 +241,13 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
241
241
|
// Ignore and let the onClick handler take care of it instead.
|
|
242
242
|
// https://bugs.webkit.org/show_bug.cgi?id=222627
|
|
243
243
|
// https://bugs.webkit.org/show_bug.cgi?id=223202
|
|
244
|
-
if ($
|
|
244
|
+
if ($b468497b34dcb8dd$var$isVirtualPointerEvent(e.nativeEvent)) {
|
|
245
245
|
state.pointerType = 'virtual';
|
|
246
246
|
return;
|
|
247
247
|
}
|
|
248
248
|
// Due to browser inconsistencies, especially on mobile browsers, we prevent
|
|
249
249
|
// default on pointer down and handle focusing the pressable element ourselves.
|
|
250
|
-
if ($
|
|
250
|
+
if ($b468497b34dcb8dd$var$shouldPreventDefault(e.target)) e.preventDefault();
|
|
251
251
|
state.pointerType = e.pointerType;
|
|
252
252
|
e.stopPropagation();
|
|
253
253
|
if (!state.isPressed) {
|
|
@@ -255,8 +255,8 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
255
255
|
state.isOverTarget = true;
|
|
256
256
|
state.activePointerId = e.pointerId;
|
|
257
257
|
state.target = e.currentTarget;
|
|
258
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
259
|
-
if (!allowTextSelectionOnPress) $
|
|
258
|
+
if (!isDisabled1 && !preventFocusOnPress) $d6MJ8$focusWithoutScrolling(e.currentTarget);
|
|
259
|
+
if (!allowTextSelectionOnPress) $cd0dbdeabf637843$export$16a4697467175487(state.target);
|
|
260
260
|
triggerPressStart(e, state.pointerType);
|
|
261
261
|
addGlobalListener(document, 'pointermove', onPointerMove, false);
|
|
262
262
|
addGlobalListener(document, 'pointerup', onPointerUp, false);
|
|
@@ -269,7 +269,7 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
269
269
|
// Chrome and Firefox on touch Windows devices require mouse down events
|
|
270
270
|
// to be canceled in addition to pointer events, or an extra asynchronous
|
|
271
271
|
// focus event will be fired.
|
|
272
|
-
if ($
|
|
272
|
+
if ($b468497b34dcb8dd$var$shouldPreventDefault(e.target)) e.preventDefault();
|
|
273
273
|
e.stopPropagation();
|
|
274
274
|
}
|
|
275
275
|
};
|
|
@@ -279,34 +279,34 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
279
279
|
// Only handle left clicks
|
|
280
280
|
// Safari on iOS sometimes fires pointerup events, even
|
|
281
281
|
// when the touch isn't over the target, so double check.
|
|
282
|
-
if (e.button === 0 && $
|
|
282
|
+
if (e.button === 0 && $b468497b34dcb8dd$var$isOverTarget(e, e.currentTarget)) triggerPressUp(e, state.pointerType || e.pointerType);
|
|
283
283
|
};
|
|
284
284
|
// Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.
|
|
285
285
|
// Use pointer move events instead to implement our own hit testing.
|
|
286
286
|
// See https://bugs.webkit.org/show_bug.cgi?id=199803
|
|
287
287
|
let onPointerMove = (e)=>{
|
|
288
288
|
if (e.pointerId !== state.activePointerId) return;
|
|
289
|
-
if ($
|
|
289
|
+
if ($b468497b34dcb8dd$var$isOverTarget(e, state.target)) {
|
|
290
290
|
if (!state.isOverTarget) {
|
|
291
291
|
state.isOverTarget = true;
|
|
292
|
-
triggerPressStart($
|
|
292
|
+
triggerPressStart($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType);
|
|
293
293
|
}
|
|
294
294
|
} else if (state.isOverTarget) {
|
|
295
295
|
state.isOverTarget = false;
|
|
296
|
-
triggerPressEnd($
|
|
296
|
+
triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType, false);
|
|
297
297
|
if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
|
|
298
298
|
}
|
|
299
299
|
};
|
|
300
300
|
let onPointerUp = (e)=>{
|
|
301
301
|
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0) {
|
|
302
|
-
if ($
|
|
303
|
-
else if (state.isOverTarget) triggerPressEnd($
|
|
302
|
+
if ($b468497b34dcb8dd$var$isOverTarget(e, state.target)) triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType);
|
|
303
|
+
else if (state.isOverTarget) triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType, false);
|
|
304
304
|
state.isPressed = false;
|
|
305
305
|
state.isOverTarget = false;
|
|
306
306
|
state.activePointerId = null;
|
|
307
307
|
state.pointerType = null;
|
|
308
308
|
removeAllGlobalListeners();
|
|
309
|
-
if (!allowTextSelectionOnPress) $
|
|
309
|
+
if (!allowTextSelectionOnPress) $cd0dbdeabf637843$export$b0d6fa1ab32e3295(state.target);
|
|
310
310
|
}
|
|
311
311
|
};
|
|
312
312
|
let onPointerCancel = (e)=>{
|
|
@@ -323,14 +323,14 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
323
323
|
if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
|
|
324
324
|
// Due to browser inconsistencies, especially on mobile browsers, we prevent
|
|
325
325
|
// default on mouse down and handle focusing the pressable element ourselves.
|
|
326
|
-
if ($
|
|
326
|
+
if ($b468497b34dcb8dd$var$shouldPreventDefault(e.target)) e.preventDefault();
|
|
327
327
|
e.stopPropagation();
|
|
328
328
|
if (state.ignoreEmulatedMouseEvents) return;
|
|
329
329
|
state.isPressed = true;
|
|
330
330
|
state.isOverTarget = true;
|
|
331
331
|
state.target = e.currentTarget;
|
|
332
|
-
state.pointerType = $
|
|
333
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
332
|
+
state.pointerType = $3004588ac0f775f8$export$60278871457622de(e.nativeEvent) ? 'virtual' : 'mouse';
|
|
333
|
+
if (!isDisabled1 && !preventFocusOnPress) $d6MJ8$focusWithoutScrolling(e.currentTarget);
|
|
334
334
|
triggerPressStart(e, state.pointerType);
|
|
335
335
|
addGlobalListener(document, 'mouseup', onMouseUp, false);
|
|
336
336
|
};
|
|
@@ -364,14 +364,14 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
364
364
|
state.ignoreEmulatedMouseEvents = false;
|
|
365
365
|
return;
|
|
366
366
|
}
|
|
367
|
-
if ($
|
|
368
|
-
else if (state.isOverTarget) triggerPressEnd($
|
|
367
|
+
if ($b468497b34dcb8dd$var$isOverTarget(e, state.target)) triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType);
|
|
368
|
+
else if (state.isOverTarget) triggerPressEnd($b468497b34dcb8dd$var$createEvent(state.target, e), state.pointerType, false);
|
|
369
369
|
state.isOverTarget = false;
|
|
370
370
|
};
|
|
371
371
|
pressProps.onTouchStart = (e)=>{
|
|
372
372
|
if (!e.currentTarget.contains(e.target)) return;
|
|
373
373
|
e.stopPropagation();
|
|
374
|
-
let touch = $
|
|
374
|
+
let touch = $b468497b34dcb8dd$var$getTouchFromEvent(e.nativeEvent);
|
|
375
375
|
if (!touch) return;
|
|
376
376
|
state.activePointerId = touch.identifier;
|
|
377
377
|
state.ignoreEmulatedMouseEvents = true;
|
|
@@ -381,8 +381,8 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
381
381
|
state.pointerType = 'touch';
|
|
382
382
|
// Due to browser inconsistencies, especially on mobile browsers, we prevent default
|
|
383
383
|
// on the emulated mouse event and handle focusing the pressable element ourselves.
|
|
384
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
385
|
-
if (!allowTextSelectionOnPress) $
|
|
384
|
+
if (!isDisabled1 && !preventFocusOnPress) $d6MJ8$focusWithoutScrolling(e.currentTarget);
|
|
385
|
+
if (!allowTextSelectionOnPress) $cd0dbdeabf637843$export$16a4697467175487(state.target);
|
|
386
386
|
triggerPressStart(e, state.pointerType);
|
|
387
387
|
addGlobalListener(window, 'scroll', onScroll, true);
|
|
388
388
|
};
|
|
@@ -390,8 +390,8 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
390
390
|
if (!e.currentTarget.contains(e.target)) return;
|
|
391
391
|
e.stopPropagation();
|
|
392
392
|
if (!state.isPressed) return;
|
|
393
|
-
let touch = $
|
|
394
|
-
if (touch && $
|
|
393
|
+
let touch = $b468497b34dcb8dd$var$getTouchById(e.nativeEvent, state.activePointerId);
|
|
394
|
+
if (touch && $b468497b34dcb8dd$var$isOverTarget(touch, e.currentTarget)) {
|
|
395
395
|
if (!state.isOverTarget) {
|
|
396
396
|
state.isOverTarget = true;
|
|
397
397
|
triggerPressStart(e, state.pointerType);
|
|
@@ -406,8 +406,8 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
406
406
|
if (!e.currentTarget.contains(e.target)) return;
|
|
407
407
|
e.stopPropagation();
|
|
408
408
|
if (!state.isPressed) return;
|
|
409
|
-
let touch = $
|
|
410
|
-
if (touch && $
|
|
409
|
+
let touch = $b468497b34dcb8dd$var$getTouchById(e.nativeEvent, state.activePointerId);
|
|
410
|
+
if (touch && $b468497b34dcb8dd$var$isOverTarget(touch, e.currentTarget)) {
|
|
411
411
|
triggerPressUp(e, state.pointerType);
|
|
412
412
|
triggerPressEnd(e, state.pointerType);
|
|
413
413
|
} else if (state.isOverTarget) triggerPressEnd(e, state.pointerType, false);
|
|
@@ -415,7 +415,7 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
415
415
|
state.activePointerId = null;
|
|
416
416
|
state.isOverTarget = false;
|
|
417
417
|
state.ignoreEmulatedMouseEvents = true;
|
|
418
|
-
if (!allowTextSelectionOnPress) $
|
|
418
|
+
if (!allowTextSelectionOnPress) $cd0dbdeabf637843$export$b0d6fa1ab32e3295(state.target);
|
|
419
419
|
removeAllGlobalListeners();
|
|
420
420
|
};
|
|
421
421
|
pressProps.onTouchCancel = (e)=>{
|
|
@@ -447,37 +447,37 @@ function $bb70d401e0bbab2b$export$45712eceda6fad21(props) {
|
|
|
447
447
|
]);
|
|
448
448
|
// Remove user-select: none in case component unmounts immediately after pressStart
|
|
449
449
|
// eslint-disable-next-line arrow-body-style
|
|
450
|
-
$
|
|
450
|
+
$d6MJ8$useEffect(()=>{
|
|
451
451
|
return ()=>{
|
|
452
|
-
if (!allowTextSelectionOnPress) $
|
|
452
|
+
if (!allowTextSelectionOnPress) $cd0dbdeabf637843$export$b0d6fa1ab32e3295(ref.current.target);
|
|
453
453
|
};
|
|
454
454
|
}, [
|
|
455
455
|
allowTextSelectionOnPress
|
|
456
456
|
]);
|
|
457
457
|
return {
|
|
458
458
|
isPressed: isPressedProp || isPressed,
|
|
459
|
-
pressProps: $
|
|
459
|
+
pressProps: $d6MJ8$mergeProps(domProps, pressProps1)
|
|
460
460
|
};
|
|
461
461
|
}
|
|
462
|
-
function $
|
|
462
|
+
function $b468497b34dcb8dd$var$isHTMLAnchorLink(target) {
|
|
463
463
|
return target.tagName === 'A' && target.hasAttribute('href');
|
|
464
464
|
}
|
|
465
|
-
function $
|
|
465
|
+
function $b468497b34dcb8dd$var$isValidKeyboardEvent(event) {
|
|
466
466
|
const { key: key , code: code , target: target } = event;
|
|
467
467
|
const element = target;
|
|
468
468
|
const { tagName: tagName , isContentEditable: isContentEditable } = element;
|
|
469
469
|
const role = element.getAttribute('role');
|
|
470
470
|
// Accessibility for keyboards. Space and Enter only.
|
|
471
471
|
// "Spacebar" is for IE 11
|
|
472
|
-
return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && (!$
|
|
472
|
+
return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && (!$b468497b34dcb8dd$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
|
|
473
473
|
!(role === 'link' && key !== 'Enter');
|
|
474
474
|
}
|
|
475
|
-
function $
|
|
475
|
+
function $b468497b34dcb8dd$var$getTouchFromEvent(event) {
|
|
476
476
|
const { targetTouches: targetTouches } = event;
|
|
477
477
|
if (targetTouches.length > 0) return targetTouches[0];
|
|
478
478
|
return null;
|
|
479
479
|
}
|
|
480
|
-
function $
|
|
480
|
+
function $b468497b34dcb8dd$var$getTouchById(event, pointerId) {
|
|
481
481
|
const changedTouches = event.changedTouches;
|
|
482
482
|
for(let i = 0; i < changedTouches.length; i++){
|
|
483
483
|
const touch = changedTouches[i];
|
|
@@ -485,7 +485,7 @@ function $bb70d401e0bbab2b$var$getTouchById(event, pointerId) {
|
|
|
485
485
|
}
|
|
486
486
|
return null;
|
|
487
487
|
}
|
|
488
|
-
function $
|
|
488
|
+
function $b468497b34dcb8dd$var$createEvent(target, e) {
|
|
489
489
|
return {
|
|
490
490
|
currentTarget: target,
|
|
491
491
|
shiftKey: e.shiftKey,
|
|
@@ -494,7 +494,7 @@ function $bb70d401e0bbab2b$var$createEvent(target, e) {
|
|
|
494
494
|
altKey: e.altKey
|
|
495
495
|
};
|
|
496
496
|
}
|
|
497
|
-
function $
|
|
497
|
+
function $b468497b34dcb8dd$var$getPointClientRect(point) {
|
|
498
498
|
let offsetX = point.width / 2 || point.radiusX || 0;
|
|
499
499
|
let offsetY = point.height / 2 || point.radiusY || 0;
|
|
500
500
|
return {
|
|
@@ -504,26 +504,26 @@ function $bb70d401e0bbab2b$var$getPointClientRect(point) {
|
|
|
504
504
|
left: point.clientX - offsetX
|
|
505
505
|
};
|
|
506
506
|
}
|
|
507
|
-
function $
|
|
507
|
+
function $b468497b34dcb8dd$var$areRectanglesOverlapping(a, b) {
|
|
508
508
|
// check if they cannot overlap on x axis
|
|
509
509
|
if (a.left > b.right || b.left > a.right) return false;
|
|
510
510
|
// check if they cannot overlap on y axis
|
|
511
511
|
if (a.top > b.bottom || b.top > a.bottom) return false;
|
|
512
512
|
return true;
|
|
513
513
|
}
|
|
514
|
-
function $
|
|
514
|
+
function $b468497b34dcb8dd$var$isOverTarget(point, target) {
|
|
515
515
|
let rect = target.getBoundingClientRect();
|
|
516
|
-
let pointRect = $
|
|
517
|
-
return $
|
|
516
|
+
let pointRect = $b468497b34dcb8dd$var$getPointClientRect(point);
|
|
517
|
+
return $b468497b34dcb8dd$var$areRectanglesOverlapping(rect, pointRect);
|
|
518
518
|
}
|
|
519
|
-
function $
|
|
519
|
+
function $b468497b34dcb8dd$var$shouldPreventDefault(target) {
|
|
520
520
|
// We cannot prevent default if the target is inside a draggable element.
|
|
521
521
|
return !target.closest('[draggable="true"]');
|
|
522
522
|
}
|
|
523
|
-
function $
|
|
523
|
+
function $b468497b34dcb8dd$var$shouldPreventDefaultKeyboard(target) {
|
|
524
524
|
return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
|
|
525
525
|
}
|
|
526
|
-
function $
|
|
526
|
+
function $b468497b34dcb8dd$var$isVirtualPointerEvent(event) {
|
|
527
527
|
// If the pointer size is zero, then we assume it's from a screen reader.
|
|
528
528
|
// Android TalkBack double tap will sometimes return a event with width and height of 1
|
|
529
529
|
// and pointerType === 'mouse' so we need to check for a specific combination of event attributes.
|
|
@@ -534,54 +534,54 @@ function $bb70d401e0bbab2b$var$isVirtualPointerEvent(event) {
|
|
|
534
534
|
|
|
535
535
|
|
|
536
536
|
|
|
537
|
-
const $
|
|
538
|
-
let newRef = $
|
|
539
|
-
ref = ref
|
|
540
|
-
let { pressProps: pressProps } = $
|
|
537
|
+
const $28aa772934c24805$export$27c701ed9e449e99 = /*#__PURE__*/ $d6MJ8$react.forwardRef(({ children: children , ...props }, ref)=>{
|
|
538
|
+
let newRef = $d6MJ8$useRef();
|
|
539
|
+
ref = ref !== null && ref !== void 0 ? ref : newRef;
|
|
540
|
+
let { pressProps: pressProps } = $b468497b34dcb8dd$export$45712eceda6fad21({
|
|
541
541
|
...props,
|
|
542
542
|
ref: ref
|
|
543
543
|
});
|
|
544
|
-
let child = $
|
|
545
|
-
return(/*#__PURE__*/ $
|
|
544
|
+
let child = $d6MJ8$react.Children.only(children);
|
|
545
|
+
return(/*#__PURE__*/ $d6MJ8$react.cloneElement(child, // @ts-ignore
|
|
546
546
|
{
|
|
547
547
|
ref: ref,
|
|
548
|
-
...$
|
|
548
|
+
...$d6MJ8$mergeProps(child.props, pressProps)
|
|
549
549
|
}));
|
|
550
550
|
});
|
|
551
551
|
|
|
552
552
|
|
|
553
|
-
var $
|
|
553
|
+
var $68900e0904c93fdc$exports = {};
|
|
554
554
|
|
|
555
|
-
$parcel$export($
|
|
555
|
+
$parcel$export($68900e0904c93fdc$exports, "PressResponder", () => $68900e0904c93fdc$export$3351871ee4b288b8);
|
|
556
556
|
|
|
557
557
|
|
|
558
558
|
|
|
559
|
-
const $
|
|
560
|
-
let isRegistered = $
|
|
561
|
-
let prevContext = $
|
|
562
|
-
let context = $
|
|
559
|
+
const $68900e0904c93fdc$export$3351871ee4b288b8 = /*#__PURE__*/ $d6MJ8$react.forwardRef(({ children: children , ...props }, ref)=>{
|
|
560
|
+
let isRegistered = $d6MJ8$useRef(false);
|
|
561
|
+
let prevContext = $d6MJ8$useContext($8e24aea97df378f7$export$5165eccb35aaadb5);
|
|
562
|
+
let context = $d6MJ8$mergeProps(prevContext || {
|
|
563
563
|
}, {
|
|
564
564
|
...props,
|
|
565
|
-
ref: ref || prevContext
|
|
565
|
+
ref: ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref),
|
|
566
566
|
register () {
|
|
567
567
|
isRegistered.current = true;
|
|
568
568
|
if (prevContext) prevContext.register();
|
|
569
569
|
}
|
|
570
570
|
});
|
|
571
|
-
$
|
|
572
|
-
$
|
|
571
|
+
$d6MJ8$useSyncRef(prevContext, ref);
|
|
572
|
+
$d6MJ8$useEffect(()=>{
|
|
573
573
|
if (!isRegistered.current) console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
|
|
574
574
|
}, []);
|
|
575
|
-
return(/*#__PURE__*/ $
|
|
575
|
+
return(/*#__PURE__*/ $d6MJ8$react.createElement($8e24aea97df378f7$export$5165eccb35aaadb5.Provider, {
|
|
576
576
|
value: context
|
|
577
577
|
}, children));
|
|
578
578
|
});
|
|
579
579
|
|
|
580
580
|
|
|
581
|
-
var $
|
|
581
|
+
var $226b63c52f1613ce$exports = {};
|
|
582
582
|
|
|
583
|
-
$parcel$export($
|
|
584
|
-
function $
|
|
583
|
+
$parcel$export($226b63c52f1613ce$exports, "useFocus", () => $226b63c52f1613ce$export$f8168d8dd8fd66e6);
|
|
584
|
+
function $226b63c52f1613ce$export$f8168d8dd8fd66e6(props) {
|
|
585
585
|
if (props.isDisabled) return {
|
|
586
586
|
focusProps: {
|
|
587
587
|
}
|
|
@@ -608,131 +608,131 @@ function $96cd623b8d5dd15d$export$f8168d8dd8fd66e6(props) {
|
|
|
608
608
|
}
|
|
609
609
|
|
|
610
610
|
|
|
611
|
-
var $
|
|
611
|
+
var $49c2914eac614f98$exports = {};
|
|
612
612
|
|
|
613
|
-
$parcel$export($
|
|
614
|
-
$parcel$export($
|
|
615
|
-
$parcel$export($
|
|
616
|
-
$parcel$export($
|
|
617
|
-
$parcel$export($
|
|
618
|
-
$parcel$export($
|
|
613
|
+
$parcel$export($49c2914eac614f98$exports, "isFocusVisible", () => $49c2914eac614f98$export$b9b3dfddab17db27);
|
|
614
|
+
$parcel$export($49c2914eac614f98$exports, "getInteractionModality", () => $49c2914eac614f98$export$630ff653c5ada6a9);
|
|
615
|
+
$parcel$export($49c2914eac614f98$exports, "setInteractionModality", () => $49c2914eac614f98$export$8397ddfc504fdb9a);
|
|
616
|
+
$parcel$export($49c2914eac614f98$exports, "useInteractionModality", () => $49c2914eac614f98$export$98e20ec92f614cfe);
|
|
617
|
+
$parcel$export($49c2914eac614f98$exports, "useFocusVisible", () => $49c2914eac614f98$export$ffd9e5021c1fb2d6);
|
|
618
|
+
$parcel$export($49c2914eac614f98$exports, "useFocusVisibleListener", () => $49c2914eac614f98$export$ec71b4b83ac08ec3);
|
|
619
619
|
|
|
620
620
|
|
|
621
621
|
|
|
622
|
-
let $
|
|
623
|
-
let $
|
|
624
|
-
let $
|
|
625
|
-
let $
|
|
626
|
-
let $
|
|
622
|
+
let $49c2914eac614f98$var$currentModality = null;
|
|
623
|
+
let $49c2914eac614f98$var$changeHandlers = new Set();
|
|
624
|
+
let $49c2914eac614f98$var$hasSetupGlobalListeners = false;
|
|
625
|
+
let $49c2914eac614f98$var$hasEventBeforeFocus = false;
|
|
626
|
+
let $49c2914eac614f98$var$hasBlurredWindowRecently = false;
|
|
627
627
|
// Only Tab or Esc keys will make focus visible on text input elements
|
|
628
|
-
const $
|
|
628
|
+
const $49c2914eac614f98$var$FOCUS_VISIBLE_INPUT_KEYS = {
|
|
629
629
|
Tab: true,
|
|
630
630
|
Escape: true
|
|
631
631
|
};
|
|
632
|
-
function $
|
|
633
|
-
for (let handler of $
|
|
632
|
+
function $49c2914eac614f98$var$triggerChangeHandlers(modality, e) {
|
|
633
|
+
for (let handler of $49c2914eac614f98$var$changeHandlers)handler(modality, e);
|
|
634
634
|
}
|
|
635
635
|
/**
|
|
636
636
|
* Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
|
|
637
|
-
*/ function $
|
|
637
|
+
*/ function $49c2914eac614f98$var$isValidKey(e) {
|
|
638
638
|
// Control and Shift keys trigger when navigating back to the tab with keyboard.
|
|
639
|
-
return !(e.metaKey || !$
|
|
639
|
+
return !(e.metaKey || !$d6MJ8$isMac() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
|
|
640
640
|
}
|
|
641
|
-
function $
|
|
642
|
-
$
|
|
643
|
-
if ($
|
|
644
|
-
$
|
|
645
|
-
$
|
|
641
|
+
function $49c2914eac614f98$var$handleKeyboardEvent(e) {
|
|
642
|
+
$49c2914eac614f98$var$hasEventBeforeFocus = true;
|
|
643
|
+
if ($49c2914eac614f98$var$isValidKey(e)) {
|
|
644
|
+
$49c2914eac614f98$var$currentModality = 'keyboard';
|
|
645
|
+
$49c2914eac614f98$var$triggerChangeHandlers('keyboard', e);
|
|
646
646
|
}
|
|
647
647
|
}
|
|
648
|
-
function $
|
|
649
|
-
$
|
|
648
|
+
function $49c2914eac614f98$var$handlePointerEvent(e) {
|
|
649
|
+
$49c2914eac614f98$var$currentModality = 'pointer';
|
|
650
650
|
if (e.type === 'mousedown' || e.type === 'pointerdown') {
|
|
651
|
-
$
|
|
652
|
-
$
|
|
651
|
+
$49c2914eac614f98$var$hasEventBeforeFocus = true;
|
|
652
|
+
$49c2914eac614f98$var$triggerChangeHandlers('pointer', e);
|
|
653
653
|
}
|
|
654
654
|
}
|
|
655
|
-
function $
|
|
656
|
-
if ($
|
|
657
|
-
$
|
|
658
|
-
$
|
|
655
|
+
function $49c2914eac614f98$var$handleClickEvent(e) {
|
|
656
|
+
if ($3004588ac0f775f8$export$60278871457622de(e)) {
|
|
657
|
+
$49c2914eac614f98$var$hasEventBeforeFocus = true;
|
|
658
|
+
$49c2914eac614f98$var$currentModality = 'virtual';
|
|
659
659
|
}
|
|
660
660
|
}
|
|
661
|
-
function $
|
|
661
|
+
function $49c2914eac614f98$var$handleFocusEvent(e) {
|
|
662
662
|
// Firefox fires two extra focus events when the user first clicks into an iframe:
|
|
663
663
|
// first on the window, then on the document. We ignore these events so they don't
|
|
664
664
|
// cause keyboard focus rings to appear.
|
|
665
665
|
if (e.target === window || e.target === document) return;
|
|
666
666
|
// If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
|
|
667
667
|
// This occurs, for example, when navigating a form with the next/previous buttons on iOS.
|
|
668
|
-
if (!$
|
|
669
|
-
$
|
|
670
|
-
$
|
|
668
|
+
if (!$49c2914eac614f98$var$hasEventBeforeFocus && !$49c2914eac614f98$var$hasBlurredWindowRecently) {
|
|
669
|
+
$49c2914eac614f98$var$currentModality = 'virtual';
|
|
670
|
+
$49c2914eac614f98$var$triggerChangeHandlers('virtual', e);
|
|
671
671
|
}
|
|
672
|
-
$
|
|
673
|
-
$
|
|
672
|
+
$49c2914eac614f98$var$hasEventBeforeFocus = false;
|
|
673
|
+
$49c2914eac614f98$var$hasBlurredWindowRecently = false;
|
|
674
674
|
}
|
|
675
|
-
function $
|
|
675
|
+
function $49c2914eac614f98$var$handleWindowBlur() {
|
|
676
676
|
// When the window is blurred, reset state. This is necessary when tabbing out of the window,
|
|
677
677
|
// for example, since a subsequent focus event won't be fired.
|
|
678
|
-
$
|
|
679
|
-
$
|
|
678
|
+
$49c2914eac614f98$var$hasEventBeforeFocus = false;
|
|
679
|
+
$49c2914eac614f98$var$hasBlurredWindowRecently = true;
|
|
680
680
|
}
|
|
681
681
|
/**
|
|
682
682
|
* Setup global event listeners to control when keyboard focus style should be visible.
|
|
683
|
-
*/ function $
|
|
684
|
-
if (typeof window === 'undefined' || $
|
|
683
|
+
*/ function $49c2914eac614f98$var$setupGlobalFocusEvents() {
|
|
684
|
+
if (typeof window === 'undefined' || $49c2914eac614f98$var$hasSetupGlobalListeners) return;
|
|
685
685
|
// Programmatic focus() calls shouldn't affect the current input modality.
|
|
686
686
|
// However, we need to detect other cases when a focus event occurs without
|
|
687
687
|
// a preceding user event (e.g. screen reader focus). Overriding the focus
|
|
688
688
|
// method on HTMLElement.prototype is a bit hacky, but works.
|
|
689
689
|
let focus = HTMLElement.prototype.focus;
|
|
690
690
|
HTMLElement.prototype.focus = function() {
|
|
691
|
-
$
|
|
691
|
+
$49c2914eac614f98$var$hasEventBeforeFocus = true;
|
|
692
692
|
focus.apply(this, arguments);
|
|
693
693
|
};
|
|
694
|
-
document.addEventListener('keydown', $
|
|
695
|
-
document.addEventListener('keyup', $
|
|
696
|
-
document.addEventListener('click', $
|
|
694
|
+
document.addEventListener('keydown', $49c2914eac614f98$var$handleKeyboardEvent, true);
|
|
695
|
+
document.addEventListener('keyup', $49c2914eac614f98$var$handleKeyboardEvent, true);
|
|
696
|
+
document.addEventListener('click', $49c2914eac614f98$var$handleClickEvent, true);
|
|
697
697
|
// Register focus events on the window so they are sure to happen
|
|
698
698
|
// before React's event listeners (registered on the document).
|
|
699
|
-
window.addEventListener('focus', $
|
|
700
|
-
window.addEventListener('blur', $
|
|
699
|
+
window.addEventListener('focus', $49c2914eac614f98$var$handleFocusEvent, true);
|
|
700
|
+
window.addEventListener('blur', $49c2914eac614f98$var$handleWindowBlur, false);
|
|
701
701
|
if (typeof PointerEvent !== 'undefined') {
|
|
702
|
-
document.addEventListener('pointerdown', $
|
|
703
|
-
document.addEventListener('pointermove', $
|
|
704
|
-
document.addEventListener('pointerup', $
|
|
702
|
+
document.addEventListener('pointerdown', $49c2914eac614f98$var$handlePointerEvent, true);
|
|
703
|
+
document.addEventListener('pointermove', $49c2914eac614f98$var$handlePointerEvent, true);
|
|
704
|
+
document.addEventListener('pointerup', $49c2914eac614f98$var$handlePointerEvent, true);
|
|
705
705
|
} else {
|
|
706
|
-
document.addEventListener('mousedown', $
|
|
707
|
-
document.addEventListener('mousemove', $
|
|
708
|
-
document.addEventListener('mouseup', $
|
|
706
|
+
document.addEventListener('mousedown', $49c2914eac614f98$var$handlePointerEvent, true);
|
|
707
|
+
document.addEventListener('mousemove', $49c2914eac614f98$var$handlePointerEvent, true);
|
|
708
|
+
document.addEventListener('mouseup', $49c2914eac614f98$var$handlePointerEvent, true);
|
|
709
709
|
}
|
|
710
|
-
$
|
|
710
|
+
$49c2914eac614f98$var$hasSetupGlobalListeners = true;
|
|
711
711
|
}
|
|
712
712
|
if (typeof document !== 'undefined') {
|
|
713
|
-
if (document.readyState !== 'loading') $
|
|
714
|
-
else document.addEventListener('DOMContentLoaded', $
|
|
713
|
+
if (document.readyState !== 'loading') $49c2914eac614f98$var$setupGlobalFocusEvents();
|
|
714
|
+
else document.addEventListener('DOMContentLoaded', $49c2914eac614f98$var$setupGlobalFocusEvents);
|
|
715
715
|
}
|
|
716
|
-
function $
|
|
717
|
-
return $
|
|
716
|
+
function $49c2914eac614f98$export$b9b3dfddab17db27() {
|
|
717
|
+
return $49c2914eac614f98$var$currentModality !== 'pointer';
|
|
718
718
|
}
|
|
719
|
-
function $
|
|
720
|
-
return $
|
|
719
|
+
function $49c2914eac614f98$export$630ff653c5ada6a9() {
|
|
720
|
+
return $49c2914eac614f98$var$currentModality;
|
|
721
721
|
}
|
|
722
|
-
function $
|
|
723
|
-
$
|
|
724
|
-
$
|
|
722
|
+
function $49c2914eac614f98$export$8397ddfc504fdb9a(modality) {
|
|
723
|
+
$49c2914eac614f98$var$currentModality = modality;
|
|
724
|
+
$49c2914eac614f98$var$triggerChangeHandlers(modality, null);
|
|
725
725
|
}
|
|
726
|
-
function $
|
|
727
|
-
$
|
|
728
|
-
let [modality, setModality] = $
|
|
729
|
-
$
|
|
726
|
+
function $49c2914eac614f98$export$98e20ec92f614cfe() {
|
|
727
|
+
$49c2914eac614f98$var$setupGlobalFocusEvents();
|
|
728
|
+
let [modality, setModality] = $d6MJ8$useState($49c2914eac614f98$var$currentModality);
|
|
729
|
+
$d6MJ8$useEffect(()=>{
|
|
730
730
|
let handler = ()=>{
|
|
731
|
-
setModality($
|
|
731
|
+
setModality($49c2914eac614f98$var$currentModality);
|
|
732
732
|
};
|
|
733
|
-
$
|
|
733
|
+
$49c2914eac614f98$var$changeHandlers.add(handler);
|
|
734
734
|
return ()=>{
|
|
735
|
-
$
|
|
735
|
+
$49c2914eac614f98$var$changeHandlers.delete(handler);
|
|
736
736
|
};
|
|
737
737
|
}, []);
|
|
738
738
|
return modality;
|
|
@@ -740,15 +740,15 @@ function $d2dd66cff767efeb$export$98e20ec92f614cfe() {
|
|
|
740
740
|
/**
|
|
741
741
|
* If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
|
|
742
742
|
* focus visible style can be properly set.
|
|
743
|
-
*/ function $
|
|
744
|
-
return !(isTextInput && modality === 'keyboard' && e instanceof KeyboardEvent && !$
|
|
743
|
+
*/ function $49c2914eac614f98$var$isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
744
|
+
return !(isTextInput && modality === 'keyboard' && e instanceof KeyboardEvent && !$49c2914eac614f98$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
745
745
|
}
|
|
746
|
-
function $
|
|
746
|
+
function $49c2914eac614f98$export$ffd9e5021c1fb2d6(props = {
|
|
747
747
|
}) {
|
|
748
748
|
let { isTextInput: isTextInput , autoFocus: autoFocus } = props;
|
|
749
|
-
let [isFocusVisibleState, setFocusVisible] = $
|
|
750
|
-
$
|
|
751
|
-
setFocusVisible($
|
|
749
|
+
let [isFocusVisibleState, setFocusVisible] = $d6MJ8$useState(autoFocus || $49c2914eac614f98$export$b9b3dfddab17db27());
|
|
750
|
+
$49c2914eac614f98$export$ec71b4b83ac08ec3(($49c2914eac614f98$export$b9b3dfddab17db27)=>{
|
|
751
|
+
setFocusVisible($49c2914eac614f98$export$b9b3dfddab17db27);
|
|
752
752
|
}, [
|
|
753
753
|
isTextInput
|
|
754
754
|
], {
|
|
@@ -758,27 +758,27 @@ function $d2dd66cff767efeb$export$ffd9e5021c1fb2d6(props = {
|
|
|
758
758
|
isFocusVisible: isFocusVisibleState
|
|
759
759
|
};
|
|
760
760
|
}
|
|
761
|
-
function $
|
|
762
|
-
$
|
|
763
|
-
$
|
|
761
|
+
function $49c2914eac614f98$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
762
|
+
$49c2914eac614f98$var$setupGlobalFocusEvents();
|
|
763
|
+
$d6MJ8$useEffect(()=>{
|
|
764
764
|
let handler = (modality, e)=>{
|
|
765
|
-
if (!$
|
|
766
|
-
fn($
|
|
765
|
+
if (!$49c2914eac614f98$var$isKeyboardFocusEvent(opts === null || opts === void 0 ? void 0 : opts.isTextInput, modality, e)) return;
|
|
766
|
+
fn($49c2914eac614f98$export$b9b3dfddab17db27());
|
|
767
767
|
};
|
|
768
|
-
$
|
|
768
|
+
$49c2914eac614f98$var$changeHandlers.add(handler);
|
|
769
769
|
return ()=>{
|
|
770
|
-
$
|
|
770
|
+
$49c2914eac614f98$var$changeHandlers.delete(handler);
|
|
771
771
|
};
|
|
772
772
|
}, deps);
|
|
773
773
|
}
|
|
774
774
|
|
|
775
775
|
|
|
776
|
-
var $
|
|
776
|
+
var $628b0269fe4ddcdd$exports = {};
|
|
777
777
|
|
|
778
|
-
$parcel$export($
|
|
778
|
+
$parcel$export($628b0269fe4ddcdd$exports, "useFocusWithin", () => $628b0269fe4ddcdd$export$420e68273165f4ec);
|
|
779
779
|
|
|
780
|
-
function $
|
|
781
|
-
let state = $
|
|
780
|
+
function $628b0269fe4ddcdd$export$420e68273165f4ec(props) {
|
|
781
|
+
let state = $d6MJ8$useRef({
|
|
782
782
|
isFocusWithin: false
|
|
783
783
|
}).current;
|
|
784
784
|
if (props.isDisabled) return {
|
|
@@ -811,51 +811,51 @@ function $d2acb2e6011484f7$export$420e68273165f4ec(props) {
|
|
|
811
811
|
}
|
|
812
812
|
|
|
813
813
|
|
|
814
|
-
var $
|
|
814
|
+
var $bf566e5397a9742e$exports = {};
|
|
815
815
|
|
|
816
|
-
$parcel$export($
|
|
816
|
+
$parcel$export($bf566e5397a9742e$exports, "useHover", () => $bf566e5397a9742e$export$ae780daf29e6d456);
|
|
817
817
|
|
|
818
818
|
// iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse".
|
|
819
819
|
// We want to ignore these emulated events so they do not trigger hover behavior.
|
|
820
820
|
// See https://bugs.webkit.org/show_bug.cgi?id=214609.
|
|
821
|
-
let $
|
|
822
|
-
let $
|
|
823
|
-
function $
|
|
824
|
-
$
|
|
821
|
+
let $bf566e5397a9742e$var$globalIgnoreEmulatedMouseEvents = false;
|
|
822
|
+
let $bf566e5397a9742e$var$hoverCount = 0;
|
|
823
|
+
function $bf566e5397a9742e$var$setGlobalIgnoreEmulatedMouseEvents() {
|
|
824
|
+
$bf566e5397a9742e$var$globalIgnoreEmulatedMouseEvents = true;
|
|
825
825
|
// Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter
|
|
826
826
|
// with pointerType="mouse" immediately after onPointerUp and before onFocus. On other
|
|
827
827
|
// devices that don't have this quirk, we don't want to ignore a mouse hover sometime in
|
|
828
828
|
// the distant future because a user previously touched the element.
|
|
829
829
|
setTimeout(()=>{
|
|
830
|
-
$
|
|
830
|
+
$bf566e5397a9742e$var$globalIgnoreEmulatedMouseEvents = false;
|
|
831
831
|
}, 50);
|
|
832
832
|
}
|
|
833
|
-
function $
|
|
834
|
-
if (e.pointerType === 'touch') $
|
|
833
|
+
function $bf566e5397a9742e$var$handleGlobalPointerEvent(e) {
|
|
834
|
+
if (e.pointerType === 'touch') $bf566e5397a9742e$var$setGlobalIgnoreEmulatedMouseEvents();
|
|
835
835
|
}
|
|
836
|
-
function $
|
|
836
|
+
function $bf566e5397a9742e$var$setupGlobalTouchEvents() {
|
|
837
837
|
if (typeof document === 'undefined') return;
|
|
838
|
-
if (typeof PointerEvent !== 'undefined') document.addEventListener('pointerup', $
|
|
839
|
-
else document.addEventListener('touchend', $
|
|
840
|
-
$
|
|
838
|
+
if (typeof PointerEvent !== 'undefined') document.addEventListener('pointerup', $bf566e5397a9742e$var$handleGlobalPointerEvent);
|
|
839
|
+
else document.addEventListener('touchend', $bf566e5397a9742e$var$setGlobalIgnoreEmulatedMouseEvents);
|
|
840
|
+
$bf566e5397a9742e$var$hoverCount++;
|
|
841
841
|
return ()=>{
|
|
842
|
-
$
|
|
843
|
-
if ($
|
|
844
|
-
if (typeof PointerEvent !== 'undefined') document.removeEventListener('pointerup', $
|
|
845
|
-
else document.removeEventListener('touchend', $
|
|
842
|
+
$bf566e5397a9742e$var$hoverCount--;
|
|
843
|
+
if ($bf566e5397a9742e$var$hoverCount > 0) return;
|
|
844
|
+
if (typeof PointerEvent !== 'undefined') document.removeEventListener('pointerup', $bf566e5397a9742e$var$handleGlobalPointerEvent);
|
|
845
|
+
else document.removeEventListener('touchend', $bf566e5397a9742e$var$setGlobalIgnoreEmulatedMouseEvents);
|
|
846
846
|
};
|
|
847
847
|
}
|
|
848
|
-
function $
|
|
848
|
+
function $bf566e5397a9742e$export$ae780daf29e6d456(props) {
|
|
849
849
|
let { onHoverStart: onHoverStart , onHoverChange: onHoverChange , onHoverEnd: onHoverEnd , isDisabled: isDisabled } = props;
|
|
850
|
-
let [isHovered, setHovered] = $
|
|
851
|
-
let state = $
|
|
850
|
+
let [isHovered, setHovered] = $d6MJ8$useState(false);
|
|
851
|
+
let state = $d6MJ8$useRef({
|
|
852
852
|
isHovered: false,
|
|
853
853
|
ignoreEmulatedMouseEvents: false,
|
|
854
854
|
pointerType: '',
|
|
855
855
|
target: null
|
|
856
856
|
}).current;
|
|
857
|
-
$
|
|
858
|
-
let { hoverProps: hoverProps1 , triggerHoverEnd: triggerHoverEnd1 } = $
|
|
857
|
+
$d6MJ8$useEffect($bf566e5397a9742e$var$setupGlobalTouchEvents, []);
|
|
858
|
+
let { hoverProps: hoverProps1 , triggerHoverEnd: triggerHoverEnd1 } = $d6MJ8$useMemo(()=>{
|
|
859
859
|
let triggerHoverStart = (event, pointerType)=>{
|
|
860
860
|
state.pointerType = pointerType;
|
|
861
861
|
if (isDisabled || pointerType === 'touch' || state.isHovered || !event.currentTarget.contains(event.target)) return;
|
|
@@ -888,7 +888,7 @@ function $52a70f66afabebbb$export$ae780daf29e6d456(props) {
|
|
|
888
888
|
};
|
|
889
889
|
if (typeof PointerEvent !== 'undefined') {
|
|
890
890
|
hoverProps.onPointerEnter = (e)=>{
|
|
891
|
-
if ($
|
|
891
|
+
if ($bf566e5397a9742e$var$globalIgnoreEmulatedMouseEvents && e.pointerType === 'mouse') return;
|
|
892
892
|
triggerHoverStart(e, e.pointerType);
|
|
893
893
|
};
|
|
894
894
|
hoverProps.onPointerLeave = (e)=>{
|
|
@@ -899,7 +899,7 @@ function $52a70f66afabebbb$export$ae780daf29e6d456(props) {
|
|
|
899
899
|
state.ignoreEmulatedMouseEvents = true;
|
|
900
900
|
};
|
|
901
901
|
hoverProps.onMouseEnter = (e)=>{
|
|
902
|
-
if (!state.ignoreEmulatedMouseEvents && !$
|
|
902
|
+
if (!state.ignoreEmulatedMouseEvents && !$bf566e5397a9742e$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, 'mouse');
|
|
903
903
|
state.ignoreEmulatedMouseEvents = false;
|
|
904
904
|
};
|
|
905
905
|
hoverProps.onMouseLeave = (e)=>{
|
|
@@ -917,7 +917,7 @@ function $52a70f66afabebbb$export$ae780daf29e6d456(props) {
|
|
|
917
917
|
isDisabled,
|
|
918
918
|
state
|
|
919
919
|
]);
|
|
920
|
-
$
|
|
920
|
+
$d6MJ8$useEffect(()=>{
|
|
921
921
|
// Call the triggerHoverEnd as soon as isDisabled changes to true
|
|
922
922
|
// Safe to call triggerHoverEnd, it will early return if we aren't currently hovering
|
|
923
923
|
if (isDisabled) triggerHoverEnd1({
|
|
@@ -933,13 +933,13 @@ function $52a70f66afabebbb$export$ae780daf29e6d456(props) {
|
|
|
933
933
|
}
|
|
934
934
|
|
|
935
935
|
|
|
936
|
-
var $
|
|
936
|
+
var $45105cf6ad39191a$exports = {};
|
|
937
937
|
|
|
938
|
-
$parcel$export($
|
|
938
|
+
$parcel$export($45105cf6ad39191a$exports, "useInteractOutside", () => $45105cf6ad39191a$export$872b660ac5a1ff98);
|
|
939
939
|
|
|
940
|
-
function $
|
|
940
|
+
function $45105cf6ad39191a$export$872b660ac5a1ff98(props) {
|
|
941
941
|
let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart } = props;
|
|
942
|
-
let stateRef = $
|
|
942
|
+
let stateRef = $d6MJ8$useRef({
|
|
943
943
|
isPointerDown: false,
|
|
944
944
|
ignoreEmulatedMouseEvents: false,
|
|
945
945
|
onInteractOutside: onInteractOutside,
|
|
@@ -948,10 +948,10 @@ function $ba9bc027ba236f10$export$872b660ac5a1ff98(props) {
|
|
|
948
948
|
let state = stateRef.current;
|
|
949
949
|
state.onInteractOutside = onInteractOutside;
|
|
950
950
|
state.onInteractOutsideStart = onInteractOutsideStart;
|
|
951
|
-
$
|
|
951
|
+
$d6MJ8$useEffect(()=>{
|
|
952
952
|
if (isDisabled) return;
|
|
953
953
|
let onPointerDown = (e)=>{
|
|
954
|
-
if ($
|
|
954
|
+
if ($45105cf6ad39191a$var$isValidEvent(e, ref) && state.onInteractOutside) {
|
|
955
955
|
if (state.onInteractOutsideStart) state.onInteractOutsideStart(e);
|
|
956
956
|
state.isPointerDown = true;
|
|
957
957
|
}
|
|
@@ -959,7 +959,7 @@ function $ba9bc027ba236f10$export$872b660ac5a1ff98(props) {
|
|
|
959
959
|
// Use pointer events if available. Otherwise, fall back to mouse and touch events.
|
|
960
960
|
if (typeof PointerEvent !== 'undefined') {
|
|
961
961
|
let onPointerUp = (e)=>{
|
|
962
|
-
if (state.isPointerDown && state.onInteractOutside && $
|
|
962
|
+
if (state.isPointerDown && state.onInteractOutside && $45105cf6ad39191a$var$isValidEvent(e, ref)) {
|
|
963
963
|
state.isPointerDown = false;
|
|
964
964
|
state.onInteractOutside(e);
|
|
965
965
|
}
|
|
@@ -974,14 +974,14 @@ function $ba9bc027ba236f10$export$872b660ac5a1ff98(props) {
|
|
|
974
974
|
} else {
|
|
975
975
|
let onMouseUp = (e)=>{
|
|
976
976
|
if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;
|
|
977
|
-
else if (state.isPointerDown && state.onInteractOutside && $
|
|
977
|
+
else if (state.isPointerDown && state.onInteractOutside && $45105cf6ad39191a$var$isValidEvent(e, ref)) {
|
|
978
978
|
state.isPointerDown = false;
|
|
979
979
|
state.onInteractOutside(e);
|
|
980
980
|
}
|
|
981
981
|
};
|
|
982
982
|
let onTouchEnd = (e)=>{
|
|
983
983
|
state.ignoreEmulatedMouseEvents = true;
|
|
984
|
-
if (state.onInteractOutside && state.isPointerDown && $
|
|
984
|
+
if (state.onInteractOutside && state.isPointerDown && $45105cf6ad39191a$var$isValidEvent(e, ref)) {
|
|
985
985
|
state.isPointerDown = false;
|
|
986
986
|
state.onInteractOutside(e);
|
|
987
987
|
}
|
|
@@ -1003,7 +1003,7 @@ function $ba9bc027ba236f10$export$872b660ac5a1ff98(props) {
|
|
|
1003
1003
|
isDisabled
|
|
1004
1004
|
]);
|
|
1005
1005
|
}
|
|
1006
|
-
function $
|
|
1006
|
+
function $45105cf6ad39191a$var$isValidEvent(event, ref) {
|
|
1007
1007
|
if (event.button > 0) return false;
|
|
1008
1008
|
// if the event target is no longer in the document
|
|
1009
1009
|
if (event.target) {
|
|
@@ -1014,10 +1014,10 @@ function $ba9bc027ba236f10$var$isValidEvent(event, ref) {
|
|
|
1014
1014
|
}
|
|
1015
1015
|
|
|
1016
1016
|
|
|
1017
|
-
var $
|
|
1017
|
+
var $4e806c4e858ad73c$exports = {};
|
|
1018
1018
|
|
|
1019
|
-
$parcel$export($
|
|
1020
|
-
function $
|
|
1019
|
+
$parcel$export($4e806c4e858ad73c$exports, "useKeyboard", () => $4e806c4e858ad73c$export$8f71654801c2f7cd);
|
|
1020
|
+
function $014803b002f7750a$export$48d1ea6320830260(handler) {
|
|
1021
1021
|
if (!handler) return;
|
|
1022
1022
|
let shouldStopPropagation = true;
|
|
1023
1023
|
return (e)=>{
|
|
@@ -1042,43 +1042,43 @@ function $23f3ec5b42541cce$export$48d1ea6320830260(handler) {
|
|
|
1042
1042
|
}
|
|
1043
1043
|
|
|
1044
1044
|
|
|
1045
|
-
function $
|
|
1045
|
+
function $4e806c4e858ad73c$export$8f71654801c2f7cd(props) {
|
|
1046
1046
|
return {
|
|
1047
1047
|
keyboardProps: props.isDisabled ? {
|
|
1048
1048
|
} : {
|
|
1049
|
-
onKeyDown: $
|
|
1050
|
-
onKeyUp: $
|
|
1049
|
+
onKeyDown: $014803b002f7750a$export$48d1ea6320830260(props.onKeyDown),
|
|
1050
|
+
onKeyUp: $014803b002f7750a$export$48d1ea6320830260(props.onKeyUp)
|
|
1051
1051
|
}
|
|
1052
1052
|
};
|
|
1053
1053
|
}
|
|
1054
1054
|
|
|
1055
1055
|
|
|
1056
|
-
var $
|
|
1056
|
+
var $8e3cc0943caa61b7$exports = {};
|
|
1057
1057
|
|
|
1058
|
-
$parcel$export($
|
|
1058
|
+
$parcel$export($8e3cc0943caa61b7$exports, "useMove", () => $8e3cc0943caa61b7$export$36da96379f79f245);
|
|
1059
1059
|
|
|
1060
1060
|
|
|
1061
1061
|
|
|
1062
|
-
function $
|
|
1062
|
+
function $8e3cc0943caa61b7$export$36da96379f79f245(props) {
|
|
1063
1063
|
let { onMoveStart: onMoveStart , onMove: onMove , onMoveEnd: onMoveEnd } = props;
|
|
1064
|
-
let state = $
|
|
1064
|
+
let state = $d6MJ8$useRef({
|
|
1065
1065
|
didMove: false,
|
|
1066
1066
|
lastPosition: null,
|
|
1067
1067
|
id: null
|
|
1068
1068
|
});
|
|
1069
|
-
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $
|
|
1070
|
-
let moveProps1 = $
|
|
1069
|
+
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $d6MJ8$useGlobalListeners();
|
|
1070
|
+
let moveProps1 = $d6MJ8$useMemo(()=>{
|
|
1071
1071
|
let moveProps = {
|
|
1072
1072
|
};
|
|
1073
1073
|
let start = ()=>{
|
|
1074
|
-
$
|
|
1074
|
+
$cd0dbdeabf637843$export$16a4697467175487();
|
|
1075
1075
|
state.current.didMove = false;
|
|
1076
1076
|
};
|
|
1077
1077
|
let move = (originalEvent, pointerType, deltaX, deltaY)=>{
|
|
1078
1078
|
if (deltaX === 0 && deltaY === 0) return;
|
|
1079
1079
|
if (!state.current.didMove) {
|
|
1080
1080
|
state.current.didMove = true;
|
|
1081
|
-
onMoveStart
|
|
1081
|
+
onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({
|
|
1082
1082
|
type: 'movestart',
|
|
1083
1083
|
pointerType: pointerType,
|
|
1084
1084
|
shiftKey: originalEvent.shiftKey,
|
|
@@ -1099,8 +1099,8 @@ function $75f78fec52a57cf7$export$36da96379f79f245(props) {
|
|
|
1099
1099
|
});
|
|
1100
1100
|
};
|
|
1101
1101
|
let end = (originalEvent, pointerType)=>{
|
|
1102
|
-
$
|
|
1103
|
-
if (state.current.didMove) onMoveEnd
|
|
1102
|
+
$cd0dbdeabf637843$export$b0d6fa1ab32e3295();
|
|
1103
|
+
if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
|
|
1104
1104
|
type: 'moveend',
|
|
1105
1105
|
pointerType: pointerType,
|
|
1106
1106
|
shiftKey: originalEvent.shiftKey,
|
|
@@ -1270,14 +1270,14 @@ function $75f78fec52a57cf7$export$36da96379f79f245(props) {
|
|
|
1270
1270
|
|
|
1271
1271
|
|
|
1272
1272
|
|
|
1273
|
-
var $
|
|
1273
|
+
var $d889b4c7bb142e6b$exports = {};
|
|
1274
1274
|
|
|
1275
|
-
$parcel$export($
|
|
1275
|
+
$parcel$export($d889b4c7bb142e6b$exports, "useScrollWheel", () => $d889b4c7bb142e6b$export$2123ff2b87c81ca);
|
|
1276
1276
|
|
|
1277
1277
|
|
|
1278
|
-
function $
|
|
1278
|
+
function $d889b4c7bb142e6b$export$2123ff2b87c81ca(props, ref) {
|
|
1279
1279
|
let { onScroll: onScroll , isDisabled: isDisabled } = props;
|
|
1280
|
-
let onScrollHandler = $
|
|
1280
|
+
let onScrollHandler = $d6MJ8$useCallback((e)=>{
|
|
1281
1281
|
// If the ctrlKey is pressed, this is a zoom event, do nothing.
|
|
1282
1282
|
if (e.ctrlKey) return;
|
|
1283
1283
|
// stop scrolling the page
|
|
@@ -1290,22 +1290,22 @@ function $d19e70b846cd84a0$export$2123ff2b87c81ca(props, ref) {
|
|
|
1290
1290
|
}, [
|
|
1291
1291
|
onScroll
|
|
1292
1292
|
]);
|
|
1293
|
-
$
|
|
1293
|
+
$d6MJ8$useEvent(ref, 'wheel', isDisabled ? null : onScrollHandler);
|
|
1294
1294
|
}
|
|
1295
1295
|
|
|
1296
1296
|
|
|
1297
|
-
var $
|
|
1297
|
+
var $6f6a8f8f8557a728$exports = {};
|
|
1298
1298
|
|
|
1299
|
-
$parcel$export($
|
|
1299
|
+
$parcel$export($6f6a8f8f8557a728$exports, "useLongPress", () => $6f6a8f8f8557a728$export$c24ed0104d07eab9);
|
|
1300
1300
|
|
|
1301
1301
|
|
|
1302
1302
|
|
|
1303
|
-
const $
|
|
1304
|
-
function $
|
|
1305
|
-
let { isDisabled: isDisabled , onLongPressStart: onLongPressStart , onLongPressEnd: onLongPressEnd , onLongPress: onLongPress , threshold: threshold = $
|
|
1306
|
-
const timeRef = $
|
|
1307
|
-
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $
|
|
1308
|
-
let { pressProps: pressProps } = $
|
|
1303
|
+
const $6f6a8f8f8557a728$var$DEFAULT_THRESHOLD = 500;
|
|
1304
|
+
function $6f6a8f8f8557a728$export$c24ed0104d07eab9(props) {
|
|
1305
|
+
let { isDisabled: isDisabled , onLongPressStart: onLongPressStart , onLongPressEnd: onLongPressEnd , onLongPress: onLongPress , threshold: threshold = $6f6a8f8f8557a728$var$DEFAULT_THRESHOLD , accessibilityDescription: accessibilityDescription } = props;
|
|
1306
|
+
const timeRef = $d6MJ8$useRef(null);
|
|
1307
|
+
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $d6MJ8$useGlobalListeners();
|
|
1308
|
+
let { pressProps: pressProps } = $b468497b34dcb8dd$export$45712eceda6fad21({
|
|
1309
1309
|
isDisabled: isDisabled,
|
|
1310
1310
|
onPressStart (e1) {
|
|
1311
1311
|
if (e1.pointerType === 'mouse' || e1.pointerType === 'touch') {
|
|
@@ -1352,14 +1352,14 @@ function $ea9746f03755d5ba$export$c24ed0104d07eab9(props) {
|
|
|
1352
1352
|
});
|
|
1353
1353
|
}
|
|
1354
1354
|
});
|
|
1355
|
-
let descriptionProps = $
|
|
1355
|
+
let descriptionProps = $d6MJ8$useDescription(onLongPress && !isDisabled ? accessibilityDescription : null);
|
|
1356
1356
|
return {
|
|
1357
|
-
longPressProps: $
|
|
1357
|
+
longPressProps: $d6MJ8$mergeProps(pressProps, descriptionProps)
|
|
1358
1358
|
};
|
|
1359
1359
|
}
|
|
1360
1360
|
|
|
1361
1361
|
|
|
1362
1362
|
|
|
1363
1363
|
|
|
1364
|
-
export {$
|
|
1364
|
+
export {$28aa772934c24805$export$27c701ed9e449e99 as Pressable, $68900e0904c93fdc$export$3351871ee4b288b8 as PressResponder, $226b63c52f1613ce$export$f8168d8dd8fd66e6 as useFocus, $49c2914eac614f98$export$b9b3dfddab17db27 as isFocusVisible, $49c2914eac614f98$export$630ff653c5ada6a9 as getInteractionModality, $49c2914eac614f98$export$8397ddfc504fdb9a as setInteractionModality, $49c2914eac614f98$export$98e20ec92f614cfe as useInteractionModality, $49c2914eac614f98$export$ffd9e5021c1fb2d6 as useFocusVisible, $49c2914eac614f98$export$ec71b4b83ac08ec3 as useFocusVisibleListener, $628b0269fe4ddcdd$export$420e68273165f4ec as useFocusWithin, $bf566e5397a9742e$export$ae780daf29e6d456 as useHover, $45105cf6ad39191a$export$872b660ac5a1ff98 as useInteractOutside, $4e806c4e858ad73c$export$8f71654801c2f7cd as useKeyboard, $8e3cc0943caa61b7$export$36da96379f79f245 as useMove, $b468497b34dcb8dd$export$45712eceda6fad21 as usePress, $d889b4c7bb142e6b$export$2123ff2b87c81ca as useScrollWheel, $6f6a8f8f8557a728$export$c24ed0104d07eab9 as useLongPress};
|
|
1365
1365
|
//# sourceMappingURL=module.js.map
|