cozy-sharing 37.6.1 → 37.7.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.
 
+# [37.7.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.6.2...cozy-sharing@37.7.0) (2026-09-15)
+
+### Bug Fixes
+
+- **cozy-sharing:** Stop getSharedParentPath self-matching ([54c6bfe](https://github.com/cozy/cozy-libs/commit/54c6bfe7874ebdfd8174905e749e9a0b584457a1))
+
+### Features
+
+- **cozy-sharing:** Confirm downgrade affecting a shared parent folder ([7a57bd9](https://github.com/cozy/cozy-libs/commit/7a57bd9b34ae93a0a394e69fc3f272a3ca4969d6))
+
+## [37.6.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.6.1...cozy-sharing@37.6.2) (2026-09-14)
+
+**Note:** Version bump only for package cozy-sharing
+
 ## [37.6.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.6.0...cozy-sharing@37.6.1) (2026-09-10)
 
 **Note:** Version bump only for package cozy-sharing

package/README.md

@@ -178,6 +178,7 @@ Link and email sharing can coexist on the same resource. The recipient's permiss
 | Read-only sharing | If the existing sharing is read-only, only the `readOnly` option is offered | `ShareByEmail.jsx:46-57` |
 | Contacts shown | Only contacts with a defined `email` or `cozy` URL | `helpers/recipients.js:72-73` |
 | Group sharing | All members get the same permission; dynamic membership (add/remove) propagates | `state.js:414-451` |
+| Downgrade confirmation | Switching a member from `two-way` (editor) to `one-way` (viewer) on a folder with a shared parent first opens `DowngradePermissionConfirmDialog`: the change is applied only on confirm, cancel keeps the editor permission (the downgrade also reduces the member's rights on the parent folder) | `Recipient/PermissionTypeMenu.jsx`, `Recipient/DowngradePermissionConfirmDialog.jsx` |
 
 ### Shared drives & federated folders
 

package/dist/components/Identity/ExtraIdentity.js

@@ -1,5 +1,5 @@
-import PropTypes from 'prop-types';
 import React from 'react';
+import { useI18n } from 'twake-i18n';
 import Identity from './Identity';
 import { getDisplayName } from '../../models';
 var styles = {
@@ -17,9 +17,12 @@ var styles = {
 };
 import { ExtraAvatar } from '../Avatar/ExtraAvatar';
 
-var ExtraIdentity = function ExtraIdentity(_ref, _ref2) {
+var ExtraIdentity = function ExtraIdentity(_ref) {
   var extraRecipients = _ref.extraRecipients;
-  var t = _ref2.t;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles['recipient']
   }, /*#__PURE__*/React.createElement(ExtraAvatar, {
@@ -33,7 +36,4 @@ var ExtraIdentity = function ExtraIdentity(_ref, _ref2) {
   })));
 };
 
-ExtraIdentity.contextTypes = {
-  t: PropTypes.func.isRequired
-};
 export { ExtraIdentity };

package/dist/components/Recipient/DowngradePermissionConfirmDialog.js

@@ -0,0 +1,127 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import PropTypes from 'prop-types';
+import React from 'react';
+import snarkdown from 'snarkdown';
+import { Icon, FolderOutlined, ArrowUp } from '@linagora/twake-icons';
+import { useClient } from 'cozy-client';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import Timeline from 'cozy-ui/transpiled/react/Timeline';
+import TimelineConnector from 'cozy-ui/transpiled/react/TimelineConnector';
+import TimelineContent from 'cozy-ui/transpiled/react/TimelineContent';
+import TimelineDot from 'cozy-ui/transpiled/react/TimelineDot';
+import TimelineItem from 'cozy-ui/transpiled/react/TimelineItem';
+import TimelineOppositeContent from 'cozy-ui/transpiled/react/TimelineOppositeContent';
+import TimelineSeparator from 'cozy-ui/transpiled/react/TimelineSeparator';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'twake-i18n';
+import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients';
+import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { getDisplayName } from '../../models';
+
+var DowngradePermissionConfirmDialog = function DowngradePermissionConfirmDialog(_ref) {
+  var document = _ref.document,
+      recipient = _ref.recipient,
+      onCancel = _ref.onCancel,
+      onConfirm = _ref.onConfirm;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+
+  var _useSharingContext = useSharingContext(),
+      getSharedParentPath = _useSharingContext.getSharedParentPath;
+
+  var documentPath = useFetchDocumentPath(client, document);
+  var sharedParentPath = documentPath && getSharedParentPath(documentPath);
+  var parentFolderName = sharedParentPath === null || sharedParentPath === void 0 ? void 0 : sharedParentPath.split('/').pop();
+  var contactName = getDisplayName(recipient, t(DEFAULT_DISPLAY_NAME));
+
+  var _snarkdown$split = snarkdown(t('DowngradePermissionConfirmDialog.content', {
+    contactName: contactName
+  })).split('<strong>'),
+      _snarkdown$split2 = _slicedToArray(_snarkdown$split, 2),
+      before = _snarkdown$split2[0],
+      afterOpen = _snarkdown$split2[1];
+
+  var _afterOpen$split = afterOpen.split('</strong>'),
+      _afterOpen$split2 = _slicedToArray(_afterOpen$split, 2),
+      boldContactName = _afterOpen$split2[0],
+      after = _afterOpen$split2[1];
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    title: t('DowngradePermissionConfirmDialog.title'),
+    content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, null, before, /*#__PURE__*/React.createElement("strong", null, boldContactName), after), /*#__PURE__*/React.createElement(Timeline, null, /*#__PURE__*/React.createElement(TimelineItem, null, /*#__PURE__*/React.createElement(TimelineOppositeContent, {
+      style: {
+        display: 'none'
+      }
+    }), /*#__PURE__*/React.createElement(TimelineSeparator, null, /*#__PURE__*/React.createElement(TimelineDot, {
+      className: "u-bg-transparent u-bdw-0 u-elevation-0 u-p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "u-w-1-half u-flex u-flex-justify-center"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: FolderOutlined,
+      size: 24
+    }))), /*#__PURE__*/React.createElement(TimelineConnector, null)), /*#__PURE__*/React.createElement(TimelineContent, null, /*#__PURE__*/React.createElement(Typography, {
+      variant: "body2"
+    }, parentFolderName), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("s", null, /*#__PURE__*/React.createElement(Typography, {
+      display: "inline",
+      variant: "caption"
+    }, t('Share.type.two-way'))), /*#__PURE__*/React.createElement(Icon, {
+      className: "u-mh-half",
+      color: "var(--secondaryTextColor)",
+      icon: ArrowUp,
+      rotate: 90,
+      size: 12
+    }), /*#__PURE__*/React.createElement(Typography, {
+      display: "inline",
+      variant: "caption"
+    }, t('Share.type.one-way'))))), /*#__PURE__*/React.createElement(TimelineItem, null, /*#__PURE__*/React.createElement(TimelineOppositeContent, {
+      style: {
+        display: 'none'
+      }
+    }), /*#__PURE__*/React.createElement(TimelineSeparator, null, /*#__PURE__*/React.createElement(TimelineDot, {
+      className: "u-bg-transparent u-bdw-0 u-elevation-0 u-p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "u-w-1-half u-flex u-flex-justify-center"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: FolderOutlined,
+      size: 16
+    })))), /*#__PURE__*/React.createElement(TimelineContent, null, /*#__PURE__*/React.createElement(Typography, {
+      variant: "body2"
+    }, document.name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("s", null, /*#__PURE__*/React.createElement(Typography, {
+      display: "inline",
+      variant: "caption"
+    }, t('Share.type.two-way'))), /*#__PURE__*/React.createElement(Icon, {
+      className: "u-mh-half",
+      color: "var(--secondaryTextColor)",
+      icon: ArrowUp,
+      rotate: 90,
+      size: 12
+    }), /*#__PURE__*/React.createElement(Typography, {
+      display: "inline",
+      variant: "caption"
+    }, t('Share.type.one-way'))))))),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      label: t('DowngradePermissionConfirmDialog.cancel'),
+      onClick: onCancel
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      label: t('DowngradePermissionConfirmDialog.confirm'),
+      onClick: onConfirm
+    })),
+    onClose: onCancel
+  });
+};
+
+DowngradePermissionConfirmDialog.propTypes = {
+  document: PropTypes.object.isRequired,
+  recipient: PropTypes.object.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired
+};
+export default DowngradePermissionConfirmDialog;

package/dist/components/Recipient/MemberRecipient.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["instance", "isOwner", "status", "recipientConfirmationData", "verifyRecipient", "fadeIn", "isOrgSharedDrive"];
 import PropTypes from 'prop-types';
@@ -41,7 +42,11 @@ var MemberRecipient = function MemberRecipient(props) {
   var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
     recipientConfirmationData: recipientConfirmationData,
     verifyRecipient: verifyRecipient
-  }) : /*#__PURE__*/React.createElement(MemberRecipientPermissions, props);
+  }) : /*#__PURE__*/React.createElement(MemberRecipientPermissions, _extends({}, rest, {
+    instance: instance,
+    isOwner: isOwner,
+    status: status
+  }));
   return /*#__PURE__*/React.createElement(Fade, {
     in: true,
     timeout: fadeIn ? FADE_IN_DURATION : 0

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -1,5 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isOwner", "canManageSharing", "canManageMembers", "status", "instance", "type", "document", "onRevoke", "onRevokeSelf", "sharingId", "memberIndex"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useCallback } from 'react';
 import { Icon, CrossCircleOutline } from '@linagora/twake-icons';
@@ -23,7 +25,8 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
       sharingId = _ref.sharingId,
-      memberIndex = _ref.memberIndex;
+      memberIndex = _ref.memberIndex,
+      recipient = _objectWithoutProperties(_ref, _excluded);
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -77,7 +80,9 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
   }, contactIsOwner ? t("Share.status.".concat(status)) : t("Share.type.".concat(type))), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PermissionTypeMenu, {
     sharingId: sharingId,
     memberIndex: memberIndex,
-    type: type !== null && type !== void 0 ? type : 'one-way'
+    type: type !== null && type !== void 0 ? type : 'one-way',
+    document: document,
+    recipient: recipient
   }), /*#__PURE__*/React.createElement(IconButton, {
     onClick: handleRevocation,
     size: "small",

package/dist/components/Recipient/PermissionTypeMenu.js

@@ -2,29 +2,36 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useRef, useState } from 'react';
+import { useClient } from 'cozy-client';
 import minilog from 'cozy-minilog';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import { useI18n } from 'twake-i18n';
+import DowngradePermissionConfirmDialog from './DowngradePermissionConfirmDialog';
 import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission';
 import { setReadWriteSharedPermission } from './actions/setReadWriteSharedPermission';
 import withLocales from '../../hoc/withLocales';
+import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath';
 import { useSharingContext } from '../../hooks/useSharingContext';
 var log = minilog('PermissionTypeMenu');
 
 var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
   var sharingId = _ref.sharingId,
       memberIndex = _ref.memberIndex,
-      type = _ref.type;
+      type = _ref.type,
+      document = _ref.document,
+      recipient = _ref.recipient;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
+  var client = useClient();
   var buttonRef = useRef();
 
   var _useSharingContext = useSharingContext(),
+      hasSharedParent = _useSharingContext.hasSharedParent,
       updateSharingMemberType = _useSharingContext.updateSharingMemberType;
 
   var _useAlert = useAlert(),
@@ -35,32 +42,31 @@ var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
       isMenuDisplayed = _useState2[0],
       setMenuDisplayed = _useState2[1];
 
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      pendingType = _useState4[0],
+      setPendingType = _useState4[1];
+
+  var documentPath = useFetchDocumentPath(client, document);
   var hideMenu = useCallback(function () {
     setMenuDisplayed(false);
   }, []);
-  var setType = useCallback( /*#__PURE__*/function () {
+  var applyType = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newType) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            hideMenu();
-
-            if (!(newType !== type)) {
-              _context.next = 11;
-              break;
-            }
-
-            _context.prev = 2;
-            _context.next = 5;
+            _context.prev = 0;
+            _context.next = 3;
             return updateSharingMemberType(sharingId, memberIndex, newType);
 
-          case 5:
-            _context.next = 11;
+          case 3:
+            _context.next = 9;
             break;
 
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](2);
+          case 5:
+            _context.prev = 5;
+            _context.t0 = _context["catch"](0);
             log.error('Failed to change member permission type', _context.t0);
             showAlert({
               message: t('Share.members.error.changePermission'),
@@ -68,17 +74,39 @@ var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
               variant: 'filled'
             });
 
-          case 11:
+          case 9:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 7]]);
+      }, _callee, null, [[0, 5]]);
     }));
 
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [hideMenu, memberIndex, sharingId, showAlert, t, type, updateSharingMemberType]);
+  }(), [memberIndex, sharingId, showAlert, t, updateSharingMemberType]); // Downgrading to viewer on a folder inside a shared parent also reduces
+  // the member's rights on the parent: require explicit confirmation first.
+
+  var shouldConfirmDowngrade = type === 'two-way' && Boolean(documentPath) && (hasSharedParent === null || hasSharedParent === void 0 ? void 0 : hasSharedParent(documentPath));
+  var setType = useCallback(function (newType) {
+    hideMenu();
+    if (newType === type) return;
+
+    if (newType === 'one-way' && shouldConfirmDowngrade) {
+      setPendingType(newType);
+      return;
+    }
+
+    applyType(newType);
+  }, [applyType, hideMenu, shouldConfirmDowngrade, type]);
+  var handleConfirmDowngrade = useCallback(function () {
+    var newType = pendingType;
+    setPendingType(null);
+    if (newType) applyType(newType);
+  }, [applyType, pendingType]);
+  var handleCancelDowngrade = useCallback(function () {
+    setPendingType(null);
+  }, []);
   var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission], {
     t: t,
     type: type !== null && type !== void 0 ? type : 'one-way',
@@ -98,6 +126,11 @@ var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
     actions: actions,
     autoClose: true,
     onClose: hideMenu
+  }), pendingType && /*#__PURE__*/React.createElement(DowngradePermissionConfirmDialog, {
+    document: document,
+    recipient: recipient,
+    onCancel: handleCancelDowngrade,
+    onConfirm: handleConfirmDowngrade
   }));
 };
 

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

@@ -7,11 +7,15 @@ import { createMockClient } from 'cozy-client';
 import { PermissionTypeMenu } from './PermissionTypeMenu';
 import AppLike from '../../../test/AppLike';
 var mockUpdateSharingMemberType = jest.fn();
+var mockHasSharedParent = jest.fn();
+var mockGetSharedParentPath = jest.fn();
 var mockShowAlert = jest.fn();
 jest.mock('../../hooks/useSharingContext', function () {
   return {
     useSharingContext: function useSharingContext() {
       return {
+        hasSharedParent: mockHasSharedParent,
+        getSharedParentPath: mockGetSharedParentPath,
         updateSharingMemberType: mockUpdateSharingMemberType
       };
     }
@@ -39,7 +43,10 @@ describe('PermissionTypeMenu component', function () {
   var defaultProps = {
     sharingId: 'sharing-123',
     memberIndex: 1,
-    type: 'two-way'
+    type: 'two-way',
+    recipient: {
+      name: 'Alice'
+    }
   };
   beforeEach(function () {
     jest.clearAllMocks();
@@ -177,4 +184,106 @@ describe('PermissionTypeMenu component', function () {
       }
     }, _callee4);
   })));
+  describe('when downgrading to viewer on a folder with a shared parent', function () {
+    var folderDocument = {
+      _id: 'doc-1',
+      type: 'directory',
+      path: '/parent/child'
+    };
+    beforeEach(function () {
+      mockHasSharedParent.mockReturnValue(true);
+    });
+    it('should ask for confirmation instead of updating directly', function () {
+      var _setup5 = setup({
+        type: 'two-way',
+        document: folderDocument
+      }),
+          getByRole = _setup5.getByRole;
+
+      fireEvent.click(getByRole('button', {
+        name: 'Editor'
+      }));
+      fireEvent.click(getByRole('menuitem', {
+        name: 'Viewer'
+      }));
+      expect(mockUpdateSharingMemberType).not.toHaveBeenCalled();
+      expect(getByRole('button', {
+        name: 'Update parent'
+      })).toBeInTheDocument();
+    });
+    it('should call updateSharingMemberType when confirming', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _setup6, getByRole;
+
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            mockUpdateSharingMemberType.mockResolvedValue(undefined);
+            _setup6 = setup({
+              type: 'two-way',
+              document: folderDocument
+            }), getByRole = _setup6.getByRole;
+            fireEvent.click(getByRole('button', {
+              name: 'Editor'
+            }));
+            fireEvent.click(getByRole('menuitem', {
+              name: 'Viewer'
+            }));
+            fireEvent.click(getByRole('button', {
+              name: 'Update parent'
+            }));
+            _context5.next = 7;
+            return waitFor(function () {
+              expect(mockUpdateSharingMemberType).toHaveBeenCalledWith('sharing-123', 1, 'one-way');
+            });
+
+          case 7:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    })));
+    it('should not call updateSharingMemberType when cancelling', function () {
+      var _setup7 = setup({
+        type: 'two-way',
+        document: folderDocument
+      }),
+          getByRole = _setup7.getByRole,
+          queryByRole = _setup7.queryByRole;
+
+      fireEvent.click(getByRole('button', {
+        name: 'Editor'
+      }));
+      fireEvent.click(getByRole('menuitem', {
+        name: 'Viewer'
+      }));
+      fireEvent.click(getByRole('button', {
+        name: 'Cancel'
+      }));
+      expect(mockUpdateSharingMemberType).not.toHaveBeenCalled();
+      expect(queryByRole('button', {
+        name: 'Update parent'
+      })).toBe(null);
+    });
+    it('should update directly when the folder has no shared parent', function () {
+      mockHasSharedParent.mockReturnValue(false);
+
+      var _setup8 = setup({
+        type: 'two-way',
+        document: folderDocument
+      }),
+          getByRole = _setup8.getByRole,
+          queryByRole = _setup8.queryByRole;
+
+      fireEvent.click(getByRole('button', {
+        name: 'Editor'
+      }));
+      fireEvent.click(getByRole('menuitem', {
+        name: 'Viewer'
+      }));
+      expect(mockUpdateSharingMemberType).toHaveBeenCalledWith('sharing-123', 1, 'one-way');
+      expect(queryByRole('button', {
+        name: 'Update parent'
+      })).toBe(null);
+    });
+  });
 });

package/dist/components/Tooltip.js

@@ -1,31 +1,8 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
-function _callSuper(_this, derived, args) {
-  function isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-
-    try {
-      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (e) {
-      return false;
-    }
-  }
-
-  derived = _getPrototypeOf(derived);
-  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
-}
-
 import PropTypes from 'prop-types';
 import React from 'react';
 import ReactTooltip from 'react-tooltip';
+import { useI18n } from 'twake-i18n';
 var styles = {
   "shared-tooltip": "tooltip__shared-tooltip___7Dys3",
   "shared-tooltip-list": "tooltip__shared-tooltip-list___jD5hi"
@@ -38,40 +15,23 @@ export var SharingTooltip = function SharingTooltip(props) {
   }, props), props.children);
 }; // accepts all the props from https://github.com/wwayne/react-tooltip#options
 
-export var TooltipRecipientList = /*#__PURE__*/function (_React$Component) {
-  function TooltipRecipientList() {
-    _classCallCheck(this, TooltipRecipientList);
-
-    return _callSuper(this, TooltipRecipientList, arguments);
-  }
-
-  _inherits(TooltipRecipientList, _React$Component);
-
-  return _createClass(TooltipRecipientList, [{
-    key: "render",
-    value: function render() {
-      var t = this.context.t;
-      var _this$props = this.props,
-          recipientNames = _this$props.recipientNames,
-          _this$props$cutoff = _this$props.cutoff,
-          cutoff = _this$props$cutoff === void 0 ? 4 : _this$props$cutoff;
-      return /*#__PURE__*/React.createElement("ul", {
-        className: styles['shared-tooltip-list']
-      }, recipientNames.slice(0, cutoff).map(function (name, i) {
-        return /*#__PURE__*/React.createElement("li", {
-          key: "key_name_".concat(name, "_").concat(i)
-        }, name);
-      }), recipientNames.length > cutoff && /*#__PURE__*/React.createElement("li", null, t('Share.members.others', {
-        smart_count: recipientNames.slice(cutoff).length
-      })));
-    }
-  }]);
-}(React.Component);
-
-_defineProperty(TooltipRecipientList, "contextTypes", {
-  t: PropTypes.func.isRequired
-});
-
+export var TooltipRecipientList = function TooltipRecipientList(_ref) {
+  var recipientNames = _ref.recipientNames,
+      cutoff = _ref.cutoff;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement("ul", {
+    className: styles['shared-tooltip-list']
+  }, recipientNames.slice(0, cutoff).map(function (name, i) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: "key_name_".concat(name, "_").concat(i)
+    }, name);
+  }), recipientNames.length > cutoff && /*#__PURE__*/React.createElement("li", null, t('Share.members.others', {
+    smart_count: recipientNames.slice(cutoff).length
+  })));
+};
 TooltipRecipientList.propTypes = {
   recipientNames: PropTypes.arrayOf(PropTypes.string),
   cutoff: PropTypes.number

package/dist/hooks/useFetchDocumentPath.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useState, useEffect } from 'react';
 import { fetchFilesPaths } from '../helpers/files';
 export var useFetchDocumentPath = function useFetchDocumentPath(client, document) {
-  var _useState = useState(document.path ? document.path : null),
+  var _useState = useState(document !== null && document !== void 0 && document.path ? document.path : null),
       _useState2 = _slicedToArray(_useState, 2),
       documentPath = _useState2[0],
       setDocumentPath = _useState2[1];
@@ -18,35 +18,44 @@ export var useFetchDocumentPath = function useFetchDocumentPath(client, document
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
+
+            if (document) {
+              _context.next = 3;
+              break;
+            }
+
+            return _context.abrupt("return", setDocumentPath(null));
+
+          case 3:
             isDirectory = document.type === 'directory';
 
             if (!isDirectory) {
-              _context.next = 4;
+              _context.next = 6;
               break;
             }
 
             return _context.abrupt("return", setDocumentPath(document.path));
 
-          case 4:
-            _context.next = 6;
+          case 6:
+            _context.next = 8;
             return fetchFilesPaths(client, document._type, [document]);
 
-          case 6:
+          case 8:
             path = _context.sent;
             setDocumentPath(path[0]); // eslint-disable-next-line
 
-            _context.next = 12;
+            _context.next = 14;
             break;
 
-          case 10:
-            _context.prev = 10;
+          case 12:
+            _context.prev = 12;
             _context.t0 = _context["catch"](0);
 
-          case 12:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 10]]);
+      }, _callee, null, [[0, 12]]);
     }))();
   }, [client, document]);
   return documentPath;

package/dist/state.js

@@ -700,7 +700,7 @@ export var hasSharedChild = function hasSharedChild(state, documentPath) {
 export var getSharedParentPath = function getSharedParentPath(state, documentPath) {
   if (hasSharedParent(state, documentPath)) {
     return state.sharedPaths.find(function (path) {
-      return documentPath.startsWith(path);
+      return documentPath.startsWith("".concat(path, "/"));
     });
   }
 

package/locales/en.json

@@ -386,6 +386,12 @@
     "cancel": "Cancel",
     "discard": "Discard"
   },
+  "DowngradePermissionConfirmDialog": {
+    "title": "Update role for parent folder?",
+    "content": "Changing **%{contactName}** permissions on this item will aslo change permissions on a parent folder. Alternatively, apply limited access to this folder.",
+    "cancel": "Cancel",
+    "confirm": "Update parent"
+  },
   "GroupRecipient": {
     "secondary": "%{memberCount} member |||| %{memberCount} members",
     "secondary_you": "including you"

package/locales/fr.json

@@ -384,6 +384,12 @@
     "cancel": "Annuler",
     "discard": "Abandonner"
   },
+  "DowngradePermissionConfirmDialog": {
+    "title": "Modifier le rôle du dossier parent ?",
+    "content": "Modifier les permissions de **%{contactName}** sur cet élément modifiera également les permissions sur un dossier parent. Vous pouvez aussi appliquer un accès limité à ce dossier.",
+    "cancel": "Annuler",
+    "confirm": "Mettre à jour le parent"
+  },
   "GroupRecipient": {
     "secondary": "%{memberCount} membre |||| %{memberCount} membres",
     "secondary_you": "dont vous"

package/locales/ru.json

@@ -386,6 +386,12 @@
     "cancel": "Отмена",
     "discard": "Отменить"
   },
+  "DowngradePermissionConfirmDialog": {
+    "title": "Обновить роль родительской папки?",
+    "content": "Изменение прав доступа **%{contactName}** для этого элемента также изменит права доступа для родительской папки. Либо примените ограниченный доступ к этой папке.",
+    "cancel": "Отмена",
+    "confirm": "Обновить родительскую папку"
+  },
   "GroupRecipient": {
     "secondary": "%{memberCount} участник |||| %{memberCount} участников",
     "secondary_you": "включая вас"

package/locales/vi.json

@@ -386,6 +386,12 @@
     "cancel": "Hủy",
     "discard": "Bỏ"
   },
+  "DowngradePermissionConfirmDialog": {
+    "title": "Cập nhật vai trò cho thư mục cha?",
+    "content": "Việc thay đổi quyền của **%{contactName}** trên mục này cũng sẽ thay đổi quyền trên thư mục cha. Ngoài ra, bạn có thể áp dụng quyền truy cập giới hạn cho thư mục này.",
+    "cancel": "Hủy",
+    "confirm": "Cập nhật thư mục cha"
+  },
   "GroupRecipient": {
     "secondary": "%{memberCount} thành viên |||| %{memberCount} thành viên",
     "secondary_you": "bao gồm cả bạn"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "37.6.1",
+  "version": "37.7.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -59,14 +59,14 @@
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^140.5.0",
-    "cozy-ui-plus": "^13.0.0",
+    "cozy-ui-plus": "^13.0.2",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
     "react-dom": "16.13.0",
     "react-router": "^5.0.1",
     "storybook": "7.6.0",
-    "twake-i18n": "^0.4.1"
+    "twake-i18n": "^0.5.0"
   },
   "peerDependencies": {
     "@linagora/twake-icons": ">=2.6.6",
@@ -85,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b101bc4cb905b32920ef7a22344eb890147eab23"
+  "gitHead": "b204dc35cf01f135f6b8ba4a5ae4acbb0753456f"
 }

package/src/components/Identity/ExtraIdentity.jsx

@@ -1,28 +1,29 @@
-import PropTypes from 'prop-types'
 import React from 'react'
 
+import { useI18n } from 'twake-i18n'
+
 import Identity from './Identity'
 import { getDisplayName } from '../../models'
 import styles from '../../styles/recipient.styl'
 import { ExtraAvatar } from '../Avatar/ExtraAvatar'
 
-const ExtraIdentity = ({ extraRecipients }, { t }) => (
-  <div className={styles['recipient']}>
-    <ExtraAvatar
-      extraRecipients={extraRecipients.map(recipient =>
-        getDisplayName(recipient)
-      )}
-    />
-    <div className={styles['recipient-ident-status']}>
-      <Identity
-        name={t('Share.members.otherContacts', extraRecipients.length)}
+const ExtraIdentity = ({ extraRecipients }) => {
+  const { t } = useI18n()
+
+  return (
+    <div className={styles['recipient']}>
+      <ExtraAvatar
+        extraRecipients={extraRecipients.map(recipient =>
+          getDisplayName(recipient)
+        )}
       />
+      <div className={styles['recipient-ident-status']}>
+        <Identity
+          name={t('Share.members.otherContacts', extraRecipients.length)}
+        />
+      </div>
     </div>
-  </div>
-)
-
-ExtraIdentity.contextTypes = {
-  t: PropTypes.func.isRequired
+  )
 }
 
 export { ExtraIdentity }

package/src/components/Recipient/DowngradePermissionConfirmDialog.jsx

@@ -0,0 +1,146 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+import snarkdown from 'snarkdown'
+
+import { Icon, FolderOutlined, ArrowUp } from '@linagora/twake-icons'
+import { useClient } from 'cozy-client'
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import Timeline from 'cozy-ui/transpiled/react/Timeline'
+import TimelineConnector from 'cozy-ui/transpiled/react/TimelineConnector'
+import TimelineContent from 'cozy-ui/transpiled/react/TimelineContent'
+import TimelineDot from 'cozy-ui/transpiled/react/TimelineDot'
+import TimelineItem from 'cozy-ui/transpiled/react/TimelineItem'
+import TimelineOppositeContent from 'cozy-ui/transpiled/react/TimelineOppositeContent'
+import TimelineSeparator from 'cozy-ui/transpiled/react/TimelineSeparator'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'twake-i18n'
+
+import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients'
+import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath'
+import { useSharingContext } from '../../hooks/useSharingContext'
+import { getDisplayName } from '../../models'
+
+const DowngradePermissionConfirmDialog = ({
+  document,
+  recipient,
+  onCancel,
+  onConfirm
+}) => {
+  const { t } = useI18n()
+  const client = useClient()
+  const { getSharedParentPath } = useSharingContext()
+
+  const documentPath = useFetchDocumentPath(client, document)
+  const sharedParentPath = documentPath && getSharedParentPath(documentPath)
+  const parentFolderName = sharedParentPath?.split('/').pop()
+  const contactName = getDisplayName(recipient, t(DEFAULT_DISPLAY_NAME))
+  const [before, afterOpen] = snarkdown(
+    t('DowngradePermissionConfirmDialog.content', { contactName })
+  ).split('<strong>')
+  const [boldContactName, after] = afterOpen.split('</strong>')
+
+  return (
+    <ConfirmDialog
+      open
+      title={t('DowngradePermissionConfirmDialog.title')}
+      content={
+        <>
+          <Typography>
+            {before}
+            <strong>{boldContactName}</strong>
+            {after}
+          </Typography>
+
+          <Timeline>
+            <TimelineItem>
+              <TimelineOppositeContent style={{ display: 'none' }} />
+              <TimelineSeparator>
+                <TimelineDot className="u-bg-transparent u-bdw-0 u-elevation-0 u-p-0">
+                  <div className="u-w-1-half u-flex u-flex-justify-center">
+                    <Icon icon={FolderOutlined} size={24} />
+                  </div>
+                </TimelineDot>
+                <TimelineConnector />
+              </TimelineSeparator>
+              <TimelineContent>
+                <Typography variant="body2">{parentFolderName}</Typography>
+                <div>
+                  <s>
+                    <Typography display="inline" variant="caption">
+                      {t('Share.type.two-way')}
+                    </Typography>
+                  </s>
+                  <Icon
+                    className="u-mh-half"
+                    color="var(--secondaryTextColor)"
+                    icon={ArrowUp}
+                    rotate={90}
+                    size={12}
+                  />
+                  <Typography display="inline" variant="caption">
+                    {t('Share.type.one-way')}
+                  </Typography>
+                </div>
+              </TimelineContent>
+            </TimelineItem>
+            <TimelineItem>
+              <TimelineOppositeContent style={{ display: 'none' }} />
+              <TimelineSeparator>
+                <TimelineDot className="u-bg-transparent u-bdw-0 u-elevation-0 u-p-0">
+                  <div className="u-w-1-half u-flex u-flex-justify-center">
+                    <Icon icon={FolderOutlined} size={16} />
+                  </div>
+                </TimelineDot>
+              </TimelineSeparator>
+              <TimelineContent>
+                <Typography variant="body2">{document.name}</Typography>
+                <div>
+                  <s>
+                    <Typography display="inline" variant="caption">
+                      {t('Share.type.two-way')}
+                    </Typography>
+                  </s>
+                  <Icon
+                    className="u-mh-half"
+                    color="var(--secondaryTextColor)"
+                    icon={ArrowUp}
+                    rotate={90}
+                    size={12}
+                  />
+                  <Typography display="inline" variant="caption">
+                    {t('Share.type.one-way')}
+                  </Typography>
+                </div>
+              </TimelineContent>
+            </TimelineItem>
+          </Timeline>
+        </>
+      }
+      actions={
+        <>
+          <Button
+            variant="secondary"
+            label={t('DowngradePermissionConfirmDialog.cancel')}
+            onClick={onCancel}
+          />
+          <Button
+            variant="primary"
+            label={t('DowngradePermissionConfirmDialog.confirm')}
+            onClick={onConfirm}
+          />
+        </>
+      }
+      onClose={onCancel}
+    />
+  )
+}
+
+DowngradePermissionConfirmDialog.propTypes = {
+  document: PropTypes.object.isRequired,
+  recipient: PropTypes.object.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired
+}
+
+export default DowngradePermissionConfirmDialog

package/src/components/Recipient/MemberRecipient.jsx

@@ -47,7 +47,12 @@ const MemberRecipient = props => {
       verifyRecipient={verifyRecipient}
     />
   ) : (
-    <MemberRecipientPermissions {...props} />
+    <MemberRecipientPermissions
+      {...rest}
+      instance={instance}
+      isOwner={isOwner}
+      status={status}
+    />
   )
 
   return (

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -20,7 +20,8 @@ const MemberRecipientPermissions = ({
   onRevoke,
   onRevokeSelf,
   sharingId,
-  memberIndex
+  memberIndex,
+  ...recipient
 }) => {
   const { t } = useI18n()
   const client = useClient()
@@ -73,6 +74,8 @@ const MemberRecipientPermissions = ({
             sharingId={sharingId}
             memberIndex={memberIndex}
             type={type ?? 'one-way'}
+            document={document}
+            recipient={recipient}
           />
           <IconButton
             onClick={handleRevocation}

package/src/components/Recipient/PermissionTypeMenu.jsx

@@ -1,5 +1,6 @@
 import React, { useCallback, useRef, useState } from 'react'
 
+import { useClient } from 'cozy-client'
 import minilog from 'cozy-minilog'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
@@ -7,52 +8,83 @@ import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import { useI18n } from 'twake-i18n'
 
+import DowngradePermissionConfirmDialog from './DowngradePermissionConfirmDialog'
 import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission'
 import { setReadWriteSharedPermission } from './actions/setReadWriteSharedPermission'
 import withLocales from '../../hoc/withLocales'
+import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath'
 import { useSharingContext } from '../../hooks/useSharingContext'
 
 const log = minilog('PermissionTypeMenu')
 
-const PermissionTypeMenuComponent = ({ sharingId, memberIndex, type }) => {
+const PermissionTypeMenuComponent = ({
+  sharingId,
+  memberIndex,
+  type,
+  document,
+  recipient
+}) => {
   const { t } = useI18n()
+  const client = useClient()
   const buttonRef = useRef()
-  const { updateSharingMemberType } = useSharingContext()
+  const { hasSharedParent, updateSharingMemberType } = useSharingContext()
   const { showAlert } = useAlert()
 
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
+  const [pendingType, setPendingType] = useState(null)
+
+  const documentPath = useFetchDocumentPath(client, document)
 
   const hideMenu = useCallback(() => {
     setMenuDisplayed(false)
   }, [])
 
-  const setType = useCallback(
+  const applyType = useCallback(
     async newType => {
+      try {
+        await updateSharingMemberType(sharingId, memberIndex, newType)
+      } catch (error) {
+        log.error('Failed to change member permission type', error)
+        showAlert({
+          message: t('Share.members.error.changePermission'),
+          severity: 'error',
+          variant: 'filled'
+        })
+      }
+    },
+    [memberIndex, sharingId, showAlert, t, updateSharingMemberType]
+  )
+
+  // Downgrading to viewer on a folder inside a shared parent also reduces
+  // the member's rights on the parent: require explicit confirmation first.
+  const shouldConfirmDowngrade =
+    type === 'two-way' &&
+    Boolean(documentPath) &&
+    hasSharedParent?.(documentPath)
+
+  const setType = useCallback(
+    newType => {
       hideMenu()
-      if (newType !== type) {
-        try {
-          await updateSharingMemberType(sharingId, memberIndex, newType)
-        } catch (error) {
-          log.error('Failed to change member permission type', error)
-          showAlert({
-            message: t('Share.members.error.changePermission'),
-            severity: 'error',
-            variant: 'filled'
-          })
-        }
+      if (newType === type) return
+      if (newType === 'one-way' && shouldConfirmDowngrade) {
+        setPendingType(newType)
+        return
       }
+      applyType(newType)
     },
-    [
-      hideMenu,
-      memberIndex,
-      sharingId,
-      showAlert,
-      t,
-      type,
-      updateSharingMemberType
-    ]
+    [applyType, hideMenu, shouldConfirmDowngrade, type]
   )
 
+  const handleConfirmDowngrade = useCallback(() => {
+    const newType = pendingType
+    setPendingType(null)
+    if (newType) applyType(newType)
+  }, [applyType, pendingType])
+
+  const handleCancelDowngrade = useCallback(() => {
+    setPendingType(null)
+  }, [])
+
   const actions = makeActions(
     [setReadOnlySharedPermission, setReadWriteSharedPermission],
     {
@@ -80,6 +112,14 @@ const PermissionTypeMenuComponent = ({ sharingId, memberIndex, type }) => {
         autoClose
         onClose={hideMenu}
       />
+      {pendingType && (
+        <DowngradePermissionConfirmDialog
+          document={document}
+          recipient={recipient}
+          onCancel={handleCancelDowngrade}
+          onConfirm={handleConfirmDowngrade}
+        />
+      )}
     </>
   )
 }

package/src/components/Recipient/PermissionTypeMenu.spec.jsx

@@ -7,10 +7,14 @@ import { PermissionTypeMenu } from './PermissionTypeMenu'
 import AppLike from '../../../test/AppLike'
 
 const mockUpdateSharingMemberType = jest.fn()
+const mockHasSharedParent = jest.fn()
+const mockGetSharedParentPath = jest.fn()
 const mockShowAlert = jest.fn()
 
 jest.mock('../../hooks/useSharingContext', () => ({
   useSharingContext: () => ({
+    hasSharedParent: mockHasSharedParent,
+    getSharedParentPath: mockGetSharedParentPath,
     updateSharingMemberType: mockUpdateSharingMemberType
   })
 }))
@@ -32,7 +36,8 @@ describe('PermissionTypeMenu component', () => {
   const defaultProps = {
     sharingId: 'sharing-123',
     memberIndex: 1,
-    type: 'two-way'
+    type: 'two-way',
+    recipient: { name: 'Alice' }
   }
 
   beforeEach(() => {
@@ -128,4 +133,83 @@ describe('PermissionTypeMenu component', () => {
 
     expect(mockUpdateSharingMemberType).not.toHaveBeenCalled()
   })
+
+  describe('when downgrading to viewer on a folder with a shared parent', () => {
+    const folderDocument = {
+      _id: 'doc-1',
+      type: 'directory',
+      path: '/parent/child'
+    }
+
+    beforeEach(() => {
+      mockHasSharedParent.mockReturnValue(true)
+    })
+
+    it('should ask for confirmation instead of updating directly', () => {
+      const { getByRole } = setup({
+        type: 'two-way',
+        document: folderDocument
+      })
+
+      fireEvent.click(getByRole('button', { name: 'Editor' }))
+      fireEvent.click(getByRole('menuitem', { name: 'Viewer' }))
+
+      expect(mockUpdateSharingMemberType).not.toHaveBeenCalled()
+      expect(getByRole('button', { name: 'Update parent' })).toBeInTheDocument()
+    })
+
+    it('should call updateSharingMemberType when confirming', async () => {
+      mockUpdateSharingMemberType.mockResolvedValue(undefined)
+
+      const { getByRole } = setup({
+        type: 'two-way',
+        document: folderDocument
+      })
+
+      fireEvent.click(getByRole('button', { name: 'Editor' }))
+      fireEvent.click(getByRole('menuitem', { name: 'Viewer' }))
+      fireEvent.click(getByRole('button', { name: 'Update parent' }))
+
+      await waitFor(() => {
+        expect(mockUpdateSharingMemberType).toHaveBeenCalledWith(
+          'sharing-123',
+          1,
+          'one-way'
+        )
+      })
+    })
+
+    it('should not call updateSharingMemberType when cancelling', () => {
+      const { getByRole, queryByRole } = setup({
+        type: 'two-way',
+        document: folderDocument
+      })
+
+      fireEvent.click(getByRole('button', { name: 'Editor' }))
+      fireEvent.click(getByRole('menuitem', { name: 'Viewer' }))
+      fireEvent.click(getByRole('button', { name: 'Cancel' }))
+
+      expect(mockUpdateSharingMemberType).not.toHaveBeenCalled()
+      expect(queryByRole('button', { name: 'Update parent' })).toBe(null)
+    })
+
+    it('should update directly when the folder has no shared parent', () => {
+      mockHasSharedParent.mockReturnValue(false)
+
+      const { getByRole, queryByRole } = setup({
+        type: 'two-way',
+        document: folderDocument
+      })
+
+      fireEvent.click(getByRole('button', { name: 'Editor' }))
+      fireEvent.click(getByRole('menuitem', { name: 'Viewer' }))
+
+      expect(mockUpdateSharingMemberType).toHaveBeenCalledWith(
+        'sharing-123',
+        1,
+        'one-way'
+      )
+      expect(queryByRole('button', { name: 'Update parent' })).toBe(null)
+    })
+  })
 })

package/src/components/Tooltip.jsx

@@ -2,6 +2,8 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import ReactTooltip from 'react-tooltip'
 
+import { useI18n } from 'twake-i18n'
+
 import styles from '../styles/tooltip.styl'
 
 export const SharingTooltip = props => (
@@ -16,29 +18,23 @@ export const SharingTooltip = props => (
 )
 // accepts all the props from https://github.com/wwayne/react-tooltip#options
 
-export class TooltipRecipientList extends React.Component {
-  static contextTypes = {
-    t: PropTypes.func.isRequired
-  }
-  render() {
-    const { t } = this.context
-    const { recipientNames, cutoff = 4 } = this.props
+export const TooltipRecipientList = ({ recipientNames, cutoff }) => {
+  const { t } = useI18n()
 
-    return (
-      <ul className={styles['shared-tooltip-list']}>
-        {recipientNames.slice(0, cutoff).map((name, i) => (
-          <li key={`key_name_${name}_${i}`}>{name}</li>
-        ))}
-        {recipientNames.length > cutoff && (
-          <li>
-            {t('Share.members.others', {
-              smart_count: recipientNames.slice(cutoff).length
-            })}
-          </li>
-        )}
-      </ul>
-    )
-  }
+  return (
+    <ul className={styles['shared-tooltip-list']}>
+      {recipientNames.slice(0, cutoff).map((name, i) => (
+        <li key={`key_name_${name}_${i}`}>{name}</li>
+      ))}
+      {recipientNames.length > cutoff && (
+        <li>
+          {t('Share.members.others', {
+            smart_count: recipientNames.slice(cutoff).length
+          })}
+        </li>
+      )}
+    </ul>
+  )
 }
 
 TooltipRecipientList.propTypes = {

package/src/hooks/useFetchDocumentPath.jsx

@@ -4,11 +4,13 @@ import { fetchFilesPaths } from '../helpers/files'
 
 export const useFetchDocumentPath = (client, document) => {
   const [documentPath, setDocumentPath] = useState(
-    document.path ? document.path : null
+    document?.path ? document.path : null
   )
   useEffect(() => {
     ;(async () => {
       try {
+        if (!document) return setDocumentPath(null)
+
         const isDirectory = document.type === 'directory'
 
         if (isDirectory) return setDocumentPath(document.path)

package/src/state.js

@@ -570,7 +570,7 @@ export const hasSharedChild = (state, documentPath) => {
  */
 export const getSharedParentPath = (state, documentPath) => {
   if (hasSharedParent(state, documentPath)) {
-    return state.sharedPaths.find(path => documentPath.startsWith(path))
+    return state.sharedPaths.find(path => documentPath.startsWith(`${path}/`))
   }
   return null
 }