cozy-ui-plus 3.1.2 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "3.1.2",
+  "version": "4.0.0",
   "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
   "main": "dist/index.js",
   "license": "MIT",
@@ -37,7 +37,7 @@
     "cozy-intent": "^2.30.1",
     "cozy-logger": "^1.17.0",
     "cozy-stack-client": "^60.1.0",
-    "cozy-ui": "^134.0.0",
+    "cozy-ui": "^135.0.0",
     "jest": "26.6.3",
     "jest-canvas-mock": "2.3.1",
     "jest-environment-jsdom": "26.6.2",
@@ -49,6 +49,7 @@
     "react-dom": "16.12.0",
     "react-test-renderer": "16.12.0",
     "stylus": "0.64.0",
+    "twake-i18n": "^0.3.0",
     "typescript": "5.5.2"
   },
   "dependencies": {
@@ -68,9 +69,10 @@
     "cozy-device-helper": ">=2.0.0",
     "cozy-intent": ">=2.30.0",
     "cozy-logger": ">=1.17.0",
-    "cozy-ui": ">=134.0.0",
+    "cozy-ui": ">=135.0.0",
     "react": "^16 || ^17 || ^18",
-    "react-dom": "^16 || ^17 || ^18"
+    "react-dom": "^16 || ^17 || ^18",
+    "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "7ec62d8445c373a3cb8de5234eee52d388ff274d"
+  "gitHead": "b1d504a12eb88b8ecda4a53f82c400482d79452b"
 }

package/src/AppSections/Readme.md

@@ -1,7 +1,7 @@
 ```jsx
 import { useState } from 'react'
 import mockApps from './_mockApps'
-import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { I18n } from 'twake-i18n'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import Sections from 'cozy-ui/transpiled/react/AppSections'
 import Variants from 'cozy-ui/docs/components/Variants'

package/src/AppSections/Sections.jsx

@@ -1,11 +1,10 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
+import { useI18n, useExtendI18n, withOnlyLocales } from 'twake-i18n'
 
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
-import withOnlyLocales from 'cozy-ui/transpiled/react/providers/I18n/withOnlyLocales'
 
 import styles from './Sections.styl'
 import * as catUtils from './categories'

package/src/AppSections/components/AppsSection.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import React, { useMemo } from 'react'
 
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n } from 'twake-i18n'
 
 import styles from './AppsSection.styl'
 import AppTile from '../../AppTile'

package/src/AppSections/helpers.spec.js

@@ -1,4 +1,4 @@
-import { extend as extendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { extend as extendI18n } from 'twake-i18n'
 
 import { getTranslatedManifestProperty } from './helpers'
 import en from './locales/en'

package/src/AppTile/AppTile.spec.jsx

@@ -4,8 +4,7 @@
 
 import { render } from '@testing-library/react'
 import React from 'react'
-
-import I18n from 'cozy-ui/transpiled/react/providers/I18n'
+import I18n from 'twake-i18n'
 
 import AppTile from '.'
 import en from '../AppSections/locales/en.json'

package/src/AppTile/Readme.md

@@ -4,7 +4,7 @@ a list of apps for example in the Store.
 ```jsx
 import AppTile from 'cozy-ui/transpiled/react/AppTile'
 import mockApps from '../AppSections/_mockApps'
-import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { I18n } from 'twake-i18n'
 import Grid from 'cozy-ui/transpiled/react/Grid'
 
 const locale = {}

package/src/AppTile/index.jsx

@@ -1,6 +1,7 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { createUseI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import WrenchCircleIcon from 'cozy-ui/transpiled/react/Icons/WrenchCircle'
@@ -11,7 +12,6 @@ import Tile, {
   TileIcon,
   TileDescription
 } from 'cozy-ui/transpiled/react/Tile'
-import { createUseI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { APP_STATUS, getCurrentStatusLabel } from './helpers'
 import en from './locales/en.json'

package/src/Contacts/AddModal/ContactAddressDialog/index.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 import { Field, useForm } from 'react-final-form'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { makeFormattedAddressWithSubFields } from './helpers'
 import { locales } from './locales'

package/src/Contacts/AddModal/ContactForm/FieldInput.jsx

@@ -3,8 +3,7 @@ import uniqueId from 'lodash/uniqueId'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 import { Field } from 'react-final-form'
-
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import FieldInputWrapper from './FieldInputWrapper'
 import HasValueCondition from './HasValueCondition'

package/src/Contacts/AddModal/ContactForm/FieldInputAccordion.jsx

@@ -1,10 +1,10 @@
 import React, { useState } from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import DropdownIcon from 'cozy-ui/transpiled/react/Icons/Dropdown'
 import DropupIcon from 'cozy-ui/transpiled/react/Icons/Dropup'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import FieldInput from './FieldInput'
 import { locales } from './locales'

package/src/Contacts/AddModal/ContactForm/FieldInputArray.jsx

@@ -1,6 +1,7 @@
 import cx from 'classnames'
 import React from 'react'
 import { FieldArray } from 'react-final-form-arrays'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -8,7 +9,6 @@ import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import CrossCircleIcon from 'cozy-ui/transpiled/react/Icons/CrossCircle'
 import PlusIcon from 'cozy-ui/transpiled/react/Icons/Plus'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import FieldInput from './FieldInput'
 import { fieldsRequired, addField, removeField } from './helpers'

package/src/Contacts/AddModal/ContactForm/FieldInputLayout.jsx

@@ -1,9 +1,9 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import FieldInput from './FieldInput'
 import FieldInputAccordion from './FieldInputAccordion'

package/src/Contacts/AddModal/ContactForm/TextFieldCustomLabelSelect.jsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import TextFieldSelect from './TextFieldSelect'
 import { makeCustomLabel, makeInitialCustomValue } from './helpers'

package/src/Contacts/AddModal/ContactForm/TextFieldSelect.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import MenuItem from 'cozy-ui/transpiled/react/MenuItem'
 import TextField from 'cozy-ui/transpiled/react/TextField'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { locales } from './locales'
 import { FieldInputWrapperPropTypes } from '../types'

package/src/Contacts/AddModal/ContactForm/index.jsx

@@ -1,10 +1,10 @@
 import arrayMutators from 'final-form-arrays'
 import React, { useState } from 'react'
 import { Form } from 'react-final-form'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { getHasManyItems } from 'cozy-client/dist/associations/HasMany'
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import FieldInputLayout from './FieldInputLayout'
 import contactToFormValues from './contactToFormValues'

package/src/Contacts/AddModal/CustomLabelDialog/index.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
@@ -8,7 +9,6 @@ import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup'
 import Radio from 'cozy-ui/transpiled/react/Radios'
 import TextField from 'cozy-ui/transpiled/react/TextField'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { locales } from './locales'
 

package/src/Contacts/AddModal/index.jsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ContactForm, { getSubmitContactForm } from './ContactForm'
 import { locales } from './locales'

package/src/Contacts/GroupsSelect/GroupCreation.jsx

@@ -1,10 +1,10 @@
 import classNames from 'classnames'
 import React, { Component } from 'react'
+import { translate } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import PlusIcon from 'cozy-ui/transpiled/react/Icons/Plus'
 import Input from 'cozy-ui/transpiled/react/legacy/Input'
-import { translate } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import styles from './styles.styl'
 

package/src/Contacts/GroupsSelect/GroupsSelectProvider.jsx

@@ -1,6 +1,5 @@
 import React, { useContext, useState } from 'react'
-
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { translatedDefaultSelectedGroup } from './helpers'
 import { locales } from './locales'

package/src/Contacts/GroupsSelect/SelectBox/Control.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import BottomSelectIcon from 'cozy-ui/transpiled/react/Icons/BottomSelect'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { locales } from '../locales'
 

package/src/Contacts/GroupsSelect/useGroupSelect.jsx

@@ -1,7 +1,7 @@
 import get from 'lodash/get'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { useSelectedGroup } from './GroupsSelectProvider'
 import { isExistingGroup } from './helpers'

package/src/Contacts/Header/GroupsSelection.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { ControlDefault } from 'cozy-ui/transpiled/react/SelectBox'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { locales } from './locales'
 import GroupsSelect from '../GroupsSelect/GroupsSelect'

package/src/Contacts/Header/ImportDropdown.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useRef } from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useClient, generateWebLink } from 'cozy-client'
 import { CONTACTS_DOCTYPE } from 'cozy-client/dist/models/contact'
@@ -10,7 +11,6 @@ import Link from 'cozy-ui/transpiled/react/Link'
 import ActionMenu, {
   ActionMenuItem
 } from 'cozy-ui/transpiled/react/deprecated/ActionMenu'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { locales } from './locales'
 import AppIcon from '../../AppIcon'

package/src/Contacts/Header/index.jsx

@@ -1,12 +1,12 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import PersonAddIcon from 'cozy-ui/transpiled/react/Icons/PersonAdd'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import GroupsSelection from './GroupsSelection'
 import ImportDropdown from './ImportDropdown'

package/src/ContactsList/Contacts/ContactIdentity.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { getInitials } from 'cozy-client/dist/models/contact'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import { TableCell } from 'cozy-ui/transpiled/react/deprecated/Table'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ContactName from './ContactName'
 import { locales } from '../locales/withContactsListLocales'

package/src/ContactsList/ContactsList.jsx

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 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 ContactRow from './ContactRow'
 import { sortContacts, categorizeContacts, sortHeaders } from './helpers'

package/src/ContactsList/locales/withContactsListLocales.jsx

@@ -1,4 +1,4 @@
-import withOnlyLocales from 'cozy-ui/transpiled/react/providers/I18n/withOnlyLocales'
+import { withOnlyLocales } from 'twake-i18n'
 
 import en from './en.json'
 import fr from './fr.json'

package/src/ContactsListModal/ContactsListContent.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { getDisplayName } from 'cozy-client/dist/models/contact'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import EmptyMessage from './EmptyMessage'
 import { withContactsListLocales } from './withContactsListLocales'

package/src/ContactsListModal/ContactsListModal.jsx

@@ -1,6 +1,7 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import Button from 'cozy-ui/transpiled/react/Buttons'
@@ -16,7 +17,6 @@ import TextField from 'cozy-ui/transpiled/react/TextField'
 import useEventListener from 'cozy-ui/transpiled/react/hooks/useEventListener'
 import useRealtime from 'cozy-ui/transpiled/react/hooks/useRealtime'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import AddContactDialog from './AddContact/AddContactDialog'
 import ContactsListContent from './ContactsListContent'

package/src/ContactsListModal/Readme.md

@@ -25,7 +25,7 @@ import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
 import ContactsListModal from 'cozy-ui/transpiled/react/ContactsListModal'
 import mockClient from 'cozy-ui/transpiled/react/ContactsListModal/mockClient'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { I18nContext } from 'cozy-ui/transpiled/react/providers/I18n'
+import { I18nContext } from 'twake-i18n'
 
 initialState = { opened: isTesting() }
 

package/src/ContactsListModal/withContactsListLocales.jsx

@@ -1,4 +1,4 @@
-import withLocales from 'cozy-ui/transpiled/react/providers/I18n/withLocales'
+import { withLocales } from 'twake-i18n'
 
 import en from './locales/en.json'
 import fr from './locales/fr.json'

package/src/Dialogs/AuthentificationDialog/index.jsx

@@ -7,7 +7,7 @@ import PermissionDialog from 'cozy-ui/transpiled/react/CozyDialogs/PermissionDia
 import CozyAuthentificationIcon from 'cozy-ui/transpiled/react/Icons/CozyAuthentification'
 import PasswordField from 'cozy-ui/transpiled/react/PasswordField'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n } from 'twake-i18n'
 
 import withSpecificDialogsLocales from './withSpecificDialogsLocales'
 

package/src/Dialogs/AuthentificationDialog/withSpecificDialogsLocales.jsx

@@ -1,4 +1,4 @@
-import withOnlyLocales from 'cozy-ui/transpiled/react/providers/I18n/withOnlyLocales'
+import { withOnlyLocales } from 'twake-i18n'
 
 import en from './locales/en.json'
 import fr from './locales/fr.json'

package/src/FilePicker/FilePickerBodyItem.jsx

@@ -2,6 +2,7 @@ import cx from 'classnames'
 import filesize from 'filesize'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { models } from 'cozy-client'
 import Checkbox from 'cozy-ui/transpiled/react/Checkbox'
@@ -13,7 +14,6 @@ import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Radio from 'cozy-ui/transpiled/react/Radios'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
 
 import { isValidFile, isValidFolder } from './helpers'

package/src/FilePicker/FilePickerFooter.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React, { memo } from 'react'
+import { createUseI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/deprecated/Button'
-import { createUseI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import en from './locales/en.json'
 import fr from './locales/fr.json'

package/src/FilePicker/docs/DemoProvider.jsx

@@ -1,10 +1,10 @@
 import React from 'react'
+import { I18nContext } from 'twake-i18n'
 
 import CozyClient, { CozyProvider } from 'cozy-client'
 import { initQuery, receiveQueryResult } from 'cozy-client/dist/store'
 import { normalizeDoc } from 'cozy-stack-client'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { I18nContext } from 'cozy-ui/transpiled/react/providers/I18n'
 
 /**
  * @typedef {object} CreateMockClientForDocParam

package/src/ListItem/ExpandedAttributes/ExpandedAttribute.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy'
@@ -7,7 +8,6 @@ import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { copyToClipboard } from './helpers'
 

package/src/ListItem/ExpandedAttributes/index.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Alert from 'cozy-ui/transpiled/react/Alert'
 import Snackbar from 'cozy-ui/transpiled/react/Snackbar'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ExpandedAttribute from './ExpandedAttribute'
 import { makeAttrsLabelAndFormattedValue } from './helpers'

package/src/ListItem/ListItemBase/Renaming/RenameDialog.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import withListItemLocales from '../../hoc/withListItemLocales'
 

package/src/ListItem/ListItemFile/ExpirationAnnotation.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import {
   computeExpirationDate,
@@ -8,7 +9,6 @@ import {
   makeExpiresInMessage
 } from 'cozy-client/dist/models/paper'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import withListItemLocales from '../hoc/withListItemLocales'
 

package/src/ListItem/ListItemFile/SecondaryText.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { isExpired, isExpiringSoon } from 'cozy-client/dist/models/paper'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ExpirationAnnotation from './ExpirationAnnotation'
 

package/src/ListItem/hoc/withListItemLocales.jsx

@@ -1,4 +1,4 @@
-import withLocales from 'cozy-ui/transpiled/react/providers/I18n/withLocales'
+import { withLocales } from 'twake-i18n'
 
 import en from '../locales/en.json'
 import fr from '../locales/fr.json'

package/src/Paywall/Paywall.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { useEffect, useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useInstanceInfo } from 'cozy-client'
 import { buildPremiumLink } from 'cozy-client/dist/models/instance'
@@ -12,7 +13,6 @@ import CozyUpgradeIcon from 'cozy-ui/transpiled/react/Icons/CozyUpgrade'
 import Markdown from 'cozy-ui/transpiled/react/Markdown'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { makeType } from './helpers'
 import withPaywallLocales from './locales/withPaywallLocales'

package/src/Paywall/locales/withPaywallLocales.jsx

@@ -1,4 +1,4 @@
-import withOnlyLocales from 'cozy-ui/transpiled/react/providers/I18n/withOnlyLocales'
+import { withOnlyLocales } from 'twake-i18n'
 
 import en from './en.json'
 import fr from './fr.json'

package/src/Qualification/QualificationGrid/index.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { Fragment, useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Grid from 'cozy-ui/transpiled/react/Grid'
 import BankIcon from 'cozy-ui/transpiled/react/Icons/Bank'
@@ -12,7 +13,6 @@ import HomeIcon from 'cozy-ui/transpiled/react/Icons/Home'
 import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People'
 import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team'
 import WorkIcon from 'cozy-ui/transpiled/react/Icons/Work'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { getThemesList } from './helpers'
 import QualificationItem from '../QualificationItem'

package/src/Qualification/QualificationGrid/locales/withLocales.jsx

@@ -1,4 +1,4 @@
-import withOnlyLocales from 'cozy-ui/transpiled/react/providers/I18n/withOnlyLocales'
+import { withOnlyLocales } from 'twake-i18n'
 
 import en from './en.json'
 import fr from './fr.json'

package/src/Qualification/QualificationModal/index.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React, { useMemo } from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import { isSupportedQualification } from 'cozy-client/dist/models/document/qualification'
 import NestedSelectResponsive from 'cozy-ui/transpiled/react/NestedSelect/NestedSelectResponsive'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { makeOptions, makeSearchOptions } from './helpers'
 import { locales } from './locales'

package/src/Storage/StorageButton.jsx

@@ -1,12 +1,12 @@
 import cx from 'classnames'
 import React from 'react'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useInstanceInfo } from 'cozy-client'
 import { buildPremiumLink } from 'cozy-client/dist/models/instance'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import TwakeWorkplaceIcon from 'cozy-ui/transpiled/react/Icons/TwakeWorkplace'
-import { useI18n, useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { locales } from './locales'