[react-ui] Move experimental event+a11y work to react-ui package (#16794)
Dominic Gannaway committed
Sep 16, 2019 at 20:05 UTC
494300b366ef446ccee8811f518ba224c923909e
63 files changed
+56
-50
packages/react-reconciler/src/__tests__/ReactScope-test.internal.js
+2
-2
@@ -9,7 +9,7 @@
9
10
'use strict';
11
12
-import {createEventTarget} from 'react-events/src/dom/testing-library';
12
+import {createEventTarget} from 'react-ui/events/src/dom/testing-library';
13
14
let React;
15
let ReactFeatureFlags;
@@ -204,7 +204,7 @@ describe('ReactScope', () => {
204
let onKeyDown = jest.fn();
205
const TestScope = React.unstable_createScope((type, props) => true);
206
const ref = React.createRef();
207
- const useKeyboard = require('react-events/keyboard').useKeyboard;
207
+ const useKeyboard = require('react-ui/events/keyboard').useKeyboard;
208
let Component = () => {
209
const listener = useKeyboard({
210
onKeyDown,
packages/react-ui/README.md
new
+4
@@ -0,0 +1,4 @@
1
+# `react-ui`
2
+
3
+This package is experimental. It is intended for use with the experimental React
4
+flags for internal testing.
\ No newline at end of file
packages/react-ui/accessibility/src/FocusGrid.js
renamed
+2
-2
@@ -7,11 +7,11 @@
7
* @flow
8
*/
9
10
-import type {KeyboardEvent} from 'react-events/src/dom/Keyboard';
10
+import type {KeyboardEvent} from 'react-ui/events/src/dom/Keyboard';
11
12
import React from 'react';
13
import {tabFocusableImpl} from './TabbableScope';
14
-import {useKeyboard} from 'react-events/keyboard';
14
+import {useKeyboard} from '../../events/keyboard';
15
16
type GridComponentProps = {
17
children: React.Node,
packages/react-ui/accessibility/src/ReactTabFocus.js
renamed
+2
-2
@@ -8,11 +8,11 @@
8
*/
9
10
import type {ReactScopeMethods} from 'shared/ReactTypes';
11
-import type {KeyboardEvent} from 'react-events/src/dom/Keyboard';
11
+import type {KeyboardEvent} from 'react-ui/events/src/dom/Keyboard';
12
13
import React from 'react';
14
import {TabbableScope} from './TabbableScope';
15
-import {useKeyboard} from 'react-events/keyboard';
15
+import {useKeyboard} from '../../events/keyboard';
16
17
type TabFocusControllerProps = {
18
children: React.Node,
packages/react-ui/accessibility/src/TabbableScope.js
renamed
packages/react-ui/accessibility/src/__tests__/FocusGrid-test.internal.js
renamed
+1
-1
@@ -7,7 +7,7 @@
7
* @flow
8
*/
9
10
-import {createEventTarget} from 'react-events/src/dom/testing-library';
10
+import {createEventTarget} from 'react-ui/events/src/dom/testing-library';
11
12
let React;
13
let ReactFeatureFlags;
packages/react-ui/accessibility/src/__tests__/TabFocusController-test.internal.js
renamed
+1
-1
@@ -7,7 +7,7 @@
7
* @flow
8
*/
9
10
-import {createEventTarget} from 'react-events/src/dom/testing-library';
10
+import {createEventTarget} from 'react-ui/events/src/dom/testing-library';
11
12
let React;
13
let ReactFeatureFlags;
packages/react-ui/accessibility/src/__tests__/TabbableScope-test.internal.js
renamed
packages/react-ui/events/README.md
renamed
+1
-1
@@ -1,4 +1,4 @@
1
-# `react-events`
1
+# `react-ui/events`
2
3
*This package is experimental. It is intended for use with the experimental React
4
events API that is not available in open source builds.*
packages/react-ui/events/context-menu.js
renamed
packages/react-ui/events/docs/ContextMenu.md
renamed
packages/react-ui/events/docs/Focus.md
renamed
packages/react-ui/events/docs/FocusWithin.md
renamed
packages/react-ui/events/docs/Hover.md
renamed
packages/react-ui/events/docs/Press.md
renamed
packages/react-ui/events/drag.js
renamed
packages/react-ui/events/focus.js
renamed
packages/react-ui/events/hover.js
renamed
packages/react-ui/events/input.js
renamed
packages/react-ui/events/keyboard.js
renamed
packages/react-ui/events/press.js
renamed
packages/react-ui/events/scroll.js
renamed
packages/react-ui/events/src/dom/ContextMenu.js
renamed
packages/react-ui/events/src/dom/Drag.js
renamed
packages/react-ui/events/src/dom/Focus.js
renamed
packages/react-ui/events/src/dom/Hover.js
renamed
packages/react-ui/events/src/dom/Input.js
renamed
packages/react-ui/events/src/dom/Keyboard.js
renamed
packages/react-ui/events/src/dom/Press.js
renamed
packages/react-ui/events/src/dom/Scroll.js
renamed
packages/react-ui/events/src/dom/Swipe.js
renamed
packages/react-ui/events/src/dom/Tap.js
renamed
packages/react-ui/events/src/dom/__tests__/ContextMenu-test.internal.js
renamed
+1
-1
@@ -28,7 +28,7 @@ function initializeModules(hasPointerEvents) {
28
ReactFeatureFlags.enableFlareAPI = true;
29
React = require('react');
30
ReactDOM = require('react-dom');
31
- useContextMenu = require('react-events/context-menu').useContextMenu;
31
+ useContextMenu = require('react-ui/events/context-menu').useContextMenu;
32
}
33
34
const forcePointerEvents = true;
packages/react-ui/events/src/dom/__tests__/Drag-test.internal.js
renamed
+1
-1
@@ -23,7 +23,7 @@ describe('Drag event responder', () => {
23
ReactFeatureFlags.enableFlareAPI = true;
24
React = require('react');
25
ReactDOM = require('react-dom');
26
- useDrag = require('react-events/drag').useDrag;
26
+ useDrag = require('react-ui/events/drag').useDrag;
27
28
container = document.createElement('div');
29
document.body.appendChild(container);
packages/react-ui/events/src/dom/__tests__/Focus-test.internal.js
renamed
+2
-2
@@ -24,8 +24,8 @@ function initializeModules(hasPointerEvents) {
24
ReactFeatureFlags.enableFlareAPI = true;
25
React = require('react');
26
ReactDOM = require('react-dom');
27
- FocusResponder = require('react-events/focus').FocusResponder;
28
- useFocus = require('react-events/focus').useFocus;
27
+ FocusResponder = require('react-ui/events/focus').FocusResponder;
28
+ useFocus = require('react-ui/events/focus').useFocus;
29
}
30
31
const forcePointerEvents = true;
packages/react-ui/events/src/dom/__tests__/FocusWithin-test.internal.js
renamed
+2
-2
@@ -24,8 +24,8 @@ const initializeModules = hasPointerEvents => {
24
ReactFeatureFlags.enableFlareAPI = true;
25
React = require('react');
26
ReactDOM = require('react-dom');
27
- FocusWithinResponder = require('react-events/focus').FocusWithinResponder;
28
- useFocusWithin = require('react-events/focus').useFocusWithin;
27
+ FocusWithinResponder = require('react-ui/events/focus').FocusWithinResponder;
28
+ useFocusWithin = require('react-ui/events/focus').useFocusWithin;
29
};
30
31
const forcePointerEvents = true;
packages/react-ui/events/src/dom/__tests__/Hover-test.internal.js
renamed
+2
-2
@@ -25,8 +25,8 @@ function initializeModules(hasPointerEvents) {
25
ReactFeatureFlags.enableUserBlockingEvents = true;
26
React = require('react');
27
ReactDOM = require('react-dom');
28
- HoverResponder = require('react-events/hover').HoverResponder;
29
- useHover = require('react-events/hover').useHover;
28
+ HoverResponder = require('react-ui/events/hover').HoverResponder;
29
+ useHover = require('react-ui/events/hover').useHover;
30
}
31
32
const forcePointerEvents = true;
packages/react-ui/events/src/dom/__tests__/Input-test.internal.js
renamed
+2
-2
@@ -39,8 +39,8 @@ const modulesInit = () => {
39
React = require('react');
40
ReactDOM = require('react-dom');
41
Scheduler = require('scheduler');
42
- InputResponder = require('react-events/input').InputResponder;
43
- useInput = require('react-events/input').useInput;
42
+ InputResponder = require('react-ui/events/input').InputResponder;
43
+ useInput = require('react-ui/events/input').useInput;
44
};
45
46
describe('Input event responder', () => {
packages/react-ui/events/src/dom/__tests__/Keyboard-test.internal.js
renamed
+1
-1
@@ -22,7 +22,7 @@ function initializeModules(hasPointerEvents) {
22
ReactFeatureFlags.enableFlareAPI = true;
23
React = require('react');
24
ReactDOM = require('react-dom');
25
- useKeyboard = require('react-events/keyboard').useKeyboard;
25
+ useKeyboard = require('react-ui/events/keyboard').useKeyboard;
26
}
27
28
describe('Keyboard responder', () => {
packages/react-ui/events/src/dom/__tests__/MixedResponders-test-internal.js
renamed
+5
-5
@@ -35,7 +35,7 @@ describe('mixing responders with the heritage event system', () => {
35
});
36
37
it('should properly only flush sync once when the event systems are mixed', () => {
38
- const usePress = require('react-events/press').usePress;
38
+ const usePress = require('react-ui/events/press').usePress;
39
const ref = React.createRef();
40
let renderCounts = 0;
41
@@ -104,7 +104,7 @@ describe('mixing responders with the heritage event system', () => {
104
});
105
106
it('should properly flush sync when the event systems are mixed with unstable_flushDiscreteUpdates', () => {
107
- const usePress = require('react-events/press').usePress;
107
+ const usePress = require('react-ui/events/press').usePress;
108
const ref = React.createRef();
109
let renderCounts = 0;
110
@@ -177,7 +177,7 @@ describe('mixing responders with the heritage event system', () => {
177
'event systems',
178
async () => {
179
const {useState} = React;
180
- const usePress = require('react-events/press').usePress;
180
+ const usePress = require('react-ui/events/press').usePress;
181
182
const button = React.createRef();
183
@@ -237,8 +237,8 @@ describe('mixing responders with the heritage event system', () => {
237
it('is async for non-input events', () => {
238
ReactFeatureFlags.debugRenderPhaseSideEffectsForStrictMode = false;
239
ReactFeatureFlags.enableUserBlockingEvents = true;
240
- const usePress = require('react-events/press').usePress;
241
- const useInput = require('react-events/input').useInput;
240
+ const usePress = require('react-ui/events/press').usePress;
241
+ const useInput = require('react-ui/events/input').useInput;
242
const root = ReactDOM.unstable_createRoot(container);
243
let input;
244
packages/react-ui/events/src/dom/__tests__/Press-test.internal.js
renamed
+2
-2
@@ -28,8 +28,8 @@ function initializeModules(hasPointerEvents) {
28
ReactFeatureFlags.enableFlareAPI = true;
29
React = require('react');
30
ReactDOM = require('react-dom');
31
- PressResponder = require('react-events/press').PressResponder;
32
- usePress = require('react-events/press').usePress;
31
+ PressResponder = require('react-ui/events/press').PressResponder;
32
+ usePress = require('react-ui/events/press').usePress;
33
}
34
35
function removePressMoveStrings(eventString) {
packages/react-ui/events/src/dom/__tests__/Scroll-test.internal.js
renamed
+1
-1
@@ -26,7 +26,7 @@ const initializeModules = hasPointerEvents => {
26
ReactFeatureFlags.enableFlareAPI = true;
27
React = require('react');
28
ReactDOM = require('react-dom');
29
- useScroll = require('react-events/scroll').useScroll;
29
+ useScroll = require('react-ui/events/scroll').useScroll;
30
};
31
32
describe.each(table)('Scroll responder', hasPointerEvents => {
packages/react-ui/events/src/dom/__tests__/Tap-test.internal.js
renamed
+1
-1
@@ -29,7 +29,7 @@ function initializeModules(hasPointerEvents) {
29
ReactFeatureFlags.enableFlareAPI = true;
30
React = require('react');
31
ReactDOM = require('react-dom');
32
- useTap = require('react-events/tap').useTap;
32
+ useTap = require('react-ui/events/tap').useTap;
33
}
34
35
const coordinatesInside = {x: 51, y: 51};
packages/react-ui/events/src/dom/shared/index.js
renamed
packages/react-ui/events/src/dom/testing-library/domEnvironment.js
renamed
packages/react-ui/events/src/dom/testing-library/domEventSequences.js
renamed
packages/react-ui/events/src/dom/testing-library/domEvents.js
renamed
packages/react-ui/events/src/dom/testing-library/index.js
renamed
packages/react-ui/events/src/rn/Press.js
renamed
packages/react-ui/events/swipe.js
renamed
packages/react-ui/events/tap.js
renamed
packages/react-ui/npm/drag.js
renamed
packages/react-ui/npm/focus.js
renamed
packages/react-ui/npm/hover.js
renamed
packages/react-ui/npm/input.js
renamed
packages/react-ui/npm/keyboard.js
renamed
packages/react-ui/npm/press.js
renamed
packages/react-ui/npm/scroll.js
renamed
packages/react-ui/npm/swipe.js
renamed
packages/react-ui/npm/tap.js
renamed
packages/react-ui/package.json
renamed
+12
-11
@@ -1,5 +1,5 @@
1
{
2
- "name": "react-events",
2
+ "name": "react-ui",
3
"private": true,
4
"description": "React is a JavaScript library for building user interfaces.",
5
"keywords": [
@@ -12,16 +12,17 @@
12
"files": [
13
"LICENSE",
14
"README.md",
15
- "context-menu.js",
16
- "drag.js",
17
- "focus.js",
18
- "hover.js",
19
- "input.js",
20
- "keyboard.js",
21
- "press.js",
22
- "scroll.js",
23
- "swipe.js",
24
- "tap.js",
15
+ "events/README.md",
16
+ "events/context-menu.js",
17
+ "events/drag.js",
18
+ "events/focus.js",
19
+ "events/hover.js",
20
+ "events/input.js",
21
+ "events/keyboard.js",
22
+ "events/press.js",
23
+ "events/scroll.js",
24
+ "events/swipe.js",
25
+ "events/tap.js",
26
"build-info.json",
27
"cjs/",
28
"umd/"
scripts/rollup/bundles.js
+10
-10
@@ -505,7 +505,7 @@ const bundles = [
505
FB_WWW_PROD,
506
],
507
moduleType: NON_FIBER_RENDERER,
508
- entry: 'react-events/context-menu',
508
+ entry: 'react-ui/events/context-menu',
509
global: 'ReactEventsContextMenu',
510
externals: ['react'],
511
},
@@ -520,7 +520,7 @@ const bundles = [
520
FB_WWW_PROD,
521
],
522
moduleType: NON_FIBER_RENDERER,
523
- entry: 'react-events/drag',
523
+ entry: 'react-ui/events/drag',
524
global: 'ReactEventsDrag',
525
externals: ['react'],
526
},
@@ -535,7 +535,7 @@ const bundles = [
535
FB_WWW_PROD,
536
],
537
moduleType: NON_FIBER_RENDERER,
538
- entry: 'react-events/focus',
538
+ entry: 'react-ui/events/focus',
539
global: 'ReactEventsFocus',
540
externals: ['react'],
541
},
@@ -550,7 +550,7 @@ const bundles = [
550
FB_WWW_PROD,
551
],
552
moduleType: NON_FIBER_RENDERER,
553
- entry: 'react-events/hover',
553
+ entry: 'react-ui/events/hover',
554
global: 'ReactEventsHover',
555
externals: ['react'],
556
},
@@ -565,7 +565,7 @@ const bundles = [
565
FB_WWW_PROD,
566
],
567
moduleType: NON_FIBER_RENDERER,
568
- entry: 'react-events/input',
568
+ entry: 'react-ui/events/input',
569
global: 'ReactEventsInput',
570
externals: ['react'],
571
},
@@ -580,7 +580,7 @@ const bundles = [
580
FB_WWW_PROD,
581
],
582
moduleType: NON_FIBER_RENDERER,
583
- entry: 'react-events/keyboard',
583
+ entry: 'react-ui/events/keyboard',
584
global: 'ReactEventsKeyboard',
585
externals: ['react'],
586
},
@@ -595,7 +595,7 @@ const bundles = [
595
FB_WWW_PROD,
596
],
597
moduleType: NON_FIBER_RENDERER,
598
- entry: 'react-events/press',
598
+ entry: 'react-ui/events/press',
599
global: 'ReactEventsPress',
600
externals: ['react'],
601
},
@@ -610,7 +610,7 @@ const bundles = [
610
FB_WWW_PROD,
611
],
612
moduleType: NON_FIBER_RENDERER,
613
- entry: 'react-events/scroll',
613
+ entry: 'react-ui/events/scroll',
614
global: 'ReactEventsScroll',
615
externals: ['react'],
616
},
@@ -625,7 +625,7 @@ const bundles = [
625
FB_WWW_PROD,
626
],
627
moduleType: NON_FIBER_RENDERER,
628
- entry: 'react-events/swipe',
628
+ entry: 'react-ui/events/swipe',
629
global: 'ReactEventsSwipe',
630
externals: ['react'],
631
},
@@ -640,7 +640,7 @@ const bundles = [
640
FB_WWW_PROD,
641
],
642
moduleType: NON_FIBER_RENDERER,
643
- entry: 'react-events/tap',
643
+ entry: 'react-ui/events/tap',
644
global: 'ReactEventsTap',
645
externals: ['react'],
646
},
scripts/shared/pathsByLanguageVersion.js
+1
@@ -12,6 +12,7 @@ const esNextPaths = [
12
'packages/*/*.js',
13
// Source files
14
'packages/*/src/**/*.js',
15
+ 'packages/react-ui/*/src/**/*.js',
16
'packages/legacy-events/**/*.js',
17
'packages/shared/**/*.js',
18
// Shims and Flow environment