fix(deps): update dependency react-dropzone to v14 #18

renovate · 2022-11-20T19:07:41Z

This PR contains the following updates:

Package	Change	Age	Confidence
react-dropzone	`^4.2.1` -> `^14.0.0`

Release Notes

react-dropzone/react-dropzone (react-dropzone)

`v14.3.8`

Compare Source

Bug Fixes

event_type: 🎨 Update drop event type to include FileSystemFileHandle (d6911c9)

`v14.3.7`

Compare Source

Bug Fixes

make ESM build compatible with native Node.js (2016879)

`v14.3.6`

Compare Source

Bug Fixes

types: fix React 19 incompatible JSX type import (356d9d5)

`v14.3.5`

Compare Source

Bug Fixes

fix wrong file type msg ux and close #1221 (4ca683b)

`v14.3.4`

Compare Source

Bug Fixes

set {isDragRejected} on drop and close #1238 (589d01e)

`v14.3.3`

Compare Source

Bug Fixes

visually hide the input and close #1268 (edeef15)

`v14.3.2`

Compare Source

Bug Fixes

update file-selector and close #1346 (e35de09)

`v14.3.1`

Compare Source

Bug Fixes

allow application/* mime types and close #1322 (72c6c34)

`v14.3.0`

Compare Source

Features

bump attr-accept to v2.2.4 (7750ea3)
bump file-selector to v1.2 and close #1368 (29fc64c)

`v14.2.10`

Compare Source

Bug Fixes

fix exports declaration (53bba3a)

`v14.2.9`

Compare Source

Bug Fixes

disable file access API by default (c0255d5)

`v14.2.8`

Compare Source

Bug Fixes

revert min node version to 10.13 (d1ae54d)

`v14.2.7`

Compare Source

Bug Fixes

ensure typings can be resolved and close #1371 (68a8a78)

`v14.2.6`

Compare Source

Bug Fixes

ensure package works as a module (2471dd9)

`v14.2.5`

Compare Source

Bug Fixes

ensure proper readonly arrays for types (d7799eb)

`v14.2.4`

Compare Source

Bug Fixes

add path to acceptedFiles and fileRejections (960c6d3)

`v14.2.3`

Compare Source

Bug Fixes

work around Chromium File System Access API bug (c36ab5b), closes #1127 #1222 #1190

`v14.2.2`

Compare Source

Bug Fixes

allow {accept} file selection w/o using the OS options (8127759)

`v14.2.1`

Compare Source

Bug Fixes

call onError if FS access API fails in secure ctx (a2039fd)

`v14.2.0`

Compare Source

Features

bump file-selector to v0.6 (239dd29)

`v14.1.2`

Compare Source

Bug Fixes

add missing onError type (7aff9a5)

`v14.1.1`

Compare Source

Bug Fixes

apply custom validator on {isDragAccept,isDragReject} (2d33fdf)

`v14.1.0`

Compare Source

Features

add option to auto focus the root and close #1145 (1b91e50)

`v14.0.1`

Compare Source

Bug Fixes

use aria role presentation by default and close #1152 (7a2f405)

`v14.0.0`

Compare Source

Features

add support for React 18 and close #1121, #1167 (ed32886)

BREAKING CHANGES

the {draggedFiles} prop on the returned hook state has been removed and the accept/reject state is only computed on drag enter and drop.

`v13.0.0`

Compare Source

Features

add {onError} cb to allow users to handle errors (9134893)
allow passing file ext. to the file picker options and close #1141 (58976f4)

BREAKING CHANGES

The {accept} prop will now require an object instead of a string or array of strings:

Before:

useDropzone({
  accept: ".jpeg,.png"
  // accept: [".jpeg", ".png"]
})

After:

useDropzone({
  accept: {
    "image/*": [".jpeg", ".png"]
  }
})

`v12.1.0`

Compare Source

Features

deps: bump file-selector from 0.4.0 to 0.5.0 (2a71cc9)

`v12.0.6`

Compare Source

Bug Fixes

remove autocomplete for file input type (5bc4273)

`v12.0.5`

Compare Source

Bug Fixes

use KeyboardEvent.key to detect space/enter events (67e3f59)

`v12.0.4`

Compare Source

Bug Fixes

fix SSR when window is not defined (#1143) (c178314)

`v12.0.3`

Compare Source

Bug Fixes

fallback to input click to open the file picker (dbaec3f)

`v12.0.2`

Compare Source

Bug Fixes

do not use FS access API if code is not in secure context (8eb49d4)

`v12.0.1`

Compare Source

Bug Fixes

add useFsAccessApi type (df8a9b4)

`v12.0.0`

Compare Source

Features

enable file system access API by default (a034252)

BREAKING CHANGES

As of this change, the accept attribute does not work with file extensions anymore. Check https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker#parameters for more information.

`v11.7.1`

Compare Source

Bug Fixes

disable file system access API usage by default and close #1131 (15dd32f)

`v11.7.0`

Compare Source

Features

set role attr to button by default on the root and close #1110 (207282b)

`v11.6.0`

Compare Source

Features

use FileSystemAccess API to select files (3ad4f00), closes #1107 #1031 #1079

`v11.5.3`

Compare Source

Bug Fixes

fix minor grammatical mistake in file size error (ab4359f)

`v11.5.2`

Compare Source

Bug Fixes

remove doka/pintura source files (60f6ef0)

`v11.5.1`

Compare Source

Bug Fixes

declare the package as side effect free (199556b)

`v11.5.0`

Compare Source

Features

add onFileDialogOpen callback (d50c578)

`v11.4.2`

Compare Source

Bug Fixes

re-export ErrorCode from './utils' (2e83d35)

`v11.4.1`

Compare Source

Bug Fixes

add missing ErrorCode export and close #1091 (2a9ddbb)

`v11.4.0`

Compare Source

Features

ts: export the error codes as an enum (58abc82)

`v11.3.5`

Compare Source

Bug Fixes

ignore the vendor dir to avoid licensing issues (7447fd2)

`v11.3.4`

Compare Source

Bug Fixes

add the validator as dependency to onDropCb (4e625d2)

`v11.3.3`

Compare Source

Bug Fixes

typings: use generics for getRootProps and getInputProps (27243bc)

`v11.3.2`

Compare Source

Bug Fixes

Check drag event contains files before showing "copy" cursor (ec93425), closes #1042

`v11.3.1`

Compare Source

Bug Fixes

allow validator to be null (6f0e826)

`v11.3.0`

Compare Source

Features

add {validator} for custom validation (ebe2130)

`v11.2.4`

Compare Source

Bug Fixes

add supported browsers via browserslist config and close #630 (5a4ae93)

`v11.2.3`

Compare Source

Bug Fixes

update internal state when maxFiles prop changes and close #1025 (bb42b94)

`v11.2.2`

Compare Source

Bug Fixes

set isDragReject true when maxFiles rejects (#1020) (b4a1ac6)

`v11.2.1`

Compare Source

Bug Fixes

deps: update file-selector and close #1022 (b8d5245)

`v11.2.0`

Compare Source

Features

add {maxFiles} to limit the accepted files (624549c)

`v11.1.0`

Compare Source

Features

improve Typescript support for errors (21a412c)

`v11.0.3`

Compare Source

Bug Fixes

define functions as properties (dc5c7e2)

`v11.0.2`

Compare Source

Bug Fixes

examples: rejectedFiles to fileRejections (19cf778)

`v11.0.1`

Compare Source

Bug Fixes

#911 isDragActive value when dragging over text on Firefox (08a89cf)

`v11.0.0`

Compare Source

Features

add reject reasons to onDrop, onDropRejected callbacks (#938) (199c9ea)

BREAKING CHANGES

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} />
    );
  }
}