7207090948

Committed 14 Dec 2023 09:38AM UTC coverage: 98.172% (-0.03%) from 98.205%

Build # 7207090948

Build Type

Pull #254

github

Committed by

MellyGray

Commit Message

Merge branch 'develop' of https://github.com/IQSS/dataverse-frontend into feature/221-integration-files-table-row-selection-download

Pull Request Pull Request #254: 221 - Integration multiple files download

Run Details

450 of 464 branches covered (0.0%)

Branch coverage included in aggregate %.

29 of 30 new or added lines in 4 files covered. (96.67%)

2 existing lines in 1 file now uncovered.

1430 of 1451 relevant lines covered (98.55%)

4302.69 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

91.89

/src/sections/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.tsx

import { File, FileDownloadMode } from '../../../../../../files/domain/models/File'
import { useDataset } from '../../../../DatasetContext'
import { Button, DropdownButton, DropdownButtonItem } from '@iqss/dataverse-design-system'
import { Download } from 'react-bootstrap-icons'
import styles from './DownloadFilesButton.module.scss'
import { useTranslation } from 'react-i18next'
import { FileSelection } from '../../row-selection/useFileSelection'
import { NoSelectedFilesModal } from '../no-selected-files-modal/NoSelectedFilesModal'
import { MouseEvent, useState } from 'react'
import { useMultipleFileDownload } from '../../../../../file/multiple-file-download/MultipleFileDownloadContext'

interface DownloadFilesButtonProps {
  files: File[]
  fileSelection: FileSelection
}

const MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON = 1
const SELECTED_FILES_EMPTY = 0

export function DownloadFilesButton({ files, fileSelection }: DownloadFilesButtonProps) {
  const { t } = useTranslation('files')
  const { dataset } = useDataset()
  const [showNoFilesSelectedModal, setShowNoFilesSelectedModal] = useState(false)
  const { getMultipleFileDownloadUrl } = useMultipleFileDownload()
  const onClick = (event: MouseEvent<HTMLButtonElement>) => {
    if (Object.keys(fileSelection).length === SELECTED_FILES_EMPTY) {
      event.preventDefault()
      setShowNoFilesSelectedModal(true)
    }
  }
  const getDownloadUrl = (downloadMode: FileDownloadMode): string => {
    const allFilesSelected = Object.values(fileSelection).some((file) => file === undefined)
    if (allFilesSelected) {
      return dataset ? dataset.downloadUrls[downloadMode] : ''
    }

    return getMultipleFileDownloadUrl(getFileIdsFromSelection(fileSelection), downloadMode)
  }

  if (
    files.length < MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON ||
    !dataset?.permissions.canDownloadFiles
  ) {
    return <></>
  }

  if (dataset.hasOneTabularFileAtLeast) {
    return (
      <>
        <DropdownButton
          id="download-files"
          icon={<Download className={styles.icon} />}
          title={t('actions.downloadFiles.title')}
          variant="secondary"
          withSpacing>
          <DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
            {t('actions.downloadFiles.options.original')}
          </DropdownButtonItem>
          <DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ARCHIVAL)}>
            {t('actions.downloadFiles.options.archival')}
          </DropdownButtonItem>
        </DropdownButton>
        <NoSelectedFilesModal
          show={showNoFilesSelectedModal}
          handleClose={() => setShowNoFilesSelectedModal(false)}
        />
      </>
    )
  }

  return (
    <>
      <a href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
        <Button
          variant="secondary"
          icon={<Download className={styles.icon} />}
          withSpacing
          onClick={onClick}>
          {t('actions.downloadFiles.title')}
        </Button>
      </a>
      <NoSelectedFilesModal
        show={showNoFilesSelectedModal}
        handleClose={() => setShowNoFilesSelectedModal(false)}
      />
    </>
  )
}

const getFileIdsFromSelection = (fileSelection: FileSelection): number[] => {
  return Object.values(fileSelection)
    .filter((file): file is File => file !== undefined)
    .map((file) => file.id)
}

1	import { File, FileDownloadMode } from '../../../../../../files/domain/models/File'
2	import { useDataset } from '../../../../DatasetContext'
3	import { Button, DropdownButton, DropdownButtonItem } from '@iqss/dataverse-design-system'
4	import { Download } from 'react-bootstrap-icons'
5	import styles from './DownloadFilesButton.module.scss'
6	import { useTranslation } from 'react-i18next'
7	import { FileSelection } from '../../row-selection/useFileSelection'
8	import { NoSelectedFilesModal } from '../no-selected-files-modal/NoSelectedFilesModal'
9	import { MouseEvent, useState } from 'react'
10	import { useMultipleFileDownload } from '../../../../../file/multiple-file-download/MultipleFileDownloadContext'
11
12	interface DownloadFilesButtonProps {
13	files: File[]
14	fileSelection: FileSelection
15	}
16
17	const MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON = 1	56✔
18	const SELECTED_FILES_EMPTY = 0	56✔
19
20	export function DownloadFilesButton({ files, fileSelection }: DownloadFilesButtonProps) {	4,436✔
21	const { t } = useTranslation('files')	4,436✔
22	const { dataset } = useDataset()	4,426✔
23	const [showNoFilesSelectedModal, setShowNoFilesSelectedModal] = useState(false)	4,426✔
24	const { getMultipleFileDownloadUrl } = useMultipleFileDownload()	4,426✔
25	const onClick = (event: MouseEvent<HTMLButtonElement>) => {	4,426✔
26	if (Object.keys(fileSelection).length === SELECTED_FILES_EMPTY) {	11✔
27	event.preventDefault()	11✔
28	setShowNoFilesSelectedModal(true)	11✔
29	}
30	}
31	const getDownloadUrl = (downloadMode: FileDownloadMode): string => {	4,426✔
32	const allFilesSelected = Object.values(fileSelection).some((file) => file === undefined)	90✔
33	if (allFilesSelected) {	90✔
34	return dataset ? dataset.downloadUrls[downloadMode] : ''	4!
35	}
36
37	return getMultipleFileDownloadUrl(getFileIdsFromSelection(fileSelection), downloadMode)	86✔
38	}
39
40	if (	4,426✔
41	files.length < MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON \|\|	8,725✔
42	!dataset?.permissions.canDownloadFiles
43	) {
44	return <></>	4,367✔
45	}
46
47	if (dataset.hasOneTabularFileAtLeast) {	59✔
48	return (	31✔
49	<>
50	<DropdownButton
51	id="download-files"
52	icon={<Download className={styles.icon} />}
53	title={t('actions.downloadFiles.title')}
54	variant="secondary"
55	withSpacing>
56	<DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
57	{t('actions.downloadFiles.options.original')}
58	</DropdownButtonItem>
59	<DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ARCHIVAL)}>
60	{t('actions.downloadFiles.options.archival')}
61	</DropdownButtonItem>
62	</DropdownButton>
63	<NoSelectedFilesModal
64	show={showNoFilesSelectedModal}
UNCOV 65	handleClose={() => setShowNoFilesSelectedModal(false)}	×
66	/>
67	</>
68	)
69	}
70
71	return (	28✔
72	<>
73	<a href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
74	<Button
75	variant="secondary"
76	icon={<Download className={styles.icon} />}
77	withSpacing
78	onClick={onClick}>
79	{t('actions.downloadFiles.title')}
80	</Button>
81	</a>
82	<NoSelectedFilesModal
83	show={showNoFilesSelectedModal}
UNCOV 84	handleClose={() => setShowNoFilesSelectedModal(false)}	×
85	/>
86	</>
87	)
88	}	56✔
89
90	const getFileIdsFromSelection = (fileSelection: FileSelection): number[] => {	56✔
91	return Object.values(fileSelection)	86✔
92	.filter((file): file is File => file !== undefined)	20✔
93	.map((file) => file.id)	20✔
94	}	56✔

IQSS / dataverse-frontend / 7207090948

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous