cozy-sharing 31.0.2 → 31.1.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [31.1.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@31.0.2...cozy-sharing@31.1.0) (2026-05-07)
+
+### Bug Fixes
+
+- Autoclose sharing link permission menu ([82f6b62](https://github.com/cozy/cozy-libs/commit/82f6b62c78232805150e8c927955bb7eeb108ad4))
+- Fix hover issue in link recipient text ([dce027c](https://github.com/cozy/cozy-libs/commit/dce027c16eecf8f3309da73a1dd01d537a2cef47))
+
+### Features
+
+- Revoke member or group with button instead of action ([3fa0c4d](https://github.com/cozy/cozy-libs/commit/3fa0c4d3035d57fa65e231fbbddc5b06955b3ecb))
+- Update permission menu UI ([bc0c0ad](https://github.com/cozy/cozy-libs/commit/bc0c0ade86d86e82299397c09cdc5f4c19c1c4ac))
+- Update SharedDriveForm UI ([b3ab3ff](https://github.com/cozy/cozy-libs/commit/b3ab3ffd3881ccae74c1e3486706e7c108ed151b))
+- Update SharedDriveForm wording ([c46750b](https://github.com/cozy/cozy-libs/commit/c46750be56cbc0c99b2c3f46b069d361cadddb82))
+
 ## [31.0.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@31.0.1...cozy-sharing@31.0.2) (2026-05-07)
 
 ### Bug Fixes

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -2,17 +2,18 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef } from 'react';
-import { useClient } from 'cozy-client';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
-import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+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';
 import { useI18n } from 'twake-i18n';
 import { permission } from './actions/permission';
-import { revokeGroup as revokeGroupAction } from './actions/revokeGroup';
 import { useSharingContext } from '../../hooks/useSharingContext';
 import { GroupAvatar } from '../Avatar/GroupAvatar';
 
@@ -31,7 +32,6 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
       t = _useI18n.t;
 
   var buttonRef = useRef();
-  var client = useClient();
 
   var _useSharingContext = useSharingContext(),
       revokeGroup = _useSharingContext.revokeGroup,
@@ -96,12 +96,9 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
   }();
 
   var type = isReadOnly ? 'one-way' : 'two-way';
-  var actions = makeActions([permission, divider, revokeGroupAction], {
-    client: client,
+  var actions = makeActions([permission], {
     t: t,
-    type: type,
-    isOwner: isOwner,
-    handleRevocation: handleRevocation
+    type: type
   });
   return /*#__PURE__*/React.createElement("div", {
     className: className
@@ -111,7 +108,7 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     "aria-haspopup": "true",
     onClick: toggleMenu,
     textVariant: "body2"
-  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement(ActionsMenu, {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,
@@ -124,7 +121,14 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     primaryTypographyProps: {
       variant: 'h6'
     }
-  })))));
+  }))), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: handleRevocation,
+    size: "small",
+    className: "u-ml-half",
+    "aria-label": t('Share.members.revoke')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: CrossCircleOutlineIcon
+  }))));
 };
 
 export { GroupRecipientPermissions };

package/dist/components/Recipient/LinkRecipient.js

@@ -3,14 +3,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import Button from 'cozy-ui/transpiled/react/Button';
 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';
+import Typography from 'cozy-ui/transpiled/react/Typography';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'twake-i18n';
 import LinkRecipientPermissions from './LinkRecipientPermissions';
@@ -70,16 +71,19 @@ var LinkRecipient = function LinkRecipient(props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: LinkIcon
   }))), /*#__PURE__*/React.createElement(ListItemText, {
-    primary: /*#__PURE__*/React.createElement(Button, {
-      variant: "ghost",
-      onClick: function onClick() {
-        return setOpenShareRestrictionModal(true);
-      },
-      endIcon: /*#__PURE__*/React.createElement(Icon, {
-        icon: Gear
-      }),
-      className: "u-p-0"
-    }, textPrimary),
+    onClick: function onClick() {
+      return setOpenShareRestrictionModal(true);
+    },
+    primary: /*#__PURE__*/React.createElement("div", {
+      className: "u-flex u-flex-items-center"
+    }, /*#__PURE__*/React.createElement(Typography, {
+      className: "u-c-pointer "
+    }, textPrimary), /*#__PURE__*/React.createElement(IconButton, {
+      size: "small",
+      className: "u-ml-half"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: Gear
+    }))),
     secondary: textSecondary
   }), RightPart, openShareRestrictionModal && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
     file: document,

package/dist/components/Recipient/LinkRecipientLite.js

@@ -36,7 +36,7 @@ var LinkRecipientLite = function LinkRecipientLite(_ref) {
   }), /*#__PURE__*/React.createElement(Typography, {
     className: "u-flex-shrink-0",
     variant: "body2"
-  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way')).toLowerCase()));
+  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way'))));
 };
 
 LinkRecipientLite.propTypes = {

package/dist/components/Recipient/LinkRecipientPermissions.js

@@ -50,6 +50,7 @@ var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
     updateDocumentPermissions(document, {
       verbs: verbs
     });
+    hideMenu();
   };
 
   var handleRevocation = function handleRevocation() {
@@ -77,7 +78,7 @@ var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
     ref: buttonRef,
     textVariant: "body2",
     onClick: toggleMenu
-  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement(ActionsMenu, {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,

package/dist/components/Recipient/MemberRecipient.spec.js

@@ -70,7 +70,7 @@ describe('MemberRecipient component', function () {
     expect(getByText('foo.mycozy.cloud')).toBeTruthy();
   });
   it('should call revokeSelf if I am not the owner but try to revoke myself', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var onRevoke, onRevokeSelf, _setup3, getByText;
+    var onRevoke, onRevokeSelf, _setup3, getByLabelText;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -84,20 +84,19 @@ describe('MemberRecipient component', function () {
             documentType: 'Files',
             onRevoke: onRevoke,
             onRevokeSelf: onRevokeSelf
-          }), getByText = _setup3.getByText;
-          fireEvent.click(getByText('can change'));
-          fireEvent.click(getByText('Remove me from sharing'));
+          }), getByLabelText = _setup3.getByLabelText;
+          fireEvent.click(getByLabelText('Remove from sharing'));
           expect(onRevoke).not.toHaveBeenCalled();
           expect(onRevokeSelf).toHaveBeenCalled();
 
-        case 7:
+        case 6:
         case "end":
           return _context.stop();
       }
     }, _callee);
   })));
   it('should call revoke if I am the owner of the sharing', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var onRevoke, onRevokeSelf, _setup4, getByText;
+    var onRevoke, onRevokeSelf, _setup4, getByLabelText;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -112,13 +111,12 @@ describe('MemberRecipient component', function () {
             documentType: 'Files',
             onRevoke: onRevoke,
             onRevokeSelf: onRevokeSelf
-          }), getByText = _setup4.getByText;
-          fireEvent.click(getByText('can change'));
-          fireEvent.click(getByText('Remove from sharing'));
+          }), getByLabelText = _setup4.getByLabelText;
+          fireEvent.click(getByLabelText('Remove from sharing'));
           expect(onRevoke).toHaveBeenCalled();
           expect(onRevokeSelf).not.toHaveBeenCalled();
 
-        case 7:
+        case 6:
         case "end":
           return _context2.stop();
       }

package/dist/components/Recipient/MemberRecipientLite.js

@@ -47,7 +47,7 @@ var MemberRecipientLite = function MemberRecipientLite(_ref) {
   }), /*#__PURE__*/React.createElement(Typography, {
     className: "u-flex-shrink-0",
     variant: "body2"
-  }, 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()));
+  }, recipientOwner ? t("Share.status.".concat(recipient.status)) : t("Share.type.".concat((_recipient$type = recipient.type) !== null && _recipient$type !== void 0 ? _recipient$type : 'one-way'))));
 };
 
 MemberRecipientLite.propTypes = {

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -5,13 +5,15 @@ import React, { useState, useRef, useCallback } from 'react';
 import { useClient } from 'cozy-client';
 import minilog from 'cozy-minilog';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
-import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+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';
 import { useI18n } from 'twake-i18n';
-import { revokeMember } from './actions/revokeMember';
 import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission';
 import { setReadWriteSharedPermission } from './actions/setReadWriteSharedPermission';
 import { useSharingContext } from '../../hooks/useSharingContext';
@@ -19,7 +21,6 @@ var log = minilog('MemberRecipientPermissions');
 
 var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
   var isOwner = _ref.isOwner,
-      isSharedDrive = _ref.isSharedDrive,
       status = _ref.status,
       instance = _ref.instance,
       type = _ref.type,
@@ -143,32 +144,35 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
       return _ref3.apply(this, arguments);
     };
   }(), [hideMenu, memberIndex, sharingId, showAlert, t, type, updateSharingMemberType]);
-  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission, divider, revokeMember], {
-    client: client,
+  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission], {
     t: t,
     type: type !== null && type !== void 0 ? type : 'one-way',
-    isOwner: isOwner,
-    isSharedDrive: isSharedDrive,
-    setType: setType,
-    handleRevocation: handleRevocation
+    setType: setType
   });
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, revoking && /*#__PURE__*/React.createElement(Spinner, null), !shouldShowMenu && !revoking && /*#__PURE__*/React.createElement(Typography, {
     variant: "body2"
-  }, t("Share.status.".concat(status)).toLowerCase()), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
+  }, t("Share.status.".concat(status))), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
     "aria-controls": "simple-menu",
     "aria-haspopup": "true",
     onClick: toggleMenu,
     textVariant: "body2"
-  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement(ActionsMenu, {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,
     autoClose: true,
     onClose: hideMenu
-  })));
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: handleRevocation,
+    size: "small",
+    className: "u-ml-half",
+    "aria-label": t('Share.members.revoke')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: CrossCircleOutlineIcon
+  }))));
 };
 
 export default MemberRecipientPermissions;

package/dist/components/Recipient/MemberRecipientPermissions.spec.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { render, fireEvent, screen, act, waitFor } from '@testing-library/react';
+import { render, fireEvent, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
 import MemberRecipientPermissions from './MemberRecipientPermissions';
@@ -81,10 +81,12 @@ describe('MemberRecipientPermissions component', function () {
   });
   it('should render the current permission type', function () {
     setup();
-    expect(screen.getByText('can change')).toBeInTheDocument();
+    expect(screen.getByRole('button', {
+      name: 'Editor'
+    })).toBeInTheDocument();
   });
   it('should call updateSharingMemberType when changing to one-way', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _setup, getByText;
+    var _setup, getByRole;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -92,9 +94,13 @@ describe('MemberRecipientPermissions component', function () {
           mockUpdateSharingMemberType.mockResolvedValue(undefined);
           _setup = setup({
             type: 'two-way'
-          }), getByText = _setup.getByText;
-          fireEvent.click(getByText('can change'));
-          fireEvent.click(getByText('Can view'));
+          }), getByRole = _setup.getByRole;
+          fireEvent.click(getByRole('button', {
+            name: 'Editor'
+          }));
+          fireEvent.click(getByRole('menuitem', {
+            name: 'Viewer'
+          }));
           expect(mockUpdateSharingMemberType).toHaveBeenCalledWith('sharing-123', 1, 'one-way');
 
         case 5:
@@ -104,7 +110,7 @@ describe('MemberRecipientPermissions component', function () {
     }, _callee);
   })));
   it('should call updateSharingMemberType when changing to two-way', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var _setup2, getByText;
+    var _setup2, getByRole;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -112,9 +118,13 @@ describe('MemberRecipientPermissions component', function () {
           mockUpdateSharingMemberType.mockResolvedValue(undefined);
           _setup2 = setup({
             type: 'one-way'
-          }), getByText = _setup2.getByText;
-          fireEvent.click(getByText('can view'));
-          fireEvent.click(getByText('Can change'));
+          }), getByRole = _setup2.getByRole;
+          fireEvent.click(getByRole('button', {
+            name: 'Viewer'
+          }));
+          fireEvent.click(getByRole('menuitem', {
+            name: 'Editor'
+          }));
           expect(mockUpdateSharingMemberType).toHaveBeenCalledWith('sharing-123', 1, 'two-way');
 
         case 5:
@@ -123,33 +133,23 @@ describe('MemberRecipientPermissions component', function () {
       }
     }, _callee2);
   })));
-  it('should show error alert when updateSharingMemberType fails', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-    var _setup3, getByText;
+  it('should show error alert when updateSharingMemberType fails', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _setup3, getByRole;
 
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
           mockUpdateSharingMemberType.mockRejectedValue(new Error('Network error'));
           _setup3 = setup({
             type: 'two-way'
-          }), getByText = _setup3.getByText;
-          _context4.next = 4;
-          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-            return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-              while (1) switch (_context3.prev = _context3.next) {
-                case 0:
-                  fireEvent.click(getByText('can change'));
-                  fireEvent.click(getByText('Can view'));
-
-                case 2:
-                case "end":
-                  return _context3.stop();
-              }
-            }, _callee3);
-          })));
-
-        case 4:
-          _context4.next = 6;
+          }), getByRole = _setup3.getByRole;
+          fireEvent.click(getByRole('button', {
+            name: 'Editor'
+          }));
+          fireEvent.click(getByRole('menuitem', {
+            name: 'Viewer'
+          }));
+          _context3.next = 6;
           return waitFor(function () {
             expect(mockShowAlert).toHaveBeenCalledWith({
               message: 'An error occurred while changing the permissions. Please try again.',
@@ -160,55 +160,67 @@ describe('MemberRecipientPermissions component', function () {
 
         case 6:
         case "end":
-          return _context4.stop();
+          return _context3.stop();
       }
-    }, _callee4);
+    }, _callee3);
   })));
-  it('should not call updateSharingMemberType when selecting same type', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-    var _setup4, getByText;
+  it('should not call updateSharingMemberType when selecting same type', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _setup4, getByRole;
 
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           mockUpdateSharingMemberType.mockResolvedValue(undefined);
           _setup4 = setup({
             type: 'two-way'
-          }), getByText = _setup4.getByText;
-          fireEvent.click(getByText('can change'));
-          fireEvent.click(getByText('Can change'));
+          }), getByRole = _setup4.getByRole;
+          fireEvent.click(getByRole('button', {
+            name: 'Editor'
+          }));
+          fireEvent.click(getByRole('menuitem', {
+            name: 'Editor'
+          }));
           expect(mockUpdateSharingMemberType).not.toHaveBeenCalled();
 
         case 5:
         case "end":
-          return _context5.stop();
+          return _context4.stop();
       }
-    }, _callee5);
+    }, _callee4);
   })));
   it('should not render menu when user is not owner and not the shared drive contact', function () {
     var _setup5 = setup({
       isOwner: false,
       instance: 'http://other-cozy.local:8080'
     }),
-        queryByText = _setup5.queryByText;
+        queryByRole = _setup5.queryByRole;
 
-    expect(queryByText('can change')).not.toBeInTheDocument();
-    expect(queryByText('can view')).not.toBeInTheDocument();
+    expect(queryByRole('button', {
+      name: 'Editor'
+    })).not.toBeInTheDocument();
+    expect(queryByRole('button', {
+      name: 'Viewer'
+    })).not.toBeInTheDocument();
   });
   it('should render menu for owner', function () {
     var _setup6 = setup({
       isOwner: true
     }),
-        getByText = _setup6.getByText;
+        getByRole = _setup6.getByRole;
 
-    expect(getByText('can change')).toBeInTheDocument();
+    expect(getByRole('button', {
+      name: 'Editor'
+    })).toBeInTheDocument();
   });
   it('should render menu for the user themselves', function () {
     var _setup7 = setup({
       isOwner: false,
       instance: 'http://cozy.local:8080'
     }),
-        getByText = _setup7.getByText;
+        getByRole = _setup7.getByRole;
 
-    expect(getByText('can change')).toBeInTheDocument();
+    expect(getByRole('button', {
+      name: 'Editor'
+    })).toBeInTheDocument();
   });
 });

package/dist/components/ShareDialogCozyToCozy.spec.js

@@ -57,7 +57,7 @@ describe('ShareDialogCozyToCozy', function () {
         getByText = _setup.getByText;
 
     expect(getByText('You')).toBeTruthy();
-    expect(getByText('owner')).toBeTruthy();
+    expect(getByText('Owner')).toBeTruthy();
   });
   it('should show loading while calling getRecipientsToBeConfirmed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _deferablePromise, promise, resolve, props, _setup2, getByText;

package/dist/components/SharedDrive/SharedDriveForm.js

@@ -58,14 +58,18 @@ export var SharedDriveForm = withLocales(function (_ref) {
     onRevoke: onRevoke,
     onSetType: onSetType
   }), /*#__PURE__*/React.createElement("div", {
-    className: "u-flex u-flex-justify-end u-ph-2 u-pv-1 u-column-gap-half"
+    className: "u-flex u-ph-2 u-pv-1"
   }, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
+    variant: "text",
     label: t('SharedDrive.sharedDriveModal.cancel'),
+    className: "u-w-100 u-m-1",
+    size: "large",
     onClick: onCancel
   }), /*#__PURE__*/React.createElement(Button, {
     variant: "primary",
     label: t('SharedDrive.sharedDriveModal.create'),
+    className: "u-w-100 u-m-1",
+    size: "large",
     onClick: onCreate
   })));
 });

package/dist/components/SharedDrive/SharedDriveRecipientPermissions.js

@@ -2,12 +2,13 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef } from 'react';
-import { useClient } from 'cozy-client';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
-import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+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 { useI18n } from 'twake-i18n';
-import { revokeSharedDriveMember } from '../Recipient/actions/revokeSharedDriveMember';
 import { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission';
 import { setReadWriteSharedPermission } from '../Recipient/actions/setReadWriteSharedPermission';
 
@@ -21,7 +22,6 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
       t = _useI18n.t;
 
   var buttonRef = useRef();
-  var client = useClient();
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -79,12 +79,10 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
     };
   }();
 
-  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission, divider, revokeSharedDriveMember], {
+  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission], {
     t: t,
-    client: client,
     type: type,
-    setType: setType,
-    handleRevocation: handleRevocation
+    setType: setType
   });
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
@@ -92,13 +90,20 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
     "aria-haspopup": "true",
     onClick: toggleMenu,
     textVariant: "body2"
-  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement(ActionsMenu, {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,
     autoClose: true,
     onClose: hideMenu
-  }));
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: handleRevocation,
+    size: "small",
+    className: "u-ml-half",
+    "aria-label": t('Share.members.revoke')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: CrossCircleOutlineIcon
+  })));
 };
 
 export default ShareDriveRecipientPermissions;