feat(deps): upgrade material-ui deps

jcoreio · Sep 8, 2021 · bbf59a0 · bbf59a0
1 parent 988fb16
commit bbf59a0
Show file tree

Hide file tree

Showing 36 changed files with 270 additions and 250 deletions.
diff --git a/.gitignore b/.gitignore
@@ -13,4 +13,5 @@ node_modules
 !/demo/**/*.js
 !/.babelrc.js
 !/webpack.config.js
-/demo-dist
+/demo-dist
+.idea
diff --git a/README.md b/README.md
@@ -62,9 +62,9 @@ npm install --save material-ui-popup-state
 
 ```js
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import {
   usePopupState,
   bindTrigger,
@@ -94,10 +94,10 @@ export default MenuPopupState
 ```js
 import React from 'react'
 import PropTypes from 'prop-types'
-import { withStyles } from '@material-ui/core/styles'
-import Typography from '@material-ui/core/Typography'
-import Button from '@material-ui/core/Button'
-import Popover from '@material-ui/core/Popover'
+import { withStyles } from '@mui/material/styles'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Popover from '@mui/material/Popover'
 import {
   usePopupState,
   bindTrigger,
@@ -151,17 +151,17 @@ export default withStyles(styles)(PopoverPopupState)
 ```js
 import React from 'react'
 import PropTypes from 'prop-types'
-import { withStyles } from '@material-ui/core/styles'
-import Typography from '@material-ui/core/Typography'
-import Button from '@material-ui/core/Button'
-import Popper from '@material-ui/core/Popper'
+import { withStyles } from '@mui/material/styles'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Popper from '@mui/material/Popper'
 import {
   usePopupState,
   bindToggle,
   bindPopper,
 } from 'material-ui-popup-state/hooks'
-import Fade from '@material-ui/core/Fade'
-import Paper from '@material-ui/core/Paper'
+import Fade from '@mui/material/Fade'
+import Paper from '@mui/material/Paper'
 
 const styles = (theme) => ({
   typography: {
@@ -224,9 +224,9 @@ element:
 
 ```js
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import {
   usePopupState,
   bindTrigger,
@@ -297,9 +297,9 @@ An object with the following properties:
 
 ```js
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
 
 const MenuPopupState = () => (
@@ -327,10 +327,10 @@ export default MenuPopupState
 ```js
 import React from 'react'
 import PropTypes from 'prop-types'
-import { withStyles } from '@material-ui/core/styles'
-import Typography from '@material-ui/core/Typography'
-import Button from '@material-ui/core/Button'
-import Popover from '@material-ui/core/Popover'
+import { withStyles } from '@mui/material/styles'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Popover from '@mui/material/Popover'
 import PopupState, { bindTrigger, bindPopover } from 'material-ui-popup-state'
 
 const styles = (theme) => ({
@@ -378,8 +378,8 @@ export default withStyles(styles)(PopoverPopupState)
 ```js
 import React from 'react'
 import PropTypes from 'prop-types'
-import { withStyles } from '@material-ui/core/styles'
-import Typography from '@material-ui/core/Typography'
+import { withStyles } from '@mui/material/styles'
+import Typography from '@mui/material/Typography'
 import HoverPopover from 'material-ui-popup-state/HoverPopover'
 import PopupState, { bindHover, bindPopover } from 'material-ui-popup-state'
 
@@ -433,13 +433,13 @@ export default withStyles(styles)(HoverPopoverPopupState)
 ```js
 import React from 'react'
 import PropTypes from 'prop-types'
-import { withStyles } from '@material-ui/core/styles'
-import Typography from '@material-ui/core/Typography'
-import Button from '@material-ui/core/Button'
-import Popper from '@material-ui/core/Popper'
+import { withStyles } from '@mui/material/styles'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Popper from '@mui/material/Popper'
 import PopupState, { bindToggle, bindPopper } from 'material-ui-popup-state'
-import Fade from '@material-ui/core/Fade'
-import Paper from '@material-ui/core/Paper'
+import Fade from '@mui/material/Fade'
+import Paper from '@mui/material/Paper'
 
 const styles = (theme) => ({
   typography: {
@@ -503,9 +503,9 @@ element:
 
 ```js
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
 
 const MenuPopupState = () => (

diff --git a/demo/Demo.js b/demo/Demo.js
@@ -1,11 +1,11 @@
 import * as React from 'react'
 import { withStyles } from '@material-ui/styles'
 import Code from '@material-ui/icons/Code'
-import Collapse from '@material-ui/core/Collapse'
-import Button from '@material-ui/core/Button'
-import IconButton from '@material-ui/core/IconButton'
-import Typography from '@material-ui/core/Typography'
-import Tooltip from '@material-ui/core/Tooltip'
+import Collapse from '@mui/material/Collapse'
+import Button from '@mui/material/Button'
+import IconButton from '@mui/material/IconButton'
+import Typography from '@mui/material/Typography'
+import Tooltip from '@mui/material/Tooltip'
 
 const { useState, useCallback } = React
 

diff --git a/demo/Root.js b/demo/Root.js
@@ -33,10 +33,10 @@ import CascadingHoverMenusCode from '!!raw-loader!./examples/CascadingHoverMenus
 import CascadingHoverMenusHooks from './examples/CascadingHoverMenus.hooks'
 import CascadingHoverMenusHooksCode from '!!raw-loader!./examples/CascadingHoverMenus.hooks'
 import Demo from './Demo'
-import Typography from '@material-ui/core/Typography'
+import Typography from '@mui/material/Typography'
 import { withStyles } from '@material-ui/styles'
-import { StyledEngineProvider } from '@material-ui/core/styles'
-import { createTheme, ThemeProvider } from '@material-ui/core/styles'
+import { StyledEngineProvider } from '@mui/material/styles'
+import { createTheme, ThemeProvider } from '@mui/material/styles'
 
 const theme = createTheme()
 

diff --git a/demo/examples/CascadingHoverMenus.hooks.js b/demo/examples/CascadingHoverMenus.hooks.js
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { makeStyles } from '@material-ui/styles'
 import HoverMenu from 'material-ui-popup-state/HoverMenu'
-import MenuItem from '@material-ui/core/MenuItem'
+import MenuItem from '@mui/material/MenuItem'
 import ChevronRight from '@material-ui/icons/ChevronRight'
-import Button from '@material-ui/core/Button'
+import Button from '@mui/material/Button'
 import {
   usePopupState,
   bindHover,

diff --git a/demo/examples/CascadingHoverMenus.js b/demo/examples/CascadingHoverMenus.js
@@ -1,8 +1,8 @@
 import * as React from 'react'
 import { makeStyles } from '@material-ui/styles'
-import MenuItem from '@material-ui/core/MenuItem'
+import MenuItem from '@mui/material/MenuItem'
 import ChevronRight from '@material-ui/icons/ChevronRight'
-import Button from '@material-ui/core/Button'
+import Button from '@mui/material/Button'
 import PopupState, { bindHover, bindMenu } from 'material-ui-popup-state'
 import HoverMenu from 'material-ui-popup-state/HoverMenu'
 

diff --git a/demo/examples/ContextMenu.hooks.js b/demo/examples/ContextMenu.hooks.js
@@ -1,7 +1,7 @@
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import {
   usePopupState,
   bindContextMenu,

diff --git a/demo/examples/ContextMenu.js b/demo/examples/ContextMenu.js
@@ -1,7 +1,7 @@
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import PopupState, { bindContextMenu, bindMenu } from 'material-ui-popup-state'
 
 const ContextMenu = () => (

diff --git a/demo/examples/CustomAnchor.hooks.js b/demo/examples/CustomAnchor.hooks.js
@@ -1,13 +1,13 @@
 import * as React from 'react'
-import IconButton from '@material-ui/core/IconButton'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
-import Paper from '@material-ui/core/Paper'
-import Typography from '@material-ui/core/Typography'
-import List from '@material-ui/core/List'
-import ListItem from '@material-ui/core/ListItem'
-import ListItemText from '@material-ui/core/ListItemText'
-import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction'
+import IconButton from '@mui/material/IconButton'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
+import Paper from '@mui/material/Paper'
+import Typography from '@mui/material/Typography'
+import List from '@mui/material/List'
+import ListItem from '@mui/material/ListItem'
+import ListItemText from '@mui/material/ListItemText'
+import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction'
 import MoreVertIcon from '@material-ui/icons/MoreVert'
 import PopupState, {
   anchorRef,

diff --git a/demo/examples/FocusPopover.hooks.js b/demo/examples/FocusPopover.hooks.js
@@ -1,7 +1,7 @@
 import React from 'react'
-import Typography from '@material-ui/core/Typography'
-import Popover from '@material-ui/core/Popover'
-import Input from '@material-ui/core/Input'
+import Typography from '@mui/material/Typography'
+import Popover from '@mui/material/Popover'
+import Input from '@mui/material/Input'
 import {
   usePopupState,
   bindFocus,

diff --git a/demo/examples/FocusPopover.js b/demo/examples/FocusPopover.js
@@ -1,7 +1,7 @@
 import React from 'react'
-import Typography from '@material-ui/core/Typography'
-import Popover from '@material-ui/core/Popover'
-import Input from '@material-ui/core/Input'
+import Typography from '@mui/material/Typography'
+import Popover from '@mui/material/Popover'
+import Input from '@mui/material/Input'
 import PopupState, { bindFocus, bindPopover } from 'material-ui-popup-state'
 
 const FocusPopoverPopupState = ({ classes }) => (

diff --git a/demo/examples/HoverMenu.hooks.js b/demo/examples/HoverMenu.hooks.js
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import HoverMenu from 'material-ui-popup-state/HoverMenu'
-import MenuItem from '@material-ui/core/MenuItem'
-import Button from '@material-ui/core/Button'
+import MenuItem from '@mui/material/MenuItem'
+import Button from '@mui/material/Button'
 import {
   usePopupState,
   bindHover,

diff --git a/demo/examples/HoverMenu.js b/demo/examples/HoverMenu.js
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import HoverMenu from 'material-ui-popup-state/HoverMenu'
-import MenuItem from '@material-ui/core/MenuItem'
-import Button from '@material-ui/core/Button'
+import MenuItem from '@mui/material/MenuItem'
+import Button from '@mui/material/Button'
 import PopupState, { bindHover, bindMenu } from 'material-ui-popup-state'
 
 const MenuPopupState = () => (

diff --git a/demo/examples/HoverPopover.hooks.js b/demo/examples/HoverPopover.hooks.js
@@ -1,7 +1,7 @@
 import React from 'react'
-import Typography from '@material-ui/core/Typography'
+import Typography from '@mui/material/Typography'
 import HoverPopover from 'material-ui-popup-state/HoverPopover'
-import Button from '@material-ui/core/Button'
+import Button from '@mui/material/Button'
 import {
   usePopupState,
   bindHover,

diff --git a/demo/examples/HoverPopover.js b/demo/examples/HoverPopover.js
@@ -1,7 +1,7 @@
 import React from 'react'
-import Typography from '@material-ui/core/Typography'
+import Typography from '@mui/material/Typography'
 import HoverPopover from 'material-ui-popup-state/HoverPopover'
-import Button from '@material-ui/core/Button'
+import Button from '@mui/material/Button'
 import PopupState, { bindHover, bindPopover } from 'material-ui-popup-state'
 
 const HoverPopoverPopupState = ({ classes }) => (

diff --git a/demo/examples/HoverPopper.hooks.js b/demo/examples/HoverPopper.hooks.js
@@ -1,8 +1,8 @@
 import React from 'react'
-import Typography from '@material-ui/core/Typography'
-import Popper from '@material-ui/core/Popper'
-import Button from '@material-ui/core/Button'
-import Paper from '@material-ui/core/Paper'
+import Typography from '@mui/material/Typography'
+import Popper from '@mui/material/Popper'
+import Button from '@mui/material/Button'
+import Paper from '@mui/material/Paper'
 import {
   usePopupState,
   bindHover,

diff --git a/demo/examples/TriggerMenu.hooks.js b/demo/examples/TriggerMenu.hooks.js
@@ -1,7 +1,7 @@
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import {
   usePopupState,
   bindTrigger,

diff --git a/demo/examples/TriggerMenu.js b/demo/examples/TriggerMenu.js
@@ -1,7 +1,7 @@
 import * as React from 'react'
-import Button from '@material-ui/core/Button'
-import Menu from '@material-ui/core/Menu'
-import MenuItem from '@material-ui/core/MenuItem'
+import Button from '@mui/material/Button'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
 import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
 
 const TriggerMenu = () => (

diff --git a/demo/examples/TriggerPopover.hooks.js b/demo/examples/TriggerPopover.hooks.js
@@ -1,9 +1,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { withStyles } from '@material-ui/styles'
-import Typography from '@material-ui/core/Typography'
-import Button from '@material-ui/core/Button'
-import Popover from '@material-ui/core/Popover'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Popover from '@mui/material/Popover'
 import {
   usePopupState,
   bindTrigger,

diff --git a/demo/examples/TriggerPopover.js b/demo/examples/TriggerPopover.js
@@ -1,9 +1,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { withStyles } from '@material-ui/styles'
-import Typography from '@material-ui/core/Typography'
-import Button from '@material-ui/core/Button'
-import Popover from '@material-ui/core/Popover'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Popover from '@mui/material/Popover'
 import PopupState, { bindTrigger, bindPopover } from 'material-ui-popup-state'
 
 const styles = (theme) => ({