cozy-sharing 11.1.0 → 12.1.0

package/dist/components/Recipient/GroupRecipientDetailWithAccess.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
+import List from 'cozy-ui/transpiled/react/List';
+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 { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { getInitials, getDisplayName } from '../../models';
+
+var GroupRecipientDetailWithAccess = function GroupRecipientDetailWithAccess(_ref) {
+  var withAccess = _ref.withAccess;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle2"
+  }, t('GroupRecipientDetail.withAccess.title')), /*#__PURE__*/React.createElement(List, null, withAccess.map(function (recipient) {
+    var name = getDisplayName(recipient);
+    return /*#__PURE__*/React.createElement(ListItem, {
+      disableGutters: true,
+      key: recipient.index
+    }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Avatar, {
+      text: getInitials(recipient),
+      textId: name
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: name,
+      secondary: recipient.instance ? /*#__PURE__*/React.createElement("div", {
+        className: "u-flex u-flex-items-center"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: ToTheCloudIcon,
+        size: 10,
+        style: {
+          marginRight: '0.25rem'
+        }
+      }), recipient.instance) : null
+    }));
+  })));
+};
+
+export { GroupRecipientDetailWithAccess };

package/dist/components/Recipient/GroupRecipientDetailWithoutAccess.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden';
+import List from 'cozy-ui/transpiled/react/List';
+import ListItem from 'cozy-ui/transpiled/react/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { getInitials, getDisplayName } from '../../models';
+
+var GroupRecipientDetailWithoutAccess = function GroupRecipientDetailWithoutAccess(_ref) {
+  var withoutAccess = _ref.withoutAccess;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle2"
+  }, t('GroupRecipientDetail.withoutAccess.title')), /*#__PURE__*/React.createElement(List, null, withoutAccess.map(function (recipient) {
+    var icon = recipient.status === 'revoked' ? ForbiddenIcon : null;
+    var name = getDisplayName(recipient);
+    return /*#__PURE__*/React.createElement(ListItem, {
+      disableGutters: true,
+      key: recipient.index
+    }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Avatar, {
+      text: getInitials(recipient),
+      textId: name
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: name,
+      secondary: /*#__PURE__*/React.createElement("div", {
+        className: "u-flex u-flex-items-center"
+      }, icon ? /*#__PURE__*/React.createElement(Icon, {
+        icon: icon,
+        size: 10,
+        style: {
+          marginRight: '0.25rem'
+        }
+      }) : null, t("GroupRecipientDetail.withoutAccess.status.".concat(recipient.status)))
+    }));
+  })));
+};
+
+export { GroupRecipientDetailWithoutAccess };

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/LinkRecipient.js

@@ -9,6 +9,7 @@ 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 'cozy-ui/transpiled/react/providers/I18n';
 import LinkRecipientPermissions from './LinkRecipientPermissions';
 import RecipientConfirm from './RecipientConfirm';
@@ -35,6 +36,9 @@ var LinkRecipient = function LinkRecipient(props) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
   var recipientConfirmationData = props.recipientConfirmationData,
       verifyRecipient = props.verifyRecipient,
       link = props.link,
@@ -49,7 +53,7 @@ var LinkRecipient = function LinkRecipient(props) {
     in: true,
     timeout: fadeIn ? FADE_IN_DURATION : 0
   }, /*#__PURE__*/React.createElement(ListItem, {
-    disableGutters: true
+    gutters: isMobile ? 'default' : 'double'
   }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Circle, {
     size: "small",
     className: styles['link-recipient-icon-circle']

package/dist/components/Recipient/MemberRecipient.js

@@ -9,6 +9,7 @@ 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 'cozy-ui/transpiled/react/providers/I18n';
 import MemberRecipientPermissions from './MemberRecipientPermissions';
 import MemberRecipientStatus from './MemberRecipientStatus';
@@ -24,6 +25,9 @@ var MemberRecipient = function MemberRecipient(props) {
 
   var client = useClient();
 
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
   var instance = props.instance,
       isOwner = props.isOwner,
       status = props.status,
@@ -45,7 +49,7 @@ var MemberRecipient = function MemberRecipient(props) {
     in: true,
     timeout: fadeIn ? FADE_IN_DURATION : 0
   }, /*#__PURE__*/React.createElement(ListItem, {
-    disableGutters: true
+    gutters: isMobile ? 'default' : 'double'
   }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(MemberAvatar, {
     size: "small",
     recipient: props

package/dist/components/Recipient/RecipientList.stories.js

@@ -34,6 +34,9 @@ export var WithGroup = {
       addedBy: 0,
       read_only: false,
       index: 0,
+      owner: {
+        public_name: 'Alice'
+      },
       members: [{
         status: 'pending',
         email: 'ben@gmail.com',

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/components/ShareDialogCozyToCozy.js

@@ -4,6 +4,7 @@ var _excluded = ["showShareByLink", "documentType", "document"];
 import cx from 'classnames';
 import React from 'react';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { default as DumbShareByEmail } from './ShareByEmail';
 import { default as DumbShareByLink } from './ShareByLink';
@@ -64,8 +65,13 @@ var SharingContent = function SharingContent(_ref) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
   return /*#__PURE__*/React.createElement("div", {
     className: cx(styles['share-modal-content'])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx('u-pt-1-half', isMobile ? 'u-ph-1' : 'u-ph-2')
   }, showShareOnlyByLink && /*#__PURE__*/React.createElement("div", {
     className: styles['share-byemail-onlybylink']
   }, t("".concat(documentType, ".share.shareByEmail.onlyByLink"), {
@@ -84,8 +90,7 @@ var SharingContent = function SharingContent(_ref) {
     onShare: onShare,
     sharing: sharing,
     sharingDesc: sharingDesc
-  }), showWhoHasAccess && /*#__PURE__*/React.createElement(WhoHasAccess, {
-    className: "u-mt-half",
+  })), showWhoHasAccess && /*#__PURE__*/React.createElement(WhoHasAccess, {
     document: document,
     documentType: documentType,
     isOwner: isOwner,
@@ -139,7 +144,8 @@ var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
     dialogTitleOnShare: SharingTitleFunction({
       documentType: documentType,
       document: document
-    })
+    }),
+    disableGutters: true
   }));
 };
 

package/dist/components/ShareDialogOnlyByLink.js

@@ -1,6 +1,8 @@
+import cx from 'classnames';
 import React from 'react';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { default as DumbShareByLink } from './ShareByLink';
 import WhoHasAccess from './WhoHasAccess';
@@ -22,7 +24,11 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
   return /*#__PURE__*/React.createElement(Dialog, {
+    disableGutters: true,
     disableEnforceFocus: true,
     open: true,
     onClose: onClose,
@@ -30,9 +36,9 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       name: document.name || document.attributes.name
     }),
     content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
-      variant: "h6"
+      variant: "h6",
+      className: cx(isMobile ? 'u-ph-1 u-mt-1' : 'u-ph-2 u-mt-1-half')
     }, t('Share.contacts.whoHasAccess')), /*#__PURE__*/React.createElement(WhoHasAccess, {
-      className: "u-mt-half",
       document: document,
       documentType: documentType,
       isOwner: isOwner,
@@ -43,12 +49,14 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       permissions: permissions,
       onUpdateShareLinkPermissions: onUpdateShareLinkPermissions,
       onRevokeLink: onRevokeLink
-    }), /*#__PURE__*/React.createElement(DumbShareByLink, {
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx('u-mt-half', isMobile ? 'u-ph-1 u-mb-1' : 'u-ph-2 u-mb-1-half')
+    }, /*#__PURE__*/React.createElement(DumbShareByLink, {
       link: link,
       document: document,
       documentType: documentType,
       onEnable: onShareByLink
-    }))
+    })))
   });
 };
 

package/dist/components/ShareDialogTwoStepsConfirmationContainer.js

@@ -293,6 +293,7 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
   }
 
   return /*#__PURE__*/React.createElement(FixedDialog, {
+    disableGutters: true,
     disableEnforceFocus: true,
     open: true,
     onClose: onClose,

package/dist/components/ShareModal/SharingDetailsModal.js

@@ -1,7 +1,9 @@
+import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import Divider from 'cozy-ui/transpiled/react/Divider';
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { getDisplayName } from '../../models';
 var styles = {
@@ -44,7 +46,11 @@ export var SharingDetailsModal = function SharingDetailsModal(_ref) {
       t = _useI18n.t,
       f = _useI18n.f;
 
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
   return /*#__PURE__*/React.createElement(Dialog, {
+    disableGutters: true,
     open: true,
     onClose: onClose,
     className: styles['share-modal'],
@@ -52,7 +58,7 @@ export var SharingDetailsModal = function SharingDetailsModal(_ref) {
     content: /*#__PURE__*/React.createElement("div", {
       className: styles['share-modal-content']
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles['share-details']
+      className: cx(styles['share-details'], isMobile ? 'u-ph-1 u-pt-1-half' : 'u-ph-2 u-pt-1')
     }, /*#__PURE__*/React.createElement(OwnerIdentity, {
       name: t("".concat(documentType, ".share.sharedBy"), {
         name: getDisplayName(owner)

package/dist/components/WhoHasAccess.js

@@ -49,9 +49,7 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
     className: className
   }, /*#__PURE__*/React.createElement(RecipientWaitingForConfirmationAlert, {
     recipientsToBeConfirmed: recipientsToBeConfirmed
-  }), /*#__PURE__*/React.createElement(List, {
-    disablePadding: true
-  }, link && /*#__PURE__*/React.createElement(LinkRecipient, {
+  }), /*#__PURE__*/React.createElement(List, null, link && /*#__PURE__*/React.createElement(LinkRecipient, {
     document: document,
     documentType: documentType,
     onRevoke: onRevoke,

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/locales/en.json

@@ -376,5 +376,18 @@
       "title": "Remove me from sharing",
       "desc": "You keep the content but it won't be updated between your Cozy anymore."
     }
+  },
+  "GroupRecipientDetail": {
+    "subtitle": "Managed by %{ownerName}",
+    "withAccess": {
+      "title": "Access to item"
+    },
+    "withoutAccess": {
+      "title": "No access",
+      "status": {
+        "mail-not-sent": "Invitation failed",
+        "revoked": "Sharing revoked"
+      }
+    }
   }
 }

package/locales/fr.json

@@ -374,5 +374,18 @@
       "title": "Quitter le partage",
       "desc": "Vous conserverez une copie mais vos changements ne seront plus synchronisés."
     }
+  },
+  "GroupRecipientDetail": {
+    "subtitle": "Géré par %{ownerName}",
+    "withAccess": {
+      "title": "Accès à l’élément"
+    },
+    "withoutAccess": {
+      "title": "Aucun accès",
+      "status": {
+        "mail-not-sent": "Echec de l’invitation",
+        "revoked": "Partage révoqué"
+      }
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "11.1.0",
+  "version": "12.1.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": "5de831d050135822b1b9295ae8888d11f6372ee5"
 }

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)