cozy-sharing 32.3.2 → 33.0.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [33.0.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.0.0...cozy-sharing@33.0.1) (2026-06-02)
+
+### Bug Fixes
+
+- Disable new contact creation for shared drives forms ([08abf8a](https://github.com/cozy/cozy-libs/commit/08abf8a21a8d37db190866d68a73744b8bcbf0aa))
+
+# [33.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.3.2...cozy-sharing@33.0.0) (2026-06-02)
+
+### Bug Fixes
+
+- Avoid adding an already added recipients in EditSharedDriveModal ([d24e01c](https://github.com/cozy/cozy-libs/commit/d24e01c999a2c09fe87e59a0c7a26c3555c96557))
+- Hide owner in EditSharedDriveModal ([9c2b060](https://github.com/cozy/cozy-libs/commit/9c2b060fc3f55c44cf35831298879d3fe0a7a403))
+
+### Features
+
+- Add spinner to create shared drive form ([4112e7c](https://github.com/cozy/cozy-libs/commit/4112e7c7f592115ed2689ded3f45d876ee12f9dc))
+- Add spinner to edit shared drive form ([f135ff5](https://github.com/cozy/cozy-libs/commit/f135ff5bae8e9fbe6b510a3114af363159ced7af))
+
+### BREAKING CHANGES
+
+- You need cozy-ui >= 139.0.2
+
 ## [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

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -258,7 +258,8 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
       pendingRecipients: pendingRecipients,
       onPendingRecipientsChange: setPendingRecipients,
       selectedOption: selectedOption,
-      onSelectedOptionChange: setSelectedOption
+      onSelectedOptionChange: setSelectedOption,
+      enableCreateContact: true
     })), /*#__PURE__*/React.createElement(WhoHasAccess, {
       isOwner: true,
       isSharedDrive: true,

package/dist/components/ShareAutosuggest.js

@@ -8,6 +8,7 @@ import Chip from 'cozy-ui/transpiled/react/Chips';
 import { Spinner } from 'cozy-ui/transpiled/react/Spinner';
 import { GroupAvatar } from './Avatar/GroupAvatar';
 import ContactSuggestion from './ContactSuggestion';
+import { isContactToBeCreated } from '../helpers/contacts';
 import { extractEmails, validateEmail } from '../helpers/email';
 import { getDisplayName, getInitials, Contact, Group } from '../models';
 var styles = {
@@ -31,6 +32,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
       recipients = _ref.recipients,
       onPick = _ref.onPick,
       onRemove = _ref.onRemove,
+      enableCreateContact = _ref.enableCreateContact,
       placeholder = _ref.placeholder,
       endAdornment = _ref.endAdornment;
 
@@ -67,11 +69,17 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
   var onSuggestionsFetchRequested = function onSuggestionsFetchRequested(_ref2) {
     var value = _ref2.value;
     var computedSuggestions = computeSuggestions(value);
-    var newSuggestions = computedSuggestions.length === 0 && validateEmail(value) ? [{
-      email: value,
-      _type: Contact.doctype
-    }] : computedSuggestions;
-    setSuggestions(newSuggestions);
+
+    if (computedSuggestions.length > 0) {
+      setSuggestions(computedSuggestions);
+    } else if (enableCreateContact && validateEmail(value)) {
+      setSuggestions([{
+        email: value,
+        _type: Contact.doctype
+      }]);
+    } else {
+      setSuggestions([]);
+    }
   };
 
   var onSuggestionsClearRequested = function onSuggestionsClearRequested() {
@@ -142,6 +150,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
   var onAutosuggestPick = function onAutosuggestPick(value) {
     var _autosuggestRef$curre;
 
+    if (isContactToBeCreated(value) && !enableCreateContact) return;
     onPick(value);
     setInputValue('');
     autosuggestRef === null || autosuggestRef === void 0 || (_autosuggestRef$curre = autosuggestRef.current) === null || _autosuggestRef$curre === void 0 || (_autosuggestRef$curre = _autosuggestRef$curre.input) === null || _autosuggestRef$curre === void 0 || _autosuggestRef$curre.focus();
@@ -241,6 +250,7 @@ ShareAutocomplete.propTypes = {
   recipients: PropTypes.array.isRequired,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   placeholder: PropTypes.string,
   endAdornment: PropTypes.node
 };

package/dist/components/ShareAutosuggest.spec.js

@@ -14,14 +14,17 @@ describe('ShareAutosuggest', function () {
     var onPick = _ref.onPick,
         onRemove = _ref.onRemove,
         _ref$loading = _ref.loading,
-        loading = _ref$loading === void 0 ? false : _ref$loading;
+        loading = _ref$loading === void 0 ? false : _ref$loading,
+        _ref$enableCreateCont = _ref.enableCreateContact,
+        enableCreateContact = _ref$enableCreateCont === void 0 ? true : _ref$enableCreateCont;
     render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(ShareAutosuggest, {
       loading: loading,
       contactsAndGroups: [],
       placeholder: "myPlaceHolder",
       onPick: onPick,
       recipients: [],
-      onRemove: onRemove
+      onRemove: onRemove,
+      enableCreateContact: enableCreateContact
     })));
   };
 
@@ -78,6 +81,27 @@ describe('ShareAutosuggest', function () {
       email: 'quentin.valmori@cozycloud.cc'
     });
   });
+  it('should not call onPick for new contacts when enableCreateContact is false', function () {
+    var onPick = jest.fn();
+    var onRemove = jest.fn();
+    setup({
+      onPick: onPick,
+      onRemove: onRemove,
+      enableCreateContact: false
+    });
+    var inputNode = screen.getByPlaceholderText('myPlaceHolder');
+    fireEvent.change(inputNode, {
+      target: {
+        value: 'new@cozycloud.cc'
+      }
+    });
+    fireEvent.keyPress(inputNode, {
+      key: 'Enter',
+      keyCode: 13,
+      charCode: 13
+    });
+    expect(onPick).not.toHaveBeenCalled();
+  });
   it('should show loading indicator when loading prop is true (autoFocus triggers onFocus on mount)', function () {
     var onPick = jest.fn();
     var onRemove = jest.fn();

package/dist/components/ShareByEmail.js

@@ -33,6 +33,7 @@ export var ShareByEmail = function ShareByEmail(_ref) {
       onPendingRecipientsChange = _ref.onPendingRecipientsChange,
       selectedOption = _ref.selectedOption,
       onSelectedOptionChange = _ref.onSelectedOptionChange,
+      enableCreateContact = _ref.enableCreateContact,
       sharing = _ref.sharing;
 
   var _useI18n = useI18n(),
@@ -71,6 +72,7 @@ export var ShareByEmail = function ShareByEmail(_ref) {
     placeholder: pendingRecipients.length === 0 ? t("".concat(documentType, ".share.shareByEmail.emailPlaceholder")) : '',
     onPick: onRecipientPick,
     onRemove: onRecipientRemove,
+    enableCreateContact: enableCreateContact,
     currentRecipients: currentRecipients,
     recipients: pendingRecipients,
     endAdornment: /*#__PURE__*/React.createElement(ShareTypeSelect, {
@@ -88,6 +90,7 @@ ShareByEmail.propTypes = {
   onPendingRecipientsChange: PropTypes.func.isRequired,
   selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']).isRequired,
   onSelectedOptionChange: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   sharing: PropTypes.object
 };
 export default ShareByEmail;

package/dist/components/ShareByEmail.spec.js

@@ -25,7 +25,8 @@ describe('ShareByEmail (controlled)', function () {
       pendingRecipients: [],
       onPendingRecipientsChange: onPendingRecipientsChange,
       selectedOption: 'readWrite',
-      onSelectedOptionChange: onSelectedOptionChange
+      onSelectedOptionChange: onSelectedOptionChange,
+      enableCreateContact: true
     }, overrides);
 
     var utils = render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(ShareByEmail, props)));

package/dist/components/ShareDialogCozyToCozy.js

@@ -91,7 +91,8 @@ var SharingContent = function SharingContent(_ref) {
     pendingRecipients: pendingRecipients,
     onPendingRecipientsChange: onPendingRecipientsChange,
     selectedOption: selectedOption,
-    onSelectedOptionChange: onSelectedOptionChange
+    onSelectedOptionChange: onSelectedOptionChange,
+    enableCreateContact: true
   })), showWhoHasAccess && /*#__PURE__*/React.createElement(WhoHasAccess, {
     document: document,
     documentType: documentType,

package/dist/components/ShareDialogCozyToCozy.spec.js

@@ -39,11 +39,11 @@ jest.mock('../hooks/useSharingContext', function () {
   };
 });
 jest.mock('../helpers/contacts', function () {
-  return {
+  return _objectSpread(_objectSpread({}, jest.requireActual('../helpers/contacts')), {}, {
     getOrCreateFromArray: jest.fn(function (client, recipients) {
       return Promise.resolve(recipients);
     })
-  };
+  });
 });
 describe('ShareDialogCozyToCozy', function () {
   var client = createMockClient({});

package/dist/components/ShareRecipientsInput.js

@@ -28,6 +28,7 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
       placeholder = _ref.placeholder,
       onPick = _ref.onPick,
       onRemove = _ref.onRemove,
+      enableCreateContact = _ref.enableCreateContact,
       disabled = _ref.disabled,
       endAdornment = _ref.endAdornment;
   var reachableContactsQuery = buildReachableContactsQuery();
@@ -82,6 +83,7 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
     recipients: recipients,
     onPick: onPick,
     onRemove: onRemove,
+    enableCreateContact: enableCreateContact,
     placeholder: placeholder,
     endAdornment: endAdornment
   });
@@ -93,6 +95,7 @@ ShareRecipientsInput.propTypes = {
   placeholder: PropTypes.string,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   disabled: PropTypes.bool,
   endAdornment: PropTypes.node
 };

package/dist/components/SharedDrive/EditSharedDriveModal.js

@@ -14,7 +14,7 @@ import Button from 'cozy-ui/transpiled/react/Buttons';
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import TextField from 'cozy-ui/transpiled/react/TextField';
 import Typography from 'cozy-ui/transpiled/react/Typography';
-import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
+import { useSubmitWithLoader } from 'cozy-ui/transpiled/react/hooks/useSubmitWithLoader';
 import { useI18n } from 'twake-i18n';
 import SharedDriveHeader from './SharedDriveHeader';
 import { getOrCreateFromArray } from '../../helpers/contacts';
@@ -36,51 +36,37 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
       getRecipients = _useSharingContext.getRecipients,
       revoke = _useSharingContext.revoke;
 
-  var _useAlert = useAlert(),
-      showAlert = _useAlert.showAlert;
-
   var _usePendingRecipients = usePendingRecipients(),
       pendingRecipients = _usePendingRecipients.pendingRecipients,
       setPendingRecipients = _usePendingRecipients.setPendingRecipients,
       selectedOption = _usePendingRecipients.selectedOption,
       setSelectedOption = _usePendingRecipients.setSelectedOption;
 
+  var _useSubmitWithLoader = useSubmitWithLoader(),
+      onSubmit = _useSubmitWithLoader.onSubmit,
+      isLoading = _useSubmitWithLoader.isLoading;
+
   var _useState = useState(document.name),
       _useState2 = _slicedToArray(_useState, 2),
       driveName = _useState2[0],
       setDriveName = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isSaving = _useState4[0],
-      setIsSaving = _useState4[1];
-
   var onSave = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var contacts, readWriteRecipients, readOnlyRecipients;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!isSaving) {
-              _context.next = 2;
-              break;
-            }
-
-            return _context.abrupt("return");
-
-          case 2:
-            setIsSaving(true);
-            _context.prev = 3;
-            _context.next = 6;
+            _context.next = 2;
             return getOrCreateFromArray(client, pendingRecipients, function (contact) {
               return client.create('io.cozy.contacts', contact);
             });
 
-          case 6:
+          case 2:
             contacts = _context.sent;
             readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts;
             readOnlyRecipients = selectedOption === 'readOnly' ? contacts : [];
-            _context.next = 11;
+            _context.next = 7;
             return share({
               document: document,
               recipients: readWriteRecipients,
@@ -89,47 +75,23 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
               openSharing: false
             });
 
-          case 11:
+          case 7:
             if (!((document === null || document === void 0 ? void 0 : document.name) !== driveName)) {
-              _context.next = 14;
+              _context.next = 10;
               break;
             }
 
-            _context.next = 14;
+            _context.next = 10;
             return client.collection('io.cozy.files').update(_objectSpread(_objectSpread({}, document), {}, {
               name: driveName,
               _rev: document._rev || document.meta.rev
             }));
 
-          case 14:
-            showAlert({
-              message: t('SharedDrive.editSharedDriveModal.successNotification'),
-              severity: 'success',
-              variant: 'filled'
-            });
-            onClose();
-            _context.next = 21;
-            break;
-
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](3);
-            showAlert({
-              message: t('SharedDrive.editSharedDriveModal.errorNotification'),
-              severity: 'error',
-              variant: 'filled'
-            });
-
-          case 21:
-            _context.prev = 21;
-            setIsSaving(false);
-            return _context.finish(21);
-
-          case 24:
+          case 10:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 18, 21, 24]]);
+      }, _callee);
     }));
 
     return function onSave() {
@@ -168,8 +130,8 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
       variant: "h6",
       className: "u-mb-half"
     }, t('Share.contacts.addUsers')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
-      currentRecipients: [],
       documentType: "Files",
+      currentRecipients: existingRecipients,
       pendingRecipients: pendingRecipients,
       onPendingRecipientsChange: setPendingRecipients,
       selectedOption: selectedOption,
@@ -177,6 +139,7 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
     })), /*#__PURE__*/React.createElement(WhoHasAccess, {
       isOwner: true,
       isSharedDrive: true,
+      showOwner: false,
       recipients: existingRecipients,
       document: document,
       documentType: "Files",
@@ -189,14 +152,28 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
       label: t('SharedDrive.sharedDriveModal.cancel'),
       className: "u-w-100 u-m-1",
       size: "large",
-      onClick: onClose
+      onClick: onClose,
+      disabled: isLoading
     }), /*#__PURE__*/React.createElement(Button, {
       variant: "primary",
       label: t('SharedDrive.sharedDriveModal.save'),
       className: "u-w-100 u-m-1",
       size: "large",
-      disabled: isSaving,
-      onClick: onSave
+      onClick: function onClick() {
+        return onSubmit({
+          submit: onSave,
+          success: {
+            action: onClose,
+            message: t('SharedDrive.editSharedDriveModal.successNotification')
+          },
+          error: {
+            message: function message() {
+              return t('SharedDrive.editSharedDriveModal.errorNotification');
+            }
+          }
+        });
+      },
+      busy: isLoading
     })))
   });
 });

package/dist/components/SharedDrive/SharedDriveForm.js

@@ -3,6 +3,7 @@ import React from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import TextField from 'cozy-ui/transpiled/react/TextField';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useSubmitWithLoader } from 'cozy-ui/transpiled/react/hooks/useSubmitWithLoader';
 import { useI18n } from 'twake-i18n';
 import withLocales from '../../hoc/withLocales';
 import { default as DumbShareByEmail } from '../ShareByEmail';
@@ -15,9 +16,7 @@ export var SharedDriveForm = withLocales(function (_ref) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
-  var _useSharedDrive = useSharedDrive({
-    onSuccess: onSuccess
-  }),
+  var _useSharedDrive = useSharedDrive(),
       sharedDriveName = _useSharedDrive.sharedDriveName,
       handleSharedDriveNameChange = _useSharedDrive.handleSharedDriveNameChange,
       pendingRecipients = _useSharedDrive.pendingRecipients,
@@ -26,6 +25,10 @@ export var SharedDriveForm = withLocales(function (_ref) {
       setSelectedOption = _useSharedDrive.setSelectedOption,
       onCreate = _useSharedDrive.onCreate;
 
+  var _useSubmitWithLoader = useSubmitWithLoader(),
+      onSubmit = _useSubmitWithLoader.onSubmit,
+      isLoading = _useSubmitWithLoader.isLoading;
+
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "u-ph-2"
   }, /*#__PURE__*/React.createElement(SharedDriveHeader, {
@@ -55,13 +58,28 @@ export var SharedDriveForm = withLocales(function (_ref) {
     label: t('SharedDrive.sharedDriveModal.cancel'),
     className: "u-w-100 u-m-1",
     size: "large",
-    onClick: onCancel
+    onClick: onCancel,
+    disabled: isLoading
   }), /*#__PURE__*/React.createElement(Button, {
     variant: "primary",
     label: t('SharedDrive.sharedDriveModal.create'),
     className: "u-w-100 u-m-1",
     size: "large",
-    onClick: onCreate
+    onClick: function onClick() {
+      return onSubmit({
+        submit: onCreate,
+        success: {
+          action: onSuccess,
+          message: t('SharedDrive.sharedDriveModal.successNotification')
+        },
+        error: {
+          message: function message() {
+            return t('SharedDrive.sharedDriveModal.errorNotification');
+          }
+        }
+      });
+    },
+    busy: isLoading
   })));
 });
 SharedDriveForm.propTypes = {

package/dist/components/SharedDrive/useSharedDrive.js

@@ -3,21 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useState } from 'react';
 import { useClient } from 'cozy-client';
-import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
-import { useI18n } from 'twake-i18n';
 import { getOrCreateFromArray } from '../../helpers/contacts';
 import { usePendingRecipients } from '../../hooks/usePendingRecipients';
 import { Contact } from '../../models';
-export var useSharedDrive = function useSharedDrive(_ref) {
-  var onSuccess = _ref.onSuccess;
+export var useSharedDrive = function useSharedDrive() {
   var client = useClient();
 
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var _useAlert = useAlert(),
-      showAlert = _useAlert.showAlert;
-
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
       sharedDriveName = _useState2[0],
@@ -38,20 +29,19 @@ export var useSharedDrive = function useSharedDrive(_ref) {
   };
 
   var onCreate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var contacts, readWriteRecipients, readOnlyRecipients;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context.next = 2;
             return getOrCreateFromArray(client, pendingRecipients, createContact);
 
-          case 3:
+          case 2:
             contacts = _context.sent;
             readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts;
             readOnlyRecipients = selectedOption === 'readOnly' ? contacts : [];
-            _context.next = 8;
+            _context.next = 7;
             return client.collection('io.cozy.sharings').createSharedDrive({
               name: sharedDriveName,
               description: sharedDriveName,
@@ -59,34 +49,15 @@ export var useSharedDrive = function useSharedDrive(_ref) {
               readOnlyRecipients: readOnlyRecipients
             });
 
-          case 8:
-            showAlert({
-              message: t('SharedDrive.sharedDriveModal.successNotification'),
-              severity: 'success',
-              variant: 'filled'
-            });
-            onSuccess();
-            _context.next = 15;
-            break;
-
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](0);
-            showAlert({
-              message: t('SharedDrive.sharedDriveModal.errorNotification'),
-              severity: 'error',
-              variant: 'filled'
-            });
-
-          case 15:
+          case 7:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee);
     }));
 
     return function onCreate() {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();