. ' +\n- 'This requires its parent DOM node to be positioned too, but the ' +\n- 'parent DOM node was found to have the style \"position\" set to ' +\n- 'either no value, or a value of \"static\". Try using a \"position\" ' +\n- 'value of \"relative\".',\n- );\n- warning(\n- computedStyles.getPropertyValue('z-index') !== '',\n- ' inserts an empty

with \"z-index\" of \"-1\". ' +\n- 'This requires its parent DOM node to have a \"z-index\" greater than \"-1\",' +\n- 'but the parent DOM node was found to no \"z-index\" value set.' +\n- ' Try using a \"z-index\" value of \"0\" or greater.',\n- );\n- }\n- }\n- }\n-}\ndiff --git a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\nindex a918ebc9c9..d0a9284b12 100644\n--- a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n+++ b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n@@ -14,7 +14,6 @@ import {\n import type {AnyNativeEvent} from 'events\/PluginModuleType';\n import {\n EventComponent,\n- EventTarget as EventTargetWorkTag,\n HostComponent,\n FunctionComponent,\n } from 'shared\/ReactWorkTags';\n@@ -182,35 +181,6 @@ const eventResponderContext: ReactDOMResponderContext = {\n eventListeners.set(eventObject, listener);\n eventQueue.events.push(eventObject);\n },\n- isEventWithinTouchHitTarget(event: ReactDOMResponderEvent): boolean {\n- validateResponderContext();\n- const target = event.target;\n- const nativeEvent = event.nativeEvent;\n- \/\/ We should always be dealing with a mouse event or touch event here.\n- \/\/ If we are not, these won't exist and we can early return.\n- const x = (nativeEvent: any).clientX;\n- const y = (nativeEvent: any).clientY;\n- if (x === undefined || y === undefined) {\n- return false;\n- }\n- const childFiber = getClosestInstanceFromNode(target);\n- if (childFiber === null) {\n- return false;\n- }\n- const parentFiber = childFiber.return;\n- if (parentFiber !== null && parentFiber.tag === EventTargetWorkTag) {\n- const parentNode = ((target.parentNode: any): Element);\n- \/\/ TODO find another way to do this without using the\n- \/\/ expensive getBoundingClientRect.\n- const {left, top, right, bottom} = parentNode.getBoundingClientRect();\n- \/\/ Check if the co-ords intersect with the target element's rect.\n- if (x > left && y > top && x < right && y < bottom) {\n- return false;\n- }\n- return true;\n- }\n- return false;\n- },\n isTargetWithinEventComponent(target: Element | Document): boolean {\n validateResponderContext();\n if (target != null) {\ndiff --git a\/packages\/react-dom\/src\/server\/ReactPartialRenderer.js b\/packages\/react-dom\/src\/server\/ReactPartialRenderer.js\nindex 16bd4622aa..27a622b001 100644\n--- a\/packages\/react-dom\/src\/server\/ReactPartialRenderer.js\n+++ b\/packages\/react-dom\/src\/server\/ReactPartialRenderer.js\n@@ -39,8 +39,6 @@ import {\n REACT_LAZY_TYPE,\n REACT_MEMO_TYPE,\n REACT_EVENT_COMPONENT_TYPE,\n- REACT_EVENT_TARGET_TYPE,\n- REACT_EVENT_TARGET_TOUCH_HIT,\n } from 'shared\/ReactSymbols';\n \n import {\n@@ -1168,32 +1166,8 @@ class ReactDOMServerRenderer {\n this.stack.push(frame);\n return '';\n }\n- case REACT_EVENT_COMPONENT_TYPE:\n- case REACT_EVENT_TARGET_TYPE: {\n+ case REACT_EVENT_COMPONENT_TYPE: {\n if (enableEventAPI) {\n- if (\n- elementType.$$typeof === REACT_EVENT_TARGET_TYPE &&\n- elementType.type === REACT_EVENT_TARGET_TOUCH_HIT\n- ) {\n- const props = nextElement.props;\n- const bottom = props.bottom || 0;\n- const left = props.left || 0;\n- const right = props.right || 0;\n- const top = props.top || 0;\n-\n- if (bottom === 0 && left === 0 && right === 0 && top === 0) {\n- return '';\n- }\n- let topString = top ? `-${top}px` : '0px';\n- let leftString = left ? `-${left}px` : '0px';\n- let rightString = right ? `-${right}px` : '0x';\n- let bottomString = bottom ? `-${bottom}px` : '0px';\n-\n- return (\n- `

<\/div>`\n- );\n- }\n const nextChildren = toArray(\n ((nextChild: any): ReactElement).props.children,\n );\ndiff --git a\/packages\/react-dom\/src\/shared\/DOMProperty.js b\/packages\/react-dom\/src\/shared\/DOMProperty.js\nindex 2db29095fe..bdfa10e14a 100644\n--- a\/packages\/react-dom\/src\/shared\/DOMProperty.js\n+++ b\/packages\/react-dom\/src\/shared\/DOMProperty.js\n@@ -219,7 +219,6 @@ const properties = {};\n 'suppressContentEditableWarning',\n 'suppressHydrationWarning',\n 'style',\n- 'hydrateTouchHitTarget',\n ].forEach(name => {\n properties[name] = new PropertyInfoRecord(\n name,\ndiff --git a\/packages\/react-dom\/src\/shared\/assertValidProps.js b\/packages\/react-dom\/src\/shared\/assertValidProps.js\nindex 30fc5c6ce5..9fe255b58d 100644\n--- a\/packages\/react-dom\/src\/shared\/assertValidProps.js\n+++ b\/packages\/react-dom\/src\/shared\/assertValidProps.js\n@@ -12,8 +12,6 @@ import warning from 'shared\/warning';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n \n import voidElementTags from '.\/voidElementTags';\n-import {enableEventAPI} from 'shared\/ReactFeatureFlags';\n-import {REACT_EVENT_TARGET_TYPE} from 'shared\/ReactSymbols';\n \n const HTML = '__html';\n \n@@ -29,11 +27,7 @@ function assertValidProps(tag: string, props: ?Object) {\n \/\/ Note the use of `==` which checks for null or undefined.\n if (voidElementTags[tag]) {\n invariant(\n- (props.children == null ||\n- (enableEventAPI &&\n- props.children.type &&\n- props.children.type.$$typeof === REACT_EVENT_TARGET_TYPE)) &&\n- props.dangerouslySetInnerHTML == null,\n+ props.children == null && props.dangerouslySetInnerHTML == null,\n '%s is a void element tag and must neither have `children` nor ' +\n 'use `dangerouslySetInnerHTML`.%s',\n tag,\ndiff --git a\/packages\/react-events\/README.md b\/packages\/react-events\/README.md\nindex 9e7b5e4390..be4e238ad6 100644\n--- a\/packages\/react-events\/README.md\n+++ b\/packages\/react-events\/README.md\n@@ -121,10 +121,6 @@ Component instance.\n \n Returns `true` if the instance has taken ownership of the responder.\n \n-### isEventWithinTouchHitTarget(event: ResponderEvent): boolean\n-\n-Returns `true` if the global coordinates lie within the TouchHitTarget.\n-\n ### isTargetWithinElement(target: Element, element: Element): boolean\n \n Returns `true` if `target` is a child of `element`.\ndiff --git a\/packages\/react-events\/docs\/Press.md b\/packages\/react-events\/docs\/Press.md\nindex d618d7121c..952d660db5 100644\n--- a\/packages\/react-events\/docs\/Press.md\n+++ b\/packages\/react-events\/docs\/Press.md\n@@ -119,7 +119,7 @@ Determines whether calling `onPress` should be cancelled if `onLongPress` or\n \n Called immediately after a press is released, unless either 1) the press is\n released outside the hit bounds of the element (accounting for\n-`pressRetentionOffset` and `TouchHitTarget`), or 2) the press was a long press,\n+`pressRetentionOffset`), or 2) the press was a long press,\n and `onLongPress` or `onLongPressChange` props are provided, and\n `onLongPressCancelsPress()` is `true`.\n \ndiff --git a\/packages\/react-events\/index.js b\/packages\/react-events\/index.js\ndeleted file mode 100644\nindex ef5141aefd..0000000000\n--- a\/packages\/react-events\/index.js\n+++ \/dev\/null\n@@ -1,12 +0,0 @@\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-'use strict';\n-\n-export * from '.\/src\/ReactEvents';\ndiff --git a\/packages\/react-events\/npm\/index.js b\/packages\/react-events\/npm\/index.js\ndeleted file mode 100644\nindex 00bc7ad72a..0000000000\n--- a\/packages\/react-events\/npm\/index.js\n+++ \/dev\/null\n@@ -1,7 +0,0 @@\n-'use strict';\n-\n-if (process.env.NODE_ENV === 'production') {\n- module.exports = require('.\/cjs\/react-events.production.min.js');\n-} else {\n- module.exports = require('.\/cjs\/react-events.development.js');\n-}\ndiff --git a\/packages\/react-events\/package.json b\/packages\/react-events\/package.json\nindex 8532fb25ff..5699181656 100644\n--- a\/packages\/react-events\/package.json\n+++ b\/packages\/react-events\/package.json\n@@ -19,7 +19,6 @@\n \"drag.js\",\n \"scroll.js\",\n \"focus-scope.js\",\n- \"index.js\",\n \"build-info.json\",\n \"cjs\/\",\n \"umd\/\"\ndiff --git a\/packages\/react-events\/src\/ReactEvents.js b\/packages\/react-events\/src\/ReactEvents.js\ndeleted file mode 100644\nindex af5c08b0b8..0000000000\n--- a\/packages\/react-events\/src\/ReactEvents.js\n+++ \/dev\/null\n@@ -1,19 +0,0 @@\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 {\n- REACT_EVENT_TARGET_TYPE,\n- REACT_EVENT_TARGET_TOUCH_HIT,\n-} from 'shared\/ReactSymbols';\n-import type {ReactEventTarget} from 'shared\/ReactTypes';\n-\n-export const TouchHitTarget: ReactEventTarget = {\n- $$typeof: REACT_EVENT_TARGET_TYPE,\n- type: REACT_EVENT_TARGET_TOUCH_HIT,\n-};\ndiff --git a\/packages\/react-events\/src\/dom\/Hover.js b\/packages\/react-events\/src\/dom\/Hover.js\nindex a22d0d51f1..e7c3c0c5fe 100644\n--- a\/packages\/react-events\/src\/dom\/Hover.js\n+++ b\/packages\/react-events\/src\/dom\/Hover.js\n@@ -31,7 +31,6 @@ type HoverState = {\n hoverTarget: null | Element | Document,\n isActiveHovered: boolean,\n isHovered: boolean,\n- isOverTouchHitTarget: boolean,\n isTouched: boolean,\n hoverStartTimeout: null | number,\n hoverEndTimeout: null | number,\n@@ -228,8 +227,6 @@ function dispatchHoverEndEvents(\n if (props.onHoverChange) {\n dispatchHoverChangeEvent(event, context, props, state);\n }\n-\n- state.isOverTouchHitTarget = false;\n state.hoverTarget = null;\n state.ignoreEmulatedMouseEvents = false;\n state.isTouched = false;\n@@ -281,7 +278,6 @@ const HoverResponder: ReactDOMEventResponder = {\n return {\n isActiveHovered: false,\n isHovered: false,\n- isOverTouchHitTarget: false,\n isTouched: false,\n hoverStartTimeout: null,\n hoverEndTimeout: null,\n@@ -325,11 +321,6 @@ const HoverResponder: ReactDOMEventResponder = {\n if (isEmulatedMouseEvent(event, state)) {\n return;\n }\n-\n- if (context.isEventWithinTouchHitTarget(event)) {\n- state.isOverTouchHitTarget = true;\n- return;\n- }\n state.hoverTarget = context.getEventCurrentTarget(event);\n state.ignoreEmulatedMouseEvents = true;\n dispatchHoverStartEvents(event, context, props, state);\n@@ -342,34 +333,18 @@ const HoverResponder: ReactDOMEventResponder = {\n case 'mousemove': {\n if (state.isHovered && !isEmulatedMouseEvent(event, state)) {\n if (state.isHovered) {\n- if (state.isOverTouchHitTarget) {\n- \/\/ If we were moving over the TouchHitTarget and have now moved\n- \/\/ over the Responder target\n- if (!context.isEventWithinTouchHitTarget(event)) {\n- dispatchHoverStartEvents(event, context, props, state);\n- state.isOverTouchHitTarget = false;\n- }\n- } else {\n- \/\/ If we were moving over the Responder target and have now moved\n- \/\/ over the TouchHitTarget\n- if (context.isEventWithinTouchHitTarget(event)) {\n- dispatchHoverEndEvents(event, context, props, state);\n- state.isOverTouchHitTarget = true;\n- } else {\n- if (props.onHoverMove && state.hoverTarget !== null) {\n- const syntheticEvent = createHoverEvent(\n- event,\n- context,\n- 'hovermove',\n- state.hoverTarget,\n- );\n- context.dispatchEvent(\n- syntheticEvent,\n- props.onHoverMove,\n- UserBlockingEvent,\n- );\n- }\n- }\n+ if (props.onHoverMove && state.hoverTarget !== null) {\n+ const syntheticEvent = createHoverEvent(\n+ event,\n+ context,\n+ 'hovermove',\n+ state.hoverTarget,\n+ );\n+ context.dispatchEvent(\n+ syntheticEvent,\n+ props.onHoverMove,\n+ UserBlockingEvent,\n+ );\n }\n }\n }\ndiff --git a\/packages\/react-events\/src\/dom\/Press.js b\/packages\/react-events\/src\/dom\/Press.js\nindex 2f08a4a4eb..677a644d05 100644\n--- a\/packages\/react-events\/src\/dom\/Press.js\n+++ b\/packages\/react-events\/src\/dom\/Press.js\n@@ -671,7 +671,6 @@ const PressResponder: ReactDOMEventResponder = {\n const isPointerEvent = type === 'pointerdown';\n const isKeyboardEvent = pointerType === 'keyboard';\n const isMouseEvent = pointerType === 'mouse';\n- const isPenEvent = pointerType === 'pen';\n \n if (isPointerEvent || isTouchEvent) {\n state.ignoreEmulatedMouseEvents = true;\n@@ -684,16 +683,6 @@ const PressResponder: ReactDOMEventResponder = {\n return;\n }\n }\n- \/\/ Ignore mouse\/pen pressing on touch hit target area\n- if (\n- (isMouseEvent || isPenEvent) &&\n- context.isEventWithinTouchHitTarget(event)\n- ) {\n- \/\/ We need to prevent the native event to block the focus\n- removeRootEventTypes(context, state);\n- nativeEvent.preventDefault();\n- return;\n- }\n \n \/\/ We set these here, before the button check so we have this\n \/\/ data around for handling of the context menu\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/TouchHitTarget-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/TouchHitTarget-test.internal.js\ndeleted file mode 100644\nindex fdaaf13fe0..0000000000\n--- a\/packages\/react-events\/src\/dom\/__tests__\/TouchHitTarget-test.internal.js\n+++ \/dev\/null\n@@ -1,649 +0,0 @@\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- * @emails react-core\n- *\/\n-\n-'use strict';\n-\n-let React;\n-let ReactNoop;\n-let Scheduler;\n-let ReactFeatureFlags;\n-let EventComponent;\n-let ReactTestRenderer;\n-let ReactDOM;\n-let ReactDOMServer;\n-let ReactSymbols;\n-let ReactEvents;\n-let TouchHitTarget;\n-\n-const noOpResponder = {\n- targetEventTypes: [],\n- onEvent() {},\n-};\n-\n-function createReactEventComponent() {\n- return {\n- $$typeof: ReactSymbols.REACT_EVENT_COMPONENT_TYPE,\n- props: null,\n- responder: noOpResponder,\n- };\n-}\n-\n-function init() {\n- jest.resetModules();\n- ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableEventAPI = true;\n- React = require('react');\n- Scheduler = require('scheduler');\n- ReactSymbols = require('shared\/ReactSymbols');\n- ReactEvents = require('react-events');\n-}\n-\n-function initNoopRenderer() {\n- init();\n- ReactNoop = require('react-noop-renderer');\n-}\n-\n-function initTestRenderer() {\n- init();\n- ReactTestRenderer = require('react-test-renderer');\n-}\n-\n-function initReactDOM() {\n- init();\n- ReactDOM = require('react-dom');\n-}\n-\n-function initReactDOMServer() {\n- init();\n- ReactDOMServer = require('react-dom\/server');\n-}\n-\n-describe('TouchHitTarget', () => {\n- describe('NoopRenderer', () => {\n- beforeEach(() => {\n- initNoopRenderer();\n- EventComponent = createReactEventComponent();\n- TouchHitTarget = ReactEvents.TouchHitTarget;\n- });\n-\n- it('should not warn when a TouchHitTarget is used correctly', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(ReactNoop).toMatchRenderedOutput(

);\n- });\n-\n- it('should warn when a TouchHitTarget has children', () => {\n- const Test = () => (\n- \n-

\n- \n- Child 1<\/span>\n- <\/TouchHitTarget>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n-\n- const Test2 = () => (\n- \n-

\n- Child 1<\/TouchHitTarget>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n-\n- \/\/ Should render without warnings\n- const Test3 = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(ReactNoop).toMatchRenderedOutput(

);\n- });\n-\n- it('should warn when a TouchHitTarget is a direct child of an event component', () => {\n- const Test = () => (\n- \n- \n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev(\n- 'Warning: validateDOMNesting: cannot not be a direct child of an event component. ' +\n- 'Ensure is a direct child of a DOM element.',\n- );\n- });\n- });\n-\n- describe('TestRenderer', () => {\n- beforeEach(() => {\n- initTestRenderer();\n- EventComponent = createReactEventComponent();\n- TouchHitTarget = ReactEvents.TouchHitTarget;\n- });\n-\n- it('should not warn when a TouchHitTarget is used correctly', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(root).toMatchRenderedOutput(

);\n- });\n-\n- it('should warn when a TouchHitTarget has children', () => {\n- const Test = () => (\n- \n-

\n- \n- Child 1<\/span>\n- <\/TouchHitTarget>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- expect(() => {\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n-\n- const Test2 = () => (\n- \n-

\n- Child 1<\/TouchHitTarget>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n-\n- \/\/ Should render without warnings\n- const Test3 = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(root).toMatchRenderedOutput(

);\n- });\n-\n- it('should warn when a TouchHitTarget is a direct child of an event component', () => {\n- const Test = () => (\n- \n- \n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- expect(() => {\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev(\n- 'Warning: validateDOMNesting: cannot not be a direct child of an event component. ' +\n- 'Ensure is a direct child of a DOM element.',\n- );\n- });\n- });\n-\n- describe('ReactDOM', () => {\n- beforeEach(() => {\n- initReactDOM();\n- EventComponent = createReactEventComponent();\n- TouchHitTarget = ReactEvents.TouchHitTarget;\n- });\n-\n- it('should not warn when a TouchHitTarget is used correctly', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe('

<\/div>');\n- });\n-\n- it('should warn when a TouchHitTarget has children', () => {\n- const Test = () => (\n- \n-

\n- \n- Child 1<\/span>\n- <\/TouchHitTarget>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- expect(() => {\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n-\n- const Test2 = () => (\n- \n-

\n- Child 1<\/TouchHitTarget>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n-\n- \/\/ Should render without warnings\n- const Test3 = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe('

<\/div>');\n- });\n-\n- it('should warn when a TouchHitTarget is a direct child of an event component', () => {\n- const Test = () => (\n- \n- \n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- expect(() => {\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev(\n- 'Warning: validateDOMNesting: cannot not be a direct child of an event component. ' +\n- 'Ensure is a direct child of a DOM element.',\n- );\n- });\n-\n- it('should render a conditional TouchHitTarget correctly (false -> true)', () => {\n- let cond = false;\n-\n- const Test = () => (\n- \n-

\n- {cond ? null : (\n- \n- )}\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div><\/div>',\n- );\n-\n- cond = true;\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div>',\n- );\n- });\n-\n- it('should render a conditional TouchHitTarget correctly (true -> false)', () => {\n- let cond = true;\n-\n- const Test = () => (\n- \n-

<\/div>',\n- );\n-\n- cond = false;\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div><\/div>',\n- );\n- });\n-\n- it('should render a conditional TouchHitTarget hit slop correctly (false -> true)', () => {\n- let cond = false;\n-\n- const Test = () => (\n- \n-

\n- {cond ? (\n- \n- ) : (\n- \n- )}\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div><\/div>',\n- );\n-\n- cond = true;\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div>',\n- );\n- });\n-\n- it('should render a conditional TouchHitTarget hit slop correctly (true -> false)', () => {\n- let cond = true;\n-\n- const Test = () => (\n- \n-

\n- Random span 1<\/span>\n- {cond ? (\n- \n- ) : (\n- \n- )}\n- Random span 2<\/span>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

Random span 1<\/span>Random span 2<\/span><\/div>',\n- );\n-\n- cond = false;\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

Random span 1<\/span>' +\n- '

<\/div>Random span 2<\/span><\/div>',\n- );\n- });\n-\n- it('should update TouchHitTarget hit slop values correctly (false -> true)', () => {\n- let cond = false;\n-\n- const Test = () => (\n- \n-

Random span 1<\/span>' +\n- '

<\/div>Random span 2<\/span><\/div>',\n- );\n-\n- cond = true;\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

Random span 1<\/span>' +\n- '

<\/div>Random span 2<\/span><\/div>',\n- );\n- });\n-\n- it('should update TouchHitTarget hit slop values correctly (true -> false)', () => {\n- let cond = true;\n-\n- const Test = () => (\n- \n-

Random span 1<\/span>' +\n- '

<\/div>Random span 2<\/span><\/div>',\n- );\n-\n- cond = false;\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

Random span 1<\/span>

' +\n- '<\/div>Random span 2<\/span><\/div>',\n- );\n- });\n-\n- it('should hydrate TouchHitTarget hit slop elements correcty', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- container.innerHTML = '

<\/div>';\n- ReactDOM.hydrate(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div>',\n- );\n-\n- const Test2 = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container2 = document.createElement('div');\n- container2.innerHTML =\n- '

<\/div><\/div>';\n- ReactDOM.hydrate(, container2);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container2.innerHTML).toBe(\n- '

<\/div><\/div>',\n- );\n- });\n-\n- it('should hydrate TouchHitTarget hit slop elements correcty and patch them', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- container.innerHTML =\n- '

<\/div>';\n- expect(() => {\n- ReactDOM.hydrate(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev(\n- 'Warning: Expected server HTML to contain a matching

.',\n- {withoutStack: true},\n- );\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe(\n- '

<\/div><\/div>',\n- );\n- });\n- });\n-\n- describe('ReactDOMServer', () => {\n- beforeEach(() => {\n- initReactDOMServer();\n- EventComponent = createReactEventComponent();\n- TouchHitTarget = ReactEvents.TouchHitTarget;\n- });\n-\n- it('should not warn when a TouchHitTarget is used correctly', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const output = ReactDOMServer.renderToString();\n- expect(output).toBe('

<\/div>');\n- });\n-\n- it('should render a TouchHitTarget with hit slop values', () => {\n- const Test = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- let output = ReactDOMServer.renderToString();\n- expect(output).toBe(\n- '

<\/div><\/div>',\n- );\n-\n- const Test2 = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- output = ReactDOMServer.renderToString();\n- expect(output).toBe(\n- '

<\/div><\/div>',\n- );\n-\n- const Test3 = () => (\n- \n-

\n- \n- <\/div>\n- <\/EventComponent>\n- );\n-\n- output = ReactDOMServer.renderToString();\n- expect(output).toBe(\n- '

<\/div><\/div>',\n- );\n- });\n- });\n-});\ndiff --git a\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js b\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\nindex aa4df2e174..9833f8c6c1 100644\n--- a\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\n+++ b\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\n@@ -291,14 +291,6 @@ export function getChildHostContextForEventComponent(\n return parentHostContext;\n }\n \n-export function getChildHostContextForEventTarget(\n- parentHostContext: HostContext,\n- type: Symbol | number,\n-) {\n- \/\/ TODO: add getChildHostContextForEventTarget implementation\n- return parentHostContext;\n-}\n-\n export function getPublicInstance(instance: Instance): * {\n return instance.canonical;\n }\ndiff --git a\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js b\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\nindex e16e0ba329..d7373d2497 100644\n--- a\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\n+++ b\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\n@@ -216,14 +216,6 @@ export function getChildHostContextForEventComponent(\n return parentHostContext;\n }\n \n-export function getChildHostContextForEventTarget(\n- parentHostContext: HostContext,\n- type: Symbol | number,\n-) {\n- \/\/ TODO: add getChildHostContextForEventTarget implementation\n- return parentHostContext;\n-}\n-\n export function getPublicInstance(instance: Instance): * {\n return instance;\n }\ndiff --git a\/packages\/react-noop-renderer\/src\/createReactNoop.js b\/packages\/react-noop-renderer\/src\/createReactNoop.js\nindex 9502d585ac..84b78afdec 100644\n--- a\/packages\/react-noop-renderer\/src\/createReactNoop.js\n+++ b\/packages\/react-noop-renderer\/src\/createReactNoop.js\n@@ -23,11 +23,7 @@ import type {RootTag} from 'shared\/ReactRootTags';\n import * as Scheduler from 'scheduler\/unstable_mock';\n import {createPortal} from 'shared\/ReactPortal';\n import expect from 'expect';\n-import {\n- REACT_FRAGMENT_TYPE,\n- REACT_ELEMENT_TYPE,\n- REACT_EVENT_TARGET_TOUCH_HIT,\n-} from 'shared\/ReactSymbols';\n+import {REACT_FRAGMENT_TYPE, REACT_ELEMENT_TYPE} from 'shared\/ReactSymbols';\n import warning from 'shared\/warning';\n import enqueueTask from 'shared\/enqueueTask';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n@@ -38,18 +34,6 @@ import {\n } from 'shared\/ReactFeatureFlags';\n import {ConcurrentRoot, BatchedRoot, LegacyRoot} from 'shared\/ReactRootTags';\n \n-type EventTargetChildElement = {\n- type: string,\n- props: null | {\n- style?: {\n- position?: string,\n- bottom?: string,\n- left?: string,\n- right?: string,\n- top?: string,\n- },\n- },\n-};\n type Container = {\n rootID: string,\n children: Array,\n@@ -86,8 +70,6 @@ const {ReactCurrentActingRendererSigil} = ReactSharedInternals;\n const NO_CONTEXT = {};\n const UPPERCASE_CONTEXT = {};\n const EVENT_COMPONENT_CONTEXT = {};\n-const EVENT_TARGET_CONTEXT = {};\n-const EVENT_TOUCH_HIT_TARGET_CONTEXT = {};\n const UPDATE_SIGNAL = {};\n if (__DEV__) {\n Object.freeze(NO_CONTEXT);\n@@ -286,34 +268,11 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {\n \n getChildHostContextForEventComponent(parentHostContext: HostContext) {\n if (__DEV__ && enableEventAPI) {\n- warning(\n- parentHostContext !== EVENT_TARGET_CONTEXT &&\n- parentHostContext !== EVENT_TOUCH_HIT_TARGET_CONTEXT,\n- 'validateDOMNesting: React event targets must not have event components as children.',\n- );\n return EVENT_COMPONENT_CONTEXT;\n }\n return parentHostContext;\n },\n \n- getChildHostContextForEventTarget(\n- parentHostContext: HostContext,\n- type: Symbol | number,\n- ) {\n- if (__DEV__ && enableEventAPI) {\n- if (type === REACT_EVENT_TARGET_TOUCH_HIT) {\n- warning(\n- parentHostContext !== EVENT_COMPONENT_CONTEXT,\n- 'validateDOMNesting: cannot not be a direct child of an event component. ' +\n- 'Ensure is a direct child of a DOM element.',\n- );\n- return EVENT_TOUCH_HIT_TARGET_CONTEXT;\n- }\n- return EVENT_TARGET_CONTEXT;\n- }\n- return parentHostContext;\n- },\n-\n getPublicInstance(instance) {\n return instance;\n },\n@@ -448,53 +407,6 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {\n unmountEventComponent(): void {\n \/\/ NO-OP\n },\n-\n- getEventTargetChildElement(\n- type: Symbol | number,\n- props: Props,\n- ): null | EventTargetChildElement {\n- if (enableEventAPI) {\n- if (type === REACT_EVENT_TARGET_TOUCH_HIT) {\n- const {bottom, left, right, top} = props;\n-\n- if (!bottom && !left && !right && !top) {\n- return null;\n- }\n- return {\n- type: 'div',\n- props: {\n- style: {\n- position: 'absolute',\n- zIndex: -1,\n- bottom: bottom ? `-${bottom}px` : '0px',\n- left: left ? `-${left}px` : '0px',\n- right: right ? `-${right}px` : '0px',\n- top: top ? `-${top}px` : '0px',\n- },\n- },\n- };\n- }\n- }\n- return null;\n- },\n-\n- handleEventTarget(\n- type: Symbol | number,\n- props: Props,\n- rootContainerInstance: Container,\n- internalInstanceHandle: Object,\n- ): boolean {\n- return false;\n- },\n-\n- commitEventTarget(\n- type: Symbol | number,\n- props: Props,\n- instance: Instance,\n- parentInstance: Instance,\n- ): void {\n- \/\/ NO-OP\n- },\n };\n \n const hostConfig = useMutation\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiber.js b\/packages\/react-reconciler\/src\/ReactFiber.js\nindex 78f0f38d7e..9dc390e4d8 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiber.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiber.js\n@@ -13,7 +13,6 @@ import type {\n ReactPortal,\n RefObject,\n ReactEventComponent,\n- ReactEventTarget,\n } from 'shared\/ReactTypes';\n import type {RootTag} from 'shared\/ReactRootTags';\n import type {WorkTag} from 'shared\/ReactWorkTags';\n@@ -50,7 +49,6 @@ import {\n SimpleMemoComponent,\n LazyComponent,\n EventComponent,\n- EventTarget,\n } from 'shared\/ReactWorkTags';\n import getComponentName from 'shared\/getComponentName';\n \n@@ -81,7 +79,6 @@ import {\n REACT_MEMO_TYPE,\n REACT_LAZY_TYPE,\n REACT_EVENT_COMPONENT_TYPE,\n- REACT_EVENT_TARGET_TYPE,\n } from 'shared\/ReactSymbols';\n \n let hasBadMapPolyfill;\n@@ -592,17 +589,6 @@ export function createFiberFromTypeAndProps(\n );\n }\n break;\n- case REACT_EVENT_TARGET_TYPE:\n- if (enableEventAPI) {\n- return createFiberFromEventTarget(\n- type,\n- pendingProps,\n- mode,\n- expirationTime,\n- key,\n- );\n- }\n- break;\n }\n }\n let info = '';\n@@ -695,24 +681,6 @@ export function createFiberFromEventComponent(\n return fiber;\n }\n \n-export function createFiberFromEventTarget(\n- eventTarget: ReactEventTarget,\n- pendingProps: any,\n- mode: TypeOfMode,\n- expirationTime: ExpirationTime,\n- key: null | string,\n-): Fiber {\n- const fiber = createFiber(EventTarget, pendingProps, key, mode);\n- fiber.elementType = eventTarget;\n- fiber.type = eventTarget;\n- fiber.expirationTime = expirationTime;\n- \/\/ Store latest props\n- fiber.stateNode = {\n- props: pendingProps,\n- };\n- return fiber;\n-}\n-\n function createFiberFromProfiler(\n pendingProps: any,\n mode: TypeOfMode,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\nindex 83e53dbab5..5925737cba 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n@@ -41,7 +41,6 @@ import {\n LazyComponent,\n IncompleteClassComponent,\n EventComponent,\n- EventTarget,\n } from 'shared\/ReactWorkTags';\n import {\n NoEffect,\n@@ -108,13 +107,11 @@ import {\n registerSuspenseInstanceRetry,\n } from '.\/ReactFiberHostConfig';\n import type {SuspenseInstance} from '.\/ReactFiberHostConfig';\n-import {getEventTargetChildElement} from '.\/ReactFiberHostConfig';\n import {shouldSuspend} from '.\/ReactFiberReconciler';\n import {\n pushHostContext,\n pushHostContainer,\n pushHostContextForEventComponent,\n- pushHostContextForEventTarget,\n } from '.\/ReactFiberHostContext';\n import {\n suspenseStackCursor,\n@@ -2412,38 +2409,6 @@ function updateEventComponent(current, workInProgress, renderExpirationTime) {\n return workInProgress.child;\n }\n \n-function updateEventTarget(current, workInProgress, renderExpirationTime) {\n- const type = workInProgress.type.type;\n- const nextProps = workInProgress.pendingProps;\n- const eventTargetChild = getEventTargetChildElement(type, nextProps);\n-\n- if (__DEV__) {\n- warning(\n- nextProps.children == null,\n- 'Event targets should not have children.',\n- );\n- }\n- if (eventTargetChild !== null) {\n- const child = (workInProgress.child = createFiberFromTypeAndProps(\n- eventTargetChild.type,\n- null,\n- eventTargetChild.props,\n- null,\n- workInProgress.mode,\n- renderExpirationTime,\n- ));\n- child.return = workInProgress;\n-\n- if (current === null || current.child === null) {\n- child.effectTag = Placement;\n- }\n- } else {\n- reconcileChildren(current, workInProgress, null, renderExpirationTime);\n- }\n- pushHostContextForEventTarget(workInProgress);\n- return workInProgress.child;\n-}\n-\n export function markWorkInProgressReceivedUpdate() {\n didReceiveUpdate = true;\n }\n@@ -2711,12 +2676,6 @@ function beginWork(\n pushHostContextForEventComponent(workInProgress);\n }\n break;\n- case EventTarget: {\n- if (enableEventAPI) {\n- pushHostContextForEventTarget(workInProgress);\n- }\n- break;\n- }\n }\n return bailoutOnAlreadyFinishedWork(\n current,\n@@ -2912,12 +2871,6 @@ function beginWork(\n }\n break;\n }\n- case EventTarget: {\n- if (enableEventAPI) {\n- return updateEventTarget(current, workInProgress, renderExpirationTime);\n- }\n- break;\n- }\n }\n invariant(\n false,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js\nindex c56e4ebddd..1094f52467 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js\n@@ -45,7 +45,6 @@ import {\n MemoComponent,\n SimpleMemoComponent,\n EventComponent,\n- EventTarget,\n SuspenseListComponent,\n } from 'shared\/ReactWorkTags';\n import {\n@@ -94,7 +93,6 @@ import {\n unhideInstance,\n unhideTextInstance,\n unmountEventComponent,\n- commitEventTarget,\n mountEventComponent,\n } from '.\/ReactFiberHostConfig';\n import {\n@@ -305,7 +303,6 @@ function commitBeforeMutationLifeCycles(\n case HostText:\n case HostPortal:\n case IncompleteClassComponent:\n- case EventTarget:\n \/\/ Nothing to do for these component types\n return;\n default: {\n@@ -594,34 +591,6 @@ function commitLifeCycles(\n case SuspenseListComponent:\n case IncompleteClassComponent:\n return;\n- case EventTarget: {\n- if (enableEventAPI) {\n- const type = finishedWork.type.type;\n- const props = finishedWork.memoizedProps;\n- const instance = finishedWork.stateNode;\n- let parentInstance = null;\n-\n- let node = finishedWork.return;\n- \/\/ Traverse up the fiber tree until we find the parent host node.\n- while (node !== null) {\n- if (node.tag === HostComponent) {\n- parentInstance = node.stateNode;\n- break;\n- } else if (node.tag === HostRoot) {\n- parentInstance = node.stateNode.containerInfo;\n- break;\n- }\n- node = node.return;\n- }\n- invariant(\n- parentInstance !== null,\n- 'This should have a parent host component initialized. This error is likely ' +\n- 'caused by a bug in React. Please file an issue.',\n- );\n- commitEventTarget(type, props, instance, parentInstance);\n- }\n- return;\n- }\n case EventComponent: {\n if (enableEventAPI) {\n mountEventComponent(finishedWork.stateNode);\n@@ -869,7 +838,6 @@ function commitContainer(finishedWork: Fiber) {\n case ClassComponent:\n case HostComponent:\n case HostText:\n- case EventTarget:\n case EventComponent: {\n return;\n }\n@@ -1254,9 +1222,6 @@ function commitWork(current: Fiber | null, finishedWork: Fiber): void {\n commitTextUpdate(textInstance, oldText, newText);\n return;\n }\n- case EventTarget: {\n- return;\n- }\n case HostRoot: {\n return;\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.js b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.js\nindex 3b8e67623e..e880d6b8e6 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.js\n@@ -48,7 +48,6 @@ import {\n LazyComponent,\n IncompleteClassComponent,\n EventComponent,\n- EventTarget,\n } from 'shared\/ReactWorkTags';\n import {NoMode, BatchedMode} from '.\/ReactTypeOfMode';\n import {\n@@ -76,7 +75,6 @@ import {\n appendChildToContainerChildSet,\n finalizeContainerChildren,\n updateEventComponent,\n- handleEventTarget,\n } from '.\/ReactFiberHostConfig';\n import {\n getRootHostContainer,\n@@ -1085,26 +1083,6 @@ function completeWork(\n }\n break;\n }\n- case EventTarget: {\n- if (enableEventAPI) {\n- popHostContext(workInProgress);\n- const type = workInProgress.type.type;\n- const rootContainerInstance = getRootHostContainer();\n- const shouldUpdate = handleEventTarget(\n- type,\n- newProps,\n- rootContainerInstance,\n- workInProgress,\n- );\n- \/\/ Update the latest props on the stateNode. This is used\n- \/\/ during the event phase to find the most current props.\n- workInProgress.stateNode.props = newProps;\n- if (shouldUpdate) {\n- markUpdate(workInProgress);\n- }\n- }\n- break;\n- }\n default:\n invariant(\n false,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHostContext.js b\/packages\/react-reconciler\/src\/ReactFiberHostContext.js\nindex 18171896f0..327502f017 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHostContext.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHostContext.js\n@@ -17,7 +17,6 @@ import {\n getChildHostContext,\n getRootHostContext,\n getChildHostContextForEventComponent,\n- getChildHostContextForEventTarget,\n } from '.\/ReactFiberHostConfig';\n import {createCursor, push, pop} from '.\/ReactFiberStack';\n \n@@ -112,25 +111,6 @@ function pushHostContextForEventComponent(fiber: Fiber): void {\n push(contextStackCursor, nextContext, fiber);\n }\n \n-function pushHostContextForEventTarget(fiber: Fiber): void {\n- const context: HostContext = requiredContext(contextStackCursor.current);\n- const eventTargetType = fiber.type.type;\n- const nextContext = getChildHostContextForEventTarget(\n- context,\n- eventTargetType,\n- );\n-\n- \/\/ Don't push this Fiber's context unless it's unique.\n- if (context === nextContext) {\n- return;\n- }\n-\n- \/\/ Track the context and the Fiber that provided it.\n- \/\/ This enables us to pop only Fibers that provide unique contexts.\n- push(contextFiberStackCursor, fiber, fiber);\n- push(contextStackCursor, nextContext, fiber);\n-}\n-\n function popHostContext(fiber: Fiber): void {\n \/\/ Do not pop unless this Fiber provided the current context.\n \/\/ pushHostContext() only pushes Fibers that provide unique contexts.\n@@ -150,5 +130,4 @@ export {\n pushHostContainer,\n pushHostContext,\n pushHostContextForEventComponent,\n- pushHostContextForEventTarget,\n };\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.js b\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.js\nindex db8fce69c3..08075ff01c 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.js\n@@ -20,7 +20,6 @@ import {\n SuspenseListComponent,\n DehydratedSuspenseComponent,\n EventComponent,\n- EventTarget,\n } from 'shared\/ReactWorkTags';\n import {DidCapture, NoEffect, ShouldCapture} from 'shared\/ReactSideEffectTags';\n import {\n@@ -109,7 +108,6 @@ function unwindWork(\n popProvider(workInProgress);\n return null;\n case EventComponent:\n- case EventTarget:\n if (enableEventAPI) {\n popHostContext(workInProgress);\n }\n@@ -156,7 +154,6 @@ function unwindInterruptedWork(interruptedWork: Fiber) {\n popProvider(interruptedWork);\n break;\n case EventComponent:\n- case EventTarget:\n if (enableEventAPI) {\n popHostContext(interruptedWork);\n }\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberEvents-test-internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberEvents-test-internal.js\nindex 759587de16..5be3c5811f 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberEvents-test-internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberEvents-test-internal.js\n@@ -18,7 +18,6 @@ let ReactTestRenderer;\n let ReactDOM;\n let ReactDOMServer;\n let ReactTestUtils;\n-let EventTarget;\n let ReactSymbols;\n \n const noOpResponder = {\n@@ -35,14 +34,6 @@ function createReactEventComponent() {\n };\n }\n \n-function createReactEventTarget() {\n- return {\n- $$typeof: ReactSymbols.REACT_EVENT_TARGET_TYPE,\n- displayName: 'TestEventTarget',\n- type: Symbol.for('react.event_target.test'),\n- };\n-}\n-\n function init() {\n jest.resetModules();\n ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n@@ -80,7 +71,6 @@ describe('ReactFiberEvents', () => {\n beforeEach(() => {\n initNoopRenderer();\n EventComponent = createReactEventComponent();\n- EventTarget = createReactEventTarget();\n });\n \n it('should render a simple event component with a single child', () => {\n@@ -124,85 +114,6 @@ describe('ReactFiberEvents', () => {\n );\n });\n \n- it('should render a simple event component with a single event target', () => {\n- const Test = () => (\n- \n-

\n- Hello world\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(ReactNoop).toMatchRenderedOutput(

Hello world<\/div>);\n- });\n-\n- it('should warn when an event target has a direct text child', () => {\n- const Test = () => (\n- \n- Hello world<\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n- it('should warn when an event target has a direct text child #2', () => {\n- const ChildWrapper = () => 'Hello world';\n- const Test = () => (\n- \n- \n- \n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n- it('should not warn if an event target is not a direct child of an event component', () => {\n- const Test = () => (\n- \n-

\n- \n- Child 1<\/span>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(ReactNoop).toMatchRenderedOutput(\n-

\n- Child 1<\/span>\n- <\/div>,\n- );\n- });\n-\n- it('should warn if an event target has an event component as a child', () => {\n- const Test = () => (\n- \n- \n- \n- Child 1<\/span>\n- <\/EventComponent>\n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n it('should handle event components correctly with error boundaries', () => {\n function ErrorComponent() {\n throw new Error('Failed!');\n@@ -331,51 +242,6 @@ describe('ReactFiberEvents', () => {\n );\n });\n \n- it('should handle re-renders where there is a bail-out in a parent and an error occurs #2', () => {\n- let _updateCounter;\n-\n- function Child() {\n- const [counter, updateCounter] = React.useState(0);\n-\n- _updateCounter = updateCounter;\n-\n- if (counter === 1) {\n- return 123<\/EventTarget>;\n- }\n-\n- return (\n-

\n- Child - {counter}<\/span>\n- <\/div>\n- );\n- }\n-\n- const Parent = () => (\n-

\n- \n- \n- <\/EventComponent>\n- <\/div>\n- );\n-\n- ReactNoop.render();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(ReactNoop).toMatchRenderedOutput(\n-

\n-

\n- Child - 0<\/span>\n- <\/div>\n- <\/div>,\n- );\n-\n- expect(() => {\n- ReactNoop.act(() => {\n- _updateCounter(counter => counter + 1);\n- });\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n it('should error with a component stack contains the names of the event components and event targets', () => {\n let componentStackMessage;\n \n@@ -426,7 +292,6 @@ describe('ReactFiberEvents', () => {\n beforeEach(() => {\n initTestRenderer();\n EventComponent = createReactEventComponent();\n- EventTarget = createReactEventTarget();\n });\n \n it('should render a simple event component with a single child', () => {\n@@ -473,101 +338,6 @@ describe('ReactFiberEvents', () => {\n );\n });\n \n- it('should render a simple event component with a single event target', () => {\n- const Test = () => (\n- \n-

\n- Hello world\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(root).toMatchRenderedOutput(

Hello world<\/div>);\n-\n- const Test2 = () => (\n- \n- \n- I am now a span<\/span>\n- <\/EventComponent>\n- );\n-\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(root).toMatchRenderedOutput(I am now a span<\/span>);\n- });\n-\n- it('should warn when an event target has a direct text child', () => {\n- const Test = () => (\n- \n- Hello world<\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- expect(() => {\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n- it('should warn when an event target has a direct text child #2', () => {\n- const ChildWrapper = () => 'Hello world';\n- const Test = () => (\n- \n- \n- \n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- expect(() => {\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n- it('should not warn if an event target is not a direct child of an event component', () => {\n- const Test = () => (\n- \n-

\n- \n- Child 1<\/span>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(root).toMatchRenderedOutput(\n-

\n- Child 1<\/span>\n- <\/div>,\n- );\n- });\n-\n- it('should warn if an event target has an event component as a child', () => {\n- const Test = () => (\n- \n- \n- \n- Child 1<\/span>\n- <\/EventComponent>\n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- expect(() => {\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n it('should handle event components correctly with error boundaries', () => {\n function ErrorComponent() {\n throw new Error('Failed!');\n@@ -697,52 +467,6 @@ describe('ReactFiberEvents', () => {\n );\n });\n \n- it('should handle re-renders where there is a bail-out in a parent and an error occurs #2', () => {\n- let _updateCounter;\n-\n- function Child() {\n- const [counter, updateCounter] = React.useState(0);\n-\n- _updateCounter = updateCounter;\n-\n- if (counter === 1) {\n- return 123<\/EventTarget>;\n- }\n-\n- return (\n-

\n- Child - {counter}<\/span>\n- <\/div>\n- );\n- }\n-\n- const Parent = () => (\n-

\n- \n- \n- <\/EventComponent>\n- <\/div>\n- );\n-\n- const root = ReactTestRenderer.create(null);\n- root.update();\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(root).toMatchRenderedOutput(\n-

\n-

\n- Child - 0<\/span>\n- <\/div>\n- <\/div>,\n- );\n-\n- expect(() => {\n- ReactTestRenderer.act(() => {\n- _updateCounter(counter => counter + 1);\n- });\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n it('should error with a component stack contains the names of the event components and event targets', () => {\n let componentStackMessage;\n \n@@ -831,7 +555,6 @@ describe('ReactFiberEvents', () => {\n beforeEach(() => {\n initReactDOM();\n EventComponent = createReactEventComponent();\n- EventTarget = createReactEventTarget();\n });\n \n it('should render a simple event component with a single child', () => {\n@@ -877,97 +600,6 @@ describe('ReactFiberEvents', () => {\n );\n });\n \n- it('should render a simple event component with a single event target', () => {\n- const Test = () => (\n- \n-

\n- Hello world\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe('

Hello world<\/div>');\n-\n- const Test2 = () => (\n- \n- \n- I am now a span<\/span>\n- <\/EventComponent>\n- );\n-\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe('I am now a span<\/span>');\n- });\n-\n- it('should warn when an event target has a direct text child', () => {\n- const Test = () => (\n- \n- Hello world<\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n- it('should warn when an event target has a direct text child #2', () => {\n- const ChildWrapper = () => 'Hello world';\n- const Test = () => (\n- \n- \n- \n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n- it('should not warn if an event target is not a direct child of an event component', () => {\n- const Test = () => (\n- \n-

\n- \n- Child 1<\/span>\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(container.innerHTML).toBe('

Child 1<\/span><\/div>');\n- });\n-\n- it('should warn if an event target has an event component as a child', () => {\n- const Test = () => (\n- \n- \n- \n- Child 1<\/span>\n- <\/EventComponent>\n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- expect(() => {\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n it('should handle event components correctly with error boundaries', () => {\n function ErrorComponent() {\n throw new Error('Failed!');\n@@ -1084,47 +716,6 @@ describe('ReactFiberEvents', () => {\n );\n });\n \n- it('should handle re-renders where there is a bail-out in a parent and an error occurs #2', () => {\n- let _updateCounter;\n-\n- function Child() {\n- const [counter, updateCounter] = React.useState(0);\n-\n- _updateCounter = updateCounter;\n-\n- if (counter === 1) {\n- return 123<\/EventTarget>;\n- }\n-\n- return (\n-

\n- Child - {counter}<\/span>\n- <\/div>\n- );\n- }\n-\n- const Parent = () => (\n-

\n- \n- \n- <\/EventComponent>\n- <\/div>\n- );\n-\n- const container = document.createElement('div');\n- ReactDOM.render(, container);\n- expect(container.innerHTML).toBe(\n- '

Child - 0<\/span><\/div><\/div>',\n- );\n-\n- expect(() => {\n- ReactTestUtils.act(() => {\n- _updateCounter(counter => counter + 1);\n- });\n- expect(Scheduler).toFlushWithoutYielding();\n- }).toWarnDev('Warning: Event targets should not have children.');\n- });\n-\n it('should error with a component stack contains the names of the event components and event targets', () => {\n let componentStackMessage;\n \n@@ -1175,7 +766,6 @@ describe('ReactFiberEvents', () => {\n beforeEach(() => {\n initReactDOMServer();\n EventComponent = createReactEventComponent();\n- EventTarget = createReactEventTarget();\n });\n \n it('should render a simple event component with a single child', () => {\n@@ -1187,29 +777,5 @@ describe('ReactFiberEvents', () => {\n const output = ReactDOMServer.renderToString();\n expect(output).toBe('

Hello world<\/div>');\n });\n-\n- it('should render a simple event component with a single event target', () => {\n- const Test = () => (\n- \n-

\n- Hello world\n- <\/div>\n- <\/EventComponent>\n- );\n-\n- let output = ReactDOMServer.renderToString();\n- expect(output).toBe('

Hello world<\/div>');\n-\n- const Test2 = () => (\n- \n- \n- I am now a span<\/span>\n- <\/EventTarget>\n- <\/EventComponent>\n- );\n-\n- output = ReactDOMServer.renderToString();\n- expect(output).toBe('I am now a span<\/span>');\n- });\n });\n });\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\nindex 1315f9b1b3..812e49a443 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\n@@ -36,9 +36,6 @@ describe('ReactFiberHostContext', () => {\n getChildHostContextForEventComponent: function() {\n return null;\n },\n- getChildHostContextForEventTarget: function() {\n- return null;\n- },\n shouldSetTextContent: function() {\n return false;\n },\ndiff --git a\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js b\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\nindex 63f2a536cc..85175c0123 100644\n--- a\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\n+++ b\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\n@@ -44,8 +44,6 @@ export const getRootHostContext = $$$hostConfig.getRootHostContext;\n export const getChildHostContext = $$$hostConfig.getChildHostContext;\n export const getChildHostContextForEventComponent =\n $$$hostConfig.getChildHostContextForEventComponent;\n-export const getChildHostContextForEventTarget =\n- $$$hostConfig.getChildHostContextForEventTarget;\n export const prepareForCommit = $$$hostConfig.prepareForCommit;\n export const resetAfterCommit = $$$hostConfig.resetAfterCommit;\n export const createInstance = $$$hostConfig.createInstance;\n@@ -90,8 +88,6 @@ export const hideTextInstance = $$$hostConfig.hideTextInstance;\n export const unhideInstance = $$$hostConfig.unhideInstance;\n export const unhideTextInstance = $$$hostConfig.unhideTextInstance;\n export const unmountEventComponent = $$$hostConfig.unmountEventComponent;\n-export const commitTouchHitTargetUpdate =\n- $$$hostConfig.commitTouchHitTargetUpdate;\n export const commitEventTarget = $$$hostConfig.commitEventTarget;\n \n \/\/ -------------------\ndiff --git a\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js b\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\nindex 0b927cd83b..b780f16494 100644\n--- a\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\n+++ b\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\n@@ -10,22 +10,9 @@\n import warning from 'shared\/warning';\n \n import type {ReactEventComponentInstance} from 'shared\/ReactTypes';\n-import {REACT_EVENT_TARGET_TOUCH_HIT} from 'shared\/ReactSymbols';\n \n import {enableEventAPI} from 'shared\/ReactFeatureFlags';\n \n-type EventTargetChildElement = {\n- type: string,\n- props: null | {\n- style?: {\n- position?: string,\n- bottom?: string,\n- left?: string,\n- right?: string,\n- top?: string,\n- },\n- },\n-};\n export type Type = string;\n export type Props = Object;\n export type Container = {|\n@@ -59,8 +46,6 @@ export * from 'shared\/HostConfigWithNoPersistence';\n export * from 'shared\/HostConfigWithNoHydration';\n \n const EVENT_COMPONENT_CONTEXT = {};\n-const EVENT_TARGET_CONTEXT = {};\n-const EVENT_TOUCH_HIT_TARGET_CONTEXT = {};\n const NO_CONTEXT = {};\n const UPDATE_SIGNAL = {};\n if (__DEV__) {\n@@ -140,34 +125,11 @@ export function getChildHostContextForEventComponent(\n parentHostContext: HostContext,\n ): HostContext {\n if (__DEV__ && enableEventAPI) {\n- warning(\n- parentHostContext !== EVENT_TARGET_CONTEXT &&\n- parentHostContext !== EVENT_TOUCH_HIT_TARGET_CONTEXT,\n- 'validateDOMNesting: React event targets must not have event components as children.',\n- );\n return EVENT_COMPONENT_CONTEXT;\n }\n return NO_CONTEXT;\n }\n \n-export function getChildHostContextForEventTarget(\n- parentHostContext: HostContext,\n- type: Symbol | number,\n-): HostContext {\n- if (__DEV__ && enableEventAPI) {\n- if (type === REACT_EVENT_TARGET_TOUCH_HIT) {\n- warning(\n- parentHostContext !== EVENT_COMPONENT_CONTEXT,\n- 'validateDOMNesting: cannot not be a direct child of an event component. ' +\n- 'Ensure is a direct child of a DOM element.',\n- );\n- return EVENT_TOUCH_HIT_TARGET_CONTEXT;\n- }\n- return EVENT_TARGET_CONTEXT;\n- }\n- return NO_CONTEXT;\n-}\n-\n export function prepareForCommit(containerInfo: Container): void {\n \/\/ noop\n }\n@@ -246,12 +208,6 @@ export function createTextInstance(\n 'Wrap the child text \"%s\" in an element.',\n text,\n );\n- warning(\n- hostContext !== EVENT_TARGET_CONTEXT,\n- 'validateDOMNesting: React event targets cannot have text DOM nodes as children. ' +\n- 'Wrap the child text \"%s\" in an element.',\n- text,\n- );\n }\n return {\n text,\n@@ -346,59 +302,3 @@ export function unmountEventComponent(\n ): void {\n \/\/ noop\n }\n-\n-export function getEventTargetChildElement(\n- type: Symbol | number,\n- props: Props,\n-): null | EventTargetChildElement {\n- if (enableEventAPI) {\n- if (type === REACT_EVENT_TARGET_TOUCH_HIT) {\n- const {bottom, left, right, top} = props;\n-\n- if (!bottom && !left && !right && !top) {\n- return null;\n- }\n- return {\n- type: 'div',\n- props: {\n- style: {\n- position: 'absolute',\n- zIndex: -1,\n- bottom: bottom ? `-${bottom}px` : '0px',\n- left: left ? `-${left}px` : '0px',\n- right: right ? `-${right}px` : '0px',\n- top: top ? `-${top}px` : '0px',\n- },\n- },\n- };\n- }\n- }\n- return null;\n-}\n-\n-export function handleEventTarget(\n- type: Symbol | number,\n- props: Props,\n- rootContainerInstance: Container,\n- internalInstanceHandle: Object,\n-): boolean {\n- if (enableEventAPI) {\n- if (type === REACT_EVENT_TARGET_TOUCH_HIT) {\n- \/\/ In DEV we do a computed style check on the position to ensure\n- \/\/ the parent host component is correctly position in the document.\n- if (__DEV__) {\n- return true;\n- }\n- }\n- }\n- return false;\n-}\n-\n-export function commitEventTarget(\n- type: Symbol | number,\n- props: Props,\n- instance: Instance,\n- parentInstance: Instance,\n-): void {\n- \/\/ noop\n-}\ndiff --git a\/packages\/shared\/HostConfigWithNoHydration.js b\/packages\/shared\/HostConfigWithNoHydration.js\nindex adc976a849..1be5f0b8a9 100644\n--- a\/packages\/shared\/HostConfigWithNoHydration.js\n+++ b\/packages\/shared\/HostConfigWithNoHydration.js\n@@ -47,5 +47,3 @@ export const didNotFindHydratableContainerSuspenseInstance = shim;\n export const didNotFindHydratableInstance = shim;\n export const didNotFindHydratableTextInstance = shim;\n export const didNotFindHydratableSuspenseInstance = shim;\n-export const canHydrateTouchHitTargetInstance = shim;\n-export const hydrateTouchHitTargetInstance = shim;\ndiff --git a\/packages\/shared\/HostConfigWithNoPersistence.js b\/packages\/shared\/HostConfigWithNoPersistence.js\nindex 9646c6a11f..d5f84cf43f 100644\n--- a\/packages\/shared\/HostConfigWithNoPersistence.js\n+++ b\/packages\/shared\/HostConfigWithNoPersistence.js\n@@ -30,4 +30,3 @@ export const finalizeContainerChildren = shim;\n export const replaceContainerChildren = shim;\n export const cloneHiddenInstance = shim;\n export const cloneHiddenTextInstance = shim;\n-export const cloneHiddenTouchHitTargetInstance = shim;\ndiff --git a\/packages\/shared\/ReactDOMTypes.js b\/packages\/shared\/ReactDOMTypes.js\nindex 920e6ec171..d5738a4f0a 100644\n--- a\/packages\/shared\/ReactDOMTypes.js\n+++ b\/packages\/shared\/ReactDOMTypes.js\n@@ -61,7 +61,6 @@ export type ReactDOMResponderContext = {\n ) => boolean,\n isTargetWithinEventComponent: (Element | Document) => boolean,\n isTargetWithinEventResponderScope: (Element | Document) => boolean,\n- isEventWithinTouchHitTarget: (event: ReactDOMResponderEvent) => boolean,\n addRootEventTypes: (\n rootEventTypes: Array,\n ) => void,\ndiff --git a\/packages\/shared\/ReactSymbols.js b\/packages\/shared\/ReactSymbols.js\nindex 7bca547081..77d46ad32d 100644\n--- a\/packages\/shared\/ReactSymbols.js\n+++ b\/packages\/shared\/ReactSymbols.js\n@@ -54,14 +54,6 @@ export const REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;\n export const REACT_EVENT_COMPONENT_TYPE = hasSymbol\n ? Symbol.for('react.event_component')\n : 0xead5;\n-export const REACT_EVENT_TARGET_TYPE = hasSymbol\n- ? Symbol.for('react.event_target')\n- : 0xead6;\n-\n-\/\/ React event targets\n-export const REACT_EVENT_TARGET_TOUCH_HIT = hasSymbol\n- ? Symbol.for('react.event_target.touch_hit')\n- : 0xead7;\n \n const MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;\n const FAUX_ITERATOR_SYMBOL = '@@iterator';\ndiff --git a\/packages\/shared\/getComponentName.js b\/packages\/shared\/getComponentName.js\nindex 573dbdc2ea..7aa52b25af 100644\n--- a\/packages\/shared\/getComponentName.js\n+++ b\/packages\/shared\/getComponentName.js\n@@ -23,11 +23,8 @@ import {\n REACT_SUSPENSE_LIST_TYPE,\n REACT_LAZY_TYPE,\n REACT_EVENT_COMPONENT_TYPE,\n- REACT_EVENT_TARGET_TYPE,\n- REACT_EVENT_TARGET_TOUCH_HIT,\n } from 'shared\/ReactSymbols';\n import {refineResolvedLazyComponent} from 'shared\/ReactLazyComponent';\n-import type {ReactEventTarget} from 'shared\/ReactTypes';\n \n import {enableEventAPI} from '.\/ReactFeatureFlags';\n \n@@ -101,18 +98,6 @@ function getComponentName(type: mixed): string | null {\n }\n break;\n }\n- case REACT_EVENT_TARGET_TYPE: {\n- if (enableEventAPI) {\n- const eventTarget = ((type: any): ReactEventTarget);\n- if (eventTarget.type === REACT_EVENT_TARGET_TOUCH_HIT) {\n- return 'TouchHitTarget';\n- }\n- const displayName = eventTarget.displayName;\n- if (displayName !== undefined) {\n- return displayName;\n- }\n- }\n- }\n }\n }\n return null;\ndiff --git a\/packages\/shared\/isValidElementType.js b\/packages\/shared\/isValidElementType.js\nindex a95df0abf6..739b216991 100644\n--- a\/packages\/shared\/isValidElementType.js\n+++ b\/packages\/shared\/isValidElementType.js\n@@ -20,7 +20,6 @@ import {\n REACT_MEMO_TYPE,\n REACT_LAZY_TYPE,\n REACT_EVENT_COMPONENT_TYPE,\n- REACT_EVENT_TARGET_TYPE,\n } from 'shared\/ReactSymbols';\n \n export default function isValidElementType(type: mixed) {\n@@ -41,7 +40,6 @@ export default function isValidElementType(type: mixed) {\n type.$$typeof === REACT_PROVIDER_TYPE ||\n type.$$typeof === REACT_CONTEXT_TYPE ||\n type.$$typeof === REACT_FORWARD_REF_TYPE ||\n- type.$$typeof === REACT_EVENT_COMPONENT_TYPE ||\n- type.$$typeof === REACT_EVENT_TARGET_TYPE))\n+ type.$$typeof === REACT_EVENT_COMPONENT_TYPE))\n );\n }\ndiff --git a\/scripts\/rollup\/bundles.js b\/scripts\/rollup\/bundles.js\nindex 516eb21037..862c256e1c 100644\n--- a\/scripts\/rollup\/bundles.js\n+++ b\/scripts\/rollup\/bundles.js\n@@ -438,21 +438,6 @@ const bundles = [\n },\n \n \/******* React Events (experimental) *******\/\n- {\n- bundleTypes: [\n- UMD_DEV,\n- UMD_PROD,\n- NODE_DEV,\n- NODE_PROD,\n- FB_WWW_DEV,\n- FB_WWW_PROD,\n- ],\n- moduleType: ISOMORPHIC,\n- entry: 'react-events',\n- global: 'ReactEvents',\n- externals: [],\n- },\n-\n {\n bundleTypes: [\n UMD_DEV,\n"}

dillon1000/react

Files changed