cozy-sharing 32.0.0 → 32.1.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [32.1.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.0.0...cozy-sharing@32.1.0) (2026-05-18)
+
+### Features
+
+- Add EditSharedDriveModal ([042651b](https://github.com/cozy/cozy-libs/commit/042651b7debad197f57315f2b4c8c6d7a94a8230))
+- Add SharedDriveHeader and use it in ShareDriveForm ([d47d62f](https://github.com/cozy/cozy-libs/commit/d47d62fcaf38c5673d76e1701f31f52ff198ed53))
+- Uniformize "Add users" wording ([82b45f7](https://github.com/cozy/cozy-libs/commit/82b45f7d6f1ce0a6929beb02362e86034b4bd2b1))
+
 # [32.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@31.2.0...cozy-sharing@32.0.0) (2026-05-18)
 
 ### Features

package/dist/assets/icons/shared-drive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="102" height="102" fill="none" viewBox="0 0 102 102"><rect width="101.617" height="101.617" fill="#f6faff" rx="50.809"/><path fill="#dcedfd" fill-rule="evenodd" d="M51.742 33.838h22.994c3.162 0 5.748 2.627 5.748 5.838v29.192c0 3.212-2.586 5.838-5.748 5.838H28.748c-3.161 0-5.748-2.626-5.748-5.838l.029-35.03c0-3.212 2.558-5.838 5.72-5.838h17.245z" clip-rule="evenodd"/><path fill="#cfddee" stroke="#cfddee" stroke-width=".709" d="M45.977 44.398h2.381c.205 0 .349.066.44.158.091.09.158.234.158.44 0 .204-.067.348-.158.44-.091.09-.235.157-.44.157h-2.381c-2.006 0-3.689 1.683-3.689 3.688V59.76c0 2.005 1.683 3.687 3.689 3.687h10.477c2.005 0 3.688-1.682 3.689-3.687V58.33c0-.205.066-.35.157-.44.091-.092.235-.158.44-.158s.349.067.44.158c.09.09.158.235.158.44v1.429c0 2.661-2.223 4.883-4.884 4.884H45.977c-2.662 0-4.884-2.223-4.884-4.884V49.28c0-2.661 2.222-4.883 4.884-4.883Zm10.731.057c.226-.112.445-.069.638.124l5.715 5.715a.567.567 0 0 1 0 .832l-5.715 5.715c-.193.193-.412.236-.638.124l-.035-.018-.038-.01c-.163-.04-.303-.223-.303-.512v-3.212h-2.26c-2.728 0-5.056 1.721-5.863 4.346l-.002.008-.003.01a.56.56 0 0 1-.513.398c-.205 0-.47-.166-.62-.447a7.8 7.8 0 0 1-.263-2.055c0-3.995 3.27-7.266 7.264-7.266h2.26v-3.212c0-.29.14-.472.303-.513l.038-.01z"/><path fill="url(#a)" d="M56.454 64.4H45.977c-2.858 0-5.239-2.382-5.239-5.24V48.685c0-2.858 2.381-5.239 5.239-5.239h2.38c.572 0 .953.381.953.953 0 .571-.38.952-.952.952h-2.381c-1.81 0-3.334 1.524-3.334 3.334V59.16c0 1.81 1.524 3.333 3.334 3.333h10.477c1.81 0 3.333-1.524 3.333-3.333v-1.429c0-.571.381-.952.953-.952.571 0 .952.38.952.952v1.429c0 2.857-2.38 5.238-5.238 5.238m-8.763-6.668c-.38 0-.762-.286-.952-.667a8.1 8.1 0 0 1-.286-2.19c0-4.191 3.429-7.62 7.62-7.62h1.904v-2.857c0-.381.191-.762.572-.858.381-.19.762-.095 1.048.191l5.714 5.715a.92.92 0 0 1 0 1.333l-5.714 5.715c-.286.286-.667.38-1.048.19-.381-.095-.572-.476-.572-.857V52.97h-1.904c-2.572 0-4.763 1.619-5.525 4.095a.915.915 0 0 1-.857.667"/><defs><linearGradient id="a" x1="51.914" x2="52.127" y1="34.694" y2="68.833" gradientUnits="userSpaceOnUse"><stop stop-color="#76afff"/><stop offset=".781" stop-color="#1d7aff"/></linearGradient></defs></svg>

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -6,11 +6,11 @@ import React, { useEffect, useState } from 'react';
 import { useClient } from 'cozy-client';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import { useI18n } from 'twake-i18n';
-import { DumbFederatedFolderModal } from './DumbFederatedFolderModal';
 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) {
   var onClose = _ref.onClose,
       existingDocument = _ref.document,
@@ -194,7 +194,7 @@ export var FederatedFolderModal = withLocales(function (_ref) {
     name: folderName
   });
   var isSharedDrive = Boolean(existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument.driveId);
-  return /*#__PURE__*/React.createElement(DumbFederatedFolderModal, {
+  return /*#__PURE__*/React.createElement(DumbBatchSharedFolderModal, {
     title: modalTitle,
     document: isSending ? frozenDoc : existingDocument,
     recipients: isSending ? frozenRecipients : existingRecipients,
@@ -203,6 +203,7 @@ export var FederatedFolderModal = withLocales(function (_ref) {
     onSend: onSend,
     onClose: onClose,
     sharingLink: sharingLink,
+    shareLabel: t('FederatedFolder.share'),
     showShareByEmail: !isSharedDrive,
     autoOpenShareRestriction: autoOpenShareRestriction,
     showGenerateLinkButton: showGenerateLinkButton,

package/dist/components/FederatedFolder/FederatedFolderModal.spec.js

@@ -51,9 +51,9 @@ jest.mock('../../hooks/usePendingRecipients', function () {
     usePendingRecipients: jest.fn()
   };
 });
-jest.mock('./DumbFederatedFolderModal', function () {
+jest.mock('../SharedFolder/DumbBatchSharedFolderModal', function () {
   return {
-    DumbFederatedFolderModal: function DumbFederatedFolderModal(_ref) {
+    DumbBatchSharedFolderModal: function DumbBatchSharedFolderModal(_ref) {
       var title = _ref.title,
           recipients = _ref.recipients,
           onRevoke = _ref.onRevoke,
@@ -203,7 +203,7 @@ describe('FederatedFolderModal', function () {
         }
       }, _callee2);
     })));
-    it('should pass sharing link to DumbFederatedFolderModal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    it('should pass sharing link to DumbBatchSharedFolderModal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _setup3, getByTestId;
 
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {

package/dist/components/ShareDialogCozyToCozy.js

@@ -82,8 +82,8 @@ var SharingContent = function SharingContent(_ref) {
     type: t("".concat(documentType, ".share.shareByEmail.type.").concat(document.type === 'directory' ? 'folder' : 'file'))
   }), ' ', /*#__PURE__*/React.createElement("strong", null, t("".concat(documentType, ".share.shareByEmail.").concat(hasSharedParent ? 'hasSharedParent' : 'hasSharedChild')))), /*#__PURE__*/React.createElement(Typography, {
     variant: "h6",
-    className: "u-mb-1-half"
-  }, t('Share.contacts.whoHasAccess')), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
+    className: "u-mb-half"
+  }, t('Share.contacts.addUsers')), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
     currentRecipients: recipients,
     document: document,
     documentType: documentType,

package/dist/components/SharedDrive/EditSharedDriveModal.js

@@ -0,0 +1,209 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import PropTypes from 'prop-types';
+import React, { 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 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 { useI18n } from 'twake-i18n';
+import SharedDriveHeader from './SharedDriveHeader';
+import { getOrCreateFromArray } from '../../helpers/contacts';
+import withLocales from '../../hoc/withLocales';
+import { usePendingRecipients } from '../../hooks/usePendingRecipients';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { default as DumbShareByEmail } from '../ShareByEmail';
+import WhoHasAccess from '../WhoHasAccess';
+export var EditSharedDriveModal = withLocales(function (_ref) {
+  var onClose = _ref.onClose,
+      document = _ref.document;
+  var client = useClient();
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useSharingContext = useSharingContext(),
+      share = _useSharingContext.share,
+      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 _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;
+            return getOrCreateFromArray(client, pendingRecipients, function (contact) {
+              return client.create('io.cozy.contacts', contact);
+            });
+
+          case 6:
+            contacts = _context.sent;
+            readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts;
+            readOnlyRecipients = selectedOption === 'readOnly' ? contacts : [];
+            _context.next = 11;
+            return share({
+              document: document,
+              recipients: readWriteRecipients,
+              readOnlyRecipients: readOnlyRecipients,
+              sharedDrive: true,
+              openSharing: false
+            });
+
+          case 11:
+            if (!((document === null || document === void 0 ? void 0 : document.name) !== driveName)) {
+              _context.next = 14;
+              break;
+            }
+
+            _context.next = 14;
+            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 "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 18, 21, 24]]);
+    }));
+
+    return function onSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var existingRecipients = document ? getRecipients(document._id) : [];
+  return /*#__PURE__*/React.createElement(FixedDialog, {
+    open: true,
+    disableGutters: true,
+    onClose: onClose,
+    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 u-pt-2"
+    }, /*#__PURE__*/React.createElement(SharedDriveHeader, {
+      title: t('SharedDrive.editSharedDriveModal.title')
+    }), /*#__PURE__*/React.createElement(TextField, {
+      required: true,
+      label: t('SharedDrive.sharedDriveModal.nameLabel'),
+      variant: "outlined",
+      size: "small",
+      className: "u-w-100 u-mt-1-half u-mb-1-half",
+      value: driveName,
+      onChange: function onChange(event) {
+        return setDriveName(event.target.value);
+      }
+    }), /*#__PURE__*/React.createElement(Typography, {
+      variant: "h6",
+      className: "u-mb-half"
+    }, t('Share.contacts.addUsers')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
+      currentRecipients: [],
+      documentType: "Files",
+      pendingRecipients: pendingRecipients,
+      onPendingRecipientsChange: setPendingRecipients,
+      selectedOption: selectedOption,
+      onSelectedOptionChange: setSelectedOption
+    })), /*#__PURE__*/React.createElement(WhoHasAccess, {
+      isOwner: true,
+      isSharedDrive: true,
+      recipients: existingRecipients,
+      document: document,
+      documentType: "Files",
+      className: "u-w-100",
+      onRevoke: revoke
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "u-flex u-ph-2 u-pv-1"
+    }, /*#__PURE__*/React.createElement(Button, {
+      variant: "text",
+      label: t('SharedDrive.sharedDriveModal.cancel'),
+      className: "u-w-100 u-m-1",
+      size: "large",
+      onClick: onClose
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      label: t('SharedDrive.sharedDriveModal.save'),
+      className: "u-w-100 u-m-1",
+      size: "large",
+      disabled: isSaving,
+      onClick: onSave
+    })))
+  });
+});
+EditSharedDriveModal.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  document: PropTypes.object.isRequired,
+  autoOpenShareRestriction: PropTypes.bool,
+  showGenerateLinkButton: PropTypes.bool
+};
+export default EditSharedDriveModal;

package/dist/components/SharedDrive/SharedDriveForm.js

@@ -6,6 +6,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useI18n } from 'twake-i18n';
 import withLocales from '../../hoc/withLocales';
 import { default as DumbShareByEmail } from '../ShareByEmail';
+import SharedDriveHeader from './SharedDriveHeader';
 import { useSharedDrive } from './useSharedDrive';
 export var SharedDriveForm = withLocales(function (_ref) {
   var onSuccess = _ref.onSuccess,
@@ -27,18 +28,20 @@ export var SharedDriveForm = withLocales(function (_ref) {
 
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "u-ph-2"
-  }, /*#__PURE__*/React.createElement(TextField, {
+  }, /*#__PURE__*/React.createElement(SharedDriveHeader, {
+    title: t('SharedDrive.sharedDriveModal.title')
+  }), /*#__PURE__*/React.createElement(TextField, {
     required: true,
     label: t('SharedDrive.sharedDriveModal.nameLabel'),
     variant: "outlined",
     size: "small",
-    className: "u-w-100 u-mt-1-half",
+    className: "u-w-100 u-mt-1-half u-mb-1-half",
     value: sharedDriveName,
     onChange: handleSharedDriveNameChange
   }), /*#__PURE__*/React.createElement(Typography, {
     variant: "h6",
-    className: "u-mt-1-half u-mb-half"
-  }, t('SharedDrive.sharedDriveModal.addPeople')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
+    className: "u-mb-half"
+  }, t('Share.contacts.addUsers')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
     currentRecipients: [],
     documentType: "Files",
     pendingRecipients: pendingRecipients,

package/dist/components/SharedDrive/SharedDriveHeader.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+
+var SharedDriveIcon = function SharedDriveIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("rect", {
+    width: "101.617",
+    height: "101.617",
+    fill: "#f6faff",
+    rx: "50.809"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dcedfd",
+    fillRule: "evenodd",
+    d: "M51.742 33.838h22.994c3.162 0 5.748 2.627 5.748 5.838v29.192c0 3.212-2.586 5.838-5.748 5.838H28.748c-3.161 0-5.748-2.626-5.748-5.838l.029-35.03c0-3.212 2.558-5.838 5.72-5.838h17.245z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#cfddee",
+    stroke: "#cfddee",
+    strokeWidth: ".709",
+    d: "M45.977 44.398h2.381c.205 0 .349.066.44.158.091.09.158.234.158.44a.605.605 0 0 1-.158.44c-.091.09-.235.157-.44.157h-2.381c-2.006 0-3.689 1.683-3.689 3.688V59.76c0 2.005 1.683 3.687 3.689 3.687h10.477c2.005 0 3.688-1.682 3.689-3.687v-1.43c0-.205.066-.35.157-.44.091-.092.235-.158.44-.158s.349.067.44.158c.09.09.158.235.158.44v1.429c0 2.661-2.223 4.883-4.884 4.884H45.977c-2.662 0-4.884-2.223-4.884-4.884V49.28c0-2.661 2.222-4.883 4.884-4.883zm10.731.057c.226-.112.445-.069.638.124l5.715 5.715a.567.567 0 0 1 0 .832l-5.715 5.715c-.193.193-.412.236-.638.124l-.035-.018-.038-.01c-.163-.04-.303-.223-.303-.512v-3.212h-2.26c-2.728 0-5.056 1.721-5.863 4.346l-.002.008-.003.01a.56.56 0 0 1-.513.398c-.205 0-.47-.166-.62-.447a7.8 7.8 0 0 1-.263-2.055c0-3.995 3.27-7.266 7.264-7.266h2.26v-3.212c0-.29.14-.472.303-.513l.038-.01z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#a)",
+    d: "M56.454 64.4H45.977c-2.858 0-5.239-2.382-5.239-5.24V48.685c0-2.858 2.381-5.239 5.239-5.239h2.38c.572 0 .953.381.953.953 0 .571-.38.952-.952.952h-2.381c-1.81 0-3.334 1.524-3.334 3.334V59.16c0 1.81 1.524 3.333 3.334 3.333h10.477c1.81 0 3.333-1.524 3.333-3.333v-1.429c0-.571.381-.952.953-.952.571 0 .952.38.952.952v1.429c0 2.857-2.38 5.238-5.238 5.238m-8.763-6.668c-.38 0-.762-.286-.952-.667a8.1 8.1 0 0 1-.286-2.19c0-4.191 3.429-7.62 7.62-7.62h1.904v-2.857c0-.381.191-.762.572-.858.381-.19.762-.095 1.048.191l5.714 5.715a.92.92 0 0 1 0 1.333l-5.714 5.715c-.286.286-.667.38-1.048.19-.381-.095-.572-.476-.572-.857V52.97h-1.904c-2.572 0-4.763 1.619-5.525 4.095a.915.915 0 0 1-.857.667"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "a",
+    x1: "51.914",
+    x2: "52.127",
+    y1: "34.694",
+    y2: "68.833",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#76afff"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".781",
+    stopColor: "#1d7aff"
+  }))));
+};
+
+SharedDriveIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "102",
+  height: "102",
+  fill: "none",
+  viewBox: "0 0 102 102"
+};
+
+var SharedDriveHeader = function SharedDriveHeader(_ref) {
+  var title = _ref.title;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "u-ta-center"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: SharedDriveIcon,
+    size: 72
+  }), /*#__PURE__*/React.createElement(Typography, {
+    className: "u-mt-1",
+    variant: "h3"
+  }, title));
+};
+
+export default SharedDriveHeader;

package/dist/components/SharedFolder/DumbBatchSharedFolderModal.js

@@ -4,6 +4,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 { useI18n } from 'twake-i18n';
 import withLocales from '../../hoc/withLocales';
 import AntivirusAlert from '../AntivirusAlert';
 import { default as DumbShareByEmail } from '../ShareByEmail';
@@ -17,19 +18,13 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       recipients = _ref.recipients,
       currentRecipients = _ref.currentRecipients,
       onRevoke = _ref.onRevoke,
-      onCreate = _ref.onCreate,
       onSend = _ref.onSend,
       onClose = _ref.onClose,
-      onRename = _ref.onRename,
       _ref$showNameField = _ref.showNameField,
       showNameField = _ref$showNameField === void 0 ? false : _ref$showNameField,
       sharingLink = _ref.sharingLink,
       nameLabel = _ref.nameLabel,
-      addPeopleLabel = _ref.addPeopleLabel,
-      cancelLabel = _ref.cancelLabel,
-      createLabel = _ref.createLabel,
       shareLabel = _ref.shareLabel,
-      saveLabel = _ref.saveLabel,
       _ref$showShareByEmail = _ref.showShareByEmail,
       showShareByEmail = _ref$showShareByEmail === void 0 ? true : _ref$showShareByEmail,
       autoOpenShareRestriction = _ref.autoOpenShareRestriction,
@@ -39,19 +34,10 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       selectedOption = _ref.selectedOption,
       onSelectedOptionChange = _ref.onSelectedOptionChange;
 
-  var actionButtons = function () {
-    if (showNameField && onCreate) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-        variant: "secondary",
-        label: cancelLabel,
-        onClick: onClose
-      }), /*#__PURE__*/React.createElement(Button, {
-        variant: "primary",
-        label: createLabel,
-        onClick: onCreate
-      }));
-    }
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
 
+  var actionButtons = function () {
     if (!showShareByEmail) {
       return /*#__PURE__*/React.createElement(ShareByLink, {
         link: sharingLink,
@@ -77,16 +63,6 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       }));
     }
 
-    if (onRename) {
-      return /*#__PURE__*/React.createElement(Button, {
-        variant: "primary",
-        label: saveLabel,
-        onClick: function onClick() {
-          return onRename(folderName);
-        }
-      });
-    }
-
     return null;
   }();
 
@@ -118,7 +94,7 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
     }), /*#__PURE__*/React.createElement(Typography, {
       variant: "h6",
       className: "u-mt-1-half u-mb-half"
-    }, addPeopleLabel), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
+    }, t('Share.contacts.addUsers')), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
       currentRecipients: currentRecipients,
       document: document,
       documentType: "Files",

package/dist/index.js

@@ -15,6 +15,7 @@ export { default as LinkRecipientLite } from './components/Recipient/LinkRecipie
 export { default as OwnerRecipientDefaultLite } from './components/Recipient/OwnerRecipientDefaultLite';
 export { SharedRecipientsList } from './SharedRecipientsList';
 export { ShareButton } from './ShareButton';
+export { EditSharedDriveModal } from './components/SharedDrive/EditSharedDriveModal';
 export { SharedDriveModal } from './components/SharedDrive/SharedDriveModal';
 export { SharedDriveForm } from './components/SharedDrive/SharedDriveForm';
 export { FederatedFolderModal } from './components/FederatedFolder/FederatedFolderModal';

package/locales/en.json

@@ -38,6 +38,7 @@
     },
     "contacts": {
       "whoHasAccess": "Who has access?",
+      "addUsers": "Add users",
       "permissionRequired": {
         "title": "Save your contacts in your Twake?",
         "desc": "Authorize the application to access to your Twake's contacts: you'll be able to select them next time.",
@@ -439,7 +440,6 @@
     "shareTitle": "Share \"%{name}\"",
     "successNotification": "Folder has been shared",
     "errorNotification": "Error while sharing folder",
-    "addPeople": "Add people to the shared folder",
     "add": "Add"
   },
   "SharedDrive": {
@@ -450,11 +450,13 @@
       "cancel": "Cancel",
       "create": "Create",
       "save": "Save",
-      "addPeople": "Add users",
       "successNotification": "Shared drive has been added",
-      "errorNotification": "Error during shared drive creation",
-      "successNotificationUpdate": "Your shared drive has been modified",
-      "errorNotificationUpdate": "Error durring shared drive modification"
+      "errorNotification": "Error during shared drive creation"
+    },
+    "editSharedDriveModal": {
+      "title": "Edit shared drive",
+      "successNotification": "Shared drive has been modified",
+      "errorNotification": "Error during shared drive modification"
     }
   }
 }

package/locales/fr.json

@@ -38,6 +38,7 @@
     },
     "contacts": {
       "whoHasAccess": "Qui a accès ?",
+      "addUsers": "Ajouter des utilisateurs",
       "permissionRequired": {
         "title": "Enregistrer vos contacts dans votre Twake ?",
         "desc": "Autorisez l'application à accéder aux contacts de votre Twake : vous pourrez les sélectionner la prochaine fois.",
@@ -437,7 +438,6 @@
     "shareTitle": "Partager \"%{name}\"",
     "successNotification": "Le dossier a été partagé",
     "errorNotification": "Erreur lors du partage du dossier",
-    "addPeople": "Ajouter des utilisateurs au dossier partagé",
     "add": "Ajouter"
   },
   "SharedDrive": {
@@ -448,11 +448,13 @@
       "cancel": "Annuler",
       "create": "Créer",
       "save": "Enregistrer",
-      "addPeople": "Ajouter des utilisateurs",
       "successNotification": "Le drive partagé a été ajouté",
-      "errorNotification": "Erreur lors de la création du drive partagé",
-      "successNotificationUpdate": "Votre drive partagé a été modifié",
-      "errorNotificationUpdate": "Erreur lors de la modification du drive partagé"
+      "errorNotification": "Erreur lors de la création du drive partagé"
+    },
+    "editSharedDriveModal": {
+      "title": "Modifier le drive partagé",
+      "successNotification": "Le drive partagé a été modifié",
+      "errorNotification": "Erreur lors de la modification du drive partagé"
     }
   }
 }

package/locales/ru.json

@@ -38,6 +38,7 @@
     },
     "contacts": {
       "whoHasAccess": "У кого есть доступ?",
+      "addUsers": "Добавить пользователей",
       "permissionRequired": {
         "title": "Сохранить контакты в вашем Twake?",
         "desc": "Разрешите приложению доступ к контактам вашего Twake: в следующий раз вы сможете выбирать их.",
@@ -439,7 +440,6 @@
     "shareTitle": "Поделиться \"%{name}\"",
     "successNotification": "Папка была расшарена",
     "errorNotification": "Ошибка при расшаривании папки",
-    "addPeople": "Добавить людей в общую папку",
     "add": "Добавить"
   },
   "SharedDrive": {
@@ -450,11 +450,13 @@
       "cancel": "Отмена",
       "create": "Создать",
       "save": "Сохранить",
-      "addPeople": "Добавить пользователей",
       "successNotification": "Общий диск добавлен",
-      "errorNotification": "Ошибка при создании общего диска",
-      "successNotificationUpdate": "Ваш общий диск был изменён",
-      "errorNotificationUpdate": "Ошибка при модификации общего диска"
+      "errorNotification": "Ошибка при создании общего диска"
+    },
+    "editSharedDriveModal": {
+      "title": "Редактировать общий диск",
+      "successNotification": "Общий диск был изменён",
+      "errorNotification": "Ошибка при модификации общего диска"
     }
   }
 }

package/locales/vi.json

@@ -38,6 +38,7 @@
     },
     "contacts": {
       "whoHasAccess": "Ai có quyền truy cập?",
+      "addUsers": "Thêm người dùng",
       "permissionRequired": {
         "title": "Lưu danh bạ của bạn vào Twake của bạn?",
         "desc": "Cho phép ứng dụng truy cập vào danh bạ Twake của bạn: bạn sẽ có thể chọn họ vào lần sau.",
@@ -439,7 +440,6 @@
     "shareTitle": "Chia sẻ \"%{name}\"",
     "successNotification": "Thư mục đã được chia sẻ",
     "errorNotification": "Lỗi khi chia sẻ thư mục",
-    "addPeople": "Thêm người vào thư mục được chia sẻ",
     "add": "Thêm"
   },
   "SharedDrive": {
@@ -450,11 +450,13 @@
       "cancel": "Hủy",
       "create": "Tạo",
       "save": "Lưu",
-      "addPeople": "Thêm người dùng",
       "successNotification": "Ổ đĩa được chia sẻ đã được thêm",
-      "errorNotification": "Lỗi trong quá trình tạo ổ đĩa được chia sẻ",
-      "successNotificationUpdate": "Ổ đĩa được chia sẻ của bạn đã được sửa đổi",
-      "errorNotificationUpdate": "Lỗi khi sửa đổi ổ đĩa được chia sẻ"
+      "errorNotification": "Lỗi trong quá trình tạo ổ đĩa được chia sẻ"
+    },
+    "editSharedDriveModal": {
+      "title": "Sửa ổ đĩa được chia sẻ",
+      "successNotification": "Ổ đĩa được chia sẻ đã được sửa đổi",
+      "errorNotification": "Lỗi khi sửa đổi ổ đĩa được chia sẻ"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "32.0.0",
+  "version": "32.1.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "53ee03b0d557f6092a4120a884ddc2e71888891a"
+  "gitHead": "1ad45fcf02b511f01376ac0d5e2f2f7bb4b39fc0"
 }

package/src/assets/icons/shared-drive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="102" height="102" fill="none" viewBox="0 0 102 102"><rect width="101.617" height="101.617" fill="#f6faff" rx="50.809"/><path fill="#dcedfd" fill-rule="evenodd" d="M51.742 33.838h22.994c3.162 0 5.748 2.627 5.748 5.838v29.192c0 3.212-2.586 5.838-5.748 5.838H28.748c-3.161 0-5.748-2.626-5.748-5.838l.029-35.03c0-3.212 2.558-5.838 5.72-5.838h17.245z" clip-rule="evenodd"/><path fill="#cfddee" stroke="#cfddee" stroke-width=".709" d="M45.977 44.398h2.381c.205 0 .349.066.44.158.091.09.158.234.158.44 0 .204-.067.348-.158.44-.091.09-.235.157-.44.157h-2.381c-2.006 0-3.689 1.683-3.689 3.688V59.76c0 2.005 1.683 3.687 3.689 3.687h10.477c2.005 0 3.688-1.682 3.689-3.687V58.33c0-.205.066-.35.157-.44.091-.092.235-.158.44-.158s.349.067.44.158c.09.09.158.235.158.44v1.429c0 2.661-2.223 4.883-4.884 4.884H45.977c-2.662 0-4.884-2.223-4.884-4.884V49.28c0-2.661 2.222-4.883 4.884-4.883Zm10.731.057c.226-.112.445-.069.638.124l5.715 5.715a.567.567 0 0 1 0 .832l-5.715 5.715c-.193.193-.412.236-.638.124l-.035-.018-.038-.01c-.163-.04-.303-.223-.303-.512v-3.212h-2.26c-2.728 0-5.056 1.721-5.863 4.346l-.002.008-.003.01a.56.56 0 0 1-.513.398c-.205 0-.47-.166-.62-.447a7.8 7.8 0 0 1-.263-2.055c0-3.995 3.27-7.266 7.264-7.266h2.26v-3.212c0-.29.14-.472.303-.513l.038-.01z"/><path fill="url(#a)" d="M56.454 64.4H45.977c-2.858 0-5.239-2.382-5.239-5.24V48.685c0-2.858 2.381-5.239 5.239-5.239h2.38c.572 0 .953.381.953.953 0 .571-.38.952-.952.952h-2.381c-1.81 0-3.334 1.524-3.334 3.334V59.16c0 1.81 1.524 3.333 3.334 3.333h10.477c1.81 0 3.333-1.524 3.333-3.333v-1.429c0-.571.381-.952.953-.952.571 0 .952.38.952.952v1.429c0 2.857-2.38 5.238-5.238 5.238m-8.763-6.668c-.38 0-.762-.286-.952-.667a8.1 8.1 0 0 1-.286-2.19c0-4.191 3.429-7.62 7.62-7.62h1.904v-2.857c0-.381.191-.762.572-.858.381-.19.762-.095 1.048.191l5.714 5.715a.92.92 0 0 1 0 1.333l-5.714 5.715c-.286.286-.667.38-1.048.19-.381-.095-.572-.476-.572-.857V52.97h-1.904c-2.572 0-4.763 1.619-5.525 4.095a.915.915 0 0 1-.857.667"/><defs><linearGradient id="a" x1="51.914" x2="52.127" y1="34.694" y2="68.833" gradientUnits="userSpaceOnUse"><stop stop-color="#76afff"/><stop offset=".781" stop-color="#1d7aff"/></linearGradient></defs></svg>

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -5,11 +5,11 @@ import { useClient } from 'cozy-client'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import { useI18n } from 'twake-i18n'
 
-import { DumbFederatedFolderModal } from './DumbFederatedFolderModal'
 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 const FederatedFolderModal = withLocales(
   ({
@@ -133,7 +133,7 @@ export const FederatedFolderModal = withLocales(
     const isSharedDrive = Boolean(existingDocument?.driveId)
 
     return (
-      <DumbFederatedFolderModal
+      <DumbBatchSharedFolderModal
         title={modalTitle}
         document={isSending ? frozenDoc : existingDocument}
         recipients={isSending ? frozenRecipients : existingRecipients}
@@ -142,6 +142,7 @@ export const FederatedFolderModal = withLocales(
         onSend={onSend}
         onClose={onClose}
         sharingLink={sharingLink}
+        shareLabel={t('FederatedFolder.share')}
         showShareByEmail={!isSharedDrive}
         autoOpenShareRestriction={autoOpenShareRestriction}
         showGenerateLinkButton={showGenerateLinkButton}

package/src/components/FederatedFolder/FederatedFolderModal.spec.jsx

@@ -41,8 +41,8 @@ jest.mock('../../hooks/usePendingRecipients', () => ({
   usePendingRecipients: jest.fn()
 }))
 
-jest.mock('./DumbFederatedFolderModal', () => ({
-  DumbFederatedFolderModal: ({
+jest.mock('../SharedFolder/DumbBatchSharedFolderModal', () => ({
+  DumbBatchSharedFolderModal: ({
     title,
     recipients,
     onRevoke,
@@ -161,7 +161,7 @@ describe('FederatedFolderModal', () => {
       })
     })
 
-    it('should pass sharing link to DumbFederatedFolderModal', async () => {
+    it('should pass sharing link to DumbBatchSharedFolderModal', async () => {
       const { getByTestId } = setup()
 
       await waitFor(() => {

package/src/components/ShareDialogCozyToCozy.jsx

@@ -66,8 +66,8 @@ const SharingContent = ({
             </strong>
           </div>
         )}
-        <Typography variant="h6" className="u-mb-1-half">
-          {t('Share.contacts.whoHasAccess')}
+        <Typography variant="h6" className="u-mb-half">
+          {t('Share.contacts.addUsers')}
         </Typography>
         {showShareByEmail && (
           <DumbShareByEmail

package/src/components/SharedDrive/EditSharedDriveModal.jsx

@@ -0,0 +1,160 @@
+import PropTypes from 'prop-types'
+import React, { 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 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 { useI18n } from 'twake-i18n'
+
+import SharedDriveHeader from './SharedDriveHeader'
+import { getOrCreateFromArray } from '../../helpers/contacts'
+import withLocales from '../../hoc/withLocales'
+import { usePendingRecipients } from '../../hooks/usePendingRecipients'
+import { useSharingContext } from '../../hooks/useSharingContext'
+import { default as DumbShareByEmail } from '../ShareByEmail'
+import WhoHasAccess from '../WhoHasAccess'
+
+export const EditSharedDriveModal = withLocales(({ onClose, document }) => {
+  const client = useClient()
+  const { t } = useI18n()
+  const { share, getRecipients, revoke } = useSharingContext()
+  const { showAlert } = useAlert()
+  const {
+    pendingRecipients,
+    setPendingRecipients,
+    selectedOption,
+    setSelectedOption
+  } = usePendingRecipients()
+
+  const [driveName, setDriveName] = useState(document.name)
+  const [isSaving, setIsSaving] = useState(false)
+
+  const onSave = async () => {
+    if (isSaving) return
+    setIsSaving(true)
+    try {
+      // We add contacts
+      const contacts = await getOrCreateFromArray(
+        client,
+        pendingRecipients,
+        contact => client.create('io.cozy.contacts', contact)
+      )
+      const readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts
+      const readOnlyRecipients = selectedOption === 'readOnly' ? contacts : []
+
+      await share({
+        document: document,
+        recipients: readWriteRecipients,
+        readOnlyRecipients,
+        sharedDrive: true,
+        openSharing: false
+      })
+
+      // We rename the shared drive
+      if (document?.name !== driveName) {
+        await client.collection('io.cozy.files').update({
+          ...document,
+          name: driveName,
+          _rev: document._rev || document.meta.rev
+        })
+      }
+
+      showAlert({
+        message: t('SharedDrive.editSharedDriveModal.successNotification'),
+        severity: 'success',
+        variant: 'filled'
+      })
+
+      onClose()
+    } catch (_err) {
+      showAlert({
+        message: t('SharedDrive.editSharedDriveModal.errorNotification'),
+        severity: 'error',
+        variant: 'filled'
+      })
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  const existingRecipients = document ? getRecipients(document._id) : []
+
+  return (
+    <FixedDialog
+      open
+      disableGutters
+      onClose={onClose}
+      classes={{ paper: 'u-ov-visible' }}
+      componentsProps={{
+        dialogContent: { className: 'u-ov-visible' }
+      }}
+      content={
+        <div>
+          <div className="u-ph-2 u-pt-2">
+            <SharedDriveHeader
+              title={t('SharedDrive.editSharedDriveModal.title')}
+            />
+            <TextField
+              required
+              label={t('SharedDrive.sharedDriveModal.nameLabel')}
+              variant="outlined"
+              size="small"
+              className="u-w-100 u-mt-1-half u-mb-1-half"
+              value={driveName}
+              onChange={event => setDriveName(event.target.value)}
+            />
+            <Typography variant="h6" className="u-mb-half">
+              {t('Share.contacts.addUsers')}
+            </Typography>
+            <DumbShareByEmail
+              currentRecipients={[]}
+              documentType="Files"
+              pendingRecipients={pendingRecipients}
+              onPendingRecipientsChange={setPendingRecipients}
+              selectedOption={selectedOption}
+              onSelectedOptionChange={setSelectedOption}
+            />
+          </div>
+          <WhoHasAccess
+            isOwner
+            isSharedDrive
+            recipients={existingRecipients}
+            document={document}
+            documentType="Files"
+            className="u-w-100"
+            onRevoke={revoke}
+          />
+          <div className="u-flex u-ph-2 u-pv-1">
+            <Button
+              variant="text"
+              label={t('SharedDrive.sharedDriveModal.cancel')}
+              className="u-w-100 u-m-1"
+              size="large"
+              onClick={onClose}
+            />
+            <Button
+              variant="primary"
+              label={t('SharedDrive.sharedDriveModal.save')}
+              className="u-w-100 u-m-1"
+              size="large"
+              disabled={isSaving}
+              onClick={onSave}
+            />
+          </div>
+        </div>
+      }
+    />
+  )
+})
+
+EditSharedDriveModal.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  document: PropTypes.object.isRequired,
+  autoOpenShareRestriction: PropTypes.bool,
+  showGenerateLinkButton: PropTypes.bool
+}
+
+export default EditSharedDriveModal

package/src/components/SharedDrive/SharedDriveForm.jsx

@@ -8,6 +8,7 @@ import { useI18n } from 'twake-i18n'
 
 import withLocales from '../../hoc/withLocales'
 import { default as DumbShareByEmail } from '../ShareByEmail'
+import SharedDriveHeader from './SharedDriveHeader'
 import { useSharedDrive } from './useSharedDrive'
 
 export const SharedDriveForm = withLocales(({ onSuccess, onCancel }) => {
@@ -25,17 +26,18 @@ export const SharedDriveForm = withLocales(({ onSuccess, onCancel }) => {
   return (
     <div>
       <div className="u-ph-2">
+        <SharedDriveHeader title={t('SharedDrive.sharedDriveModal.title')} />
         <TextField
           required
           label={t('SharedDrive.sharedDriveModal.nameLabel')}
           variant="outlined"
           size="small"
-          className="u-w-100 u-mt-1-half"
+          className="u-w-100 u-mt-1-half u-mb-1-half"
           value={sharedDriveName}
           onChange={handleSharedDriveNameChange}
         />
-        <Typography variant="h6" className="u-mt-1-half u-mb-half">
-          {t('SharedDrive.sharedDriveModal.addPeople')}
+        <Typography variant="h6" className="u-mb-half">
+          {t('Share.contacts.addUsers')}
         </Typography>
         <DumbShareByEmail
           currentRecipients={[]}

package/src/components/SharedDrive/SharedDriveHeader.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+
+import SharedDriveIcon from '../../assets/icons/shared-drive.svg'
+
+const SharedDriveHeader = ({ title }) => {
+  return (
+    <div className="u-ta-center">
+      <Icon icon={SharedDriveIcon} size={72} />
+      <Typography className="u-mt-1" variant="h3">
+        {title}
+      </Typography>
+    </div>
+  )
+}
+
+export default SharedDriveHeader

package/src/components/SharedFolder/DumbBatchSharedFolderModal.jsx

@@ -5,6 +5,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 { useI18n } from 'twake-i18n'
 
 import withLocales from '../../hoc/withLocales'
 import AntivirusAlert from '../AntivirusAlert'
@@ -21,18 +22,12 @@ export const DumbBatchSharedFolderModal = withLocales(
     recipients,
     currentRecipients,
     onRevoke,
-    onCreate,
     onSend,
     onClose,
-    onRename,
     showNameField = false,
     sharingLink,
     nameLabel,
-    addPeopleLabel,
-    cancelLabel,
-    createLabel,
     shareLabel,
-    saveLabel,
     showShareByEmail = true,
     autoOpenShareRestriction,
     showGenerateLinkButton,
@@ -41,16 +36,8 @@ export const DumbBatchSharedFolderModal = withLocales(
     selectedOption,
     onSelectedOptionChange
   }) => {
+    const { t } = useI18n()
     const actionButtons = (() => {
-      if (showNameField && onCreate) {
-        return (
-          <>
-            <Button variant="secondary" label={cancelLabel} onClick={onClose} />
-            <Button variant="primary" label={createLabel} onClick={onCreate} />
-          </>
-        )
-      }
-
       if (!showShareByEmail) {
         return (
           <ShareByLink
@@ -83,16 +70,6 @@ export const DumbBatchSharedFolderModal = withLocales(
         )
       }
 
-      if (onRename) {
-        return (
-          <Button
-            variant="primary"
-            label={saveLabel}
-            onClick={() => onRename(folderName)}
-          />
-        )
-      }
-
       return null
     })()
 
@@ -122,7 +99,7 @@ export const DumbBatchSharedFolderModal = withLocales(
                 />
               )}
               <Typography variant="h6" className="u-mt-1-half u-mb-half">
-                {addPeopleLabel}
+                {t('Share.contacts.addUsers')}
               </Typography>
               {showShareByEmail && (
                 <DumbShareByEmail

package/src/index.jsx

@@ -19,6 +19,7 @@ export { default as LinkRecipientLite } from './components/Recipient/LinkRecipie
 export { default as OwnerRecipientDefaultLite } from './components/Recipient/OwnerRecipientDefaultLite'
 export { SharedRecipientsList } from './SharedRecipientsList'
 export { ShareButton } from './ShareButton'
+export { EditSharedDriveModal } from './components/SharedDrive/EditSharedDriveModal'
 export { SharedDriveModal } from './components/SharedDrive/SharedDriveModal'
 export { SharedDriveForm } from './components/SharedDrive/SharedDriveForm'
 export { FederatedFolderModal } from './components/FederatedFolder/FederatedFolderModal'

package/dist/components/FederatedFolder/DumbFederatedFolderModal.js

@@ -1,64 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useI18n } from 'twake-i18n';
-import withLocales from '../../hoc/withLocales';
-import { DumbBatchSharedFolderModal } from '../SharedFolder/DumbBatchSharedFolderModal';
-export var DumbFederatedFolderModal = withLocales(function (_ref) {
-  var title = _ref.title,
-      document = _ref.document,
-      recipients = _ref.recipients,
-      currentRecipients = _ref.currentRecipients,
-      onRevoke = _ref.onRevoke,
-      onSend = _ref.onSend,
-      onClose = _ref.onClose,
-      sharingLink = _ref.sharingLink,
-      showShareByEmail = _ref.showShareByEmail,
-      autoOpenShareRestriction = _ref.autoOpenShareRestriction,
-      showGenerateLinkButton = _ref.showGenerateLinkButton,
-      pendingRecipients = _ref.pendingRecipients,
-      onPendingRecipientsChange = _ref.onPendingRecipientsChange,
-      selectedOption = _ref.selectedOption,
-      onSelectedOptionChange = _ref.onSelectedOptionChange;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  return /*#__PURE__*/React.createElement(DumbBatchSharedFolderModal, {
-    title: title,
-    document: document,
-    recipients: recipients,
-    currentRecipients: currentRecipients,
-    onRevoke: onRevoke,
-    onSend: onSend,
-    onClose: onClose,
-    sharingLink: sharingLink,
-    showNameField: false,
-    addPeopleLabel: t('FederatedFolder.addPeople'),
-    shareLabel: t('FederatedFolder.share'),
-    showShareByEmail: showShareByEmail,
-    autoOpenShareRestriction: autoOpenShareRestriction,
-    showGenerateLinkButton: showGenerateLinkButton,
-    pendingRecipients: pendingRecipients,
-    onPendingRecipientsChange: onPendingRecipientsChange,
-    selectedOption: selectedOption,
-    onSelectedOptionChange: onSelectedOptionChange
-  });
-});
-DumbFederatedFolderModal.propTypes = {
-  title: PropTypes.string,
-  document: PropTypes.object,
-  recipients: PropTypes.array,
-  currentRecipients: PropTypes.array,
-  onRevoke: PropTypes.func.isRequired,
-  onSend: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  sharingLink: PropTypes.string,
-  showShareByEmail: PropTypes.bool,
-  autoOpenShareRestriction: PropTypes.bool,
-  showGenerateLinkButton: PropTypes.bool,
-  pendingRecipients: PropTypes.array.isRequired,
-  onPendingRecipientsChange: PropTypes.func.isRequired,
-  selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']).isRequired,
-  onSelectedOptionChange: PropTypes.func.isRequired
-};
-export default DumbFederatedFolderModal;

package/src/components/FederatedFolder/DumbFederatedFolderModal.jsx

@@ -1,71 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-import { useI18n } from 'twake-i18n'
-
-import withLocales from '../../hoc/withLocales'
-import { DumbBatchSharedFolderModal } from '../SharedFolder/DumbBatchSharedFolderModal'
-
-export const DumbFederatedFolderModal = withLocales(
-  ({
-    title,
-    document,
-    recipients,
-    currentRecipients,
-    onRevoke,
-    onSend,
-    onClose,
-    sharingLink,
-    showShareByEmail,
-    autoOpenShareRestriction,
-    showGenerateLinkButton,
-    pendingRecipients,
-    onPendingRecipientsChange,
-    selectedOption,
-    onSelectedOptionChange
-  }) => {
-    const { t } = useI18n()
-    return (
-      <DumbBatchSharedFolderModal
-        title={title}
-        document={document}
-        recipients={recipients}
-        currentRecipients={currentRecipients}
-        onRevoke={onRevoke}
-        onSend={onSend}
-        onClose={onClose}
-        sharingLink={sharingLink}
-        showNameField={false}
-        addPeopleLabel={t('FederatedFolder.addPeople')}
-        shareLabel={t('FederatedFolder.share')}
-        showShareByEmail={showShareByEmail}
-        autoOpenShareRestriction={autoOpenShareRestriction}
-        showGenerateLinkButton={showGenerateLinkButton}
-        pendingRecipients={pendingRecipients}
-        onPendingRecipientsChange={onPendingRecipientsChange}
-        selectedOption={selectedOption}
-        onSelectedOptionChange={onSelectedOptionChange}
-      />
-    )
-  }
-)
-
-DumbFederatedFolderModal.propTypes = {
-  title: PropTypes.string,
-  document: PropTypes.object,
-  recipients: PropTypes.array,
-  currentRecipients: PropTypes.array,
-  onRevoke: PropTypes.func.isRequired,
-  onSend: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  sharingLink: PropTypes.string,
-  showShareByEmail: PropTypes.bool,
-  autoOpenShareRestriction: PropTypes.bool,
-  showGenerateLinkButton: PropTypes.bool,
-  pendingRecipients: PropTypes.array.isRequired,
-  onPendingRecipientsChange: PropTypes.func.isRequired,
-  selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']).isRequired,
-  onSelectedOptionChange: PropTypes.func.isRequired
-}
-
-export default DumbFederatedFolderModal