@react-aria/interactions 3.19.0 → 3.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +110 -71
- package/dist/main.js +110 -69
- package/dist/main.js.map +1 -1
- package/dist/module.js +110 -71
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +6 -6
- package/dist/types.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/DOMPropsContext.ts +1 -1
- package/src/DOMPropsResponder.tsx +5 -3
- package/src/PressResponder.tsx +7 -5
- package/src/Pressable.tsx +4 -5
- package/src/context.ts +1 -1
- package/src/createEventHandler.ts +2 -2
- package/src/textSelection.ts +10 -6
- package/src/useFocusVisible.ts +22 -6
- package/src/useFocusWithin.ts +3 -2
- package/src/useInteractOutside.ts +21 -18
- package/src/useLongPress.ts +3 -3
- package/src/useMove.ts +4 -4
- package/src/usePress.ts +50 -40
- package/src/useScrollWheel.ts +1 -1
- package/src/utils.ts +4 -4
package/dist/main.js
CHANGED
|
@@ -5,9 +5,11 @@ var $goTMa$swchelperscjs_class_private_field_initcjs = require("@swc/helpers/cjs
|
|
|
5
5
|
var $goTMa$swchelperscjs_class_private_field_setcjs = require("@swc/helpers/cjs/_class_private_field_set.cjs");
|
|
6
6
|
var $goTMa$reactariassr = require("@react-aria/ssr");
|
|
7
7
|
|
|
8
|
+
|
|
8
9
|
function $parcel$export(e, n, v, s) {
|
|
9
10
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
10
11
|
}
|
|
12
|
+
|
|
11
13
|
function $parcel$interopDefault(a) {
|
|
12
14
|
return a && a.__esModule ? a.default : a;
|
|
13
15
|
}
|
|
@@ -87,8 +89,10 @@ let $f7e14e656343df57$var$modifiedElementMap = new WeakMap();
|
|
|
87
89
|
function $f7e14e656343df57$export$16a4697467175487(target) {
|
|
88
90
|
if ((0, $goTMa$reactariautils.isIOS)()) {
|
|
89
91
|
if ($f7e14e656343df57$var$state === "default") {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
+
// eslint-disable-next-line no-restricted-globals
|
|
93
|
+
const documentObject = (0, $goTMa$reactariautils.getOwnerDocument)(target);
|
|
94
|
+
$f7e14e656343df57$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
|
|
95
|
+
documentObject.documentElement.style.webkitUserSelect = "none";
|
|
92
96
|
}
|
|
93
97
|
$f7e14e656343df57$var$state = "disabled";
|
|
94
98
|
} else if (target instanceof HTMLElement || target instanceof SVGElement) {
|
|
@@ -112,7 +116,9 @@ function $f7e14e656343df57$export$b0d6fa1ab32e3295(target) {
|
|
|
112
116
|
(0, $goTMa$reactariautils.runAfterTransition)(()=>{
|
|
113
117
|
// Avoid race conditions
|
|
114
118
|
if ($f7e14e656343df57$var$state === "restoring") {
|
|
115
|
-
|
|
119
|
+
// eslint-disable-next-line no-restricted-globals
|
|
120
|
+
const documentObject = (0, $goTMa$reactariautils.getOwnerDocument)(target);
|
|
121
|
+
if (documentObject.documentElement.style.webkitUserSelect === "none") documentObject.documentElement.style.webkitUserSelect = $f7e14e656343df57$var$savedUserSelect || "";
|
|
116
122
|
$f7e14e656343df57$var$savedUserSelect = "";
|
|
117
123
|
$f7e14e656343df57$var$state = "default";
|
|
118
124
|
}
|
|
@@ -123,7 +129,7 @@ function $f7e14e656343df57$export$b0d6fa1ab32e3295(target) {
|
|
|
123
129
|
{
|
|
124
130
|
if (target && $f7e14e656343df57$var$modifiedElementMap.has(target)) {
|
|
125
131
|
let targetOldUserSelect = $f7e14e656343df57$var$modifiedElementMap.get(target);
|
|
126
|
-
if (target.style.userSelect === "none") target.style.userSelect = targetOldUserSelect;
|
|
132
|
+
if (target.style.userSelect === "none" && targetOldUserSelect) target.style.userSelect = targetOldUserSelect;
|
|
127
133
|
if (target.getAttribute("style") === "") target.removeAttribute("style");
|
|
128
134
|
$f7e14e656343df57$var$modifiedElementMap.delete(target);
|
|
129
135
|
}
|
|
@@ -143,7 +149,9 @@ function $f7e14e656343df57$export$b0d6fa1ab32e3295(target) {
|
|
|
143
149
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
144
150
|
* governing permissions and limitations under the License.
|
|
145
151
|
*/
|
|
146
|
-
const $01d3f539e91688c8$export$5165eccb35aaadb5 = (0, ($parcel$interopDefault($goTMa$react))).createContext(
|
|
152
|
+
const $01d3f539e91688c8$export$5165eccb35aaadb5 = (0, ($parcel$interopDefault($goTMa$react))).createContext({
|
|
153
|
+
register: ()=>{}
|
|
154
|
+
});
|
|
147
155
|
$01d3f539e91688c8$export$5165eccb35aaadb5.displayName = "PressResponderContext";
|
|
148
156
|
|
|
149
157
|
|
|
@@ -201,7 +209,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
201
209
|
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
202
210
|
let triggerPressStart = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType)=>{
|
|
203
211
|
let state = ref.current;
|
|
204
|
-
if (isDisabled || state.didFirePressStart) return;
|
|
212
|
+
if (isDisabled || state.didFirePressStart) return false;
|
|
205
213
|
let shouldStopPropagation = true;
|
|
206
214
|
state.isTriggeringEvent = true;
|
|
207
215
|
if (onPressStart) {
|
|
@@ -217,7 +225,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
217
225
|
});
|
|
218
226
|
let triggerPressEnd = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType, wasPressed = true)=>{
|
|
219
227
|
let state = ref.current;
|
|
220
|
-
if (!state.didFirePressStart) return;
|
|
228
|
+
if (!state.didFirePressStart) return false;
|
|
221
229
|
state.ignoreClickAfterPress = true;
|
|
222
230
|
state.didFirePressStart = false;
|
|
223
231
|
state.isTriggeringEvent = true;
|
|
@@ -239,7 +247,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
239
247
|
});
|
|
240
248
|
let triggerPressUp = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType)=>{
|
|
241
249
|
let state = ref.current;
|
|
242
|
-
if (isDisabled) return;
|
|
250
|
+
if (isDisabled) return false;
|
|
243
251
|
if (onPressUp) {
|
|
244
252
|
state.isTriggeringEvent = true;
|
|
245
253
|
let event = new $0294ea432cd92340$var$PressEvent("pressup", pointerType, originalEvent);
|
|
@@ -251,8 +259,8 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
251
259
|
});
|
|
252
260
|
let cancel = (0, $goTMa$reactariautils.useEffectEvent)((e)=>{
|
|
253
261
|
let state = ref.current;
|
|
254
|
-
if (state.isPressed) {
|
|
255
|
-
if (state.isOverTarget) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
262
|
+
if (state.isPressed && state.target) {
|
|
263
|
+
if (state.isOverTarget && state.pointerType != null) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
256
264
|
state.isPressed = false;
|
|
257
265
|
state.isOverTarget = false;
|
|
258
266
|
state.activePointerId = null;
|
|
@@ -269,6 +277,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
269
277
|
let pressProps = {
|
|
270
278
|
onKeyDown (e) {
|
|
271
279
|
if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
|
|
280
|
+
var _state_metaKeyEvents;
|
|
272
281
|
if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
|
|
273
282
|
// If the event is repeating, it may have started on a different element
|
|
274
283
|
// after which focus moved to the current element. Ignore these events and
|
|
@@ -280,7 +289,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
280
289
|
shouldStopPropagation = triggerPressStart(e, "keyboard");
|
|
281
290
|
// Focus may move before the key up event, so register the event on the document
|
|
282
291
|
// instead of the same element where the key down event occurred.
|
|
283
|
-
addGlobalListener(
|
|
292
|
+
addGlobalListener((0, $goTMa$reactariautils.getOwnerDocument)(e.currentTarget), "keyup", onKeyUp, false);
|
|
284
293
|
}
|
|
285
294
|
if (shouldStopPropagation) e.stopPropagation();
|
|
286
295
|
// Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
|
|
@@ -290,11 +299,11 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
290
299
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
|
|
291
300
|
// https://bugs.webkit.org/show_bug.cgi?id=55291
|
|
292
301
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
|
|
293
|
-
if (e.metaKey && (0, $goTMa$reactariautils.isMac)()) state.metaKeyEvents.set(e.key, e.nativeEvent);
|
|
302
|
+
if (e.metaKey && (0, $goTMa$reactariautils.isMac)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.set(e.key, e.nativeEvent);
|
|
294
303
|
} else if (e.key === "Meta") state.metaKeyEvents = new Map();
|
|
295
304
|
},
|
|
296
305
|
onKeyUp (e) {
|
|
297
|
-
if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($0294ea432cd92340$var$createEvent(state.target, e), "keyboard");
|
|
306
|
+
if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target) && state.target) triggerPressUp($0294ea432cd92340$var$createEvent(state.target, e), "keyboard");
|
|
298
307
|
},
|
|
299
308
|
onClick (e) {
|
|
300
309
|
if (e && !e.currentTarget.contains(e.target)) return;
|
|
@@ -319,7 +328,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
319
328
|
};
|
|
320
329
|
let onKeyUp = (e)=>{
|
|
321
330
|
var _state_metaKeyEvents;
|
|
322
|
-
if (state.isPressed && $0294ea432cd92340$var$isValidKeyboardEvent(e, state.target)) {
|
|
331
|
+
if (state.isPressed && state.target && $0294ea432cd92340$var$isValidKeyboardEvent(e, state.target)) {
|
|
323
332
|
var _state_metaKeyEvents1;
|
|
324
333
|
if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
|
|
325
334
|
let target = e.target;
|
|
@@ -338,12 +347,13 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
338
347
|
state.isPressed = false;
|
|
339
348
|
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
340
349
|
} else if (e.key === "Meta" && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
350
|
+
var _state_target;
|
|
341
351
|
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
342
352
|
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
343
353
|
// See comment above for more info about the macOS bug causing this.
|
|
344
354
|
let events = state.metaKeyEvents;
|
|
345
|
-
state.metaKeyEvents =
|
|
346
|
-
for (let event of events.values())state.target.dispatchEvent(new KeyboardEvent("keyup", event));
|
|
355
|
+
state.metaKeyEvents = undefined;
|
|
356
|
+
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent("keyup", event));
|
|
347
357
|
}
|
|
348
358
|
};
|
|
349
359
|
if (typeof PointerEvent !== "undefined") {
|
|
@@ -371,9 +381,9 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
371
381
|
if (!isDisabled && !preventFocusOnPress) (0, $goTMa$reactariautils.focusWithoutScrolling)(e.currentTarget);
|
|
372
382
|
if (!allowTextSelectionOnPress) (0, $f7e14e656343df57$export$16a4697467175487)(state.target);
|
|
373
383
|
shouldStopPropagation = triggerPressStart(e, state.pointerType);
|
|
374
|
-
addGlobalListener(
|
|
375
|
-
addGlobalListener(
|
|
376
|
-
addGlobalListener(
|
|
384
|
+
addGlobalListener((0, $goTMa$reactariautils.getOwnerDocument)(e.currentTarget), "pointermove", onPointerMove, false);
|
|
385
|
+
addGlobalListener((0, $goTMa$reactariautils.getOwnerDocument)(e.currentTarget), "pointerup", onPointerUp, false);
|
|
386
|
+
addGlobalListener((0, $goTMa$reactariautils.getOwnerDocument)(e.currentTarget), "pointercancel", onPointerCancel, false);
|
|
377
387
|
}
|
|
378
388
|
if (shouldStopPropagation) e.stopPropagation();
|
|
379
389
|
};
|
|
@@ -400,21 +410,21 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
400
410
|
// See https://bugs.webkit.org/show_bug.cgi?id=199803
|
|
401
411
|
let onPointerMove = (e)=>{
|
|
402
412
|
if (e.pointerId !== state.activePointerId) return;
|
|
403
|
-
if ($0294ea432cd92340$var$isOverTarget(e, state.target)) {
|
|
404
|
-
if (!state.isOverTarget) {
|
|
413
|
+
if (state.target && $0294ea432cd92340$var$isOverTarget(e, state.target)) {
|
|
414
|
+
if (!state.isOverTarget && state.pointerType != null) {
|
|
405
415
|
state.isOverTarget = true;
|
|
406
416
|
triggerPressStart($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType);
|
|
407
417
|
}
|
|
408
|
-
} else if (state.isOverTarget) {
|
|
418
|
+
} else if (state.target && state.isOverTarget && state.pointerType != null) {
|
|
409
419
|
state.isOverTarget = false;
|
|
410
420
|
triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
411
421
|
cancelOnPointerExit(e);
|
|
412
422
|
}
|
|
413
423
|
};
|
|
414
424
|
let onPointerUp = (e)=>{
|
|
415
|
-
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0) {
|
|
416
|
-
if ($0294ea432cd92340$var$isOverTarget(e, state.target)) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType);
|
|
417
|
-
else if (state.isOverTarget) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
425
|
+
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
426
|
+
if ($0294ea432cd92340$var$isOverTarget(e, state.target) && state.pointerType != null) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType);
|
|
427
|
+
else if (state.isOverTarget && state.pointerType != null) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
418
428
|
state.isPressed = false;
|
|
419
429
|
state.isOverTarget = false;
|
|
420
430
|
state.activePointerId = null;
|
|
@@ -449,12 +459,12 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
449
459
|
if (!isDisabled && !preventFocusOnPress) (0, $goTMa$reactariautils.focusWithoutScrolling)(e.currentTarget);
|
|
450
460
|
let shouldStopPropagation = triggerPressStart(e, state.pointerType);
|
|
451
461
|
if (shouldStopPropagation) e.stopPropagation();
|
|
452
|
-
addGlobalListener(
|
|
462
|
+
addGlobalListener((0, $goTMa$reactariautils.getOwnerDocument)(e.currentTarget), "mouseup", onMouseUp, false);
|
|
453
463
|
};
|
|
454
464
|
pressProps.onMouseEnter = (e)=>{
|
|
455
465
|
if (!e.currentTarget.contains(e.target)) return;
|
|
456
466
|
let shouldStopPropagation = true;
|
|
457
|
-
if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
|
|
467
|
+
if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
|
|
458
468
|
state.isOverTarget = true;
|
|
459
469
|
shouldStopPropagation = triggerPressStart(e, state.pointerType);
|
|
460
470
|
}
|
|
@@ -463,7 +473,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
463
473
|
pressProps.onMouseLeave = (e)=>{
|
|
464
474
|
if (!e.currentTarget.contains(e.target)) return;
|
|
465
475
|
let shouldStopPropagation = true;
|
|
466
|
-
if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
|
|
476
|
+
if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
|
|
467
477
|
state.isOverTarget = false;
|
|
468
478
|
shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
|
|
469
479
|
cancelOnPointerExit(e);
|
|
@@ -483,8 +493,8 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
483
493
|
state.ignoreEmulatedMouseEvents = false;
|
|
484
494
|
return;
|
|
485
495
|
}
|
|
486
|
-
if ($0294ea432cd92340$var$isOverTarget(e, state.target)) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType);
|
|
487
|
-
else if (state.isOverTarget) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
496
|
+
if (state.target && $0294ea432cd92340$var$isOverTarget(e, state.target) && state.pointerType != null) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType);
|
|
497
|
+
else if (state.target && state.isOverTarget && state.pointerType != null) triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), state.pointerType, false);
|
|
488
498
|
state.isOverTarget = false;
|
|
489
499
|
};
|
|
490
500
|
pressProps.onTouchStart = (e)=>{
|
|
@@ -503,7 +513,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
503
513
|
if (!allowTextSelectionOnPress) (0, $f7e14e656343df57$export$16a4697467175487)(state.target);
|
|
504
514
|
let shouldStopPropagation = triggerPressStart(e, state.pointerType);
|
|
505
515
|
if (shouldStopPropagation) e.stopPropagation();
|
|
506
|
-
addGlobalListener(
|
|
516
|
+
addGlobalListener((0, $goTMa$reactariautils.getOwnerWindow)(e.currentTarget), "scroll", onScroll, true);
|
|
507
517
|
};
|
|
508
518
|
pressProps.onTouchMove = (e)=>{
|
|
509
519
|
if (!e.currentTarget.contains(e.target)) return;
|
|
@@ -514,11 +524,11 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
514
524
|
let touch = $0294ea432cd92340$var$getTouchById(e.nativeEvent, state.activePointerId);
|
|
515
525
|
let shouldStopPropagation = true;
|
|
516
526
|
if (touch && $0294ea432cd92340$var$isOverTarget(touch, e.currentTarget)) {
|
|
517
|
-
if (!state.isOverTarget) {
|
|
527
|
+
if (!state.isOverTarget && state.pointerType != null) {
|
|
518
528
|
state.isOverTarget = true;
|
|
519
529
|
shouldStopPropagation = triggerPressStart(e, state.pointerType);
|
|
520
530
|
}
|
|
521
|
-
} else if (state.isOverTarget) {
|
|
531
|
+
} else if (state.isOverTarget && state.pointerType != null) {
|
|
522
532
|
state.isOverTarget = false;
|
|
523
533
|
shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
|
|
524
534
|
cancelOnPointerExit(e);
|
|
@@ -533,16 +543,16 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
533
543
|
}
|
|
534
544
|
let touch = $0294ea432cd92340$var$getTouchById(e.nativeEvent, state.activePointerId);
|
|
535
545
|
let shouldStopPropagation = true;
|
|
536
|
-
if (touch && $0294ea432cd92340$var$isOverTarget(touch, e.currentTarget)) {
|
|
546
|
+
if (touch && $0294ea432cd92340$var$isOverTarget(touch, e.currentTarget) && state.pointerType != null) {
|
|
537
547
|
triggerPressUp(e, state.pointerType);
|
|
538
548
|
shouldStopPropagation = triggerPressEnd(e, state.pointerType);
|
|
539
|
-
} else if (state.isOverTarget) shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
|
|
549
|
+
} else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
|
|
540
550
|
if (shouldStopPropagation) e.stopPropagation();
|
|
541
551
|
state.isPressed = false;
|
|
542
552
|
state.activePointerId = null;
|
|
543
553
|
state.isOverTarget = false;
|
|
544
554
|
state.ignoreEmulatedMouseEvents = true;
|
|
545
|
-
if (!allowTextSelectionOnPress) (0, $f7e14e656343df57$export$b0d6fa1ab32e3295)(state.target);
|
|
555
|
+
if (state.target && !allowTextSelectionOnPress) (0, $f7e14e656343df57$export$b0d6fa1ab32e3295)(state.target);
|
|
546
556
|
removeAllGlobalListeners();
|
|
547
557
|
};
|
|
548
558
|
pressProps.onTouchCancel = (e)=>{
|
|
@@ -581,8 +591,9 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
581
591
|
// eslint-disable-next-line arrow-body-style
|
|
582
592
|
(0, $goTMa$react.useEffect)(()=>{
|
|
583
593
|
return ()=>{
|
|
594
|
+
var _ref_current_target;
|
|
584
595
|
if (!allowTextSelectionOnPress) // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
585
|
-
(0, $f7e14e656343df57$export$b0d6fa1ab32e3295)(ref.current.target);
|
|
596
|
+
(0, $f7e14e656343df57$export$b0d6fa1ab32e3295)((_ref_current_target = ref.current.target) !== null && _ref_current_target !== void 0 ? _ref_current_target : undefined);
|
|
586
597
|
};
|
|
587
598
|
}, [
|
|
588
599
|
allowTextSelectionOnPress
|
|
@@ -601,7 +612,7 @@ function $0294ea432cd92340$var$isValidKeyboardEvent(event, currentTarget) {
|
|
|
601
612
|
const role = element.getAttribute("role");
|
|
602
613
|
// Accessibility for keyboards. Space and Enter only.
|
|
603
614
|
// "Spacebar" is for IE 11
|
|
604
|
-
return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof HTMLInputElement && !$0294ea432cd92340$var$isValidInputKey(element, key) || element instanceof HTMLTextAreaElement || element.isContentEditable) && // Links should only trigger with Enter key
|
|
615
|
+
return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof (0, $goTMa$reactariautils.getOwnerWindow)(element).HTMLInputElement && !$0294ea432cd92340$var$isValidInputKey(element, key) || element instanceof (0, $goTMa$reactariautils.getOwnerWindow)(element).HTMLTextAreaElement || element.isContentEditable) && // Links should only trigger with Enter key
|
|
605
616
|
!((role === "link" || !role && $0294ea432cd92340$var$isHTMLAnchorLink(element)) && key !== "Enter");
|
|
606
617
|
}
|
|
607
618
|
function $0294ea432cd92340$var$getTouchFromEvent(event) {
|
|
@@ -627,8 +638,12 @@ function $0294ea432cd92340$var$createEvent(target, e) {
|
|
|
627
638
|
};
|
|
628
639
|
}
|
|
629
640
|
function $0294ea432cd92340$var$getPointClientRect(point) {
|
|
630
|
-
let offsetX =
|
|
631
|
-
let offsetY =
|
|
641
|
+
let offsetX = 0;
|
|
642
|
+
let offsetY = 0;
|
|
643
|
+
if (point.width !== undefined) offsetX = point.width / 2;
|
|
644
|
+
else if (point.radiusX !== undefined) offsetX = point.radiusX;
|
|
645
|
+
if (point.height !== undefined) offsetY = point.height / 2;
|
|
646
|
+
else if (point.radiusY !== undefined) offsetY = point.radiusY;
|
|
632
647
|
return {
|
|
633
648
|
top: point.clientY - offsetY,
|
|
634
649
|
right: point.clientX + offsetX,
|
|
@@ -677,8 +692,7 @@ function $0294ea432cd92340$var$isValidInputKey(target, key) {
|
|
|
677
692
|
|
|
678
693
|
|
|
679
694
|
const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).forwardRef(({ children: children, ...props }, ref)=>{
|
|
680
|
-
|
|
681
|
-
ref = ref !== null && ref !== void 0 ? ref : newRef;
|
|
695
|
+
ref = (0, $goTMa$reactariautils.useObjectRef)(ref);
|
|
682
696
|
let { pressProps: pressProps } = (0, $0294ea432cd92340$export$45712eceda6fad21)({
|
|
683
697
|
...props,
|
|
684
698
|
ref: ref
|
|
@@ -708,9 +722,10 @@ const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, ($parcel$int
|
|
|
708
722
|
const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).forwardRef(({ children: children, ...props }, ref)=>{
|
|
709
723
|
let isRegistered = (0, $goTMa$react.useRef)(false);
|
|
710
724
|
let prevContext = (0, $goTMa$react.useContext)((0, $01d3f539e91688c8$export$5165eccb35aaadb5));
|
|
725
|
+
ref = (0, $goTMa$reactariautils.useObjectRef)(ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref));
|
|
711
726
|
let context = (0, $goTMa$reactariautils.mergeProps)(prevContext || {}, {
|
|
712
727
|
...props,
|
|
713
|
-
ref: ref
|
|
728
|
+
ref: ref,
|
|
714
729
|
register () {
|
|
715
730
|
isRegistered.current = true;
|
|
716
731
|
if (prevContext) prevContext.register();
|
|
@@ -728,8 +743,11 @@ const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ (0, ($parcel$int
|
|
|
728
743
|
}, children);
|
|
729
744
|
});
|
|
730
745
|
function $3596bae48579386f$export$cf75428e0b9ed1ea({ children: children }) {
|
|
746
|
+
let context = (0, $goTMa$react.useMemo)(()=>({
|
|
747
|
+
register: ()=>{}
|
|
748
|
+
}), []);
|
|
731
749
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).createElement((0, $01d3f539e91688c8$export$5165eccb35aaadb5).Provider, {
|
|
732
|
-
value:
|
|
750
|
+
value: context
|
|
733
751
|
}, children);
|
|
734
752
|
}
|
|
735
753
|
|
|
@@ -834,7 +852,8 @@ function $625cf83917e112ad$export$715c682d09d639cc(onBlur) {
|
|
|
834
852
|
});
|
|
835
853
|
stateRef.current.observer = new MutationObserver(()=>{
|
|
836
854
|
if (stateRef.current.isFocused && target.disabled) {
|
|
837
|
-
|
|
855
|
+
var _stateRef_current_observer;
|
|
856
|
+
(_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === void 0 ? void 0 : _stateRef_current_observer.disconnect();
|
|
838
857
|
let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
|
|
839
858
|
target.dispatchEvent(new FocusEvent("blur", {
|
|
840
859
|
relatedTarget: relatedTargetEl
|
|
@@ -1028,10 +1047,23 @@ function $e77252a287ef94ab$export$98e20ec92f614cfe() {
|
|
|
1028
1047
|
}, []);
|
|
1029
1048
|
return (0, $goTMa$reactariassr.useIsSSR)() ? null : modality;
|
|
1030
1049
|
}
|
|
1050
|
+
const $e77252a287ef94ab$var$nonTextInputTypes = new Set([
|
|
1051
|
+
"checkbox",
|
|
1052
|
+
"radio",
|
|
1053
|
+
"range",
|
|
1054
|
+
"color",
|
|
1055
|
+
"file",
|
|
1056
|
+
"image",
|
|
1057
|
+
"button",
|
|
1058
|
+
"submit",
|
|
1059
|
+
"reset"
|
|
1060
|
+
]);
|
|
1031
1061
|
/**
|
|
1032
1062
|
* If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
|
|
1033
1063
|
* focus visible style can be properly set.
|
|
1034
1064
|
*/ function $e77252a287ef94ab$var$isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
1065
|
+
var _e_target;
|
|
1066
|
+
isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLInputElement && !$e77252a287ef94ab$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
|
|
1035
1067
|
return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$e77252a287ef94ab$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
1036
1068
|
}
|
|
1037
1069
|
function $e77252a287ef94ab$export$ffd9e5021c1fb2d6(props = {}) {
|
|
@@ -1052,7 +1084,7 @@ function $e77252a287ef94ab$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
|
1052
1084
|
$e77252a287ef94ab$var$setupGlobalFocusEvents();
|
|
1053
1085
|
(0, $goTMa$react.useEffect)(()=>{
|
|
1054
1086
|
let handler = (modality, e)=>{
|
|
1055
|
-
if (!$e77252a287ef94ab$var$isKeyboardFocusEvent(opts === null || opts === void 0 ? void 0 : opts.isTextInput, modality, e)) return;
|
|
1087
|
+
if (!$e77252a287ef94ab$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
|
|
1056
1088
|
fn($e77252a287ef94ab$export$b9b3dfddab17db27());
|
|
1057
1089
|
};
|
|
1058
1090
|
$e77252a287ef94ab$var$changeHandlers.add(handler);
|
|
@@ -1116,8 +1148,9 @@ function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
|
|
|
1116
1148
|
]);
|
|
1117
1149
|
if (isDisabled) return {
|
|
1118
1150
|
focusWithinProps: {
|
|
1119
|
-
|
|
1120
|
-
|
|
1151
|
+
// These should not have been null, that would conflict in mergeProps
|
|
1152
|
+
onFocus: undefined,
|
|
1153
|
+
onBlur: undefined
|
|
1121
1154
|
}
|
|
1122
1155
|
};
|
|
1123
1156
|
return {
|
|
@@ -1296,6 +1329,8 @@ function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
|
|
|
1296
1329
|
(0, $goTMa$react.useEffect)(()=>{
|
|
1297
1330
|
let state = stateRef.current;
|
|
1298
1331
|
if (isDisabled) return;
|
|
1332
|
+
const element = ref.current;
|
|
1333
|
+
const documentObject = (0, $goTMa$reactariautils.getOwnerDocument)(element);
|
|
1299
1334
|
// Use pointer events if available. Otherwise, fall back to mouse and touch events.
|
|
1300
1335
|
if (typeof PointerEvent !== "undefined") {
|
|
1301
1336
|
let onPointerUp = (e)=>{
|
|
@@ -1303,11 +1338,11 @@ function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
|
|
|
1303
1338
|
state.isPointerDown = false;
|
|
1304
1339
|
};
|
|
1305
1340
|
// changing these to capture phase fixed combobox
|
|
1306
|
-
|
|
1307
|
-
|
|
1341
|
+
documentObject.addEventListener("pointerdown", onPointerDown, true);
|
|
1342
|
+
documentObject.addEventListener("pointerup", onPointerUp, true);
|
|
1308
1343
|
return ()=>{
|
|
1309
|
-
|
|
1310
|
-
|
|
1344
|
+
documentObject.removeEventListener("pointerdown", onPointerDown, true);
|
|
1345
|
+
documentObject.removeEventListener("pointerup", onPointerUp, true);
|
|
1311
1346
|
};
|
|
1312
1347
|
} else {
|
|
1313
1348
|
let onMouseUp = (e)=>{
|
|
@@ -1320,15 +1355,15 @@ function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
|
|
|
1320
1355
|
if (state.isPointerDown && $edcfa848c42f94f4$var$isValidEvent(e, ref)) triggerInteractOutside(e);
|
|
1321
1356
|
state.isPointerDown = false;
|
|
1322
1357
|
};
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1358
|
+
documentObject.addEventListener("mousedown", onPointerDown, true);
|
|
1359
|
+
documentObject.addEventListener("mouseup", onMouseUp, true);
|
|
1360
|
+
documentObject.addEventListener("touchstart", onPointerDown, true);
|
|
1361
|
+
documentObject.addEventListener("touchend", onTouchEnd, true);
|
|
1327
1362
|
return ()=>{
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1363
|
+
documentObject.removeEventListener("mousedown", onPointerDown, true);
|
|
1364
|
+
documentObject.removeEventListener("mouseup", onMouseUp, true);
|
|
1365
|
+
documentObject.removeEventListener("touchstart", onPointerDown, true);
|
|
1366
|
+
documentObject.removeEventListener("touchend", onTouchEnd, true);
|
|
1332
1367
|
};
|
|
1333
1368
|
}
|
|
1334
1369
|
}, [
|
|
@@ -1372,7 +1407,7 @@ function $edcfa848c42f94f4$var$isValidEvent(event, ref) {
|
|
|
1372
1407
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1373
1408
|
* governing permissions and limitations under the License.
|
|
1374
1409
|
*/ function $951fbcbbca8db6ce$export$48d1ea6320830260(handler) {
|
|
1375
|
-
if (!handler) return;
|
|
1410
|
+
if (!handler) return undefined;
|
|
1376
1411
|
let shouldStopPropagation = true;
|
|
1377
1412
|
return (e)=>{
|
|
1378
1413
|
let event = {
|
|
@@ -1440,7 +1475,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1440
1475
|
altKey: originalEvent.altKey
|
|
1441
1476
|
});
|
|
1442
1477
|
}
|
|
1443
|
-
onMove({
|
|
1478
|
+
onMove === null || onMove === void 0 ? void 0 : onMove({
|
|
1444
1479
|
type: "move",
|
|
1445
1480
|
pointerType: pointerType,
|
|
1446
1481
|
deltaX: deltaX,
|
|
@@ -1471,7 +1506,9 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1471
1506
|
if (typeof PointerEvent === "undefined") {
|
|
1472
1507
|
let onMouseMove = (e)=>{
|
|
1473
1508
|
if (e.button === 0) {
|
|
1474
|
-
|
|
1509
|
+
var _state_current_lastPosition, _state_current_lastPosition1;
|
|
1510
|
+
var _state_current_lastPosition_pageX, _state_current_lastPosition_pageY;
|
|
1511
|
+
move(e, "mouse", e.pageX - ((_state_current_lastPosition_pageX = (_state_current_lastPosition = state.current.lastPosition) === null || _state_current_lastPosition === void 0 ? void 0 : _state_current_lastPosition.pageX) !== null && _state_current_lastPosition_pageX !== void 0 ? _state_current_lastPosition_pageX : 0), e.pageY - ((_state_current_lastPosition_pageY = (_state_current_lastPosition1 = state.current.lastPosition) === null || _state_current_lastPosition1 === void 0 ? void 0 : _state_current_lastPosition1.pageY) !== null && _state_current_lastPosition_pageY !== void 0 ? _state_current_lastPosition_pageY : 0));
|
|
1475
1512
|
state.current.lastPosition = {
|
|
1476
1513
|
pageX: e.pageX,
|
|
1477
1514
|
pageY: e.pageY
|
|
@@ -1503,8 +1540,10 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1503
1540
|
...e.changedTouches
|
|
1504
1541
|
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1505
1542
|
if (touch >= 0) {
|
|
1543
|
+
var _state_current_lastPosition, _state_current_lastPosition1;
|
|
1506
1544
|
let { pageX: pageX, pageY: pageY } = e.changedTouches[touch];
|
|
1507
|
-
|
|
1545
|
+
var _state_current_lastPosition_pageX, _state_current_lastPosition_pageY;
|
|
1546
|
+
move(e, "touch", pageX - ((_state_current_lastPosition_pageX = (_state_current_lastPosition = state.current.lastPosition) === null || _state_current_lastPosition === void 0 ? void 0 : _state_current_lastPosition.pageX) !== null && _state_current_lastPosition_pageX !== void 0 ? _state_current_lastPosition_pageX : 0), pageY - ((_state_current_lastPosition_pageY = (_state_current_lastPosition1 = state.current.lastPosition) === null || _state_current_lastPosition1 === void 0 ? void 0 : _state_current_lastPosition1.pageY) !== null && _state_current_lastPosition_pageY !== void 0 ? _state_current_lastPosition_pageY : 0));
|
|
1508
1547
|
state.current.lastPosition = {
|
|
1509
1548
|
pageX: pageX,
|
|
1510
1549
|
pageY: pageY
|
|
@@ -1541,11 +1580,13 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1541
1580
|
} else {
|
|
1542
1581
|
let onPointerMove = (e)=>{
|
|
1543
1582
|
if (e.pointerId === state.current.id) {
|
|
1583
|
+
var _state_current_lastPosition, _state_current_lastPosition1;
|
|
1544
1584
|
let pointerType = e.pointerType || "mouse";
|
|
1585
|
+
var _state_current_lastPosition_pageX, _state_current_lastPosition_pageY;
|
|
1545
1586
|
// Problems with PointerEvent#movementX/movementY:
|
|
1546
1587
|
// 1. it is always 0 on macOS Safari.
|
|
1547
1588
|
// 2. On Chrome Android, it's scaled by devicePixelRatio, but not on Chrome macOS
|
|
1548
|
-
move(e, pointerType, e.pageX - state.current.lastPosition.pageX, e.pageY - state.current.lastPosition.pageY);
|
|
1589
|
+
move(e, pointerType, e.pageX - ((_state_current_lastPosition_pageX = (_state_current_lastPosition = state.current.lastPosition) === null || _state_current_lastPosition === void 0 ? void 0 : _state_current_lastPosition.pageX) !== null && _state_current_lastPosition_pageX !== void 0 ? _state_current_lastPosition_pageX : 0), e.pageY - ((_state_current_lastPosition_pageY = (_state_current_lastPosition1 = state.current.lastPosition) === null || _state_current_lastPosition1 === void 0 ? void 0 : _state_current_lastPosition1.pageY) !== null && _state_current_lastPosition_pageY !== void 0 ? _state_current_lastPosition_pageY : 0));
|
|
1549
1590
|
state.current.lastPosition = {
|
|
1550
1591
|
pageX: e.pageX,
|
|
1551
1592
|
pageY: e.pageY
|
|
@@ -1653,7 +1694,7 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
|
1653
1694
|
}, [
|
|
1654
1695
|
onScroll
|
|
1655
1696
|
]);
|
|
1656
|
-
(0, $goTMa$reactariautils.useEvent)(ref, "wheel", isDisabled ?
|
|
1697
|
+
(0, $goTMa$reactariautils.useEvent)(ref, "wheel", isDisabled ? undefined : onScrollHandler);
|
|
1657
1698
|
}
|
|
1658
1699
|
|
|
1659
1700
|
|
|
@@ -1673,7 +1714,7 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
|
1673
1714
|
const $3cd7b5d0eebf0ca9$var$DEFAULT_THRESHOLD = 500;
|
|
1674
1715
|
function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
|
|
1675
1716
|
let { isDisabled: isDisabled, onLongPressStart: onLongPressStart, onLongPressEnd: onLongPressEnd, onLongPress: onLongPress, threshold: threshold = $3cd7b5d0eebf0ca9$var$DEFAULT_THRESHOLD, accessibilityDescription: accessibilityDescription } = props;
|
|
1676
|
-
const timeRef = (0, $goTMa$react.useRef)(
|
|
1717
|
+
const timeRef = (0, $goTMa$react.useRef)();
|
|
1677
1718
|
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
1678
1719
|
let { pressProps: pressProps } = (0, $0294ea432cd92340$export$45712eceda6fad21)({
|
|
1679
1720
|
isDisabled: isDisabled,
|
|
@@ -1693,7 +1734,7 @@ function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
|
|
|
1693
1734
|
...e,
|
|
1694
1735
|
type: "longpress"
|
|
1695
1736
|
});
|
|
1696
|
-
timeRef.current =
|
|
1737
|
+
timeRef.current = undefined;
|
|
1697
1738
|
}, threshold);
|
|
1698
1739
|
// Prevent context menu, which may be opened on long press on touch devices
|
|
1699
1740
|
if (e.pointerType === "touch") {
|
|
@@ -1723,7 +1764,7 @@ function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
|
|
|
1723
1764
|
});
|
|
1724
1765
|
}
|
|
1725
1766
|
});
|
|
1726
|
-
let descriptionProps = (0, $goTMa$reactariautils.useDescription)(onLongPress && !isDisabled ? accessibilityDescription :
|
|
1767
|
+
let descriptionProps = (0, $goTMa$reactariautils.useDescription)(onLongPress && !isDisabled ? accessibilityDescription : undefined);
|
|
1727
1768
|
return {
|
|
1728
1769
|
longPressProps: (0, $goTMa$reactariautils.mergeProps)(pressProps, descriptionProps)
|
|
1729
1770
|
};
|