[Flare] Move createEvent back to React object (#15943)

Author: trueadm

packages/react-dom/src/client/ReactDOM.js

@@ -42,7 +42,6 @@ import {
 } from 'react-reconciler/inline.dom';
 import {createPortal as createPortalImpl} from 'shared/ReactPortal';
 import {canUseDOM} from 'shared/ExecutionEnvironment';
-import createEvent from 'shared/createEventComponent';
 import {setBatchingImplementation} from 'events/ReactGenericBatching';
 import {
   setRestoreImplementation,
@@ -64,10 +63,7 @@ import getComponentName from 'shared/getComponentName';
 import invariant from 'shared/invariant';
 import lowPriorityWarning from 'shared/lowPriorityWarning';
 import warningWithoutStack from 'shared/warningWithoutStack';
-import {
-  enableStableConcurrentModeAPIs,
-  enableEventAPI,
-} from 'shared/ReactFeatureFlags';
+import {enableStableConcurrentModeAPIs} from 'shared/ReactFeatureFlags';
 
 import {
   getInstanceFromNode,
@@ -881,10 +877,6 @@ if (enableStableConcurrentModeAPIs) {
   ReactDOM.createSyncRoot = createSyncRoot;
 }
 
-if (enableEventAPI) {
-  ReactDOM.unstable_createEvent = createEvent;
-}
-
 const foundDevTools = injectIntoDevTools({
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: __DEV__ ? 1 : 0,

packages/react-dom/src/events/__tests__/DOMEventResponderSystem-test.internal.js

@@ -45,7 +45,7 @@ function createReactEventComponent({
     allowEventHooks: allowEventHooks || true,
   };
 
-  return ReactDOM.unstable_createEvent(testEventResponder);
+  return React.unstable_createEvent(testEventResponder);
 }
 
 const createEvent = (type, data) => {

packages/react-dom/src/fire/ReactFire.js

@@ -70,7 +70,6 @@ import invariant from 'shared/invariant';
 import lowPriorityWarning from 'shared/lowPriorityWarning';
 import warningWithoutStack from 'shared/warningWithoutStack';
 import {enableStableConcurrentModeAPIs} from 'shared/ReactFeatureFlags';
-import createEvent from 'shared/createEventComponent';
 
 import {
   getInstanceFromNode,
@@ -87,7 +86,6 @@ import {
   DOCUMENT_FRAGMENT_NODE,
 } from '../shared/HTMLNodeType';
 import {ROOT_ATTRIBUTE_NAME} from '../shared/DOMProperty';
-import {enableEventAPI} from 'shared/ReactFeatureFlags';
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 
@@ -885,10 +883,6 @@ if (enableStableConcurrentModeAPIs) {
   ReactDOM.createSyncRoot = createSyncRoot;
 }
 
-if (enableEventAPI) {
-  ReactDOM.unstable_createEvent = createEvent;
-}
-
 const foundDevTools = injectIntoDevTools({
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: __DEV__ ? 1 : 0,

packages/react-events/README.md

@@ -12,10 +12,10 @@ can be found [here](./docs).
 
 ## EventComponent
 
-An Event Component is defined using `ReactDOM.unstable_createEvent`:
+An Event Component is defined using `React.unstable_createEvent`:
 
 ```js
-const EventComponent = ReactDOM.unstable_createEvent(
+const EventComponent = React.unstable_createEvent(
   responder: EventResponder,
   displayName: string
 );

packages/react-events/src/Drag.js

@@ -13,7 +13,7 @@ import type {
 } from 'shared/ReactDOMTypes';
 import type {EventPriority} from 'shared/ReactTypes';
 
-import ReactDOM from 'react-dom';
+import React from 'react';
 import {DiscreteEvent, UserBlockingEvent} from 'shared/ReactTypes';
 
 const targetEventTypes = ['pointerdown'];
@@ -261,4 +261,4 @@ const DragResponder = {
   },
 };
 
-export default ReactDOM.unstable_createEvent(DragResponder);
+export default React.unstable_createEvent(DragResponder);

packages/react-events/src/Focus.js

@@ -13,7 +13,7 @@ import type {
   PointerType,
 } from 'shared/ReactDOMTypes';
 
-import ReactDOM from 'react-dom';
+import React from 'react';
 import {DiscreteEvent} from 'shared/ReactTypes';
 
 type FocusProps = {
@@ -338,4 +338,4 @@ const FocusResponder = {
   },
 };
 
-export default ReactDOM.unstable_createEvent(FocusResponder);
+export default React.unstable_createEvent(FocusResponder);

packages/react-events/src/FocusScope.js

@@ -11,7 +11,7 @@ import type {
   ReactDOMResponderContext,
 } from 'shared/ReactDOMTypes';
 
-import ReactDOM from 'react-dom';
+import React from 'react';
 
 type FocusScopeProps = {
   autoFocus: Boolean,
@@ -159,4 +159,4 @@ const FocusScopeResponder = {
   },
 };
 
-export default ReactDOM.unstable_createEvent(FocusScopeResponder);
+export default React.unstable_createEvent(FocusScopeResponder);

packages/react-events/src/Hover.js

@@ -12,7 +12,7 @@ import type {
   ReactDOMResponderContext,
 } from 'shared/ReactDOMTypes';
 
-import ReactDOM from 'react-dom';
+import React from 'react';
 import {UserBlockingEvent} from 'shared/ReactTypes';
 
 type HoverProps = {
@@ -408,4 +408,4 @@ const HoverResponder = {
   },
 };
 
-export default ReactDOM.unstable_createEvent(HoverResponder);
+export default React.unstable_createEvent(HoverResponder);

packages/react-events/src/Press.js

@@ -14,7 +14,7 @@ import type {
 } from 'shared/ReactDOMTypes';
 import type {EventPriority} from 'shared/ReactTypes';
 
-import ReactDOM from 'react-dom';
+import React from 'react';
 import {DiscreteEvent, UserBlockingEvent} from 'shared/ReactTypes';
 
 type PressProps = {
@@ -981,4 +981,4 @@ const PressResponder = {
   },
 };
 
-export default ReactDOM.unstable_createEvent(PressResponder);
+export default React.unstable_createEvent(PressResponder);

packages/react-events/src/Scroll.js

@@ -15,7 +15,7 @@ import type {
 import {UserBlockingEvent} from 'shared/ReactTypes';
 import type {EventPriority} from 'shared/ReactTypes';
 
-import ReactDOM from 'react-dom';
+import React from 'react';
 
 type ScrollProps = {
   disabled: boolean,
@@ -213,4 +213,4 @@ const ScrollResponder = {
   },
 };
 
-export default ReactDOM.unstable_createEvent(ScrollResponder);
+export default React.unstable_createEvent(ScrollResponder);