cozy-sharing 28.6.0 → 28.7.0

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [28.7.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@28.6.0...cozy-sharing@28.7.0) (2026-03-12)
+
+### Features
+
+- Allow to change link editing rights directly from the share modal ([57c3e61](https://github.com/cozy/cozy-libs/commit/57c3e6144649d3102c37961b4953219bdfe553a3))
+- Display the Share restriction modal on click on the sharing link ([a875c36](https://github.com/cozy/cozy-libs/commit/a875c36e7b6ea592b25cbc8386a305b1c1dac516))
+
 # [28.6.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@28.5.0...cozy-sharing@28.6.0) (2026-03-11)
 
 ### Features

package/dist/SharingProvider.js

@@ -755,9 +755,12 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
 
                       case 11:
                         resp = _context14.t0;
+
+                        _this2.dispatch(updateSharingLink(resp.data));
+
                         return _context14.abrupt("return", resp);
 
-                      case 13:
+                      case 14:
                       case "end":
                         return _context14.stop();
                     }

package/dist/components/Recipient/LinkRecipient.js

@@ -1,21 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { useState } from 'react';
 import { useI18n } from 'twake-i18n';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
 import Fade from 'cozy-ui/transpiled/react/Fade';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 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 LinkRecipientPermissions from './LinkRecipientPermissions';
 import RecipientConfirm from './RecipientConfirm';
 import { checkIsPermissionHasPassword, getPermissionExpiresDate } from '../../helpers/permissions';
 import { FADE_IN_DURATION } from '../../helpers/recipients';
 import { useSharingContext } from '../../hooks/useSharingContext';
+import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal';
 
 var LinkRecipient = function LinkRecipient(props) {
   var _useI18n = useI18n(),
@@ -33,6 +35,12 @@ var LinkRecipient = function LinkRecipient(props) {
       verifyRecipient = props.verifyRecipient,
       fadeIn = props.fadeIn,
       document = props.document;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      openShareRestrictionModal = _useState2[0],
+      setOpenShareRestrictionModal = _useState2[1];
+
   var permissions = getDocumentPermissions(document === null || document === void 0 ? void 0 : document._id);
   var hasPassword = checkIsPermissionHasPassword(permissions);
   var expiresDate = getPermissionExpiresDate(permissions);
@@ -61,11 +69,19 @@ var LinkRecipient = function LinkRecipient(props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: LinkIcon
   }))), /*#__PURE__*/React.createElement(ListItemText, {
-    primary: /*#__PURE__*/React.createElement(Typography, {
-      variant: "body1"
+    primary: /*#__PURE__*/React.createElement(DropdownButton, {
+      textVariant: "body1",
+      onClick: function onClick() {
+        return setOpenShareRestrictionModal(true);
+      }
     }, textPrimary),
     secondary: textSecondary
-  }), RightPart));
+  }), RightPart, openShareRestrictionModal && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
+    file: document,
+    onClose: function onClose() {
+      return setOpenShareRestrictionModal(false);
+    }
+  })));
 };
 
 LinkRecipient.propTypes = {

package/dist/components/Recipient/LinkRecipientPermissions.js

@@ -2,14 +2,20 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
 import React, { useState, useRef } from 'react';
 import { useI18n } from 'twake-i18n';
+import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
+import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import { revokeLink } from './actions/revokeLink';
+import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission';
+import { setReadWriteSharedPermission } from './actions/setReadWriteSharedPermission';
+import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link';
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions';
-import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { WRITE_PERMS, READ_ONLY_PERMS } from '../ShareRestrictionModal/helpers';
 
 var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
   var className = _ref.className,
-      document = _ref.document,
-      permissions = _ref.permissions;
+      document = _ref.document;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -18,29 +24,70 @@ var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      openShareRestrictionModal = _useState2[0],
-      setOpenShareRestrictionModal = _useState2[1];
+      isMenuDisplayed = _useState2[0],
+      setMenuDisplayed = _useState2[1];
 
+  var _useSharingContext = useSharingContext(),
+      updateDocumentPermissions = _useSharingContext.updateDocumentPermissions,
+      revokeSharingLink = _useSharingContext.revokeSharingLink,
+      documentType = _useSharingContext.documentType,
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions;
+
+  var permissions = getDocumentPermissions(document._id);
   var isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions);
+  var type = isReadOnlyPermissions ? 'one-way' : 'two-way';
+
+  var toggleMenu = function toggleMenu() {
+    return setMenuDisplayed(!isMenuDisplayed);
+  };
+
+  var hideMenu = function hideMenu() {
+    return setMenuDisplayed(false);
+  };
+
+  var handleSetType = function handleSetType(newType) {
+    var verbs = newType === 'one-way' ? READ_ONLY_PERMS : WRITE_PERMS;
+    updateDocumentPermissions(document, {
+      verbs: verbs
+    });
+  };
+
+  var handleRevocation = function handleRevocation() {
+    return revokeSharingLink(document);
+  };
+
+  var actionsToShow = [setReadOnlySharedPermission];
+
+  if (!isOnlyReadOnlyLinkAllowed({
+    documentType: documentType
+  })) {
+    actionsToShow.push(setReadWriteSharedPermission);
+  }
+
+  actionsToShow.push(divider, revokeLink);
+  var actions = makeActions(actionsToShow, {
+    t: t,
+    type: type,
+    setType: handleSetType,
+    handleRevocation: handleRevocation
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
     textVariant: "body2",
-    onClick: function onClick() {
-      return setOpenShareRestrictionModal(true);
-    }
-  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way')).toLowerCase()), openShareRestrictionModal && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
-    file: document,
-    onClose: function onClose() {
-      return setOpenShareRestrictionModal(false);
-    }
+    onClick: toggleMenu
+  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+    ref: buttonRef,
+    open: isMenuDisplayed,
+    actions: actions,
+    autoClose: true,
+    onClose: hideMenu
   })));
 };
 
 LinkRecipientPermissions.propTypes = {
   className: PropTypes.string,
-  document: PropTypes.object.isRequired,
-  permissions: PropTypes.arrayOf(PropTypes.object).isRequired
+  document: PropTypes.object.isRequired
 };
 export default LinkRecipientPermissions;

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

@@ -0,0 +1,34 @@
+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 revokeLink = function revokeLink(_ref) {
+  var t = _ref.t,
+      handleRevocation = _ref.handleRevocation;
+  var title = t('Share.permissionLink.deactivate');
+  return {
+    name: 'revokeLink',
+    label: title,
+    icon: TrashIcon,
+    action: handleRevocation,
+    Component: /*#__PURE__*/forwardRef(function RevokeLinkItem(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)
+      }));
+    })
+  };
+};
+
+export { revokeLink };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "28.6.0",
+  "version": "28.7.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "64311a9d08372224b5214cbf49f7d658d93f9af9"
+  "gitHead": "421077ecc24c9a15a3a1c22d9c3442917292f8ba"
 }

package/src/SharingProvider.jsx

@@ -488,6 +488,7 @@ export class SharingProvider extends Component {
               updatedPermissions,
               { expiresAt, password }
             )
+        this.dispatch(updateSharingLink(resp.data))
         return resp
       })
     )

package/src/components/Recipient/LinkRecipient.jsx

@@ -1,15 +1,15 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import React, { useState } from 'react'
 import { useI18n } from 'twake-i18n'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
 import Fade from 'cozy-ui/transpiled/react/Fade'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 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 LinkRecipientPermissions from './LinkRecipientPermissions'
@@ -20,6 +20,7 @@ import {
 } from '../../helpers/permissions'
 import { FADE_IN_DURATION } from '../../helpers/recipients'
 import { useSharingContext } from '../../hooks/useSharingContext'
+import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal'
 
 const LinkRecipient = props => {
   const { t, f, lang } = useI18n()
@@ -28,6 +29,9 @@ const LinkRecipient = props => {
 
   const { recipientConfirmationData, verifyRecipient, fadeIn, document } = props
 
+  const [openShareRestrictionModal, setOpenShareRestrictionModal] =
+    useState(false)
+
   const permissions = getDocumentPermissions(document?._id)
   const hasPassword = checkIsPermissionHasPassword(permissions)
   const expiresDate = getPermissionExpiresDate(permissions)
@@ -63,10 +67,23 @@ const LinkRecipient = props => {
           </Avatar>
         </ListItemIcon>
         <ListItemText
-          primary={<Typography variant="body1">{textPrimary}</Typography>}
+          primary={
+            <DropdownButton
+              textVariant="body1"
+              onClick={() => setOpenShareRestrictionModal(true)}
+            >
+              {textPrimary}
+            </DropdownButton>
+          }
           secondary={textSecondary}
         />
         {RightPart}
+        {openShareRestrictionModal && (
+          <ShareRestrictionModal
+            file={document}
+            onClose={() => setOpenShareRestrictionModal(false)}
+          />
+        )}
       </ListItem>
     </Fade>
   )

package/src/components/Recipient/LinkRecipientPermissions.jsx

@@ -2,18 +2,58 @@ import PropTypes from 'prop-types'
 import React, { useState, useRef } from 'react'
 import { useI18n } from 'twake-i18n'
 
+import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
+import {
+  makeActions,
+  divider
+} from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
 
+import { revokeLink } from './actions/revokeLink'
+import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission'
+import { setReadWriteSharedPermission } from './actions/setReadWriteSharedPermission'
+import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link'
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
-import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal'
+import { useSharingContext } from '../../hooks/useSharingContext'
+import { WRITE_PERMS, READ_ONLY_PERMS } from '../ShareRestrictionModal/helpers'
 
-const LinkRecipientPermissions = ({ className, document, permissions }) => {
+const LinkRecipientPermissions = ({ className, document }) => {
   const { t } = useI18n()
   const buttonRef = useRef()
-  const [openShareRestrictionModal, setOpenShareRestrictionModal] =
-    useState(false)
+  const [isMenuDisplayed, setMenuDisplayed] = useState(false)
+  const {
+    updateDocumentPermissions,
+    revokeSharingLink,
+    documentType,
+    getDocumentPermissions
+  } = useSharingContext()
 
+  const permissions = getDocumentPermissions(document._id)
   const isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions)
+  const type = isReadOnlyPermissions ? 'one-way' : 'two-way'
+
+  const toggleMenu = () => setMenuDisplayed(!isMenuDisplayed)
+  const hideMenu = () => setMenuDisplayed(false)
+
+  const handleSetType = newType => {
+    const verbs = newType === 'one-way' ? READ_ONLY_PERMS : WRITE_PERMS
+    updateDocumentPermissions(document, { verbs })
+  }
+
+  const handleRevocation = () => revokeSharingLink(document)
+
+  const actionsToShow = [setReadOnlySharedPermission]
+  if (!isOnlyReadOnlyLinkAllowed({ documentType })) {
+    actionsToShow.push(setReadWriteSharedPermission)
+  }
+  actionsToShow.push(divider, revokeLink)
+
+  const actions = makeActions(actionsToShow, {
+    t,
+    type,
+    setType: handleSetType,
+    handleRevocation
+  })
 
   return (
     <div className={className}>
@@ -21,18 +61,17 @@ const LinkRecipientPermissions = ({ className, document, permissions }) => {
         <DropdownButton
           ref={buttonRef}
           textVariant="body2"
-          onClick={() => setOpenShareRestrictionModal(true)}
+          onClick={toggleMenu}
         >
-          {t(
-            `Share.type.${isReadOnlyPermissions ? 'one-way' : 'two-way'}`
-          ).toLowerCase()}
+          {t(`Share.type.${type}`).toLowerCase()}
         </DropdownButton>
-        {openShareRestrictionModal && (
-          <ShareRestrictionModal
-            file={document}
-            onClose={() => setOpenShareRestrictionModal(false)}
-          />
-        )}
+        <ActionsMenu
+          ref={buttonRef}
+          open={isMenuDisplayed}
+          actions={actions}
+          autoClose
+          onClose={hideMenu}
+        />
       </>
     </div>
   )
@@ -40,8 +79,7 @@ const LinkRecipientPermissions = ({ className, document, permissions }) => {
 
 LinkRecipientPermissions.propTypes = {
   className: PropTypes.string,
-  document: PropTypes.object.isRequired,
-  permissions: PropTypes.arrayOf(PropTypes.object).isRequired
+  document: PropTypes.object.isRequired
 }
 
 export default LinkRecipientPermissions

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

@@ -0,0 +1,33 @@
+import React, { forwardRef } from 'react'
+
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+
+const revokeLink = ({ t, handleRevocation }) => {
+  const title = t('Share.permissionLink.deactivate')
+
+  return {
+    name: 'revokeLink',
+    label: title,
+    icon: TrashIcon,
+    action: handleRevocation,
+    Component: forwardRef(function RevokeLinkItem(props, ref) {
+      return (
+        <ActionsMenuItem {...props} ref={ref}>
+          <ListItemIcon>
+            <Icon icon={TrashIcon} color="var(--errorColor)" />
+          </ListItemIcon>
+          <ListItemText
+            primary={<Typography color="error">{title}</Typography>}
+          />
+        </ActionsMenuItem>
+      )
+    })
+  }
+}
+
+export { revokeLink }