Update dependency react-dropzone to v11 (!10) · Merge requests · Somnonetz Demonstrator for ASCLEPIOS project / EDF Editor

The method signatures of onDrop and onDropRejected as well as the return value of useDropzone were changed in order to add the reasons why rejected files were rejected.

onDrop BEFORE this change:

onDrop?<T extends File>(acceptedFiles: T[], rejectedFiles: T[], event: DropEvent): void;

onDrop AFTER this change:

onDrop?<T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent): void;

onDropRejected BEFORE this change:

onDropRejected?<T extends File>(files: T[], event: DropEvent): void;

onDropRejected AFTER this change:

onDropRejected?(fileRejections: FileRejection[], event: DropEvent): void;

rejectedFiles from the return value of useDropzone was replaced with fileRejections.

The defintion of a FileRejection is:

export interface FileError {
  message: string;
  code: string;
}

export interface FileRejection {
  file: File;
  errors: FileError[];
}

`v10.2.2`

Compare Source

Bug Fixes

#921 isDragReject consistent with onDrop (f19685c)

`v10.2.1`

Compare Source

Bug Fixes

cover for edge cases when checking file size and close #888 (b09129b)

`v10.2.0`

Compare Source

Features

update deps and close #887 (bc43258)

`v10.1.10`

Compare Source

Bug Fixes

apply min/max file size conditions to {isDragReject} prop (#878) (c8a7322)

`v10.1.9`

Compare Source

Bug Fixes

store drag targets in a ref and close #876 (#877) (ce66903)

`v10.1.8`

Compare Source

Bug Fixes

fix open file dialog programmatically and close #853 (536997c)

`v10.1.7`

Compare Source

Bug Fixes

allow setting input {disabled} prop to false (acea5df)

`v10.1.6`

Compare Source

Bug Fixes

fix click event propagation and close #826 (a159354)

`v10.1.5`

Compare Source

Bug Fixes

change types to support custom plugins (93bded7)

`v10.1.4`

Compare Source

Bug Fixes

set {isDragActive} on drag enter and close #819 (951ecb2)

`v10.1.3`

Compare Source

Bug Fixes

prevent click on input when propagated form a , close #182 (ea5fb32)

`v10.1.2`

Compare Source

Bug Fixes

remove check for multiple attr support and close #811 (0ec0e45)

`v10.1.1`

Compare Source

Bug Fixes

cache effect for setting the ref and close #806 (3b133a8)

`v10.1.0`

Compare Source

Features

add {noClick}, {noKeyboard}, {noDrag} and {noDragEventsBubbling} (91ee25d), closes #783

`v10.0.6`

Compare Source

Bug Fixes

fix typings for {ref} and close #798 (c518b43)

`v10.0.5`

Compare Source

Bug Fixes

prevent errors in IE when dragEffect is set and close #791 (be5b238)

`v10.0.4`

Compare Source

Bug Fixes

check if document exists and fix #775 (0bb8203)

`v10.0.3`

Compare Source

Bug Fixes

expose {open} on the ref and close #787 (cb9f1e3)

`v10.0.2`

Compare Source

Bug Fixes

fix type for {accept} prop and close #780 (387ba90)

`v10.0.1`

Compare Source

Bug Fixes

update file-selector and close #776 (74b3a95)

`v10.0.0`

Compare Source

Features

migrate to react hooks, close #722, close #762 and close #760 (5398f44)

BREAKING CHANGES

React '>= 16.8' is required.

{getDataTransferItems} property has been renamed to {getFilesFromEvent}.

`v9.0.0`

Compare Source

Bug Fixes

remove deprecated() lib and close #764 (4d74cd1)

BREAKING CHANGES

Remove deprecated prop {disableClick}. To prevent the default behavior of click just use idiomatic js:

<Dropzone>
  {({getRootProps}) => (
    <div {...getRootProps({onClick: evt => evt.preventDefault()})}>
      Drop some files here
    </div>
  )}
</Dropzone>

`v8.2.0`

Compare Source

Features

add support for folder drag 'n' drop (2fc6e06)

`v8.1.0`

Compare Source

Features

use native {defaultPrevented} and {cancelBubble} (db88425)

`v8.0.4`

Compare Source

Bug Fixes

set dropEffect on dragover and close #749 (b9d9d0b)

`v8.0.3`

Compare Source

Bug Fixes

fix check for file types and close #726 (5ed0a82)

`v8.0.2`

Compare Source

Bug Fixes

do not capture keyboard events from children and close #730 (d4ee298)

`v8.0.1`

Compare Source

Bug Fixes

allow drag drop while file select dialog is opened (c8e3ad1)

`v8.0.0`

Compare Source

Features

make headless (37306d9), closes #161 #468 #640 #706 #718

BREAKING CHANGES

The <Dropzone> component now requires a rendering function, either provided as the children or as a prop.

Before:

<Dropzone />

After:

<Dropzone>
  {({getRootProps}) => <div {...getRootProps()} />}
</Dropzone>

`v7.0.1`

Compare Source

Bug Fixes

fix on file select dialog close behaviour (#707) (ff2b615), closes #652

`v7.0.0`

Compare Source

Code Refactoring

remove file preview and close #705 (a93e426)

BREAKING CHANGES

File{preview} has been removed to avoid possible memory leaks

If you wish to create previews, you can easily achieve this in the onDrop() callback:

class MyZone extends React.Component {
  onDrop = files => {
    this.setState({
      files: files.map(file => ({
        ...file,
        preview: URL.createObjectURL(file)
      }))
    });
  }

  cleanup = () => {
    // Revoke data uris when done using the previews
    const {files} = this.state;

    for (const file of files) {
      URL.revokeObjectURL(file.preview);
    }
  }

  render() {
    return (
      <Dropzone onDrop={this.onDrop} />
    );
  }
}