{"body":"* Adds Press and Hover event modules + more features to the Event Responder System","parents":["d8cb10f11fa0b0ab6ded66bbef86dc874b5e2d90"],"patch":"diff --git a\/packages\/events\/EventPluginUtils.js b\/packages\/events\/EventPluginUtils.js\nindex ac7cd97dd1..2e9b7e9d16 100644\n--- a\/packages\/events\/EventPluginUtils.js\n+++ b\/packages\/events\/EventPluginUtils.js\n@@ -63,7 +63,7 @@ if (__DEV__) {\n * @param {function} listener Application-level callback\n * @param {*} inst Internal component instance\n *\/\n-function executeDispatch(event, listener, inst) {\n+export function executeDispatch(event, listener, inst) {\n const type = event.type || 'unknown-event';\n event.currentTarget = getNodeFromInstance(inst);\n invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);\ndiff --git a\/packages\/events\/EventTypes.js b\/packages\/events\/EventTypes.js\nnew file mode 100644\nindex 0000000000..bba4e23988\n--- \/dev\/null\n+++ b\/packages\/events\/EventTypes.js\n@@ -0,0 +1,37 @@\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 SyntheticEvent from 'events\/SyntheticEvent';\n+import type {AnyNativeEvent} from 'events\/PluginModuleType';\n+\n+export type EventResponderContext = {\n+ event: AnyNativeEvent,\n+ eventTarget: EventTarget,\n+ eventType: string,\n+ isPassive: () => boolean,\n+ isPassiveSupported: () => boolean,\n+ dispatchEvent: (\n+ name: string,\n+ listener: (e: SyntheticEvent) => void | null,\n+ pressTarget: EventTarget | null,\n+ discrete: boolean,\n+ extraProperties?: Object,\n+ ) => void,\n+ isTargetWithinElement: (\n+ childTarget: EventTarget,\n+ parentTarget: EventTarget,\n+ ) => boolean,\n+ isTargetOwned: EventTarget => boolean,\n+ isTargetWithinEventComponent: EventTarget => boolean,\n+ isPositionWithinTouchHitTarget: (x: number, y: number) => boolean,\n+ addRootEventTypes: (rootEventTypes: Array) => void,\n+ removeRootEventTypes: (rootEventTypes: Array) => void,\n+ requestOwnership: (target: EventTarget | null) => boolean,\n+ releaseOwnership: (target: EventTarget | null) => boolean,\n+};\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMComponent.js b\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\nindex bc1060d2d6..d3ba6ae8ee 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMComponent.js\n@@ -13,7 +13,7 @@ import {registrationNameModules} from 'events\/EventPluginRegistry';\n import warning from 'shared\/warning';\n import {canUseDOM} from 'shared\/ExecutionEnvironment';\n import warningWithoutStack from 'shared\/warningWithoutStack';\n-import type {ReactEventResponder} from 'shared\/ReactTypes';\n+import type {ReactEventResponderEventType} from 'shared\/ReactTypes';\n import type {DOMTopLevelEventType} from 'events\/TopLevelEventTypes';\n \n import {\n@@ -1277,19 +1277,18 @@ export function restoreControlledState(\n }\n }\n \n-export function listenToEventResponderEvents(\n- eventResponder: ReactEventResponder,\n+export function listenToEventResponderEventTypes(\n+ eventTypes: Array,\n element: Element | Document,\n ): void {\n if (enableEventAPI) {\n- const {targetEventTypes} = eventResponder;\n \/\/ Get the listening Set for this element. We use this to track\n \/\/ what events we're listening to.\n const listeningSet = getListeningSetForElement(element);\n \n \/\/ Go through each target event type of the event responder\n- for (let i = 0, length = targetEventTypes.length; i < length; ++i) {\n- const targetEventType = targetEventTypes[i];\n+ for (let i = 0, length = eventTypes.length; i < length; ++i) {\n+ const targetEventType = eventTypes[i];\n let topLevelType;\n let capture = false;\n let passive = true;\n@@ -1323,7 +1322,7 @@ export function listenToEventResponderEvents(\n \/\/ Create a unique name for this event, plus its properties. We'll\n \/\/ use this to ensure we don't listen to the same event with the same\n \/\/ properties again.\n- const passiveKey = passive ? '_passive' : '';\n+ const passiveKey = passive ? '_passive' : '_active';\n const captureKey = capture ? '_capture' : '';\n const listeningName = `${topLevelType}${passiveKey}${captureKey}`;\n if (!listeningSet.has(listeningName)) {\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\nindex 5254140619..97bfa60274 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n@@ -24,7 +24,7 @@ import {\n warnForDeletedHydratableText,\n warnForInsertedHydratedElement,\n warnForInsertedHydratedText,\n- listenToEventResponderEvents,\n+ listenToEventResponderEventTypes,\n } from '.\/ReactDOMComponent';\n import {getSelectionInformation, restoreSelection} from '.\/ReactInputSelection';\n import setTextContent from '.\/setTextContent';\n@@ -864,7 +864,10 @@ export function handleEventComponent(\n ): void {\n if (enableEventAPI) {\n const rootElement = rootContainerInstance.ownerDocument;\n- listenToEventResponderEvents(eventResponder, rootElement);\n+ listenToEventResponderEventTypes(\n+ eventResponder.targetEventTypes,\n+ rootElement,\n+ );\n }\n }\n \ndiff --git a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\nindex 98969ac8a5..058d633fa0 100644\n--- a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n+++ b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n@@ -13,29 +13,39 @@ import {\n } from 'events\/EventSystemFlags';\n import type {AnyNativeEvent} from 'events\/PluginModuleType';\n import {EventComponent} from 'shared\/ReactWorkTags';\n-import type {ReactEventResponder} from 'shared\/ReactTypes';\n-import warning from 'shared\/warning';\n+import type {\n+ ReactEventResponder,\n+ ReactEventResponderEventType,\n+} from 'shared\/ReactTypes';\n import type {DOMTopLevelEventType} from 'events\/TopLevelEventTypes';\n import SyntheticEvent from 'events\/SyntheticEvent';\n import {runEventsInBatch} from 'events\/EventBatching';\n import {interactiveUpdates} from 'events\/ReactGenericBatching';\n+import {executeDispatch} from 'events\/EventPluginUtils';\n import type {Fiber} from 'react-reconciler\/src\/ReactFiber';\n \n+import {listenToEventResponderEventTypes} from '..\/client\/ReactDOMComponent';\n import {getClosestInstanceFromNode} from '..\/client\/ReactDOMComponentTree';\n \n-\/\/ Event responders provide us an array of target event types.\n-\/\/ To ensure we fire the right responders for given events, we check\n-\/\/ if the incoming event type is actually relevant for an event\n-\/\/ responder. Instead of doing an O(n) lookup on the event responder\n-\/\/ target event types array each time, we instead create a Set for\n-\/\/ faster O(1) lookups.\n-export const eventResponderValidEventTypes: Map<\n- ReactEventResponder,\n+import {enableEventAPI} from 'shared\/ReactFeatureFlags';\n+\n+const rootEventTypesToEventComponents: Map<\n+ DOMTopLevelEventType | string,\n+ Set,\n+> = new Map();\n+const targetEventTypeCached: Map<\n+ Array,\n Set,\n > = new Map();\n \n type EventListener = (event: SyntheticEvent) => void;\n \n+function copyEventProperties(eventData, syntheticEvent) {\n+ for (let propName in eventData) {\n+ syntheticEvent[propName] = eventData[propName];\n+ }\n+}\n+\n \/\/ TODO add context methods for dispatching events\n function DOMEventResponderContext(\n topLevelType: DOMTopLevelEventType,\n@@ -44,13 +54,14 @@ function DOMEventResponderContext(\n eventSystemFlags: EventSystemFlags,\n ) {\n this.event = nativeEvent;\n- this.eventType = topLevelType;\n this.eventTarget = nativeEventTarget;\n+ this.eventType = topLevelType;\n this._flags = eventSystemFlags;\n this._fiber = null;\n this._responder = null;\n this._discreteEvents = null;\n this._nonDiscreteEvents = null;\n+ this._isBatching = true;\n }\n \n DOMEventResponderContext.prototype.isPassive = function(): boolean {\n@@ -61,12 +72,6 @@ DOMEventResponderContext.prototype.isPassiveSupported = function(): boolean {\n return (this._flags & PASSIVE_NOT_SUPPORTED) === 0;\n };\n \n-function copyEventProperties(eventData, syntheticEvent) {\n- for (let propName in eventData) {\n- syntheticEvent[propName] = eventData[propName];\n- }\n-}\n-\n DOMEventResponderContext.prototype.dispatchEvent = function(\n eventName: string,\n eventListener: EventListener,\n@@ -88,80 +93,155 @@ DOMEventResponderContext.prototype.dispatchEvent = function(\n syntheticEvent._dispatchInstances = [eventTargetFiber];\n syntheticEvent._dispatchListeners = [eventListener];\n \n- let events;\n- if (discrete) {\n- events = this._discreteEvents;\n- if (events === null) {\n- events = this._discreteEvents = [];\n+ if (this._isBatching) {\n+ let events;\n+ if (discrete) {\n+ events = this._discreteEvents;\n+ if (events === null) {\n+ events = this._discreteEvents = [];\n+ }\n+ } else {\n+ events = this._nonDiscreteEvents;\n+ if (events === null) {\n+ events = this._nonDiscreteEvents = [];\n+ }\n }\n+ events.push(syntheticEvent);\n } else {\n- events = this._nonDiscreteEvents;\n- if (events === null) {\n- events = this._nonDiscreteEvents = [];\n+ if (discrete) {\n+ interactiveUpdates(() => {\n+ executeDispatch(syntheticEvent, eventListener, eventTargetFiber);\n+ });\n+ } else {\n+ executeDispatch(syntheticEvent, eventListener, eventTargetFiber);\n }\n }\n- events.push(syntheticEvent);\n };\n \n-DOMEventResponderContext.prototype._runEventsInBatch = function(): void {\n- if (this._discreteEvents !== null) {\n- interactiveUpdates(() => {\n- runEventsInBatch(this._discreteEvents);\n- });\n+DOMEventResponderContext.prototype.isTargetWithinEventComponent = function(\n+ target: AnyNativeEvent,\n+): boolean {\n+ const eventFiber = this._fiber;\n+\n+ if (target != null) {\n+ let fiber = getClosestInstanceFromNode(target);\n+ while (fiber !== null) {\n+ if (fiber === eventFiber || fiber === eventFiber.alternate) {\n+ return true;\n+ }\n+ fiber = fiber.return;\n+ }\n }\n- if (this._nonDiscreteEvents !== null) {\n- runEventsInBatch(this._nonDiscreteEvents);\n+ return false;\n+};\n+\n+DOMEventResponderContext.prototype.isTargetWithinElement = function(\n+ childTarget: EventTarget,\n+ parentTarget: EventTarget,\n+): boolean {\n+ const childFiber = getClosestInstanceFromNode(childTarget);\n+ const parentFiber = getClosestInstanceFromNode(parentTarget);\n+\n+ let currentFiber = childFiber;\n+ while (currentFiber !== null) {\n+ if (currentFiber === parentFiber) {\n+ return true;\n+ }\n+ currentFiber = currentFiber.return;\n }\n+ return false;\n };\n \n-function createValidEventTypeSet(targetEventTypes): Set {\n- const eventTypeSet = new Set();\n- \/\/ Go through each target event type of the event responder\n- for (let i = 0, length = targetEventTypes.length; i < length; ++i) {\n- const targetEventType = targetEventTypes[i];\n+DOMEventResponderContext.prototype.addRootEventTypes = function(\n+ rootEventTypes: Array,\n+) {\n+ const element = this.eventTarget.ownerDocument;\n+ listenToEventResponderEventTypes(rootEventTypes, element);\n+ const eventComponent = this._fiber;\n+ for (let i = 0; i < rootEventTypes.length; i++) {\n+ const rootEventType = rootEventTypes[i];\n+ const topLevelEventType =\n+ typeof rootEventType === 'string' ? rootEventType : rootEventType.name;\n+ let rootEventComponents = rootEventTypesToEventComponents.get(\n+ topLevelEventType,\n+ );\n+ if (rootEventComponents === undefined) {\n+ rootEventComponents = new Set();\n+ rootEventTypesToEventComponents.set(\n+ topLevelEventType,\n+ rootEventComponents,\n+ );\n+ }\n+ rootEventComponents.add(eventComponent);\n+ }\n+};\n \n- if (typeof targetEventType === 'string') {\n- eventTypeSet.add(((targetEventType: any): DOMTopLevelEventType));\n- } else {\n- if (__DEV__) {\n- warning(\n- typeof targetEventType === 'object' && targetEventType !== null,\n- 'Event Responder: invalid entry in targetEventTypes array. ' +\n- 'Entry must be string or an object. Instead, got %s.',\n- targetEventType,\n- );\n- }\n- const targetEventConfigObject = ((targetEventType: any): {\n- name: DOMTopLevelEventType,\n- passive?: boolean,\n- capture?: boolean,\n- });\n- eventTypeSet.add(targetEventConfigObject.name);\n+DOMEventResponderContext.prototype.removeRootEventTypes = function(\n+ rootEventTypes: Array,\n+): void {\n+ const eventComponent = this._fiber;\n+ for (let i = 0; i < rootEventTypes.length; i++) {\n+ const rootEventType = rootEventTypes[i];\n+ const topLevelEventType =\n+ typeof rootEventType === 'string' ? rootEventType : rootEventType.name;\n+ let rootEventComponents = rootEventTypesToEventComponents.get(\n+ topLevelEventType,\n+ );\n+ if (rootEventComponents !== undefined) {\n+ rootEventComponents.delete(eventComponent);\n+ }\n+ }\n+};\n+\n+DOMEventResponderContext.prototype.isPositionWithinTouchHitTarget = function() {\n+ \/\/ TODO\n+};\n+\n+DOMEventResponderContext.prototype.isTargetOwned = function() {\n+ \/\/ TODO\n+};\n+\n+DOMEventResponderContext.prototype.requestOwnership = function() {\n+ \/\/ TODO\n+};\n+\n+DOMEventResponderContext.prototype.releaseOwnership = function() {\n+ \/\/ TODO\n+};\n+\n+function getTargetEventTypes(\n+ eventTypes: Array,\n+): Set {\n+ let cachedSet = targetEventTypeCached.get(eventTypes);\n+\n+ if (cachedSet === undefined) {\n+ cachedSet = new Set();\n+ for (let i = 0; i < eventTypes.length; i++) {\n+ const eventType = eventTypes[i];\n+ const topLevelEventType =\n+ typeof eventType === 'string' ? eventType : eventType.name;\n+ cachedSet.add(((topLevelEventType: any): DOMTopLevelEventType));\n }\n+ targetEventTypeCached.set(eventTypes, cachedSet);\n }\n- return eventTypeSet;\n+ return cachedSet;\n }\n \n function handleTopLevelType(\n topLevelType: DOMTopLevelEventType,\n fiber: Fiber,\n context: Object,\n+ isRootLevelEvent: boolean,\n ): void {\n const responder: ReactEventResponder = fiber.type.responder;\n- let {props, state} = fiber.stateNode;\n- let validEventTypesForResponder = eventResponderValidEventTypes.get(\n- responder,\n- );\n-\n- if (validEventTypesForResponder === undefined) {\n- validEventTypesForResponder = createValidEventTypeSet(\n- responder.targetEventTypes,\n- );\n- eventResponderValidEventTypes.set(responder, validEventTypesForResponder);\n- }\n- if (!validEventTypesForResponder.has(topLevelType)) {\n- return;\n+ if (!isRootLevelEvent) {\n+ \/\/ Validate the target event type exists on the responder\n+ const targetEventTypes = getTargetEventTypes(responder.targetEventTypes);\n+ if (!targetEventTypes.has(topLevelType)) {\n+ return;\n+ }\n }\n+ let {props, state} = fiber.stateNode;\n if (state === null && responder.createInitialState !== undefined) {\n state = fiber.stateNode.state = responder.createInitialState(props);\n }\n@@ -177,19 +257,49 @@ export function runResponderEventsInBatch(\n nativeEventTarget: EventTarget,\n eventSystemFlags: EventSystemFlags,\n ): void {\n- const context = new DOMEventResponderContext(\n- topLevelType,\n- nativeEvent,\n- nativeEventTarget,\n- eventSystemFlags,\n- );\n- let node = targetFiber;\n- \/\/ Traverse up the fiber tree till we find event component fibers.\n- while (node !== null) {\n- if (node.tag === EventComponent) {\n- handleTopLevelType(topLevelType, node, context);\n+ if (enableEventAPI) {\n+ const context = new DOMEventResponderContext(\n+ topLevelType,\n+ nativeEvent,\n+ nativeEventTarget,\n+ eventSystemFlags,\n+ );\n+ let node = targetFiber;\n+ \/\/ Traverse up the fiber tree till we find event component fibers.\n+ while (node !== null) {\n+ if (node.tag === EventComponent) {\n+ handleTopLevelType(topLevelType, node, context, false);\n+ }\n+ node = node.return;\n+ }\n+ \/\/ Handle root level events\n+ const rootEventComponents = rootEventTypesToEventComponents.get(\n+ topLevelType,\n+ );\n+ if (rootEventComponents !== undefined) {\n+ const rootEventComponentFibers = Array.from(rootEventComponents);\n+\n+ for (let i = 0; i < rootEventComponentFibers.length; i++) {\n+ const rootEventComponentFiber = rootEventComponentFibers[i];\n+ handleTopLevelType(\n+ topLevelType,\n+ rootEventComponentFiber,\n+ context,\n+ true,\n+ );\n+ }\n+ }\n+ \/\/ Run batched events\n+ const discreteEvents = context._discreteEvents;\n+ if (discreteEvents !== null) {\n+ interactiveUpdates(() => {\n+ runEventsInBatch(discreteEvents);\n+ });\n+ }\n+ const nonDiscreteEvents = context._nonDiscreteEvents;\n+ if (nonDiscreteEvents !== null) {\n+ runEventsInBatch(nonDiscreteEvents);\n }\n- node = node.return;\n+ context._isBatching = false;\n }\n- context._runEventsInBatch();\n }\ndiff --git a\/packages\/react-events\/hover.js b\/packages\/react-events\/hover.js\nnew file mode 100644\nindex 0000000000..a53675ca5c\n--- \/dev\/null\n+++ b\/packages\/react-events\/hover.js\n@@ -0,0 +1,14 @@\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+const Hover = require('.\/src\/Hover');\n+\n+module.exports = Hover.default || Hover;\ndiff --git a\/packages\/react-events\/npm\/hover.js b\/packages\/react-events\/npm\/hover.js\nnew file mode 100644\nindex 0000000000..1000d87449\n--- \/dev\/null\n+++ b\/packages\/react-events\/npm\/hover.js\n@@ -0,0 +1,7 @@\n+'use strict';\n+\n+if (process.env.NODE_ENV === 'production') {\n+ module.exports = require('.\/cjs\/react-events-hover.production.min.js');\n+} else {\n+ module.exports = require('.\/cjs\/react-events-hover.development.js');\n+}\ndiff --git a\/packages\/react-events\/npm\/press.js b\/packages\/react-events\/npm\/press.js\nnew file mode 100644\nindex 0000000000..deaba326bb\n--- \/dev\/null\n+++ b\/packages\/react-events\/npm\/press.js\n@@ -0,0 +1,7 @@\n+'use strict';\n+\n+if (process.env.NODE_ENV === 'production') {\n+ module.exports = require('.\/cjs\/react-events-press.production.min.js');\n+} else {\n+ module.exports = require('.\/cjs\/react-events-press.development.js');\n+}\ndiff --git a\/packages\/react-events\/package.json b\/packages\/react-events\/package.json\nindex b680069e11..a61330b9ce 100644\n--- a\/packages\/react-events\/package.json\n+++ b\/packages\/react-events\/package.json\n@@ -11,6 +11,7 @@\n \"files\": [\n \"LICENSE\",\n \"README.md\",\n+ \"press.js\",\n \"build-info.json\",\n \"cjs\/\",\n \"umd\/\"\ndiff --git a\/packages\/react-events\/press.js b\/packages\/react-events\/press.js\nnew file mode 100644\nindex 0000000000..2add5ba8ed\n--- \/dev\/null\n+++ b\/packages\/react-events\/press.js\n@@ -0,0 +1,14 @@\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+const Press = require('.\/src\/Press');\n+\n+module.exports = Press.default || Press;\ndiff --git a\/packages\/react-events\/src\/Hover.js b\/packages\/react-events\/src\/Hover.js\nnew file mode 100644\nindex 0000000000..8cb78b7751\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/Hover.js\n@@ -0,0 +1,179 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\n+ * @flow\n+ *\/\n+\n+import type {EventResponderContext} from 'events\/EventTypes';\n+import {REACT_EVENT_COMPONENT_TYPE} from 'shared\/ReactSymbols';\n+\n+const targetEventTypes = [\n+ 'pointerover',\n+ 'pointermove',\n+ 'pointerout',\n+ 'pointercancel',\n+];\n+\n+type HoverState = {\n+ isHovered: boolean,\n+ isInHitSlop: boolean,\n+ isTouched: boolean,\n+};\n+\n+\/\/ In the case we don't have PointerEvents (Safari), we listen to touch events\n+\/\/ too\n+if (typeof window !== 'undefined' && window.PointerEvent === undefined) {\n+ targetEventTypes.push('touchstart', 'mouseover', 'mouseout');\n+}\n+\n+function dispatchHoverInEvents(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: HoverState,\n+): void {\n+ const {event, eventTarget} = context;\n+ if (props.onHoverChange) {\n+ if (context.isTargetWithinEventComponent((event: any).relatedTarget)) {\n+ return;\n+ }\n+ if (props.onHoverIn) {\n+ context.dispatchEvent('hoverin', props.onHoverIn, eventTarget, true);\n+ }\n+ const hoverChangeEventListener = () => {\n+ props.onHoverChange(true);\n+ };\n+ context.dispatchEvent(\n+ 'hoverchange',\n+ hoverChangeEventListener,\n+ eventTarget,\n+ true,\n+ );\n+ }\n+}\n+\n+function dispatchHoverOutEvents(context: EventResponderContext, props: Object) {\n+ const {event, eventTarget} = context;\n+ if (context.isTargetWithinEventComponent((event: any).relatedTarget)) {\n+ return;\n+ }\n+ if (props.onHoverOut) {\n+ context.dispatchEvent('hoverout', props.onHoverOut, eventTarget, true);\n+ }\n+ if (props.onHoverChange) {\n+ const hoverChangeEventListener = () => {\n+ props.onHoverChange(false);\n+ };\n+ context.dispatchEvent(\n+ 'hoverchange',\n+ hoverChangeEventListener,\n+ eventTarget,\n+ true,\n+ );\n+ }\n+}\n+\n+const HoverResponder = {\n+ targetEventTypes,\n+ createInitialState() {\n+ return {\n+ isHovered: false,\n+ isInHitSlop: false,\n+ isTouched: false,\n+ };\n+ },\n+ handleEvent(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: HoverState,\n+ ): void {\n+ const {eventType, eventTarget, event} = context;\n+\n+ switch (eventType) {\n+ case 'touchstart':\n+ \/\/ Touch devices don't have hover support\n+ if (!state.isTouched) {\n+ state.isTouched = true;\n+ }\n+ break;\n+ case 'pointerover':\n+ case 'mouseover': {\n+ if (\n+ !state.isHovered &&\n+ !state.isTouched &&\n+ !context.isTargetOwned(eventTarget)\n+ ) {\n+ if ((event: any).pointerType === 'touch') {\n+ state.isTouched = true;\n+ return;\n+ }\n+ if (\n+ context.isPositionWithinTouchHitTarget(\n+ (event: any).x,\n+ (event: any).y,\n+ )\n+ ) {\n+ state.isInHitSlop = true;\n+ return;\n+ }\n+ dispatchHoverInEvents(context, props, state);\n+ state.isHovered = true;\n+ }\n+ break;\n+ }\n+ case 'pointerout':\n+ case 'mouseout': {\n+ if (state.isHovered && !state.isTouched) {\n+ dispatchHoverOutEvents(context, props);\n+ state.isHovered = false;\n+ }\n+ state.isInHitSlop = false;\n+ state.isTouched = false;\n+ break;\n+ }\n+ case 'pointermove': {\n+ if (!state.isTouched) {\n+ if (state.isInHitSlop) {\n+ if (\n+ !context.isPositionWithinTouchHitTarget(\n+ (event: any).x,\n+ (event: any).y,\n+ )\n+ ) {\n+ dispatchHoverInEvents(context, props, state);\n+ state.isHovered = true;\n+ state.isInHitSlop = false;\n+ }\n+ } else if (\n+ state.isHovered &&\n+ context.isPositionWithinTouchHitTarget(\n+ (event: any).x,\n+ (event: any).y,\n+ )\n+ ) {\n+ dispatchHoverOutEvents(context, props);\n+ state.isHovered = false;\n+ state.isInHitSlop = true;\n+ }\n+ }\n+ break;\n+ }\n+ case 'pointercancel': {\n+ if (state.isHovered && !state.isTouched) {\n+ dispatchHoverOutEvents(context, props);\n+ state.isHovered = false;\n+ state.isTouched = false;\n+ }\n+ break;\n+ }\n+ }\n+ },\n+};\n+\n+export default {\n+ $$typeof: REACT_EVENT_COMPONENT_TYPE,\n+ props: null,\n+ responder: HoverResponder,\n+};\ndiff --git a\/packages\/react-events\/src\/Press.js b\/packages\/react-events\/src\/Press.js\nnew file mode 100644\nindex 0000000000..f4b9bd8e4d\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/Press.js\n@@ -0,0 +1,342 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\n+ * @flow\n+ *\/\n+\n+import type {EventResponderContext} from 'events\/EventTypes';\n+import {REACT_EVENT_COMPONENT_TYPE} from 'shared\/ReactSymbols';\n+\n+const targetEventTypes = [\n+ {name: 'click', passive: false},\n+ {name: 'keydown', passive: false},\n+ 'pointerdown',\n+ 'pointercancel',\n+ 'contextmenu',\n+];\n+const rootEventTypes = ['pointerup', 'scroll'];\n+\n+\/\/ In the case we don't have PointerEvents (Safari), we listen to touch events\n+\/\/ too\n+if (typeof window !== 'undefined' && window.PointerEvent === undefined) {\n+ targetEventTypes.push('touchstart', 'touchend', 'mousedown', 'touchcancel');\n+ rootEventTypes.push('mouseup');\n+}\n+\n+type PressState = {\n+ defaultPrevented: boolean,\n+ isAnchorTouched: boolean,\n+ isLongPressed: boolean,\n+ isPressed: boolean,\n+ longPressTimeout: null | TimeoutID,\n+ pressTarget: null | EventTarget,\n+ shouldSkipMouseAfterTouch: boolean,\n+};\n+\n+function dispatchPressEvent(\n+ context: EventResponderContext,\n+ name: string,\n+ state: PressState,\n+ listener: (e: Object) => void,\n+): void {\n+ context.dispatchEvent(name, listener, state.pressTarget, true);\n+}\n+\n+function dispatchPressInEvents(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: PressState,\n+): void {\n+ if (props.onPressIn) {\n+ context.dispatchEvent('pressin', props.onPressIn, state.pressTarget, true);\n+ }\n+ if (props.onPressChange) {\n+ const pressChangeEventListener = () => {\n+ props.onPressChange(true);\n+ };\n+ context.dispatchEvent(\n+ 'presschange',\n+ pressChangeEventListener,\n+ state.pressTarget,\n+ true,\n+ );\n+ }\n+ if (!state.isLongPressed && (props.onLongPress || props.onLongPressChange)) {\n+ const longPressDelay = props.longPressDelay || 1000;\n+ state.longPressTimeout = setTimeout(() => {\n+ state.isLongPressed = true;\n+ state.longPressTimeout = null;\n+ if (props.onLongPressChange) {\n+ const longPressChangeEventListener = () => {\n+ props.onLongPressChange(true);\n+ };\n+ context.dispatchEvent(\n+ 'longpresschange',\n+ longPressChangeEventListener,\n+ state.pressTarget,\n+ true,\n+ );\n+ }\n+ }, longPressDelay);\n+ }\n+}\n+\n+function dispatchPressOutEvents(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: PressState,\n+): void {\n+ if (state.longPressTimeout !== null) {\n+ clearTimeout(state.longPressTimeout);\n+ state.longPressTimeout = null;\n+ }\n+ if (props.onPressOut) {\n+ context.dispatchEvent(\n+ 'pressout',\n+ props.onPressOut,\n+ state.pressTarget,\n+ true,\n+ );\n+ }\n+ if (props.onPressChange) {\n+ const pressChangeEventListener = () => {\n+ props.onPressChange(false);\n+ };\n+ context.dispatchEvent(\n+ 'presschange',\n+ pressChangeEventListener,\n+ state.pressTarget,\n+ true,\n+ );\n+ }\n+ if (props.onLongPressChange && state.isLongPressed) {\n+ const longPressChangeEventListener = () => {\n+ props.onLongPressChange(false);\n+ };\n+ context.dispatchEvent(\n+ 'longpresschange',\n+ longPressChangeEventListener,\n+ state.pressTarget,\n+ true,\n+ );\n+ }\n+}\n+\n+function isAnchorTagElement(eventTarget: EventTarget): boolean {\n+ return (eventTarget: any).nodeName === 'A';\n+}\n+\n+const PressResponder = {\n+ targetEventTypes,\n+ createInitialState(): PressState {\n+ return {\n+ defaultPrevented: false,\n+ isAnchorTouched: false,\n+ isLongPressed: false,\n+ isPressed: false,\n+ longPressTimeout: null,\n+ pressTarget: null,\n+ shouldSkipMouseAfterTouch: false,\n+ };\n+ },\n+ handleEvent(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: PressState,\n+ ): void {\n+ const {eventTarget, eventType, event} = context;\n+\n+ switch (eventType) {\n+ case 'keydown': {\n+ if (!props.onPress || context.isTargetOwned(eventTarget)) {\n+ return;\n+ }\n+ const isValidKeyPress =\n+ (event: any).which === 13 ||\n+ (event: any).which === 32 ||\n+ (event: any).keyCode === 13;\n+\n+ if (!isValidKeyPress) {\n+ return;\n+ }\n+ let keyPressEventListener = props.onPress;\n+\n+ \/\/ Wrap listener with prevent default behaviour, unless\n+ \/\/ we are dealing with an anchor. Anchor tags are special beacuse\n+ \/\/ we need to use the \"click\" event, to properly allow browser\n+ \/\/ heuristics for cancelling link clicks. Furthermore, iOS and\n+ \/\/ Android can show previous of anchor tags that requires working\n+ \/\/ with click rather than touch events (and mouse down\/up).\n+ if (!isAnchorTagElement(eventTarget)) {\n+ keyPressEventListener = (e, key) => {\n+ if (!e.isDefaultPrevented() && !e.nativeEvent.defaultPrevented) {\n+ e.preventDefault();\n+ state.defaultPrevented = true;\n+ props.onPress(e, key);\n+ }\n+ };\n+ }\n+ dispatchPressEvent(context, 'press', state, keyPressEventListener);\n+ break;\n+ }\n+ case 'touchstart':\n+ \/\/ Touch events are for Safari, which lack pointer event support.\n+ if (!state.isPressed && !context.isTargetOwned(eventTarget)) {\n+ \/\/ We bail out of polyfilling anchor tags, given the same heuristics\n+ \/\/ explained above in regards to needing to use click events.\n+ if (isAnchorTagElement(eventTarget)) {\n+ state.isAnchorTouched = true;\n+ return;\n+ }\n+ state.pressTarget = eventTarget;\n+ dispatchPressInEvents(context, props, state);\n+ state.isPressed = true;\n+ context.addRootEventTypes(rootEventTypes);\n+ }\n+\n+ break;\n+ case 'touchend': {\n+ \/\/ Touch events are for Safari, which lack pointer event support\n+ if (state.isAnchorTouched) {\n+ return;\n+ }\n+ if (state.isPressed) {\n+ dispatchPressOutEvents(context, props, state);\n+ if (\n+ eventType !== 'touchcancel' &&\n+ (props.onPress || props.onLongPress)\n+ ) {\n+ \/\/ Find if the X\/Y of the end touch is still that of the original target\n+ const changedTouch = (event: any).changedTouches[0];\n+ const doc = (eventTarget: any).ownerDocument;\n+ const target = doc.elementFromPoint(\n+ changedTouch.screenX,\n+ changedTouch.screenY,\n+ );\n+ if (\n+ target !== null &&\n+ context.isTargetWithinEventComponent(target)\n+ ) {\n+ if (state.isLongPressed && props.onLongPress) {\n+ dispatchPressEvent(\n+ context,\n+ 'longpress',\n+ state,\n+ props.onLongPress,\n+ );\n+ } else if (props.onPress) {\n+ dispatchPressEvent(context, 'press', state, props.onPress);\n+ }\n+ }\n+ }\n+ state.isPressed = false;\n+ state.isLongPressed = false;\n+ state.shouldSkipMouseAfterTouch = true;\n+ context.removeRootEventTypes(rootEventTypes);\n+ }\n+ break;\n+ }\n+ case 'pointerdown':\n+ case 'mousedown': {\n+ if (\n+ !state.isPressed &&\n+ !context.isTargetOwned(eventTarget) &&\n+ !state.shouldSkipMouseAfterTouch\n+ ) {\n+ if ((event: any).pointerType === 'mouse') {\n+ \/\/ Ignore if we are pressing on hit slop area with mouse\n+ if (\n+ context.isPositionWithinTouchHitTarget(\n+ (event: any).x,\n+ (event: any).y,\n+ )\n+ ) {\n+ return;\n+ }\n+ \/\/ Ignore right-clicks\n+ if (event.button === 2 || event.button === 1) {\n+ return;\n+ }\n+ }\n+ state.pressTarget = eventTarget;\n+ dispatchPressInEvents(context, props, state);\n+ state.isPressed = true;\n+ context.addRootEventTypes(rootEventTypes);\n+ }\n+ break;\n+ }\n+ case 'mouseup':\n+ case 'pointerup': {\n+ if (state.isPressed) {\n+ if (state.shouldSkipMouseAfterTouch) {\n+ state.shouldSkipMouseAfterTouch = false;\n+ return;\n+ }\n+ dispatchPressOutEvents(context, props, state);\n+ if (\n+ state.pressTarget !== null &&\n+ (props.onPress || props.onLongPress)\n+ ) {\n+ if (context.isTargetWithinElement(eventTarget, state.pressTarget)) {\n+ if (state.isLongPressed && props.onLongPress) {\n+ const longPressEventListener = e => {\n+ props.onLongPress(e);\n+ if (e.nativeEvent.defaultPrevented) {\n+ state.defaultPrevented = true;\n+ }\n+ };\n+ dispatchPressEvent(\n+ context,\n+ 'longpress',\n+ state,\n+ longPressEventListener,\n+ );\n+ } else if (props.onPress) {\n+ const pressEventListener = (e, key) => {\n+ props.onPress(e, key);\n+ if (e.nativeEvent.defaultPrevented) {\n+ state.defaultPrevented = true;\n+ }\n+ };\n+ dispatchPressEvent(context, 'press', state, pressEventListener);\n+ }\n+ }\n+ }\n+ state.isPressed = false;\n+ state.isLongPressed = false;\n+ context.removeRootEventTypes(rootEventTypes);\n+ }\n+ state.isAnchorTouched = false;\n+ break;\n+ }\n+ case 'scroll':\n+ case 'touchcancel':\n+ case 'contextmenu':\n+ case 'pointercancel': {\n+ if (state.isPressed) {\n+ state.shouldSkipMouseAfterTouch = false;\n+ dispatchPressOutEvents(context, props, state);\n+ state.isPressed = false;\n+ state.isLongPressed = false;\n+ context.removeRootEventTypes(rootEventTypes);\n+ }\n+ break;\n+ }\n+ case 'click': {\n+ if (state.defaultPrevented) {\n+ (event: any).preventDefault();\n+ state.defaultPrevented = false;\n+ }\n+ }\n+ }\n+ },\n+};\n+\n+export default {\n+ $$typeof: REACT_EVENT_COMPONENT_TYPE,\n+ props: null,\n+ responder: PressResponder,\n+};\ndiff --git a\/packages\/react-events\/src\/__tests__\/Press-test.internal.js b\/packages\/react-events\/src\/__tests__\/Press-test.internal.js\nnew file mode 100644\nindex 0000000000..1dc7cf5a8d\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/__tests__\/Press-test.internal.js\n@@ -0,0 +1,129 @@\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 Press;\n+\n+describe('Press event responder', () => {\n+ let container;\n+\n+ beforeEach(() => {\n+ jest.resetModules();\n+ ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n+ ReactFeatureFlags.enableEventAPI = true;\n+ React = require('react');\n+ ReactDOM = require('react-dom');\n+ Press = require('react-events\/press');\n+\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+ it('should support onPress', () => {\n+ let buttonRef = React.createRef();\n+ let events = [];\n+\n+ function handleOnPress1() {\n+ events.push('press 1');\n+ }\n+\n+ function handleOnPress2() {\n+ events.push('press 2');\n+ }\n+\n+ function handleOnMouseDown() {\n+ events.push('mousedown');\n+ }\n+\n+ function handleKeyDown() {\n+ events.push('keydown');\n+ }\n+\n+ function Component() {\n+ return (\n+ \n+ \n+ \n+ Press me!\n+ <\/button>\n+ <\/Press>\n+ <\/Press>\n+ );\n+ }\n+\n+ ReactDOM.render(, container);\n+\n+ const mouseDownEvent = document.createEvent('Event');\n+ mouseDownEvent.initEvent('mousedown', true, true);\n+ buttonRef.current.dispatchEvent(mouseDownEvent);\n+\n+ const mouseUpEvent = document.createEvent('Event');\n+ mouseUpEvent.initEvent('mouseup', true, true);\n+ buttonRef.current.dispatchEvent(mouseUpEvent);\n+\n+ expect(events).toEqual(['mousedown', 'press 2', 'press 1']);\n+\n+ events = [];\n+ const keyDownEvent = new KeyboardEvent('keydown', {\n+ which: 13,\n+ keyCode: 13,\n+ bubbles: true,\n+ cancelable: true,\n+ });\n+ buttonRef.current.dispatchEvent(keyDownEvent);\n+\n+ \/\/ press 1 should not occur as press 2 will preventDefault\n+ expect(events).toEqual(['keydown', 'press 2']);\n+ });\n+\n+ it('should support onPressIn and onPressOut', () => {\n+ let divRef = React.createRef();\n+ let events = [];\n+\n+ function handleOnPressIn() {\n+ events.push('onPressIn');\n+ }\n+\n+ function handleOnPressOut() {\n+ events.push('onPressOut');\n+ }\n+\n+ function Component() {\n+ return (\n+ \n+

Press me!<\/div>\n+ <\/Press>\n+ );\n+ }\n+\n+ ReactDOM.render(, container);\n+\n+ const pointerEnterEvent = document.createEvent('Event');\n+ pointerEnterEvent.initEvent('pointerdown', true, true);\n+ divRef.current.dispatchEvent(pointerEnterEvent);\n+\n+ const pointerLeaveEvent = document.createEvent('Event');\n+ pointerLeaveEvent.initEvent('pointerup', true, true);\n+ divRef.current.dispatchEvent(pointerLeaveEvent);\n+\n+ expect(events).toEqual(['onPressIn', 'onPressOut']);\n+ });\n+});\ndiff --git a\/scripts\/rollup\/bundles.js b\/scripts\/rollup\/bundles.js\nindex 898c39728f..078a4697e5 100644\n--- a\/scripts\/rollup\/bundles.js\n+++ b\/scripts\/rollup\/bundles.js\n@@ -464,12 +464,49 @@ const bundles = [\n \n \/******* React Events (experimental) *******\/\n {\n- bundleTypes: [NODE_DEV, NODE_PROD, FB_WWW_DEV, FB_WWW_PROD],\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+ UMD_PROD,\n+ NODE_DEV,\n+ NODE_PROD,\n+ FB_WWW_DEV,\n+ FB_WWW_PROD,\n+ ],\n+ moduleType: NON_FIBER_RENDERER,\n+ entry: 'react-events\/press',\n+ global: 'ReactEventsPress',\n+ externals: [],\n+ },\n+\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: NON_FIBER_RENDERER,\n+ entry: 'react-events\/hover',\n+ global: 'ReactEventsHover',\n+ externals: [],\n+ },\n ];\n \n \/\/ Based on deep-freeze by substack (public domain)\ndiff --git a\/scripts\/rollup\/results.json b\/scripts\/rollup\/results.json\nindex 346e655064..ddb87f522b 100644\n--- a\/scripts\/rollup\/results.json\n+++ b\/scripts\/rollup\/results.json\n@@ -46,29 +46,29 @@\n \"filename\": \"react-dom.development.js\",\n \"bundleType\": \"UMD_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 803793,\n- \"gzip\": 183116\n+ \"size\": 832345,\n+ \"gzip\": 188603\n },\n {\n \"filename\": \"react-dom.production.min.js\",\n \"bundleType\": \"UMD_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 107752,\n- \"gzip\": 34911\n+ \"size\": 107683,\n+ \"gzip\": 34867\n },\n {\n \"filename\": \"react-dom.development.js\",\n \"bundleType\": \"NODE_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 813661,\n- \"gzip\": 184364\n+ \"size\": 826372,\n+ \"gzip\": 186963\n },\n {\n \"filename\": \"react-dom.production.min.js\",\n \"bundleType\": \"NODE_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 108035,\n- \"gzip\": 34515\n+ \"size\": 107664,\n+ \"gzip\": 34301\n },\n {\n \"filename\": \"ReactDOM-dev.js\",\n@@ -88,15 +88,15 @@\n \"filename\": \"react-dom-test-utils.development.js\",\n \"bundleType\": \"UMD_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 48274,\n- \"gzip\": 13318\n+ \"size\": 48620,\n+ \"gzip\": 13278\n },\n {\n \"filename\": \"react-dom-test-utils.production.min.js\",\n \"bundleType\": \"UMD_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 10511,\n- \"gzip\": 3880\n+ \"size\": 10184,\n+ \"gzip\": 3732\n },\n {\n \"filename\": \"react-dom-test-utils.development.js\",\n@@ -123,22 +123,22 @@\n \"filename\": \"react-dom-unstable-native-dependencies.development.js\",\n \"bundleType\": \"UMD_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 62061,\n- \"gzip\": 16285\n+ \"size\": 62190,\n+ \"gzip\": 16206\n },\n {\n \"filename\": \"react-dom-unstable-native-dependencies.production.min.js\",\n \"bundleType\": \"UMD_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 11266,\n- \"gzip\": 3889\n+ \"size\": 10936,\n+ \"gzip\": 3741\n },\n {\n \"filename\": \"react-dom-unstable-native-dependencies.development.js\",\n \"bundleType\": \"NODE_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 61643,\n- \"gzip\": 16033\n+ \"size\": 61854,\n+ \"gzip\": 16078\n },\n {\n \"filename\": \"react-dom-unstable-native-dependencies.production.min.js\",\n@@ -165,29 +165,29 @@\n \"filename\": \"react-dom-server.browser.development.js\",\n \"bundleType\": \"UMD_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 133264,\n- \"gzip\": 35517\n+ \"size\": 136840,\n+ \"gzip\": 36205\n },\n {\n \"filename\": \"react-dom-server.browser.production.min.js\",\n \"bundleType\": \"UMD_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 19666,\n- \"gzip\": 7443\n+ \"size\": 19363,\n+ \"gzip\": 7290\n },\n {\n \"filename\": \"react-dom-server.browser.development.js\",\n \"bundleType\": \"NODE_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 132758,\n- \"gzip\": 35195\n+ \"size\": 132878,\n+ \"gzip\": 35237\n },\n {\n \"filename\": \"react-dom-server.browser.production.min.js\",\n \"bundleType\": \"NODE_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 19756,\n- \"gzip\": 7540\n+ \"size\": 19287,\n+ \"gzip\": 7290\n },\n {\n \"filename\": \"ReactDOMServer-dev.js\",\n@@ -207,15 +207,15 @@\n \"filename\": \"react-dom-server.node.development.js\",\n \"bundleType\": \"NODE_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 134747,\n- \"gzip\": 35752\n+ \"size\": 134867,\n+ \"gzip\": 35791\n },\n {\n \"filename\": \"react-dom-server.node.production.min.js\",\n \"bundleType\": \"NODE_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 20639,\n- \"gzip\": 7850\n+ \"size\": 20170,\n+ \"gzip\": 7598\n },\n {\n \"filename\": \"react-art.development.js\",\n@@ -515,50 +515,50 @@\n \"filename\": \"ReactDOM-dev.js\",\n \"bundleType\": \"FB_WWW_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 821918,\n- \"gzip\": 182691\n+ \"size\": 851672,\n+ \"gzip\": 188651\n },\n {\n \"filename\": \"ReactDOM-prod.js\",\n \"bundleType\": \"FB_WWW_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 333267,\n- \"gzip\": 61003\n+ \"size\": 339041,\n+ \"gzip\": 62418\n },\n {\n \"filename\": \"ReactTestUtils-dev.js\",\n \"bundleType\": \"FB_WWW_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 44870,\n- \"gzip\": 12188\n+ \"size\": 46251,\n+ \"gzip\": 12476\n },\n {\n \"filename\": \"ReactDOMUnstableNativeDependencies-dev.js\",\n \"bundleType\": \"FB_WWW_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 59002,\n- \"gzip\": 14967\n+ \"size\": 60296,\n+ \"gzip\": 15251\n },\n {\n \"filename\": \"ReactDOMUnstableNativeDependencies-prod.js\",\n \"bundleType\": \"FB_WWW_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 26900,\n- \"gzip\": 5426\n+ \"size\": 26767,\n+ \"gzip\": 5381\n },\n {\n \"filename\": \"ReactDOMServer-dev.js\",\n \"bundleType\": \"FB_WWW_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 130310,\n- \"gzip\": 33947\n+ \"size\": 135272,\n+ \"gzip\": 35002\n },\n {\n \"filename\": \"ReactDOMServer-prod.js\",\n \"bundleType\": \"FB_WWW_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 46994,\n- \"gzip\": 10956\n+ \"size\": 46877,\n+ \"gzip\": 10879\n },\n {\n \"filename\": \"ReactART-dev.js\",\n@@ -718,8 +718,8 @@\n \"filename\": \"react-dom.profiling.min.js\",\n \"bundleType\": \"NODE_PROFILING\",\n \"packageName\": \"react-dom\",\n- \"size\": 111211,\n- \"gzip\": 35133\n+ \"size\": 110839,\n+ \"gzip\": 34944\n },\n {\n \"filename\": \"ReactNativeRenderer-profiling.js\",\n@@ -767,8 +767,8 @@\n \"filename\": \"ReactDOM-profiling.js\",\n \"bundleType\": \"FB_WWW_PROFILING\",\n \"packageName\": \"react-dom\",\n- \"size\": 339339,\n- \"gzip\": 62379\n+ \"size\": 345581,\n+ \"gzip\": 63810\n },\n {\n \"filename\": \"ReactNativeRenderer-profiling.js\",\n@@ -795,8 +795,8 @@\n \"filename\": \"react-dom.profiling.min.js\",\n \"bundleType\": \"UMD_PROFILING\",\n \"packageName\": \"react-dom\",\n- \"size\": 110829,\n- \"gzip\": 35621\n+ \"size\": 110730,\n+ \"gzip\": 35485\n },\n {\n \"filename\": \"scheduler-tracing.development.js\",\n@@ -1033,64 +1033,64 @@\n \"filename\": \"react-dom-unstable-fire.development.js\",\n \"bundleType\": \"UMD_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 804147,\n- \"gzip\": 183253\n+ \"size\": 832471,\n+ \"gzip\": 188731\n },\n {\n \"filename\": \"react-dom-unstable-fire.production.min.js\",\n \"bundleType\": \"UMD_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 107767,\n- \"gzip\": 34920\n+ \"size\": 107698,\n+ \"gzip\": 34877\n },\n {\n \"filename\": \"react-dom-unstable-fire.profiling.min.js\",\n \"bundleType\": \"UMD_PROFILING\",\n \"packageName\": \"react-dom\",\n- \"size\": 110844,\n- \"gzip\": 35630\n+ \"size\": 110745,\n+ \"gzip\": 35493\n },\n {\n \"filename\": \"react-dom-unstable-fire.development.js\",\n \"bundleType\": \"NODE_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 814014,\n- \"gzip\": 184503\n+ \"size\": 826725,\n+ \"gzip\": 187104\n },\n {\n \"filename\": \"react-dom-unstable-fire.production.min.js\",\n \"bundleType\": \"NODE_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 108049,\n- \"gzip\": 34524\n+ \"size\": 107678,\n+ \"gzip\": 34310\n },\n {\n \"filename\": \"react-dom-unstable-fire.profiling.min.js\",\n \"bundleType\": \"NODE_PROFILING\",\n \"packageName\": \"react-dom\",\n- \"size\": 111225,\n- \"gzip\": 35142\n+ \"size\": 110853,\n+ \"gzip\": 34953\n },\n {\n \"filename\": \"ReactFire-dev.js\",\n \"bundleType\": \"FB_WWW_DEV\",\n \"packageName\": \"react-dom\",\n- \"size\": 821109,\n- \"gzip\": 182607\n+ \"size\": 850863,\n+ \"gzip\": 188551\n },\n {\n \"filename\": \"ReactFire-prod.js\",\n \"bundleType\": \"FB_WWW_PROD\",\n \"packageName\": \"react-dom\",\n- \"size\": 321531,\n- \"gzip\": 58583\n+ \"size\": 327881,\n+ \"gzip\": 60185\n },\n {\n \"filename\": \"ReactFire-profiling.js\",\n \"bundleType\": \"FB_WWW_PROFILING\",\n \"packageName\": \"react-dom\",\n- \"size\": 327694,\n- \"gzip\": 59916\n+ \"size\": 334366,\n+ \"gzip\": 61586\n },\n {\n \"filename\": \"jest-mock-scheduler.development.js\",\n","commit":{"shortRevision":"669cafb36f","authorName":"Dominic Gannaway","authoredAt":"2019-03-27T16:42:17-07:00","revision":"669cafb36f7252e2f83655f48f48a85b0f4e2051","authorEmail":"trueadm@users.noreply.github.com","subject":"Adds experimental event component responder surfaces (#15228)"},"files":[{"status":"M","path":"packages\/events\/EventPluginUtils.js"},{"status":"A","path":"packages\/events\/EventTypes.js"},{"status":"M","path":"packages\/react-dom\/src\/client\/ReactDOMComponent.js"},{"status":"M","path":"packages\/react-dom\/src\/client\/ReactDOMHostConfig.js"},{"status":"M","path":"packages\/react-dom\/src\/events\/DOMEventResponderSystem.js"},{"status":"A","path":"packages\/react-events\/hover.js"},{"status":"A","path":"packages\/react-events\/npm\/hover.js"},{"status":"A","path":"packages\/react-events\/npm\/press.js"},{"status":"M","path":"packages\/react-events\/package.json"},{"status":"A","path":"packages\/react-events\/press.js"},{"status":"A","path":"packages\/react-events\/src\/Hover.js"},{"status":"A","path":"packages\/react-events\/src\/Press.js"},{"status":"A","path":"packages\/react-events\/src\/__tests__\/Press-test.internal.js"},{"status":"M","path":"scripts\/rollup\/bundles.js"},{"status":"M","path":"scripts\/rollup\/results.json"}]}

dillon1000/react

Files changed