@lingk/sync 1.1.62 → 1.1.64

package/build/main.js

@@ -50357,540 +50357,313 @@ module.exports =
 /* 124 */
 /***/ function(module, exports, __webpack_require__) {
 
-	(function webpackUniversalModuleDefinition(root, factory) {
-		if(true)
-			module.exports = factory(__webpack_require__(1), __webpack_require__(18));
-		else if(typeof define === 'function' && define.amd)
-			define(["react", "react-dom"], factory);
-		else if(typeof exports === 'object')
-			exports["ReactDraggable"] = factory(require("react"), require("react-dom"));
-		else
-			root["ReactDraggable"] = factory(root["React"], root["ReactDOM"]);
-	})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_11__) {
-	return /******/ (function(modules) { // webpackBootstrap
-	/******/ 	// The module cache
-	/******/ 	var installedModules = {};
-	/******/
-	/******/ 	// The require function
-	/******/ 	function __webpack_require__(moduleId) {
-	/******/
-	/******/ 		// Check if module is in cache
-	/******/ 		if(installedModules[moduleId])
-	/******/ 			return installedModules[moduleId].exports;
-	/******/
-	/******/ 		// Create a new module (and put it into the cache)
-	/******/ 		var module = installedModules[moduleId] = {
-	/******/ 			exports: {},
-	/******/ 			id: moduleId,
-	/******/ 			loaded: false
-	/******/ 		};
-	/******/
-	/******/ 		// Execute the module function
-	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-	/******/
-	/******/ 		// Flag the module as loaded
-	/******/ 		module.loaded = true;
-	/******/
-	/******/ 		// Return the exports of the module
-	/******/ 		return module.exports;
-	/******/ 	}
-	/******/
-	/******/
-	/******/ 	// expose the modules object (__webpack_modules__)
-	/******/ 	__webpack_require__.m = modules;
-	/******/
-	/******/ 	// expose the module cache
-	/******/ 	__webpack_require__.c = installedModules;
-	/******/
-	/******/ 	// __webpack_public_path__
-	/******/ 	__webpack_require__.p = "";
-	/******/
-	/******/ 	// Load entry module and return exports
-	/******/ 	return __webpack_require__(0);
-	/******/ })
-	/************************************************************************/
-	/******/ ([
-	/* 0 */
-	/***/ function(module, exports, __webpack_require__) {
+	(function (global, factory) {
+		 true ? module.exports = factory(__webpack_require__(18), __webpack_require__(1)) :
+		typeof define === 'function' && define.amd ? define(['react-dom', 'react'], factory) :
+		(global.ReactDraggable = factory(global.ReactDOM,global.React));
+	}(this, (function (ReactDOM,React) { 'use strict';
 	
-		'use strict';
-		
-		module.exports = __webpack_require__(1).default;
-		module.exports.DraggableCore = __webpack_require__(17).default;
+		ReactDOM = ReactDOM && ReactDOM.hasOwnProperty('default') ? ReactDOM['default'] : ReactDOM;
+		React = React && React.hasOwnProperty('default') ? React['default'] : React;
 	
-	/***/ },
-	/* 1 */
-	/***/ function(module, exports, __webpack_require__) {
+		function createCommonjsModule(fn, module) {
+			return module = { exports: {} }, fn(module, module.exports), module.exports;
+		}
 	
-		'use strict';
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		
-		var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-		
-		var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-		
-		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-		
-		var _react = __webpack_require__(2);
-		
-		var _react2 = _interopRequireDefault(_react);
-		
-		var _propTypes = __webpack_require__(3);
-		
-		var _propTypes2 = _interopRequireDefault(_propTypes);
-		
-		var _reactDom = __webpack_require__(11);
-		
-		var _reactDom2 = _interopRequireDefault(_reactDom);
-		
-		var _classnames = __webpack_require__(12);
-		
-		var _classnames2 = _interopRequireDefault(_classnames);
-		
-		var _domFns = __webpack_require__(13);
-		
-		var _positionFns = __webpack_require__(16);
-		
-		var _shims = __webpack_require__(14);
-		
-		var _DraggableCore = __webpack_require__(17);
-		
-		var _DraggableCore2 = _interopRequireDefault(_DraggableCore);
-		
-		var _log = __webpack_require__(19);
-		
-		var _log2 = _interopRequireDefault(_log);
-		
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-		
-		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-		
-		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-		
-		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-		
-		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-		// $FlowIgnore
-		
-		
-		/*:: import type {DraggableEventHandler} from './utils/types';*/
-		/*:: type DraggableState = {
-		  dragging: boolean,
-		  dragged: boolean,
-		  x: number, y: number,
-		  slackX: number, slackY: number,
-		  isElementSVG: boolean
-		};*/
-		
-		
-		//
-		// Define <Draggable>
-		//
-		
-		/*:: type ConstructorProps = {
-		  position: { x: number, y: number },
-		  defaultPosition: { x: number, y: number }
-		};*/
-		
-		var Draggable = function (_React$Component) {
-		  _inherits(Draggable, _React$Component);
-		
-		  function Draggable(props /*: ConstructorProps*/) {
-		    _classCallCheck(this, Draggable);
-		
-		    var _this = _possibleConstructorReturn(this, (Draggable.__proto__ || Object.getPrototypeOf(Draggable)).call(this, props));
-		
-		    _this.onDragStart = function (e, coreData) {
-		      (0, _log2.default)('Draggable: onDragStart: %j', coreData);
-		
-		      // Short-circuit if user's callback killed it.
-		      var shouldStart = _this.props.onStart(e, (0, _positionFns.createDraggableData)(_this, coreData));
-		      // Kills start event on core as well, so move handlers are never bound.
-		      if (shouldStart === false) return false;
-		
-		      _this.setState({ dragging: true, dragged: true });
-		    };
-		
-		    _this.onDrag = function (e, coreData) {
-		      if (!_this.state.dragging) return false;
-		      (0, _log2.default)('Draggable: onDrag: %j', coreData);
-		
-		      var uiData = (0, _positionFns.createDraggableData)(_this, coreData);
-		
-		      var newState /*: $Shape<DraggableState>*/ = {
-		        x: uiData.x,
-		        y: uiData.y
-		      };
-		
-		      // Keep within bounds.
-		      if (_this.props.bounds) {
-		        // Save original x and y.
-		        var _x = newState.x,
-		            _y = newState.y;
-		
-		        // Add slack to the values used to calculate bound position. This will ensure that if
-		        // we start removing slack, the element won't react to it right away until it's been
-		        // completely removed.
-		
-		        newState.x += _this.state.slackX;
-		        newState.y += _this.state.slackY;
-		
-		        // Get bound position. This will ceil/floor the x and y within the boundaries.
-		        // $FlowBug
-		
-		        // Recalculate slack by noting how much was shaved by the boundPosition handler.
-		        var _getBoundPosition = (0, _positionFns.getBoundPosition)(_this, newState.x, newState.y);
-		
-		        var _getBoundPosition2 = _slicedToArray(_getBoundPosition, 2);
-		
-		        newState.x = _getBoundPosition2[0];
-		        newState.y = _getBoundPosition2[1];
-		        newState.slackX = _this.state.slackX + (_x - newState.x);
-		        newState.slackY = _this.state.slackY + (_y - newState.y);
-		
-		        // Update the event we fire to reflect what really happened after bounds took effect.
-		        uiData.x = _x;
-		        uiData.y = _y;
-		        uiData.deltaX = newState.x - _this.state.x;
-		        uiData.deltaY = newState.y - _this.state.y;
-		      }
-		
-		      // Short-circuit if user's callback killed it.
-		      var shouldUpdate = _this.props.onDrag(e, uiData);
-		      if (shouldUpdate === false) return false;
-		
-		      _this.setState(newState);
-		    };
-		
-		    _this.onDragStop = function (e, coreData) {
-		      if (!_this.state.dragging) return false;
-		
-		      // Short-circuit if user's callback killed it.
-		      var shouldStop = _this.props.onStop(e, (0, _positionFns.createDraggableData)(_this, coreData));
-		      if (shouldStop === false) return false;
-		
-		      (0, _log2.default)('Draggable: onDragStop: %j', coreData);
-		
-		      var newState /*: $Shape<DraggableState>*/ = {
-		        dragging: false,
-		        slackX: 0,
-		        slackY: 0
-		      };
-		
-		      // If this is a controlled component, the result of this operation will be to
-		      // revert back to the old position. We expect a handler on `onDragStop`, at the least.
-		      var controlled = Boolean(_this.props.position);
-		      if (controlled) {
-		        var _this$props$position = _this.props.position,
-		            _x2 = _this$props$position.x,
-		            _y2 = _this$props$position.y;
-		
-		        newState.x = _x2;
-		        newState.y = _y2;
-		      }
-		
-		      _this.setState(newState);
-		    };
-		
-		    _this.state = {
-		      // Whether or not we are currently dragging.
-		      dragging: false,
-		
-		      // Whether or not we have been dragged before.
-		      dragged: false,
-		
-		      // Current transform x and y.
-		      x: props.position ? props.position.x : props.defaultPosition.x,
-		      y: props.position ? props.position.y : props.defaultPosition.y,
-		
-		      // Used for compensating for out-of-bounds drags
-		      slackX: 0, slackY: 0,
-		
-		      // Can only determine if SVG after mounting
-		      isElementSVG: false
-		    };
-		    return _this;
+		/**
+		 * 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.
+		 *
+		 * 
+		 */
+	
+		function makeEmptyFunction(arg) {
+		  return function () {
+		    return arg;
+		  };
+		}
+	
+		/**
+		 * This function accepts and discards inputs; it has no side effects. This is
+		 * primarily useful idiomatically for overridable function endpoints which
+		 * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
+		 */
+		var emptyFunction = function emptyFunction() {};
+	
+		emptyFunction.thatReturns = makeEmptyFunction;
+		emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
+		emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
+		emptyFunction.thatReturnsNull = makeEmptyFunction(null);
+		emptyFunction.thatReturnsThis = function () {
+		  return this;
+		};
+		emptyFunction.thatReturnsArgument = function (arg) {
+		  return arg;
+		};
+	
+		var emptyFunction_1 = emptyFunction;
+	
+		/**
+		 * 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.
+		 *
+		 */
+	
+		/**
+		 * Use invariant() to assert state which your program assumes to be true.
+		 *
+		 * Provide sprintf-style format (only %s is supported) and arguments
+		 * to provide information about what broke and what you were
+		 * expecting.
+		 *
+		 * The invariant message will be stripped in production, but the invariant
+		 * will remain to ensure logic does not differ in production.
+		 */
+	
+		var validateFormat = function validateFormat(format) {};
+	
+		{
+		  validateFormat = function validateFormat(format) {
+		    if (format === undefined) {
+		      throw new Error('invariant requires an error message argument');
+		    }
+		  };
+		}
+	
+		function invariant(condition, format, a, b, c, d, e, f) {
+		  validateFormat(format);
+	
+		  if (!condition) {
+		    var error;
+		    if (format === undefined) {
+		      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+		    } else {
+		      var args = [a, b, c, d, e, f];
+		      var argIndex = 0;
+		      error = new Error(format.replace(/%s/g, function () {
+		        return args[argIndex++];
+		      }));
+		      error.name = 'Invariant Violation';
+		    }
+	
+		    error.framesToPop = 1; // we don't care about invariant's own frame
+		    throw error;
 		  }
-		
-		  _createClass(Draggable, [{
-		    key: 'componentWillMount',
-		    value: function componentWillMount() {
-		      if (this.props.position && !(this.props.onDrag || this.props.onStop)) {
-		        // eslint-disable-next-line
-		        console.warn('A `position` was applied to this <Draggable>, without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');
-		      }
+		}
+	
+		var invariant_1 = invariant;
+	
+		/**
+		 * Similar to invariant but only logs a warning if the condition is not met.
+		 * This can be used to log issues in development environments in critical
+		 * paths. Removing the logging code for production environments will keep the
+		 * same logic and follow the same code paths.
+		 */
+	
+		var warning = emptyFunction_1;
+	
+		{
+		  var printWarning = function printWarning(format) {
+		    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+		      args[_key - 1] = arguments[_key];
 		    }
-		  }, {
-		    key: 'componentDidMount',
-		    value: function componentDidMount() {
-		      // Check to see if the element passed is an instanceof SVGElement
-		      if (typeof SVGElement !== 'undefined' && _reactDom2.default.findDOMNode(this) instanceof SVGElement) {
-		        this.setState({ isElementSVG: true });
-		      }
+	
+		    var argIndex = 0;
+		    var message = 'Warning: ' + format.replace(/%s/g, function () {
+		      return args[argIndex++];
+		    });
+		    if (typeof console !== 'undefined') {
+		      console.error(message);
 		    }
-		  }, {
-		    key: 'componentWillReceiveProps',
-		    value: function componentWillReceiveProps(nextProps /*: Object*/) {
-		      // Set x/y if position has changed
-		      if (nextProps.position && (!this.props.position || nextProps.position.x !== this.props.position.x || nextProps.position.y !== this.props.position.y)) {
-		        this.setState({ x: nextProps.position.x, y: nextProps.position.y });
-		      }
+		    try {
+		      // --- Welcome to debugging React ---
+		      // This error was thrown as a convenience so that you can use this stack
+		      // to find the callsite that caused this warning to fire.
+		      throw new Error(message);
+		    } catch (x) {}
+		  };
+	
+		  warning = function warning(condition, format) {
+		    if (format === undefined) {
+		      throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
 		    }
-		  }, {
-		    key: 'componentWillUnmount',
-		    value: function componentWillUnmount() {
-		      this.setState({ dragging: false }); // prevents invariant if unmounted while dragging
+	
+		    if (format.indexOf('Failed Composite propType: ') === 0) {
+		      return; // Ignore CompositeComponent proptype check.
 		    }
-		  }, {
-		    key: 'render',
-		    value: function render() /*: React.Element<any>*/ {
-		      var _classNames;
-		
-		      var style = {},
-		          svgTransform = null;
-		
-		      // If this is controlled, we don't want to move it - unless it's dragging.
-		      var controlled = Boolean(this.props.position);
-		      var draggable = !controlled || this.state.dragging;
-		
-		      var position = this.props.position || this.props.defaultPosition;
-		      var transformOpts = {
-		        // Set left if horizontal drag is enabled
-		        x: (0, _positionFns.canDragX)(this) && draggable ? this.state.x : position.x,
-		
-		        // Set top if vertical drag is enabled
-		        y: (0, _positionFns.canDragY)(this) && draggable ? this.state.y : position.y
-		      };
-		
-		      // If this element was SVG, we use the `transform` attribute.
-		      if (this.state.isElementSVG) {
-		        svgTransform = (0, _domFns.createSVGTransform)(transformOpts);
-		      } else {
-		        // Add a CSS transform to move the element around. This allows us to move the element around
-		        // without worrying about whether or not it is relatively or absolutely positioned.
-		        // If the item you are dragging already has a transform set, wrap it in a <span> so <Draggable>
-		        // has a clean slate.
-		        style = (0, _domFns.createCSSTransform)(transformOpts);
+	
+		    if (!condition) {
+		      for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+		        args[_key2 - 2] = arguments[_key2];
 		      }
-		
-		      var _props = this.props,
-		          defaultClassName = _props.defaultClassName,
-		          defaultClassNameDragging = _props.defaultClassNameDragging,
-		          defaultClassNameDragged = _props.defaultClassNameDragged;
-		
-		      // Mark with class while dragging
-		
-		      var className = (0, _classnames2.default)(this.props.children.props.className || '', defaultClassName, (_classNames = {}, _defineProperty(_classNames, defaultClassNameDragging, this.state.dragging), _defineProperty(_classNames, defaultClassNameDragged, this.state.dragged), _classNames));
-		
-		      // Reuse the child provided
-		      // This makes it flexible to use whatever element is wanted (div, ul, etc)
-		      return _react2.default.createElement(
-		        _DraggableCore2.default,
-		        _extends({}, this.props, { onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop }),
-		        _react2.default.cloneElement(_react2.default.Children.only(this.props.children), {
-		          className: className,
-		          style: _extends({}, this.props.children.props.style, style),
-		          transform: svgTransform
-		        })
-		      );
+	
+		      printWarning.apply(undefined, [format].concat(args));
 		    }
-		  }]);
-		
-		  return Draggable;
-		}(_react2.default.Component);
-		
-		Draggable.displayName = 'Draggable';
-		Draggable.propTypes = _extends({}, _DraggableCore2.default.propTypes, {
-		
-		  /**
-		   * `axis` determines which axis the draggable can move.
-		   *
-		   *  Note that all callbacks will still return data as normal. This only
-		   *  controls flushing to the DOM.
-		   *
-		   * 'both' allows movement horizontally and vertically.
-		   * 'x' limits movement to horizontal axis.
-		   * 'y' limits movement to vertical axis.
-		   * 'none' limits all movement.
-		   *
-		   * Defaults to 'both'.
-		   */
-		  axis: _propTypes2.default.oneOf(['both', 'x', 'y', 'none']),
-		
-		  /**
-		   * `bounds` determines the range of movement available to the element.
-		   * Available values are:
-		   *
-		   * 'parent' restricts movement within the Draggable's parent node.
-		   *
-		   * Alternatively, pass an object with the following properties, all of which are optional:
-		   *
-		   * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
-		   *
-		   * All values are in px.
-		   *
-		   * Example:
-		   *
-		   * ```jsx
-		   *   let App = React.createClass({
-		   *       render: function () {
-		   *         return (
-		   *            <Draggable bounds={{right: 300, bottom: 300}}>
-		   *              <div>Content</div>
-		   *           </Draggable>
-		   *         );
-		   *       }
-		   *   });
-		   * ```
-		   */
-		  bounds: _propTypes2.default.oneOfType([_propTypes2.default.shape({
-		    left: _propTypes2.default.number,
-		    right: _propTypes2.default.number,
-		    top: _propTypes2.default.number,
-		    bottom: _propTypes2.default.number
-		  }), _propTypes2.default.string, _propTypes2.default.oneOf([false])]),
-		
-		  defaultClassName: _propTypes2.default.string,
-		  defaultClassNameDragging: _propTypes2.default.string,
-		  defaultClassNameDragged: _propTypes2.default.string,
-		
-		  /**
-		   * `defaultPosition` specifies the x and y that the dragged item should start at
-		   *
-		   * Example:
-		   *
-		   * ```jsx
-		   *      let App = React.createClass({
-		   *          render: function () {
-		   *              return (
-		   *                  <Draggable defaultPosition={{x: 25, y: 25}}>
-		   *                      <div>I start with transformX: 25px and transformY: 25px;</div>
-		   *                  </Draggable>
-		   *              );
-		   *          }
-		   *      });
-		   * ```
-		   */
-		  defaultPosition: _propTypes2.default.shape({
-		    x: _propTypes2.default.number,
-		    y: _propTypes2.default.number
-		  }),
-		
-		  /**
-		   * `position`, if present, defines the current position of the element.
-		   *
-		   *  This is similar to how form elements in React work - if no `position` is supplied, the component
-		   *  is uncontrolled.
-		   *
-		   * Example:
-		   *
-		   * ```jsx
-		   *      let App = React.createClass({
-		   *          render: function () {
-		   *              return (
-		   *                  <Draggable position={{x: 25, y: 25}}>
-		   *                      <div>I start with transformX: 25px and transformY: 25px;</div>
-		   *                  </Draggable>
-		   *              );
-		   *          }
-		   *      });
-		   * ```
-		   */
-		  position: _propTypes2.default.shape({
-		    x: _propTypes2.default.number,
-		    y: _propTypes2.default.number
-		  }),
-		
-		  /**
-		   * These properties should be defined on the child, not here.
-		   */
-		  className: _shims.dontSetMe,
-		  style: _shims.dontSetMe,
-		  transform: _shims.dontSetMe
-		});
-		Draggable.defaultProps = _extends({}, _DraggableCore2.default.defaultProps, {
-		  axis: 'both',
-		  bounds: false,
-		  defaultClassName: 'react-draggable',
-		  defaultClassNameDragging: 'react-draggable-dragging',
-		  defaultClassNameDragged: 'react-draggable-dragged',
-		  defaultPosition: { x: 0, y: 0 },
-		  position: null
-		});
-		exports.default = Draggable;
+		  };
+		}
+	
+		var warning_1 = warning;
+	
+		/*
+		object-assign
+		(c) Sindre Sorhus
+		@license MIT
+		*/
+		/* eslint-disable no-unused-vars */
+		var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+		var hasOwnProperty = Object.prototype.hasOwnProperty;
+		var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+	
+		function toObject(val) {
+			if (val === null || val === undefined) {
+				throw new TypeError('Object.assign cannot be called with null or undefined');
+			}
+	
+			return Object(val);
+		}
+	
+		function shouldUseNative() {
+			try {
+				if (!Object.assign) {
+					return false;
+				}
+	
+				// Detect buggy property enumeration order in older V8 versions.
+	
+				// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+				var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+				test1[5] = 'de';
+				if (Object.getOwnPropertyNames(test1)[0] === '5') {
+					return false;
+				}
+	
+				// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+				var test2 = {};
+				for (var i = 0; i < 10; i++) {
+					test2['_' + String.fromCharCode(i)] = i;
+				}
+				var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+					return test2[n];
+				});
+				if (order2.join('') !== '0123456789') {
+					return false;
+				}
+	
+				// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+				var test3 = {};
+				'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+					test3[letter] = letter;
+				});
+				if (Object.keys(Object.assign({}, test3)).join('') !==
+						'abcdefghijklmnopqrst') {
+					return false;
+				}
+	
+				return true;
+			} catch (err) {
+				// We don't expect any of the above to throw, but better to be safe.
+				return false;
+			}
+		}
+	
+		var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+			var from;
+			var to = toObject(target);
+			var symbols;
 	
-	/***/ },
-	/* 2 */
-	/***/ function(module, exports) {
+			for (var s = 1; s < arguments.length; s++) {
+				from = Object(arguments[s]);
 	
-		module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
+				for (var key in from) {
+					if (hasOwnProperty.call(from, key)) {
+						to[key] = from[key];
+					}
+				}
+	
+				if (getOwnPropertySymbols) {
+					symbols = getOwnPropertySymbols(from);
+					for (var i = 0; i < symbols.length; i++) {
+						if (propIsEnumerable.call(from, symbols[i])) {
+							to[symbols[i]] = from[symbols[i]];
+						}
+					}
+				}
+			}
 	
-	/***/ },
-	/* 3 */
-	/***/ function(module, exports, __webpack_require__) {
+			return to;
+		};
 	
 		/**
-		 * Copyright 2013-present, Facebook, Inc.
-		 * All rights reserved.
+		 * Copyright (c) 2013-present, Facebook, Inc.
 		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
+		 * This source code is licensed under the MIT license found in the
+		 * LICENSE file in the root directory of this source tree.
 		 */
-		
-		if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production') {
-		  var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
-		    Symbol.for &&
-		    Symbol.for('react.element')) ||
-		    0xeac7;
-		
-		  var isValidElement = function(object) {
-		    return typeof object === 'object' &&
-		      object !== null &&
-		      object.$$typeof === REACT_ELEMENT_TYPE;
-		  };
-		
-		  // By explicitly using `prop-types` you are opting into new development behavior.
-		  // http://fb.me/prop-types-in-prod
-		  var throwOnDirectAccess = true;
-		  module.exports = __webpack_require__(4)(isValidElement, throwOnDirectAccess);
-		} else {
-		  // By explicitly using `prop-types` you are opting into new production behavior.
-		  // http://fb.me/prop-types-in-prod
-		  module.exports = __webpack_require__(10)();
-		}
 	
+		var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+	
+		var ReactPropTypesSecret_1 = ReactPropTypesSecret;
 	
-	/***/ },
-	/* 4 */
-	/***/ function(module, exports, __webpack_require__) {
+		{
+		  var invariant$1 = invariant_1;
+		  var warning$1 = warning_1;
+		  var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
+		  var loggedTypeFailures = {};
+		}
 	
 		/**
-		 * Copyright 2013-present, Facebook, Inc.
-		 * All rights reserved.
+		 * Assert that the values match with the type specs.
+		 * Error messages are memorized and will only be shown once.
 		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
+		 * @param {object} typeSpecs Map of name to a ReactPropType
+		 * @param {object} values Runtime values that need to be type-checked
+		 * @param {string} location e.g. "prop", "context", "child context"
+		 * @param {string} componentName Name of the component for error messages.
+		 * @param {?Function} getStack Returns the component stack.
+		 * @private
 		 */
-		
-		'use strict';
-		
-		var emptyFunction = __webpack_require__(5);
-		var invariant = __webpack_require__(6);
-		var warning = __webpack_require__(7);
-		
-		var ReactPropTypesSecret = __webpack_require__(8);
-		var checkPropTypes = __webpack_require__(9);
-		
-		module.exports = function(isValidElement, throwOnDirectAccess) {
+		function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+		  {
+		    for (var typeSpecName in typeSpecs) {
+		      if (typeSpecs.hasOwnProperty(typeSpecName)) {
+		        var error;
+		        // Prop type validation may throw. In case they do, we don't want to
+		        // fail the render phase where it didn't fail before. So we log it.
+		        // After these have been cleaned up, we'll let them throw.
+		        try {
+		          // This is intentionally an invariant that gets caught. It's the same
+		          // behavior as without this statement except with a better message.
+		          invariant$1(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName || 'React class', location, typeSpecName, typeof typeSpecs[typeSpecName]);
+		          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$1);
+		        } catch (ex) {
+		          error = ex;
+		        }
+		        warning$1(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error);
+		        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+		          // Only monitor this failure once because there tends to be a lot of the
+		          // same error.
+		          loggedTypeFailures[error.message] = true;
+	
+		          var stack = getStack ? getStack() : '';
+	
+		          warning$1(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
+		        }
+		      }
+		    }
+		  }
+		}
+	
+		var checkPropTypes_1 = checkPropTypes;
+	
+		var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
 		  /* global Symbol */
 		  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 		  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
-		
+	
 		  /**
 		   * Returns the iterator method function contained on the iterable object.
 		   *
@@ -50911,7 +50684,7 @@ module.exports =
 		      return iteratorFn;
 		    }
 		  }
-		
+	
 		  /**
 		   * Collection of methods that allow declaration and validation of props that are
 		   * supplied to React components. Example usage:
@@ -50958,9 +50731,9 @@ module.exports =
 		   *
 		   * @internal
 		   */
-		
+	
 		  var ANONYMOUS = '<<anonymous>>';
-		
+	
 		  // Important!
 		  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
 		  var ReactPropTypes = {
@@ -50971,7 +50744,7 @@ module.exports =
 		    object: createPrimitiveTypeChecker('object'),
 		    string: createPrimitiveTypeChecker('string'),
 		    symbol: createPrimitiveTypeChecker('symbol'),
-		
+	
 		    any: createAnyTypeChecker(),
 		    arrayOf: createArrayOfTypeChecker,
 		    element: createElementTypeChecker(),
@@ -50980,9 +50753,10 @@ module.exports =
 		    objectOf: createObjectOfTypeChecker,
 		    oneOf: createEnumTypeChecker,
 		    oneOfType: createUnionTypeChecker,
-		    shape: createShapeTypeChecker
+		    shape: createShapeTypeChecker,
+		    exact: createStrictShapeTypeChecker,
 		  };
-		
+	
 		  /**
 		   * inlined Object.is polyfill to avoid requiring consumers ship their own
 		   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
@@ -51000,7 +50774,7 @@ module.exports =
 		    }
 		  }
 		  /*eslint-enable no-self-compare*/
-		
+	
 		  /**
 		   * We use an Error-like object for backward compatibility as people may call
 		   * PropTypes directly and inspect their output. However, we don't use real
@@ -51014,26 +50788,26 @@ module.exports =
 		  }
 		  // Make `instanceof Error` still work for returned errors.
 		  PropTypeError.prototype = Error.prototype;
-		
+	
 		  function createChainableTypeChecker(validate) {
-		    if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production') {
+		    {
 		      var manualPropTypeCallCache = {};
 		      var manualPropTypeWarningCount = 0;
 		    }
 		    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
 		      componentName = componentName || ANONYMOUS;
 		      propFullName = propFullName || propName;
-		
-		      if (secret !== ReactPropTypesSecret) {
+	
+		      if (secret !== ReactPropTypesSecret_1) {
 		        if (throwOnDirectAccess) {
 		          // New behavior only for users of `prop-types` package
-		          invariant(
+		          invariant_1(
 		            false,
 		            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
 		            'Use `PropTypes.checkPropTypes()` to call them. ' +
 		            'Read more at http://fb.me/use-check-prop-types'
 		          );
-		        } else if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production' && typeof console !== 'undefined') {
+		        } else if ("development" !== 'production' && typeof console !== 'undefined') {
 		          // Old behavior for people using React.PropTypes
 		          var cacheKey = componentName + ':' + propName;
 		          if (
@@ -51041,7 +50815,7 @@ module.exports =
 		            // Avoid spamming the console because they are often not actionable except for lib authors
 		            manualPropTypeWarningCount < 3
 		          ) {
-		            warning(
+		            warning_1(
 		              false,
 		              'You are manually calling a React.PropTypes validation ' +
 		              'function for the `%s` prop on `%s`. This is deprecated ' +
@@ -51068,13 +50842,13 @@ module.exports =
 		        return validate(props, propName, componentName, location, propFullName);
 		      }
 		    }
-		
+	
 		    var chainedCheckType = checkType.bind(null, false);
 		    chainedCheckType.isRequired = checkType.bind(null, true);
-		
+	
 		    return chainedCheckType;
 		  }
-		
+	
 		  function createPrimitiveTypeChecker(expectedType) {
 		    function validate(props, propName, componentName, location, propFullName, secret) {
 		      var propValue = props[propName];
@@ -51084,18 +50858,18 @@ module.exports =
 		        // check, but we can offer a more precise error message here rather than
 		        // 'of type `object`'.
 		        var preciseType = getPreciseType(propValue);
-		
+	
 		        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
 		      }
 		      return null;
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createAnyTypeChecker() {
-		    return createChainableTypeChecker(emptyFunction.thatReturnsNull);
+		    return createChainableTypeChecker(emptyFunction_1.thatReturnsNull);
 		  }
-		
+	
 		  function createArrayOfTypeChecker(typeChecker) {
 		    function validate(props, propName, componentName, location, propFullName) {
 		      if (typeof typeChecker !== 'function') {
@@ -51107,7 +50881,7 @@ module.exports =
 		        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
 		      }
 		      for (var i = 0; i < propValue.length; i++) {
-		        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+		        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1);
 		        if (error instanceof Error) {
 		          return error;
 		        }
@@ -51116,7 +50890,7 @@ module.exports =
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createElementTypeChecker() {
 		    function validate(props, propName, componentName, location, propFullName) {
 		      var propValue = props[propName];
@@ -51128,7 +50902,7 @@ module.exports =
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createInstanceTypeChecker(expectedClass) {
 		    function validate(props, propName, componentName, location, propFullName) {
 		      if (!(props[propName] instanceof expectedClass)) {
@@ -51140,13 +50914,13 @@ module.exports =
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createEnumTypeChecker(expectedValues) {
 		    if (!Array.isArray(expectedValues)) {
-		      ({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
-		      return emptyFunction.thatReturnsNull;
+		      warning_1(false, 'Invalid argument supplied to oneOf, expected an instance of array.');
+		      return emptyFunction_1.thatReturnsNull;
 		    }
-		
+	
 		    function validate(props, propName, componentName, location, propFullName) {
 		      var propValue = props[propName];
 		      for (var i = 0; i < expectedValues.length; i++) {
@@ -51154,13 +50928,13 @@ module.exports =
 		          return null;
 		        }
 		      }
-		
+	
 		      var valuesString = JSON.stringify(expectedValues);
 		      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createObjectOfTypeChecker(typeChecker) {
 		    function validate(props, propName, componentName, location, propFullName) {
 		      if (typeof typeChecker !== 'function') {
@@ -51173,7 +50947,7 @@ module.exports =
 		      }
 		      for (var key in propValue) {
 		        if (propValue.hasOwnProperty(key)) {
-		          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+		          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
 		          if (error instanceof Error) {
 		            return error;
 		          }
@@ -51183,26 +50957,40 @@ module.exports =
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createUnionTypeChecker(arrayOfTypeCheckers) {
 		    if (!Array.isArray(arrayOfTypeCheckers)) {
-		      ({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-		      return emptyFunction.thatReturnsNull;
+		      warning_1(false, 'Invalid argument supplied to oneOfType, expected an instance of array.');
+		      return emptyFunction_1.thatReturnsNull;
+		    }
+	
+		    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+		      var checker = arrayOfTypeCheckers[i];
+		      if (typeof checker !== 'function') {
+		        warning_1(
+		          false,
+		          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
+		          'received %s at index %s.',
+		          getPostfixForTypeWarning(checker),
+		          i
+		        );
+		        return emptyFunction_1.thatReturnsNull;
+		      }
 		    }
-		
+	
 		    function validate(props, propName, componentName, location, propFullName) {
 		      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
 		        var checker = arrayOfTypeCheckers[i];
-		        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+		        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
 		          return null;
 		        }
 		      }
-		
+	
 		      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createNodeChecker() {
 		    function validate(props, propName, componentName, location, propFullName) {
 		      if (!isNode(props[propName])) {
@@ -51212,7 +51000,7 @@ module.exports =
 		    }
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function createShapeTypeChecker(shapeTypes) {
 		    function validate(props, propName, componentName, location, propFullName) {
 		      var propValue = props[propName];
@@ -51225,16 +51013,46 @@ module.exports =
 		        if (!checker) {
 		          continue;
 		        }
-		        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+		        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
+		        if (error) {
+		          return error;
+		        }
+		      }
+		      return null;
+		    }
+		    return createChainableTypeChecker(validate);
+		  }
+	
+		  function createStrictShapeTypeChecker(shapeTypes) {
+		    function validate(props, propName, componentName, location, propFullName) {
+		      var propValue = props[propName];
+		      var propType = getPropType(propValue);
+		      if (propType !== 'object') {
+		        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+		      }
+		      // We need to check all keys in case some are required but missing from
+		      // props.
+		      var allKeys = objectAssign({}, props[propName], shapeTypes);
+		      for (var key in allKeys) {
+		        var checker = shapeTypes[key];
+		        if (!checker) {
+		          return new PropTypeError(
+		            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
+		            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
+		            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+		          );
+		        }
+		        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
 		        if (error) {
 		          return error;
 		        }
 		      }
 		      return null;
 		    }
+	
 		    return createChainableTypeChecker(validate);
 		  }
-		
+	
 		  function isNode(propValue) {
 		    switch (typeof propValue) {
 		      case 'number':
@@ -51250,7 +51068,7 @@ module.exports =
 		        if (propValue === null || isValidElement(propValue)) {
 		          return true;
 		        }
-		
+	
 		        var iteratorFn = getIteratorFn(propValue);
 		        if (iteratorFn) {
 		          var iterator = iteratorFn.call(propValue);
@@ -51275,32 +51093,32 @@ module.exports =
 		        } else {
 		          return false;
 		        }
-		
+	
 		        return true;
 		      default:
 		        return false;
 		    }
 		  }
-		
+	
 		  function isSymbol(propType, propValue) {
 		    // Native Symbol.
 		    if (propType === 'symbol') {
 		      return true;
 		    }
-		
+	
 		    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
 		    if (propValue['@@toStringTag'] === 'Symbol') {
 		      return true;
 		    }
-		
+	
 		    // Fallback for non-spec compliant Symbols which are polyfilled.
 		    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
 		      return true;
 		    }
-		
+	
 		    return false;
 		  }
-		
+	
 		  // Equivalent of `typeof` but with special handling for array and regexp.
 		  function getPropType(propValue) {
 		    var propType = typeof propValue;
@@ -51318,10 +51136,13 @@ module.exports =
 		    }
 		    return propType;
 		  }
-		
+	
 		  // This handles more types than `getPropType`. Only used for error messages.
 		  // See `createPrimitiveTypeChecker`.
 		  function getPreciseType(propValue) {
+		    if (typeof propValue === 'undefined' || propValue === null) {
+		      return '' + propValue;
+		    }
 		    var propType = getPropType(propValue);
 		    if (propType === 'object') {
 		      if (propValue instanceof Date) {
@@ -51332,7 +51153,24 @@ module.exports =
 		    }
 		    return propType;
 		  }
-		
+	
+		  // Returns a string that is postfixed to a warning about an invalid type.
+		  // For example, "undefined" or "of type array"
+		  function getPostfixForTypeWarning(value) {
+		    var type = getPreciseType(value);
+		    switch (type) {
+		      case 'array':
+		      case 'object':
+		        return 'an ' + type;
+		      case 'boolean':
+		      case 'date':
+		      case 'regexp':
+		        return 'a ' + type;
+		      default:
+		        return type;
+		    }
+		  }
+	
 		  // Returns class name of the object, if any.
 		  function getClassName(propValue) {
 		    if (!propValue.constructor || !propValue.constructor.name) {
@@ -51340,366 +51178,61 @@ module.exports =
 		    }
 		    return propValue.constructor.name;
 		  }
-		
-		  ReactPropTypes.checkPropTypes = checkPropTypes;
+	
+		  ReactPropTypes.checkPropTypes = checkPropTypes_1;
 		  ReactPropTypes.PropTypes = ReactPropTypes;
-		
+	
 		  return ReactPropTypes;
 		};
 	
-	
-	/***/ },
-	/* 5 */
-	/***/ function(module, exports) {
-	
-		"use strict";
-		
+		var propTypes = createCommonjsModule(function (module) {
 		/**
 		 * Copyright (c) 2013-present, Facebook, Inc.
-		 * All rights reserved.
-		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
 		 *
-		 * 
+		 * This source code is licensed under the MIT license found in the
+		 * LICENSE file in the root directory of this source tree.
 		 */
-		
-		function makeEmptyFunction(arg) {
-		  return function () {
-		    return arg;
+	
+		{
+		  var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
+		    Symbol.for &&
+		    Symbol.for('react.element')) ||
+		    0xeac7;
+	
+		  var isValidElement = function(object) {
+		    return typeof object === 'object' &&
+		      object !== null &&
+		      object.$$typeof === REACT_ELEMENT_TYPE;
 		  };
+	
+		  // By explicitly using `prop-types` you are opting into new development behavior.
+		  // http://fb.me/prop-types-in-prod
+		  var throwOnDirectAccess = true;
+		  module.exports = factoryWithTypeCheckers(isValidElement, throwOnDirectAccess);
 		}
-		
-		/**
-		 * This function accepts and discards inputs; it has no side effects. This is
-		 * primarily useful idiomatically for overridable function endpoints which
-		 * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
-		 */
-		var emptyFunction = function emptyFunction() {};
-		
-		emptyFunction.thatReturns = makeEmptyFunction;
-		emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
-		emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
-		emptyFunction.thatReturnsNull = makeEmptyFunction(null);
-		emptyFunction.thatReturnsThis = function () {
-		  return this;
-		};
-		emptyFunction.thatReturnsArgument = function (arg) {
-		  return arg;
-		};
-		
-		module.exports = emptyFunction;
-	
-	/***/ },
-	/* 6 */
-	/***/ function(module, exports, __webpack_require__) {
-	
-		/**
-		 * Copyright (c) 2013-present, Facebook, Inc.
-		 * All rights reserved.
-		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
-		 *
-		 */
-		
-		'use strict';
-		
-		/**
-		 * Use invariant() to assert state which your program assumes to be true.
-		 *
-		 * Provide sprintf-style format (only %s is supported) and arguments
-		 * to provide information about what broke and what you were
-		 * expecting.
-		 *
-		 * The invariant message will be stripped in production, but the invariant
-		 * will remain to ensure logic does not differ in production.
-		 */
-		
-		var validateFormat = function validateFormat(format) {};
-		
-		if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production') {
-		  validateFormat = function validateFormat(format) {
-		    if (format === undefined) {
-		      throw new Error('invariant requires an error message argument');
-		    }
-		  };
-		}
-		
-		function invariant(condition, format, a, b, c, d, e, f) {
-		  validateFormat(format);
-		
-		  if (!condition) {
-		    var error;
-		    if (format === undefined) {
-		      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-		    } else {
-		      var args = [a, b, c, d, e, f];
-		      var argIndex = 0;
-		      error = new Error(format.replace(/%s/g, function () {
-		        return args[argIndex++];
-		      }));
-		      error.name = 'Invariant Violation';
-		    }
-		
-		    error.framesToPop = 1; // we don't care about invariant's own frame
-		    throw error;
-		  }
-		}
-		
-		module.exports = invariant;
-	
-	/***/ },
-	/* 7 */
-	/***/ function(module, exports, __webpack_require__) {
-	
-		/**
-		 * Copyright 2014-2015, Facebook, Inc.
-		 * All rights reserved.
-		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
-		 *
-		 */
-		
-		'use strict';
-		
-		var emptyFunction = __webpack_require__(5);
-		
-		/**
-		 * Similar to invariant but only logs a warning if the condition is not met.
-		 * This can be used to log issues in development environments in critical
-		 * paths. Removing the logging code for production environments will keep the
-		 * same logic and follow the same code paths.
-		 */
-		
-		var warning = emptyFunction;
-		
-		if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production') {
-		  (function () {
-		    var printWarning = function printWarning(format) {
-		      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-		        args[_key - 1] = arguments[_key];
-		      }
-		
-		      var argIndex = 0;
-		      var message = 'Warning: ' + format.replace(/%s/g, function () {
-		        return args[argIndex++];
-		      });
-		      if (typeof console !== 'undefined') {
-		        console.error(message);
-		      }
-		      try {
-		        // --- Welcome to debugging React ---
-		        // This error was thrown as a convenience so that you can use this stack
-		        // to find the callsite that caused this warning to fire.
-		        throw new Error(message);
-		      } catch (x) {}
-		    };
-		
-		    warning = function warning(condition, format) {
-		      if (format === undefined) {
-		        throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
-		      }
-		
-		      if (format.indexOf('Failed Composite propType: ') === 0) {
-		        return; // Ignore CompositeComponent proptype check.
-		      }
-		
-		      if (!condition) {
-		        for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-		          args[_key2 - 2] = arguments[_key2];
-		        }
-		
-		        printWarning.apply(undefined, [format].concat(args));
-		      }
-		    };
-		  })();
-		}
-		
-		module.exports = warning;
-	
-	/***/ },
-	/* 8 */
-	/***/ function(module, exports) {
-	
-		/**
-		 * Copyright 2013-present, Facebook, Inc.
-		 * All rights reserved.
-		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
-		 */
-		
-		'use strict';
-		
-		var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-		
-		module.exports = ReactPropTypesSecret;
-	
-	
-	/***/ },
-	/* 9 */
-	/***/ function(module, exports, __webpack_require__) {
-	
-		/**
-		 * Copyright 2013-present, Facebook, Inc.
-		 * All rights reserved.
-		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
-		 */
-		
-		'use strict';
-		
-		if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production') {
-		  var invariant = __webpack_require__(6);
-		  var warning = __webpack_require__(7);
-		  var ReactPropTypesSecret = __webpack_require__(8);
-		  var loggedTypeFailures = {};
-		}
-		
-		/**
-		 * Assert that the values match with the type specs.
-		 * Error messages are memorized and will only be shown once.
-		 *
-		 * @param {object} typeSpecs Map of name to a ReactPropType
-		 * @param {object} values Runtime values that need to be type-checked
-		 * @param {string} location e.g. "prop", "context", "child context"
-		 * @param {string} componentName Name of the component for error messages.
-		 * @param {?Function} getStack Returns the component stack.
-		 * @private
-		 */
-		function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-		  if (({"DRAGGABLE_DEBUG":undefined}).NODE_ENV !== 'production') {
-		    for (var typeSpecName in typeSpecs) {
-		      if (typeSpecs.hasOwnProperty(typeSpecName)) {
-		        var error;
-		        // Prop type validation may throw. In case they do, we don't want to
-		        // fail the render phase where it didn't fail before. So we log it.
-		        // After these have been cleaned up, we'll let them throw.
-		        try {
-		          // This is intentionally an invariant that gets caught. It's the same
-		          // behavior as without this statement except with a better message.
-		          invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', location, typeSpecName);
-		          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
-		        } catch (ex) {
-		          error = ex;
-		        }
-		        warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error);
-		        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-		          // Only monitor this failure once because there tends to be a lot of the
-		          // same error.
-		          loggedTypeFailures[error.message] = true;
-		
-		          var stack = getStack ? getStack() : '';
-		
-		          warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
-		        }
-		      }
-		    }
-		  }
-		}
-		
-		module.exports = checkPropTypes;
-	
-	
-	/***/ },
-	/* 10 */
-	/***/ function(module, exports, __webpack_require__) {
-	
-		/**
-		 * Copyright 2013-present, Facebook, Inc.
-		 * All rights reserved.
-		 *
-		 * This source code is licensed under the BSD-style license found in the
-		 * LICENSE file in the root directory of this source tree. An additional grant
-		 * of patent rights can be found in the PATENTS file in the same directory.
-		 */
-		
-		'use strict';
-		
-		var emptyFunction = __webpack_require__(5);
-		var invariant = __webpack_require__(6);
-		
-		module.exports = function() {
-		  // Important!
-		  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-		  function shim() {
-		    invariant(
-		      false,
-		      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-		      'Use PropTypes.checkPropTypes() to call them. ' +
-		      'Read more at http://fb.me/use-check-prop-types'
-		    );
-		  };
-		  shim.isRequired = shim;
-		  function getShim() {
-		    return shim;
-		  };
-		  var ReactPropTypes = {
-		    array: shim,
-		    bool: shim,
-		    func: shim,
-		    number: shim,
-		    object: shim,
-		    string: shim,
-		    symbol: shim,
-		
-		    any: shim,
-		    arrayOf: getShim,
-		    element: shim,
-		    instanceOf: getShim,
-		    node: shim,
-		    objectOf: getShim,
-		    oneOf: getShim,
-		    oneOfType: getShim,
-		    shape: getShim
-		  };
-		
-		  ReactPropTypes.checkPropTypes = emptyFunction;
-		  ReactPropTypes.PropTypes = ReactPropTypes;
-		
-		  return ReactPropTypes;
-		};
-	
-	
-	/***/ },
-	/* 11 */
-	/***/ function(module, exports) {
-	
-		module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
-	
-	/***/ },
-	/* 12 */
-	/***/ function(module, exports, __webpack_require__) {
+		});
 	
-		var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+		var classnames = createCommonjsModule(function (module) {
+		/*!
 		  Copyright (c) 2016 Jed Watson.
 		  Licensed under the MIT License (MIT), see
 		  http://jedwatson.github.io/classnames
 		*/
 		/* global define */
-		
+	
 		(function () {
-			'use strict';
-		
+	
 			var hasOwn = {}.hasOwnProperty;
-		
+	
 			function classNames () {
 				var classes = [];
-		
+	
 				for (var i = 0; i < arguments.length; i++) {
 					var arg = arguments[i];
 					if (!arg) continue;
-		
+	
 					var argType = typeof arg;
-		
+	
 					if (argType === 'string' || argType === 'number') {
 						classes.push(arg);
 					} else if (Array.isArray(arg)) {
@@ -51712,215 +51245,386 @@ module.exports =
 						}
 					}
 				}
-		
+	
 				return classes.join(' ');
 			}
-		
-			if (typeof module !== 'undefined' && module.exports) {
+	
+			if ('object' !== 'undefined' && module.exports) {
 				module.exports = classNames;
-			} else if (true) {
+			} else if (false) {
 				// register as 'classnames', consistent with npm package name
-				!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
+				undefined('classnames', [], function () {
 					return classNames;
-				}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				});
 			} else {
 				window.classNames = classNames;
 			}
 		}());
+		});
 	
+		// @credits https://gist.github.com/rogozhnikoff/a43cfed27c41e4e68cdc
+		function findInArray(array /*: Array<any> | TouchList*/, callback /*: Function*/) /*: any*/ {
+		  for (var i = 0, length = array.length; i < length; i++) {
+		    if (callback.apply(callback, [array[i], i, array])) return array[i];
+		  }
+		}
 	
-	/***/ },
-	/* 13 */
-	/***/ function(module, exports, __webpack_require__) {
+		function isFunction(func /*: any*/) /*: boolean*/ {
+		  return typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]';
+		}
 	
-		'use strict';
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		
-		var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-		
-		exports.matchesSelector = matchesSelector;
-		exports.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
-		exports.addEvent = addEvent;
-		exports.removeEvent = removeEvent;
-		exports.outerHeight = outerHeight;
-		exports.outerWidth = outerWidth;
-		exports.innerHeight = innerHeight;
-		exports.innerWidth = innerWidth;
-		exports.offsetXYFromParent = offsetXYFromParent;
-		exports.createCSSTransform = createCSSTransform;
-		exports.createSVGTransform = createSVGTransform;
-		exports.getTouch = getTouch;
-		exports.getTouchIdentifier = getTouchIdentifier;
-		exports.addUserSelectStyles = addUserSelectStyles;
-		exports.removeUserSelectStyles = removeUserSelectStyles;
-		exports.styleHacks = styleHacks;
-		
-		var _shims = __webpack_require__(14);
-		
-		var _getPrefix = __webpack_require__(15);
-		
-		var _getPrefix2 = _interopRequireDefault(_getPrefix);
-		
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-		
-		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-		
-		/*:: import type {ControlPosition} from './types';*/
-		
-		
-		var matchesSelectorFunc = '';
-		function matchesSelector(el /*: Node*/, selector /*: string*/) /*: boolean*/ {
-		  if (!matchesSelectorFunc) {
-		    matchesSelectorFunc = (0, _shims.findInArray)(['matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector'], function (method) {
-		      // $FlowIgnore: Doesn't think elements are indexable
-		      return (0, _shims.isFunction)(el[method]);
-		    });
-		  }
-		
-		  // $FlowIgnore: Doesn't think elements are indexable
-		  return el[matchesSelectorFunc].call(el, selector);
+		function isNum(num /*: any*/) /*: boolean*/ {
+		  return typeof num === 'number' && !isNaN(num);
 		}
-		
-		// Works up the tree to the draggable itself attempting to match selector.
-		function matchesSelectorAndParentsTo(el /*: Node*/, selector /*: string*/, baseNode /*: Node*/) /*: boolean*/ {
-		  var node = el;
-		  do {
-		    if (matchesSelector(node, selector)) return true;
-		    if (node === baseNode) return false;
-		    node = node.parentNode;
-		  } while (node);
-		
-		  return false;
+	
+		function int(a /*: string*/) /*: number*/ {
+		  return parseInt(a, 10);
 		}
-		
-		function addEvent(el /*: ?Node*/, event /*: string*/, handler /*: Function*/) /*: void*/ {
-		  if (!el) {
-		    return;
-		  }
-		  if (el.attachEvent) {
-		    el.attachEvent('on' + event, handler);
-		  } else if (el.addEventListener) {
-		    el.addEventListener(event, handler, true);
-		  } else {
-		    // $FlowIgnore: Doesn't think elements are indexable
-		    el['on' + event] = handler;
+	
+		function dontSetMe(props /*: Object*/, propName /*: string*/, componentName /*: string*/) {
+		  if (props[propName]) {
+		    return new Error('Invalid prop ' + propName + ' passed to ' + componentName + ' - do not set this, set it on the child.');
 		  }
 		}
-		
-		function removeEvent(el /*: ?Node*/, event /*: string*/, handler /*: Function*/) /*: void*/ {
-		  if (!el) {
-		    return;
-		  }
-		  if (el.detachEvent) {
-		    el.detachEvent('on' + event, handler);
-		  } else if (el.removeEventListener) {
-		    el.removeEventListener(event, handler, true);
-		  } else {
-		    // $FlowIgnore: Doesn't think elements are indexable
-		    el['on' + event] = null;
+	
+		var prefixes = ['Moz', 'Webkit', 'O', 'ms'];
+		function getPrefix() /*: string*/ {
+		  var prop /*: string*/ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transform';
+	
+		  // Checking specifically for 'window.document' is for pseudo-browser server-side
+		  // environments that define 'window' as the global context.
+		  // E.g. React-rails (see https://github.com/reactjs/react-rails/pull/84)
+		  if (typeof window === 'undefined' || typeof window.document === 'undefined') return '';
+	
+		  var style = window.document.documentElement.style;
+	
+		  if (prop in style) return '';
+	
+		  for (var i = 0; i < prefixes.length; i++) {
+		    if (browserPrefixToKey(prop, prefixes[i]) in style) return prefixes[i];
 		  }
+	
+		  return '';
 		}
-		
-		function outerHeight(node /*: HTMLElement*/) /*: number*/ {
-		  // This is deliberately excluding margin for our calculations, since we are using
-		  // offsetTop which is including margin. See getBoundPosition
-		  var height = node.clientHeight;
-		  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-		  height += (0, _shims.int)(computedStyle.borderTopWidth);
-		  height += (0, _shims.int)(computedStyle.borderBottomWidth);
-		  return height;
-		}
-		
-		function outerWidth(node /*: HTMLElement*/) /*: number*/ {
-		  // This is deliberately excluding margin for our calculations, since we are using
-		  // offsetLeft which is including margin. See getBoundPosition
-		  var width = node.clientWidth;
-		  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-		  width += (0, _shims.int)(computedStyle.borderLeftWidth);
-		  width += (0, _shims.int)(computedStyle.borderRightWidth);
-		  return width;
+	
+		function browserPrefixToKey(prop /*: string*/, prefix /*: string*/) /*: string*/ {
+		  return prefix ? '' + prefix + kebabToTitleCase(prop) : prop;
+		}
+	
+		function kebabToTitleCase(str /*: string*/) /*: string*/ {
+		  var out = '';
+		  var shouldCapitalize = true;
+		  for (var i = 0; i < str.length; i++) {
+		    if (shouldCapitalize) {
+		      out += str[i].toUpperCase();
+		      shouldCapitalize = false;
+		    } else if (str[i] === '-') {
+		      shouldCapitalize = true;
+		    } else {
+		      out += str[i];
+		    }
+		  }
+		  return out;
+		}
+	
+		// Default export is the prefix itself, like 'Moz', 'Webkit', etc
+		// Note that you may have to re-test for certain things; for instance, Chrome 50
+		// can handle unprefixed `transform`, but not unprefixed `user-select`
+		var browserPrefix = getPrefix();
+	
+		var classCallCheck = function (instance, Constructor) {
+		  if (!(instance instanceof Constructor)) {
+		    throw new TypeError("Cannot call a class as a function");
+		  }
+		};
+	
+		var createClass = function () {
+		  function defineProperties(target, props) {
+		    for (var i = 0; i < props.length; i++) {
+		      var descriptor = props[i];
+		      descriptor.enumerable = descriptor.enumerable || false;
+		      descriptor.configurable = true;
+		      if ("value" in descriptor) descriptor.writable = true;
+		      Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		  }
+	
+		  return function (Constructor, protoProps, staticProps) {
+		    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+		    if (staticProps) defineProperties(Constructor, staticProps);
+		    return Constructor;
+		  };
+		}();
+	
+		var defineProperty = function (obj, key, value) {
+		  if (key in obj) {
+		    Object.defineProperty(obj, key, {
+		      value: value,
+		      enumerable: true,
+		      configurable: true,
+		      writable: true
+		    });
+		  } else {
+		    obj[key] = value;
+		  }
+	
+		  return obj;
+		};
+	
+		var _extends = Object.assign || function (target) {
+		  for (var i = 1; i < arguments.length; i++) {
+		    var source = arguments[i];
+	
+		    for (var key in source) {
+		      if (Object.prototype.hasOwnProperty.call(source, key)) {
+		        target[key] = source[key];
+		      }
+		    }
+		  }
+	
+		  return target;
+		};
+	
+		var inherits = function (subClass, superClass) {
+		  if (typeof superClass !== "function" && superClass !== null) {
+		    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+		  }
+	
+		  subClass.prototype = Object.create(superClass && superClass.prototype, {
+		    constructor: {
+		      value: subClass,
+		      enumerable: false,
+		      writable: true,
+		      configurable: true
+		    }
+		  });
+		  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+		};
+	
+		var possibleConstructorReturn = function (self, call) {
+		  if (!self) {
+		    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+		  }
+	
+		  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+		};
+	
+		var slicedToArray = function () {
+		  function sliceIterator(arr, i) {
+		    var _arr = [];
+		    var _n = true;
+		    var _d = false;
+		    var _e = undefined;
+	
+		    try {
+		      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+		        _arr.push(_s.value);
+	
+		        if (i && _arr.length === i) break;
+		      }
+		    } catch (err) {
+		      _d = true;
+		      _e = err;
+		    } finally {
+		      try {
+		        if (!_n && _i["return"]) _i["return"]();
+		      } finally {
+		        if (_d) throw _e;
+		      }
+		    }
+	
+		    return _arr;
+		  }
+	
+		  return function (arr, i) {
+		    if (Array.isArray(arr)) {
+		      return arr;
+		    } else if (Symbol.iterator in Object(arr)) {
+		      return sliceIterator(arr, i);
+		    } else {
+		      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+		    }
+		  };
+		}();
+	
+		/*:: import type {ControlPosition, PositionOffsetControlPosition, MouseTouchEvent} from './types';*/
+	
+	
+		var matchesSelectorFunc = '';
+		function matchesSelector(el /*: Node*/, selector /*: string*/) /*: boolean*/ {
+		  if (!matchesSelectorFunc) {
+		    matchesSelectorFunc = findInArray(['matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector'], function (method) {
+		      // $FlowIgnore: Doesn't think elements are indexable
+		      return isFunction(el[method]);
+		    });
+		  }
+	
+		  // Might not be found entirely (not an Element?) - in that case, bail
+		  // $FlowIgnore: Doesn't think elements are indexable
+		  if (!isFunction(el[matchesSelectorFunc])) return false;
+	
+		  // $FlowIgnore: Doesn't think elements are indexable
+		  return el[matchesSelectorFunc](selector);
+		}
+	
+		// Works up the tree to the draggable itself attempting to match selector.
+		function matchesSelectorAndParentsTo(el /*: Node*/, selector /*: string*/, baseNode /*: Node*/) /*: boolean*/ {
+		  var node = el;
+		  do {
+		    if (matchesSelector(node, selector)) return true;
+		    if (node === baseNode) return false;
+		    node = node.parentNode;
+		  } while (node);
+	
+		  return false;
+		}
+	
+		function addEvent(el /*: ?Node*/, event /*: string*/, handler /*: Function*/) /*: void*/ {
+		  if (!el) {
+		    return;
+		  }
+		  if (el.attachEvent) {
+		    el.attachEvent('on' + event, handler);
+		  } else if (el.addEventListener) {
+		    el.addEventListener(event, handler, true);
+		  } else {
+		    // $FlowIgnore: Doesn't think elements are indexable
+		    el['on' + event] = handler;
+		  }
+		}
+	
+		function removeEvent(el /*: ?Node*/, event /*: string*/, handler /*: Function*/) /*: void*/ {
+		  if (!el) {
+		    return;
+		  }
+		  if (el.detachEvent) {
+		    el.detachEvent('on' + event, handler);
+		  } else if (el.removeEventListener) {
+		    el.removeEventListener(event, handler, true);
+		  } else {
+		    // $FlowIgnore: Doesn't think elements are indexable
+		    el['on' + event] = null;
+		  }
+		}
+	
+		function outerHeight(node /*: HTMLElement*/) /*: number*/ {
+		  // This is deliberately excluding margin for our calculations, since we are using
+		  // offsetTop which is including margin. See getBoundPosition
+		  var height = node.clientHeight;
+		  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
+		  height += int(computedStyle.borderTopWidth);
+		  height += int(computedStyle.borderBottomWidth);
+		  return height;
+		}
+	
+		function outerWidth(node /*: HTMLElement*/) /*: number*/ {
+		  // This is deliberately excluding margin for our calculations, since we are using
+		  // offsetLeft which is including margin. See getBoundPosition
+		  var width = node.clientWidth;
+		  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
+		  width += int(computedStyle.borderLeftWidth);
+		  width += int(computedStyle.borderRightWidth);
+		  return width;
 		}
 		function innerHeight(node /*: HTMLElement*/) /*: number*/ {
 		  var height = node.clientHeight;
 		  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-		  height -= (0, _shims.int)(computedStyle.paddingTop);
-		  height -= (0, _shims.int)(computedStyle.paddingBottom);
+		  height -= int(computedStyle.paddingTop);
+		  height -= int(computedStyle.paddingBottom);
 		  return height;
 		}
-		
+	
 		function innerWidth(node /*: HTMLElement*/) /*: number*/ {
 		  var width = node.clientWidth;
 		  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-		  width -= (0, _shims.int)(computedStyle.paddingLeft);
-		  width -= (0, _shims.int)(computedStyle.paddingRight);
+		  width -= int(computedStyle.paddingLeft);
+		  width -= int(computedStyle.paddingRight);
 		  return width;
 		}
-		
+	
 		// Get from offsetParent
 		function offsetXYFromParent(evt /*: {clientX: number, clientY: number}*/, offsetParent /*: HTMLElement*/) /*: ControlPosition*/ {
 		  var isBody = offsetParent === offsetParent.ownerDocument.body;
 		  var offsetParentRect = isBody ? { left: 0, top: 0 } : offsetParent.getBoundingClientRect();
-		
+	
 		  var x = evt.clientX + offsetParent.scrollLeft - offsetParentRect.left;
 		  var y = evt.clientY + offsetParent.scrollTop - offsetParentRect.top;
-		
+	
 		  return { x: x, y: y };
 		}
-		
-		function createCSSTransform(_ref) /*: Object*/ {
-		  var x = _ref.x,
-		      y = _ref.y;
-		
-		  // Replace unitless items with px
-		  return _defineProperty({}, (0, _getPrefix.browserPrefixToKey)('transform', _getPrefix2.default), 'translate(' + x + 'px,' + y + 'px)');
+	
+		function createCSSTransform(controlPos /*: ControlPosition*/, positionOffset /*: PositionOffsetControlPosition*/) /*: Object*/ {
+		  var translation = getTranslation(controlPos, positionOffset, 'px');
+		  return defineProperty({}, browserPrefixToKey('transform', browserPrefix), translation);
+		}
+	
+		function createSVGTransform(controlPos /*: ControlPosition*/, positionOffset /*: PositionOffsetControlPosition*/) /*: string*/ {
+		  var translation = getTranslation(controlPos, positionOffset, '');
+		  return translation;
 		}
-		
-		function createSVGTransform(_ref3) /*: string*/ {
-		  var x = _ref3.x,
-		      y = _ref3.y;
-		
-		  return 'translate(' + x + ',' + y + ')';
+		function getTranslation(_ref2, positionOffset /*: PositionOffsetControlPosition*/, unitSuffix /*: string*/) /*: string*/ {
+		  var x = _ref2.x,
+		      y = _ref2.y;
+	
+		  var translation = 'translate(' + x + unitSuffix + ',' + y + unitSuffix + ')';
+		  if (positionOffset) {
+		    var defaultX = '' + (typeof positionOffset.x === 'string' ? positionOffset.x : positionOffset.x + unitSuffix);
+		    var defaultY = '' + (typeof positionOffset.y === 'string' ? positionOffset.y : positionOffset.y + unitSuffix);
+		    translation = 'translate(' + defaultX + ', ' + defaultY + ')' + translation;
+		  }
+		  return translation;
 		}
-		
+	
 		function getTouch(e /*: MouseTouchEvent*/, identifier /*: number*/) /*: ?{clientX: number, clientY: number}*/ {
-		  return e.targetTouches && (0, _shims.findInArray)(e.targetTouches, function (t) {
+		  return e.targetTouches && findInArray(e.targetTouches, function (t) {
 		    return identifier === t.identifier;
-		  }) || e.changedTouches && (0, _shims.findInArray)(e.changedTouches, function (t) {
+		  }) || e.changedTouches && findInArray(e.changedTouches, function (t) {
 		    return identifier === t.identifier;
 		  });
 		}
-		
+	
 		function getTouchIdentifier(e /*: MouseTouchEvent*/) /*: ?number*/ {
 		  if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
 		  if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 		}
-		
+	
 		// User-select Hacks:
 		//
 		// Useful for preventing blue highlights all over everything when dragging.
-		var userSelectPrefix = (0, _getPrefix.getPrefix)('user-select');
-		var userSelect = (0, _getPrefix.browserPrefixToStyle)('user-select', userSelectPrefix);
-		var userSelectStyle = ';' + userSelect + ': none;';
-		var userSelectReplaceRegExp = new RegExp(';?' + userSelect + ': none;'); // leading ; not present on IE
-		
+	
 		// Note we're passing `document` b/c we could be iframed
-		function addUserSelectStyles(body /*: HTMLElement*/) {
-		  var style = body.getAttribute('style') || '';
-		  if (userSelectReplaceRegExp.test(style)) return; // don't add twice
-		  body.setAttribute('style', style + userSelectStyle);
+		function addUserSelectStyles(doc /*: ?Document*/) {
+		  if (!doc) return;
+		  var styleEl = doc.getElementById('react-draggable-style-el');
+		  if (!styleEl) {
+		    styleEl = doc.createElement('style');
+		    styleEl.type = 'text/css';
+		    styleEl.id = 'react-draggable-style-el';
+		    styleEl.innerHTML = '.react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n';
+		    styleEl.innerHTML += '.react-draggable-transparent-selection *::selection {all: inherit;}\n';
+		    doc.getElementsByTagName('head')[0].appendChild(styleEl);
+		  }
+		  if (doc.body) addClassName(doc.body, 'react-draggable-transparent-selection');
 		}
-		
-		function removeUserSelectStyles(body /*: HTMLElement*/) {
-		  var style = body.getAttribute('style') || '';
-		  body.setAttribute('style', style.replace(userSelectReplaceRegExp, ''));
+	
+		function removeUserSelectStyles(doc /*: ?Document*/) {
+		  try {
+		    if (doc && doc.body) removeClassName(doc.body, 'react-draggable-transparent-selection');
+		    // $FlowIgnore: IE
+		    if (doc.selection) {
+		      // $FlowIgnore: IE
+		      doc.selection.empty();
+		    } else {
+		      window.getSelection().removeAllRanges(); // remove selection caused by scroll
+		    }
+		  } catch (e) {
+		    // probably IE
+		  }
 		}
-		
+	
 		function styleHacks() /*: Object*/ {
 		  var childStyle /*: Object*/ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-		
+	
 		  // Workaround IE pointer events; see #51
 		  // https://github.com/mzabriskie/react-draggable/issues/51#issuecomment-103488278
 		  return _extends({
@@ -51928,213 +51632,108 @@ module.exports =
 		  }, childStyle);
 		}
 	
-	/***/ },
-	/* 14 */
-	/***/ function(module, exports) {
-	
-		'use strict';
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		exports.findInArray = findInArray;
-		exports.isFunction = isFunction;
-		exports.isNum = isNum;
-		exports.int = int;
-		exports.dontSetMe = dontSetMe;
-		
-		// @credits https://gist.github.com/rogozhnikoff/a43cfed27c41e4e68cdc
-		function findInArray(array /*: Array<any> | TouchList*/, callback /*: Function*/) /*: any*/ {
-		  for (var i = 0, length = array.length; i < length; i++) {
-		    if (callback.apply(callback, [array[i], i, array])) return array[i];
-		  }
-		}
-		
-		function isFunction(func /*: any*/) /*: boolean*/ {
-		  return typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]';
-		}
-		
-		function isNum(num /*: any*/) /*: boolean*/ {
-		  return typeof num === 'number' && !isNaN(num);
-		}
-		
-		function int(a /*: string*/) /*: number*/ {
-		  return parseInt(a, 10);
-		}
-		
-		function dontSetMe(props /*: Object*/, propName /*: string*/, componentName /*: string*/) {
-		  if (props[propName]) {
-		    return new Error('Invalid prop ' + propName + ' passed to ' + componentName + ' - do not set this, set it on the child.');
+		function addClassName(el /*: HTMLElement*/, className /*: string*/) {
+		  if (el.classList) {
+		    el.classList.add(className);
+		  } else {
+		    if (!el.className.match(new RegExp('(?:^|\\s)' + className + '(?!\\S)'))) {
+		      el.className += ' ' + className;
+		    }
 		  }
 		}
 	
-	/***/ },
-	/* 15 */
-	/***/ function(module, exports) {
-	
-		'use strict';
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		exports.getPrefix = getPrefix;
-		exports.browserPrefixToKey = browserPrefixToKey;
-		exports.browserPrefixToStyle = browserPrefixToStyle;
-		var prefixes = ['Moz', 'Webkit', 'O', 'ms'];
-		function getPrefix() /*: string*/ {
-		  var prop /*: string*/ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transform';
-		
-		  // Checking specifically for 'window.document' is for pseudo-browser server-side
-		  // environments that define 'window' as the global context.
-		  // E.g. React-rails (see https://github.com/reactjs/react-rails/pull/84)
-		  if (typeof window === 'undefined' || typeof window.document === 'undefined') return '';
-		
-		  var style = window.document.documentElement.style;
-		
-		  if (prop in style) return '';
-		
-		  for (var i = 0; i < prefixes.length; i++) {
-		    if (browserPrefixToKey(prop, prefixes[i]) in style) return prefixes[i];
-		  }
-		
-		  return '';
-		}
-		
-		function browserPrefixToKey(prop /*: string*/, prefix /*: string*/) /*: string*/ {
-		  return prefix ? '' + prefix + kebabToTitleCase(prop) : prop;
-		}
-		
-		function browserPrefixToStyle(prop /*: string*/, prefix /*: string*/) /*: string*/ {
-		  return prefix ? '-' + prefix.toLowerCase() + '-' + prop : prop;
-		}
-		
-		function kebabToTitleCase(str /*: string*/) /*: string*/ {
-		  var out = '';
-		  var shouldCapitalize = true;
-		  for (var i = 0; i < str.length; i++) {
-		    if (shouldCapitalize) {
-		      out += str[i].toUpperCase();
-		      shouldCapitalize = false;
-		    } else if (str[i] === '-') {
-		      shouldCapitalize = true;
-		    } else {
-		      out += str[i];
-		    }
+		function removeClassName(el /*: HTMLElement*/, className /*: string*/) {
+		  if (el.classList) {
+		    el.classList.remove(className);
+		  } else {
+		    el.className = el.className.replace(new RegExp('(?:^|\\s)' + className + '(?!\\S)', 'g'), '');
 		  }
-		  return out;
 		}
-		
-		// Default export is the prefix itself, like 'Moz', 'Webkit', etc
-		// Note that you may have to re-test for certain things; for instance, Chrome 50
-		// can handle unprefixed `transform`, but not unprefixed `user-select`
-		exports.default = getPrefix();
 	
-	/***/ },
-	/* 16 */
-	/***/ function(module, exports, __webpack_require__) {
-	
-		'use strict';
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		exports.getBoundPosition = getBoundPosition;
-		exports.snapToGrid = snapToGrid;
-		exports.canDragX = canDragX;
-		exports.canDragY = canDragY;
-		exports.getControlPosition = getControlPosition;
-		exports.createCoreData = createCoreData;
-		exports.createDraggableData = createDraggableData;
-		
-		var _shims = __webpack_require__(14);
-		
-		var _reactDom = __webpack_require__(11);
-		
-		var _reactDom2 = _interopRequireDefault(_reactDom);
-		
-		var _domFns = __webpack_require__(13);
-		
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-		
 		/*:: import type Draggable from '../Draggable';*/
-		/*:: import type {Bounds, ControlPosition, DraggableData} from './types';*/
+		/*:: import type {Bounds, ControlPosition, DraggableData, MouseTouchEvent} from './types';*/
 		/*:: import type DraggableCore from '../DraggableCore';*/
+	
+	
 		function getBoundPosition(draggable /*: Draggable*/, x /*: number*/, y /*: number*/) /*: [number, number]*/ {
 		  // If no bounds, short-circuit and move on
 		  if (!draggable.props.bounds) return [x, y];
-		
+	
 		  // Clone new bounds
 		  var bounds = draggable.props.bounds;
-		
+	
 		  bounds = typeof bounds === 'string' ? bounds : cloneBounds(bounds);
-		  var node = _reactDom2.default.findDOMNode(draggable);
-		
+		  var node = findDOMNode(draggable);
+	
 		  if (typeof bounds === 'string') {
 		    var ownerDocument = node.ownerDocument;
-		
+	
 		    var ownerWindow = ownerDocument.defaultView;
 		    var boundNode = void 0;
 		    if (bounds === 'parent') {
 		      boundNode = node.parentNode;
 		    } else {
 		      boundNode = ownerDocument.querySelector(bounds);
-		      if (!boundNode) throw new Error('Bounds selector "' + bounds + '" could not find an element.');
+		    }
+		    if (!(boundNode instanceof ownerWindow.HTMLElement)) {
+		      throw new Error('Bounds selector "' + bounds + '" could not find an element.');
 		    }
 		    var nodeStyle = ownerWindow.getComputedStyle(node);
 		    var boundNodeStyle = ownerWindow.getComputedStyle(boundNode);
 		    // Compute bounds. This is a pain with padding and offsets but this gets it exactly right.
 		    bounds = {
-		      left: -node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingLeft) + (0, _shims.int)(nodeStyle.marginLeft),
-		      top: -node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingTop) + (0, _shims.int)(nodeStyle.marginTop),
-		      right: (0, _domFns.innerWidth)(boundNode) - (0, _domFns.outerWidth)(node) - node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingRight) - (0, _shims.int)(nodeStyle.marginRight),
-		      bottom: (0, _domFns.innerHeight)(boundNode) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)
+		      left: -node.offsetLeft + int(boundNodeStyle.paddingLeft) + int(nodeStyle.marginLeft),
+		      top: -node.offsetTop + int(boundNodeStyle.paddingTop) + int(nodeStyle.marginTop),
+		      right: innerWidth(boundNode) - outerWidth(node) - node.offsetLeft + int(boundNodeStyle.paddingRight) - int(nodeStyle.marginRight),
+		      bottom: innerHeight(boundNode) - outerHeight(node) - node.offsetTop + int(boundNodeStyle.paddingBottom) - int(nodeStyle.marginBottom)
 		    };
 		  }
-		
+	
 		  // Keep x and y below right and bottom limits...
-		  if ((0, _shims.isNum)(bounds.right)) x = Math.min(x, bounds.right);
-		  if ((0, _shims.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom);
-		
+		  if (isNum(bounds.right)) x = Math.min(x, bounds.right);
+		  if (isNum(bounds.bottom)) y = Math.min(y, bounds.bottom);
+	
 		  // But above left and top limits.
-		  if ((0, _shims.isNum)(bounds.left)) x = Math.max(x, bounds.left);
-		  if ((0, _shims.isNum)(bounds.top)) y = Math.max(y, bounds.top);
-		
+		  if (isNum(bounds.left)) x = Math.max(x, bounds.left);
+		  if (isNum(bounds.top)) y = Math.max(y, bounds.top);
+	
 		  return [x, y];
 		}
-		
+	
 		function snapToGrid(grid /*: [number, number]*/, pendingX /*: number*/, pendingY /*: number*/) /*: [number, number]*/ {
 		  var x = Math.round(pendingX / grid[0]) * grid[0];
 		  var y = Math.round(pendingY / grid[1]) * grid[1];
 		  return [x, y];
 		}
-		
+	
 		function canDragX(draggable /*: Draggable*/) /*: boolean*/ {
 		  return draggable.props.axis === 'both' || draggable.props.axis === 'x';
 		}
-		
+	
 		function canDragY(draggable /*: Draggable*/) /*: boolean*/ {
 		  return draggable.props.axis === 'both' || draggable.props.axis === 'y';
 		}
-		
+	
 		// Get {x, y} positions from event.
 		function getControlPosition(e /*: MouseTouchEvent*/, touchIdentifier /*: ?number*/, draggableCore /*: DraggableCore*/) /*: ?ControlPosition*/ {
-		  var touchObj = typeof touchIdentifier === 'number' ? (0, _domFns.getTouch)(e, touchIdentifier) : null;
+		  var touchObj = typeof touchIdentifier === 'number' ? getTouch(e, touchIdentifier) : null;
 		  if (typeof touchIdentifier === 'number' && !touchObj) return null; // not the right touch
-		  var node = _reactDom2.default.findDOMNode(draggableCore);
+		  var node = findDOMNode(draggableCore);
 		  // User can provide an offsetParent if desired.
 		  var offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
-		  return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent);
+		  return offsetXYFromParent(touchObj || e, offsetParent);
 		}
-		
+	
 		// Create an data object exposed by <DraggableCore>'s events
 		function createCoreData(draggable /*: DraggableCore*/, x /*: number*/, y /*: number*/) /*: DraggableData*/ {
 		  var state = draggable.state;
-		  var isStart = !(0, _shims.isNum)(state.lastX);
-		
+		  var isStart = !isNum(state.lastX);
+		  var node = findDOMNode(draggable);
+	
 		  if (isStart) {
 		    // If this is our first move, use the x and y as last coords.
 		    return {
-		      node: _reactDom2.default.findDOMNode(draggable),
+		      node: node,
 		      deltaX: 0, deltaY: 0,
 		      lastX: x, lastY: y,
 		      x: x, y: y
@@ -52142,27 +51741,28 @@ module.exports =
 		  } else {
 		    // Otherwise calculate proper values.
 		    return {
-		      node: _reactDom2.default.findDOMNode(draggable),
+		      node: node,
 		      deltaX: x - state.lastX, deltaY: y - state.lastY,
 		      lastX: state.lastX, lastY: state.lastY,
 		      x: x, y: y
 		    };
 		  }
 		}
-		
+	
 		// Create an data exposed by <Draggable>'s events
 		function createDraggableData(draggable /*: Draggable*/, coreData /*: DraggableData*/) /*: DraggableData*/ {
+		  var scale = draggable.props.scale;
 		  return {
 		    node: coreData.node,
-		    x: draggable.state.x + coreData.deltaX,
-		    y: draggable.state.y + coreData.deltaY,
-		    deltaX: coreData.deltaX,
-		    deltaY: coreData.deltaY,
+		    x: draggable.state.x + coreData.deltaX / scale,
+		    y: draggable.state.y + coreData.deltaY / scale,
+		    deltaX: coreData.deltaX / scale,
+		    deltaY: coreData.deltaY / scale,
 		    lastX: draggable.state.x,
 		    lastY: draggable.state.y
 		  };
 		}
-		
+	
 		// A lot faster than stringify/parse
 		function cloneBounds(bounds /*: Bounds*/) /*: Bounds*/ {
 		  return {
@@ -52173,52 +51773,24 @@ module.exports =
 		  };
 		}
 	
-	/***/ },
-	/* 17 */
-	/***/ function(module, exports, __webpack_require__) {
+		function findDOMNode(draggable /*: Draggable | DraggableCore*/) /*: HTMLElement*/ {
+		  var node = ReactDOM.findDOMNode(draggable);
+		  if (!node) {
+		    throw new Error('<DraggableCore>: Unmounted during event!');
+		  }
+		  // $FlowIgnore we can't assert on HTMLElement due to tests... FIXME
+		  return node;
+		}
+	
+		/*eslint no-console:0*/
+		function log() {
+		}
+	
+		/*:: import type {EventHandler, MouseTouchEvent} from './utils/types';*/
+	
 	
-		/* WEBPACK VAR INJECTION */(function(process) {'use strict';
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		
-		var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-		
-		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-		
-		var _react = __webpack_require__(2);
-		
-		var _react2 = _interopRequireDefault(_react);
-		
-		var _propTypes = __webpack_require__(3);
-		
-		var _propTypes2 = _interopRequireDefault(_propTypes);
-		
-		var _reactDom = __webpack_require__(11);
-		
-		var _reactDom2 = _interopRequireDefault(_reactDom);
-		
-		var _domFns = __webpack_require__(13);
-		
-		var _positionFns = __webpack_require__(16);
-		
-		var _shims = __webpack_require__(14);
-		
-		var _log = __webpack_require__(19);
-		
-		var _log2 = _interopRequireDefault(_log);
-		
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-		
-		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-		
-		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-		
-		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-		
 		// Simple abstraction for dragging events names.
-		/*:: import type {EventHandler} from './utils/types';*/
+		/*:: import type {Element as ReactElement} from 'react';*/
 		var eventsFor = {
 		  touch: {
 		    start: 'touchstart',
@@ -52231,39 +51803,70 @@ module.exports =
 		    stop: 'mouseup'
 		  }
 		};
-		
+	
 		// Default to mouse events.
 		var dragEventFor = eventsFor.mouse;
-		
+	
+		/*:: type DraggableCoreState = {
+		  dragging: boolean,
+		  lastX: number,
+		  lastY: number,
+		  touchIdentifier: ?number
+		};*/
+		/*:: export type DraggableBounds = {
+		  left: number,
+		  right: number,
+		  top: number,
+		  bottom: number,
+		};*/
+		/*:: export type DraggableData = {
+		  node: HTMLElement,
+		  x: number, y: number,
+		  deltaX: number, deltaY: number,
+		  lastX: number, lastY: number,
+		};*/
+		/*:: export type DraggableEventHandler = (e: MouseEvent, data: DraggableData) => void;*/
+		/*:: export type ControlPosition = {x: number, y: number};*/
+		/*:: export type PositionOffsetControlPosition = {x: number|string, y: number|string};*/
+	
+	
 		//
 		// Define <DraggableCore>.
 		//
 		// <DraggableCore> is for advanced usage of <Draggable>. It maintains minimal internal state so it can
 		// work well with libraries that require more control over the element.
 		//
-		
-		/*:: type CoreState = {
-		  dragging: boolean,
-		  lastX: number,
-		  lastY: number,
-		  touchIdentifier: ?number
+	
+		/*:: export type DraggableCoreProps = {
+		  allowAnyClick: boolean,
+		  cancel: string,
+		  children: ReactElement<any>,
+		  disabled: boolean,
+		  enableUserSelectHack: boolean,
+		  offsetParent: HTMLElement,
+		  grid: [number, number],
+		  handle: string,
+		  onStart: DraggableEventHandler,
+		  onDrag: DraggableEventHandler,
+		  onStop: DraggableEventHandler,
+		  onMouseDown: (e: MouseEvent) => void,
 		};*/
-		
+	
 		var DraggableCore = function (_React$Component) {
-		  _inherits(DraggableCore, _React$Component);
-		
+		  inherits(DraggableCore, _React$Component);
+	
 		  function DraggableCore() {
 		    var _ref;
-		
+	
 		    var _temp, _this, _ret;
-		
-		    _classCallCheck(this, DraggableCore);
-		
+	
+		    classCallCheck(this, DraggableCore);
+	
 		    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 		      args[_key] = arguments[_key];
 		    }
-		
-		    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DraggableCore.__proto__ || Object.getPrototypeOf(DraggableCore)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+	
+		    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = DraggableCore.__proto__ || Object.getPrototypeOf(DraggableCore)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
 		      dragging: false,
 		      // Used while dragging to determine deltas.
 		      lastX: NaN, lastY: NaN,
@@ -52271,94 +51874,93 @@ module.exports =
 		    }, _this.handleDragStart = function (e) {
 		      // Make it possible to attach event handlers on top of this one.
 		      _this.props.onMouseDown(e);
-		
+	
 		      // Only accept left-clicks.
 		      if (!_this.props.allowAnyClick && typeof e.button === 'number' && e.button !== 0) return false;
-		
+	
 		      // Get nodes. Be sure to grab relative document (could be iframed)
-		      var domNode = _reactDom2.default.findDOMNode(_this);
-		      var ownerDocument = domNode.ownerDocument;
-		
+		      var thisNode = ReactDOM.findDOMNode(_this);
+		      if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body) {
+		        throw new Error('<DraggableCore> not mounted on DragStart!');
+		      }
+		      var ownerDocument = thisNode.ownerDocument;
+	
 		      // Short circuit if handle or cancel prop was provided and selector doesn't match.
-		
-		      if (_this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || _this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e.target, _this.props.handle, domNode) || _this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e.target, _this.props.cancel, domNode)) {
+	
+		      if (_this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || _this.props.handle && !matchesSelectorAndParentsTo(e.target, _this.props.handle, thisNode) || _this.props.cancel && matchesSelectorAndParentsTo(e.target, _this.props.cancel, thisNode)) {
 		        return;
 		      }
-		
+	
 		      // Set touch identifier in component state if this is a touch event. This allows us to
 		      // distinguish between individual touches on multitouch screens by identifying which
 		      // touchpoint was set to this element.
-		      var touchIdentifier = (0, _domFns.getTouchIdentifier)(e);
+		      var touchIdentifier = getTouchIdentifier(e);
 		      _this.setState({ touchIdentifier: touchIdentifier });
-		
+	
 		      // Get the current drag point from the event. This is used as the offset.
-		      var position = (0, _positionFns.getControlPosition)(e, touchIdentifier, _this);
+		      var position = getControlPosition(e, touchIdentifier, _this);
 		      if (position == null) return; // not possible but satisfies flow
 		      var x = position.x,
 		          y = position.y;
-		
+	
 		      // Create an event object with all the data parents need to make a decision here.
-		
-		      var coreEvent = (0, _positionFns.createCoreData)(_this, x, y);
-		
-		      (0, _log2.default)('DraggableCore: handleDragStart: %j', coreEvent);
-		
+	
+		      var coreEvent = createCoreData(_this, x, y);
+	
 		      // Call event handler. If it returns explicit false, cancel.
-		      (0, _log2.default)('calling', _this.props.onStart);
+		      log('calling', _this.props.onStart);
 		      var shouldUpdate = _this.props.onStart(e, coreEvent);
 		      if (shouldUpdate === false) return;
-		
+	
 		      // Add a style to the body to disable user-select. This prevents text from
 		      // being selected all over the page.
-		      if (_this.props.enableUserSelectHack) (0, _domFns.addUserSelectStyles)(ownerDocument.body);
-		
+		      if (_this.props.enableUserSelectHack) addUserSelectStyles(ownerDocument);
+	
 		      // Initiate dragging. Set the current x and y as offsets
 		      // so we know how much we've moved during the drag. This allows us
 		      // to drag elements around even if they have been moved, without issue.
 		      _this.setState({
 		        dragging: true,
-		
+	
 		        lastX: x,
 		        lastY: y
 		      });
-		
+	
 		      // Add events to the document directly so we catch when the user's mouse/touch moves outside of
 		      // this element. We use different events depending on whether or not we have detected that this
 		      // is a touch-capable device.
-		      (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, _this.handleDrag);
-		      (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, _this.handleDragStop);
+		      addEvent(ownerDocument, dragEventFor.move, _this.handleDrag);
+		      addEvent(ownerDocument, dragEventFor.stop, _this.handleDragStop);
 		    }, _this.handleDrag = function (e) {
-		
+	
 		      // Prevent scrolling on mobile devices, like ipad/iphone.
 		      if (e.type === 'touchmove') e.preventDefault();
-		
+	
 		      // Get the current drag point from the event. This is used as the offset.
-		      var position = (0, _positionFns.getControlPosition)(e, _this.state.touchIdentifier, _this);
+		      var position = getControlPosition(e, _this.state.touchIdentifier, _this);
 		      if (position == null) return;
 		      var x = position.x,
 		          y = position.y;
-		
+	
 		      // Snap to grid if prop has been provided
-		
+	
 		      if (Array.isArray(_this.props.grid)) {
-		        var deltaX = x - _this.state.lastX,
-		            deltaY = y - _this.state.lastY;
-		
-		        var _snapToGrid = (0, _positionFns.snapToGrid)(_this.props.grid, deltaX, deltaY);
-		
-		        var _snapToGrid2 = _slicedToArray(_snapToGrid, 2);
-		
-		        deltaX = _snapToGrid2[0];
-		        deltaY = _snapToGrid2[1];
-		
-		        if (!deltaX && !deltaY) return; // skip useless drag
-		        x = _this.state.lastX + deltaX, y = _this.state.lastY + deltaY;
+		        var _deltaX = x - _this.state.lastX,
+		            _deltaY = y - _this.state.lastY;
+	
+		        var _snapToGrid = snapToGrid(_this.props.grid, _deltaX, _deltaY);
+	
+		        var _snapToGrid2 = slicedToArray(_snapToGrid, 2);
+	
+		        _deltaX = _snapToGrid2[0];
+		        _deltaY = _snapToGrid2[1];
+	
+		        if (!_deltaX && !_deltaY) return; // skip useless drag
+		        x = _this.state.lastX + _deltaX, y = _this.state.lastY + _deltaY;
 		      }
-		
-		      var coreEvent = (0, _positionFns.createCoreData)(_this, x, y);
-		
-		      (0, _log2.default)('DraggableCore: handleDrag: %j', coreEvent);
-		
+	
+		      var coreEvent = createCoreData(_this, x, y);
+	
 		      // Call event handler. If it returns explicit false, trigger end.
 		      var shouldUpdate = _this.props.onDrag(e, coreEvent);
 		      if (shouldUpdate === false) {
@@ -52375,144 +51977,494 @@ module.exports =
 		        }
 		        return;
 		      }
-		
+	
 		      _this.setState({
 		        lastX: x,
 		        lastY: y
 		      });
 		    }, _this.handleDragStop = function (e) {
 		      if (!_this.state.dragging) return;
-		
-		      var position = (0, _positionFns.getControlPosition)(e, _this.state.touchIdentifier, _this);
+	
+		      var position = getControlPosition(e, _this.state.touchIdentifier, _this);
 		      if (position == null) return;
 		      var x = position.x,
 		          y = position.y;
-		
-		      var coreEvent = (0, _positionFns.createCoreData)(_this, x, y);
-		
-		      var _ReactDOM$findDOMNode = _reactDom2.default.findDOMNode(_this),
-		          ownerDocument = _ReactDOM$findDOMNode.ownerDocument;
-		
-		      // Remove user-select hack
-		
-		
-		      if (_this.props.enableUserSelectHack) (0, _domFns.removeUserSelectStyles)(ownerDocument.body);
-		
-		      (0, _log2.default)('DraggableCore: handleDragStop: %j', coreEvent);
-		
+	
+		      var coreEvent = createCoreData(_this, x, y);
+	
+		      var thisNode = ReactDOM.findDOMNode(_this);
+		      if (thisNode) {
+		        // Remove user-select hack
+		        if (_this.props.enableUserSelectHack) removeUserSelectStyles(thisNode.ownerDocument);
+		      }
+	
 		      // Reset the el.
 		      _this.setState({
 		        dragging: false,
 		        lastX: NaN,
 		        lastY: NaN
 		      });
-		
+	
 		      // Call event handler
 		      _this.props.onStop(e, coreEvent);
-		
-		      // Remove event handlers
-		      (0, _log2.default)('DraggableCore: Removing handlers');
-		      (0, _domFns.removeEvent)(ownerDocument, dragEventFor.move, _this.handleDrag);
-		      (0, _domFns.removeEvent)(ownerDocument, dragEventFor.stop, _this.handleDragStop);
+	
+		      if (thisNode) {
+		        removeEvent(thisNode.ownerDocument, dragEventFor.move, _this.handleDrag);
+		        removeEvent(thisNode.ownerDocument, dragEventFor.stop, _this.handleDragStop);
+		      }
 		    }, _this.onMouseDown = function (e) {
 		      dragEventFor = eventsFor.mouse; // on touchscreen laptops we could switch back to mouse
-		
+	
 		      return _this.handleDragStart(e);
 		    }, _this.onMouseUp = function (e) {
 		      dragEventFor = eventsFor.mouse;
-		
+	
 		      return _this.handleDragStop(e);
 		    }, _this.onTouchStart = function (e) {
 		      // We're on a touch device now, so change the event handlers
 		      dragEventFor = eventsFor.touch;
-		
+	
 		      return _this.handleDragStart(e);
 		    }, _this.onTouchEnd = function (e) {
 		      // We're on a touch device now, so change the event handlers
 		      dragEventFor = eventsFor.touch;
-		
+	
 		      return _this.handleDragStop(e);
-		    }, _temp), _possibleConstructorReturn(_this, _ret);
+		    }, _temp), possibleConstructorReturn(_this, _ret);
 		  }
-		
-		  _createClass(DraggableCore, [{
+	
+		  createClass(DraggableCore, [{
+		    key: 'componentWillUnmount',
+		    value: function componentWillUnmount() {
+		      // Remove any leftover event handlers. Remove both touch and mouse handlers in case
+		      // some browser quirk caused a touch event to fire during a mouse move, or vice versa.
+		      var thisNode = ReactDOM.findDOMNode(this);
+		      if (thisNode) {
+		        var ownerDocument = thisNode.ownerDocument;
+	
+		        removeEvent(ownerDocument, eventsFor.mouse.move, this.handleDrag);
+		        removeEvent(ownerDocument, eventsFor.touch.move, this.handleDrag);
+		        removeEvent(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);
+		        removeEvent(ownerDocument, eventsFor.touch.stop, this.handleDragStop);
+		        if (this.props.enableUserSelectHack) removeUserSelectStyles(ownerDocument);
+		      }
+		    }
+	
+		    // Same as onMouseDown (start drag), but now consider this a touch device.
+	
+		  }, {
+		    key: 'render',
+		    value: function render() {
+		      // Reuse the child provided
+		      // This makes it flexible to use whatever element is wanted (div, ul, etc)
+		      return React.cloneElement(React.Children.only(this.props.children), {
+		        style: styleHacks(this.props.children.props.style),
+	
+		        // Note: mouseMove handler is attached to document so it will still function
+		        // when the user drags quickly and leaves the bounds of the element.
+		        onMouseDown: this.onMouseDown,
+		        onTouchStart: this.onTouchStart,
+		        onMouseUp: this.onMouseUp,
+		        onTouchEnd: this.onTouchEnd
+		      });
+		    }
+		  }]);
+		  return DraggableCore;
+		}(React.Component);
+	
+		DraggableCore.displayName = 'DraggableCore';
+		DraggableCore.propTypes = {
+		  /**
+		   * `allowAnyClick` allows dragging using any mouse button.
+		   * By default, we only accept the left button.
+		   *
+		   * Defaults to `false`.
+		   */
+		  allowAnyClick: propTypes.bool,
+	
+		  /**
+		   * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
+		   * with the exception of `onMouseDown`, will not fire.
+		   */
+		  disabled: propTypes.bool,
+	
+		  /**
+		   * By default, we add 'user-select:none' attributes to the document body
+		   * to prevent ugly text selection during drag. If this is causing problems
+		   * for your app, set this to `false`.
+		   */
+		  enableUserSelectHack: propTypes.bool,
+	
+		  /**
+		   * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
+		   * instead of using the parent node.
+		   */
+		  offsetParent: function offsetParent(props /*: DraggableCoreProps*/, propName /*: $Keys<DraggableCoreProps>*/) {
+		    if (props[propName] && props[propName].nodeType !== 1) {
+		      throw new Error('Draggable\'s offsetParent must be a DOM Node.');
+		    }
+		  },
+	
+		  /**
+		   * `grid` specifies the x and y that dragging should snap to.
+		   */
+		  grid: propTypes.arrayOf(propTypes.number),
+	
+		  /**
+		   * `scale` specifies the scale of the area you are dragging inside of. It allows
+		   * the drag deltas to scale correctly with how far zoomed in/out you are.
+		   */
+		  scale: propTypes.number,
+	
+		  /**
+		   * `handle` specifies a selector to be used as the handle that initiates drag.
+		   *
+		   * Example:
+		   *
+		   * ```jsx
+		   *   let App = React.createClass({
+		   *       render: function () {
+		   *         return (
+		   *            <Draggable handle=".handle">
+		   *              <div>
+		   *                  <div className="handle">Click me to drag</div>
+		   *                  <div>This is some other content</div>
+		   *              </div>
+		   *           </Draggable>
+		   *         );
+		   *       }
+		   *   });
+		   * ```
+		   */
+		  handle: propTypes.string,
+	
+		  /**
+		   * `cancel` specifies a selector to be used to prevent drag initialization.
+		   *
+		   * Example:
+		   *
+		   * ```jsx
+		   *   let App = React.createClass({
+		   *       render: function () {
+		   *           return(
+		   *               <Draggable cancel=".cancel">
+		   *                   <div>
+		   *                     <div className="cancel">You can't drag from here</div>
+		   *                     <div>Dragging here works fine</div>
+		   *                   </div>
+		   *               </Draggable>
+		   *           );
+		   *       }
+		   *   });
+		   * ```
+		   */
+		  cancel: propTypes.string,
+	
+		  /**
+		   * Called when dragging starts.
+		   * If this function returns the boolean false, dragging will be canceled.
+		   */
+		  onStart: propTypes.func,
+	
+		  /**
+		   * Called while dragging.
+		   * If this function returns the boolean false, dragging will be canceled.
+		   */
+		  onDrag: propTypes.func,
+	
+		  /**
+		   * Called when dragging stops.
+		   * If this function returns the boolean false, the drag will remain active.
+		   */
+		  onStop: propTypes.func,
+	
+		  /**
+		   * A workaround option which can be passed if onMouseDown needs to be accessed,
+		   * since it'll always be blocked (as there is internal use of onMouseDown)
+		   */
+		  onMouseDown: propTypes.func,
+	
+		  /**
+		   * These properties should be defined on the child, not here.
+		   */
+		  className: dontSetMe,
+		  style: dontSetMe,
+		  transform: dontSetMe
+		};
+		DraggableCore.defaultProps = {
+		  allowAnyClick: false, // by default only accept left click
+		  cancel: null,
+		  disabled: false,
+		  enableUserSelectHack: true,
+		  offsetParent: null,
+		  handle: null,
+		  grid: null,
+		  transform: null,
+		  onStart: function onStart() {},
+		  onDrag: function onDrag() {},
+		  onStop: function onStop() {},
+		  onMouseDown: function onMouseDown() {}
+		};
+	
+		/*:: import type {DraggableEventHandler} from './utils/types';*/
+		/*:: import type {Element as ReactElement} from 'react';*/
+		/*:: type DraggableState = {
+		  dragging: boolean,
+		  dragged: boolean,
+		  x: number, y: number,
+		  slackX: number, slackY: number,
+		  isElementSVG: boolean
+		};*/
+	
+	
+		//
+		// Define <Draggable>
+		//
+	
+		/*:: export type DraggableProps = {
+		  ...$Exact<DraggableCoreProps>,
+		  axis: 'both' | 'x' | 'y' | 'none',
+		  bounds: DraggableBounds | string | false,
+		  defaultClassName: string,
+		  defaultClassNameDragging: string,
+		  defaultClassNameDragged: string,
+		  defaultPosition: ControlPosition,
+		  positionOffset: PositionOffsetControlPosition,
+		  position: ControlPosition,
+		  scale: number
+		};*/
+	
+		var Draggable = function (_React$Component) {
+		  inherits(Draggable, _React$Component);
+	
+		  function Draggable(props /*: DraggableProps*/) {
+		    classCallCheck(this, Draggable);
+	
+		    var _this = possibleConstructorReturn(this, (Draggable.__proto__ || Object.getPrototypeOf(Draggable)).call(this, props));
+	
+		    _this.onDragStart = function (e, coreData) {
+	
+		      // Short-circuit if user's callback killed it.
+		      var shouldStart = _this.props.onStart(e, createDraggableData(_this, coreData));
+		      // Kills start event on core as well, so move handlers are never bound.
+		      if (shouldStart === false) return false;
+	
+		      _this.setState({ dragging: true, dragged: true });
+		    };
+	
+		    _this.onDrag = function (e, coreData) {
+		      if (!_this.state.dragging) return false;
+	
+		      var uiData = createDraggableData(_this, coreData);
+	
+		      var newState /*: $Shape<DraggableState>*/ = {
+		        x: uiData.x,
+		        y: uiData.y
+		      };
+	
+		      // Keep within bounds.
+		      if (_this.props.bounds) {
+		        // Save original x and y.
+		        var _x = newState.x,
+		            _y = newState.y;
+	
+		        // Add slack to the values used to calculate bound position. This will ensure that if
+		        // we start removing slack, the element won't react to it right away until it's been
+		        // completely removed.
+	
+		        newState.x += _this.state.slackX;
+		        newState.y += _this.state.slackY;
+	
+		        // Get bound position. This will ceil/floor the x and y within the boundaries.
+	
+		        var _getBoundPosition = getBoundPosition(_this, newState.x, newState.y),
+		            _getBoundPosition2 = slicedToArray(_getBoundPosition, 2),
+		            newStateX = _getBoundPosition2[0],
+		            newStateY = _getBoundPosition2[1];
+	
+		        newState.x = newStateX;
+		        newState.y = newStateY;
+	
+		        // Recalculate slack by noting how much was shaved by the boundPosition handler.
+		        newState.slackX = _this.state.slackX + (_x - newState.x);
+		        newState.slackY = _this.state.slackY + (_y - newState.y);
+	
+		        // Update the event we fire to reflect what really happened after bounds took effect.
+		        uiData.x = newState.x;
+		        uiData.y = newState.y;
+		        uiData.deltaX = newState.x - _this.state.x;
+		        uiData.deltaY = newState.y - _this.state.y;
+		      }
+	
+		      // Short-circuit if user's callback killed it.
+		      var shouldUpdate = _this.props.onDrag(e, uiData);
+		      if (shouldUpdate === false) return false;
+	
+		      _this.setState(newState);
+		    };
+	
+		    _this.onDragStop = function (e, coreData) {
+		      if (!_this.state.dragging) return false;
+	
+		      // Short-circuit if user's callback killed it.
+		      var shouldStop = _this.props.onStop(e, createDraggableData(_this, coreData));
+		      if (shouldStop === false) return false;
+	
+		      var newState /*: $Shape<DraggableState>*/ = {
+		        dragging: false,
+		        slackX: 0,
+		        slackY: 0
+		      };
+	
+		      // If this is a controlled component, the result of this operation will be to
+		      // revert back to the old position. We expect a handler on `onDragStop`, at the least.
+		      var controlled = Boolean(_this.props.position);
+		      if (controlled) {
+		        var _this$props$position = _this.props.position,
+		            _x2 = _this$props$position.x,
+		            _y2 = _this$props$position.y;
+	
+		        newState.x = _x2;
+		        newState.y = _y2;
+		      }
+	
+		      _this.setState(newState);
+		    };
+	
+		    _this.state = {
+		      // Whether or not we are currently dragging.
+		      dragging: false,
+	
+		      // Whether or not we have been dragged before.
+		      dragged: false,
+	
+		      // Current transform x and y.
+		      x: props.position ? props.position.x : props.defaultPosition.x,
+		      y: props.position ? props.position.y : props.defaultPosition.y,
+	
+		      // Used for compensating for out-of-bounds drags
+		      slackX: 0, slackY: 0,
+	
+		      // Can only determine if SVG after mounting
+		      isElementSVG: false
+		    };
+	
+		    if (props.position && !(props.onDrag || props.onStop)) {
+		      // eslint-disable-next-line no-console
+		      console.warn('A `position` was applied to this <Draggable>, without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');
+		    }
+		    return _this;
+		  }
+	
+		  createClass(Draggable, [{
+		    key: 'componentDidMount',
+		    value: function componentDidMount() {
+		      // Check to see if the element passed is an instanceof SVGElement
+		      if (typeof window.SVGElement !== 'undefined' && ReactDOM.findDOMNode(this) instanceof window.SVGElement) {
+		        this.setState({ isElementSVG: true });
+		      }
+		    }
+		  }, {
+		    key: 'componentWillReceiveProps',
+		    value: function componentWillReceiveProps(nextProps /*: Object*/) {
+		      // Set x/y if position has changed
+		      if (nextProps.position && (!this.props.position || nextProps.position.x !== this.props.position.x || nextProps.position.y !== this.props.position.y)) {
+		        this.setState({ x: nextProps.position.x, y: nextProps.position.y });
+		      }
+		    }
+		  }, {
 		    key: 'componentWillUnmount',
 		    value: function componentWillUnmount() {
-		      // Remove any leftover event handlers. Remove both touch and mouse handlers in case
-		      // some browser quirk caused a touch event to fire during a mouse move, or vice versa.
-		      var _ReactDOM$findDOMNode2 = _reactDom2.default.findDOMNode(this),
-		          ownerDocument = _ReactDOM$findDOMNode2.ownerDocument;
-		
-		      (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.move, this.handleDrag);
-		      (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.move, this.handleDrag);
-		      (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);
-		      (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.stop, this.handleDragStop);
-		      if (this.props.enableUserSelectHack) (0, _domFns.removeUserSelectStyles)(ownerDocument.body);
+		      this.setState({ dragging: false }); // prevents invariant if unmounted while dragging
 		    }
-		
-		    // Same as onMouseDown (start drag), but now consider this a touch device.
-		
 		  }, {
 		    key: 'render',
-		    value: function render() /*: React.Element<any>*/ {
+		    value: function render() /*: ReactElement<any>*/ {
+		      var _classNames;
+	
+		      var style = {},
+		          svgTransform = null;
+	
+		      // If this is controlled, we don't want to move it - unless it's dragging.
+		      var controlled = Boolean(this.props.position);
+		      var draggable = !controlled || this.state.dragging;
+	
+		      var position = this.props.position || this.props.defaultPosition;
+		      var transformOpts = {
+		        // Set left if horizontal drag is enabled
+		        x: canDragX(this) && draggable ? this.state.x : position.x,
+	
+		        // Set top if vertical drag is enabled
+		        y: canDragY(this) && draggable ? this.state.y : position.y
+		      };
+	
+		      // If this element was SVG, we use the `transform` attribute.
+		      if (this.state.isElementSVG) {
+		        svgTransform = createSVGTransform(transformOpts, this.props.positionOffset);
+		      } else {
+		        // Add a CSS transform to move the element around. This allows us to move the element around
+		        // without worrying about whether or not it is relatively or absolutely positioned.
+		        // If the item you are dragging already has a transform set, wrap it in a <span> so <Draggable>
+		        // has a clean slate.
+		        style = createCSSTransform(transformOpts, this.props.positionOffset);
+		      }
+	
+		      var _props = this.props,
+		          defaultClassName = _props.defaultClassName,
+		          defaultClassNameDragging = _props.defaultClassNameDragging,
+		          defaultClassNameDragged = _props.defaultClassNameDragged;
+	
+	
+		      var children = React.Children.only(this.props.children);
+	
+		      // Mark with class while dragging
+		      var className = classnames(children.props.className || '', defaultClassName, (_classNames = {}, defineProperty(_classNames, defaultClassNameDragging, this.state.dragging), defineProperty(_classNames, defaultClassNameDragged, this.state.dragged), _classNames));
+	
 		      // Reuse the child provided
 		      // This makes it flexible to use whatever element is wanted (div, ul, etc)
-		      return _react2.default.cloneElement(_react2.default.Children.only(this.props.children), {
-		        style: (0, _domFns.styleHacks)(this.props.children.props.style),
-		
-		        // Note: mouseMove handler is attached to document so it will still function
-		        // when the user drags quickly and leaves the bounds of the element.
-		        onMouseDown: this.onMouseDown,
-		        onTouchStart: this.onTouchStart,
-		        onMouseUp: this.onMouseUp,
-		        onTouchEnd: this.onTouchEnd
-		      });
+		      return React.createElement(
+		        DraggableCore,
+		        _extends({}, this.props, { onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop }),
+		        React.cloneElement(children, {
+		          className: className,
+		          style: _extends({}, children.props.style, style),
+		          transform: svgTransform
+		        })
+		      );
 		    }
 		  }]);
-		
-		  return DraggableCore;
-		}(_react2.default.Component);
-		
-		DraggableCore.displayName = 'DraggableCore';
-		DraggableCore.propTypes = {
+		  return Draggable;
+		}(React.Component);
+	
+		Draggable.displayName = 'Draggable';
+		Draggable.propTypes = _extends({}, DraggableCore.propTypes, {
+	
 		  /**
-		   * `allowAnyClick` allows dragging using any mouse button.
-		   * By default, we only accept the left button.
+		   * `axis` determines which axis the draggable can move.
 		   *
-		   * Defaults to `false`.
-		   */
-		  allowAnyClick: _propTypes2.default.bool,
-		
-		  /**
-		   * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
-		   * with the exception of `onMouseDown`, will not fire.
-		   */
-		  disabled: _propTypes2.default.bool,
-		
-		  /**
-		   * By default, we add 'user-select:none' attributes to the document body
-		   * to prevent ugly text selection during drag. If this is causing problems
-		   * for your app, set this to `false`.
-		   */
-		  enableUserSelectHack: _propTypes2.default.bool,
-		
-		  /**
-		   * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
-		   * instead of using the parent node.
-		   */
-		  offsetParent: function offsetParent(props, propName) {
-		    if (process.browser && props[propName] && props[propName].nodeType !== 1) {
-		      throw new Error('Draggable\'s offsetParent must be a DOM Node.');
-		    }
-		  },
-		
-		  /**
-		   * `grid` specifies the x and y that dragging should snap to.
+		   *  Note that all callbacks will still return data as normal. This only
+		   *  controls flushing to the DOM.
+		   *
+		   * 'both' allows movement horizontally and vertically.
+		   * 'x' limits movement to horizontal axis.
+		   * 'y' limits movement to vertical axis.
+		   * 'none' limits all movement.
+		   *
+		   * Defaults to 'both'.
 		   */
-		  grid: _propTypes2.default.arrayOf(_propTypes2.default.number),
-		
+		  axis: propTypes.oneOf(['both', 'x', 'y', 'none']),
+	
 		  /**
-		   * `handle` specifies a selector to be used as the handle that initiates drag.
+		   * `bounds` determines the range of movement available to the element.
+		   * Available values are:
+		   *
+		   * 'parent' restricts movement within the Draggable's parent node.
+		   *
+		   * Alternatively, pass an object with the following properties, all of which are optional:
+		   *
+		   * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
+		   *
+		   * All values are in px.
 		   *
 		   * Example:
 		   *
@@ -52520,299 +52472,107 @@ module.exports =
 		   *   let App = React.createClass({
 		   *       render: function () {
 		   *         return (
-		   *            <Draggable handle=".handle">
-		   *              <div>
-		   *                  <div className="handle">Click me to drag</div>
-		   *                  <div>This is some other content</div>
-		   *              </div>
+		   *            <Draggable bounds={{right: 300, bottom: 300}}>
+		   *              <div>Content</div>
 		   *           </Draggable>
 		   *         );
 		   *       }
 		   *   });
 		   * ```
 		   */
-		  handle: _propTypes2.default.string,
-		
+		  bounds: propTypes.oneOfType([propTypes.shape({
+		    left: propTypes.number,
+		    right: propTypes.number,
+		    top: propTypes.number,
+		    bottom: propTypes.number
+		  }), propTypes.string, propTypes.oneOf([false])]),
+	
+		  defaultClassName: propTypes.string,
+		  defaultClassNameDragging: propTypes.string,
+		  defaultClassNameDragged: propTypes.string,
+	
 		  /**
-		   * `cancel` specifies a selector to be used to prevent drag initialization.
+		   * `defaultPosition` specifies the x and y that the dragged item should start at
 		   *
 		   * Example:
 		   *
 		   * ```jsx
-		   *   let App = React.createClass({
-		   *       render: function () {
-		   *           return(
-		   *               <Draggable cancel=".cancel">
-		   *                   <div>
-		   *                     <div className="cancel">You can't drag from here</div>
-		   *                     <div>Dragging here works fine</div>
-		   *                   </div>
-		   *               </Draggable>
-		   *           );
-		   *       }
-		   *   });
+		   *      let App = React.createClass({
+		   *          render: function () {
+		   *              return (
+		   *                  <Draggable defaultPosition={{x: 25, y: 25}}>
+		   *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+		   *                  </Draggable>
+		   *              );
+		   *          }
+		   *      });
 		   * ```
 		   */
-		  cancel: _propTypes2.default.string,
-		
-		  /**
-		   * Called when dragging starts.
-		   * If this function returns the boolean false, dragging will be canceled.
-		   */
-		  onStart: _propTypes2.default.func,
-		
-		  /**
-		   * Called while dragging.
-		   * If this function returns the boolean false, dragging will be canceled.
-		   */
-		  onDrag: _propTypes2.default.func,
-		
-		  /**
-		   * Called when dragging stops.
-		   * If this function returns the boolean false, the drag will remain active.
-		   */
-		  onStop: _propTypes2.default.func,
-		
+		  defaultPosition: propTypes.shape({
+		    x: propTypes.number,
+		    y: propTypes.number
+		  }),
+		  positionOffset: propTypes.shape({
+		    x: propTypes.oneOfType([propTypes.number, propTypes.string]),
+		    y: propTypes.oneOfType([propTypes.number, propTypes.string])
+		  }),
+	
 		  /**
-		   * A workaround option which can be passed if onMouseDown needs to be accessed,
-		   * since it'll always be blocked (as there is internal use of onMouseDown)
+		   * `position`, if present, defines the current position of the element.
+		   *
+		   *  This is similar to how form elements in React work - if no `position` is supplied, the component
+		   *  is uncontrolled.
+		   *
+		   * Example:
+		   *
+		   * ```jsx
+		   *      let App = React.createClass({
+		   *          render: function () {
+		   *              return (
+		   *                  <Draggable position={{x: 25, y: 25}}>
+		   *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+		   *                  </Draggable>
+		   *              );
+		   *          }
+		   *      });
+		   * ```
 		   */
-		  onMouseDown: _propTypes2.default.func,
-		
+		  position: propTypes.shape({
+		    x: propTypes.number,
+		    y: propTypes.number
+		  }),
+	
 		  /**
 		   * These properties should be defined on the child, not here.
 		   */
-		  className: _shims.dontSetMe,
-		  style: _shims.dontSetMe,
-		  transform: _shims.dontSetMe
-		};
-		DraggableCore.defaultProps = {
-		  allowAnyClick: false, // by default only accept left click
-		  cancel: null,
-		  disabled: false,
-		  enableUserSelectHack: true,
-		  offsetParent: null,
-		  handle: null,
-		  grid: null,
-		  transform: null,
-		  onStart: function onStart() {},
-		  onDrag: function onDrag() {},
-		  onStop: function onStop() {},
-		  onMouseDown: function onMouseDown() {}
-		};
-		exports.default = DraggableCore;
-		/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(18)))
-	
-	/***/ },
-	/* 18 */
-	/***/ function(module, exports) {
-	
-		// shim for using process in browser
-		var process = module.exports = {};
-		
-		// cached from whatever global is present so that test runners that stub it
-		// don't break things.  But we need to wrap it in a try catch in case it is
-		// wrapped in strict mode code which doesn't define any globals.  It's inside a
-		// function because try/catches deoptimize in certain engines.
-		
-		var cachedSetTimeout;
-		var cachedClearTimeout;
-		
-		function defaultSetTimout() {
-		    throw new Error('setTimeout has not been defined');
-		}
-		function defaultClearTimeout () {
-		    throw new Error('clearTimeout has not been defined');
-		}
-		(function () {
-		    try {
-		        if (typeof setTimeout === 'function') {
-		            cachedSetTimeout = setTimeout;
-		        } else {
-		            cachedSetTimeout = defaultSetTimout;
-		        }
-		    } catch (e) {
-		        cachedSetTimeout = defaultSetTimout;
-		    }
-		    try {
-		        if (typeof clearTimeout === 'function') {
-		            cachedClearTimeout = clearTimeout;
-		        } else {
-		            cachedClearTimeout = defaultClearTimeout;
-		        }
-		    } catch (e) {
-		        cachedClearTimeout = defaultClearTimeout;
-		    }
-		} ())
-		function runTimeout(fun) {
-		    if (cachedSetTimeout === setTimeout) {
-		        //normal enviroments in sane situations
-		        return setTimeout(fun, 0);
-		    }
-		    // if setTimeout wasn't available but was latter defined
-		    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-		        cachedSetTimeout = setTimeout;
-		        return setTimeout(fun, 0);
-		    }
-		    try {
-		        // when when somebody has screwed with setTimeout but no I.E. maddness
-		        return cachedSetTimeout(fun, 0);
-		    } catch(e){
-		        try {
-		            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-		            return cachedSetTimeout.call(null, fun, 0);
-		        } catch(e){
-		            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-		            return cachedSetTimeout.call(this, fun, 0);
-		        }
-		    }
-		
-		
-		}
-		function runClearTimeout(marker) {
-		    if (cachedClearTimeout === clearTimeout) {
-		        //normal enviroments in sane situations
-		        return clearTimeout(marker);
-		    }
-		    // if clearTimeout wasn't available but was latter defined
-		    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-		        cachedClearTimeout = clearTimeout;
-		        return clearTimeout(marker);
-		    }
-		    try {
-		        // when when somebody has screwed with setTimeout but no I.E. maddness
-		        return cachedClearTimeout(marker);
-		    } catch (e){
-		        try {
-		            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-		            return cachedClearTimeout.call(null, marker);
-		        } catch (e){
-		            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-		            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-		            return cachedClearTimeout.call(this, marker);
-		        }
-		    }
-		
-		
-		
-		}
-		var queue = [];
-		var draining = false;
-		var currentQueue;
-		var queueIndex = -1;
-		
-		function cleanUpNextTick() {
-		    if (!draining || !currentQueue) {
-		        return;
-		    }
-		    draining = false;
-		    if (currentQueue.length) {
-		        queue = currentQueue.concat(queue);
-		    } else {
-		        queueIndex = -1;
-		    }
-		    if (queue.length) {
-		        drainQueue();
-		    }
-		}
-		
-		function drainQueue() {
-		    if (draining) {
-		        return;
-		    }
-		    var timeout = runTimeout(cleanUpNextTick);
-		    draining = true;
-		
-		    var len = queue.length;
-		    while(len) {
-		        currentQueue = queue;
-		        queue = [];
-		        while (++queueIndex < len) {
-		            if (currentQueue) {
-		                currentQueue[queueIndex].run();
-		            }
-		        }
-		        queueIndex = -1;
-		        len = queue.length;
-		    }
-		    currentQueue = null;
-		    draining = false;
-		    runClearTimeout(timeout);
-		}
-		
-		process.nextTick = function (fun) {
-		    var args = new Array(arguments.length - 1);
-		    if (arguments.length > 1) {
-		        for (var i = 1; i < arguments.length; i++) {
-		            args[i - 1] = arguments[i];
-		        }
-		    }
-		    queue.push(new Item(fun, args));
-		    if (queue.length === 1 && !draining) {
-		        runTimeout(drainQueue);
-		    }
-		};
-		
-		// v8 likes predictible objects
-		function Item(fun, array) {
-		    this.fun = fun;
-		    this.array = array;
-		}
-		Item.prototype.run = function () {
-		    this.fun.apply(null, this.array);
-		};
-		process.title = 'browser';
-		process.browser = true;
-		process.env = {};
-		process.argv = [];
-		process.version = ''; // empty string to avoid regexp issues
-		process.versions = {};
-		
-		function noop() {}
-		
-		process.on = noop;
-		process.addListener = noop;
-		process.once = noop;
-		process.off = noop;
-		process.removeListener = noop;
-		process.removeAllListeners = noop;
-		process.emit = noop;
-		
-		process.binding = function (name) {
-		    throw new Error('process.binding is not supported');
-		};
-		
-		process.cwd = function () { return '/' };
-		process.chdir = function (dir) {
-		    throw new Error('process.chdir is not supported');
-		};
-		process.umask = function() { return 0; };
-	
+		  className: dontSetMe,
+		  style: dontSetMe,
+		  transform: dontSetMe
+		});
+		Draggable.defaultProps = _extends({}, DraggableCore.defaultProps, {
+		  axis: 'both',
+		  bounds: false,
+		  defaultClassName: 'react-draggable',
+		  defaultClassNameDragging: 'react-draggable-dragging',
+		  defaultClassNameDragged: 'react-draggable-dragged',
+		  defaultPosition: { x: 0, y: 0 },
+		  position: null,
+		  scale: 1
+		});
 	
-	/***/ },
-	/* 19 */
-	/***/ function(module, exports, __webpack_require__) {
+		// Previous versions of this lib exported <Draggable> as the root export. As to not break
+		// them, or TypeScript, we export *both* as the root and as 'default'.
+		// See https://github.com/mzabriskie/react-draggable/pull/254
+		// and https://github.com/mzabriskie/react-draggable/issues/266
+		Draggable.default = Draggable;
+		Draggable.DraggableCore = DraggableCore;
 	
-		"use strict";
-		
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		exports.default = log;
-		
-		/*eslint no-console:0*/
-		function log() {
-		  var _console;
-		
-		  if ((undefined)) (_console = console).log.apply(_console, arguments);
-		}
+		return Draggable;
 	
-	/***/ }
-	/******/ ])
-	});
-	;
+	})));
 	//# sourceMappingURL=react-draggable.js.map
 
+
 /***/ },
 /* 125 */
 /***/ function(module, exports, __webpack_require__) {