react-dropzone 11.2.3 → 11.3.2

package/README.md

@@ -3,11 +3,11 @@
 # react-dropzone
 
 [![npm](https://img.shields.io/npm/v/react-dropzone.svg?style=flat-square)](https://www.npmjs.com/package/react-dropzone)
-![Build Status](https://github.com/react-dropzone/react-dropzone/workflows/Test/badge.svg)
+[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/react-dropzone/react-dropzone/Test?label=tests&style=flat-square)](https://github.com/react-dropzone/react-dropzone/actions?query=workflow%3ATest)
 [![codecov](https://img.shields.io/codecov/c/gh/react-dropzone/react-dropzone/master.svg?style=flat-square)](https://codecov.io/gh/react-dropzone/react-dropzone)
 [![Open Collective](https://img.shields.io/opencollective/backers/react-dropzone.svg?style=flat-square)](#backers)
 [![Open Collective](https://img.shields.io/opencollective/sponsors/react-dropzone.svg?style=flat-square)](#sponsors)
-[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/react-dropzone/react-dropzone) 
+[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod&style=flat-square)](https://gitpod.io/#https://github.com/react-dropzone/react-dropzone) 
 
 Simple React hook to create a HTML5-compliant drag'n'drop zone for files.
 
@@ -292,6 +292,15 @@ function mockData(files) {
 
 More examples for this can be found in `react-dropzone`s own [test suites](https://github.com/react-dropzone/react-dropzone/blob/master/src/index.spec.js).
 
+## Need image editing?
+
+React Dropzone integrates perfectly with [Doka Image Editor](https://pqina.nl/doka/?ref=react-dropzone), creating a modern image editing experience. Doka supports crop aspect ratios, resizing, rotating, cropping, annotating, filtering, and much more.
+
+Checkout the [integration example](https://react-dropzone.js.org/#!/Doka).
+
+## Supported Browsers
+
+We use [browserslist](https://github.com/browserslist/browserslist) config to state the browser support for this lib, so check it out on [browserslist.dev](https://browserslist.dev/?q=ZGVmYXVsdHM%3D).
 
 ## Support
 

package/dist/es/index.js

@@ -79,7 +79,8 @@ var defaultProps = {
   noClick: false,
   noKeyboard: false,
   noDrag: false,
-  noDragEventsBubbling: false
+  noDragEventsBubbling: false,
+  validator: null
 };
 Dropzone.defaultProps = defaultProps;
 Dropzone.propTypes = {
@@ -244,7 +245,14 @@ Dropzone.propTypes = {
    * @param {FileRejection[]} fileRejections
    * @param {(DragEvent|Event)} event
    */
-  onDropRejected: PropTypes.func
+  onDropRejected: PropTypes.func,
+
+  /**
+   * Custom validation function 
+   * @param {File} file
+   * @returns {FileError|FileError[]}
+   */
+  validator: PropTypes.func
 };
 export default Dropzone;
 /**
@@ -416,7 +424,8 @@ export function useDropzone() {
       noClick = _defaultProps$options.noClick,
       noKeyboard = _defaultProps$options.noKeyboard,
       noDrag = _defaultProps$options.noDrag,
-      noDragEventsBubbling = _defaultProps$options.noDragEventsBubbling;
+      noDragEventsBubbling = _defaultProps$options.noDragEventsBubbling,
+      validator = _defaultProps$options.validator;
 
   var rootRef = useRef(null);
   var inputRef = useRef(null);
@@ -559,8 +568,9 @@ export function useDropzone() {
     event.preventDefault();
     event.persist();
     stopPropagation(event);
+    var hasFiles = isEvtWithFiles(event);
 
-    if (event.dataTransfer) {
+    if (hasFiles && event.dataTransfer) {
       try {
         event.dataTransfer.dropEffect = 'copy';
       } catch (_unused) {}
@@ -568,7 +578,7 @@ export function useDropzone() {
 
     }
 
-    if (isEvtWithFiles(event) && onDragOver) {
+    if (hasFiles && onDragOver) {
       onDragOver(event);
     }
 
@@ -632,15 +642,22 @@ export function useDropzone() {
               sizeMatch = _fileMatchSize2[0],
               sizeError = _fileMatchSize2[1];
 
-          if (accepted && sizeMatch) {
+          var customErrors = validator ? validator(file) : null;
+
+          if (accepted && sizeMatch && !customErrors) {
             acceptedFiles.push(file);
           } else {
-            var errors = [acceptError, sizeError].filter(function (e) {
-              return e;
-            });
+            var errors = [acceptError, sizeError];
+
+            if (customErrors) {
+              errors = errors.concat(customErrors);
+            }
+
             fileRejections.push({
               file: file,
-              errors: errors
+              errors: errors.filter(function (e) {
+                return e;
+              })
             });
           }
         });