[Flare] Add Hooks to event modules (#15953)
Brandon Dail committed
Jun 26, 2019 at 00:47 UTC
9b55bcfc6b4dec5766565a1ba4179be975a2f053
17 files changed
+41
-29
packages/react-events/drag.js
+1
-3
@@ -9,6 +9,4 @@
9
10
'use strict';
11
12
-const Drag = require('./src/dom/Drag');
13
-
14
-module.exports = Drag.default || Drag;
12
+module.exports = require('./src/dom/Drag');
packages/react-events/focus.js
+1
-3
@@ -9,6 +9,4 @@
9
10
'use strict';
11
12
-const Focus = require('./src/dom/Focus');
13
-
14
-module.exports = Focus.default || Focus;
12
+module.exports = require('./src/dom/Focus');
packages/react-events/hover.js
+1
-3
@@ -9,6 +9,4 @@
9
10
'use strict';
11
12
-const Hover = require('./src/dom/Hover');
13
-
14
-module.exports = Hover.default || Hover;
12
+module.exports = require('./src/dom/Hover');
packages/react-events/press.js
+1
-3
@@ -9,6 +9,4 @@
9
10
'use strict';
11
12
-const Press = require('./src/dom/Press');
13
-
14
-module.exports = Press.default || Press;
12
+module.exports = require('./src/dom/Press');
packages/react-events/scroll.js
+1
-3
@@ -9,6 +9,4 @@
9
10
'use strict';
11
12
-const Scroll = require('./src/dom/Scroll');
13
-
14
-module.exports = Scroll.default || Scroll;
12
+module.exports = require('./src/dom/Scroll');
packages/react-events/src/dom/Drag.js
+5
-1
@@ -262,4 +262,8 @@ const DragResponder: ReactDOMEventResponder = {
262
},
263
};
264
265
-export default React.unstable_createEvent(DragResponder);
265
+export const Drag = React.unstable_createEvent(DragResponder);
266
+
267
+export function useDrag(props: Object): void {
268
+ React.unstable_useEvent(Drag, props);
269
+}
packages/react-events/src/dom/Focus.js
+5
-1
@@ -339,4 +339,8 @@ const FocusResponder: ReactDOMEventResponder = {
339
},
340
};
341
342
-export default React.unstable_createEvent(FocusResponder);
342
+export const Focus = React.unstable_createEvent(FocusResponder);
343
+
344
+export function useFocus(props: FocusProps): void {
345
+ React.unstable_useEvent(Focus, props);
346
+}
packages/react-events/src/dom/Hover.js
+5
-1
@@ -409,4 +409,8 @@ const HoverResponder: ReactDOMEventResponder = {
409
},
410
};
411
412
-export default React.unstable_createEvent(HoverResponder);
412
+export const Hover = React.unstable_createEvent(HoverResponder);
413
+
414
+export function useHover(props: HoverProps): void {
415
+ React.unstable_useEvent(Hover, props);
416
+}
packages/react-events/src/dom/Press.js
+5
-1
@@ -1041,4 +1041,8 @@ const PressResponder: ReactDOMEventResponder = {
1041
},
1042
};
1043
1044
-export default React.unstable_createEvent(PressResponder);
1044
+export const Press = React.unstable_createEvent(PressResponder);
1045
+
1046
+export function usePress(props: PressProps): void {
1047
+ React.unstable_useEvent(Press, props);
1048
+}
packages/react-events/src/dom/Scroll.js
+5
-1
@@ -214,4 +214,8 @@ const ScrollResponder: ReactDOMEventResponder = {
214
},
215
};
216
217
-export default React.unstable_createEvent(ScrollResponder);
217
+export const Scroll = React.unstable_createEvent(ScrollResponder);
218
+
219
+export function useScroll(props: ScrollProps): void {
220
+ React.unstable_useEvent(Scroll, props);
221
+}
packages/react-events/src/dom/Swipe.js
+5
-1
@@ -265,4 +265,8 @@ const SwipeResponder: ReactDOMEventResponder = {
265
},
266
};
267
268
-export default React.unstable_createEvent(SwipeResponder);
268
+export const Swipe = React.unstable_createEvent(SwipeResponder);
269
+
270
+export function useSwipe(props: Object): void {
271
+ React.unstable_useEvent(Swipe, props);
272
+}
packages/react-events/src/dom/__tests__/Drag-test.internal.js
+1
-1
@@ -22,7 +22,7 @@ describe('Drag event responder', () => {
22
ReactFeatureFlags.enableEventAPI = true;
23
React = require('react');
24
ReactDOM = require('react-dom');
25
- Drag = require('react-events/drag');
25
+ Drag = require('react-events/drag').Drag;
26
27
container = document.createElement('div');
28
document.body.appendChild(container);
packages/react-events/src/dom/__tests__/Focus-test.internal.js
+1
-1
@@ -44,7 +44,7 @@ const modulesInit = () => {
44
ReactFeatureFlags.enableEventAPI = true;
45
React = require('react');
46
ReactDOM = require('react-dom');
47
- Focus = require('react-events/focus');
47
+ Focus = require('react-events/focus').Focus;
48
};
49
50
describe('Focus event responder', () => {
packages/react-events/src/dom/__tests__/Hover-test.internal.js
+1
-1
@@ -47,7 +47,7 @@ describe('Hover event responder', () => {
47
ReactFeatureFlags.enableEventAPI = true;
48
React = require('react');
49
ReactDOM = require('react-dom');
50
- Hover = require('react-events/hover');
50
+ Hover = require('react-events/hover').Hover;
51
52
container = document.createElement('div');
53
document.body.appendChild(container);
packages/react-events/src/dom/__tests__/Press-test.internal.js
+1
-1
@@ -52,7 +52,7 @@ function init() {
52
ReactFeatureFlags.enableEventAPI = true;
53
React = require('react');
54
ReactDOM = require('react-dom');
55
- Press = require('react-events/press');
55
+ Press = require('react-events/press').Press;
56
Scheduler = require('scheduler');
57
}
58
packages/react-events/src/dom/__tests__/Scroll-test.internal.js
+1
-1
@@ -34,7 +34,7 @@ describe('Scroll event responder', () => {
34
ReactFeatureFlags.enableEventAPI = true;
35
React = require('react');
36
ReactDOM = require('react-dom');
37
- Scroll = require('react-events/scroll');
37
+ Scroll = require('react-events/scroll').Scroll;
38
39
container = document.createElement('div');
40
document.body.appendChild(container);
packages/react-events/swipe.js
+1
-3
@@ -9,6 +9,4 @@
9
10
'use strict';
11
12
-const Swipe = require('./src/dom/Swipe');
13
-
14
-module.exports = Swipe.default || Swipe;
12
+module.exports = require('./src/dom/Swipe');