cozy-sharing 32.1.2 → 32.3.2

package/src/components/SharedDrive/SharedDriveRecipient.jsx

@@ -1,62 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-import Fade from 'cozy-ui/transpiled/react/Fade'
-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 Typography from 'cozy-ui/transpiled/react/Typography'
-import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'twake-i18n'
-
-import SharedDriveRecipientPermissions from './SharedDriveRecipientPermissions'
-import SharedDriveRecipientStatus from './SharedDriveRecipientStatus'
-import {
-  FADE_IN_DURATION,
-  DEFAULT_DISPLAY_NAME
-} from '../../helpers/recipients'
-import { getDisplayName } from '../../models'
-import { GroupAvatar } from '../Avatar/GroupAvatar'
-import { MemberAvatar } from '../Avatar/MemberAvatar'
-
-const SharedDriveRecipient = props => {
-  const { t } = useI18n()
-  const { isMobile } = useBreakpoints()
-
-  const { fadeIn, members, ...rest } = props
-
-  const defaultDisplayName = t(DEFAULT_DISPLAY_NAME)
-  const name = getDisplayName(rest, defaultDisplayName)
-
-  return (
-    <Fade in timeout={fadeIn ? FADE_IN_DURATION : 0}>
-      <ListItem gutters={isMobile ? 'default' : 'double'} size="small">
-        <ListItemIcon>
-          {members ? (
-            <GroupAvatar size="m" />
-          ) : (
-            <MemberAvatar size="m" recipient={props} />
-          )}
-        </ListItemIcon>
-        <ListItemText
-          primary={<Typography variant="body1">{name}</Typography>}
-          secondary={<SharedDriveRecipientStatus {...props} />}
-        />
-        <SharedDriveRecipientPermissions
-          {...props}
-          className="u-flex-shrink-0"
-        />
-      </ListItem>
-    </Fade>
-  )
-}
-
-SharedDriveRecipient.propTypes = {
-  instance: PropTypes.string,
-  isOwner: PropTypes.bool,
-  status: PropTypes.string,
-  recipientConfirmationData: PropTypes.object,
-  verifyRecipient: PropTypes.func
-}
-
-export default SharedDriveRecipient

package/src/components/SharedDrive/SharedDriveRecipientPermissions.jsx

@@ -1,78 +0,0 @@
-import React, { useState, useRef } from 'react'
-
-import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
-import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
-import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline'
-import { useI18n } from 'twake-i18n'
-
-import { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission'
-import { setReadWriteSharedPermission } from '../Recipient/actions/setReadWriteSharedPermission'
-
-const ShareDriveRecipientPermissions = ({
-  index,
-  onSetType,
-  type,
-  onRevoke
-}) => {
-  const { t } = useI18n()
-  const buttonRef = useRef()
-  const [isMenuDisplayed, setMenuDisplayed] = useState(false)
-
-  const toggleMenu = () => setMenuDisplayed(!isMenuDisplayed)
-  const hideMenu = () => setMenuDisplayed(false)
-
-  const handleRevocation = async () => {
-    onRevoke(index)
-    hideMenu()
-  }
-
-  const setType = async newType => {
-    if (newType !== type) {
-      onSetType(index, newType)
-    }
-    hideMenu()
-  }
-
-  const actions = makeActions(
-    [setReadOnlySharedPermission, setReadWriteSharedPermission],
-    {
-      t,
-      type,
-      setType
-    }
-  )
-
-  return (
-    <div>
-      <DropdownButton
-        ref={buttonRef}
-        aria-controls="simple-menu"
-        aria-haspopup="true"
-        onClick={toggleMenu}
-        textVariant="body2"
-      >
-        {t(`Share.type.${type}`)}
-      </DropdownButton>
-      <ActionsMenu
-        ref={buttonRef}
-        open={isMenuDisplayed}
-        actions={actions}
-        autoClose
-        onClose={hideMenu}
-      />
-      <IconButton
-        onClick={handleRevocation}
-        size="small"
-        className="u-ml-half"
-        aria-label={t('Share.members.revoke')}
-      >
-        <Icon icon={CrossCircleOutlineIcon} />
-      </IconButton>
-    </div>
-  )
-}
-
-export default ShareDriveRecipientPermissions

package/src/components/SharedDrive/SharedDriveRecipientStatus.jsx

@@ -1,23 +0,0 @@
-import React from 'react'
-
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'twake-i18n'
-
-const SharedDriveRecipientStatus = ({ members, email }) => {
-  const { t } = useI18n()
-
-  const text = members
-    ? t('GroupRecipient.secondary', {
-        memberCount: members.length,
-        smart_count: members.length
-      })
-    : email
-
-  return (
-    <Typography variant="caption" color="textSecondary">
-      {text}
-    </Typography>
-  )
-}
-
-export default SharedDriveRecipientStatus

package/src/components/SharedFolder/DumbBatchSharedFolderModal.jsx

@@ -1,161 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-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'
-import ShareByLink from '../ShareByLink'
-import WhoHasAccess from '../WhoHasAccess'
-
-export const DumbBatchSharedFolderModal = withLocales(
-  ({
-    title,
-    document,
-    folderName,
-    handleFolderNameChange,
-    recipients,
-    currentRecipients,
-    onRevoke,
-    onSend,
-    onClose,
-    showNameField = false,
-    sharingLink,
-    nameLabel,
-    shareLabel,
-    showShareByEmail = true,
-    autoOpenShareRestriction,
-    showGenerateLinkButton,
-    pendingRecipients,
-    onPendingRecipientsChange,
-    selectedOption,
-    onSelectedOptionChange
-  }) => {
-    const { t } = useI18n()
-    const actionButtons = (() => {
-      if (!showShareByEmail) {
-        return (
-          <ShareByLink
-            link={sharingLink}
-            document={document}
-            documentType="Files"
-            showGenerateLinkButton={showGenerateLinkButton}
-            autoOpenShareRestriction={autoOpenShareRestriction}
-          />
-        )
-      }
-
-      if (!showNameField) {
-        return (
-          <>
-            <ShareByLink
-              link={sharingLink}
-              document={document}
-              documentType="Files"
-              showGenerateLinkButton={showGenerateLinkButton}
-              autoOpenShareRestriction={autoOpenShareRestriction}
-            />
-            <Button
-              variant="primary"
-              label={shareLabel}
-              disabled={!onSend}
-              onClick={onSend}
-            />
-          </>
-        )
-      }
-
-      return null
-    })()
-
-    return (
-      <FixedDialog
-        open
-        disableGutters
-        onClose={onClose}
-        title={title}
-        classes={{ paper: 'u-ov-visible' }}
-        componentsProps={{
-          dialogContent: { className: 'u-ov-visible' }
-        }}
-        content={
-          <div>
-            <div className="u-ph-2">
-              <AntivirusAlert document={document} />
-              {showNameField && handleFolderNameChange && (
-                <TextField
-                  required
-                  label={nameLabel}
-                  variant="outlined"
-                  size="small"
-                  className="u-w-100 u-mt-1-half"
-                  value={folderName ?? ''}
-                  onChange={handleFolderNameChange}
-                />
-              )}
-              <Typography variant="h6" className="u-mt-1-half u-mb-half">
-                {t('Share.contacts.addUsers')}
-              </Typography>
-              {showShareByEmail && (
-                <DumbShareByEmail
-                  currentRecipients={currentRecipients}
-                  document={document}
-                  documentType="Files"
-                  pendingRecipients={pendingRecipients}
-                  onPendingRecipientsChange={onPendingRecipientsChange}
-                  selectedOption={selectedOption}
-                  onSelectedOptionChange={onSelectedOptionChange}
-                />
-              )}
-            </div>
-            <WhoHasAccess
-              isOwner
-              isSharedDrive
-              recipients={recipients}
-              document={document}
-              documentType="Files"
-              className="u-w-100"
-              onRevoke={onRevoke}
-              link={sharingLink}
-            />
-          </div>
-        }
-        actions={actionButtons}
-      />
-    )
-  }
-)
-
-DumbBatchSharedFolderModal.propTypes = {
-  title: PropTypes.string,
-  document: PropTypes.object,
-  folderName: PropTypes.string,
-  handleFolderNameChange: PropTypes.func,
-  recipients: PropTypes.array,
-  currentRecipients: PropTypes.array,
-  onRevoke: PropTypes.func.isRequired,
-  onCreate: PropTypes.func,
-  onSend: PropTypes.func,
-  onClose: PropTypes.func.isRequired,
-  onRename: PropTypes.func,
-  showNameField: PropTypes.bool,
-  sharingLink: PropTypes.string,
-  nameLabel: PropTypes.string,
-  addPeopleLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  createLabel: PropTypes.string,
-  shareLabel: PropTypes.string,
-  saveLabel: PropTypes.string,
-  showShareByEmail: PropTypes.bool,
-  autoOpenShareRestriction: PropTypes.bool,
-  showGenerateLinkButton: PropTypes.bool,
-  pendingRecipients: PropTypes.array,
-  onPendingRecipientsChange: PropTypes.func,
-  selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']),
-  onSelectedOptionChange: PropTypes.func
-}