@react-aria/interactions 3.8.4 → 3.10.0

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import React, { HTMLAttributes, RefObject, ReactElement, ReactNode, FocusEvent, SyntheticEvent } from "react";
-import { PressEvents, FocusEvents, HoverEvents, KeyboardEvents, MoveEvents, ScrollEvents, LongPressEvent } from "@react-types/shared";
+import { DOMAttributes, PressEvents, FocusableElement, FocusEvents, HoverEvents, KeyboardEvents, MoveEvents, ScrollEvents, LongPressEvent } from "@react-types/shared";
+import React, { RefObject, ReactElement, ReactNode, FocusEvent, SyntheticEvent } from "react";
 export interface PressProps extends PressEvents {
     /** Whether the target is in a controlled press state (e.g. an overlay it triggers is open). */
     isPressed?: boolean;
@@ -19,13 +19,13 @@ export interface PressProps extends PressEvents {
 }
 export interface PressHookProps extends PressProps {
     /** A ref to the target element. */
-    ref?: RefObject<HTMLElement>;
+    ref?: RefObject<Element>;
 }
 export interface PressResult {
     /** Whether the target is currently pressed. */
     isPressed: boolean;
     /** Props to spread on the target element. */
-    pressProps: HTMLAttributes<HTMLElement>;
+    pressProps: DOMAttributes;
 }
 /**
  * Handles press interactions across mouse, touch, keyboard, and screen readers.
@@ -34,35 +34,35 @@ export interface PressResult {
  */
 export function usePress(props: PressHookProps): PressResult;
 interface PressableProps extends PressProps {
-    children: ReactElement<HTMLAttributes<HTMLElement>, string>;
+    children: ReactElement<DOMAttributes, string>;
 }
-export const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<HTMLElement>>;
+export const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<Element>>;
 interface PressResponderProps extends PressProps {
     children: ReactNode;
 }
-export const PressResponder: React.ForwardRefExoticComponent<PressResponderProps & React.RefAttributes<HTMLElement>>;
-interface FocusProps extends FocusEvents {
+export const PressResponder: React.ForwardRefExoticComponent<PressResponderProps & React.RefAttributes<FocusableElement>>;
+export interface FocusProps extends FocusEvents {
     /** Whether the focus events should be disabled. */
     isDisabled?: boolean;
 }
-interface FocusResult {
+export interface FocusResult {
     /** Props to spread onto the target element. */
-    focusProps: HTMLAttributes<HTMLElement>;
+    focusProps: DOMAttributes;
 }
 /**
  * Handles focus events for the immediate target.
  * Focus events on child elements will be ignored.
  */
 export function useFocus(props: FocusProps): FocusResult;
-type Modality = 'keyboard' | 'pointer' | 'virtual';
-type FocusVisibleHandler = (isFocusVisible: boolean) => void;
+export type Modality = 'keyboard' | 'pointer' | 'virtual';
+export type FocusVisibleHandler = (isFocusVisible: boolean) => void;
 interface FocusVisibleProps {
     /** Whether the element is a text input. */
     isTextInput?: boolean;
     /** Whether the element will be auto focused. */
     autoFocus?: boolean;
 }
-interface FocusVisibleResult {
+export interface FocusVisibleResult {
     /** Whether keyboard focus is visible globally. */
     isFocusVisible: boolean;
 }
@@ -86,7 +86,7 @@ export function useFocusVisible(props?: FocusVisibleProps): FocusVisibleResult;
 export function useFocusVisibleListener(fn: FocusVisibleHandler, deps: ReadonlyArray<any>, opts?: {
     isTextInput?: boolean;
 }): void;
-interface FocusWithinProps {
+export interface FocusWithinProps {
     /** Whether the focus within events should be disabled. */
     isDisabled?: boolean;
     /** Handler that is called when the target element or a descendant receives focus. */
@@ -96,9 +96,9 @@ interface FocusWithinProps {
     /** Handler that is called when the the focus within state changes. */
     onFocusWithinChange?: (isFocusWithin: boolean) => void;
 }
-interface FocusWithinResult {
+export interface FocusWithinResult {
     /** Props to spread onto the target element. */
-    focusWithinProps: HTMLAttributes<HTMLElement>;
+    focusWithinProps: DOMAttributes;
 }
 /**
  * Handles focus events for the target and its descendants.
@@ -108,9 +108,9 @@ export interface HoverProps extends HoverEvents {
     /** Whether the hover events should be disabled. */
     isDisabled?: boolean;
 }
-interface HoverResult {
+export interface HoverResult {
     /** Props to spread on the target element. */
-    hoverProps: HTMLAttributes<HTMLElement>;
+    hoverProps: DOMAttributes;
     isHovered: boolean;
 }
 /**
@@ -118,7 +118,7 @@ interface HoverResult {
  * across browsers and platforms, and ignores emulated mouse events on touch devices.
  */
 export function useHover(props: HoverProps): HoverResult;
-interface InteractOutsideProps {
+export interface InteractOutsideProps {
     ref: RefObject<Element>;
     onInteractOutside?: (e: SyntheticEvent) => void;
     onInteractOutsideStart?: (e: SyntheticEvent) => void;
@@ -134,17 +134,17 @@ export interface KeyboardProps extends KeyboardEvents {
     /** Whether the keyboard events should be disabled. */
     isDisabled?: boolean;
 }
-interface KeyboardResult {
+export interface KeyboardResult {
     /** Props to spread onto the target element. */
-    keyboardProps: HTMLAttributes<HTMLElement>;
+    keyboardProps: DOMAttributes;
 }
 /**
  * Handles keyboard interactions for a focusable element.
  */
 export function useKeyboard(props: KeyboardProps): KeyboardResult;
-interface MoveResult {
+export interface MoveResult {
     /** Props to spread on the target element. */
-    moveProps: HTMLAttributes<HTMLElement>;
+    moveProps: DOMAttributes;
 }
 /**
  * Handles move interactions across mouse, touch, and keyboard, including dragging with
@@ -157,7 +157,7 @@ export interface ScrollWheelProps extends ScrollEvents {
     isDisabled?: boolean;
 }
 export function useScrollWheel(props: ScrollWheelProps, ref: RefObject<HTMLElement>): void;
-interface LongPressProps {
+export interface LongPressProps {
     /** Whether long press events should be disabled. */
     isDisabled?: boolean;
     /** Handler that is called when a long press interaction starts. */
@@ -183,14 +183,15 @@ interface LongPressProps {
      */
     accessibilityDescription?: string;
 }
-interface LongPressResult {
+export interface LongPressResult {
     /** Props to spread on the target element. */
-    longPressProps: HTMLAttributes<HTMLElement>;
+    longPressProps: DOMAttributes;
 }
 /**
  * Handles long press interactions across mouse and touch devices. Supports a customizable time threshold,
  * accessibility description, and normalizes behavior across browsers and devices.
  */
 export function useLongPress(props: LongPressProps): LongPressResult;
+export type { MoveEvents } from '@react-types/shared';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +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/utils.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/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 * from './Pressable';\nexport * from './PressResponder';\nexport * from './useFocus';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useHover';\nexport * from './useInteractOutside';\nexport * from './useKeyboard';\nexport * from './useMove';\nexport * from './usePress';\nexport * from './useScrollWheel';\nexport * from './useLongPress';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;AGwBA,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,CA0jB3D;ACroBD,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;AC/BH,2BAA4B,SAAQ,WAAW;IAC7C,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;IACE,+CAA+C;IAC/C,UAAU,EAAE,aAAa,CAAA;CAC1B;AAED;;;GAGG;AACH,yBAAyB,KAAK,EAAE,UAAU,GAAG,WAAW,CA6CvD;AC3DD,uBAAuB,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAG1D,kCAAkC,CAAC,gBAAgB,OAAO,KAAK,IAAI,CAAC;AACpE;IACE,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;IACE,kDAAkD;IAClD,gBAAgB,OAAO,CAAA;CACxB;AA8HD;;GAEG;AACH,kCAAkC,OAAO,CAExC;AAED,0CAA0C,QAAQ,CAEjD;AAED,uCAAuC,QAAQ,EAAE,QAAQ,QAGxD;AAED;;GAEG;AACH,0CAA0C,QAAQ,CAgBjD;AAUD;;GAEG;AACH,gCAAgC,KAAK,GAAE,iBAAsB,GAAG,kBAAkB,CAQjF;AAED;;GAEG;AACH,wCAAwC,EAAE,EAAE,mBAAmB,EAAE,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,IAAI,CAe/H;ACxND;IACE,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qFAAqF;IACrF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,qFAAqF;IACrF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAA;CACvD;AAED;IACE,+CAA+C;IAC/C,gBAAgB,EAAE,aAAa,CAAA;CAChC;AAED;;GAEG;AACH,+BAA+B,KAAK,EAAE,gBAAgB,GAAG,iBAAiB,CA2DzE;AC9ED,2BAA4B,SAAQ,WAAW;IAC7C,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;IACE,6CAA6C;IAC7C,UAAU,EAAE,aAAa,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAA;CACnB;AAoDD;;;GAGG;AACH,yBAAyB,KAAK,EAAE,UAAU,GAAG,WAAW,CAuHvD;AC1LD;IACE,GAAG,EAAE,UAAU,OAAO,CAAC,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,sBAAsB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,mCAAmC,KAAK,EAAE,oBAAoB,QA0E7D;AE1FD,8BAA+B,SAAQ,cAAc;IACnD,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;IACE,+CAA+C;IAC/C,aAAa,EAAE,aAAa,CAAA;CAC7B;AAED;;GAEG;AACH,4BAA4B,KAAK,EAAE,aAAa,GAAG,cAAc,CAOhE;AClBD;IACE,6CAA6C;IAC7C,SAAS,EAAE,aAAa,CAAA;CACzB;AASD;;;;GAIG;AACH,wBAAwB,KAAK,EAAE,UAAU,GAAG,UAAU,CAkMrD;ACpND,iCAAkC,SAAQ,YAAY;IACpD,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAGD,+BAA+B,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,IAAI,CAkBzF;ACvBD;IACE,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED;IACE,6CAA6C;IAC7C,cAAc,EAAE,aAAa,CAAA;CAC9B;AAID;;;GAGG;AACH,6BAA6B,KAAK,EAAE,cAAc,GAAG,eAAe,CAwEnE;ACxFD,YAAY,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/textSelection.ts","packages/@react-aria/interactions/src/packages/@react-aria/interactions/src/utils.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/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, 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

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/interactions",
-  "version": "3.8.4",
+  "version": "3.10.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,14 +18,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/utils": "^3.12.0",
-    "@react-types/shared": "^3.12.0"
+    "@react-aria/utils": "^3.13.2",
+    "@react-types/shared": "^3.14.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6a503b715e0dbbf92038cd7f08b1bcdde4c78e82"
+  "gitHead": "cd7c0ec917122c7612f653c22f8ed558f8b66ecd"
 }

package/src/DOMPropsContext.ts

@@ -10,16 +10,17 @@
  * governing permissions and limitations under the License.
  */
 
+import {DOMAttributes} from '@react-types/shared';
 import {mergeProps, useSyncRef} from '@react-aria/utils';
-import React, {HTMLAttributes, MutableRefObject, RefObject, useContext} from 'react';
+import React, {MutableRefObject, RefObject, useContext} from 'react';
 
-interface DOMPropsResponderProps extends HTMLAttributes<HTMLElement> {
-  ref?: RefObject<HTMLElement>
+interface DOMPropsResponderProps extends DOMAttributes {
+  ref?: RefObject<Element>
 }
 
-interface IDOMPropsResponderContext extends HTMLAttributes<HTMLElement> {
+interface IDOMPropsResponderContext extends DOMAttributes {
   register(): void,
-  ref?: MutableRefObject<HTMLElement>
+  ref?: MutableRefObject<Element>
 }
 
 export const DOMPropsResponderContext = React.createContext<IDOMPropsResponderContext>(null);

package/src/DOMPropsResponder.tsx

@@ -18,7 +18,7 @@ interface DOMPropsResponderProps extends HoverProps {
   children: ReactNode
 }
 
-export const DOMPropsResponder = React.forwardRef(({children, ...props}: DOMPropsResponderProps, ref: RefObject<HTMLElement>) => {
+export const DOMPropsResponder = React.forwardRef(({children, ...props}: DOMPropsResponderProps, ref: RefObject<Element>) => {
   let isRegistered = useRef(false);
   let context = {
     ...props,

package/src/PressResponder.tsx

@@ -10,6 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
+import {FocusableElement} from '@react-types/shared';
 import {mergeProps, useSyncRef} from '@react-aria/utils';
 import {PressProps} from './usePress';
 import {PressResponderContext} from './context';
@@ -19,7 +20,7 @@ interface PressResponderProps extends PressProps {
   children: ReactNode
 }
 
-export const PressResponder = React.forwardRef(({children, ...props}: PressResponderProps, ref: RefObject<HTMLElement>) => {
+export const PressResponder = React.forwardRef(({children, ...props}: PressResponderProps, ref: RefObject<FocusableElement>) => {
   let isRegistered = useRef(false);
   let prevContext = useContext(PressResponderContext);
   let context = mergeProps(prevContext || {}, {

package/src/Pressable.tsx

@@ -10,15 +10,16 @@
  * governing permissions and limitations under the License.
  */
 
+import {DOMAttributes} from '@react-types/shared';
 import {mergeProps} from '@react-aria/utils';
 import {PressProps, usePress} from './usePress';
-import React, {HTMLAttributes, ReactElement, RefObject, useRef} from 'react';
+import React, {ReactElement, RefObject, useRef} from 'react';
 
 interface PressableProps extends PressProps {
-  children: ReactElement<HTMLAttributes<HTMLElement>, string>
+  children: ReactElement<DOMAttributes, string>
 }
 
-export const Pressable = React.forwardRef(({children, ...props}: PressableProps, ref: RefObject<HTMLElement>) => {
+export const Pressable = React.forwardRef(({children, ...props}: PressableProps, ref: RefObject<Element>) => {
   let newRef = useRef();
   ref = ref ?? newRef;
   let {pressProps} = usePress({...props, ref});

package/src/context.ts

@@ -10,12 +10,13 @@
  * governing permissions and limitations under the License.
  */
 
+import {FocusableElement} from '@react-types/shared';
 import {PressProps} from './usePress';
 import React, {MutableRefObject} from 'react';
 
 interface IPressResponderContext extends PressProps {
   register(): void,
-  ref?: MutableRefObject<HTMLElement>
+  ref?: MutableRefObject<FocusableElement>
 }
 
 export const PressResponderContext = React.createContext<IPressResponderContext>(null);

package/src/index.ts

@@ -10,15 +10,34 @@
  * governing permissions and limitations under the License.
  */
 
-export * from './Pressable';
-export * from './PressResponder';
-export * from './useFocus';
-export * from './useFocusVisible';
-export * from './useFocusWithin';
-export * from './useHover';
-export * from './useInteractOutside';
-export * from './useKeyboard';
-export * from './useMove';
-export * from './usePress';
-export * from './useScrollWheel';
-export * from './useLongPress';
+export {Pressable} from './Pressable';
+export {PressResponder} from './PressResponder';
+export {useFocus} from './useFocus';
+export {
+  isFocusVisible,
+  getInteractionModality,
+  setInteractionModality,
+  useInteractionModality,
+  useFocusVisible,
+  useFocusVisibleListener
+} from './useFocusVisible';
+export {useFocusWithin} from './useFocusWithin';
+export {useHover} from './useHover';
+export {useInteractOutside} from './useInteractOutside';
+export {useKeyboard} from './useKeyboard';
+export {useMove} from './useMove';
+export {usePress} from './usePress';
+export {useScrollWheel} from './useScrollWheel';
+export {useLongPress} from './useLongPress';
+
+export type {FocusProps, FocusResult} from './useFocus';
+export type {FocusVisibleHandler, FocusVisibleResult, Modality} from './useFocusVisible';
+export type {FocusWithinProps, FocusWithinResult} from './useFocusWithin';
+export type {HoverProps, HoverResult} from './useHover';
+export type {InteractOutsideProps} from './useInteractOutside';
+export type {KeyboardProps, KeyboardResult} from './useKeyboard';
+export type {PressProps, PressHookProps, PressResult} from './usePress';
+export type {MoveEvents} from '@react-types/shared';
+export type {MoveResult} from './useMove';
+export type {LongPressProps, LongPressResult} from './useLongPress';
+export type {ScrollWheelProps} from './useScrollWheel';

package/src/textSelection.ts

@@ -31,9 +31,9 @@ type State = 'default' | 'disabled' | 'restoring';
 // rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
 let state: State = 'default';
 let savedUserSelect = '';
-let modifiedElementMap = new WeakMap<HTMLElement, string>();
+let modifiedElementMap = new WeakMap<Element, string>();
 
-export function disableTextSelection(target?: HTMLElement) {
+export function disableTextSelection(target?: Element) {
   if (isIOS()) {
     if (state === 'default') {
       savedUserSelect = document.documentElement.style.webkitUserSelect;
@@ -41,7 +41,7 @@ export function disableTextSelection(target?: HTMLElement) {
     }
 
     state = 'disabled';
-  } else if (target) {
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
     // If not iOS, store the target's original user-select and change to user-select: none
     // Ignore state since it doesn't apply for non iOS
     modifiedElementMap.set(target, target.style.userSelect);
@@ -49,7 +49,7 @@ export function disableTextSelection(target?: HTMLElement) {
   }
 }
 
-export function restoreTextSelection(target?: HTMLElement) {
+export function restoreTextSelection(target?: Element) {
   if (isIOS()) {
     // If the state is already default, there's nothing to do.
     // If it is restoring, then there's no need to queue a second restore.
@@ -76,7 +76,7 @@ export function restoreTextSelection(target?: HTMLElement) {
         }
       });
     }, 300);
-  } else {
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
     // If not iOS, restore the target's original user-select if any
     // Ignore state since it doesn't apply for non iOS
     if (target && modifiedElementMap.has(target)) {

package/src/useDOMPropsResponder.ts

@@ -13,7 +13,7 @@
 import {RefObject} from 'react';
 import {useDOMPropsResponderContext} from './DOMPropsContext';
 
-export function useDOMPropsResponder(domRef: RefObject<HTMLElement>) {
+export function useDOMPropsResponder(domRef: RefObject<Element>) {
 
   let domProps = useDOMPropsResponderContext({ref: domRef}) || {};
 

package/src/useFocus.ts

@@ -15,18 +15,18 @@
 // NOTICE file in the root directory of this source tree.
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
-import {FocusEvent, HTMLAttributes} from 'react';
-import {FocusEvents} from '@react-types/shared';
+import {DOMAttributes, FocusEvents} from '@react-types/shared';
+import {FocusEvent, useCallback} from 'react';
 import {useSyntheticBlurEvent} from './utils';
 
-interface FocusProps extends FocusEvents {
+export interface FocusProps extends FocusEvents {
   /** Whether the focus events should be disabled. */
   isDisabled?: boolean
 }
 
-interface FocusResult {
+export interface FocusResult {
   /** Props to spread onto the target element. */
-  focusProps: HTMLAttributes<HTMLElement>
+  focusProps: DOMAttributes
 }
 
 /**
@@ -34,48 +34,48 @@ interface FocusResult {
  * Focus events on child elements will be ignored.
  */
 export function useFocus(props: FocusProps): FocusResult {
-  let onBlur: FocusProps['onBlur'];
-  if (!props.isDisabled && (props.onBlur || props.onFocusChange)) {
-    onBlur = (e: FocusEvent) => {
-      if (e.target === e.currentTarget) {
-        if (props.onBlur) {
-          props.onBlur(e);
-        }
+  let {
+    isDisabled,
+    onFocus: onFocusProp,
+    onBlur: onBlurProp,
+    onFocusChange
+  } = props;
 
-        if (props.onFocusChange) {
-          props.onFocusChange(false);
-        }
+  const onBlur: FocusProps['onBlur'] = useCallback((e: FocusEvent) => {
+    if (e.target === e.currentTarget) {
+      if (onBlurProp) {
+        onBlurProp(e);
+      }
 
-        return true;
+      if (onFocusChange) {
+        onFocusChange(false);
       }
-    };
-  } else {
-    onBlur = null;
-  }
 
-  let onSyntheticFocus = useSyntheticBlurEvent(onBlur);
+      return true;
+    }
+  }, [onBlurProp, onFocusChange]);
+
 
-  let onFocus: FocusProps['onFocus'];
-  if (!props.isDisabled && (props.onFocus || props.onFocusChange || props.onBlur)) {
-    onFocus = (e: FocusEvent) => {
-      if (e.target === e.currentTarget) {
-        if (props.onFocus) {
-          props.onFocus(e);
-        }
+  const onSyntheticFocus = useSyntheticBlurEvent(onBlur);
 
-        if (props.onFocusChange) {
-          props.onFocusChange(true);
-        }
+  const onFocus: FocusProps['onFocus'] = useCallback((e: FocusEvent) => {
+    if (e.target === e.currentTarget) {
+      if (onFocusProp) {
+        onFocusProp(e);
+      }
 
-        onSyntheticFocus(e);
+      if (onFocusChange) {
+        onFocusChange(true);
       }
-    };
-  }
+
+      onSyntheticFocus(e);
+    }
+  }, [onFocusChange, onFocusProp, onSyntheticFocus]);
 
   return {
     focusProps: {
-      onFocus,
-      onBlur
+      onFocus: (!isDisabled && (onFocusProp || onFocusChange || onBlurProp)) ? onFocus : undefined,
+      onBlur: (!isDisabled && (onBlurProp || onFocusChange)) ? onBlur : null
     }
   };
 }

package/src/useFocusVisible.ts

@@ -19,10 +19,10 @@ import {isMac} from '@react-aria/utils';
 import {isVirtualClick} from './utils';
 import {useEffect, useState} from 'react';
 
-type Modality = 'keyboard' | 'pointer' | 'virtual';
+export type Modality = 'keyboard' | 'pointer' | 'virtual';
 type HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent;
 type Handler = (modality: Modality, e: HandlerEvent) => void;
-type FocusVisibleHandler = (isFocusVisible: boolean) => void;
+export type FocusVisibleHandler = (isFocusVisible: boolean) => void;
 interface FocusVisibleProps {
   /** Whether the element is a text input. */
   isTextInput?: boolean,
@@ -30,7 +30,7 @@ interface FocusVisibleProps {
   autoFocus?: boolean
 }
 
-interface FocusVisibleResult {
+export interface FocusVisibleResult {
   /** Whether keyboard focus is visible globally. */
   isFocusVisible: boolean
 }

package/src/useFocusWithin.ts

@@ -15,10 +15,11 @@
 // NOTICE file in the root directory of this source tree.
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
-import {FocusEvent, HTMLAttributes, useRef} from 'react';
+import {DOMAttributes} from '@react-types/shared';
+import {FocusEvent, useCallback, useRef} from 'react';
 import {useSyntheticBlurEvent} from './utils';
 
-interface FocusWithinProps {
+export interface FocusWithinProps {
   /** Whether the focus within events should be disabled. */
   isDisabled?: boolean,
   /** Handler that is called when the target element or a descendant receives focus. */
@@ -29,51 +30,66 @@ interface FocusWithinProps {
   onFocusWithinChange?: (isFocusWithin: boolean) => void
 }
 
-interface FocusWithinResult {
+export interface FocusWithinResult {
   /** Props to spread onto the target element. */
-  focusWithinProps: HTMLAttributes<HTMLElement>
+  focusWithinProps: DOMAttributes
 }
 
 /**
  * Handles focus events for the target and its descendants.
  */
 export function useFocusWithin(props: FocusWithinProps): FocusWithinResult {
+  let {
+    isDisabled,
+    onBlurWithin,
+    onFocusWithin,
+    onFocusWithinChange
+  } = props;
   let state = useRef({
     isFocusWithin: false
-  }).current;
+  });
 
-  let onBlur = props.isDisabled ? null : (e: FocusEvent) => {
+  let onBlur = useCallback((e: FocusEvent) => {
     // We don't want to trigger onBlurWithin and then immediately onFocusWithin again
     // when moving focus inside the element. Only trigger if the currentTarget doesn't
     // include the relatedTarget (where focus is moving).
-    if (state.isFocusWithin && !(e.currentTarget as Element).contains(e.relatedTarget as Element)) {
-      state.isFocusWithin = false;
+    if (state.current.isFocusWithin && !(e.currentTarget as Element).contains(e.relatedTarget as Element)) {
+      state.current.isFocusWithin = false;
 
-      if (props.onBlurWithin) {
-        props.onBlurWithin(e);
+      if (onBlurWithin) {
+        onBlurWithin(e);
       }
 
-      if (props.onFocusWithinChange) {
-        props.onFocusWithinChange(false);
+      if (onFocusWithinChange) {
+        onFocusWithinChange(false);
       }
     }
-  };
+  }, [onBlurWithin, onFocusWithinChange, state]);
 
   let onSyntheticFocus = useSyntheticBlurEvent(onBlur);
-  let onFocus = props.isDisabled ? null : (e: FocusEvent) => {
-    if (!state.isFocusWithin) {
-      if (props.onFocusWithin) {
-        props.onFocusWithin(e);
+  let onFocus = useCallback((e: FocusEvent) => {
+    if (!state.current.isFocusWithin) {
+      if (onFocusWithin) {
+        onFocusWithin(e);
       }
 
-      if (props.onFocusWithinChange) {
-        props.onFocusWithinChange(true);
+      if (onFocusWithinChange) {
+        onFocusWithinChange(true);
       }
 
-      state.isFocusWithin = true;
+      state.current.isFocusWithin = true;
       onSyntheticFocus(e);
     }
-  };
+  }, [onFocusWithin, onFocusWithinChange, onSyntheticFocus]);
+
+  if (isDisabled) {
+    return {
+      focusWithinProps: {
+        onFocus: null,
+        onBlur: null
+      }
+    };
+  }
 
   return {
     focusWithinProps: {