cozy-sharing 27.1.4 → 28.0.0

package/src/components/Recipient/MemberRecipientStatus.jsx

@@ -1,11 +1,11 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye'
 import PaperplaneIcon from 'cozy-ui/transpiled/react/Icons/Paperplane'
 import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const MemberRecipientStatus = ({ status, isMe, instance, typographyProps }) => {
   const { t } = useI18n()

package/src/components/Recipient/RecipientConfirm.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import modalStyles from '../../styles/share.styl'
 

package/src/components/ShareByEmail.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import flag from 'cozy-flags'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ShareRecipientsInput from './ShareRecipientsInput'
 import { ShareRecipientsLimitModal } from './ShareRecipientsLimitModal'

package/src/components/ShareByLink.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { useReducer } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -7,7 +8,6 @@ import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy'
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { ShareRestrictionModal } from './ShareRestrictionModal/ShareRestrictionModal'
 import { copyToClipboard } from './ShareRestrictionModal/helpers'

package/src/components/ShareDialogCozyToCozy.jsx

@@ -1,9 +1,9 @@
 import cx from 'classnames'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { default as DumbShareByEmail } from './ShareByEmail'
 import { default as DumbShareByLink } from './ShareByLink'

package/src/components/ShareDialogOnlyByLink.jsx

@@ -1,10 +1,10 @@
 import cx from 'classnames'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { default as DumbShareByLink } from './ShareByLink'
 import WhoHasAccess from './WhoHasAccess'

package/src/components/ShareDialogTwoStepsConfirmationContainer.jsx

@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect, useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { useSafeState } from '../helpers/hooks'
 

package/src/components/ShareModal/SharingDetailsModal.jsx

@@ -1,11 +1,11 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Divider from 'cozy-ui/transpiled/react/Divider'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { getDisplayName } from '../../models'
 import styles from '../../styles/share.styl'

package/src/components/ShareRecipientsLimitModal.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Buttons from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { computeRecipientsLimit } from '../helpers/recipients'
 

package/src/components/ShareRestrictionModal/BoxDate.jsx

@@ -1,6 +1,7 @@
 import { format } from 'date-fns'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Box from 'cozy-ui/transpiled/react/Box'
 import DatePicker from 'cozy-ui/transpiled/react/DatePicker'
@@ -12,7 +13,6 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Switch from 'cozy-ui/transpiled/react/Switch'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 export const BoxDate = ({ onChange, date, toggle, onToggle }) => {
   const { t, lang } = useI18n()

package/src/components/ShareRestrictionModal/BoxEditingRights.jsx

@@ -1,6 +1,8 @@
 import PropTypes from 'prop-types'
 import React, { useReducer, useRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
+import { useClient } from 'cozy-client'
 import { isDirectory as isDir } from 'cozy-client/dist/models/file'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
@@ -12,7 +14,6 @@ import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { useSharingContext } from '../../hooks/useSharingContext'
 import { editPermissionLink } from '../Recipient/actions/editPermissionLink'
@@ -26,10 +27,12 @@ export const BoxEditingRights = ({ file, editingRights, setEditingRights }) => {
   const buttonRef = useRef()
   const { t } = useI18n()
   const { documentType } = useSharingContext()
+  const client = useClient()
 
   const isDirectory = isDir(file)
 
   const actions = makeActions([readOnlyPermissionLink, editPermissionLink], {
+    client,
     t,
     editingRights,
     setEditingRights,

package/src/components/ShareRestrictionModal/BoxPassword.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Box from 'cozy-ui/transpiled/react/Box'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -14,7 +15,6 @@ import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Switch from 'cozy-ui/transpiled/react/Switch'
 import TextField from 'cozy-ui/transpiled/react/TextField'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { copyToClipboard } from './helpers'
 import { checkIsPermissionHasPassword } from '../../helpers/permissions'

package/src/components/ShareRestrictionModal/ShareRestrictionContentModal.jsx

@@ -1,10 +1,10 @@
 import { addDays, isValid } from 'date-fns'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Box from 'cozy-ui/transpiled/react/Box'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { BoxDate } from './BoxDate'
 import { BoxEditingRights } from './BoxEditingRights'

package/src/components/ShareRestrictionModal/ShareRestrictionModal.jsx

@@ -1,6 +1,7 @@
 import { addDays } from 'date-fns'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { generateWebLink, useClient } from 'cozy-client'
 import flag from 'cozy-flags'
@@ -9,7 +10,6 @@ import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { ShareRestrictionContentModal } from './ShareRestrictionContentModal'
 import {

package/src/components/SharedDrive/DumbSharedDriveModal.jsx

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 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 'cozy-ui/transpiled/react/providers/I18n'
 
 import withLocales from '../../hoc/withLocales'
 import { default as DumbShareByEmail } from '../ShareByEmail'
@@ -23,7 +23,9 @@ export const DumbSharedDriveModal = withLocales(
     onSetType,
     onCreate,
     onClose,
-    onShare
+    onShare,
+    onRename,
+    originalSharedDriveName
   }) => {
     const { t } = useI18n()
 
@@ -92,6 +94,16 @@ export const DumbSharedDriveModal = withLocales(
                 />
               </>
             )}
+            {onRename && (
+              <>
+                <Button
+                  disabled={originalSharedDriveName === sharedDriveName}
+                  variant="primary"
+                  label={t('SharedDrive.sharedDriveModal.save')}
+                  onClick={() => onRename(sharedDriveName)}
+                />
+              </>
+            )}
           </>
         }
       />
@@ -110,5 +122,7 @@ DumbSharedDriveModal.propTypes = {
   onSetType: PropTypes.func.isRequired,
   onCreate: PropTypes.func.isRequired,
   onClose: PropTypes.func.isRequired,
-  onShare: PropTypes.func.isRequired
+  onShare: PropTypes.func.isRequired,
+  onRename: PropTypes.func.isRequired,
+  originalSharedDriveName: PropTypes.string.isRequired
 }

package/src/components/SharedDrive/SharedDriveEditModal.jsx

@@ -1,8 +1,9 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 
 import { DumbSharedDriveModal } from './DumbSharedDriveModal'
 import withLocales from '../../hoc/withLocales'
@@ -12,8 +13,31 @@ export const SharedDriveEditModal = withLocales(
   ({ document, sharing, recipients, onShare, onRevoke, onClose }) => {
     const client = useClient()
     const { t } = useI18n()
+    const { showAlert } = useAlert()
 
     const createContact = contact => client.create(Contact.doctype, contact)
+    const [name, setName] = useState(sharing?.description)
+
+    const handleNameChange = event => {
+      setName(event.target.value)
+    }
+    const onRename = async value => {
+      try {
+        await client
+          .collection('io.cozy.sharings')
+          .renameSharedDrive(sharing, value)
+        showAlert({
+          message: t('SharedDrive.sharedDriveModal.successNotificationUpdate'),
+          severity: 'success'
+        })
+        onClose()
+      } catch (error) {
+        showAlert({
+          message: t('SharedDrive.sharedDriveModal.errorNotificationUpdate'),
+          severity: 'error'
+        })
+      }
+    }
 
     return (
       <DumbSharedDriveModal
@@ -24,6 +48,10 @@ export const SharedDriveEditModal = withLocales(
         onRevoke={onRevoke}
         onClose={onClose}
         onShare={onShare}
+        sharedDriveName={name}
+        handleSharedDriveNameChange={handleNameChange}
+        onRename={onRename}
+        originalSharedDriveName={sharing?.description}
       />
     )
   }

package/src/components/SharedDrive/SharedDriveModal.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { DumbSharedDriveModal } from './DumbSharedDriveModal'
 import { mergeAndDeduplicateRecipients, formatRecipients } from './helpers'

package/src/components/SharedDrive/SharedDriveRecipient.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Fade from 'cozy-ui/transpiled/react/Fade'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
@@ -7,7 +8,6 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import SharedDriveRecipientPermissions from './SharedDriveRecipientPermissions'
 import SharedDriveRecipientStatus from './SharedDriveRecipientStatus'

package/src/components/SharedDrive/SharedDriveRecipientPermissions.jsx

@@ -1,12 +1,13 @@
 import React, { useState, useRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
+import { useClient } from 'cozy-client'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import {
   makeActions,
   divider
 } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { revokeSharedDriveMember } from '../Recipient/actions/revokeSharedDriveMember'
 import { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission'
@@ -20,6 +21,7 @@ const ShareDriveRecipientPermissions = ({
 }) => {
   const { t } = useI18n()
   const buttonRef = useRef()
+  const client = useClient()
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
 
   const toggleMenu = () => setMenuDisplayed(!isMenuDisplayed)
@@ -46,6 +48,7 @@ const ShareDriveRecipientPermissions = ({
     ],
     {
       t,
+      client,
       type,
       setType,
       handleRevocation

package/src/components/SharedDrive/SharedDriveRecipientStatus.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const SharedDriveRecipientStatus = ({ members, email }) => {
   const { t } = useI18n()

package/src/components/SharedStatus.jsx

@@ -1,7 +1,6 @@
 import cx from 'classnames'
 import React from 'react'
-
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n } from 'twake-i18n'
 
 import { SharingTooltip, TooltipRecipientList } from './Tooltip'
 import LinkIcon from '../assets/icons/icon-link.svg'

package/src/components/SharingBanner/components/PublicBanner.jsx

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 import snarkdown from 'snarkdown'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import flag from 'cozy-flags'
 import Banner from 'cozy-ui/transpiled/react/Banner'
 import Button from 'cozy-ui/transpiled/react/Buttons'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import CozyHomeLinkIcon from './CozyHomeLinkIcon'
 import styles from '../../../styles/publicBanner.styl'

package/src/components/SharingBanner/components/PublicBanner.spec.jsx

@@ -1,12 +1,12 @@
 import { render } from '@testing-library/react'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { SharingBannerCozyToCozy } from './PublicBanner'
 
-jest.mock('cozy-ui/transpiled/react/providers/I18n')
+jest.mock('twake-i18n')
 jest.mock('cozy-client')
 
 describe('PublicBanner', () => {

package/src/components/SharingBanner/hooks/useSharingInfos.jsx

@@ -1,11 +1,11 @@
 import { useState, useEffect } from 'react'
 
 import { useClient, models } from 'cozy-client'
+import flag from 'cozy-flags'
 
 import logger from '../../../logger'
 import { buildSharingsByIdQuery } from '../../../queries/queries'
 import getQueryParameter from '../helpers/QueryParameter'
-import flag from 'cozy-flags'
 
 const getSharingId = permission => {
   const sourceId = permission.data.attributes.source_id

package/src/components/SharingBanner/test/AppLike.jsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Provider } from 'react-redux'
 import { createStore } from 'redux'
+import { I18n } from 'twake-i18n'
 
 import { CozyProvider } from 'cozy-client'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { AcceptingSharingProvider } from './AcceptingSharingContext'
 import FabProvider from './FabProvider'

package/src/components/WhoHasAccess.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import List from 'cozy-ui/transpiled/react/List'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import LinkRecipient from './Recipient/LinkRecipient'
 import OwnerRecipient from './Recipient/OwnerRecipient'

package/src/hoc/withLocales.jsx

@@ -1,7 +1,6 @@
 import React from 'react'
-
-import { I18n, translate } from 'cozy-ui/transpiled/react/providers/I18n'
-import { getI18n } from 'cozy-ui/transpiled/react/providers/I18n/helpers'
+import { I18n, translate } from 'twake-i18n'
+import { getI18n } from 'twake-i18n'
 
 const locales = {
   en: require(`../../locales/en.json`),

package/test/AppLike.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
+import { I18n } from 'twake-i18n'
 
 import { CozyProvider, createMockClient } from 'cozy-client'
 import AlertProvider from 'cozy-ui/transpiled/react/providers/Alert'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import CozyTheme from 'cozy-ui-plus/dist/providers/CozyTheme'
 
 import langEn from '../locales/en.json'