@react-aria/interactions 3.0.0-nightly.2444 → 3.0.0-nightly.2448
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 +26 -26
- package/dist/main.js +26 -26
- package/dist/main.js.map +1 -1
- package/dist/module.js +26 -26
- package/dist/module.js.map +1 -1
- package/package.json +5 -5
package/dist/import.mjs
CHANGED
|
@@ -127,7 +127,7 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
|
|
|
127
127
|
// Consume context from <PressResponder> and merge with props.
|
|
128
128
|
let context = (0, $bx7SL$useContext)((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5));
|
|
129
129
|
if (context) {
|
|
130
|
-
let { register: register
|
|
130
|
+
let { register: register, ...contextProps } = context;
|
|
131
131
|
props = (0, $bx7SL$mergeProps)(contextProps, props);
|
|
132
132
|
register();
|
|
133
133
|
}
|
|
@@ -159,8 +159,8 @@ class $f6c31cce2adf654f$var$PressEvent {
|
|
|
159
159
|
}
|
|
160
160
|
const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol("linkClicked");
|
|
161
161
|
function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
162
|
-
let { onPress: onPress
|
|
163
|
-
ref: _
|
|
162
|
+
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
|
|
163
|
+
ref: _, ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);
|
|
164
164
|
let [isPressed, setPressed] = (0, $bx7SL$useState)(false);
|
|
165
165
|
let ref = (0, $bx7SL$useRef)({
|
|
166
166
|
isPressed: false,
|
|
@@ -173,7 +173,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
173
173
|
isOverTarget: false,
|
|
174
174
|
pointerType: null
|
|
175
175
|
});
|
|
176
|
-
let { addGlobalListener: addGlobalListener
|
|
176
|
+
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $bx7SL$useGlobalListeners)();
|
|
177
177
|
let triggerPressStart = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
|
|
178
178
|
let state = ref.current;
|
|
179
179
|
if (isDisabled || state.didFirePressStart) return;
|
|
@@ -571,7 +571,7 @@ function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
|
|
|
571
571
|
return target.tagName === "A" && target.hasAttribute("href");
|
|
572
572
|
}
|
|
573
573
|
function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
|
|
574
|
-
const { key: key
|
|
574
|
+
const { key: key, code: code } = event;
|
|
575
575
|
const element = currentTarget;
|
|
576
576
|
const role = element.getAttribute("role");
|
|
577
577
|
// Accessibility for keyboards. Space and Enter only.
|
|
@@ -580,7 +580,7 @@ function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
|
|
|
580
580
|
!((role === "link" || !role && $f6c31cce2adf654f$var$isHTMLAnchorLink(element)) && key !== "Enter");
|
|
581
581
|
}
|
|
582
582
|
function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
|
|
583
|
-
const { targetTouches: targetTouches
|
|
583
|
+
const { targetTouches: targetTouches } = event;
|
|
584
584
|
if (targetTouches.length > 0) return targetTouches[0];
|
|
585
585
|
return null;
|
|
586
586
|
}
|
|
@@ -651,10 +651,10 @@ function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
|
|
|
651
651
|
|
|
652
652
|
|
|
653
653
|
|
|
654
|
-
const $3b117e43dc0ca95d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, $bx7SL$react).forwardRef(({ children: children
|
|
654
|
+
const $3b117e43dc0ca95d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, $bx7SL$react).forwardRef(({ children: children, ...props }, ref)=>{
|
|
655
655
|
let newRef = (0, $bx7SL$useRef)();
|
|
656
656
|
ref = ref !== null && ref !== void 0 ? ref : newRef;
|
|
657
|
-
let { pressProps: pressProps
|
|
657
|
+
let { pressProps: pressProps } = (0, $f6c31cce2adf654f$export$45712eceda6fad21)({
|
|
658
658
|
...props,
|
|
659
659
|
ref: ref
|
|
660
660
|
});
|
|
@@ -680,7 +680,7 @@ const $3b117e43dc0ca95d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, $bx7SL$react
|
|
|
680
680
|
*/
|
|
681
681
|
|
|
682
682
|
|
|
683
|
-
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ (0, $bx7SL$react).forwardRef(({ children: children
|
|
683
|
+
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ (0, $bx7SL$react).forwardRef(({ children: children, ...props }, ref)=>{
|
|
684
684
|
let isRegistered = (0, $bx7SL$useRef)(false);
|
|
685
685
|
let prevContext = (0, $bx7SL$useContext)((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5));
|
|
686
686
|
let context = (0, $bx7SL$mergeProps)(prevContext || {}, {
|
|
@@ -702,7 +702,7 @@ const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ (0, $bx7SL$react
|
|
|
702
702
|
value: context
|
|
703
703
|
}, children);
|
|
704
704
|
});
|
|
705
|
-
function $f1ab8c75478c6f73$export$cf75428e0b9ed1ea({ children: children
|
|
705
|
+
function $f1ab8c75478c6f73$export$cf75428e0b9ed1ea({ children: children }) {
|
|
706
706
|
return /*#__PURE__*/ (0, $bx7SL$react).createElement((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5).Provider, {
|
|
707
707
|
value: undefined
|
|
708
708
|
}, children);
|
|
@@ -834,7 +834,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
834
834
|
|
|
835
835
|
|
|
836
836
|
function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
|
|
837
|
-
let { isDisabled: isDisabled
|
|
837
|
+
let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
|
|
838
838
|
const onBlur = (0, $bx7SL$useCallback)((e)=>{
|
|
839
839
|
if (e.target === e.currentTarget) {
|
|
840
840
|
if (onBlurProp) onBlurProp(e);
|
|
@@ -1010,7 +1010,7 @@ function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
|
|
|
1010
1010
|
return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
1011
1011
|
}
|
|
1012
1012
|
function $507fabe10e71c6fb$export$ffd9e5021c1fb2d6(props = {}) {
|
|
1013
|
-
let { isTextInput: isTextInput
|
|
1013
|
+
let { isTextInput: isTextInput, autoFocus: autoFocus } = props;
|
|
1014
1014
|
let [isFocusVisibleState, setFocusVisible] = (0, $bx7SL$useState)(autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27());
|
|
1015
1015
|
$507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible)=>{
|
|
1016
1016
|
setFocusVisible(isFocusVisible);
|
|
@@ -1056,7 +1056,7 @@ function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
|
1056
1056
|
|
|
1057
1057
|
|
|
1058
1058
|
function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
|
|
1059
|
-
let { isDisabled: isDisabled
|
|
1059
|
+
let { isDisabled: isDisabled, onBlurWithin: onBlurWithin, onFocusWithin: onFocusWithin, onFocusWithinChange: onFocusWithinChange } = props;
|
|
1060
1060
|
let state = (0, $bx7SL$useRef)({
|
|
1061
1061
|
isFocusWithin: false
|
|
1062
1062
|
});
|
|
@@ -1150,7 +1150,7 @@ function $6179b936705e76d3$var$setupGlobalTouchEvents() {
|
|
|
1150
1150
|
};
|
|
1151
1151
|
}
|
|
1152
1152
|
function $6179b936705e76d3$export$ae780daf29e6d456(props) {
|
|
1153
|
-
let { onHoverStart: onHoverStart
|
|
1153
|
+
let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, isDisabled: isDisabled } = props;
|
|
1154
1154
|
let [isHovered, setHovered] = (0, $bx7SL$useState)(false);
|
|
1155
1155
|
let state = (0, $bx7SL$useRef)({
|
|
1156
1156
|
isHovered: false,
|
|
@@ -1159,7 +1159,7 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
|
|
|
1159
1159
|
target: null
|
|
1160
1160
|
}).current;
|
|
1161
1161
|
(0, $bx7SL$useEffect)($6179b936705e76d3$var$setupGlobalTouchEvents, []);
|
|
1162
|
-
let { hoverProps: hoverProps
|
|
1162
|
+
let { hoverProps: hoverProps, triggerHoverEnd: triggerHoverEnd } = (0, $bx7SL$useMemo)(()=>{
|
|
1163
1163
|
let triggerHoverStart = (event, pointerType)=>{
|
|
1164
1164
|
state.pointerType = pointerType;
|
|
1165
1165
|
if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target)) return;
|
|
@@ -1254,7 +1254,7 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
|
|
|
1254
1254
|
|
|
1255
1255
|
|
|
1256
1256
|
function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
|
|
1257
|
-
let { ref: ref
|
|
1257
|
+
let { ref: ref, onInteractOutside: onInteractOutside, isDisabled: isDisabled, onInteractOutsideStart: onInteractOutsideStart } = props;
|
|
1258
1258
|
let stateRef = (0, $bx7SL$useRef)({
|
|
1259
1259
|
isPointerDown: false,
|
|
1260
1260
|
ignoreEmulatedMouseEvents: false
|
|
@@ -1395,13 +1395,13 @@ function $46d819fcbaf35654$export$8f71654801c2f7cd(props) {
|
|
|
1395
1395
|
|
|
1396
1396
|
|
|
1397
1397
|
function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
1398
|
-
let { onMoveStart: onMoveStart
|
|
1398
|
+
let { onMoveStart: onMoveStart, onMove: onMove, onMoveEnd: onMoveEnd } = props;
|
|
1399
1399
|
let state = (0, $bx7SL$useRef)({
|
|
1400
1400
|
didMove: false,
|
|
1401
1401
|
lastPosition: null,
|
|
1402
1402
|
id: null
|
|
1403
1403
|
});
|
|
1404
|
-
let { addGlobalListener: addGlobalListener
|
|
1404
|
+
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $bx7SL$useGlobalListeners)();
|
|
1405
1405
|
let move = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType, deltaX, deltaY)=>{
|
|
1406
1406
|
if (deltaX === 0 && deltaY === 0) return;
|
|
1407
1407
|
if (!state.current.didMove) {
|
|
@@ -1476,9 +1476,9 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
|
1476
1476
|
let onTouchMove = (e)=>{
|
|
1477
1477
|
let touch = [
|
|
1478
1478
|
...e.changedTouches
|
|
1479
|
-
].findIndex(({ identifier: identifier
|
|
1479
|
+
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1480
1480
|
if (touch >= 0) {
|
|
1481
|
-
let { pageX: pageX
|
|
1481
|
+
let { pageX: pageX, pageY: pageY } = e.changedTouches[touch];
|
|
1482
1482
|
move(e, "touch", pageX - state.current.lastPosition.pageX, pageY - state.current.lastPosition.pageY);
|
|
1483
1483
|
state.current.lastPosition = {
|
|
1484
1484
|
pageX: pageX,
|
|
@@ -1489,7 +1489,7 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
|
1489
1489
|
let onTouchEnd = (e)=>{
|
|
1490
1490
|
let touch = [
|
|
1491
1491
|
...e.changedTouches
|
|
1492
|
-
].findIndex(({ identifier: identifier
|
|
1492
|
+
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1493
1493
|
if (touch >= 0) {
|
|
1494
1494
|
end(e, "touch");
|
|
1495
1495
|
state.current.id = null;
|
|
@@ -1500,7 +1500,7 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
|
1500
1500
|
};
|
|
1501
1501
|
moveProps.onTouchStart = (e)=>{
|
|
1502
1502
|
if (e.changedTouches.length === 0 || state.current.id != null) return;
|
|
1503
|
-
let { pageX: pageX
|
|
1503
|
+
let { pageX: pageX, pageY: pageY, identifier: identifier } = e.changedTouches[0];
|
|
1504
1504
|
start();
|
|
1505
1505
|
e.stopPropagation();
|
|
1506
1506
|
e.preventDefault();
|
|
@@ -1614,7 +1614,7 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
|
1614
1614
|
*/
|
|
1615
1615
|
|
|
1616
1616
|
function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
|
|
1617
|
-
let { onScroll: onScroll
|
|
1617
|
+
let { onScroll: onScroll, isDisabled: isDisabled } = props;
|
|
1618
1618
|
let onScrollHandler = (0, $bx7SL$useCallback)((e)=>{
|
|
1619
1619
|
// If the ctrlKey is pressed, this is a zoom event, do nothing.
|
|
1620
1620
|
if (e.ctrlKey) return;
|
|
@@ -1647,10 +1647,10 @@ function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
|
|
|
1647
1647
|
|
|
1648
1648
|
const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
|
|
1649
1649
|
function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
|
|
1650
|
-
let { isDisabled: isDisabled
|
|
1650
|
+
let { isDisabled: isDisabled, onLongPressStart: onLongPressStart, onLongPressEnd: onLongPressEnd, onLongPress: onLongPress, threshold: threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD, accessibilityDescription: accessibilityDescription } = props;
|
|
1651
1651
|
const timeRef = (0, $bx7SL$useRef)(null);
|
|
1652
|
-
let { addGlobalListener: addGlobalListener
|
|
1653
|
-
let { pressProps: pressProps
|
|
1652
|
+
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $bx7SL$useGlobalListeners)();
|
|
1653
|
+
let { pressProps: pressProps } = (0, $f6c31cce2adf654f$export$45712eceda6fad21)({
|
|
1654
1654
|
isDisabled: isDisabled,
|
|
1655
1655
|
onPressStart (e) {
|
|
1656
1656
|
e.continuePropagation();
|
package/dist/main.js
CHANGED
|
@@ -152,7 +152,7 @@ function $0294ea432cd92340$var$usePressResponderContext(props) {
|
|
|
152
152
|
// Consume context from <PressResponder> and merge with props.
|
|
153
153
|
let context = (0, $goTMa$react.useContext)((0, $01d3f539e91688c8$export$5165eccb35aaadb5));
|
|
154
154
|
if (context) {
|
|
155
|
-
let { register: register
|
|
155
|
+
let { register: register, ...contextProps } = context;
|
|
156
156
|
props = (0, $goTMa$reactariautils.mergeProps)(contextProps, props);
|
|
157
157
|
register();
|
|
158
158
|
}
|
|
@@ -184,8 +184,8 @@ class $0294ea432cd92340$var$PressEvent {
|
|
|
184
184
|
}
|
|
185
185
|
const $0294ea432cd92340$var$LINK_CLICKED = Symbol("linkClicked");
|
|
186
186
|
function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
187
|
-
let { onPress: onPress
|
|
188
|
-
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);
|
|
189
189
|
let [isPressed, setPressed] = (0, $goTMa$react.useState)(false);
|
|
190
190
|
let ref = (0, $goTMa$react.useRef)({
|
|
191
191
|
isPressed: false,
|
|
@@ -198,7 +198,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
198
198
|
isOverTarget: false,
|
|
199
199
|
pointerType: null
|
|
200
200
|
});
|
|
201
|
-
let { addGlobalListener: addGlobalListener
|
|
201
|
+
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
202
202
|
let triggerPressStart = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType)=>{
|
|
203
203
|
let state = ref.current;
|
|
204
204
|
if (isDisabled || state.didFirePressStart) return;
|
|
@@ -596,7 +596,7 @@ function $0294ea432cd92340$var$isHTMLAnchorLink(target) {
|
|
|
596
596
|
return target.tagName === "A" && target.hasAttribute("href");
|
|
597
597
|
}
|
|
598
598
|
function $0294ea432cd92340$var$isValidKeyboardEvent(event, currentTarget) {
|
|
599
|
-
const { key: key
|
|
599
|
+
const { key: key, code: code } = event;
|
|
600
600
|
const element = currentTarget;
|
|
601
601
|
const role = element.getAttribute("role");
|
|
602
602
|
// Accessibility for keyboards. Space and Enter only.
|
|
@@ -605,7 +605,7 @@ function $0294ea432cd92340$var$isValidKeyboardEvent(event, currentTarget) {
|
|
|
605
605
|
!((role === "link" || !role && $0294ea432cd92340$var$isHTMLAnchorLink(element)) && key !== "Enter");
|
|
606
606
|
}
|
|
607
607
|
function $0294ea432cd92340$var$getTouchFromEvent(event) {
|
|
608
|
-
const { targetTouches: targetTouches
|
|
608
|
+
const { targetTouches: targetTouches } = event;
|
|
609
609
|
if (targetTouches.length > 0) return targetTouches[0];
|
|
610
610
|
return null;
|
|
611
611
|
}
|
|
@@ -676,10 +676,10 @@ function $0294ea432cd92340$var$isValidInputKey(target, key) {
|
|
|
676
676
|
|
|
677
677
|
|
|
678
678
|
|
|
679
|
-
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)=>{
|
|
680
680
|
let newRef = (0, $goTMa$react.useRef)();
|
|
681
681
|
ref = ref !== null && ref !== void 0 ? ref : newRef;
|
|
682
|
-
let { pressProps: pressProps
|
|
682
|
+
let { pressProps: pressProps } = (0, $0294ea432cd92340$export$45712eceda6fad21)({
|
|
683
683
|
...props,
|
|
684
684
|
ref: ref
|
|
685
685
|
});
|
|
@@ -705,7 +705,7 @@ const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, ($parcel$int
|
|
|
705
705
|
*/
|
|
706
706
|
|
|
707
707
|
|
|
708
|
-
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)=>{
|
|
709
709
|
let isRegistered = (0, $goTMa$react.useRef)(false);
|
|
710
710
|
let prevContext = (0, $goTMa$react.useContext)((0, $01d3f539e91688c8$export$5165eccb35aaadb5));
|
|
711
711
|
let context = (0, $goTMa$reactariautils.mergeProps)(prevContext || {}, {
|
|
@@ -727,7 +727,7 @@ const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ (0, ($parcel$int
|
|
|
727
727
|
value: context
|
|
728
728
|
}, children);
|
|
729
729
|
});
|
|
730
|
-
function $3596bae48579386f$export$cf75428e0b9ed1ea({ children: children
|
|
730
|
+
function $3596bae48579386f$export$cf75428e0b9ed1ea({ children: children }) {
|
|
731
731
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($goTMa$react))).createElement((0, $01d3f539e91688c8$export$5165eccb35aaadb5).Provider, {
|
|
732
732
|
value: undefined
|
|
733
733
|
}, children);
|
|
@@ -859,7 +859,7 @@ function $625cf83917e112ad$export$715c682d09d639cc(onBlur) {
|
|
|
859
859
|
|
|
860
860
|
|
|
861
861
|
function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
|
|
862
|
-
let { isDisabled: isDisabled
|
|
862
|
+
let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
|
|
863
863
|
const onBlur = (0, $goTMa$react.useCallback)((e)=>{
|
|
864
864
|
if (e.target === e.currentTarget) {
|
|
865
865
|
if (onBlurProp) onBlurProp(e);
|
|
@@ -1035,7 +1035,7 @@ function $e77252a287ef94ab$export$98e20ec92f614cfe() {
|
|
|
1035
1035
|
return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$e77252a287ef94ab$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
1036
1036
|
}
|
|
1037
1037
|
function $e77252a287ef94ab$export$ffd9e5021c1fb2d6(props = {}) {
|
|
1038
|
-
let { isTextInput: isTextInput
|
|
1038
|
+
let { isTextInput: isTextInput, autoFocus: autoFocus } = props;
|
|
1039
1039
|
let [isFocusVisibleState, setFocusVisible] = (0, $goTMa$react.useState)(autoFocus || $e77252a287ef94ab$export$b9b3dfddab17db27());
|
|
1040
1040
|
$e77252a287ef94ab$export$ec71b4b83ac08ec3((isFocusVisible)=>{
|
|
1041
1041
|
setFocusVisible(isFocusVisible);
|
|
@@ -1081,7 +1081,7 @@ function $e77252a287ef94ab$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
|
1081
1081
|
|
|
1082
1082
|
|
|
1083
1083
|
function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
|
|
1084
|
-
let { isDisabled: isDisabled
|
|
1084
|
+
let { isDisabled: isDisabled, onBlurWithin: onBlurWithin, onFocusWithin: onFocusWithin, onFocusWithinChange: onFocusWithinChange } = props;
|
|
1085
1085
|
let state = (0, $goTMa$react.useRef)({
|
|
1086
1086
|
isFocusWithin: false
|
|
1087
1087
|
});
|
|
@@ -1175,7 +1175,7 @@ function $ffbc150311c75f01$var$setupGlobalTouchEvents() {
|
|
|
1175
1175
|
};
|
|
1176
1176
|
}
|
|
1177
1177
|
function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
1178
|
-
let { onHoverStart: onHoverStart
|
|
1178
|
+
let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, isDisabled: isDisabled } = props;
|
|
1179
1179
|
let [isHovered, setHovered] = (0, $goTMa$react.useState)(false);
|
|
1180
1180
|
let state = (0, $goTMa$react.useRef)({
|
|
1181
1181
|
isHovered: false,
|
|
@@ -1184,7 +1184,7 @@ function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
|
1184
1184
|
target: null
|
|
1185
1185
|
}).current;
|
|
1186
1186
|
(0, $goTMa$react.useEffect)($ffbc150311c75f01$var$setupGlobalTouchEvents, []);
|
|
1187
|
-
let { hoverProps: hoverProps
|
|
1187
|
+
let { hoverProps: hoverProps, triggerHoverEnd: triggerHoverEnd } = (0, $goTMa$react.useMemo)(()=>{
|
|
1188
1188
|
let triggerHoverStart = (event, pointerType)=>{
|
|
1189
1189
|
state.pointerType = pointerType;
|
|
1190
1190
|
if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target)) return;
|
|
@@ -1279,7 +1279,7 @@ function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
|
1279
1279
|
|
|
1280
1280
|
|
|
1281
1281
|
function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
|
|
1282
|
-
let { ref: ref
|
|
1282
|
+
let { ref: ref, onInteractOutside: onInteractOutside, isDisabled: isDisabled, onInteractOutsideStart: onInteractOutsideStart } = props;
|
|
1283
1283
|
let stateRef = (0, $goTMa$react.useRef)({
|
|
1284
1284
|
isPointerDown: false,
|
|
1285
1285
|
ignoreEmulatedMouseEvents: false
|
|
@@ -1420,13 +1420,13 @@ function $892d64db2a3c53b0$export$8f71654801c2f7cd(props) {
|
|
|
1420
1420
|
|
|
1421
1421
|
|
|
1422
1422
|
function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
1423
|
-
let { onMoveStart: onMoveStart
|
|
1423
|
+
let { onMoveStart: onMoveStart, onMove: onMove, onMoveEnd: onMoveEnd } = props;
|
|
1424
1424
|
let state = (0, $goTMa$react.useRef)({
|
|
1425
1425
|
didMove: false,
|
|
1426
1426
|
lastPosition: null,
|
|
1427
1427
|
id: null
|
|
1428
1428
|
});
|
|
1429
|
-
let { addGlobalListener: addGlobalListener
|
|
1429
|
+
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
1430
1430
|
let move = (0, $goTMa$reactariautils.useEffectEvent)((originalEvent, pointerType, deltaX, deltaY)=>{
|
|
1431
1431
|
if (deltaX === 0 && deltaY === 0) return;
|
|
1432
1432
|
if (!state.current.didMove) {
|
|
@@ -1501,9 +1501,9 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1501
1501
|
let onTouchMove = (e)=>{
|
|
1502
1502
|
let touch = [
|
|
1503
1503
|
...e.changedTouches
|
|
1504
|
-
].findIndex(({ identifier: identifier
|
|
1504
|
+
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1505
1505
|
if (touch >= 0) {
|
|
1506
|
-
let { pageX: pageX
|
|
1506
|
+
let { pageX: pageX, pageY: pageY } = e.changedTouches[touch];
|
|
1507
1507
|
move(e, "touch", pageX - state.current.lastPosition.pageX, pageY - state.current.lastPosition.pageY);
|
|
1508
1508
|
state.current.lastPosition = {
|
|
1509
1509
|
pageX: pageX,
|
|
@@ -1514,7 +1514,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1514
1514
|
let onTouchEnd = (e)=>{
|
|
1515
1515
|
let touch = [
|
|
1516
1516
|
...e.changedTouches
|
|
1517
|
-
].findIndex(({ identifier: identifier
|
|
1517
|
+
].findIndex(({ identifier: identifier })=>identifier === state.current.id);
|
|
1518
1518
|
if (touch >= 0) {
|
|
1519
1519
|
end(e, "touch");
|
|
1520
1520
|
state.current.id = null;
|
|
@@ -1525,7 +1525,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1525
1525
|
};
|
|
1526
1526
|
moveProps.onTouchStart = (e)=>{
|
|
1527
1527
|
if (e.changedTouches.length === 0 || state.current.id != null) return;
|
|
1528
|
-
let { pageX: pageX
|
|
1528
|
+
let { pageX: pageX, pageY: pageY, identifier: identifier } = e.changedTouches[0];
|
|
1529
1529
|
start();
|
|
1530
1530
|
e.stopPropagation();
|
|
1531
1531
|
e.preventDefault();
|
|
@@ -1639,7 +1639,7 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1639
1639
|
*/
|
|
1640
1640
|
|
|
1641
1641
|
function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
1642
|
-
let { onScroll: onScroll
|
|
1642
|
+
let { onScroll: onScroll, isDisabled: isDisabled } = props;
|
|
1643
1643
|
let onScrollHandler = (0, $goTMa$react.useCallback)((e)=>{
|
|
1644
1644
|
// If the ctrlKey is pressed, this is a zoom event, do nothing.
|
|
1645
1645
|
if (e.ctrlKey) return;
|
|
@@ -1672,10 +1672,10 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
|
1672
1672
|
|
|
1673
1673
|
const $3cd7b5d0eebf0ca9$var$DEFAULT_THRESHOLD = 500;
|
|
1674
1674
|
function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
|
|
1675
|
-
let { isDisabled: isDisabled
|
|
1675
|
+
let { isDisabled: isDisabled, onLongPressStart: onLongPressStart, onLongPressEnd: onLongPressEnd, onLongPress: onLongPress, threshold: threshold = $3cd7b5d0eebf0ca9$var$DEFAULT_THRESHOLD, accessibilityDescription: accessibilityDescription } = props;
|
|
1676
1676
|
const timeRef = (0, $goTMa$react.useRef)(null);
|
|
1677
|
-
let { addGlobalListener: addGlobalListener
|
|
1678
|
-
let { pressProps: pressProps
|
|
1677
|
+
let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $goTMa$reactariautils.useGlobalListeners)();
|
|
1678
|
+
let { pressProps: pressProps } = (0, $0294ea432cd92340$export$45712eceda6fad21)({
|
|
1679
1679
|
isDisabled: isDisabled,
|
|
1680
1680
|
onPressStart (e) {
|
|
1681
1681
|
e.continuePropagation();
|