npm - synapse-react-client - Versions diffs - 4.0.1 → 4.0.3 - Mend

synapse-react-client 4.0.1 → 4.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (274) hide show

package/dist/components/DownloadCart/DownloadCartPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadCartPage.js","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetDownloadListStatistics } from '@/synapse-queries/download/useDownloadList'\nimport { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { DeleteTwoTone } from '@mui/icons-material'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport AvailableForDownloadTable from './AvailableForDownloadTable'\nimport { CreatePackageV2 } from './CreatePackageV2'\nimport { PYTHON_CLIENT_IMPORT_AND_LOGIN } from './DirectProgrammaticDownload'\nimport { DownloadIneligibleForPackagingFilesFromListButton } from './DownloadIneligibleForPackagingFilesFromListButton'\nimport {\n DownloadListActionsRequired,\n DownloadListActionsRequiredProps,\n} from './DownloadListActionsRequired'\n\nconst pythonDownloadCode = `${PYTHON_CLIENT_IMPORT_AND_LOGIN}\ndl_list_file_entities = syn.get_download_list()`\n\nconst cliDownloadCode = `synapse get-download-list`\n\n/*\n Show the Download Cart page.\n /\nexport function DownloadCartPage(props: DownloadListActionsRequiredProps) {\n const { accessToken } = useSynapseContext()\n const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0)\n const [isShowingCreatePackageUI, setIsShowingCreatePackageUI] =\n useState<boolean>(false)\n const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n const [isShowingDownloadSuccessAlert, setIsShowingDownloadSuccessAlert] =\n useState(false)\n const [error, setError] = useState<Error>()\n const isDownloadAllEnabled = useGetFeatureFlag(\n FeatureFlagEnum.DOWNLOAD_CART_INELIGIBLE_FILE_DOWNLOADS,\n )\n const {\n data,\n isLoading,\n isError,\n error: newError,\n refetch,\n } = useGetDownloadListStatistics()\n useEffect(() => {\n if (isError && newError) {\n setError(newError)\n }\n }, [isError, newError])\n\n // SWC-5874: When arriving at the download cart when there are no ARs, the user should start in the Download list\n useEffect(() => {\n if (data && data.numberOfFilesRequiringAction == 0) {\n setSelectedTabIndex(1)\n }\n }, [data])\n\n if (error) {\n return <ErrorBanner error={error} />\n }\n const clearDownloadList = async () => {\n await SynapseClient.clearDownloadListV2(accessToken)\n refetch()\n }\n return (\n <div className=\"DownloadCartPage\">\n <div>\n <div className=\"pageHeader\">\n <div className=\"grid\">\n <h3 className=\"pageHeaderTitle\">Your Download Cart</h3>\n <Tooltip\n title=\"Immediately removes all items from your download cart\"\n enterNextDelay={300}\n placement=\"right\"\n >\n <Button\n onClick={() => {\n clearDownloadList()\n }}\n variant=\"text\"\n color=\"primary\"\n startIcon={<DeleteTwoTone />}\n >\n Clear Your Download Cart\n </Button>\n </Tooltip>\n </div>\n <Typography\n className=\"description\"\n variant=\"body1\"\n sx={{\n display: { xs: 'none', md: 'block' },\n }}\n >\n Your added files can be found in the tabs below. Files requiring\n actions before download are listed in the Access Actions Required\n tab, while those ready for download can be found in the Download\n List tab.\n </Typography>\n </div>\n </div>\n <div className=\"tabs-container\">\n <div className=\"container\">\n <ul className=\"nav nav-tabs\">\n <li\n className={`nav-item ${selectedTabIndex == 0 ? 'active' : ''}`}\n aria-selected={selectedTabIndex == 0}\n >\n <button onClick={() => setSelectedTabIndex(0)}>\n Access Actions Required\n {!isError && !isLoading && data && (\n <span className=\"fileCount\">\n {data.totalNumberOfFiles -\n data.numberOfFilesAvailableForDownload}\n </span>\n )}\n </button>\n </li>\n <li\n className={`nav-item ${selectedTabIndex == 1 ? 'active' : ''}`}\n aria-selected={selectedTabIndex == 1}\n >\n <button onClick={() => setSelectedTabIndex(1)}>\n Download List\n {!isError && !isLoading && data && (\n <span className=\"fileCount\">\n {data.numberOfFilesAvailableForDownload}\n </span>\n )}\n </button>\n </li>\n </ul>\n </div>\n </div>\n\n <div\n style={{\n /\n The DownloadListActionsRequired component stores actions in local state to track which actions are completed.\n\n Mount the actions required component and hide it with style to ensure actions stored in component state are persisted as the user switches tabs\n */\n display:\n selectedTabIndex == 0 && !isError && !isLoading && data\n ? 'block'\n : 'none',\n }}\n >\n {data?.numberOfFilesRequiringAction &&\n data.numberOfFilesRequiringAction > 0 && (\n // Unmount instead of hiding the DownloadListActionsRequired component when there are 0 actions required\n // The DownloadListActionsRequired cannot discern between a fulfilled action and an action that is no longer required because the\n // file was removed from the download cart.\n // In the typical case where the download cart is cleared, unmounting the component ensures that the actions are cleared out.\n <div>\n <div className=\"actionsRequiredContainer container\">\n <DownloadListActionsRequired {...props} />\n </div>\n </div>\n )}\n {data?.numberOfFilesRequiringAction === 0 && (\n <div className=\"placeholder\">\n <div>No actions are currently required.</div>\n </div>\n )}\n </div>\n\n {selectedTabIndex == 1 && !isError && !isLoading && data && (\n <div>\n {data.numberOfFilesAvailableForDownload > 0 && (\n <div className=\"DownloadListTabContent\">\n <div className=\"subSectionOverviewContainer\">\n <div className=\"subSectionOverview container\">\n <div>\n <div className=\"headlineWithHelp\">\n <Typography variant={'headline3'} sx={{ mb: 2 }}>\n <IconSvg icon=\"packagableFile\" /> Web Download\n </Typography>\n <HelpPopover\n markdownText=\"This will allow you to create a .zip file that contains eligible files. Files greater that 100 MB, external links, or files which are not stored on Synapse native storage are ineligible. In most cases, ineligible files can be downloaded individually. External links will require navigation to an external site, which may require a separate login process.\"\n helpUrl=\"https://help.synapse.org/docs/Downloading-Data-From-the-Synapse-UI.2004254837.html\"\n />\n </div>\n <Typography\n variant={'body1'}\n component={'div'}\n sx={{\n mb: 2,\n display: { xs: 'none', md: 'block' },\n }}\n >\n <ul>\n <li>\n Eligible files will be added to .ZIP packages of up to\n 1GB in size\n </li>\n <li>\n If you have more than 1GB, you can create multiple\n packages\n </li>\n <li>\n Packages will only include files which are hosted on\n Synapse native storage\n </li>\n <li>\n Packages include a CSV manifest that contains file\n annotations and other information for each file\n </li>\n </ul>\n </Typography>\n {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging >\n 0 && (\n <Button\n variant=\"contained\"\n onClick={() => {\n setIsShowingCreatePackageUI(true)\n }}\n startIcon={<IconSvg icon=\"download\" wrap={false} />}\n >\n Download As .Zip Packages\n </Button>\n )}\n {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging ==\n 0 && (\n <Tooltip\n title=\"You cannot create a .zip package because there are no eligible files.\"\n enterNextDelay={300}\n placement=\"top\"\n >\n <span>\n <Button\n variant=\"contained\"\n disabled\n startIcon={<IconSvg icon=\"download\" wrap={false} />}\n >\n Download As .Zip Packages\n </Button>\n </span>\n </Tooltip>\n )}\n {isDownloadAllEnabled &&\n data.numberOfFilesAvailableForDownloadAndEligibleForPackaging <\n data.numberOfFilesAvailableForDownload && (\n <div style={{ marginTop: '1rem' }}>\n <DownloadIneligibleForPackagingFilesFromListButton />\n </div>\n )}\n </div>\n <div>\n <div className=\"headlineWithHelp\">\n <Typography variant={'headline3'} sx={{ mb: 2 }}>\n <IconSvg icon=\"code\" /> Programmatic Download\n </Typography>\n <HelpPopover\n markdownText=\"This will provide syntax which you can enter into your programmatic client. It is suitable for large files (>100 MB), for packages > 1GB, and for files which aren’t stored on Synapse native storage (e.g. in a special AWS S3 or Google Cloud bucket). External links will require navigation to an external site, which may require a separate login process.\"\n helpUrl=\"https://help.synapse.org/docs/Downloading-Data-Programmatically.2003796248.html\"\n />\n </div>\n <Typography\n variant={'body1'}\n component={'div'}\n sx={{\n mb: 2,\n display: { xs: 'none', md: 'block' },\n }}\n >\n <ul>\n <li>\n Requires installation of a programmatic client (R,\n Python, CLI)\n </li>\n <li>\n No limit to the file size or the size of the package\n that can be downloaded\n </li>\n <li>\n Will include files which are hosted on and off Synapse\n native storage\n </li>\n <li>\n Packages include a CSV manifest that contains file\n annotations and other information for each file\n </li>\n </ul>\n </Typography>\n <Button\n variant=\"contained\"\n onClick={() => {\n setIsShowingModal(true)\n }}\n startIcon={<IconSvg icon=\"code\" wrap={false} />}\n >\n Create Programmatic Package\n </Button>\n </div>\n </div>\n </div>\n <div className=\"availableForDownloadTableContainer container\">\n {isShowingCreatePackageUI && (\n <CreatePackageV2\n onPackageCreation={() => {\n setIsShowingDownloadSuccessAlert(true)\n // we refetch the data because the backend will instantly remove the downloadable files from the download list after a package has been created\n refetch()\n }}\n />\n )}\n <AvailableForDownloadTable />\n </div>\n </div>\n )}\n {data.numberOfFilesAvailableForDownload === 0 && (\n <div className=\"placeholder\">\n <div>Your Download Cart is currently empty.</div>\n </div>\n )}\n </div>\n )}\n <FullWidthAlert\n show={isShowingDownloadSuccessAlert}\n variant=\"success\"\n title=\"Package Created\"\n description=\"A package has been created with eligible files. The items contained in this .zip file have been removed from your list. If your package is over 1GB, you will need to create multiple packages.\"\n autoCloseAfterDelayInSeconds={10}\n onClose={() => {\n setIsShowingDownloadSuccessAlert(false)\n }}\n />\n {isShowingModal && (\n <ProgrammaticInstructionsModal\n show={true}\n onClose={() => setIsShowingModal(false)}\n title=\"Download Programmatically\"\n pythonCode={pythonDownloadCode}\n cliCode={cliDownloadCode}\n // rCode={rDownloadCode}\n />\n )}\n </div>\n )\n}\n\nexport default DownloadCartPage\n"],"names":["pythonDownloadCode","PYTHON_CLIENT_IMPORT_AND_LOGIN","cliDownloadCode","DownloadCartPage","props","accessToken","useSynapseContext","selectedTabIndex","setSelectedTabIndex","useState","isShowingCreatePackageUI","setIsShowingCreatePackageUI","isShowingModal","setIsShowingModal","isShowingDownloadSuccessAlert","setIsShowingDownloadSuccessAlert","error","setError","isDownloadAllEnabled","useGetFeatureFlag","FeatureFlagEnum","data","isLoading","isError","newError","refetch","useGetDownloadListStatistics","useEffect","jsx","ErrorBanner","clearDownloadList","SynapseClient","jsxs","Tooltip","Button","DeleteTwoTone","Typography","DownloadListActionsRequired","IconSvg","HelpPopover","DownloadIneligibleForPackagingFilesFromListButton","CreatePackageV2","AvailableForDownloadTable","FullWidthAlert","ProgrammaticInstructionsModal"],"mappings":"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"}
1	+ {"version":3,"file":"DownloadCartPage.js","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"sourcesContent":["import styles from './DownloadCartPage.module.scss'\nimport SynapseClient from '@/synapse-client'\nimport { useGetDownloadListStatistics } from '@/synapse-queries/download/useDownloadList'\nimport { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { DeleteTwoTone } from '@mui/icons-material'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport {\n AvailableFilter,\n FeatureFlagEnum,\n FilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport AvailableForDownloadTable from './AvailableForDownloadTable'\nimport { CreatePackageV2 } from './CreatePackageV2'\nimport { PYTHON_CLIENT_IMPORT_AND_LOGIN } from './DirectProgrammaticDownload'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { DownloadIneligibleForPackagingFilesFromListButton } from './DownloadIneligibleForPackagingFilesFromListButton'\nimport {\n DownloadListActionsRequired,\n DownloadListActionsRequiredProps,\n} from './DownloadListActionsRequired'\nimport ComponentCollapse from '../ComponentCollapse'\n\nconst pythonDownloadCode = `${PYTHON_CLIENT_IMPORT_AND_LOGIN}\ndl_list_file_entities = syn.get_download_list()`\n\nconst cliDownloadCode = `synapse get-download-list`\n\nconst filterTabs: { label: string; filter: AvailableFilter }[] = [\n { label: 'All Files', filter: undefined },\n { label: 'Files included in ZIP', filter: 'eligibleForPackaging' },\n { label: 'Files not included in ZIP', filter: 'ineligibleForPackaging' },\n]\n\n/*\n Show the Download Cart page.\n /\nexport function DownloadCartPage(props: DownloadListActionsRequiredProps) {\n const { accessToken } = useSynapseContext()\n const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0)\n const [selectedFilterTabIndex, setSelectedFilterTabIndex] =\n useState<number>(0)\n const selectedFilter = filterTabs[selectedFilterTabIndex].filter\n const [isShowingCreatePackageUI, setIsShowingCreatePackageUI] =\n useState<boolean>(false)\n const createPackageRef = useRef<HTMLDivElement>(null)\n // scroll to the CreatePackageV2 component when it is shown so that the user is aware of the next steps after clicking the button to create a package\n useEffect(() => {\n if (isShowingCreatePackageUI) {\n createPackageRef.current?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n })\n }\n }, [isShowingCreatePackageUI])\n const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n const [isShowingDownloadSuccessAlert, setIsShowingDownloadSuccessAlert] =\n useState(false)\n const [error, setError] = useState<Error>()\n const isDownloadAllEnabled = useGetFeatureFlag(\n FeatureFlagEnum.DOWNLOAD_CART_INELIGIBLE_FILE_DOWNLOADS,\n )\n const {\n data,\n isLoading,\n isError,\n error: newError,\n refetch,\n } = useGetDownloadListStatistics()\n useEffect(() => {\n if (isError && newError) {\n setError(newError)\n }\n }, [isError, newError])\n\n const getFilterCount = (\n data: FilesStatisticsResponse,\n filter: AvailableFilter,\n ) => {\n if (filter === undefined) return data.numberOfFilesAvailableForDownload\n if (filter === 'eligibleForPackaging')\n return data.numberOfFilesAvailableForDownloadAndEligibleForPackaging\n return (\n data.numberOfFilesAvailableForDownload -\n data.numberOfFilesAvailableForDownloadAndEligibleForPackaging\n )\n }\n // SWC-5874: When arriving at the download cart when there are no ARs, the user should start in the Download list\n useEffect(() => {\n if (data && data.numberOfFilesRequiringAction == 0) {\n setSelectedTabIndex(1)\n }\n // also hide the Create Package UI if there are no files available for download\n if (\n data &&\n data.numberOfFilesAvailableForDownloadAndEligibleForPackaging === 0\n ) {\n setIsShowingCreatePackageUI(false)\n }\n }, [data])\n\n if (error) {\n return <ErrorBanner error={error} />\n }\n const clearDownloadList = async () => {\n await SynapseClient.clearDownloadListV2(accessToken)\n refetch()\n }\n return (\n <div className={styles.DownloadCartPage}>\n <div>\n <div className={`${styles.pageHeader}`}>\n <div className=\"container\">\n <div className={styles.grid}>\n <h3 className=\"pageHeaderTitle\">Your Download List</h3>\n <Tooltip\n title=\"Immediately removes all items from your download list\"\n enterNextDelay={300}\n placement=\"right\"\n >\n <Button\n onClick={() => {\n clearDownloadList()\n }}\n variant=\"text\"\n color=\"primary\"\n startIcon={<DeleteTwoTone />}\n >\n Clear Your Download List\n </Button>\n </Tooltip>\n </div>\n </div>\n </div>\n </div>\n <div className={styles.tabsContainer}>\n <div className=\"container\">\n <ul className={styles.navTabs}>\n <li\n className={`${styles.navItem}${\n selectedTabIndex == 0 ? ` ${styles.active}` : ''\n }`}\n aria-selected={selectedTabIndex == 0}\n >\n <button onClick={() => setSelectedTabIndex(0)}>\n Access Actions Required\n {!isError && !isLoading && data && (\n <span className={styles.fileCount}>\n {data.totalNumberOfFiles -\n data.numberOfFilesAvailableForDownload}\n </span>\n )}\n </button>\n </li>\n <li\n className={`${styles.navItem}${\n selectedTabIndex == 1 ? ` ${styles.active}` : ''\n }`}\n aria-selected={selectedTabIndex == 1}\n >\n <button onClick={() => setSelectedTabIndex(1)}>\n Download List\n {!isError && !isLoading && data && (\n <span className={styles.fileCount}>\n {data.numberOfFilesAvailableForDownload}\n </span>\n )}\n </button>\n </li>\n </ul>\n </div>\n </div>\n\n <div\n className={\n /\n The DownloadListActionsRequired component stores actions in local state to track which actions are completed.\n\n Mount the actions required component and hide it with style to ensure actions stored in component state are persisted as the user switches tabs\n /\n !(selectedTabIndex == 0 && !isError && !isLoading && data)\n ? styles.hidden\n : undefined\n }\n >\n {data?.numberOfFilesRequiringAction &&\n data.numberOfFilesRequiringAction > 0 && (\n // Unmount instead of hiding the DownloadListActionsRequired component when there are 0 actions required\n // The DownloadListActionsRequired cannot discern between a fulfilled action and an action that is no longer required because the\n // file was removed from the download cart.\n // In the typical case where the download cart is cleared, unmounting the component ensures that the actions are cleared out.\n <div>\n <div className=\"container\">\n <DownloadListActionsRequired {...props} />\n </div>\n </div>\n )}\n {data?.numberOfFilesRequiringAction === 0 && (\n <div className={styles.placeholder}>\n <div>No actions are currently required.</div>\n </div>\n )}\n </div>\n\n {selectedTabIndex == 1 && !isError && !isLoading && data && (\n <div>\n {data.numberOfFilesAvailableForDownload > 0 && (\n <div className={`container ${styles.DownloadListTabContent}`}>\n <h3 className={`${styles.sectionTitle} pageHeaderTitle`}>\n Bulk Download Options\n {data.sumOfFileSizesAvailableForDownload != null && (\n <Tooltip\n placement=\"right\"\n title={\n <>\n Total file size\n <br />\n Does not include files hosted outside Synapse\n </>\n }\n slotProps={{ tooltip: { sx: { maxWidth: 400 } } }}\n >\n <span className={styles.totalFileSize}>\n {calculateFriendlyFileSize(\n data.sumOfFileSizesAvailableForDownload,\n )}{' '}\n total\n </span>\n </Tooltip>\n )}\n </h3>\n <div>\n <div className={styles.subSectionOverview}>\n <div className={styles.subSection}>\n <div className={styles.subSectionHeader}>\n <div className={styles.headline}>\n <Typography variant={'headline3'}>\n <IconSvg icon=\"packagableFile\" /> Web Download (.ZIP)\n </Typography>\n </div>\n <div className={styles.subSectionActions}>\n {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging >\n 0 && (\n <Button\n variant=\"contained\"\n onClick={() => {\n setIsShowingCreatePackageUI(true)\n }}\n startIcon={<IconSvg icon=\"download\" wrap={false} />}\n >\n Download Packages\n </Button>\n )}\n {data.numberOfFilesAvailableForDownloadAndEligibleForPackaging ==\n 0 && (\n <Tooltip\n title=\"You cannot create a .zip package because there are no eligible files.\"\n enterNextDelay={300}\n placement=\"top\"\n >\n <span>\n <Button\n variant=\"contained\"\n disabled\n startIcon={\n <IconSvg icon=\"download\" wrap={false} />\n }\n >\n Download Packages\n </Button>\n </span>\n </Tooltip>\n )}\n </div>\n </div>\n <ComponentCollapse\n component={\n <Typography variant={'body1'} component={'div'}>\n Only some files may be eligible for packaging as ZIP.\n Use the Individual Downloads tab, below, to download\n non-packageable files. \n <a\n href=\"https://help.synapse.org/docs/Downloading-Data-From-the-Synapse-UI.2004254837.html\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n More Information.\n </a>\n </Typography>\n }\n collapseBoxSx={{\n backgroundColor: 'transparent',\n p: 0,\n mt: '15px',\n }}\n componentContainerSx={{\n backgroundColor: 'transparent',\n p: 0,\n }}\n iconSx={{ width: '25px', height: '25px' }}\n >\n <Typography\n variant={'body1'}\n component={'div'}\n sx={{ marginBottom: '15px' }}\n >\n <ul>\n <li>Files are bundled into .ZIPs up to 1 GB each.</li>\n <li>\n Larger selections are split into multiple packages.\n </li>\n <li>\n Includes only files stored in Synapse native\n storage.\n </li>\n <li>\n Each package contains a CSV manifest with file\n annotations and metadata.\n </li>\n </ul>\n </Typography>\n </ComponentCollapse>\n </div>\n <div className={styles.subSection}>\n <div className={styles.subSectionHeader}>\n <div className={styles.headline}>\n <Typography variant={'headline3'}>\n <IconSvg icon=\"code\" /> Programmatic Download\n </Typography>\n </div>\n <div className={styles.subSectionActions}>\n <Button\n variant=\"contained\"\n onClick={() => {\n setIsShowingModal(true)\n }}\n startIcon={<IconSvg icon=\"download\" wrap={false} />}\n >\n Get R / Python / CLI Code\n </Button>\n </div>\n </div>\n <ComponentCollapse\n component={\n <Typography variant={'body1'} component={'div'}>\n Use our Python, R, or command line clients to download\n files quickly. \n <a\n href=\"https://help.synapse.org/docs/Downloading-Data-Programmatically.2003796248.html\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n More Information.\n </a>\n </Typography>\n }\n collapseBoxSx={{\n backgroundColor: 'transparent',\n p: 0,\n mt: '15px',\n }}\n componentContainerSx={{\n backgroundColor: 'transparent',\n p: 0,\n }}\n iconSx={{ width: '25px', height: '25px' }}\n >\n <Typography\n variant={'body1'}\n component={'div'}\n sx={{ marginBottom: '15px' }}\n >\n <ul>\n <li>Requires a client (R, Python, or CLI).</li>\n <li>\n No limits on individual file size or total download\n size.\n </li>\n <li>\n Includes files stored both on and off Synapse native\n storage.\n </li>\n <li>\n Downloads include a CSV manifest with file\n annotations and metadata.\n </li>\n </ul>\n </Typography>\n </ComponentCollapse>\n </div>\n {isDownloadAllEnabled &&\n data.numberOfFilesAvailableForDownloadAndEligibleForPackaging <\n data.numberOfFilesAvailableForDownload && (\n <div className={styles.subSection}>\n <div className={styles.subSectionHeader}>\n <div className={styles.headline}>\n <Typography variant={'headline3'}>\n <IconSvg icon=\"multiFile\" /> Multi-file Download\n </Typography>\n </div>\n <div className={styles.subSectionActions}>\n <div className={styles.ineligibleDownloadContainer}>\n <DownloadIneligibleForPackagingFilesFromListButton />\n </div>\n </div>\n </div>\n <ComponentCollapse\n component={\n <Typography variant={'body1'} component={'div'}>\n Files which <strong>aren't</strong> included in a\n ZIP package may be downloaded as a multi-file\n download. \n </Typography>\n }\n collapseBoxSx={{\n backgroundColor: 'transparent',\n p: 0,\n mt: '15px',\n }}\n componentContainerSx={{\n backgroundColor: 'transparent',\n p: 0,\n }}\n iconSx={{ width: '25px', height: '25px' }}\n >\n <Typography\n variant={'body1'}\n component={'div'}\n sx={{ marginBottom: '15px' }}\n >\n Clicking “Start Multi-file Download” initiates a\n download of all files in your Download List that\n can’t be bundled into a ZIP—such as large files or\n external links—in one step. Files are saved one by\n one with clear progress updates, automatic handling\n of duplicate names, and retry support if something\n fails. You can cancel anytime.\n <br />\n <br />\n Note: in some browsers, files download individually\n to your default Downloads folder instead of a\n selected location.\n </Typography>\n </ComponentCollapse>\n </div>\n )}\n </div>\n </div>\n\n <div>\n {isShowingCreatePackageUI && (\n <div ref={createPackageRef}>\n <CreatePackageV2\n onPackageCreation={() => {\n setIsShowingDownloadSuccessAlert(true)\n }}\n />\n </div>\n )}\n <h3 className={`${styles.sectionTitle} pageHeaderTitle`}>\n Download Individual Files\n </h3>\n <div className={styles.tabsContainer}>\n <ul className={styles.navTabs}>\n <li className={styles.navLabel}>View:</li>\n {filterTabs.map((tab, index) => (\n <li\n key={tab.label}\n className={`${styles.navItem}${\n selectedFilterTabIndex === index\n ? ` ${styles.active}`\n : ''\n }`}\n aria-selected={selectedFilterTabIndex === index}\n >\n <button\n onClick={() => setSelectedFilterTabIndex(index)}\n >\n {tab.label}\n {!isError && !isLoading && data && (\n <span className={styles.fileCount}>\n {getFilterCount(data, tab.filter)}\n </span>\n )}\n </button>\n </li>\n ))}\n </ul>\n </div>\n\n <div className={styles.availableForDownloadTableContainer}>\n <AvailableForDownloadTable\n key={selectedFilter ?? 'all'}\n filter={selectedFilter}\n />\n </div>\n </div>\n </div>\n )}\n {data.numberOfFilesAvailableForDownload === 0 && (\n <div className={styles.placeholder}>\n <Typography variant=\"body1Italic\">\n Your Download List is currently empty.\n </Typography>\n </div>\n )}\n </div>\n )}\n <FullWidthAlert\n show={isShowingDownloadSuccessAlert}\n variant=\"success\"\n title=\"Package Created\"\n description=\"A package has been created with eligible files. The items contained in this .zip file have been removed from your list. If your package is over 1GB, you will need to create multiple packages.\"\n autoCloseAfterDelayInSeconds={10}\n onClose={() => {\n setIsShowingDownloadSuccessAlert(false)\n }}\n />\n {isShowingModal && (\n <ProgrammaticInstructionsModal\n show={true}\n onClose={() => setIsShowingModal(false)}\n title=\"Download Programmatically\"\n pythonCode={pythonDownloadCode}\n cliCode={cliDownloadCode}\n // rCode={rDownloadCode}\n />\n )}\n </div>\n )\n}\n\nexport default DownloadCartPage\n"],"names":["pythonDownloadCode","PYTHON_CLIENT_IMPORT_AND_LOGIN","cliDownloadCode","filterTabs","DownloadCartPage","props","accessToken","useSynapseContext","selectedTabIndex","setSelectedTabIndex","useState","selectedFilterTabIndex","setSelectedFilterTabIndex","selectedFilter","isShowingCreatePackageUI","setIsShowingCreatePackageUI","createPackageRef","useRef","useEffect","isShowingModal","setIsShowingModal","isShowingDownloadSuccessAlert","setIsShowingDownloadSuccessAlert","error","setError","isDownloadAllEnabled","useGetFeatureFlag","FeatureFlagEnum","data","isLoading","isError","newError","refetch","useGetDownloadListStatistics","getFilterCount","filter","jsx","ErrorBanner","clearDownloadList","SynapseClient","jsxs","styles","Tooltip","Button","DeleteTwoTone","DownloadListActionsRequired","Fragment","calculateFriendlyFileSize","Typography","IconSvg","ComponentCollapse","DownloadIneligibleForPackagingFilesFromListButton","CreatePackageV2","tab","index","AvailableForDownloadTable","FullWidthAlert","ProgrammaticInstructionsModal"],"mappings":"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"}

package/dist/components/DownloadCart/DownloadCartPage.module.scss ADDED Viewed

@@ -0,0 +1,217 @@
+@use '../../style/abstracts/mixins' as SrcMixins;
+.DownloadCartPage {
+  .description {
+    max-width: 700px;
+    padding-top: 10px;
+  }
+  .tabsContainer {
+    border-bottom: 4px solid #dcdcdc;
+  }
+  .pageHeader {
+    background-color: color-mix(
+      in srgb,
+      var(--synapse-secondary-action-color) 10%,
+      transparent
+    );
+    padding: 25px 0px 30px 0px;
+    .grid {
+      display: grid;
+      grid-template-columns: auto 235px;
+      * {
+        vertical-align: bottom;
+        align-self: center;
+      }
+      @media (max-width: 768px) {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+  }
+  .navTabs {
+    border-bottom: 0px;
+    padding-top: 20px;
+    margin-bottom: 0px;
+    display: flex;
+    flex-wrap: nowrap;
+    height: 70px;
+    align-items: center;
+    list-style: none;
+    margin-block-start: 0;
+    padding-inline-start: 0px;
+    .active {
+      padding-top: 5px;
+      border-bottom: 5px solid;
+      border-bottom-color: var(--synapse-secondary-action-color);
+      button {
+        color: #515359;
+      }
+    }
+    .navLabel {
+      display: flex;
+      align-items: center;
+      font-size: 18px;
+      font-weight: 700;
+      white-space: nowrap;
+      height: 50px;
+      padding-bottom: 26px;
+      padding-right: 60px;
+    }
+    .navItem {
+      color: var(--synapse-gray-700);
+      font-weight: bold;
+      height: 50px;
+      text-transform: uppercase;
+      text-align: center;
+      margin: 4px 50px 5px 0px;
+      padding-bottom: 50px;
+      button {
+        font-size: 18px;
+        border-width: 0;
+        //increase click area
+        width: 100%;
+        height: 100%;
+        padding-bottom: 10px;
+        .fileCount {
+          font-size: 14px;
+          font-weight: 400;
+          margin-left: 5px;
+          background-color: var(--synapse-gray-200);
+          border-radius: 6px;
+          padding: 2px 6px;
+        }
+      }
+    }
+    // make design adjustments for mobile
+    @media (max-width: 768px) {
+      height: auto;
+      flex-direction: column;
+      .navItem button {
+        font-size: 15px;
+      }
+    }
+  }
+  .sectionTitle {
+    padding-top: 30px;
+    padding-bottom: 20px;
+    .totalFileSize {
+      font-size: 18px;
+      font-weight: 400;
+      margin-left: 16px;
+      background-color: var(--synapse-secondary-action-color);
+      border-radius: 6px;
+      padding: 2px 6px;
+      color: white;
+      @media (max-width: 768px) {
+        display: block;
+        margin-left: 0;
+        margin-top: 8px;
+        text-align: center;
+      }
+    }
+  }
+  .subSectionContainer {
+    display: flex;
+    .actionsRequiredTitle {
+      padding-top: 30px;
+    }
+  }
+  .DownloadListTabContent {
+    .subSectionOverview {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 7px;
+      > *:nth-child(n + 3) {
+        grid-column: 1 / -1;
+      }
+    }
+    // make design adjustments for mobile
+    @media (max-width: 1000px) {
+      .subSectionOverview {
+        grid-template-columns: 1fr;
+        > *:nth-child(n + 3) {
+          grid-column: unset;
+        }
+        .headline {
+          font-size: 16px;
+          justify-content: center;
+        }
+        :global(.MuiButton-root) {
+          display: flex;
+          margin: auto;
+        }
+      }
+    }
+  }
+  &__explore-all {
+    text-align: center;
+    padding-top: 20px;
+  }
+  .placeholder {
+    @include SrcMixins.placeholder;
+    margin-top: 30px;
+  }
+  .subSection {
+    background-color: var(--synapse-gray-200);
+    padding: 30px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    .subSectionHeader {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      @media (max-width: 768px) {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+    }
+    .subSectionActions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex-shrink: 0;
+    }
+  }
+}
+.hidden {
+  display: none;
+}
+.availableForDownloadTableContainer {
+  padding-top: 30px;
+}
+.ineligibleDownloadContainer {
+  margin-top: 1rem;
+}

package/dist/components/DownloadCart/DownloadCartPage.module.scss.js ADDED Viewed

@@ -0,0 +1,48 @@
+import './DownloadCartPage.css';const e = "_DownloadCartPage_1kdiv_5", n = "_tabsContainer_1kdiv_9", i = "_pageHeader_1kdiv_12", o = "_grid_1kdiv_16", t = "_navTabs_1kdiv_30", a = "_active_1kdiv_42", _ = "_navLabel_1kdiv_50", d = "_navItem_1kdiv_60", l = "_fileCount_1kdiv_76", s = "_sectionTitle_1kdiv_93", c = "_totalFileSize_1kdiv_97", v = "_DownloadListTabContent_1kdiv_120", b = "_subSectionOverview_1kdiv_120", r = "_headline_1kdiv_135", k = "_placeholder_1kdiv_148", C = "_subSection_1kdiv_114", u = "_subSectionHeader_1kdiv_166", w = "_subSectionActions_1kdiv_178", S = "_hidden_1kdiv_185", g = "_availableForDownloadTableContainer_1kdiv_189", D = "_ineligibleDownloadContainer_1kdiv_193", T = {
+  DownloadCartPage: e,
+  tabsContainer: n,
+  pageHeader: i,
+  grid: o,
+  navTabs: t,
+  active: a,
+  navLabel: _,
+  navItem: d,
+  fileCount: l,
+  sectionTitle: s,
+  totalFileSize: c,
+  DownloadListTabContent: v,
+  subSectionOverview: b,
+  headline: r,
+  placeholder: k,
+  subSection: C,
+  subSectionHeader: u,
+  subSectionActions: w,
+  hidden: S,
+  availableForDownloadTableContainer: g,
+  ineligibleDownloadContainer: D
+};
+export {
+  e as DownloadCartPage,
+  v as DownloadListTabContent,
+  a as active,
+  g as availableForDownloadTableContainer,
+  T as default,
+  l as fileCount,
+  o as grid,
+  r as headline,
+  S as hidden,
+  D as ineligibleDownloadContainer,
+  d as navItem,
+  _ as navLabel,
+  t as navTabs,
+  i as pageHeader,
+  k as placeholder,
+  s as sectionTitle,
+  C as subSection,
+  w as subSectionActions,
+  u as subSectionHeader,
+  b as subSectionOverview,
+  n as tabsContainer,
+  c as totalFileSize
+};
+//# sourceMappingURL=DownloadCartPage.module.scss.js.map

package/dist/components/DownloadCart/DownloadCartPage.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DownloadCartPage.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DownloadCart/DownloadDetails.js CHANGED Viewed

@@ -37,7 +37,7 @@ function y(m) {
         s > 0 && /* @__PURE__ */ e(
           f,
           {
-            title: "This is the total size of all files in the Download Cart that are available to download.",
+            title: "This is the total size of all files in the Download List that are available to download.",
             enterNextDelay: h,
             placement: "top",
             children: /* @__PURE__ */ e("span", { className: "item", children: d(s) })

package/dist/components/DownloadCart/DownloadDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadDetails.js","sources":["../../../src/components/DownloadCart/DownloadDetails.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Box, Tooltip } from '@mui/material'\nimport pluralize from 'pluralize'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\nexport type DownloadDetailsProps = {\n numFiles: number\n numPackagableFiles: number\n numBytes: number\n}\n\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n const { numFiles, numPackagableFiles, numBytes } = props\n const numIneligibleFiles = numFiles - numPackagableFiles\n const isInactive = numFiles === 0\n const iconClassName = isInactive ? 'SRC-inactive' : 'SRC-primary-text-color'\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'start ',\n gap: '25px',\n fontWeight: 'bold',\n svg: {\n mr: '5px',\n },\n }}\n >\n <span>\n {!isInactive && (\n <>\n {numFiles.toLocaleString()} {pluralize('File', numFiles)}\n </>\n )}\n </span>\n <span>\n <span className={iconClassName}>\n <IconSvg wrap={false} icon=\"packagableFile\" />\n </span>\n {!isInactive && (\n <>\n {numPackagableFiles.toLocaleString()}{' '}\n {pluralize('File', numPackagableFiles)} eligible for packaging\n </>\n )}\n </span>\n {numBytes > 0 && (\n <Tooltip\n title=\"This is the total size of all files in the Download ~~Cart~~ that are available to download.\"\n enterNextDelay={TOOLTIP_DELAY_SHOW}\n placement=\"top\"\n >\n <span className=\"item\">{calculateFriendlyFileSize(numBytes)}</span>\n </Tooltip>\n )}\n {numIneligibleFiles > 0 && (\n <span className=\"item\">\n <span className={`SRC-warning-color`}>\n <IconSvg icon=\"warningOutlined\" />\n </span>\n {!isInactive && (\n <>\n {numIneligibleFiles.toLocaleString()}{' '}\n {pluralize('File', numIneligibleFiles)} ineligible for packaging\n </>\n )}\n </span>\n )}\n </Box>\n )\n}\n"],"names":["DownloadDetails","props","numFiles","numPackagableFiles","numBytes","numIneligibleFiles","isInactive","iconClassName","jsxs","Box","jsx","Fragment","pluralize","IconSvg","Tooltip","TOOLTIP_DELAY_SHOW","calculateFriendlyFileSize"],"mappings":";;;;;;AAYA,SAAwBA,EAAgBC,GAA6B;AACnE,QAAM,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,UAAAC,EAAA,IAAaH,GAC7CI,IAAqBH,IAAWC,GAChCG,IAAaJ,MAAa,GAC1BK,IAAgBD,IAAa,iBAAiB;AACpD,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,KAAK;AAAA,UACH,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EACE,UAAA,CAACJ,KACA,gBAAAE,EAAAG,GAAA,EACG,UAAA;AAAA,UAAAT,EAAS,eAAA;AAAA,UAAiB;AAAA,UAAEU,EAAU,QAAQV,CAAQ;AAAA,QAAA,EAAA,CACzD,EAAA,CAEJ;AAAA,0BACC,QAAA,EACC,UAAA;AAAA,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,GACf,UAAA,gBAAAG,EAACG,KAAQ,MAAM,IAAO,MAAK,iBAAA,CAAiB,EAAA,CAC9C;AAAA,UACC,CAACP,KACA,gBAAAE,EAAAG,GAAA,EACG,UAAA;AAAA,YAAAR,EAAmB,eAAA;AAAA,YAAkB;AAAA,YACrCS,EAAU,QAAQT,CAAkB;AAAA,YAAE;AAAA,UAAA,EAAA,CACzC;AAAA,QAAA,GAEJ;AAAA,QACCC,IAAW,KACV,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgBC;AAAA,YAChB,WAAU;AAAA,YAEV,4BAAC,QAAA,EAAK,WAAU,QAAQ,UAAAC,EAA0BZ,CAAQ,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAG/DC,IAAqB,KACpB,gBAAAG,EAAC,QAAA,EAAK,WAAU,QACd,UAAA;AAAA,UAAA,gBAAAE,EAAC,UAAK,WAAW,qBACf,4BAACG,GAAA,EAAQ,MAAK,mBAAkB,EAAA,CAClC;AAAA,UACC,CAACP,KACA,gBAAAE,EAAAG,GAAA,EACG,UAAA;AAAA,YAAAN,EAAmB,eAAA;AAAA,YAAkB;AAAA,YACrCO,EAAU,QAAQP,CAAkB;AAAA,YAAE;AAAA,UAAA,EAAA,CACzC;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
1	+ {"version":3,"file":"DownloadDetails.js","sources":["../../../src/components/DownloadCart/DownloadDetails.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Box, Tooltip } from '@mui/material'\nimport pluralize from 'pluralize'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\nexport type DownloadDetailsProps = {\n numFiles: number\n numPackagableFiles: number\n numBytes: number\n}\n\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n const { numFiles, numPackagableFiles, numBytes } = props\n const numIneligibleFiles = numFiles - numPackagableFiles\n const isInactive = numFiles === 0\n const iconClassName = isInactive ? 'SRC-inactive' : 'SRC-primary-text-color'\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'start ',\n gap: '25px',\n fontWeight: 'bold',\n svg: {\n mr: '5px',\n },\n }}\n >\n <span>\n {!isInactive && (\n <>\n {numFiles.toLocaleString()} {pluralize('File', numFiles)}\n </>\n )}\n </span>\n <span>\n <span className={iconClassName}>\n <IconSvg wrap={false} icon=\"packagableFile\" />\n </span>\n {!isInactive && (\n <>\n {numPackagableFiles.toLocaleString()}{' '}\n {pluralize('File', numPackagableFiles)} eligible for packaging\n </>\n )}\n </span>\n {numBytes > 0 && (\n <Tooltip\n title=\"This is the total size of all files in the Download List that are available to download.\"\n enterNextDelay={TOOLTIP_DELAY_SHOW}\n placement=\"top\"\n >\n <span className=\"item\">{calculateFriendlyFileSize(numBytes)}</span>\n </Tooltip>\n )}\n {numIneligibleFiles > 0 && (\n <span className=\"item\">\n <span className={`SRC-warning-color`}>\n <IconSvg icon=\"warningOutlined\" />\n </span>\n {!isInactive && (\n <>\n {numIneligibleFiles.toLocaleString()}{' '}\n {pluralize('File', numIneligibleFiles)} ineligible for packaging\n </>\n )}\n </span>\n )}\n </Box>\n )\n}\n"],"names":["DownloadDetails","props","numFiles","numPackagableFiles","numBytes","numIneligibleFiles","isInactive","iconClassName","jsxs","Box","jsx","Fragment","pluralize","IconSvg","Tooltip","TOOLTIP_DELAY_SHOW","calculateFriendlyFileSize"],"mappings":";;;;;;AAYA,SAAwBA,EAAgBC,GAA6B;AACnE,QAAM,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,UAAAC,EAAA,IAAaH,GAC7CI,IAAqBH,IAAWC,GAChCG,IAAaJ,MAAa,GAC1BK,IAAgBD,IAAa,iBAAiB;AACpD,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,KAAK;AAAA,UACH,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EACE,UAAA,CAACJ,KACA,gBAAAE,EAAAG,GAAA,EACG,UAAA;AAAA,UAAAT,EAAS,eAAA;AAAA,UAAiB;AAAA,UAAEU,EAAU,QAAQV,CAAQ;AAAA,QAAA,EAAA,CACzD,EAAA,CAEJ;AAAA,0BACC,QAAA,EACC,UAAA;AAAA,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,GACf,UAAA,gBAAAG,EAACG,KAAQ,MAAM,IAAO,MAAK,iBAAA,CAAiB,EAAA,CAC9C;AAAA,UACC,CAACP,KACA,gBAAAE,EAAAG,GAAA,EACG,UAAA;AAAA,YAAAR,EAAmB,eAAA;AAAA,YAAkB;AAAA,YACrCS,EAAU,QAAQT,CAAkB;AAAA,YAAE;AAAA,UAAA,EAAA,CACzC;AAAA,QAAA,GAEJ;AAAA,QACCC,IAAW,KACV,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgBC;AAAA,YAChB,WAAU;AAAA,YAEV,4BAAC,QAAA,EAAK,WAAU,QAAQ,UAAAC,EAA0BZ,CAAQ,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAG/DC,IAAqB,KACpB,gBAAAG,EAAC,QAAA,EAAK,WAAU,QACd,UAAA;AAAA,UAAA,gBAAAE,EAAC,UAAK,WAAW,qBACf,4BAACG,GAAA,EAAQ,MAAK,mBAAkB,EAAA,CAClC;AAAA,UACC,CAACP,KACA,gBAAAE,EAAAG,GAAA,EACG,UAAA;AAAA,YAAAN,EAAmB,eAAA;AAAA,YAAkB;AAAA,YACrCO,EAAU,QAAQP,CAAkB;AAAA,YAAE;AAAA,UAAA,EAAA,CACzC;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { jsxs as I, Fragment as C, jsx as h } from "react/jsx-runtime";
+import { jsxs as I, Fragment as T, jsx as h } from "react/jsx-runtime";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/SynapseConstants.js";
-import { useState as X, useRef as ee, useCallback as S } from "react";
+import { useState as X, useRef as ee, useCallback as C } from "react";
 import { getFiles as te } from "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -17,7 +17,7 @@ import "@tanstack/query-core";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/xorWith";
-import { Button as oe, Typography as N, LinearProgress as re } from "@mui/material";
+import { Button as oe, Typography as B, LinearProgress as re } from "@mui/material";
 import { useGetAvailableFilesToDownloadInfinite as pe, useRemoveFilesFromDownloadList as he, useGetDownloadListStatistics as be } from "../../synapse-queries/download/useDownloadList.js";
 import { useGetEntityQueryOptions as ge } from "../../synapse-queries/entity/useEntity.js";
 import { implementsExternalFileHandleInterface as Fe } from "../../utils/types/IsType.js";
@@ -40,10 +40,10 @@ function ke(E) {
 }
 const ne = 50;
 function dt(E) {
-  const { buttonText: le = "Download Non-Packageable Files", variant: ie = "text" } = E, { accessToken: k, isAuthenticated: B } = ye(), A = me(), q = ge(), [P, u] = X(!1), w = ee(!1), p = ee(!1), [i, b] = X(null), { data: U, status: j, hasNextPage: O, fetchNextPage: H, error: se } = pe(), { mutateAsync: K } = he(), { refetch: Q } = be(), W = S(
+  const { buttonText: le = "Start Multi-file Download", variant: ie = "contained" } = E, { accessToken: k, isAuthenticated: N } = ye(), A = me(), q = ge(), [H, u] = X(!1), w = ee(!1), p = ee(!1), [i, b] = X(null), { data: U, status: j, hasNextPage: O, fetchNextPage: P, error: se } = pe(), { mutateAsync: K } = he(), { refetch: M } = be(), Q = C(
     async (c) => {
       if (!w.current) {
-        if (!c || !B) {
+        if (!c || !N) {
           u(!1);
           return;
         }
@@ -56,9 +56,9 @@ function dt(E) {
             f("No non-packageable files available to download", "info"), u(!1), w.current = !1;
             return;
           }
-          const M = ke(window);
+          const G = ke(window);
           let $;
-          if (M) {
+          if (G) {
             const e = window;
             try {
               $ = await e.showDirectoryPicker({
@@ -149,7 +149,7 @@ function dt(E) {
                   bytesDownloaded: 0,
                   totalBytes: 0
                 } : null
-              ), !M) {
+              ), !G) {
                 const r = await z(
                   o,
                   l
@@ -178,8 +178,8 @@ function dt(E) {
                   let Z = 0;
                   try {
                     for (; ; ) {
-                      const { done: T, value: J } = await g.read();
-                      if (T) break;
+                      const { done: S, value: J } = await g.read();
+                      if (S) break;
                       Z += J.length, await v.write(J), b(
                         (V) => V ? {
                           ...V,
@@ -187,8 +187,8 @@ function dt(E) {
                         } : null
                       );
                     }
-                  } catch (T) {
-                    throw await v.abort(), T;
+                  } catch (S) {
+                    throw await v.abort(), S;
                   } finally {
                     await v.close();
                   }
@@ -297,7 +297,7 @@ function dt(E) {
                 versionNumber: e.versionNumber
               })
             )
-          }), await Q(), window.scrollTo({ top: 0, behavior: "smooth" })), p.current ? f(
+          }), await M(), window.scrollTo({ top: 0, behavior: "smooth" })), p.current ? f(
             `Download cancelled. ${y} file${y !== 1 ? "s were" : " was"} downloaded before cancellation.`,
             "info"
           ) : y > 0 ? f(
@@ -315,22 +315,22 @@ function dt(E) {
     },
     [
       k,
-      B,
+      N,
       A,
       q,
       K,
-      Q
+      M
     ]
-  ), ce = S(async () => {
-    if (!P) {
+  ), ce = C(async () => {
+    if (!H) {
       u(!0);
       try {
         let c = O, s = U;
-        for (; c && H; ) {
-          const n = await H();
+        for (; c && P; ) {
+          const n = await P();
           c = n.hasNextPage, n.data && (s = n.data);
         }
-        j === "success" && s ? W(s) : (u(!1), w.current = !1, f(
+        j === "success" && s ? Q(s) : (u(!1), w.current = !1, f(
           "Failed to load download list. Please try again.",
           "danger"
         ));
@@ -341,27 +341,27 @@ function dt(E) {
       }
     }
   }, [
-    P,
-    O,
     H,
+    O,
+    P,
     j,
     U,
-    W
-  ]), G = S(() => {
+    Q
+  ]), W = C(() => {
     p.current = !0, b(null), u(!1), w.current = !1;
   }, []);
-  return se ? null : /* @__PURE__ */ I(C, { children: [
+  return se ? null : /* @__PURE__ */ I(T, { children: [
     /* @__PURE__ */ h(
       ve,
       {
         open: !!i,
         title: "Downloading Files",
         hasCloseButton: !1,
-        onCancel: G,
+        onCancel: W,
         maxWidth: "sm",
-        content: i ? /* @__PURE__ */ I(C, { children: [
+        content: i ? /* @__PURE__ */ I(T, { children: [
           /* @__PURE__ */ I(
-            N,
+            B,
             {
               variant: "body2",
               color: "text.secondary",
@@ -376,8 +376,8 @@ function dt(E) {
               ]
             }
           ),
-          /* @__PURE__ */ h(N, { variant: "body2", noWrap: !0, gutterBottom: !0, children: i.currentFile }),
-          i.totalBytes > 0 && /* @__PURE__ */ I(C, { children: [
+          /* @__PURE__ */ h(B, { variant: "body2", noWrap: !0, gutterBottom: !0, children: i.currentFile }),
+          i.totalBytes > 0 && /* @__PURE__ */ I(T, { children: [
             /* @__PURE__ */ h(
               re,
               {
@@ -388,7 +388,7 @@ function dt(E) {
               }
             ),
             /* @__PURE__ */ I(
-              N,
+              B,
               {
                 variant: "body2",
                 color: "text.secondary",
@@ -407,7 +407,7 @@ function dt(E) {
           ] }),
           i.totalBytes === 0 && /* @__PURE__ */ h(re, { sx: { my: 2 }, "aria-label": "Download progress" })
         ] }) : null,
-        actions: /* @__PURE__ */ h(oe, { variant: "outlined", color: "error", onClick: G, children: "Cancel" }),
+        actions: /* @__PURE__ */ h(oe, { variant: "outlined", color: "error", onClick: W, children: "Cancel" }),
         DialogProps: {
           "aria-describedby": "download-progress-description",
           disableEscapeKeyDown: !1
@@ -421,7 +421,7 @@ function dt(E) {
         onClick: () => {
           ce();
         },
-        loading: P,
+        loading: H,
         startIcon: /* @__PURE__ */ h(De, {}),
         children: le
       }