Skip to content

Commit bbf59a0

Browse files
stefensuhatstefensuhat
committed
feat(deps): upgrade material-ui deps
1 parent 988fb16 commit bbf59a0

36 files changed

+270
-250
lines changed

‎.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,5 @@ node_modules
1313
!/demo/**/*.js
1414
!/.babelrc.js
1515
!/webpack.config.js
16-
/demo-dist
16+
/demo-dist
17+
.idea

‎README.md

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -62,9 +62,9 @@ npm install --save material-ui-popup-state
6262

6363
```js
6464
import * as React from 'react'
65-
import Button from '@material-ui/core/Button'
66-
import Menu from '@material-ui/core/Menu'
67-
import MenuItem from '@material-ui/core/MenuItem'
65+
import Button from '@mui/material/Button'
66+
import Menu from '@mui/material/Menu'
67+
import MenuItem from '@mui/material/MenuItem'
6868
import {
6969
usePopupState,
7070
bindTrigger,
@@ -94,10 +94,10 @@ export default MenuPopupState
9494
```js
9595
import React from 'react'
9696
import PropTypes from 'prop-types'
97-
import { withStyles } from '@material-ui/core/styles'
98-
import Typography from '@material-ui/core/Typography'
99-
import Button from '@material-ui/core/Button'
100-
import Popover from '@material-ui/core/Popover'
97+
import { withStyles } from '@mui/material/styles'
98+
import Typography from '@mui/material/Typography'
99+
import Button from '@mui/material/Button'
100+
import Popover from '@mui/material/Popover'
101101
import {
102102
usePopupState,
103103
bindTrigger,
@@ -151,17 +151,17 @@ export default withStyles(styles)(PopoverPopupState)
151151
```js
152152
import React from 'react'
153153
import PropTypes from 'prop-types'
154-
import { withStyles } from '@material-ui/core/styles'
155-
import Typography from '@material-ui/core/Typography'
156-
import Button from '@material-ui/core/Button'
157-
import Popper from '@material-ui/core/Popper'
154+
import { withStyles } from '@mui/material/styles'
155+
import Typography from '@mui/material/Typography'
156+
import Button from '@mui/material/Button'
157+
import Popper from '@mui/material/Popper'
158158
import {
159159
usePopupState,
160160
bindToggle,
161161
bindPopper,
162162
} from 'material-ui-popup-state/hooks'
163-
import Fade from '@material-ui/core/Fade'
164-
import Paper from '@material-ui/core/Paper'
163+
import Fade from '@mui/material/Fade'
164+
import Paper from '@mui/material/Paper'
165165

166166
const styles = (theme) => ({
167167
typography: {
@@ -224,9 +224,9 @@ element:
224224

225225
```js
226226
import * as React from 'react'
227-
import Button from '@material-ui/core/Button'
228-
import Menu from '@material-ui/core/Menu'
229-
import MenuItem from '@material-ui/core/MenuItem'
227+
import Button from '@mui/material/Button'
228+
import Menu from '@mui/material/Menu'
229+
import MenuItem from '@mui/material/MenuItem'
230230
import {
231231
usePopupState,
232232
bindTrigger,
@@ -297,9 +297,9 @@ An object with the following properties:
297297

298298
```js
299299
import * as React from 'react'
300-
import Button from '@material-ui/core/Button'
301-
import Menu from '@material-ui/core/Menu'
302-
import MenuItem from '@material-ui/core/MenuItem'
300+
import Button from '@mui/material/Button'
301+
import Menu from '@mui/material/Menu'
302+
import MenuItem from '@mui/material/MenuItem'
303303
import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
304304

305305
const MenuPopupState = () => (
@@ -327,10 +327,10 @@ export default MenuPopupState
327327
```js
328328
import React from 'react'
329329
import PropTypes from 'prop-types'
330-
import { withStyles } from '@material-ui/core/styles'
331-
import Typography from '@material-ui/core/Typography'
332-
import Button from '@material-ui/core/Button'
333-
import Popover from '@material-ui/core/Popover'
330+
import { withStyles } from '@mui/material/styles'
331+
import Typography from '@mui/material/Typography'
332+
import Button from '@mui/material/Button'
333+
import Popover from '@mui/material/Popover'
334334
import PopupState, { bindTrigger, bindPopover } from 'material-ui-popup-state'
335335

336336
const styles = (theme) => ({
@@ -378,8 +378,8 @@ export default withStyles(styles)(PopoverPopupState)
378378
```js
379379
import React from 'react'
380380
import PropTypes from 'prop-types'
381-
import { withStyles } from '@material-ui/core/styles'
382-
import Typography from '@material-ui/core/Typography'
381+
import { withStyles } from '@mui/material/styles'
382+
import Typography from '@mui/material/Typography'
383383
import HoverPopover from 'material-ui-popup-state/HoverPopover'
384384
import PopupState, { bindHover, bindPopover } from 'material-ui-popup-state'
385385

@@ -433,13 +433,13 @@ export default withStyles(styles)(HoverPopoverPopupState)
433433
```js
434434
import React from 'react'
435435
import PropTypes from 'prop-types'
436-
import { withStyles } from '@material-ui/core/styles'
437-
import Typography from '@material-ui/core/Typography'
438-
import Button from '@material-ui/core/Button'
439-
import Popper from '@material-ui/core/Popper'
436+
import { withStyles } from '@mui/material/styles'
437+
import Typography from '@mui/material/Typography'
438+
import Button from '@mui/material/Button'
439+
import Popper from '@mui/material/Popper'
440440
import PopupState, { bindToggle, bindPopper } from 'material-ui-popup-state'
441-
import Fade from '@material-ui/core/Fade'
442-
import Paper from '@material-ui/core/Paper'
441+
import Fade from '@mui/material/Fade'
442+
import Paper from '@mui/material/Paper'
443443

444444
const styles = (theme) => ({
445445
typography: {
@@ -503,9 +503,9 @@ element:
503503

504504
```js
505505
import * as React from 'react'
506-
import Button from '@material-ui/core/Button'
507-
import Menu from '@material-ui/core/Menu'
508-
import MenuItem from '@material-ui/core/MenuItem'
506+
import Button from '@mui/material/Button'
507+
import Menu from '@mui/material/Menu'
508+
import MenuItem from '@mui/material/MenuItem'
509509
import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
510510

511511
const MenuPopupState = () => (

‎demo/Demo.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import * as React from 'react'
22
import { withStyles } from '@material-ui/styles'
33
import Code from '@material-ui/icons/Code'
4-
import Collapse from '@material-ui/core/Collapse'
5-
import Button from '@material-ui/core/Button'
6-
import IconButton from '@material-ui/core/IconButton'
7-
import Typography from '@material-ui/core/Typography'
8-
import Tooltip from '@material-ui/core/Tooltip'
4+
import Collapse from '@mui/material/Collapse'
5+
import Button from '@mui/material/Button'
6+
import IconButton from '@mui/material/IconButton'
7+
import Typography from '@mui/material/Typography'
8+
import Tooltip from '@mui/material/Tooltip'
99

1010
const { useState, useCallback } = React
1111

‎demo/Root.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,10 @@ import CascadingHoverMenusCode from '!!raw-loader!./examples/CascadingHoverMenus
3333
import CascadingHoverMenusHooks from './examples/CascadingHoverMenus.hooks'
3434
import CascadingHoverMenusHooksCode from '!!raw-loader!./examples/CascadingHoverMenus.hooks'
3535
import Demo from './Demo'
36-
import Typography from '@material-ui/core/Typography'
36+
import Typography from '@mui/material/Typography'
3737
import { withStyles } from '@material-ui/styles'
38-
import { StyledEngineProvider } from '@material-ui/core/styles'
39-
import { createTheme, ThemeProvider } from '@material-ui/core/styles'
38+
import { StyledEngineProvider } from '@mui/material/styles'
39+
import { createTheme, ThemeProvider } from '@mui/material/styles'
4040

4141
const theme = createTheme()
4242

‎demo/examples/CascadingHoverMenus.hooks.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import * as React from 'react'
22
import { makeStyles } from '@material-ui/styles'
33
import HoverMenu from 'material-ui-popup-state/HoverMenu'
4-
import MenuItem from '@material-ui/core/MenuItem'
4+
import MenuItem from '@mui/material/MenuItem'
55
import ChevronRight from '@material-ui/icons/ChevronRight'
6-
import Button from '@material-ui/core/Button'
6+
import Button from '@mui/material/Button'
77
import {
88
usePopupState,
99
bindHover,

‎demo/examples/CascadingHoverMenus.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import * as React from 'react'
22
import { makeStyles } from '@material-ui/styles'
3-
import MenuItem from '@material-ui/core/MenuItem'
3+
import MenuItem from '@mui/material/MenuItem'
44
import ChevronRight from '@material-ui/icons/ChevronRight'
5-
import Button from '@material-ui/core/Button'
5+
import Button from '@mui/material/Button'
66
import PopupState, { bindHover, bindMenu } from 'material-ui-popup-state'
77
import HoverMenu from 'material-ui-popup-state/HoverMenu'
88

‎demo/examples/ContextMenu.hooks.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import * as React from 'react'
2-
import Button from '@material-ui/core/Button'
3-
import Menu from '@material-ui/core/Menu'
4-
import MenuItem from '@material-ui/core/MenuItem'
2+
import Button from '@mui/material/Button'
3+
import Menu from '@mui/material/Menu'
4+
import MenuItem from '@mui/material/MenuItem'
55
import {
66
usePopupState,
77
bindContextMenu,

‎demo/examples/ContextMenu.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import * as React from 'react'
2-
import Button from '@material-ui/core/Button'
3-
import Menu from '@material-ui/core/Menu'
4-
import MenuItem from '@material-ui/core/MenuItem'
2+
import Button from '@mui/material/Button'
3+
import Menu from '@mui/material/Menu'
4+
import MenuItem from '@mui/material/MenuItem'
55
import PopupState, { bindContextMenu, bindMenu } from 'material-ui-popup-state'
66

77
const ContextMenu = () => (

‎demo/examples/CustomAnchor.hooks.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import * as React from 'react'
2-
import IconButton from '@material-ui/core/IconButton'
3-
import Menu from '@material-ui/core/Menu'
4-
import MenuItem from '@material-ui/core/MenuItem'
5-
import Paper from '@material-ui/core/Paper'
6-
import Typography from '@material-ui/core/Typography'
7-
import List from '@material-ui/core/List'
8-
import ListItem from '@material-ui/core/ListItem'
9-
import ListItemText from '@material-ui/core/ListItemText'
10-
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction'
2+
import IconButton from '@mui/material/IconButton'
3+
import Menu from '@mui/material/Menu'
4+
import MenuItem from '@mui/material/MenuItem'
5+
import Paper from '@mui/material/Paper'
6+
import Typography from '@mui/material/Typography'
7+
import List from '@mui/material/List'
8+
import ListItem from '@mui/material/ListItem'
9+
import ListItemText from '@mui/material/ListItemText'
10+
import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction'
1111
import MoreVertIcon from '@material-ui/icons/MoreVert'
1212
import PopupState, {
1313
anchorRef,

‎demo/examples/FocusPopover.hooks.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react'
2-
import Typography from '@material-ui/core/Typography'
3-
import Popover from '@material-ui/core/Popover'
4-
import Input from '@material-ui/core/Input'
2+
import Typography from '@mui/material/Typography'
3+
import Popover from '@mui/material/Popover'
4+
import Input from '@mui/material/Input'
55
import {
66
usePopupState,
77
bindFocus,

0 commit comments

Comments
 (0)