0.9.1

Author: gaearon

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dnd",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "homepage": "https://github.com/gaearon/react-dnd",
   "authors": [
     "Dan Abramov <dan.abramov@me.com>"

dist-modules/backends/HTML5.js

@@ -5,6 +5,7 @@ var DragDropActionCreators = require("../actions/DragDropActionCreators"),
     NativeDragItemTypes = require("../constants/NativeDragItemTypes"),
     EnterLeaveMonitor = require("../utils/EnterLeaveMonitor"),
     isFileDragDropEvent = require("../utils/isFileDragDropEvent"),
+    isUrlDragDropEvent = require("../utils/isUrlDragDropEvent"),
     configureDataTransfer = require("../utils/configureDataTransfer"),
     shallowEqual = require("react/lib/shallowEqual"),
     isWebkit = require("../utils/isWebkit");
@@ -41,8 +42,12 @@ function triggerDragEndIfDragSourceWasRemovedFromDOM() {
   _currentComponent.handleDragEnd(type, null);
 }
 
-function preventDefaultFileDropAction(e) {
-  if (isFileDragDropEvent(e)) {
+function isNativeDragDropEvent(e) {
+  return isFileDragDropEvent(e) || isUrlDragDropEvent(e);
+}
+
+function preventDefaultNativeDropAction(e) {
+  if (isNativeDragDropEvent(e)) {
     e.preventDefault();
   }
 }
@@ -52,13 +57,17 @@ function handleTopDragEnter(e) {
   e.preventDefault();
 
   var isFirstEnter = _monitor.enter(e.target);
-  if (isFirstEnter && isFileDragDropEvent(e)) {
-    DragDropActionCreators.startDragging(NativeDragItemTypes.FILE, null);
+  if (isFirstEnter) {
+    if (isFileDragDropEvent(e)) {
+      DragDropActionCreators.startDragging(NativeDragItemTypes.FILE, null);
+    } else if (isUrlDragDropEvent(e)) {
+      DragDropActionCreators.startDragging(NativeDragItemTypes.URL, null);
+    }
   }
 }
 
 function handleTopDragOver(e) {
-  preventDefaultFileDropAction(e);
+  preventDefaultNativeDropAction(e);
 
   var offsetFromClient = HTML5.getOffsetFromClient(_currentComponent, e);
   DragDropActionCreators.drag(offsetFromClient);
@@ -76,20 +85,20 @@ function handleTopDragOver(e) {
 }
 
 function handleTopDragLeave(e) {
-  preventDefaultFileDropAction(e);
+  preventDefaultNativeDropAction(e);
 
   var isLastLeave = _monitor.leave(e.target);
-  if (isLastLeave && isFileDragDropEvent(e)) {
+  if (isLastLeave && isNativeDragDropEvent(e)) {
     DragDropActionCreators.endDragging();
   }
 }
 
 function handleTopDrop(e) {
-  preventDefaultFileDropAction(e);
+  preventDefaultNativeDropAction(e);
 
   _monitor.reset();
 
-  if (isFileDragDropEvent(e)) {
+  if (isNativeDragDropEvent(e)) {
     DragDropActionCreators.endDragging();
   }
 

dist-modules/constants/NativeDragItemTypes.js

@@ -3,7 +3,8 @@
 var keyMirror = require("react/lib/keyMirror");
 
 var NativeDragItemTypes = {
-  FILE: "__NATIVE_FILE__"
+  FILE: "__NATIVE_FILE__",
+  URL: "__NATIVE_URL__"
 };
 
 module.exports = NativeDragItemTypes;

dist-modules/utils/DragDropContext.js

@@ -11,6 +11,14 @@ var DragDropContext = {
       x: currentOffset.x - initialOffset.x,
       y: currentOffset.y - initialOffset.y
     };
+  },
+
+  getInitialOffsetFromClient: function getInitialOffsetFromClient() {
+    return DragOffsetStore.getInitialOffsetFromClient();
+  },
+
+  getCurrentOffsetFromClient: function getCurrentOffsetFromClient() {
+    return DragOffsetStore.getCurrentOffsetFromClient();
   }
 };
 

dist-modules/utils/createDragDropMixin.js

@@ -8,6 +8,8 @@ var DragDropActionCreators = require("../actions/DragDropActionCreators"),
     DefaultDragSource = require("./DefaultDragSource"),
     DefaultDropTarget = require("./DefaultDropTarget"),
     isFileDragDropEvent = require("./isFileDragDropEvent"),
+    isUrlDragDropEvent = require("../utils/isUrlDragDropEvent"),
+    extractNativeItem = require("../utils/extractNativeItem"),
     invariant = require("react/lib/invariant"),
     assign = require("react/lib/Object.assign"),
     defaults = require("lodash/object/defaults"),
@@ -16,7 +18,8 @@ var DragDropActionCreators = require("../actions/DragDropActionCreators"),
     noop = require("lodash/utility/noop");
 
 function checkValidType(component, type) {
-  invariant(type && typeof type === "string", "Expected item type to be a non-empty string. See %s", component.constructor.displayName);
+  /*jshint -W122 */
+  invariant(type && (typeof type === "string" || typeof type === "symbol"), "Expected item type to be a non-empty string or a symbol. See %s", component.constructor.displayName);
 }
 
 function checkDragSourceDefined(component, type) {
@@ -270,8 +273,8 @@ function createDragDropMixin(backend) {
       var getDropEffect = _dropTargets$state$draggedItemType.getDropEffect;
       var effectsAllowed = DragOperationStore.getEffectsAllowed();
 
-      if (isFileDragDropEvent(e)) {
-        // Use Copy drop effect for dragging files.
+      if (isFileDragDropEvent(e) || isUrlDragDropEvent(e)) {
+        // Use Copy drop effect for dragging files or urls.
         // Because browser gives no drag preview, "+" icon is useful.
         effectsAllowed = [DropEffects.COPY];
       }
@@ -333,12 +336,11 @@ function createDragDropMixin(backend) {
       var currentDropEffect = this.state.currentDropEffect;
       var isHandled = !!DragOperationStore.getDropEffect();
 
-      if (isFileDragDropEvent(e)) {
-        // We don't know file list until the `drop` event,
-        // so we couldn't put `item` into the store.
-        item = {
-          files: Array.prototype.slice.call(e.dataTransfer.files)
-        };
+      // We don't know the exact list until the `drop` event,
+      // so we couldn't put `item` into the store.
+
+      if (!item) {
+        item = extractNativeItem(e);
       }
 
       this._monitor.reset();

dist-modules/utils/extractNativeItem.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var isFileDragDropEvent = require("./isFileDragDropEvent"),
+    isUrlDragDropEvent = require("./isUrlDragDropEvent");
+
+function extractNativeItem(e) {
+  if (isFileDragDropEvent(e)) {
+    return {
+      files: Array.prototype.slice.call(e.dataTransfer.files)
+    };
+  } else if (isUrlDragDropEvent(e)) {
+    return {
+      urls: (e.dataTransfer.getData("Url") || e.dataTransfer.getData("text/uri-list") || "").split("\n")
+    };
+  }
+}
+
+module.exports = extractNativeItem;

dist-modules/utils/isUrlDragDropEvent.js

@@ -0,0 +1,8 @@
+"use strict";
+
+function isUrlDragDropEvent(e) {
+  var types = Array.prototype.slice.call(e.dataTransfer.types);
+  return types.indexOf("Url") !== -1 || types.indexOf("text/uri-list") !== -1;
+}
+
+module.exports = isUrlDragDropEvent;