{"commit":{"revision":"689beef6f5d0adab166f5eb0aac59eba6100677a","authorName":"Dominic Gannaway","authorEmail":"trueadm@users.noreply.github.com","authoredAt":"2019-06-18T23:41:00+01:00","subject":"[Flare] Move unstable_createEventComponent to ReactDOM (#15890)","shortRevision":"689beef6f5"},"body":"","parents":["98454371a995d73a6cb2f3f4770c13945fb78ea4"],"files":[{"path":"packages\/react-dom\/src\/client\/ReactDOM.js","status":"M"},{"path":"packages\/react-dom\/src\/client\/ReactDOMComponent.js","status":"M"},{"path":"packages\/react-dom\/src\/client\/ReactDOMHostConfig.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/DOMEventResponderSystem.js","status":"M"},{"path":"packages\/react-events\/src\/Drag.js","status":"M"},{"path":"packages\/react-events\/src\/Focus.js","status":"M"},{"path":"packages\/react-events\/src\/FocusScope.js","status":"M"},{"path":"packages\/react-events\/src\/Hover.js","status":"M"},{"path":"packages\/react-events\/src\/Press.js","status":"M"},{"path":"packages\/react-events\/src\/Scroll.js","status":"M"},{"path":"packages\/react-events\/src\/Swipe.js","status":"M"},{"path":"packages\/react-native-renderer\/src\/ReactFabricHostConfig.js","status":"M"},{"path":"packages\/react-native-renderer\/src\/ReactNativeHostConfig.js","status":"M"},{"path":"packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js","status":"M"},{"path":"packages\/react-test-renderer\/src\/ReactTestHostConfig.js","status":"M"},{"path":"packages\/react\/src\/React.js","status":"M"},{"path":"packages\/shared\/ReactDOMTypes.js","status":"A"},{"path":"packages\/shared\/ReactTypes.js","status":"M"},{"path":"packages\/shared\/createEventComponent.js","previousPath":"packages\/react\/src\/ReactCreateEventComponent.js","status":"R052"},{"path":"scripts\/rollup\/bundles.js","status":"M"}],"patch":"diff --git a\/packages\/react-dom\/src\/client\/ReactDOM.js b\/packages\/react-dom\/src\/client\/ReactDOM.js\nindex 1db9e527ef..3bda0cd482 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOM.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOM.js\n@@ -42,6 +42,7 @@ import {\n } from 'react-reconciler\/inline.dom';\n import {createPortal as createPortalImpl} from 'shared\/ReactPortal';\n import {canUseDOM} from 'shared\/ExecutionEnvironment';\n+import createEventComponent from 'shared\/createEventComponent';\n import {setBatchingImplementation} from 'events\/ReactGenericBatching';\n import {\n setRestoreImplementation,\n@@ -63,7 +64,10 @@ import getComponentName from 'shared\/getComponentName';\n import invariant from 'shared\/invariant';\n import lowPriorityWarning from 'shared\/lowPriorityWarning';\n import warningWithoutStack from 'shared\/warningWithoutStack';\n-import {enableStableConcurrentModeAPIs} from 'shared\/ReactFeatureFlags';\n+import {\n+ enableStableConcurrentModeAPIs,\n+ enableEventAPI,\n+} from 'shared\/ReactFeatureFlags';\n \n import {\n getInstanceFromNode,\n@@ -877,6 +881,10 @@ if (enableStableConcurrentModeAPIs) {\n ReactDOM.createSyncRoot = createSyncRoot;\n }\n \n+if (enableEventAPI) {\n+ ReactDOM.unstable_createEventComponent = createEventComponent;\n+}\n+\n const foundDevTools = injectIntoDevTools({\n findFiberByHostInstance: getClosestInstanceFromNode,\n bundleType: __DEV__ ? 1 : 0,\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMComponent.js b\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\nindex 33886140fd..f074940f6a 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\n@@ -13,7 +13,7 @@ import {registrationNameModules} from 'events\/EventPluginRegistry';\n import warning from 'shared\/warning';\n import {canUseDOM} from 'shared\/ExecutionEnvironment';\n import warningWithoutStack from 'shared\/warningWithoutStack';\n-import type {ReactEventResponderEventType} from 'shared\/ReactTypes';\n+import type {ReactDOMEventResponderEventType} from 'shared\/ReactDOMTypes';\n import type {DOMTopLevelEventType} from 'events\/TopLevelEventTypes';\n import {\n setListenToResponderEventTypes,\n@@ -1287,7 +1287,7 @@ export function restoreControlledState(\n }\n \n export function listenToEventResponderEventTypes(\n- eventTypes: Array,\n+ eventTypes: Array,\n element: Element | Document,\n ): void {\n if (enableEventAPI) {\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\nindex 014397d29e..33fb2281c2 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n@@ -46,6 +46,7 @@ import dangerousStyleValue from '..\/shared\/dangerousStyleValue';\n \n import type {DOMContainer} from '.\/ReactDOM';\n import type {ReactEventComponentInstance} from 'shared\/ReactTypes';\n+import type {ReactDOMEventResponder} from 'shared\/ReactDOMTypes';\n import {\n mountEventResponder,\n unmountEventResponder,\n@@ -101,6 +102,7 @@ export type UpdatePayload = Array;\n export type ChildSet = void; \/\/ Unused\n export type TimeoutHandle = TimeoutID;\n export type NoTimeout = -1;\n+export type EventResponder = ReactDOMEventResponder;\n \n import {\n enableSuspenseServerRenderer,\n@@ -905,7 +907,10 @@ export function mountEventComponent(\n const doc = rootContainerInstance.ownerDocument;\n const documentBody = doc.body || doc;\n const responder = eventComponentInstance.responder;\n- const {rootEventTypes, targetEventTypes} = responder;\n+ const {\n+ rootEventTypes,\n+ targetEventTypes,\n+ } = ((responder: any): ReactDOMEventResponder);\n if (targetEventTypes !== undefined) {\n listenToEventResponderEventTypes(targetEventTypes, documentBody);\n }\ndiff --git a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\nindex 23fc223700..ff6ab2737b 100644\n--- a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n+++ b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n@@ -18,13 +18,15 @@ import {\n HostComponent,\n } from 'shared\/ReactWorkTags';\n import type {\n- ReactEventResponder,\n- ReactEventResponderEventType,\n ReactEventComponentInstance,\n- ReactResponderContext,\n- ReactResponderEvent,\n EventPriority,\n } from 'shared\/ReactTypes';\n+import type {\n+ ReactDOMEventResponder,\n+ ReactDOMEventResponderEventType,\n+ ReactDOMResponderContext,\n+ ReactDOMResponderEvent,\n+} from 'shared\/ReactDOMTypes';\n import type {DOMTopLevelEventType} from 'events\/TopLevelEventTypes';\n import {\n batchedEventUpdates,\n@@ -95,7 +97,7 @@ const rootEventTypesToEventComponentInstances: Map<\n Set,\n > = new Map();\n const targetEventTypeCached: Map<\n- Array,\n+ Array,\n Set,\n > = new Map();\n const ownershipChangeListeners: Set = new Set();\n@@ -116,7 +118,7 @@ let currentInstance: null | ReactEventComponentInstance = null;\n let currentEventQueue: null | EventQueue = null;\n let currentTimerIDCounter = 0;\n \n-const eventResponderContext: ReactResponderContext = {\n+const eventResponderContext: ReactDOMResponderContext = {\n dispatchEvent(\n possibleEventObject: Object,\n listener: ($Shape) => void,\n@@ -186,7 +188,7 @@ const eventResponderContext: ReactResponderContext = {\n eventListeners.set(eventObject, listener);\n eventQueue.events.push(eventObject);\n },\n- isEventWithinTouchHitTarget(event: ReactResponderEvent): boolean {\n+ isEventWithinTouchHitTarget(event: ReactDOMResponderEvent): boolean {\n validateResponderContext();\n const target = event.target;\n const nativeEvent = event.nativeEvent;\n@@ -254,7 +256,9 @@ const eventResponderContext: ReactResponderContext = {\n }\n return false;\n },\n- addRootEventTypes(rootEventTypes: Array): void {\n+ addRootEventTypes(\n+ rootEventTypes: Array,\n+ ): void {\n validateResponderContext();\n const activeDocument = getActiveDocument();\n listenToResponderEventTypesImpl(rootEventTypes, activeDocument);\n@@ -265,7 +269,7 @@ const eventResponderContext: ReactResponderContext = {\n }\n },\n removeRootEventTypes(\n- rootEventTypes: Array,\n+ rootEventTypes: Array,\n ): void {\n validateResponderContext();\n for (let i = 0; i < rootEventTypes.length; i++) {\n@@ -375,7 +379,7 @@ const eventResponderContext: ReactResponderContext = {\n },\n getActiveDocument,\n objectAssign: Object.assign,\n- getEventCurrentTarget(event: ReactResponderEvent): Element {\n+ getEventCurrentTarget(event: ReactDOMResponderEvent): Element {\n validateResponderContext();\n const target = event.target;\n let fiber = getClosestInstanceFromNode(target);\n@@ -531,13 +535,13 @@ function processTimers(\n }\n }\n \n-function createResponderEvent(\n+function createDOMResponderEvent(\n topLevelType: string,\n nativeEvent: AnyNativeEvent,\n nativeEventTarget: Element | Document,\n passive: boolean,\n passiveSupported: boolean,\n-): ReactResponderEvent {\n+): ReactDOMResponderEvent {\n const {pointerType} = (nativeEvent: any);\n let eventPointerType = '';\n let pointerId = null;\n@@ -589,7 +593,7 @@ function processEvents(events: Array): void {\n }\n }\n \n-export function processEventQueue(): void {\n+function processEventQueue(): void {\n const {events, eventPriority} = ((currentEventQueue: any): EventQueue);\n \n if (events.length === 0) {\n@@ -622,8 +626,8 @@ export function processEventQueue(): void {\n }\n }\n \n-function getTargetEventTypesSet(\n- eventTypes: Array,\n+function getDOMTargetEventTypesSet(\n+ eventTypes: Array,\n ): Set {\n let cachedSet = targetEventTypeCached.get(eventTypes);\n \n@@ -669,7 +673,7 @@ function getTargetEventResponderInstances(\n const targetEventTypes = responder.targetEventTypes;\n \/\/ Validate the target event type exists on the responder\n if (targetEventTypes !== undefined) {\n- const targetEventTypesSet = getTargetEventTypesSet(targetEventTypes);\n+ const targetEventTypesSet = getDOMTargetEventTypesSet(targetEventTypes);\n if (targetEventTypesSet.has(listeningName)) {\n eventResponderInstances.push(eventComponentInstance);\n }\n@@ -700,8 +704,8 @@ function getRootEventResponderInstances(\n \n function shouldSkipEventComponent(\n eventResponderInstance: ReactEventComponentInstance,\n- responder: ReactEventResponder,\n- propagatedEventResponders: null | Set,\n+ responder: ReactDOMEventResponder,\n+ propagatedEventResponders: null | Set,\n ): boolean {\n if (propagatedEventResponders !== null) {\n if (propagatedEventResponders.has(responder)) {\n@@ -716,9 +720,9 @@ function shouldSkipEventComponent(\n }\n \n function checkForLocalPropagationContinuation(\n- responder: ReactEventResponder,\n- propagatedEventResponders: Set,\n-) {\n+ responder: ReactDOMEventResponder,\n+ propagatedEventResponders: Set,\n+): void {\n if (continueLocalPropagation === true) {\n propagatedEventResponders.delete(responder);\n continueLocalPropagation = false;\n@@ -748,14 +752,14 @@ function traverseAndHandleEventResponderInstances(\n listeningName,\n targetFiber,\n );\n- const responderEvent = createResponderEvent(\n+ const responderEvent = createDOMResponderEvent(\n ((topLevelType: any): string),\n nativeEvent,\n ((nativeEventTarget: any): Element | Document),\n isPassiveEvent,\n isPassiveSupported,\n );\n- const propagatedEventResponders: Set = new Set();\n+ const propagatedEventResponders: Set = new Set();\n let length = targetEventResponderInstances.length;\n let i;\n \n@@ -964,7 +968,7 @@ export function dispatchEventForResponderEventSystem(\n \n export function addRootEventTypesForComponentInstance(\n eventComponentInstance: ReactEventComponentInstance,\n- rootEventTypes: Array,\n+ rootEventTypes: Array,\n ): void {\n for (let i = 0; i < rootEventTypes.length; i++) {\n const rootEventType = rootEventTypes[i];\n@@ -973,7 +977,7 @@ export function addRootEventTypesForComponentInstance(\n }\n \n function registerRootEventType(\n- rootEventType: ReactEventResponderEventType,\n+ rootEventType: ReactDOMEventResponderEventType,\n eventComponentInstance: ReactEventComponentInstance,\n ): void {\n let name = rootEventType;\n@@ -1013,9 +1017,7 @@ function registerRootEventType(\n name,\n );\n rootEventTypesSet.add(listeningName);\n- rootEventComponentInstances.add(\n- ((eventComponentInstance: any): ReactEventComponentInstance),\n- );\n+ rootEventComponentInstances.add(eventComponentInstance);\n }\n \n export function generateListeningKey(\ndiff --git a\/packages\/react-events\/src\/Drag.js b\/packages\/react-events\/src\/Drag.js\nindex 07683987b2..68e8be181d 100644\n--- a\/packages\/react-events\/src\/Drag.js\n+++ b\/packages\/react-events\/src\/Drag.js\n@@ -8,12 +8,12 @@\n *\/\n \n import type {\n- ReactResponderEvent,\n- ReactResponderContext,\n- EventPriority,\n-} from 'shared\/ReactTypes';\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n+} from 'shared\/ReactDOMTypes';\n+import type {EventPriority} from 'shared\/ReactTypes';\n \n-import React from 'react';\n+import ReactDOM from 'react-dom';\n import {DiscreteEvent, UserBlockingEvent} from 'shared\/ReactTypes';\n \n const targetEventTypes = ['pointerdown'];\n@@ -58,7 +58,7 @@ type DragEvent = {|\n |};\n \n function createDragEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n type: DragEventType,\n target: Element | Document,\n eventData?: EventData,\n@@ -72,7 +72,7 @@ function createDragEvent(\n }\n \n function dispatchDragEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n name: DragEventType,\n listener: DragEvent => void,\n state: DragState,\n@@ -99,8 +99,8 @@ const DragResponder = {\n },\n allowMultipleHostChildren: false,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: Object,\n state: DragState,\n ): void {\n@@ -142,8 +142,8 @@ const DragResponder = {\n }\n },\n onRootEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: Object,\n state: DragState,\n ): void {\n@@ -259,4 +259,4 @@ const DragResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(DragResponder, 'Drag');\n+export default ReactDOM.unstable_createEventComponent(DragResponder, 'Drag');\ndiff --git a\/packages\/react-events\/src\/Focus.js b\/packages\/react-events\/src\/Focus.js\nindex eeb4ea8105..a0a013e121 100644\n--- a\/packages\/react-events\/src\/Focus.js\n+++ b\/packages\/react-events\/src\/Focus.js\n@@ -8,12 +8,12 @@\n *\/\n \n import type {\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n PointerType,\n- ReactResponderEvent,\n- ReactResponderContext,\n-} from 'shared\/ReactTypes';\n+} from 'shared\/ReactDOMTypes';\n \n-import React from 'react';\n+import ReactDOM from 'react-dom';\n import {DiscreteEvent} from 'shared\/ReactTypes';\n \n type FocusProps = {\n@@ -71,7 +71,7 @@ if (typeof window !== 'undefined' && window.PointerEvent === undefined) {\n }\n \n function createFocusEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n type: FocusEventType,\n target: Element | Document,\n pointerType: PointerType,\n@@ -85,7 +85,7 @@ function createFocusEvent(\n }\n \n function dispatchFocusInEvents(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ) {\n@@ -127,7 +127,7 @@ function dispatchFocusInEvents(\n }\n \n function dispatchFocusOutEvents(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ) {\n@@ -158,7 +158,7 @@ function dispatchFocusOutEvents(\n }\n \n function dispatchFocusVisibleOutEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ) {\n@@ -180,7 +180,7 @@ function dispatchFocusVisibleOutEvent(\n }\n \n function unmountResponder(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ): void {\n@@ -190,8 +190,8 @@ function unmountResponder(\n }\n \n function handleRootPointerEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ): void {\n@@ -229,8 +229,8 @@ const FocusResponder = {\n },\n allowMultipleHostChildren: false,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ): void {\n@@ -270,8 +270,8 @@ const FocusResponder = {\n }\n },\n onRootEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ): void {\n@@ -321,14 +321,14 @@ const FocusResponder = {\n }\n },\n onUnmount(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ) {\n unmountResponder(context, props, state);\n },\n onOwnershipChange(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusProps,\n state: FocusState,\n ) {\n@@ -336,4 +336,4 @@ const FocusResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(FocusResponder, 'Focus');\n+export default ReactDOM.unstable_createEventComponent(FocusResponder, 'Focus');\ndiff --git a\/packages\/react-events\/src\/FocusScope.js b\/packages\/react-events\/src\/FocusScope.js\nindex e0a5062b00..668371c110 100644\n--- a\/packages\/react-events\/src\/FocusScope.js\n+++ b\/packages\/react-events\/src\/FocusScope.js\n@@ -7,10 +7,11 @@\n * @flow\n *\/\n import type {\n- ReactResponderEvent,\n- ReactResponderContext,\n-} from 'shared\/ReactTypes';\n-import React from 'react';\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n+} from 'shared\/ReactDOMTypes';\n+\n+import ReactDOM from 'react-dom';\n \n type FocusScopeProps = {\n autoFocus: Boolean,\n@@ -35,7 +36,7 @@ function focusElement(element: ?HTMLElement) {\n }\n \n function getFirstFocusableElement(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n state: FocusScopeState,\n ): ?HTMLElement {\n const elements = context.getFocusableElementsInScope();\n@@ -55,8 +56,8 @@ const FocusScopeResponder = {\n },\n allowMultipleHostChildren: true,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: FocusScopeProps,\n state: FocusScopeState,\n ) {\n@@ -112,8 +113,8 @@ const FocusScopeResponder = {\n }\n },\n onRootEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: FocusScopeProps,\n state: FocusScopeState,\n ) {\n@@ -133,7 +134,7 @@ const FocusScopeResponder = {\n }\n },\n onMount(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusScopeProps,\n state: FocusScopeState,\n ): void {\n@@ -146,7 +147,7 @@ const FocusScopeResponder = {\n }\n },\n onUnmount(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: FocusScopeProps,\n state: FocusScopeState,\n ): void {\n@@ -156,7 +157,7 @@ const FocusScopeResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(\n+export default ReactDOM.unstable_createEventComponent(\n FocusScopeResponder,\n 'FocusScope',\n );\ndiff --git a\/packages\/react-events\/src\/Hover.js b\/packages\/react-events\/src\/Hover.js\nindex f6af715ea9..4900617557 100644\n--- a\/packages\/react-events\/src\/Hover.js\n+++ b\/packages\/react-events\/src\/Hover.js\n@@ -8,11 +8,11 @@\n *\/\n \n import type {\n- ReactResponderEvent,\n- ReactResponderContext,\n-} from 'shared\/ReactTypes';\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n+} from 'shared\/ReactDOMTypes';\n \n-import React from 'react';\n+import ReactDOM from 'react-dom';\n import {UserBlockingEvent} from 'shared\/ReactTypes';\n \n type HoverProps = {\n@@ -69,8 +69,8 @@ if (typeof window !== 'undefined' && window.PointerEvent === undefined) {\n }\n \n function createHoverEvent(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n type: HoverEventType,\n target: Element | Document,\n ): HoverEvent {\n@@ -102,8 +102,8 @@ function createHoverEvent(\n }\n \n function dispatchHoverChangeEvent(\n- event: null | ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: null | ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ): void {\n@@ -121,8 +121,8 @@ function dispatchHoverChangeEvent(\n }\n \n function dispatchHoverStartEvents(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ): void {\n@@ -184,8 +184,8 @@ function dispatchHoverStartEvents(\n }\n \n function dispatchHoverEndEvents(\n- event: null | ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: null | ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ) {\n@@ -256,7 +256,7 @@ function calculateDelayMS(delay: ?number, min = 0, fallback = 0) {\n }\n \n function unmountResponder(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ): void {\n@@ -288,8 +288,8 @@ const HoverResponder = {\n },\n allowMultipleHostChildren: false,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ): void {\n@@ -391,14 +391,14 @@ const HoverResponder = {\n }\n },\n onUnmount(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ) {\n unmountResponder(context, props, state);\n },\n onOwnershipChange(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: HoverProps,\n state: HoverState,\n ) {\n@@ -406,4 +406,4 @@ const HoverResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(HoverResponder, 'Hover');\n+export default ReactDOM.unstable_createEventComponent(HoverResponder, 'Hover');\ndiff --git a\/packages\/react-events\/src\/Press.js b\/packages\/react-events\/src\/Press.js\nindex fbf16f2ed6..4af1a798a7 100644\n--- a\/packages\/react-events\/src\/Press.js\n+++ b\/packages\/react-events\/src\/Press.js\n@@ -8,13 +8,13 @@\n *\/\n \n import type {\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n PointerType,\n- ReactResponderEvent,\n- ReactResponderContext,\n-} from 'shared\/ReactTypes';\n+} from 'shared\/ReactDOMTypes';\n import type {EventPriority} from 'shared\/ReactTypes';\n \n-import React from 'react';\n+import ReactDOM from 'react-dom';\n import {DiscreteEvent, UserBlockingEvent} from 'shared\/ReactTypes';\n \n type PressProps = {\n@@ -150,11 +150,11 @@ if (typeof window !== 'undefined' && window.PointerEvent === undefined) {\n }\n \n function createPressEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n type: PressEventType,\n target: Element | Document,\n pointerType: PointerType,\n- event: ?ReactResponderEvent,\n+ event: ?ReactDOMResponderEvent,\n ): PressEvent {\n const timeStamp = context.getTimeStamp();\n let clientX = null;\n@@ -204,8 +204,8 @@ function createPressEvent(\n }\n \n function dispatchEvent(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n state: PressState,\n name: PressEventType,\n listener: (e: Object) => void,\n@@ -224,8 +224,8 @@ function dispatchEvent(\n }\n \n function dispatchPressChangeEvent(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -237,8 +237,8 @@ function dispatchPressChangeEvent(\n }\n \n function dispatchLongPressChangeEvent(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -256,7 +256,7 @@ function dispatchLongPressChangeEvent(\n );\n }\n \n-function activate(event: ReactResponderEvent, context, props, state) {\n+function activate(event: ReactDOMResponderEvent, context, props, state) {\n const nativeEvent: any = event.nativeEvent;\n const {x, y} = getEventViewportCoords(nativeEvent);\n const wasActivePressed = state.isActivePressed;\n@@ -280,7 +280,7 @@ function activate(event: ReactResponderEvent, context, props, state) {\n }\n }\n \n-function deactivate(event: ?ReactResponderEvent, context, props, state) {\n+function deactivate(event: ?ReactDOMResponderEvent, context, props, state) {\n const wasLongPressed = state.isLongPressed;\n state.isActivePressed = false;\n state.isLongPressed = false;\n@@ -304,8 +304,8 @@ function deactivate(event: ?ReactResponderEvent, context, props, state) {\n }\n \n function dispatchPressStartEvents(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -367,8 +367,8 @@ function dispatchPressStartEvents(\n }\n \n function dispatchPressEndEvents(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -415,8 +415,8 @@ function dispatchPressEndEvents(\n }\n \n function dispatchCancel(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -447,7 +447,7 @@ function calculateDelayMS(delay: ?number, min = 0, fallback = 0) {\n \n \/\/ TODO: account for touch hit slop\n function calculateResponderRegion(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n target: Element,\n props: PressProps,\n ) {\n@@ -512,7 +512,7 @@ function getEventViewportCoords(\n }\n \n function unmountResponder(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -523,7 +523,7 @@ function unmountResponder(\n }\n \n function addRootEventTypes(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n state: PressState,\n ): void {\n if (!state.addedRootEvents) {\n@@ -533,7 +533,7 @@ function addRootEventTypes(\n }\n \n function removeRootEventTypes(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n state: PressState,\n ): void {\n if (state.addedRootEvents) {\n@@ -556,7 +556,7 @@ function getTouchById(\n return null;\n }\n \n-function getTouchTarget(context: ReactResponderContext, touchEvent: Touch) {\n+function getTouchTarget(context: ReactDOMResponderContext, touchEvent: Touch) {\n const doc = context.getActiveDocument();\n return doc.elementFromPoint(touchEvent.clientX, touchEvent.clientY);\n }\n@@ -564,7 +564,7 @@ function getTouchTarget(context: ReactResponderContext, touchEvent: Touch) {\n function updateIsPressWithinResponderRegion(\n target: Element | Document,\n nativeEventOrTouchEvent: Event | Touch,\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -635,8 +635,8 @@ const PressResponder = {\n },\n allowMultipleHostChildren: false,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -760,8 +760,8 @@ const PressResponder = {\n }\n },\n onRootEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ): void {\n@@ -941,14 +941,14 @@ const PressResponder = {\n }\n },\n onUnmount(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ) {\n unmountResponder(context, props, state);\n },\n onOwnershipChange(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: PressProps,\n state: PressState,\n ) {\n@@ -956,4 +956,4 @@ const PressResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(PressResponder, 'Press');\n+export default ReactDOM.unstable_createEventComponent(PressResponder, 'Press');\ndiff --git a\/packages\/react-events\/src\/Scroll.js b\/packages\/react-events\/src\/Scroll.js\nindex 5701d52778..9d5d53795e 100644\n--- a\/packages\/react-events\/src\/Scroll.js\n+++ b\/packages\/react-events\/src\/Scroll.js\n@@ -8,14 +8,14 @@\n *\/\n \n import type {\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n PointerType,\n- ReactResponderEvent,\n- ReactResponderContext,\n-} from 'shared\/ReactTypes';\n+} from 'shared\/ReactDOMTypes';\n import {UserBlockingEvent} from 'shared\/ReactTypes';\n import type {EventPriority} from 'shared\/ReactTypes';\n \n-import React from 'react';\n+import ReactDOM from 'react-dom';\n \n type ScrollProps = {\n disabled: boolean,\n@@ -61,8 +61,8 @@ const targetEventTypes = ['scroll', 'pointerdown', 'keyup'];\n const rootEventTypes = ['pointermove', 'pointerup', 'pointercancel'];\n \n function createScrollEvent(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n type: ScrollEventType,\n target: Element | Document,\n pointerType: PointerType,\n@@ -97,8 +97,8 @@ function createScrollEvent(\n }\n \n function dispatchEvent(\n- event: ?ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ?ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n state: ScrollState,\n name: ScrollEventType,\n listener: (e: Object) => void,\n@@ -127,8 +127,8 @@ const ScrollResponder = {\n },\n allowMultipleHostChildren: true,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: ScrollProps,\n state: ScrollState,\n ): void {\n@@ -173,8 +173,8 @@ const ScrollResponder = {\n }\n },\n onRootEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: ScrollProps,\n state: ScrollState,\n ) {\n@@ -196,14 +196,14 @@ const ScrollResponder = {\n }\n },\n onUnmount(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: ScrollProps,\n state: ScrollState,\n ) {\n \/\/ TODO\n },\n onOwnershipChange(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n props: ScrollProps,\n state: ScrollState,\n ) {\n@@ -211,4 +211,7 @@ const ScrollResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(ScrollResponder, 'Scroll');\n+export default ReactDOM.unstable_createEventComponent(\n+ ScrollResponder,\n+ 'Scroll',\n+);\ndiff --git a\/packages\/react-events\/src\/Swipe.js b\/packages\/react-events\/src\/Swipe.js\nindex 19bfb57f4a..44917e2186 100644\n--- a\/packages\/react-events\/src\/Swipe.js\n+++ b\/packages\/react-events\/src\/Swipe.js\n@@ -8,12 +8,12 @@\n *\/\n \n import type {\n- ReactResponderEvent,\n- ReactResponderContext,\n-} from 'shared\/ReactTypes';\n+ ReactDOMResponderEvent,\n+ ReactDOMResponderContext,\n+} from 'shared\/ReactDOMTypes';\n import type {EventPriority} from 'shared\/ReactTypes';\n \n-import React from 'react';\n+import ReactDOM from 'react-dom';\n import {UserBlockingEvent, DiscreteEvent} from 'shared\/ReactTypes';\n \n const targetEventTypes = ['pointerdown'];\n@@ -48,7 +48,7 @@ type SwipeEvent = {|\n |};\n \n function createSwipeEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n type: SwipeEventType,\n target: Element | Document,\n eventData?: EventData,\n@@ -64,7 +64,7 @@ function createSwipeEvent(\n }\n \n function dispatchSwipeEvent(\n- context: ReactResponderContext,\n+ context: ReactDOMResponderContext,\n name: SwipeEventType,\n listener: SwipeEvent => void,\n state: SwipeState,\n@@ -105,8 +105,8 @@ const SwipeResponder = {\n },\n allowMultipleHostChildren: false,\n onEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: Object,\n state: SwipeState,\n ): void {\n@@ -147,8 +147,8 @@ const SwipeResponder = {\n }\n },\n onRootEvent(\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n props: Object,\n state: SwipeState,\n ): void {\n@@ -262,4 +262,4 @@ const SwipeResponder = {\n },\n };\n \n-export default React.unstable_createEventComponent(SwipeResponder, 'Swipe');\n+export default ReactDOM.unstable_createEventComponent(SwipeResponder, 'Swipe');\ndiff --git a\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js b\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\nindex 942a6f033e..39d4681d4c 100644\n--- a\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\n+++ b\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\n@@ -76,6 +76,7 @@ export type UpdatePayload = Object;\n \n export type TimeoutHandle = TimeoutID;\n export type NoTimeout = -1;\n+export type EventResponder = any;\n \n \/\/ TODO: Remove this conditional once all changes have propagated.\n if (registerEventHandler) {\ndiff --git a\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js b\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\nindex 80a30a55a6..3d752a9ef4 100644\n--- a\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\n+++ b\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\n@@ -48,6 +48,7 @@ export type ChildSet = void; \/\/ Unused\n \n export type TimeoutHandle = TimeoutID;\n export type NoTimeout = -1;\n+export type EventResponder = any;\n \n const UPDATE_SIGNAL = {};\n if (__DEV__) {\ndiff --git a\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js b\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\nindex 98698a68a8..51f93fcd28 100644\n--- a\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\n+++ b\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\n@@ -37,6 +37,7 @@ export opaque type UpdatePayload = mixed; \/\/ eslint-disable-line no-undef\n export opaque type ChildSet = mixed; \/\/ eslint-disable-line no-undef\n export opaque type TimeoutHandle = mixed; \/\/ eslint-disable-line no-undef\n export opaque type NoTimeout = mixed; \/\/ eslint-disable-line no-undef\n+export type EventResponder = any;\n \n export const getPublicInstance = $$$hostConfig.getPublicInstance;\n export const getRootHostContext = $$$hostConfig.getRootHostContext;\ndiff --git a\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js b\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\nindex f765c9d6d9..ea1b86bcbb 100644\n--- a\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\n+++ b\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\n@@ -53,6 +53,7 @@ export type UpdatePayload = Object;\n export type ChildSet = void; \/\/ Unused\n export type TimeoutHandle = TimeoutID;\n export type NoTimeout = -1;\n+export type EventResponder = any;\n \n export * from 'shared\/HostConfigWithNoPersistence';\n export * from 'shared\/HostConfigWithNoHydration';\ndiff --git a\/packages\/react\/src\/React.js b\/packages\/react\/src\/React.js\nindex 7196344ade..199d4def4f 100644\n--- a\/packages\/react\/src\/React.js\n+++ b\/packages\/react\/src\/React.js\n@@ -14,7 +14,6 @@ import {\n } from 'shared\/ReactSymbols';\n \n import {Component, PureComponent} from '.\/ReactBaseClasses';\n-import {createEventComponent} from '.\/ReactCreateEventComponent';\n import {createRef} from '.\/ReactCreateRef';\n import {forEach, map, count, toArray, only} from '.\/ReactChildren';\n import {\n@@ -51,7 +50,7 @@ import {\n } from '.\/ReactElementValidator';\n import ReactSharedInternals from '.\/ReactSharedInternals';\n import {error, warn} from '.\/withComponentStack';\n-import {enableEventAPI, enableJSXTransformAPI} from 'shared\/ReactFeatureFlags';\n+import {enableJSXTransformAPI} from 'shared\/ReactFeatureFlags';\n const React = {\n Children: {\n map,\n@@ -106,10 +105,6 @@ const React = {\n \/\/ don't modify the React object to avoid deopts.\n \/\/ Also let's not expose their names in stable builds.\n \n-if (enableEventAPI) {\n- React.unstable_createEventComponent = createEventComponent;\n-}\n-\n if (enableJSXTransformAPI) {\n if (__DEV__) {\n React.jsxDEV = jsxWithValidation;\ndiff --git a\/packages\/shared\/ReactDOMTypes.js b\/packages\/shared\/ReactDOMTypes.js\nnew file mode 100644\nindex 0000000000..b4b7dc0bb1\n--- \/dev\/null\n+++ b\/packages\/shared\/ReactDOMTypes.js\n@@ -0,0 +1,112 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\n+ * @flow\n+ *\/\n+\n+import type {EventPriority} from 'shared\/ReactTypes';\n+\n+type AnyNativeEvent = Event | KeyboardEvent | MouseEvent | Touch;\n+\n+export type ReactDOMEventResponderEventType =\n+ | string\n+ | {name: string, passive?: boolean};\n+\n+export type PointerType =\n+ | ''\n+ | 'mouse'\n+ | 'keyboard'\n+ | 'pen'\n+ | 'touch'\n+ | 'trackpad';\n+\n+export type ReactDOMResponderEvent = {\n+ nativeEvent: AnyNativeEvent,\n+ passive: boolean,\n+ passiveSupported: boolean,\n+ pointerId: null | number,\n+ pointerType: PointerType,\n+ target: Element | Document,\n+ type: string,\n+};\n+\n+export type ReactDOMEventResponder = {\n+ targetEventTypes?: Array,\n+ rootEventTypes?: Array,\n+ createInitialState?: (props: null | Object) => Object,\n+ allowMultipleHostChildren: boolean,\n+ stopLocalPropagation: boolean,\n+ onEvent?: (\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n+ props: null | Object,\n+ state: null | Object,\n+ ) => void,\n+ onEventCapture?: (\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n+ props: null | Object,\n+ state: null | Object,\n+ ) => void,\n+ onRootEvent?: (\n+ event: ReactDOMResponderEvent,\n+ context: ReactDOMResponderContext,\n+ props: null | Object,\n+ state: null | Object,\n+ ) => void,\n+ onMount?: (\n+ context: ReactDOMResponderContext,\n+ props: null | Object,\n+ state: null | Object,\n+ ) => void,\n+ onUnmount?: (\n+ context: ReactDOMResponderContext,\n+ props: null | Object,\n+ state: null | Object,\n+ ) => void,\n+ onOwnershipChange?: (\n+ context: ReactDOMResponderContext,\n+ props: null | Object,\n+ state: null | Object,\n+ ) => void,\n+};\n+\n+export type ReactDOMResponderContext = {\n+ dispatchEvent: (\n+ eventObject: Object,\n+ listener: (Object) => void,\n+ eventPriority: EventPriority,\n+ ) => void,\n+ isTargetWithinElement: (\n+ childTarget: Element | Document,\n+ parentTarget: Element | Document,\n+ ) => boolean,\n+ isTargetWithinEventComponent: (Element | Document) => boolean,\n+ isTargetWithinEventResponderScope: (Element | Document) => boolean,\n+ isEventWithinTouchHitTarget: (event: ReactDOMResponderEvent) => boolean,\n+ addRootEventTypes: (\n+ rootEventTypes: Array,\n+ ) => void,\n+ removeRootEventTypes: (\n+ rootEventTypes: Array,\n+ ) => void,\n+ hasOwnership: () => boolean,\n+ requestGlobalOwnership: () => boolean,\n+ releaseOwnership: () => boolean,\n+ setTimeout: (func: () => void, timeout: number) => number,\n+ clearTimeout: (timerId: number) => void,\n+ getFocusableElementsInScope(): Array,\n+ getActiveDocument(): Document,\n+ objectAssign: Function,\n+ getEventCurrentTarget(event: ReactDOMResponderEvent): Element,\n+ getTimeStamp: () => number,\n+ isTargetWithinHostComponent: (\n+ target: Element | Document,\n+ elementType: string,\n+ deep: boolean,\n+ ) => boolean,\n+ continueLocalPropagation(): void,\n+};\ndiff --git a\/packages\/shared\/ReactTypes.js b\/packages\/shared\/ReactTypes.js\nindex 5bd5f8ab19..374e59b811 100644\n--- a\/packages\/shared\/ReactTypes.js\n+++ b\/packages\/shared\/ReactTypes.js\n@@ -7,6 +7,8 @@\n * @flow\n *\/\n \n+import type {EventResponder} from 'react-reconciler\/src\/ReactFiberHostConfig';\n+\n export type ReactNode =\n | React$Element\n | ReactPortal\n@@ -81,54 +83,10 @@ export type RefObject = {|\n current: any,\n |};\n \n-export type ReactEventResponderEventType =\n- | string\n- | {name: string, passive?: boolean};\n-\n-export type ReactEventResponder = {\n- targetEventTypes?: Array,\n- rootEventTypes?: Array,\n- createInitialState?: (props: null | Object) => Object,\n- allowMultipleHostChildren: boolean,\n- onEvent?: (\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n- props: null | Object,\n- state: null | Object,\n- ) => void,\n- onEventCapture?: (\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n- props: null | Object,\n- state: null | Object,\n- ) => void,\n- onRootEvent?: (\n- event: ReactResponderEvent,\n- context: ReactResponderContext,\n- props: null | Object,\n- state: null | Object,\n- ) => void,\n- onMount?: (\n- context: ReactResponderContext,\n- props: null | Object,\n- state: null | Object,\n- ) => void,\n- onUnmount?: (\n- context: ReactResponderContext,\n- props: null | Object,\n- state: null | Object,\n- ) => void,\n- onOwnershipChange?: (\n- context: ReactResponderContext,\n- props: null | Object,\n- state: null | Object,\n- ) => void,\n-};\n-\n export type ReactEventComponentInstance = {|\n currentFiber: mixed,\n props: null | Object,\n- responder: ReactEventResponder,\n+ responder: EventResponder,\n rootEventTypes: null | Set,\n rootInstance: mixed,\n state: null | Object,\n@@ -138,7 +96,7 @@ export type ReactEventComponent = {|\n $$typeof: Symbol | number,\n displayName: string,\n props: null | Object,\n- responder: ReactEventResponder,\n+ responder: EventResponder,\n |};\n \n export type ReactEventTarget = {|\n@@ -147,65 +105,8 @@ export type ReactEventTarget = {|\n type: Symbol | number,\n |};\n \n-type AnyNativeEvent = Event | KeyboardEvent | MouseEvent | Touch;\n-\n-export type PointerType =\n- | ''\n- | 'mouse'\n- | 'keyboard'\n- | 'pen'\n- | 'touch'\n- | 'trackpad';\n-\n-export type ReactResponderEvent = {\n- nativeEvent: AnyNativeEvent,\n- passive: boolean,\n- passiveSupported: boolean,\n- pointerId: null | number,\n- pointerType: PointerType,\n- target: Element | Document,\n- type: string,\n-};\n-\n export opaque type EventPriority = 0 | 1 | 2;\n \n export const DiscreteEvent: EventPriority = 0;\n export const UserBlockingEvent: EventPriority = 1;\n export const ContinuousEvent: EventPriority = 2;\n-\n-export type ReactResponderContext = {\n- dispatchEvent: (\n- eventObject: Object,\n- listener: (Object) => void,\n- eventPriority: EventPriority,\n- ) => void,\n- isTargetWithinElement: (\n- childTarget: Element | Document,\n- parentTarget: Element | Document,\n- ) => boolean,\n- isTargetWithinEventComponent: (Element | Document) => boolean,\n- isTargetWithinEventResponderScope: (Element | Document) => boolean,\n- isEventWithinTouchHitTarget: (event: ReactResponderEvent) => boolean,\n- addRootEventTypes: (\n- rootEventTypes: Array,\n- ) => void,\n- removeRootEventTypes: (\n- rootEventTypes: Array,\n- ) => void,\n- hasOwnership: () => boolean,\n- requestGlobalOwnership: () => boolean,\n- releaseOwnership: () => boolean,\n- setTimeout: (func: () => void, timeout: number) => number,\n- clearTimeout: (timerId: number) => void,\n- getFocusableElementsInScope(): Array,\n- getActiveDocument(): Document,\n- objectAssign: Function,\n- getEventCurrentTarget(event: ReactResponderEvent): Element,\n- getTimeStamp: () => number,\n- isTargetWithinHostComponent: (\n- target: Element | Document,\n- elementType: string,\n- deep: boolean,\n- ) => boolean,\n- continueLocalPropagation(): void,\n-};\ndiff --git a\/packages\/react\/src\/ReactCreateEventComponent.js b\/packages\/shared\/createEventComponent.js\nsimilarity index 52%\nrename from packages\/react\/src\/ReactCreateEventComponent.js\nrename to packages\/shared\/createEventComponent.js\nindex 87a1135846..d24d720381 100644\n--- a\/packages\/react\/src\/ReactCreateEventComponent.js\n+++ b\/packages\/shared\/createEventComponent.js\n@@ -6,9 +6,8 @@\n * @flow\n *\/\n \n-import type {ReactEventComponent, ReactEventResponder} from 'shared\/ReactTypes';\n-import {enableEventAPI} from 'shared\/ReactFeatureFlags';\n-\n+import type {EventResponder} from 'react-reconciler\/src\/ReactFiberHostConfig';\n+import type {ReactEventComponent} from 'shared\/ReactTypes';\n import {REACT_EVENT_COMPONENT_TYPE} from 'shared\/ReactSymbols';\n \n let hasBadMapPolyfill;\n@@ -30,26 +29,24 @@ if (__DEV__) {\n }\n }\n \n-export function createEventComponent(\n- responder: ReactEventResponder,\n+export default function createEventComponent(\n+ responder: EventResponder,\n displayName: string,\n-): ?ReactEventComponent {\n- if (enableEventAPI) {\n- \/\/ We use responder as a Map key later on. When we have a bad\n- \/\/ polyfill, then we can't use it as a key as the polyfill tries\n- \/\/ to add a property to the object.\n- if (__DEV__ && !hasBadMapPolyfill) {\n- Object.freeze(responder);\n- }\n- const eventComponent = {\n- $$typeof: REACT_EVENT_COMPONENT_TYPE,\n- displayName: displayName,\n- props: null,\n- responder: responder,\n- };\n- if (__DEV__) {\n- Object.freeze(eventComponent);\n- }\n- return eventComponent;\n+): ReactEventComponent {\n+ \/\/ We use responder as a Map key later on. When we have a bad\n+ \/\/ polyfill, then we can't use it as a key as the polyfill tries\n+ \/\/ to add a property to the object.\n+ if (__DEV__ && !hasBadMapPolyfill) {\n+ Object.freeze(responder);\n+ }\n+ const eventComponent = {\n+ $$typeof: REACT_EVENT_COMPONENT_TYPE,\n+ displayName: displayName,\n+ props: null,\n+ responder: responder,\n+ };\n+ if (__DEV__) {\n+ Object.freeze(eventComponent);\n }\n+ return eventComponent;\n }\ndiff --git a\/scripts\/rollup\/bundles.js b\/scripts\/rollup\/bundles.js\nindex 516eb21037..c8233979aa 100644\n--- a\/scripts\/rollup\/bundles.js\n+++ b\/scripts\/rollup\/bundles.js\n@@ -465,7 +465,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/press',\n global: 'ReactEventsPress',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n \n {\n@@ -480,7 +480,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/hover',\n global: 'ReactEventsHover',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n \n {\n@@ -495,7 +495,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/focus',\n global: 'ReactEventsFocus',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n \n {\n@@ -510,7 +510,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/focus-scope',\n global: 'ReactEventsFocusScope',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n \n {\n@@ -525,7 +525,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/swipe',\n global: 'ReactEventsSwipe',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n \n {\n@@ -540,7 +540,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/drag',\n global: 'ReactEventsDrag',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n \n {\n@@ -555,7 +555,7 @@ const bundles = [\n moduleType: NON_FIBER_RENDERER,\n entry: 'react-events\/scroll',\n global: 'ReactEventsScroll',\n- externals: ['react'],\n+ externals: ['react-dom'],\n },\n ];\n \n"}

dillon1000/react

Files changed