cozy-sharing 21.2.1 → 21.3.0

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [21.3.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@21.2.2...cozy-sharing@21.3.0) (2025-02-26)
+
+
+### Features
+
+* Add a basic new shared drive modal ([a554807](https://github.com/cozy/cozy-libs/commit/a55480749600410871b74e3284f23f5d57d71605))
+* Allow to create a shared drive in the share method ([c5efffe](https://github.com/cozy/cozy-libs/commit/c5efffee257519a4e83d74a4c263395239d5fd02))
+* Allow to customize autosuggest submit label ([6b619df](https://github.com/cozy/cozy-libs/commit/6b619dffc96d020e3bc031a73f3c622afdd77343))
+* Allow to disable notifications on contact selection ([a62e48d](https://github.com/cozy/cozy-libs/commit/a62e48db450620bb42e9d5e568fdc861ee6a0650))
+* Display notification and close modal on shared drive creation ([10bff21](https://github.com/cozy/cozy-libs/commit/10bff21516fa3159ce04e15c332044fe462636cc))
+* Manage changing permissions in NewSharedDriveModal ([9aba037](https://github.com/cozy/cozy-libs/commit/9aba0371d9d3a993523a5d6968eac7c4d9d1ec3f))
+
+
+
+
+
+## [21.2.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@21.2.1...cozy-sharing@21.2.2) (2025-02-04)
+
+
+### Bug Fixes
+
+* **Sharing:** Show all share recipients in the “who has access” modal ([8669e6b](https://github.com/cozy/cozy-libs/commit/8669e6b8d8650bbd6645a9be94db403121059e70))
+* **Sharing:** Show correct sharing status by user ([55f5a43](https://github.com/cozy/cozy-libs/commit/55f5a43ca5426da991ab76c7f96faa6ccae00a11))
+
+
+### Reverts
+
+* Revert "fix(Sharing): Show correct sharing status by user" ([547a458](https://github.com/cozy/cozy-libs/commit/547a458b1dc4cb64724345c753eff153f7830a8a))
+
+
+
+
+
 ## [21.2.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@21.2.0...cozy-sharing@21.2.1) (2025-01-28)
 
 **Note:** Version bump only for package cozy-sharing

package/dist/SharingProvider.js

@@ -123,12 +123,12 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
         var _this2$props$previewP;
 
-        var document, recipients, readOnlyRecipients, description, openSharing, _this2$props2, client, doctype, sharing, sharingResult, previewPath, _yield$_this2$sharing, data;
+        var document, recipients, readOnlyRecipients, description, openSharing, sharedDrive, _this2$props2, client, doctype, sharing, sharingResult, previewPath, _yield$_this2$sharing, data;
 
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              document = _ref2.document, recipients = _ref2.recipients, readOnlyRecipients = _ref2.readOnlyRecipients, description = _ref2.description, openSharing = _ref2.openSharing;
+              document = _ref2.document, recipients = _ref2.recipients, readOnlyRecipients = _ref2.readOnlyRecipients, description = _ref2.description, openSharing = _ref2.openSharing, sharedDrive = _ref2.sharedDrive;
               _this2$props2 = _this2.props, client = _this2$props2.client, doctype = _this2$props2.doctype;
               sharing = getDocumentSharing(_this2.state, document.id);
 
@@ -165,7 +165,8 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
                 readOnlyRecipients: readOnlyRecipients,
                 description: description,
                 previewPath: previewPath,
-                openSharing: openSharing
+                openSharing: openSharing,
+                sharedDrive: sharedDrive
               });
 
             case 13:

package/dist/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/dist/components/Avatar/AvatarList.js

@@ -12,7 +12,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",

package/dist/components/Identity/ExtraIdentity.js

@@ -6,7 +6,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",

package/dist/components/Identity/Identity.js

@@ -5,7 +5,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",

package/dist/components/Identity/MemberIdentity.js

@@ -8,7 +8,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",

package/dist/components/Identity/OwnerIdentity.js

@@ -8,7 +8,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",

package/dist/components/Recipient/GroupRecipient.js

@@ -63,7 +63,6 @@ var GroupRecipient = function GroupRecipient(props) {
     size: "small"
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: /*#__PURE__*/React.createElement(Typography, {
-      className: "u-ellipsis",
       variant: "body1"
     }, name),
     secondary: getGroupRecipientSecondaryText({

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -112,10 +112,6 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'right'
-    },
     autoClose: true,
     onClose: hideMenu
   }, /*#__PURE__*/React.createElement(ActionsMenuMobileHeader, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(GroupAvatar, {

package/dist/components/Recipient/LinkRecipient.js

@@ -20,7 +20,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",
@@ -78,7 +77,6 @@ var LinkRecipient = function LinkRecipient(props) {
     icon: LinkIcon
   }))), /*#__PURE__*/React.createElement(ListItemText, {
     primary: /*#__PURE__*/React.createElement(Typography, {
-      className: "u-ellipsis",
       variant: "body1"
     }, textPrimary),
     secondary: textSecondary

package/dist/components/Recipient/LinkRecipientLite.js

@@ -14,7 +14,6 @@ var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
   "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
   "recipient-user": "recipient__recipient-user___1THIU",
   "recipient-details": "recipient__recipient-details___2fZfc",
   "avatar": "recipient__avatar___2LnIV",

package/dist/components/Recipient/MemberRecipient.js

@@ -55,7 +55,6 @@ var MemberRecipient = function MemberRecipient(props) {
     recipient: props
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: /*#__PURE__*/React.createElement(Typography, {
-      className: "u-ellipsis",
       variant: "body1"
     }, isMe ? t('Share.recipients.you') : name),
     secondary: /*#__PURE__*/React.createElement(MemberRecipientStatus, {

package/dist/components/Recipient/MemberRecipientLite.js

@@ -26,7 +26,8 @@ var MemberRecipientLite = function MemberRecipientLite(_ref) {
       t = _useI18n.t;
 
   var client = useClient();
-  var isMe = isOwner && recipient.status === 'owner' || recipient.instance === client.options.uri;
+  var recipientOwner = recipient.status === 'owner';
+  var isMe = isOwner && recipientOwner || recipient.instance === client.options.uri;
   return /*#__PURE__*/React.createElement(ListItem, {
     size: "small",
     ellipsis: true
@@ -46,7 +47,7 @@ var MemberRecipientLite = function MemberRecipientLite(_ref) {
   }), /*#__PURE__*/React.createElement(Typography, {
     className: "u-flex-shrink-0",
     variant: "body2"
-  }, isMe ? t("Share.status.".concat(recipient.status)).toLowerCase() : t("Share.type.".concat((_recipient$type = recipient.type) !== null && _recipient$type !== void 0 ? _recipient$type : 'one-way')).toLowerCase()));
+  }, recipientOwner ? t("Share.status.".concat(recipient.status)).toLowerCase() : t("Share.type.".concat((_recipient$type = recipient.type) !== null && _recipient$type !== void 0 ? _recipient$type : 'one-way')).toLowerCase()));
 };
 
 MemberRecipientLite.propTypes = {

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -103,10 +103,6 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'right'
-    },
     autoClose: true,
     onClose: hideMenu
   })));

package/dist/components/Recipient/MemberRecipientStatus.js

@@ -5,25 +5,7 @@ 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 = {
-  "recipient": "recipient__recipient___2DmZI",
-  "recipients-list-light": "recipient__recipients-list-light___Vq4op",
-  "recipient-idents": "recipient__recipient-idents___3s7rw",
-  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
-  "recipient-user": "recipient__recipient-user___1THIU",
-  "recipient-details": "recipient__recipient-details___2fZfc",
-  "avatar": "recipient__avatar___2LnIV",
-  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3ZTU-",
-  "recipients-avatars": "recipient__recipients-avatars___1npjD",
-  "--interactive": "recipient__--interactive___160Bp",
-  "recipients-avatars--link": "recipient__recipients-avatars--link___1qeON",
-  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___3-6_l",
-  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___-owjC",
-  "spin": "recipient__spin___2tYv3",
-  "shake": "recipient__shake___TGyPp"
-};
 
 var MemberRecipientStatus = function MemberRecipientStatus(_ref) {
   var status = _ref.status,
@@ -50,15 +32,15 @@ var MemberRecipientStatus = function MemberRecipientStatus(_ref) {
     icon = status === 'seen' ? EyeIcon : PaperplaneIcon;
   }
 
-  return /*#__PURE__*/React.createElement(Media, null, /*#__PURE__*/React.createElement(Img, {
-    className: styles['recipient-status-icon']
+  return /*#__PURE__*/React.createElement("div", {
+    className: "u-flex u-flex-items-center"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: 10
-  })), /*#__PURE__*/React.createElement(Bd, null, /*#__PURE__*/React.createElement(Typography, _extends({
+  }), "\xA0", /*#__PURE__*/React.createElement(Typography, _extends({
     variant: "caption",
     color: "textSecondary"
-  }, typographyProps), text)));
+  }, typographyProps), text));
 };
 
 export default MemberRecipientStatus;

package/dist/components/Recipient/RecipientList.js

@@ -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';
 
 var RecipientList = function RecipientList(_ref) {
   var recipients = _ref.recipients,
@@ -13,13 +14,27 @@ var RecipientList = function RecipientList(_ref) {
       documentType = _ref.documentType,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
+      onSetType = _ref.onSetType,
       verifyRecipient = _ref.verifyRecipient;
   var previousRecipients = usePrevious(recipients);
   var recipientsToDisplay = filterAndReworkRecipients(recipients, previousRecipients);
   return recipientsToDisplay.map(function (recipient) {
+    var _recipient$index;
+
     var recipientConfirmationData = recipientsToBeConfirmed.find(function (user) {
       return user.email === recipient.email;
     });
+    var isSharedDriveRecipient = recipient === null || recipient === void 0 || (_recipient$index = recipient.index) === null || _recipient$index === void 0 ? void 0 : _recipient$index.toString().startsWith('virtual-shared-drive');
+
+    if (isSharedDriveRecipient) {
+      return /*#__PURE__*/React.createElement(SharedDriveRecipient, _extends({}, recipient, {
+        key: recipient.index,
+        onRevoke: onRevoke,
+        onSetType: onSetType,
+        fadeIn: recipient.hasBeenJustAdded
+      }));
+    }
+
     var isGroupRecipient = recipient.members;
 
     if (isGroupRecipient) {

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

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+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';
+
+var makeComponent = function makeComponent(title) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: TrashIcon,
+      color: "var(--errorColor)"
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: /*#__PURE__*/React.createElement(Typography, {
+        color: "error"
+      }, title)
+    }));
+  });
+  Component.displayName = 'RevokeSharedDriveMember';
+  return Component;
+};
+
+var revokeSharedDriveMember = function revokeSharedDriveMember(_ref) {
+  var t = _ref.t,
+      handleRevocation = _ref.handleRevocation;
+  var title = t("RevokeSharedDriveMemberItem.revoke.title");
+  return {
+    name: 'revokeSharedDriveMember',
+    label: title,
+    action: function action() {
+      handleRevocation();
+    },
+    Component: makeComponent(title)
+  };
+};
+
+export { revokeSharedDriveMember };

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

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/extends";
+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';
+
+var makeComponent = function makeComponent(_ref) {
+  var label = _ref.label,
+      type = _ref.type,
+      onClick = _ref.onClick;
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref,
+      button: false,
+      onClick: onClick
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Radios, {
+      checked: type === 'one-way'
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  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 var setReadOnlySharedPermission = function setReadOnlySharedPermission(_ref2) {
+  var t = _ref2.t,
+      type = _ref2.type,
+      setType = _ref2.setType;
+  var label = t('Share.type.one-way');
+
+  var onClick = function onClick() {
+    setType('one-way');
+  };
+
+  return {
+    name: 'setReadOnlySharedPermission',
+    label: label,
+    icon: null,
+    action: onClick,
+    Component: makeComponent({
+      label: label,
+      type: type,
+      onClick: onClick
+    })
+  };
+};

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

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/extends";
+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';
+
+var makeComponent = function makeComponent(_ref) {
+  var label = _ref.label,
+      type = _ref.type,
+      onClick = _ref.onClick;
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref,
+      button: false,
+      onClick: onClick
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Radios, {
+      checked: type === 'two-way'
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  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 var setReadWriteSharedPermission = function setReadWriteSharedPermission(_ref2) {
+  var t = _ref2.t,
+      type = _ref2.type,
+      setType = _ref2.setType;
+  var label = t('Share.type.two-way');
+
+  var onClick = function onClick() {
+    setType('two-way');
+  };
+
+  return {
+    name: 'setReadWriteSharedPermission',
+    label: label,
+    icon: null,
+    action: onClick,
+    Component: makeComponent({
+      label: label,
+      type: type,
+      onClick: onClick
+    })
+  };
+};

package/dist/components/ShareByEmail.js

@@ -46,7 +46,10 @@ export var ShareByEmail = function ShareByEmail(_ref) {
       createContact = _ref.createContact,
       documentType = _ref.documentType,
       currentRecipients = _ref.currentRecipients,
-      sharing = _ref.sharing;
+      sharing = _ref.sharing,
+      submitLabel = _ref.submitLabel,
+      _ref$showNotification = _ref.showNotifications,
+      showNotifications = _ref$showNotification === void 0 ? true : _ref$showNotification;
   var client = useClient();
 
   var _useI18n = useI18n(),
@@ -150,28 +153,34 @@ export var ShareByEmail = function ShareByEmail(_ref) {
             });
 
           case 16:
-            showAlert({
-              message: t.apply(void 0, _toConsumableArray(getSuccessMessage(recipientsBefore, contacts, documentType))),
-              severity: 'success',
-              variant: 'filled'
-            });
+            if (showNotifications) {
+              showAlert({
+                message: t.apply(void 0, _toConsumableArray(getSuccessMessage(recipientsBefore, contacts, documentType))),
+                severity: 'success',
+                variant: 'filled'
+              });
+            }
+
             _context.next = 22;
             break;
 
           case 19:
             _context.prev = 19;
             _context.t0 = _context["catch"](7);
-            showAlert({
-              message: t.apply(void 0, _toConsumableArray(getErrorMessage({
-                t: t,
-                err: _context.t0,
-                documentType: documentType,
-                recipients: recipients,
-                selectedOption: selectedOption
-              }))),
-              severity: 'error',
-              variant: 'filled'
-            });
+
+            if (showNotifications) {
+              showAlert({
+                message: t.apply(void 0, _toConsumableArray(getErrorMessage({
+                  t: t,
+                  err: _context.t0,
+                  documentType: documentType,
+                  recipients: recipients,
+                  selectedOption: selectedOption
+                }))),
+                severity: 'error',
+                variant: 'filled'
+              });
+            }
 
           case 22:
             _context.prev = 22;
@@ -229,7 +238,7 @@ export var ShareByEmail = function ShareByEmail(_ref) {
     options: getSharingOptions(),
     onChange: onChange
   }), /*#__PURE__*/React.createElement(ShareSubmit, {
-    label: t("".concat(documentType, ".share.shareByEmail.send")),
+    label: submitLabel || t("".concat(documentType, ".share.shareByEmail.send")),
     onSubmit: share,
     loading: loading,
     disabled: recipients.length === 0
@@ -248,6 +257,10 @@ 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/dist/components/ShareDialogCozyToCozy.js

@@ -43,7 +43,6 @@ var SharingContent = function SharingContent(_ref) {
       documentType = _ref.documentType,
       hasSharedParent = _ref.hasSharedParent,
       isOwner = _ref.isOwner,
-      needsContactsPermission = _ref.needsContactsPermission,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
       onShare = _ref.onShare,
@@ -80,7 +79,6 @@ var SharingContent = function SharingContent(_ref) {
     currentRecipients: recipients,
     document: document,
     documentType: documentType,
-    needsContactsPermission: needsContactsPermission,
     onShare: onShare,
     sharing: sharing,
     sharingDesc: sharingDesc

package/dist/components/ShareDialogTwoStepsConfirmationContainer.js

@@ -103,7 +103,6 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
       hasSharedParent = _ref4.hasSharedParent,
       isOwner = _ref4.isOwner,
       link = _ref4.link,
-      needsContactsPermission = _ref4.needsContactsPermission,
       onClose = _ref4.onClose,
       onRevoke = _ref4.onRevoke,
       onRevokeLink = _ref4.onRevokeLink,
@@ -241,7 +240,6 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
       documentType: documentType,
       hasSharedParent: hasSharedParent,
       isOwner: isOwner,
-      needsContactsPermission: needsContactsPermission,
       onRevoke: onRevoke,
       onRevokeSelf: onRevokeSelf,
       onShare: onShare,

package/dist/components/ShareModal/EditableSharingModal.js

@@ -28,6 +28,14 @@ export var EditableSharingModal = function EditableSharingModal(_ref) {
       revokeSelf = _useSharingContext.revokeSelf,
       share = _useSharingContext.share;
 
+  var shareFileRefId = hasSharedParent(document.path) ? document.dir_id : document._id;
+  var recipients = getRecipients(shareFileRefId);
+  var permissions = getDocumentPermissions(shareFileRefId);
+  var link = getSharingLink(shareFileRefId);
+  var sharing = getSharingForSelf(shareFileRefId);
+
+  var _isOwner = isOwner(shareFileRefId);
+
   return /*#__PURE__*/React.createElement(ShareModal, _extends({
     createContact: function createContact(contact) {
       return client.create(Contact.doctype, contact);
@@ -36,14 +44,14 @@ export var EditableSharingModal = function EditableSharingModal(_ref) {
     documentType: documentType,
     hasSharedChild: documentPath && hasSharedChild(documentPath),
     hasSharedParent: documentPath && hasSharedParent(documentPath),
-    isOwner: isOwner(document.id),
-    link: getSharingLink(document.id),
+    isOwner: _isOwner,
+    link: link,
     onRevoke: revoke,
     onRevokeSelf: revokeSelf,
     onShare: share,
-    permissions: getDocumentPermissions(document.id),
-    recipients: getRecipients(document.id),
-    sharing: getSharingForSelf(document.id)
+    permissions: permissions,
+    recipients: recipients,
+    sharing: sharing
   }, rest));
 };
 EditableSharingModal.propTypes = {

package/dist/components/ShareModal.js

@@ -11,7 +11,6 @@ export var ShareModal = function ShareModal(_ref) {
       hasSharedParent = _ref.hasSharedParent,
       isOwner = _ref.isOwner,
       link = _ref.link,
-      needsContactsPermission = _ref.needsContactsPermission,
       onClose = _ref.onClose,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
@@ -43,7 +42,6 @@ export var ShareModal = function ShareModal(_ref) {
     hasSharedParent: hasSharedParent,
     isOwner: isOwner,
     link: link,
-    needsContactsPermission: needsContactsPermission,
     onClose: onClose,
     onRevoke: onRevoke,
     onRevokeSelf: onRevokeSelf,
@@ -68,7 +66,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/dist/components/ShareRestrictionModal/BoxEditingRights.js

@@ -68,10 +68,6 @@ export var BoxEditingRights = function BoxEditingRights(_ref) {
     open: isMenuDisplayed,
     docs: [file],
     actions: actions,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'right'
-    },
     autoClose: true,
     onClose: toggleMenuDisplayed
   }));