@react-aria/interactions 3.14.0 → 3.15.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/import.mjs +9 -3
- package/dist/main.js +9 -3
- package/dist/main.js.map +1 -1
- package/dist/module.js +9 -3
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -4
- package/dist/types.d.ts.map +1 -1
- package/package.json +5 -4
- package/src/useFocus.ts +11 -9
- package/src/useFocusVisible.ts +2 -1
- package/src/useFocusWithin.ts +3 -1
- package/src/utils.ts +7 -7
package/dist/types.d.ts
CHANGED
|
@@ -41,19 +41,19 @@ interface PressResponderProps extends PressProps {
|
|
|
41
41
|
children: ReactNode;
|
|
42
42
|
}
|
|
43
43
|
export const PressResponder: React.ForwardRefExoticComponent<PressResponderProps & React.RefAttributes<FocusableElement>>;
|
|
44
|
-
export interface FocusProps extends FocusEvents {
|
|
44
|
+
export interface FocusProps<Target = FocusableElement> extends FocusEvents<Target> {
|
|
45
45
|
/** Whether the focus events should be disabled. */
|
|
46
46
|
isDisabled?: boolean;
|
|
47
47
|
}
|
|
48
|
-
export interface FocusResult {
|
|
48
|
+
export interface FocusResult<Target = FocusableElement> {
|
|
49
49
|
/** Props to spread onto the target element. */
|
|
50
|
-
focusProps: DOMAttributes
|
|
50
|
+
focusProps: DOMAttributes<Target>;
|
|
51
51
|
}
|
|
52
52
|
/**
|
|
53
53
|
* Handles focus events for the immediate target.
|
|
54
54
|
* Focus events on child elements will be ignored.
|
|
55
55
|
*/
|
|
56
|
-
export function useFocus(props: FocusProps): FocusResult
|
|
56
|
+
export function useFocus<Target extends FocusableElement = FocusableElement>(props: FocusProps<Target>): FocusResult<Target>;
|
|
57
57
|
export type Modality = 'keyboard' | 'pointer' | 'virtual';
|
|
58
58
|
export type FocusVisibleHandler = (isFocusVisible: boolean) => void;
|
|
59
59
|
export interface FocusVisibleProps {
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;AEuBA,2BAA4B,SAAQ,WAAW;IAC7C,+FAA+F;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yEAAyE;IACzE,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC;AAED,+BAAgC,SAAQ,UAAU;IAChD,mCAAmC;IACnC,GAAG,CAAC,EAAE,UAAU,OAAO,CAAC,CAAA;CACzB;AAsBD;IACE,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,UAAU,EAAE,aAAa,CAAA;CAC1B;AAeD;;;;GAIG;AACH,yBAAyB,KAAK,EAAE,cAAc,GAAG,WAAW,CAgkB3D;AC1oBD,wBAAyB,SAAQ,UAAU;IACzC,QAAQ,EAAE,aAAa,aAAa,EAAE,MAAM,CAAC,CAAA;CAC9C;AAED,OAAO,MAAM,yFAUX,CAAC;ACbH,6BAA8B,SAAQ,UAAU;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,OAAO,MAAM,4GA8BX,CAAC;AE/BH,
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/textSelection.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/context.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/usePress.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/Pressable.tsx","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/PressResponder.tsx","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/utils.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useFocus.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useFocusVisible.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useFocusWithin.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useHover.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useInteractOutside.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/createEventHandler.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useKeyboard.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useMove.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useScrollWheel.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/useLongPress.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/index.ts","packages/@react-aria/interactions/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {Pressable} from './Pressable';\nexport {PressResponder} from './PressResponder';\nexport {useFocus} from './useFocus';\nexport {\n isFocusVisible,\n getInteractionModality,\n setInteractionModality,\n useInteractionModality,\n useFocusVisible,\n useFocusVisibleListener\n} from './useFocusVisible';\nexport {useFocusWithin} from './useFocusWithin';\nexport {useHover} from './useHover';\nexport {useInteractOutside} from './useInteractOutside';\nexport {useKeyboard} from './useKeyboard';\nexport {useMove} from './useMove';\nexport {usePress} from './usePress';\nexport {useScrollWheel} from './useScrollWheel';\nexport {useLongPress} from './useLongPress';\n\nexport type {FocusProps, FocusResult} from './useFocus';\nexport type {FocusVisibleHandler, FocusVisibleProps, FocusVisibleResult, Modality} from './useFocusVisible';\nexport type {FocusWithinProps, FocusWithinResult} from './useFocusWithin';\nexport type {HoverProps, HoverResult} from './useHover';\nexport type {InteractOutsideProps} from './useInteractOutside';\nexport type {KeyboardProps, KeyboardResult} from './useKeyboard';\nexport type {PressProps, PressHookProps, PressResult} from './usePress';\nexport type {MoveEvents} from '@react-types/shared';\nexport type {MoveResult} from './useMove';\nexport type {LongPressProps, LongPressResult} from './useLongPress';\nexport type {ScrollWheelProps} from './useScrollWheel';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/interactions",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.15.1",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -22,8 +22,9 @@
|
|
|
22
22
|
"url": "https://github.com/adobe/react-spectrum"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@react-aria/
|
|
26
|
-
"@react-
|
|
25
|
+
"@react-aria/ssr": "^3.6.0",
|
|
26
|
+
"@react-aria/utils": "^3.17.0",
|
|
27
|
+
"@react-types/shared": "^3.18.1",
|
|
27
28
|
"@swc/helpers": "^0.4.14"
|
|
28
29
|
},
|
|
29
30
|
"peerDependencies": {
|
|
@@ -32,5 +33,5 @@
|
|
|
32
33
|
"publishConfig": {
|
|
33
34
|
"access": "public"
|
|
34
35
|
},
|
|
35
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "5911ed21de4b76d66f6254c02302519e02d50e16"
|
|
36
37
|
}
|
package/src/useFocus.ts
CHANGED
|
@@ -15,25 +15,25 @@
|
|
|
15
15
|
// NOTICE file in the root directory of this source tree.
|
|
16
16
|
// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
|
|
17
17
|
|
|
18
|
-
import {DOMAttributes, FocusEvents} from '@react-types/shared';
|
|
18
|
+
import {DOMAttributes, FocusableElement, FocusEvents} from '@react-types/shared';
|
|
19
19
|
import {FocusEvent, useCallback} from 'react';
|
|
20
20
|
import {useSyntheticBlurEvent} from './utils';
|
|
21
21
|
|
|
22
|
-
export interface FocusProps extends FocusEvents {
|
|
22
|
+
export interface FocusProps<Target = FocusableElement> extends FocusEvents<Target> {
|
|
23
23
|
/** Whether the focus events should be disabled. */
|
|
24
24
|
isDisabled?: boolean
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
export interface FocusResult {
|
|
27
|
+
export interface FocusResult<Target = FocusableElement> {
|
|
28
28
|
/** Props to spread onto the target element. */
|
|
29
|
-
focusProps: DOMAttributes
|
|
29
|
+
focusProps: DOMAttributes<Target>
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
* Handles focus events for the immediate target.
|
|
34
34
|
* Focus events on child elements will be ignored.
|
|
35
35
|
*/
|
|
36
|
-
export function useFocus(props: FocusProps): FocusResult {
|
|
36
|
+
export function useFocus<Target extends FocusableElement = FocusableElement>(props: FocusProps<Target>): FocusResult<Target> {
|
|
37
37
|
let {
|
|
38
38
|
isDisabled,
|
|
39
39
|
onFocus: onFocusProp,
|
|
@@ -41,7 +41,7 @@ export function useFocus(props: FocusProps): FocusResult {
|
|
|
41
41
|
onFocusChange
|
|
42
42
|
} = props;
|
|
43
43
|
|
|
44
|
-
const onBlur: FocusProps['onBlur'] = useCallback((e: FocusEvent) => {
|
|
44
|
+
const onBlur: FocusProps<Target>['onBlur'] = useCallback((e: FocusEvent<Target>) => {
|
|
45
45
|
if (e.target === e.currentTarget) {
|
|
46
46
|
if (onBlurProp) {
|
|
47
47
|
onBlurProp(e);
|
|
@@ -56,10 +56,12 @@ export function useFocus(props: FocusProps): FocusResult {
|
|
|
56
56
|
}, [onBlurProp, onFocusChange]);
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
const onSyntheticFocus = useSyntheticBlurEvent(onBlur);
|
|
59
|
+
const onSyntheticFocus = useSyntheticBlurEvent<Target>(onBlur);
|
|
60
60
|
|
|
61
|
-
const onFocus: FocusProps['onFocus'] = useCallback((e: FocusEvent) => {
|
|
62
|
-
|
|
61
|
+
const onFocus: FocusProps<Target>['onFocus'] = useCallback((e: FocusEvent<Target>) => {
|
|
62
|
+
// Double check that document.activeElement actually matches e.target in case a previously chained
|
|
63
|
+
// focus handler already moved focus somewhere else.
|
|
64
|
+
if (e.target === e.currentTarget && document.activeElement === e.target) {
|
|
63
65
|
if (onFocusProp) {
|
|
64
66
|
onFocusProp(e);
|
|
65
67
|
}
|
package/src/useFocusVisible.ts
CHANGED
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
import {isMac, isVirtualClick} from '@react-aria/utils';
|
|
19
19
|
import {useEffect, useState} from 'react';
|
|
20
|
+
import {useIsSSR} from '@react-aria/ssr';
|
|
20
21
|
|
|
21
22
|
export type Modality = 'keyboard' | 'pointer' | 'virtual';
|
|
22
23
|
type HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent;
|
|
@@ -192,7 +193,7 @@ export function useInteractionModality(): Modality {
|
|
|
192
193
|
};
|
|
193
194
|
}, []);
|
|
194
195
|
|
|
195
|
-
return modality;
|
|
196
|
+
return useIsSSR() ? null : modality;
|
|
196
197
|
}
|
|
197
198
|
|
|
198
199
|
/**
|
package/src/useFocusWithin.ts
CHANGED
|
@@ -68,7 +68,9 @@ export function useFocusWithin(props: FocusWithinProps): FocusWithinResult {
|
|
|
68
68
|
|
|
69
69
|
let onSyntheticFocus = useSyntheticBlurEvent(onBlur);
|
|
70
70
|
let onFocus = useCallback((e: FocusEvent) => {
|
|
71
|
-
|
|
71
|
+
// Double check that document.activeElement actually matches e.target in case a previously chained
|
|
72
|
+
// focus handler already moved focus somewhere else.
|
|
73
|
+
if (!state.current.isFocusWithin && document.activeElement === e.target) {
|
|
72
74
|
if (onFocusWithin) {
|
|
73
75
|
onFocusWithin(e);
|
|
74
76
|
}
|
package/src/utils.ts
CHANGED
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
import {FocusEvent as ReactFocusEvent, useCallback, useRef} from 'react';
|
|
14
14
|
import {useLayoutEffect} from '@react-aria/utils';
|
|
15
15
|
|
|
16
|
-
export class SyntheticFocusEvent implements ReactFocusEvent {
|
|
16
|
+
export class SyntheticFocusEvent<Target = Element> implements ReactFocusEvent<Target> {
|
|
17
17
|
nativeEvent: FocusEvent;
|
|
18
|
-
target:
|
|
19
|
-
currentTarget:
|
|
18
|
+
target: EventTarget & Target;
|
|
19
|
+
currentTarget: EventTarget & Target;
|
|
20
20
|
relatedTarget: Element;
|
|
21
21
|
bubbles: boolean;
|
|
22
22
|
cancelable: boolean;
|
|
@@ -28,8 +28,8 @@ export class SyntheticFocusEvent implements ReactFocusEvent {
|
|
|
28
28
|
|
|
29
29
|
constructor(type: string, nativeEvent: FocusEvent) {
|
|
30
30
|
this.nativeEvent = nativeEvent;
|
|
31
|
-
this.target = nativeEvent.target as
|
|
32
|
-
this.currentTarget = nativeEvent.currentTarget as
|
|
31
|
+
this.target = nativeEvent.target as EventTarget & Target;
|
|
32
|
+
this.currentTarget = nativeEvent.currentTarget as EventTarget & Target;
|
|
33
33
|
this.relatedTarget = nativeEvent.relatedTarget as Element;
|
|
34
34
|
this.bubbles = nativeEvent.bubbles;
|
|
35
35
|
this.cancelable = nativeEvent.cancelable;
|
|
@@ -61,7 +61,7 @@ export class SyntheticFocusEvent implements ReactFocusEvent {
|
|
|
61
61
|
persist() {}
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
export function useSyntheticBlurEvent(onBlur: (e: ReactFocusEvent) => void) {
|
|
64
|
+
export function useSyntheticBlurEvent<Target = Element>(onBlur: (e: ReactFocusEvent<Target>) => void) {
|
|
65
65
|
let stateRef = useRef({
|
|
66
66
|
isFocused: false,
|
|
67
67
|
onBlur,
|
|
@@ -82,7 +82,7 @@ export function useSyntheticBlurEvent(onBlur: (e: ReactFocusEvent) => void) {
|
|
|
82
82
|
}, []);
|
|
83
83
|
|
|
84
84
|
// This function is called during a React onFocus event.
|
|
85
|
-
return useCallback((e: ReactFocusEvent) => {
|
|
85
|
+
return useCallback((e: ReactFocusEvent<Target>) => {
|
|
86
86
|
// React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
|
|
87
87
|
// Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
|
|
88
88
|
// MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
|