cozy-ui 81.7.0 → 81.9.0

package/CHANGELOG.md

@@ -1,9 +1,37 @@
-# [81.7.0](https://github.com/cozy/cozy-ui/compare/v81.6.1-next...v81.7.0-next) (2023-03-21)
+# [81.9.0](https://github.com/cozy/cozy-ui/compare/v81.8.0...v81.9.0) (2023-03-23)
+
+
+### Bug Fixes
+
+* **ListItemBase:** Clicking on actions wasn't toggling the menu ([3fbfa31](https://github.com/cozy/cozy-ui/commit/3fbfa31))
+
+
+### Features
+
+* Add ActionMenuItemWrapper for actions menus item ([068f247](https://github.com/cozy/cozy-ui/commit/068f247))
+* **ListItemContact:** Add action menu header ([633ecf8](https://github.com/cozy/cozy-ui/commit/633ecf8))
+* **ListItemContact:** Add default actions ([9164e87](https://github.com/cozy/cozy-ui/commit/9164e87))
+
+# [81.8.0](https://github.com/cozy/cozy-ui/compare/v81.7.0...v81.8.0) (2023-03-22)
+
+
+### Features
+
+* Fake commit to trigger CI deployment ([ea46474](https://github.com/cozy/cozy-ui/commit/ea46474))
+
+# [81.7.0](https://github.com/cozy/cozy-ui/compare/v81.6.1...v81.7.0) (2023-03-22)
 
 
 ### Features
 
-* Fake feat to trigger deploy ([87ae9a0](https://github.com/cozy/cozy-ui/commit/87ae9a0))
+* Fake commit to trigger CI deployment ([149531b](https://github.com/cozy/cozy-ui/commit/149531b))
+* **ListItem:** Add ExpandedAttributes comp ([93c0471](https://github.com/cozy/cozy-ui/commit/93c0471))
+* **ListItem:** Add ListItemBase and its logic ([fd094e0](https://github.com/cozy/cozy-ui/commit/fd094e0))
+* **ListItem:** Add ListItemContact based on ListItemBase ([8138158](https://github.com/cozy/cozy-ui/commit/8138158))
+* **ListItem:** Add ListItemDoc ([6972163](https://github.com/cozy/cozy-ui/commit/6972163))
+* **ListItem:** Add ListItemFile based on ListItemBase ([8ae5ce7](https://github.com/cozy/cozy-ui/commit/8ae5ce7))
+* **ListItem:** Add locales and hoc to use them ([d83876f](https://github.com/cozy/cozy-ui/commit/d83876f))
+* Some minors fixes after review ([31f4e55](https://github.com/cozy/cozy-ui/commit/31f4e55))
 
 ## [81.6.1](https://github.com/cozy/cozy-ui/compare/v81.6.0...v81.6.1) (2023-03-21)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "81.7.0",
+  "version": "81.9.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -22,14 +22,15 @@
     "build:css:all": "yarn build:css && yarn build:css:utils && yarn run removeEmptyCss",
     "build:css": "env CSSMODULES=false yarn run stylus-build -o dist/cozy-ui.min.css stylus/cozy-ui/build.styl",
     "build:css:utils": "env CSSMODULES=false yarn run stylus-build -o dist/cozy-ui.utils.min.css stylus/cozy-ui/utils.styl",
-    "build:css:kss": "env CSSMODULES=false yarn run stylus-build -o build/next/styleguide/app.css stylus/cozy-ui/build.styl",
+    "build:css:kss": "env CSSMODULES=false yarn run stylus-build -o build/styleguide/app.css stylus/cozy-ui/build.styl",
     "build:doc": "npm-run-all 'build:doc:*'",
     "build:doc:config": "copyfiles -u 1 docs/*.md docs/_config.yml build",
-    "build:doc:kss": "kss --destination build/next/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage stylus/styleguide.md --css app.css",
+    "build:doc:kss": "kss --destination build/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage stylus/styleguide.md --css app.css",
     "build:doc:react": "styleguidist build --config docs/styleguide.config.js",
     "build:types": "tsc -p tsconfig-build.json",
+    "build:all": "yarn makeSpriteAndPalette && yarn build && yarn build:css:all && yarn build:doc",
     "build": "yarn build:types && env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx react/ --out-dir transpiled/react --verbose",
-    "clean:doc:kss": "rm -rf build/next/styleguide",
+    "clean:doc:kss": "rm -rf build/styleguide",
     "deploy:doc": "git-directory-deploy --directory build/ --branch gh-pages",
     "makeSvgr": "scripts/generate-svgr-icon.sh",
     "lint": "npm-run-all 'lint:*'",
@@ -39,12 +40,12 @@
     "palette": "scripts/make-palette.sh",
     "prebuild:css": "mkdir -p dist/ && stylus -C node_modules/normalize.css/normalize.css node_modules/normalize.css/normalize.styl",
     "prebuild:css:utils": "mkdir -p dist/",
-    "prebuild:css:kss": "mkdir -p build/next/styleguide && stylus -C node_modules/normalize.css/normalize.css node_modules/normalize.css/normalize.styl",
+    "prebuild:css:kss": "mkdir -p build/styleguide && stylus -C node_modules/normalize.css/normalize.css node_modules/normalize.css/normalize.styl",
     "prebuild:doc:kss": "run-s clean:doc:kss build:css:kss",
     "makeSpriteAndPalette": "npm-run-all --parallel sprite palette",
     "semantic-release": "semantic-release",
     "sprite": "scripts/make-icon-sprite.sh",
-    "screenshots": "node scripts/screenshots.js --screenshot-dir ./screenshots --styleguide-url file://$(pwd)/build/next/react --kss-dir ./build/next/styleguide",
+    "screenshots": "node scripts/screenshots.js --screenshot-dir ./screenshots --styleguide-url file://$(pwd)/build/react --kss-dir ./build/styleguide",
     "test": "jest",
     "test:noSnapshots": "jest --testPathIgnorePatterns 'react/examples.spec.jsx'",
     "test:snapshots": "jest react/examples.spec.jsx",
@@ -55,7 +56,7 @@
     "start:css": "yarn build:css --watch",
     "prestart:doc": "yarn sprite",
     "start:doc": "env BUILD_ENV=watch-styleguidist styleguidist server --config docs/styleguide.config.js",
-    "start:doc:kss": "nodemon --ext styl,md --watch stylus --exec 'yarn build:doc:kss && http-server build/next/styleguide -p 4242'",
+    "start:doc:kss": "nodemon --ext styl,md --watch stylus --exec 'yarn build:doc:kss && http-server build/styleguide -p 4242'",
     "start": "yarn build --watch",
     "removeEmptyCss": "node scripts/removeEmptyCss.js",
     "optimizeIcons": "svgo -r --folder assets/icons"
@@ -74,7 +75,6 @@
     "@babel/helper-regex": "7.10.5",
     "@cozy/codemods": "^1.9.0",
     "@cozy/minilog": "^1.0.0",
-    "@mui/codemod": "^5.11.5",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "7.0.18",
     "@semantic-release/npm": "9.0.1",
@@ -83,7 +83,6 @@
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "^3.2.1",
     "@testing-library/user-event": "^14.4.2",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "autoprefixer-stylus": "1.0.0",
     "babel-loader": "8.2.4",
     "babel-plugin-css-modules-transform": "1.6.2",
@@ -91,18 +90,19 @@
     "babel-preset-cozy-app": "2.0.2",
     "browserslist-config-cozy": "0.4.0",
     "copyfiles": "2.4.1",
-    "cozy-client": "^34.8.0",
+    "cozy-client": "^35.2.0",
     "cozy-device-helper": "2.0.0",
     "cozy-flags": "^2.10.1",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": "1.16.1",
     "cozy-logger": "^1.9.0",
     "cozy-sharing": "^3.10.0",
-    "cozy-stack-client": "^34.7.3",
+    "cozy-stack-client": "^35.0.0",
     "css-loader": "0.28.11",
     "cssnano": "4.1.11",
     "cssnano-preset-advanced": "4.0.8",
     "enzyme": "3.11.0",
+    "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
     "eslint": "8.11.0",
     "eslint-config-cozy-app": "4.0.0",
@@ -129,8 +129,8 @@
     "pretty": "2.0.0",
     "prop-types": "15.7.2",
     "puppeteer": "10.1.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "16.12.0",
+    "react-dom": "16.12.0",
     "react-hot-loader": "^4.3.11",
     "react-redux": "7.2.7",
     "react-styleguidist": "9.1.16",
@@ -154,10 +154,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.3.4",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/material": "^5.11.4",
-    "@mui/styles": "^5.11.2",
+    "@material-ui/core": "4.12.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
     "@popperjs/core": "^2.4.4",
     "bundlemon": "^1.3.2",
     "chart.js": "3.7.1",
@@ -182,14 +180,14 @@
     "rooks": "^5.11.2"
   },
   "peerDependencies": {
-    "cozy-client": ">=34.8.0",
+    "cozy-client": ">=35.2.0",
     "cozy-device-helper": "^2.0.0",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": ">=1.3.0",
     "cozy-sharing": "^3.10.0",
     "puppeteer": "^1.20.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
   },
   "peerDependenciesMeta ": {
     "puppeteer": {
@@ -208,8 +206,5 @@
   },
   "browserslist": [
     "extends browserslist-config-cozy"
-  ],
-  "publishConfig": {
-    "tag": "next"
-  }
+  ]
 }

package/react/AccordionActions/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/accordion-actions/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/accordion-actions/).

package/react/AccordionActions/index.js

@@ -1,3 +1,3 @@
-import MuiAccordionActions from '@mui/material/AccordionActions'
+import MuiAccordionActions from '@material-ui/core/AccordionActions'
 
 export default MuiAccordionActions

package/react/ActionMenu/ActionMenuEffects.ts

@@ -2,7 +2,7 @@
 
 // TODO: remove eslint-disable and @ts-ignore rules
 
-import { Theme, useTheme } from '@mui/material'
+import { Theme, useTheme } from '@material-ui/core'
 
 import { isFlagshipApp } from 'cozy-device-helper'
 

package/react/ActionMenu/NotInlineWrapper.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { usePopper } from 'react-popper'
-import ClickAwayListener from '@mui/material/ClickAwayListener'
+import ClickAwayListener from '@material-ui/core/ClickAwayListener'
 
 import { getCssVariableValue } from '../utils/color'
 

package/react/ActionMenu/__snapshots__/index.spec.jsx.snap

@@ -128,12 +128,12 @@ exports[`ActionMenu should render as expected 1`] = `
       class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
     >
       <p
-        class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom css-4w42zc-MuiTypography-root"
+        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
       >
         Item 4
       </p>
       <span
-        class="MuiTypography-root MuiTypography-caption css-ol7wxs-MuiTypography-root"
+        class="MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary"
       >
         Descriptive text to elaborate on what item 3 does.
       </span>

package/react/Alert/index.jsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
 import merge from 'lodash/merge'
-import MuiAlert from '@mui/material/Alert'
+import MuiAlert from '@material-ui/lab/Alert'
 
 import { makeStyles } from '../styles'
 import Icon from '../Icon'

package/react/AlertTitle/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/alert-title/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/alert-title/).

package/react/AlertTitle/index.jsx

@@ -1,3 +1,3 @@
-import AlertTitle from '@mui/material/AlertTitle'
+import MuiAlertTitle from '@material-ui/lab/AlertTitle'
 
-export default AlertTitle
+export default MuiAlertTitle

package/react/AppBar/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/app-bar/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/app-bar/).

package/react/AppBar/index.js

@@ -1,3 +1,3 @@
-import MuiAppBar from '@mui/material/AppBar'
+import MuiAppBar from '@material-ui/core/AppBar'
 
 export default MuiAppBar

package/react/AppTitle/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import cx from 'classnames'
-import Typography from '@mui/material/Typography'
+import Typography from '@material-ui/core/Typography'
 import PropTypes from 'prop-types'
 import styles from './styles.styl'
 

package/react/Backdrop/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/backdrop/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/backdrop/).

package/react/Backdrop/index.js

@@ -1,3 +1,3 @@
-import MuiBackdrop from '@mui/material/Backdrop'
+import MuiBackdrop from '@material-ui/core/Backdrop'
 
 export default MuiBackdrop

package/react/Badge/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
-import MuiBadge from '@mui/material/Badge'
+import MuiBadge from '@material-ui/core/Badge'
 
 const Badge = ({
   classes = {},

package/react/Banner/index.spec.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import Banner from '.'
+
+describe('Grid', () => {
+  it('should render correctly justify content', () => {
+    // Given
+    console.error = jest.fn()
+
+    // When
+    const { container } = render(<Banner buttonOne={<button />} />)
+
+    // Then
+    expect(console.error).not.toHaveBeenCalled()
+    expect(
+      container.querySelector('.MuiGrid-justify-content-xs-space-between')
+    ).toBeInTheDocument()
+  })
+})

package/react/BottomNavigation/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/bottom-navigation/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/bottom-navigation/).

package/react/BottomNavigation/index.js

@@ -1,3 +1,3 @@
-import MuiBottomNavigation from '@mui/material/BottomNavigation'
+import MuiBottomNavigation from '@material-ui/core/BottomNavigation'
 
 export default MuiBottomNavigation

package/react/BottomNavigationAction/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/bottom-navigation-action/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/bottom-navigation-action/).

package/react/BottomNavigationAction/index.js

@@ -1,3 +1,3 @@
-import MuiBottomNavigationAction from '@mui/material/BottomNavigationAction'
+import MuiBottomNavigationAction from '@material-ui/core/BottomNavigationAction'
 
 export default MuiBottomNavigationAction

package/react/BottomSheet/BottomSheet.jsx

@@ -10,8 +10,8 @@ import React, {
 import PropTypes from 'prop-types'
 import { BottomSheet as MuiBottomSheet } from 'mui-bottom-sheet'
 import { useTimeoutWhen } from 'rooks'
-import Fade from '@mui/material/Fade'
-import Portal from '@mui/material/Portal'
+import Fade from '@material-ui/core/Fade'
+import Portal from '@material-ui/core/Portal'
 
 import { getFlagshipMetadata } from 'cozy-device-helper'
 

package/react/BottomSheet/README.md

@@ -123,25 +123,25 @@ const settings = state.mediumHeight === undefined && state.mediumHeightRatio ===
       <div>
         <TextField
           type="number"
-          size="small"
+          margin="dense"
           label="mediumHeight"
           variant="outlined"
           helperText="Height of the medium snap point"
           onChange={handleChangeMediumHeight}
         />
         <TextField
-          className="u-ml-0-s u-ml-half u-mt-1-s"
+          className="u-ml-0-s u-ml-half"
           type="number"
-          size="small"
+          margin="dense"
           label="mediumHeightRatio"
           variant="outlined"
           helperText="Height ratio of the medium snap point"
           onChange={handleChangeMediumHeightRatio}
         />
         <TextField
-          className="u-ml-0-s u-ml-half u-mt-1-s"
+          className="u-ml-0-s u-ml-half"
           type="number"
-          size="small"
+          margin="dense"
           label="offset"
           variant="outlined"
           helperText="Bottom offset"

package/react/Box/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/box/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/box/).

package/react/Box/index.js

@@ -1,3 +1,3 @@
-import MuiBox from '@mui/material/Box'
+import MuiBox from '@material-ui/core/Box'
 
 export default MuiBox

package/react/Breadcrumbs/Readme.md

@@ -6,13 +6,13 @@ context.
 
 ```jsx
 import { Component } from 'react'
-import Breadcrumbs from 'cozy-ui/transpiled/react/Breadcrumbs'
-import Icon from 'cozy-ui/transpiled/react/Icon'
+import Breadcrumbs from 'cozy-ui/transpiled/react/Breadcrumbs';
+import Icon from 'cozy-ui/transpiled/react/Icon';
 import FileIcon from 'cozy-ui/transpiled/react/Icons/File'
 import FolderIcon from 'cozy-ui/transpiled/react/Icons/Folder'
 
 const items = [
-  {
+  { 
     name: 'Joe Hisaishi',
     items: [
       {
@@ -24,7 +24,7 @@ const items = [
       }
     ]
   },
-  { name: 'Rodrigo y Gabriella',
+  { name: 'Rodrigo y Gabriella', 
     items: [
       { name: 'Hanuman' },
       { name: 'Tamacun' }
@@ -80,8 +80,6 @@ class Example extends Component {
   }
 }
 
-;
-
 <>
   <Example />
 </>

package/react/Breadcrumbs/index.jsx

@@ -4,7 +4,7 @@ import cx from 'classnames'
 import styles from './styles.styl'
 import Icon from '../Icon'
 import Typography from '../Typography'
-import IconButton from '@mui/material/IconButton'
+import IconButton from '@material-ui/core/IconButton'
 import LeftIcon from '../Icons/Left'
 
 const BreadcrumbSeparator = () => (

package/react/Buttons/index.jsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
 
-import MuiButton from '@mui/material/Button'
+import MuiButton from '@material-ui/core/Button'
 
 import Icon from '../Icon'
 import SpinnerIcon from '../Icons/Spinner'

package/react/CardActionArea/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-action-area/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-action-area/).

package/react/CardActionArea/index.js

@@ -1,3 +1,3 @@
-import MuiCardActionArea from '@mui/material/CardActionArea'
+import MuiCardActionArea from '@material-ui/core/CardActionArea'
 
 export default MuiCardActionArea

package/react/CardActions/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-actions/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-actions/).

package/react/CardActions/index.js

@@ -1,3 +1,3 @@
-import MuiCardActions from '@mui/material/CardActions'
+import MuiCardActions from '@material-ui/core/CardActions'
 
 export default MuiCardActions

package/react/CardContent/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-content/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-content/).

package/react/CardContent/index.js

@@ -1,3 +1,3 @@
-import MuiCardContent from '@mui/material/CardContent'
+import MuiCardContent from '@material-ui/core/CardContent'
 
 export default MuiCardContent

package/react/CardHeader/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-header/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-header/).

package/react/CardHeader/index.js

@@ -1,3 +1,3 @@
-import MuiCardHeader from '@mui/material/CardHeader'
+import MuiCardHeader from '@material-ui/core/CardHeader'
 
 export default MuiCardHeader

package/react/CardMedia/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-media/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-media/).

package/react/CardMedia/index.js

@@ -1,3 +1,3 @@
-import MuiCardMedia from '@mui/material/CardMedia'
+import MuiCardMedia from '@material-ui/core/CardMedia'
 
 export default MuiCardMedia

package/react/Checkbox/index.jsx

@@ -2,8 +2,8 @@ import React from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 
-import MUICheckbox from '@mui/material/Checkbox'
-import FormControlLabel from '@mui/material/FormControlLabel'
+import MUICheckbox from '@material-ui/core/Checkbox'
+import FormControlLabel from '@material-ui/core/FormControlLabel'
 
 import createDepreciationLogger from '../helpers/createDepreciationLogger'
 

package/react/Chips/index.jsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
-import MuiChip from '@mui/material/Chip'
+import MuiChip from '@material-ui/core/Chip'
 
 const Chips = forwardRef(
   (

package/react/CircleButton/index.jsx

@@ -38,7 +38,6 @@ const CircleButton = ({
   disabled,
   fullWidth = false,
   children,
-  size,
   ...props
 }) => {
   const styles = useStyles({ active: variant === 'active', disabled })
@@ -53,12 +52,7 @@ const CircleButton = ({
       flexBasis="64px"
       padding="8px 0 4px 0"
     >
-      <IconButton
-        className={styles.iconButton}
-        disabled={disabled}
-        size={size}
-        {...props}
-      >
+      <IconButton className={styles.iconButton} disabled={disabled} {...props}>
         {children}
       </IconButton>
       {label && (
@@ -81,12 +75,7 @@ CircleButton.propTypes = {
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   variant: PropTypes.oneOf(['default', 'active']),
   disabled: PropTypes.bool,
-  fullWidth: PropTypes.bool,
-  size: PropTypes.string
-}
-
-CircleButton.defaultProps = {
-  size: 'large'
+  fullWidth: PropTypes.bool
 }
 
 export default CircleButton

package/react/CircularProgress/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/circular-progress/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/circular-progress/).

package/react/CircularProgress/index.js

@@ -1,3 +1,3 @@
-import MuiCircularProgress from '@mui/material/CircularProgress'
+import MuiCircularProgress from '@material-ui/core/CircularProgress'
 
 export default MuiCircularProgress

package/react/ClickAwayListener/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/click-away-listener/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/click-away-listener/).

package/react/ClickAwayListener/index.js

@@ -1,3 +1,3 @@
-import MuiClickAwayListener from '@mui/material/ClickAwayListener'
+import MuiClickAwayListener from '@material-ui/core/ClickAwayListener'
 
 export default MuiClickAwayListener

package/react/Collapse/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/collapse/).
+Re-export of @material-ui. See [the official API](https://v4.mui.com/api/collapse/).

package/react/Collapse/index.js

@@ -1,3 +1,3 @@
-import MuiCollapse from '@mui/material/Collapse'
+import MuiCollapse from '@material-ui/core/Collapse'
 
 export default MuiCollapse

package/react/ContactsList/__snapshots__/ContactRow.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`ContactRow should match the contact snapshot 1`] = `
 <li
-  className="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-1p823my-MuiListItem-root"
+  className="MuiListItem-root MuiListItem-gutters"
   data-testid="contact-listItem"
   disabled={false}
   onClick={[Function]}
@@ -29,7 +29,7 @@ exports[`ContactRow should match the contact snapshot 1`] = `
       </span>
     </div>
     <p
-      className="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom MuiTypography-noWrap u-ml-1 css-anxs48-MuiTypography-root"
+      className="MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline"
       data-testid="ContactName"
     >
       <span

package/react/ContactsListModal/AddContact/AddContactContent.jsx

@@ -1,4 +1,4 @@
-import { Typography } from '@mui/material'
+import { Typography } from '@material-ui/core'
 import React from 'react'
 
 import Icon from '../../Icon'

package/react/ContactsListModal/MobileHeader.jsx

@@ -4,8 +4,8 @@ import CozyTheme from '../CozyTheme'
 import Icon from '../Icon'
 import PreviousIcon from '../Icons/Previous'
 import Paper from '../Paper'
-import IconButton from '@mui/material/IconButton'
-import Input from '@mui/material/Input'
+import IconButton from '@material-ui/core/IconButton'
+import Input from '@material-ui/core/Input'
 
 const barStyle = {
   height: 48