cozy-sharing 32.1.2 → 32.3.2

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [32.3.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.3.1...cozy-sharing@32.3.2) (2026-05-26)
+
+### Bug Fixes
+
+- Show readonly modal when shared drive is read only ([e935b38](https://github.com/cozy/cozy-libs/commit/e935b38aa443d68b7d17dc8c82e8a9e1e23e2460))
+
+## [32.3.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.3.0...cozy-sharing@32.3.1) (2026-05-22)
+
+### Bug Fixes
+
+- **cozy-sharing:** Filter out owner from the list of suggested users ([cb312ee](https://github.com/cozy/cozy-libs/commit/cb312ee6e412d021aff4a44830229404478ba316))
+
+# [32.3.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.2.0...cozy-sharing@32.3.0) (2026-05-21)
+
+### Features
+
+- **sharing:** Update sharing dialog close actions ([0624f97](https://github.com/cozy/cozy-libs/commit/0624f972fa681f199724a0bc10cfffe1f31c9657))
+
+# [32.2.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.1.2...cozy-sharing@32.2.0) (2026-05-21)
+
+### Features
+
+- **cozy-sharing:** Add autoFocus to the share recipient input ([0919284](https://github.com/cozy/cozy-libs/commit/09192847eb6659692b5950094095eb07e5be30ad))
+
 ## [32.1.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.1.1...cozy-sharing@32.1.2) (2026-05-19)
 
 **Note:** Version bump only for package cozy-sharing

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -2,16 +2,24 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useClient } from 'cozy-client';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
+import ConfirmDialogProvider, { useConfirmDialog } from 'cozy-ui/transpiled/react/providers/ConfirmDialog';
 import { useI18n } from 'twake-i18n';
 import { getOrCreateFromArray } from '../../helpers/contacts';
 import withLocales from '../../hoc/withLocales';
 import { usePendingRecipients } from '../../hooks/usePendingRecipients';
 import { useSharingContext } from '../../hooks/useSharingContext';
-import { DumbBatchSharedFolderModal } from '../SharedFolder/DumbBatchSharedFolderModal';
-export var FederatedFolderModal = withLocales(function (_ref) {
+import AntivirusAlert from '../AntivirusAlert';
+import { default as DumbShareByEmail } from '../ShareByEmail';
+import ShareByLink from '../ShareByLink';
+import WhoHasAccess from '../WhoHasAccess';
+
+var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
   var onClose = _ref.onClose,
       existingDocument = _ref.document,
       autoOpenShareRestriction = _ref.autoOpenShareRestriction,
@@ -34,6 +42,10 @@ export var FederatedFolderModal = withLocales(function (_ref) {
   var _useAlert = useAlert(),
       showAlert = _useAlert.showAlert;
 
+  var _useConfirmDialog = useConfirmDialog(),
+      showConfirmDialog = _useConfirmDialog.showConfirmDialog,
+      closeConfirmDialog = _useConfirmDialog.closeConfirmDialog;
+
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       sharingLink = _useState2[0],
@@ -66,7 +78,33 @@ export var FederatedFolderModal = withLocales(function (_ref) {
       frozenRecipients = _useState8[0],
       setFrozenRecipients = _useState8[1];
 
-  var documentPermissions = existingDocument ? getDocumentPermissions(existingDocument._id) : [];
+  var handleCloseRequest = useCallback(function () {
+    if (pendingRecipients.length === 0) {
+      onClose();
+      return;
+    }
+
+    showConfirmDialog({
+      title: t('ShareDiscardChangesModal.title'),
+      actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+        variant: "secondary",
+        label: t('ShareDiscardChangesModal.cancel'),
+        className: "u-fz-small",
+        onClick: closeConfirmDialog
+      }), /*#__PURE__*/React.createElement(Button, {
+        variant: "primary",
+        label: t('ShareDiscardChangesModal.discard'),
+        className: "u-fz-small",
+        onClick: function onClick() {
+          closeConfirmDialog();
+          onClose();
+        }
+      }))
+    });
+  }, [closeConfirmDialog, onClose, pendingRecipients.length, showConfirmDialog, t]);
+  var documentPermissions = useMemo(function () {
+    return existingDocument ? getDocumentPermissions(existingDocument._id) : [];
+  }, [existingDocument, getDocumentPermissions]);
   useEffect(function () {
     var fetchSharingLink = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -121,7 +159,7 @@ export var FederatedFolderModal = withLocales(function (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (!(pendingRecipients.length === 0)) {
+            if (!(isSending || pendingRecipients.length === 0)) {
               _context2.next = 3;
               break;
             }
@@ -193,25 +231,61 @@ export var FederatedFolderModal = withLocales(function (_ref) {
   var modalTitle = t('FederatedFolder.shareTitle', {
     name: folderName
   });
-  var isSharedDrive = Boolean(existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument.driveId);
-  return /*#__PURE__*/React.createElement(DumbBatchSharedFolderModal, {
+  return /*#__PURE__*/React.createElement(FixedDialog, {
+    open: true,
+    disableGutters: true,
+    onClose: handleCloseRequest,
     title: modalTitle,
-    document: isSending ? frozenDoc : existingDocument,
-    recipients: isSending ? frozenRecipients : existingRecipients,
-    currentRecipients: isSending ? frozenRecipients : existingRecipients,
-    onRevoke: revoke,
-    onSend: onSend,
-    onClose: onClose,
-    sharingLink: sharingLink,
-    shareLabel: t('FederatedFolder.share'),
-    showShareByEmail: !isSharedDrive,
-    autoOpenShareRestriction: autoOpenShareRestriction,
-    showGenerateLinkButton: showGenerateLinkButton,
-    pendingRecipients: pendingRecipients,
-    onPendingRecipientsChange: setPendingRecipients,
-    selectedOption: selectedOption,
-    onSelectedOptionChange: setSelectedOption
+    classes: {
+      paper: 'u-ov-visible'
+    },
+    componentsProps: {
+      dialogContent: {
+        className: 'u-ov-visible'
+      }
+    },
+    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "u-ph-2"
+    }, /*#__PURE__*/React.createElement(AntivirusAlert, {
+      document: isSending ? frozenDoc : existingDocument
+    }), /*#__PURE__*/React.createElement(Typography, {
+      variant: "h6",
+      className: "u-mt-1-half u-mb-half"
+    }, t('Share.contacts.addUsers')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
+      currentRecipients: isSending ? frozenRecipients : existingRecipients,
+      document: isSending ? frozenDoc : existingDocument,
+      documentType: "Files",
+      pendingRecipients: pendingRecipients,
+      onPendingRecipientsChange: setPendingRecipients,
+      selectedOption: selectedOption,
+      onSelectedOptionChange: setSelectedOption
+    })), /*#__PURE__*/React.createElement(WhoHasAccess, {
+      isOwner: true,
+      isSharedDrive: true,
+      recipients: isSending ? frozenRecipients : existingRecipients,
+      document: isSending ? frozenDoc : existingDocument,
+      documentType: "Files",
+      className: "u-w-100",
+      onRevoke: revoke,
+      link: sharingLink
+    })),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ShareByLink, {
+      link: sharingLink,
+      document: isSending ? frozenDoc : existingDocument,
+      documentType: "Files",
+      showGenerateLinkButton: showGenerateLinkButton,
+      autoOpenShareRestriction: autoOpenShareRestriction
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      label: t('FederatedFolder.share'),
+      disabled: isSending,
+      onClick: onSend
+    }))
   });
+};
+
+export var FederatedFolderModal = withLocales(function (props) {
+  return /*#__PURE__*/React.createElement(ConfirmDialogProvider, null, /*#__PURE__*/React.createElement(FederatedFolderModalContent, props));
 });
 FederatedFolderModal.propTypes = {
   onClose: PropTypes.func.isRequired,