0.9.1

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;

package.json

@@ -1,6 +1,6 @@
 {
  "name": "react-dnd",
- "version": "0.9.0",
+ "version": "0.9.1",
  "description": "Drag and drop for React with full DOM control",
  "main": "dist-modules/index.js",
  "scripts": {