cozy-ui 128.9.0 → 128.10.1

package/react/Icon/Readme.md

@@ -229,6 +229,7 @@ import Logout from 'cozy-ui/transpiled/react/Icons/Logout'
 import MagicTrick from 'cozy-ui/transpiled/react/Icons/MagicTrick'
 import Magnet from 'cozy-ui/transpiled/react/Icons/Magnet'
 import Magnifier from 'cozy-ui/transpiled/react/Icons/Magnifier'
+import Matrix from 'cozy-ui/transpiled/react/Icons/Matrix'
 import Merge from 'cozy-ui/transpiled/react/Icons/Merge'
 import Moped from 'cozy-ui/transpiled/react/Icons/Moped'
 import Mosaic from 'cozy-ui/transpiled/react/Icons/Mosaic'
@@ -512,6 +513,7 @@ const icons = [
   MagicTrick,
   Magnet,
   Magnifier,
+  Matrix,
   Merge,
   Moped,
   Mosaic,
@@ -992,7 +994,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
 let i = 0
-const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','server','setting','share-circle','share','shield','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
+const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','server','setting','share-circle','share','shield','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
 ;
 
 <Grid container spacing={2}>

package/react/Icons/Matrix.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/matrix.svg` to regenerate;
+import React from 'react'
+
+function SvgMatrix(props) {
+  return (
+    <svg viewBox="0 0 16 10" {...props}>
+      <path d="M3 1.111H1.333V8.89H3V10H0V0h3v1.111zM16 10h-3V8.889h1.667V1.11H13V0h3v10zM9.807 3.667c.587 0 1.043.167 1.368.503.328.332.492.79.492 1.374V9h-1.23V5.72c0-.688-.311-1.032-.931-1.032a.983.983 0 00-.531.162.945.945 0 00-.36.372V9h-1.23V5.53c0-.258-.08-.462-.241-.612-.161-.153-.387-.23-.68-.23-.153 0-.323.057-.507.171-.18.114-.312.24-.394.377V9h-1.23V3.765h.847l.25.459c.342-.372.784-.557 1.325-.557.699 0 1.226.188 1.58.566.154-.172.369-.309.644-.41.276-.104.552-.156.828-.156z" />
+    </svg>
+  )
+}
+
+export default SvgMatrix

package/transpiled/react/Contacts/AddModal/ContactForm/FieldInput.d.ts

@@ -1,5 +1,5 @@
 export default FieldInput;
-declare function FieldInput({ name, labelProps, className, attributes: { subFields, ...restAttributes }, contacts, error, helperText, label, required }: {
+declare function FieldInput({ name, labelProps, className, attributes: { subFields, ...restAttributes }, contacts, error, helperText, label, isInvisible, required }: {
     name: any;
     labelProps: any;
     className: any;
@@ -11,6 +11,7 @@ declare function FieldInput({ name, labelProps, className, attributes: { subFiel
     error: any;
     helperText: any;
     label: any;
+    isInvisible: any;
     required: any;
 }): JSX.Element;
 declare namespace FieldInput {
@@ -19,6 +20,7 @@ declare namespace FieldInput {
         export const className: PropTypes.Requireable<string>;
         export { labelPropTypes as labelProps };
         export { fieldInputAttributesTypes as attributes };
+        export const isInvisible: PropTypes.Requireable<boolean>;
         export const contacts: PropTypes.Requireable<PropTypes.InferProps<{
             data: PropTypes.Requireable<(object | null)[]>;
         }>>;

package/transpiled/react/Contacts/AddModal/ContactForm/FieldInput.js

@@ -28,6 +28,7 @@ var FieldInput = function FieldInput(_ref) {
       error = _ref.error,
       helperText = _ref.helperText,
       label = _ref.label,
+      isInvisible = _ref.isInvisible,
       required = _ref.required;
 
   var _useState = useState(uniqueId('field_')),
@@ -70,7 +71,10 @@ var FieldInput = function FieldInput(_ref) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(className, styles['contact-form-field__wrapper'], 'u-flex', 'u-flex-column-s')
+    className: cx(className, styles['contact-form-field__wrapper'], 'u-flex-column-s', {
+      'u-flex': !isInvisible,
+      'u-dn': isInvisible
+    })
   }, /*#__PURE__*/React.createElement(Field, {
     required: required,
     error: error,
@@ -113,6 +117,9 @@ FieldInput.propTypes = {
   className: PropTypes.string,
   labelProps: labelPropTypes,
   attributes: fieldInputAttributesTypes,
+
+  /** Whether the field is visible by the user or not (still in the DOM anyway) */
+  isInvisible: PropTypes.bool,
   contacts: PropTypes.shape({
     data: PropTypes.arrayOf(PropTypes.object)
   }),

package/transpiled/react/Contacts/AddModal/ContactForm/FieldInputAccordion.js

@@ -2,7 +2,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "label", "subFields"],
     _excluded2 = ["name"];
-import cx from 'classnames';
 import React, { useState } from 'react';
 import FieldInput from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/FieldInput";
 import { locales } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/locales";
@@ -58,11 +57,10 @@ var FieldInputAccordion = function FieldInputAccordion(_ref) {
 
     return /*#__PURE__*/React.createElement(FieldInput, {
       key: index,
-      className: cx('u-mt-1', {
-        'u-dn': !showExtended
-      }),
+      className: "u-mt-1",
       attributes: attributes,
       name: name,
+      isInvisible: !showExtended,
       label: t("Contacts.AddModal.ContactForm.fields.".concat(name))
     });
   }));

package/transpiled/react/Contacts/AddModal/ContactForm/FieldInputLayout.js

@@ -37,9 +37,10 @@ var FieldInputLayout = function FieldInputLayout(_ref) {
 
   var isError = fieldsRequired.includes(name) && !valid && submitFailed;
   return /*#__PURE__*/React.createElement("div", {
-    className: cx('u-flex u-mt-1', {
+    className: cx('u-mt-1', {
       'u-flex-items-center': !layout,
       'u-flex-items-baseline': !!layout,
+      'u-flex': !isSecondary || showSecondaryFields,
       'u-dn': isSecondary && !showSecondaryFields
     })
   }, /*#__PURE__*/React.createElement("div", {

package/transpiled/react/Contacts/AddModal/ContactForm/contactToFormValues.js

@@ -13,6 +13,8 @@ var contactToFormValues = function contactToFormValues(contact, t) {
   }, {});
 
   if (contact) {
+    var _impp$find;
+
     var gender = contact.gender,
         address = contact.address,
         birthday = contact.birthday,
@@ -21,6 +23,7 @@ var contactToFormValues = function contactToFormValues(contact, t) {
         jobTitle = contact.jobTitle,
         cozy = contact.cozy,
         email = contact.email,
+        impp = contact.impp,
         name = contact.name,
         note = contact.note,
         phone = contact.phone;
@@ -54,6 +57,9 @@ var contactToFormValues = function contactToFormValues(contact, t) {
         emailLabel: makeItemLabel(item)
       };
     }) : [undefined];
+    var matrixValue = impp && impp.length > 0 ? ((_impp$find = impp.find(function (item) {
+      return item.label === 'work' && item.protocol === 'matrix';
+    })) === null || _impp$find === void 0 ? void 0 : _impp$find.uri) || undefined : undefined;
     var phoneValue = phone && phone.length > 0 ? movePrimaryToHead(phone).map(function (item) {
       return {
         fieldId: uniqueId('fieldId_'),
@@ -70,6 +76,7 @@ var contactToFormValues = function contactToFormValues(contact, t) {
       familyName: name === null || name === void 0 ? void 0 : name.familyName,
       phone: phoneValue,
       email: emailValue,
+      matrix: matrixValue,
       address: addressValue,
       cozy: cozyValue,
       cozyLabel: cozyLabel,

package/transpiled/react/Contacts/AddModal/ContactForm/fieldsConfig.js

@@ -7,6 +7,7 @@ import CommentIcon from "cozy-ui/transpiled/react/Icons/Comment";
 import CompanyIcon from "cozy-ui/transpiled/react/Icons/Company";
 import EmailIcon from "cozy-ui/transpiled/react/Icons/Email";
 import LocationIcon from "cozy-ui/transpiled/react/Icons/Location";
+import MatrixIcon from "cozy-ui/transpiled/react/Icons/Matrix";
 import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
 import RelationshipIcon from "cozy-ui/transpiled/react/Icons/Relationship";
 import TelephoneIcon from "cozy-ui/transpiled/react/Icons/Telephone";
@@ -112,6 +113,10 @@ export var fields = [{
       label: 'Contacts.AddModal.ContactForm.label.work'
     }]
   }
+}, {
+  name: 'matrix',
+  icon: MatrixIcon,
+  type: 'text'
 }, {
   name: 'address',
   icon: LocationIcon,

package/transpiled/react/Contacts/AddModal/ContactForm/formValuesToContact.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { updateIndexFullNameAndDisplayName } from 'cozy-client/dist/models/contact';
-import { removeAsscociatedData, removeRelatedContactRelationships, createAddress, getRelatedContactRelationships, makeTypeAndLabel } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/helpers";
+import { removeAsscociatedData, removeRelatedContactRelationships, createAddress, getRelatedContactRelationships, makeImppValues, makeTypeAndLabel } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/helpers";
 
 var formValuesToContact = function formValuesToContact(_ref) {
   var formValues = _ref.formValues,
@@ -19,6 +19,7 @@ var formValuesToContact = function formValuesToContact(_ref) {
       phone = formValues.phone,
       email = formValues.email,
       address = formValues.address,
+      matrix = formValues.matrix,
       cozy = formValues.cozy,
       company = formValues.company,
       jobTitle = formValues.jobTitle,
@@ -55,6 +56,7 @@ var formValuesToContact = function formValuesToContact(_ref) {
         primary: index === 0
       });
     }) : [],
+    impp: makeImppValues(oldContactCleaned, matrix),
     address: createAddress({
       address: address,
       oldContact: oldContactCleaned,

package/transpiled/react/Contacts/AddModal/ContactForm/helpers.d.ts

@@ -25,4 +25,10 @@ export function makeRelatedContact(contact: import('cozy-client/types/types').IO
 export function addField(fields: any): any;
 export function removeField(fields: any, index: any): void;
 export function makeCustomLabel(value: string, t: func): string;
+export function makeImppValues(oldContact: import('cozy-client/types/types').IOCozyContact, value: string | null): {
+    uri: string;
+    protocol: string;
+    label: string;
+    primary?: boolean;
+}[];
 export function makeInitialCustomValue(name: string, value: string): string;

package/transpiled/react/Contacts/AddModal/ContactForm/helpers.js

@@ -282,6 +282,45 @@ export var makeCustomLabel = function makeCustomLabel(value, t) {
   var secondString = label ? type ? " (".concat(t("Contacts.AddModal.ContactForm.label.".concat(label)), ")").toLowerCase() : "label.".concat(label) : '';
   return firstString + secondString || null;
 };
+/**
+ *
+ * @param {import('cozy-client/types/types').IOCozyContact} oldContact - Contact to be modified
+ * @param {string?} value - New URI value to add to the Contact
+ * @returns {{ uri: string, protocol: string, label: string, primary?: boolean }[]}
+ */
+
+export var makeImppValues = function makeImppValues(oldContact, value) {
+  var _value = (value === null || value === void 0 ? void 0 : value.trim()) || '';
+
+  var oldImppValues = oldContact === null || oldContact === void 0 ? void 0 : oldContact.impp;
+
+  if (_value) {
+    if (!oldImppValues || oldImppValues.length === 0) {
+      return [{
+        uri: _value,
+        protocol: 'matrix',
+        label: 'work',
+        primary: true
+      }];
+    }
+
+    return oldImppValues.map(function (el) {
+      if (el.protocol === 'matrix' && el.label === 'work') {
+        return _objectSpread(_objectSpread({}, el), {}, {
+          uri: _value
+        });
+      }
+
+      return el;
+    });
+  }
+
+  return (oldImppValues === null || oldImppValues === void 0 ? void 0 : oldImppValues.map(function (el) {
+    if (el.protocol !== 'matrix' || el.label !== 'work') {
+      return el;
+    }
+  }).filter(Boolean)) || [];
+};
 /**
  *
  * @param {string} name

package/transpiled/react/Contacts/AddModal/ContactForm/locales/index.js

@@ -15,6 +15,7 @@ var en = {
           familyName: "Lastname",
           phone: "Phone",
           email: "Email",
+          matrix: "Matrix ID",
           address: "Address",
           cozy: "Twake URL",
           company: "Company",
@@ -90,6 +91,7 @@ var fr = {
           phone: "T\xE9l\xE9phone",
           email: "Email",
           address: "Adresse",
+          matrix: "ID Matrix",
           cozy: "URL du Twake",
           company: "Entreprise",
           jobTitle: "Fonction",

package/transpiled/react/Contacts/AddModal/mocks.d.ts

@@ -33,6 +33,17 @@ export namespace johnDoeContact {
         primary: boolean;
         type?: undefined;
     })[];
+    const impp: ({
+        uri: string;
+        protocol: string;
+        label: string;
+        primary: boolean;
+    } | {
+        uri: string;
+        protocol: string;
+        label: string;
+        primary?: undefined;
+    })[];
     const birthday: string;
     const birthplace: string;
     const gender: string;
@@ -70,6 +81,7 @@ export namespace johnDoeFormValues {
     const cozy_2: string;
     export { cozy_2 as cozy };
     export const cozyLabel: string;
+    export const matrix: string;
     const address_1: ({
         fieldId: string;
         address: string;
@@ -168,6 +180,13 @@ export namespace johnDoeContactWithRelated {
         primary?: undefined;
     })[];
     export { address_2 as address };
+    const impp_1: {
+        uri: string;
+        protocol: string;
+        label: string;
+        primary: boolean;
+    }[];
+    export { impp_1 as impp };
     const email_2: ({
         address: string;
         type: string;

package/transpiled/react/Contacts/AddModal/mocks.js

@@ -24,6 +24,26 @@ export var johnDoeContact = {
     address: 'john.doe@cozycloud.cc',
     primary: true
   }],
+  impp: [{
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'home',
+    primary: false
+  }, {
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'work',
+    primary: false
+  }, {
+    uri: 'john@doe.matrix.net',
+    protocol: 'matrix',
+    label: 'work',
+    primary: true
+  }, {
+    uri: 'john@doe.matrix.home',
+    protocol: 'matrix',
+    label: 'home'
+  }],
   birthday: '1999-5-1',
   birthplace: 'somewhere',
   gender: 'male',
@@ -59,6 +79,7 @@ export var johnDoeFormValues = {
   gender: 'male',
   cozy: 'https://johndoe.mycozy.cloud',
   cozyLabel: '{"type":"MyCozy"}',
+  matrix: 'john@doe.matrix.net',
   address: [{
     fieldId: 'fieldId_1',
     address: '94 Hinton Road 05034 Fresno, Singapore',
@@ -139,6 +160,17 @@ export var johnDoeContactWithRelated = {
     postcode: '84573',
     type: 'Work'
   }],
+  impp: [{
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'home',
+    primary: false
+  }, {
+    uri: 'john@doe.matrix.net',
+    protocol: 'matrix',
+    label: 'work',
+    primary: true
+  }],
   email: [{
     address: 'john.doe@posteo.net',
     type: 'personal',