@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/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
1
|
+
var $8jK7q$reactariautils = require("@react-aria/utils");
|
|
2
|
+
var $8jK7q$react = require("react");
|
|
3
3
|
|
|
4
4
|
function $parcel$exportWildcard(dest, source) {
|
|
5
5
|
Object.keys(source).forEach(function(key) {
|
|
@@ -23,67 +23,67 @@ function $parcel$interopDefault(a) {
|
|
|
23
23
|
function $parcel$export(e, n, v, s) {
|
|
24
24
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
25
25
|
}
|
|
26
|
-
var $
|
|
26
|
+
var $c7e4402d7268b9e5$exports = {};
|
|
27
27
|
|
|
28
|
-
$parcel$export($
|
|
28
|
+
$parcel$export($c7e4402d7268b9e5$exports, "Pressable", () => $c7e4402d7268b9e5$export$27c701ed9e449e99);
|
|
29
29
|
|
|
30
|
-
var $
|
|
30
|
+
var $49794190ef05a7aa$exports = {};
|
|
31
31
|
|
|
32
|
-
$parcel$export($
|
|
32
|
+
$parcel$export($49794190ef05a7aa$exports, "usePress", () => $49794190ef05a7aa$export$45712eceda6fad21);
|
|
33
33
|
|
|
34
34
|
// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
|
|
35
35
|
// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
|
|
36
|
-
let $
|
|
37
|
-
let $
|
|
38
|
-
let $
|
|
39
|
-
function $
|
|
40
|
-
if ($
|
|
41
|
-
if ($
|
|
42
|
-
$
|
|
36
|
+
let $f85b19f7e83b9914$var$state = 'default';
|
|
37
|
+
let $f85b19f7e83b9914$var$savedUserSelect = '';
|
|
38
|
+
let $f85b19f7e83b9914$var$modifiedElementMap = new WeakMap();
|
|
39
|
+
function $f85b19f7e83b9914$export$16a4697467175487(target) {
|
|
40
|
+
if ($8jK7q$reactariautils.isIOS()) {
|
|
41
|
+
if ($f85b19f7e83b9914$var$state === 'default') {
|
|
42
|
+
$f85b19f7e83b9914$var$savedUserSelect = document.documentElement.style.webkitUserSelect;
|
|
43
43
|
document.documentElement.style.webkitUserSelect = 'none';
|
|
44
44
|
}
|
|
45
|
-
$
|
|
45
|
+
$f85b19f7e83b9914$var$state = 'disabled';
|
|
46
46
|
} else if (target) {
|
|
47
47
|
// If not iOS, store the target's original user-select and change to user-select: none
|
|
48
48
|
// Ignore state since it doesn't apply for non iOS
|
|
49
|
-
$
|
|
49
|
+
$f85b19f7e83b9914$var$modifiedElementMap.set(target, target.style.userSelect);
|
|
50
50
|
target.style.userSelect = 'none';
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
function $
|
|
54
|
-
if ($
|
|
53
|
+
function $f85b19f7e83b9914$export$b0d6fa1ab32e3295(target) {
|
|
54
|
+
if ($8jK7q$reactariautils.isIOS()) {
|
|
55
55
|
// If the state is already default, there's nothing to do.
|
|
56
56
|
// If it is restoring, then there's no need to queue a second restore.
|
|
57
|
-
if ($
|
|
58
|
-
$
|
|
57
|
+
if ($f85b19f7e83b9914$var$state !== 'disabled') return;
|
|
58
|
+
$f85b19f7e83b9914$var$state = 'restoring';
|
|
59
59
|
// There appears to be a delay on iOS where selection still might occur
|
|
60
60
|
// after pointer up, so wait a bit before removing user-select.
|
|
61
61
|
setTimeout(()=>{
|
|
62
62
|
// Wait for any CSS transitions to complete so we don't recompute style
|
|
63
63
|
// for the whole page in the middle of the animation and cause jank.
|
|
64
|
-
$
|
|
64
|
+
$8jK7q$reactariautils.runAfterTransition(()=>{
|
|
65
65
|
// Avoid race conditions
|
|
66
|
-
if ($
|
|
67
|
-
if (document.documentElement.style.webkitUserSelect === 'none') document.documentElement.style.webkitUserSelect = $
|
|
68
|
-
$
|
|
69
|
-
$
|
|
66
|
+
if ($f85b19f7e83b9914$var$state === 'restoring') {
|
|
67
|
+
if (document.documentElement.style.webkitUserSelect === 'none') document.documentElement.style.webkitUserSelect = $f85b19f7e83b9914$var$savedUserSelect || '';
|
|
68
|
+
$f85b19f7e83b9914$var$savedUserSelect = '';
|
|
69
|
+
$f85b19f7e83b9914$var$state = 'default';
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
}, 300);
|
|
73
73
|
} else // If not iOS, restore the target's original user-select if any
|
|
74
74
|
// Ignore state since it doesn't apply for non iOS
|
|
75
|
-
if (target && $
|
|
76
|
-
let targetOldUserSelect = $
|
|
75
|
+
if (target && $f85b19f7e83b9914$var$modifiedElementMap.has(target)) {
|
|
76
|
+
let targetOldUserSelect = $f85b19f7e83b9914$var$modifiedElementMap.get(target);
|
|
77
77
|
if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
|
|
78
78
|
if (target.getAttribute('style') === '') target.removeAttribute('style');
|
|
79
|
-
$
|
|
79
|
+
$f85b19f7e83b9914$var$modifiedElementMap.delete(target);
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
function $
|
|
86
|
+
function $d82c55e531efd73a$export$60278871457622de(event) {
|
|
87
87
|
// JAWS/NVDA with Firefox.
|
|
88
88
|
if (event.mozInputSource === 0 && event.isTrusted) return true;
|
|
89
89
|
return event.detail === 0 && !event.pointerType;
|
|
@@ -91,25 +91,25 @@ function $5fc44d190a941c47$export$60278871457622de(event) {
|
|
|
91
91
|
|
|
92
92
|
|
|
93
93
|
|
|
94
|
-
const $
|
|
95
|
-
$
|
|
94
|
+
const $5b5ad1e1cf57bd7c$export$5165eccb35aaadb5 = ($parcel$interopDefault($8jK7q$react)).createContext(null);
|
|
95
|
+
$5b5ad1e1cf57bd7c$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
function $
|
|
98
|
+
function $49794190ef05a7aa$var$usePressResponderContext(props) {
|
|
99
99
|
// Consume context from <PressResponder> and merge with props.
|
|
100
|
-
let context = $
|
|
100
|
+
let context = $8jK7q$react.useContext($5b5ad1e1cf57bd7c$export$5165eccb35aaadb5);
|
|
101
101
|
if (context) {
|
|
102
102
|
let { register: register , ...contextProps } = context;
|
|
103
|
-
props = $
|
|
103
|
+
props = $8jK7q$reactariautils.mergeProps(contextProps, props);
|
|
104
104
|
register();
|
|
105
105
|
}
|
|
106
|
-
$
|
|
106
|
+
$8jK7q$reactariautils.useSyncRef(context, props.ref);
|
|
107
107
|
return props;
|
|
108
108
|
}
|
|
109
|
-
function $
|
|
109
|
+
function $49794190ef05a7aa$export$45712eceda6fad21(props) {
|
|
110
110
|
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
|
|
111
|
-
ref: _ , ...domProps } = $
|
|
112
|
-
let propsRef = $
|
|
111
|
+
ref: _ , ...domProps } = $49794190ef05a7aa$var$usePressResponderContext(props);
|
|
112
|
+
let propsRef = $8jK7q$react.useRef(null);
|
|
113
113
|
propsRef.current = {
|
|
114
114
|
onPress: onPress1,
|
|
115
115
|
onPressChange: onPressChange1,
|
|
@@ -119,8 +119,8 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
119
119
|
isDisabled: isDisabled1,
|
|
120
120
|
shouldCancelOnPointerExit: shouldCancelOnPointerExit
|
|
121
121
|
};
|
|
122
|
-
let [isPressed, setPressed] = $
|
|
123
|
-
let ref = $
|
|
122
|
+
let [isPressed, setPressed] = $8jK7q$react.useState(false);
|
|
123
|
+
let ref = $8jK7q$react.useRef({
|
|
124
124
|
isPressed: false,
|
|
125
125
|
ignoreEmulatedMouseEvents: false,
|
|
126
126
|
ignoreClickAfterPress: false,
|
|
@@ -130,8 +130,8 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
130
130
|
isOverTarget: false,
|
|
131
131
|
pointerType: null
|
|
132
132
|
});
|
|
133
|
-
let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners } = $
|
|
134
|
-
let pressProps1 = $
|
|
133
|
+
let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners } = $8jK7q$reactariautils.useGlobalListeners();
|
|
134
|
+
let pressProps1 = $8jK7q$react.useMemo(()=>{
|
|
135
135
|
let state = ref.current;
|
|
136
136
|
let triggerPressStart = (originalEvent, pointerType)=>{
|
|
137
137
|
let { onPressStart: onPressStart , onPressChange: onPressChange , isDisabled: isDisabled } = propsRef.current;
|
|
@@ -190,19 +190,19 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
190
190
|
};
|
|
191
191
|
let cancel = (e)=>{
|
|
192
192
|
if (state.isPressed) {
|
|
193
|
-
if (state.isOverTarget) triggerPressEnd($
|
|
193
|
+
if (state.isOverTarget) triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType, false);
|
|
194
194
|
state.isPressed = false;
|
|
195
195
|
state.isOverTarget = false;
|
|
196
196
|
state.activePointerId = null;
|
|
197
197
|
state.pointerType = null;
|
|
198
198
|
removeAllGlobalListeners();
|
|
199
|
-
if (!allowTextSelectionOnPress) $
|
|
199
|
+
if (!allowTextSelectionOnPress) $f85b19f7e83b9914$export$b0d6fa1ab32e3295(state.target);
|
|
200
200
|
}
|
|
201
201
|
};
|
|
202
202
|
let pressProps = {
|
|
203
203
|
onKeyDown (e) {
|
|
204
|
-
if ($
|
|
205
|
-
if ($
|
|
204
|
+
if ($49794190ef05a7aa$var$isValidKeyboardEvent(e.nativeEvent) && e.currentTarget.contains(e.target)) {
|
|
205
|
+
if ($49794190ef05a7aa$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
|
|
206
206
|
e.stopPropagation();
|
|
207
207
|
// If the event is repeating, it may have started on a different element
|
|
208
208
|
// after which focus moved to the current element. Ignore these events and
|
|
@@ -218,7 +218,7 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
218
218
|
}
|
|
219
219
|
},
|
|
220
220
|
onKeyUp (e) {
|
|
221
|
-
if ($
|
|
221
|
+
if ($49794190ef05a7aa$var$isValidKeyboardEvent(e.nativeEvent) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($49794190ef05a7aa$var$createEvent(state.target, e), 'keyboard');
|
|
222
222
|
},
|
|
223
223
|
onClick (e) {
|
|
224
224
|
if (e && !e.currentTarget.contains(e.target)) return;
|
|
@@ -227,9 +227,9 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
227
227
|
if (isDisabled1) e.preventDefault();
|
|
228
228
|
// If triggered from a screen reader or by using element.click(),
|
|
229
229
|
// trigger as if it were a keyboard click.
|
|
230
|
-
if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $
|
|
230
|
+
if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $d82c55e531efd73a$export$60278871457622de(e.nativeEvent))) {
|
|
231
231
|
// Ensure the element receives focus (VoiceOver on iOS does not do this)
|
|
232
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
232
|
+
if (!isDisabled1 && !preventFocusOnPress) $8jK7q$reactariautils.focusWithoutScrolling(e.currentTarget);
|
|
233
233
|
triggerPressStart(e, 'virtual');
|
|
234
234
|
triggerPressUp(e, 'virtual');
|
|
235
235
|
triggerPressEnd(e, 'virtual');
|
|
@@ -240,16 +240,16 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
240
240
|
}
|
|
241
241
|
};
|
|
242
242
|
let onKeyUp = (e)=>{
|
|
243
|
-
if (state.isPressed && $
|
|
244
|
-
if ($
|
|
243
|
+
if (state.isPressed && $49794190ef05a7aa$var$isValidKeyboardEvent(e)) {
|
|
244
|
+
if ($49794190ef05a7aa$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
|
|
245
245
|
e.stopPropagation();
|
|
246
246
|
state.isPressed = false;
|
|
247
247
|
let target = e.target;
|
|
248
|
-
triggerPressEnd($
|
|
248
|
+
triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), 'keyboard', state.target.contains(target));
|
|
249
249
|
removeAllGlobalListeners();
|
|
250
250
|
// If the target is a link, trigger the click method to open the URL,
|
|
251
251
|
// but defer triggering pressEnd until onClick event handler.
|
|
252
|
-
if (state.target.contains(target) && $
|
|
252
|
+
if (state.target.contains(target) && $49794190ef05a7aa$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') state.target.click();
|
|
253
253
|
}
|
|
254
254
|
};
|
|
255
255
|
if (typeof PointerEvent !== 'undefined') {
|
|
@@ -260,13 +260,13 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
260
260
|
// Ignore and let the onClick handler take care of it instead.
|
|
261
261
|
// https://bugs.webkit.org/show_bug.cgi?id=222627
|
|
262
262
|
// https://bugs.webkit.org/show_bug.cgi?id=223202
|
|
263
|
-
if ($
|
|
263
|
+
if ($49794190ef05a7aa$var$isVirtualPointerEvent(e.nativeEvent)) {
|
|
264
264
|
state.pointerType = 'virtual';
|
|
265
265
|
return;
|
|
266
266
|
}
|
|
267
267
|
// Due to browser inconsistencies, especially on mobile browsers, we prevent
|
|
268
268
|
// default on pointer down and handle focusing the pressable element ourselves.
|
|
269
|
-
if ($
|
|
269
|
+
if ($49794190ef05a7aa$var$shouldPreventDefault(e.target)) e.preventDefault();
|
|
270
270
|
state.pointerType = e.pointerType;
|
|
271
271
|
e.stopPropagation();
|
|
272
272
|
if (!state.isPressed) {
|
|
@@ -274,8 +274,8 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
274
274
|
state.isOverTarget = true;
|
|
275
275
|
state.activePointerId = e.pointerId;
|
|
276
276
|
state.target = e.currentTarget;
|
|
277
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
278
|
-
if (!allowTextSelectionOnPress) $
|
|
277
|
+
if (!isDisabled1 && !preventFocusOnPress) $8jK7q$reactariautils.focusWithoutScrolling(e.currentTarget);
|
|
278
|
+
if (!allowTextSelectionOnPress) $f85b19f7e83b9914$export$16a4697467175487(state.target);
|
|
279
279
|
triggerPressStart(e, state.pointerType);
|
|
280
280
|
addGlobalListener(document, 'pointermove', onPointerMove, false);
|
|
281
281
|
addGlobalListener(document, 'pointerup', onPointerUp, false);
|
|
@@ -288,7 +288,7 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
288
288
|
// Chrome and Firefox on touch Windows devices require mouse down events
|
|
289
289
|
// to be canceled in addition to pointer events, or an extra asynchronous
|
|
290
290
|
// focus event will be fired.
|
|
291
|
-
if ($
|
|
291
|
+
if ($49794190ef05a7aa$var$shouldPreventDefault(e.target)) e.preventDefault();
|
|
292
292
|
e.stopPropagation();
|
|
293
293
|
}
|
|
294
294
|
};
|
|
@@ -298,34 +298,34 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
298
298
|
// Only handle left clicks
|
|
299
299
|
// Safari on iOS sometimes fires pointerup events, even
|
|
300
300
|
// when the touch isn't over the target, so double check.
|
|
301
|
-
if (e.button === 0 && $
|
|
301
|
+
if (e.button === 0 && $49794190ef05a7aa$var$isOverTarget(e, e.currentTarget)) triggerPressUp(e, state.pointerType || e.pointerType);
|
|
302
302
|
};
|
|
303
303
|
// Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.
|
|
304
304
|
// Use pointer move events instead to implement our own hit testing.
|
|
305
305
|
// See https://bugs.webkit.org/show_bug.cgi?id=199803
|
|
306
306
|
let onPointerMove = (e)=>{
|
|
307
307
|
if (e.pointerId !== state.activePointerId) return;
|
|
308
|
-
if ($
|
|
308
|
+
if ($49794190ef05a7aa$var$isOverTarget(e, state.target)) {
|
|
309
309
|
if (!state.isOverTarget) {
|
|
310
310
|
state.isOverTarget = true;
|
|
311
|
-
triggerPressStart($
|
|
311
|
+
triggerPressStart($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType);
|
|
312
312
|
}
|
|
313
313
|
} else if (state.isOverTarget) {
|
|
314
314
|
state.isOverTarget = false;
|
|
315
|
-
triggerPressEnd($
|
|
315
|
+
triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType, false);
|
|
316
316
|
if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
|
|
317
317
|
}
|
|
318
318
|
};
|
|
319
319
|
let onPointerUp = (e)=>{
|
|
320
320
|
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0) {
|
|
321
|
-
if ($
|
|
322
|
-
else if (state.isOverTarget) triggerPressEnd($
|
|
321
|
+
if ($49794190ef05a7aa$var$isOverTarget(e, state.target)) triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType);
|
|
322
|
+
else if (state.isOverTarget) triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType, false);
|
|
323
323
|
state.isPressed = false;
|
|
324
324
|
state.isOverTarget = false;
|
|
325
325
|
state.activePointerId = null;
|
|
326
326
|
state.pointerType = null;
|
|
327
327
|
removeAllGlobalListeners();
|
|
328
|
-
if (!allowTextSelectionOnPress) $
|
|
328
|
+
if (!allowTextSelectionOnPress) $f85b19f7e83b9914$export$b0d6fa1ab32e3295(state.target);
|
|
329
329
|
}
|
|
330
330
|
};
|
|
331
331
|
let onPointerCancel = (e)=>{
|
|
@@ -342,14 +342,14 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
342
342
|
if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
|
|
343
343
|
// Due to browser inconsistencies, especially on mobile browsers, we prevent
|
|
344
344
|
// default on mouse down and handle focusing the pressable element ourselves.
|
|
345
|
-
if ($
|
|
345
|
+
if ($49794190ef05a7aa$var$shouldPreventDefault(e.target)) e.preventDefault();
|
|
346
346
|
e.stopPropagation();
|
|
347
347
|
if (state.ignoreEmulatedMouseEvents) return;
|
|
348
348
|
state.isPressed = true;
|
|
349
349
|
state.isOverTarget = true;
|
|
350
350
|
state.target = e.currentTarget;
|
|
351
|
-
state.pointerType = $
|
|
352
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
351
|
+
state.pointerType = $d82c55e531efd73a$export$60278871457622de(e.nativeEvent) ? 'virtual' : 'mouse';
|
|
352
|
+
if (!isDisabled1 && !preventFocusOnPress) $8jK7q$reactariautils.focusWithoutScrolling(e.currentTarget);
|
|
353
353
|
triggerPressStart(e, state.pointerType);
|
|
354
354
|
addGlobalListener(document, 'mouseup', onMouseUp, false);
|
|
355
355
|
};
|
|
@@ -383,14 +383,14 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
383
383
|
state.ignoreEmulatedMouseEvents = false;
|
|
384
384
|
return;
|
|
385
385
|
}
|
|
386
|
-
if ($
|
|
387
|
-
else if (state.isOverTarget) triggerPressEnd($
|
|
386
|
+
if ($49794190ef05a7aa$var$isOverTarget(e, state.target)) triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType);
|
|
387
|
+
else if (state.isOverTarget) triggerPressEnd($49794190ef05a7aa$var$createEvent(state.target, e), state.pointerType, false);
|
|
388
388
|
state.isOverTarget = false;
|
|
389
389
|
};
|
|
390
390
|
pressProps.onTouchStart = (e)=>{
|
|
391
391
|
if (!e.currentTarget.contains(e.target)) return;
|
|
392
392
|
e.stopPropagation();
|
|
393
|
-
let touch = $
|
|
393
|
+
let touch = $49794190ef05a7aa$var$getTouchFromEvent(e.nativeEvent);
|
|
394
394
|
if (!touch) return;
|
|
395
395
|
state.activePointerId = touch.identifier;
|
|
396
396
|
state.ignoreEmulatedMouseEvents = true;
|
|
@@ -400,8 +400,8 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
400
400
|
state.pointerType = 'touch';
|
|
401
401
|
// Due to browser inconsistencies, especially on mobile browsers, we prevent default
|
|
402
402
|
// on the emulated mouse event and handle focusing the pressable element ourselves.
|
|
403
|
-
if (!isDisabled1 && !preventFocusOnPress) $
|
|
404
|
-
if (!allowTextSelectionOnPress) $
|
|
403
|
+
if (!isDisabled1 && !preventFocusOnPress) $8jK7q$reactariautils.focusWithoutScrolling(e.currentTarget);
|
|
404
|
+
if (!allowTextSelectionOnPress) $f85b19f7e83b9914$export$16a4697467175487(state.target);
|
|
405
405
|
triggerPressStart(e, state.pointerType);
|
|
406
406
|
addGlobalListener(window, 'scroll', onScroll, true);
|
|
407
407
|
};
|
|
@@ -409,8 +409,8 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
409
409
|
if (!e.currentTarget.contains(e.target)) return;
|
|
410
410
|
e.stopPropagation();
|
|
411
411
|
if (!state.isPressed) return;
|
|
412
|
-
let touch = $
|
|
413
|
-
if (touch && $
|
|
412
|
+
let touch = $49794190ef05a7aa$var$getTouchById(e.nativeEvent, state.activePointerId);
|
|
413
|
+
if (touch && $49794190ef05a7aa$var$isOverTarget(touch, e.currentTarget)) {
|
|
414
414
|
if (!state.isOverTarget) {
|
|
415
415
|
state.isOverTarget = true;
|
|
416
416
|
triggerPressStart(e, state.pointerType);
|
|
@@ -425,8 +425,8 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
425
425
|
if (!e.currentTarget.contains(e.target)) return;
|
|
426
426
|
e.stopPropagation();
|
|
427
427
|
if (!state.isPressed) return;
|
|
428
|
-
let touch = $
|
|
429
|
-
if (touch && $
|
|
428
|
+
let touch = $49794190ef05a7aa$var$getTouchById(e.nativeEvent, state.activePointerId);
|
|
429
|
+
if (touch && $49794190ef05a7aa$var$isOverTarget(touch, e.currentTarget)) {
|
|
430
430
|
triggerPressUp(e, state.pointerType);
|
|
431
431
|
triggerPressEnd(e, state.pointerType);
|
|
432
432
|
} else if (state.isOverTarget) triggerPressEnd(e, state.pointerType, false);
|
|
@@ -434,7 +434,7 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
434
434
|
state.activePointerId = null;
|
|
435
435
|
state.isOverTarget = false;
|
|
436
436
|
state.ignoreEmulatedMouseEvents = true;
|
|
437
|
-
if (!allowTextSelectionOnPress) $
|
|
437
|
+
if (!allowTextSelectionOnPress) $f85b19f7e83b9914$export$b0d6fa1ab32e3295(state.target);
|
|
438
438
|
removeAllGlobalListeners();
|
|
439
439
|
};
|
|
440
440
|
pressProps.onTouchCancel = (e)=>{
|
|
@@ -466,37 +466,37 @@ function $213abf3f34aca140$export$45712eceda6fad21(props) {
|
|
|
466
466
|
]);
|
|
467
467
|
// Remove user-select: none in case component unmounts immediately after pressStart
|
|
468
468
|
// eslint-disable-next-line arrow-body-style
|
|
469
|
-
$
|
|
469
|
+
$8jK7q$react.useEffect(()=>{
|
|
470
470
|
return ()=>{
|
|
471
|
-
if (!allowTextSelectionOnPress) $
|
|
471
|
+
if (!allowTextSelectionOnPress) $f85b19f7e83b9914$export$b0d6fa1ab32e3295(ref.current.target);
|
|
472
472
|
};
|
|
473
473
|
}, [
|
|
474
474
|
allowTextSelectionOnPress
|
|
475
475
|
]);
|
|
476
476
|
return {
|
|
477
477
|
isPressed: isPressedProp || isPressed,
|
|
478
|
-
pressProps: $
|
|
478
|
+
pressProps: $8jK7q$reactariautils.mergeProps(domProps, pressProps1)
|
|
479
479
|
};
|
|
480
480
|
}
|
|
481
|
-
function $
|
|
481
|
+
function $49794190ef05a7aa$var$isHTMLAnchorLink(target) {
|
|
482
482
|
return target.tagName === 'A' && target.hasAttribute('href');
|
|
483
483
|
}
|
|
484
|
-
function $
|
|
484
|
+
function $49794190ef05a7aa$var$isValidKeyboardEvent(event) {
|
|
485
485
|
const { key: key , code: code , target: target } = event;
|
|
486
486
|
const element = target;
|
|
487
487
|
const { tagName: tagName , isContentEditable: isContentEditable } = element;
|
|
488
488
|
const role = element.getAttribute('role');
|
|
489
489
|
// Accessibility for keyboards. Space and Enter only.
|
|
490
490
|
// "Spacebar" is for IE 11
|
|
491
|
-
return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && (!$
|
|
491
|
+
return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && (!$49794190ef05a7aa$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
|
|
492
492
|
!(role === 'link' && key !== 'Enter');
|
|
493
493
|
}
|
|
494
|
-
function $
|
|
494
|
+
function $49794190ef05a7aa$var$getTouchFromEvent(event) {
|
|
495
495
|
const { targetTouches: targetTouches } = event;
|
|
496
496
|
if (targetTouches.length > 0) return targetTouches[0];
|
|
497
497
|
return null;
|
|
498
498
|
}
|
|
499
|
-
function $
|
|
499
|
+
function $49794190ef05a7aa$var$getTouchById(event, pointerId) {
|
|
500
500
|
const changedTouches = event.changedTouches;
|
|
501
501
|
for(let i = 0; i < changedTouches.length; i++){
|
|
502
502
|
const touch = changedTouches[i];
|
|
@@ -504,7 +504,7 @@ function $213abf3f34aca140$var$getTouchById(event, pointerId) {
|
|
|
504
504
|
}
|
|
505
505
|
return null;
|
|
506
506
|
}
|
|
507
|
-
function $
|
|
507
|
+
function $49794190ef05a7aa$var$createEvent(target, e) {
|
|
508
508
|
return {
|
|
509
509
|
currentTarget: target,
|
|
510
510
|
shiftKey: e.shiftKey,
|
|
@@ -513,7 +513,7 @@ function $213abf3f34aca140$var$createEvent(target, e) {
|
|
|
513
513
|
altKey: e.altKey
|
|
514
514
|
};
|
|
515
515
|
}
|
|
516
|
-
function $
|
|
516
|
+
function $49794190ef05a7aa$var$getPointClientRect(point) {
|
|
517
517
|
let offsetX = point.width / 2 || point.radiusX || 0;
|
|
518
518
|
let offsetY = point.height / 2 || point.radiusY || 0;
|
|
519
519
|
return {
|
|
@@ -523,26 +523,26 @@ function $213abf3f34aca140$var$getPointClientRect(point) {
|
|
|
523
523
|
left: point.clientX - offsetX
|
|
524
524
|
};
|
|
525
525
|
}
|
|
526
|
-
function $
|
|
526
|
+
function $49794190ef05a7aa$var$areRectanglesOverlapping(a, b) {
|
|
527
527
|
// check if they cannot overlap on x axis
|
|
528
528
|
if (a.left > b.right || b.left > a.right) return false;
|
|
529
529
|
// check if they cannot overlap on y axis
|
|
530
530
|
if (a.top > b.bottom || b.top > a.bottom) return false;
|
|
531
531
|
return true;
|
|
532
532
|
}
|
|
533
|
-
function $
|
|
533
|
+
function $49794190ef05a7aa$var$isOverTarget(point, target) {
|
|
534
534
|
let rect = target.getBoundingClientRect();
|
|
535
|
-
let pointRect = $
|
|
536
|
-
return $
|
|
535
|
+
let pointRect = $49794190ef05a7aa$var$getPointClientRect(point);
|
|
536
|
+
return $49794190ef05a7aa$var$areRectanglesOverlapping(rect, pointRect);
|
|
537
537
|
}
|
|
538
|
-
function $
|
|
538
|
+
function $49794190ef05a7aa$var$shouldPreventDefault(target) {
|
|
539
539
|
// We cannot prevent default if the target is inside a draggable element.
|
|
540
540
|
return !target.closest('[draggable="true"]');
|
|
541
541
|
}
|
|
542
|
-
function $
|
|
542
|
+
function $49794190ef05a7aa$var$shouldPreventDefaultKeyboard(target) {
|
|
543
543
|
return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
|
|
544
544
|
}
|
|
545
|
-
function $
|
|
545
|
+
function $49794190ef05a7aa$var$isVirtualPointerEvent(event) {
|
|
546
546
|
// If the pointer size is zero, then we assume it's from a screen reader.
|
|
547
547
|
// Android TalkBack double tap will sometimes return a event with width and height of 1
|
|
548
548
|
// and pointerType === 'mouse' so we need to check for a specific combination of event attributes.
|
|
@@ -553,54 +553,54 @@ function $213abf3f34aca140$var$isVirtualPointerEvent(event) {
|
|
|
553
553
|
|
|
554
554
|
|
|
555
555
|
|
|
556
|
-
const $
|
|
557
|
-
let newRef = $
|
|
558
|
-
ref = ref
|
|
559
|
-
let { pressProps: pressProps } = $
|
|
556
|
+
const $c7e4402d7268b9e5$export$27c701ed9e449e99 = /*#__PURE__*/ ($parcel$interopDefault($8jK7q$react)).forwardRef(({ children: children , ...props }, ref)=>{
|
|
557
|
+
let newRef = $8jK7q$react.useRef();
|
|
558
|
+
ref = ref !== null && ref !== void 0 ? ref : newRef;
|
|
559
|
+
let { pressProps: pressProps } = $49794190ef05a7aa$export$45712eceda6fad21({
|
|
560
560
|
...props,
|
|
561
561
|
ref: ref
|
|
562
562
|
});
|
|
563
|
-
let child = ($parcel$interopDefault($
|
|
564
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
563
|
+
let child = ($parcel$interopDefault($8jK7q$react)).Children.only(children);
|
|
564
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($8jK7q$react)).cloneElement(child, // @ts-ignore
|
|
565
565
|
{
|
|
566
566
|
ref: ref,
|
|
567
|
-
...$
|
|
567
|
+
...$8jK7q$reactariautils.mergeProps(child.props, pressProps)
|
|
568
568
|
}));
|
|
569
569
|
});
|
|
570
570
|
|
|
571
571
|
|
|
572
|
-
var $
|
|
572
|
+
var $94a1d642bd05f094$exports = {};
|
|
573
573
|
|
|
574
|
-
$parcel$export($
|
|
574
|
+
$parcel$export($94a1d642bd05f094$exports, "PressResponder", () => $94a1d642bd05f094$export$3351871ee4b288b8);
|
|
575
575
|
|
|
576
576
|
|
|
577
577
|
|
|
578
|
-
const $
|
|
579
|
-
let isRegistered = $
|
|
580
|
-
let prevContext = $
|
|
581
|
-
let context = $
|
|
578
|
+
const $94a1d642bd05f094$export$3351871ee4b288b8 = /*#__PURE__*/ ($parcel$interopDefault($8jK7q$react)).forwardRef(({ children: children , ...props }, ref)=>{
|
|
579
|
+
let isRegistered = $8jK7q$react.useRef(false);
|
|
580
|
+
let prevContext = $8jK7q$react.useContext($5b5ad1e1cf57bd7c$export$5165eccb35aaadb5);
|
|
581
|
+
let context = $8jK7q$reactariautils.mergeProps(prevContext || {
|
|
582
582
|
}, {
|
|
583
583
|
...props,
|
|
584
|
-
ref: ref || prevContext
|
|
584
|
+
ref: ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref),
|
|
585
585
|
register () {
|
|
586
586
|
isRegistered.current = true;
|
|
587
587
|
if (prevContext) prevContext.register();
|
|
588
588
|
}
|
|
589
589
|
});
|
|
590
|
-
$
|
|
591
|
-
$
|
|
590
|
+
$8jK7q$reactariautils.useSyncRef(prevContext, ref);
|
|
591
|
+
$8jK7q$react.useEffect(()=>{
|
|
592
592
|
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.");
|
|
593
593
|
}, []);
|
|
594
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
594
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($8jK7q$react)).createElement($5b5ad1e1cf57bd7c$export$5165eccb35aaadb5.Provider, {
|
|
595
595
|
value: context
|
|
596
596
|
}, children));
|
|
597
597
|
});
|
|
598
598
|
|
|
599
599
|
|
|
600
|
-
var $
|
|
600
|
+
var $5848daf14fd6f7cb$exports = {};
|
|
601
601
|
|
|
602
|
-
$parcel$export($
|
|
603
|
-
function $
|
|
602
|
+
$parcel$export($5848daf14fd6f7cb$exports, "useFocus", () => $5848daf14fd6f7cb$export$f8168d8dd8fd66e6);
|
|
603
|
+
function $5848daf14fd6f7cb$export$f8168d8dd8fd66e6(props) {
|
|
604
604
|
if (props.isDisabled) return {
|
|
605
605
|
focusProps: {
|
|
606
606
|
}
|
|
@@ -627,131 +627,131 @@ function $10aa6f68aca01f06$export$f8168d8dd8fd66e6(props) {
|
|
|
627
627
|
}
|
|
628
628
|
|
|
629
629
|
|
|
630
|
-
var $
|
|
630
|
+
var $418794b2e2f608b3$exports = {};
|
|
631
631
|
|
|
632
|
-
$parcel$export($
|
|
633
|
-
$parcel$export($
|
|
634
|
-
$parcel$export($
|
|
635
|
-
$parcel$export($
|
|
636
|
-
$parcel$export($
|
|
637
|
-
$parcel$export($
|
|
632
|
+
$parcel$export($418794b2e2f608b3$exports, "isFocusVisible", () => $418794b2e2f608b3$export$b9b3dfddab17db27);
|
|
633
|
+
$parcel$export($418794b2e2f608b3$exports, "getInteractionModality", () => $418794b2e2f608b3$export$630ff653c5ada6a9);
|
|
634
|
+
$parcel$export($418794b2e2f608b3$exports, "setInteractionModality", () => $418794b2e2f608b3$export$8397ddfc504fdb9a);
|
|
635
|
+
$parcel$export($418794b2e2f608b3$exports, "useInteractionModality", () => $418794b2e2f608b3$export$98e20ec92f614cfe);
|
|
636
|
+
$parcel$export($418794b2e2f608b3$exports, "useFocusVisible", () => $418794b2e2f608b3$export$ffd9e5021c1fb2d6);
|
|
637
|
+
$parcel$export($418794b2e2f608b3$exports, "useFocusVisibleListener", () => $418794b2e2f608b3$export$ec71b4b83ac08ec3);
|
|
638
638
|
|
|
639
639
|
|
|
640
640
|
|
|
641
|
-
let $
|
|
642
|
-
let $
|
|
643
|
-
let $
|
|
644
|
-
let $
|
|
645
|
-
let $
|
|
641
|
+
let $418794b2e2f608b3$var$currentModality = null;
|
|
642
|
+
let $418794b2e2f608b3$var$changeHandlers = new Set();
|
|
643
|
+
let $418794b2e2f608b3$var$hasSetupGlobalListeners = false;
|
|
644
|
+
let $418794b2e2f608b3$var$hasEventBeforeFocus = false;
|
|
645
|
+
let $418794b2e2f608b3$var$hasBlurredWindowRecently = false;
|
|
646
646
|
// Only Tab or Esc keys will make focus visible on text input elements
|
|
647
|
-
const $
|
|
647
|
+
const $418794b2e2f608b3$var$FOCUS_VISIBLE_INPUT_KEYS = {
|
|
648
648
|
Tab: true,
|
|
649
649
|
Escape: true
|
|
650
650
|
};
|
|
651
|
-
function $
|
|
652
|
-
for (let handler of $
|
|
651
|
+
function $418794b2e2f608b3$var$triggerChangeHandlers(modality, e) {
|
|
652
|
+
for (let handler of $418794b2e2f608b3$var$changeHandlers)handler(modality, e);
|
|
653
653
|
}
|
|
654
654
|
/**
|
|
655
655
|
* Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
|
|
656
|
-
*/ function $
|
|
656
|
+
*/ function $418794b2e2f608b3$var$isValidKey(e) {
|
|
657
657
|
// Control and Shift keys trigger when navigating back to the tab with keyboard.
|
|
658
|
-
return !(e.metaKey || !$
|
|
658
|
+
return !(e.metaKey || !$8jK7q$reactariautils.isMac() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
|
|
659
659
|
}
|
|
660
|
-
function $
|
|
661
|
-
$
|
|
662
|
-
if ($
|
|
663
|
-
$
|
|
664
|
-
$
|
|
660
|
+
function $418794b2e2f608b3$var$handleKeyboardEvent(e) {
|
|
661
|
+
$418794b2e2f608b3$var$hasEventBeforeFocus = true;
|
|
662
|
+
if ($418794b2e2f608b3$var$isValidKey(e)) {
|
|
663
|
+
$418794b2e2f608b3$var$currentModality = 'keyboard';
|
|
664
|
+
$418794b2e2f608b3$var$triggerChangeHandlers('keyboard', e);
|
|
665
665
|
}
|
|
666
666
|
}
|
|
667
|
-
function $
|
|
668
|
-
$
|
|
667
|
+
function $418794b2e2f608b3$var$handlePointerEvent(e) {
|
|
668
|
+
$418794b2e2f608b3$var$currentModality = 'pointer';
|
|
669
669
|
if (e.type === 'mousedown' || e.type === 'pointerdown') {
|
|
670
|
-
$
|
|
671
|
-
$
|
|
670
|
+
$418794b2e2f608b3$var$hasEventBeforeFocus = true;
|
|
671
|
+
$418794b2e2f608b3$var$triggerChangeHandlers('pointer', e);
|
|
672
672
|
}
|
|
673
673
|
}
|
|
674
|
-
function $
|
|
675
|
-
if ($
|
|
676
|
-
$
|
|
677
|
-
$
|
|
674
|
+
function $418794b2e2f608b3$var$handleClickEvent(e) {
|
|
675
|
+
if ($d82c55e531efd73a$export$60278871457622de(e)) {
|
|
676
|
+
$418794b2e2f608b3$var$hasEventBeforeFocus = true;
|
|
677
|
+
$418794b2e2f608b3$var$currentModality = 'virtual';
|
|
678
678
|
}
|
|
679
679
|
}
|
|
680
|
-
function $
|
|
680
|
+
function $418794b2e2f608b3$var$handleFocusEvent(e) {
|
|
681
681
|
// Firefox fires two extra focus events when the user first clicks into an iframe:
|
|
682
682
|
// first on the window, then on the document. We ignore these events so they don't
|
|
683
683
|
// cause keyboard focus rings to appear.
|
|
684
684
|
if (e.target === window || e.target === document) return;
|
|
685
685
|
// If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
|
|
686
686
|
// This occurs, for example, when navigating a form with the next/previous buttons on iOS.
|
|
687
|
-
if (!$
|
|
688
|
-
$
|
|
689
|
-
$
|
|
687
|
+
if (!$418794b2e2f608b3$var$hasEventBeforeFocus && !$418794b2e2f608b3$var$hasBlurredWindowRecently) {
|
|
688
|
+
$418794b2e2f608b3$var$currentModality = 'virtual';
|
|
689
|
+
$418794b2e2f608b3$var$triggerChangeHandlers('virtual', e);
|
|
690
690
|
}
|
|
691
|
-
$
|
|
692
|
-
$
|
|
691
|
+
$418794b2e2f608b3$var$hasEventBeforeFocus = false;
|
|
692
|
+
$418794b2e2f608b3$var$hasBlurredWindowRecently = false;
|
|
693
693
|
}
|
|
694
|
-
function $
|
|
694
|
+
function $418794b2e2f608b3$var$handleWindowBlur() {
|
|
695
695
|
// When the window is blurred, reset state. This is necessary when tabbing out of the window,
|
|
696
696
|
// for example, since a subsequent focus event won't be fired.
|
|
697
|
-
$
|
|
698
|
-
$
|
|
697
|
+
$418794b2e2f608b3$var$hasEventBeforeFocus = false;
|
|
698
|
+
$418794b2e2f608b3$var$hasBlurredWindowRecently = true;
|
|
699
699
|
}
|
|
700
700
|
/**
|
|
701
701
|
* Setup global event listeners to control when keyboard focus style should be visible.
|
|
702
|
-
*/ function $
|
|
703
|
-
if (typeof window === 'undefined' || $
|
|
702
|
+
*/ function $418794b2e2f608b3$var$setupGlobalFocusEvents() {
|
|
703
|
+
if (typeof window === 'undefined' || $418794b2e2f608b3$var$hasSetupGlobalListeners) return;
|
|
704
704
|
// Programmatic focus() calls shouldn't affect the current input modality.
|
|
705
705
|
// However, we need to detect other cases when a focus event occurs without
|
|
706
706
|
// a preceding user event (e.g. screen reader focus). Overriding the focus
|
|
707
707
|
// method on HTMLElement.prototype is a bit hacky, but works.
|
|
708
708
|
let focus = HTMLElement.prototype.focus;
|
|
709
709
|
HTMLElement.prototype.focus = function() {
|
|
710
|
-
$
|
|
710
|
+
$418794b2e2f608b3$var$hasEventBeforeFocus = true;
|
|
711
711
|
focus.apply(this, arguments);
|
|
712
712
|
};
|
|
713
|
-
document.addEventListener('keydown', $
|
|
714
|
-
document.addEventListener('keyup', $
|
|
715
|
-
document.addEventListener('click', $
|
|
713
|
+
document.addEventListener('keydown', $418794b2e2f608b3$var$handleKeyboardEvent, true);
|
|
714
|
+
document.addEventListener('keyup', $418794b2e2f608b3$var$handleKeyboardEvent, true);
|
|
715
|
+
document.addEventListener('click', $418794b2e2f608b3$var$handleClickEvent, true);
|
|
716
716
|
// Register focus events on the window so they are sure to happen
|
|
717
717
|
// before React's event listeners (registered on the document).
|
|
718
|
-
window.addEventListener('focus', $
|
|
719
|
-
window.addEventListener('blur', $
|
|
718
|
+
window.addEventListener('focus', $418794b2e2f608b3$var$handleFocusEvent, true);
|
|
719
|
+
window.addEventListener('blur', $418794b2e2f608b3$var$handleWindowBlur, false);
|
|
720
720
|
if (typeof PointerEvent !== 'undefined') {
|
|
721
|
-
document.addEventListener('pointerdown', $
|
|
722
|
-
document.addEventListener('pointermove', $
|
|
723
|
-
document.addEventListener('pointerup', $
|
|
721
|
+
document.addEventListener('pointerdown', $418794b2e2f608b3$var$handlePointerEvent, true);
|
|
722
|
+
document.addEventListener('pointermove', $418794b2e2f608b3$var$handlePointerEvent, true);
|
|
723
|
+
document.addEventListener('pointerup', $418794b2e2f608b3$var$handlePointerEvent, true);
|
|
724
724
|
} else {
|
|
725
|
-
document.addEventListener('mousedown', $
|
|
726
|
-
document.addEventListener('mousemove', $
|
|
727
|
-
document.addEventListener('mouseup', $
|
|
725
|
+
document.addEventListener('mousedown', $418794b2e2f608b3$var$handlePointerEvent, true);
|
|
726
|
+
document.addEventListener('mousemove', $418794b2e2f608b3$var$handlePointerEvent, true);
|
|
727
|
+
document.addEventListener('mouseup', $418794b2e2f608b3$var$handlePointerEvent, true);
|
|
728
728
|
}
|
|
729
|
-
$
|
|
729
|
+
$418794b2e2f608b3$var$hasSetupGlobalListeners = true;
|
|
730
730
|
}
|
|
731
731
|
if (typeof document !== 'undefined') {
|
|
732
|
-
if (document.readyState !== 'loading') $
|
|
733
|
-
else document.addEventListener('DOMContentLoaded', $
|
|
732
|
+
if (document.readyState !== 'loading') $418794b2e2f608b3$var$setupGlobalFocusEvents();
|
|
733
|
+
else document.addEventListener('DOMContentLoaded', $418794b2e2f608b3$var$setupGlobalFocusEvents);
|
|
734
734
|
}
|
|
735
|
-
function $
|
|
736
|
-
return $
|
|
735
|
+
function $418794b2e2f608b3$export$b9b3dfddab17db27() {
|
|
736
|
+
return $418794b2e2f608b3$var$currentModality !== 'pointer';
|
|
737
737
|
}
|
|
738
|
-
function $
|
|
739
|
-
return $
|
|
738
|
+
function $418794b2e2f608b3$export$630ff653c5ada6a9() {
|
|
739
|
+
return $418794b2e2f608b3$var$currentModality;
|
|
740
740
|
}
|
|
741
|
-
function $
|
|
742
|
-
$
|
|
743
|
-
$
|
|
741
|
+
function $418794b2e2f608b3$export$8397ddfc504fdb9a(modality) {
|
|
742
|
+
$418794b2e2f608b3$var$currentModality = modality;
|
|
743
|
+
$418794b2e2f608b3$var$triggerChangeHandlers(modality, null);
|
|
744
744
|
}
|
|
745
|
-
function $
|
|
746
|
-
$
|
|
747
|
-
let [modality, setModality] = $
|
|
748
|
-
$
|
|
745
|
+
function $418794b2e2f608b3$export$98e20ec92f614cfe() {
|
|
746
|
+
$418794b2e2f608b3$var$setupGlobalFocusEvents();
|
|
747
|
+
let [modality, setModality] = $8jK7q$react.useState($418794b2e2f608b3$var$currentModality);
|
|
748
|
+
$8jK7q$react.useEffect(()=>{
|
|
749
749
|
let handler = ()=>{
|
|
750
|
-
setModality($
|
|
750
|
+
setModality($418794b2e2f608b3$var$currentModality);
|
|
751
751
|
};
|
|
752
|
-
$
|
|
752
|
+
$418794b2e2f608b3$var$changeHandlers.add(handler);
|
|
753
753
|
return ()=>{
|
|
754
|
-
$
|
|
754
|
+
$418794b2e2f608b3$var$changeHandlers.delete(handler);
|
|
755
755
|
};
|
|
756
756
|
}, []);
|
|
757
757
|
return modality;
|
|
@@ -759,15 +759,15 @@ function $bb42f3f7b671c4f8$export$98e20ec92f614cfe() {
|
|
|
759
759
|
/**
|
|
760
760
|
* If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
|
|
761
761
|
* focus visible style can be properly set.
|
|
762
|
-
*/ function $
|
|
763
|
-
return !(isTextInput && modality === 'keyboard' && e instanceof KeyboardEvent && !$
|
|
762
|
+
*/ function $418794b2e2f608b3$var$isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
763
|
+
return !(isTextInput && modality === 'keyboard' && e instanceof KeyboardEvent && !$418794b2e2f608b3$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
764
764
|
}
|
|
765
|
-
function $
|
|
765
|
+
function $418794b2e2f608b3$export$ffd9e5021c1fb2d6(props = {
|
|
766
766
|
}) {
|
|
767
767
|
let { isTextInput: isTextInput , autoFocus: autoFocus } = props;
|
|
768
|
-
let [isFocusVisibleState, setFocusVisible] = $
|
|
769
|
-
$
|
|
770
|
-
setFocusVisible($
|
|
768
|
+
let [isFocusVisibleState, setFocusVisible] = $8jK7q$react.useState(autoFocus || $418794b2e2f608b3$export$b9b3dfddab17db27());
|
|
769
|
+
$418794b2e2f608b3$export$ec71b4b83ac08ec3(($418794b2e2f608b3$export$b9b3dfddab17db27)=>{
|
|
770
|
+
setFocusVisible($418794b2e2f608b3$export$b9b3dfddab17db27);
|
|
771
771
|
}, [
|
|
772
772
|
isTextInput
|
|
773
773
|
], {
|
|
@@ -777,27 +777,27 @@ function $bb42f3f7b671c4f8$export$ffd9e5021c1fb2d6(props = {
|
|
|
777
777
|
isFocusVisible: isFocusVisibleState
|
|
778
778
|
};
|
|
779
779
|
}
|
|
780
|
-
function $
|
|
781
|
-
$
|
|
782
|
-
$
|
|
780
|
+
function $418794b2e2f608b3$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
781
|
+
$418794b2e2f608b3$var$setupGlobalFocusEvents();
|
|
782
|
+
$8jK7q$react.useEffect(()=>{
|
|
783
783
|
let handler = (modality, e)=>{
|
|
784
|
-
if (!$
|
|
785
|
-
fn($
|
|
784
|
+
if (!$418794b2e2f608b3$var$isKeyboardFocusEvent(opts === null || opts === void 0 ? void 0 : opts.isTextInput, modality, e)) return;
|
|
785
|
+
fn($418794b2e2f608b3$export$b9b3dfddab17db27());
|
|
786
786
|
};
|
|
787
|
-
$
|
|
787
|
+
$418794b2e2f608b3$var$changeHandlers.add(handler);
|
|
788
788
|
return ()=>{
|
|
789
|
-
$
|
|
789
|
+
$418794b2e2f608b3$var$changeHandlers.delete(handler);
|
|
790
790
|
};
|
|
791
791
|
}, deps);
|
|
792
792
|
}
|
|
793
793
|
|
|
794
794
|
|
|
795
|
-
var $
|
|
795
|
+
var $62b9c773b0fd3946$exports = {};
|
|
796
796
|
|
|
797
|
-
$parcel$export($
|
|
797
|
+
$parcel$export($62b9c773b0fd3946$exports, "useFocusWithin", () => $62b9c773b0fd3946$export$420e68273165f4ec);
|
|
798
798
|
|
|
799
|
-
function $
|
|
800
|
-
let state = $
|
|
799
|
+
function $62b9c773b0fd3946$export$420e68273165f4ec(props) {
|
|
800
|
+
let state = $8jK7q$react.useRef({
|
|
801
801
|
isFocusWithin: false
|
|
802
802
|
}).current;
|
|
803
803
|
if (props.isDisabled) return {
|
|
@@ -830,51 +830,51 @@ function $70c5bb3c6098d3ff$export$420e68273165f4ec(props) {
|
|
|
830
830
|
}
|
|
831
831
|
|
|
832
832
|
|
|
833
|
-
var $
|
|
833
|
+
var $deea67f305dbdcff$exports = {};
|
|
834
834
|
|
|
835
|
-
$parcel$export($
|
|
835
|
+
$parcel$export($deea67f305dbdcff$exports, "useHover", () => $deea67f305dbdcff$export$ae780daf29e6d456);
|
|
836
836
|
|
|
837
837
|
// iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse".
|
|
838
838
|
// We want to ignore these emulated events so they do not trigger hover behavior.
|
|
839
839
|
// See https://bugs.webkit.org/show_bug.cgi?id=214609.
|
|
840
|
-
let $
|
|
841
|
-
let $
|
|
842
|
-
function $
|
|
843
|
-
$
|
|
840
|
+
let $deea67f305dbdcff$var$globalIgnoreEmulatedMouseEvents = false;
|
|
841
|
+
let $deea67f305dbdcff$var$hoverCount = 0;
|
|
842
|
+
function $deea67f305dbdcff$var$setGlobalIgnoreEmulatedMouseEvents() {
|
|
843
|
+
$deea67f305dbdcff$var$globalIgnoreEmulatedMouseEvents = true;
|
|
844
844
|
// Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter
|
|
845
845
|
// with pointerType="mouse" immediately after onPointerUp and before onFocus. On other
|
|
846
846
|
// devices that don't have this quirk, we don't want to ignore a mouse hover sometime in
|
|
847
847
|
// the distant future because a user previously touched the element.
|
|
848
848
|
setTimeout(()=>{
|
|
849
|
-
$
|
|
849
|
+
$deea67f305dbdcff$var$globalIgnoreEmulatedMouseEvents = false;
|
|
850
850
|
}, 50);
|
|
851
851
|
}
|
|
852
|
-
function $
|
|
853
|
-
if (e.pointerType === 'touch') $
|
|
852
|
+
function $deea67f305dbdcff$var$handleGlobalPointerEvent(e) {
|
|
853
|
+
if (e.pointerType === 'touch') $deea67f305dbdcff$var$setGlobalIgnoreEmulatedMouseEvents();
|
|
854
854
|
}
|
|
855
|
-
function $
|
|
855
|
+
function $deea67f305dbdcff$var$setupGlobalTouchEvents() {
|
|
856
856
|
if (typeof document === 'undefined') return;
|
|
857
|
-
if (typeof PointerEvent !== 'undefined') document.addEventListener('pointerup', $
|
|
858
|
-
else document.addEventListener('touchend', $
|
|
859
|
-
$
|
|
857
|
+
if (typeof PointerEvent !== 'undefined') document.addEventListener('pointerup', $deea67f305dbdcff$var$handleGlobalPointerEvent);
|
|
858
|
+
else document.addEventListener('touchend', $deea67f305dbdcff$var$setGlobalIgnoreEmulatedMouseEvents);
|
|
859
|
+
$deea67f305dbdcff$var$hoverCount++;
|
|
860
860
|
return ()=>{
|
|
861
|
-
$
|
|
862
|
-
if ($
|
|
863
|
-
if (typeof PointerEvent !== 'undefined') document.removeEventListener('pointerup', $
|
|
864
|
-
else document.removeEventListener('touchend', $
|
|
861
|
+
$deea67f305dbdcff$var$hoverCount--;
|
|
862
|
+
if ($deea67f305dbdcff$var$hoverCount > 0) return;
|
|
863
|
+
if (typeof PointerEvent !== 'undefined') document.removeEventListener('pointerup', $deea67f305dbdcff$var$handleGlobalPointerEvent);
|
|
864
|
+
else document.removeEventListener('touchend', $deea67f305dbdcff$var$setGlobalIgnoreEmulatedMouseEvents);
|
|
865
865
|
};
|
|
866
866
|
}
|
|
867
|
-
function $
|
|
867
|
+
function $deea67f305dbdcff$export$ae780daf29e6d456(props) {
|
|
868
868
|
let { onHoverStart: onHoverStart , onHoverChange: onHoverChange , onHoverEnd: onHoverEnd , isDisabled: isDisabled } = props;
|
|
869
|
-
let [isHovered, setHovered] = $
|
|
870
|
-
let state = $
|
|
869
|
+
let [isHovered, setHovered] = $8jK7q$react.useState(false);
|
|
870
|
+
let state = $8jK7q$react.useRef({
|
|
871
871
|
isHovered: false,
|
|
872
872
|
ignoreEmulatedMouseEvents: false,
|
|
873
873
|
pointerType: '',
|
|
874
874
|
target: null
|
|
875
875
|
}).current;
|
|
876
|
-
$
|
|
877
|
-
let { hoverProps: hoverProps1 , triggerHoverEnd: triggerHoverEnd1 } = $
|
|
876
|
+
$8jK7q$react.useEffect($deea67f305dbdcff$var$setupGlobalTouchEvents, []);
|
|
877
|
+
let { hoverProps: hoverProps1 , triggerHoverEnd: triggerHoverEnd1 } = $8jK7q$react.useMemo(()=>{
|
|
878
878
|
let triggerHoverStart = (event, pointerType)=>{
|
|
879
879
|
state.pointerType = pointerType;
|
|
880
880
|
if (isDisabled || pointerType === 'touch' || state.isHovered || !event.currentTarget.contains(event.target)) return;
|
|
@@ -907,7 +907,7 @@ function $4b8eb1649346cd09$export$ae780daf29e6d456(props) {
|
|
|
907
907
|
};
|
|
908
908
|
if (typeof PointerEvent !== 'undefined') {
|
|
909
909
|
hoverProps.onPointerEnter = (e)=>{
|
|
910
|
-
if ($
|
|
910
|
+
if ($deea67f305dbdcff$var$globalIgnoreEmulatedMouseEvents && e.pointerType === 'mouse') return;
|
|
911
911
|
triggerHoverStart(e, e.pointerType);
|
|
912
912
|
};
|
|
913
913
|
hoverProps.onPointerLeave = (e)=>{
|
|
@@ -918,7 +918,7 @@ function $4b8eb1649346cd09$export$ae780daf29e6d456(props) {
|
|
|
918
918
|
state.ignoreEmulatedMouseEvents = true;
|
|
919
919
|
};
|
|
920
920
|
hoverProps.onMouseEnter = (e)=>{
|
|
921
|
-
if (!state.ignoreEmulatedMouseEvents && !$
|
|
921
|
+
if (!state.ignoreEmulatedMouseEvents && !$deea67f305dbdcff$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, 'mouse');
|
|
922
922
|
state.ignoreEmulatedMouseEvents = false;
|
|
923
923
|
};
|
|
924
924
|
hoverProps.onMouseLeave = (e)=>{
|
|
@@ -936,7 +936,7 @@ function $4b8eb1649346cd09$export$ae780daf29e6d456(props) {
|
|
|
936
936
|
isDisabled,
|
|
937
937
|
state
|
|
938
938
|
]);
|
|
939
|
-
$
|
|
939
|
+
$8jK7q$react.useEffect(()=>{
|
|
940
940
|
// Call the triggerHoverEnd as soon as isDisabled changes to true
|
|
941
941
|
// Safe to call triggerHoverEnd, it will early return if we aren't currently hovering
|
|
942
942
|
if (isDisabled) triggerHoverEnd1({
|
|
@@ -952,13 +952,13 @@ function $4b8eb1649346cd09$export$ae780daf29e6d456(props) {
|
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
|
|
955
|
-
var $
|
|
955
|
+
var $0c6336b20c83c923$exports = {};
|
|
956
956
|
|
|
957
|
-
$parcel$export($
|
|
957
|
+
$parcel$export($0c6336b20c83c923$exports, "useInteractOutside", () => $0c6336b20c83c923$export$872b660ac5a1ff98);
|
|
958
958
|
|
|
959
|
-
function $
|
|
959
|
+
function $0c6336b20c83c923$export$872b660ac5a1ff98(props) {
|
|
960
960
|
let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart } = props;
|
|
961
|
-
let stateRef = $
|
|
961
|
+
let stateRef = $8jK7q$react.useRef({
|
|
962
962
|
isPointerDown: false,
|
|
963
963
|
ignoreEmulatedMouseEvents: false,
|
|
964
964
|
onInteractOutside: onInteractOutside,
|
|
@@ -967,10 +967,10 @@ function $8f0ce4835a72a872$export$872b660ac5a1ff98(props) {
|
|
|
967
967
|
let state = stateRef.current;
|
|
968
968
|
state.onInteractOutside = onInteractOutside;
|
|
969
969
|
state.onInteractOutsideStart = onInteractOutsideStart;
|
|
970
|
-
$
|
|
970
|
+
$8jK7q$react.useEffect(()=>{
|
|
971
971
|
if (isDisabled) return;
|
|
972
972
|
let onPointerDown = (e)=>{
|
|
973
|
-
if ($
|
|
973
|
+
if ($0c6336b20c83c923$var$isValidEvent(e, ref) && state.onInteractOutside) {
|
|
974
974
|
if (state.onInteractOutsideStart) state.onInteractOutsideStart(e);
|
|
975
975
|
state.isPointerDown = true;
|
|
976
976
|
}
|
|
@@ -978,7 +978,7 @@ function $8f0ce4835a72a872$export$872b660ac5a1ff98(props) {
|
|
|
978
978
|
// Use pointer events if available. Otherwise, fall back to mouse and touch events.
|
|
979
979
|
if (typeof PointerEvent !== 'undefined') {
|
|
980
980
|
let onPointerUp = (e)=>{
|
|
981
|
-
if (state.isPointerDown && state.onInteractOutside && $
|
|
981
|
+
if (state.isPointerDown && state.onInteractOutside && $0c6336b20c83c923$var$isValidEvent(e, ref)) {
|
|
982
982
|
state.isPointerDown = false;
|
|
983
983
|
state.onInteractOutside(e);
|
|
984
984
|
}
|
|
@@ -993,14 +993,14 @@ function $8f0ce4835a72a872$export$872b660ac5a1ff98(props) {
|
|
|
993
993
|
} else {
|
|
994
994
|
let onMouseUp = (e)=>{
|
|
995
995
|
if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;
|
|
996
|
-
else if (state.isPointerDown && state.onInteractOutside && $
|
|
996
|
+
else if (state.isPointerDown && state.onInteractOutside && $0c6336b20c83c923$var$isValidEvent(e, ref)) {
|
|
997
997
|
state.isPointerDown = false;
|
|
998
998
|
state.onInteractOutside(e);
|
|
999
999
|
}
|
|
1000
1000
|
};
|
|
1001
1001
|
let onTouchEnd = (e)=>{
|
|
1002
1002
|
state.ignoreEmulatedMouseEvents = true;
|
|
1003
|
-
if (state.onInteractOutside && state.isPointerDown && $
|
|
1003
|
+
if (state.onInteractOutside && state.isPointerDown && $0c6336b20c83c923$var$isValidEvent(e, ref)) {
|
|
1004
1004
|
state.isPointerDown = false;
|
|
1005
1005
|
state.onInteractOutside(e);
|
|
1006
1006
|
}
|
|
@@ -1022,7 +1022,7 @@ function $8f0ce4835a72a872$export$872b660ac5a1ff98(props) {
|
|
|
1022
1022
|
isDisabled
|
|
1023
1023
|
]);
|
|
1024
1024
|
}
|
|
1025
|
-
function $
|
|
1025
|
+
function $0c6336b20c83c923$var$isValidEvent(event, ref) {
|
|
1026
1026
|
if (event.button > 0) return false;
|
|
1027
1027
|
// if the event target is no longer in the document
|
|
1028
1028
|
if (event.target) {
|
|
@@ -1033,10 +1033,10 @@ function $8f0ce4835a72a872$var$isValidEvent(event, ref) {
|
|
|
1033
1033
|
}
|
|
1034
1034
|
|
|
1035
1035
|
|
|
1036
|
-
var $
|
|
1036
|
+
var $c24144c20f830a60$exports = {};
|
|
1037
1037
|
|
|
1038
|
-
$parcel$export($
|
|
1039
|
-
function $
|
|
1038
|
+
$parcel$export($c24144c20f830a60$exports, "useKeyboard", () => $c24144c20f830a60$export$8f71654801c2f7cd);
|
|
1039
|
+
function $e17e88c0ac871d70$export$48d1ea6320830260(handler) {
|
|
1040
1040
|
if (!handler) return;
|
|
1041
1041
|
let shouldStopPropagation = true;
|
|
1042
1042
|
return (e)=>{
|
|
@@ -1061,43 +1061,43 @@ function $31987ec81bbe9f11$export$48d1ea6320830260(handler) {
|
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
|
|
1064
|
-
function $
|
|
1064
|
+
function $c24144c20f830a60$export$8f71654801c2f7cd(props) {
|
|
1065
1065
|
return {
|
|
1066
1066
|
keyboardProps: props.isDisabled ? {
|
|
1067
1067
|
} : {
|
|
1068
|
-
onKeyDown: $
|
|
1069
|
-
onKeyUp: $
|
|
1068
|
+
onKeyDown: $e17e88c0ac871d70$export$48d1ea6320830260(props.onKeyDown),
|
|
1069
|
+
onKeyUp: $e17e88c0ac871d70$export$48d1ea6320830260(props.onKeyUp)
|
|
1070
1070
|
}
|
|
1071
1071
|
};
|
|
1072
1072
|
}
|
|
1073
1073
|
|
|
1074
1074
|
|
|
1075
|
-
var $
|
|
1075
|
+
var $4a391f140757b0c6$exports = {};
|
|
1076
1076
|
|
|
1077
|
-
$parcel$export($
|
|
1077
|
+
$parcel$export($4a391f140757b0c6$exports, "useMove", () => $4a391f140757b0c6$export$36da96379f79f245);
|
|
1078
1078
|
|
|
1079
1079
|
|
|
1080
1080
|
|
|
1081
|
-
function $
|
|
1081
|
+
function $4a391f140757b0c6$export$36da96379f79f245(props) {
|
|
1082
1082
|
let { onMoveStart: onMoveStart , onMove: onMove , onMoveEnd: onMoveEnd } = props;
|
|
1083
|
-
let state = $
|
|
1083
|
+
let state = $8jK7q$react.useRef({
|
|
1084
1084
|
didMove: false,
|
|
1085
1085
|
lastPosition: null,
|
|
1086
1086
|
id: null
|
|
1087
1087
|
});
|
|
1088
|
-
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $
|
|
1089
|
-
let moveProps1 = $
|
|
1088
|
+
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $8jK7q$reactariautils.useGlobalListeners();
|
|
1089
|
+
let moveProps1 = $8jK7q$react.useMemo(()=>{
|
|
1090
1090
|
let moveProps = {
|
|
1091
1091
|
};
|
|
1092
1092
|
let start = ()=>{
|
|
1093
|
-
$
|
|
1093
|
+
$f85b19f7e83b9914$export$16a4697467175487();
|
|
1094
1094
|
state.current.didMove = false;
|
|
1095
1095
|
};
|
|
1096
1096
|
let move = (originalEvent, pointerType, deltaX, deltaY)=>{
|
|
1097
1097
|
if (deltaX === 0 && deltaY === 0) return;
|
|
1098
1098
|
if (!state.current.didMove) {
|
|
1099
1099
|
state.current.didMove = true;
|
|
1100
|
-
onMoveStart
|
|
1100
|
+
onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({
|
|
1101
1101
|
type: 'movestart',
|
|
1102
1102
|
pointerType: pointerType,
|
|
1103
1103
|
shiftKey: originalEvent.shiftKey,
|
|
@@ -1118,8 +1118,8 @@ function $f423117844ced967$export$36da96379f79f245(props) {
|
|
|
1118
1118
|
});
|
|
1119
1119
|
};
|
|
1120
1120
|
let end = (originalEvent, pointerType)=>{
|
|
1121
|
-
$
|
|
1122
|
-
if (state.current.didMove) onMoveEnd
|
|
1121
|
+
$f85b19f7e83b9914$export$b0d6fa1ab32e3295();
|
|
1122
|
+
if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
|
|
1123
1123
|
type: 'moveend',
|
|
1124
1124
|
pointerType: pointerType,
|
|
1125
1125
|
shiftKey: originalEvent.shiftKey,
|
|
@@ -1289,14 +1289,14 @@ function $f423117844ced967$export$36da96379f79f245(props) {
|
|
|
1289
1289
|
|
|
1290
1290
|
|
|
1291
1291
|
|
|
1292
|
-
var $
|
|
1292
|
+
var $47bb792292b48f4a$exports = {};
|
|
1293
1293
|
|
|
1294
|
-
$parcel$export($
|
|
1294
|
+
$parcel$export($47bb792292b48f4a$exports, "useScrollWheel", () => $47bb792292b48f4a$export$2123ff2b87c81ca);
|
|
1295
1295
|
|
|
1296
1296
|
|
|
1297
|
-
function $
|
|
1297
|
+
function $47bb792292b48f4a$export$2123ff2b87c81ca(props, ref) {
|
|
1298
1298
|
let { onScroll: onScroll , isDisabled: isDisabled } = props;
|
|
1299
|
-
let onScrollHandler = $
|
|
1299
|
+
let onScrollHandler = $8jK7q$react.useCallback((e)=>{
|
|
1300
1300
|
// If the ctrlKey is pressed, this is a zoom event, do nothing.
|
|
1301
1301
|
if (e.ctrlKey) return;
|
|
1302
1302
|
// stop scrolling the page
|
|
@@ -1309,22 +1309,22 @@ function $4c03451c7497f50d$export$2123ff2b87c81ca(props, ref) {
|
|
|
1309
1309
|
}, [
|
|
1310
1310
|
onScroll
|
|
1311
1311
|
]);
|
|
1312
|
-
$
|
|
1312
|
+
$8jK7q$reactariautils.useEvent(ref, 'wheel', isDisabled ? null : onScrollHandler);
|
|
1313
1313
|
}
|
|
1314
1314
|
|
|
1315
1315
|
|
|
1316
|
-
var $
|
|
1316
|
+
var $b777e6fb4c63da4c$exports = {};
|
|
1317
1317
|
|
|
1318
|
-
$parcel$export($
|
|
1318
|
+
$parcel$export($b777e6fb4c63da4c$exports, "useLongPress", () => $b777e6fb4c63da4c$export$c24ed0104d07eab9);
|
|
1319
1319
|
|
|
1320
1320
|
|
|
1321
1321
|
|
|
1322
|
-
const $
|
|
1323
|
-
function $
|
|
1324
|
-
let { isDisabled: isDisabled , onLongPressStart: onLongPressStart , onLongPressEnd: onLongPressEnd , onLongPress: onLongPress , threshold: threshold = $
|
|
1325
|
-
const timeRef = $
|
|
1326
|
-
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $
|
|
1327
|
-
let { pressProps: pressProps } = $
|
|
1322
|
+
const $b777e6fb4c63da4c$var$DEFAULT_THRESHOLD = 500;
|
|
1323
|
+
function $b777e6fb4c63da4c$export$c24ed0104d07eab9(props) {
|
|
1324
|
+
let { isDisabled: isDisabled , onLongPressStart: onLongPressStart , onLongPressEnd: onLongPressEnd , onLongPress: onLongPress , threshold: threshold = $b777e6fb4c63da4c$var$DEFAULT_THRESHOLD , accessibilityDescription: accessibilityDescription } = props;
|
|
1325
|
+
const timeRef = $8jK7q$react.useRef(null);
|
|
1326
|
+
let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = $8jK7q$reactariautils.useGlobalListeners();
|
|
1327
|
+
let { pressProps: pressProps } = $49794190ef05a7aa$export$45712eceda6fad21({
|
|
1328
1328
|
isDisabled: isDisabled,
|
|
1329
1329
|
onPressStart (e1) {
|
|
1330
1330
|
if (e1.pointerType === 'mouse' || e1.pointerType === 'touch') {
|
|
@@ -1371,25 +1371,25 @@ function $6d4d33e908c058b9$export$c24ed0104d07eab9(props) {
|
|
|
1371
1371
|
});
|
|
1372
1372
|
}
|
|
1373
1373
|
});
|
|
1374
|
-
let descriptionProps = $
|
|
1374
|
+
let descriptionProps = $8jK7q$reactariautils.useDescription(onLongPress && !isDisabled ? accessibilityDescription : null);
|
|
1375
1375
|
return {
|
|
1376
|
-
longPressProps: $
|
|
1376
|
+
longPressProps: $8jK7q$reactariautils.mergeProps(pressProps, descriptionProps)
|
|
1377
1377
|
};
|
|
1378
1378
|
}
|
|
1379
1379
|
|
|
1380
1380
|
|
|
1381
|
-
$parcel$exportWildcard(module.exports, $
|
|
1382
|
-
$parcel$exportWildcard(module.exports, $
|
|
1383
|
-
$parcel$exportWildcard(module.exports, $
|
|
1384
|
-
$parcel$exportWildcard(module.exports, $
|
|
1385
|
-
$parcel$exportWildcard(module.exports, $
|
|
1386
|
-
$parcel$exportWildcard(module.exports, $
|
|
1387
|
-
$parcel$exportWildcard(module.exports, $
|
|
1388
|
-
$parcel$exportWildcard(module.exports, $
|
|
1389
|
-
$parcel$exportWildcard(module.exports, $
|
|
1390
|
-
$parcel$exportWildcard(module.exports, $
|
|
1391
|
-
$parcel$exportWildcard(module.exports, $
|
|
1392
|
-
$parcel$exportWildcard(module.exports, $
|
|
1381
|
+
$parcel$exportWildcard(module.exports, $c7e4402d7268b9e5$exports);
|
|
1382
|
+
$parcel$exportWildcard(module.exports, $94a1d642bd05f094$exports);
|
|
1383
|
+
$parcel$exportWildcard(module.exports, $5848daf14fd6f7cb$exports);
|
|
1384
|
+
$parcel$exportWildcard(module.exports, $418794b2e2f608b3$exports);
|
|
1385
|
+
$parcel$exportWildcard(module.exports, $62b9c773b0fd3946$exports);
|
|
1386
|
+
$parcel$exportWildcard(module.exports, $deea67f305dbdcff$exports);
|
|
1387
|
+
$parcel$exportWildcard(module.exports, $0c6336b20c83c923$exports);
|
|
1388
|
+
$parcel$exportWildcard(module.exports, $c24144c20f830a60$exports);
|
|
1389
|
+
$parcel$exportWildcard(module.exports, $4a391f140757b0c6$exports);
|
|
1390
|
+
$parcel$exportWildcard(module.exports, $49794190ef05a7aa$exports);
|
|
1391
|
+
$parcel$exportWildcard(module.exports, $47bb792292b48f4a$exports);
|
|
1392
|
+
$parcel$exportWildcard(module.exports, $b777e6fb4c63da4c$exports);
|
|
1393
1393
|
|
|
1394
1394
|
|
|
1395
1395
|
//# sourceMappingURL=main.js.map
|