synapse-react-client 4.0.1 → 4.0.3-b

package/dist/components/DownloadCart/DownloadListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadListTable.js","sources":["../../../src/components/DownloadCart/DownloadListTable.tsx"],"sourcesContent":["import {\n  useGetAvailableFilesToDownloadInfinite,\n  useRemoveFilesFromDownloadList,\n} from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Select, Tooltip } from '@mui/material'\nimport {\n  AvailableFilter,\n  DownloadListItem,\n  DownloadListItemResult,\n  Sort,\n  SortField,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  CellContext,\n  createColumnHelper,\n  getCoreRowModel,\n  Row,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport FileEntityDirectDownload from '../DirectDownload/FileEntityDirectDownload'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { InteractiveCopyIdsIcon } from '../InteractiveCopyIdsIcon'\nimport { BlockingLoader, SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { displayToast } from '../ToastMessage'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport DirectProgrammaticDownload from './DirectProgrammaticDownload'\nimport DownloadListStats from './DownloadListStats'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport const TESTING_TRASH_BTN_CLASS = 'TESTING_TRASH_BTN_CLASS'\n\nfunction notifyRemovedFromDownloadList(\n  notificationTitle: string,\n  fileName: string,\n) {\n  displayToast(`${fileName} has been removed from your list.`, 'success', {\n    title: notificationTitle,\n  })\n}\n\nfunction RemoveFromDownloadListButton(props: {\n  ctx: CellContext<DownloadListItemResult, any>\n}) {\n  const { ctx } = props\n  const { mutateAsync: removeFileFromDownloadList, isPending } =\n    useRemoveFilesFromDownloadList({\n      onSuccess: () =>\n        displayToast(\n          `${ctx.row.original.fileName} has been removed from your list.`,\n          'success',\n          {\n            title: 'File Removed',\n          },\n        ),\n    })\n\n  return (\n    <Tooltip\n      title=\"Remove from Download Cart\"\n      placement=\"left\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n    >\n      <span className=\"removeItem\">\n        <button\n          className={TESTING_TRASH_BTN_CLASS}\n          onClick={() => {\n            void removeFileFromDownloadList({\n              batchToRemove: [\n                {\n                  fileEntityId: ctx.row.original.fileEntityId,\n                  versionNumber: ctx.row.original.versionNumber,\n                },\n              ],\n            })\n          }}\n        >\n          {isPending ? <SynapseSpinner /> : <IconSvg icon=\"removeCircle\" />}\n        </button>\n      </span>\n    </Tooltip>\n  )\n}\n\nconst columnHelper = createColumnHelper<DownloadListItemResult>()\nconst getColumns = (args: {\n  removeItem: (item: DownloadListItem, fileName: string, title: string) => void\n  onCopySynIds: () => void\n}) => {\n  const { onCopySynIds, removeItem } = args\n  return [\n    columnHelper.accessor('isEligibleForPackaging', {\n      header: () => <></>,\n      cell: ctx => (\n        <div>\n          {ctx.getValue() && (\n            <Tooltip\n              title=\"Eligible for packaging\"\n              enterNextDelay={TOOLTIP_DELAY_SHOW}\n              placement=\"right\"\n            >\n              <span className=\"eligibileIcon\">\n                <IconSvg wrap={false} icon=\"packagableFile\" />\n              </span>\n            </Tooltip>\n          )}\n          {!ctx.getValue() && (\n            <Tooltip\n              title=\"This file is ineligible for Web packaging because it is >100MB, or it is an external link, or it is not stored on Synapse native storage\"\n              enterNextDelay={TOOLTIP_DELAY_SHOW}\n              placement=\"right\"\n            >\n              <span className=\"ineligibileIcon\">\n                <IconSvg wrap={false} icon=\"warningOutlined\" />\n              </span>\n            </Tooltip>\n          )}\n        </div>\n      ),\n      enableResizing: false,\n      enableColumnFilter: false,\n      size: 50,\n    }),\n    columnHelper.accessor('fileName', {\n      header: props => <ColumnHeader {...props} title={'Name'} />,\n      cell: ctx => (\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${ctx.row.original.fileEntityId}.${ctx.row.original.versionNumber}`}\n        >\n          {ctx.getValue()}\n        </a>\n      ),\n      enableColumnFilter: false,\n      size: 160,\n    }),\n    columnHelper.accessor('fileSizeBytes', {\n      header: props => <ColumnHeader {...props} title={'Size'} />,\n      cell: ctx =>\n        ctx.getValue() != null ? (\n          calculateFriendlyFileSize(ctx.getValue())\n        ) : (\n          <></>\n        ),\n      enableColumnFilter: false,\n      size: 100,\n    }),\n    columnHelper.accessor('fileEntityId', {\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={'SynID'}\n          additionalButtons={\n            <InteractiveCopyIdsIcon size={'small'} onCopy={onCopySynIds} />\n          }\n        />\n      ),\n      cell: ctx => `${ctx.getValue()}.${ctx.row.original.versionNumber}`,\n      enableColumnFilter: false,\n      size: 100,\n    }),\n    columnHelper.accessor('projectName', {\n      header: props => <ColumnHeader {...props} title={'Project'} />,\n      enableColumnFilter: false,\n    }),\n    columnHelper.accessor('addedOn', {\n      header: props => <ColumnHeader {...props} title={'Added On'} />,\n      cell: ctx => formatDate(dayjs(ctx.getValue())),\n      enableColumnFilter: false,\n    }),\n    columnHelper.accessor('createdBy', {\n      header: props => <ColumnHeader {...props} title={'Created By'} />,\n      cell: ctx => <UserBadge userId={ctx.getValue()} />,\n      enableColumnFilter: false,\n    }),\n    columnHelper.accessor('createdOn', {\n      header: props => <ColumnHeader {...props} title={'Created On'} />,\n      cell: ctx => formatDate(dayjs(ctx.getValue())),\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      cell: ctx => (\n        <div className=\"actionsContainer\">\n          <span className=\"downloadItem\">\n            <FileEntityDirectDownload\n              entityId={ctx.row.original.fileEntityId}\n              entityVersionNumber={ctx.row.original.versionNumber}\n              displayFileName={false}\n              onClickCallback={(isExternalLink: boolean) => {\n                // SWC-5944: remove the item from the download list, unless it's an external link.\n                if (!isExternalLink) {\n                  removeItem(\n                    {\n                      fileEntityId: ctx.row.original.fileEntityId,\n                      versionNumber: ctx.row.original.versionNumber,\n                    },\n                    ctx.row.original.fileName,\n                    'File Downloaded',\n                  )\n                }\n              }}\n            />\n          </span>\n          <span className=\"programmaticAccessItem\">\n            <DirectProgrammaticDownload\n              entityId={ctx.row.original.fileEntityId}\n              version={ctx.row.original.versionNumber}\n            />\n          </span>\n          <RemoveFromDownloadListButton ctx={ctx} />\n        </div>\n      ),\n      enableResizing: false,\n      enableColumnFilter: false,\n      size: 140,\n      meta: {\n        textAlign: 'center',\n      },\n    }),\n  ]\n}\n\nfunction getSortApiRequestFromTableSortState(\n  sortingState: SortingState,\n): Sort | undefined {\n  if (sortingState.length === 0) {\n    return undefined\n  }\n  const sort = sortingState[0]\n  let field: SortField = 'addedOn'\n\n  if (sort.id === 'fileName') {\n    field = 'fileName'\n  } else if (sort.id === 'fileSizeBytes') {\n    field = 'fileSize'\n  } else if (sort.id === 'fileEntityId') {\n    field = 'synId'\n  } else if (sort.id === 'projectName') {\n    field = 'projectName'\n  } else if (sort.id === 'addedOn') {\n    field = 'addedOn'\n  } else if (sort.id === 'createdBy') {\n    field = 'createdBy'\n  } else if (sort.id === 'createdOn') {\n    field = 'createdOn'\n  }\n\n  return {\n    field,\n    direction: sort.desc ? 'DESC' : 'ASC',\n  }\n}\n\nexport default function DownloadListTable() {\n  const handleError = useErrorHandler()\n\n  const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] =\n    useState<boolean>(false)\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'addedOn',\n    },\n  ])\n\n  const [filter, setFilter] = useState<AvailableFilter | undefined>(undefined)\n  const {\n    data,\n    status,\n    isFetchingNextPage,\n    isLoading,\n    hasNextPage,\n    fetchNextPage,\n    isError,\n    error: newError,\n  } = useGetAvailableFilesToDownloadInfinite(\n    getSortApiRequestFromTableSortState(tableSortState),\n    filter,\n  )\n\n  useEffect(() => {\n    if (isError && newError) {\n      handleError(newError)\n    }\n  }, [isError, newError, handleError])\n\n  const { mutateAsync: removeFileFromDownloadList } =\n    useRemoveFilesFromDownloadList()\n\n  const removeItem = useCallback(\n    async (\n      item: DownloadListItem,\n      fileName: string,\n      notificationTitle: string,\n    ) => {\n      await removeFileFromDownloadList({ batchToRemove: [item] })\n      notifyRemovedFromDownloadList(notificationTitle, fileName)\n    },\n    [removeFileFromDownloadList],\n  )\n\n  const allRows = useMemo(\n    () => data?.pages.flatMap(page => page.page) ?? [],\n    [data?.pages],\n  )\n\n  const columns = useMemo(\n    () =>\n      getColumns({\n        removeItem: (...args) => {\n          void removeItem(...args)\n        },\n        onCopySynIds: () => {\n          // trigger loading all pages of the download list table, and then copy all IDs to the clipboard\n          setCopyingAllSynapseIDs(true)\n        },\n      }),\n    [removeItem],\n  )\n\n  const table = useReactTable<DownloadListItemResult>({\n    data: allRows,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      columnPinning: {\n        right: ['actions'],\n      },\n      sorting: tableSortState,\n    },\n    columnResizeMode: 'onChange',\n    meta: {\n      getRowClassNames(row: Row<DownloadListItemResult>) {\n        if (!row.original.isEligibleForPackaging) {\n          return 'ineligibleForPackaging'\n        }\n        return ''\n      },\n    },\n  })\n\n  useEffect(() => {\n    const copyAllSynapseIDs = () => {\n      const synIDs = allRows\n        .map((item: DownloadListItemResult) => {\n          return `${item.fileEntityId}.${item.versionNumber}`\n        })\n        .join('\\n')\n      copyStringToClipboard(synIDs).then(() => {\n        displayToast('Successfully copied to clipboard')\n      })\n      setCopyingAllSynapseIDs(false)\n    }\n\n    if (\n      status === 'success' &&\n      !isFetchingNextPage &&\n      hasNextPage &&\n      fetchNextPage &&\n      copyingAllSynapseIDs\n    ) {\n      void fetchNextPage()\n    } else if (!hasNextPage && copyingAllSynapseIDs) {\n      // We have all the data in allRows. Put it together and copy to the clipboard\n      copyAllSynapseIDs()\n    }\n  }, [\n    status,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    copyingAllSynapseIDs,\n    allRows,\n  ])\n\n  const getFilterDisplayText = (f: AvailableFilter) => {\n    if (!f) {\n      return 'All'\n    } else if (f == 'eligibleForPackaging') {\n      return 'Only Eligible'\n    } else {\n      return 'Only Ineligible'\n    }\n  }\n\n  const availableFiltersArray: AvailableFilter[] = [\n    undefined,\n    'eligibleForPackaging',\n    'ineligibleForPackaging',\n  ]\n  return (\n    <div>\n      <BlockingLoader show={copyingAllSynapseIDs} />\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: {\n            xs: 'column',\n            md: 'row',\n          },\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          py: '15px',\n          rowGap: '15px',\n        }}\n      >\n        <DownloadListStats />\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            alignItems: 'inherit',\n            justifyContent: 'end',\n          }}\n        >\n          <Box\n            sx={{\n              fontWeight: '700',\n              fontSize: '14px',\n            }}\n          >\n            Filter Files By\n          </Box>\n          <Box\n            sx={{\n              button: {\n                width: '144px',\n              },\n            }}\n          >\n            <Select native fullWidth value={getFilterDisplayText(filter)}>\n              {availableFiltersArray.map(availableFilter => (\n                <option\n                  key={`${getFilterDisplayText(availableFilter)}-filter-option`}\n                  onClick={() => {\n                    setFilter(availableFilter)\n                  }}\n                >\n                  {getFilterDisplayText(availableFilter)}\n                </option>\n              ))}\n            </Select>\n          </Box>\n        </Box>\n      </Box>\n      {allRows.length > 0 && (\n        <div className=\"DownloadListTableV2\">\n          {/* TODO: This table can be very large, so it should be refactored to use row virtualization or discrete pagination */}\n          <StyledTanStackTable table={table} fullWidth={false} />\n          {hasNextPage && (\n            <Box sx={{ display: 'flex', justifyContent: 'right' }}>\n              <Button\n                variant={'contained'}\n                sx={{ my: 2, ml: 'auto' }}\n                onClick={() => {\n                  void fetchNextPage()\n                }}\n                disabled={isFetchingNextPage}\n                startIcon={isFetchingNextPage ? <SynapseSpinner /> : undefined}\n              >\n                {isFetchingNextPage ? 'Loading...' : 'Show More'}\n              </Button>\n            </Box>\n          )}\n        </div>\n      )}\n      {isLoading && <SkeletonTable numCols={5} numRows={3} />}\n    </div>\n  )\n}\n"],"names":["TESTING_TRASH_BTN_CLASS","notifyRemovedFromDownloadList","notificationTitle","fileName","displayToast","RemoveFromDownloadListButton","props","ctx","removeFileFromDownloadList","isPending","useRemoveFilesFromDownloadList","jsx","Tooltip","TOOLTIP_DELAY_SHOW","SynapseSpinner","IconSvg","columnHelper","createColumnHelper","getColumns","args","onCopySynIds","removeItem","Fragment","jsxs","ColumnHeader","PRODUCTION_ENDPOINT_CONFIG","calculateFriendlyFileSize","InteractiveCopyIdsIcon","formatDate","dayjs","UserBadge","FileEntityDirectDownload","isExternalLink","DirectProgrammaticDownload","getSortApiRequestFromTableSortState","sortingState","sort","field","DownloadListTable","handleError","useErrorHandler","copyingAllSynapseIDs","setCopyingAllSynapseIDs","useState","tableSortState","setTableSortState","filter","setFilter","data","status","isFetchingNextPage","isLoading","hasNextPage","fetchNextPage","isError","newError","useGetAvailableFilesToDownloadInfinite","useEffect","useCallback","item","allRows","useMemo","page","columns","table","useReactTable","getCoreRowModel","row","synIDs","copyStringToClipboard","getFilterDisplayText","f","availableFiltersArray","BlockingLoader","Box","DownloadListStats","Select","availableFilter","StyledTanStackTable","Button","SkeletonTable"],"mappings":"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"}
+{"version":3,"file":"DownloadListTable.js","sources":["../../../src/components/DownloadCart/DownloadListTable.tsx"],"sourcesContent":["import {\n  useGetAvailableFilesToDownloadInfinite,\n  useRemoveFilesFromDownloadList,\n} from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Tooltip, Typography } from '@mui/material'\nimport {\n  AvailableFilter,\n  DownloadListItem,\n  DownloadListItemResult,\n  Sort,\n  SortField,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  CellContext,\n  createColumnHelper,\n  getCoreRowModel,\n  Row,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport FileEntityDirectDownload from '../DirectDownload/FileEntityDirectDownload'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { InteractiveCopyIdsIcon } from '../InteractiveCopyIdsIcon'\nimport { BlockingLoader, SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { displayToast } from '../ToastMessage'\nimport DirectProgrammaticDownload from './DirectProgrammaticDownload'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport const TESTING_TRASH_BTN_CLASS = 'TESTING_TRASH_BTN_CLASS'\n\nfunction notifyRemovedFromDownloadList(\n  notificationTitle: string,\n  fileName: string,\n) {\n  displayToast(`${fileName} has been removed from your list.`, 'success', {\n    title: notificationTitle,\n  })\n}\n\nfunction RemoveFromDownloadListButton(props: {\n  ctx: CellContext<DownloadListItemResult, any>\n}) {\n  const { ctx } = props\n  const { mutateAsync: removeFileFromDownloadList, isPending } =\n    useRemoveFilesFromDownloadList({\n      onSuccess: () =>\n        displayToast(\n          `${ctx.row.original.fileName} has been removed from your list.`,\n          'success',\n          {\n            title: 'File Removed',\n          },\n        ),\n    })\n\n  return (\n    <Tooltip\n      title=\"Remove from Download List\"\n      placement=\"left\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n    >\n      <span className=\"removeItem\">\n        <button\n          className={TESTING_TRASH_BTN_CLASS}\n          onClick={() => {\n            void removeFileFromDownloadList({\n              batchToRemove: [\n                {\n                  fileEntityId: ctx.row.original.fileEntityId,\n                  versionNumber: ctx.row.original.versionNumber,\n                },\n              ],\n            })\n          }}\n        >\n          {isPending ? <SynapseSpinner /> : <IconSvg icon=\"removeCircle\" />}\n        </button>\n      </span>\n    </Tooltip>\n  )\n}\n\nconst columnHelper = createColumnHelper<DownloadListItemResult>()\nconst getColumns = (args: {\n  removeItem: (item: DownloadListItem, fileName: string, title: string) => void\n  onCopySynIds: () => void\n}) => {\n  const { onCopySynIds, removeItem } = args\n  return [\n    columnHelper.accessor('isEligibleForPackaging', {\n      header: () => <></>,\n      cell: ctx => (\n        <div>\n          {!ctx.getValue() && (\n            <Tooltip\n              title={\n                <>\n                  This file can’t be packaged as a ZIP because it is {'>'}\n                  100MB, or it is an external link, or it is not stored on\n                  Synapse native storage.\n                  <br />\n                  Try clicking the “download” icon at the end of the row, or\n                  download programmatically.\n                </>\n              }\n              enterNextDelay={TOOLTIP_DELAY_SHOW}\n              placement=\"right\"\n            >\n              <span className=\"ineligibileIcon\">\n                <IconSvg wrap={false} icon=\"unpackagableFile\" />\n              </span>\n            </Tooltip>\n          )}\n        </div>\n      ),\n      enableResizing: false,\n      enableColumnFilter: false,\n      size: 50,\n    }),\n    columnHelper.accessor('fileName', {\n      header: props => <ColumnHeader {...props} title={'Name'} />,\n      cell: ctx => (\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${ctx.row.original.fileEntityId}.${ctx.row.original.versionNumber}`}\n        >\n          {ctx.getValue()}\n        </a>\n      ),\n      enableColumnFilter: false,\n      size: 360,\n    }),\n    columnHelper.accessor('fileSizeBytes', {\n      header: props => <ColumnHeader {...props} title={'Size'} />,\n      cell: ctx =>\n        ctx.getValue() != null && ctx.getValue() > 0 ? (\n          calculateFriendlyFileSize(ctx.getValue())\n        ) : (\n          <Typography variant=\"smallText1\" sx={{ color: 'grey.600' }}>\n            Unknown\n          </Typography>\n        ),\n      enableColumnFilter: false,\n      size: 117,\n    }),\n    columnHelper.accessor('fileEntityId', {\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={'SynID'}\n          additionalButtons={\n            <InteractiveCopyIdsIcon size={'small'} onCopy={onCopySynIds} />\n          }\n        />\n      ),\n      cell: ctx => `${ctx.getValue()}.${ctx.row.original.versionNumber}`,\n      enableColumnFilter: false,\n      size: 143,\n    }),\n    columnHelper.accessor('addedOn', {\n      header: props => <ColumnHeader {...props} title={'Added On'} />,\n      cell: ctx => formatDate(dayjs(ctx.getValue())),\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.accessor('projectName', {\n      header: props => <ColumnHeader {...props} title={'Project'} />,\n      enableColumnFilter: false,\n      size: 170,\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      cell: ctx => (\n        <div className=\"actionsContainer\">\n          <span className=\"downloadItem\">\n            <FileEntityDirectDownload\n              entityId={ctx.row.original.fileEntityId}\n              entityVersionNumber={ctx.row.original.versionNumber}\n              displayFileName={false}\n              onClickCallback={(isExternalLink: boolean) => {\n                // SWC-5944: remove the item from the download list, unless it's an external link.\n                if (!isExternalLink) {\n                  removeItem(\n                    {\n                      fileEntityId: ctx.row.original.fileEntityId,\n                      versionNumber: ctx.row.original.versionNumber,\n                    },\n                    ctx.row.original.fileName,\n                    'File Downloaded',\n                  )\n                }\n              }}\n            />\n          </span>\n          <span className=\"programmaticAccessItem\">\n            <DirectProgrammaticDownload\n              entityId={ctx.row.original.fileEntityId}\n              version={ctx.row.original.versionNumber}\n            />\n          </span>\n          <RemoveFromDownloadListButton ctx={ctx} />\n        </div>\n      ),\n      enableResizing: false,\n      enableColumnFilter: false,\n      size: 140,\n      meta: {\n        textAlign: 'center',\n      },\n    }),\n  ]\n}\n\nfunction getSortApiRequestFromTableSortState(\n  sortingState: SortingState,\n): Sort | undefined {\n  if (sortingState.length === 0) {\n    return undefined\n  }\n  const sort = sortingState[0]\n  let field: SortField = 'addedOn'\n\n  if (sort.id === 'fileName') {\n    field = 'fileName'\n  } else if (sort.id === 'fileSizeBytes') {\n    field = 'fileSize'\n  } else if (sort.id === 'fileEntityId') {\n    field = 'synId'\n  } else if (sort.id === 'projectName') {\n    field = 'projectName'\n  } else if (sort.id === 'addedOn') {\n    field = 'addedOn'\n  } else if (sort.id === 'createdBy') {\n    field = 'createdBy'\n  } else if (sort.id === 'createdOn') {\n    field = 'createdOn'\n  }\n\n  return {\n    field,\n    direction: sort.desc ? 'DESC' : 'ASC',\n  }\n}\n\nexport default function DownloadListTable({\n  filter,\n}: {\n  filter?: AvailableFilter\n}) {\n  const handleError = useErrorHandler()\n\n  const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] =\n    useState<boolean>(false)\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'addedOn',\n    },\n  ])\n\n  const {\n    data,\n    status,\n    isFetchingNextPage,\n    isLoading,\n    hasNextPage,\n    fetchNextPage,\n    isError,\n    error: newError,\n  } = useGetAvailableFilesToDownloadInfinite(\n    getSortApiRequestFromTableSortState(tableSortState),\n    filter,\n  )\n\n  useEffect(() => {\n    if (isError && newError) {\n      handleError(newError)\n    }\n  }, [isError, newError, handleError])\n\n  const { mutateAsync: removeFileFromDownloadList } =\n    useRemoveFilesFromDownloadList()\n\n  const removeItem = useCallback(\n    async (\n      item: DownloadListItem,\n      fileName: string,\n      notificationTitle: string,\n    ) => {\n      await removeFileFromDownloadList({ batchToRemove: [item] })\n      notifyRemovedFromDownloadList(notificationTitle, fileName)\n    },\n    [removeFileFromDownloadList],\n  )\n\n  const allRows = useMemo(\n    () => data?.pages.flatMap(page => page.page) ?? [],\n    [data?.pages],\n  )\n\n  const columns = useMemo(\n    () =>\n      getColumns({\n        removeItem: (...args) => {\n          void removeItem(...args)\n        },\n        onCopySynIds: () => {\n          // trigger loading all pages of the download list table, and then copy all IDs to the clipboard\n          setCopyingAllSynapseIDs(true)\n        },\n      }),\n    [removeItem],\n  )\n\n  const table = useReactTable<DownloadListItemResult>({\n    data: allRows,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      columnPinning: {\n        right: ['actions'],\n      },\n      sorting: tableSortState,\n    },\n    columnResizeMode: 'onChange',\n    meta: {\n      getRowClassNames(row: Row<DownloadListItemResult>) {\n        if (!row.original.isEligibleForPackaging) {\n          return 'ineligibleForPackaging'\n        }\n        return ''\n      },\n    },\n  })\n\n  useEffect(() => {\n    const copyAllSynapseIDs = () => {\n      const synIDs = allRows\n        .map((item: DownloadListItemResult) => {\n          return `${item.fileEntityId}.${item.versionNumber}`\n        })\n        .join('\\n')\n      copyStringToClipboard(synIDs).then(() => {\n        displayToast('Successfully copied to clipboard')\n      })\n      setCopyingAllSynapseIDs(false)\n    }\n\n    if (\n      status === 'success' &&\n      !isFetchingNextPage &&\n      hasNextPage &&\n      fetchNextPage &&\n      copyingAllSynapseIDs\n    ) {\n      void fetchNextPage()\n    } else if (!hasNextPage && copyingAllSynapseIDs) {\n      // We have all the data in allRows. Put it together and copy to the clipboard\n      copyAllSynapseIDs()\n    }\n  }, [\n    status,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    copyingAllSynapseIDs,\n    allRows,\n  ])\n\n  return (\n    <div>\n      <BlockingLoader show={copyingAllSynapseIDs} />\n      {allRows.length > 0 && (\n        <div className=\"DownloadListTableV2\">\n          {/* TODO: This table can be very large, so it should be refactored to use row virtualization or discrete pagination */}\n          <StyledTanStackTable table={table} fullWidth={false} />\n          {hasNextPage && (\n            <Box sx={{ display: 'flex', justifyContent: 'right' }}>\n              <Button\n                variant={'contained'}\n                sx={{ my: 2, ml: 'auto' }}\n                onClick={() => {\n                  void fetchNextPage()\n                }}\n                disabled={isFetchingNextPage}\n                startIcon={isFetchingNextPage ? <SynapseSpinner /> : undefined}\n              >\n                {isFetchingNextPage ? 'Loading...' : 'Show More'}\n              </Button>\n            </Box>\n          )}\n        </div>\n      )}\n      {allRows.length === 0 && !isLoading && (\n        <Typography variant=\"body1Italic\">\n          You have no matching files in your download list.\n        </Typography>\n      )}\n      {isLoading && <SkeletonTable numCols={5} numRows={3} />}\n    </div>\n  )\n}\n"],"names":["TESTING_TRASH_BTN_CLASS","notifyRemovedFromDownloadList","notificationTitle","fileName","displayToast","RemoveFromDownloadListButton","props","ctx","removeFileFromDownloadList","isPending","useRemoveFilesFromDownloadList","jsx","Tooltip","TOOLTIP_DELAY_SHOW","SynapseSpinner","IconSvg","columnHelper","createColumnHelper","getColumns","args","onCopySynIds","removeItem","Fragment","jsxs","ColumnHeader","PRODUCTION_ENDPOINT_CONFIG","calculateFriendlyFileSize","Typography","InteractiveCopyIdsIcon","formatDate","dayjs","FileEntityDirectDownload","isExternalLink","DirectProgrammaticDownload","getSortApiRequestFromTableSortState","sortingState","sort","field","DownloadListTable","filter","handleError","useErrorHandler","copyingAllSynapseIDs","setCopyingAllSynapseIDs","useState","tableSortState","setTableSortState","data","status","isFetchingNextPage","isLoading","hasNextPage","fetchNextPage","isError","newError","useGetAvailableFilesToDownloadInfinite","useEffect","useCallback","item","allRows","useMemo","page","columns","table","useReactTable","getCoreRowModel","row","synIDs","copyStringToClipboard","BlockingLoader","StyledTanStackTable","Box","Button","SkeletonTable"],"mappings":"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"}

package/dist/components/DownloadCart/ShowDownloadV2.js

@@ -11,8 +11,8 @@ import { SkeletonInlineBlock as C } from "../Skeleton/SkeletonInlineBlock.js";
 import "@mui/material/Skeleton";
 import "lodash-es";
 import { EmptyFallbackComponent as N } from "../error/ErrorBanner.js";
-function F({ to: r, className: m = "" }) {
-  const { isAuthenticated: t } = h(), e = x(), s = "Click to view items in your download cart.", {
+function F({ to: r, className: s = "" }) {
+  const { isAuthenticated: t } = h(), e = x(), m = "Click to view items in your download list.", {
     data: c,
     isLoading: p,
     isError: i,
@@ -28,11 +28,11 @@ function F({ to: r, className: m = "" }) {
   const d = /* @__PURE__ */ o(
     k,
     {
-      title: s,
+      title: m,
       placement: "bottom",
       enterNextDelay: b,
       children: /* @__PURE__ */ f("span", { children: [
-        /* @__PURE__ */ o("span", { className: "SRC-primary-text-color", children: /* @__PURE__ */ o(D, { icon: "cart" }) }),
+        /* @__PURE__ */ o("span", { className: "SRC-primary-text-color", children: /* @__PURE__ */ o(D, { icon: "download" }) }),
         /* @__PURE__ */ o("span", { className: "download-cart-size", children: a })
       ] })
     }
@@ -42,7 +42,7 @@ function F({ to: r, className: m = "" }) {
     {
       to: r,
       component: y,
-      className: `Download-Link v2 ${m}`,
+      className: `Download-Link v2 ${s}`,
       children: d
     }
   );

package/dist/components/DownloadCart/ShowDownloadV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowDownloadV2.js","sources":["../../../src/components/DownloadCart/ShowDownloadV2.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Link as MuiLink, Tooltip } from '@mui/material'\nimport { Suspense, useEffect } from 'react'\nimport { ErrorBoundary, useErrorHandler } from 'react-error-boundary'\nimport { Link } from 'react-router'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { SkeletonInlineBlock } from '../Skeleton'\nimport { EmptyFallbackComponent } from '../error'\n\nexport type ShowDownloadV2Props = {\n  to: string\n  className?: string\n}\n\n/**\n * Nav bar item, displayed when files have been added to the Download Cart.\n * This must be configured with the URL of a page dedicated to showing the Download Cart.\n */\nfunction ShowDownloadV2Internal({ to, className = '' }: ShowDownloadV2Props) {\n  const { isAuthenticated } = useSynapseContext()\n  const handleError = useErrorHandler()\n  const tooltipText = 'Click to view items in your download cart.'\n\n  const {\n    data,\n    isLoading,\n    isError,\n    error: newError,\n  } = useGetDownloadListStatistics()\n\n  useEffect(() => {\n    if (isError && newError && isAuthenticated) {\n      handleError(newError)\n    }\n  }, [isError, newError, handleError, isAuthenticated])\n\n  if (!isAuthenticated || isLoading) {\n    return <></>\n  }\n\n  const size = data?.totalNumberOfFiles ?? 0\n  if (size === 0) {\n    return <></>\n  }\n  const content = (\n    <Tooltip\n      title={tooltipText}\n      placement=\"bottom\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n    >\n      <span>\n        <span className=\"SRC-primary-text-color\">\n          <IconSvg icon=\"cart\" />\n        </span>\n        <span className={`download-cart-size`}>{size}</span>\n      </span>\n    </Tooltip>\n  )\n  return (\n    <MuiLink\n      to={to}\n      component={Link}\n      className={`Download-Link v2 ${className}`}\n    >\n      {content}\n    </MuiLink>\n  )\n}\n\nexport function ShowDownloadV2(props: ShowDownloadV2Props) {\n  return (\n    <ErrorBoundary FallbackComponent={EmptyFallbackComponent}>\n      <Suspense fallback={<SkeletonInlineBlock width={100} />}>\n        <ShowDownloadV2Internal {...props} />\n      </Suspense>\n    </ErrorBoundary>\n  )\n}\n\nexport default ShowDownloadV2\n"],"names":["ShowDownloadV2Internal","to","className","isAuthenticated","useSynapseContext","handleError","useErrorHandler","tooltipText","data","isLoading","isError","newError","useGetDownloadListStatistics","useEffect","jsx","Fragment","size","content","Tooltip","TOOLTIP_DELAY_SHOW","IconSvg","MuiLink","Link","ShowDownloadV2","props","ErrorBoundary","EmptyFallbackComponent","Suspense","SkeletonInlineBlock"],"mappings":";;;;;;;;;;;;;AAoBA,SAASA,EAAuB,EAAE,IAAAC,GAAI,WAAAC,IAAY,MAA2B;AAC3E,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtBC,IAAcC,EAAA,GACdC,IAAc,8CAEd;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAAA;AAQJ,MANAC,EAAU,MAAM;AACd,IAAIH,KAAWC,KAAYR,KACzBE,EAAYM,CAAQ;AAAA,EAExB,GAAG,CAACD,GAASC,GAAUN,GAAaF,CAAe,CAAC,GAEhD,CAACA,KAAmBM;AACtB,WAAO,gBAAAK,EAAAC,GAAA,EAAE;AAGX,QAAMC,IAAOR,GAAM,sBAAsB;AACzC,MAAIQ,MAAS;AACX,WAAO,gBAAAF,EAAAC,GAAA,EAAE;AAEX,QAAME,IACJ,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,WAAU;AAAA,MACV,gBAAgBY;AAAA,MAEhB,4BAAC,QAAA,EACC,UAAA;AAAA,QAAA,gBAAAL,EAAC,UAAK,WAAU,0BACd,4BAACM,GAAA,EAAQ,MAAK,QAAO,EAAA,CACvB;AAAA,QACA,gBAAAN,EAAC,QAAA,EAAK,WAAW,sBAAuB,UAAAE,EAAA,CAAK;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA;AAAA,EAAA;AAGJ,SACE,gBAAAF;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,IAAApB;AAAA,MACA,WAAWqB;AAAAA,MACX,WAAW,oBAAoBpB,CAAS;AAAA,MAEvC,UAAAe;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAeC,GAA4B;AACzD,2BACGC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAZ,EAACa,KAAS,UAAU,gBAAAb,EAACc,GAAA,EAAoB,OAAO,KAAK,GACnD,UAAA,gBAAAd,EAACd,KAAwB,GAAGwB,EAAA,CAAO,GACrC,GACF;AAEJ;"}
+{"version":3,"file":"ShowDownloadV2.js","sources":["../../../src/components/DownloadCart/ShowDownloadV2.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Link as MuiLink, Tooltip } from '@mui/material'\nimport { Suspense, useEffect } from 'react'\nimport { ErrorBoundary, useErrorHandler } from 'react-error-boundary'\nimport { Link } from 'react-router'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { SkeletonInlineBlock } from '../Skeleton'\nimport { EmptyFallbackComponent } from '../error'\n\nexport type ShowDownloadV2Props = {\n  to: string\n  className?: string\n}\n\n/**\n * Nav bar item, displayed when files have been added to the Download List.\n * This must be configured with the URL of a page dedicated to showing the Download List.\n */\nfunction ShowDownloadV2Internal({ to, className = '' }: ShowDownloadV2Props) {\n  const { isAuthenticated } = useSynapseContext()\n  const handleError = useErrorHandler()\n  const tooltipText = 'Click to view items in your download list.'\n\n  const {\n    data,\n    isLoading,\n    isError,\n    error: newError,\n  } = useGetDownloadListStatistics()\n\n  useEffect(() => {\n    if (isError && newError && isAuthenticated) {\n      handleError(newError)\n    }\n  }, [isError, newError, handleError, isAuthenticated])\n\n  if (!isAuthenticated || isLoading) {\n    return <></>\n  }\n\n  const size = data?.totalNumberOfFiles ?? 0\n  if (size === 0) {\n    return <></>\n  }\n  const content = (\n    <Tooltip\n      title={tooltipText}\n      placement=\"bottom\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n    >\n      <span>\n        <span className=\"SRC-primary-text-color\">\n          <IconSvg icon=\"download\" />\n        </span>\n        <span className={`download-cart-size`}>{size}</span>\n      </span>\n    </Tooltip>\n  )\n  return (\n    <MuiLink\n      to={to}\n      component={Link}\n      className={`Download-Link v2 ${className}`}\n    >\n      {content}\n    </MuiLink>\n  )\n}\n\nexport function ShowDownloadV2(props: ShowDownloadV2Props) {\n  return (\n    <ErrorBoundary FallbackComponent={EmptyFallbackComponent}>\n      <Suspense fallback={<SkeletonInlineBlock width={100} />}>\n        <ShowDownloadV2Internal {...props} />\n      </Suspense>\n    </ErrorBoundary>\n  )\n}\n\nexport default ShowDownloadV2\n"],"names":["ShowDownloadV2Internal","to","className","isAuthenticated","useSynapseContext","handleError","useErrorHandler","tooltipText","data","isLoading","isError","newError","useGetDownloadListStatistics","useEffect","jsx","Fragment","size","content","Tooltip","TOOLTIP_DELAY_SHOW","IconSvg","MuiLink","Link","ShowDownloadV2","props","ErrorBoundary","EmptyFallbackComponent","Suspense","SkeletonInlineBlock"],"mappings":";;;;;;;;;;;;;AAoBA,SAASA,EAAuB,EAAE,IAAAC,GAAI,WAAAC,IAAY,MAA2B;AAC3E,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtBC,IAAcC,EAAA,GACdC,IAAc,8CAEd;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAAA;AAQJ,MANAC,EAAU,MAAM;AACd,IAAIH,KAAWC,KAAYR,KACzBE,EAAYM,CAAQ;AAAA,EAExB,GAAG,CAACD,GAASC,GAAUN,GAAaF,CAAe,CAAC,GAEhD,CAACA,KAAmBM;AACtB,WAAO,gBAAAK,EAAAC,GAAA,EAAE;AAGX,QAAMC,IAAOR,GAAM,sBAAsB;AACzC,MAAIQ,MAAS;AACX,WAAO,gBAAAF,EAAAC,GAAA,EAAE;AAEX,QAAME,IACJ,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,WAAU;AAAA,MACV,gBAAgBY;AAAA,MAEhB,4BAAC,QAAA,EACC,UAAA;AAAA,QAAA,gBAAAL,EAAC,UAAK,WAAU,0BACd,4BAACM,GAAA,EAAQ,MAAK,YAAW,EAAA,CAC3B;AAAA,QACA,gBAAAN,EAAC,QAAA,EAAK,WAAW,sBAAuB,UAAAE,EAAA,CAAK;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA;AAAA,EAAA;AAGJ,SACE,gBAAAF;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,IAAApB;AAAA,MACA,WAAWqB;AAAAA,MACX,WAAW,oBAAoBpB,CAAS;AAAA,MAEvC,UAAAe;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAeC,GAA4B;AACzD,2BACGC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAZ,EAACa,KAAS,UAAU,gBAAAb,EAACc,GAAA,EAAoB,OAAO,KAAK,GACnD,UAAA,gBAAAd,EAACd,KAAwB,GAAGwB,EAAA,CAAO,GACrC,GACF;AAEJ;"}

package/dist/components/Ecosystem/EcosystemSkeleton.js

@@ -55,11 +55,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
 import "../Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -84,6 +87,7 @@ import "../../assets/icons/study-complete.svg.js";
 import "../../assets/icons/translational.svg.js";
 import "../../assets/icons/tree_horizontal.svg.js";
 import "../../assets/icons/standardDataModel.svg.js";
+import "../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -101,10 +105,10 @@ import "../../assets/icons/DoubleQuotes.svg.js";
 import "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../QueryContext/QueryContext.js";
 import "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../QueryWrapper/TableRowSelectionState.js";
@@ -203,6 +207,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../TimelinePlot/phasesQueryResponseData.js";
 import "../EntityHeaderTable/EntityHeaderTable.js";
 import "../MuiContainer.js";
@@ -210,7 +215,7 @@ import "@mui/material/Grid";
 import "@mui/icons-material/ArrowForwardIos";
 import "../PortalAclEditor/PortalAclEditor.js";
 import "../SynapseHomepageV2/HomepageStyles.js";
-function pi() {
+function li() {
   const o = /* @__PURE__ */ t(n, { width: "80%" }), r = /* @__PURE__ */ m(e, { gap: 2, py: 2, children: [
     /* @__PURE__ */ t(i, {}),
     /* @__PURE__ */ t(i, {}),
@@ -228,6 +233,6 @@ function pi() {
   );
 }
 export {
-  pi as default
+  li as default
 };
 //# sourceMappingURL=EcosystemSkeleton.js.map

package/dist/components/Ecosystem/EcosystemSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EcosystemSkeleton.js","sources":["../../../src/components/Ecosystem/EcosystemSkeleton.tsx"],"sourcesContent":["import EcosystemLayout from '@/components/Ecosystem/EcosystemLayout'\nimport { SkeletonParagraph } from '@/components/index'\nimport { Stack } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\n\nfunction EcosystemSkeleton() {\n  const skeletonTitle = <Skeleton width={'80%'} />\n  const skeletonContent = (\n    <Stack gap={2} py={2}>\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n    </Stack>\n  )\n  return (\n    <EcosystemLayout\n      config={[\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n      ]}\n    />\n  )\n}\n\nexport default EcosystemSkeleton\n"],"names":["EcosystemSkeleton","skeletonTitle","jsx","Skeleton","skeletonContent","jsxs","Stack","SkeletonParagraph","EcosystemLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAASA,KAAoB;AAC3B,QAAMC,IAAgB,gBAAAC,EAACC,GAAA,EAAS,OAAO,MAAA,CAAO,GACxCC,IACJ,gBAAAC,EAACC,GAAA,EAAM,KAAK,GAAG,IAAI,GACjB,UAAA;AAAA,IAAA,gBAAAJ,EAACK,GAAA,EAAkB;AAAA,sBAClBA,GAAA,EAAkB;AAAA,sBAClBA,GAAA,CAAA,CAAkB;AAAA,EAAA,GACrB;AAEF,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,QACN,EAAE,OAAOP,GAAe,SAASG,EAAA;AAAA,QACjC,EAAE,OAAOH,GAAe,SAASG,EAAA;AAAA,QACjC,EAAE,OAAOH,GAAe,SAASG,EAAA;AAAA,MAAgB;AAAA,IACnD;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"EcosystemSkeleton.js","sources":["../../../src/components/Ecosystem/EcosystemSkeleton.tsx"],"sourcesContent":["import EcosystemLayout from '@/components/Ecosystem/EcosystemLayout'\nimport { SkeletonParagraph } from '@/components/index'\nimport { Stack } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\n\nfunction EcosystemSkeleton() {\n  const skeletonTitle = <Skeleton width={'80%'} />\n  const skeletonContent = (\n    <Stack gap={2} py={2}>\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n    </Stack>\n  )\n  return (\n    <EcosystemLayout\n      config={[\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n      ]}\n    />\n  )\n}\n\nexport default EcosystemSkeleton\n"],"names":["EcosystemSkeleton","skeletonTitle","jsx","Skeleton","skeletonContent","jsxs","Stack","SkeletonParagraph","EcosystemLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAASA,KAAoB;AAC3B,QAAMC,IAAgB,gBAAAC,EAACC,GAAA,EAAS,OAAO,MAAA,CAAO,GACxCC,IACJ,gBAAAC,EAACC,GAAA,EAAM,KAAK,GAAG,IAAI,GACjB,UAAA;AAAA,IAAA,gBAAAJ,EAACK,GAAA,EAAkB;AAAA,sBAClBA,GAAA,EAAkB;AAAA,sBAClBA,GAAA,CAAA,CAAkB;AAAA,EAAA,GACrB;AAEF,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,QACN,EAAE,OAAOP,GAAe,SAASG,EAAA;AAAA,QACjC,EAAE,OAAOH,GAAe,SAASG,EAAA;AAAA,QACjC,EAAE,OAAOH,GAAe,SAASG,EAAA;AAAA,MAAgB;AAAA,IACnD;AAAA,EAAA;AAGN;"}

package/dist/components/EntityDownloadButton/EntityDownloadButton.d.ts

@@ -1,4 +1,5 @@
 import { EntityType } from '@sage-bionetworks/synapse-client';
+import { RefObject } from 'react';
 export declare const PYTHON_CLIENT_IMPORT_AND_LOGIN = "import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")";
 export declare const R_CLIENT_IMPORT_AND_LOGIN = "library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")";
 declare enum DownloadAction {
@@ -13,6 +14,8 @@ export declare function EntityDownloadButton(props: {
     entityId: string;
     name: string;
     entityType: EntityType;
+    downloadConfirmationContainer?: RefObject<HTMLElement | null>;
+    disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=EntityDownloadButton.d.ts.map

package/dist/components/EntityDownloadButton/EntityDownloadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAEL,UAAU,EACX,MAAM,kCAAkC,CAAA;AAqBzC,eAAO,MAAM,8BAA8B,kGAEJ,CAAA;AAGvC,eAAO,MAAM,yBAAyB,+DACA,CAAA;AA2DtC,aAAK,cAAc;IACjB,YAAY,IAAA;IACZ,SAAS,IAAA;IACT,kBAAkB,IAAA;IAClB,wBAAwB,IAAA;IACxB,WAAW,IAAA;CACZ;AAqHD,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,UAAU,GACf,cAAc,EAAE,EAAE,CAkCpB;AA2ED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;CACvB,2CAuKA"}
+{"version":3,"file":"EntityDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAK7D,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAkB3C,eAAO,MAAM,8BAA8B,kGAEJ,CAAA;AAGvC,eAAO,MAAM,yBAAyB,+DACA,CAAA;AA2DtC,aAAK,cAAc;IACjB,YAAY,IAAA;IACZ,SAAS,IAAA;IACT,kBAAkB,IAAA;IAClB,wBAAwB,IAAA;IACxB,WAAW,IAAA;CACZ;AA6FD,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,UAAU,GACf,cAAc,EAAE,EAAE,CAkCpB;AA2ED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;IACtB,6BAA6B,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAgLA"}