{"body":"","patch":"diff --git a\/packages\/react-interactions\/events\/drag.js b\/packages\/react-interactions\/events\/drag.js\ndeleted file mode 100644\nindex 937f4a7f03..0000000000\n--- a\/packages\/react-interactions\/events\/drag.js\n+++ \/dev\/null\n@@ -1,12 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\n- * @flow\n- *\/\n-\n-'use strict';\n-\n-module.exports = require('.\/src\/dom\/Drag');\ndiff --git a\/packages\/react-interactions\/events\/scroll.js b\/packages\/react-interactions\/events\/scroll.js\ndeleted file mode 100644\nindex 7cbb619ce0..0000000000\n--- a\/packages\/react-interactions\/events\/scroll.js\n+++ \/dev\/null\n@@ -1,12 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\n- * @flow\n- *\/\n-\n-'use strict';\n-\n-module.exports = require('.\/src\/dom\/Scroll');\ndiff --git a\/packages\/react-interactions\/events\/src\/dom\/Drag.js b\/packages\/react-interactions\/events\/src\/dom\/Drag.js\ndeleted file mode 100644\nindex 82779eac5e..0000000000\n--- a\/packages\/react-interactions\/events\/src\/dom\/Drag.js\n+++ \/dev\/null\n@@ -1,253 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\n- * @flow\n- *\/\n-\n-import type {\n- ReactDOMResponderEvent,\n- ReactDOMResponderContext,\n-} from 'shared\/ReactDOMTypes';\n-import type {\n- EventPriority,\n- ReactEventResponderListener,\n-} from 'shared\/ReactTypes';\n-\n-import React from 'react';\n-import {DiscreteEvent, UserBlockingEvent} from 'shared\/ReactTypes';\n-\n-const targetEventTypes = ['pointerdown'];\n-const rootEventTypes = ['pointerup', 'pointercancel', 'pointermove_active'];\n-\n-type DragProps = {\n- disabled: boolean,\n- shouldClaimOwnership: () => boolean,\n- onDragStart: (e: DragEvent) => void,\n- onDragMove: (e: DragEvent) => void,\n- onDragEnd: (e: DragEvent) => void,\n- onDragChange: boolean => void,\n- ...\n-};\n-\n-type DragState = {|\n- dragTarget: null | Element | Document,\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', 'mousedown');\n- rootEventTypes.push(\n- 'mouseup',\n- 'mousemove',\n- 'touchend',\n- 'touchcancel',\n- 'touchmove_active',\n- );\n-}\n-\n-type EventData = {\n- diffX: number,\n- diffY: number,\n- ...\n-};\n-type DragEventType = 'dragstart' | 'dragend' | 'dragchange' | 'dragmove';\n-\n-type DragEvent = {|\n- target: Element | Document,\n- type: DragEventType,\n- timeStamp: number,\n- diffX?: number,\n- diffY?: number,\n-|};\n-\n-function createDragEvent(\n- context: ReactDOMResponderContext,\n- type: DragEventType,\n- target: Element | Document,\n- eventData?: EventData,\n-): DragEvent {\n- return {\n- target,\n- type,\n- timeStamp: context.getTimeStamp(),\n- ...eventData,\n- };\n-}\n-\n-function isFunction(obj): boolean {\n- return typeof obj === 'function';\n-}\n-\n-function dispatchDragEvent(\n- context: ReactDOMResponderContext,\n- listener: DragEvent => void,\n- name: DragEventType,\n- state: DragState,\n- eventPriority: EventPriority,\n- eventData?: EventData,\n-): void {\n- const target = ((state.dragTarget: any): Element | Document);\n- const syntheticEvent = createDragEvent(context, name, target, eventData);\n- context.dispatchEvent(syntheticEvent, listener, eventPriority);\n-}\n-\n-const dragResponderImpl = {\n- targetEventTypes,\n- getInitialState(): 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- onEvent(\n- event: ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- props: DragProps,\n- state: DragState,\n- ): void {\n- const {target, type, nativeEvent} = event;\n-\n- switch (type) {\n- case 'touchstart':\n- case 'mousedown':\n- case 'pointerdown': {\n- if (!state.isDragging) {\n- const obj =\n- type === 'touchstart'\n- ? (nativeEvent: any).changedTouches[0]\n- : nativeEvent;\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 = target;\n- state.isPointerDown = true;\n- const onDragStart = props.onDragStart;\n-\n- if (isFunction(onDragStart)) {\n- dispatchDragEvent(\n- context,\n- onDragStart,\n- 'dragstart',\n- state,\n- DiscreteEvent,\n- );\n- }\n- context.addRootEventTypes(rootEventTypes);\n- }\n- break;\n- }\n- }\n- },\n- onRootEvent(\n- event: ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- props: DragProps,\n- state: DragState,\n- ): void {\n- const {type, nativeEvent} = event;\n-\n- switch (type) {\n- case 'touchmove':\n- case 'mousemove':\n- case 'pointermove': {\n- if (event.passive) {\n- return;\n- }\n- if (state.isPointerDown) {\n- const obj =\n- type === 'touchmove'\n- ? (nativeEvent: any).changedTouches[0]\n- : nativeEvent;\n- const x = (obj: any).screenX;\n- const y = (obj: any).screenY;\n- state.x = x;\n- state.y = y;\n- if (x === state.startX && y === state.startY) {\n- return;\n- }\n- if (!state.isDragging) {\n- state.isDragging = true;\n- const onDragChange = props.onDragChange;\n- if (isFunction(onDragChange)) {\n- context.dispatchEvent(true, onDragChange, UserBlockingEvent);\n- }\n- } else {\n- const onDragMove = props.onDragMove;\n- if (isFunction(onDragMove)) {\n- const eventData = {\n- diffX: x - state.startX,\n- diffY: y - state.startY,\n- };\n- dispatchDragEvent(\n- context,\n- onDragMove,\n- 'dragmove',\n- state,\n- UserBlockingEvent,\n- eventData,\n- );\n- }\n- (nativeEvent: 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- const onDragEnd = props.onDragEnd;\n- if (isFunction(onDragEnd)) {\n- dispatchDragEvent(\n- context,\n- onDragEnd,\n- 'dragend',\n- state,\n- DiscreteEvent,\n- );\n- }\n- const onDragChange = props.onDragChange;\n- if (isFunction(onDragChange)) {\n- context.dispatchEvent(false, onDragChange, UserBlockingEvent);\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 const DragResponder = React.DEPRECATED_createResponder(\n- 'Drag',\n- dragResponderImpl,\n-);\n-\n-export function useDrag(\n- props: DragProps,\n-): ReactEventResponderListener {\n- return React.DEPRECATED_useResponder(DragResponder, props);\n-}\ndiff --git a\/packages\/react-interactions\/events\/src\/dom\/Scroll.js b\/packages\/react-interactions\/events\/src\/dom\/Scroll.js\ndeleted file mode 100644\nindex e1fe82646d..0000000000\n--- a\/packages\/react-interactions\/events\/src\/dom\/Scroll.js\n+++ \/dev\/null\n@@ -1,319 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\n- * @flow\n- *\/\n-\n-import type {\n- ReactDOMResponderEvent,\n- ReactDOMResponderContext,\n- PointerType,\n-} from 'shared\/ReactDOMTypes';\n-import {UserBlockingEvent} from 'shared\/ReactTypes';\n-import type {\n- EventPriority,\n- ReactEventResponderListener,\n-} from 'shared\/ReactTypes';\n-\n-import React from 'react';\n-\n-type ScrollProps = {\n- disabled: boolean,\n- onScroll: ScrollEvent => void,\n- onScrollDragStart: ScrollEvent => void,\n- onScrollDragEnd: ScrollEvent => void,\n- ...\n-};\n-\n-type ScrollState = {\n- direction: ScrollDirection,\n- pointerType: PointerType,\n- scrollTarget: null | Element | Document,\n- isDragging: boolean,\n- isTouching: boolean,\n- scrollLeft: number,\n- scrollTop: number,\n- ...\n-};\n-\n-type ScrollEventType =\n- | 'scroll'\n- | 'scrolldragstart'\n- | 'scrolldragend'\n- | 'scrollmomentumstart'\n- | 'scrollmomentumend';\n-\n-type ScrollDirection = '' | 'up' | 'down' | 'left' | 'right';\n-\n-type ScrollEvent = {|\n- direction: ScrollDirection,\n- target: Element | Document,\n- type: ScrollEventType,\n- pointerType: PointerType,\n- timeStamp: number,\n- clientX: null | number,\n- clientY: null | number,\n- pageX: null | number,\n- pageY: null | number,\n- screenX: null | number,\n- screenY: null | number,\n- x: null | number,\n- y: null | number,\n-|};\n-\n-const hasPointerEvents =\n- typeof window !== 'undefined' && window.PointerEvent !== undefined;\n-\n-const targetEventTypes = hasPointerEvents\n- ? ['scroll', 'pointerdown', 'keyup', 'wheel']\n- : ['scroll', 'mousedown', 'touchstart', 'keyup', 'wheel'];\n-\n-const rootEventTypes = hasPointerEvents\n- ? ['pointercancel', 'pointerup']\n- : ['touchcancel', 'touchend'];\n-\n-function isFunction(obj): boolean {\n- return typeof obj === 'function';\n-}\n-\n-function createScrollEvent(\n- event: ?ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- type: ScrollEventType,\n- target: Element | Document,\n- pointerType: PointerType,\n- direction: ScrollDirection,\n-): ScrollEvent {\n- let clientX = null;\n- let clientY = null;\n- let pageX = null;\n- let pageY = null;\n- let screenX = null;\n- let screenY = null;\n-\n- if (event) {\n- const nativeEvent = (event.nativeEvent: any);\n- ({clientX, clientY, pageX, pageY, screenX, screenY} = nativeEvent);\n- }\n-\n- return {\n- target,\n- type,\n- pointerType,\n- direction,\n- timeStamp: context.getTimeStamp(),\n- clientX,\n- clientY,\n- pageX,\n- pageY,\n- screenX,\n- screenY,\n- x: clientX,\n- y: clientY,\n- };\n-}\n-\n-function dispatchEvent(\n- event: ?ReactDOMResponderEvent,\n- listener: ScrollEvent => void,\n- context: ReactDOMResponderContext,\n- state: ScrollState,\n- name: ScrollEventType,\n- eventPriority: EventPriority,\n-): void {\n- const target = ((state.scrollTarget: any): Element | Document);\n- const pointerType = state.pointerType;\n- const direction = state.direction;\n- const syntheticEvent = createScrollEvent(\n- event,\n- context,\n- name,\n- target,\n- pointerType,\n- direction,\n- );\n- context.dispatchEvent(syntheticEvent, listener, eventPriority);\n-}\n-\n-const scrollResponderImpl = {\n- targetEventTypes,\n- getInitialState() {\n- return {\n- direction: '',\n- isTouching: false,\n- pointerType: '',\n- prevScrollTop: 0,\n- prevScrollLeft: 0,\n- scrollTarget: null,\n- };\n- },\n- onEvent(\n- event: ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- props: ScrollProps,\n- state: ScrollState,\n- ): void {\n- const {pointerType, target, type} = event;\n-\n- if (props.disabled) {\n- if (state.isTouching) {\n- state.isTouching = false;\n- state.scrollTarget = null;\n- state.isDragging = false;\n- state.direction = '';\n- context.removeRootEventTypes(rootEventTypes);\n- }\n- return;\n- }\n-\n- switch (type) {\n- case 'scroll': {\n- const prevScrollTarget = state.scrollTarget;\n- let scrollLeft = 0;\n- let scrollTop = 0;\n-\n- \/\/ Check if target is the document\n- if (target.nodeType === 9) {\n- const bodyNode = ((target: any): Document).body;\n- if (bodyNode !== null) {\n- scrollLeft = bodyNode.offsetLeft;\n- scrollTop = bodyNode.offsetTop;\n- }\n- } else {\n- scrollLeft = ((target: any): Element).scrollLeft;\n- scrollTop = ((target: any): Element).scrollTop;\n- }\n-\n- if (prevScrollTarget !== null) {\n- if (scrollTop === state.scrollTop) {\n- if (scrollLeft > state.scrollLeft) {\n- state.direction = 'right';\n- } else {\n- state.direction = 'left';\n- }\n- } else {\n- if (scrollTop > state.scrollTop) {\n- state.direction = 'down';\n- } else {\n- state.direction = 'up';\n- }\n- }\n- } else {\n- state.direction = '';\n- }\n- state.scrollTarget = ((target: any): Element | Document);\n- state.scrollLeft = scrollLeft;\n- state.scrollTop = scrollTop;\n-\n- if (state.isTouching && !state.isDragging) {\n- state.isDragging = true;\n- const onScrollDragStart = props.onScrollDragStart;\n-\n- if (isFunction(onScrollDragStart)) {\n- dispatchEvent(\n- event,\n- onScrollDragStart,\n- context,\n- state,\n- 'scrolldragstart',\n- UserBlockingEvent,\n- );\n- }\n- }\n- const onScroll = props.onScroll;\n-\n- if (isFunction(onScroll)) {\n- dispatchEvent(\n- event,\n- onScroll,\n- context,\n- state,\n- 'scroll',\n- UserBlockingEvent,\n- );\n- }\n- break;\n- }\n- case 'keyup': {\n- state.pointerType = pointerType;\n- break;\n- }\n- case 'mousedown':\n- case 'wheel': {\n- state.pointerType = 'mouse';\n- break;\n- }\n- case 'pointerdown': {\n- state.pointerType = pointerType;\n- if (pointerType === 'touch' && !state.isTouching) {\n- state.isTouching = true;\n- context.addRootEventTypes(rootEventTypes);\n- }\n- break;\n- }\n- case 'touchstart': {\n- if (!state.isTouching) {\n- state.isTouching = true;\n- state.pointerType = 'touch';\n- context.addRootEventTypes(rootEventTypes);\n- }\n- }\n- }\n- },\n- onRootEvent(\n- event: ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- props: ScrollProps,\n- state: ScrollState,\n- ) {\n- const {type} = event;\n-\n- switch (type) {\n- case 'pointercancel':\n- case 'pointerup':\n- case 'touchcancel':\n- case 'touchend': {\n- if (state.isTouching) {\n- const onScrollDragEnd = props.onScrollDragEnd;\n-\n- if (state.isDragging && isFunction(onScrollDragEnd)) {\n- dispatchEvent(\n- event,\n- onScrollDragEnd,\n- context,\n- state,\n- 'scrolldragend',\n- UserBlockingEvent,\n- );\n- }\n- state.isTouching = false;\n- state.isDragging = false;\n- state.scrollTarget = null;\n- state.pointerType = '';\n- context.removeRootEventTypes(rootEventTypes);\n- }\n- }\n- }\n- },\n- onUnmount(\n- context: ReactDOMResponderContext,\n- props: ScrollProps,\n- state: ScrollState,\n- ) {\n- \/\/ TODO\n- },\n-};\n-\n-export const ScrollResponder = React.DEPRECATED_createResponder(\n- 'Scroll',\n- scrollResponderImpl,\n-);\n-\n-export function useScroll(\n- props: ScrollProps,\n-): ReactEventResponderListener {\n- return React.DEPRECATED_useResponder(ScrollResponder, props);\n-}\ndiff --git a\/packages\/react-interactions\/events\/src\/dom\/Swipe.js b\/packages\/react-interactions\/events\/src\/dom\/Swipe.js\ndeleted file mode 100644\nindex 74f0b3cb76..0000000000\n--- a\/packages\/react-interactions\/events\/src\/dom\/Swipe.js\n+++ \/dev\/null\n@@ -1,291 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\n- * @flow\n- *\/\n-\n-import type {\n- ReactDOMResponderEvent,\n- ReactDOMResponderContext,\n-} from 'shared\/ReactDOMTypes';\n-import type {\n- EventPriority,\n- ReactEventResponderListener,\n-} from 'shared\/ReactTypes';\n-\n-import React from 'react';\n-import {UserBlockingEvent, DiscreteEvent} from 'shared\/ReactTypes';\n-\n-type SwipeProps = {\n- disabled: boolean,\n- shouldClaimOwnership: () => boolean,\n- onSwipeMove: (e: SwipeEvent) => void,\n- onSwipeEnd: (e: SwipeEvent) => void,\n- onSwipeLeft: (e: SwipeEvent) => void,\n- onSwipeRight: (e: SwipeEvent) => void,\n- ...\n-};\n-\n-const targetEventTypes = ['pointerdown'];\n-const rootEventTypes = ['pointerup', 'pointercancel', 'pointermove_active'];\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', 'mousedown');\n- rootEventTypes.push(\n- 'mouseup',\n- 'mousemove',\n- 'touchend',\n- 'touchcancel',\n- 'touchmove_active',\n- );\n-}\n-\n-type EventData = {\n- diffX: number,\n- diffY: number,\n- ...\n-};\n-type SwipeEventType = 'swipeleft' | 'swiperight' | 'swipeend' | 'swipemove';\n-\n-type SwipeEvent = {|\n- target: Element | Document,\n- type: SwipeEventType,\n- timeStamp: number,\n- diffX?: number,\n- diffY?: number,\n-|};\n-\n-function isFunction(obj): boolean {\n- return typeof obj === 'function';\n-}\n-\n-function createSwipeEvent(\n- context: ReactDOMResponderContext,\n- type: SwipeEventType,\n- target: Element | Document,\n- eventData?: EventData,\n-): SwipeEvent {\n- return context.objectAssign(\n- {\n- target,\n- type,\n- timeStamp: context.getTimeStamp(),\n- },\n- eventData,\n- );\n-}\n-\n-function dispatchSwipeEvent(\n- context: ReactDOMResponderContext,\n- listener: SwipeEvent => void,\n- name: SwipeEventType,\n- state: SwipeState,\n- eventPriority: EventPriority,\n- eventData?: EventData,\n-) {\n- const target = ((state.swipeTarget: any): Element | Document);\n- const syntheticEvent = createSwipeEvent(context, name, target, eventData);\n- context.dispatchEvent(syntheticEvent, listener, eventPriority);\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 | Element | Document,\n- x: number,\n- y: number,\n- ...\n-};\n-\n-const swipeResponderImpl = {\n- targetEventTypes,\n- getInitialState(): 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- onEvent(\n- event: ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- props: SwipeProps,\n- state: SwipeState,\n- ): void {\n- const {target, type, nativeEvent} = event;\n-\n- switch (type) {\n- case 'touchstart':\n- case 'mousedown':\n- case 'pointerdown': {\n- if (!state.isSwiping) {\n- let obj = nativeEvent;\n- if (type === 'touchstart') {\n- obj = (nativeEvent: any).targetTouches[0];\n- state.touchId = obj.identifier;\n- }\n- const x = (obj: any).screenX;\n- const y = (obj: any).screenY;\n-\n- state.isSwiping = true;\n- state.startX = x;\n- state.startY = y;\n- state.x = x;\n- state.y = y;\n- state.swipeTarget = target;\n- context.addRootEventTypes(rootEventTypes);\n- }\n- break;\n- }\n- }\n- },\n- onRootEvent(\n- event: ReactDOMResponderEvent,\n- context: ReactDOMResponderContext,\n- props: SwipeProps,\n- state: SwipeState,\n- ): void {\n- const {type, nativeEvent} = event;\n-\n- switch (type) {\n- case 'touchmove':\n- case 'mousemove':\n- case 'pointermove': {\n- if (event.passive) {\n- return;\n- }\n- if (state.isSwiping) {\n- let obj = null;\n- if (type === 'touchmove') {\n- const targetTouches = (nativeEvent: 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 = nativeEvent;\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) {\n- state.direction = 3;\n- } else if (x > state.x) {\n- state.direction = 1;\n- }\n- state.x = x;\n- state.y = y;\n- const eventData = {\n- diffX: x - state.startX,\n- diffY: y - state.startY,\n- };\n- const onSwipeMove = props.onSwipeMove;\n-\n- if (isFunction(onSwipeMove)) {\n- dispatchSwipeEvent(\n- context,\n- onSwipeMove,\n- 'swipemove',\n- state,\n- UserBlockingEvent,\n- eventData,\n- );\n- }\n- (nativeEvent: any).preventDefault();\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- const direction = state.direction;\n- const lastDirection = state.lastDirection;\n- if (direction !== lastDirection) {\n- if (direction === 3) {\n- const onSwipeLeft = props.onSwipeLeft;\n-\n- if (isFunction(onSwipeLeft)) {\n- dispatchSwipeEvent(\n- context,\n- onSwipeLeft,\n- 'swipeleft',\n- state,\n- DiscreteEvent,\n- );\n- }\n- } else if (direction === 1) {\n- const onSwipeRight = props.onSwipeRight;\n-\n- if (isFunction(onSwipeRight)) {\n- dispatchSwipeEvent(\n- context,\n- onSwipeRight,\n- 'swiperight',\n- state,\n- DiscreteEvent,\n- );\n- }\n- }\n- }\n- const onSwipeEnd = props.onSwipeEnd;\n-\n- if (isFunction(onSwipeEnd)) {\n- dispatchSwipeEvent(\n- context,\n- onSwipeEnd,\n- 'swipeend',\n- state,\n- DiscreteEvent,\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 const SwipeResponder = React.DEPRECATED_createResponder(\n- 'Swipe',\n- swipeResponderImpl,\n-);\n-\n-export function useSwipe(\n- props: SwipeProps,\n-): ReactEventResponderListener {\n- return React.DEPRECATED_useResponder(SwipeResponder, props);\n-}\ndiff --git a\/packages\/react-interactions\/events\/src\/dom\/__tests__\/Drag-test.internal.js b\/packages\/react-interactions\/events\/src\/dom\/__tests__\/Drag-test.internal.js\ndeleted file mode 100644\nindex f330385727..0000000000\n--- a\/packages\/react-interactions\/events\/src\/dom\/__tests__\/Drag-test.internal.js\n+++ \/dev\/null\n@@ -1,205 +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 useDrag;\n-\n-describe('Drag event responder', () => {\n- let container;\n-\n- beforeEach(() => {\n- jest.resetModules();\n- ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n- React = require('react');\n- ReactDOM = require('react-dom');\n- useDrag = require('react-interactions\/events\/drag').useDrag;\n-\n- container = document.createElement('div');\n- document.body.appendChild(container);\n- });\n-\n- afterEach(() => {\n- ReactDOM.render(null, container);\n- document.body.removeChild(container);\n- container = null;\n- });\n-\n- it('should support onDragChange', () => {\n- let divRef = React.createRef();\n- let events = [];\n-\n- function handleOnDrag() {\n- events.push({isChanged: true});\n- }\n-\n- function Component() {\n- const listener = useDrag({\n- onDragChange: handleOnDrag,\n- });\n- return (\n-

\n- Drag me!\n- <\/div>\n- );\n- }\n-\n- ReactDOM.render(, container);\n-\n- const mouseOverEvent = document.createEvent('MouseEvents');\n- mouseOverEvent.initEvent('mousedown', true, true, window, 1, 0, 0);\n- divRef.current.dispatchEvent(mouseOverEvent);\n-\n- const mouseMoveEvent = document.createEvent('MouseEvents');\n- for (let index = 0; index <= 20; index++) {\n- mouseMoveEvent.initMouseEvent(\n- 'mousemove',\n- true,\n- true,\n- window,\n- 1,\n- index + 1,\n- index + 1,\n- 50,\n- 50,\n- );\n- divRef.current.dispatchEvent(mouseMoveEvent);\n- }\n-\n- const mouseUpEvent = document.createEvent('MouseEvents');\n- mouseUpEvent.initEvent('mouseup', true, true);\n- divRef.current.dispatchEvent(mouseUpEvent);\n- expect(events).toHaveLength(20);\n- expect(events).toEqual(\n- expect.arrayContaining([\n- expect.objectContaining({\n- diffX: 2,\n- diffY: 2,\n- }),\n- expect.objectContaining({\n- diffX: 21,\n- diffY: 21,\n- }),\n- ]),\n- );\n- });\n-});\ndiff --git a\/packages\/react-interactions\/events\/src\/dom\/__tests__\/Scroll-test.internal.js b\/packages\/react-interactions\/events\/src\/dom\/__tests__\/Scroll-test.internal.js\ndeleted file mode 100644\nindex 82d5f5619a..0000000000\n--- a\/packages\/react-interactions\/events\/src\/dom\/__tests__\/Scroll-test.internal.js\n+++ \/dev\/null\n@@ -1,201 +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-import {createEventTarget, setPointerEvent} from 'dom-event-testing-library';\n-\n-let React;\n-let ReactFeatureFlags;\n-let ReactDOM;\n-let useScroll;\n-\n-const forcePointerEvents = true;\n-const table = [[forcePointerEvents], [!forcePointerEvents]];\n-\n-const initializeModules = hasPointerEvents => {\n- setPointerEvent(hasPointerEvents);\n- jest.resetModules();\n- ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n- ReactFeatureFlags.enableDeprecatedFlareAPI = true;\n- React = require('react');\n- ReactDOM = require('react-dom');\n- useScroll = require('react-interactions\/events\/scroll').useScroll;\n-};\n-\n-describe.each(table)('Scroll responder', hasPointerEvents => {\n- let container;\n-\n- beforeEach(() => {\n- initializeModules(hasPointerEvents);\n- container = document.createElement('div');\n- document.body.appendChild(container);\n- });\n-\n- afterEach(() => {\n- ReactDOM.render(null, container);\n- document.body.removeChild(container);\n- container = null;\n- });\n-\n- describe('disabled', () => {\n- let onScroll, ref;\n-\n- beforeEach(() => {\n- onScroll = jest.fn();\n- ref = React.createRef();\n- const Component = () => {\n- const listener = useScroll({\n- disabled: true,\n- onScroll,\n- });\n- return

;\n- };\n- ReactDOM.render(, container);\n- });\n-\n- it('prevents custom events being dispatched', () => {\n- const target = createEventTarget(ref.current);\n- target.scroll();\n- expect(onScroll).not.toBeCalled();\n- });\n- });\n-\n- describe('onScroll', () => {\n- let onScroll, ref;\n-\n- beforeEach(() => {\n- onScroll = jest.fn();\n- ref = React.createRef();\n- const Component = () => {\n- const listener = useScroll({\n- onScroll,\n- });\n- return

;\n- };\n- ReactDOM.render(, container);\n- });\n-\n- describe('is called after \"scroll\" event', () => {\n- const pointerTypesTable = hasPointerEvents\n- ? [['mouse'], ['touch'], ['pen']]\n- : [['mouse'], ['touch']];\n- it.each(pointerTypesTable)('with pointerType: %s', pointerType => {\n- const node = ref.current;\n- const target = createEventTarget(node);\n- target.pointerdown({pointerType});\n- target.scroll();\n- expect(onScroll).toHaveBeenCalledTimes(1);\n- expect(onScroll).toHaveBeenCalledWith(\n- expect.objectContaining({\n- pointerType,\n- type: 'scroll',\n- direction: '',\n- }),\n- );\n- onScroll.mockReset();\n- node.scrollTop = -1;\n- target.scroll();\n- expect(onScroll).toHaveBeenCalledWith(\n- expect.objectContaining({\n- pointerType,\n- type: 'scroll',\n- direction: 'up',\n- }),\n- );\n- onScroll.mockReset();\n- node.scrollTop = 1;\n- target.scroll();\n- expect(onScroll).toHaveBeenCalledWith(\n- expect.objectContaining({\n- pointerType,\n- type: 'scroll',\n- direction: 'down',\n- }),\n- );\n- });\n-\n- it('with pointerType: keyboard', () => {\n- const target = createEventTarget(ref.current);\n- target.keydown({key: 'A'});\n- target.keyup({key: 'A'});\n- target.scroll();\n- expect(onScroll).toHaveBeenCalledTimes(1);\n- expect(onScroll).toHaveBeenCalledWith(\n- expect.objectContaining({\n- pointerType: 'keyboard',\n- type: 'scroll',\n- direction: '',\n- }),\n- );\n- });\n- });\n- });\n-\n- describe('onScrollDragStart', () => {\n- let onScrollDragStart, ref;\n-\n- beforeEach(() => {\n- onScrollDragStart = jest.fn();\n- ref = React.createRef();\n- const Component = () => {\n- const listener = useScroll({\n- onScrollDragStart,\n- });\n- return

;\n- };\n- ReactDOM.render(, container);\n- });\n-\n- it('works as expected with touch events', () => {\n- const target = createEventTarget(ref.current);\n- target.pointerdown({pointerType: 'touch'});\n- target.scroll();\n- target.pointerup({pointerType: 'touch'});\n- expect(onScrollDragEnd).toHaveBeenCalledTimes(1);\n- expect(onScrollDragEnd).toHaveBeenCalledWith(\n- expect.objectContaining({\n- pointerType: 'touch',\n- type: 'scrolldragend',\n- direction: '',\n- }),\n- );\n- });\n- });\n-});\ndiff --git a\/packages\/react-interactions\/events\/swipe.js b\/packages\/react-interactions\/events\/swipe.js\ndeleted file mode 100644\nindex a2d7dfdcab..0000000000\n--- a\/packages\/react-interactions\/events\/swipe.js\n+++ \/dev\/null\n@@ -1,12 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\n- * @flow\n- *\/\n-\n-'use strict';\n-\n-module.exports = require('.\/src\/dom\/Swipe');\ndiff --git a\/packages\/react-interactions\/package.json b\/packages\/react-interactions\/package.json\nindex fe926f849c..60b41a1a68 100644\n--- a\/packages\/react-interactions\/package.json\n+++ b\/packages\/react-interactions\/package.json\n@@ -14,15 +14,12 @@\n \"README.md\",\n \"events\/README.md\",\n \"events\/context-menu.js\",\n- \"events\/drag.js\",\n \"events\/focus.js\",\n \"events\/hover.js\",\n \"events\/input.js\",\n \"events\/keyboard.js\",\n \"events\/press.js\",\n \"events\/press-legacy.js\",\n- \"events\/scroll.js\",\n- \"events\/swipe.js\",\n \"events\/tap.js\",\n \"build-info.json\",\n \"cjs\/\",\ndiff --git a\/scripts\/rollup\/bundles.js b\/scripts\/rollup\/bundles.js\nindex 956e670653..aefbb65e4f 100644\n--- a\/scripts\/rollup\/bundles.js\n+++ b\/scripts\/rollup\/bundles.js\n@@ -578,21 +578,6 @@ const bundles = [\n externals: ['react'],\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-interactions\/events\/drag',\n- global: 'ReactEventsDrag',\n- externals: ['react'],\n- },\n-\n {\n bundleTypes: [\n UMD_DEV,\n@@ -687,36 +672,6 @@ const bundles = [\n externals: ['react'],\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-interactions\/events\/scroll',\n- global: 'ReactEventsScroll',\n- externals: ['react'],\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-interactions\/events\/swipe',\n- global: 'ReactEventsSwipe',\n- externals: ['react'],\n- },\n-\n {\n bundleTypes: [\n UMD_DEV,\n","files":[{"path":"packages\/react-interactions\/events\/drag.js","status":"D"},{"path":"packages\/react-interactions\/events\/scroll.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/Drag.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/Scroll.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/Swipe.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/Drag-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/src\/dom\/__tests__\/Scroll-test.internal.js","status":"D"},{"path":"packages\/react-interactions\/events\/swipe.js","status":"D"},{"path":"packages\/react-interactions\/package.json","status":"M"},{"path":"scripts\/rollup\/bundles.js","status":"M"}],"commit":{"authorEmail":"necolas@fb.com","revision":"81e30c7ff67d4c5d6e9b9f2bb3d9af44bd40c621","authorName":"Nicolas Gallagher","shortRevision":"81e30c7ff6","subject":"Remove unused modules from legacy event responders (#17907)","authoredAt":"2020-01-24T10:50:27-08:00"},"parents":["9d09052d2f14a238285352f3156bbe034451bc7b"]}

dillon1000/react

Files changed