cozy-sharing 31.2.0 → 32.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "31.2.0",
+  "version": "32.1.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -30,7 +30,6 @@
   "dependencies": {
     "@cozy/minilog": "^1.0.0",
     "classnames": "^2.5.1",
-    "cozy-device-helper": "^4.0.3",
     "cozy-doctypes": "^1.99.1",
     "date-fns": "2.30.0",
     "lodash": "^4.17.21",
@@ -55,7 +54,7 @@
     "babel-plugin-css-modules-transform": "1.6.2",
     "babel-plugin-inline-react-svg": "1.1.2",
     "cozy-client": "^60.24.0",
-    "cozy-device-helper": "^3.7.1",
+    "cozy-device-helper": "^4.0.0",
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^138.1.0",
@@ -70,7 +69,7 @@
   },
   "peerDependencies": {
     "cozy-client": ">=60.24.0",
-    "cozy-device-helper": ">=3.7.1",
+    "cozy-device-helper": ">=4.0.0",
     "cozy-flags": ">=4.8.1",
     "cozy-intent": ">=2.29.1",
     "cozy-minilog": ">=3.9.1",
@@ -84,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a014359670929b248620d8bbd95621de7b5aa7bb"
+  "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/dist/components/SharedStatus.js

@@ -1,61 +0,0 @@
-import cx from 'classnames';
-import React from 'react';
-import { useI18n } from 'twake-i18n';
-import { SharingTooltip, TooltipRecipientList } from './Tooltip';
-
-var LinkIcon = function LinkIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
-    d: "M8.88 3.88a1 1 0 1 1-1.415-1.415L9.053.877A2.998 2.998 0 0 1 13.29.876l1.18 1.18a2.998 2.998 0 0 1-.007 4.24L10.999 9.76c-1.535 1.535-4.07 1.583-5.534.12A1 1 0 1 1 6.88 8.465c.67.67 1.94.646 2.705-.119l3.465-3.464a.998.998 0 0 0 .006-1.413l-1.18-1.18a.998.998 0 0 0-1.408.003L8.88 3.88zm-2.415 7.585A1 1 0 1 1 7.88 12.88l-1.587 1.587a2.998 2.998 0 0 1-4.237.002l-1.18-1.18a2.998 2.998 0 0 1 .007-4.24l3.464-3.464c1.534-1.535 4.07-1.583 5.533-.12A1 1 0 1 1 8.465 6.88c-.67-.67-1.94-.646-2.705.119l-3.464 3.464a.998.998 0 0 0-.006 1.413l1.18 1.18a.998.998 0 0 0 1.407-.003l1.588-1.588z",
-    id: "link-1-path-1"
-  })), /*#__PURE__*/React.createElement("use", {
-    fillRule: "nonzero",
-    xlinkHref: "#link-1-path-1"
-  }));
-};
-
-LinkIcon.defaultProps = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  xmlns: "http://www.w3.org/2000/svg",
-  xmlnsXlink: "http://www.w3.org/1999/xlink"
-};
-import { getDisplayName } from '../models';
-var styles = {
-  "shared-status": "status__shared-status___2HpyL",
-  "shared-status-label": "status__shared-status-label___1-jvS"
-};
-export var SharedStatus = function SharedStatus(_ref) {
-  var className = _ref.className,
-      docId = _ref.docId,
-      recipients = _ref.recipients,
-      link = _ref.link;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  return /*#__PURE__*/React.createElement("span", {
-    className: cx(className, styles['shared-status'])
-  }, recipients.length > 1 && /*#__PURE__*/React.createElement("a", {
-    "data-tip": true,
-    "data-for": "members".concat(docId),
-    className: styles['shared-status-label']
-  }, t('Share.members.count', {
-    smart_count: recipients.length
-  })), recipients.length > 1 && /*#__PURE__*/React.createElement(SharingTooltip, {
-    id: "members".concat(docId)
-  }, /*#__PURE__*/React.createElement(TooltipRecipientList, {
-    recipientNames: recipients.map(function (recipient) {
-      return getDisplayName(recipient);
-    })
-  })), link && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkIcon, {
-    style: {
-      fill: 'var(--iconTextColor)'
-    },
-    "data-tip": true,
-    "data-for": "linkfor".concat(docId)
-  }), /*#__PURE__*/React.createElement(SharingTooltip, {
-    id: "linkfor".concat(docId)
-  }, /*#__PURE__*/React.createElement("span", null, t('Files.share.sharedByLink')))));
-};
-export default SharedStatus;

package/dist/components/SharedStatus.spec.js

@@ -1,44 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import { SharedStatus } from './SharedStatus';
-import AppLike from '../../test/AppLike';
-describe('SharedStatus component', function () {
-  it('should just render a span if no sharing', function () {
-    var _render = render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(SharedStatus, {
-      docId: "1",
-      recipients: []
-    }))),
-        container = _render.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should have the right display if there is several recipients', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(SharedStatus, {
-      docId: "1",
-      recipients: [{
-        _id: 1,
-        name: '1'
-      }, {
-        _id: 2,
-        name: '2'
-      }]
-    }))),
-        container = _render2.container,
-        getByText = _render2.getByText;
-
-    expect(container).toMatchSnapshot();
-    expect(getByText('2 members')).toBeTruthy();
-  });
-  it('should display the link if there is a link', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(SharedStatus, {
-      docId: "1",
-      recipients: [],
-      link: true
-    }))),
-        container = _render3.container,
-        getByText = _render3.getByText;
-
-    expect(container).toMatchSnapshot();
-    expect(getByText('Shared by link')).toBeTruthy();
-  });
-});

package/dist/components/__snapshots__/SharedStatus.spec.js.snap

@@ -1,94 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`SharedStatus component should display the link if there is a link 1`] = `
-<div>
-  <div
-    class="TwakeTheme--light u-dc"
-  >
-    <span
-      class="shared-status"
-    >
-      <svg
-        currentItem="false"
-        data-for="linkfor1"
-        data-tip="true"
-        height="16"
-        style="fill: var(--iconTextColor);"
-        viewBox="0 0 16 16"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <defs>
-          <path
-            d="M8.88 3.88a1 1 0 1 1-1.415-1.415L9.053.877A2.998 2.998 0 0 1 13.29.876l1.18 1.18a2.998 2.998 0 0 1-.007 4.24L10.999 9.76c-1.535 1.535-4.07 1.583-5.534.12A1 1 0 1 1 6.88 8.465c.67.67 1.94.646 2.705-.119l3.465-3.464a.998.998 0 0 0 .006-1.413l-1.18-1.18a.998.998 0 0 0-1.408.003L8.88 3.88zm-2.415 7.585A1 1 0 1 1 7.88 12.88l-1.587 1.587a2.998 2.998 0 0 1-4.237.002l-1.18-1.18a2.998 2.998 0 0 1 .007-4.24l3.464-3.464c1.534-1.535 4.07-1.583 5.533-.12A1 1 0 1 1 8.465 6.88c-.67-.67-1.94-.646-2.705.119l-3.464 3.464a.998.998 0 0 0-.006 1.413l1.18 1.18a.998.998 0 0 0 1.407-.003l1.588-1.588z"
-            id="link-1-path-1"
-          />
-        </defs>
-        <use
-          fill-rule="nonzero"
-          xlink:href="#link-1-path-1"
-        />
-      </svg>
-      <div
-        class="__react_component_tooltip place-bottom type-dark "
-        data-id="tooltip"
-        id="linkfor1"
-      >
-        <span>
-          Shared by link
-        </span>
-      </div>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`SharedStatus component should have the right display if there is several recipients 1`] = `
-<div>
-  <div
-    class="TwakeTheme--light u-dc"
-  >
-    <span
-      class="shared-status"
-    >
-      <a
-        class="shared-status-label"
-        currentitem="false"
-        data-for="members1"
-        data-tip="true"
-      >
-        2 members
-      </a>
-      <div
-        class="__react_component_tooltip place-bottom type-dark "
-        data-id="tooltip"
-        id="members1"
-      >
-        <ul
-          class="shared-tooltip-list"
-        >
-          <li>
-            1
-          </li>
-          <li>
-            2
-          </li>
-        </ul>
-      </div>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`SharedStatus component should just render a span if no sharing 1`] = `
-<div>
-  <div
-    class="TwakeTheme--light u-dc"
-  >
-    <span
-      class="shared-status"
-    />
-  </div>
-</div>
-`;