cozy-sharing 11.1.0 → 12.0.0

package/.storybook/preview.jsx

@@ -10,6 +10,7 @@ import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 import { CozyProvider, createFakeClient } from 'cozy-client'
 
 import enLocale from '../locales/en.json'
+import SharingContext from "../src/context";
 
 const preview = {
   decorators: [
@@ -40,11 +41,16 @@ const preview = {
       <CozyProvider client={fakeClient}>
         <CozyTheme>
           <BreakpointsProvider>
-            <I18n lang="en" dictRequire={() => enLocale}>
-              <div style={{position: "relative"}}>
-                <Story />
-              </div>
-            </I18n>
+            <SharingContext.Provider value={{
+              revokeGroup: () => {},
+              revokeSelf: () => {}
+            }}>
+              <I18n lang="en" dictRequire={() => enLocale}>
+                <div style={{position: "relative"}}>
+                  <Story />
+                </div>
+              </I18n>
+            </SharingContext.Provider>
           </BreakpointsProvider>
         </CozyTheme>
       </CozyProvider>

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [12.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@11.1.0...cozy-sharing@12.0.0) (2024-03-21)
+
+
+### Features
+
+* Making it possible to revoke a group ([cc3e998](https://github.com/cozy/cozy-libs/commit/cc3e998d94450d0698373f217a4eea06d1a81ede))
+* Update cozy-client from 45.14.0 to 46.1.0 ([958c55c](https://github.com/cozy/cozy-libs/commit/958c55c5d55a540d0c5b341b6780cb16b1617ff9))
+
+
+### BREAKING CHANGES
+
+* you must have `cozy-client >=46.1.0`
+
+
+
+
+
 # [11.1.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@11.0.1...cozy-sharing@11.1.0) (2024-03-21)
 
 

package/dist/SharingProvider.js

@@ -39,7 +39,7 @@ import { fetchFilesPaths } from './helpers/files';
 import { getSharingObject, createSharingInStore, updateSharingInStore } from './helpers/sharings';
 import { SynchronousJobQueue } from './helpers/synchronousJobQueue';
 import { fetchApps } from './queries/queries';
-import reducer, { receiveSharings, addSharing, updateSharing, addSharingLink, updateSharingLink, revokeSharingLink, revokeRecipient, revokeSelf, receivePaths, isOwner as _isOwner, canReshare as _canReshare, getOwner as _getOwner, getRecipients as _getRecipients, getSharingById, getExternalSharingIds, getSharingForSelf as _getSharingForSelf, getSharingType as _getSharingType, getSharingLink as _getSharingLink, getSharedDocIdsBySharings, getDocumentSharing, getDocumentPermissions as _getDocumentPermissions, hasSharedParent as _hasSharedParent, hasSharedChild as _hasSharedChild, getSharedParentPath as _getSharedParentPath } from './state';
+import reducer, { receiveSharings, addSharing, updateSharing, addSharingLink, updateSharingLink, revokeSharingLink, revokeRecipient, revokeGroup as revokeGroupFromState, revokeSelf, receivePaths, isOwner as _isOwner, canReshare as _canReshare, getOwner as _getOwner, getRecipients as _getRecipients, getSharingById, getExternalSharingIds, getSharingForSelf as _getSharingForSelf, getSharingType as _getSharingType, getSharingLink as _getSharingLink, getSharedDocIdsBySharings, getDocumentSharing, getDocumentPermissions as _getDocumentPermissions, hasSharedParent as _hasSharedParent, hasSharedChild as _hasSharedChild, getSharedParentPath as _getSharedParentPath } from './state';
 var SHARING_DOCTYPE = 'io.cozy.sharings';
 var PERMISSION_DOCTYPE = 'io.cozy.permissions';
 export var SharingProvider = /*#__PURE__*/function (_Component) {
@@ -359,14 +359,62 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
       };
     }());
 
-    _defineProperty(_assertThisInitialized(_this), "revokeSelf", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(document) {
-        var sharing;
+    _defineProperty(_assertThisInitialized(_this), "revokeGroup", /*#__PURE__*/function () {
+      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(document, sharingId, recipientIndex) {
+        var _this$props5, client, doctype, sharing;
+
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              _this$props5 = _this.props, client = _this$props5.client, doctype = _this$props5.doctype;
+              sharing = getSharingById(_this.state, sharingId);
+              _context7.next = 4;
+              return _this.sharingCol.revokeGroup(sharing, recipientIndex);
+
+            case 4:
+              _context7.t0 = _this;
+              _context7.t1 = revokeGroupFromState;
+              _context7.t2 = sharing;
+              _context7.t3 = recipientIndex;
+              _context7.t4 = document.path;
+
+              if (_context7.t4) {
+                _context7.next = 13;
+                break;
+              }
+
+              _context7.next = 12;
+              return fetchFilesPaths(client, doctype, [document]);
+
+            case 12:
+              _context7.t4 = _context7.sent;
+
+            case 13:
+              _context7.t5 = _context7.t4;
+              _context7.t6 = (0, _context7.t1)(_context7.t2, _context7.t3, _context7.t5);
+
+              _context7.t0.dispatch.call(_context7.t0, _context7.t6);
+
+            case 16:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+
+      return function (_x10, _x11, _x12) {
+        return _ref9.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "revokeSelf", /*#__PURE__*/function () {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(document) {
+        var sharing;
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               sharing = _getSharingForSelf(_this.state, document.id);
-              _context7.next = 3;
+              _context8.next = 3;
               return _this.sharingCol.revokeSelf(sharing);
 
             case 3:
@@ -374,41 +422,41 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
 
             case 4:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7);
+        }, _callee8);
       }));
 
-      return function (_x10) {
-        return _ref9.apply(this, arguments);
+      return function (_x13) {
+        return _ref10.apply(this, arguments);
       };
     }());
 
     _defineProperty(_assertThisInitialized(_this), "shareByLink", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(document, options) {
+      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(document, options) {
         var resp;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context8.next = 2;
+              _context9.next = 2;
               return _this.permissionCol.createSharingLink(document, options);
 
             case 2:
-              resp = _context8.sent;
+              resp = _context9.sent;
 
               _this.dispatch(addSharingLink(resp.data));
 
-              return _context8.abrupt("return", resp);
+              return _context9.abrupt("return", resp);
 
             case 5:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8);
+        }, _callee9);
       }));
 
-      return function (_x11, _x12) {
-        return _ref10.apply(this, arguments);
+      return function (_x14, _x15) {
+        return _ref11.apply(this, arguments);
       };
     }());
 
@@ -421,71 +469,71 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
      * @return {Array}
      */
     _defineProperty(_assertThisInitialized(_this), "updateDocumentPermissions", /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(document, newVerbs) {
+      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(document, newVerbs) {
         var permissions, responses;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               permissions = _getDocumentPermissions(_this.state, document.id);
-              _context10.next = 3;
+              _context11.next = 3;
               return Promise.all(permissions.map( /*#__PURE__*/function () {
-                var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(permissionDocument) {
+                var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(permissionDocument) {
                   var updatedPermissions, resp;
-                  return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-                    while (1) switch (_context9.prev = _context9.next) {
+                  return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+                    while (1) switch (_context10.prev = _context10.next) {
                       case 0:
                         updatedPermissions = permissionDocument.attributes.permissions;
                         Object.keys(updatedPermissions).map(function (permType) {
                           updatedPermissions[permType].verbs = newVerbs;
                         });
-                        _context9.next = 4;
+                        _context10.next = 4;
                         return _this.permissionCol.add(permissionDocument, updatedPermissions);
 
                       case 4:
-                        resp = _context9.sent;
+                        resp = _context10.sent;
 
                         _this.dispatch(updateSharingLink(resp));
 
-                        return _context9.abrupt("return", resp);
+                        return _context10.abrupt("return", resp);
 
                       case 7:
                       case "end":
-                        return _context9.stop();
+                        return _context10.stop();
                     }
-                  }, _callee9);
+                  }, _callee10);
                 }));
 
-                return function (_x15) {
-                  return _ref12.apply(this, arguments);
+                return function (_x18) {
+                  return _ref13.apply(this, arguments);
                 };
               }()));
 
             case 3:
-              responses = _context10.sent;
-              return _context10.abrupt("return", responses);
+              responses = _context11.sent;
+              return _context11.abrupt("return", responses);
 
             case 5:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }));
 
-      return function (_x13, _x14) {
-        return _ref11.apply(this, arguments);
+      return function (_x16, _x17) {
+        return _ref12.apply(this, arguments);
       };
     }());
 
     _defineProperty(_assertThisInitialized(_this), "revokeSharingLink", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(document) {
+      var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(document) {
         var perms;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               // Because some duplicate links have been created in the past, we must ensure
               // we revoke all of them
               perms = _getDocumentPermissions(_this.state, document.id);
-              _context11.next = 3;
+              _context12.next = 3;
               return Promise.all(perms.map(function (p) {
                 return _this.permissionCol.destroy(p);
               }));
@@ -495,13 +543,13 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
 
             case 4:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }));
 
-      return function (_x16) {
-        return _ref13.apply(this, arguments);
+      return function (_x19) {
+        return _ref14.apply(this, arguments);
       };
     }());
 
@@ -558,6 +606,7 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
       share: _this.share,
       onShared: onShared,
       revoke: _this.revoke,
+      revokeGroup: _this.revokeGroup,
       revokeSelf: _this.revokeSelf,
       shareByLink: _this.shareByLink,
       updateDocumentPermissions: _this.updateDocumentPermissions,
@@ -600,18 +649,18 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
   }, {
     key: "fetchAllSharings",
     value: function () {
-      var _fetchAllSharings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-        var _this$props5, doctype, client, _yield$Promise$all, _yield$Promise$all2, sharings, permissions, apps, sharedDocIds, resp, folderPaths, filePaths;
+      var _fetchAllSharings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+        var _this$props6, doctype, client, _yield$Promise$all, _yield$Promise$all2, sharings, permissions, apps, sharedDocIds, resp, folderPaths, filePaths;
 
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              _this$props5 = this.props, doctype = _this$props5.doctype, client = _this$props5.client;
-              _context12.next = 3;
+              _this$props6 = this.props, doctype = _this$props6.doctype, client = _this$props6.client;
+              _context13.next = 3;
               return Promise.all([this.sharingCol.findByDoctype(doctype), this.permissionCol.findLinksByDoctype(doctype), client.fetchQueryAndGetFromState(fetchApps())]);
 
             case 3:
-              _yield$Promise$all = _context12.sent;
+              _yield$Promise$all = _context13.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
               sharings = _yield$Promise$all2[0];
               permissions = _yield$Promise$all2[1];
@@ -626,35 +675,35 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
                 hasLoadedAtLeastOnePage: true
               }); // eslint-disable-next-line promise/catch-or-return
 
-              _context12.next = 12;
+              _context13.next = 12;
               return fetchNextPermissions(permissions, this.dispatch, this.permissionCol);
 
             case 12:
               if (!(doctype === 'io.cozy.files')) {
-                _context12.next = 22;
+                _context13.next = 22;
                 break;
               }
 
               sharedDocIds = getSharedDocIdsBySharings(sharings);
-              _context12.next = 16;
+              _context13.next = 16;
               return client.collection(doctype).all({
                 keys: sharedDocIds
               });
 
             case 16:
-              resp = _context12.sent;
+              resp = _context13.sent;
               folderPaths = resp.data.filter(function (f) {
                 return f.type === 'directory' && !f.trashed;
               }).map(function (f) {
                 return f.path;
               });
-              _context12.next = 20;
+              _context13.next = 20;
               return fetchFilesPaths(client, doctype, resp.data.filter(function (f) {
                 return f.type !== 'directory' && !f.trashed;
               }));
 
             case 20:
-              filePaths = _context12.sent;
+              filePaths = _context13.sent;
               this.dispatch(receivePaths([].concat(_toConsumableArray(folderPaths), _toConsumableArray(filePaths))));
 
             case 22:
@@ -664,9 +713,9 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
 
             case 23:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12, this);
+        }, _callee13, this);
       }));
 
       function fetchAllSharings() {

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -1,16 +1,27 @@
+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 ActionsMenuMobileHeader from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+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 'cozy-ui/transpiled/react/providers/I18n';
 import { permission } from './actions/permission';
-import { revokeGroup } from './actions/revokeGroup';
+import { revokeGroup as revokeGroupAction } from './actions/revokeGroup';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { GroupAvatar } from '../Avatar/GroupAvatar';
 
 var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
-  var isOwner = _ref.isOwner,
+  var name = _ref.name,
+      isOwner = _ref.isOwner,
       instance = _ref.instance,
+      sharingId = _ref.sharingId,
+      groupIndex = _ref.groupIndex,
       _ref$read_only = _ref.read_only,
       isReadOnly = _ref$read_only === void 0 ? false : _ref$read_only,
       className = _ref.className;
@@ -21,13 +32,22 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
   var buttonRef = useRef();
   var client = useClient();
 
+  var _useSharingContext = useSharingContext(),
+      revokeGroup = _useSharingContext.revokeGroup,
+      revokeSelf = _useSharingContext.revokeSelf;
+
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isMenuDisplayed = _useState2[0],
       setMenuDisplayed = _useState2[1];
 
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      revoking = _useState4[0],
+      setRevoking = _useState4[1];
+
   var instanceMatchesClient = instance !== undefined && instance === client.options.uri;
-  var shouldShowMenu = instanceMatchesClient && !isOwner || isOwner;
+  var shouldShowMenu = !revoking && (instanceMatchesClient && !isOwner || isOwner);
 
   var toggleMenu = function toggleMenu() {
     return setMenuDisplayed(!isMenuDisplayed);
@@ -37,11 +57,46 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     return setMenuDisplayed(false);
   };
 
-  var handleRevocation = function handleRevocation() {// TODO : Need to be implemented
-  };
+  var handleRevocation = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setRevoking(true);
+
+            if (!isOwner) {
+              _context.next = 6;
+              break;
+            }
+
+            _context.next = 4;
+            return revokeGroup(document, sharingId, groupIndex);
+
+          case 4:
+            _context.next = 8;
+            break;
+
+          case 6:
+            _context.next = 8;
+            return revokeSelf(document);
+
+          case 8:
+            setRevoking(false);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+
+    return function handleRevocation() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   var type = isReadOnly ? 'one-way' : 'two-way';
-  var actions = makeActions([permission, divider, revokeGroup], {
+  var actions = makeActions([permission, divider, revokeGroupAction], {
     t: t,
     type: type,
     isOwner: isOwner,
@@ -49,7 +104,7 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
   });
   return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
+  }, revoking && /*#__PURE__*/React.createElement(Spinner, null), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
     "aria-controls": "simple-menu",
     "aria-haspopup": "true",
@@ -65,7 +120,14 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     },
     autoClose: true,
     onClose: hideMenu
-  })));
+  }, /*#__PURE__*/React.createElement(ActionsMenuMobileHeader, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(GroupAvatar, {
+    size: "small"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: name,
+    primaryTypographyProps: {
+      variant: 'h6'
+    }
+  })))));
 };
 
 export { GroupRecipientPermissions };

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

@@ -1,28 +1,25 @@
 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 EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
-import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename';
 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 permission = function permission(_ref) {
   var t = _ref.t,
       type = _ref.type;
   var title = t("Share.type.".concat(type));
-  var icon = type === 'two-way' ? RenameIcon : EyeIcon;
   return {
     name: 'permission',
     label: title,
-    icon: icon,
+    icon: null,
     action: null,
     Component: /*#__PURE__*/forwardRef(function RevokeItem(props, ref) {
       return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
         ref: ref,
         button: false
-      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-        icon: icon
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Radios, {
+        checked: true
       })), /*#__PURE__*/React.createElement(ListItemText, {
         primary: title
       }));

package/dist/state.js

@@ -16,6 +16,7 @@ var RECEIVE_SHARINGS = 'RECEIVE_SHARINGS';
 var ADD_SHARING = 'ADD_SHARING';
 var UPDATE_SHARING = 'UPDATE_SHARING';
 var REVOKE_RECIPIENT = 'REVOKE_RECIPIENT';
+var REVOKE_GROUP = 'REVOKE_GROUP';
 var REVOKE_SELF = 'REVOKE_SELF';
 var ADD_SHARING_LINK = 'ADD_SHARING_LINK';
 var UPDATE_SHARING_LINK = 'UPDATE_SHARING_LINK';
@@ -78,6 +79,29 @@ export var revokeRecipient = function revokeRecipient(sharing, index, path) {
     path: path
   };
 };
+export var revokeGroup = function revokeGroup(sharing, index, path) {
+  return {
+    type: REVOKE_GROUP,
+
+    /* We can't just simply remove a group,
+    because we use the index to remove the other group
+    */
+    sharing: _objectSpread(_objectSpread({}, sharing), {}, {
+      attributes: _objectSpread(_objectSpread({}, sharing.attributes), {}, {
+        groups: sharing.attributes.groups.map(function (g, idx) {
+          if (idx === index) {
+            return _objectSpread(_objectSpread({}, g), {}, {
+              revoked: true
+            });
+          }
+
+          return g;
+        })
+      })
+    }),
+    path: path
+  };
+};
 export var revokeSelf = function revokeSelf(sharing) {
   return {
     type: REVOKE_SELF,
@@ -204,6 +228,7 @@ var byDocId = function byDocId() {
     case ADD_SHARING:
       return indexSharing(state, action.data);
 
+    case REVOKE_GROUP:
     case REVOKE_RECIPIENT:
     case UPDATE_SHARING:
       if (areAllRecipientsRevoked(action.sharing)) {
@@ -304,6 +329,7 @@ var sharings = function sharings() {
       return [].concat(_toConsumableArray(filtered_state), [action.data]);
 
     case UPDATE_SHARING:
+    case REVOKE_GROUP:
     case REVOKE_RECIPIENT:
       return state.map(function (s) {
         return s.id !== action.sharing.id ? s : action.sharing;
@@ -335,6 +361,7 @@ var sharedPaths = function sharedPaths() {
       var newState = [].concat(_toConsumableArray(state), [action.path]);
       return newState;
 
+    case REVOKE_GROUP:
     case REVOKE_RECIPIENT:
       if (areAllRecipientsRevoked(action.sharing)) {
         return state.filter(function (p) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "11.1.0",
+  "version": "12.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -31,7 +31,7 @@
     "@cozy/minilog": "^1.0.0",
     "classnames": "^2.2.6",
     "cozy-device-helper": "^3.0.0",
-    "cozy-doctypes": "^1.89.4",
+    "cozy-doctypes": "^1.89.5",
     "lodash": "^4.17.19",
     "react-autosuggest": "^10.1.0",
     "react-tooltip": "^3.11.1",
@@ -49,7 +49,7 @@
     "babel-jest": "26.6.3",
     "babel-plugin-css-modules-transform": "1.6.2",
     "babel-plugin-inline-react-svg": "1.1.2",
-    "cozy-client": "^45.14.0",
+    "cozy-client": "46.1.0",
     "cozy-ui": "^103.8.2",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
@@ -61,7 +61,7 @@
     "storybook": "7.6.0"
   },
   "peerDependencies": {
-    "cozy-client": ">=45.14.0",
+    "cozy-client": ">=46.1.0",
     "cozy-realtime": "^3.11.0",
     "cozy-ui": ">=103.8.1",
     "prop-types": "^15.7.2",
@@ -71,5 +71,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "ae799e50d51d02e8f835ef4060ed9de4309c943c"
+  "gitHead": "ebef29fe4f3f3704c967ebfd2d330d9b95d6e25b"
 }

package/src/SharingProvider.jsx

@@ -20,6 +20,7 @@ import reducer, {
   updateSharingLink,
   revokeSharingLink,
   revokeRecipient,
+  revokeGroup as revokeGroupFromState,
   revokeSelf,
   receivePaths,
   isOwner,
@@ -71,6 +72,7 @@ export class SharingProvider extends Component {
       share: this.share,
       onShared: onShared,
       revoke: this.revoke,
+      revokeGroup: this.revokeGroup,
       revokeSelf: this.revokeSelf,
       shareByLink: this.shareByLink,
       updateDocumentPermissions: this.updateDocumentPermissions,
@@ -291,6 +293,19 @@ export class SharingProvider extends Component {
     )
   }
 
+  revokeGroup = async (document, sharingId, recipientIndex) => {
+    const { client, doctype } = this.props
+    const sharing = getSharingById(this.state, sharingId)
+    await this.sharingCol.revokeGroup(sharing, recipientIndex)
+    this.dispatch(
+      revokeGroupFromState(
+        sharing,
+        recipientIndex,
+        document.path || (await fetchFilesPaths(client, doctype, [document]))
+      )
+    )
+  }
+
   revokeSelf = async document => {
     const sharing = getSharingForSelf(this.state, document.id)
     await this.sharingCol.revokeSelf(sharing)

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -6,38 +6,56 @@ import {
   makeActions,
   divider
 } 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 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 'cozy-ui/transpiled/react/providers/I18n'
 
 import { permission } from './actions/permission'
-import { revokeGroup } from './actions/revokeGroup'
+import { revokeGroup as revokeGroupAction } from './actions/revokeGroup'
+import { useSharingContext } from '../../hooks/useSharingContext'
+import { GroupAvatar } from '../Avatar/GroupAvatar'
 
 const GroupRecipientPermissions = ({
+  name,
   isOwner,
   instance,
+  sharingId,
+  groupIndex,
   read_only: isReadOnly = false,
   className
 }) => {
   const { t } = useI18n()
   const buttonRef = useRef()
   const client = useClient()
+  const { revokeGroup, revokeSelf } = useSharingContext()
 
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
+  const [revoking, setRevoking] = useState(false)
 
   const instanceMatchesClient =
     instance !== undefined && instance === client.options.uri
-  const shouldShowMenu = (instanceMatchesClient && !isOwner) || isOwner
+  const shouldShowMenu =
+    !revoking && ((instanceMatchesClient && !isOwner) || isOwner)
 
   const toggleMenu = () => setMenuDisplayed(!isMenuDisplayed)
   const hideMenu = () => setMenuDisplayed(false)
 
-  const handleRevocation = () => {
-    // TODO : Need to be implemented
+  const handleRevocation = async () => {
+    setRevoking(true)
+    if (isOwner) {
+      await revokeGroup(document, sharingId, groupIndex)
+    } else {
+      await revokeSelf(document)
+    }
+    setRevoking(false)
   }
 
   const type = isReadOnly ? 'one-way' : 'two-way'
 
-  const actions = makeActions([permission, divider, revokeGroup], {
+  const actions = makeActions([permission, divider, revokeGroupAction], {
     t,
     type,
     isOwner,
@@ -46,6 +64,7 @@ const GroupRecipientPermissions = ({
 
   return (
     <div className={className}>
+      {revoking && <Spinner />}
       {shouldShowMenu && (
         <>
           <DropdownButton
@@ -67,7 +86,17 @@ const GroupRecipientPermissions = ({
             }}
             autoClose
             onClose={hideMenu}
-          />
+          >
+            <ActionsMenuMobileHeader>
+              <ListItemIcon>
+                <GroupAvatar size="small" />
+              </ListItemIcon>
+              <ListItemText
+                primary={name}
+                primaryTypographyProps={{ variant: 'h6' }}
+              />
+            </ActionsMenuMobileHeader>
+          </ActionsMenu>
         </>
       )}
     </div>

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

@@ -1,26 +1,23 @@
 import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye'
-import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Radios from 'cozy-ui/transpiled/react/Radios'
 
 const permission = ({ t, type }) => {
   const title = t(`Share.type.${type}`)
-  const icon = type === 'two-way' ? RenameIcon : EyeIcon
 
   return {
     name: 'permission',
     label: title,
-    icon,
+    icon: null,
     action: null,
     Component: forwardRef(function RevokeItem(props, ref) {
       return (
         <ActionsMenuItem {...props} ref={ref} button={false}>
           <ListItemIcon>
-            <Icon icon={icon} />
+            <Radios checked={true} />
           </ListItemIcon>
           <ListItemText primary={title} />
         </ActionsMenuItem>

package/src/state.js

@@ -6,6 +6,7 @@ const RECEIVE_SHARINGS = 'RECEIVE_SHARINGS'
 const ADD_SHARING = 'ADD_SHARING'
 const UPDATE_SHARING = 'UPDATE_SHARING'
 const REVOKE_RECIPIENT = 'REVOKE_RECIPIENT'
+const REVOKE_GROUP = 'REVOKE_GROUP'
 const REVOKE_SELF = 'REVOKE_SELF'
 const ADD_SHARING_LINK = 'ADD_SHARING_LINK'
 const UPDATE_SHARING_LINK = 'UPDATE_SHARING_LINK'
@@ -62,6 +63,30 @@ export const revokeRecipient = (sharing, index, path) => {
     path
   }
 }
+export const revokeGroup = (sharing, index, path) => {
+  return {
+    type: REVOKE_GROUP,
+    /* We can't just simply remove a group,
+    because we use the index to remove the other group
+    */
+    sharing: {
+      ...sharing,
+      attributes: {
+        ...sharing.attributes,
+        groups: sharing.attributes.groups.map((g, idx) => {
+          if (idx === index) {
+            return {
+              ...g,
+              revoked: true
+            }
+          }
+          return g
+        })
+      }
+    },
+    path
+  }
+}
 export const revokeSelf = sharing => ({ type: REVOKE_SELF, sharing })
 export const addSharingLink = data => ({ type: ADD_SHARING_LINK, data })
 export const updateSharingLink = data => ({ type: UPDATE_SHARING_LINK, data })
@@ -149,6 +174,7 @@ const byDocId = (state = {}, action) => {
       )
     case ADD_SHARING:
       return indexSharing(state, action.data)
+    case REVOKE_GROUP:
     case REVOKE_RECIPIENT:
     case UPDATE_SHARING:
       if (areAllRecipientsRevoked(action.sharing)) {
@@ -220,6 +246,7 @@ const sharings = (state = [], action) => {
       const filtered_state = state.filter(s => s.id !== action.data.id)
       return [...filtered_state, action.data]
     case UPDATE_SHARING:
+    case REVOKE_GROUP:
     case REVOKE_RECIPIENT:
       return state.map(s => {
         return s.id !== action.sharing.id ? s : action.sharing
@@ -242,6 +269,7 @@ const sharedPaths = (state = [], action) => {
       // eslint-disable-next-line
       const newState = [...state, action.path]
       return newState
+    case REVOKE_GROUP:
     case REVOKE_RECIPIENT:
       if (areAllRecipientsRevoked(action.sharing)) {
         return state.filter(p => p !== action.path)