cozy-ui 82.1.2 → 82.3.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# [82.3.0](https://github.com/cozy/cozy-ui/compare/v82.2.0...v82.3.0) (2023-03-29)
+
+
+### Bug Fixes
+
+* **ExpandedAttributes:** Secondary font wasn't correct ([a9800df](https://github.com/cozy/cozy-ui/commit/a9800df))
+* **Filename:** Props `filename` was required ([910ff05](https://github.com/cozy/cozy-ui/commit/910ff05))
+
+
+### Features
+
+* **ExpandedAttributes:** Add some locales ([6fbcfe4](https://github.com/cozy/cozy-ui/commit/6fbcfe4))
+* **ExpandedAttributes:** Change supported attributes and modify logic ([238e359](https://github.com/cozy/cozy-ui/commit/238e359))
+
+# [82.2.0](https://github.com/cozy/cozy-ui/compare/v82.1.2...v82.2.0) (2023-03-27)
+
+
+### Features
+
+* Export Breadcrumbs from MUI ([3bf0588](https://github.com/cozy/cozy-ui/commit/3bf0588))
+
 ## [82.1.2](https://github.com/cozy/cozy-ui/compare/v82.1.1...v82.1.2) (2023-03-24)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "82.1.2",
+  "version": "82.3.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Filename/index.jsx

@@ -15,20 +15,28 @@ const Filename = ({ icon, filename, extension, variant }) => {
           <Icon className={'u-mr-1'} icon={icon} width={30} height={30} />
         </Img>
       )}
-      <Bd className={styles['c-filename-wrapper']}>
-        <Typography
-          variant={variant}
-          component="span"
-          className={cx(styles['c-filename-name'], 'u-ellipsis')}
-        >
-          {filename}
-        </Typography>
-        {extension && (
-          <Typography variant={variant} component="span" color="textSecondary">
-            {extension}
-          </Typography>
-        )}
-      </Bd>
+      {(filename || extension) && (
+        <Bd className={styles['c-filename-wrapper']}>
+          {filename && (
+            <Typography
+              variant={variant}
+              component="span"
+              className={cx(styles['c-filename-name'], 'u-ellipsis')}
+            >
+              {filename}
+            </Typography>
+          )}
+          {extension && (
+            <Typography
+              variant={variant}
+              component="span"
+              color="textSecondary"
+            >
+              {extension}
+            </Typography>
+          )}
+        </Bd>
+      )}
     </Media>
   )
 }
@@ -41,7 +49,7 @@ Filename.propTypes = {
     PropTypes.func
   ]),
   /** folder or file name */
-  filename: PropTypes.string.isRequired,
+  filename: PropTypes.string,
   /** If a file name, you can specify the extension */
   extension: PropTypes.string,
   variant: PropTypes.string

package/react/MuiCozyTheme/ListItem/ExpandedAttributes/ExpandedAttribute.jsx

@@ -24,7 +24,7 @@ const ExpandedAttribute = ({ label, value, setAlertProps }) => {
       </ListItemIcon>
       <ListItemText
         primary={<Typography variant="caption">{label}</Typography>}
-        secondary={<Typography variant="body1">{value}</Typography>}
+        secondary={<Typography variant="body2">{value}</Typography>}
       />
     </ListItem>
   )

package/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers.js

@@ -2,7 +2,11 @@ import get from 'lodash/get'
 
 import { formatDate } from '../../../Viewer/helpers'
 
-export const normalizeExpandedAttribute = attr => attr.split('[]')[0]
+export const normalizeExpandedAttribute = attr =>
+  attr
+    .split('[]')[0]
+    .replace(':', '.')
+    .replace('flexsearchProps.', '')
 
 // attributes not considered as expanded attributes
 export const notExpandedAttributes = {
@@ -26,10 +30,7 @@ export const defaultExpandedAttributes = {
     'metadata.CObtentionDate',
     'metadata.DObtentionDate',
     'metadata.obtentionDate',
-    'metadata.referencedDate',
     'metadata.issueDate',
-    'metadata.shootingDate',
-    'metadata.date',
     'metadata.datetime',
     'metadata.expirationDate',
     'metadata.country',
@@ -79,6 +80,7 @@ export const copyToClipboard = ({ value, setAlertProps, t }) => () => {
 }
 
 export const isDate = value => {
+  if (!isNaN(value)) return false
   const dateTime = new Date(value).getTime()
   const dateParsedValue = Date.parse(value)
 
@@ -106,6 +108,19 @@ export const formatAttrValue = ({ attribute, attrValue, f, lang }) => {
   }
 }
 
+export const makeAttrKey = (doc, expandedAttribute) => {
+  switch (true) {
+    case expandedAttribute === 'metadata.number':
+      return `${expandedAttribute}.${doc.metadata.qualification.label}`
+
+    case expandedAttribute.match(/\[.+\]/g) !== null:
+      return expandedAttribute.split('[')[0]
+
+    default:
+      return expandedAttribute
+  }
+}
+
 export const makeAttrsKeyAndFormatedValue = ({
   doc,
   expandedAttributes,
@@ -125,10 +140,7 @@ export const makeAttrsKeyAndFormatedValue = ({
 
       if (!attrFormatedValue) return undefined
 
-      const attrKey =
-        expandedAttribute === 'metadata.number'
-          ? `${expandedAttribute}.${doc.metadata.qualification.label}`
-          : expandedAttribute
+      const attrKey = makeAttrKey(doc, expandedAttribute)
 
       return { attrKey, attrFormatedValue }
     })
@@ -137,3 +149,24 @@ export const makeAttrsKeyAndFormatedValue = ({
 
   return attrsKeyAndFormatedValue
 }
+
+export const hasExpandedAttributesDisplayed = ({
+  doc,
+  expandedAttributes,
+  f,
+  lang
+}) => {
+  const defaultExpandedAttributes = makeDefaultExpandedAttributes(
+    doc,
+    expandedAttributes
+  )
+
+  const attrsKeyAndFormatedValue = makeAttrsKeyAndFormatedValue({
+    doc,
+    expandedAttributes: defaultExpandedAttributes,
+    f,
+    lang
+  })
+
+  return attrsKeyAndFormatedValue?.length > 0 || false
+}

package/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers.spec.js

@@ -1,7 +1,8 @@
-import { formatAttrValue } from './helpers'
+import { formatAttrValue, makeAttrKey } from './helpers'
 
 const f = () => 'someMockedDate'
 const lang = 'en'
+const doc = { metadata: { qualification: { label: 'qualifLabel' } } }
 
 describe('formatAttrValue', () => {
   it('should return primary formattedAddress from addresses', () => {
@@ -84,6 +85,17 @@ describe('formatAttrValue', () => {
     expect(res).toBe(12345)
   })
 
+  it('should return a number for a number value', () => {
+    const res = formatAttrValue({
+      attribute: 'metadata.number',
+      attrValue: '12345',
+      f,
+      lang
+    })
+
+    expect(res).toBe('12345')
+  })
+
   it('should return a date for an ISO string formated date', () => {
     const res = formatAttrValue({
       attribute: 'metadata.date',
@@ -95,3 +107,29 @@ describe('formatAttrValue', () => {
     expect(res).toBe('someMockedDate')
   })
 })
+
+describe('makeAttrKey', () => {
+  it('should return email', () => {
+    const res = makeAttrKey(doc, 'email[0].address')
+
+    expect(res).toBe('email')
+  })
+
+  it('should return phone', () => {
+    const res = makeAttrKey(doc, 'phone[1].number')
+
+    expect(res).toBe('phone')
+  })
+
+  it('should return metadata.number.qualifLabel', () => {
+    const res = makeAttrKey(doc, 'metadata.number')
+
+    expect(res).toBe('metadata.number.qualifLabel')
+  })
+
+  it('should return the attribute', () => {
+    const res = makeAttrKey(doc, 'civility')
+
+    expect(res).toBe('civility')
+  })
+})

package/react/MuiCozyTheme/ListItem/ListItemByDoc/index.jsx

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
 
 import ListItemFile from '../ListItemFile'
 import ListItemContact from '../ListItemContact'
+import { makeDefaultExpandedAttributes } from '../ExpandedAttributes/helpers'
 
 const ListItemByDoc = ({
   doc,
@@ -11,9 +12,15 @@ const ListItemByDoc = ({
   icon,
   actions,
   selectProps,
-  expandedAttributesProps,
+  expandedAttributesProps: { isExpandedAttributesActive, expandedAttributes },
+
   onClick
 }) => {
+  const itemExpandedAttributes = makeDefaultExpandedAttributes(
+    doc,
+    expandedAttributes
+  )
+
   switch (doc._type) {
     case 'io.cozy.contacts':
       return (
@@ -24,7 +31,10 @@ const ListItemByDoc = ({
           icon={icon}
           actions={actions}
           selectProps={selectProps}
-          expandedAttributesProps={expandedAttributesProps}
+          expandedAttributesProps={{
+            isExpandedAttributesActive,
+            expandedAttributes: itemExpandedAttributes
+          }}
           onClick={onClick}
         />
       )
@@ -38,7 +48,10 @@ const ListItemByDoc = ({
           icon={icon}
           actions={actions}
           selectProps={selectProps}
-          expandedAttributesProps={expandedAttributesProps}
+          expandedAttributesProps={{
+            isExpandedAttributesActive,
+            expandedAttributes: itemExpandedAttributes
+          }}
           onClick={onClick}
         />
       )
@@ -52,7 +65,10 @@ const ListItemByDoc = ({
           icon={icon}
           actions={actions}
           selectProps={selectProps}
-          expandedAttributesProps={expandedAttributesProps}
+          expandedAttributesProps={{
+            isExpandedAttributesActive,
+            expandedAttributes: itemExpandedAttributes
+          }}
           onClick={onClick}
         />
       )

package/react/MuiCozyTheme/ListItem/ListItemContact/index.jsx

@@ -6,7 +6,6 @@ import Icon from '../../../Icon'
 import ContactsIcon from '../../../Icons/Contacts'
 import ListItemBase from '../ListItemBase'
 
-import { makeDefaultExpandedAttributes } from '../ExpandedAttributes/helpers'
 import useActions from './useActions'
 
 const ListItemContact = ({
@@ -16,7 +15,7 @@ const ListItemContact = ({
   icon,
   actions,
   selectProps,
-  expandedAttributesProps: { isExpandedAttributesActive, expandedAttributes },
+  expandedAttributesProps,
   onClick
 }) => {
   const defaultActions = useActions(contact)
@@ -24,10 +23,6 @@ const ListItemContact = ({
   const secondaryText = secondary || contact.email?.[0]?.address
   const itemIcon = icon || <Icon icon={ContactsIcon} width="32" height="32" />
 
-  const itemExpandedAttributes = makeDefaultExpandedAttributes(
-    contact,
-    expandedAttributes
-  )
   const itemActions = defaultActions.concat(actions)
 
   return (
@@ -41,20 +36,14 @@ const ListItemContact = ({
         Header: <Filename icon={ContactsIcon} filename={primaryText} />
       }}
       selectProps={selectProps}
-      expandedAttributesProps={{
-        isExpandedAttributesActive,
-        expandedAttributes: itemExpandedAttributes
-      }}
+      expandedAttributesProps={expandedAttributesProps}
       onClick={onClick}
     />
   )
 }
 
 ListItemContact.defaultProps = {
-  actions: [],
-  expandedAttributesProps: {
-    isExpandedAttributesActive: false
-  }
+  actions: []
 }
 
 ListItemContact.propTypes = {

package/react/MuiCozyTheme/ListItem/ListItemFile/index.jsx

@@ -6,7 +6,6 @@ import { splitFilename } from 'cozy-client/dist/models/file'
 import Filename from '../../../Filename'
 import FiletypePdfIcon from '../../../Icons/FileTypePdf'
 import ListItemBase from '../ListItemBase'
-import { makeDefaultExpandedAttributes } from '../ExpandedAttributes/helpers'
 import ItemIcon from './ItemIcon'
 import PrimaryText from './PrimaryText'
 import SecondaryText from './SecondaryText'
@@ -18,7 +17,7 @@ const ListItemFile = ({
   icon,
   actions,
   selectProps,
-  expandedAttributesProps: { isExpandedAttributesActive, expandedAttributes },
+  expandedAttributesProps,
   onClick
 }) => {
   const { filename, extension } = splitFilename({
@@ -26,11 +25,6 @@ const ListItemFile = ({
     type: 'file'
   })
 
-  const itemExpandedAttributes = makeDefaultExpandedAttributes(
-    file,
-    expandedAttributes
-  )
-
   return (
     <ListItemBase
       doc={file}
@@ -48,10 +42,7 @@ const ListItemFile = ({
         )
       }}
       selectProps={selectProps}
-      expandedAttributesProps={{
-        isExpandedAttributesActive,
-        expandedAttributes: itemExpandedAttributes
-      }}
+      expandedAttributesProps={expandedAttributesProps}
       onClick={onClick}
     />
   )

package/react/MuiCozyTheme/ListItem/locales/en.json

@@ -2,9 +2,12 @@
   "ListItem": {
     "attributes": {
       "birthday": "Birthday",
+      "birthcity": "Birth city",
       "address": "Address",
       "email": "Email address",
       "phone": "Phone number",
+      "company": "Company",
+      "jobTitle": "Job title",
       "metadata": {
         "datetime": "Added on",
         "AObtentionDate": "License A, delivered on",
@@ -21,9 +24,15 @@
         "refTaxIncome": "Reference tax income",
         "contractType": "Contract type",
         "noticePeriod": "Expiration alert",
+        "cafFileNumber": "CAF file number",
+        "vinNumber": "Vehicle registration number (VIN)",
+        "cardNumber": "National ID card number",
+        "ibanNumber": "IBAN number",
+        "passportNumber": "Passport number",
         "number": {
           "driver_license": "License number",
           "caf": "CAF file number",
+          "payment_proof_family_allowance": "CAF file number",
           "vehicle_registration": "Vehicle registration number (VIN)",
           "national_id_card": "National ID card number",
           "bank_details": "IBAN number",

package/react/MuiCozyTheme/ListItem/locales/fr.json

@@ -2,9 +2,12 @@
   "ListItem": {
     "attributes": {
       "birthday": "Date de naissance",
+      "birthcity": "Lieu de naissance",
       "address": "Adresse",
       "email": "Adresse e-mail",
       "phone": "Numéro de téléphone",
+      "company": "Entreprise",
+      "jobTitle": "Fonction",
       "metadata": {
         "datetime": "Ajouté le",
         "AObtentionDate": "Permis A, délivré le",
@@ -19,11 +22,17 @@
         "date": "Date du document",
         "country": "Pays de délivrance",
         "refTaxIncome": "Revenu fiscal de référence",
-        "contractType": "Type de contat",
+        "contractType": "Type de contrat",
         "noticePeriod": "Alerte d’expiration",
+        "cafFileNumber": "Numéro de dossier CAF",
+        "vinNumber": "Numéro de la carte grise (VIN)",
+        "cardNumber": "Numéro de la carte d'identité",
+        "ibanNumber": "Numéro d'IBAN",
+        "passportNumber": "Numéro du passeport",
         "number": {
           "driver_license": "Numéro du permis",
           "caf": "Numéro de dossier CAF",
+          "payment_proof_family_allowance": "Numéro de dossier CAF",
           "vehicle_registration": "Numéro de la carte grise (VIN)",
           "national_id_card": "Numéro de la carte d'identité",
           "bank_details": "Numéro d'IBAN",

package/react/MuiCozyTheme/MuiBreadcrumbs/Readme.md

@@ -0,0 +1,11 @@
+See [Material UI documentation](https://v4.mui.com/components/breadcrumbs/#breadcrumbs) to learn more about Breadcrumbs.
+
+```jsx
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import MuiBreadcrumbs from 'cozy-ui/transpiled/react/MuiCozyTheme/MuiBreadcrumbs';
+
+<MuiBreadcrumbs aria-label="breadcrumb">
+  <Typography color="textPrimary">A</Typography>
+  <Typography color="textPrimary">B</Typography>
+</MuiBreadcrumbs>
+```

package/react/MuiCozyTheme/MuiBreadcrumbs/index.js

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

package/react/index.js

@@ -26,6 +26,7 @@ export { default as Spinner } from './Spinner'
 export { default as Accordion } from './MuiCozyTheme/Accordion'
 export { default as AccordionSummary } from './MuiCozyTheme/AccordionSummary'
 export { default as AccordionDetails } from './MuiCozyTheme/AccordionDetails'
+export { default as MuiBreadcrumbs } from './MuiCozyTheme/MuiBreadcrumbs'
 export { default as Toggle } from './Toggle'
 export { default as withBreakpoints } from './helpers/withBreakpoints'
 export { default as useBreakpoints } from './hooks/useBreakpoints'

package/transpiled/react/Filename/index.js

@@ -19,9 +19,9 @@ var Filename = function Filename(_ref) {
     icon: icon,
     width: 30,
     height: 30
-  })), /*#__PURE__*/React.createElement(Bd, {
+  })), (filename || extension) && /*#__PURE__*/React.createElement(Bd, {
     className: styles['c-filename-wrapper']
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, filename && /*#__PURE__*/React.createElement(Typography, {
     variant: variant,
     component: "span",
     className: cx(styles['c-filename-name'], 'u-ellipsis')
@@ -37,7 +37,7 @@ Filename.propTypes = {
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
 
   /** folder or file name */
-  filename: PropTypes.string.isRequired,
+  filename: PropTypes.string,
 
   /** If a file name, you can specify the extension */
   extension: PropTypes.string,

package/transpiled/react/MuiCozyTheme/ListItem/ExpandedAttributes/ExpandedAttribute.js

@@ -32,7 +32,7 @@ var ExpandedAttribute = function ExpandedAttribute(_ref) {
       variant: "caption"
     }, label),
     secondary: /*#__PURE__*/React.createElement(Typography, {
-      variant: "body1"
+      variant: "body2"
     }, value)
   }));
 };

package/transpiled/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers.js

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
 import { formatDate } from "cozy-ui/transpiled/react/Viewer/helpers";
 export var normalizeExpandedAttribute = function normalizeExpandedAttribute(attr) {
-  return attr.split('[]')[0];
+  return attr.split('[]')[0].replace(':', '.').replace('flexsearchProps.', '');
 }; // attributes not considered as expanded attributes
 
 export var notExpandedAttributes = {
@@ -11,7 +11,7 @@ export var notExpandedAttributes = {
 
 export var defaultExpandedAttributes = {
   'io.cozy.contacts': ['email', 'phone', 'address', 'birthday'],
-  'io.cozy.files': ['metadata.number', 'metadata.cafFileNumber', 'metadata.cardNumber', 'metadata.vinNumber', 'metadata.ibanNumber', 'metadata.passportNumber', 'metadata.noticePeriod', 'metadata.AObtentionDate', 'metadata.BObtentionDate', 'metadata.CObtentionDate', 'metadata.DObtentionDate', 'metadata.obtentionDate', 'metadata.referencedDate', 'metadata.issueDate', 'metadata.shootingDate', 'metadata.date', 'metadata.datetime', 'metadata.expirationDate', 'metadata.country', 'metadata.refTaxIncome', 'metadata.contractType']
+  'io.cozy.files': ['metadata.number', 'metadata.cafFileNumber', 'metadata.cardNumber', 'metadata.vinNumber', 'metadata.ibanNumber', 'metadata.passportNumber', 'metadata.noticePeriod', 'metadata.AObtentionDate', 'metadata.BObtentionDate', 'metadata.CObtentionDate', 'metadata.DObtentionDate', 'metadata.obtentionDate', 'metadata.issueDate', 'metadata.datetime', 'metadata.expirationDate', 'metadata.country', 'metadata.refTaxIncome', 'metadata.contractType']
 };
 export var hasAllElement = function hasAllElement(arr1, arr2) {
   return arr1.every(function (x) {
@@ -57,6 +57,7 @@ export var copyToClipboard = function copyToClipboard(_ref) {
   };
 };
 export var isDate = function isDate(value) {
+  if (!isNaN(value)) return false;
   var dateTime = new Date(value).getTime();
   var dateParsedValue = Date.parse(value);
   return dateTime === dateParsedValue;
@@ -97,6 +98,18 @@ export var formatAttrValue = function formatAttrValue(_ref2) {
       return attrValue;
   }
 };
+export var makeAttrKey = function makeAttrKey(doc, expandedAttribute) {
+  switch (true) {
+    case expandedAttribute === 'metadata.number':
+      return "".concat(expandedAttribute, ".").concat(doc.metadata.qualification.label);
+
+    case expandedAttribute.match(/\[.+\]/g) !== null:
+      return expandedAttribute.split('[')[0];
+
+    default:
+      return expandedAttribute;
+  }
+};
 export var makeAttrsKeyAndFormatedValue = function makeAttrsKeyAndFormatedValue(_ref3) {
   var doc = _ref3.doc,
       expandedAttributes = _ref3.expandedAttributes,
@@ -111,7 +124,7 @@ export var makeAttrsKeyAndFormatedValue = function makeAttrsKeyAndFormatedValue(
       lang: lang
     });
     if (!attrFormatedValue) return undefined;
-    var attrKey = expandedAttribute === 'metadata.number' ? "".concat(expandedAttribute, ".").concat(doc.metadata.qualification.label) : expandedAttribute;
+    var attrKey = makeAttrKey(doc, expandedAttribute);
     return {
       attrKey: attrKey,
       attrFormatedValue: attrFormatedValue
@@ -120,4 +133,18 @@ export var makeAttrsKeyAndFormatedValue = function makeAttrsKeyAndFormatedValue(
     return x;
   }).slice(0, 3);
   return attrsKeyAndFormatedValue;
+};
+export var hasExpandedAttributesDisplayed = function hasExpandedAttributesDisplayed(_ref4) {
+  var doc = _ref4.doc,
+      expandedAttributes = _ref4.expandedAttributes,
+      f = _ref4.f,
+      lang = _ref4.lang;
+  var defaultExpandedAttributes = makeDefaultExpandedAttributes(doc, expandedAttributes);
+  var attrsKeyAndFormatedValue = makeAttrsKeyAndFormatedValue({
+    doc: doc,
+    expandedAttributes: defaultExpandedAttributes,
+    f: f,
+    lang: lang
+  });
+  return (attrsKeyAndFormatedValue === null || attrsKeyAndFormatedValue === void 0 ? void 0 : attrsKeyAndFormatedValue.length) > 0 || false;
 };

package/transpiled/react/MuiCozyTheme/ListItem/ListItemByDoc/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ListItemFile from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemFile";
 import ListItemContact from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemContact";
+import { makeDefaultExpandedAttributes } from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers";
 
 var ListItemByDoc = function ListItemByDoc(_ref) {
   var doc = _ref.doc,
@@ -10,8 +11,11 @@ var ListItemByDoc = function ListItemByDoc(_ref) {
       icon = _ref.icon,
       actions = _ref.actions,
       selectProps = _ref.selectProps,
-      expandedAttributesProps = _ref.expandedAttributesProps,
+      _ref$expandedAttribut = _ref.expandedAttributesProps,
+      isExpandedAttributesActive = _ref$expandedAttribut.isExpandedAttributesActive,
+      expandedAttributes = _ref$expandedAttribut.expandedAttributes,
       onClick = _ref.onClick;
+  var itemExpandedAttributes = makeDefaultExpandedAttributes(doc, expandedAttributes);
 
   switch (doc._type) {
     case 'io.cozy.contacts':
@@ -22,7 +26,10 @@ var ListItemByDoc = function ListItemByDoc(_ref) {
         icon: icon,
         actions: actions,
         selectProps: selectProps,
-        expandedAttributesProps: expandedAttributesProps,
+        expandedAttributesProps: {
+          isExpandedAttributesActive: isExpandedAttributesActive,
+          expandedAttributes: itemExpandedAttributes
+        },
         onClick: onClick
       });
 
@@ -34,7 +41,10 @@ var ListItemByDoc = function ListItemByDoc(_ref) {
         icon: icon,
         actions: actions,
         selectProps: selectProps,
-        expandedAttributesProps: expandedAttributesProps,
+        expandedAttributesProps: {
+          isExpandedAttributesActive: isExpandedAttributesActive,
+          expandedAttributes: itemExpandedAttributes
+        },
         onClick: onClick
       });
 
@@ -46,7 +56,10 @@ var ListItemByDoc = function ListItemByDoc(_ref) {
         icon: icon,
         actions: actions,
         selectProps: selectProps,
-        expandedAttributesProps: expandedAttributesProps,
+        expandedAttributesProps: {
+          isExpandedAttributesActive: isExpandedAttributesActive,
+          expandedAttributes: itemExpandedAttributes
+        },
         onClick: onClick
       });
   }

package/transpiled/react/MuiCozyTheme/ListItem/ListItemContact/index.js

@@ -4,7 +4,6 @@ import Filename from "cozy-ui/transpiled/react/Filename";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import ContactsIcon from "cozy-ui/transpiled/react/Icons/Contacts";
 import ListItemBase from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemBase";
-import { makeDefaultExpandedAttributes } from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers";
 import useActions from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemContact/useActions";
 
 var ListItemContact = function ListItemContact(_ref) {
@@ -16,9 +15,7 @@ var ListItemContact = function ListItemContact(_ref) {
       icon = _ref.icon,
       actions = _ref.actions,
       selectProps = _ref.selectProps,
-      _ref$expandedAttribut = _ref.expandedAttributesProps,
-      isExpandedAttributesActive = _ref$expandedAttribut.isExpandedAttributesActive,
-      expandedAttributes = _ref$expandedAttribut.expandedAttributes,
+      expandedAttributesProps = _ref.expandedAttributesProps,
       onClick = _ref.onClick;
   var defaultActions = useActions(contact);
   var primaryText = primary || contact.displayName;
@@ -28,7 +25,6 @@ var ListItemContact = function ListItemContact(_ref) {
     width: "32",
     height: "32"
   });
-  var itemExpandedAttributes = makeDefaultExpandedAttributes(contact, expandedAttributes);
   var itemActions = defaultActions.concat(actions);
   return /*#__PURE__*/React.createElement(ListItemBase, {
     doc: contact,
@@ -43,19 +39,13 @@ var ListItemContact = function ListItemContact(_ref) {
       })
     },
     selectProps: selectProps,
-    expandedAttributesProps: {
-      isExpandedAttributesActive: isExpandedAttributesActive,
-      expandedAttributes: itemExpandedAttributes
-    },
+    expandedAttributesProps: expandedAttributesProps,
     onClick: onClick
   });
 };
 
 ListItemContact.defaultProps = {
-  actions: [],
-  expandedAttributesProps: {
-    isExpandedAttributesActive: false
-  }
+  actions: []
 };
 ListItemContact.propTypes = {
   contact: PropTypes.object,

package/transpiled/react/MuiCozyTheme/ListItem/ListItemFile/index.js

@@ -4,7 +4,6 @@ import { splitFilename } from 'cozy-client/dist/models/file';
 import Filename from "cozy-ui/transpiled/react/Filename";
 import FiletypePdfIcon from "cozy-ui/transpiled/react/Icons/FileTypePdf";
 import ListItemBase from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemBase";
-import { makeDefaultExpandedAttributes } from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers";
 import ItemIcon from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemFile/ItemIcon";
 import PrimaryText from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemFile/PrimaryText";
 import SecondaryText from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemFile/SecondaryText";
@@ -16,9 +15,7 @@ var ListItemFile = function ListItemFile(_ref) {
       icon = _ref.icon,
       actions = _ref.actions,
       selectProps = _ref.selectProps,
-      _ref$expandedAttribut = _ref.expandedAttributesProps,
-      isExpandedAttributesActive = _ref$expandedAttribut.isExpandedAttributesActive,
-      expandedAttributes = _ref$expandedAttribut.expandedAttributes,
+      expandedAttributesProps = _ref.expandedAttributesProps,
       onClick = _ref.onClick;
 
   var _splitFilename = splitFilename({
@@ -28,7 +25,6 @@ var ListItemFile = function ListItemFile(_ref) {
       filename = _splitFilename.filename,
       extension = _splitFilename.extension;
 
-  var itemExpandedAttributes = makeDefaultExpandedAttributes(file, expandedAttributes);
   return /*#__PURE__*/React.createElement(ListItemBase, {
     doc: file,
     primary: /*#__PURE__*/React.createElement(PrimaryText, {
@@ -52,10 +48,7 @@ var ListItemFile = function ListItemFile(_ref) {
       })
     },
     selectProps: selectProps,
-    expandedAttributesProps: {
-      isExpandedAttributesActive: isExpandedAttributesActive,
-      expandedAttributes: itemExpandedAttributes
-    },
+    expandedAttributesProps: expandedAttributesProps,
     onClick: onClick
   });
 };

package/transpiled/react/MuiCozyTheme/ListItem/hoc/withListItemLocales.js

@@ -3,9 +3,12 @@ var en = {
   ListItem: {
     attributes: {
       birthday: "Birthday",
+      birthcity: "Birth city",
       address: "Address",
       email: "Email address",
       phone: "Phone number",
+      company: "Company",
+      jobTitle: "Job title",
       metadata: {
         datetime: "Added on",
         AObtentionDate: "License A, delivered on",
@@ -22,9 +25,15 @@ var en = {
         refTaxIncome: "Reference tax income",
         contractType: "Contract type",
         noticePeriod: "Expiration alert",
+        cafFileNumber: "CAF file number",
+        vinNumber: "Vehicle registration number (VIN)",
+        cardNumber: "National ID card number",
+        ibanNumber: "IBAN number",
+        passportNumber: "Passport number",
         number: {
           driver_license: "License number",
           caf: "CAF file number",
+          payment_proof_family_allowance: "CAF file number",
           vehicle_registration: "Vehicle registration number (VIN)",
           national_id_card: "National ID card number",
           bank_details: "IBAN number",
@@ -58,9 +67,12 @@ var fr = {
   ListItem: {
     attributes: {
       birthday: "Date de naissance",
+      birthcity: "Lieu de naissance",
       address: "Adresse",
       email: "Adresse e-mail",
       phone: "Num\xE9ro de t\xE9l\xE9phone",
+      company: "Entreprise",
+      jobTitle: "Fonction",
       metadata: {
         datetime: "Ajout\xE9 le",
         AObtentionDate: "Permis A, d\xE9livr\xE9 le",
@@ -75,11 +87,17 @@ var fr = {
         date: "Date du document",
         country: "Pays de d\xE9livrance",
         refTaxIncome: "Revenu fiscal de r\xE9f\xE9rence",
-        contractType: "Type de contat",
+        contractType: "Type de contrat",
         noticePeriod: "Alerte d\u2019expiration",
+        cafFileNumber: "Num\xE9ro de dossier CAF",
+        vinNumber: "Num\xE9ro de la carte grise (VIN)",
+        cardNumber: "Num\xE9ro de la carte d'identit\xE9",
+        ibanNumber: "Num\xE9ro d'IBAN",
+        passportNumber: "Num\xE9ro du passeport",
         number: {
           driver_license: "Num\xE9ro du permis",
           caf: "Num\xE9ro de dossier CAF",
+          payment_proof_family_allowance: "Num\xE9ro de dossier CAF",
           vehicle_registration: "Num\xE9ro de la carte grise (VIN)",
           national_id_card: "Num\xE9ro de la carte d'identit\xE9",
           bank_details: "Num\xE9ro d'IBAN",

package/transpiled/react/MuiCozyTheme/MuiBreadcrumbs/index.js

@@ -0,0 +1,2 @@
+import MuiBreadcrumbs from '@material-ui/core/Breadcrumbs';
+export default MuiBreadcrumbs;

package/transpiled/react/index.js

@@ -19,6 +19,7 @@ export { default as Spinner } from './Spinner';
 export { default as Accordion } from './MuiCozyTheme/Accordion';
 export { default as AccordionSummary } from './MuiCozyTheme/AccordionSummary';
 export { default as AccordionDetails } from './MuiCozyTheme/AccordionDetails';
+export { default as MuiBreadcrumbs } from './MuiCozyTheme/MuiBreadcrumbs';
 export { default as Toggle } from './Toggle';
 export { default as withBreakpoints } from './helpers/withBreakpoints';
 export { default as useBreakpoints } from './hooks/useBreakpoints';