Socket
Socket
Sign inDemoInstall

react-dropzone

Package Overview
Dependencies
Maintainers
2
Versions
176
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-dropzone - npm Package Compare versions

Comparing version 10.1.3 to 10.1.4

7

dist/es/index.js

@@ -556,2 +556,3 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }

draggedFiles: draggedFiles,
isDragActive: true,
type: 'setDraggedFiles'

@@ -601,2 +602,3 @@ });

dispatch({
isDragActive: false,
type: 'setDraggedFiles',

@@ -777,6 +779,7 @@ draggedFiles: []

/* eslint no-case-declarations: 0 */
var draggedFiles = action.draggedFiles;
var isDragActive = action.isDragActive,
draggedFiles = action.draggedFiles;
return _objectSpread({}, state, {
draggedFiles: draggedFiles,
isDragActive: draggedFiles.length > 0
isDragActive: isDragActive
});

@@ -783,0 +786,0 @@

@@ -59,5 +59,5 @@ By providing `accept` prop you can make the dropzone accept specific file types and reject the others.

Because of HTML5 File API differences across different browsers during the drag, Dropzone will only display `rejected` styles in Chrome (and Chromium based browser). It isn't working in Safari nor IE.
Because of HTML5 File API differences across different browsers during the drag, Dropzone might not be able to detect whether the files are accepted or rejected in Safari nor IE.
Also, at this moment it's not possible to read file names (and thus, file extensions) during the drag operation. For that reason, if you want to react on different file types _during_ the drag operation, _you have to use_ mime types and not extensions! For example, the following example won't work even in Chrome:
Furthermore, at this moment it's not possible to read file names (and thus, file extensions) during the drag operation. For that reason, if you want to react on different file types _during_ the drag operation, _you have to use_ mime types and not extensions! For example, the following example won't work even in Chrome:

@@ -64,0 +64,0 @@ ```jsx harmony

@@ -168,3 +168,3 @@ {

},
"version": "10.1.3",
"version": "10.1.4",
"engines": {

@@ -171,0 +171,0 @@ "node": ">= 8"

@@ -523,2 +523,3 @@ /* eslint prefer-template: 0 */

draggedFiles,
isDragActive: true,
type: 'setDraggedFiles'

@@ -575,2 +576,3 @@ })

dispatch({
isDragActive: false,
type: 'setDraggedFiles',

@@ -779,7 +781,7 @@ draggedFiles: []

/* eslint no-case-declarations: 0 */
const { draggedFiles } = action
const { isDragActive, draggedFiles } = action
return {
...state,
draggedFiles,
isDragActive: draggedFiles.length > 0
isDragActive
}

@@ -786,0 +788,0 @@ case 'setFiles':

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc