cozy-sharing 21.2.2 → 22.0.0

package/dist/stylesheet.css

@@ -115,9 +115,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.recipient__recipient-status-icon___-liGw {
-  margin-right: 0.25rem;
-}
 .recipient__recipient-user___1THIU,
 .recipient__recipient-details___2fZfc {
   text-overflow: ellipsis;
@@ -446,12 +443,18 @@ input[type=text] {
   border: none;
 }
 .autosuggest__recipientsContainer___1JYxA input[type=email]:hover,
-.autosuggest__recipientsContainer___1JYxA input[type=email]:focus {
+.autosuggest__recipientsContainer___1JYxA input[type=email]:focus,
+.autosuggest__recipientsContainer___1JYxA input[type=email]:focus-visible {
   border: none;
+  outline: none;
 }
 .autosuggest__recipientsContainer___1JYxA input[type=email]:first-child {
   padding: 0.25rem 0.5rem;
 }
+.autosuggest__recipientsContainer___1JYxA input[type=email]::placeholder {
+  color: var(--secondaryTextColor);
+  font-size: 1rem;
+}
 .autosuggest__recipientChip___d5I3R {
   margin: 0.25rem 0.5rem 0.25rem 0;
 }
@@ -514,6 +517,19 @@ input[type=text] {
 .badge__shared-badge___2jGsy.badge__--with-me___3jW7R {
   background-color: #9169f2;
 }
+/*  imported from shareddrive.styl  */
+
+@media (max-width: 48rem) {
+}
+@media (max-width: 48rem) {
+}
+.shareddrive__shared-drive-who-has-access-wrapper___K1kbr {
+  border: 1px solid var(--borderMainColor);
+  border-radius: 0.5rem;
+  width: 100%;
+  padding: 1rem;
+  box-sizing: border-box;
+}
 /*  imported from status.styl  */
 
 .status__shared-status___2HpyL {

package/locales/en.json

@@ -387,6 +387,11 @@
       "desc": "You keep the content but it won't be updated between your Cozy anymore."
     }
   },
+  "RevokeSharedDriveMemberItem": {
+    "revoke": {
+      "title": "Remove"
+    }
+  },
   "GroupRecipient": {
     "secondary": "%{memberCount} member |||| %{memberCount} members",
     "secondary_you": "including you"
@@ -446,5 +451,16 @@
     "error": "Problem with link recovery: %{error}",
     "text": "Link to my document %{name}: |||| Link to my documents %{name}: ",
     "title": "Link to my document %{name} |||| Link to my documents %{name}"
+  },
+  "SharedDrive": {
+    "sharedDriveModal": {
+      "title": "New shared drive",
+      "nameLabel": "Drive name",
+      "descriptionLabel": "Description",
+      "add": "Add",
+      "create": "Create",
+      "successNotification": "Shared drive has been added",
+      "errorNotification": "Error during shared drive creation"
+    }
   }
 }

package/locales/fr.json

@@ -385,6 +385,11 @@
       "desc": "Vous conservez le contenu mais il ne sera plus mis à jour entre vos Cozy."
     }
   },
+  "RevokeSharedDriveMemberItem": {
+    "revoke": {
+      "title": "Supprimer"
+    }
+  },
   "GroupRecipient": {
     "secondary": "%{memberCount} membre |||| %{memberCount} membres",
     "secondary_you": "dont vous"
@@ -445,5 +450,16 @@
     "error": "Problème avec la récupération du lien : %{error}",
     "text": "Voici un lien vers mon document %{name} : |||| Voici un lien contenant mes documents %{name} : ",
     "title": "Lien vers mon document %{name} |||| Lien vers mes documents %{name}"
+  },
+  "SharedDrive": {
+    "sharedDriveModal": {
+      "title": "Nouveau drive partagé",
+      "nameLabel": "Nom du drive partagé",
+      "descriptionLabel": "Description",
+      "add": "Ajouter",
+      "create": "Créer",
+      "successNotification": "Le drive partagé a été ajouté",
+      "errorNotification": "Erreur lors de la création du drive partagé"
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "21.2.2",
+  "version": "22.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -53,7 +53,7 @@
     "babel-jest": "26.6.3",
     "babel-plugin-css-modules-transform": "1.6.2",
     "babel-plugin-inline-react-svg": "1.1.2",
-    "cozy-client": "^53.0.0",
+    "cozy-client": "^57.0.0",
     "cozy-device-helper": "^3.7.1",
     "cozy-intent": "^2.29.2",
     "cozy-minilog": "^3.9.1",
@@ -66,7 +66,7 @@
     "storybook": "7.6.0"
   },
   "peerDependencies": {
-    "cozy-client": ">=53.0.0",
+    "cozy-client": ">=57.0.0",
     "cozy-device-helper": ">=3.7.1",
     "cozy-intent": ">=2.29.1",
     "cozy-minilog": ">=3.9.1",
@@ -78,5 +78,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b257fb0f869d9797d5222aa8481e7035a890aeb4"
+  "gitHead": "aec25fcc965f90749b846878d099c9db5d794656"
 }

package/src/SharingProvider.jsx

@@ -225,7 +225,8 @@ export class SharingProvider extends Component {
     recipients,
     readOnlyRecipients,
     description,
-    openSharing
+    openSharing,
+    sharedDrive
   }) => {
     const { client, doctype } = this.props
     const sharing = getDocumentSharing(this.state, document.id)
@@ -249,7 +250,8 @@ export class SharingProvider extends Component {
       readOnlyRecipients,
       description,
       previewPath,
-      openSharing
+      openSharing,
+      sharedDrive
     })
 
     this.dispatch(

package/src/assets/illustrations/illustration-shared-drives.svg

@@ -0,0 +1 @@
+<svg width="200" height="136" viewBox="0 0 200 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M161 14.592c-1.888.222-7.568-.664-15.182-5.982-9.518-6.647-13.847-8.724-22.434-4.183C115 8.86 115.227 23.012 115 27" stroke="#CEBEF7" stroke-width="4" stroke-linecap="round"/><path d="M165.844 92c5.431-3.51 16.097-12.335 15.315-19.555-.977-9.025-12.708-11.281-22.81-10.78-10.101.502-17.596 4.513-28.349 1.504" stroke="#B9F6F7" stroke-width="4" stroke-linecap="round"/><path d="M23.495 72c-.329 4.729-2.425 21.765 5.479 27.308 9.88 6.928 23.668-1.244 30.831-5.203C66.97 90.146 79.072 83.217 85 85.527" stroke="#FFD799" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" fill="#297EF2" r="48"/><circle cx="148" cy="104" r="24" fill="#B9F6F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148 106c-4.418 0-8-4.029-8-9 0-4.97 3.582-9 8-9s8 4.03 8 9c0 4.971-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#38D1D3"/><circle cx="148" cy="104" r="20" stroke="#B9F6F7" stroke-width="8"/><circle cx="24" cy="65" r="24" fill="#FFD799"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 67c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9ZM8 77c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4H10c-2 0-2-2-2-4Z" fill="#FF9300"/><circle cx="24" cy="65" r="20" stroke="#FFD799" stroke-width="8"/><circle cx="172" cy="28" r="24" fill="#CEBEF7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M172 30c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#855CEA"/><circle cx="172" cy="28" r="20" stroke="#CEBEF7" stroke-width="8"/><path d="M66.418 133.29a81.818 81.818 0 0 0 16.142 2.244c16.166.948 38.758.424 48.325-1.346 9.567-1.771 10.083-4.465-14.448-5.812-20.925-1.147-45.26.474-50.362 2.894-1.52.648-1.447 1.371.343 2.02Z" fill="#BBD9FD"/><path d="M80.198 64.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.812V76H76v-4.421a4.5 4.5 0 0 1 .986-2.812l3.212-4.015ZM80.198 43.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.811V55H76v-4.422a4.5 4.5 0 0 1 .986-2.81l3.212-4.016Z" fill="#fff"/><path d="M76 71.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12ZM76 50.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12Z" fill="#B2D3FF"/><path d="M88 77.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM88 56.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="#fff"/><path d="M194.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.121.969-.242ZM48.112 111.445c1.212-.045 1.17-1.968-.043-1.968-.216 0-.433 0-.65.134v-.627c-.043-.537-.389-.984-.952-.984-.476 0-.995.447-.952.984v.537H45.3c-.13-.044-.217 0-.347 0-.649 0-.952.671-.952 1.164 0 .492.26.715.65.85.259.134.562.044.865.044 0 .135.043.269.043.448.044 1.297 1.992 1.297 1.905 0 0-.134 0-.269-.043-.403.216-.089.476-.089.692-.179ZM176.04 97.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.301 1.03-.121.242-.121.485-.06.788Z" fill="#BBD9FD"/><path d="M185.045 86.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.545 0 .788ZM28.09 29.576c1.695-.06 1.634-2.667-.061-2.667-.303 0-.605 0-.908.182V26.243c-.06-.788-.545-1.394-1.332-1.394-.666 0-1.392.606-1.332 1.333v.727h-.303c-.181-.06-.302 0-.484 0-.908 0-1.332.91-1.332 1.576 0 .667.364.97.908 1.152.364.181.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.182 0-.364-.06-.545.303 0 .666-.06.968-.182ZM78.751 8.667C80.446 8.607 80.386 6 78.691 6c-.303 0-.606 0-.909.182v-.849C77.722 4.606 77.239 4 76.451 4c-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.302-.121.665-.121.968-.242Z" fill="#3281EE"/><path d="M107.751 10.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.303-.06.666-.121.969-.242ZM21.612 7.879h-1.634v-1.03c0-2.304-3.633-2.304-3.572 0 0 .424 0 .848.06 1.272-.181 0-.847-.06-.968-.121-2.18-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.632 2.303 3.572 0v-.97c.484 0 .968-.06 1.513-.06 2.18.06 2.18-3.515-.12-3.515ZM8.9 32.485c.12.424.423.788.665.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03-.121.242-.121.546-.06.788ZM44.04 41.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM58.066 16.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03a.87.87 0 0 0-.061.788Z" fill="#BBD9FD"/><path d="M43.89 7.576c.12.424.423.788.666.97.666.424 1.695.302 2.179-.425.484-.667.545-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.06.242-.06.545 0 .788ZM84.026 28.97c.12.424.424.787.666.969.666.424 1.695.303 2.18-.424.483-.667.544-1.758-.546-2.364-.908-.545-1.997.06-2.3 1.03a1.73 1.73 0 0 0 0 .788Z" fill="#3281EE"/><path d="M20.04 107.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM5.04 88.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.545-.061.788Z" fill="#BBD9FD"/><path d="M191.311 54.758h-1.634v-1.03c0-2.304-3.632-2.304-3.572 0 0 .423 0 .848.061 1.272-.182 0-.848-.06-.969-.121-2.179-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.633 2.303 3.572 0v-.97c.484 0 .969-.06 1.513-.06 2.24.06 2.24-3.515-.121-3.515Z" fill="#3281EE"/><path d="M136.045 21.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.485 0 .788Z" fill="#BBD9FD"/><path d="M129.045 10.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788ZM46.07 26.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.546-2.363-.908-.546-1.997.06-2.3 1.03-.06.242-.121.546 0 .788ZM11.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.363-.06.665-.121.968-.242ZM164.751 74.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.364-.06.666-.121.969-.242ZM153.045 56.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788Z" fill="#3281EE"/><path d="M193.07 73.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.997.06-2.3 1.03-.061.242-.121.545 0 .788ZM194.751 7.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.182.969-.242Z" fill="#BBD9FD"/><path d="M49.751 89.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.606.06 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.06-.545.302-.121.665-.182.968-.242ZM59.045 105.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.061.243-.061.546 0 .788Z" fill="#3281EE"/></svg>

package/src/components/Recipient/GroupRecipient.jsx

@@ -55,11 +55,7 @@ const GroupRecipient = props => {
             <GroupAvatar size="small" />
           </ListItemIcon>
           <ListItemText
-            primary={
-              <Typography className="u-ellipsis" variant="body1">
-                {name}
-              </Typography>
-            }
+            primary={<Typography variant="body1">{name}</Typography>}
             secondary={getGroupRecipientSecondaryText({
               t,
               nbMember,

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -76,10 +76,6 @@ const GroupRecipientPermissions = ({
             ref={buttonRef}
             open={isMenuDisplayed}
             actions={actions}
-            anchorOrigin={{
-              vertical: 'bottom',
-              horizontal: 'right'
-            }}
             autoClose
             onClose={hideMenu}
           >

package/src/components/Recipient/LinkRecipient.jsx

@@ -65,11 +65,7 @@ const LinkRecipient = props => {
           </Circle>
         </ListItemIcon>
         <ListItemText
-          primary={
-            <Typography className="u-ellipsis" variant="body1">
-              {textPrimary}
-            </Typography>
-          }
+          primary={<Typography variant="body1">{textPrimary}</Typography>}
           secondary={textSecondary}
         />
         {RightPart}

package/src/components/Recipient/MemberRecipient.jsx

@@ -57,7 +57,7 @@ const MemberRecipient = props => {
         </ListItemIcon>
         <ListItemText
           primary={
-            <Typography className="u-ellipsis" variant="body1">
+            <Typography variant="body1">
               {isMe ? t('Share.recipients.you') : name}
             </Typography>
           }

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -84,10 +84,6 @@ const MemberRecipientPermissions = ({
             ref={buttonRef}
             open={isMenuDisplayed}
             actions={actions}
-            anchorOrigin={{
-              vertical: 'bottom',
-              horizontal: 'right'
-            }}
             autoClose
             onClose={hideMenu}
           />

package/src/components/Recipient/MemberRecipientStatus.jsx

@@ -5,11 +5,8 @@ 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 '../../styles/recipient.styl'
-
 const MemberRecipientStatus = ({ status, isMe, instance, typographyProps }) => {
   const { t } = useI18n()
 
@@ -32,20 +29,13 @@ const MemberRecipientStatus = ({ status, isMe, instance, typographyProps }) => {
   }
 
   return (
-    <Media>
-      <Img className={styles['recipient-status-icon']}>
-        <Icon icon={icon} size={10} />
-      </Img>
-      <Bd>
-        <Typography
-          variant="caption"
-          color="textSecondary"
-          {...typographyProps}
-        >
-          {text}
-        </Typography>
-      </Bd>
-    </Media>
+    <div className="u-flex u-flex-items-center">
+      <Icon icon={icon} size={10} />
+      &nbsp;
+      <Typography variant="caption" color="textSecondary" {...typographyProps}>
+        {text}
+      </Typography>
+    </div>
   )
 }
 

package/src/components/Recipient/RecipientList.jsx

@@ -4,6 +4,7 @@ import { GroupRecipient } from './GroupRecipient'
 import MemberRecipient from './MemberRecipient'
 import { usePrevious } from '../../helpers/hooks'
 import { filterAndReworkRecipients } from '../../helpers/recipients'
+import SharedDriveRecipient from '../SharedDrive/SharedDriveRecipient'
 
 const RecipientList = ({
   recipients,
@@ -13,6 +14,7 @@ const RecipientList = ({
   documentType,
   onRevoke,
   onRevokeSelf,
+  onSetType,
   verifyRecipient
 }) => {
   const previousRecipients = usePrevious(recipients)
@@ -26,6 +28,22 @@ const RecipientList = ({
       user => user.email === recipient.email
     )
 
+    const isSharedDriveRecipient = recipient?.index
+      ?.toString()
+      .startsWith('virtual-shared-drive')
+
+    if (isSharedDriveRecipient) {
+      return (
+        <SharedDriveRecipient
+          {...recipient}
+          key={recipient.index}
+          onRevoke={onRevoke}
+          onSetType={onSetType}
+          fadeIn={recipient.hasBeenJustAdded}
+        />
+      )
+    }
+
     const isGroupRecipient = recipient.members
     if (isGroupRecipient) {
       return (

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

@@ -0,0 +1,41 @@
+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'
+
+const makeComponent = title => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={TrashIcon} color="var(--errorColor)" />
+        </ListItemIcon>
+        <ListItemText
+          primary={<Typography color="error">{title}</Typography>}
+        />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'RevokeSharedDriveMember'
+
+  return Component
+}
+
+const revokeSharedDriveMember = ({ t, handleRevocation }) => {
+  const title = t(`RevokeSharedDriveMemberItem.revoke.title`)
+
+  return {
+    name: 'revokeSharedDriveMember',
+    label: title,
+    action: () => {
+      handleRevocation()
+    },
+    Component: makeComponent(title)
+  }
+}
+export { revokeSharedDriveMember }

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

@@ -0,0 +1,43 @@
+import React, { forwardRef } from 'react'
+
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Radios from 'cozy-ui/transpiled/react/Radios'
+
+const makeComponent = ({ label, type, onClick }) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref} button={false} onClick={onClick}>
+        <ListItemIcon>
+          <Radios checked={type === 'one-way'} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+  Component.displayName = 'SetReadOnlySharedPermission'
+
+  return Component
+}
+
+/**
+ * @param {function} t - translation function
+ * @param {string} type - current editing rights
+ * @param {function} setType - function to set editing rights
+ */
+export const setReadOnlySharedPermission = ({ t, type, setType }) => {
+  const label = t('Share.type.one-way')
+
+  const onClick = () => {
+    setType('one-way')
+  }
+
+  return {
+    name: 'setReadOnlySharedPermission',
+    label,
+    icon: null,
+    action: onClick,
+    Component: makeComponent({ label, type, onClick })
+  }
+}

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

@@ -0,0 +1,43 @@
+import React, { forwardRef } from 'react'
+
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Radios from 'cozy-ui/transpiled/react/Radios'
+
+const makeComponent = ({ label, type, onClick }) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref} button={false} onClick={onClick}>
+        <ListItemIcon>
+          <Radios checked={type === 'two-way'} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+  Component.displayName = 'SetReadWriteSharedPermission'
+
+  return Component
+}
+
+/**
+ * @param {function} t - translation function
+ * @param {string} type - current editing rights
+ * @param {function} setType - function to set editing rights
+ */
+export const setReadWriteSharedPermission = ({ t, type, setType }) => {
+  const label = t('Share.type.two-way')
+
+  const onClick = () => {
+    setType('two-way')
+  }
+
+  return {
+    name: 'setReadWriteSharedPermission',
+    label,
+    icon: null,
+    action: onClick,
+    Component: makeComponent({ label, type, onClick })
+  }
+}

package/src/components/ShareByEmail.jsx

@@ -27,7 +27,9 @@ export const ShareByEmail = ({
   createContact,
   documentType,
   currentRecipients,
-  sharing
+  sharing,
+  submitLabel,
+  showNotifications = true
 }) => {
   const client = useClient()
   const { t } = useI18n()
@@ -96,27 +98,31 @@ export const ShareByEmail = ({
         openSharing: readWriteRecipients.length > 0
       })
 
-      showAlert({
-        message: t(
-          ...getSuccessMessage(recipientsBefore, contacts, documentType)
-        ),
-        severity: 'success',
-        variant: 'filled'
-      })
+      if (showNotifications) {
+        showAlert({
+          message: t(
+            ...getSuccessMessage(recipientsBefore, contacts, documentType)
+          ),
+          severity: 'success',
+          variant: 'filled'
+        })
+      }
     } catch (err) {
-      showAlert({
-        message: t(
-          ...getErrorMessage({
-            t,
-            err,
-            documentType,
-            recipients,
-            selectedOption
-          })
-        ),
-        severity: 'error',
-        variant: 'filled'
-      })
+      if (showNotifications) {
+        showAlert({
+          message: t(
+            ...getErrorMessage({
+              t,
+              err,
+              documentType,
+              recipients,
+              selectedOption
+            })
+          ),
+          severity: 'error',
+          variant: 'filled'
+        })
+      }
     } finally {
       reset()
     }
@@ -166,7 +172,7 @@ export const ShareByEmail = ({
             onChange={onChange}
           />
           <ShareSubmit
-            label={t(`${documentType}.share.shareByEmail.send`)}
+            label={submitLabel || t(`${documentType}.share.shareByEmail.send`)}
             onSubmit={share}
             loading={loading}
             disabled={recipients.length === 0}
@@ -191,7 +197,11 @@ ShareByEmail.propTypes = {
   onShare: PropTypes.func.isRequired,
   createContact: PropTypes.func.isRequired,
   // We can display this component without having created the sharing yet
-  sharing: PropTypes.object
+  sharing: PropTypes.object,
+  // Customize the label of the button that submit contacts
+  submitLabel: PropTypes.string,
+  // Display success or error notifications
+  showNotifications: PropTypes.bool
 }
 
 export default ShareByEmail

package/src/components/ShareDialogCozyToCozy.jsx

@@ -20,7 +20,6 @@ const SharingContent = ({
   documentType,
   hasSharedParent,
   isOwner,
-  needsContactsPermission,
   onRevoke,
   onRevokeSelf,
   onShare,
@@ -68,7 +67,6 @@ const SharingContent = ({
             currentRecipients={recipients}
             document={document}
             documentType={documentType}
-            needsContactsPermission={needsContactsPermission}
             onShare={onShare}
             sharing={sharing}
             sharingDesc={sharingDesc}

package/src/components/ShareDialogTwoStepsConfirmationContainer.jsx

@@ -92,7 +92,6 @@ const ShareDialogTwoStepsConfirmationContainer = ({
   hasSharedParent,
   isOwner,
   link,
-  needsContactsPermission,
   onClose,
   onRevoke,
   onRevokeLink,
@@ -208,7 +207,6 @@ const ShareDialogTwoStepsConfirmationContainer = ({
         documentType={documentType}
         hasSharedParent={hasSharedParent}
         isOwner={isOwner}
-        needsContactsPermission={needsContactsPermission}
         onRevoke={onRevoke}
         onRevokeSelf={onRevokeSelf}
         onShare={onShare}

package/src/components/ShareModal.jsx

@@ -12,7 +12,6 @@ export const ShareModal = ({
   hasSharedParent,
   isOwner,
   link,
-  needsContactsPermission,
   onClose,
   onRevoke,
   onRevokeSelf,
@@ -50,7 +49,6 @@ export const ShareModal = ({
       hasSharedParent={hasSharedParent}
       isOwner={isOwner}
       link={link}
-      needsContactsPermission={needsContactsPermission}
       onClose={onClose}
       onRevoke={onRevoke}
       onRevokeSelf={onRevokeSelf}
@@ -78,7 +76,6 @@ ShareModal.propTypes = {
   hasSharedParent: PropTypes.bool,
   isOwner: PropTypes.bool,
   link: PropTypes.string,
-  needsContactsPermission: PropTypes.bool,
   onClose: PropTypes.func.isRequired,
   onRevoke: PropTypes.func.isRequired,
   onShare: PropTypes.func.isRequired,

package/src/components/ShareRestrictionModal/BoxEditingRights.jsx

@@ -73,10 +73,6 @@ export const BoxEditingRights = ({ file, editingRights, setEditingRights }) => {
         open={isMenuDisplayed}
         docs={[file]}
         actions={actions}
-        anchorOrigin={{
-          vertical: 'bottom',
-          horizontal: 'right'
-        }}
         autoClose
         onClose={toggleMenuDisplayed}
       />