Adds touchable also to the vendor files

Author: Javier Marquez

package.json

@@ -15,6 +15,7 @@
   },
   "peerDependencies": {
     "react": "^16.5",
+    "react-dom": "^16.5",
     "animated": "^0.2.2"
   },
   "repository": {

playground/src/react-interactable/AnimatedView.js

@@ -0,0 +1,96 @@
+import React, {Component} from 'react'
+import Touchable from './vendor/Touchable'
+import Animated from 'animated/lib/targets/react-dom'
+
+export default class AnimatedView extends Component {
+	constructor( props ){
+		super( props )
+		this.state = this.touchableGetInitialState()
+	}
+
+	/**
+   * `Touchable.Mixin` self callbacks. The mixin will invoke these if they are
+   * defined on your component.
+   */
+  touchableHandlePress(e) {
+    this.props.onPress && this.props.onPress(e);
+  }
+
+  touchableHandleActivePressIn(e) {
+    this.props.onPressIn && this.props.onPressIn(e);
+  }
+
+  touchableHandleActivePressOut(e) {
+    this.props.onPressOut && this.props.onPressOut(e);
+  }
+
+  touchableHandleLongPress(e) {
+    this.props.onLongPress && this.props.onLongPress(e);
+  }
+
+  touchableGetPressRectOffset() {
+    return this.props.pressRetentionOffset || PRESS_RETENTION_OFFSET;
+  }
+
+  touchableGetHitSlop() {
+    return this.props.hitSlop;
+  }
+
+  touchableGetHighlightDelayMS() {
+    return this.props.delayPressIn || 0;
+  }
+
+  touchableGetLongPressDelayMS() {
+    return this.props.delayLongPress === 0 ? 0 : this.props.delayLongPress || 500;
+  }
+
+  touchableGetPressOutDelayMS() {
+    return this.props.delayPressOut || 0;
+	}
+
+	render() {
+    const {
+      /* eslint-disable */
+      delayLongPress,
+      delayPressIn,
+      delayPressOut,
+      onLongPress,
+      onPress,
+      onPressIn,
+      onPressOut,
+      pressRetentionOffset,
+      /* eslint-enable */
+      ...other
+		} = this.props;
+
+		return (
+			<Animated.div {...other}
+				accessible= { this.props.accessible !== false }
+				onKeyDown={this.touchableHandleKeyEvent}
+				onKeyUp={this.touchableHandleKeyEvent}
+				onResponderGrant={this.touchableHandleResponderGrant}
+				onResponderMove={this.touchableHandleResponderMove}
+				onResponderRelease={this.touchableHandleResponderRelease}
+				onResponderTerminate={this.touchableHandleResponderTerminate}
+				onResponderTerminationRequest={this.touchableHandleResponderTerminationRequest}
+				onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}>
+				{ this.props.children }
+			</Animated.div>
+		)
+		
+    return React.cloneElement(this.props.children, {
+      ...other,
+      accessible: this.props.accessible !== false,
+      children,
+      onKeyDown: this.touchableHandleKeyEvent,
+      onKeyUp: this.touchableHandleKeyEvent,
+      onResponderGrant: this.touchableHandleResponderGrant,
+      onResponderMove: this.touchableHandleResponderMove,
+      onResponderRelease: this.touchableHandleResponderRelease,
+      onResponderTerminate: this.touchableHandleResponderTerminate,
+      onResponderTerminationRequest: this.touchableHandleResponderTerminationRequest,
+      onStartShouldSetResponder: this.touchableHandleStartShouldSetResponder,
+      style
+    });
+  }
+}

playground/src/react-interactable/vendor/TouchEventUtils.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule TouchEventUtils
+ */
+
+const TouchEventUtils = {
+  /**
+   * Utility function for common case of extracting out the primary touch from a
+   * touch event.
+   * - `touchEnd` events usually do not have the `touches` property.
+   *   http://stackoverflow.com/questions/3666929/
+   *   mobile-sarai-touchend-event-not-firing-when-last-touch-is-removed
+   *
+   * @param {Event} nativeEvent Native event that may or may not be a touch.
+   * @return {TouchesObject?} an object with pageX and pageY or null.
+   */
+  extractSingleTouch: function(nativeEvent) {
+    const touches = nativeEvent.touches;
+    const changedTouches = nativeEvent.changedTouches;
+    const hasTouches = touches && touches.length > 0;
+    const hasChangedTouches = changedTouches && changedTouches.length > 0;
+
+    return !hasTouches && hasChangedTouches ? changedTouches[0] :
+           hasTouches ? touches[0] :
+           nativeEvent;
+  }
+};
+
+module.exports = TouchEventUtils;