@react-aria/interactions 3.18.0 → 3.19.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 +77 -43
- package/dist/main.js +76 -41
- package/dist/main.js.map +1 -1
- package/dist/module.js +77 -43
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +3 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/PressResponder.tsx +8 -0
- package/src/index.ts +1 -1
- package/src/usePress.ts +58 -22
package/dist/main.js
CHANGED
|
@@ -14,6 +14,7 @@ function $parcel$interopDefault(a) {
|
|
|
14
14
|
|
|
15
15
|
$parcel$export(module.exports, "Pressable", () => $e1dbec26039c051d$export$27c701ed9e449e99);
|
|
16
16
|
$parcel$export(module.exports, "PressResponder", () => $3596bae48579386f$export$3351871ee4b288b8);
|
|
17
|
+
$parcel$export(module.exports, "ClearPressResponder", () => $3596bae48579386f$export$cf75428e0b9ed1ea);
|
|
17
18
|
$parcel$export(module.exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6);
|
|
18
19
|
$parcel$export(module.exports, "isFocusVisible", () => $e77252a287ef94ab$export$b9b3dfddab17db27);
|
|
19
20
|
$parcel$export(module.exports, "getInteractionModality", () => $e77252a287ef94ab$export$630ff653c5ada6a9);
|
|
@@ -151,7 +152,7 @@ function $0294ea432cd92340$var$usePressResponderContext(props) {
|
|
|
151
152
|
// Consume context from <PressResponder> and merge with props.
|
|
152
153
|
let context = (0, $goTMa$react.useContext)((0, $01d3f539e91688c8$export$5165eccb35aaadb5));
|
|
153
154
|
if (context) {
|
|
154
|
-
let { register: register
|
|
155
|
+
let { register: register, ...contextProps } = context;
|
|
155
156
|
props = (0, $goTMa$reactariautils.mergeProps)(contextProps, props);
|
|
156
157
|
register();
|
|
157
158
|
}
|
|
@@ -181,31 +182,35 @@ class $0294ea432cd92340$var$PressEvent {
|
|
|
181
182
|
this.altKey = originalEvent.altKey;
|
|
182
183
|
}
|
|
183
184
|
}
|
|
185
|
+
const $0294ea432cd92340$var$LINK_CLICKED = Symbol("linkClicked");
|
|
184
186
|
function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
185
|
-
let { onPress: onPress
|
|
186
|
-
ref: _
|
|
187
|
+
let { onPress: onPress, onPressChange: onPressChange, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressUp: onPressUp, isDisabled: isDisabled, isPressed: isPressedProp, preventFocusOnPress: preventFocusOnPress, shouldCancelOnPointerExit: shouldCancelOnPointerExit, allowTextSelectionOnPress: allowTextSelectionOnPress, // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
188
|
+
ref: _, ...domProps } = $0294ea432cd92340$var$usePressResponderContext(props);
|
|
187
189
|
let [isPressed, setPressed] = (0, $goTMa$react.useState)(false);
|
|
188
190
|
let ref = (0, $goTMa$react.useRef)({
|
|
189
191
|
isPressed: false,
|
|
190
192
|
ignoreEmulatedMouseEvents: false,
|
|
191
193
|
ignoreClickAfterPress: false,
|
|
192
194
|
didFirePressStart: false,
|
|
195
|
+
isTriggeringEvent: false,
|
|
193
196
|
activePointerId: null,
|
|
194
197
|
target: null,
|
|
195
198
|
isOverTarget: false,
|
|
196
199
|
pointerType: null
|
|
197
200
|
});
|
|
198
|
-
let { addGlobalListener: addGlobalListener
|
|
201
|
+
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
199
202
|
let triggerPressStart = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType)=>{
|
|
200
203
|
let state = ref.current;
|
|
201
204
|
if (isDisabled || state.didFirePressStart) return;
|
|
202
205
|
let shouldStopPropagation = true;
|
|
206
|
+
state.isTriggeringEvent = true;
|
|
203
207
|
if (onPressStart) {
|
|
204
208
|
let event = new $0294ea432cd92340$var$PressEvent("pressstart", pointerType, originalEvent);
|
|
205
209
|
onPressStart(event);
|
|
206
210
|
shouldStopPropagation = event.shouldStopPropagation;
|
|
207
211
|
}
|
|
208
212
|
if (onPressChange) onPressChange(true);
|
|
213
|
+
state.isTriggeringEvent = false;
|
|
209
214
|
state.didFirePressStart = true;
|
|
210
215
|
setPressed(true);
|
|
211
216
|
return shouldStopPropagation;
|
|
@@ -215,6 +220,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
215
220
|
if (!state.didFirePressStart) return;
|
|
216
221
|
state.ignoreClickAfterPress = true;
|
|
217
222
|
state.didFirePressStart = false;
|
|
223
|
+
state.isTriggeringEvent = true;
|
|
218
224
|
let shouldStopPropagation = true;
|
|
219
225
|
if (onPressEnd) {
|
|
220
226
|
let event = new $0294ea432cd92340$var$PressEvent("pressend", pointerType, originalEvent);
|
|
@@ -228,13 +234,17 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
228
234
|
onPress(event);
|
|
229
235
|
shouldStopPropagation && (shouldStopPropagation = event.shouldStopPropagation);
|
|
230
236
|
}
|
|
237
|
+
state.isTriggeringEvent = false;
|
|
231
238
|
return shouldStopPropagation;
|
|
232
239
|
});
|
|
233
240
|
let triggerPressUp = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType)=>{
|
|
241
|
+
let state = ref.current;
|
|
234
242
|
if (isDisabled) return;
|
|
235
243
|
if (onPressUp) {
|
|
244
|
+
state.isTriggeringEvent = true;
|
|
236
245
|
let event = new $0294ea432cd92340$var$PressEvent("pressup", pointerType, originalEvent);
|
|
237
246
|
onPressUp(event);
|
|
247
|
+
state.isTriggeringEvent = false;
|
|
238
248
|
return event.shouldStopPropagation;
|
|
239
249
|
}
|
|
240
250
|
return true;
|
|
@@ -273,22 +283,27 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
273
283
|
addGlobalListener(document, "keyup", onKeyUp, false);
|
|
274
284
|
}
|
|
275
285
|
if (shouldStopPropagation) e.stopPropagation();
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
286
|
+
// Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
|
|
287
|
+
// macOS has a bug where keyup events are not fired while the Meta key is down.
|
|
288
|
+
// When the Meta key itself is released we will get an event for that, and we'll act as if
|
|
289
|
+
// all of these other keys were released as well.
|
|
290
|
+
// https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
|
|
291
|
+
// https://bugs.webkit.org/show_bug.cgi?id=55291
|
|
292
|
+
// https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
|
|
293
|
+
if (e.metaKey && (0, $goTMa$reactariautils.isMac)()) state.metaKeyEvents.set(e.key, e.nativeEvent);
|
|
294
|
+
} else if (e.key === "Meta") state.metaKeyEvents = new Map();
|
|
280
295
|
},
|
|
281
296
|
onKeyUp (e) {
|
|
282
297
|
if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($0294ea432cd92340$var$createEvent(state.target, e), "keyboard");
|
|
283
298
|
},
|
|
284
299
|
onClick (e) {
|
|
285
300
|
if (e && !e.currentTarget.contains(e.target)) return;
|
|
286
|
-
if (e && e.button === 0) {
|
|
301
|
+
if (e && e.button === 0 && !state.isTriggeringEvent && !(0, $goTMa$reactariautils.openLink).isOpening) {
|
|
287
302
|
let shouldStopPropagation = true;
|
|
288
303
|
if (isDisabled) e.preventDefault();
|
|
289
304
|
// If triggered from a screen reader or by using element.click(),
|
|
290
305
|
// trigger as if it were a keyboard click.
|
|
291
|
-
if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === "virtual" || (0, $goTMa$reactariautils.isVirtualClick)(e.nativeEvent))) {
|
|
306
|
+
if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || (0, $goTMa$reactariautils.isVirtualClick)(e.nativeEvent))) {
|
|
292
307
|
// Ensure the element receives focus (VoiceOver on iOS does not do this)
|
|
293
308
|
if (!isDisabled && !preventFocusOnPress) (0, $goTMa$reactariautils.focusWithoutScrolling)(e.currentTarget);
|
|
294
309
|
let stopPressStart = triggerPressStart(e, "virtual");
|
|
@@ -303,16 +318,32 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
303
318
|
}
|
|
304
319
|
};
|
|
305
320
|
let onKeyUp = (e)=>{
|
|
321
|
+
var _state_metaKeyEvents;
|
|
306
322
|
if (state.isPressed && $0294ea432cd92340$var$isValidKeyboardEvent(e, state.target)) {
|
|
323
|
+
var _state_metaKeyEvents1;
|
|
307
324
|
if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
|
|
308
|
-
state.isPressed = false;
|
|
309
325
|
let target = e.target;
|
|
310
326
|
let shouldStopPropagation = triggerPressEnd($0294ea432cd92340$var$createEvent(state.target, e), "keyboard", state.target.contains(target));
|
|
311
327
|
removeAllGlobalListeners();
|
|
312
328
|
if (shouldStopPropagation) e.stopPropagation();
|
|
313
|
-
// If
|
|
314
|
-
//
|
|
315
|
-
|
|
329
|
+
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
330
|
+
// This means the link has a role override, and the default browser behavior
|
|
331
|
+
// only applies when using the Enter key.
|
|
332
|
+
if (e.key !== "Enter" && $0294ea432cd92340$var$isHTMLAnchorLink(state.target) && state.target.contains(target) && !e[$0294ea432cd92340$var$LINK_CLICKED]) {
|
|
333
|
+
// Store a hidden property on the event so we only trigger link click once,
|
|
334
|
+
// even if there are multiple usePress instances attached to the element.
|
|
335
|
+
e[$0294ea432cd92340$var$LINK_CLICKED] = true;
|
|
336
|
+
(0, $goTMa$reactariautils.openLink)(state.target, e, false);
|
|
337
|
+
}
|
|
338
|
+
state.isPressed = false;
|
|
339
|
+
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
340
|
+
} else if (e.key === "Meta" && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
341
|
+
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
342
|
+
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
343
|
+
// See comment above for more info about the macOS bug causing this.
|
|
344
|
+
let events = state.metaKeyEvents;
|
|
345
|
+
state.metaKeyEvents = null;
|
|
346
|
+
for (let event of events.values())state.target.dispatchEvent(new KeyboardEvent("keyup", event));
|
|
316
347
|
}
|
|
317
348
|
};
|
|
318
349
|
if (typeof PointerEvent !== "undefined") {
|
|
@@ -441,7 +472,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
441
472
|
};
|
|
442
473
|
pressProps.onMouseUp = (e)=>{
|
|
443
474
|
if (!e.currentTarget.contains(e.target)) return;
|
|
444
|
-
if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType);
|
|
475
|
+
if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType || "mouse");
|
|
445
476
|
};
|
|
446
477
|
let onMouseUp = (e)=>{
|
|
447
478
|
// Only handle left clicks
|
|
@@ -565,18 +596,16 @@ function $0294ea432cd92340$var$isHTMLAnchorLink(target) {
|
|
|
565
596
|
return target.tagName === "A" && target.hasAttribute("href");
|
|
566
597
|
}
|
|
567
598
|
function $0294ea432cd92340$var$isValidKeyboardEvent(event, currentTarget) {
|
|
568
|
-
const { key: key
|
|
599
|
+
const { key: key, code: code } = event;
|
|
569
600
|
const element = currentTarget;
|
|
570
601
|
const role = element.getAttribute("role");
|
|
571
602
|
// Accessibility for keyboards. Space and Enter only.
|
|
572
603
|
// "Spacebar" is for IE 11
|
|
573
|
-
return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof HTMLInputElement && !$0294ea432cd92340$var$isValidInputKey(element, key) || element instanceof HTMLTextAreaElement || element.isContentEditable) && //
|
|
574
|
-
|
|
575
|
-
(!$0294ea432cd92340$var$isHTMLAnchorLink(element) || role === "button" && key !== "Enter") && // An element with role='link' should only trigger with Enter key
|
|
576
|
-
!(role === "link" && key !== "Enter");
|
|
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
|
|
605
|
+
!((role === "link" || !role && $0294ea432cd92340$var$isHTMLAnchorLink(element)) && key !== "Enter");
|
|
577
606
|
}
|
|
578
607
|
function $0294ea432cd92340$var$getTouchFromEvent(event) {
|
|
579
|
-
const { targetTouches: targetTouches
|
|
608
|
+
const { targetTouches: targetTouches } = event;
|
|
580
609
|
if (targetTouches.length > 0) return targetTouches[0];
|
|
581
610
|
return null;
|
|
582
611
|
}
|
|
@@ -621,11 +650,12 @@ function $0294ea432cd92340$var$isOverTarget(point, target) {
|
|
|
621
650
|
}
|
|
622
651
|
function $0294ea432cd92340$var$shouldPreventDefault(target) {
|
|
623
652
|
// We cannot prevent default if the target is a draggable element.
|
|
624
|
-
return !(target instanceof HTMLElement) || !target.draggable;
|
|
653
|
+
return !(target instanceof HTMLElement) || !target.hasAttribute("draggable");
|
|
625
654
|
}
|
|
626
655
|
function $0294ea432cd92340$var$shouldPreventDefaultKeyboard(target, key) {
|
|
627
656
|
if (target instanceof HTMLInputElement) return !$0294ea432cd92340$var$isValidInputKey(target, key);
|
|
628
657
|
if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
|
|
658
|
+
if ($0294ea432cd92340$var$isHTMLAnchorLink(target)) return false;
|
|
629
659
|
return true;
|
|
630
660
|
}
|
|
631
661
|
const $0294ea432cd92340$var$nonTextInputTypes = new Set([
|
|
@@ -646,10 +676,10 @@ function $0294ea432cd92340$var$isValidInputKey(target, key) {
|
|
|
646
676
|
|
|
647
677
|
|
|
648
678
|
|
|
649
|
-
const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).forwardRef(({ children: children
|
|
679
|
+
const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).forwardRef(({ children: children, ...props }, ref)=>{
|
|
650
680
|
let newRef = (0, $goTMa$react.useRef)();
|
|
651
681
|
ref = ref !== null && ref !== void 0 ? ref : newRef;
|
|
652
|
-
let { pressProps: pressProps
|
|
682
|
+
let { pressProps: pressProps } = (0, $0294ea432cd92340$export$45712eceda6fad21)({
|
|
653
683
|
...props,
|
|
654
684
|
ref: ref
|
|
655
685
|
});
|
|
@@ -675,7 +705,7 @@ const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, ($parcel$int
|
|
|
675
705
|
*/
|
|
676
706
|
|
|
677
707
|
|
|
678
|
-
const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).forwardRef(({ children: children
|
|
708
|
+
const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).forwardRef(({ children: children, ...props }, ref)=>{
|
|
679
709
|
let isRegistered = (0, $goTMa$react.useRef)(false);
|
|
680
710
|
let prevContext = (0, $goTMa$react.useContext)((0, $01d3f539e91688c8$export$5165eccb35aaadb5));
|
|
681
711
|
let context = (0, $goTMa$reactariautils.mergeProps)(prevContext || {}, {
|
|
@@ -697,6 +727,11 @@ const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ (0, ($parcel$int
|
|
|
697
727
|
value: context
|
|
698
728
|
}, children);
|
|
699
729
|
});
|
|
730
|
+
function $3596bae48579386f$export$cf75428e0b9ed1ea({ children: children }) {
|
|
731
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).createElement((0, $01d3f539e91688c8$export$5165eccb35aaadb5).Provider, {
|
|
732
|
+
value: undefined
|
|
733
|
+
}, children);
|
|
734
|
+
}
|
|
700
735
|
|
|
701
736
|
|
|
702
737
|
/*
|
|
@@ -824,7 +859,7 @@ function $625cf83917e112ad$export$715c682d09d639cc(onBlur) {
|
|
|
824
859
|
|
|
825
860
|
|
|
826
861
|
function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
|
|
827
|
-
let { isDisabled: isDisabled
|
|
862
|
+
let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
|
|
828
863
|
const onBlur = (0, $goTMa$react.useCallback)((e)=>{
|
|
829
864
|
if (e.target === e.currentTarget) {
|
|
830
865
|
if (onBlurProp) onBlurProp(e);
|
|
@@ -1000,7 +1035,7 @@ function $e77252a287ef94ab$export$98e20ec92f614cfe() {
|
|
|
1000
1035
|
return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$e77252a287ef94ab$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
1001
1036
|
}
|
|
1002
1037
|
function $e77252a287ef94ab$export$ffd9e5021c1fb2d6(props = {}) {
|
|
1003
|
-
let { isTextInput: isTextInput
|
|
1038
|
+
let { isTextInput: isTextInput, autoFocus: autoFocus } = props;
|
|
1004
1039
|
let [isFocusVisibleState, setFocusVisible] = (0, $goTMa$react.useState)(autoFocus || $e77252a287ef94ab$export$b9b3dfddab17db27());
|
|
1005
1040
|
$e77252a287ef94ab$export$ec71b4b83ac08ec3((isFocusVisible)=>{
|
|
1006
1041
|
setFocusVisible(isFocusVisible);
|
|
@@ -1046,7 +1081,7 @@ function $e77252a287ef94ab$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
|
1046
1081
|
|
|
1047
1082
|
|
|
1048
1083
|
function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
|
|
1049
|
-
let { isDisabled: isDisabled
|
|
1084
|
+
let { isDisabled: isDisabled, onBlurWithin: onBlurWithin, onFocusWithin: onFocusWithin, onFocusWithinChange: onFocusWithinChange } = props;
|
|
1050
1085
|
let state = (0, $goTMa$react.useRef)({
|
|
1051
1086
|
isFocusWithin: false
|
|
1052
1087
|
});
|
|
@@ -1140,7 +1175,7 @@ function $ffbc150311c75f01$var$setupGlobalTouchEvents() {
|
|
|
1140
1175
|
};
|
|
1141
1176
|
}
|
|
1142
1177
|
function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
1143
|
-
let { onHoverStart: onHoverStart
|
|
1178
|
+
let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, isDisabled: isDisabled } = props;
|
|
1144
1179
|
let [isHovered, setHovered] = (0, $goTMa$react.useState)(false);
|
|
1145
1180
|
let state = (0, $goTMa$react.useRef)({
|
|
1146
1181
|
isHovered: false,
|
|
@@ -1149,7 +1184,7 @@ function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
|
1149
1184
|
target: null
|
|
1150
1185
|
}).current;
|
|
1151
1186
|
(0, $goTMa$react.useEffect)($ffbc150311c75f01$var$setupGlobalTouchEvents, []);
|
|
1152
|
-
let { hoverProps: hoverProps
|
|
1187
|
+
let { hoverProps: hoverProps, triggerHoverEnd: triggerHoverEnd } = (0, $goTMa$react.useMemo)(()=>{
|
|
1153
1188
|
let triggerHoverStart = (event, pointerType)=>{
|
|
1154
1189
|
state.pointerType = pointerType;
|
|
1155
1190
|
if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target)) return;
|
|
@@ -1244,7 +1279,7 @@ function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
|
1244
1279
|
|
|
1245
1280
|
|
|
1246
1281
|
function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
|
|
1247
|
-
let { ref: ref
|
|
1282
|
+
let { ref: ref, onInteractOutside: onInteractOutside, isDisabled: isDisabled, onInteractOutsideStart: onInteractOutsideStart } = props;
|
|
1248
1283
|
let stateRef = (0, $goTMa$react.useRef)({
|
|
1249
1284
|
isPointerDown: false,
|
|
1250
1285
|
ignoreEmulatedMouseEvents: false
|
|
@@ -1385,13 +1420,13 @@ function $892d64db2a3c53b0$export$8f71654801c2f7cd(props) {
|
|
|
1385
1420
|
|
|
1386
1421
|
|
|
1387
1422
|
function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
1388
|
-
let { onMoveStart: onMoveStart
|
|
1423
|
+
let { onMoveStart: onMoveStart, onMove: onMove, onMoveEnd: onMoveEnd } = props;
|
|
1389
1424
|
let state = (0, $goTMa$react.useRef)({
|
|
1390
1425
|
didMove: false,
|
|
1391
1426
|
lastPosition: null,
|
|
1392
1427
|
id: null
|
|
1393
1428
|
});
|
|
1394
|
-
let { addGlobalListener: addGlobalListener
|
|
1429
|
+
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
1395
1430
|
let move = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType, deltaX, deltaY)=>{
|
|
1396
1431
|
if (deltaX === 0 && deltaY === 0) return;
|
|
1397
1432
|
if (!state.current.didMove) {
|
|
@@ -1466,9 +1501,9 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1466
1501
|
let onTouchMove = (e)=>{
|
|
1467
1502
|
let touch = [
|
|
1468
1503
|
...e.changedTouches
|
|
1469
|
-
].findIndex(({ identifier: identifier
|
|
1504
|
+
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1470
1505
|
if (touch >= 0) {
|
|
1471
|
-
let { pageX: pageX
|
|
1506
|
+
let { pageX: pageX, pageY: pageY } = e.changedTouches[touch];
|
|
1472
1507
|
move(e, "touch", pageX - state.current.lastPosition.pageX, pageY - state.current.lastPosition.pageY);
|
|
1473
1508
|
state.current.lastPosition = {
|
|
1474
1509
|
pageX: pageX,
|
|
@@ -1479,7 +1514,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1479
1514
|
let onTouchEnd = (e)=>{
|
|
1480
1515
|
let touch = [
|
|
1481
1516
|
...e.changedTouches
|
|
1482
|
-
].findIndex(({ identifier: identifier
|
|
1517
|
+
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1483
1518
|
if (touch >= 0) {
|
|
1484
1519
|
end(e, "touch");
|
|
1485
1520
|
state.current.id = null;
|
|
@@ -1490,7 +1525,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1490
1525
|
};
|
|
1491
1526
|
moveProps.onTouchStart = (e)=>{
|
|
1492
1527
|
if (e.changedTouches.length === 0 || state.current.id != null) return;
|
|
1493
|
-
let { pageX: pageX
|
|
1528
|
+
let { pageX: pageX, pageY: pageY, identifier: identifier } = e.changedTouches[0];
|
|
1494
1529
|
start();
|
|
1495
1530
|
e.stopPropagation();
|
|
1496
1531
|
e.preventDefault();
|
|
@@ -1604,7 +1639,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1604
1639
|
*/
|
|
1605
1640
|
|
|
1606
1641
|
function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
1607
|
-
let { onScroll: onScroll
|
|
1642
|
+
let { onScroll: onScroll, isDisabled: isDisabled } = props;
|
|
1608
1643
|
let onScrollHandler = (0, $goTMa$react.useCallback)((e)=>{
|
|
1609
1644
|
// If the ctrlKey is pressed, this is a zoom event, do nothing.
|
|
1610
1645
|
if (e.ctrlKey) return;
|
|
@@ -1637,10 +1672,10 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
|
1637
1672
|
|
|
1638
1673
|
const $3cd7b5d0eebf0ca9$var$DEFAULT_THRESHOLD = 500;
|
|
1639
1674
|
function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
|
|
1640
|
-
let { isDisabled: isDisabled
|
|
1675
|
+
let { isDisabled: isDisabled, onLongPressStart: onLongPressStart, onLongPressEnd: onLongPressEnd, onLongPress: onLongPress, threshold: threshold = $3cd7b5d0eebf0ca9$var$DEFAULT_THRESHOLD, accessibilityDescription: accessibilityDescription } = props;
|
|
1641
1676
|
const timeRef = (0, $goTMa$react.useRef)(null);
|
|
1642
|
-
let { addGlobalListener: addGlobalListener
|
|
1643
|
-
let { pressProps: pressProps
|
|
1677
|
+
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
1678
|
+
let { pressProps: pressProps } = (0, $0294ea432cd92340$export$45712eceda6fad21)({
|
|
1644
1679
|
isDisabled: isDisabled,
|
|
1645
1680
|
onPressStart (e) {
|
|
1646
1681
|
e.continuePropagation();
|