cozy-sharing 9.0.2 → 10.0.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@9.0.2...cozy-sharing@10.0.0) (2023-09-29)
+
+
+### Features
+
+* **cozy-sharing:** Update cozy-client from 37.0.0 to 40.5.0 ([7369f1d](https://github.com/cozy/cozy-libs/commit/7369f1d4f7a9e09088e35ab10c37728f425e0db9))
+* **cozy-sharing:** Update cozy-ui from 88.2.1 to 93.1.1 ([94ba194](https://github.com/cozy/cozy-libs/commit/94ba194d2e4e79c3282a0ba2a496a6e9193d41b4))
+
+
+### BREAKING CHANGES
+
+* **cozy-sharing:** You need cozy-ui >= 93.1.1
+* **cozy-sharing:** You need cozy-client >= 40.5.0
+
+
+
+
+
 ## [9.0.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@9.0.1...cozy-sharing@9.0.2) (2023-09-11)
 
 

package/dist/ShareButton.js

@@ -8,7 +8,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 React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { default as DumbShareButton, SharedByMeButton, SharedWithMeButton } from './components/ShareButton';
 import SharingContext from './context';
 import withLocales from './withLocales';

package/dist/ShareButton.spec.js

@@ -12,7 +12,7 @@ jest.mock('cozy-ui/transpiled/react/Button', function () {
     }
   };
 });
-jest.mock('cozy-ui/transpiled/react/I18n', function () {
+jest.mock('cozy-ui/transpiled/react/providers/I18n', function () {
   return {
     useI18n: jest.fn().mockReturnValue({
       t: jest.fn()

package/dist/ShareButtonWithRecipients.js

@@ -4,7 +4,7 @@ var _excluded = ["docId", "onClick"];
 import React from 'react';
 import Grid from 'cozy-ui/transpiled/react/Grid';
 import Skeleton from 'cozy-ui/transpiled/react/Skeleton';
-import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { ShareButton } from './ShareButton';
 import { SharedRecipients } from './SharedRecipients';
 import SharingContext from './context';

package/dist/SharingBanner/components/PublicBanner.js

@@ -3,8 +3,8 @@ import React from 'react';
 import snarkdown from 'snarkdown';
 import { useClient } from 'cozy-client';
 import Banner from 'cozy-ui/transpiled/react/Banner';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Button, { ButtonLink } from 'cozy-ui/transpiled/react/deprecated/Button';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import CozyHomeLinkIcon from './CozyHomeLinkIcon';
 var styles = {
   "bannermarkdown": "publicBanner__bannermarkdown___1EMSa"

package/dist/SharingBanner/components/PublicBanner.spec.js

@@ -1,9 +1,9 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { useClient } from 'cozy-client';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { SharingBannerCozyToCozy } from './PublicBanner';
-jest.mock('cozy-ui/transpiled/react/I18n');
+jest.mock('cozy-ui/transpiled/react/providers/I18n');
 jest.mock('cozy-client');
 describe('PublicBanner', function () {
   beforeEach(function () {

package/dist/SharingBanner/test/AppLike.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
 import { CozyProvider } from 'cozy-client';
-import { I18n } from 'cozy-ui/transpiled/react/I18n';
-import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints';
+import { I18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { AcceptingSharingProvider } from './AcceptingSharingContext';
 import FabProvider from './FabProvider';
 import { ModalContext } from './ModalContext';

package/dist/SharingDetailsModal.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import Divider from 'cozy-ui/transpiled/react/Divider';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import OwnerIdentity from './components/Recipient/OwnerIdentity';
 import WhoHasAccess from './components/WhoHasAccess';
 import { getDisplayName } from './models';

package/dist/SharingProvider.spec.js

@@ -1,6 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { act } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
 import { mount } from 'enzyme';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
@@ -38,17 +38,16 @@ describe('allLoaded', function () {
   };
 
   it('Change to True when all data is loaded', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var component;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          component = mount( /*#__PURE__*/React.createElement(AppWrapper, {
+          render( /*#__PURE__*/React.createElement(AppWrapper, {
             client: client
           }, /*#__PURE__*/React.createElement(SharingContext.Consumer, null, function (_ref3) {
             var allLoaded = _ref3.allLoaded;
             return /*#__PURE__*/React.createElement("div", null, "allLoaded: ".concat(allLoaded));
           })));
-          expect(component.find('div').text()).toBe('allLoaded: false');
+          expect(screen.getByText('allLoaded: false')).toBeInTheDocument();
           _context2.next = 4;
           return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
             return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -67,7 +66,7 @@ describe('allLoaded', function () {
           })));
 
         case 4:
-          expect(component.find('div').text()).toBe('allLoaded: true');
+          expect(screen.getByText('allLoaded: true')).toBeInTheDocument();
 
         case 5:
         case "end":

package/dist/components/ConfirmTrustedRecipientsDialog.js

@@ -1,8 +1,8 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import Recipient from './Recipient/Recipient';
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer';
 /**

package/dist/components/ContactSuggestion.js

@@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { models } from 'cozy-client';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 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 { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { Contact, Group, getDisplayName, getInitials } from '../models';
 var ContactModel = models.contact;
 export var ContactSuggestion = function ContactSuggestion(_ref) {

package/dist/components/CozyPassFingerprintDialogContent.js

@@ -2,9 +2,9 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import snarkdown from 'snarkdown';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Paper from 'cozy-ui/transpiled/react/Paper';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 var styles = {
   "cozy-pass-fingerprint-modal__fingerprint": "CozyPassFingerprintDialogContent__cozy-pass-fingerprint-modal__fingerprint___2O7dO"
 };

package/dist/components/EditLinkPermissionDialog.js

@@ -4,9 +4,9 @@ import React, { useState } from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import FormControlLabel from 'cozy-ui/transpiled/react/FormControlLabel';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup';
 import Radio from 'cozy-ui/transpiled/react/Radios';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 
 var EditLinkPermissionDialog = function EditLinkPermissionDialog(_ref) {
   var open = _ref.open,

package/dist/components/EditableSharingModal.spec.js

@@ -1,7 +1,7 @@
 import { mount } from 'enzyme';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
-import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { EditableSharingModal } from './EditableSharingModal';
 import { default as DumbShareModal } from './ShareModal';
 import { useFetchDocumentPath } from './useFetchDocumentPath';

package/dist/components/Recipient/LinkRecipient.js

@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import Circle from 'cozy-ui/transpiled/react/Circle';
 import Fade from 'cozy-ui/transpiled/react/Fade';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
 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 LinkRecipientPermissions from './LinkRecipientPermissions';
 import RecipientConfirm from './RecipientConfirm';
 var styles = {

package/dist/components/Recipient/LinkRecipientPermissions.js

@@ -3,13 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef } from 'react';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import ActionMenu, { ActionMenuItem, ActionMenuRadio } from 'cozy-ui/transpiled/react/deprecated/ActionMenu';
 import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link';
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions';
 import logger from '../../logger';

package/dist/components/Recipient/Recipient.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { useClient } from 'cozy-client';
 import Fade from 'cozy-ui/transpiled/react/Fade';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 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 RecipientAvatar from './RecipientAvatar';
 import RecipientConfirm from './RecipientConfirm';
 import RecipientPermissions from './RecipientPermissions';

package/dist/components/Recipient/RecipientConfirm.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Button from 'cozy-ui/transpiled/react/deprecated/Button';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 var modalStyles = {
   "share-modal-content": "share__share-modal-content___XTtaK",
   "coz-form": "share__coz-form___33NYF",

package/dist/components/Recipient/RecipientPermissions.js

@@ -4,7 +4,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef, useCallback } from 'react';
 import { useClient } from 'cozy-client';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
 import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename';
@@ -12,6 +11,7 @@ import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import ActionMenu, { ActionMenuItem } from 'cozy-ui/transpiled/react/deprecated/ActionMenu';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 
 var RecipientPermissions = function RecipientPermissions(_ref) {
   var isOwner = _ref.isOwner,

package/dist/components/Recipient/RecipientStatus.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
 import PaperplaneIcon from 'cozy-ui/transpiled/react/Icons/Paperplane';
 import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import { Media, Img, Bd } from 'cozy-ui/transpiled/react/deprecated/Media';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 var styles = {
   "CozyTheme--inverted": "recipient__CozyTheme--inverted___2Hb9c",
   "CozyTheme--normal": "recipient__CozyTheme--normal___3WdEw",

package/dist/components/ShareByEmail.js

@@ -6,8 +6,8 @@ import get from 'lodash/get';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import { useClient } from 'cozy-client';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import ShareRecipientsInput from './ShareRecipientsInput';
 import { ShareRecipientsLimitModal } from './ShareRecipientsLimitModal';
 import ShareSubmit from './Sharesubmit';

package/dist/components/ShareByLink.js

@@ -12,12 +12,12 @@ import PropTypes from 'prop-types';
 import React, { useState, useEffect, useCallback } from 'react';
 import Alert from 'cozy-ui/transpiled/react/Alert';
 import Button from 'cozy-ui/transpiled/react/Buttons';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy';
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
 import Snackbar from 'cozy-ui/transpiled/react/Snackbar';
-import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import EditLinkPermissionDialog from './EditLinkPermissionDialog';
 import { isOnlyReadOnlyLinkAllowed } from '../helpers/link';
 import logger from '../logger';

package/dist/components/ShareDialogCozyToCozy.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["showShareByLink", "documentType", "document"];
 import cx from 'classnames';
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { default as DumbShareByEmail } from './ShareByEmail';
 import { default as DumbShareByLink } from './ShareByLink';
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer';

package/dist/components/ShareDialogOnlyByLink.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { default as DumbShareByLink } from './ShareByLink';
 import WhoHasAccess from './WhoHasAccess';
 

package/dist/components/ShareDialogTwoStepsConfirmationContainer.js

@@ -3,9 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useState } from 'react';
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Button from 'cozy-ui/transpiled/react/deprecated/Button';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { useSafeState } from '../helpers/hooks';
 /**
  * Displays a loader that can be used when ShareDialogTwoStepsConfirmationContainer is in loading state

package/dist/components/ShareRecipientsLimitModal.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import Buttons from 'cozy-ui/transpiled/react/Buttons';
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { computeRecipientsLimit } from '../helpers/recipients';
 /**
  * Alert the user when the number of recipients for sharing a document has reached the limit

package/dist/components/SharedStatus.js

@@ -1,7 +1,7 @@
 import cx from 'classnames';
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import palette from 'cozy-ui/transpiled/react/palette';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { SharingTooltip, TooltipRecipientList } from './Tooltip';
 var styles = {
   "shared-status": "status__shared-status___J15Fy",

package/dist/components/WhoHasAccess.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import List from 'cozy-ui/transpiled/react/List';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import LinkRecipient from './Recipient/LinkRecipient';
 import OwnerRecipient from './Recipient/OwnerRecipient';
 import Recipient from './Recipient/Recipient';

package/dist/stylesheet.css

@@ -4,7 +4,6 @@
   background-color: var(--paleGrey);
   color: var(--silver);
   position: relative;
-  z-index: var(--zIndex-low);
 }
 .publicBanner__bannermarkdown___1EMSa img svg {
   width: 50%;
@@ -2839,16 +2838,16 @@ html {
   --zIndex-low: 1;
   --zIndex-alertMobile: 10;
   --zIndex-nav: 20;
-  --zIndex-bar: 21;
-  --zIndex-selection: 30;
-  --zIndex-popover: 40;
+  --zIndex-bar: 31;
+  --zIndex-selection: 40;
+  --zIndex-popover: 30;
   --zIndex-overlay: 50;
   --zIndex-fileActionMenu: 60;
   --zIndex-drawer: 60;
   --zIndex-modal: 70;
   --zIndex-modal-footer: 71;
   --zIndex-modal-toolbar: 72;
-  --zindex-alert: 80;
+  --zIndex-alert: 80;
 }
 .autosuggest__container___1dbB4 {
   position: relative;

package/dist/withLocales.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { I18n, translate } from 'cozy-ui/transpiled/react/I18n';
+import { I18n, translate } from 'cozy-ui/transpiled/react/providers/I18n';
 var locales = {
   en: require("../locales/en.json"),
   fr: require("../locales/fr.json")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "9.0.2",
+  "version": "10.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -40,8 +40,8 @@
     "babel-jest": "26.6.3",
     "babel-plugin-css-modules-transform": "1.6.2",
     "babel-plugin-inline-react-svg": "1.1.2",
-    "cozy-client": "37.0.0",
-    "cozy-ui": "88.2.1",
+    "cozy-client": "40.5.0",
+    "cozy-ui": "93.1.1",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
@@ -51,9 +51,9 @@
     "react-router": "^5.0.1"
   },
   "peerDependencies": {
-    "cozy-client": "^37.0.0",
+    "cozy-client": "^40.5.0",
     "cozy-realtime": "^3.11.0",
-    "cozy-ui": ">=88.2.1",
+    "cozy-ui": ">=93.1.1",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-router": "^5.0.1"
@@ -61,5 +61,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "2476315ef7d75a1b63d34637fefbe93db710c3e9"
+  "gitHead": "bed924d322e160f63a8f33187e7065cc065322d3"
 }

package/src/ShareButton.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import {
   default as DumbShareButton,

package/src/ShareButton.spec.jsx

@@ -12,7 +12,7 @@ jest.mock('cozy-ui/transpiled/react/Button', () => ({
   }
 }))
 
-jest.mock('cozy-ui/transpiled/react/I18n', () => ({
+jest.mock('cozy-ui/transpiled/react/providers/I18n', () => ({
   useI18n: jest.fn().mockReturnValue({ t: jest.fn() })
 }))
 

package/src/ShareButtonWithRecipients.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 import Grid from 'cozy-ui/transpiled/react/Grid'
 import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
-import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 
 import { ShareButton } from './ShareButton'
 import { SharedRecipients } from './SharedRecipients'

package/src/SharingBanner/components/PublicBanner.jsx

@@ -4,8 +4,8 @@ import snarkdown from 'snarkdown'
 
 import { useClient } from 'cozy-client'
 import Banner from 'cozy-ui/transpiled/react/Banner'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Button, { ButtonLink } from 'cozy-ui/transpiled/react/deprecated/Button'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import CozyHomeLinkIcon from './CozyHomeLinkIcon'
 import styles from './publicBanner.styl'

package/src/SharingBanner/components/PublicBanner.spec.jsx

@@ -2,11 +2,11 @@ import { render } from '@testing-library/react'
 import React from 'react'
 
 import { useClient } from 'cozy-client'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { SharingBannerCozyToCozy } from './PublicBanner'
 
-jest.mock('cozy-ui/transpiled/react/I18n')
+jest.mock('cozy-ui/transpiled/react/providers/I18n')
 jest.mock('cozy-client')
 
 describe('PublicBanner', () => {

package/src/SharingBanner/test/AppLike.jsx

@@ -3,8 +3,8 @@ import { Provider } from 'react-redux'
 import { createStore } from 'redux'
 
 import { CozyProvider } from 'cozy-client'
-import { I18n } from 'cozy-ui/transpiled/react/I18n'
-import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { AcceptingSharingProvider } from './AcceptingSharingContext'
 import FabProvider from './FabProvider'

package/src/SharingDetailsModal.jsx

@@ -3,7 +3,7 @@ import React from 'react'
 
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Divider from 'cozy-ui/transpiled/react/Divider'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import OwnerIdentity from './components/Recipient/OwnerIdentity'
 import WhoHasAccess from './components/WhoHasAccess'

package/src/SharingProvider.spec.jsx

@@ -1,4 +1,4 @@
-import { act } from '@testing-library/react'
+import { act, render, screen } from '@testing-library/react'
 import { mount } from 'enzyme'
 import React from 'react'
 
@@ -33,7 +33,7 @@ describe('allLoaded', () => {
   })
 
   it('Change to True when all data is loaded', async () => {
-    const component = mount(
+    render(
       <AppWrapper client={client}>
         <SharingContext.Consumer>
           {({ allLoaded }) => <div>{`allLoaded: ${allLoaded}`}</div>}
@@ -41,13 +41,13 @@ describe('allLoaded', () => {
       </AppWrapper>
     )
 
-    expect(component.find('div').text()).toBe('allLoaded: false')
+    expect(screen.getByText('allLoaded: false')).toBeInTheDocument()
 
     await act(async () => {
       await new Promise(resolve => setTimeout(resolve, 100))
     })
 
-    expect(component.find('div').text()).toBe('allLoaded: true')
+    expect(screen.getByText('allLoaded: true')).toBeInTheDocument()
   })
 })
 

package/src/components/ConfirmTrustedRecipientsDialog.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import Recipient from './Recipient/Recipient'
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer'

package/src/components/ContactSuggestion.jsx

@@ -4,10 +4,10 @@ import React from 'react'
 
 import { models } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 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 { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { Contact, Group, getDisplayName, getInitials } from '../models'
 

package/src/components/CozyPassFingerprintDialogContent.jsx

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import snarkdown from 'snarkdown'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Paper from 'cozy-ui/transpiled/react/Paper'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import styles from './CozyPassFingerprintDialogContent.styl'
 

package/src/components/EditLinkPermissionDialog.jsx

@@ -4,9 +4,9 @@ import React, { useState } from 'react'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import FormControlLabel from 'cozy-ui/transpiled/react/FormControlLabel'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup'
 import Radio from 'cozy-ui/transpiled/react/Radios'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const EditLinkPermissionDialog = ({
   open,

package/src/components/EditableSharingModal.spec.jsx

@@ -2,7 +2,7 @@ import { mount } from 'enzyme'
 import React from 'react'
 
 import { createMockClient } from 'cozy-client'
-import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 
 import { EditableSharingModal } from './EditableSharingModal'
 import { default as DumbShareModal } from './ShareModal'

package/src/components/Recipient/LinkRecipient.jsx

@@ -3,13 +3,13 @@ import React from 'react'
 
 import Circle from 'cozy-ui/transpiled/react/Circle'
 import Fade from 'cozy-ui/transpiled/react/Fade'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 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 LinkRecipientPermissions from './LinkRecipientPermissions'
 import RecipientConfirm from './RecipientConfirm'

package/src/components/Recipient/LinkRecipientPermissions.jsx

@@ -1,7 +1,6 @@
 import React, { useState, useRef } from 'react'
 
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
@@ -11,6 +10,7 @@ import ActionMenu, {
   ActionMenuRadio
 } from 'cozy-ui/transpiled/react/deprecated/ActionMenu'
 import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link'
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions'

package/src/components/Recipient/Recipient.jsx

@@ -3,11 +3,11 @@ import React from 'react'
 
 import { useClient } from 'cozy-client'
 import Fade from 'cozy-ui/transpiled/react/Fade'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 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 RecipientAvatar from './RecipientAvatar'
 import RecipientConfirm from './RecipientConfirm'

package/src/components/Recipient/RecipientConfirm.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Button from 'cozy-ui/transpiled/react/deprecated/Button'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import modalStyles from '../../share.styl'
 

package/src/components/Recipient/RecipientPermissions.jsx

@@ -2,7 +2,6 @@ import React, { useState, useRef, useCallback } from 'react'
 
 import { useClient } from 'cozy-client'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye'
 import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename'
@@ -12,6 +11,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import ActionMenu, {
   ActionMenuItem
 } from 'cozy-ui/transpiled/react/deprecated/ActionMenu'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const RecipientPermissions = ({
   isOwner,

package/src/components/Recipient/RecipientStatus.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye'
 import PaperplaneIcon from 'cozy-ui/transpiled/react/Icons/Paperplane'
 import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { Media, Img, Bd } from 'cozy-ui/transpiled/react/deprecated/Media'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import styles from './recipient.styl'
 

package/src/components/ShareByEmail.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 
 import { useClient } from 'cozy-client'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ShareRecipientsInput from './ShareRecipientsInput'
 import { ShareRecipientsLimitModal } from './ShareRecipientsLimitModal'

package/src/components/ShareByLink.jsx

@@ -4,12 +4,12 @@ import React, { useState, useEffect, useCallback } from 'react'
 
 import Alert from 'cozy-ui/transpiled/react/Alert'
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy'
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 import Snackbar from 'cozy-ui/transpiled/react/Snackbar'
-import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import EditLinkPermissionDialog from './EditLinkPermissionDialog'
 import { isOnlyReadOnlyLinkAllowed } from '../helpers/link'

package/src/components/ShareDialogCozyToCozy.jsx

@@ -1,8 +1,8 @@
 import cx from 'classnames'
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { default as DumbShareByEmail } from './ShareByEmail'
 import { default as DumbShareByLink } from './ShareByLink'

package/src/components/ShareDialogOnlyByLink.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { default as DumbShareByLink } from './ShareByLink'
 import WhoHasAccess from './WhoHasAccess'

package/src/components/ShareDialogTwoStepsConfirmationContainer.jsx

@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect, useState } from 'react'
 
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Button from 'cozy-ui/transpiled/react/deprecated/Button'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { useSafeState } from '../helpers/hooks'
 

package/src/components/ShareRecipientsLimitModal.jsx

@@ -3,7 +3,7 @@ import React from 'react'
 
 import Buttons from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { computeRecipientsLimit } from '../helpers/recipients'
 

package/src/components/SharedStatus.jsx

@@ -1,8 +1,8 @@
 import cx from 'classnames'
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import palette from 'cozy-ui/transpiled/react/palette'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { SharingTooltip, TooltipRecipientList } from './Tooltip'
 import styles from './status.styl'

package/src/components/WhoHasAccess.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import List from 'cozy-ui/transpiled/react/List'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import LinkRecipient from './Recipient/LinkRecipient'
 import OwnerRecipient from './Recipient/OwnerRecipient'

package/src/withLocales.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { I18n, translate } from 'cozy-ui/transpiled/react/I18n'
+import { I18n, translate } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const locales = {
   en: require(`../locales/en.json`),

package/test/AppLike.jsx

@@ -1,18 +1,21 @@
 import React from 'react'
 
 import { CozyProvider, createMockClient } from 'cozy-client'
-import { I18n } from 'cozy-ui/transpiled/react/I18n'
-import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
+import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import langEn from '../locales/en.json'
 
 const AppLike = ({ children, client }) => (
   <BreakpointsProvider>
-    <I18n lang="en" dictRequire={() => langEn}>
-      <CozyProvider client={client || createMockClient({})}>
-        {children}
-      </CozyProvider>
-    </I18n>
+    <CozyTheme>
+      <I18n lang="en" dictRequire={() => langEn}>
+        <CozyProvider client={client || createMockClient({})}>
+          {children}
+        </CozyProvider>
+      </I18n>
+    </CozyTheme>
   </BreakpointsProvider>
 )