(New NPM package and version) Make necessary upgrades and changes for Material-UI v5

.all-contributorsrc

@@ -1,6 +1,6 @@
 {
   "projectName": "material-ui-dropzone",
-  "projectOwner": "Yuvaleros",
+  "projectOwner": "ShotSkydiver",
   "repoType": "github",
   "repoHost": "https://github.com",
   "files": [
@@ -11,10 +11,10 @@
   "commitConvention": "gitmoji",
   "contributors": [
     {
-      "login": "Yuvaleros",
-      "name": "Yuvaleros",
+      "login": "ShotSkydiver",
+      "name": "ShotSkydiver",
       "avatar_url": "https://avatars1.githubusercontent.com/u/3898166?v=4",
-      "profile": "https://github.com/Yuvaleros",
+      "profile": "https://github.com/ShotSkydiver",
       "contributions": [
         "ideas",
         "code",

.babelrc.js

@@ -22,6 +22,18 @@ module.exports = {
         loose: true,
       },
     ],
+    [
+      '@babel/plugin-proposal-private-methods',
+      {
+        loose: true,
+      },
+    ],
+    [
+      '@babel/plugin-proposal-private-property-in-object',
+      {
+        loose: true,
+      },
+    ],
     // any package needs to declare 7.4.4 as a runtime dependency. default is ^7.0.0
     [
       '@babel/plugin-transform-runtime',

.eslintrc.json

@@ -19,7 +19,7 @@
   },
   "settings": {
     "react": {
-      "version": "15.0"
+      "version": "detect"
     }
   },
   "plugins": [

.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "dist/index.js": {
-    "bundled": 57189,
-    "minified": 25753,
-    "gzipped": 5983
+    "bundled": 54554,
+    "minified": 23858,
+    "gzipped": 5553
   },
   "dist/index.es.js": {
-    "bundled": 56007,
-    "minified": 24741,
-    "gzipped": 5861,
+    "bundled": 53531,
+    "minified": 22975,
+    "gzipped": 5435,
     "treeshaked": {
       "rollup": {
-        "code": 10815,
-        "import_statements": 1533
+        "code": 9607,
+        "import_statements": 1211
       },
       "webpack": {
-        "code": 21871
+        "code": 20260
       }
     }
   }

CODE_OF_CONDUCT.md

@@ -61,7 +61,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at Github by
-opening an issue [here](https://github.com/Yuvaleros/material-ui-dropzone/issues/new).
+opening an issue [here](https://github.com/ShotSkydiver/material-ui-dropzone/issues/new).
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

CONTRIBUTING.md

@@ -23,7 +23,7 @@ These steps will guide you through contributing to this project:
 
 - Make and commit your changes
 - Make sure the command `yarn build` is working
-- Finally send a [GitHub Pull Request](https://github.com/Yuvaleros/material-ui-dropzone/compare) with a clear list of what you've done (read more [about pull requests](https://help.github.com/articles/about-pull-requests/))
+- Finally send a [GitHub Pull Request](https://github.com/ShotSkydiver/material-ui-dropzone/compare) with a clear list of what you've done (read more [about pull requests](https://help.github.com/articles/about-pull-requests/))
 
 ### Notes
 

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 Yuvaleros
+Copyright (c) 2017 ShotSkydiver
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -2,10 +2,10 @@
 
 > Material-UI-dropzone is a [React](https://github.com/facebook/react) component using [Material-UI](https://github.com/mui-org/material-ui) and is based on the excellent [react-dropzone](https://github.com/react-dropzone/react-dropzone) library.
 
-[![License](https://img.shields.io/github/license/yuvaleros/material-ui-dropzone)](https://github.com/Yuvaleros/material-ui-dropzone/blob/master/LICENSE) <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->[![All Contributors](https://img.shields.io/badge/all_contributors-9-orange.svg)](#contributors)
+[![License](https://img.shields.io/github/license/ShotSkydiver/material-ui-dropzone)](https://github.com/ShotSkydiver/material-ui-dropzone/blob/master/LICENSE) <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->[![All Contributors](https://img.shields.io/badge/all_contributors-9-orange.svg)](#contributors)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
-[![Rebuild Dist Workflow Status](https://img.shields.io/github/workflow/status/yuvaleros/material-ui-dropzone/Rebuild%20Dist?label=build)](https://github.com/Yuvaleros/material-ui-dropzone/actions?query=workflow%3A%22Rebuild+Dist%22) [![Update Docs Workflow Status](https://img.shields.io/github/workflow/status/yuvaleros/material-ui-dropzone/Update%20Docs?label=docs)](https://github.com/Yuvaleros/material-ui-dropzone/actions?query=workflow%3A%22Update+Docs%22)
+[![Rebuild Dist Workflow Status](https://img.shields.io/github/workflow/status/ShotSkydiver/material-ui-dropzone/Rebuild%20Dist?label=build)](https://github.com/ShotSkydiver/material-ui-dropzone/actions?query=workflow%3A%22Rebuild+Dist%22) [![Update Docs Workflow Status](https://img.shields.io/github/workflow/status/ShotSkydiver/material-ui-dropzone/Update%20Docs?label=docs)](https://github.com/ShotSkydiver/material-ui-dropzone/actions?query=workflow%3A%22Update+Docs%22)
 
 [![npm package](https://img.shields.io/npm/v/material-ui-dropzone)](https://www.npmjs.com/package/material-ui-dropzone) [![npm downloads](https://img.shields.io/npm/dm/material-ui-dropzone.svg)](https://www.npmjs.com/package/material-ui-dropzone)
 
@@ -16,13 +16,13 @@ The file-upload dropzone features some snazzy "File Allowed/Not Allowed" effects
 ## Installation
 
 ```shell
-npm install --save material-ui-dropzone
+npm install --save @shotskydiver/material-ui-dropzone
 ```
 
 or
 
 ```shell
-yarn add material-ui-dropzone
+yarn add @shotskydiver/material-ui-dropzone
 ```
 
 ## Support
@@ -38,22 +38,22 @@ yarn add material-ui-dropzone
 
 This is the Dialog component:
 
-![Dialog](https://raw.githubusercontent.com/Yuvaleros/material-ui-dropzone/master/pics/demo_pic.jpg)
-![Dialog with Previews](https://raw.githubusercontent.com/Yuvaleros/material-ui-dropzone/master/pics/demo_pic5.JPG)
+![Dialog](https://raw.githubusercontent.com/ShotSkydiver/material-ui-dropzone/master/pics/demo_pic.jpg)
+![Dialog with Previews](https://raw.githubusercontent.com/ShotSkydiver/material-ui-dropzone/master/pics/demo_pic5.JPG)
 
 When you drag a file onto the dropzone, you get a neat effect:
 
-![Drag Overlay](https://raw.githubusercontent.com/Yuvaleros/material-ui-dropzone/master/pics/demo_pic2.JPG)
+![Drag Overlay](https://raw.githubusercontent.com/ShotSkydiver/material-ui-dropzone/master/pics/demo_pic2.JPG)
 
 And if you drag in a wrong type of file, you'll get yelled at:
 
-![Drag Error Overlay](https://raw.githubusercontent.com/Yuvaleros/material-ui-dropzone/master/pics/demo_pic4.JPG)
+![Drag Error Overlay](https://raw.githubusercontent.com/ShotSkydiver/material-ui-dropzone/master/pics/demo_pic4.JPG)
 
 **N.B. This has some limitations (see [here](https://github.com/react-dropzone/react-dropzone/tree/master/examples/accept#browser-limitations) for more details).**
 
 ## Documentation and Examples
 
-See [https://yuvaleros.github.io/material-ui-dropzone](https://yuvaleros.github.io/material-ui-dropzone) for Documentation and Examples.
+See [https://ShotSkydiver.github.io/material-ui-dropzone](https://ShotSkydiver.github.io/material-ui-dropzone) for Documentation and Examples.
 
 ## Components
 
@@ -63,7 +63,7 @@ This components creates the dropzone, previews and snackbar notifications withou
 
 ```jsx static
 import React, {Component} from 'react'
-import {DropzoneArea} from 'material-ui-dropzone'
+import {DropzoneArea} from '@shotskydiver/material-ui-dropzone'
 
 class DropzoneAreaExample extends Component{
   constructor(props){
@@ -95,7 +95,7 @@ This component provides the DropzoneArea inside of a MaterialUI Dialog.
 
 ```jsx static
 import React, { Component } from 'react'
-import {DropzoneDialog} from 'material-ui-dropzone'
+import {DropzoneDialog} from '@shotskydiver/material-ui-dropzone'
 import Button from '@material-ui/core/Button';
 
 export default class DropzoneDialogExample extends Component {
@@ -160,19 +160,19 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://github.com/Yuvaleros"><img src="https://avatars1.githubusercontent.com/u/3898166?v=4" width="80px;" alt=""/><br /><sub><b>Yuvaleros</b></sub></a><br /><a href="#ideas-Yuvaleros" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=Yuvaleros" title="Code">💻</a> <a href="#design-Yuvaleros" title="Design">🎨</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=Yuvaleros" title="Documentation">📖</a> <a href="#question-Yuvaleros" title="Answering Questions">💬</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/pulls?q=is%3Apr+reviewed-by%3AYuvaleros" title="Reviewed Pull Requests">👀</a> <a href="#maintenance-Yuvaleros" title="Maintenance">🚧</a></td>
-    <td align="center"><a href="https://github.com/panz3r"><img src="https://avatars3.githubusercontent.com/u/1754457?v=4" width="80px;" alt=""/><br /><sub><b>Mattia Panzeri</b></sub></a><br /><a href="#ideas-panz3r" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=panz3r" title="Code">💻</a> <a href="#design-panz3r" title="Design">🎨</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=panz3r" title="Documentation">📖</a> <a href="#example-panz3r" title="Examples">💡</a> <a href="#infra-panz3r" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/issues?q=author%3Apanz3r" title="Bug reports">🐛</a> <a href="#question-panz3r" title="Answering Questions">💬</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/pulls?q=is%3Apr+reviewed-by%3Apanz3r" title="Reviewed Pull Requests">👀</a> <a href="#maintenance-panz3r" title="Maintenance">🚧</a></td>
-    <td align="center"><a href="https://github.com/max-carroll"><img src="https://avatars2.githubusercontent.com/u/13512675?v=4" width="80px;" alt=""/><br /><sub><b>Max Carroll</b></sub></a><br /><a href="#ideas-max-carroll" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=max-carroll" title="Code">💻</a> <a href="#design-max-carroll" title="Design">🎨</a> <a href="#example-max-carroll" title="Examples">💡</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/pulls?q=is%3Apr+reviewed-by%3Amax-carroll" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://github.com/ShotSkydiver"><img src="https://avatars1.githubusercontent.com/u/3898166?v=4" width="80px;" alt=""/><br /><sub><b>ShotSkydiver</b></sub></a><br /><a href="#ideas-ShotSkydiver" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=ShotSkydiver" title="Code">💻</a> <a href="#design-ShotSkydiver" title="Design">🎨</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=ShotSkydiver" title="Documentation">📖</a> <a href="#question-ShotSkydiver" title="Answering Questions">💬</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/pulls?q=is%3Apr+reviewed-by%3AShotSkydiver" title="Reviewed Pull Requests">👀</a> <a href="#maintenance-ShotSkydiver" title="Maintenance">🚧</a></td>
+    <td align="center"><a href="https://github.com/panz3r"><img src="https://avatars3.githubusercontent.com/u/1754457?v=4" width="80px;" alt=""/><br /><sub><b>Mattia Panzeri</b></sub></a><br /><a href="#ideas-panz3r" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=panz3r" title="Code">💻</a> <a href="#design-panz3r" title="Design">🎨</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=panz3r" title="Documentation">📖</a> <a href="#example-panz3r" title="Examples">💡</a> <a href="#infra-panz3r" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/issues?q=author%3Apanz3r" title="Bug reports">🐛</a> <a href="#question-panz3r" title="Answering Questions">💬</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/pulls?q=is%3Apr+reviewed-by%3Apanz3r" title="Reviewed Pull Requests">👀</a> <a href="#maintenance-panz3r" title="Maintenance">🚧</a></td>
+    <td align="center"><a href="https://github.com/max-carroll"><img src="https://avatars2.githubusercontent.com/u/13512675?v=4" width="80px;" alt=""/><br /><sub><b>Max Carroll</b></sub></a><br /><a href="#ideas-max-carroll" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=max-carroll" title="Code">💻</a> <a href="#design-max-carroll" title="Design">🎨</a> <a href="#example-max-carroll" title="Examples">💡</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/pulls?q=is%3Apr+reviewed-by%3Amax-carroll" title="Reviewed Pull Requests">👀</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://github.com/mattcorner"><img src="https://avatars1.githubusercontent.com/u/27866636?v=4" width="80px;" alt=""/><br /><sub><b>Matthew Corner</b></sub></a><br /><a href="https://github.com/Yuvaleros/material-ui-dropzone/issues?q=author%3Amattcorner" title="Bug reports">🐛</a> <a href="#ideas-mattcorner" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=mattcorner" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/loongyh"><img src="https://avatars3.githubusercontent.com/u/20846761?v=4" width="80px;" alt=""/><br /><sub><b>Barry Loong</b></sub></a><br /><a href="#ideas-loongyh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=loongyh" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/blouin"><img src="https://avatars1.githubusercontent.com/u/20212446?v=4" width="80px;" alt=""/><br /><sub><b>JF Blouin</b></sub></a><br /><a href="#ideas-blouin" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=blouin" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/mattcorner"><img src="https://avatars1.githubusercontent.com/u/27866636?v=4" width="80px;" alt=""/><br /><sub><b>Matthew Corner</b></sub></a><br /><a href="https://github.com/ShotSkydiver/material-ui-dropzone/issues?q=author%3Amattcorner" title="Bug reports">🐛</a> <a href="#ideas-mattcorner" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=mattcorner" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/loongyh"><img src="https://avatars3.githubusercontent.com/u/20846761?v=4" width="80px;" alt=""/><br /><sub><b>Barry Loong</b></sub></a><br /><a href="#ideas-loongyh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=loongyh" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/blouin"><img src="https://avatars1.githubusercontent.com/u/20212446?v=4" width="80px;" alt=""/><br /><sub><b>JF Blouin</b></sub></a><br /><a href="#ideas-blouin" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=blouin" title="Code">💻</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="http://stackoverflow.com/users/2275818/anthony-raymond"><img src="https://avatars1.githubusercontent.com/u/7503585?v=4" width="80px;" alt=""/><br /><sub><b>Anthony Raymond</b></sub></a><br /><a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=anthonyraymond" title="Code">💻</a> <a href="#example-anthonyraymond" title="Examples">💡</a></td>
-    <td align="center"><a href="https://github.com/isaacbuckman"><img src="https://avatars1.githubusercontent.com/u/34870239?v=4" width="80px;" alt=""/><br /><sub><b>isaacbuckman</b></sub></a><br /><a href="https://github.com/Yuvaleros/material-ui-dropzone/issues?q=author%3Aisaacbuckman" title="Bug reports">🐛</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=isaacbuckman" title="Code">💻</a> <a href="#example-isaacbuckman" title="Examples">💡</a></td>
-    <td align="center"><a href="https://github.com/MatthijsMud"><img src="https://avatars3.githubusercontent.com/u/11519728?v=4" width="80px;" alt=""/><br /><sub><b>MatthijsMud</b></sub></a><br /><a href="https://github.com/Yuvaleros/material-ui-dropzone/issues?q=author%3AMatthijsMud" title="Bug reports">🐛</a> <a href="https://github.com/Yuvaleros/material-ui-dropzone/commits?author=MatthijsMud" title="Code">💻</a></td>
+    <td align="center"><a href="http://stackoverflow.com/users/2275818/anthony-raymond"><img src="https://avatars1.githubusercontent.com/u/7503585?v=4" width="80px;" alt=""/><br /><sub><b>Anthony Raymond</b></sub></a><br /><a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=anthonyraymond" title="Code">💻</a> <a href="#example-anthonyraymond" title="Examples">💡</a></td>
+    <td align="center"><a href="https://github.com/isaacbuckman"><img src="https://avatars1.githubusercontent.com/u/34870239?v=4" width="80px;" alt=""/><br /><sub><b>isaacbuckman</b></sub></a><br /><a href="https://github.com/ShotSkydiver/material-ui-dropzone/issues?q=author%3Aisaacbuckman" title="Bug reports">🐛</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=isaacbuckman" title="Code">💻</a> <a href="#example-isaacbuckman" title="Examples">💡</a></td>
+    <td align="center"><a href="https://github.com/MatthijsMud"><img src="https://avatars3.githubusercontent.com/u/11519728?v=4" width="80px;" alt=""/><br /><sub><b>MatthijsMud</b></sub></a><br /><a href="https://github.com/ShotSkydiver/material-ui-dropzone/issues?q=author%3AMatthijsMud" title="Bug reports">🐛</a> <a href="https://github.com/ShotSkydiver/material-ui-dropzone/commits?author=MatthijsMud" title="Code">💻</a></td>
   </tr>
 </table>
 

dist/index.d.ts

@@ -1,7 +1,7 @@
-import { ChipProps } from '@material-ui/core/Chip';
-import { DialogProps } from '@material-ui/core/Dialog';
-import { GridProps } from '@material-ui/core/Grid';
-import { SnackbarProps } from '@material-ui/core/Snackbar';
+import { ChipProps } from '@mui/material/Chip';
+import { DialogProps } from '@mui/material/Dialog';
+import { GridProps } from '@mui/material/Grid';
+import { SnackbarProps } from '@mui/material/Snackbar';
 import * as React from 'react';
 import { DropEvent, DropzoneProps } from 'react-dropzone';