Touch support

ISSUE_TEMPLATE.md

@@ -4,22 +4,27 @@
 <!--
 If raising a feature request please be sure to have a search
 through other open and closed issues tagged with 'new feature'
+
+https://github.com/atlassian/react-beautiful-dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20
 -->
 
 <!-- If raising a bug -->
-### Expected behaviour
 
-### Actual behaviour
+### Expected behavior
+
+### Actual behavior
 
 ### Steps to reproduce
 
 ### Browser version
-<!-- 
-Keep in mind our supported browser matrix https://confluence.atlassian.com/cloud/supported-browsers-744721663.html 
+
+<!--
+Keep in mind our supported browser matrix https://confluence.atlassian.com/cloud/supported-browsers-744721663.html
 If you raise a bug that is not in a supported version we will not be fixing it
 -->
 
 ### Demo
+
 <!--
 Please provide a webpack bin to show the issue. Here is a boilerplate to help you get started:
 https://www.webpackbin.com/bins/-Kr9aE9jnUeWlphY8wsw
@@ -31,7 +36,7 @@ If it is a visual bug, a video or a gif would be helpful also.
 Issues without demo's may not be investigated
 -->
 
-<!-- 
+<!--
 Note: stale issues will be removed
 When a maintainer asks a question about an issue and it is not responded to within a reasonable timeframe then the issue will be closed. We don't want this to happen - but we also do not want to accumulate stale issues
 --->

src/view/drag-handle/drag-handle-types.js

@@ -1,10 +1,7 @@
-import type { Position, Direction } from '../../types';
-
-export type DragTypes = 'KEYBOARD' | 'MOUSE';
+import type { Position, Direction, HTMLElement } from '../../types';
 
 export type Callbacks = {|
-  onLift: (point: Position) => void,
-  onKeyLift: () => void,
+  onLift: ({ client: Position, isScrollAllowed: boolean }) => void,
   onMove: (point: Position) => void,
   onWindowScroll: (diff: Position) => void,
   onMoveForward: () => void,
@@ -18,6 +15,8 @@ export type Callbacks = {|
 export type Provided = {|
   onMouseDown: (event: MouseEvent) => void,
   onKeyDown: (event: KeyboardEvent) => void,
+  onTouchStart: (event: TouchEvent) => void,
+  onTouchMove: (event: TouchEvent) => void,
 
   // Conditionally block clicks
   onClick: (event: MouseEvent) => void,
@@ -43,10 +42,7 @@ export type Props = {|
   // the direction of the current droppable
   direction: ?Direction,
   callbacks: Callbacks,
+  // get the ref of the draggable
+  getDraggableRef: () => ?HTMLElement,
   children: (?Provided) => void,
 |}
-
-// Custom event format for force press inputs
-export type MouseForceChangedEvent = MouseEvent & {
-  webkitForce?: number,
-}