Merge pull request #327 from sah/mui-v5

Yuvaleros · web-flow · commit ae443946aaed · 2022-04-27T21:57:37.000+03:00
Support MUI v5 (and upgrade to React v17).
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -42,7 +42,7 @@ If applicable, add screenshots to help explain your problem.
 
 - OS: [e.g. iOS]
 - Browser: [e.g. chrome, safari]
-- `@material-ui/core` version: [e.g. 4.9.2]
+- `@mui/material` version: [e.g. 5.0.2]
 - `material-ui-dropzone` version: [e.g. 3.0.1]
 
 ### Additional context
diff --git a/.size-snapshot.json b/.size-snapshot.json
@@ -1,20 +1,20 @@
 {
   "dist/index.js": {
-    "bundled": 57189,
-    "minified": 25753,
-    "gzipped": 5983
+    "bundled": 57136,
+    "minified": 25700,
+    "gzipped": 5981
   },
   "dist/index.es.js": {
-    "bundled": 56007,
-    "minified": 24741,
-    "gzipped": 5861,
+    "bundled": 55954,
+    "minified": 24688,
+    "gzipped": 5858,
     "treeshaked": {
       "rollup": {
-        "code": 10815,
-        "import_statements": 1533
+        "code": 10762,
+        "import_statements": 1480
       },
       "webpack": {
-        "code": 21871
+        "code": 21818
       }
     }
   }
diff --git a/README.md b/README.md
@@ -96,7 +96,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 Button from '@material-ui/core/Button';
+import Button from '@mui/material/Button';
 
 export default class DropzoneDialogExample extends Component {
     constructor(props) {
diff --git a/dist/index.d.ts b/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';
 
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/docs/theming.md b/docs/theming.md
@@ -41,7 +41,7 @@
 ### Sample theme override
 
 ```jsx
-import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
+import { MuiThemeProvider, createMuiTheme } from "@mui/styles";
 
 import DropzoneArea from '../src/components/DropzoneArea';
 
diff --git a/package.json b/package.json
@@ -45,11 +45,12 @@
     "react-dropzone": "^10.2.1"
   },
   "peerDependencies": {
-    "@material-ui/core": "^4.0.0",
-    "@material-ui/icons": "^4.0.0",
+    "@mui/icons-material": "^5.0.0",
+    "@mui/material": "^5.0.0",
+    "@mui/styles": "^5.0.1",
     "prop-types": "^15.7.2",
-    "react": ">= 16.8",
-    "react-dom": ">= 16.8"
+    "react": ">= 17.0",
+    "react-dom": ">= 17.0"
   },
   "devDependencies": {
     "@babel/core": "^7.10.2",
@@ -60,8 +61,8 @@
     "@babel/plugin-transform-runtime": "^7.10.1",
     "@babel/preset-env": "^7.10.2",
     "@babel/preset-react": "^7.10.1",
-    "@material-ui/core": "^4.9.7",
-    "@material-ui/icons": "^4.9.1",
+    "@mui/icons-material": "^5.0.1",
+    "@mui/material": "^5.0.2",
     "@rollup/plugin-commonjs": "^11.0.2",
     "@rollup/plugin-node-resolve": "^7.1.1",
     "babel-eslint": "^10.1.0",
@@ -73,8 +74,8 @@
     "eslint-plugin-babel": "^5.3.0",
     "eslint-plugin-react": "^7.19.0",
     "gh-pages": "^1.2.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-styleguidist": "^11.0.4",
     "rollup": "^1.32.0",
     "rollup-plugin-babel": "^4.4.0",
diff --git a/src/components/DropzoneArea.md b/src/components/DropzoneArea.md
@@ -32,7 +32,7 @@ Demonstration of how to customize the preview icon for:
 * Word Documents
 
 ```jsx
-import { AttachFile, AudioTrack, Description, PictureAsPdf, Theaters } from '@material-ui/icons';
+import { AttachFile, AudioTrack, Description, PictureAsPdf, Theaters } from '@mui/icons-material';
 
 const handlePreviewIcon = (fileObject, classes) => {
   const {type} = fileObject.file
@@ -78,7 +78,7 @@ const file = new File(["foo"], "foo.txt", {
 Chips use the Grid system as well, so you can customize the way they appears and benefit from the Material-UI grid customizations
 
 ```jsx
-import { createStyles, makeStyles } from '@material-ui/core/styles';
+import { createStyles, makeStyles } from '@mui/styles';
 
 const useStyles = makeStyles(theme => createStyles({
   previewChip: {
diff --git a/src/components/DropzoneAreaBase.js b/src/components/DropzoneAreaBase.js
@@ -1,8 +1,8 @@
-import Snackbar from '@material-ui/core/Snackbar';
-import Typography from '@material-ui/core/Typography';
-import {withStyles} from '@material-ui/core/styles';
-import AttachFileIcon from '@material-ui/icons/AttachFile';
-import CloudUploadIcon from '@material-ui/icons/CloudUpload';
+import Snackbar from '@mui/material/Snackbar';
+import Typography from '@mui/material/Typography';
+import {withStyles} from '@mui/styles';
+import AttachFileIcon from '@mui/icons-material/AttachFile';
+import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
diff --git a/src/components/DropzoneAreaBase.md b/src/components/DropzoneAreaBase.md
@@ -28,7 +28,7 @@ import { DropzoneAreaBase } from 'material-ui-dropzone';
 ### Custom Dropzone Icon
 
 ```jsx
-import { AttachFile } from '@material-ui/icons';
+import { AttachFile } from '@mui/icons-material';
 
 <DropzoneAreaBase
   Icon={AttachFile}
@@ -49,7 +49,7 @@ Demonstration of how to customize the preview icon for:
 
 ```jsx
 import React, { useState } from 'react';
-import { AttachFile, AudioTrack, Description, PictureAsPdf, Theaters } from '@material-ui/icons';
+import { AttachFile, AudioTrack, Description, PictureAsPdf, Theaters } from '@mui/icons-material';
 
 const handlePreviewIcon = (fileObject, classes) => {
   const {type} = fileObject.file
diff --git a/src/components/DropzoneDialog.md b/src/components/DropzoneDialog.md
@@ -7,7 +7,7 @@ import { DropzoneDialog } from 'material-ui-dropzone';
 ### Basic usage
 
 ```jsx
-import Button from '@material-ui/core/Button';
+import Button from '@mui/material/Button';
 
 const [open, setOpen] = React.useState(false);
 
diff --git a/src/components/DropzoneDialogBase.js b/src/components/DropzoneDialogBase.js
@@ -1,8 +1,8 @@
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogTitle from '@material-ui/core/DialogTitle';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 
diff --git a/src/components/DropzoneDialogBase.md b/src/components/DropzoneDialogBase.md
@@ -7,9 +7,9 @@ import { DropzoneDialogBase } from 'material-ui-dropzone';
 ### Basic usage
 
 ```jsx
-import Button from '@material-ui/core/Button';
-import IconButton from '@material-ui/core/IconButton';
-import CloseIcon from '@material-ui/icons/Close';
+import Button from '@mui/material/Button';
+import IconButton from '@mui/material/IconButton';
+import CloseIcon from '@mui/icons-material/Close';
 
 const [open, setOpen] = React.useState(false);
 const [fileObjects, setFileObjects] = React.useState([]);
diff --git a/src/components/PreviewList.js b/src/components/PreviewList.js
@@ -1,9 +1,9 @@
-import Chip from '@material-ui/core/Chip';
-import Fab from '@material-ui/core/Fab';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
-import {withStyles} from '@material-ui/core/styles';
-import DeleteIcon from '@material-ui/icons/Delete';
+import Chip from '@mui/material/Chip';
+import Fab from '@mui/material/Fab';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import {withStyles} from '@mui/styles';
+import DeleteIcon from '@mui/icons-material/Delete';
 import clsx from 'clsx';
 import * as React from 'react';
 import PropTypes from 'prop-types';
diff --git a/src/components/SnackbarContentWrapper.js b/src/components/SnackbarContentWrapper.js
@@ -1,11 +1,11 @@
-import IconButton from '@material-ui/core/IconButton';
-import SnackbarContent from '@material-ui/core/SnackbarContent';
-import {withStyles} from '@material-ui/core/styles';
-import CheckCircleIcon from '@material-ui/icons/CheckCircle';
-import CloseIcon from '@material-ui/icons/Close';
-import ErrorIcon from '@material-ui/icons/Error';
-import InfoIcon from '@material-ui/icons/Info';
-import WarningIcon from '@material-ui/icons/Warning';
+import IconButton from '@mui/material/IconButton';
+import SnackbarContent from '@mui/material/SnackbarContent';
+import {withStyles} from '@mui/styles';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import CloseIcon from '@mui/icons-material/Close';
+import ErrorIcon from '@mui/icons-material/Error';
+import InfoIcon from '@mui/icons-material/Info';
+import WarningIcon from '@mui/icons-material/Warning';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
diff --git a/src/index.d.ts b/src/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';
 
diff --git a/yarn.lock b/yarn.lock
