{"files":[{"path":"packages\/react-art\/src\/ReactARTHostConfig.js","status":"M"},{"path":"packages\/react-debug-tools\/src\/ReactDebugHooks.js","status":"M"},{"path":"packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspection-test.internal.js","status":"D"},{"path":"packages\/react-devtools-shared\/src\/backend\/ReactSymbols.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMServerSelectiveHydration-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/client\/ReactDOMComponent.js","status":"M"},{"path":"packages\/react-dom\/src\/client\/ReactDOMEventHandle.js","status":"M"},{"path":"packages\/react-dom\/src\/client\/ReactDOMHostConfig.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/DOMPluginEventSystem.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/DeprecatedDOMEventResponderSystem.js","status":"D"},{"path":"packages\/react-dom\/src\/events\/EventSystemFlags.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/ReactDOMEventListener.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/ReactDOMEventReplaying.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/ReactDOMUpdateBatching.js","status":"M"},{"path":"packages\/react-dom\/src\/events\/__tests__\/DeprecatedDOMEventResponderSystem-test.internal.js","status":"D"},{"path":"packages\/react-dom\/src\/events\/checkPassiveEvents.js","status":"M"},{"path":"packages\/react-dom\/src\/server\/ReactPartialRenderer.js","status":"M"},{"path":"packages\/react-dom\/src\/server\/ReactPartialRendererHooks.js","status":"M"},{"path":"packages\/react-dom\/src\/shared\/DOMProperty.js","status":"M"},{"path":"packages\/react-dom\/src\/shared\/ReactControlledValuePropTypes.js","status":"M"},{"path":"packages\/react-dom\/src\/shared\/ReactDOMTypes.js","status":"M"},{"path":"packages\/react-interactions\/events\/README.md","status":"D"},{"path":"packages\/react-interactions\/events\/context-menu.js","status":"D"},{"path":"packages\/react-interactions\/events\/deprecated-focus.js","status":"D"},{"path":"packages\/react-interactions\/events\/docs\/ContextMenu.md","status":"D"},{"path":"packages\/react-interactions\/events\/docs\/Focus.md","status":"D"},{"path":"packages\/react-interactions\/events\/docs\/FocusWithin.md","status":"D"},{"path":"packages\/react-interactions\/events\/docs\/Hover.md","status":"D"},{"path":"packages\/react-interactions\/events\/docs\/Press.md","status":"D"},{"path":"packages\/react-interactions\/events\/hover.js","status":"D"},{"path":"packages\/react-interactions\/events\/input.js","status":"D"},{"path":"packages\/react-interactions\/events\/press-legacy.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/ContextMenu.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/DeprecatedFocus.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/Hover.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/Input.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/PressLegacy.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/Tap.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/ContextMenu-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/Focus-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/FocusWithin-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/Hover-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/Input-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/MixedResponders-test-internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/PressLegacy-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/Tap-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/shared\/index.js","status":"D"},{"path":"packages\/react-interactions\/events\/tap.js","status":"D"},{"path":"packages\/react-native-renderer\/src\/ReactFabricHostConfig.js","status":"M"},{"path":"packages\/react-native-renderer\/src\/ReactNativeHostConfig.js","status":"M"},{"path":"packages\/react-native-renderer\/src\/__tests__\/ResponderEventPlugin-test.internal.js","status":"M"},{"path":"packages\/react-native-renderer\/src\/legacy-events\/ReactGenericBatching.js","status":"M"},{"path":"packages\/react-noop-renderer\/src\/createReactNoop.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiber.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiber.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberDeprecatedEvents.new.js","status":"D"},{"path":"packages\/react-reconciler\/src\/ReactFiberDeprecatedEvents.old.js","status":"D"},{"path":"packages\/react-reconciler\/src\/ReactFiberHooks.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberHooks.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactInternalTypes.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactScope-test.internal.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\/index.classic.fb.js","status":"M"},{"path":"packages\/react\/index.js","status":"M"},{"path":"packages\/react\/index.modern.fb.js","status":"M"},{"path":"packages\/react\/src\/React.js","status":"M"},{"path":"packages\/react\/src\/ReactEventResponder.js","status":"D"},{"path":"packages\/react\/src\/ReactHooks.js","status":"M"},{"path":"packages\/shared\/ReactFeatureFlags.js","status":"M"},{"path":"packages\/shared\/ReactSymbols.js","status":"M"},{"path":"packages\/shared\/ReactTypes.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.native-fb.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.native-oss.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.testing.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.testing.www.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.www.js","status":"M"},{"path":"packages\/shared\/isValidElementType.js","status":"M"},{"path":"scripts\/error-codes\/codes.json","status":"M"},{"path":"scripts\/jest\/setupTests.www.js","status":"M"},{"path":"scripts\/rollup\/build.js","status":"M"},{"path":"scripts\/rollup\/bundles.js","status":"M"}],"commit":{"subject":"Remove the deprecated React Flare event system (#19520)","revision":"b61174fb7b09580c1ec2a8f55e73204b706d2935","authorName":"Dominic Gannaway","authorEmail":"trueadm@users.noreply.github.com","authoredAt":"2020-08-05T15:13:29+01:00","shortRevision":"b61174fb7b"},"body":"","patch":"diff --git a\/packages\/react-art\/src\/ReactARTHostConfig.js b\/packages\/react-art\/src\/ReactARTHostConfig.js\nindex 3362a3fd85..459f714b90 100644\n--- a\/packages\/react-art\/src\/ReactARTHostConfig.js\n+++ b\/packages\/react-art\/src\/ReactARTHostConfig.js\n@@ -10,10 +10,6 @@ import Mode from 'art\/modes\/current';\n import invariant from 'shared\/invariant';\n \n import {TYPES, EVENT_TYPES, childrenAsString} from '.\/ReactARTInternals';\n-import type {\n- ReactEventResponder,\n- ReactEventResponderInstance,\n-} from 'shared\/ReactTypes';\n \n const pooledTransform = new Transform();\n \n@@ -429,22 +425,6 @@ export function clearContainer(container) {\n \/\/ TODO Implement this\n }\n \n-export function DEPRECATED_mountResponderInstance(\n- responder: ReactEventResponder,\n- responderInstance: ReactEventResponderInstance,\n- props: Object,\n- state: Object,\n- instance: Object,\n-) {\n- throw new Error('Not yet implemented.');\n-}\n-\n-export function DEPRECATED_unmountResponderInstance(\n- responderInstance: ReactEventResponderInstance,\n-): void {\n- throw new Error('Not yet implemented.');\n-}\n-\n export function getFundamentalComponentInstance(fundamentalInstance) {\n throw new Error('Not yet implemented.');\n }\ndiff --git a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\nindex 4dbaaccbf3..31e03102b4 100644\n--- a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n+++ b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n@@ -13,8 +13,6 @@ import type {\n MutableSourceSubscribeFn,\n ReactContext,\n ReactProviderType,\n- ReactEventResponder,\n- ReactEventResponderListener,\n } from 'shared\/ReactTypes';\n import type {\n Fiber,\n@@ -260,22 +258,6 @@ function useMutableSource(\n return value;\n }\n \n-function useResponder(\n- responder: ReactEventResponder,\n- listenerProps: Object,\n-): ReactEventResponderListener {\n- \/\/ Don't put the actual event responder object in, just its displayName\n- const value = {\n- responder: responder.displayName || 'EventResponder',\n- props: listenerProps,\n- };\n- hookLog.push({primitive: 'Responder', stackError: new Error(), value});\n- return {\n- responder,\n- props: listenerProps,\n- };\n-}\n-\n function useTransition(\n config: SuspenseConfig | null | void,\n ): [(() => void) => void, boolean] {\n@@ -335,7 +317,6 @@ const Dispatcher: DispatcherType = {\n useReducer,\n useRef,\n useState,\n- useResponder,\n useTransition,\n useMutableSource,\n useDeferredValue,\ndiff --git a\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspection-test.internal.js b\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspection-test.internal.js\ndeleted file mode 100644\nindex d5874c5621..0000000000\n--- a\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspection-test.internal.js\n+++ \/dev\/null\n@@ -1,46 +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- * @jest-environment node\n- *\/\n-\n-'use strict';\n-\n-let React;\n-let ReactDebugTools;\n-\n-describe('ReactHooksInspection', () => {\n- beforeEach(() => {\n- jest.resetModules();\n- const ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n- React = require('react');\n- ReactDebugTools = require('react-debug-tools');\n- });\n-\n- \/\/ @gate experimental\n- it('should inspect a simple useResponder hook', () => {\n- const TestResponder = React.DEPRECATED_createResponder('TestResponder', {});\n-\n- function Foo(props) {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {\n- preventDefault: false,\n- });\n- return

Hello world<\/div>;\n- }\n- const tree = ReactDebugTools.inspectHooks(Foo, {});\n- expect(tree).toEqual([\n- {\n- isStateEditable: false,\n- id: 0,\n- name: 'Responder',\n- value: {props: {preventDefault: false}, responder: 'TestResponder'},\n- subHooks: [],\n- },\n- ]);\n- });\n-});\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/ReactSymbols.js b\/packages\/react-devtools-shared\/src\/backend\/ReactSymbols.js\nindex 677c0a9d66..70629f3bff 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/ReactSymbols.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/ReactSymbols.js\n@@ -58,9 +58,6 @@ export const PROFILER_SYMBOL_STRING = 'Symbol(react.profiler)';\n export const PROVIDER_NUMBER = 0xeacd;\n export const PROVIDER_SYMBOL_STRING = 'Symbol(react.provider)';\n \n-export const RESPONDER_NUMBER = 0xead6;\n-export const RESPONDER_SYMBOL_STRING = 'Symbol(react.responder)';\n-\n export const SCOPE_NUMBER = 0xead7;\n export const SCOPE_SYMBOL_STRING = 'Symbol(react.scope)';\n \ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\nindex e9831d1ae1..1d70475041 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\n@@ -17,7 +17,6 @@ let ReactFeatureFlags;\n let Suspense;\n let SuspenseList;\n let act;\n-let useHover;\n \n function dispatchMouseEvent(to, from) {\n if (!to) {\n@@ -76,7 +75,7 @@ describe('ReactDOMServerPartialHydration', () => {\n \n ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n ReactFeatureFlags.enableSuspenseCallback = true;\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n+ ReactFeatureFlags.enableCreateEventHandleAPI = true;\n \n React = require('react');\n ReactDOM = require('react-dom');\n@@ -2202,8 +2201,10 @@ describe('ReactDOMServerPartialHydration', () => {\n });\n \n \/\/ @gate experimental\n- it('does not invoke an event on a hydrated EventResponder until it commits', async () => {\n+ it('does not invoke an event on a hydrated event handle until it commits', async () => {\n+ const setClick = ReactDOM.unstable_createEventHandle('click');\n let suspend = false;\n+ let isServerRendering = true;\n let resolve;\n const promise = new Promise(resolvePromise => (resolve = resolvePromise));\n \n@@ -2216,17 +2217,15 @@ describe('ReactDOMServerPartialHydration', () => {\n }\n \n const onEvent = jest.fn();\n- const TestResponder = React.DEPRECATED_createResponder(\n- 'TestEventResponder',\n- {\n- targetEventTypes: ['click'],\n- onEvent,\n- },\n- );\n \n function Button() {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {});\n- return Click me<\/a>;\n+ const ref = React.useRef(null);\n+ if (!isServerRendering) {\n+ React.useLayoutEffect(() => {\n+ return setClick(ref.current, onEvent);\n+ });\n+ }\n+ return Click me<\/a>;\n }\n \n function App() {\n@@ -2253,6 +2252,7 @@ describe('ReactDOMServerPartialHydration', () => {\n \/\/ On the client we don't have all data yet but we want to start\n \/\/ hydrating anyway.\n suspend = true;\n+ isServerRendering = false;\n const root = ReactDOM.createRoot(container, {hydrate: true});\n root.render();\n \n@@ -2364,23 +2364,25 @@ describe('ReactDOMServerPartialHydration', () => {\n });\n \n \/\/ @gate experimental\n- it('invokes discrete events on nested suspense boundaries in a root (responder system)', async () => {\n+ it('invokes discrete events on nested suspense boundaries in a root (createEventHandle)', async () => {\n let suspend = false;\n+ let isServerRendering = true;\n let resolve;\n const promise = new Promise(resolvePromise => (resolve = resolvePromise));\n \n const onEvent = jest.fn();\n- const TestResponder = React.DEPRECATED_createResponder(\n- 'TestEventResponder',\n- {\n- targetEventTypes: ['click'],\n- onEvent,\n- },\n- );\n+ const setClick = ReactDOM.unstable_createEventHandle('click');\n \n function Button() {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {});\n- return Click me<\/a>;\n+ const ref = React.useRef(null);\n+\n+ if (!isServerRendering) {\n+ React.useLayoutEffect(() => {\n+ return setClick(ref.current, onEvent);\n+ });\n+ }\n+\n+ return Click me<\/a>;\n }\n \n function Child() {\n@@ -2416,6 +2418,7 @@ describe('ReactDOMServerPartialHydration', () => {\n \/\/ On the client we don't have all data yet but we want to start\n \/\/ hydrating anyway.\n suspend = true;\n+ isServerRendering = false;\n const root = ReactDOM.createRoot(container, {hydrate: true});\n root.render();\n \n@@ -2704,124 +2707,6 @@ describe('ReactDOMServerPartialHydration', () => {\n document.body.removeChild(container);\n });\n \n- \/\/ @gate experimental\n- it('blocks only on the last continuous event (Responder system)', async () => {\n- useHover = require('react-interactions\/events\/hover').useHover;\n-\n- let suspend1 = false;\n- let resolve1;\n- const promise1 = new Promise(resolvePromise => (resolve1 = resolvePromise));\n- let suspend2 = false;\n- let resolve2;\n- const promise2 = new Promise(resolvePromise => (resolve2 = resolvePromise));\n-\n- function First({text}) {\n- if (suspend1) {\n- throw promise1;\n- } else {\n- return 'Hello';\n- }\n- }\n-\n- function Second({text}) {\n- if (suspend2) {\n- throw promise2;\n- } else {\n- return 'World';\n- }\n- }\n-\n- const ops = [];\n-\n- function App() {\n- const listener1 = useHover({\n- onHoverStart() {\n- ops.push('Hover Start First');\n- },\n- onHoverEnd() {\n- ops.push('Hover End First');\n- },\n- });\n- const listener2 = useHover({\n- onHoverStart() {\n- ops.push('Hover Start Second');\n- },\n- onHoverEnd() {\n- ops.push('Hover End Second');\n- },\n- });\n- return (\n-

\n- \n- \n- {\/* We suspend after to test what happens when we eager\n- attach the listener. *\/}\n- \n- <\/Suspense>\n- \n- \n- \n- <\/span>\n- <\/Suspense>\n- <\/div>\n- );\n- }\n-\n- const finalHTML = ReactDOMServer.renderToString();\n- const container = document.createElement('div');\n- container.innerHTML = finalHTML;\n-\n- \/\/ We need this to be in the document since we'll dispatch events on it.\n- document.body.appendChild(container);\n-\n- const appDiv = container.getElementsByTagName('div')[0];\n- const firstSpan = appDiv.getElementsByTagName('span')[0];\n- const secondSpan = appDiv.getElementsByTagName('span')[1];\n- expect(firstSpan.textContent).toBe('');\n- expect(secondSpan.textContent).toBe('World');\n-\n- \/\/ On the client we don't have all data yet but we want to start\n- \/\/ hydrating anyway.\n- suspend1 = true;\n- suspend2 = true;\n- const root = ReactDOM.createRoot(container, {hydrate: true});\n- root.render();\n-\n- Scheduler.unstable_flushAll();\n- jest.runAllTimers();\n-\n- dispatchMouseEvent(appDiv, null);\n- dispatchMouseEvent(firstSpan, appDiv);\n- dispatchMouseEvent(secondSpan, firstSpan);\n-\n- \/\/ Neither target is yet hydrated.\n- expect(ops).toEqual([]);\n-\n- \/\/ Resolving the second promise so that rendering can complete.\n- suspend2 = false;\n- resolve2();\n- await promise2;\n-\n- Scheduler.unstable_flushAll();\n- jest.runAllTimers();\n-\n- \/\/ We've unblocked the current hover target so we should be\n- \/\/ able to replay it now.\n- expect(ops).toEqual(['Hover Start Second']);\n-\n- \/\/ Resolving the first promise has no effect now.\n- suspend1 = false;\n- resolve1();\n- await promise1;\n-\n- Scheduler.unstable_flushAll();\n- jest.runAllTimers();\n-\n- expect(ops).toEqual(['Hover Start Second']);\n-\n- document.body.removeChild(container);\n- });\n-\n \/\/ @gate experimental\n it('finishes normal pri work before continuing to hydrate a retry', async () => {\n let suspend = false;\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSelectiveHydration-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSelectiveHydration-test.internal.js\nindex 7cd66a0bb0..3a948a0651 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSelectiveHydration-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSelectiveHydration-test.internal.js\n@@ -96,8 +96,7 @@ describe('ReactDOMServerSelectiveHydration', () => {\n jest.resetModuleRegistry();\n \n const ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n-\n+ ReactFeatureFlags.enableCreateEventHandleAPI = true;\n React = require('react');\n ReactDOM = require('react-dom');\n ReactDOMServer = require('react-dom\/server');\n@@ -348,18 +347,22 @@ describe('ReactDOMServerSelectiveHydration', () => {\n });\n \n \/\/ @gate experimental\n- it('hydrates the target boundary synchronously during a click (flare)', async () => {\n- const usePress = require('react-interactions\/events\/press-legacy').usePress;\n+ it('hydrates the target boundary synchronously during a click (createEventHandle)', async () => {\n+ const setClick = ReactDOM.unstable_createEventHandle('click');\n+ let isServerRendering = true;\n \n function Child({text}) {\n+ const ref = React.useRef(null);\n Scheduler.unstable_yieldValue(text);\n- const listener = usePress({\n- onPress() {\n- Scheduler.unstable_yieldValue('Clicked ' + text);\n- },\n- });\n+ if (!isServerRendering) {\n+ React.useLayoutEffect(() => {\n+ return setClick(ref.current, () => {\n+ Scheduler.unstable_yieldValue('Clicked ' + text);\n+ });\n+ });\n+ }\n \n- return {text}<\/span>;\n+ return {text}<\/span>;\n }\n \n function App() {\n@@ -386,7 +389,10 @@ describe('ReactDOMServerSelectiveHydration', () => {\n \n container.innerHTML = finalHTML;\n \n+ isServerRendering = false;\n+\n const root = ReactDOM.createRoot(container, {hydrate: true});\n+\n root.render();\n \n \/\/ Nothing has been hydrated so far.\n@@ -398,11 +404,7 @@ describe('ReactDOMServerSelectiveHydration', () => {\n \n \/\/ This should synchronously hydrate the root App and the second suspense\n \/\/ boundary.\n- const preventDefault = jest.fn();\n- target.virtualclick({preventDefault});\n-\n- \/\/ The event should have been canceled because we called preventDefault.\n- expect(preventDefault).toHaveBeenCalled();\n+ target.virtualclick();\n \n \/\/ We rendered App, B and then invoked the event without rendering A.\n expect(Scheduler).toHaveYielded(['App', 'B', 'Clicked B']);\n@@ -414,24 +416,29 @@ describe('ReactDOMServerSelectiveHydration', () => {\n });\n \n \/\/ @gate experimental\n- it('hydrates at higher pri if sync did not work first time (flare)', async () => {\n- const usePress = require('react-interactions\/events\/press-legacy').usePress;\n+ it('hydrates at higher pri if sync did not work first time (createEventHandle)', async () => {\n let suspend = false;\n+ let isServerRendering = true;\n let resolve;\n const promise = new Promise(resolvePromise => (resolve = resolvePromise));\n+ const setClick = ReactDOM.unstable_createEventHandle('click');\n \n function Child({text}) {\n+ const ref = React.useRef(null);\n if ((text === 'A' || text === 'D') && suspend) {\n throw promise;\n }\n Scheduler.unstable_yieldValue(text);\n \n- const listener = usePress({\n- onPress() {\n- Scheduler.unstable_yieldValue('Clicked ' + text);\n- },\n- });\n- return {text}<\/span>;\n+ if (!isServerRendering) {\n+ React.useLayoutEffect(() => {\n+ return setClick(ref.current, () => {\n+ Scheduler.unstable_yieldValue('Clicked ' + text);\n+ });\n+ });\n+ }\n+\n+ return {text}<\/span>;\n }\n \n function App() {\n@@ -467,6 +474,7 @@ describe('ReactDOMServerSelectiveHydration', () => {\n const spanD = container.getElementsByTagName('span')[3];\n \n suspend = true;\n+ isServerRendering = false;\n \n \/\/ A and D will be suspended. We'll click on D which should take\n \/\/ priority, after we unsuspend.\n@@ -496,24 +504,28 @@ describe('ReactDOMServerSelectiveHydration', () => {\n });\n \n \/\/ @gate experimental\n- it('hydrates at higher pri for secondary discrete events (flare)', async () => {\n- const usePress = require('react-interactions\/events\/press-legacy').usePress;\n+ it('hydrates at higher pri for secondary discrete events (createEventHandle)', async () => {\n+ const setClick = ReactDOM.unstable_createEventHandle('click');\n let suspend = false;\n+ let isServerRendering = true;\n let resolve;\n const promise = new Promise(resolvePromise => (resolve = resolvePromise));\n \n function Child({text}) {\n+ const ref = React.useRef(null);\n if ((text === 'A' || text === 'D') && suspend) {\n throw promise;\n }\n Scheduler.unstable_yieldValue(text);\n \n- const listener = usePress({\n- onPress() {\n- Scheduler.unstable_yieldValue('Clicked ' + text);\n- },\n- });\n- return {text}<\/span>;\n+ if (!isServerRendering) {\n+ React.useLayoutEffect(() => {\n+ return setClick(ref.current, () => {\n+ Scheduler.unstable_yieldValue('Clicked ' + text);\n+ });\n+ });\n+ }\n+ return {text}<\/span>;\n }\n \n function App() {\n@@ -551,6 +563,7 @@ describe('ReactDOMServerSelectiveHydration', () => {\n const spanD = container.getElementsByTagName('span')[3];\n \n suspend = true;\n+ isServerRendering = false;\n \n \/\/ A and D will be suspended. We'll click on D which should take\n \/\/ priority, after we unsuspend.\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMComponent.js b\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\nindex d7c0d94afb..b82a41eb0f 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\n@@ -7,8 +7,6 @@\n * @flow\n *\/\n \n-import type {ElementListenerMapEntry} from '..\/client\/ReactDOMComponentTree';\n-\n import {\n registrationNameDependencies,\n possibleRegistrationNames,\n@@ -16,11 +14,6 @@ import {\n \n import {canUseDOM} from 'shared\/ExecutionEnvironment';\n import invariant from 'shared\/invariant';\n-import {\n- setListenToResponderEventTypes,\n- addResponderEventSystemEvent,\n- removeTrappedEventListener,\n-} from '..\/events\/DeprecatedDOMEventResponderSystem';\n \n import {\n getValueForAttribute,\n@@ -81,16 +74,12 @@ import {validateProperties as validateInputProperties} from '..\/shared\/ReactDOMN\n import {validateProperties as validateUnknownProperties} from '..\/shared\/ReactDOMUnknownPropertyHook';\n import {REACT_OPAQUE_ID_TYPE} from 'shared\/ReactSymbols';\n \n-import {\n- enableDeprecatedFlareAPI,\n- enableTrustedTypesIntegration,\n-} from 'shared\/ReactFeatureFlags';\n+import {enableTrustedTypesIntegration} from 'shared\/ReactFeatureFlags';\n import {\n listenToReactEvent,\n mediaEventTypes,\n listenToNonDelegatedEvent,\n } from '..\/events\/DOMPluginEventSystem';\n-import {getEventListenerMap} from '.\/ReactDOMComponentTree';\n \n let didWarnInvalidHydration = false;\n let didWarnScriptTags = false;\n@@ -102,7 +91,6 @@ const AUTOFOCUS = 'autoFocus';\n const CHILDREN = 'children';\n const STYLE = 'style';\n const HTML = '__html';\n-const DEPRECATED_flareListeners = 'DEPRECATED_flareListeners';\n \n const {html: HTML_NAMESPACE} = Namespaces;\n \n@@ -358,7 +346,6 @@ function setInitialDOMProperties(\n setTextContent(domElement, '' + nextProp);\n }\n } else if (\n- (enableDeprecatedFlareAPI && propKey === DEPRECATED_flareListeners) ||\n propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||\n propKey === SUPPRESS_HYDRATION_WARNING\n ) {\n@@ -728,7 +715,6 @@ export function diffProperties(\n } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN) {\n \/\/ Noop. This is handled by the clear text mechanism.\n } else if (\n- (enableDeprecatedFlareAPI && propKey === DEPRECATED_flareListeners) ||\n propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||\n propKey === SUPPRESS_HYDRATION_WARNING\n ) {\n@@ -817,7 +803,6 @@ export function diffProperties(\n (updatePayload = updatePayload || []).push(propKey, '' + nextProp);\n }\n } else if (\n- (enableDeprecatedFlareAPI && propKey === DEPRECATED_flareListeners) ||\n propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||\n propKey === SUPPRESS_HYDRATION_WARNING\n ) {\n@@ -1083,7 +1068,6 @@ export function diffHydratedProperties(\n if (suppressHydrationWarning) {\n \/\/ Don't bother comparing. We're ignoring all these warnings.\n } else if (\n- (enableDeprecatedFlareAPI && propKey === DEPRECATED_flareListeners) ||\n propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||\n propKey === SUPPRESS_HYDRATION_WARNING ||\n \/\/ Controlled attributes are not validated\n@@ -1317,71 +1301,3 @@ export function restoreControlledState(\n return;\n }\n }\n-\n-function endsWith(subject: string, search: string): boolean {\n- const length = subject.length;\n- return subject.substring(length - search.length, length) === search;\n-}\n-\n-export function listenToEventResponderEventTypes(\n- eventTypes: Array,\n- document: Document,\n-): void {\n- if (enableDeprecatedFlareAPI) {\n- \/\/ Get the listening Map for this element. We use this to track\n- \/\/ what events we're listening to.\n- const listenerMap = getEventListenerMap(document);\n-\n- \/\/ Go through each target event type of the event responder\n- for (let i = 0, length = eventTypes.length; i < length; ++i) {\n- const eventType = eventTypes[i];\n- const isPassive = !endsWith(eventType, '_active');\n- const eventKey = isPassive ? eventType + '_passive' : eventType;\n- const targetEventType = isPassive\n- ? eventType\n- : eventType.substring(0, eventType.length - 7);\n- if (!listenerMap.has(eventKey)) {\n- if (isPassive) {\n- const activeKey = targetEventType + '_active';\n- \/\/ If we have an active event listener, do not register\n- \/\/ a passive event listener. We use the same active event\n- \/\/ listener.\n- if (listenerMap.has(activeKey)) {\n- continue;\n- }\n- } else {\n- \/\/ If we have a passive event listener, remove the\n- \/\/ existing passive event listener before we add the\n- \/\/ active event listener.\n- const passiveKey = targetEventType + '_passive';\n- const passiveItem = ((listenerMap.get(\n- passiveKey,\n- ): any): ElementListenerMapEntry | void);\n- if (passiveItem !== undefined) {\n- removeTrappedEventListener(\n- document,\n- (targetEventType: any),\n- true,\n- passiveItem.listener,\n- );\n- listenerMap.delete(passiveKey);\n- }\n- }\n- const eventListener = addResponderEventSystemEvent(\n- document,\n- targetEventType,\n- isPassive,\n- );\n- listenerMap.set(eventKey, {\n- passive: isPassive,\n- listener: eventListener,\n- });\n- }\n- }\n- }\n-}\n-\n-\/\/ We can remove this once the event API is stable and out of a flag\n-if (enableDeprecatedFlareAPI) {\n- setListenToResponderEventTypes(listenToEventResponderEventTypes);\n-}\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMEventHandle.js b\/packages\/react-dom\/src\/client\/ReactDOMEventHandle.js\nindex 4c178fb701..19e69126ae 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMEventHandle.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMEventHandle.js\n@@ -28,10 +28,7 @@ import {\n } from '..\/events\/DOMPluginEventSystem';\n \n import {HostRoot, HostPortal} from 'react-reconciler\/src\/ReactWorkTags';\n-import {\n- PLUGIN_EVENT_SYSTEM,\n- IS_EVENT_HANDLE_NON_MANAGED_NODE,\n-} from '..\/events\/EventSystemFlags';\n+import {IS_EVENT_HANDLE_NON_MANAGED_NODE} from '..\/events\/EventSystemFlags';\n \n import {\n enableScopeAPI,\n@@ -164,7 +161,7 @@ function registerReactDOMEvent(\n null,\n isPassiveListener,\n listenerPriority,\n- PLUGIN_EVENT_SYSTEM | IS_EVENT_HANDLE_NON_MANAGED_NODE,\n+ IS_EVENT_HANDLE_NON_MANAGED_NODE,\n );\n } else {\n invariant(\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\nindex 24e65753ac..22d38dea04 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n@@ -16,11 +16,7 @@ import type {\n } from 'react-reconciler\/src\/ReactTestSelectors';\n import type {RootType} from '.\/ReactDOMRoot';\n import type {ReactScopeInstance} from 'shared\/ReactTypes';\n-import type {\n- ReactDOMEventResponder,\n- ReactDOMEventResponderInstance,\n- ReactDOMFundamentalComponentInstance,\n-} from '..\/shared\/ReactDOMTypes';\n+import type {ReactDOMFundamentalComponentInstance} from '..\/shared\/ReactDOMTypes';\n \n import {\n precacheFiberNode,\n@@ -45,7 +41,6 @@ import {\n warnForDeletedHydratableText,\n warnForInsertedHydratedElement,\n warnForInsertedHydratedText,\n- listenToEventResponderEventTypes,\n } from '.\/ReactDOMComponent';\n import {getSelectionInformation, restoreSelection} from '.\/ReactInputSelection';\n import setTextContent from '.\/setTextContent';\n@@ -65,15 +60,10 @@ import {\n import dangerousStyleValue from '..\/shared\/dangerousStyleValue';\n \n import {REACT_OPAQUE_ID_TYPE} from 'shared\/ReactSymbols';\n-import {\n- mountEventResponder,\n- unmountEventResponder,\n-} from '..\/events\/DeprecatedDOMEventResponderSystem';\n import {retryIfBlockedOn} from '..\/events\/ReactDOMEventReplaying';\n \n import {\n enableSuspenseServerRenderer,\n- enableDeprecatedFlareAPI,\n enableFundamentalAPI,\n enableCreateEventHandleAPI,\n enableScopeAPI,\n@@ -232,7 +222,7 @@ export function prepareForCommit(containerInfo: Container): Object | null {\n eventsEnabled = ReactBrowserEventEmitterIsEnabled();\n selectionInformation = getSelectionInformation();\n let activeInstance = null;\n- if (enableDeprecatedFlareAPI || enableCreateEventHandleAPI) {\n+ if (enableCreateEventHandleAPI) {\n const focusedElem = selectionInformation.focusedElem;\n if (focusedElem !== null) {\n activeInstance = getClosestInstanceFromNode(focusedElem);\n@@ -243,7 +233,7 @@ export function prepareForCommit(containerInfo: Container): Object | null {\n }\n \n export function beforeActiveInstanceBlur(): void {\n- if (enableDeprecatedFlareAPI || enableCreateEventHandleAPI) {\n+ if (enableCreateEventHandleAPI) {\n ReactBrowserEventEmitterSetEnabled(true);\n dispatchBeforeDetachedBlur((selectionInformation: any).focusedElem);\n ReactBrowserEventEmitterSetEnabled(false);\n@@ -251,7 +241,7 @@ export function beforeActiveInstanceBlur(): void {\n }\n \n export function afterActiveInstanceBlur(): void {\n- if (enableDeprecatedFlareAPI || enableCreateEventHandleAPI) {\n+ if (enableCreateEventHandleAPI) {\n ReactBrowserEventEmitterSetEnabled(true);\n dispatchAfterDetachedBlur((selectionInformation: any).focusedElem);\n ReactBrowserEventEmitterSetEnabled(false);\n@@ -510,7 +500,7 @@ function createEvent(type: DOMEventName, bubbles: boolean): Event {\n }\n \n function dispatchBeforeDetachedBlur(target: HTMLElement): void {\n- if (enableDeprecatedFlareAPI || enableCreateEventHandleAPI) {\n+ if (enableCreateEventHandleAPI) {\n const event = createEvent('beforeblur', true);\n \/\/ Dispatch \"beforeblur\" directly on the target,\n \/\/ so it gets picked up by the event system and\n@@ -520,7 +510,7 @@ function dispatchBeforeDetachedBlur(target: HTMLElement): void {\n }\n \n function dispatchAfterDetachedBlur(target: HTMLElement): void {\n- if (enableDeprecatedFlareAPI || enableCreateEventHandleAPI) {\n+ if (enableCreateEventHandleAPI) {\n const event = createEvent('afterblur', false);\n \/\/ So we know what was detached, make the relatedTarget the\n \/\/ detached target on the \"afterblur\" event.\n@@ -975,37 +965,6 @@ export function didNotFindHydratableSuspenseInstance(\n }\n }\n \n-export function DEPRECATED_mountResponderInstance(\n- responder: ReactDOMEventResponder,\n- responderInstance: ReactDOMEventResponderInstance,\n- responderProps: Object,\n- responderState: Object,\n- instance: Instance,\n-): ReactDOMEventResponderInstance {\n- \/\/ Listen to events\n- const doc = instance.ownerDocument;\n- const {targetEventTypes} = ((responder: any): ReactDOMEventResponder);\n- if (targetEventTypes !== null) {\n- listenToEventResponderEventTypes(targetEventTypes, doc);\n- }\n- mountEventResponder(\n- responder,\n- responderInstance,\n- responderProps,\n- responderState,\n- );\n- return responderInstance;\n-}\n-\n-export function DEPRECATED_unmountResponderInstance(\n- responderInstance: ReactDOMEventResponderInstance,\n-): void {\n- if (enableDeprecatedFlareAPI) {\n- \/\/ TODO stop listening to targetEventTypes\n- unmountEventResponder(responderInstance);\n- }\n-}\n-\n export function getFundamentalComponentInstance(\n fundamentalInstance: ReactDOMFundamentalComponentInstance,\n ): Instance {\ndiff --git a\/packages\/react-dom\/src\/events\/DOMPluginEventSystem.js b\/packages\/react-dom\/src\/events\/DOMPluginEventSystem.js\nindex 7eb027747a..1b23cde2f3 100644\n--- a\/packages\/react-dom\/src\/events\/DOMPluginEventSystem.js\n+++ b\/packages\/react-dom\/src\/events\/DOMPluginEventSystem.js\n@@ -22,7 +22,6 @@ import type {Fiber} from 'react-reconciler\/src\/ReactInternalTypes';\n \n import {registrationNameDependencies} from '.\/EventRegistry';\n import {\n- PLUGIN_EVENT_SYSTEM,\n IS_CAPTURE_PHASE,\n IS_EVENT_HANDLE_NON_MANAGED_NODE,\n IS_NON_DELEGATED,\n@@ -64,7 +63,6 @@ import {\n addEventBubbleListenerWithPassiveFlag,\n addEventCaptureListenerWithPassiveFlag,\n } from '.\/EventListener';\n-import {removeTrappedEventListener} from '.\/DeprecatedDOMEventResponderSystem';\n import {topLevelEventsToReactNames} from '.\/DOMEventProperties';\n import * as BeforeInputEventPlugin from '.\/plugins\/BeforeInputEventPlugin';\n import * as ChangeEventPlugin from '.\/plugins\/ChangeEventPlugin';\n@@ -318,7 +316,7 @@ export function listenToNonDelegatedEvent(\n const listener = addTrappedEventListener(\n targetElement,\n domEventName,\n- PLUGIN_EVENT_SYSTEM | IS_NON_DELEGATED,\n+ IS_NON_DELEGATED,\n isCapturePhaseListener,\n );\n listenerMap.set(listenerMapKey, {passive: false, listener});\n@@ -332,7 +330,7 @@ export function listenToNativeEvent(\n targetElement: Element | null,\n isPassiveListener?: boolean,\n listenerPriority?: EventPriority,\n- eventSystemFlags?: EventSystemFlags = PLUGIN_EVENT_SYSTEM,\n+ eventSystemFlags?: EventSystemFlags = 0,\n ): void {\n let target = rootContainerElement;\n \/\/ selectionchange needs to be attached to the document\n@@ -381,11 +379,11 @@ export function listenToNativeEvent(\n \/\/ If we should upgrade, then we need to remove the existing trapped\n \/\/ event listener for the target container.\n if (shouldUpgrade) {\n- removeTrappedEventListener(\n+ removeEventListener(\n target,\n domEventName,\n- isCapturePhaseListener,\n ((listenerEntry: any): ElementListenerMapEntry).listener,\n+ isCapturePhaseListener,\n );\n }\n if (isCapturePhaseListener) {\n@@ -549,7 +547,7 @@ function deferClickToDocumentForLegacyFBSupport(\n addTrappedEventListener(\n targetContainer,\n domEventName,\n- PLUGIN_EVENT_SYSTEM | IS_LEGACY_FB_SUPPORT_MODE,\n+ IS_LEGACY_FB_SUPPORT_MODE,\n false,\n isDeferredListenerForLegacyFBSupport,\n );\ndiff --git a\/packages\/react-dom\/src\/events\/DeprecatedDOMEventResponderSystem.js b\/packages\/react-dom\/src\/events\/DeprecatedDOMEventResponderSystem.js\ndeleted file mode 100644\nindex 73d3ea7331..0000000000\n--- a\/packages\/react-dom\/src\/events\/DeprecatedDOMEventResponderSystem.js\n+++ \/dev\/null\n@@ -1,642 +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- * @flow\n- *\/\n-\n-import {\n- type EventSystemFlags,\n- IS_PASSIVE,\n- PASSIVE_NOT_SUPPORTED,\n- RESPONDER_EVENT_SYSTEM,\n-} from '.\/EventSystemFlags';\n-import type {AnyNativeEvent} from '..\/events\/PluginModuleType';\n-import {\n- HostComponent,\n- ScopeComponent,\n- HostPortal,\n-} from 'react-reconciler\/src\/ReactWorkTags';\n-import type {EventPriority} from 'shared\/ReactTypes';\n-import type {\n- ReactDOMEventResponder,\n- ReactDOMEventResponderInstance,\n- ReactDOMResponderContext,\n- ReactDOMResponderEvent,\n-} from '..\/shared\/ReactDOMTypes';\n-import type {DOMEventName} from '..\/events\/DOMEventNames';\n-import {\n- batchedEventUpdates,\n- discreteUpdates,\n- flushDiscreteUpdatesIfNeeded,\n- executeUserEventHandler,\n-} from '.\/ReactDOMUpdateBatching';\n-import type {Fiber} from 'react-reconciler\/src\/ReactInternalTypes';\n-import {enableDeprecatedFlareAPI} from 'shared\/ReactFeatureFlags';\n-import invariant from 'shared\/invariant';\n-\n-import {getClosestInstanceFromNode} from '..\/client\/ReactDOMComponentTree';\n-import {enqueueStateRestore} from '.\/ReactDOMControlledComponent';\n-import {createEventListenerWrapper} from '.\/ReactDOMEventListener';\n-import {passiveBrowserEventsSupported} from '.\/checkPassiveEvents';\n-import {\n- addEventCaptureListener,\n- addEventCaptureListenerWithPassiveFlag,\n- removeEventListener,\n-} from '.\/EventListener';\n-\n-import {\n- ContinuousEvent,\n- UserBlockingEvent,\n- DiscreteEvent,\n-} from 'shared\/ReactTypes';\n-\n-\/\/ Intentionally not named imports because Rollup would use dynamic dispatch for\n-\/\/ CommonJS interop named imports.\n-import * as Scheduler from 'scheduler';\n-\n-import {\n- InputContinuousLanePriority,\n- getCurrentUpdateLanePriority,\n- setCurrentUpdateLanePriority,\n-} from 'react-reconciler\/src\/ReactFiberLane';\n-\n-const {\n- unstable_UserBlockingPriority: UserBlockingPriority,\n- unstable_runWithPriority: runWithPriority,\n-} = Scheduler;\n-\n-export let listenToResponderEventTypesImpl;\n-\n-export function setListenToResponderEventTypes(\n- _listenToResponderEventTypesImpl: Function,\n-) {\n- listenToResponderEventTypesImpl = _listenToResponderEventTypesImpl;\n-}\n-\n-const rootEventTypesToEventResponderInstances: Map<\n- DOMEventName | string,\n- Set,\n-> = new Map();\n-\n-type PropagationBehavior = 0 | 1;\n-\n-const DoNotPropagateToNextResponder = 0;\n-const PropagateToNextResponder = 1;\n-\n-let currentTimeStamp = 0;\n-let currentInstance: null | ReactDOMEventResponderInstance = null;\n-let currentDocument: null | Document = null;\n-let currentPropagationBehavior: PropagationBehavior = DoNotPropagateToNextResponder;\n-\n-const eventResponderContext: ReactDOMResponderContext = {\n- dispatchEvent(\n- eventValue: any,\n- eventListener: any => void,\n- eventPriority: EventPriority,\n- ): void {\n- validateResponderContext();\n- validateEventValue(eventValue);\n- switch (eventPriority) {\n- case DiscreteEvent: {\n- flushDiscreteUpdatesIfNeeded(currentTimeStamp);\n- discreteUpdates(() =>\n- executeUserEventHandler(eventListener, eventValue),\n- );\n- break;\n- }\n- case UserBlockingEvent: {\n- const previousPriority = getCurrentUpdateLanePriority();\n- try {\n- setCurrentUpdateLanePriority(InputContinuousLanePriority);\n- runWithPriority(UserBlockingPriority, () =>\n- executeUserEventHandler(eventListener, eventValue),\n- );\n- } finally {\n- setCurrentUpdateLanePriority(previousPriority);\n- }\n- break;\n- }\n- case ContinuousEvent: {\n- executeUserEventHandler(eventListener, eventValue);\n- break;\n- }\n- }\n- },\n- isTargetWithinResponder(target: null | Element | Document): boolean {\n- validateResponderContext();\n- if (target != null) {\n- let fiber = getClosestInstanceFromNode(target);\n- const responderFiber = ((currentInstance: any): ReactDOMEventResponderInstance)\n- .fiber;\n-\n- while (fiber !== null) {\n- if (fiber === responderFiber || fiber.alternate === responderFiber) {\n- return true;\n- }\n- fiber = fiber.return;\n- }\n- }\n- return false;\n- },\n- isTargetWithinResponderScope(target: null | Element | Document): boolean {\n- validateResponderContext();\n- const componentInstance = ((currentInstance: any): ReactDOMEventResponderInstance);\n- const responder = componentInstance.responder;\n-\n- if (target != null) {\n- let fiber = getClosestInstanceFromNode(target);\n- const responderFiber = ((currentInstance: any): ReactDOMEventResponderInstance)\n- .fiber;\n-\n- while (fiber !== null) {\n- if (fiber === responderFiber || fiber.alternate === responderFiber) {\n- return true;\n- }\n- if (doesFiberHaveResponder(fiber, responder)) {\n- return false;\n- }\n- fiber = fiber.return;\n- }\n- }\n- return false;\n- },\n- isTargetWithinNode(\n- childTarget: Element | Document,\n- parentTarget: Element | Document,\n- ): boolean {\n- validateResponderContext();\n- const childFiber = getClosestInstanceFromNode(childTarget);\n- const parentFiber = getClosestInstanceFromNode(parentTarget);\n-\n- if (childFiber != null && parentFiber != null) {\n- const parentAlternateFiber = parentFiber.alternate;\n- let node = childFiber;\n- while (node !== null) {\n- if (node === parentFiber || node === parentAlternateFiber) {\n- return true;\n- }\n- node = node.return;\n- }\n- return false;\n- }\n- \/\/ Fallback to DOM APIs\n- return parentTarget.contains(childTarget);\n- },\n- addRootEventTypes(rootEventTypes: Array): void {\n- validateResponderContext();\n- listenToResponderEventTypesImpl(rootEventTypes, currentDocument);\n- for (let i = 0; i < rootEventTypes.length; i++) {\n- const rootEventType = rootEventTypes[i];\n- const eventResponderInstance = ((currentInstance: any): ReactDOMEventResponderInstance);\n- DEPRECATED_registerRootEventType(rootEventType, eventResponderInstance);\n- }\n- },\n- removeRootEventTypes(rootEventTypes: Array): void {\n- validateResponderContext();\n- for (let i = 0; i < rootEventTypes.length; i++) {\n- const rootEventType = rootEventTypes[i];\n- const rootEventResponders = rootEventTypesToEventResponderInstances.get(\n- rootEventType,\n- );\n- const rootEventTypesSet = ((currentInstance: any): ReactDOMEventResponderInstance)\n- .rootEventTypes;\n- if (rootEventTypesSet !== null) {\n- rootEventTypesSet.delete(rootEventType);\n- }\n- if (rootEventResponders !== undefined) {\n- rootEventResponders.delete(\n- ((currentInstance: any): ReactDOMEventResponderInstance),\n- );\n- }\n- }\n- },\n- getActiveDocument,\n- objectAssign: Object.assign,\n- getTimeStamp(): number {\n- validateResponderContext();\n- return currentTimeStamp;\n- },\n- isTargetWithinHostComponent(\n- target: Element | Document,\n- elementType: string,\n- ): boolean {\n- validateResponderContext();\n- let fiber = getClosestInstanceFromNode(target);\n-\n- while (fiber !== null) {\n- if (fiber.tag === HostComponent && fiber.type === elementType) {\n- return true;\n- }\n- fiber = fiber.return;\n- }\n- return false;\n- },\n- continuePropagation() {\n- currentPropagationBehavior = PropagateToNextResponder;\n- },\n- enqueueStateRestore,\n- getResponderNode(): Element | null {\n- validateResponderContext();\n- const responderFiber = ((currentInstance: any): ReactDOMEventResponderInstance)\n- .fiber;\n- if (responderFiber.tag === ScopeComponent) {\n- return null;\n- }\n- return responderFiber.stateNode;\n- },\n-};\n-\n-function validateEventValue(eventValue: any): void {\n- if (typeof eventValue === 'object' && eventValue !== null) {\n- const {target, type, timeStamp} = eventValue;\n-\n- if (target == null || type == null || timeStamp == null) {\n- throw new Error(\n- 'context.dispatchEvent: \"target\", \"timeStamp\", and \"type\" fields on event object are required.',\n- );\n- }\n- const showWarning = name => {\n- if (__DEV__) {\n- console.error(\n- '%s is not available on event objects created from event responder modules (React Flare). ' +\n- 'Try wrapping in a conditional, i.e. `if (event.type !== \"press\") { event.%s }`',\n- name,\n- name,\n- );\n- }\n- };\n- eventValue.isDefaultPrevented = () => {\n- if (__DEV__) {\n- showWarning('isDefaultPrevented()');\n- }\n- };\n- eventValue.isPropagationStopped = () => {\n- if (__DEV__) {\n- showWarning('isPropagationStopped()');\n- }\n- };\n- \/\/ $FlowFixMe: we don't need value, Flow thinks we do\n- Object.defineProperty(eventValue, 'nativeEvent', {\n- get() {\n- if (__DEV__) {\n- showWarning('nativeEvent');\n- }\n- },\n- });\n- }\n-}\n-\n-function doesFiberHaveResponder(\n- fiber: Fiber,\n- responder: ReactDOMEventResponder,\n-): boolean {\n- const tag = fiber.tag;\n- if (tag === HostComponent || tag === ScopeComponent) {\n- const dependencies = fiber.dependencies;\n- if (dependencies !== null) {\n- const respondersMap = dependencies.responders;\n- if (respondersMap !== null && respondersMap.has(responder)) {\n- return true;\n- }\n- }\n- }\n- return false;\n-}\n-\n-function getActiveDocument(): Document {\n- return ((currentDocument: any): Document);\n-}\n-\n-function createDOMResponderEvent(\n- domEventName: string,\n- nativeEvent: AnyNativeEvent,\n- nativeEventTarget: Element | Document,\n- passive: boolean,\n-): ReactDOMResponderEvent {\n- const {buttons, pointerType} = (nativeEvent: any);\n- let eventPointerType = '';\n-\n- if (pointerType !== undefined) {\n- eventPointerType = pointerType;\n- } else if (nativeEvent.key !== undefined) {\n- eventPointerType = 'keyboard';\n- } else if (buttons !== undefined) {\n- eventPointerType = 'mouse';\n- } else if ((nativeEvent: any).changedTouches !== undefined) {\n- eventPointerType = 'touch';\n- }\n-\n- return {\n- nativeEvent: nativeEvent,\n- passive,\n- pointerType: eventPointerType,\n- target: nativeEventTarget,\n- type: domEventName,\n- };\n-}\n-\n-function responderEventTypesContainType(\n- eventTypes: Array,\n- type: string,\n- isPassive: boolean,\n-): boolean {\n- for (let i = 0, len = eventTypes.length; i < len; i++) {\n- const eventType = eventTypes[i];\n- if (eventType === type || (!isPassive && eventType === type + '_active')) {\n- return true;\n- }\n- }\n- return false;\n-}\n-\n-function validateResponderTargetEventTypes(\n- eventType: string,\n- responder: ReactDOMEventResponder,\n- isPassive: boolean,\n-): boolean {\n- const {targetEventTypes} = responder;\n- \/\/ Validate the target event type exists on the responder\n- if (targetEventTypes !== null) {\n- return responderEventTypesContainType(\n- targetEventTypes,\n- eventType,\n- isPassive,\n- );\n- }\n- return false;\n-}\n-\n-function traverseAndHandleEventResponderInstances(\n- domEventName: string,\n- targetFiber: null | Fiber,\n- nativeEvent: AnyNativeEvent,\n- nativeEventTarget: Document | Element,\n- eventSystemFlags: EventSystemFlags,\n-): void {\n- const isPassiveEvent = (eventSystemFlags & IS_PASSIVE) !== 0;\n- const isPassiveSupported = (eventSystemFlags & PASSIVE_NOT_SUPPORTED) === 0;\n- const isPassive = isPassiveEvent || !isPassiveSupported;\n-\n- \/\/ Trigger event responders in this order:\n- \/\/ - Bubble target responder phase\n- \/\/ - Root responder phase\n-\n- const visitedResponders = new Set();\n- const responderEvent = createDOMResponderEvent(\n- domEventName,\n- nativeEvent,\n- nativeEventTarget,\n- isPassiveEvent,\n- );\n- let node = targetFiber;\n- let insidePortal = false;\n- while (node !== null) {\n- const tag = node.tag;\n- const dependencies = node.dependencies;\n- if (tag === HostPortal) {\n- insidePortal = true;\n- } else if (\n- (tag === HostComponent || tag === ScopeComponent) &&\n- dependencies !== null\n- ) {\n- const respondersMap = dependencies.responders;\n- if (respondersMap !== null) {\n- const responderInstances = Array.from(respondersMap.values());\n- for (let i = 0, length = responderInstances.length; i < length; i++) {\n- const responderInstance = responderInstances[i];\n- const {props, responder, state} = responderInstance;\n- if (\n- !visitedResponders.has(responder) &&\n- validateResponderTargetEventTypes(\n- domEventName,\n- responder,\n- isPassive,\n- ) &&\n- (!insidePortal || responder.targetPortalPropagation)\n- ) {\n- visitedResponders.add(responder);\n- const onEvent = responder.onEvent;\n- if (onEvent !== null) {\n- currentInstance = responderInstance;\n- onEvent(responderEvent, eventResponderContext, props, state);\n- if (currentPropagationBehavior === PropagateToNextResponder) {\n- visitedResponders.delete(responder);\n- currentPropagationBehavior = DoNotPropagateToNextResponder;\n- }\n- }\n- }\n- }\n- }\n- }\n- node = node.return;\n- }\n- \/\/ Root phase\n- const passive = rootEventTypesToEventResponderInstances.get(domEventName);\n- const rootEventResponderInstances = [];\n- if (passive !== undefined) {\n- rootEventResponderInstances.push(...Array.from(passive));\n- }\n- if (!isPassive) {\n- const active = rootEventTypesToEventResponderInstances.get(\n- domEventName + '_active',\n- );\n- if (active !== undefined) {\n- rootEventResponderInstances.push(...Array.from(active));\n- }\n- }\n- if (rootEventResponderInstances.length > 0) {\n- const responderInstances = Array.from(rootEventResponderInstances);\n-\n- for (let i = 0; i < responderInstances.length; i++) {\n- const responderInstance = responderInstances[i];\n- const {props, responder, state} = responderInstance;\n- const onRootEvent = responder.onRootEvent;\n- if (onRootEvent !== null) {\n- currentInstance = responderInstance;\n- onRootEvent(responderEvent, eventResponderContext, props, state);\n- }\n- }\n- }\n-}\n-\n-export function mountEventResponder(\n- responder: ReactDOMEventResponder,\n- responderInstance: ReactDOMEventResponderInstance,\n- props: Object,\n- state: Object,\n-) {\n- const onMount = responder.onMount;\n- if (onMount !== null) {\n- const previousInstance = currentInstance;\n- currentInstance = responderInstance;\n- try {\n- onMount(eventResponderContext, props, state);\n- } finally {\n- currentInstance = previousInstance;\n- }\n- }\n-}\n-\n-export function unmountEventResponder(\n- responderInstance: ReactDOMEventResponderInstance,\n-): void {\n- const responder = ((responderInstance.responder: any): ReactDOMEventResponder);\n- const onUnmount = responder.onUnmount;\n- if (onUnmount !== null) {\n- const {props, state} = responderInstance;\n- const previousInstance = currentInstance;\n- currentInstance = responderInstance;\n- try {\n- onUnmount(eventResponderContext, props, state);\n- } finally {\n- currentInstance = previousInstance;\n- }\n- }\n- const rootEventTypesSet = responderInstance.rootEventTypes;\n- if (rootEventTypesSet !== null) {\n- const rootEventTypes = Array.from(rootEventTypesSet);\n-\n- for (let i = 0; i < rootEventTypes.length; i++) {\n- const topLevelEventType = rootEventTypes[i];\n- const rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(\n- topLevelEventType,\n- );\n- if (rootEventResponderInstances !== undefined) {\n- rootEventResponderInstances.delete(responderInstance);\n- }\n- }\n- }\n-}\n-\n-function validateResponderContext(): void {\n- invariant(\n- currentInstance !== null,\n- 'An event responder context was used outside of an event cycle.',\n- );\n-}\n-\n-export function DEPRECATED_dispatchEventForResponderEventSystem(\n- domEventName: string,\n- targetFiber: null | Fiber,\n- nativeEvent: AnyNativeEvent,\n- nativeEventTarget: Document | Element,\n- eventSystemFlags: EventSystemFlags,\n-): void {\n- if (enableDeprecatedFlareAPI) {\n- const previousInstance = currentInstance;\n- const previousTimeStamp = currentTimeStamp;\n- const previousDocument = currentDocument;\n- const previousPropagationBehavior = currentPropagationBehavior;\n- currentPropagationBehavior = DoNotPropagateToNextResponder;\n- \/\/ nodeType 9 is DOCUMENT_NODE\n- currentDocument =\n- (nativeEventTarget: any).nodeType === 9\n- ? ((nativeEventTarget: any): Document)\n- : (nativeEventTarget: any).ownerDocument;\n- \/\/ We might want to control timeStamp another way here\n- currentTimeStamp = (nativeEvent: any).timeStamp;\n- try {\n- batchedEventUpdates(() => {\n- traverseAndHandleEventResponderInstances(\n- domEventName,\n- targetFiber,\n- nativeEvent,\n- nativeEventTarget,\n- eventSystemFlags,\n- );\n- });\n- } finally {\n- currentInstance = previousInstance;\n- currentTimeStamp = previousTimeStamp;\n- currentDocument = previousDocument;\n- currentPropagationBehavior = previousPropagationBehavior;\n- }\n- }\n-}\n-\n-export function addRootEventTypesForResponderInstance(\n- responderInstance: ReactDOMEventResponderInstance,\n- rootEventTypes: Array,\n-): void {\n- for (let i = 0; i < rootEventTypes.length; i++) {\n- const rootEventType = rootEventTypes[i];\n- DEPRECATED_registerRootEventType(rootEventType, responderInstance);\n- }\n-}\n-\n-function DEPRECATED_registerRootEventType(\n- rootEventType: string,\n- eventResponderInstance: ReactDOMEventResponderInstance,\n-): void {\n- let rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(\n- rootEventType,\n- );\n- if (rootEventResponderInstances === undefined) {\n- rootEventResponderInstances = new Set();\n- rootEventTypesToEventResponderInstances.set(\n- rootEventType,\n- rootEventResponderInstances,\n- );\n- }\n- let rootEventTypesSet = eventResponderInstance.rootEventTypes;\n- if (rootEventTypesSet === null) {\n- rootEventTypesSet = eventResponderInstance.rootEventTypes = new Set();\n- }\n- invariant(\n- !rootEventTypesSet.has(rootEventType),\n- 'addRootEventTypes() found a duplicate root event ' +\n- 'type of \"%s\". This might be because the event type exists in the event responder \"rootEventTypes\" ' +\n- 'array or because of a previous addRootEventTypes() using this root event type.',\n- rootEventType,\n- );\n- rootEventTypesSet.add(rootEventType);\n- rootEventResponderInstances.add(eventResponderInstance);\n-}\n-\n-export function addResponderEventSystemEvent(\n- document: Document,\n- domEventName: string,\n- passive: boolean,\n-): any => void {\n- let eventFlags = RESPONDER_EVENT_SYSTEM;\n-\n- \/\/ If passive option is not supported, then the event will be\n- \/\/ active and not passive, but we flag it as using not being\n- \/\/ supported too. This way the responder event plugins know,\n- \/\/ and can provide polyfills if needed.\n- if (passive) {\n- if (passiveBrowserEventsSupported) {\n- eventFlags |= IS_PASSIVE;\n- } else {\n- eventFlags |= PASSIVE_NOT_SUPPORTED;\n- passive = false;\n- }\n- }\n- \/\/ Check if interactive and wrap in discreteUpdates\n- const listener = createEventListenerWrapper(\n- document,\n- ((domEventName: any): DOMEventName),\n- eventFlags,\n- );\n- if (passiveBrowserEventsSupported) {\n- return addEventCaptureListenerWithPassiveFlag(\n- document,\n- domEventName,\n- listener,\n- passive,\n- );\n- } else {\n- return addEventCaptureListener(document, domEventName, listener);\n- }\n-}\n-\n-export function removeTrappedEventListener(\n- targetContainer: EventTarget,\n- domEventName: DOMEventName,\n- capture: boolean,\n- listener: any => void,\n-): void {\n- removeEventListener(targetContainer, domEventName, listener, capture);\n-}\ndiff --git a\/packages\/react-dom\/src\/events\/EventSystemFlags.js b\/packages\/react-dom\/src\/events\/EventSystemFlags.js\nindex a6b34ab3b3..150a73d35d 100644\n--- a\/packages\/react-dom\/src\/events\/EventSystemFlags.js\n+++ b\/packages\/react-dom\/src\/events\/EventSystemFlags.js\n@@ -9,16 +9,12 @@\n \n export type EventSystemFlags = number;\n \n-export const PLUGIN_EVENT_SYSTEM = 1;\n-export const RESPONDER_EVENT_SYSTEM = 1 << 1;\n-export const IS_EVENT_HANDLE_NON_MANAGED_NODE = 1 << 2;\n-export const IS_NON_DELEGATED = 1 << 3;\n-export const IS_CAPTURE_PHASE = 1 << 4;\n-export const IS_PASSIVE = 1 << 5;\n-export const IS_REPLAYED = 1 << 6;\n-export const IS_LEGACY_FB_SUPPORT_MODE = 1 << 7;\n-\/\/ This is used by React Flare\n-export const PASSIVE_NOT_SUPPORTED = 1 << 8;\n+export const IS_EVENT_HANDLE_NON_MANAGED_NODE = 1;\n+export const IS_NON_DELEGATED = 1 << 1;\n+export const IS_CAPTURE_PHASE = 1 << 2;\n+export const IS_PASSIVE = 1 << 3;\n+export const IS_REPLAYED = 1 << 4;\n+export const IS_LEGACY_FB_SUPPORT_MODE = 1 << 5;\n \n export const SHOULD_NOT_DEFER_CLICK_FOR_FB_SUPPORT_MODE =\n IS_LEGACY_FB_SUPPORT_MODE | IS_REPLAYED | IS_CAPTURE_PHASE;\ndiff --git a\/packages\/react-dom\/src\/events\/ReactDOMEventListener.js b\/packages\/react-dom\/src\/events\/ReactDOMEventListener.js\nindex 959f219bbe..5066cc005a 100644\n--- a\/packages\/react-dom\/src\/events\/ReactDOMEventListener.js\n+++ b\/packages\/react-dom\/src\/events\/ReactDOMEventListener.js\n@@ -17,7 +17,6 @@ import type {DOMEventName} from '..\/events\/DOMEventNames';\n \/\/ CommonJS interop named imports.\n import * as Scheduler from 'scheduler';\n \n-import {DEPRECATED_dispatchEventForResponderEventSystem} from '.\/DeprecatedDOMEventResponderSystem';\n import {\n isReplayableDiscreteEvent,\n queueDiscreteEvent,\n@@ -34,17 +33,12 @@ import {HostRoot, SuspenseComponent} from 'react-reconciler\/src\/ReactWorkTags';\n import {\n type EventSystemFlags,\n IS_LEGACY_FB_SUPPORT_MODE,\n- PLUGIN_EVENT_SYSTEM,\n- RESPONDER_EVENT_SYSTEM,\n } from '.\/EventSystemFlags';\n \n import getEventTarget from '.\/getEventTarget';\n import {getClosestInstanceFromNode} from '..\/client\/ReactDOMComponentTree';\n \n-import {\n- enableDeprecatedFlareAPI,\n- enableLegacyFBSupport,\n-} from 'shared\/ReactFeatureFlags';\n+import {enableLegacyFBSupport} from 'shared\/ReactFeatureFlags';\n import {\n UserBlockingEvent,\n ContinuousEvent,\n@@ -136,7 +130,7 @@ function dispatchDiscreteEvent(\n \/\/ flushed for this event and we don't need to do it again.\n (eventSystemFlags & IS_LEGACY_FB_SUPPORT_MODE) === 0\n ) {\n- flushDiscreteUpdatesIfNeeded(nativeEvent.timeStamp);\n+ flushDiscreteUpdatesIfNeeded();\n }\n discreteUpdates(\n dispatchEvent,\n@@ -238,35 +232,13 @@ export function dispatchEvent(\n \n \/\/ This is not replayable so we'll invoke it but without a target,\n \/\/ in case the event system needs to trace it.\n- if (enableDeprecatedFlareAPI) {\n- if (eventSystemFlags & PLUGIN_EVENT_SYSTEM) {\n- dispatchEventForPluginEventSystem(\n- domEventName,\n- eventSystemFlags,\n- nativeEvent,\n- null,\n- targetContainer,\n- );\n- }\n- if (eventSystemFlags & RESPONDER_EVENT_SYSTEM) {\n- \/\/ React Flare event system\n- DEPRECATED_dispatchEventForResponderEventSystem(\n- (domEventName: any),\n- null,\n- nativeEvent,\n- getEventTarget(nativeEvent),\n- eventSystemFlags,\n- );\n- }\n- } else {\n- dispatchEventForPluginEventSystem(\n- domEventName,\n- eventSystemFlags,\n- nativeEvent,\n- null,\n- targetContainer,\n- );\n- }\n+ dispatchEventForPluginEventSystem(\n+ domEventName,\n+ eventSystemFlags,\n+ nativeEvent,\n+ null,\n+ targetContainer,\n+ );\n }\n \n \/\/ Attempt dispatching an event. Returns a SuspenseInstance or Container if it's blocked.\n@@ -318,36 +290,13 @@ export function attemptToDispatchEvent(\n }\n }\n }\n-\n- if (enableDeprecatedFlareAPI) {\n- if (eventSystemFlags & PLUGIN_EVENT_SYSTEM) {\n- dispatchEventForPluginEventSystem(\n- domEventName,\n- eventSystemFlags,\n- nativeEvent,\n- targetInst,\n- targetContainer,\n- );\n- }\n- if (eventSystemFlags & RESPONDER_EVENT_SYSTEM) {\n- \/\/ React Flare event system\n- DEPRECATED_dispatchEventForResponderEventSystem(\n- (domEventName: any),\n- targetInst,\n- nativeEvent,\n- nativeEventTarget,\n- eventSystemFlags,\n- );\n- }\n- } else {\n- dispatchEventForPluginEventSystem(\n- domEventName,\n- eventSystemFlags,\n- nativeEvent,\n- targetInst,\n- targetContainer,\n- );\n- }\n+ dispatchEventForPluginEventSystem(\n+ domEventName,\n+ eventSystemFlags,\n+ nativeEvent,\n+ targetInst,\n+ targetContainer,\n+ );\n \/\/ We're not blocked on anything.\n return null;\n }\ndiff --git a\/packages\/react-dom\/src\/events\/ReactDOMEventReplaying.js b\/packages\/react-dom\/src\/events\/ReactDOMEventReplaying.js\nindex 6504e238c9..ded99d1961 100644\n--- a\/packages\/react-dom\/src\/events\/ReactDOMEventReplaying.js\n+++ b\/packages\/react-dom\/src\/events\/ReactDOMEventReplaying.js\n@@ -10,15 +10,11 @@\n import type {AnyNativeEvent} from '..\/events\/PluginModuleType';\n import type {Container, SuspenseInstance} from '..\/client\/ReactDOMHostConfig';\n import type {DOMEventName} from '..\/events\/DOMEventNames';\n-import type {ElementListenerMap} from '..\/client\/ReactDOMComponentTree';\n import type {EventSystemFlags} from '.\/EventSystemFlags';\n import type {FiberRoot} from 'react-reconciler\/src\/ReactInternalTypes';\n import type {LanePriority} from 'react-reconciler\/src\/ReactFiberLane';\n \n-import {\n- enableDeprecatedFlareAPI,\n- enableSelectiveHydration,\n-} from 'shared\/ReactFeatureFlags';\n+import {enableSelectiveHydration} from 'shared\/ReactFeatureFlags';\n import {\n unstable_runWithPriority as runWithPriority,\n unstable_scheduleCallback as scheduleCallback,\n@@ -34,7 +30,6 @@ import {attemptToDispatchEvent} from '.\/ReactDOMEventListener';\n import {\n getInstanceFromNode,\n getClosestInstanceFromNode,\n- getEventListenerMap,\n } from '..\/client\/ReactDOMComponentTree';\n import {HostRoot, SuspenseComponent} from 'react-reconciler\/src\/ReactWorkTags';\n \n@@ -88,7 +83,6 @@ type PointerEvent = Event & {\n \n import {IS_REPLAYED} from '.\/EventSystemFlags';\n import {listenToNativeEvent} from '.\/DOMPluginEventSystem';\n-import {addResponderEventSystemEvent} from '.\/DeprecatedDOMEventResponderSystem';\n \n type QueuedReplayableEvent = {|\n blockedOn: null | Container | SuspenseInstance,\n@@ -186,43 +180,17 @@ function trapReplayableEventForContainer(\n listenToNativeEvent(domEventName, false, ((container: any): Element), null);\n }\n \n-function trapReplayableEventForDocument(\n- domEventName: DOMEventName,\n- document: Document,\n- listenerMap: ElementListenerMap,\n-) {\n- if (enableDeprecatedFlareAPI) {\n- \/\/ Trap events for the responder system.\n- \/\/ TODO: Ideally we shouldn't need these to be active but\n- \/\/ if we only have a passive listener, we at least need it\n- \/\/ to still pretend to be active so that Flare gets those\n- \/\/ events.\n- const activeEventKey = domEventName + '_active';\n- if (!listenerMap.has(activeEventKey)) {\n- const listener = addResponderEventSystemEvent(\n- document,\n- domEventName,\n- false,\n- );\n- listenerMap.set(activeEventKey, {passive: false, listener});\n- }\n- }\n-}\n-\n export function eagerlyTrapReplayableEvents(\n container: Container,\n document: Document,\n ) {\n- const listenerMapForDoc = getEventListenerMap(document);\n \/\/ Discrete\n discreteReplayableEvents.forEach(domEventName => {\n trapReplayableEventForContainer(domEventName, container);\n- trapReplayableEventForDocument(domEventName, document, listenerMapForDoc);\n });\n \/\/ Continuous\n continuousReplayableEvents.forEach(domEventName => {\n trapReplayableEventForContainer(domEventName, container);\n- trapReplayableEventForDocument(domEventName, document, listenerMapForDoc);\n });\n }\n \ndiff --git a\/packages\/react-dom\/src\/events\/ReactDOMUpdateBatching.js b\/packages\/react-dom\/src\/events\/ReactDOMUpdateBatching.js\nindex b4fbc9d1d8..68d33a8c65 100644\n--- a\/packages\/react-dom\/src\/events\/ReactDOMUpdateBatching.js\n+++ b\/packages\/react-dom\/src\/events\/ReactDOMUpdateBatching.js\n@@ -10,9 +10,6 @@ import {\n restoreStateIfNeeded,\n } from '.\/ReactDOMControlledComponent';\n \n-import {enableDeprecatedFlareAPI} from 'shared\/ReactFeatureFlags';\n-import {invokeGuardedCallbackAndCatchFirstError} from 'shared\/ReactErrorUtils';\n-\n \/\/ Used as a way to call batchedUpdates when we don't have a reference to\n \/\/ the renderer. Such as when we're dispatching events or if third party\n \/\/ libraries need to call batchedUpdates. Eventually, this API will go away when\n@@ -77,18 +74,6 @@ export function batchedEventUpdates(fn, a, b) {\n }\n }\n \n-\/\/ This is for the React Flare event system\n-export function executeUserEventHandler(fn: any => void, value: any): void {\n- const previouslyInEventHandler = isInsideEventHandler;\n- try {\n- isInsideEventHandler = true;\n- const type = typeof value === 'object' && value !== null ? value.type : '';\n- invokeGuardedCallbackAndCatchFirstError(type, fn, undefined, value);\n- } finally {\n- isInsideEventHandler = previouslyInEventHandler;\n- }\n-}\n-\n export function discreteUpdates(fn, a, b, c, d) {\n const prevIsInsideEventHandler = isInsideEventHandler;\n isInsideEventHandler = true;\n@@ -102,27 +87,8 @@ export function discreteUpdates(fn, a, b, c, d) {\n }\n }\n \n-let lastFlushedEventTimeStamp = 0;\n-export function flushDiscreteUpdatesIfNeeded(timeStamp: number) {\n- \/\/ event.timeStamp isn't overly reliable due to inconsistencies in\n- \/\/ how different browsers have historically provided the time stamp.\n- \/\/ Some browsers provide high-resolution time stamps for all events,\n- \/\/ some provide low-resolution time stamps for all events. FF < 52\n- \/\/ even mixes both time stamps together. Some browsers even report\n- \/\/ negative time stamps or time stamps that are 0 (iOS9) in some cases.\n- \/\/ Given we are only comparing two time stamps with equality (!==),\n- \/\/ we are safe from the resolution differences. If the time stamp is 0\n- \/\/ we bail-out of preventing the flush, which can affect semantics,\n- \/\/ such as if an earlier flush removes or adds event listeners that\n- \/\/ are fired in the subsequent flush. However, this is the same\n- \/\/ behaviour as we had before this change, so the risks are low.\n- if (\n- !isInsideEventHandler &&\n- (!enableDeprecatedFlareAPI ||\n- timeStamp === 0 ||\n- lastFlushedEventTimeStamp !== timeStamp)\n- ) {\n- lastFlushedEventTimeStamp = timeStamp;\n+export function flushDiscreteUpdatesIfNeeded() {\n+ if (!isInsideEventHandler) {\n flushDiscreteUpdatesImpl();\n }\n }\ndiff --git a\/packages\/react-dom\/src\/events\/__tests__\/DeprecatedDOMEventResponderSystem-test.internal.js b\/packages\/react-dom\/src\/events\/__tests__\/DeprecatedDOMEventResponderSystem-test.internal.js\ndeleted file mode 100644\nindex fc8a8875c6..0000000000\n--- a\/packages\/react-dom\/src\/events\/__tests__\/DeprecatedDOMEventResponderSystem-test.internal.js\n+++ \/dev\/null\n@@ -1,1002 +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 ReactFeatureFlags;\n-let ReactDOM;\n-let ReactDOMServer;\n-let ReactTestRenderer;\n-let Scheduler;\n-\n-\/\/ FIXME: What should the public API be for setting an event's priority? Right\n-\/\/ now it's an enum but is that what we want? Hard coding this for now.\n-const DiscreteEvent = 0;\n-\n-function createEventResponder({\n- onEvent,\n- onRootEvent,\n- targetEventTypes,\n- onMount,\n- onUnmount,\n- getInitialState,\n- targetPortalPropagation,\n-}) {\n- return React.DEPRECATED_createResponder('TestEventResponder', {\n- targetEventTypes,\n- onEvent,\n- onRootEvent,\n- onMount,\n- onUnmount,\n- getInitialState,\n- targetPortalPropagation,\n- });\n-}\n-\n-const createEvent = (type, data) => {\n- const event = document.createEvent('CustomEvent');\n- event.initCustomEvent(type, true, true);\n- if (data != null) {\n- Object.entries(data).forEach(([key, value]) => {\n- event[key] = value;\n- });\n- }\n- return event;\n-};\n-\n-function dispatchEvent(element, type) {\n- const event = document.createEvent('Event');\n- event.initEvent(type, true, true);\n- element.dispatchEvent(event);\n-}\n-\n-function dispatchClickEvent(element) {\n- dispatchEvent(element, 'click');\n-}\n-\n-\/\/ This is a new feature in Fiber so I put it in its own test file. It could\n-\/\/ probably move to one of the other test files once it is official.\n-describe('DOMEventResponderSystem', () => {\n- let container;\n-\n- beforeEach(() => {\n- jest.resetModules();\n- ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n- ReactFeatureFlags.enableScopeAPI = true;\n- React = require('react');\n- ReactDOM = require('react-dom');\n- ReactDOMServer = require('react-dom\/server');\n- Scheduler = require('scheduler');\n- container = document.createElement('div');\n- document.body.appendChild(container);\n- });\n-\n- afterEach(() => {\n- document.body.removeChild(container);\n- container = null;\n- });\n-\n- \/\/ @gate experimental\n- it('can mount and render correctly with the ReactTestRenderer', () => {\n- jest.resetModules();\n- ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n- React = require('react');\n- ReactTestRenderer = require('react-test-renderer');\n- const TestResponder = createEventResponder({});\n-\n- function Test() {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {});\n-\n- return

Hello world<\/div>;\n- }\n- const renderer = ReactTestRenderer.create();\n- expect(renderer).toMatchRenderedOutput(

Hello world<\/div>);\n- });\n-\n- \/\/ @gate experimental\n- it('can render correctly with the ReactDOMServer', () => {\n- const TestResponder = createEventResponder({});\n-\n- function Test() {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {});\n-\n- return

Hello world<\/div>;\n- }\n- const output = ReactDOMServer.renderToString();\n- expect(output).toBe(`

Hello world<\/div>`);\n- });\n-\n- \/\/ @gate experimental\n- it('can render correctly with the ReactDOMServer hydration', () => {\n- const onEvent = jest.fn();\n- const TestResponder = createEventResponder({\n- targetEventTypes: ['click'],\n- onEvent,\n- });\n- const ref = React.createRef();\n-\n- function Test() {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {});\n-\n- return (\n-

\n- \n- Hello world\n- <\/span>\n- <\/div>\n- );\n- }\n- const output = ReactDOMServer.renderToString();\n- expect(output).toBe(\n- `

Hello world<\/span><\/div>`,\n- );\n- container.innerHTML = output;\n- ReactDOM.hydrate(, container);\n- dispatchClickEvent(ref.current);\n- expect(onEvent).toHaveBeenCalledTimes(1);\n- });\n-\n- \/\/ @gate experimental\n- it('the event responders should fire on click event', () => {\n- let eventResponderFiredCount = 0;\n- const eventLog = [];\n- const buttonRef = React.createRef();\n-\n- const TestResponder = createEventResponder({\n- targetEventTypes: ['click'],\n- onEvent: (event, context, props) => {\n- eventResponderFiredCount++;\n- eventLog.push({\n- name: event.type,\n- passive: event.passive,\n- phase: 'bubble',\n- });\n- },\n- });\n-\n- function Test() {\n- const listener = React.DEPRECATED_useResponder(TestResponder, {});\n-\n- return (\n-

dillon1000/react

Files changed