feat(sharing): Add shared drive edit modal

This modal is opened when we open the usual sharing modal in a shared
drive. So it should work as is directly in drive.

For the moment, shared drive modal is a lot different than cozy to
cozy sharing modal that's why I decided to create a new one inside
ShareModal.

Author: zatteo

packages/cozy-sharing/src/components/ShareModal.jsx

@@ -5,6 +5,7 @@ import flag from 'cozy-flags'
 
 import ShareDialogCozyToCozy from './ShareDialogCozyToCozy'
 import ShareDialogOnlyByLink from './ShareDialogOnlyByLink'
+import { SharedDriveEditModal } from './SharedDrive/SharedDriveEditModal'
 
 export const ShareModal = ({
   createContact,
@@ -13,6 +14,7 @@ export const ShareModal = ({
   hasSharedChild,
   hasSharedParent,
   isOwner,
+  isSharedDrive,
   link,
   onClose,
   onRevoke,
@@ -24,6 +26,19 @@ export const ShareModal = ({
   sharingDesc,
   twoStepsConfirmationMethods
 }) => {
+  if (isSharedDrive) {
+    return (
+      <SharedDriveEditModal
+        document={document}
+        sharing={sharing}
+        recipients={recipients}
+        onShare={onShare}
+        onRevoke={onRevoke}
+        onClose={onClose}
+      />
+    )
+  }
+
   const shareDialogOnlyByLink =
     flag('cozy.hide-sharing-cozy-to-cozy') || documentType === 'Albums'
 

packages/cozy-sharing/src/components/ShareModal/EditableSharingModal.jsx

@@ -21,6 +21,7 @@ export const EditableSharingModal = ({ document, ...rest }) => {
     hasSharedChild,
     hasSharedParent,
     isOwner,
+    isSharedDrive,
     revoke,
     revokeSelf,
     share
@@ -34,6 +35,7 @@ export const EditableSharingModal = ({ document, ...rest }) => {
       hasSharedChild={documentPath && hasSharedChild(documentPath)}
       hasSharedParent={documentPath && hasSharedParent(documentPath)}
       isOwner={isOwner(document._id)}
+      isSharedDrive={isSharedDrive(document._id)}
       link={getSharingLink(document._id)}
       onRevoke={revoke}
       onRevokeSelf={revokeSelf}

packages/cozy-sharing/src/components/SharedDrive/SharedDriveEditModal.jsx

@@ -0,0 +1,34 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+import { useClient } from 'cozy-client'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+import { DumbSharedDriveModal } from './DumbSharedDriveModal'
+import withLocales from '../../hoc/withLocales'
+import { Contact } from '../../models'
+
+export const SharedDriveEditModal = withLocales(
+  ({ document, sharing, recipients, onShare, onRevoke, onClose }) => {
+    const client = useClient()
+    const { t } = useI18n()
+
+    const createContact = contact => client.create(Contact.doctype, contact)
+
+    return (
+      <DumbSharedDriveModal
+        title={t('Files.share.title', { name: sharing?.description })}
+        document={document}
+        createContact={createContact}
+        recipients={recipients}
+        onRevoke={onRevoke}
+        onClose={onClose}
+        onShare={onShare}
+      />
+    )
+  }
+)
+
+SharedDriveEditModal.propTypes = {
+  onClose: PropTypes.func.isRequired
+}