cozy-sharing 7.0.0 → 7.0.2

package/src/ShareButtonWithRecipients.jsx

@@ -1,10 +1,12 @@
 import React from 'react'
+
+import Grid from 'cozy-ui/transpiled/react/MuiCozyTheme/Grid'
+import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
+import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+
 import { ShareButton } from './ShareButton'
 import { SharedRecipients } from './SharedRecipients'
-import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
 import SharingContext from './context'
-import Grid from 'cozy-ui/transpiled/react/MuiCozyTheme/Grid'
-import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
 
 export const ShareButtonWithRecipients = ({ docId, onClick, ...props }) => {
   const { isMobile } = useBreakpoints()

package/src/ShareModal.jsx

@@ -1,11 +1,11 @@
-import React from 'react'
 import omit from 'lodash/omit'
+import React from 'react'
 import { useLocation } from 'react-router'
 
+import { SharingDetailsModal } from './SharingDetailsModal'
 import EditableSharingModal from './components/EditableSharingModal'
 import SharingContext from './context'
 import withLocales from './withLocales'
-import { SharingDetailsModal } from './SharingDetailsModal'
 
 const SharingModal = ({ document, ...rest }) => (
   <SharingContext.Consumer>

package/src/SharedBadge.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
+import { default as DumbSharedBadge } from './components/SharedBadge'
 import SharingContext from './context'
 import withLocales from './withLocales'
-import { default as DumbSharedBadge } from './components/SharedBadge'
 
 export const SharedBadge = withLocales(({ docId, ...rest }) => (
   <SharingContext.Consumer>

package/src/SharedRecipients.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
+import RecipientsAvatars from './components/Recipient/RecipientsAvatars'
 import SharingContext from './context'
 import withLocales from './withLocales'
-import RecipientsAvatars from './components/Recipient/RecipientsAvatars'
 
 export const SharedRecipients = withLocales(({ docId, onClick, ...rest }) => (
   <SharingContext.Consumer>

package/src/SharedRecipientsList.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
+import { default as RecipientsList } from './components/WhoHasAccessLight'
 import SharingContext from './context'
 import withLocales from './withLocales'
-import { default as RecipientsList } from './components/WhoHasAccessLight'
 
 export const SharedRecipientsList = withLocales(({ docId, ...rest }) => (
   <SharingContext.Consumer>

package/src/SharedStatus.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
+import RecipientsAvatars from './components/Recipient/RecipientsAvatars'
 import SharingContext from './context'
 import withLocales from './withLocales'
-import RecipientsAvatars from './components/Recipient/RecipientsAvatars'
 
 export const SharedStatus = withLocales(
   ({ docId, className, noSharedClassName, onClick, showMeAsOwner }) => (

package/src/SharingBanner/components/PublicBanner.jsx

@@ -1,5 +1,5 @@
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
 import snarkdown from 'snarkdown'
 
 import { useClient } from 'cozy-client'
@@ -8,7 +8,6 @@ import Button, { ButtonLink } from 'cozy-ui/transpiled/react/Button'
 import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 
 import CozyHomeLinkIcon from './CozyHomeLinkIcon'
-
 import styles from './publicBanner.styl'
 
 const HOME_LINK_HREF = 'https://manager.cozycloud.cc/cozy/create'

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

@@ -1,8 +1,10 @@
-import React from 'react'
 import { render } from '@testing-library/react'
-import { SharingBannerCozyToCozy } from './PublicBanner'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import React from 'react'
+
 import { useClient } from 'cozy-client'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+
+import { SharingBannerCozyToCozy } from './PublicBanner'
 
 jest.mock('cozy-ui/transpiled/react/I18n')
 jest.mock('cozy-client')

package/src/SharingBanner/components/SharingBanner.jsx

@@ -1,5 +1,5 @@
-import React, { useState, useCallback } from 'react'
 import PropTypes from 'prop-types'
+import React, { useState, useCallback } from 'react'
 
 import { SharingBannerByLink, SharingBannerCozyToCozy } from './PublicBanner'
 

package/src/SharingBanner/hooks/useSharingInfos.jsx

@@ -2,9 +2,9 @@ import { useState, useEffect } from 'react'
 
 import { useClient, models } from 'cozy-client'
 
-import getQueryParameter from '../helpers/QueryParameter'
 import logger from '../../logger'
 import { buildSharingsByIdQuery } from '../../queries/queries'
+import getQueryParameter from '../helpers/QueryParameter'
 
 const getSharingId = permission => {
   const sourceId = permission.data.attributes.source_id

package/src/SharingBanner/hooks/useSharingInfos.spec.js

@@ -1,5 +1,5 @@
-import React from 'react'
 import { renderHook, act } from '@testing-library/react-hooks'
+import React from 'react'
 
 import { createMockClient } from 'cozy-client'
 

package/src/SharingBanner/index.jsx

@@ -1,9 +1,9 @@
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
 
-import withLocales from '../withLocales'
-import { useSharingInfos } from './hooks/useSharingInfos'
 import { SharingBanner } from './components/SharingBanner'
+import { useSharingInfos } from './hooks/useSharingInfos'
+import withLocales from '../withLocales'
 
 const Plugin = ({ previewPath }) => {
   const sharingInfos = useSharingInfos(previewPath)

package/src/SharingBanner/test/AppLike.jsx

@@ -1,18 +1,18 @@
 import React from 'react'
-import { CozyProvider } from 'cozy-client'
 import { Provider } from 'react-redux'
 import { createStore } from 'redux'
 
+import { CozyProvider } from 'cozy-client'
 import { I18n } from 'cozy-ui/transpiled/react/I18n'
-import SharingContext from '../../context'
-
-import langEn from '../../../locales/en.json'
-import { ThumbnailSizeContextProvider } from './ThumbnailSizeContext'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
-import { ModalContext } from './ModalContext'
-import { RouterContext } from './RouterContext'
+
 import { AcceptingSharingProvider } from './AcceptingSharingContext'
 import FabProvider from './FabProvider'
+import { ModalContext } from './ModalContext'
+import { RouterContext } from './RouterContext'
+import { ThumbnailSizeContextProvider } from './ThumbnailSizeContext'
+import langEn from '../../../locales/en.json'
+import SharingContext from '../../context'
 
 const mockStore = createStore(() => ({
   mobile: {

package/src/SharingDetailsModal.jsx

@@ -1,14 +1,14 @@
-import styles from './share.styl'
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider'
 
 import OwnerIdentity from './components/Recipient/OwnerIdentity'
 import WhoHasAccess from './components/WhoHasAccess'
 import { getDisplayName } from './models'
+import styles from './share.styl'
 
 export const SharingDetailsModal = ({
   onClose,

package/src/SharingOwnerAvatar.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
+import RecipientAvatar from './components/Recipient/RecipientAvatar'
 import SharingContext from './context'
 import withLocales from './withLocales'
-import RecipientAvatar from './components/Recipient/RecipientAvatar'
 
 export const SharingOwnerAvatar = withLocales(({ docId, ...rest }) => (
   <SharingContext.Consumer>

package/src/SharingProvider.jsx

@@ -3,6 +3,15 @@ import React, { Component } from 'react'
 import { withClient } from 'cozy-client'
 
 import SharingContext from './context'
+import { fetchNextPermissions } from './fetchNextPermissions'
+import { fetchFilesPaths } from './helpers/files'
+import {
+  getSharingObject,
+  createSharingInStore,
+  updateSharingInStore
+} from './helpers/sharings'
+import { SynchronousJobQueue } from './helpers/synchronousJobQueue'
+import { fetchApps } from './queries/queries'
 import reducer, {
   receiveSharings,
   addSharing,
@@ -28,15 +37,6 @@ import reducer, {
   hasSharedParent,
   hasSharedChild
 } from './state'
-import { fetchNextPermissions } from './fetchNextPermissions'
-import { fetchFilesPaths } from './helpers/files'
-import { SynchronousJobQueue } from './helpers/synchronousJobQueue'
-import {
-  getSharingObject,
-  createSharingInStore,
-  updateSharingInStore
-} from './helpers/sharings'
-import { fetchApps } from './queries/queries'
 
 const SHARING_DOCTYPE = 'io.cozy.sharings'
 const PERMISSION_DOCTYPE = 'io.cozy.permissions'

package/src/SharingProvider.spec.jsx

@@ -1,13 +1,13 @@
-import React from 'react'
-import { mount } from 'enzyme'
 import { act } from '@testing-library/react'
+import { mount } from 'enzyme'
+import React from 'react'
+
 import { createMockClient } from 'cozy-client'
 
-import SharingContext from './context'
 import { SharingProvider } from './SharingProvider'
-import AppLike from '../test/AppLike'
-
+import SharingContext from './context'
 import { receiveSharings } from './state'
+import AppLike from '../test/AppLike'
 
 const AppWrapper = ({ children, client }) => {
   return (

package/src/components/ConfirmTrustedRecipientsDialog.jsx

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

package/src/components/ContactSuggestion.jsx

@@ -1,13 +1,13 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import get from 'lodash/get'
+import PropTypes from 'prop-types'
+import React from 'react'
 
 import { models } from 'cozy-client'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
 import { Contact, Group, getDisplayName, getInitials } from '../models'
 

package/src/components/ContactSuggestion.spec.jsx

@@ -1,9 +1,9 @@
-import React from 'react'
 import { mount } from 'enzyme'
+import React from 'react'
 
+import { ContactSuggestion } from './ContactSuggestion'
 import AppLike from '../../test/AppLike'
 
-import { ContactSuggestion } from './ContactSuggestion'
 const WrappingComponent = ({ children }) => <AppLike>{children}</AppLike>
 
 describe('ContactSuggestion component', () => {

package/src/components/CozyPassFingerprintDialogContent.jsx

@@ -1,13 +1,12 @@
-import React from 'react'
+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/I18n'
-import snarkdown from 'snarkdown'
-
-import cx from 'classnames'
 import styles from './CozyPassFingerprintDialogContent.styl'
 
 /**

package/src/components/CozyPassFingerprintDialogContent.spec.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 
 import { createMockClient } from 'cozy-client'
-import AppLike from '../../test/AppLike'
 
 import { CozyPassFingerprintDialogContent } from './CozyPassFingerprintDialogContent'
+import AppLike from '../../test/AppLike'
 
 describe('CozyPassFingerprintDialogContent', () => {
   const client = createMockClient({})

package/src/components/EditLinkPermissionDialog.jsx

@@ -1,12 +1,12 @@
-import React, { useState } from 'react'
 import PropTypes from 'prop-types'
+import React, { useState } from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
-import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import Radio from 'cozy-ui/transpiled/react/Radios'
-import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup'
+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'
 
 const EditLinkPermissionDialog = ({
   open,

package/src/components/EditLinkPermissionDialog.spec.jsx

@@ -1,9 +1,10 @@
-import React from 'react'
 import { render, fireEvent } from '@testing-library/react'
+import React from 'react'
 
 import { createMockClient } from 'cozy-client'
-import AppLike from '../../test/AppLike'
+
 import EditLinkPermissionDialog from './EditLinkPermissionDialog'
+import AppLike from '../../test/AppLike'
 
 describe('EditLinkPermissionDialog', () => {
   const client = createMockClient({})

package/src/components/EditableSharingModal.jsx

@@ -1,11 +1,12 @@
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
+
 import { useClient, useQueryAll } from 'cozy-client'
 
-import { Contact } from '../models'
-import SharingContext from '../context'
 import { default as DumbShareModal } from './ShareModal'
 import { useFetchDocumentPath } from './useFetchDocumentPath'
+import SharingContext from '../context'
+import { Contact } from '../models'
 import { buildContactsQuery, buildGroupsQuery } from '../queries/queries'
 
 export const EditableSharingModal = ({ document, ...rest }) => {

package/src/components/EditableSharingModal.spec.jsx

@@ -1,15 +1,15 @@
-import React from 'react'
 import { mount } from 'enzyme'
+import React from 'react'
 
 import { createMockClient } from 'cozy-client'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
 
-import AppLike from '../../test/AppLike'
+import { EditableSharingModal } from './EditableSharingModal'
 import { default as DumbShareModal } from './ShareModal'
+import { useFetchDocumentPath } from './useFetchDocumentPath'
+import AppLike from '../../test/AppLike'
 import { SharingProvider } from '../SharingProvider'
 import { receivePaths } from '../state'
-import { useFetchDocumentPath } from './useFetchDocumentPath'
-import { EditableSharingModal } from './EditableSharingModal'
 
 jest.mock('./useFetchDocumentPath', () => ({
   useFetchDocumentPath: jest.fn()

package/src/components/Recipient/AvatarPlusX.jsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import uniqueId from 'lodash/uniqueId'
+import PropTypes from 'prop-types'
+import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 

package/src/components/Recipient/Identity.jsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import classNames from 'classnames'
+import PropTypes from 'prop-types'
+import React from 'react'
 
 import styles from './recipient.styl'
 

package/src/components/Recipient/LinkRecipient.jsx

@@ -1,20 +1,20 @@
-import React from 'react'
 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 ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
-import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
-import Circle from 'cozy-ui/transpiled/react/Circle'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import Fade from 'cozy-ui/transpiled/react/Fade'
 
-import { FADE_IN_DURATION } from '../../helpers/recipients'
-import RecipientConfirm from './RecipientConfirm'
 import LinkRecipientPermissions from './LinkRecipientPermissions'
+import RecipientConfirm from './RecipientConfirm'
 import styles from './recipient.styl'
+import { FADE_IN_DURATION } from '../../helpers/recipients'
 
 const LinkRecipient = props => {
   const { t } = useI18n()

package/src/components/Recipient/LinkRecipientPermissions.jsx

@@ -1,20 +1,19 @@
 import React, { useState, useRef } from 'react'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
-import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
 import ActionMenu, {
   ActionMenuItem,
   ActionMenuRadio
 } from 'cozy-ui/transpiled/react/ActionMenu'
-import Typography from 'cozy-ui/transpiled/react/Typography'
+import Alerter from 'cozy-ui/transpiled/react/Alerter'
+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 Alerter from 'cozy-ui/transpiled/react/Alerter'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 
-import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
 import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link'
-
+import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
 import logger from '../../logger'
 
 const LinkRecipientPermissions = ({

package/src/components/Recipient/OwnerIdentity.jsx

@@ -2,9 +2,9 @@ import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 
+import Identity from './Identity'
 import styles from './recipient.styl'
 import { getDisplayName, getInitials } from '../../models'
-import Identity from './Identity'
 
 const OwnerIdentity = ({ url, size, ...rest }) => (
   <div className={styles['avatar']}>

package/src/components/Recipient/OwnerRecipient.jsx

@@ -1,8 +1,8 @@
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
 
-import Recipient from './Recipient'
 import OwnerRecipientDefault from './OwnerRecipientDefault'
+import Recipient from './Recipient'
 
 const OwnerRecipient = ({ recipients }) => {
   const ownerRecipient = recipients.find(

package/src/components/Recipient/Recipient.jsx

@@ -1,20 +1,20 @@
-import React from 'react'
 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 ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import Fade from 'cozy-ui/transpiled/react/Fade'
 
-import { FADE_IN_DURATION } from '../../helpers/recipients'
-import { getDisplayName } from '../../models'
+import RecipientAvatar from './RecipientAvatar'
 import RecipientConfirm from './RecipientConfirm'
 import RecipientPermissions from './RecipientPermissions'
-import RecipientAvatar from './RecipientAvatar'
 import RecipientStatus from './RecipientStatus'
+import { FADE_IN_DURATION } from '../../helpers/recipients'
+import { getDisplayName } from '../../models'
 
 const DEFAULT_DISPLAY_NAME = 'Share.contacts.defaultDisplayName'
 

package/src/components/Recipient/Recipient.spec.jsx

@@ -1,8 +1,10 @@
+import { render, fireEvent } from '@testing-library/react'
 import React from 'react'
+
+import { createMockClient } from 'cozy-client'
+
 import Recipient from './Recipient'
 import AppLike from '../../../test/AppLike'
-import { createMockClient } from 'cozy-client'
-import { render, fireEvent } from '@testing-library/react'
 
 describe('Recipient component', () => {
   const client = createMockClient({})

package/src/components/Recipient/RecipientAvatar.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { useClient } from 'cozy-client'
 
+import { useClient } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 
 import { getDisplayName, getInitials } from '../../models'

package/src/components/Recipient/RecipientConfirm.jsx

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

package/src/components/Recipient/RecipientPermissions.jsx

@@ -1,15 +1,15 @@
 import React, { useState, useRef, useCallback } from 'react'
-import { useClient } from 'cozy-client'
 
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
-import Spinner from 'cozy-ui/transpiled/react/Spinner'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
+import { useClient } from 'cozy-client'
 import ActionMenu, { ActionMenuItem } from 'cozy-ui/transpiled/react/ActionMenu'
+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'
 import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
-import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye'
+import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const RecipientPermissions = ({
   isOwner,

package/src/components/Recipient/RecipientPlusX.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
 import PropTypes from 'prop-types'
+import React from 'react'
 
 import AvatarPlusX from './AvatarPlusX'
+import Identity from './Identity'
 import styles from './recipient.styl'
 import { getDisplayName } from '../../models'
-import Identity from './Identity'
 
 const RecipientPlusX = ({ extraRecipients }, { t }) => (
   <div className={styles['recipient']}>

package/src/components/Recipient/RecipientStatus.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 
 import { useI18n } from 'cozy-ui/transpiled/react/I18n'
-import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media'
-import Typography from 'cozy-ui/transpiled/react/Typography'
 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 EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye'
+import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 
 import styles from './recipient.styl'
 

package/src/components/Recipient/RecipientWithoutStatus.jsx

@@ -2,9 +2,9 @@ import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 
+import Identity from './Identity'
 import styles from './recipient.styl'
 import { getDisplayName, getInitials } from '../../models'
-import Identity from './Identity'
 
 const RecipientWithoutStatus = ({ instance, ...rest }) => {
   const name = getDisplayName(rest)