cozy-ui 127.12.0 → 127.13.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [127.13.0](https://github.com/cozy/cozy-ui/compare/v127.12.0...v127.13.0) (2025-08-21)
+
+
+### Features
+
+* **ContactsList:** Move locales inside `ContactsList` attribute ([068d23e](https://github.com/cozy/cozy-ui/commit/068d23e))
+
 # [127.12.0](https://github.com/cozy/cozy-ui/compare/v127.11.0...v127.12.0) (2025-08-20)
 
 

package/package.json

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

package/react/Contacts/GroupsSelect/locales/index.jsx

@@ -1,12 +1,7 @@
 import en from './en.json'
 import fr from './fr.json'
-// import { getI18n } from '../../../providers/I18n/helpers'
-// import withOnlyLocales from '../../../providers/I18n/withOnlyLocales'
 
 export const locales = {
   en,
   fr
 }
-
-// export const getOwnI18n = () => getI18n(undefined, lang => locales[lang])
-// export default withOnlyLocales(locales)

package/react/Contacts/Header/locales/index.jsx

@@ -1,12 +1,7 @@
 import en from './en.json'
 import fr from './fr.json'
-// import { getI18n } from '../../../providers/I18n/helpers'
-// import withOnlyLocales from '../../../providers/I18n/withOnlyLocales'
 
 export const locales = {
   en,
   fr
 }
-
-// export const getOwnI18n = () => getI18n(undefined, lang => locales[lang])
-// export default withOnlyLocales(locales)

package/react/ContactsList/ContactCell.jsx

@@ -29,7 +29,7 @@ const Cell = ({ row, column, cell, actions }) => {
         <ListItemIcon>
           <IconButton
             ref={actionsRef}
-            arial-label={t('menu')}
+            arial-label={t('ContactsList.menu')}
             onClick={() => setShowActions(true)}
           >
             <Icon icon={DotsIcon} />

package/react/ContactsList/Contacts/ContactIdentity.jsx

@@ -14,7 +14,11 @@ const MyselfMarker = () => {
   useExtendI18n(locales)
   const { t } = useI18n()
 
-  return <span className={`${styles['contact-myself']}`}>({t('me')})</span>
+  return (
+    <span className={`${styles['contact-myself']}`}>
+      ({t('ContactsList.me')})
+    </span>
+  )
 }
 
 const ContactIdentity = ({ contact }) => {

package/react/ContactsList/ContactsList.jsx

@@ -4,13 +4,15 @@ import React from 'react'
 import ContactRow from './ContactRow'
 import { sortContacts, categorizeContacts, sortHeaders } from './helpers'
 import withContactsListLocales from './locales/withContactsListLocales'
+import { locales } from './locales/withContactsListLocales'
 import List from '../List'
 import ListSubheader from '../ListSubheader'
 import { Table } from '../deprecated/Table'
 import useBreakpoints from '../providers/Breakpoints'
-import { useI18n } from '../providers/I18n'
+import { useI18n, useExtendI18n } from '../providers/I18n'
 
 const ContactsList = ({ contacts, onItemClick, ...rest }) => {
+  useExtendI18n(locales)
   const { t } = useI18n()
   const sortedContacts = sortContacts(contacts)
   const categorizedContacts = categorizeContacts(sortedContacts, t)

package/react/ContactsList/helpers.js

@@ -32,10 +32,10 @@ export const sortContacts = contacts => contacts.sort(sortLastNameFirst)
  * @returns {string} header
  */
 const makeHeader = (contact, t) => {
-  if (contact.me) return t('me')
+  if (contact.me) return t('ContactsList.me')
 
   const name = buildLastNameFirst(contact)
-  return name[0] || t('empty')
+  return name[0] || t('ContactsList.empty')
 }
 
 /**
@@ -45,8 +45,8 @@ const makeHeader = (contact, t) => {
  * @returns {string} header
  */
 const makeHeaderForIndexedContacts = (contact, t) => {
-  if (contact.me) return t('me')
-  if (contact.cozyMetadata?.favorite) return t('favorite')
+  if (contact.me) return t('ContactsList.me')
+  if (contact.cozyMetadata?.favorite) return t('ContactsList.favorite')
 
   const index = get(contact, 'indexes.byFamilyNameGivenNameEmailCozyUrl', '')
   const hasIndex = index !== null && index.length > 0
@@ -58,7 +58,7 @@ const makeHeaderForIndexedContacts = (contact, t) => {
     return firstLetterWithoutAccent
   }
 
-  return t('empty')
+  return t('ContactsList.empty')
 }
 
 /**
@@ -89,7 +89,8 @@ export const categorizeContacts = (contacts, t) =>
 export const sortHeaders = (categorized, t) => {
   const headers = Object.keys(categorized)
   const notEmptyAndMyselfHeaders = headers.filter(
-    header => header !== t('empty') && header !== t('me')
+    header =>
+      header !== t('ContactsList.empty') && header !== t('ContactsList.me')
   )
   const notEmptyAndMyselfSorted = notEmptyAndMyselfHeaders.slice().sort()
 
@@ -98,11 +99,11 @@ export const sortHeaders = (categorized, t) => {
   }
 
   const headersSorted = []
-  if (headers.includes(t('me'))) {
-    headersSorted.push(t('me'))
+  if (headers.includes(t('ContactsList.me'))) {
+    headersSorted.push(t('ContactsList.me'))
   }
-  if (headers.includes(t('empty'))) {
-    headersSorted.push(t('empty'))
+  if (headers.includes(t('ContactsList.empty'))) {
+    headersSorted.push(t('ContactsList.empty'))
   }
 
   return headersSorted.concat(notEmptyAndMyselfSorted)

package/react/ContactsList/helpers.spec.js

@@ -103,7 +103,7 @@ describe('sortHeaders', () => {
 
     const sortedHeaders = sortHeaders(contacts, t)
 
-    expect(sortedHeaders).toEqual(['me', 'empty', 'B', 'F', 'H'])
+    expect(sortedHeaders).toEqual(['B', 'F', 'H', 'empty', 'me'])
   })
 })
 
@@ -143,7 +143,16 @@ describe('makeGroupLabelsAndCounts', () => {
     const res = makeGroupLabelsAndCounts(contacts, t)
 
     expect(res).toStrictEqual({
-      groupLabels: ['A', 'C', 'B', 'X', 'Z', 'empty', 'me', 'E'],
+      groupLabels: [
+        'A',
+        'C',
+        'B',
+        'X',
+        'Z',
+        'ContactsList.empty',
+        'ContactsList.me',
+        'E'
+      ],
       groupCounts: [3, 5, 2, 1, 1, 4, 1, 1]
     })
   })

package/react/ContactsList/locales/en.json

@@ -1,6 +1,8 @@
 {
-  "empty": "EMPTY",
-  "me": "me",
-  "favorite": "favorites",
-  "menu": "Menu"
+  "ContactsList": {
+    "empty": "EMPTY",
+    "me": "me",
+    "favorite": "favorites",
+    "menu": "Menu"
+  }
 }

package/react/ContactsList/locales/fr.json

@@ -1,6 +1,8 @@
 {
-  "empty": "VIDE",
-  "me": "moi",
-  "favorite": "favoris",
-  "menu": "Menu"
-}
+  "ContactsList": {
+    "empty": "VIDE",
+    "me": "moi",
+    "favorite": "favoris",
+    "menu": "Menu"
+  }
+}

package/transpiled/react/Contacts/GroupsSelect/locales/index.js

@@ -39,11 +39,8 @@ var fr = {
       }
     }
   }
-}; // import { getI18n } from '../../../providers/I18n/helpers'
-// import withOnlyLocales from '../../../providers/I18n/withOnlyLocales'
-
+};
 export var locales = {
   en: en,
   fr: fr
-}; // export const getOwnI18n = () => getI18n(undefined, lang => locales[lang])
-// export default withOnlyLocales(locales)
+};

package/transpiled/react/Contacts/Header/locales/index.js

@@ -27,11 +27,8 @@ var fr = {
       }
     }
   }
-}; // import { getI18n } from '../../../providers/I18n/helpers'
-// import withOnlyLocales from '../../../providers/I18n/withOnlyLocales'
-
+};
 export var locales = {
   en: en,
   fr: fr
-}; // export const getOwnI18n = () => getI18n(undefined, lang => locales[lang])
-// export default withOnlyLocales(locales)
+};

package/transpiled/react/ContactsList/ContactCell.js

@@ -41,7 +41,7 @@ var Cell = function Cell(_ref) {
 
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(IconButton, {
       ref: actionsRef,
-      "arial-label": t('menu'),
+      "arial-label": t('ContactsList.menu'),
       onClick: function onClick() {
         return setShowActions(true);
       }

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

@@ -28,7 +28,7 @@ var MyselfMarker = function MyselfMarker() {
 
   return /*#__PURE__*/React.createElement("span", {
     className: "".concat(styles['contact-myself'])
-  }, "(", t('me'), ")");
+  }, "(", t('ContactsList.me'), ")");
 };
 
 var ContactIdentity = function ContactIdentity(_ref) {

package/transpiled/react/ContactsList/ContactsList.js

@@ -5,17 +5,20 @@ import React from 'react';
 import ContactRow from "cozy-ui/transpiled/react/ContactsList/ContactRow";
 import { sortContacts, categorizeContacts, sortHeaders } from "cozy-ui/transpiled/react/ContactsList/helpers";
 import withContactsListLocales from "cozy-ui/transpiled/react/ContactsList/locales/withContactsListLocales";
+import { locales } from "cozy-ui/transpiled/react/ContactsList/locales/withContactsListLocales";
 import List from "cozy-ui/transpiled/react/List";
 import ListSubheader from "cozy-ui/transpiled/react/ListSubheader";
 import { Table } from "cozy-ui/transpiled/react/deprecated/Table";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
 
 var ContactsList = function ContactsList(_ref) {
   var contacts = _ref.contacts,
       onItemClick = _ref.onItemClick,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  useExtendI18n(locales);
+
   var _useI18n = useI18n(),
       t = _useI18n.t;
 

package/transpiled/react/ContactsList/helpers.js

@@ -25,9 +25,9 @@ export var sortContacts = function sortContacts(contacts) {
  */
 
 var makeHeader = function makeHeader(contact, t) {
-  if (contact.me) return t('me');
+  if (contact.me) return t('ContactsList.me');
   var name = buildLastNameFirst(contact);
-  return name[0] || t('empty');
+  return name[0] || t('ContactsList.empty');
 };
 /**
  * Build header for a contact (first letter of indexes.byFamilyNameGivenNameEmailCozyUrl)
@@ -40,8 +40,8 @@ var makeHeader = function makeHeader(contact, t) {
 var makeHeaderForIndexedContacts = function makeHeaderForIndexedContacts(contact, t) {
   var _contact$cozyMetadata;
 
-  if (contact.me) return t('me');
-  if ((_contact$cozyMetadata = contact.cozyMetadata) !== null && _contact$cozyMetadata !== void 0 && _contact$cozyMetadata.favorite) return t('favorite');
+  if (contact.me) return t('ContactsList.me');
+  if ((_contact$cozyMetadata = contact.cozyMetadata) !== null && _contact$cozyMetadata !== void 0 && _contact$cozyMetadata.favorite) return t('ContactsList.favorite');
   var index = get(contact, 'indexes.byFamilyNameGivenNameEmailCozyUrl', '');
   var hasIndex = index !== null && index.length > 0;
 
@@ -50,7 +50,7 @@ var makeHeaderForIndexedContacts = function makeHeaderForIndexedContacts(contact
     return firstLetterWithoutAccent;
   }
 
-  return t('empty');
+  return t('ContactsList.empty');
 };
 /**
  * @typedef {Object.<string, Object>} CategorizedContactsResult
@@ -83,7 +83,7 @@ export var categorizeContacts = function categorizeContacts(contacts, t) {
 export var sortHeaders = function sortHeaders(categorized, t) {
   var headers = Object.keys(categorized);
   var notEmptyAndMyselfHeaders = headers.filter(function (header) {
-    return header !== t('empty') && header !== t('me');
+    return header !== t('ContactsList.empty') && header !== t('ContactsList.me');
   });
   var notEmptyAndMyselfSorted = notEmptyAndMyselfHeaders.slice().sort();
 
@@ -93,12 +93,12 @@ export var sortHeaders = function sortHeaders(categorized, t) {
 
   var headersSorted = [];
 
-  if (headers.includes(t('me'))) {
-    headersSorted.push(t('me'));
+  if (headers.includes(t('ContactsList.me'))) {
+    headersSorted.push(t('ContactsList.me'));
   }
 
-  if (headers.includes(t('empty'))) {
-    headersSorted.push(t('empty'));
+  if (headers.includes(t('ContactsList.empty'))) {
+    headersSorted.push(t('ContactsList.empty'));
   }
 
   return headersSorted.concat(notEmptyAndMyselfSorted);

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

@@ -1,14 +1,18 @@
 var en = {
-  empty: "EMPTY",
-  me: "me",
-  favorite: "favorites",
-  menu: "Menu"
+  ContactsList: {
+    empty: "EMPTY",
+    me: "me",
+    favorite: "favorites",
+    menu: "Menu"
+  }
 };
 var fr = {
-  empty: "VIDE",
-  me: "moi",
-  favorite: "favoris",
-  menu: "Menu"
+  ContactsList: {
+    empty: "VIDE",
+    me: "moi",
+    favorite: "favoris",
+    menu: "Menu"
+  }
 };
 import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {