{"commit":{"shortRevision":"a41b217708","authorName":"Dominic Gannaway","authoredAt":"2019-03-29T10:31:18-07:00","subject":"Add additional event API responder surfaces (#15248)","authorEmail":"trueadm@users.noreply.github.com","revision":"a41b217708fcf2a8a325c83f89a480b2ebd91ce6"},"parents":["700f17be6752a13a8ead86458e343d2d637ee3ee"],"body":"* Add rest of event modules + small fixes","files":[{"status":"M","path":"packages\/events\/EventTypes.js"},{"status":"M","path":"packages\/react-dom\/src\/events\/DOMEventResponderSystem.js"},{"status":"A","path":"packages\/react-events\/drag.js"},{"status":"A","path":"packages\/react-events\/focus.js"},{"status":"A","path":"packages\/react-events\/npm\/drag.js"},{"status":"A","path":"packages\/react-events\/npm\/focus.js"},{"status":"A","path":"packages\/react-events\/npm\/swipe.js"},{"status":"M","path":"packages\/react-events\/package.json"},{"status":"A","path":"packages\/react-events\/src\/Drag.js"},{"status":"A","path":"packages\/react-events\/src\/Focus.js"},{"status":"M","path":"packages\/react-events\/src\/Press.js"},{"status":"A","path":"packages\/react-events\/src\/Swipe.js"},{"status":"A","path":"packages\/react-events\/swipe.js"},{"status":"M","path":"scripts\/rollup\/bundles.js"}],"patch":"diff --git a\/packages\/events\/EventTypes.js b\/packages\/events\/EventTypes.js\nindex bba4e23988..a03ef8f740 100644\n--- a\/packages\/events\/EventTypes.js\n+++ b\/packages\/events\/EventTypes.js\n@@ -9,6 +9,7 @@\n \n import SyntheticEvent from 'events\/SyntheticEvent';\n import type {AnyNativeEvent} from 'events\/PluginModuleType';\n+import type {ReactEventResponderEventType} from 'shared\/ReactTypes';\n \n export type EventResponderContext = {\n event: AnyNativeEvent,\n@@ -30,8 +31,12 @@ export type EventResponderContext = {\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+ addRootEventTypes: (\n+ rootEventTypes: Array,\n+ ) => void,\n+ removeRootEventTypes: (\n+ rootEventTypes: Array,\n+ ) => void,\n requestOwnership: (target: EventTarget | null) => boolean,\n releaseOwnership: (target: EventTarget | null) => boolean,\n };\ndiff --git a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\nindex ce23eb5ad9..9c52389654 100644\n--- a\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n+++ b\/packages\/react-dom\/src\/events\/DOMEventResponderSystem.js\n@@ -44,6 +44,7 @@ const targetEventTypeCached: Map<\n Array,\n Set,\n > = new Map();\n+const targetOwnership: Map = new Map();\n \n type EventListener = (event: SyntheticEvent) => void;\n \n@@ -204,16 +205,37 @@ DOMEventResponderContext.prototype.isPositionWithinTouchHitTarget = function() {\n \/\/ TODO\n };\n \n-DOMEventResponderContext.prototype.isTargetOwned = function() {\n- \/\/ TODO\n+DOMEventResponderContext.prototype.isTargetOwned = function(\n+ targetElement: Element | Node,\n+): boolean {\n+ const targetDoc = targetElement.ownerDocument;\n+ return targetOwnership.has(targetDoc);\n };\n \n-DOMEventResponderContext.prototype.requestOwnership = function() {\n- \/\/ TODO\n+DOMEventResponderContext.prototype.requestOwnership = function(\n+ targetElement: Element | Node,\n+): boolean {\n+ const targetDoc = targetElement.ownerDocument;\n+ if (targetOwnership.has(targetDoc)) {\n+ return false;\n+ }\n+ targetOwnership.set(targetDoc, this._fiber);\n+ return true;\n };\n \n-DOMEventResponderContext.prototype.releaseOwnership = function() {\n- \/\/ TODO\n+DOMEventResponderContext.prototype.releaseOwnership = function(\n+ targetElement: Element | Node,\n+): boolean {\n+ const targetDoc = targetElement.ownerDocument;\n+ if (!targetOwnership.has(targetDoc)) {\n+ return false;\n+ }\n+ const owner = targetOwnership.get(targetDoc);\n+ if (owner === this._fiber || owner === this._fiber.alternate) {\n+ targetOwnership.delete(targetDoc);\n+ return true;\n+ }\n+ return false;\n };\n \n function getTargetEventTypes(\ndiff --git a\/packages\/react-events\/drag.js b\/packages\/react-events\/drag.js\nnew file mode 100644\nindex 0000000000..f8148f1273\n--- \/dev\/null\n+++ b\/packages\/react-events\/drag.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 Drag = require('.\/src\/Drag');\n+\n+module.exports = Drag.default || Drag;\ndiff --git a\/packages\/react-events\/focus.js b\/packages\/react-events\/focus.js\nnew file mode 100644\nindex 0000000000..0b9288a790\n--- \/dev\/null\n+++ b\/packages\/react-events\/focus.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 Focus = require('.\/src\/Focus');\n+\n+module.exports = Focus.default || Focus;\ndiff --git a\/packages\/react-events\/npm\/drag.js b\/packages\/react-events\/npm\/drag.js\nnew file mode 100644\nindex 0000000000..4b8838b965\n--- \/dev\/null\n+++ b\/packages\/react-events\/npm\/drag.js\n@@ -0,0 +1,7 @@\n+'use strict';\n+\n+if (process.env.NODE_ENV === 'production') {\n+ module.exports = require('.\/cjs\/react-events-drag.production.min.js');\n+} else {\n+ module.exports = require('.\/cjs\/react-events-drag.development.js');\n+}\ndiff --git a\/packages\/react-events\/npm\/focus.js b\/packages\/react-events\/npm\/focus.js\nnew file mode 100644\nindex 0000000000..06b656a761\n--- \/dev\/null\n+++ b\/packages\/react-events\/npm\/focus.js\n@@ -0,0 +1,7 @@\n+'use strict';\n+\n+if (process.env.NODE_ENV === 'production') {\n+ module.exports = require('.\/cjs\/react-events-focus.production.min.js');\n+} else {\n+ module.exports = require('.\/cjs\/react-events-focus.development.js');\n+}\ndiff --git a\/packages\/react-events\/npm\/swipe.js b\/packages\/react-events\/npm\/swipe.js\nnew file mode 100644\nindex 0000000000..aa2b1f2fe1\n--- \/dev\/null\n+++ b\/packages\/react-events\/npm\/swipe.js\n@@ -0,0 +1,7 @@\n+'use strict';\n+\n+if (process.env.NODE_ENV === 'production') {\n+ module.exports = require('.\/cjs\/react-events-swipe.production.min.js');\n+} else {\n+ module.exports = require('.\/cjs\/react-events-swipe.development.js');\n+}\ndiff --git a\/packages\/react-events\/package.json b\/packages\/react-events\/package.json\nindex a61330b9ce..0950a38579 100644\n--- a\/packages\/react-events\/package.json\n+++ b\/packages\/react-events\/package.json\n@@ -12,6 +12,11 @@\n \"LICENSE\",\n \"README.md\",\n \"press.js\",\n+ \"hover.js\",\n+ \"focus.js\",\n+ \"swipe.js\",\n+ \"drag.js\",\n+ \"index.js\",\n \"build-info.json\",\n \"cjs\/\",\n \"umd\/\"\ndiff --git a\/packages\/react-events\/src\/Drag.js b\/packages\/react-events\/src\/Drag.js\nnew file mode 100644\nindex 0000000000..7181b4efa2\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/Drag.js\n@@ -0,0 +1,187 @@\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 = ['pointerdown', 'pointercancel'];\n+const rootEventTypes = ['pointerup', {name: 'pointermove', passive: false}];\n+\n+type DragState = {\n+ dragTarget: null | EventTarget,\n+ isPointerDown: boolean,\n+ isDragging: boolean,\n+ startX: number,\n+ startY: number,\n+ x: number,\n+ y: number,\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', 'touchend', 'mousedown', 'touchcancel');\n+ rootEventTypes.push('mouseup', 'mousemove', {\n+ name: 'touchmove',\n+ passive: false,\n+ });\n+}\n+\n+function dispatchDragEvent(\n+ context: EventResponderContext,\n+ name: string,\n+ listener: (e: Object) => void,\n+ state: DragState,\n+ discrete: boolean,\n+ eventData?: {\n+ diffX: number,\n+ diffY: number,\n+ },\n+): void {\n+ context.dispatchEvent(name, listener, state.dragTarget, discrete, eventData);\n+}\n+\n+const DragResponder = {\n+ targetEventTypes,\n+ createInitialState(): DragState {\n+ return {\n+ dragTarget: null,\n+ isPointerDown: false,\n+ isDragging: false,\n+ startX: 0,\n+ startY: 0,\n+ x: 0,\n+ y: 0,\n+ };\n+ },\n+ handleEvent(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: DragState,\n+ ): void {\n+ const {eventTarget, eventType, event} = context;\n+\n+ switch (eventType) {\n+ case 'touchstart':\n+ case 'mousedown':\n+ case 'pointerdown': {\n+ if (!state.isDragging) {\n+ const obj =\n+ eventType === 'touchstart' ? (event: any).changedTouches[0] : event;\n+ const x = (state.startX = (obj: any).screenX);\n+ const y = (state.startY = (obj: any).screenY);\n+ state.x = x;\n+ state.y = y;\n+ state.dragTarget = eventTarget;\n+ state.isPointerDown = true;\n+ context.addRootEventTypes(rootEventTypes);\n+ }\n+ break;\n+ }\n+ case 'touchmove':\n+ case 'mousemove':\n+ case 'pointermove': {\n+ if (context.isPassive()) {\n+ return;\n+ }\n+ if (state.isPointerDown) {\n+ const obj =\n+ eventType === 'touchmove' ? (event: any).changedTouches[0] : event;\n+ const x = (obj: any).screenX;\n+ const y = (obj: any).screenY;\n+ state.x = x;\n+ state.y = y;\n+ if (!state.isDragging && x !== state.startX && y !== state.startY) {\n+ let shouldEnableDragging = true;\n+\n+ if (\n+ props.onShouldClaimOwnership &&\n+ props.onShouldClaimOwnership()\n+ ) {\n+ shouldEnableDragging = context.requestOwnership(state.dragTarget);\n+ }\n+ if (shouldEnableDragging) {\n+ state.isDragging = true;\n+ if (props.onDragChange) {\n+ const dragChangeEventListener = () => {\n+ props.onDragChange(true);\n+ };\n+ context.dispatchEvent(\n+ 'dragchange',\n+ dragChangeEventListener,\n+ state.dragTarget,\n+ true,\n+ );\n+ }\n+ } else {\n+ state.dragTarget = null;\n+ state.isPointerDown = false;\n+ context.removeRootEventTypes(rootEventTypes);\n+ }\n+ } else {\n+ if (props.onDragMove) {\n+ const eventData = {\n+ diffX: x - state.startX,\n+ diffY: y - state.startY,\n+ };\n+ dispatchDragEvent(\n+ context,\n+ 'dragmove',\n+ props.onDragMove,\n+ state,\n+ false,\n+ eventData,\n+ );\n+ }\n+ (event: any).preventDefault();\n+ }\n+ }\n+ break;\n+ }\n+ case 'pointercancel':\n+ case 'touchcancel':\n+ case 'touchend':\n+ case 'mouseup':\n+ case 'pointerup': {\n+ if (state.isDragging) {\n+ if (props.onShouldClaimOwnership) {\n+ context.releaseOwnership(state.dragTarget);\n+ }\n+ if (props.onDragEnd) {\n+ dispatchDragEvent(context, 'dragend', props.onDragEnd, state, true);\n+ }\n+ if (props.onDragChange) {\n+ const dragChangeEventListener = () => {\n+ props.onDragChange(false);\n+ };\n+ context.dispatchEvent(\n+ 'dragchange',\n+ dragChangeEventListener,\n+ state.dragTarget,\n+ true,\n+ );\n+ }\n+ state.isDragging = false;\n+ }\n+ if (state.isPointerDown) {\n+ state.dragTarget = null;\n+ state.isPointerDown = false;\n+ context.removeRootEventTypes(rootEventTypes);\n+ }\n+ break;\n+ }\n+ }\n+ },\n+};\n+\n+export default {\n+ $$typeof: REACT_EVENT_COMPONENT_TYPE,\n+ props: null,\n+ responder: DragResponder,\n+};\ndiff --git a\/packages\/react-events\/src\/Focus.js b\/packages\/react-events\/src\/Focus.js\nnew file mode 100644\nindex 0000000000..9c652f69d2\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/Focus.js\n@@ -0,0 +1,101 @@\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: 'focus', passive: true, capture: true},\n+ {name: 'blur', passive: true, capture: true},\n+];\n+\n+type FocusState = {\n+ isFocused: boolean,\n+};\n+\n+function dispatchFocusInEvents(context: EventResponderContext, props: Object) {\n+ const {event, eventTarget} = context;\n+ if (context.isTargetWithinEventComponent((event: any).relatedTarget)) {\n+ return;\n+ }\n+ if (props.onFocus) {\n+ context.dispatchEvent('focus', props.onFocus, eventTarget, true);\n+ }\n+ if (props.onFocusChange) {\n+ const focusChangeEventListener = () => {\n+ props.onFocusChange(true);\n+ };\n+ context.dispatchEvent(\n+ 'focuschange',\n+ focusChangeEventListener,\n+ eventTarget,\n+ true,\n+ );\n+ }\n+}\n+\n+function dispatchFocusOutEvents(context: EventResponderContext, props: Object) {\n+ const {event, eventTarget} = context;\n+ if (context.isTargetWithinEventComponent((event: any).relatedTarget)) {\n+ return;\n+ }\n+ if (props.onBlur) {\n+ context.dispatchEvent('blur', props.onBlur, eventTarget, true);\n+ }\n+ if (props.onFocusChange) {\n+ const focusChangeEventListener = () => {\n+ props.onFocusChange(false);\n+ };\n+ context.dispatchEvent(\n+ 'focuschange',\n+ focusChangeEventListener,\n+ eventTarget,\n+ true,\n+ );\n+ }\n+}\n+\n+const FocusResponder = {\n+ targetEventTypes,\n+ createInitialState(): FocusState {\n+ return {\n+ isFocused: false,\n+ };\n+ },\n+ handleEvent(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: FocusState,\n+ ): void {\n+ const {eventTarget, eventType} = context;\n+\n+ switch (eventType) {\n+ case 'focus': {\n+ if (!state.isFocused && !context.isTargetOwned(eventTarget)) {\n+ dispatchFocusInEvents(context, props);\n+ state.isFocused = true;\n+ }\n+ break;\n+ }\n+ case 'blur': {\n+ if (state.isFocused) {\n+ dispatchFocusOutEvents(context, props);\n+ state.isFocused = false;\n+ }\n+ break;\n+ }\n+ }\n+ },\n+};\n+\n+export default {\n+ $$typeof: REACT_EVENT_COMPONENT_TYPE,\n+ props: null,\n+ responder: FocusResponder,\n+};\ndiff --git a\/packages\/react-events\/src\/Press.js b\/packages\/react-events\/src\/Press.js\nindex 8c46fd391d..99becac03a 100644\n--- a\/packages\/react-events\/src\/Press.js\n+++ b\/packages\/react-events\/src\/Press.js\n@@ -17,13 +17,13 @@ const targetEventTypes = [\n 'pointercancel',\n 'contextmenu',\n ];\n-const rootEventTypes = ['pointerup', 'scroll'];\n+const rootEventTypes = [{name: 'pointerup', passive: false}, '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+ rootEventTypes.push({name: 'mouseup', passive: false});\n }\n \n type PressState = {\n@@ -169,11 +169,11 @@ const PressResponder = {\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+ keyPressEventListener = e => {\n if (!e.isDefaultPrevented() && !e.nativeEvent.defaultPrevented) {\n e.preventDefault();\n state.defaultPrevented = true;\n- props.onPress(e, key);\n+ props.onPress(e);\n }\n };\n }\n@@ -279,8 +279,8 @@ const PressResponder = {\n props.onPress &&\n !(state.isLongPressed && props.longPressCancelsPress)\n ) {\n- const pressEventListener = (e, key) => {\n- props.onPress(e, key);\n+ const pressEventListener = e => {\n+ props.onPress(e);\n if (e.nativeEvent.defaultPrevented) {\n state.defaultPrevented = true;\n }\ndiff --git a\/packages\/react-events\/src\/Swipe.js b\/packages\/react-events\/src\/Swipe.js\nnew file mode 100644\nindex 0000000000..f265b24732\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/Swipe.js\n@@ -0,0 +1,217 @@\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 = ['pointerdown', 'pointercancel'];\n+const rootEventTypes = ['pointerup', {name: 'pointermove', passive: false}];\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', 'mousemove', {\n+ name: 'touchmove',\n+ passive: false,\n+ });\n+}\n+\n+function dispatchSwipeEvent(\n+ context: EventResponderContext,\n+ name: string,\n+ listener: (e: Object) => void,\n+ state: SwipeState,\n+ discrete: boolean,\n+ eventData?: {\n+ diffX: number,\n+ diffY: number,\n+ },\n+) {\n+ context.dispatchEvent(name, listener, state.swipeTarget, discrete, eventData);\n+}\n+\n+type SwipeState = {\n+ direction: number,\n+ isSwiping: boolean,\n+ lastDirection: number,\n+ startX: number,\n+ startY: number,\n+ touchId: null | number,\n+ swipeTarget: null | EventTarget,\n+ x: number,\n+ y: number,\n+};\n+\n+const SwipeResponder = {\n+ targetEventTypes,\n+ createInitialState(): SwipeState {\n+ return {\n+ direction: 0,\n+ isSwiping: false,\n+ lastDirection: 0,\n+ startX: 0,\n+ startY: 0,\n+ touchId: null,\n+ swipeTarget: null,\n+ x: 0,\n+ y: 0,\n+ };\n+ },\n+ handleEvent(\n+ context: EventResponderContext,\n+ props: Object,\n+ state: SwipeState,\n+ ): void {\n+ const {eventTarget, eventType, event} = context;\n+\n+ switch (eventType) {\n+ case 'touchstart':\n+ case 'mousedown':\n+ case 'pointerdown': {\n+ if (!state.isSwiping && !context.isTargetOwned(eventTarget)) {\n+ let obj = event;\n+ if (eventType === 'touchstart') {\n+ obj = (event: any).targetTouches[0];\n+ state.touchId = obj.identifier;\n+ }\n+ const x = (obj: any).screenX;\n+ const y = (obj: any).screenY;\n+\n+ let shouldEnableSwiping = true;\n+\n+ if (props.onShouldClaimOwnership && props.onShouldClaimOwnership()) {\n+ shouldEnableSwiping = context.requestOwnership(eventTarget);\n+ }\n+ if (shouldEnableSwiping) {\n+ state.isSwiping = true;\n+ state.startX = x;\n+ state.startY = y;\n+ state.x = x;\n+ state.y = y;\n+ state.swipeTarget = eventTarget;\n+ context.addRootEventTypes(rootEventTypes);\n+ } else {\n+ state.touchId = null;\n+ }\n+ }\n+ break;\n+ }\n+ case 'touchmove':\n+ case 'mousemove':\n+ case 'pointermove': {\n+ if (context.isPassive()) {\n+ return;\n+ }\n+ if (state.isSwiping) {\n+ let obj = null;\n+ if (eventType === 'touchmove') {\n+ const targetTouches = (event: any).targetTouches;\n+ for (let i = 0; i < targetTouches.length; i++) {\n+ if (state.touchId === targetTouches[i].identifier) {\n+ obj = targetTouches[i];\n+ break;\n+ }\n+ }\n+ } else {\n+ obj = event;\n+ }\n+ if (obj === null) {\n+ state.isSwiping = false;\n+ state.swipeTarget = null;\n+ state.touchId = null;\n+ context.removeRootEventTypes(rootEventTypes);\n+ return;\n+ }\n+ const x = (obj: any).screenX;\n+ const y = (obj: any).screenY;\n+ if (x < state.x && props.onSwipeLeft) {\n+ state.direction = 3;\n+ } else if (x > state.x && props.onSwipeRight) {\n+ state.direction = 1;\n+ }\n+ state.x = x;\n+ state.y = y;\n+ if (props.onSwipeMove) {\n+ const eventData = {\n+ diffX: x - state.startX,\n+ diffY: y - state.startY,\n+ };\n+ dispatchSwipeEvent(\n+ context,\n+ 'swipemove',\n+ props.onSwipeMove,\n+ state,\n+ false,\n+ eventData,\n+ );\n+ (event: any).preventDefault();\n+ }\n+ }\n+ break;\n+ }\n+ case 'pointercancel':\n+ case 'touchcancel':\n+ case 'touchend':\n+ case 'mouseup':\n+ case 'pointerup': {\n+ if (state.isSwiping) {\n+ if (state.x === state.startX && state.y === state.startY) {\n+ return;\n+ }\n+ if (props.onShouldClaimOwnership) {\n+ context.releaseOwnership(state.swipeTarget);\n+ }\n+ const direction = state.direction;\n+ const lastDirection = state.lastDirection;\n+ if (direction !== lastDirection) {\n+ if (props.onSwipeLeft && direction === 3) {\n+ dispatchSwipeEvent(\n+ context,\n+ 'swipeleft',\n+ props.onSwipeLeft,\n+ state,\n+ true,\n+ );\n+ } else if (props.onSwipeRight && direction === 1) {\n+ dispatchSwipeEvent(\n+ context,\n+ 'swiperight',\n+ props.onSwipeRight,\n+ state,\n+ true,\n+ );\n+ }\n+ }\n+ if (props.onSwipeEnd) {\n+ dispatchSwipeEvent(\n+ context,\n+ 'swipeend',\n+ props.onSwipeEnd,\n+ state,\n+ true,\n+ );\n+ }\n+ state.lastDirection = direction;\n+ state.isSwiping = false;\n+ state.swipeTarget = null;\n+ state.touchId = null;\n+ context.removeRootEventTypes(rootEventTypes);\n+ }\n+ break;\n+ }\n+ }\n+ },\n+};\n+\n+export default {\n+ $$typeof: REACT_EVENT_COMPONENT_TYPE,\n+ props: null,\n+ responder: SwipeResponder,\n+};\ndiff --git a\/packages\/react-events\/swipe.js b\/packages\/react-events\/swipe.js\nnew file mode 100644\nindex 0000000000..3c2ad195ef\n--- \/dev\/null\n+++ b\/packages\/react-events\/swipe.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 Swipe = require('.\/src\/Swipe');\n+\n+module.exports = Swipe.default || Swipe;\ndiff --git a\/scripts\/rollup\/bundles.js b\/scripts\/rollup\/bundles.js\nindex 078a4697e5..98bfdadcd6 100644\n--- a\/scripts\/rollup\/bundles.js\n+++ b\/scripts\/rollup\/bundles.js\n@@ -507,6 +507,51 @@ const bundles = [\n global: 'ReactEventsHover',\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\/focus',\n+ global: 'ReactEventsFocus',\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\/swipe',\n+ global: 'ReactEventsSwipe',\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\/drag',\n+ global: 'ReactEventsDrag',\n+ externals: [],\n+ },\n ];\n \n \/\/ Based on deep-freeze by substack (public domain)\n"}

dillon1000/react

Files changed