cozy-sharing 33.6.0 → 34.0.0

package/dist/state.spec.js

@@ -4,7 +4,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 reducer, { receiveSharings, addSharing, addSharingLink, updateSharingLink, revokeSharingLink, getRecipients, getRecipientsFromSharing, revokeRecipient, revokeSelf, updateSharing, matchingInstanceName, getSharingLink, hasSharedParent, hasSharedChild, getSharedDocIdsBySharings, getSharingType, getPermissionDocIds, getDocumentSharingType, getSharedParentPath, getExternalSharingIds, getRecipientsWithGroups } from './state';
+import reducer, { receiveSharings, addSharing, addSharingLink, updateSharingLink, revokeSharingLink, getRecipients, getRecipientsFromSharing, revokeGroup, revokeRecipient, revokeSelf, updateSharing, matchingInstanceName, getSharingLink, hasSharedParent, hasSharedChild, getSharedDocIdsBySharings, getSharingType, getPermissionDocIds, getDocumentSharingType, getSharedParentPath, getExternalSharingIds, getRecipientsWithGroups } from './state';
 import { SHARING_1, SHARING_2, SHARING_3, SHARING_READ_ONLY, PERM_1, PERM_2, PERM_WITHOUT_DOC, SHARING_NO_ACTIVE, SHARING_WITH_SHORTCUT, APPS } from '../__tests__/fixtures';
 describe('Sharing state', function () {
   it('should have a default state', function () {
@@ -106,7 +106,7 @@ describe('Sharing state', function () {
     });
     expect(state.sharings).toEqual([SHARING_1, SHARED_DRIVE_WITHOUT_RECIPIENTS]);
   });
-  it('should not forget shared drives without recipients when updating', function () {
+  it('should forget shared drives without recipients when updating', function () {
     var SHARED_DRIVE_WITHOUT_RECIPIENTS = _objectSpread(_objectSpread({}, SHARING_1), {}, {
       id: 'shared_drive_no_recipients',
       attributes: _objectSpread(_objectSpread({}, SHARING_1.attributes), {}, {
@@ -139,15 +139,45 @@ describe('Sharing state', function () {
     });
 
     var state = reducer(initialState, updateSharing(updatedSharing));
-    expect(state.byDocId).toEqual({
-      shared_drive_folder: {
-        sharings: [SHARED_DRIVE_WITHOUT_RECIPIENTS.id],
-        permissions: []
-      }
-    });
-    expect(state.sharings).toEqual([updatedSharing]);
+    expect(state.byDocId).toEqual({});
+    expect(state.sharings).toEqual([]);
   });
-  it('should not remove shared drive path when revoking last recipient', function () {
+  it('should forget a shared drive when revoking its last group', function () {
+    var SHARED_DRIVE_WITH_GROUP = _objectSpread(_objectSpread({}, SHARING_1), {}, {
+      id: 'shared_drive_group',
+      attributes: _objectSpread(_objectSpread({}, SHARING_1.attributes), {}, {
+        drive: true,
+        members: [{
+          status: 'owner',
+          name: 'Jane Doe',
+          email: 'jane@doe.com',
+          instance: 'http://cozy.tools:8080'
+        }],
+        groups: [{
+          name: 'Last group',
+          addedBy: 0
+        }],
+        rules: [{
+          title: 'My Shared Drive',
+          doctype: 'io.cozy.files',
+          values: ['shared_drive_group_folder'],
+          add: 'sync',
+          update: 'sync',
+          remove: 'sync'
+        }]
+      })
+    });
+
+    var sharedDrivePath = '/shared_drive_group_folder';
+    var initialState = reducer(reducer(undefined, receiveSharings({
+      sharings: [SHARED_DRIVE_WITH_GROUP]
+    })), addSharing(SHARED_DRIVE_WITH_GROUP, sharedDrivePath));
+    var state = reducer(initialState, revokeGroup(SHARED_DRIVE_WITH_GROUP, 0, sharedDrivePath));
+    expect(state.byDocId).toEqual({});
+    expect(state.sharings).toEqual([]);
+    expect(state.sharedPaths).toEqual([]);
+  });
+  it('should forget a shared drive when revoking last recipient', function () {
     var SHARED_DRIVE_WITH_ONE_RECIPIENT = _objectSpread(_objectSpread({}, SHARING_1), {}, {
       id: 'shared_drive_one_recipient',
       attributes: _objectSpread(_objectSpread({}, SHARING_1.attributes), {}, {
@@ -178,23 +208,10 @@ describe('Sharing state', function () {
     var initialState = reducer(reducer(undefined, receiveSharings({
       sharings: [SHARED_DRIVE_WITH_ONE_RECIPIENT]
     })), addSharing(SHARED_DRIVE_WITH_ONE_RECIPIENT, sharedDrivePath));
-
-    var sharingAfterRevoke = _objectSpread(_objectSpread({}, SHARED_DRIVE_WITH_ONE_RECIPIENT), {}, {
-      attributes: _objectSpread(_objectSpread({}, SHARED_DRIVE_WITH_ONE_RECIPIENT.attributes), {}, {
-        members: [SHARED_DRIVE_WITH_ONE_RECIPIENT.attributes.members[0], _objectSpread(_objectSpread({}, SHARED_DRIVE_WITH_ONE_RECIPIENT.attributes.members[1]), {}, {
-          status: 'revoked'
-        })]
-      })
-    });
-
-    var state = reducer(initialState, revokeRecipient(sharingAfterRevoke, 1, sharedDrivePath));
-    expect(state.sharedPaths).toContain(sharedDrivePath);
-    expect(state.byDocId).toEqual({
-      shared_drive_folder: {
-        sharings: [SHARED_DRIVE_WITH_ONE_RECIPIENT.id],
-        permissions: []
-      }
-    });
+    var state = reducer(initialState, revokeRecipient(SHARED_DRIVE_WITH_ONE_RECIPIENT, 1, sharedDrivePath));
+    expect(state.byDocId).toEqual({});
+    expect(state.sharings).toEqual([]);
+    expect(state.sharedPaths).toEqual([]);
   });
   it('should index received permissions', function () {
     var state = reducer(undefined, receiveSharings({

package/jest.config.js

@@ -26,10 +26,11 @@ module.exports = {
     '^cozy-client$': '<rootDir>/node_modules/cozy-client/dist/index.js',
     '^cozy-client/dist/types$':
       '<rootDir>/node_modules/cozy-client/dist/types.js',
-    '^twake-i18n$': '<rootDir>/../twake-i18n/dist/index.js'
+    '^twake-i18n$': '<rootDir>/../twake-i18n/dist/index.js',
+    '^@linagora/twake-icons$': '<rootDir>/jestHelpers/mocks/twake-icons.js'
   },
   transformIgnorePatterns: [
-    '<rootDir>/node_modules/(?!(cozy-ui|cozy-harvest-lib))'
+    '<rootDir>/node_modules/(?!(cozy-ui|cozy-harvest-lib|cozy-ui-plus))'
   ],
   setupFilesAfterEnv: ['<rootDir>/jestHelpers/setup.js']
 }

package/jestHelpers/mocks/twake-icons.js

@@ -0,0 +1,23 @@
+const React = require('react')
+
+const Icon = ({ icon, ...props }) =>
+  React.createElement('span', { 'data-icon': true, ...props })
+
+const Sprite = () => null
+
+const getFileTypeIcon = () =>
+  function FileTypeIcon() {
+    return React.createElement('svg', { 'data-filetypeicon': true })
+  }
+
+const proxyHandler = {
+  get: function (target, prop) {
+    if (prop in target) return target[prop]
+    if (prop === 'default') return target.Icon
+    return function IconMock(props) {
+      return React.createElement('svg', { 'data-mock-icon': prop, ...props })
+    }
+  }
+}
+
+module.exports = new Proxy({ Icon, Sprite, getFileTypeIcon }, proxyHandler)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.6.0",
+  "version": "34.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -40,6 +40,7 @@
   "devDependencies": {
     "@babel/cli": "7.16.8",
     "@babel/core": "7.16.12",
+    "@linagora/twake-icons": "^2.6.2",
     "@storybook/addon-essentials": "7.6.0",
     "@storybook/addon-interactions": "7.6.0",
     "@storybook/addon-links": "7.6.0",
@@ -68,6 +69,7 @@
     "twake-i18n": "^0.4.1"
   },
   "peerDependencies": {
+    "@linagora/twake-icons": ">=2.6.2",
     "cozy-client": ">=60.28.0",
     "cozy-device-helper": ">=4.0.0",
     "cozy-flags": ">=4.8.1",
@@ -83,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "fc451fb2e649fffe6bfc8f16ff812ba4c31531cf"
+  "gitHead": "99a6d19a4f3f61c99cc785c87126e3e2f0bfa646"
 }

package/src/OpenSharingLinkButton.jsx

@@ -1,8 +1,8 @@
+import { Icon } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React from 'react'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import { useI18n } from 'twake-i18n'
 
 import { getIconWithlabel, openExternalLink } from './helpers/sharings'

package/src/SharingProvider.spec.jsx

@@ -5,7 +5,12 @@ import { createMockClient } from 'cozy-client'
 
 import { SharingProvider } from './SharingProvider'
 import SharingContext from './context'
-import reducer, { addSharingLink, getDocumentPermissions } from './state'
+import reducer, {
+  addSharingLink,
+  getDocumentPermissions,
+  getDocumentSharing,
+  receiveSharings
+} from './state'
 import AppLike from '../test/AppLike'
 
 const AppWrapper = ({ children, client, isPublic }) => {
@@ -291,6 +296,115 @@ describe('updateDocumentPermissions', () => {
   })
 })
 
+describe('shared drive recipient revocation', () => {
+  const SHARED_DRIVE = {
+    _id: 'sharing_123',
+    id: 'sharing_123',
+    type: 'io.cozy.sharings',
+    attributes: {
+      drive: true,
+      owner: true,
+      description: 'Shared folder',
+      rules: [
+        {
+          title: 'Shared folder',
+          doctype: 'io.cozy.files',
+          values: ['folder_123'],
+          add: 'none',
+          update: 'none',
+          remove: 'none'
+        }
+      ],
+      members: [
+        {
+          status: 'owner',
+          email: 'owner@cozy.local',
+          instance: 'http://cozy.local'
+        },
+        {
+          status: 'pending',
+          email: 'recipient@cozy.local',
+          instance: 'http://recipient.cozy.local'
+        }
+      ]
+    }
+  }
+  const NEW_SHARING = {
+    ...SHARED_DRIVE,
+    _id: 'sharing_456',
+    id: 'sharing_456'
+  }
+  const document = {
+    _id: 'folder_123',
+    id: 'folder_123',
+    path: '/Shared folder'
+  }
+  const recipient = {
+    _id: 'contact_123',
+    id: 'contact_123',
+    _type: 'io.cozy.contacts',
+    email: 'recipient@cozy.local'
+  }
+
+  let provider
+  let sharingCol
+
+  beforeEach(() => {
+    const mockClient = createMockClient({})
+    mockClient.getStackClient = () => ({ uri: 'http://cozy.local' })
+    mockClient.collection = jest.fn().mockReturnValue({})
+
+    provider = new SharingProvider({ client: mockClient })
+    provider.state = {
+      ...provider.state,
+      ...reducer(undefined, receiveSharings({ sharings: [SHARED_DRIVE] }))
+    }
+    provider.dispatch = jest.fn(action => {
+      provider.state = {
+        ...provider.state,
+        ...reducer(provider.state, action)
+      }
+    })
+    sharingCol = {
+      addRecipients: jest.fn(),
+      create: jest.fn().mockResolvedValue({ data: NEW_SHARING }),
+      revokeRecipient: jest.fn().mockResolvedValue({})
+    }
+    provider.sharingCol = sharingCol
+  })
+
+  it('forgets the shared drive when revoking its last recipient', async () => {
+    await provider.revoke(document, SHARED_DRIVE.id, 1)
+
+    expect(sharingCol.revokeRecipient).toHaveBeenCalledWith(SHARED_DRIVE, 1)
+    expect(getDocumentSharing(provider.state, document.id)).toBeNull()
+  })
+
+  it('creates a new sharing when re-adding after the last recipient was revoked', async () => {
+    await provider.revoke(document, SHARED_DRIVE.id, 1)
+
+    await provider.share({
+      document,
+      recipients: [recipient],
+      readOnlyRecipients: [],
+      description: 'Shared folder',
+      openSharing: true,
+      sharedDrive: true
+    })
+
+    expect(sharingCol.addRecipients).not.toHaveBeenCalled()
+    expect(sharingCol.create).toHaveBeenCalledWith({
+      document,
+      recipients: [recipient],
+      readOnlyRecipients: [],
+      description: 'Shared folder',
+      previewPath: '/preview',
+      openSharing: true,
+      sharedDrive: true
+    })
+  })
+})
+
 describe('fetchSharedDriveSharingLinks', () => {
   const PERM_DRIVE_FILE = {
     type: 'io.cozy.permissions',

package/src/actions/addToCozySharingLink.js

@@ -1,8 +1,7 @@
+import { Icon, CloudPlusOutlined } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -35,7 +34,7 @@ export const addToCozySharingLink = ({
   const label = t('Share.banner.add_to_mine', {
     smart_count: isShortLabel ? 1 : 2
   })
-  const icon = CloudPlusOutlinedIcon
+  const icon = CloudPlusOutlined
 
   return {
     name: 'addToCozySharingLink',

package/src/actions/createCozySharingLink.js

@@ -1,8 +1,7 @@
+import { Icon, ToTheCloud } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -32,7 +31,7 @@ export const createCozySharingLink = ({
 }) => {
   const { t } = getActionsI18n()
   const label = t('Share.create-cozy', { smart_count: isShortLabel ? 1 : 2 })
-  const icon = ToTheCloudIcon
+  const icon = ToTheCloud
 
   return {
     name: 'createCozySharingLink',

package/src/actions/shareNative.js

@@ -1,8 +1,7 @@
+import { Icon, Reply } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ReplyIcon from 'cozy-ui/transpiled/react/Icons/Reply'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -31,7 +30,7 @@ export const shareNative = ({
   const { t } = getActionsI18n()
 
   const label = t('Share.send')
-  const icon = ReplyIcon
+  const icon = Reply
 
   return {
     name: 'shareNative',

package/src/actions/syncToCozySharingLink.js

@@ -1,8 +1,7 @@
+import { Icon, Sync } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
@@ -34,7 +33,7 @@ export const syncToCozySharingLink = ({
   const label = t('Share.banner.sync_to_mine', {
     smart_count: isShortLabel ? 1 : 2
   })
-  const icon = SyncIcon
+  const icon = Sync
 
   return {
     name: 'syncToCozySharingLink',

package/src/components/Avatar/AvatarList.jsx

@@ -1,10 +1,9 @@
+import { Icon, Link } from '@linagora/twake-icons'
 import cx from 'classnames'
 import React from 'react'
 
 import { useClient } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 
 import { ExtraAvatar } from './ExtraAvatar'
 import { GroupAvatar } from './GroupAvatar'
@@ -75,7 +74,7 @@ const AvatarList = ({
       {link && (
         <span data-testid="AvatarList-link">
           <Avatar color="none" border innerBorder size={size}>
-            <Icon icon={LinkIcon} />
+            <Icon icon={Link} />
           </Avatar>
         </span>
       )}

package/src/components/Avatar/GroupAvatar.jsx

@@ -1,13 +1,12 @@
+import { Icon, Team } from '@linagora/twake-icons'
 import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team'
 
 const GroupAvatar = ({ size, className }) => {
   return (
     <Avatar size={size} className={className} border>
-      <Icon icon={TeamIcon} />
+      <Icon icon={Team} />
     </Avatar>
   )
 }

package/src/components/Recipient/GroupRecipientDetailWithoutAccess.jsx

@@ -1,8 +1,7 @@
+import { Icon, Forbidden } from '@linagora/twake-icons'
 import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden'
 import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
@@ -23,7 +22,7 @@ const GroupRecipientDetailWithoutAccess = ({ withoutAccess, isOwner }) => {
       </Typography>
       <List>
         {withoutAccess.map(recipient => {
-          const icon = recipient.status === 'revoked' ? ForbiddenIcon : null
+          const icon = recipient.status === 'revoked' ? Forbidden : null
           const defaultDisplayName = t(DEFAULT_DISPLAY_NAME)
           const name = getDisplayName(recipient, defaultDisplayName)
 

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -1,12 +1,11 @@
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons'
 import React, { useState, useRef } from 'react'
 
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import ActionsMenuMobileHeader from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
@@ -92,7 +91,7 @@ const GroupRecipientPermissions = ({
             className="u-ml-half"
             aria-label={t('Share.members.revoke')}
           >
-            <Icon icon={CrossCircleOutlineIcon} />
+            <Icon icon={CrossCircleOutline} />
           </IconButton>
         </>
       )}

package/src/components/Recipient/LinkRecipient.jsx

@@ -1,12 +1,10 @@
+import { Icon, Gear, Link } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Fade from 'cozy-ui/transpiled/react/Fade'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import Gear from 'cozy-ui/transpiled/react/Icons/Gear'
-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'
@@ -100,7 +98,7 @@ const LinkRecipient = props => {
       <ListItem gutters={isMobile ? 'default' : 'double'} size="small">
         <ListItemIcon>
           <Avatar size="m" color="none" border innerBorder>
-            <Icon icon={LinkIcon} />
+            <Icon icon={Link} />
           </Avatar>
         </ListItemIcon>
         {isReadOnly ? (

package/src/components/Recipient/LinkRecipientLite.jsx

@@ -1,9 +1,8 @@
+import { Icon, Link } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React from 'react'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
-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'
@@ -24,7 +23,7 @@ const LinkRecipientLite = ({ permissions, link }) => {
     <ListItem size="small" ellipsis>
       <ListItemIcon>
         <Avatar size="m" color="none" border innerBorder>
-          <Icon icon={LinkIcon} />
+          <Icon icon={Link} />
         </Avatar>
       </ListItemIcon>
       <ListItemText

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -1,3 +1,4 @@
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons'
 import React, { useState, useRef, useCallback } from 'react'
 
 import { useClient } from 'cozy-client'
@@ -5,9 +6,7 @@ import minilog from 'cozy-minilog'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
@@ -141,7 +140,7 @@ const MemberRecipientPermissions = ({
             className="u-ml-half"
             aria-label={t('Share.members.revoke')}
           >
-            <Icon icon={CrossCircleOutlineIcon} />
+            <Icon icon={CrossCircleOutline} />
           </IconButton>
         </>
       )}

package/src/components/Recipient/actions/revokeLink.js

@@ -1,8 +1,7 @@
+import { Icon, Trash } from '@linagora/twake-icons'
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
@@ -13,13 +12,13 @@ const revokeLink = ({ t, handleRevocation }) => {
   return {
     name: 'revokeLink',
     label: title,
-    icon: TrashIcon,
+    icon: Trash,
     action: handleRevocation,
     Component: forwardRef(function RevokeLinkItem(props, ref) {
       return (
         <ActionsMenuItem {...props} ref={ref}>
           <ListItemIcon>
-            <Icon icon={TrashIcon} color="var(--errorColor)" />
+            <Icon icon={Trash} color="var(--errorColor)" />
           </ListItemIcon>
           <ListItemText
             primary={<Typography color="error">{title}</Typography>}

package/src/components/ShareButton.jsx

@@ -1,9 +1,8 @@
+import { Icon, Share } from '@linagora/twake-icons'
 import classNames from 'classnames'
 import React from 'react'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share'
 
 import styles from '../styles/button.styl'
 
@@ -13,7 +12,7 @@ export const ShareButton = ({ label, onClick, className, ...props }) => (
     variant="secondary"
     className={className}
     onClick={() => onClick()}
-    startIcon={<Icon icon={ShareIcon} />}
+    startIcon={<Icon icon={Share} />}
     label={label}
     {...props}
   />
@@ -24,7 +23,7 @@ export const SharedByMeButton = ({ label, onClick, className, ...props }) => (
     data-test-id="share-by-me-button"
     className={className}
     onClick={() => onClick()}
-    icon={<Icon icon={ShareIcon} />}
+    icon={<Icon icon={Share} />}
     label={label}
     {...props}
   />
@@ -34,7 +33,7 @@ export const SharedWithMeButton = ({ label, onClick, className, ...props }) => (
   <Button
     className={classNames(styles['coz-btn-sharedWithMe'], className)}
     onClick={() => onClick()}
-    startIcon={<Icon icon={ShareIcon} />}
+    startIcon={<Icon icon={Share} />}
     label={label}
     {...props}
   />

package/src/components/ShareByLink.jsx

@@ -1,11 +1,9 @@
+import { Icon, Copy, Link } from '@linagora/twake-icons'
 import PropTypes from 'prop-types'
 import React, { useReducer, useState } from 'react'
 
 import { useClient } from 'cozy-client'
 import Button from 'cozy-ui/transpiled/react/Buttons'
-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 { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'twake-i18n'
@@ -144,12 +142,12 @@ const ShareByLink = ({
             label={t(`${documentType}.share.shareByLink.send`)}
             variant="secondary"
             size="medium"
-            startIcon={<Icon icon={LinkIcon} />}
+            startIcon={<Icon icon={Link} />}
             onClick={shareLink}
             busy={isGenerating}
           />
           <Button
-            label={<Icon icon={CopyIcon} />}
+            label={<Icon icon={Copy} />}
             variant="secondary"
             size="medium"
             onClick={generateLinkAndCopyLinkToClipboard}
@@ -162,7 +160,7 @@ const ShareByLink = ({
           label={t(`${documentType}.share.shareByLink.copy`)}
           variant="secondary"
           size="medium"
-          startIcon={<Icon icon={LinkIcon} />}
+          startIcon={<Icon icon={Link} />}
           onClick={generateLinkAndCopyLinkToClipboard}
           busy={isGenerating}
         />
@@ -172,7 +170,7 @@ const ShareByLink = ({
           label={t(`${documentType}.share.shareByLink.create`)}
           variant="secondary"
           size="medium"
-          startIcon={<Icon icon={LinkIcon} />}
+          startIcon={<Icon icon={Link} />}
           onClick={generateLinkSilently}
           busy={isGenerating}
         />