{"parents":["2f03aa6eed14ae30e586b77e40b2da9ea5e6facc"],"commit":{"shortRevision":"474b650cac","authorEmail":"necolas@fb.com","authorName":"Nicolas Gallagher","authoredAt":"2019-08-22T13:30:35-07:00","subject":"[react-events] Rename hook exports (#16533)","revision":"474b650cac72c9a251fa4a9f8d8d121dff067970"},"body":"For example, 'useHoverResponder' becomes 'useHover'","patch":"diff --git a\/packages\/react-events\/docs\/ContextMenu.md b\/packages\/react-events\/docs\/ContextMenu.md\nnew file mode 100644\nindex 0000000000..33b95c452b\n--- \/dev\/null\n+++ b\/packages\/react-events\/docs\/ContextMenu.md\n@@ -0,0 +1,54 @@\n+# ContextMenu\n+\n+The `useContextMenu` hooks responds to context-menu events.\n+\n+```js\n+\/\/ Example\n+const Button = (props) => {\n+ const contextmenu = useContextMenu({\n+ disabled,\n+ onContextMenu,\n+ preventDefault\n+ });\n+\n+ return (\n+

\n+ {props.children}\n+ <\/div>\n+ );\n+};\n+```\n+\n+## Types\n+\n+```js\n+type ContextMenuEvent = {\n+ altKey: boolean,\n+ buttons: 0 | 1 | 2,\n+ ctrlKey: boolean,\n+ metaKey: boolean,\n+ pageX: number,\n+ pageY: number,\n+ pointerType: PointerType,\n+ shiftKey: boolean,\n+ target: Element,\n+ timeStamp: number,\n+ type: 'contextmenu',\n+ x: number,\n+ y: number,\n+}\n+```\n+\n+## Props\n+\n+### disabled: boolean = false\n+\n+Disables the responder.\n+\n+### onContextMenu: (e: ContextMenuEvent) => void\n+\n+Called when the user performs a gesture to display a context menu.\n+\n+### preventDefault: boolean = true\n+\n+Prevents the native behavior (i.e., context menu).\ndiff --git a\/packages\/react-events\/docs\/Focus.md b\/packages\/react-events\/docs\/Focus.md\nindex 1fef78e370..47afc87240 100644\n--- a\/packages\/react-events\/docs\/Focus.md\n+++ b\/packages\/react-events\/docs\/Focus.md\n@@ -1,29 +1,29 @@\n # Focus\n \n-The `Focus` module responds to focus and blur events on its child. Focus events\n+The `useFocus` hook responds to focus and blur events on its child. Focus events\n are dispatched for all input types, with the exception of `onFocusVisibleChange`\n which is only dispatched when focusing with a keyboard.\n \n-Focus events do not propagate between `Focus` event responders.\n+Focus events do not propagate between `useFocus` event responders.\n \n ```js\n \/\/ Example\n const Button = (props) => {\n- const [ focusVisible, setFocusVisible ] = useState(false);\n+ const [ isFocusVisible, setFocusVisible ] = useState(false);\n+ const focus = useFocus({\n+ onBlur={props.onBlur}\n+ onFocus={props.onFocus}\n+ onFocusVisibleChange={setFocusVisible}\n+ });\n \n return (\n- \n- \n- <\/Focus>\n );\n };\n ```\n@@ -33,6 +33,8 @@ const Button = (props) => {\n ```js\n type FocusEvent = {\n target: Element,\n+ pointerType: 'mouse' | 'touch' | 'pen' | 'keyboard',\n+ timeStamp: number,\n type: 'blur' | 'focus' | 'focuschange' | 'focusvisiblechange'\n }\n ```\n@@ -41,7 +43,7 @@ type FocusEvent = {\n \n ### disabled: boolean = false\n \n-Disables all `Focus` events.\n+Disables the responder.\n \n ### onBlur: (e: FocusEvent) => void\n \ndiff --git a\/packages\/react-events\/docs\/FocusWithin.md b\/packages\/react-events\/docs\/FocusWithin.md\nindex 36bd56c1c6..270390b444 100644\n--- a\/packages\/react-events\/docs\/FocusWithin.md\n+++ b\/packages\/react-events\/docs\/FocusWithin.md\n@@ -1,48 +1,39 @@\n # FocusWithin\n \n-The `FocusWithin` module responds to focus and blur events on its child. Focus events\n+The `useFocusWithin` hooks responds to focus and blur events on its child. Focus events\n are dispatched for all input types, with the exception of `onFocusVisibleChange`\n which is only dispatched when focusing with a keyboard.\n \n-Focus events do not propagate between `FocusWithin` event responders.\n+Focus events do not propagate between `useFocusWithin` event responders.\n \n ```js\n \/\/ Example\n const Button = (props) => {\n- const [ focusWithin, updateFocusWithin ] = useState(false);\n- const [ focusWithinVisible, updateFocusWithinVisible ] = useState(false);\n+ const [ isFocusWithin, updateFocusWithin ] = useState(false);\n+ const [ isFocusWithinVisible, updateFocusWithinVisible ] = useState(false);\n+ const focusWithin = useFocusWithin({\n+ onFocusWithinChange={updateFocusWithin}\n+ onFocusWithinVisibleChange={updateFocusWithinVisible}\n+ });\n \n return (\n- \n- \n- <\/FocusWithin>\n );\n };\n ```\n \n-## Types\n-\n-```js\n-type FocusEvent = {\n- target: Element,\n- type: 'focuswithinchange' | 'focuswithinvisiblechange'\n-}\n-```\n-\n ## Props\n \n ### disabled: boolean = false\n \n-Disables all `FocusWithin` events.\n+Disables the responder.\n \n ### onFocusWithinChange: boolean => void\n \ndiff --git a\/packages\/react-events\/docs\/Hover.md b\/packages\/react-events\/docs\/Hover.md\nindex e06559d179..42aeb18edb 100644\n--- a\/packages\/react-events\/docs\/Hover.md\n+++ b\/packages\/react-events\/docs\/Hover.md\n@@ -1,26 +1,29 @@\n # Hover\n \n-The `Hover` module responds to hover events on the element it wraps. Hover\n+The `useHover` hook responds to hover events on the element it wraps. Hover\n events are only dispatched for `mouse` and `pen` pointer types. Hover begins\n when the pointer enters the element's bounds and ends when the pointer leaves.\n \n-Hover events do not propagate between `Hover` event responders.\n+Hover events do not propagate between `useHover` event responders.\n \n ```js\n \/\/ Example\n const Link = (props) => (\n- const [ hovered, setHovered ] = useState(false);\n+ const [ isHovered, setHovered ] = useState(false);\n+ const hover = useHover({\n+ onHoverChange: setHovered\n+ });\n+\n return (\n- \n- \n- <\/Hover>\n+ \n );\n );\n ```\n@@ -28,18 +31,27 @@ const Link = (props) => (\n ## Types\n \n ```js\n-type HoverEvent = {\n- pointerType: 'mouse' | 'pen',\n+type HoverEventType = 'hoverstart' | 'hoverend' | 'hoverchange' | 'hovermove';\n+\n+type HoverEvent = {|\n+ clientX: number,\n+ clientY: number,\n+ pageX: number,\n+ pageY: number,\n+ pointerType: PointerType,\n target: Element,\n- type: 'hoverstart' | 'hoverend' | 'hovermove' | 'hoverchange'\n-}\n+ timeStamp: number,\n+ type: HoverEventType,\n+ x: number,\n+ y: number,\n+|};\n ```\n \n ## Props\n \n ### disabled: boolean\n \n-Disables all `Hover` events.\n+Disables the responder.\n \n ### onHoverChange: boolean => void\n \ndiff --git a\/packages\/react-events\/docs\/Press.md b\/packages\/react-events\/docs\/Press.md\nindex 733a932a7a..26c9b9fe2e 100644\n--- a\/packages\/react-events\/docs\/Press.md\n+++ b\/packages\/react-events\/docs\/Press.md\n@@ -1,33 +1,34 @@\n # Press\n \n-The `Press` module responds to press events on the element it wraps. Press\n+The `usePress` hook responds to press events on the element it wraps. Press\n events are dispatched for `mouse`, `pen`, `touch`, `trackpad`, and `keyboard`\n pointer types. Press events are only dispatched for keyboards when pressing the\n Enter or Spacebar keys. If `onPress` is not called, this signifies that the\n press ended outside of the element hit bounds (i.e., the user aborted the\n press).\n \n-Press events do not propagate between `Press` event responders.\n+Press events do not propagate between `usePress` event responders.\n \n ```js\n \/\/ Example\n const Button = (props) => (\n- const [ pressed, setPressed ] = useState(false);\n+ const [ isPressed, setPressed ] = useState(false);\n+ const press = usePress({\n+ onPress={props.onPress}\n+ onPressChange={setPressed}\n+ });\n+\n return (\n- \n- \n- <\/Press>\n+ \n );\n );\n ```\n@@ -37,6 +38,7 @@ const Button = (props) => (\n ```js\n type PressEvent = {\n altKey: boolean,\n+ buttons: 0 | 1 | 4,\n ctrlKey: boolean,\n defaultPrevented: boolean,\n metaKey: boolean,\n@@ -76,7 +78,7 @@ type PressOffset = {\n \n ### disabled: boolean = false\n \n-Disables all `Press` events.\n+Disables the responder.\n \n ### onPress: (e: PressEvent) => void\n \ndiff --git a\/packages\/react-events\/src\/dom\/ContextMenu.js b\/packages\/react-events\/src\/dom\/ContextMenu.js\nindex 40cd079e89..ca2cd9e92e 100644\n--- a\/packages\/react-events\/src\/dom\/ContextMenu.js\n+++ b\/packages\/react-events\/src\/dom\/ContextMenu.js\n@@ -120,7 +120,7 @@ export const ContextMenuResponder = React.unstable_createResponder(\n contextMenuImpl,\n );\n \n-export function useContextMenuResponder(\n+export function useContextMenu(\n props: ContextMenuProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(ContextMenuResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Drag.js b\/packages\/react-events\/src\/dom\/Drag.js\nindex 792b6579a4..50cac5b1bf 100644\n--- a\/packages\/react-events\/src\/dom\/Drag.js\n+++ b\/packages\/react-events\/src\/dom\/Drag.js\n@@ -244,7 +244,7 @@ export const DragResponder = React.unstable_createResponder(\n dragResponderImpl,\n );\n \n-export function useDragResponder(\n+export function useDrag(\n props: DragProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(DragResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Focus.js b\/packages\/react-events\/src\/dom\/Focus.js\nindex 2f34ea7c62..e86af18fda 100644\n--- a\/packages\/react-events\/src\/dom\/Focus.js\n+++ b\/packages\/react-events\/src\/dom\/Focus.js\n@@ -348,7 +348,7 @@ export const FocusResponder = React.unstable_createResponder(\n focusResponderImpl,\n );\n \n-export function useFocusResponder(\n+export function useFocus(\n props: FocusProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(FocusResponder, props);\n@@ -485,7 +485,7 @@ export const FocusWithinResponder = React.unstable_createResponder(\n focusWithinResponderImpl,\n );\n \n-export function useFocusWithinResponder(\n+export function useFocusWithin(\n props: FocusWithinProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(FocusWithinResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Hover.js b\/packages\/react-events\/src\/dom\/Hover.js\nindex dea896042b..1d1386df16 100644\n--- a\/packages\/react-events\/src\/dom\/Hover.js\n+++ b\/packages\/react-events\/src\/dom\/Hover.js\n@@ -341,7 +341,7 @@ export const HoverResponder = React.unstable_createResponder(\n hasPointerEvents ? hoverResponderImpl : hoverResponderFallbackImpl,\n );\n \n-export function useHoverResponder(\n+export function useHover(\n props: HoverProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(HoverResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Input.js b\/packages\/react-events\/src\/dom\/Input.js\nindex 5b9046c613..81e746da1a 100644\n--- a\/packages\/react-events\/src\/dom\/Input.js\n+++ b\/packages\/react-events\/src\/dom\/Input.js\n@@ -215,7 +215,7 @@ export const InputResponder = React.unstable_createResponder(\n inputResponderImpl,\n );\n \n-export function useInputResponder(\n+export function useInput(\n props: InputResponderProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(InputResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Keyboard.js b\/packages\/react-events\/src\/dom\/Keyboard.js\nindex b03da85161..f692605968 100644\n--- a\/packages\/react-events\/src\/dom\/Keyboard.js\n+++ b\/packages\/react-events\/src\/dom\/Keyboard.js\n@@ -209,7 +209,7 @@ export const KeyboardResponder = React.unstable_createResponder(\n keyboardResponderImpl,\n );\n \n-export function useKeyboardResponder(\n+export function useKeyboard(\n props: KeyboardProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(KeyboardResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Press.js b\/packages\/react-events\/src\/dom\/Press.js\nindex 2b4858d374..ecd26ff7f4 100644\n--- a\/packages\/react-events\/src\/dom\/Press.js\n+++ b\/packages\/react-events\/src\/dom\/Press.js\n@@ -850,7 +850,7 @@ export const PressResponder = React.unstable_createResponder(\n pressResponderImpl,\n );\n \n-export function usePressResponder(\n+export function usePress(\n props: PressProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(PressResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Scroll.js b\/packages\/react-events\/src\/dom\/Scroll.js\nindex a762a17da7..5e14c7813b 100644\n--- a\/packages\/react-events\/src\/dom\/Scroll.js\n+++ b\/packages\/react-events\/src\/dom\/Scroll.js\n@@ -310,7 +310,7 @@ export const ScrollResponder = React.unstable_createResponder(\n scrollResponderImpl,\n );\n \n-export function useScrollResponder(\n+export function useScroll(\n props: ScrollProps,\n ): ReactEventResponderListener {\n return React.unstable_useResponder(ScrollResponder, props);\ndiff --git a\/packages\/react-events\/src\/dom\/Swipe.js b\/packages\/react-events\/src\/dom\/Swipe.js\nindex 3353a159e9..d60dd37991 100644\n--- a\/packages\/react-events\/src\/dom\/Swipe.js\n+++ b\/packages\/react-events\/src\/dom\/Swipe.js\n@@ -281,8 +281,8 @@ export const SwipeResponder = React.unstable_createResponder(\n swipeResponderImpl,\n );\n \n-export function useSwipeListener(\n+export function useSwipe(\n props: SwipeProps,\n ): ReactEventResponderListener {\n- return React.unstable_useListener(SwipeResponder, props);\n+ return React.unstable_useResponder(SwipeResponder, props);\n }\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/ContextMenu-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/ContextMenu-test.internal.js\nindex d64b78ade7..dca993a440 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/ContextMenu-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/ContextMenu-test.internal.js\n@@ -19,7 +19,7 @@ import {\n let React;\n let ReactFeatureFlags;\n let ReactDOM;\n-let useContextMenuResponder;\n+let useContextMenu;\n \n function initializeModules(hasPointerEvents) {\n setPointerEvent(hasPointerEvents);\n@@ -28,8 +28,7 @@ function initializeModules(hasPointerEvents) {\n ReactFeatureFlags.enableFlareAPI = true;\n React = require('react');\n ReactDOM = require('react-dom');\n- useContextMenuResponder = require('react-events\/context-menu')\n- .useContextMenuResponder;\n+ useContextMenu = require('react-events\/context-menu').useContextMenu;\n }\n \n const forcePointerEvents = true;\n@@ -56,7 +55,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {\n const preventDefault = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useContextMenuResponder({onContextMenu});\n+ const listener = useContextMenu({onContextMenu});\n return

;\n };\n ReactDOM.render(, container);\n@@ -79,7 +78,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {\n const preventDefault = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useContextMenuResponder({onContextMenu});\n+ const listener = useContextMenu({onContextMenu});\n return

;\n };\n ReactDOM.render(, container);\n@@ -101,7 +100,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {\n const onContextMenu = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useContextMenuResponder({\n+ const listener = useContextMenu({\n onContextMenu,\n disabled: true,\n });\n@@ -119,7 +118,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {\n const onContextMenu = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useContextMenuResponder({\n+ const listener = useContextMenu({\n onContextMenu,\n preventDefault: false,\n });\n@@ -148,7 +147,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {\n const onContextMenu = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useContextMenuResponder({onContextMenu});\n+ const listener = useContextMenu({onContextMenu});\n return

;\n };\n ReactDOM.render(, container);\n@@ -180,7 +179,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {\n const onContextMenu = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useContextMenuResponder({onContextMenu});\n+ const listener = useContextMenu({onContextMenu});\n return

;\n };\n ReactDOM.render(, container);\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/Drag-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Drag-test.internal.js\nindex b155b82b5b..28b000d1b0 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Drag-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Drag-test.internal.js\n@@ -12,7 +12,7 @@\n let React;\n let ReactFeatureFlags;\n let ReactDOM;\n-let useDragResponder;\n+let useDrag;\n \n describe('Drag event responder', () => {\n let container;\n@@ -23,7 +23,7 @@ describe('Drag event responder', () => {\n ReactFeatureFlags.enableFlareAPI = true;\n React = require('react');\n ReactDOM = require('react-dom');\n- useDragResponder = require('react-events\/drag').useDragResponder;\n+ useDrag = require('react-events\/drag').useDrag;\n \n container = document.createElement('div');\n document.body.appendChild(container);\n@@ -44,7 +44,7 @@ describe('Drag event responder', () => {\n }\n \n function Component() {\n- const listener = useDragResponder({\n+ const listener = useDrag({\n onDragChange: handleOnDrag,\n });\n return (\n@@ -100,7 +100,7 @@ describe('Drag event responder', () => {\n }\n \n function Component() {\n- const listener = useDragResponder({\n+ const listener = useDrag({\n onDragStart: handleDragStart,\n onDragEnd: handleDragEnd,\n });\n@@ -153,7 +153,7 @@ describe('Drag event responder', () => {\n }\n \n function Component() {\n- const listener = useDragResponder({\n+ const listener = useDrag({\n onDragMove: handleDragMove,\n });\n return (\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js\nindex 12700ce55c..19bf4d6ff4 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js\n@@ -15,7 +15,7 @@ let React;\n let ReactFeatureFlags;\n let ReactDOM;\n let FocusResponder;\n-let useFocusResponder;\n+let useFocus;\n \n function initializeModules(hasPointerEvents) {\n setPointerEvent(hasPointerEvents);\n@@ -25,7 +25,7 @@ function initializeModules(hasPointerEvents) {\n React = require('react');\n ReactDOM = require('react-dom');\n FocusResponder = require('react-events\/focus').FocusResponder;\n- useFocusResponder = require('react-events\/focus').useFocusResponder;\n+ useFocus = require('react-events\/focus').useFocus;\n }\n \n const forcePointerEvents = true;\n@@ -54,7 +54,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n onFocus = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n disabled: true,\n onBlur,\n onFocus,\n@@ -80,7 +80,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n onBlur = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n onBlur,\n });\n return

;\n@@ -104,7 +104,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n ref = React.createRef();\n innerRef = React.createRef();\n const Component = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n onFocus,\n });\n return (\n@@ -203,7 +203,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n ref = React.createRef();\n innerRef = React.createRef();\n const Component = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n onFocusChange,\n });\n return (\n@@ -242,7 +242,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n ref = React.createRef();\n innerRef = React.createRef();\n const Component = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n onFocusVisibleChange,\n });\n return (\n@@ -315,7 +315,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n };\n \n const Inner = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n onBlur: createEventHandler('inner: onBlur'),\n onFocus: createEventHandler('inner: onFocus'),\n onFocusChange: createEventHandler('inner: onFocusChange'),\n@@ -324,7 +324,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {\n };\n \n const Outer = () => {\n- const listener = useFocusResponder({\n+ const listener = useFocus({\n onBlur: createEventHandler('outer: onBlur'),\n onFocus: createEventHandler('outer: onFocus'),\n onFocusChange: createEventHandler('outer: onFocusChange'),\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js\nindex f6f5ffecb7..f9f3f81bca 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js\n@@ -15,7 +15,7 @@ let React;\n let ReactFeatureFlags;\n let ReactDOM;\n let FocusWithinResponder;\n-let useFocusWithinResponder;\n+let useFocusWithin;\n \n const initializeModules = hasPointerEvents => {\n setPointerEvent(hasPointerEvents);\n@@ -25,8 +25,7 @@ const initializeModules = hasPointerEvents => {\n React = require('react');\n ReactDOM = require('react-dom');\n FocusWithinResponder = require('react-events\/focus').FocusWithinResponder;\n- useFocusWithinResponder = require('react-events\/focus')\n- .useFocusWithinResponder;\n+ useFocusWithin = require('react-events\/focus').useFocusWithin;\n };\n \n const forcePointerEvents = true;\n@@ -55,7 +54,7 @@ describe.each(table)('FocusWithin responder', hasPointerEvents => {\n onFocusWithinVisibleChange = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useFocusWithinResponder({\n+ const listener = useFocusWithin({\n disabled: true,\n onFocusWithinChange,\n onFocusWithinVisibleChange,\n@@ -83,7 +82,7 @@ describe.each(table)('FocusWithin responder', hasPointerEvents => {\n innerRef = React.createRef();\n innerRef2 = React.createRef();\n const Component = () => {\n- const listener = useFocusWithinResponder({\n+ const listener = useFocusWithin({\n onFocusWithinChange,\n });\n return (\n@@ -151,7 +150,7 @@ describe.each(table)('FocusWithin responder', hasPointerEvents => {\n innerRef = React.createRef();\n innerRef2 = React.createRef();\n const Component = () => {\n- const listener = useFocusWithinResponder({\n+ const listener = useFocusWithin({\n onFocusWithinVisibleChange,\n });\n return (\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/Hover-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Hover-test.internal.js\nindex 019a2d2b06..f114465a9a 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Hover-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Hover-test.internal.js\n@@ -15,7 +15,7 @@ let React;\n let ReactFeatureFlags;\n let ReactDOM;\n let HoverResponder;\n-let useHoverResponder;\n+let useHover;\n \n function initializeModules(hasPointerEvents) {\n jest.resetModules();\n@@ -26,7 +26,7 @@ function initializeModules(hasPointerEvents) {\n React = require('react');\n ReactDOM = require('react-dom');\n HoverResponder = require('react-events\/hover').HoverResponder;\n- useHoverResponder = require('react-events\/hover').useHoverResponder;\n+ useHover = require('react-events\/hover').useHover;\n }\n \n const forcePointerEvents = true;\n@@ -57,7 +57,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n onHoverEnd = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n disabled: true,\n onHoverChange,\n onHoverStart,\n@@ -87,7 +87,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n onHoverStart = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverStart: onHoverStart,\n });\n return

;\n@@ -124,7 +124,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n onHoverChange = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverChange,\n });\n return

;\n@@ -157,7 +157,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n onHoverEnd = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverEnd,\n });\n return

;\n@@ -201,7 +201,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n const onHoverMove = jest.fn();\n const ref = React.createRef();\n const Component = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverMove,\n });\n return

;\n@@ -229,7 +229,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n };\n \n const Inner = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverStart: createEventHandler('inner: onHoverStart'),\n onHoverEnd: createEventHandler('inner: onHoverEnd'),\n onHoverChange: createEventHandler('inner: onHoverChange'),\n@@ -238,7 +238,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n };\n \n const Outer = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverStart: createEventHandler('outer: onHoverStart'),\n onHoverEnd: createEventHandler('outer: onHoverEnd'),\n onHoverChange: createEventHandler('outer: onHoverChange'),\n@@ -305,7 +305,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {\n eventLog.push(propertiesWeCareAbout);\n };\n const Component = () => {\n- const listener = useHoverResponder({\n+ const listener = useHover({\n onHoverStart: logEvent,\n onHoverEnd: logEvent,\n onHoverMove: logEvent,\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/Input-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Input-test.internal.js\nindex 923e35d905..f6e6c0dcac 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Input-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Input-test.internal.js\n@@ -13,8 +13,8 @@ let React;\n let ReactFeatureFlags;\n let ReactDOM;\n let InputResponder;\n-let useInputResponder;\n-let usePressResponder;\n+let useInput;\n+let usePress;\n let Scheduler;\n \n const setUntrackedChecked = Object.getOwnPropertyDescriptor(\n@@ -41,8 +41,8 @@ const modulesInit = () => {\n ReactDOM = require('react-dom');\n Scheduler = require('scheduler');\n InputResponder = require('react-events\/input').InputResponder;\n- useInputResponder = require('react-events\/input').useInputResponder;\n- usePressResponder = require('react-events\/press').usePressResponder;\n+ useInput = require('react-events\/input').useInput;\n+ usePress = require('react-events\/press').usePress;\n };\n \n describe('Input event responder', () => {\n@@ -70,7 +70,7 @@ describe('Input event responder', () => {\n ref = React.createRef();\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n disabled: true,\n onChange,\n onValueChange,\n@@ -117,7 +117,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -157,7 +157,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -200,7 +200,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -242,7 +242,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -283,7 +283,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -345,7 +345,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -385,7 +385,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -438,7 +438,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -483,7 +483,7 @@ describe('Input event responder', () => {\n }\n \n function Radio1() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange: onChange1,\n onValueChange: onValueChange1,\n });\n@@ -491,7 +491,7 @@ describe('Input event responder', () => {\n }\n \n function Radio2() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange: onChange2,\n onValueChange: onValueChange2,\n });\n@@ -558,7 +558,7 @@ describe('Input event responder', () => {\n onChangeCalled = 0;\n onValueChangeCalled = 0;\n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -586,7 +586,7 @@ describe('Input event responder', () => {\n onChangeCalled = 0;\n onValueChangeCalled = 0;\n function Component2() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -612,7 +612,7 @@ describe('Input event responder', () => {\n onChangeCalled = 0;\n onValueChangeCalled = 0;\n function Component3() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -652,7 +652,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -689,7 +689,7 @@ describe('Input event responder', () => {\n }\n \n function Component() {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n onValueChange,\n });\n@@ -761,7 +761,7 @@ describe('Input event responder', () => {\n let ops = [];\n \n function Component({innerRef, onChange, controlledValue}) {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n });\n return (\n@@ -821,7 +821,7 @@ describe('Input event responder', () => {\n let ops = [];\n \n function Component({innerRef, onChange, controlledValue}) {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n });\n return (\n@@ -896,7 +896,7 @@ describe('Input event responder', () => {\n let ops = [];\n \n function Component({innerRef, onChange, controlledValue}) {\n- const listener = useInputResponder({\n+ const listener = useInput({\n onChange,\n });\n return (\n@@ -961,7 +961,7 @@ describe('Input event responder', () => {\n controlledValue,\n pressListener,\n }) {\n- const inputListener = useInputResponder({\n+ const inputListener = useInput({\n onChange,\n });\n return (\n@@ -975,7 +975,7 @@ describe('Input event responder', () => {\n }\n \n function PressWrapper({innerRef, onPress, onChange, controlledValue}) {\n- const pressListener = usePressResponder({\n+ const pressListener = usePress({\n onPress,\n });\n return (\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/Keyboard-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Keyboard-test.internal.js\nindex 613d1e6cac..f5688b56c6 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Keyboard-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Keyboard-test.internal.js\n@@ -12,7 +12,7 @@\n let React;\n let ReactFeatureFlags;\n let ReactDOM;\n-let useKeyboardResponder;\n+let useKeyboard;\n \n import {createEventTarget} from '..\/testing-library';\n \n@@ -22,7 +22,7 @@ function initializeModules(hasPointerEvents) {\n ReactFeatureFlags.enableFlareAPI = true;\n React = require('react');\n ReactDOM = require('react-dom');\n- useKeyboardResponder = require('react-events\/keyboard').useKeyboardResponder;\n+ useKeyboard = require('react-events\/keyboard').useKeyboard;\n }\n \n describe('Keyboard event responder', () => {\n@@ -48,7 +48,7 @@ describe('Keyboard event responder', () => {\n onKeyUp = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useKeyboardResponder({\n+ const listener = useKeyboard({\n disabled: true,\n onKeyDown,\n onKeyUp,\n@@ -74,7 +74,7 @@ describe('Keyboard event responder', () => {\n onKeyDown = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useKeyboardResponder({\n+ const listener = useKeyboard({\n onKeyDown,\n });\n return

;\n@@ -100,7 +100,7 @@ describe('Keyboard event responder', () => {\n onKeyUp = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = useKeyboardResponder({\n+ const listener = useKeyboard({\n onKeyDown,\n onKeyUp,\n });\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/Press-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Press-test.internal.js\nindex ea4aa15aaa..b1ac12e24c 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Press-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Press-test.internal.js\n@@ -19,7 +19,7 @@ let React;\n let ReactFeatureFlags;\n let ReactDOM;\n let PressResponder;\n-let usePressResponder;\n+let usePress;\n \n function initializeModules(hasPointerEvents) {\n jest.resetModules();\n@@ -29,7 +29,7 @@ function initializeModules(hasPointerEvents) {\n React = require('react');\n ReactDOM = require('react-dom');\n PressResponder = require('react-events\/press').PressResponder;\n- usePressResponder = require('react-events\/press').usePressResponder;\n+ usePress = require('react-events\/press').usePress;\n }\n \n function removePressMoveStrings(eventString) {\n@@ -68,7 +68,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n onPressEnd = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = usePressResponder({\n+ const listener = usePress({\n disabled: true,\n onPressStart,\n onPress,\n@@ -97,7 +97,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n onPressStart = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = usePressResponder({\n+ const listener = usePress({\n onPressStart,\n });\n return

;\n@@ -191,7 +191,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n onPressEnd = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = usePressResponder({\n+ const listener = usePress({\n onPressEnd,\n });\n return

;\n@@ -286,7 +286,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n onPressChange = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = usePressResponder({\n+ const listener = usePress({\n onPressChange,\n });\n return

;\n@@ -326,7 +326,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n onPress = jest.fn();\n ref = React.createRef();\n const Component = () => {\n- const listener = usePressResponder({\n+ const listener = usePress({\n onPress,\n });\n return

;\n@@ -374,7 +374,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n it('is not called after invalid \"keyup\" event', () => {\n const inputRef = React.createRef();\n const Component = () => {\n- const listener = usePressResponder({onPress});\n+ const listener = usePress({onPress});\n return ;\n };\n ReactDOM.render(, container);\n@@ -404,7 +404,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {\n const divRef = React.createRef();\n \n const Component = () => {\n- const listener = usePressResponder({onPress});\n+ const listener = usePress({onPress});\n return (\n

dillon1000/react

Files changed