react-dropzone 11.6.0 → 12.0.1

package/examples/no-jsx/README.md

@@ -0,0 +1,32 @@
+If you'd like to use [react without JSX](https://reactjs.org/docs/react-without-jsx.html) you can:
+
+```js harmony
+import React, {useCallback, useState} from 'react';
+import {useDropzone} from 'react-dropzone';
+
+const e = React.createElement
+
+function Basic () {
+  const [files, setFiles] = useState([]);
+  const onDrop = useCallback(files => setFiles(files), [setFiles]);
+
+  const {getRootProps, getInputProps} = useDropzone({onDrop});
+
+  const fileList = files.map(
+    file => React.createElement('li', {key: file.name}, `${file.name} - ${file.size} bytes`)
+  );
+
+  return e('section', {className: 'container'}, [
+    e('div', getRootProps({className: 'dropzone', key: 'dropzone'}), [
+      e('input', getInputProps({key: 'input'})),
+      e('p', {key: 'desc'}, "Drag 'n' drop some files here, or click to select files")
+    ]),
+    e('aside', {key: 'filesContainer'}, [
+      e('h4', {key: 'title'}, 'Files'),
+      e('ul', {key: 'fileList'}, fileList)
+    ])
+  ]);
+}
+
+Basic()
+```

package/package.json

@@ -12,9 +12,10 @@
     "build:es": "cross-env BABEL_ENV=es babel ./src --out-dir ./dist/es --ignore '**/*.spec.js'",
     "start": "styleguidist server",
     "styleguide": "styleguidist build",
-    "test": "cross-env NODE_ENV=test yarn eslint:src && jest --coverage && yarn typescript",
+    "test": "cross-env NODE_ENV=test yarn lint && jest --coverage && yarn typescript",
     "test:watch": "cross-env NODE_ENV=test jest --watch",
-    "eslint:src": "eslint .",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "commitmsg": "commitlint -e",
     "prepublish": "yarn build && yarn size",
     "_postinstall": "husky install",
@@ -38,7 +39,7 @@
   ],
   "lint-staged": {
     "*.js": [
-      "eslint --fix"
+      "eslint . --fix"
     ],
     "*.ts": [
       "eslint ."
@@ -170,7 +171,7 @@
     "webpack-blocks": "^2.1.0"
   },
   "typings": "typings/react-dropzone.d.ts",
-  "version": "11.6.0",
+  "version": "12.0.1",
   "engines": {
     "node": ">= 10.13"
   },

package/rollup.config.js

@@ -1,33 +1,33 @@
-const { nodeResolve } = require('@rollup/plugin-node-resolve')
-const commonjs = require('@rollup/plugin-commonjs')
-const { babel } = require('@rollup/plugin-babel')
-const { terser } = require('rollup-plugin-terser')
+const { nodeResolve } = require("@rollup/plugin-node-resolve");
+const commonjs = require("@rollup/plugin-commonjs");
+const { babel } = require("@rollup/plugin-babel");
+const { terser } = require("rollup-plugin-terser");
 
 const umdGlobals = {
-  react: 'React',
-  'prop-types': 'PropTypes'
-}
+  react: "React",
+  "prop-types": "PropTypes",
+};
 
 module.exports = [
   {
-    input: './src/index.js',
+    input: "./src/index.js",
     output: {
-      file: 'dist/index.js',
-      format: 'umd',
-      name: 'reactDropzone',
+      file: "dist/index.js",
+      format: "umd",
+      name: "reactDropzone",
       globals: umdGlobals,
-      sourcemap: 'inline',
-      exports: 'named'
+      sourcemap: "inline",
+      exports: "named",
     },
     external: Object.keys(umdGlobals),
     plugins: [
       nodeResolve(),
-      commonjs({ include: '**/node_modules/**' }),
+      commonjs({ include: "**/node_modules/**" }),
       babel({
-        exclude: '**/node_modules/**',
-        babelHelpers: 'bundled',
+        exclude: "**/node_modules/**",
+        babelHelpers: "bundled",
       }),
-      terser()
-    ]
-  }
-]
+      terser(),
+    ],
+  },
+];

package/src/.eslintrc

@@ -19,11 +19,10 @@
     "react-hooks"
   ],
   "extends": [
-    //"okonet/react",
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:jsx-a11y/recommended",
-    "prettier"
+    "plugin:prettier/recommended"
   ],
   "rules": {
     "react-hooks/rules-of-hooks": 2,

package/src/__snapshots__/index.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`useDropzone() hook behavior renders the root and input nodes with the necessary props 1`] = `"<div tabindex=\\"0\\"><input multiple=\\"\\" type=\\"file\\" style=\\"display: none;\\" autocomplete=\\"off\\" tabindex=\\"-1\\"></div>"`;
+exports[`useDropzone() hook behavior renders the root and input nodes with the necessary props 1`] = `"<div role=\\"button\\" tabindex=\\"0\\"><input multiple=\\"\\" type=\\"file\\" style=\\"display: none;\\" autocomplete=\\"off\\" tabindex=\\"-1\\"></div>"`;