feat: Add all Table components from MUI

BREAKING CHANGE: `Table` component has been deprecated. Use codemods to deal with the change.

```
yarn global add @cozy/codemods
yarn global add [email protected]
jscodeshift -t $(yarn global dir)/node_modules/@cozy/codemods/src/transforms/transform-ui-deprecated-table.js src babel --ignore-pattern=src/targets/ --extensions js,jsx,tsx --parser tsx
```

docs/styleguide.config.js

@@ -146,7 +146,6 @@ module.exports = {
         '../react/SelectBox/SelectBox.jsx',
         '../react/Spinner',
         '../react/Stack',
-        '../react/Table',
         '../react/Textarea',
         '../react/UnorderedList',
         '../react/Wizard'

react/ContactsList/Contacts/ContactCozy.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { TableCell } from '../../Table'
+import { TableCell } from '../../deprecated/Table'
 import styles from '../styles.styl'
 
 const ContactCozy = ({ cozyUrl }) => (

react/ContactsList/Contacts/ContactEmail.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { TableCell } from '../../Table'
+import { TableCell } from '../../deprecated/Table'
 import styles from '../styles.styl'
 
 const ContactEmail = ({ email }) => (

react/ContactsList/Contacts/ContactIdentity.jsx

@@ -3,7 +3,7 @@ import { models } from 'cozy-client'
 import PropTypes from 'prop-types'
 
 import { Avatar } from '../../Avatar'
-import { TableCell } from '../../Table'
+import { TableCell } from '../../deprecated/Table'
 import ContactName from './ContactName'
 import styles from '../styles.styl'
 

react/ContactsList/Contacts/ContactPhone.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { TableCell } from '../../Table'
+import { TableCell } from '../../deprecated/Table'
 import styles from '../styles.styl'
 
 const ContactPhone = ({ phone }) => (

react/ContactsList/ContactsList.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import { useI18n } from '../providers/I18n'
-import { Table } from '../Table'
+import { Table } from '../deprecated/Table'
 import List from '../List'
 import ListSubheader from '../ListSubheader'
 import { sortContacts, categorizeContacts, sortHeaders } from './helpers'

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

@@ -9,7 +9,7 @@ exports[`ContactRow should match the contact snapshot 1`] = `
   size="medium"
 >
   <div
-    className="styles__TableCell___yJCq7 styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0"
+    className="styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0"
     data-testid="ContactIdentity"
   >
     <div
@@ -48,19 +48,19 @@ exports[`ContactRow should match the contact snapshot 1`] = `
     </p>
   </div>
   <div
-    className="styles__TableCell___yJCq7 styles__contact-email___3n3q2 u-ellipsis u-p-0"
+    className="styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0"
     data-testid="ContactEmail"
   >
     johndoe@localhost
   </div>
   <div
-    className="styles__TableCell___yJCq7 styles__contact-phone___1sA_m u-ellipsis u-p-0"
+    className="styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0"
     data-testid="ContactPhone"
   >
     0123456789
   </div>
   <div
-    className="styles__TableCell___yJCq7 styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0"
+    className="styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0"
     data-testid="ContactCozy"
   >
     http://johndoe.mycozy.cloud

react/Table/index.js

@@ -0,0 +1,3 @@
+import Table from '@material-ui/core/Table'
+
+export default Table

react/TableBody/index.js

@@ -0,0 +1,3 @@
+import TableBody from '@material-ui/core/TableBody'
+
+export default TableBody

react/TableCell/index.js

@@ -0,0 +1,3 @@
+import TableCell from '@material-ui/core/TableCell'
+
+export default TableCell

react/TableContainer/index.js

@@ -0,0 +1,3 @@
+import TableContainer from '@material-ui/core/TableContainer'
+
+export default TableContainer

react/TableFooter/index.js

@@ -0,0 +1,3 @@
+import TableFooter from '@material-ui/core/TableFooter'
+
+export default TableFooter

react/TableHead/index.js

@@ -0,0 +1,3 @@
+import TableHead from '@material-ui/core/TableHead'
+
+export default TableHead

react/TablePagination/index.js

@@ -0,0 +1,3 @@
+import TablePagination from '@material-ui/core/TablePagination'
+
+export default TablePagination

react/TableRow/index.js

@@ -0,0 +1,3 @@
+import TableRow from '@material-ui/core/TableRow'
+
+export default TableRow

react/TableSortLabel/index.js

@@ -0,0 +1,3 @@
+import TableSortLabel from '@material-ui/core/TableSortLabel'
+
+export default TableSortLabel

react/Table/Readme.md → react/deprecated/Table/Readme.md

@@ -6,7 +6,7 @@ import {
   TableRow,
   TableHeader,
   TableCell
-} from 'cozy-ui/transpiled/react/Table';
+} from 'cozy-ui/transpiled/react/deprecated/Table';
 
 let refRow = ''
 const cellStyles = { flexGrow: 1 };

react/examples.spec.jsx

@@ -61,7 +61,6 @@ testComponent('SelectBox')
 testComponent('Sidebar')
 testComponent('Spinner')
 testComponent('Switch')
-testComponent('Table')
 testComponent('Textarea')
 testComponent('UnorderedList')
 testComponent('Wizard')