cozy-ui 126.5.0 → 127.0.0

package/transpiled/react/ContactsList/Contacts/ContactIdentity.js

@@ -1,9 +1,13 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["noWrapper"];
 import PropTypes from 'prop-types';
 import React from 'react';
-import { models } from 'cozy-client';
+import { getInitials } from 'cozy-client/dist/models/contact';
 import ContactName from "cozy-ui/transpiled/react/ContactsList/Contacts/ContactName";
+import Avatar from "cozy-ui/transpiled/react/Avatar";
 import { TableCell } from "cozy-ui/transpiled/react/deprecated/Table";
-import { Avatar } from "cozy-ui/transpiled/react/legacy/Avatar";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import { locales } from "cozy-ui/transpiled/react/ContactsList/locales/withContactsListLocales";
 var styles = {
   "contact": "styles__contact___169nD",
   "contact--clickable": "styles__contact--clickable___1GLTM",
@@ -15,36 +19,49 @@ var styles = {
   "contact-firstname": "styles__contact-firstname___2GPEr",
   "contact-avatar": "styles__contact-avatar___3lZPs"
 };
-var _models$contact = models.contact,
-    getDisplayName = _models$contact.getDisplayName,
-    getInitials = _models$contact.getInitials;
 
-var MyselfMarker = function MyselfMarker(props, _ref) {
-  var t = _ref.t;
+var MyselfMarker = function MyselfMarker() {
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
   return /*#__PURE__*/React.createElement("span", {
     className: "".concat(styles['contact-myself'])
   }, "(", t('me'), ")");
 };
 
-var ContactIdentity = function ContactIdentity(_ref2) {
-  var contact = _ref2.contact;
-  var name = contact.name || {};
-  var displayName = getDisplayName(contact) || undefined;
-  var isMyself = contact.metadata ? !!contact.metadata.me : false;
+var ContactIdentity = function ContactIdentity(_ref) {
+  var contact = _ref.contact;
+  var isMyself = !!contact.me;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
+    display: "inline",
+    size: "s"
+  }, getInitials(contact)), /*#__PURE__*/React.createElement(ContactName, {
+    contact: contact
+  }), isMyself && /*#__PURE__*/React.createElement(MyselfMarker, null));
+};
+
+ContactIdentity.propTypes = {
+  contact: PropTypes.object.isRequired
+};
+
+var ContactIdentityWrapper = function ContactIdentityWrapper(_ref2) {
+  var noWrapper = _ref2.noWrapper,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  if (noWrapper) {
+    return /*#__PURE__*/React.createElement(ContactIdentity, props);
+  }
+
   return /*#__PURE__*/React.createElement(TableCell, {
     "data-testid": "ContactIdentity" // used by a test in cozy-contacts
     ,
     className: "".concat(styles['contact-identity'], " u-flex u-flex-items-center u-ellipsis u-p-0")
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    text: getInitials(contact),
-    size: "small"
-  }), /*#__PURE__*/React.createElement(ContactName, {
-    displayName: displayName,
-    familyName: name.familyName
-  }), isMyself && /*#__PURE__*/React.createElement(MyselfMarker, null));
+  }, /*#__PURE__*/React.createElement(ContactIdentity, props));
 };
 
-ContactIdentity.propTypes = {
-  contact: PropTypes.object.isRequired
+ContactIdentityWrapper.defaultProps = {
+  noWrapper: false
 };
-export default ContactIdentity;
+export default ContactIdentityWrapper;

package/transpiled/react/ContactsList/Contacts/ContactName.d.ts

@@ -1,16 +1,10 @@
 export default ContactName;
-declare function ContactName({ displayName, familyName }: {
-    displayName: any;
-    familyName: any;
+declare function ContactName({ contact }: {
+    contact: any;
 }): JSX.Element;
 declare namespace ContactName {
     namespace propTypes {
-        const displayName: PropTypes.Requireable<string>;
-        const familyName: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const displayName_1: string;
-        export { displayName_1 as displayName };
+        const contact: PropTypes.Validator<object>;
     }
 }
 import PropTypes from "prop-types";

package/transpiled/react/ContactsList/Contacts/ContactName.js

@@ -1,35 +1,34 @@
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
+import { getDisplayName } from 'cozy-client/dist/models/contact';
 import Typography from "cozy-ui/transpiled/react/Typography";
 
 var ContactName = function ContactName(_ref) {
-  var displayName = _ref.displayName,
-      familyName = _ref.familyName;
-  var namesToDisplay = displayName && displayName.split(' ') || [];
+  var _contact$name;
+
+  var contact = _ref.contact;
+  var familyName = (_contact$name = contact.name) === null || _contact$name === void 0 ? void 0 : _contact$name.familyName;
+  var displayName = getDisplayName(contact);
+  var namesToDisplay = displayName === null || displayName === void 0 ? void 0 : displayName.split(' ');
   return /*#__PURE__*/React.createElement(Typography, {
     "data-testid": "ContactName" // used by a test in cozy-contacts
     ,
     className: "u-ml-1",
-    variant: "body1",
     noWrap: true,
-    gutterBottom: true,
     display: "inline"
-  }, namesToDisplay.map(function (name, key) {
+  }, namesToDisplay === null || namesToDisplay === void 0 ? void 0 : namesToDisplay.map(function (name, index) {
+    var isLastItem = index === namesToDisplay.length - 1;
     return /*#__PURE__*/React.createElement("span", {
-      key: "display-".concat(key),
+      key: "display-".concat(index),
       className: cx({
         'u-fw-bold': name === familyName
       })
-    }, name, "\xA0");
+    }, name, !isLastItem && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0"));
   }));
 };
 
 ContactName.propTypes = {
-  displayName: PropTypes.string,
-  familyName: PropTypes.string
-};
-ContactName.defaultProps = {
-  displayName: ''
+  contact: PropTypes.object.isRequired
 };
 export default ContactName;

package/transpiled/react/ContactsList/locales/withContactsListLocales.d.ts

@@ -1,2 +1,8 @@
+export namespace locales {
+    export { en };
+    export { fr };
+}
 declare var _default: Component;
 export default _default;
+import en from "./en.json";
+import fr from "./fr.json";

package/transpiled/react/ContactsList/locales/withContactsListLocales.js

@@ -7,7 +7,7 @@ var fr = {
   me: "MOI"
 };
 import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
-var locales = {
+export var locales = {
   en: en,
   fr: fr
 };

package/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides.d.ts

@@ -583,6 +583,22 @@ export function makeDarkInvertedOverrides(theme: any): {
     MuiTableHead: {
         root: {
             backgroundColor: any;
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableRow: {
@@ -592,6 +608,25 @@ export function makeDarkInvertedOverrides(theme: any): {
                 pointerEvents: string;
                 opacity: number;
             };
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.visible': {
+                        opacity: number;
+                    };
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableCell: {
@@ -601,22 +636,11 @@ export function makeDarkInvertedOverrides(theme: any): {
         head: any;
         body: {
             color: any;
-            '&.sortable': {
-                '&$paddingNone': {
-                    '&$alignLeft': {
-                        paddingLeft: string;
-                    };
-                    '&$alignRight': {
-                        paddingRight: string;
-                    };
-                };
-                '&$alignLeft': {
-                    paddingLeft: string;
-                };
-                '&$alignRight': {
-                    paddingRight: string;
-                };
-            };
+            height: string;
+        };
+        paddingCheckbox: {
+            width: number;
+            padding: number;
         };
         stickyHeader: {
             backgroundColor: any;
@@ -626,11 +650,6 @@ export function makeDarkInvertedOverrides(theme: any): {
         root: {
             padding: string;
             color: any;
-            '&:hover': {
-                color: any;
-                borderRadius: number;
-                backgroundColor: any;
-            };
         };
         icon: {
             fontSize: number;
@@ -869,6 +888,9 @@ export function makeDarkInvertedOverrides(theme: any): {
                     opacity: number;
                 };
             };
+            '&.displayInline': {
+                display: string;
+            };
             '&.border': {
                 border: string;
             };
@@ -884,6 +906,9 @@ export function makeDarkInvertedOverrides(theme: any): {
     MuiCheckbox: {
         root: {
             padding: number;
+            '&.small': {
+                padding: number;
+            };
         };
         colorSecondary: {
             '&$checked': {

package/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides.d.ts

@@ -583,6 +583,22 @@ export function makeDarkNormalOverrides(theme: any): {
     MuiTableHead: {
         root: {
             backgroundColor: any;
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableRow: {
@@ -592,6 +608,25 @@ export function makeDarkNormalOverrides(theme: any): {
                 pointerEvents: string;
                 opacity: number;
             };
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.visible': {
+                        opacity: number;
+                    };
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableCell: {
@@ -601,22 +636,11 @@ export function makeDarkNormalOverrides(theme: any): {
         head: any;
         body: {
             color: any;
-            '&.sortable': {
-                '&$paddingNone': {
-                    '&$alignLeft': {
-                        paddingLeft: string;
-                    };
-                    '&$alignRight': {
-                        paddingRight: string;
-                    };
-                };
-                '&$alignLeft': {
-                    paddingLeft: string;
-                };
-                '&$alignRight': {
-                    paddingRight: string;
-                };
-            };
+            height: string;
+        };
+        paddingCheckbox: {
+            width: number;
+            padding: number;
         };
         stickyHeader: {
             backgroundColor: any;
@@ -626,11 +650,6 @@ export function makeDarkNormalOverrides(theme: any): {
         root: {
             padding: string;
             color: any;
-            '&:hover': {
-                color: any;
-                borderRadius: number;
-                backgroundColor: any;
-            };
         };
         icon: {
             fontSize: number;
@@ -869,6 +888,9 @@ export function makeDarkNormalOverrides(theme: any): {
                     opacity: number;
                 };
             };
+            '&.displayInline': {
+                display: string;
+            };
             '&.border': {
                 border: string;
             };
@@ -884,6 +906,9 @@ export function makeDarkNormalOverrides(theme: any): {
     MuiCheckbox: {
         root: {
             padding: number;
+            '&.small': {
+                padding: number;
+            };
         };
         colorSecondary: {
             '&$checked': {

package/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides.d.ts

@@ -583,6 +583,22 @@ export function makeLightInvertedOverrides(theme: any): {
     MuiTableHead: {
         root: {
             backgroundColor: any;
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableRow: {
@@ -592,6 +608,25 @@ export function makeLightInvertedOverrides(theme: any): {
                 pointerEvents: string;
                 opacity: number;
             };
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.visible': {
+                        opacity: number;
+                    };
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableCell: {
@@ -601,22 +636,11 @@ export function makeLightInvertedOverrides(theme: any): {
         head: any;
         body: {
             color: any;
-            '&.sortable': {
-                '&$paddingNone': {
-                    '&$alignLeft': {
-                        paddingLeft: string;
-                    };
-                    '&$alignRight': {
-                        paddingRight: string;
-                    };
-                };
-                '&$alignLeft': {
-                    paddingLeft: string;
-                };
-                '&$alignRight': {
-                    paddingRight: string;
-                };
-            };
+            height: string;
+        };
+        paddingCheckbox: {
+            width: number;
+            padding: number;
         };
         stickyHeader: {
             backgroundColor: any;
@@ -626,11 +650,6 @@ export function makeLightInvertedOverrides(theme: any): {
         root: {
             padding: string;
             color: any;
-            '&:hover': {
-                color: any;
-                borderRadius: number;
-                backgroundColor: any;
-            };
         };
         icon: {
             fontSize: number;
@@ -869,6 +888,9 @@ export function makeLightInvertedOverrides(theme: any): {
                     opacity: number;
                 };
             };
+            '&.displayInline': {
+                display: string;
+            };
             '&.border': {
                 border: string;
             };
@@ -884,6 +906,9 @@ export function makeLightInvertedOverrides(theme: any): {
     MuiCheckbox: {
         root: {
             padding: number;
+            '&.small': {
+                padding: number;
+            };
         };
         colorSecondary: {
             '&$checked': {

package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.d.ts

@@ -583,6 +583,22 @@ export function makeLightNormalOverrides(theme: any): {
     MuiTableHead: {
         root: {
             backgroundColor: any;
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableRow: {
@@ -592,6 +608,25 @@ export function makeLightNormalOverrides(theme: any): {
                 pointerEvents: string;
                 opacity: number;
             };
+            '&.virtualized': {
+                '& .virtualizedCheckbox': {
+                    opacity: number;
+                    '&.visible': {
+                        opacity: number;
+                    };
+                    '&.checked': {
+                        opacity: number;
+                    };
+                    '&:hover': {
+                        opacity: number;
+                    };
+                };
+                '&:hover': {
+                    '& .virtualizedCheckbox': {
+                        opacity: number;
+                    };
+                };
+            };
         };
     };
     MuiTableCell: {
@@ -601,22 +636,11 @@ export function makeLightNormalOverrides(theme: any): {
         head: any;
         body: {
             color: any;
-            '&.sortable': {
-                '&$paddingNone': {
-                    '&$alignLeft': {
-                        paddingLeft: string;
-                    };
-                    '&$alignRight': {
-                        paddingRight: string;
-                    };
-                };
-                '&$alignLeft': {
-                    paddingLeft: string;
-                };
-                '&$alignRight': {
-                    paddingRight: string;
-                };
-            };
+            height: string;
+        };
+        paddingCheckbox: {
+            width: number;
+            padding: number;
         };
         stickyHeader: {
             backgroundColor: any;
@@ -626,11 +650,6 @@ export function makeLightNormalOverrides(theme: any): {
         root: {
             padding: string;
             color: any;
-            '&:hover': {
-                color: any;
-                borderRadius: number;
-                backgroundColor: any;
-            };
         };
         icon: {
             fontSize: number;
@@ -869,6 +888,9 @@ export function makeLightNormalOverrides(theme: any): {
                     opacity: number;
                 };
             };
+            '&.displayInline': {
+                display: string;
+            };
             '&.border': {
                 border: string;
             };
@@ -884,6 +906,9 @@ export function makeLightNormalOverrides(theme: any): {
     MuiCheckbox: {
         root: {
             padding: number;
+            '&.small': {
+                padding: number;
+            };
         };
         colorSecondary: {
             '&$checked': {