@samitouri / QOS-React-2 / commits / 474b650cac

[react-events] Rename hook exports (#16533)

For example, 'useHoverResponder' becomes 'useHover'

Nicolas Gallagher committed Aug 22, 2019 at 13:30 UTC 474b650cac72c9a251fa4a9f8d8d121dff067970
24 files changed +259 -200
packages/react-events/docs/ContextMenu.md new
+54
@@ -0,0 +1,54 @@
1 +# ContextMenu
2 +
3 +The `useContextMenu` hooks responds to context-menu events.
4 +
5 +```js
6 +// Example
7 +const Button = (props) => {
8 + const contextmenu = useContextMenu({
9 + disabled,
10 + onContextMenu,
11 + preventDefault
12 + });
13 +
14 + return (
15 + <div listeners={contextmenu}>
16 + {props.children}
17 + </div>
18 + );
19 +};
20 +```
21 +
22 +## Types
23 +
24 +```js
25 +type ContextMenuEvent = {
26 + altKey: boolean,
27 + buttons: 0 | 1 | 2,
28 + ctrlKey: boolean,
29 + metaKey: boolean,
30 + pageX: number,
31 + pageY: number,
32 + pointerType: PointerType,
33 + shiftKey: boolean,
34 + target: Element,
35 + timeStamp: number,
36 + type: 'contextmenu',
37 + x: number,
38 + y: number,
39 +}
40 +```
41 +
42 +## Props
43 +
44 +### disabled: boolean = false
45 +
46 +Disables the responder.
47 +
48 +### onContextMenu: (e: ContextMenuEvent) => void
49 +
50 +Called when the user performs a gesture to display a context menu.
51 +
52 +### preventDefault: boolean = true
53 +
54 +Prevents the native behavior (i.e., context menu).
packages/react-events/docs/Focus.md
+17 -15
@@ -1,29 +1,29 @@
1 # Focus
2
3 -The `Focus` module responds to focus and blur events on its child. Focus events
3 +The `useFocus` hook responds to focus and blur events on its child. Focus events
4 are dispatched for all input types, with the exception of `onFocusVisibleChange`
5 which is only dispatched when focusing with a keyboard.
6
7 -Focus events do not propagate between `Focus` event responders.
7 +Focus events do not propagate between `useFocus` event responders.
8
9 ```js
10 // Example
11 const Button = (props) => {
12 - const [ focusVisible, setFocusVisible ] = useState(false);
12 + const [ isFocusVisible, setFocusVisible ] = useState(false);
13 + const focus = useFocus({
14 + onBlur={props.onBlur}
15 + onFocus={props.onFocus}
16 + onFocusVisibleChange={setFocusVisible}
17 + });
18
19 return (
15 - <Focus
16 - onBlur={props.onBlur}
17 - onFocus={props.onFocus}
18 - onFocusVisibleChange={setFocusVisible}
20 + <button
21 + children={props.children}
22 + listeners={focus}
23 + style={{
24 + ...(isFocusVisible && focusVisibleStyles)
25 + }}
26 >
20 - <button
21 - children={props.children}
22 - style={{
23 - ...(focusVisible && focusVisibleStyles)
24 - }}
25 - >
26 - </Focus>
27 );
28 };
29 ```
@@ -33,6 +33,8 @@ const Button = (props) => {
33 ```js
34 type FocusEvent = {
35 target: Element,
36 + pointerType: 'mouse' | 'touch' | 'pen' | 'keyboard',
37 + timeStamp: number,
38 type: 'blur' | 'focus' | 'focuschange' | 'focusvisiblechange'
39 }
40 ```
@@ -41,7 +43,7 @@ type FocusEvent = {
43
44 ### disabled: boolean = false
45
44 -Disables all `Focus` events.
46 +Disables the responder.
47
48 ### onBlur: (e: FocusEvent) => void
49
packages/react-events/docs/FocusWithin.md
+16 -25
@@ -1,48 +1,39 @@
1 # FocusWithin
2
3 -The `FocusWithin` module responds to focus and blur events on its child. Focus events
3 +The `useFocusWithin` hooks responds to focus and blur events on its child. Focus events
4 are dispatched for all input types, with the exception of `onFocusVisibleChange`
5 which is only dispatched when focusing with a keyboard.
6
7 -Focus events do not propagate between `FocusWithin` event responders.
7 +Focus events do not propagate between `useFocusWithin` event responders.
8
9 ```js
10 // Example
11 const Button = (props) => {
12 - const [ focusWithin, updateFocusWithin ] = useState(false);
13 - const [ focusWithinVisible, updateFocusWithinVisible ] = useState(false);
12 + const [ isFocusWithin, updateFocusWithin ] = useState(false);
13 + const [ isFocusWithinVisible, updateFocusWithinVisible ] = useState(false);
14 + const focusWithin = useFocusWithin({
15 + onFocusWithinChange={updateFocusWithin}
16 + onFocusWithinVisibleChange={updateFocusWithinVisible}
17 + });
18
19 return (
16 - <FocusWithin
17 - onFocusWithinChange={updateFocusWithin}
18 - onFocusWithinVisibleChange={updateFocusWithinVisible}
20 + <button
21 + children={props.children}
22 + listeners={focusWithin}
23 + style={{
24 + ...(isFocusWithin && focusWithinStyles),
25 + ...(isFocusWithinVisible && focusWithinVisibleStyles)
26 + }}
27 >
20 - <button
21 - children={props.children}
22 - style={{
23 - ...(focusWithin && focusWithinStyles),
24 - ...(focusWithinVisible && focusWithinVisibleStyles)
25 - }}
26 - >
27 - </FocusWithin>
28 );
29 };
30 ```
31
32 -## Types
33 -
34 -```js
35 -type FocusEvent = {
36 - target: Element,
37 - type: 'focuswithinchange' | 'focuswithinvisiblechange'
38 -}
39 -```
40 -
32 ## Props
33
34 ### disabled: boolean = false
35
45 -Disables all `FocusWithin` events.
36 +Disables the responder.
37
38 ### onFocusWithinChange: boolean => void
39
packages/react-events/docs/Hover.md
+30 -18
@@ -1,26 +1,29 @@
1 # Hover
2
3 -The `Hover` module responds to hover events on the element it wraps. Hover
3 +The `useHover` hook responds to hover events on the element it wraps. Hover
4 events are only dispatched for `mouse` and `pen` pointer types. Hover begins
5 when the pointer enters the element's bounds and ends when the pointer leaves.
6
7 -Hover events do not propagate between `Hover` event responders.
7 +Hover events do not propagate between `useHover` event responders.
8
9 ```js
10 // Example
11 const Link = (props) => (
12 - const [ hovered, setHovered ] = useState(false);
12 + const [ isHovered, setHovered ] = useState(false);
13 + const hover = useHover({
14 + onHoverChange: setHovered
15 + });
16 +
17 return (
14 - <Hover onHoverChange={setHovered}>
15 - <a
16 - {...props}
17 - href={props.href}
18 - style={{
19 - ...props.style,
20 - textDecoration: hovered ? 'underline': 'none'
21 - }}
22 - />
23 - </Hover>
18 + <a
19 + {...props}
20 + href={props.href}
21 + listeners={hover}
22 + style={{
23 + ...props.style,
24 + textDecoration: isHovered ? 'underline': 'none'
25 + }}
26 + />
27 );
28 );
29 ```
@@ -28,18 +31,27 @@ const Link = (props) => (
31 ## Types
32
33 ```js
31 -type HoverEvent = {
32 - pointerType: 'mouse' | 'pen',
34 +type HoverEventType = 'hoverstart' | 'hoverend' | 'hoverchange' | 'hovermove';
35 +
36 +type HoverEvent = {|
37 + clientX: number,
38 + clientY: number,
39 + pageX: number,
40 + pageY: number,
41 + pointerType: PointerType,
42 target: Element,
34 - type: 'hoverstart' | 'hoverend' | 'hovermove' | 'hoverchange'
35 -}
43 + timeStamp: number,
44 + type: HoverEventType,
45 + x: number,
46 + y: number,
47 +|};
48 ```
49
50 ## Props
51
52 ### disabled: boolean
53
42 -Disables all `Hover` events.
54 +Disables the responder.
55
56 ### onHoverChange: boolean => void
57
packages/react-events/docs/Press.md
+20 -18
@@ -1,33 +1,34 @@
1 # Press
2
3 -The `Press` module responds to press events on the element it wraps. Press
3 +The `usePress` hook responds to press events on the element it wraps. Press
4 events are dispatched for `mouse`, `pen`, `touch`, `trackpad`, and `keyboard`
5 pointer types. Press events are only dispatched for keyboards when pressing the
6 Enter or Spacebar keys. If `onPress` is not called, this signifies that the
7 press ended outside of the element hit bounds (i.e., the user aborted the
8 press).
9
10 -Press events do not propagate between `Press` event responders.
10 +Press events do not propagate between `usePress` event responders.
11
12 ```js
13 // Example
14 const Button = (props) => (
15 - const [ pressed, setPressed ] = useState(false);
15 + const [ isPressed, setPressed ] = useState(false);
16 + const press = usePress({
17 + onPress={props.onPress}
18 + onPressChange={setPressed}
19 + });
20 +
21 return (
17 - <Press
18 - onPress={props.onPress}
19 - onPressChange={setPressed}
20 - >
21 - <div
22 - {...props}
23 - role="button"
24 - tabIndex={0}
25 - style={
26 - ...buttonStyles,
27 - ...(pressed && pressedStyles)
28 - }}
29 - />
30 - </Press>
22 + <div
23 + {...props}
24 + listeners={press}
25 + role="button"
26 + tabIndex={0}
27 + style={
28 + ...buttonStyles,
29 + ...(isPressed && pressedStyles)
30 + }}
31 + />
32 );
33 );
34 ```
@@ -37,6 +38,7 @@ const Button = (props) => (
38 ```js
39 type PressEvent = {
40 altKey: boolean,
41 + buttons: 0 | 1 | 4,
42 ctrlKey: boolean,
43 defaultPrevented: boolean,
44 metaKey: boolean,
@@ -76,7 +78,7 @@ type PressOffset = {
78
79 ### disabled: boolean = false
80
79 -Disables all `Press` events.
81 +Disables the responder.
82
83 ### onPress: (e: PressEvent) => void
84
packages/react-events/src/dom/ContextMenu.js
+1 -1
@@ -120,7 +120,7 @@ export const ContextMenuResponder = React.unstable_createResponder(
120 contextMenuImpl,
121 );
122
123 -export function useContextMenuResponder(
123 +export function useContextMenu(
124 props: ContextMenuProps,
125 ): ReactEventResponderListener<any, any> {
126 return React.unstable_useResponder(ContextMenuResponder, props);
packages/react-events/src/dom/Drag.js
+1 -1
@@ -244,7 +244,7 @@ export const DragResponder = React.unstable_createResponder(
244 dragResponderImpl,
245 );
246
247 -export function useDragResponder(
247 +export function useDrag(
248 props: DragProps,
249 ): ReactEventResponderListener<any, any> {
250 return React.unstable_useResponder(DragResponder, props);
packages/react-events/src/dom/Focus.js
+2 -2
@@ -348,7 +348,7 @@ export const FocusResponder = React.unstable_createResponder(
348 focusResponderImpl,
349 );
350
351 -export function useFocusResponder(
351 +export function useFocus(
352 props: FocusProps,
353 ): ReactEventResponderListener<any, any> {
354 return React.unstable_useResponder(FocusResponder, props);
@@ -485,7 +485,7 @@ export const FocusWithinResponder = React.unstable_createResponder(
485 focusWithinResponderImpl,
486 );
487
488 -export function useFocusWithinResponder(
488 +export function useFocusWithin(
489 props: FocusWithinProps,
490 ): ReactEventResponderListener<any, any> {
491 return React.unstable_useResponder(FocusWithinResponder, props);
packages/react-events/src/dom/Hover.js
+1 -1
@@ -341,7 +341,7 @@ export const HoverResponder = React.unstable_createResponder(
341 hasPointerEvents ? hoverResponderImpl : hoverResponderFallbackImpl,
342 );
343
344 -export function useHoverResponder(
344 +export function useHover(
345 props: HoverProps,
346 ): ReactEventResponderListener<any, any> {
347 return React.unstable_useResponder(HoverResponder, props);
packages/react-events/src/dom/Input.js
+1 -1
@@ -215,7 +215,7 @@ export const InputResponder = React.unstable_createResponder(
215 inputResponderImpl,
216 );
217
218 -export function useInputResponder(
218 +export function useInput(
219 props: InputResponderProps,
220 ): ReactEventResponderListener<any, any> {
221 return React.unstable_useResponder(InputResponder, props);
packages/react-events/src/dom/Keyboard.js
+1 -1
@@ -209,7 +209,7 @@ export const KeyboardResponder = React.unstable_createResponder(
209 keyboardResponderImpl,
210 );
211
212 -export function useKeyboardResponder(
212 +export function useKeyboard(
213 props: KeyboardProps,
214 ): ReactEventResponderListener<any, any> {
215 return React.unstable_useResponder(KeyboardResponder, props);
packages/react-events/src/dom/Press.js
+1 -1
@@ -850,7 +850,7 @@ export const PressResponder = React.unstable_createResponder(
850 pressResponderImpl,
851 );
852
853 -export function usePressResponder(
853 +export function usePress(
854 props: PressProps,
855 ): ReactEventResponderListener<any, any> {
856 return React.unstable_useResponder(PressResponder, props);
packages/react-events/src/dom/Scroll.js
+1 -1
@@ -310,7 +310,7 @@ export const ScrollResponder = React.unstable_createResponder(
310 scrollResponderImpl,
311 );
312
313 -export function useScrollResponder(
313 +export function useScroll(
314 props: ScrollProps,
315 ): ReactEventResponderListener<any, any> {
316 return React.unstable_useResponder(ScrollResponder, props);
packages/react-events/src/dom/Swipe.js
+2 -2
@@ -281,8 +281,8 @@ export const SwipeResponder = React.unstable_createResponder(
281 swipeResponderImpl,
282 );
283
284 -export function useSwipeListener(
284 +export function useSwipe(
285 props: SwipeProps,
286 ): ReactEventResponderListener<any, any> {
287 - return React.unstable_useListener(SwipeResponder, props);
287 + return React.unstable_useResponder(SwipeResponder, props);
288 }
packages/react-events/src/dom/__tests__/ContextMenu-test.internal.js
+8 -9
@@ -19,7 +19,7 @@ import {
19 let React;
20 let ReactFeatureFlags;
21 let ReactDOM;
22 -let useContextMenuResponder;
22 +let useContextMenu;
23
24 function initializeModules(hasPointerEvents) {
25 setPointerEvent(hasPointerEvents);
@@ -28,8 +28,7 @@ function initializeModules(hasPointerEvents) {
28 ReactFeatureFlags.enableFlareAPI = true;
29 React = require('react');
30 ReactDOM = require('react-dom');
31 - useContextMenuResponder = require('react-events/context-menu')
32 - .useContextMenuResponder;
31 + useContextMenu = require('react-events/context-menu').useContextMenu;
32 }
33
34 const forcePointerEvents = true;
@@ -56,7 +55,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {
55 const preventDefault = jest.fn();
56 const ref = React.createRef();
57 const Component = () => {
59 - const listener = useContextMenuResponder({onContextMenu});
58 + const listener = useContextMenu({onContextMenu});
59 return <div ref={ref} listeners={listener} />;
60 };
61 ReactDOM.render(<Component />, container);
@@ -79,7 +78,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {
78 const preventDefault = jest.fn();
79 const ref = React.createRef();
80 const Component = () => {
82 - const listener = useContextMenuResponder({onContextMenu});
81 + const listener = useContextMenu({onContextMenu});
82 return <div ref={ref} listeners={listener} />;
83 };
84 ReactDOM.render(<Component />, container);
@@ -101,7 +100,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {
100 const onContextMenu = jest.fn();
101 const ref = React.createRef();
102 const Component = () => {
104 - const listener = useContextMenuResponder({
103 + const listener = useContextMenu({
104 onContextMenu,
105 disabled: true,
106 });
@@ -119,7 +118,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {
118 const onContextMenu = jest.fn();
119 const ref = React.createRef();
120 const Component = () => {
122 - const listener = useContextMenuResponder({
121 + const listener = useContextMenu({
122 onContextMenu,
123 preventDefault: false,
124 });
@@ -148,7 +147,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {
147 const onContextMenu = jest.fn();
148 const ref = React.createRef();
149 const Component = () => {
151 - const listener = useContextMenuResponder({onContextMenu});
150 + const listener = useContextMenu({onContextMenu});
151 return <div ref={ref} listeners={listener} />;
152 };
153 ReactDOM.render(<Component />, container);
@@ -180,7 +179,7 @@ describe.each(table)('ContextMenu responder', hasPointerEvents => {
179 const onContextMenu = jest.fn();
180 const ref = React.createRef();
181 const Component = () => {
183 - const listener = useContextMenuResponder({onContextMenu});
182 + const listener = useContextMenu({onContextMenu});
183 return <div ref={ref} listeners={listener} />;
184 };
185 ReactDOM.render(<Component />, container);
packages/react-events/src/dom/__tests__/Drag-test.internal.js
+5 -5
@@ -12,7 +12,7 @@
12 let React;
13 let ReactFeatureFlags;
14 let ReactDOM;
15 -let useDragResponder;
15 +let useDrag;
16
17 describe('Drag event responder', () => {
18 let container;
@@ -23,7 +23,7 @@ describe('Drag event responder', () => {
23 ReactFeatureFlags.enableFlareAPI = true;
24 React = require('react');
25 ReactDOM = require('react-dom');
26 - useDragResponder = require('react-events/drag').useDragResponder;
26 + useDrag = require('react-events/drag').useDrag;
27
28 container = document.createElement('div');
29 document.body.appendChild(container);
@@ -44,7 +44,7 @@ describe('Drag event responder', () => {
44 }
45
46 function Component() {
47 - const listener = useDragResponder({
47 + const listener = useDrag({
48 onDragChange: handleOnDrag,
49 });
50 return (
@@ -100,7 +100,7 @@ describe('Drag event responder', () => {
100 }
101
102 function Component() {
103 - const listener = useDragResponder({
103 + const listener = useDrag({
104 onDragStart: handleDragStart,
105 onDragEnd: handleDragEnd,
106 });
@@ -153,7 +153,7 @@ describe('Drag event responder', () => {
153 }
154
155 function Component() {
156 - const listener = useDragResponder({
156 + const listener = useDrag({
157 onDragMove: handleDragMove,
158 });
159 return (
packages/react-events/src/dom/__tests__/Focus-test.internal.js
+9 -9
@@ -15,7 +15,7 @@ let React;
15 let ReactFeatureFlags;
16 let ReactDOM;
17 let FocusResponder;
18 -let useFocusResponder;
18 +let useFocus;
19
20 function initializeModules(hasPointerEvents) {
21 setPointerEvent(hasPointerEvents);
@@ -25,7 +25,7 @@ function initializeModules(hasPointerEvents) {
25 React = require('react');
26 ReactDOM = require('react-dom');
27 FocusResponder = require('react-events/focus').FocusResponder;
28 - useFocusResponder = require('react-events/focus').useFocusResponder;
28 + useFocus = require('react-events/focus').useFocus;
29 }
30
31 const forcePointerEvents = true;
@@ -54,7 +54,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
54 onFocus = jest.fn();
55 ref = React.createRef();
56 const Component = () => {
57 - const listener = useFocusResponder({
57 + const listener = useFocus({
58 disabled: true,
59 onBlur,
60 onFocus,
@@ -80,7 +80,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
80 onBlur = jest.fn();
81 ref = React.createRef();
82 const Component = () => {
83 - const listener = useFocusResponder({
83 + const listener = useFocus({
84 onBlur,
85 });
86 return <div ref={ref} listeners={listener} />;
@@ -104,7 +104,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
104 ref = React.createRef();
105 innerRef = React.createRef();
106 const Component = () => {
107 - const listener = useFocusResponder({
107 + const listener = useFocus({
108 onFocus,
109 });
110 return (
@@ -203,7 +203,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
203 ref = React.createRef();
204 innerRef = React.createRef();
205 const Component = () => {
206 - const listener = useFocusResponder({
206 + const listener = useFocus({
207 onFocusChange,
208 });
209 return (
@@ -242,7 +242,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
242 ref = React.createRef();
243 innerRef = React.createRef();
244 const Component = () => {
245 - const listener = useFocusResponder({
245 + const listener = useFocus({
246 onFocusVisibleChange,
247 });
248 return (
@@ -315,7 +315,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
315 };
316
317 const Inner = () => {
318 - const listener = useFocusResponder({
318 + const listener = useFocus({
319 onBlur: createEventHandler('inner: onBlur'),
320 onFocus: createEventHandler('inner: onFocus'),
321 onFocusChange: createEventHandler('inner: onFocusChange'),
@@ -324,7 +324,7 @@ describe.each(table)('Focus responder', hasPointerEvents => {
324 };
325
326 const Outer = () => {
327 - const listener = useFocusResponder({
327 + const listener = useFocus({
328 onBlur: createEventHandler('outer: onBlur'),
329 onFocus: createEventHandler('outer: onFocus'),
330 onFocusChange: createEventHandler('outer: onFocusChange'),
packages/react-events/src/dom/__tests__/FocusWithin-test.internal.js
+5 -6
@@ -15,7 +15,7 @@ let React;
15 let ReactFeatureFlags;
16 let ReactDOM;
17 let FocusWithinResponder;
18 -let useFocusWithinResponder;
18 +let useFocusWithin;
19
20 const initializeModules = hasPointerEvents => {
21 setPointerEvent(hasPointerEvents);
@@ -25,8 +25,7 @@ const initializeModules = hasPointerEvents => {
25 React = require('react');
26 ReactDOM = require('react-dom');
27 FocusWithinResponder = require('react-events/focus').FocusWithinResponder;
28 - useFocusWithinResponder = require('react-events/focus')
29 - .useFocusWithinResponder;
28 + useFocusWithin = require('react-events/focus').useFocusWithin;
29 };
30
31 const forcePointerEvents = true;
@@ -55,7 +54,7 @@ describe.each(table)('FocusWithin responder', hasPointerEvents => {
54 onFocusWithinVisibleChange = jest.fn();
55 ref = React.createRef();
56 const Component = () => {
58 - const listener = useFocusWithinResponder({
57 + const listener = useFocusWithin({
58 disabled: true,
59 onFocusWithinChange,
60 onFocusWithinVisibleChange,
@@ -83,7 +82,7 @@ describe.each(table)('FocusWithin responder', hasPointerEvents => {
82 innerRef = React.createRef();
83 innerRef2 = React.createRef();
84 const Component = () => {
86 - const listener = useFocusWithinResponder({
85 + const listener = useFocusWithin({
86 onFocusWithinChange,
87 });
88 return (
@@ -151,7 +150,7 @@ describe.each(table)('FocusWithin responder', hasPointerEvents => {
150 innerRef = React.createRef();
151 innerRef2 = React.createRef();
152 const Component = () => {
154 - const listener = useFocusWithinResponder({
153 + const listener = useFocusWithin({
154 onFocusWithinVisibleChange,
155 });
156 return (
packages/react-events/src/dom/__tests__/Hover-test.internal.js
+10 -10
@@ -15,7 +15,7 @@ let React;
15 let ReactFeatureFlags;
16 let ReactDOM;
17 let HoverResponder;
18 -let useHoverResponder;
18 +let useHover;
19
20 function initializeModules(hasPointerEvents) {
21 jest.resetModules();
@@ -26,7 +26,7 @@ function initializeModules(hasPointerEvents) {
26 React = require('react');
27 ReactDOM = require('react-dom');
28 HoverResponder = require('react-events/hover').HoverResponder;
29 - useHoverResponder = require('react-events/hover').useHoverResponder;
29 + useHover = require('react-events/hover').useHover;
30 }
31
32 const forcePointerEvents = true;
@@ -57,7 +57,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
57 onHoverEnd = jest.fn();
58 ref = React.createRef();
59 const Component = () => {
60 - const listener = useHoverResponder({
60 + const listener = useHover({
61 disabled: true,
62 onHoverChange,
63 onHoverStart,
@@ -87,7 +87,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
87 onHoverStart = jest.fn();
88 ref = React.createRef();
89 const Component = () => {
90 - const listener = useHoverResponder({
90 + const listener = useHover({
91 onHoverStart: onHoverStart,
92 });
93 return <div ref={ref} listeners={listener} />;
@@ -124,7 +124,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
124 onHoverChange = jest.fn();
125 ref = React.createRef();
126 const Component = () => {
127 - const listener = useHoverResponder({
127 + const listener = useHover({
128 onHoverChange,
129 });
130 return <div ref={ref} listeners={listener} />;
@@ -157,7 +157,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
157 onHoverEnd = jest.fn();
158 ref = React.createRef();
159 const Component = () => {
160 - const listener = useHoverResponder({
160 + const listener = useHover({
161 onHoverEnd,
162 });
163 return <div ref={ref} listeners={listener} />;
@@ -201,7 +201,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
201 const onHoverMove = jest.fn();
202 const ref = React.createRef();
203 const Component = () => {
204 - const listener = useHoverResponder({
204 + const listener = useHover({
205 onHoverMove,
206 });
207 return <div ref={ref} listeners={listener} />;
@@ -229,7 +229,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
229 };
230
231 const Inner = () => {
232 - const listener = useHoverResponder({
232 + const listener = useHover({
233 onHoverStart: createEventHandler('inner: onHoverStart'),
234 onHoverEnd: createEventHandler('inner: onHoverEnd'),
235 onHoverChange: createEventHandler('inner: onHoverChange'),
@@ -238,7 +238,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
238 };
239
240 const Outer = () => {
241 - const listener = useHoverResponder({
241 + const listener = useHover({
242 onHoverStart: createEventHandler('outer: onHoverStart'),
243 onHoverEnd: createEventHandler('outer: onHoverEnd'),
244 onHoverChange: createEventHandler('outer: onHoverChange'),
@@ -305,7 +305,7 @@ describe.each(table)('Hover responder', hasPointerEvents => {
305 eventLog.push(propertiesWeCareAbout);
306 };
307 const Component = () => {
308 - const listener = useHoverResponder({
308 + const listener = useHover({
309 onHoverStart: logEvent,
310 onHoverEnd: logEvent,
311 onHoverMove: logEvent,
packages/react-events/src/dom/__tests__/Input-test.internal.js
+25 -25
@@ -13,8 +13,8 @@ let React;
13 let ReactFeatureFlags;
14 let ReactDOM;
15 let InputResponder;
16 -let useInputResponder;
17 -let usePressResponder;
16 +let useInput;
17 +let usePress;
18 let Scheduler;
19
20 const setUntrackedChecked = Object.getOwnPropertyDescriptor(
@@ -41,8 +41,8 @@ const modulesInit = () => {
41 ReactDOM = require('react-dom');
42 Scheduler = require('scheduler');
43 InputResponder = require('react-events/input').InputResponder;
44 - useInputResponder = require('react-events/input').useInputResponder;
45 - usePressResponder = require('react-events/press').usePressResponder;
44 + useInput = require('react-events/input').useInput;
45 + usePress = require('react-events/press').usePress;
46 };
47
48 describe('Input event responder', () => {
@@ -70,7 +70,7 @@ describe('Input event responder', () => {
70 ref = React.createRef();
71
72 function Component() {
73 - const listener = useInputResponder({
73 + const listener = useInput({
74 disabled: true,
75 onChange,
76 onValueChange,
@@ -117,7 +117,7 @@ describe('Input event responder', () => {
117 }
118
119 function Component() {
120 - const listener = useInputResponder({
120 + const listener = useInput({
121 onChange,
122 onValueChange,
123 });
@@ -157,7 +157,7 @@ describe('Input event responder', () => {
157 }
158
159 function Component() {
160 - const listener = useInputResponder({
160 + const listener = useInput({
161 onChange,
162 onValueChange,
163 });
@@ -200,7 +200,7 @@ describe('Input event responder', () => {
200 }
201
202 function Component() {
203 - const listener = useInputResponder({
203 + const listener = useInput({
204 onChange,
205 onValueChange,
206 });
@@ -242,7 +242,7 @@ describe('Input event responder', () => {
242 }
243
244 function Component() {
245 - const listener = useInputResponder({
245 + const listener = useInput({
246 onChange,
247 onValueChange,
248 });
@@ -283,7 +283,7 @@ describe('Input event responder', () => {
283 }
284
285 function Component() {
286 - const listener = useInputResponder({
286 + const listener = useInput({
287 onChange,
288 onValueChange,
289 });
@@ -345,7 +345,7 @@ describe('Input event responder', () => {
345 }
346
347 function Component() {
348 - const listener = useInputResponder({
348 + const listener = useInput({
349 onChange,
350 onValueChange,
351 });
@@ -385,7 +385,7 @@ describe('Input event responder', () => {
385 }
386
387 function Component() {
388 - const listener = useInputResponder({
388 + const listener = useInput({
389 onChange,
390 onValueChange,
391 });
@@ -438,7 +438,7 @@ describe('Input event responder', () => {
438 }
439
440 function Component() {
441 - const listener = useInputResponder({
441 + const listener = useInput({
442 onChange,
443 onValueChange,
444 });
@@ -483,7 +483,7 @@ describe('Input event responder', () => {
483 }
484
485 function Radio1() {
486 - const listener = useInputResponder({
486 + const listener = useInput({
487 onChange: onChange1,
488 onValueChange: onValueChange1,
489 });
@@ -491,7 +491,7 @@ describe('Input event responder', () => {
491 }
492
493 function Radio2() {
494 - const listener = useInputResponder({
494 + const listener = useInput({
495 onChange: onChange2,
496 onValueChange: onValueChange2,
497 });
@@ -558,7 +558,7 @@ describe('Input event responder', () => {
558 onChangeCalled = 0;
559 onValueChangeCalled = 0;
560 function Component() {
561 - const listener = useInputResponder({
561 + const listener = useInput({
562 onChange,
563 onValueChange,
564 });
@@ -586,7 +586,7 @@ describe('Input event responder', () => {
586 onChangeCalled = 0;
587 onValueChangeCalled = 0;
588 function Component2() {
589 - const listener = useInputResponder({
589 + const listener = useInput({
590 onChange,
591 onValueChange,
592 });
@@ -612,7 +612,7 @@ describe('Input event responder', () => {
612 onChangeCalled = 0;
613 onValueChangeCalled = 0;
614 function Component3() {
615 - const listener = useInputResponder({
615 + const listener = useInput({
616 onChange,
617 onValueChange,
618 });
@@ -652,7 +652,7 @@ describe('Input event responder', () => {
652 }
653
654 function Component() {
655 - const listener = useInputResponder({
655 + const listener = useInput({
656 onChange,
657 onValueChange,
658 });
@@ -689,7 +689,7 @@ describe('Input event responder', () => {
689 }
690
691 function Component() {
692 - const listener = useInputResponder({
692 + const listener = useInput({
693 onChange,
694 onValueChange,
695 });
@@ -761,7 +761,7 @@ describe('Input event responder', () => {
761 let ops = [];
762
763 function Component({innerRef, onChange, controlledValue}) {
764 - const listener = useInputResponder({
764 + const listener = useInput({
765 onChange,
766 });
767 return (
@@ -821,7 +821,7 @@ describe('Input event responder', () => {
821 let ops = [];
822
823 function Component({innerRef, onChange, controlledValue}) {
824 - const listener = useInputResponder({
824 + const listener = useInput({
825 onChange,
826 });
827 return (
@@ -896,7 +896,7 @@ describe('Input event responder', () => {
896 let ops = [];
897
898 function Component({innerRef, onChange, controlledValue}) {
899 - const listener = useInputResponder({
899 + const listener = useInput({
900 onChange,
901 });
902 return (
@@ -961,7 +961,7 @@ describe('Input event responder', () => {
961 controlledValue,
962 pressListener,
963 }) {
964 - const inputListener = useInputResponder({
964 + const inputListener = useInput({
965 onChange,
966 });
967 return (
@@ -975,7 +975,7 @@ describe('Input event responder', () => {
975 }
976
977 function PressWrapper({innerRef, onPress, onChange, controlledValue}) {
978 - const pressListener = usePressResponder({
978 + const pressListener = usePress({
979 onPress,
980 });
981 return (
packages/react-events/src/dom/__tests__/Keyboard-test.internal.js
+5 -5
@@ -12,7 +12,7 @@
12 let React;
13 let ReactFeatureFlags;
14 let ReactDOM;
15 -let useKeyboardResponder;
15 +let useKeyboard;
16
17 import {createEventTarget} from '../testing-library';
18
@@ -22,7 +22,7 @@ function initializeModules(hasPointerEvents) {
22 ReactFeatureFlags.enableFlareAPI = true;
23 React = require('react');
24 ReactDOM = require('react-dom');
25 - useKeyboardResponder = require('react-events/keyboard').useKeyboardResponder;
25 + useKeyboard = require('react-events/keyboard').useKeyboard;
26 }
27
28 describe('Keyboard event responder', () => {
@@ -48,7 +48,7 @@ describe('Keyboard event responder', () => {
48 onKeyUp = jest.fn();
49 ref = React.createRef();
50 const Component = () => {
51 - const listener = useKeyboardResponder({
51 + const listener = useKeyboard({
52 disabled: true,
53 onKeyDown,
54 onKeyUp,
@@ -74,7 +74,7 @@ describe('Keyboard event responder', () => {
74 onKeyDown = jest.fn();
75 ref = React.createRef();
76 const Component = () => {
77 - const listener = useKeyboardResponder({
77 + const listener = useKeyboard({
78 onKeyDown,
79 });
80 return <div ref={ref} listeners={listener} />;
@@ -100,7 +100,7 @@ describe('Keyboard event responder', () => {
100 onKeyUp = jest.fn();
101 ref = React.createRef();
102 const Component = () => {
103 - const listener = useKeyboardResponder({
103 + const listener = useKeyboard({
104 onKeyDown,
105 onKeyUp,
106 });
packages/react-events/src/dom/__tests__/Press-test.internal.js
+37 -37
@@ -19,7 +19,7 @@ let React;
19 let ReactFeatureFlags;
20 let ReactDOM;
21 let PressResponder;
22 -let usePressResponder;
22 +let usePress;
23
24 function initializeModules(hasPointerEvents) {
25 jest.resetModules();
@@ -29,7 +29,7 @@ function initializeModules(hasPointerEvents) {
29 React = require('react');
30 ReactDOM = require('react-dom');
31 PressResponder = require('react-events/press').PressResponder;
32 - usePressResponder = require('react-events/press').usePressResponder;
32 + usePress = require('react-events/press').usePress;
33 }
34
35 function removePressMoveStrings(eventString) {
@@ -68,7 +68,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
68 onPressEnd = jest.fn();
69 ref = React.createRef();
70 const Component = () => {
71 - const listener = usePressResponder({
71 + const listener = usePress({
72 disabled: true,
73 onPressStart,
74 onPress,
@@ -97,7 +97,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
97 onPressStart = jest.fn();
98 ref = React.createRef();
99 const Component = () => {
100 - const listener = usePressResponder({
100 + const listener = usePress({
101 onPressStart,
102 });
103 return <div ref={ref} listeners={listener} />;
@@ -191,7 +191,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
191 onPressEnd = jest.fn();
192 ref = React.createRef();
193 const Component = () => {
194 - const listener = usePressResponder({
194 + const listener = usePress({
195 onPressEnd,
196 });
197 return <div ref={ref} listeners={listener} />;
@@ -286,7 +286,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
286 onPressChange = jest.fn();
287 ref = React.createRef();
288 const Component = () => {
289 - const listener = usePressResponder({
289 + const listener = usePress({
290 onPressChange,
291 });
292 return <div ref={ref} listeners={listener} />;
@@ -326,7 +326,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
326 onPress = jest.fn();
327 ref = React.createRef();
328 const Component = () => {
329 - const listener = usePressResponder({
329 + const listener = usePress({
330 onPress,
331 });
332 return <div ref={ref} listeners={listener} />;
@@ -374,7 +374,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
374 it('is not called after invalid "keyup" event', () => {
375 const inputRef = React.createRef();
376 const Component = () => {
377 - const listener = usePressResponder({onPress});
377 + const listener = usePress({onPress});
378 return <input ref={inputRef} listeners={listener} />;
379 };
380 ReactDOM.render(<Component />, container);
@@ -404,7 +404,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
404 const divRef = React.createRef();
405
406 const Component = () => {
407 - const listener = usePressResponder({onPress});
407 + const listener = usePress({onPress});
408 return (
409 <div ref={divRef} listeners={listener}>
410 <button ref={buttonRef} />
@@ -429,7 +429,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
429 onPressMove = jest.fn();
430 ref = React.createRef();
431 const Component = () => {
432 - const listener = usePressResponder({
432 + const listener = usePress({
433 onPressMove,
434 });
435 return <div ref={ref} listeners={listener} />;
@@ -485,7 +485,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
485 events.push(msg);
486 };
487 const Component = () => {
488 - const listener = usePressResponder({
488 + const listener = usePress({
489 onPress: createEventHandler('onPress'),
490 onPressChange: createEventHandler('onPressChange'),
491 onPressMove: createEventHandler('onPressMove'),
@@ -575,7 +575,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
575 const pressRetentionOffset = {top: 40, bottom: 40, left: 40, right: 40};
576
577 const Component = () => {
578 - const listener = usePressResponder({
578 + const listener = usePress({
579 onPress: createEventHandler('onPress'),
580 onPressChange: createEventHandler('onPressChange'),
581 onPressMove: createEventHandler('onPressMove'),
@@ -719,7 +719,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
719 };
720
721 const Inner = () => {
722 - const listener = usePressResponder({
722 + const listener = usePress({
723 onPress: createEventHandler('inner: onPress'),
724 onPressChange: createEventHandler('inner: onPressChange'),
725 onPressMove: createEventHandler('inner: onPressMove'),
@@ -740,7 +740,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
740 };
741
742 const Outer = () => {
743 - const listener = usePressResponder({
743 + const listener = usePress({
744 onPress: createEventHandler('outer: onPress'),
745 onPressChange: createEventHandler('outer: onPressChange'),
746 onPressMove: createEventHandler('outer: onPressMove'),
@@ -777,12 +777,12 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
777 const onPress = jest.fn();
778
779 const Inner = () => {
780 - const listener = usePressResponder({onPress});
780 + const listener = usePress({onPress});
781 return <div ref={ref} listeners={listener} />;
782 };
783
784 const Outer = () => {
785 - const listener = usePressResponder({onPress});
785 + const listener = usePress({onPress});
786 return (
787 <div listeners={listener}>
788 <Inner />
@@ -804,12 +804,12 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
804 const onPressEnd = jest.fn();
805
806 const Inner = () => {
807 - const listener = usePressResponder({onPressStart, onPressEnd});
807 + const listener = usePress({onPressStart, onPressEnd});
808 return <div ref={ref} listeners={listener} />;
809 };
810
811 const Outer = () => {
812 - const listener = usePressResponder({onPressStart, onPressEnd});
812 + const listener = usePress({onPressStart, onPressEnd});
813 return (
814 <div listeners={listener}>
815 <Inner />
@@ -832,12 +832,12 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
832 const onPressChange = jest.fn();
833
834 const Inner = () => {
835 - const listener = usePressResponder({onPressChange});
835 + const listener = usePress({onPressChange});
836 return <div ref={ref} listeners={listener} />;
837 };
838
839 const Outer = () => {
840 - const listener = usePressResponder({onPressChange});
840 + const listener = usePress({onPressChange});
841 return (
842 <div listeners={listener}>
843 <Inner />
@@ -862,7 +862,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
862 const ref = React.createRef();
863
864 const Component = () => {
865 - const listener = usePressResponder({onPress});
865 + const listener = usePress({onPress});
866 return <a href="#" ref={ref} listeners={listener} />;
867 };
868 ReactDOM.render(<Component />, container);
@@ -882,7 +882,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
882 const ref = React.createRef();
883
884 const Component = () => {
885 - const listener = usePressResponder({onPress});
885 + const listener = usePress({onPress});
886 return <a href="#" ref={ref} listeners={listener} />;
887 };
888 ReactDOM.render(<Component />, container);
@@ -903,7 +903,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
903 const buttonRef = React.createRef();
904
905 const Component = () => {
906 - const listener = usePressResponder({onPress});
906 + const listener = usePress({onPress});
907 return (
908 <a href="#">
909 <button ref={buttonRef} listeners={listener} />
@@ -924,7 +924,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
924 const ref = React.createRef();
925
926 const Component = () => {
927 - const listener = usePressResponder({onPress});
927 + const listener = usePress({onPress});
928 return (
929 <a href="#" listeners={listener}>
930 <div ref={ref} />
@@ -948,7 +948,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
948 const ref = React.createRef();
949
950 const Component = () => {
951 - const listener = usePressResponder({onPress});
951 + const listener = usePress({onPress});
952 return <a href="#" ref={ref} listeners={listener} />;
953 };
954 ReactDOM.render(<Component />, container);
@@ -970,7 +970,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
970 const ref = React.createRef();
971
972 const Component = () => {
973 - const listener = usePressResponder({onPress, preventDefault: false});
973 + const listener = usePress({onPress, preventDefault: false});
974 return <a href="#" ref={ref} listeners={listener} />;
975 };
976 ReactDOM.render(<Component />, container);
@@ -990,7 +990,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
990 const ref = React.createRef();
991
992 const Component = () => {
993 - const listener = usePressResponder({onPress, preventDefault: false});
993 + const listener = usePress({onPress, preventDefault: false});
994 return <a href="#" ref={ref} listeners={listener} />;
995 };
996 ReactDOM.render(<Component />, container);
@@ -1012,7 +1012,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1012 const ref = React.createRef();
1013
1014 const Component = () => {
1015 - const listener = usePressResponder({onPressEnd});
1015 + const listener = usePress({onPressEnd});
1016 return <a href="#" ref={ref} listeners={listener} />;
1017 };
1018 ReactDOM.render(<Component />, container);
@@ -1029,7 +1029,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1029 const ref = React.createRef();
1030
1031 const Component = () => {
1032 - const listener = usePressResponder({onPressEnd});
1032 + const listener = usePress({onPressEnd});
1033 return <a href="#" ref={ref} listeners={listener} />;
1034 };
1035 ReactDOM.render(<Component />, container);
@@ -1047,7 +1047,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1047 const containerRef = React.createRef();
1048
1049 const Component = () => {
1050 - const listener = usePressResponder({onPressEnd});
1050 + const listener = usePress({onPressEnd});
1051 return (
1052 <div ref={containerRef}>
1053 <a ref={ref} listeners={listener} />
@@ -1069,7 +1069,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1069 const outsideRef = React.createRef();
1070
1071 const Component = () => {
1072 - const listener = usePressResponder({onPressEnd});
1072 + const listener = usePress({onPressEnd});
1073 return (
1074 <div>
1075 <a ref={ref} listeners={listener} />
@@ -1094,7 +1094,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1094 const ref = React.createRef();
1095
1096 const Component = () => {
1097 - const listener = usePressResponder();
1097 + const listener = usePress();
1098 return <button ref={ref} listeners={listener} />;
1099 };
1100 ReactDOM.render(<Component />, container);
@@ -1128,7 +1128,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1128 };
1129
1130 const Component = () => {
1131 - const listener = usePressResponder({
1131 + const listener = usePress({
1132 onPressStart: logEvent,
1133 onPressEnd: logEvent,
1134 onPressMove: logEvent,
@@ -1248,7 +1248,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1248 updateCounter(count => count + 1);
1249 }
1250
1251 - const listener = usePressResponder({
1251 + const listener = usePress({
1252 onPress: handlePress,
1253 });
1254
@@ -1316,7 +1316,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1316 updateCounter(count => count + 1);
1317 }
1318
1319 - const listener = usePressResponder({
1319 + const listener = usePress({
1320 onPress: handlePress,
1321 });
1322
@@ -1398,7 +1398,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1398 updatePressesCount(pressesCount + 1);
1399 }
1400
1401 - const listener = usePressResponder({
1401 + const listener = usePress({
1402 onPress: handlePress,
1403 });
1404
@@ -1439,7 +1439,7 @@ describe.each(environmentTable)('Press responder', hasPointerEvents => {
1439 const pointerDownEvent = jest.fn();
1440
1441 const Component = () => {
1442 - const listener = usePressResponder({stopPropagation: true});
1442 + const listener = usePress({stopPropagation: true});
1443 return <div ref={ref} listeners={listener} />;
1444 };
1445
packages/react-events/src/dom/__tests__/Scroll-test.internal.js
+6 -6
@@ -14,7 +14,7 @@ import {createEventTarget, setPointerEvent} from '../testing-library';
14 let React;
15 let ReactFeatureFlags;
16 let ReactDOM;
17 -let useScrollResponder;
17 +let useScroll;
18
19 const forcePointerEvents = true;
20 const table = [[forcePointerEvents], [!forcePointerEvents]];
@@ -26,7 +26,7 @@ const initializeModules = hasPointerEvents => {
26 ReactFeatureFlags.enableFlareAPI = true;
27 React = require('react');
28 ReactDOM = require('react-dom');
29 - useScrollResponder = require('react-events/scroll').useScrollResponder;
29 + useScroll = require('react-events/scroll').useScroll;
30 };
31
32 describe.each(table)('Scroll responder', hasPointerEvents => {
@@ -51,7 +51,7 @@ describe.each(table)('Scroll responder', hasPointerEvents => {
51 onScroll = jest.fn();
52 ref = React.createRef();
53 const Component = () => {
54 - const listener = useScrollResponder({
54 + const listener = useScroll({
55 disabled: true,
56 onScroll,
57 });
@@ -74,7 +74,7 @@ describe.each(table)('Scroll responder', hasPointerEvents => {
74 onScroll = jest.fn();
75 ref = React.createRef();
76 const Component = () => {
77 - const listener = useScrollResponder({
77 + const listener = useScroll({
78 onScroll,
79 });
80 return <div ref={ref} listeners={listener} />;
@@ -145,7 +145,7 @@ describe.each(table)('Scroll responder', hasPointerEvents => {
145 onScrollDragStart = jest.fn();
146 ref = React.createRef();
147 const Component = () => {
148 - const listener = useScrollResponder({
148 + const listener = useScroll({
149 onScrollDragStart,
150 });
151 return <div ref={ref} listeners={listener} />;
@@ -175,7 +175,7 @@ describe.each(table)('Scroll responder', hasPointerEvents => {
175 onScrollDragEnd = jest.fn();
176 ref = React.createRef();
177 const Component = () => {
178 - const listener = useScrollResponder({
178 + const listener = useScroll({
179 onScrollDragEnd,
180 });
181 return <div ref={ref} listeners={listener} />;
packages/react-events/src/rn/Press.js
+1 -1
@@ -533,7 +533,7 @@ export const PressResponder = React.unstable_createResponder(
533 pressResponderImpl,
534 );
535
536 -export function usePressResponder(
536 +export function usePress(
537 props: PressProps,
538 ): ReactEventResponderListener<any, any> {
539 return React.unstable_useResponder(PressResponder, props);