synapse-react-client 4.0.9 → 4.0.11

package/dist/components/EntityDownloadButton/EntityDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadButton.js","names":[],"sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"sourcesContent":["import { useGetEntity, useGetVersions } from '@/synapse-queries'\nimport {\n  useAddFileToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/index'\nimport { useSynapseContext } from '@/utils'\nimport {\n  entityTypeToFriendlyName,\n  hasFilesInView,\n  isContainerType,\n  isDataset,\n  isEntityView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\nimport { isFileEntity } from '@/utils/types/IsType'\nimport { DownloadOutlined as DownloadIcon } from '@mui/icons-material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { RefObject, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../download_list/DownloadConfirmationUtils'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { DropdownMenu, DropdownMenuItem } from '../menu/DropdownMenu'\nimport { ModalDownload } from '../ModalDownload/ModalDownload'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport { displayToast } from '../ToastMessage/index'\n\n// WIP\n// Per Nick Grosenbacher: For this to be reusable, I think we would also need to accept versionNumber as a prop. Where we would have the following behavior:\n// - If the version number is present, use it\n// - If the version number is null, do not use it,\n// - If the version number is undefined, then we would try to do the 'smart' thing-- get the latest version for datasets, otherwise don't use it.\n\n// Have to keep these consts outside of getProgrammaticAccessCode because\n// they are being called in ProgrammaticTableDownload.tsx\n// Python client import and login instructions\nexport const PYTHON_CLIENT_IMPORT_AND_LOGIN = `import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")`\n\n// R client import and login instructions\nexport const R_CLIENT_IMPORT_AND_LOGIN = `library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")`\n\ntype ProgrammaticAccessCode = {\n  cliCode: string | undefined\n  rCode: string | undefined\n  pythonCode: string | undefined\n}\n\n// Generate programmatic access code snippet content based on entity type\nfunction getProgrammaticAccessCode(\n  type: EntityType,\n  entityId: string,\n  version: number | undefined,\n): ProgrammaticAccessCode {\n  const id =\n    type === EntityType.dataset && version ? `${entityId}.${version}` : entityId\n  switch (type) {\n    case EntityType.file:\n    case EntityType.folder:\n    case EntityType.project:\n    case EntityType.link:\n      return {\n        cliCode: `synapse get -r ${entityId}`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsynGet('${entityId}')`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsyn.get('${entityId}')`,\n      }\n    case EntityType.dockerrepo:\n      return {\n        cliCode: `docker login -u <synapse username> -p <synapse password> docker.synapse.org \\n\ndocker pull docker.synapse.org/${entityId}/myrepo`,\n        rCode: undefined,\n        pythonCode: undefined,\n      }\n    case EntityType.dataset:\n    case EntityType.entityview:\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n    case EntityType.recordset:\n      return {\n        cliCode: `synapse get -q \"SELECT * FROM ${id}\"`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\nquery <- synTableQuery(\"SELECT * FROM ${id}\")\nread.table(query$filepath, sep=\",\")`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\nquery = syn.tableQuery(\"SELECT * FROM ${id}\")\nquery.asDataFrame()`,\n      }\n    default:\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\nenum DownloadAction {\n  downloadFile,\n  addToCart,\n  programmaticAccess,\n  programmaticAccessDocker,\n  exportTable,\n}\n\n// Function that creates menu items for download actions\nfunction getMenuItemForAction(\n  entityId: string,\n  entityName: string,\n  entityType: EntityType,\n  downloadAction: DownloadAction,\n  setShowProgrammaticAccess: (show: boolean) => void,\n  setShowExportMetadata: (show: boolean) => void,\n  addFileToDownloadList: (params: {\n    entityId: string\n    entityVersionNumber: number | undefined\n  }) => void,\n  setShowDownloadConfirmation: (show: boolean) => void,\n  versionNumber?: number,\n  addToCartDisabled?: boolean,\n  onDownloadFile?: () => void,\n  isAuthenticated?: boolean,\n): DropdownMenuItem {\n  switch (downloadAction) {\n    case DownloadAction.downloadFile:\n      return {\n        text: 'Download File',\n        onClick: () => {\n          if (onDownloadFile) onDownloadFile()\n        },\n        tooltipText: isAuthenticated\n          ? 'Download this file directly'\n          : 'Sign in to download this file',\n        disabled: !isAuthenticated,\n      }\n    case DownloadAction.addToCart:\n      return {\n        text: 'Add to Download List',\n        disabled: addToCartDisabled,\n        tooltipText: getAddToCartTooltip(entityType, !!addToCartDisabled),\n        onClick: () => {\n          if (\n            entityType === EntityType.file ||\n            entityType === EntityType.recordset\n          ) {\n            addFileToDownloadList({\n              entityId,\n              entityVersionNumber: versionNumber,\n            })\n          } else {\n            setShowDownloadConfirmation(true)\n          }\n        },\n      }\n    case DownloadAction.programmaticAccess:\n      return {\n        text: 'Programmatic Access',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic access options',\n      }\n    case DownloadAction.programmaticAccessDocker:\n      return {\n        text: 'Programmatic Access (Docker)',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic options to pull Docker image',\n      }\n    case DownloadAction.exportTable:\n      return {\n        text: 'Export Table',\n        onClick: () => {\n          setShowExportMetadata(true)\n        },\n        tooltipText: 'Export table data',\n      }\n  }\n}\n\n/**\n * Determines the tooltip message based on the entity type and its \"add to cart\" status.\n */\nconst getAddToCartTooltip = (\n  entityType: EntityType,\n  isDisabled: boolean,\n): string => {\n  if (!isDisabled) {\n    return 'Add file(s) to your download list'\n  }\n  const entityFriendlyName = entityTypeToFriendlyName(entityType)\n  return `This ${entityFriendlyName} has no accessible files`\n}\n\n// Function that returns DropdownMenuItem\nexport function getDownloadActionsForEntityType(\n  type: EntityType,\n): DownloadAction[][] {\n  switch (type) {\n    case EntityType.file:\n    case EntityType.recordset:\n      return [\n        [DownloadAction.downloadFile],\n        [DownloadAction.addToCart, DownloadAction.programmaticAccess],\n      ]\n    case EntityType.project:\n    case EntityType.folder:\n      return [[DownloadAction.addToCart, DownloadAction.programmaticAccess]]\n    case EntityType.dockerrepo:\n      return [[DownloadAction.programmaticAccessDocker]]\n    case EntityType.entityview:\n    case EntityType.dataset:\n      return [\n        [\n          DownloadAction.exportTable,\n          DownloadAction.programmaticAccess,\n          DownloadAction.addToCart,\n        ],\n      ]\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n      return [[DownloadAction.exportTable, DownloadAction.programmaticAccess]]\n    case EntityType.link:\n      return [[DownloadAction.programmaticAccess]]\n    default:\n      // this will fail if a new EntityType is added and not handled\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\n// get the appropriate version number for download based on entity type\n// for datasets: returns the most recent released version if any exist, undefined otherwise\n// for other entities: returns the current version number\nfunction useGetLatestVersionNumber(entityId: string, entityType: EntityType) {\n  // get entity data\n  const { data: entityData, isLoading: entityDataLoading } =\n    useGetEntity(entityId) // No version = latest\n\n  // for datasets, check if any versions exist and use the most recent one\n  const mustGetVersion = entityType === EntityType.dataset\n  const { data: versionsData, isLoading: versionsLoading } = useGetVersions(\n    entityId,\n    0,\n    1,\n    {\n      enabled: mustGetVersion,\n    },\n  )\n\n  let latestVersionNumber: number | undefined\n\n  if (mustGetVersion) {\n    // for datasets, check if any versions exist\n    if (versionsData?.results && versionsData.results.length > 0) {\n      // Use the most recent released version (first in the list, since versions are returned in descending order)\n      latestVersionNumber = versionsData.results[0].versionNumber\n    } else {\n      // no versions exist, use undefined (will use current/draft version)\n      latestVersionNumber = undefined\n    }\n  } else {\n    // for non-datasets, use the entity's version number\n    latestVersionNumber =\n      entityData && isVersionableEntity(entityData)\n        ? entityData.versionNumber\n        : undefined\n  }\n\n  const isLoading = entityDataLoading || versionsLoading\n\n  return { latestVersionNumber, isLoading }\n}\n\n// create default queryBundleRequest with appropriate SQL\nfunction getDefaultQueryBundleRequestForEntity(\n  entityId: string,\n  versionNumber: number | undefined,\n  entityType: EntityType,\n): QueryBundleRequest {\n  let sql: string\n\n  if (entityType === EntityType.dataset) {\n    // for datasets:\n    // - if a version number exists (released version), use it: syn123.5\n    // - if no version number (no released versions), use current/draft: syn123\n    sql = versionNumber\n      ? `SELECT * FROM ${entityId}.${versionNumber}`\n      : `SELECT * FROM ${entityId}`\n  } else {\n    // For non-datasets, always use entity ID without version\n    sql = `SELECT * FROM ${entityId}`\n  }\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: `${entityId}`,\n    query: {\n      sql: sql,\n    },\n    partMask: 0,\n  }\n}\n\nexport function EntityDownloadButton(props: {\n  entityId: string\n  name: string\n  entityType: EntityType\n  downloadConfirmationContainer?: RefObject<HTMLElement | null>\n  disabled?: boolean\n}) {\n  // get the appropriate version number for the entity\n  const { latestVersionNumber } = useGetLatestVersionNumber(\n    props.entityId,\n    props.entityType,\n  )\n  // create queryBundleRequest with appropriate SQL based on entity type and version\n  const defaultQueryBundleRequest = getDefaultQueryBundleRequestForEntity(\n    props.entityId,\n    latestVersionNumber,\n    props.entityType,\n  )\n\n  // Get context and download functionality\n  const { downloadCartPageUrl, isAuthenticated } = useSynapseContext()\n  const { mutate: addFileToDownloadList } = useAddFileToDownloadList({\n    onSuccess: data => {\n      if (data.numberOfFilesAdded > 0) {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n      } else {\n        displayToast('0 Files added to your Download List', 'info')\n      }\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  // state to manage programmatic access modal visibility\n  const [showProgrammaticAccess, setShowProgrammaticAccess] =\n    useState<boolean>(false)\n\n  // state to manage download confirmation visibility and loading\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState<boolean>(false)\n  const [downloadConfirmationLoading, setDownloadConfirmationLoading] =\n    useState<boolean>(false)\n\n  const handleCloseProgrammaticAccess = () => {\n    setShowProgrammaticAccess(false)\n  }\n\n  const isFolderOrProject = isContainerType(props.entityType)\n\n  const {\n    data: folderOrProjectStats,\n    isLoading: isLoadingFolderOrProjectStats,\n  } = useGetAddToDownloadListStats(\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n      request: {\n        parentId: props.entityId,\n        concreteType:\n          'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n        recursive: true,\n      },\n    },\n    {\n      enabled: isFolderOrProject,\n    },\n  )\n\n  const folderOrProjectHasNoFiles =\n    isFolderOrProject &&\n    (isLoadingFolderOrProjectStats || folderOrProjectStats?.fileCount === 0)\n\n  const { data: entityData } = useGetEntity(props.entityId)\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const fileHandleId =\n    entityData && isFileEntity(entityData)\n      ? entityData.dataFileHandleId\n      : undefined\n\n  const onDownloadFile = fileHandleId\n    ? () => {\n        void downloadFile({\n          fileHandleId,\n          associatedObjectId: props.entityId,\n          associatedObjectType: FileHandleAssociateType.FileEntity,\n        })\n      }\n    : undefined\n\n  const entityViewHasNoFiles =\n    entityData && isEntityView(entityData) && !hasFilesInView(entityData)\n\n  const datasetHasNoFiles =\n    entityData &&\n    isDataset(entityData) &&\n    (!entityData.items || entityData.items.length === 0)\n\n  const addToCartDisabled =\n    folderOrProjectHasNoFiles || entityViewHasNoFiles || datasetHasNoFiles\n\n  // state to manage export metadata modal visibility\n  const [showExportMetadata, setShowExportMetadata] = useState<boolean>(false)\n\n  const handleCloseExportMetadata = () => {\n    setShowExportMetadata(false)\n  }\n\n  // Create download menu items\n  const downloadActions = getDownloadActionsForEntityType(props.entityType)\n  const downloadMenuItems = downloadActions.map(actionGroup =>\n    actionGroup.map(action =>\n      getMenuItemForAction(\n        props.entityId,\n        props.name,\n        props.entityType,\n        action,\n        setShowProgrammaticAccess,\n        setShowExportMetadata,\n        addFileToDownloadList,\n        setShowDownloadConfirmation,\n        latestVersionNumber,\n        addToCartDisabled,\n        onDownloadFile,\n        isAuthenticated,\n      ),\n    ),\n  )\n\n  // Return programmatic access modal content\n  const { cliCode, rCode, pythonCode } = getProgrammaticAccessCode(\n    props.entityType,\n    props.entityId,\n    latestVersionNumber,\n  )\n\n  const downloadConfirmation = showDownloadConfirmation ? (\n    <EntityDownloadConfirmation\n      entityId={props.entityId}\n      handleClose={() => setShowDownloadConfirmation(false)}\n      onIsLoadingChange={setDownloadConfirmationLoading}\n    />\n  ) : null\n\n  return (\n    <>\n      <DropdownMenu\n        items={downloadMenuItems}\n        dropdownButtonText=\"Download\"\n        buttonTooltip=\"Download options for this entity\"\n        buttonProps={{\n          variant: 'outlined',\n          startIcon: <DownloadIcon />,\n          disabled: props.disabled || downloadConfirmationLoading,\n        }}\n      />\n      {downloadConfirmation &&\n        (props.downloadConfirmationContainer?.current\n          ? createPortal(\n              downloadConfirmation,\n              props.downloadConfirmationContainer.current,\n            )\n          : downloadConfirmation)}\n      <ProgrammaticInstructionsModal\n        show={showProgrammaticAccess}\n        title={`Programmatic Access: ${props.name}`}\n        onClose={handleCloseProgrammaticAccess}\n        pythonCode={pythonCode}\n        rCode={rCode}\n        cliCode={cliCode}\n        helpUrl=\"https://help.synapse.org/docs/Synapse-Docker-Registry.2011037752.html#SynapseDockerRegistry-UsingDockerImagesStoredintheSynapseDockerRegistry\"\n      />\n      {showExportMetadata && (\n        <ModalDownload\n          queryBundleRequest={defaultQueryBundleRequest}\n          onClose={handleCloseExportMetadata}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EntityDownloadButton.js","names":[],"sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"sourcesContent":["import { useGetEntity, useGetVersions } from '@/synapse-queries'\nimport {\n  useAddFileToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/index'\nimport { useSynapseContext } from '@/utils'\nimport {\n  entityTypeToFriendlyName,\n  hasFilesInView,\n  isContainerType,\n  isDataset,\n  isEntityView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\nimport { isFileEntity } from '@/utils/types/IsType'\nimport { DownloadOutlined as DownloadIcon } from '@mui/icons-material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { RefObject, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../download_list/DownloadConfirmationUtils'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { DropdownMenu, DropdownMenuItem } from '../menu/DropdownMenu'\nimport { ModalDownload } from '../ModalDownload/ModalDownload'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport { displayToast } from '../ToastMessage/index'\n\n// WIP\n// Per Nick Grosenbacher: For this to be reusable, I think we would also need to accept versionNumber as a prop. Where we would have the following behavior:\n// - If the version number is present, use it\n// - If the version number is null, do not use it,\n// - If the version number is undefined, then we would try to do the 'smart' thing-- get the latest version for datasets, otherwise don't use it.\n\n// Have to keep these consts outside of getProgrammaticAccessCode because\n// they are being called in ProgrammaticTableDownload.tsx\n// Python client import and login instructions\nexport const PYTHON_CLIENT_IMPORT_AND_LOGIN = `import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")`\n\n// R client import and login instructions\nexport const R_CLIENT_IMPORT_AND_LOGIN = `library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")`\n\ntype ProgrammaticAccessCode = {\n  cliCode: string | undefined\n  rCode: string | undefined\n  pythonCode: string | undefined\n}\n\n// Generate programmatic access code snippet content based on entity type\nfunction getProgrammaticAccessCode(\n  type: EntityType,\n  entityId: string,\n  version: number | undefined,\n): ProgrammaticAccessCode {\n  const id =\n    type === EntityType.dataset && version ? `${entityId}.${version}` : entityId\n  switch (type) {\n    case EntityType.file:\n    case EntityType.folder:\n    case EntityType.project:\n    case EntityType.link:\n      return {\n        cliCode: `synapse get -r ${entityId}`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsynGet('${entityId}')`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsyn.get('${entityId}')`,\n      }\n    case EntityType.dockerrepo:\n      return {\n        cliCode: `docker login -u <synapse username> -p <synapse password> docker.synapse.org \\n\ndocker pull docker.synapse.org/${entityId}/myrepo`,\n        rCode: undefined,\n        pythonCode: undefined,\n      }\n    case EntityType.dataset:\n    case EntityType.entityview:\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n    case EntityType.recordset:\n      return {\n        cliCode: `synapse get -q \"SELECT * FROM ${id}\"`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\nquery <- synTableQuery(\"SELECT * FROM ${id}\")\nread.table(query$filepath, sep=\",\")`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\nquery = syn.tableQuery(\"SELECT * FROM ${id}\")\nquery.asDataFrame()`,\n      }\n    default:\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\nenum DownloadAction {\n  downloadFile,\n  addToCart,\n  programmaticAccess,\n  programmaticAccessDocker,\n  exportTable,\n}\n\n// Function that creates menu items for download actions\nfunction getMenuItemForAction(\n  entityId: string,\n  entityName: string,\n  entityType: EntityType,\n  downloadAction: DownloadAction,\n  setShowProgrammaticAccess: (show: boolean) => void,\n  setShowExportMetadata: (show: boolean) => void,\n  addFileToDownloadList: (params: {\n    entityId: string\n    entityVersionNumber: number | undefined\n  }) => void,\n  setShowDownloadConfirmation: (show: boolean) => void,\n  versionNumber?: number,\n  addToCartDisabled?: boolean,\n  onDownloadFile?: () => void,\n  isAuthenticated?: boolean,\n): DropdownMenuItem {\n  switch (downloadAction) {\n    case DownloadAction.downloadFile:\n      return {\n        text: 'Download File',\n        onClick: () => {\n          if (onDownloadFile) onDownloadFile()\n        },\n        tooltipText: isAuthenticated\n          ? 'Download this file directly'\n          : 'Sign in to download this file',\n        disabled: !isAuthenticated,\n      }\n    case DownloadAction.addToCart:\n      return {\n        text: 'Add to Download List',\n        disabled: addToCartDisabled,\n        tooltipText: getAddToCartTooltip(entityType, !!addToCartDisabled),\n        onClick: () => {\n          if (\n            entityType === EntityType.file ||\n            entityType === EntityType.recordset\n          ) {\n            addFileToDownloadList({\n              entityId,\n              entityVersionNumber: versionNumber,\n            })\n          } else {\n            setShowDownloadConfirmation(true)\n          }\n        },\n      }\n    case DownloadAction.programmaticAccess:\n      return {\n        text: 'Programmatic Access',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic access options',\n      }\n    case DownloadAction.programmaticAccessDocker:\n      return {\n        text: 'Programmatic Access (Docker)',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic options to pull Docker image',\n      }\n    case DownloadAction.exportTable:\n      return {\n        text: 'Export Table',\n        onClick: () => {\n          setShowExportMetadata(true)\n        },\n        tooltipText: 'Export table data',\n      }\n  }\n}\n\n/**\n * Determines the tooltip message based on the entity type and its \"add to cart\" status.\n */\nconst getAddToCartTooltip = (\n  entityType: EntityType,\n  isDisabled: boolean,\n): string => {\n  if (!isDisabled) {\n    return 'Add file(s) to your download list'\n  }\n  const entityFriendlyName = entityTypeToFriendlyName(entityType)\n  return `This ${entityFriendlyName} has no accessible files`\n}\n\n// Function that returns DropdownMenuItem\nexport function getDownloadActionsForEntityType(\n  type: EntityType,\n): DownloadAction[][] {\n  switch (type) {\n    case EntityType.file:\n    case EntityType.recordset:\n      return [\n        [DownloadAction.downloadFile],\n        [DownloadAction.addToCart, DownloadAction.programmaticAccess],\n      ]\n    case EntityType.project:\n    case EntityType.folder:\n      return [[DownloadAction.addToCart, DownloadAction.programmaticAccess]]\n    case EntityType.dockerrepo:\n      return [[DownloadAction.programmaticAccessDocker]]\n    case EntityType.entityview:\n    case EntityType.dataset:\n      return [\n        [\n          DownloadAction.exportTable,\n          DownloadAction.programmaticAccess,\n          DownloadAction.addToCart,\n        ],\n      ]\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n      return [[DownloadAction.exportTable, DownloadAction.programmaticAccess]]\n    case EntityType.link:\n      return [[DownloadAction.programmaticAccess]]\n    case EntityType.searchindex:\n      return []\n    default:\n      // this will fail if a new EntityType is added and not handled\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\n// get the appropriate version number for download based on entity type\n// for datasets: returns the most recent released version if any exist, undefined otherwise\n// for other entities: returns the current version number\nfunction useGetLatestVersionNumber(entityId: string, entityType: EntityType) {\n  // get entity data\n  const { data: entityData, isLoading: entityDataLoading } =\n    useGetEntity(entityId) // No version = latest\n\n  // for datasets, check if any versions exist and use the most recent one\n  const mustGetVersion = entityType === EntityType.dataset\n  const { data: versionsData, isLoading: versionsLoading } = useGetVersions(\n    entityId,\n    0,\n    1,\n    {\n      enabled: mustGetVersion,\n    },\n  )\n\n  let latestVersionNumber: number | undefined\n\n  if (mustGetVersion) {\n    // for datasets, check if any versions exist\n    if (versionsData?.results && versionsData.results.length > 0) {\n      // Use the most recent released version (first in the list, since versions are returned in descending order)\n      latestVersionNumber = versionsData.results[0].versionNumber\n    } else {\n      // no versions exist, use undefined (will use current/draft version)\n      latestVersionNumber = undefined\n    }\n  } else {\n    // for non-datasets, use the entity's version number\n    latestVersionNumber =\n      entityData && isVersionableEntity(entityData)\n        ? entityData.versionNumber\n        : undefined\n  }\n\n  const isLoading = entityDataLoading || versionsLoading\n\n  return { latestVersionNumber, isLoading }\n}\n\n// create default queryBundleRequest with appropriate SQL\nfunction getDefaultQueryBundleRequestForEntity(\n  entityId: string,\n  versionNumber: number | undefined,\n  entityType: EntityType,\n): QueryBundleRequest {\n  let sql: string\n\n  if (entityType === EntityType.dataset) {\n    // for datasets:\n    // - if a version number exists (released version), use it: syn123.5\n    // - if no version number (no released versions), use current/draft: syn123\n    sql = versionNumber\n      ? `SELECT * FROM ${entityId}.${versionNumber}`\n      : `SELECT * FROM ${entityId}`\n  } else {\n    // For non-datasets, always use entity ID without version\n    sql = `SELECT * FROM ${entityId}`\n  }\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: `${entityId}`,\n    query: {\n      sql: sql,\n    },\n    partMask: 0,\n  }\n}\n\nexport function EntityDownloadButton(props: {\n  entityId: string\n  name: string\n  entityType: EntityType\n  downloadConfirmationContainer?: RefObject<HTMLElement | null>\n  disabled?: boolean\n}) {\n  // get the appropriate version number for the entity\n  const { latestVersionNumber } = useGetLatestVersionNumber(\n    props.entityId,\n    props.entityType,\n  )\n  // create queryBundleRequest with appropriate SQL based on entity type and version\n  const defaultQueryBundleRequest = getDefaultQueryBundleRequestForEntity(\n    props.entityId,\n    latestVersionNumber,\n    props.entityType,\n  )\n\n  // Get context and download functionality\n  const { downloadCartPageUrl, isAuthenticated } = useSynapseContext()\n  const { mutate: addFileToDownloadList } = useAddFileToDownloadList({\n    onSuccess: data => {\n      if (data.numberOfFilesAdded > 0) {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n      } else {\n        displayToast('0 Files added to your Download List', 'info')\n      }\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  // state to manage programmatic access modal visibility\n  const [showProgrammaticAccess, setShowProgrammaticAccess] =\n    useState<boolean>(false)\n\n  // state to manage download confirmation visibility and loading\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState<boolean>(false)\n  const [downloadConfirmationLoading, setDownloadConfirmationLoading] =\n    useState<boolean>(false)\n\n  const handleCloseProgrammaticAccess = () => {\n    setShowProgrammaticAccess(false)\n  }\n\n  const isFolderOrProject = isContainerType(props.entityType)\n\n  const {\n    data: folderOrProjectStats,\n    isLoading: isLoadingFolderOrProjectStats,\n  } = useGetAddToDownloadListStats(\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n      request: {\n        parentId: props.entityId,\n        concreteType:\n          'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n        recursive: true,\n      },\n    },\n    {\n      enabled: isFolderOrProject,\n    },\n  )\n\n  const folderOrProjectHasNoFiles =\n    isFolderOrProject &&\n    (isLoadingFolderOrProjectStats || folderOrProjectStats?.fileCount === 0)\n\n  const { data: entityData } = useGetEntity(props.entityId)\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const fileHandleId =\n    entityData && isFileEntity(entityData)\n      ? entityData.dataFileHandleId\n      : undefined\n\n  const onDownloadFile = fileHandleId\n    ? () => {\n        void downloadFile({\n          fileHandleId,\n          associatedObjectId: props.entityId,\n          associatedObjectType: FileHandleAssociateType.FileEntity,\n        })\n      }\n    : undefined\n\n  const entityViewHasNoFiles =\n    entityData && isEntityView(entityData) && !hasFilesInView(entityData)\n\n  const datasetHasNoFiles =\n    entityData &&\n    isDataset(entityData) &&\n    (!entityData.items || entityData.items.length === 0)\n\n  const addToCartDisabled =\n    folderOrProjectHasNoFiles || entityViewHasNoFiles || datasetHasNoFiles\n\n  // state to manage export metadata modal visibility\n  const [showExportMetadata, setShowExportMetadata] = useState<boolean>(false)\n\n  const handleCloseExportMetadata = () => {\n    setShowExportMetadata(false)\n  }\n\n  // Create download menu items\n  const downloadActions = getDownloadActionsForEntityType(props.entityType)\n  const downloadMenuItems = downloadActions.map(actionGroup =>\n    actionGroup.map(action =>\n      getMenuItemForAction(\n        props.entityId,\n        props.name,\n        props.entityType,\n        action,\n        setShowProgrammaticAccess,\n        setShowExportMetadata,\n        addFileToDownloadList,\n        setShowDownloadConfirmation,\n        latestVersionNumber,\n        addToCartDisabled,\n        onDownloadFile,\n        isAuthenticated,\n      ),\n    ),\n  )\n\n  // Return programmatic access modal content\n  const { cliCode, rCode, pythonCode } = getProgrammaticAccessCode(\n    props.entityType,\n    props.entityId,\n    latestVersionNumber,\n  )\n\n  const downloadConfirmation = showDownloadConfirmation ? (\n    <EntityDownloadConfirmation\n      entityId={props.entityId}\n      handleClose={() => setShowDownloadConfirmation(false)}\n      onIsLoadingChange={setDownloadConfirmationLoading}\n    />\n  ) : null\n\n  return (\n    <>\n      <DropdownMenu\n        items={downloadMenuItems}\n        dropdownButtonText=\"Download\"\n        buttonTooltip=\"Download options for this entity\"\n        buttonProps={{\n          variant: 'outlined',\n          startIcon: <DownloadIcon />,\n          disabled: props.disabled || downloadConfirmationLoading,\n        }}\n      />\n      {downloadConfirmation &&\n        (props.downloadConfirmationContainer?.current\n          ? createPortal(\n              downloadConfirmation,\n              props.downloadConfirmationContainer.current,\n            )\n          : downloadConfirmation)}\n      <ProgrammaticInstructionsModal\n        show={showProgrammaticAccess}\n        title={`Programmatic Access: ${props.name}`}\n        onClose={handleCloseProgrammaticAccess}\n        pythonCode={pythonCode}\n        rCode={rCode}\n        cliCode={cliCode}\n        helpUrl=\"https://help.synapse.org/docs/Synapse-Docker-Registry.2011037752.html#SynapseDockerRegistry-UsingDockerImagesStoredintheSynapseDockerRegistry\"\n      />\n      {showExportMetadata && (\n        <ModalDownload\n          queryBundleRequest={defaultQueryBundleRequest}\n          onClose={handleCloseExportMetadata}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwCA,IAAa,IAAiC,iGAKjC,IAA4B;AAUzC,SAAS,EACP,GACA,GACA,GACwB;CACxB,IAAM,IACJ,MAAS,EAAW,WAAW,IAAU,GAAG,EAAS,GAAG,MAAY;AACtE,SAAQ,GAAR;EACE,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW,KACd,QAAO;GACL,SAAS,kBAAkB;GAC3B,OAAO,GAAG,EAA0B;;UAElC,EAAS;GACX,YAAY,GAAG,EAA+B;;WAE3C,EAAS;GACb;EACH,KAAK,EAAW,WACd,QAAO;GACL,SAAS;iCACgB,EAAS;GAClC,OAAO,KAAA;GACP,YAAY,KAAA;GACb;EACH,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW,UACd,QAAO;GACL,SAAS,iCAAiC,EAAG;GAC7C,OAAO,GAAG,EAA0B;wCACJ,EAAG;;GAEnC,YAAY,GAAG,EAA+B;wCACd,EAAG;;GAEpC;EACH,QACE,OAAU,MAAM,yBAAyB,IAAO;;;AAItD,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,EAAA,eAAA,KAAA,gBACA,EAAA,EAAA,YAAA,KAAA,aACA,EAAA,EAAA,qBAAA,KAAA,sBACA,EAAA,EAAA,2BAAA,KAAA,4BACA,EAAA,EAAA,cAAA,KAAA;EALG,KAAA,EAAA,CAMJ;AAGD,SAAS,EACP,GACA,GACA,GACA,GACA,GACA,GACA,GAIA,GACA,GACA,GACA,GACA,GACkB;AAClB,SAAQ,GAAR;EACE,KAAK,EAAe,aAClB,QAAO;GACL,MAAM;GACN,eAAe;AACb,IAAI,KAAgB,GAAgB;;GAEtC,aAAa,IACT,gCACA;GACJ,UAAU,CAAC;GACZ;EACH,KAAK,EAAe,UAClB,QAAO;GACL,MAAM;GACN,UAAU;GACV,aAAa,EAAoB,GAAY,CAAC,CAAC,EAAkB;GACjE,eAAe;AACb,IACE,MAAe,EAAW,QAC1B,MAAe,EAAW,YAE1B,EAAsB;KACpB;KACA,qBAAqB;KACtB,CAAC,GAEF,EAA4B,GAAK;;GAGtC;EACH,KAAK,EAAe,mBAClB,QAAO;GACL,MAAM;GACN,eAAe;AACb,MAA0B,GAAK;;GAEjC,aAAa;GACd;EACH,KAAK,EAAe,yBAClB,QAAO;GACL,MAAM;GACN,eAAe;AACb,MAA0B,GAAK;;GAEjC,aAAa;GACd;EACH,KAAK,EAAe,YAClB,QAAO;GACL,MAAM;GACN,eAAe;AACb,MAAsB,GAAK;;GAE7B,aAAa;GACd;;;AAOP,IAAM,KACJ,GACA,MAEK,IAIE,QADoB,EAAyB,EACrC,CAAmB,4BAHzB;AAOX,SAAgB,EACd,GACoB;AACpB,SAAQ,GAAR;EACE,KAAK,EAAW;EAChB,KAAK,EAAW,UACd,QAAO,CACL,CAAC,EAAe,aAAa,EAC7B,CAAC,EAAe,WAAW,EAAe,mBAAmB,CAC9D;EACH,KAAK,EAAW;EAChB,KAAK,EAAW,OACd,QAAO,CAAC,CAAC,EAAe,WAAW,EAAe,mBAAmB,CAAC;EACxE,KAAK,EAAW,WACd,QAAO,CAAC,CAAC,EAAe,yBAAyB,CAAC;EACpD,KAAK,EAAW;EAChB,KAAK,EAAW,QACd,QAAO,CACL;GACE,EAAe;GACf,EAAe;GACf,EAAe;GAChB,CACF;EACH,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW;EAChB,KAAK,EAAW,aACd,QAAO,CAAC,CAAC,EAAe,aAAa,EAAe,mBAAmB,CAAC;EAC1E,KAAK,EAAW,KACd,QAAO,CAAC,CAAC,EAAe,mBAAmB,CAAC;EAC9C,KAAK,EAAW,YACd,QAAO,EAAE;EACX,QAEE,OAAU,MAAM,yBAAyB,IAAO;;;AAOtD,SAAS,EAA0B,GAAkB,GAAwB;CAE3E,IAAM,EAAE,MAAM,GAAY,WAAW,MACnC,EAAa,EAAS,EAGlB,IAAiB,MAAe,EAAW,SAC3C,EAAE,MAAM,GAAc,WAAW,MAAoB,EACzD,GACA,GACA,GACA,EACE,SAAS,GACV,CACF,EAEG;AAqBJ,QAnBA,AAWE,IAXE,IAEE,GAAc,WAAW,EAAa,QAAQ,SAAS,IAEnC,EAAa,QAAQ,GAAG,gBAGxB,KAAA,IAKtB,KAAc,EAAoB,EAAW,GACzC,EAAW,gBACX,KAAA,GAKD;EAAE;EAAqB,WAFZ,KAAqB;EAEE;;AAI3C,SAAS,EACP,GACA,GACA,GACoB;CACpB,IAAI;AAcJ,QAZA,AASE,IATE,MAAe,EAAW,WAItB,IACF,iBAAiB,EAAS,GAAG,MAC7B,iBAAiB,KAMhB;EACL,cAAc;EACd,UAAU,GAAG;EACb,OAAO,EACA,QACN;EACD,UAAU;EACX;;AAGH,SAAgB,EAAqB,GAMlC;CAED,IAAM,EAAE,2BAAwB,EAC9B,EAAM,UACN,EAAM,WACP,EAEK,IAA4B,EAChC,EAAM,UACN,GACA,EAAM,WACP,EAGK,EAAE,wBAAqB,uBAAoB,GAAmB,EAC9D,EAAE,QAAQ,MAA0B,EAAyB;EACjE,YAAW,MAAQ;AACjB,GAAI,EAAK,qBAAqB,IAC5B,EAA2C,EAAoB,GAE/D,EAAa,uCAAuC,OAAO;;EAG/D,UAAS,MAAS;AAChB,KAAa,EAAM,QAAQ,SAAS;;EAEvC,CAAC,EAGI,CAAC,GAAwB,KAC7B,EAAkB,GAAM,EAGpB,CAAC,GAA0B,KAC/B,EAAkB,GAAM,EACpB,CAAC,GAA6B,KAClC,EAAkB,GAAM,EAEpB,UAAsC;AAC1C,IAA0B,GAAM;IAG5B,IAAoB,EAAgB,EAAM,WAAW,EAErD,EACJ,MAAM,GACN,WAAW,MACT,EACF;EACE,cACE;EACF,SAAS;GACP,UAAU,EAAM;GAChB,cACE;GACF,WAAW;GACZ;EACF,EACD,EACE,SAAS,GACV,CACF,EAEK,IACJ,MACC,KAAiC,GAAsB,cAAc,IAElE,EAAE,MAAM,MAAe,EAAa,EAAM,SAAS,EAEnD,EAAE,oBAAiB,GAA0B,EAE7C,IACJ,KAAc,EAAa,EAAW,GAClC,EAAW,mBACX,KAAA,GAEA,IAAiB,UACb;AACC,IAAa;GAChB;GACA,oBAAoB,EAAM;GAC1B,sBAAsB,EAAwB;GAC/C,CAAC;KAEJ,KAAA,GAEE,IACJ,KAAc,EAAa,EAAW,IAAI,CAAC,EAAe,EAAW,EAEjE,IACJ,KACA,EAAU,EAAW,KACpB,CAAC,EAAW,SAAS,EAAW,MAAM,WAAW,IAE9C,IACJ,KAA6B,KAAwB,GAGjD,CAAC,GAAoB,KAAyB,EAAkB,GAAM,EAEtE,WAAkC;AACtC,IAAsB,GAAM;IAKxB,KADkB,EAAgC,EAAM,WACpC,CAAgB,KAAI,MAC5C,EAAY,KAAI,MACd,EACE,EAAM,UACN,EAAM,MACN,EAAM,YACN,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,EACD,CACF,CACF,EAGK,EAAE,aAAS,WAAO,mBAAe,EACrC,EAAM,YACN,EAAM,UACN,EACD,EAEK,IAAuB,IAC3B,kBAAC,GAAD;EACE,UAAU,EAAM;EAChB,mBAAmB,EAA4B,GAAM;EACrD,mBAAmB;EACnB,CAAA,GACA;AAEJ,QACE,mBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,OAAO;GACP,oBAAmB;GACnB,eAAc;GACd,aAAa;IACX,SAAS;IACT,WAAW,kBAAC,GAAD,EAAgB,CAAA;IAC3B,UAAU,EAAM,YAAY;IAC7B;GACD,CAAA;EACD,MACE,EAAM,+BAA+B,UAClC,EACE,GACA,EAAM,8BAA8B,QACrC,GACD;EACN,kBAAC,GAAD;GACE,MAAM;GACN,OAAO,wBAAwB,EAAM;GACrC,SAAS;GACG;GACL;GACE;GACT,SAAQ;GACR,CAAA;EACD,KACC,kBAAC,GAAD;GACE,oBAAoB;GACpB,SAAS;GACT,CAAA;EAEH,EAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadConfirmation.d.ts","sourceRoot":"","sources":["../../../src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAeD;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,EAAE,+BAA+B,kDAsDjC;AAED,eAAe,0BAA0B,CAAA"}
+{"version":3,"file":"EntityDownloadConfirmation.d.ts","sourceRoot":"","sources":["../../../src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx"],"names":[],"mappings":"AAcA;;;;GAIG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAeD;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,EAAE,+BAA+B,kDAqEjC;AAED,eAAe,0BAA0B,CAAA"}

package/dist/components/EntityDownloadConfirmation/EntityDownloadConfirmation.js

@@ -1,41 +1,47 @@
 import { convertToEntityType as e, isContainerType as t } from "../../utils/functions/EntityTypeUtils.js";
-import { useGetEntity as n } from "../../synapse-queries/entity/useEntity.js";
+import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
+import "../../utils/index.js";
+import { useGetEntity as r } from "../../synapse-queries/entity/useEntity.js";
 import "../../synapse-queries/index.js";
-import r from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
-import { useEffect as i, useMemo as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { EntityType as s } from "@sage-bionetworks/synapse-client";
+import { DownloadConfirmationUI as i } from "../download_list/DownloadConfirmationUI.js";
+import a from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
+import { useEffect as o, useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { EntityType as l } from "@sage-bionetworks/synapse-client";
 //#region src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx
-var c = [
-	s.project,
-	s.folder,
-	s.dataset,
-	s.datasetcollection
-], l = [s.entityview], u = [s.dataset, s.datasetcollection];
-function d({ entityId: s, versionNumber: d, handleClose: f, onIsLoadingChange: p }) {
-	let { data: m, isLoading: h } = n(s), g = m?.concreteType ? e(m.concreteType) : void 0;
-	i(() => {
-		p(h);
-	}, [h, p]);
-	let _ = a(() => g ? l.includes(g) ? {
+var u = [
+	l.project,
+	l.folder,
+	l.dataset,
+	l.datasetcollection
+], d = [l.entityview], f = [l.dataset, l.datasetcollection];
+function p({ entityId: l, versionNumber: p, handleClose: m, onIsLoadingChange: h }) {
+	let { isAuthenticated: g } = n(), { data: _, isLoading: v } = r(g ? l : void 0), y = _?.concreteType ? e(_.concreteType) : void 0;
+	o(() => {
+		h(v);
+	}, [v, h]);
+	let b = s(() => y ? d.includes(y) ? {
 		concreteType: "org.sagebionetworks.repo.model.download.AddToDownloadListRequest",
-		query: { sql: `select * from ${s}${d == null ? "" : `.${d}`}` }
-	} : c.includes(g) ? {
+		query: { sql: `select * from ${l}${p == null ? "" : `.${p}`}` }
+	} : u.includes(y) ? {
 		concreteType: "org.sagebionetworks.repo.model.download.AddToDownloadListRequest",
-		parentId: s,
-		useVersionNumber: u.includes(g),
-		recursive: t(g)
+		parentId: l,
+		useVersionNumber: f.includes(y),
+		recursive: t(y)
 	} : null : null, [
-		g,
-		s,
-		d
+		y,
+		l,
+		p
 	]);
-	return _ ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(r, {
-		addToDownloadListRequest: _,
-		onClose: f
-	}) }) : null;
+	return b ? /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(a, {
+		addToDownloadListRequest: b,
+		onClose: m
+	}) }) : g ? null : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(i, {
+		onAddToDownloadCart: () => {},
+		onCancel: m
+	}) });
 }
 //#endregion
-export { d as EntityDownloadConfirmation, d as default };
+export { p as EntityDownloadConfirmation, p as default };
 
 //# sourceMappingURL=EntityDownloadConfirmation.js.map

package/dist/components/EntityDownloadConfirmation/EntityDownloadConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadConfirmation.js","names":[],"sources":["../../../src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  AddToDownloadListRequest,\n  EntityType,\n} from '@sage-bionetworks/synapse-client'\nimport { useEffect, useMemo } from 'react'\nimport { useGetEntity } from '../../synapse-queries/'\n\n/**\n * Props for the EntityDownloadConfirmation component.\n *\n * @property entityId - The ID of the entity to be added to the download cart.\n */\nexport type EntityDownloadConfirmationProps = {\n  entityId: string\n  versionNumber?: number\n  onIsLoadingChange: (isLoading: boolean) => void\n  handleClose: () => void\n}\n\nconst typesToAddToDownloadListWithParentId: EntityType[] = [\n  EntityType.project,\n  EntityType.folder,\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\nconst typesToAddToDownloadListWithQuery: EntityType[] = [EntityType.entityview]\n/** Users expect the specific file version included in the dataset to be added to the cart */\nconst typesWhereFileVersionNumberShouldBeUsed: EntityType[] = [\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\n\n/**\n * A component that allows users to add an entity to the download cart. It displays a confirmation dialog that displays\n * statistics about the set of items that will be added to the download cart.\n *\n * @param props - The properties for the component.\n * @param props.entityId - The ID of the entity to be added to the download cart.\n *\n * @returns The rendered EntityDownloadConfirmation component.\n */\nexport function EntityDownloadConfirmation({\n  entityId,\n  versionNumber,\n  handleClose,\n  onIsLoadingChange,\n}: EntityDownloadConfirmationProps) {\n  const { data: entity, isLoading: isLoadingEntity } = useGetEntity(entityId)\n  const entityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  useEffect(() => {\n    onIsLoadingChange(isLoadingEntity)\n  }, [isLoadingEntity, onIsLoadingChange])\n\n  const addToDownloadListRequest: AddToDownloadListRequest | null =\n    useMemo(() => {\n      if (!entityType) {\n        return null\n      }\n      if (typesToAddToDownloadListWithQuery.includes(entityType)) {\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          query: {\n            sql: `select * from ${entityId}${\n              versionNumber != undefined ? `.${versionNumber}` : ''\n            }`,\n          },\n        }\n      }\n      if (typesToAddToDownloadListWithParentId.includes(entityType)) {\n        const useVersionNumber =\n          typesWhereFileVersionNumberShouldBeUsed.includes(entityType)\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          // TODO: Specify version of dataset/dataset collection (PLFM-9311)\n          parentId: entityId,\n          useVersionNumber,\n          recursive: isContainerType(entityType),\n        }\n      }\n\n      return null\n    }, [entityType, entityId, versionNumber])\n\n  if (!addToDownloadListRequest) {\n    return null\n  }\n\n  return (\n    <div>\n      <AddToDownloadListConfirmationAlert\n        addToDownloadListRequest={addToDownloadListRequest}\n        onClose={handleClose}\n      />\n    </div>\n  )\n}\n\nexport default EntityDownloadConfirmation\n"],"mappings":";;;;;;;;AAwBA,IAAM,IAAqD;CACzD,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACZ,EACK,IAAkD,CAAC,EAAW,WAAW,EAEzE,IAAwD,CAC5D,EAAW,SACX,EAAW,kBACZ;AAWD,SAAgB,EAA2B,EACzC,aACA,kBACA,gBACA,wBACkC;CAClC,IAAM,EAAE,MAAM,GAAQ,WAAW,MAAoB,EAAa,EAAS,EACrE,IAAa,GAAQ,eACvB,EAAoB,EAAO,aAAa,GACxC,KAAA;AAEJ,SAAgB;AACd,IAAkB,EAAgB;IACjC,CAAC,GAAiB,EAAkB,CAAC;CAExC,IAAM,IACJ,QACO,IAGD,EAAkC,SAAS,EAAW,GACjD;EACL,cACE;EACF,OAAO,EACL,KAAK,iBAAiB,IACpB,KAAiB,OAAkC,KAAtB,IAAI,OAEpC;EACF,GAEC,EAAqC,SAAS,EAAW,GAGpD;EACL,cACE;EAEF,UAAU;EACV,kBANA,EAAwC,SAAS,EAAW;EAO5D,WAAW,EAAgB,EAAW;EACvC,GAGI,OA1BE,MA2BR;EAAC;EAAY;EAAU;EAAc,CAAC;AAM3C,QAJK,IAKH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EAC4B;EAC1B,SAAS;EACT,CAAA,EACE,CAAA,GATC"}
+{"version":3,"file":"EntityDownloadConfirmation.js","names":[],"sources":["../../../src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport DownloadConfirmationUI from '@/components/download_list/DownloadConfirmationUI'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSynapseContext } from '@/utils'\nimport {\n  AddToDownloadListRequest,\n  EntityType,\n} from '@sage-bionetworks/synapse-client'\nimport { useEffect, useMemo } from 'react'\nimport { useGetEntity } from '../../synapse-queries/'\n\n/**\n * Props for the EntityDownloadConfirmation component.\n *\n * @property entityId - The ID of the entity to be added to the download cart.\n */\nexport type EntityDownloadConfirmationProps = {\n  entityId: string\n  versionNumber?: number\n  onIsLoadingChange: (isLoading: boolean) => void\n  handleClose: () => void\n}\n\nconst typesToAddToDownloadListWithParentId: EntityType[] = [\n  EntityType.project,\n  EntityType.folder,\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\nconst typesToAddToDownloadListWithQuery: EntityType[] = [EntityType.entityview]\n/** Users expect the specific file version included in the dataset to be added to the cart */\nconst typesWhereFileVersionNumberShouldBeUsed: EntityType[] = [\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\n\n/**\n * A component that allows users to add an entity to the download cart. It displays a confirmation dialog that displays\n * statistics about the set of items that will be added to the download cart.\n *\n * @param props - The properties for the component.\n * @param props.entityId - The ID of the entity to be added to the download cart.\n *\n * @returns The rendered EntityDownloadConfirmation component.\n */\nexport function EntityDownloadConfirmation({\n  entityId,\n  versionNumber,\n  handleClose,\n  onIsLoadingChange,\n}: EntityDownloadConfirmationProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: entity, isLoading: isLoadingEntity } = useGetEntity(\n    isAuthenticated ? entityId : undefined,\n  )\n  const entityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  useEffect(() => {\n    onIsLoadingChange(isLoadingEntity)\n  }, [isLoadingEntity, onIsLoadingChange])\n\n  const addToDownloadListRequest: AddToDownloadListRequest | null =\n    useMemo(() => {\n      if (!entityType) {\n        return null\n      }\n      if (typesToAddToDownloadListWithQuery.includes(entityType)) {\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          query: {\n            sql: `select * from ${entityId}${\n              versionNumber != undefined ? `.${versionNumber}` : ''\n            }`,\n          },\n        }\n      }\n      if (typesToAddToDownloadListWithParentId.includes(entityType)) {\n        const useVersionNumber =\n          typesWhereFileVersionNumberShouldBeUsed.includes(entityType)\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          // TODO: Specify version of dataset/dataset collection (PLFM-9311)\n          parentId: entityId,\n          useVersionNumber,\n          recursive: isContainerType(entityType),\n        }\n      }\n\n      return null\n    }, [entityType, entityId, versionNumber])\n\n  if (!addToDownloadListRequest) {\n    if (!isAuthenticated) {\n      return (\n        <div>\n          <DownloadConfirmationUI\n            onAddToDownloadCart={() => {\n            \t// Only displaying UI to prompt sign-in, so no-op is OK\n            }}\n            onCancel={handleClose}\n          />\n        </div>\n      )\n    }\n    return null\n  }\n\n  return (\n    <div>\n      <AddToDownloadListConfirmationAlert\n        addToDownloadListRequest={addToDownloadListRequest}\n        onClose={handleClose}\n      />\n    </div>\n  )\n}\n\nexport default EntityDownloadConfirmation\n"],"mappings":";;;;;;;;;;;AA0BA,IAAM,IAAqD;CACzD,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACZ,EACK,IAAkD,CAAC,EAAW,WAAW,EAEzE,IAAwD,CAC5D,EAAW,SACX,EAAW,kBACZ;AAWD,SAAgB,EAA2B,EACzC,aACA,kBACA,gBACA,wBACkC;CAClC,IAAM,EAAE,uBAAoB,GAAmB,EACzC,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,IAAkB,IAAW,KAAA,EAC9B,EACK,IAAa,GAAQ,eACvB,EAAoB,EAAO,aAAa,GACxC,KAAA;AAEJ,SAAgB;AACd,IAAkB,EAAgB;IACjC,CAAC,GAAiB,EAAkB,CAAC;CAExC,IAAM,IACJ,QACO,IAGD,EAAkC,SAAS,EAAW,GACjD;EACL,cACE;EACF,OAAO,EACL,KAAK,iBAAiB,IACpB,KAAiB,OAAkC,KAAtB,IAAI,OAEpC;EACF,GAEC,EAAqC,SAAS,EAAW,GAGpD;EACL,cACE;EAEF,UAAU;EACV,kBANA,EAAwC,SAAS,EAMjD;EACA,WAAW,EAAgB,EAAW;EACvC,GAGI,OA1BE,MA2BR;EAAC;EAAY;EAAU;EAAc,CAAC;AAkB3C,QAhBK,IAiBH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EAC4B;EAC1B,SAAS;EACT,CAAA,EACE,CAAA,GArBD,IAYE,OAVH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,2BAA2B;EAG3B,UAAU;EACV,CAAA,EACE,CAAA"}

package/dist/components/EntityFinder/EntityFinder.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFinder.js","names":[],"sources":["../../../src/components/EntityFinder/EntityFinder.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { getEntityTypeFromHeader } from '@/utils/functions/EntityTypeUtils'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport ClearIcon from '@mui/icons-material/Clear'\nimport SearchIcon from '@mui/icons-material/Search'\nimport {\n  Box,\n  Chip,\n  IconButton,\n  InputAdornment,\n  Stack,\n  Tab,\n  Tabs,\n  TextField,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { KeyValue, Reference } from '@sage-bionetworks/synapse-types'\nimport { Map } from 'immutable'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport { ReflexContainer, ReflexElement, ReflexSplitter } from 'react-reflex'\nimport 'react-reflex/styles.css'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs'\nimport {\n  EntityDetailsList,\n  EntityDetailsListDataConfiguration,\n  EntityDetailsListDataConfigurationType,\n  EntityDetailsListProps,\n} from './details/EntityDetailsList'\nimport { EntityFinderHeader } from './EntityFinderHeader'\nimport { EntityTree, EntityTreeContainer, FinderScope } from './tree/EntityTree'\nimport { EntityTreeNodeType } from './tree/VirtualizedTree'\nimport { useEntitySelection } from './useEntitySelection'\nimport { VersionSelectionType } from './VersionSelectionType'\n\nconst DEFAULT_SELECTABLE_TYPES = Object.values(EntityType)\nconst TABLE_DEFAULT_VISIBLE_TYPES = Object.values(EntityType)\nconst TREE_DEFAULT_VISIBLE_TYPES = [EntityType.project, EntityType.folder]\n\nconst searchForOnlyTypesBooleanQuery = (\n  entityTypes: EntityType[],\n): KeyValue[] => {\n  // Boolean query terms will be combined with AND, and there's no way to OR.\n  // So we will negate searching for all omitted types.\n  const allTypes = Object.values(EntityType)\n  const typesToOmit = allTypes.filter(type => !entityTypes.includes(type))\n  return typesToOmit.map(type => ({\n    key: 'node_type',\n    value: type.toString(),\n    not: true,\n  }))\n}\n\nexport type EntityFinderProps = {\n  /** Whether it is possible to select multiple entities */\n  selectMultiple: boolean\n  /** Callback invoked when the selection changes */\n  onSelectedChange: (selected: Reference[]) => void\n  /** The initial appearance of the entity finder. Possible values include \"Current Project\", \"All Projects\", \"Projects Created By Me\", \"My Favorites\" */\n  initialScope: FinderScope\n  /** The SynID of the 'Current Project'. If this is not a defined, then the scope cannot be \"Current Project\" */\n  projectId?: string\n  /** The SynID of the entity that should open by default. If this is a Syn ID, then it must be in the project specified in `projectId` */\n  initialContainer: string | 'root' | null\n  /** Determines if versions are selectable, and if so, how they should be shown. Default is \"TRACKED\" */\n  versionSelection?: VersionSelectionType\n  /** The entity types to show in the details view (right pane). Any types specified in `selectableTypes` will automatically be included. */\n  visibleTypesInList?: EntityType[]\n  /** The entity types that may be selected. Types in `visibleTypesInList` that are not in `selectableTypes` will appear as disabled options. Only the types in `selectableTypes` will appear in search */\n  selectableTypes?: EntityType[]\n  /** The types to show in the tree used to navigate. If `treeOnly` is true, any types specified in `selectableTypes` will automatically be included. */\n  visibleTypesInTree?: EntityType[]\n  /** Whether to show only the tree. If `true`, the tree will be used to make selections */\n  treeOnly?: boolean\n  /** If provided, the initial selection will be set to this list of references. The selection will be reset to this value if this object changes, so it should be memoized. */\n  initialSelected?: Reference[]\n}\n\nenum EntityFinderTab {\n  BROWSE,\n  SELECTED,\n}\n\nexport function EntityFinder({\n  initialScope,\n  projectId,\n  initialContainer = null,\n  selectMultiple,\n  onSelectedChange,\n  versionSelection = VersionSelectionType.TRACKED,\n  selectableTypes = DEFAULT_SELECTABLE_TYPES,\n  visibleTypesInList = TABLE_DEFAULT_VISIBLE_TYPES,\n  visibleTypesInTree = TREE_DEFAULT_VISIBLE_TYPES,\n  treeOnly = false,\n  initialSelected,\n}: EntityFinderProps): React.ReactNode {\n  const { accessToken } = useSynapseContext()\n  const [currentTab, setCurrentTab] = React.useState(EntityFinderTab.BROWSE)\n\n  const [searchActive, setSearchActive] = useState(false)\n  // The raw value of the search input box:\n  const [searchInput, setSearchInput] = useState<string>('')\n  // The \"parsed\" search terms, which are only calculated when Enter is pressed:\n  const [searchTerms, setSearchTerms] = useState<string[]>()\n  const [breadcrumbsProps, setBreadcrumbsProps] = useState<BreadcrumbsProps>({\n    items: [],\n  })\n  const [searchByIdResults, setSearchByIdResults] = useState<\n    EntityFinderHeader[]\n  >([])\n  const [configFromTreeView, setConfigFromTreeView] =\n    useState<EntityDetailsListDataConfiguration>({\n      type: EntityDetailsListDataConfigurationType.PROMPT,\n    })\n\n  // If a type is selectable, it should be visible in the tree/list (depending on treeOnly)\n  const selectableAndVisibleTypesInTree = useMemo(\n    () => [...visibleTypesInTree, ...selectableTypes],\n    [visibleTypesInTree, selectableTypes],\n  )\n  const selectableAndVisibleTypesInList = useMemo(\n    () => [...visibleTypesInList, ...selectableTypes],\n    [visibleTypesInList, selectableTypes],\n  )\n\n  // For dual-pane, this state variable indicates which container is selected in the tree view and should be shown in the table view\n  const [currentContainer, setCurrentContainer] =\n    useState<EntityTreeContainer>(initialContainer)\n\n  const handleError = useErrorHandler()\n\n  const setBreadcrumbs = useCallback(\n    (items: BreadcrumbItem[]) => {\n      setBreadcrumbsProps({\n        items,\n      })\n    },\n    [setBreadcrumbsProps],\n  )\n\n  const { selectedEntities, toggleSelection, setSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  useEffect(() => {\n    if (initialSelected) {\n      let map = Map<string, Reference>()\n      map = map.withMutations(mutableMap => {\n        initialSelected.forEach(reference => {\n          mutableMap.set(reference.targetId, reference)\n        })\n      })\n\n      setSelection(map)\n    }\n  }, [initialSelected, setSelection])\n\n  // A snapshot of the selectedEntities used to populate the selection list, allowing deselection of entities without removing them from the list.\n  const [selectedEntitiesSnapshot, setSelectedEntitiesSnapshot] =\n    useState(selectedEntities)\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const isSelectable = useCallback(\n    (entity: EntityFinderHeader) => {\n      const type = getEntityTypeFromHeader(entity)\n      return selectableTypes.includes(type)\n    },\n    [selectableTypes],\n  )\n\n  useEffect(() => {\n    // When it changes, convert the map of selected items to a list of references and invoke the callback\n    onSelectedChange(Array.from(selectedEntities.values()))\n  }, [selectedEntities, onSelectedChange])\n\n  useEffect(() => {\n    if (searchTerms?.length === 1) {\n      const searchTermReference = parseSynId(searchTerms[0])\n      if (searchTermReference) {\n        SynapseClient.getEntityHeaders([searchTermReference], accessToken)\n          .then(response => {\n            setSearchByIdResults(response.results)\n          })\n          .catch(e => handleError(e))\n      }\n    } else {\n      setSearchByIdResults([])\n    }\n  }, [accessToken, searchTerms, handleError])\n\n  const handleTabChange = (\n    _event: React.SyntheticEvent,\n    newValue: EntityFinderTab,\n  ) => {\n    setSelectedEntitiesSnapshot(selectedEntities)\n    setCurrentTab(newValue)\n  }\n\n  const mainPanelClass = searchActive\n    ? 'MainPanelSearch'\n    : treeOnly\n    ? 'MainPanelSinglePane'\n    : 'MainPanelDualPane'\n\n  const entityDetailsListProps: EntityDetailsListProps = {\n    configuration: configFromTreeView,\n    versionSelection: versionSelection,\n    selected: selectedEntities,\n    isIdSelected: isIdSelected,\n    isSelectable: isSelectable,\n    visibleTypes: selectableAndVisibleTypesInList,\n    selectableTypes: selectableTypes,\n    selectColumnType: selectMultiple ? 'checkbox' : 'none',\n    toggleSelection: toggleSelection,\n    setInitialVersion: setInitialVersion,\n    enableSelectAll: selectMultiple,\n    setCurrentContainer: setCurrentContainer,\n  }\n\n  return (\n    <SynapseErrorBoundary>\n      <div className=\"EntityFinder\">\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            mb: 2.5,\n            rowGap: 2,\n            columnGap: 4,\n            flexWrap: { xs: 'wrap', md: 'nowrap' },\n          }}\n        >\n          <Tabs\n            value={currentTab}\n            onChange={handleTabChange}\n            sx={{ flex: 'none' }}\n          >\n            <Tab value={EntityFinderTab.BROWSE} label={'Browse'}></Tab>\n            <Tab\n              value={EntityFinderTab.SELECTED}\n              label={\n                <Stack\n                  direction={'row'}\n                  sx={{\n                    gap: 0.5,\n                    alignItems: 'center',\n                  }}\n                >\n                  <span>Selected</span>\n                  <Chip\n                    size={'small'}\n                    label={selectedEntities.size.toLocaleString()}\n                    sx={{\n                      backgroundColor: 'tertiary.500',\n                      color: 'grey.900',\n                      height: '21px',\n                    }}\n                  ></Chip>\n                </Stack>\n              }\n            ></Tab>\n          </Tabs>\n          <TextField\n            size={'small'}\n            placeholder=\"Search by name, wiki content, or SynID\"\n            value={searchInput}\n            onChange={event => {\n              setSearchInput(event.target.value)\n            }}\n            onKeyDown={(event: any) => {\n              if (event.key === 'Enter') {\n                const trimmedInput = event.target.value.trim()\n                setSearchActive(!!trimmedInput)\n                if (trimmedInput) {\n                  setSearchTerms(trimmedInput.split(/\\s+/))\n                  setCurrentTab(EntityFinderTab.BROWSE)\n                }\n              }\n            }}\n            sx={{\n              maxWidth: { xs: '100%', md: '350px' },\n              flex: '1 1 350px',\n            }}\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SearchIcon />\n                  </InputAdornment>\n                ),\n                endAdornment: searchTerms ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      size={'small'}\n                      onClick={() => {\n                        setSearchInput('')\n                        setSearchTerms(undefined)\n                        setSearchActive(false)\n                      }}\n                      aria-label=\"Clear Search\"\n                      disabled={!searchInput && !searchActive}\n                    >\n                      <ClearIcon />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n              },\n            }}\n          />\n        </Box>\n        <div\n          role={'tabpanel'}\n          className={`EntityFinder__MainPanel ${mainPanelClass}`}\n          style={{\n            display: currentTab === EntityFinderTab.BROWSE ? 'block' : 'none',\n          }}\n        >\n          {/* We have a separate Details component for search in order to preserve state in the other component between searches */}\n          {searchActive && (\n            <EntityDetailsList\n              configuration={\n                searchByIdResults && searchByIdResults.length > 0\n                  ? {\n                      type: EntityDetailsListDataConfigurationType.HEADER_LIST,\n                      headerList: searchByIdResults,\n                    }\n                  : {\n                      type: EntityDetailsListDataConfigurationType.ENTITY_SEARCH,\n                      query: {\n                        queryTerm: searchTerms,\n                        booleanQuery:\n                          searchForOnlyTypesBooleanQuery(selectableTypes),\n                      },\n                    }\n              }\n              versionSelection={versionSelection}\n              selectColumnType={selectMultiple ? 'checkbox' : 'none'}\n              selected={selectedEntities}\n              isIdSelected={isIdSelected}\n              isSelectable={isSelectable}\n              visibleTypes={selectableTypes}\n              selectableTypes={selectableTypes}\n              toggleSelection={toggleSelection}\n              setInitialVersion={setInitialVersion}\n              enableSelectAll={selectMultiple}\n              // Intentionally do not pass \"setCurrentContainer\" -- search does not use the tree so it has nothing to update\n              setCurrentContainer={undefined}\n            />\n          )}\n          {\n            <div style={searchActive ? { display: 'none' } : {}}>\n              {treeOnly ? (\n                <div>\n                  <SynapseErrorBoundary>\n                    <EntityTree\n                      toggleSelection={toggleSelection}\n                      showDropdown={true}\n                      visibleTypes={selectableAndVisibleTypesInTree}\n                      initialScope={initialScope}\n                      selectedEntities={selectedEntities}\n                      projectId={projectId}\n                      initialContainer={initialContainer}\n                      currentContainer={currentContainer}\n                      setCurrentContainer={setCurrentContainer}\n                      showScopeAsRootNode={false}\n                      treeNodeType={EntityTreeNodeType.SINGLE_PANE}\n                      selectableTypes={selectableTypes}\n                    />\n                  </SynapseErrorBoundary>\n                </div>\n              ) : (\n                <div className=\"EntityFinderReflexContainer\">\n                  <ReflexContainer orientation=\"vertical\" windowResizeAware>\n                    <ReflexElement\n                      className=\"TreeViewReflexElement\"\n                      flex={0.24}\n                    >\n                      <SynapseErrorBoundary>\n                        <EntityTree\n                          selectedEntities={selectedEntities}\n                          setDetailsViewConfiguration={setConfigFromTreeView}\n                          showDropdown={true}\n                          visibleTypes={visibleTypesInTree}\n                          initialScope={initialScope}\n                          projectId={projectId}\n                          initialContainer={initialContainer}\n                          currentContainer={currentContainer}\n                          setCurrentContainer={setCurrentContainer}\n                          treeNodeType={EntityTreeNodeType.DUAL_PANE}\n                          setBreadcrumbItems={setBreadcrumbs}\n                          selectableTypes={visibleTypesInTree}\n                        />\n                      </SynapseErrorBoundary>\n                    </ReflexElement>\n                    <ReflexSplitter></ReflexSplitter>\n                    <ReflexElement className=\"DetailsViewReflexElement\">\n                      <SynapseErrorBoundary>\n                        <EntityDetailsList {...entityDetailsListProps} />\n                        <Breadcrumbs {...breadcrumbsProps} />\n                      </SynapseErrorBoundary>\n                    </ReflexElement>\n                  </ReflexContainer>\n                </div>\n              )}\n            </div>\n          }\n        </div>\n        <div\n          role={'tabpanel'}\n          className={'MainPanelSelected'}\n          style={{\n            display: currentTab === EntityFinderTab.SELECTED ? 'block' : 'none',\n          }}\n        >\n          <EntityDetailsList\n            {...entityDetailsListProps}\n            configuration={{\n              type: EntityDetailsListDataConfigurationType.REFERENCE_LIST,\n              referenceList: Array.from(selectedEntitiesSnapshot.values()),\n            }}\n          />\n        </div>\n      </div>\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default EntityFinder\n"],"mappings":"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"}
+{"version":3,"file":"EntityFinder.js","names":[],"sources":["../../../src/components/EntityFinder/EntityFinder.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { getEntityTypeFromHeader } from '@/utils/functions/EntityTypeUtils'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport ClearIcon from '@mui/icons-material/Clear'\nimport SearchIcon from '@mui/icons-material/Search'\nimport {\n  Box,\n  Chip,\n  IconButton,\n  InputAdornment,\n  Stack,\n  Tab,\n  Tabs,\n  TextField,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { KeyValue, Reference } from '@sage-bionetworks/synapse-types'\nimport { Map } from 'immutable'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport { ReflexContainer, ReflexElement, ReflexSplitter } from 'react-reflex'\nimport 'react-reflex/styles.css'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs'\nimport {\n  EntityDetailsList,\n  EntityDetailsListDataConfiguration,\n  EntityDetailsListDataConfigurationType,\n  EntityDetailsListProps,\n} from './details/EntityDetailsList'\nimport { EntityFinderHeader } from './EntityFinderHeader'\nimport { EntityTree, EntityTreeContainer, FinderScope } from './tree/EntityTree'\nimport { EntityTreeNodeType } from './tree/VirtualizedTree'\nimport { useEntitySelection } from './useEntitySelection'\nimport { VersionSelectionType } from './VersionSelectionType'\n\nconst DEFAULT_SELECTABLE_TYPES = Object.values(EntityType)\nconst TABLE_DEFAULT_VISIBLE_TYPES = Object.values(EntityType)\nconst TREE_DEFAULT_VISIBLE_TYPES = [EntityType.project, EntityType.folder]\n\nconst searchForOnlyTypesBooleanQuery = (\n  entityTypes: EntityType[],\n): KeyValue[] => {\n  // Boolean query terms will be combined with AND, and there's no way to OR.\n  // So we will negate searching for all omitted types.\n  const allTypes = Object.values(EntityType)\n  const typesToOmit = allTypes.filter(type => !entityTypes.includes(type))\n  return typesToOmit.map(type => ({\n    key: 'node_type',\n    value: type.toString(),\n    not: true,\n  }))\n}\n\nexport type EntityFinderProps = {\n  /** Whether it is possible to select multiple entities */\n  selectMultiple: boolean\n  /** Callback invoked when the selection changes */\n  onSelectedChange: (selected: Reference[]) => void\n  /** The initial appearance of the entity finder. Possible values include \"Current Project\", \"All Projects\", \"Projects Created By Me\", \"My Favorites\" */\n  initialScope: FinderScope\n  /** The SynID of the 'Current Project'. If this is not a defined, then the scope cannot be \"Current Project\" */\n  projectId?: string\n  /** The SynID of the entity that should open by default. If this is a Syn ID, then it must be in the project specified in `projectId` */\n  initialContainer: string | 'root' | null\n  /** Determines if versions are selectable, and if so, how they should be shown. Default is \"TRACKED\" */\n  versionSelection?: VersionSelectionType\n  /** The entity types to show in the details view (right pane). Any types specified in `selectableTypes` will automatically be included. */\n  visibleTypesInList?: EntityType[]\n  /** The entity types that may be selected. Types in `visibleTypesInList` that are not in `selectableTypes` will appear as disabled options. Only the types in `selectableTypes` will appear in search */\n  selectableTypes?: EntityType[]\n  /** The types to show in the tree used to navigate. If `treeOnly` is true, any types specified in `selectableTypes` will automatically be included. */\n  visibleTypesInTree?: EntityType[]\n  /** Whether to show only the tree. If `true`, the tree will be used to make selections */\n  treeOnly?: boolean\n  /** If provided, the initial selection will be set to this list of references. The selection will be reset to this value if this object changes, so it should be memoized. */\n  initialSelected?: Reference[]\n}\n\nenum EntityFinderTab {\n  BROWSE,\n  SELECTED,\n}\n\nexport function EntityFinder({\n  initialScope,\n  projectId,\n  initialContainer = null,\n  selectMultiple,\n  onSelectedChange,\n  versionSelection = VersionSelectionType.TRACKED,\n  selectableTypes = DEFAULT_SELECTABLE_TYPES,\n  visibleTypesInList = TABLE_DEFAULT_VISIBLE_TYPES,\n  visibleTypesInTree = TREE_DEFAULT_VISIBLE_TYPES,\n  treeOnly = false,\n  initialSelected,\n}: EntityFinderProps): React.ReactNode {\n  const { accessToken } = useSynapseContext()\n  const [currentTab, setCurrentTab] = React.useState(EntityFinderTab.BROWSE)\n\n  const [searchActive, setSearchActive] = useState(false)\n  // The raw value of the search input box:\n  const [searchInput, setSearchInput] = useState<string>('')\n  // The \"parsed\" search terms, which are only calculated when Enter is pressed:\n  const [searchTerms, setSearchTerms] = useState<string[]>()\n  const [breadcrumbsProps, setBreadcrumbsProps] = useState<BreadcrumbsProps>({\n    items: [],\n  })\n  const [searchByIdResults, setSearchByIdResults] = useState<\n    EntityFinderHeader[]\n  >([])\n  const [configFromTreeView, setConfigFromTreeView] =\n    useState<EntityDetailsListDataConfiguration>({\n      type: EntityDetailsListDataConfigurationType.PROMPT,\n    })\n\n  // If a type is selectable, it should be visible in the tree/list (depending on treeOnly)\n  const selectableAndVisibleTypesInTree = useMemo(\n    () => [...visibleTypesInTree, ...selectableTypes],\n    [visibleTypesInTree, selectableTypes],\n  )\n  const selectableAndVisibleTypesInList = useMemo(\n    () => [...visibleTypesInList, ...selectableTypes],\n    [visibleTypesInList, selectableTypes],\n  )\n\n  // For dual-pane, this state variable indicates which container is selected in the tree view and should be shown in the table view\n  const [currentContainer, setCurrentContainer] =\n    useState<EntityTreeContainer>(initialContainer)\n\n  const handleError = useErrorHandler()\n\n  const setBreadcrumbs = useCallback(\n    (items: BreadcrumbItem[]) => {\n      setBreadcrumbsProps({\n        items,\n      })\n    },\n    [setBreadcrumbsProps],\n  )\n\n  const { selectedEntities, toggleSelection, setSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  useEffect(() => {\n    if (initialSelected) {\n      let map = Map<string, Reference>()\n      map = map.withMutations(mutableMap => {\n        initialSelected.forEach(reference => {\n          mutableMap.set(reference.targetId, reference)\n        })\n      })\n\n      setSelection(map)\n    }\n  }, [initialSelected, setSelection])\n\n  // A snapshot of the selectedEntities used to populate the selection list, allowing deselection of entities without removing them from the list.\n  const [selectedEntitiesSnapshot, setSelectedEntitiesSnapshot] =\n    useState(selectedEntities)\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const isSelectable = useCallback(\n    (entity: EntityFinderHeader) => {\n      const type = getEntityTypeFromHeader(entity)\n      return selectableTypes.includes(type)\n    },\n    [selectableTypes],\n  )\n\n  useEffect(() => {\n    // When it changes, convert the map of selected items to a list of references and invoke the callback\n    onSelectedChange(Array.from(selectedEntities.values()))\n  }, [selectedEntities, onSelectedChange])\n\n  useEffect(() => {\n    if (searchTerms?.length === 1) {\n      const searchTermReference = parseSynId(searchTerms[0])\n      if (searchTermReference) {\n        SynapseClient.getEntityHeaders([searchTermReference], accessToken)\n          .then(response => {\n            setSearchByIdResults(response.results)\n          })\n          .catch(e => handleError(e))\n      }\n    } else {\n      setSearchByIdResults([])\n    }\n  }, [accessToken, searchTerms, handleError])\n\n  const handleTabChange = (\n    _event: React.SyntheticEvent,\n    newValue: EntityFinderTab,\n  ) => {\n    setSelectedEntitiesSnapshot(selectedEntities)\n    setCurrentTab(newValue)\n  }\n\n  const mainPanelClass = searchActive\n    ? 'MainPanelSearch'\n    : treeOnly\n    ? 'MainPanelSinglePane'\n    : 'MainPanelDualPane'\n\n  const entityDetailsListProps: EntityDetailsListProps = {\n    configuration: configFromTreeView,\n    versionSelection: versionSelection,\n    selected: selectedEntities,\n    isIdSelected: isIdSelected,\n    isSelectable: isSelectable,\n    visibleTypes: selectableAndVisibleTypesInList,\n    selectableTypes: selectableTypes,\n    selectColumnType: selectMultiple ? 'checkbox' : 'none',\n    toggleSelection: toggleSelection,\n    setInitialVersion: setInitialVersion,\n    enableSelectAll: selectMultiple,\n    setCurrentContainer: setCurrentContainer,\n  }\n\n  return (\n    <SynapseErrorBoundary>\n      <div className=\"EntityFinder\">\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            mb: 2.5,\n            rowGap: 2,\n            columnGap: 4,\n            flexWrap: { xs: 'wrap', md: 'nowrap' },\n          }}\n        >\n          <Tabs\n            value={currentTab}\n            onChange={handleTabChange}\n            sx={{ flex: 'none' }}\n          >\n            <Tab value={EntityFinderTab.BROWSE} label={'Browse'}></Tab>\n            <Tab\n              value={EntityFinderTab.SELECTED}\n              label={\n                <Stack\n                  direction={'row'}\n                  sx={{\n                    gap: 0.5,\n                    alignItems: 'center',\n                  }}\n                >\n                  <span>Selected</span>\n                  <Chip\n                    size={'small'}\n                    label={selectedEntities.size.toLocaleString()}\n                    sx={{\n                      backgroundColor: 'tertiary.500',\n                      color: 'grey.900',\n                      height: '21px',\n                    }}\n                  ></Chip>\n                </Stack>\n              }\n            ></Tab>\n          </Tabs>\n          <TextField\n            size={'small'}\n            placeholder=\"Search by name, wiki content, or SynID\"\n            value={searchInput}\n            onChange={event => {\n              setSearchInput(event.target.value)\n            }}\n            onKeyDown={(event: any) => {\n              if (event.key === 'Enter') {\n                const trimmedInput = event.target.value.trim()\n                setSearchActive(!!trimmedInput)\n                if (trimmedInput) {\n                  setSearchTerms(trimmedInput.split(/\\s+/))\n                  setCurrentTab(EntityFinderTab.BROWSE)\n                }\n              }\n            }}\n            sx={{\n              maxWidth: { xs: '100%', md: '350px' },\n              flex: '1 1 350px',\n            }}\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SearchIcon />\n                  </InputAdornment>\n                ),\n                endAdornment: searchTerms ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      size={'small'}\n                      onClick={() => {\n                        setSearchInput('')\n                        setSearchTerms(undefined)\n                        setSearchActive(false)\n                      }}\n                      aria-label=\"Clear Search\"\n                      disabled={!searchInput && !searchActive}\n                    >\n                      <ClearIcon />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n              },\n            }}\n          />\n        </Box>\n        <div\n          role={'tabpanel'}\n          className={`EntityFinder__MainPanel ${mainPanelClass}`}\n          style={{\n            display: currentTab === EntityFinderTab.BROWSE ? 'block' : 'none',\n          }}\n        >\n          {/* We have a separate Details component for search in order to preserve state in the other component between searches */}\n          {searchActive && (\n            <EntityDetailsList\n              configuration={\n                searchByIdResults && searchByIdResults.length > 0\n                  ? {\n                      type: EntityDetailsListDataConfigurationType.HEADER_LIST,\n                      headerList: searchByIdResults,\n                    }\n                  : {\n                      type: EntityDetailsListDataConfigurationType.ENTITY_SEARCH,\n                      query: {\n                        queryTerm: searchTerms,\n                        booleanQuery:\n                          searchForOnlyTypesBooleanQuery(selectableTypes),\n                      },\n                    }\n              }\n              versionSelection={versionSelection}\n              selectColumnType={selectMultiple ? 'checkbox' : 'none'}\n              selected={selectedEntities}\n              isIdSelected={isIdSelected}\n              isSelectable={isSelectable}\n              visibleTypes={selectableTypes}\n              selectableTypes={selectableTypes}\n              toggleSelection={toggleSelection}\n              setInitialVersion={setInitialVersion}\n              enableSelectAll={selectMultiple}\n              // Intentionally do not pass \"setCurrentContainer\" -- search does not use the tree so it has nothing to update\n              setCurrentContainer={undefined}\n            />\n          )}\n          {\n            <div style={searchActive ? { display: 'none' } : {}}>\n              {treeOnly ? (\n                <div>\n                  <SynapseErrorBoundary>\n                    <EntityTree\n                      toggleSelection={toggleSelection}\n                      showDropdown={true}\n                      visibleTypes={selectableAndVisibleTypesInTree}\n                      initialScope={initialScope}\n                      selectedEntities={selectedEntities}\n                      projectId={projectId}\n                      initialContainer={initialContainer}\n                      currentContainer={currentContainer}\n                      setCurrentContainer={setCurrentContainer}\n                      showScopeAsRootNode={false}\n                      treeNodeType={EntityTreeNodeType.SINGLE_PANE}\n                      selectableTypes={selectableTypes}\n                    />\n                  </SynapseErrorBoundary>\n                </div>\n              ) : (\n                <div className=\"EntityFinderReflexContainer\">\n                  <ReflexContainer orientation=\"vertical\" windowResizeAware>\n                    <ReflexElement\n                      className=\"TreeViewReflexElement\"\n                      flex={0.24}\n                    >\n                      <SynapseErrorBoundary>\n                        <EntityTree\n                          selectedEntities={selectedEntities}\n                          setDetailsViewConfiguration={setConfigFromTreeView}\n                          showDropdown={true}\n                          visibleTypes={visibleTypesInTree}\n                          initialScope={initialScope}\n                          projectId={projectId}\n                          initialContainer={initialContainer}\n                          currentContainer={currentContainer}\n                          setCurrentContainer={setCurrentContainer}\n                          treeNodeType={EntityTreeNodeType.DUAL_PANE}\n                          setBreadcrumbItems={setBreadcrumbs}\n                          selectableTypes={visibleTypesInTree}\n                        />\n                      </SynapseErrorBoundary>\n                    </ReflexElement>\n                    <ReflexSplitter></ReflexSplitter>\n                    <ReflexElement className=\"DetailsViewReflexElement\">\n                      <SynapseErrorBoundary>\n                        <EntityDetailsList {...entityDetailsListProps} />\n                        <Breadcrumbs {...breadcrumbsProps} />\n                      </SynapseErrorBoundary>\n                    </ReflexElement>\n                  </ReflexContainer>\n                </div>\n              )}\n            </div>\n          }\n        </div>\n        <div\n          role={'tabpanel'}\n          className={'MainPanelSelected'}\n          style={{\n            display: currentTab === EntityFinderTab.SELECTED ? 'block' : 'none',\n          }}\n        >\n          <EntityDetailsList\n            {...entityDetailsListProps}\n            configuration={{\n              type: EntityDetailsListDataConfigurationType.REFERENCE_LIST,\n              referenceList: Array.from(selectedEntitiesSnapshot.values()),\n            }}\n          />\n        </div>\n      </div>\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default EntityFinder\n"],"mappings":"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"}

package/dist/components/EntityFinder/VersionSelectionType.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionSelectionType.js","names":[],"sources":["../../../src/components/EntityFinder/VersionSelectionType.ts"],"sourcesContent":["/**\n * Documents the possible EntityFinder version selection configurations\n */\nexport enum VersionSelectionType {\n  /** Versions cannot be selected. In dual-pane mode, the version column will not be shown. */\n  DISALLOWED = 'DISALLOWED',\n  /** A numbered version must be selected. The current version of tables will not be shown. */\n  REQUIRED = 'REQUIRED',\n  /**\n   * Versions can be selected, including \"Always Latest\" version for any versionable entity type.\n   * This should be selected if updates to the entity will not be \"tracked\" by the use case,\n   * i.e. the widget will update when the entity is updated.\n   */\n  TRACKED = 'TRACKED',\n  /**\n   * Versions can be selected. Tables and views will allow selection of the \"Current\"/\"Draft\" version.\n   * This should be selected if updates to the entity will not be \"tracked\" by the use case.\n   */\n  UNTRACKED = 'UNTRACKED',\n}\n"],"mappings":";AAGA,IAAY,IAAL,yBAAA,GAAA;QAEL,EAAA,aAAA,cAEA,EAAA,WAAA,YAMA,EAAA,UAAA,WAKA,EAAA,YAAA;KACD"}
+{"version":3,"file":"VersionSelectionType.js","names":[],"sources":["../../../src/components/EntityFinder/VersionSelectionType.ts"],"sourcesContent":["/**\n * Documents the possible EntityFinder version selection configurations\n */\nexport enum VersionSelectionType {\n  /** Versions cannot be selected. In dual-pane mode, the version column will not be shown. */\n  DISALLOWED = 'DISALLOWED',\n  /** A numbered version must be selected. The current version of tables will not be shown. */\n  REQUIRED = 'REQUIRED',\n  /**\n   * Versions can be selected, including \"Always Latest\" version for any versionable entity type.\n   * This should be selected if updates to the entity will not be \"tracked\" by the use case,\n   * i.e. the widget will update when the entity is updated.\n   */\n  TRACKED = 'TRACKED',\n  /**\n   * Versions can be selected. Tables and views will allow selection of the \"Current\"/\"Draft\" version.\n   * This should be selected if updates to the entity will not be \"tracked\" by the use case.\n   */\n  UNTRACKED = 'UNTRACKED',\n}\n"],"mappings":";AAGA,IAAY,IAAL,yBAAA,GAAA;QAEL,EAAA,aAAa,cAEb,EAAA,WAAW,YAMX,EAAA,UAAU,WAKV,EAAA,YAAY;KACb"}

package/dist/components/EntityFinder/details/configurations/EntityChildrenDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityChildrenDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/EntityChildrenDetails.tsx"],"sourcesContent":["import { useGetEntityChildrenInfinite } from '@/synapse-queries/entity/useGetEntityChildren'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { Direction, SortBy } from '@sage-bionetworks/synapse-types'\nimport { SortingState } from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView, DetailsViewColumn } from '../view/DetailsView'\n\ntype EntityChildrenDetailsProps = EntityDetailsListSharedProps & {\n  parentContainerId: string\n}\n\nconst sortableColumns = [\n  DetailsViewColumn.NAME,\n  DetailsViewColumn.CREATED_ON,\n  DetailsViewColumn.MODIFIED_ON,\n]\n\n/**\n * Translates TanStack table's SortBy state to the SortBy used in the Synapse getEntityChildren API\n */\nfunction convertColumnToSortBy(column: DetailsViewColumn): SortBy | undefined {\n  switch (column) {\n    case DetailsViewColumn.NAME:\n      return SortBy.NAME\n    case DetailsViewColumn.CREATED_ON:\n      return SortBy.CREATED_ON\n    case DetailsViewColumn.MODIFIED_ON:\n      return SortBy.MODIFIED_ON\n  }\n\n  return undefined\n}\n\nexport function EntityChildrenDetails({\n  parentContainerId,\n  ...sharedProps\n}: EntityChildrenDetailsProps) {\n  const [sortingState, setSortingState] = useState<SortingState>([\n    {\n      id: DetailsViewColumn.NAME,\n      desc: false,\n    },\n  ])\n\n  const getChildrenInfiniteRequestObject = {\n    parentId: parentContainerId,\n    includeTotalChildCount: true,\n    includeTypes: sharedProps.visibleTypes,\n    sortBy: sortingState[0]\n      ? convertColumnToSortBy(sortingState[0].id as DetailsViewColumn)\n      : undefined,\n    sortDirection: sortingState[0]\n      ? sortingState[0].desc\n        ? Direction.DESC\n        : Direction.ASC\n      : undefined,\n  }\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetEntityChildrenInfinite(getChildrenInfiniteRequestObject, {\n      throwOnError: true,\n    })\n  const entities = data?.pages.flatMap(page => page.page) ?? []\n  const totalEntities = data?.pages[0].totalChildCount\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      enableSorting={true}\n      enableMultiSort={false}\n      sortableColumns={sortableColumns}\n      sorting={sortingState}\n      onSortingChange={setSortingState}\n      selectAllIsChecked={selectAllCheckboxState}\n      getChildrenInfiniteRequestObject={getChildrenInfiniteRequestObject}\n      totalEntities={totalEntities}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAYA,IAAM,IAAkB;CACtB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB;AAKD,SAAS,EAAsB,GAA+C;AAC5E,SAAQ,GAAR;EACE,KAAK,EAAkB,KACrB,QAAO,EAAO;EAChB,KAAK,EAAkB,WACrB,QAAO,EAAO;EAChB,KAAK,EAAkB,YACrB,QAAO,EAAO;;;AAMpB,SAAgB,EAAsB,EACpC,sBACA,GAAG,KAC0B;CAC7B,IAAM,CAAC,GAAc,KAAmB,EAAuB,CAC7D;EACE,IAAI,EAAkB;EACtB,MAAM;EACP,CACF,CAAC,EAEI,IAAmC;EACvC,UAAU;EACV,wBAAwB;EACxB,cAAc,EAAY;EAC1B,QAAQ,EAAa,KACjB,EAAsB,EAAa,GAAG,GAAwB,GAC9D,KAAA;EACJ,eAAe,EAAa,KACxB,EAAa,GAAG,OACd,EAAU,OACV,EAAU,MACZ,KAAA;EACL,EACK,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAA6B,GAAkC,EAC7D,cAAc,IACf,CAAC,EACE,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,KAAK,IAAI,EAAE,EACvD,IAAgB,GAAM,MAAM,GAAG;AAYrC,QACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,eAAe;EACf,iBAAiB;EACA;EACjB,SAAS;EACT,iBAAiB;EACjB,oBAtB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EACD;EAeqC;EACnB;EACf,GAAI;EACJ,CAAA"}
+{"version":3,"file":"EntityChildrenDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/EntityChildrenDetails.tsx"],"sourcesContent":["import { useGetEntityChildrenInfinite } from '@/synapse-queries/entity/useGetEntityChildren'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { Direction, SortBy } from '@sage-bionetworks/synapse-types'\nimport { SortingState } from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView, DetailsViewColumn } from '../view/DetailsView'\n\ntype EntityChildrenDetailsProps = EntityDetailsListSharedProps & {\n  parentContainerId: string\n}\n\nconst sortableColumns = [\n  DetailsViewColumn.NAME,\n  DetailsViewColumn.CREATED_ON,\n  DetailsViewColumn.MODIFIED_ON,\n]\n\n/**\n * Translates TanStack table's SortBy state to the SortBy used in the Synapse getEntityChildren API\n */\nfunction convertColumnToSortBy(column: DetailsViewColumn): SortBy | undefined {\n  switch (column) {\n    case DetailsViewColumn.NAME:\n      return SortBy.NAME\n    case DetailsViewColumn.CREATED_ON:\n      return SortBy.CREATED_ON\n    case DetailsViewColumn.MODIFIED_ON:\n      return SortBy.MODIFIED_ON\n  }\n\n  return undefined\n}\n\nexport function EntityChildrenDetails({\n  parentContainerId,\n  ...sharedProps\n}: EntityChildrenDetailsProps) {\n  const [sortingState, setSortingState] = useState<SortingState>([\n    {\n      id: DetailsViewColumn.NAME,\n      desc: false,\n    },\n  ])\n\n  const getChildrenInfiniteRequestObject = {\n    parentId: parentContainerId,\n    includeTotalChildCount: true,\n    includeTypes: sharedProps.visibleTypes,\n    sortBy: sortingState[0]\n      ? convertColumnToSortBy(sortingState[0].id as DetailsViewColumn)\n      : undefined,\n    sortDirection: sortingState[0]\n      ? sortingState[0].desc\n        ? Direction.DESC\n        : Direction.ASC\n      : undefined,\n  }\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetEntityChildrenInfinite(getChildrenInfiniteRequestObject, {\n      throwOnError: true,\n    })\n  const entities = data?.pages.flatMap(page => page.page) ?? []\n  const totalEntities = data?.pages[0].totalChildCount\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      enableSorting={true}\n      enableMultiSort={false}\n      sortableColumns={sortableColumns}\n      sorting={sortingState}\n      onSortingChange={setSortingState}\n      selectAllIsChecked={selectAllCheckboxState}\n      getChildrenInfiniteRequestObject={getChildrenInfiniteRequestObject}\n      totalEntities={totalEntities}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAYA,IAAM,IAAkB;CACtB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB;AAKD,SAAS,EAAsB,GAA+C;AAC5E,SAAQ,GAAR;EACE,KAAK,EAAkB,KACrB,QAAO,EAAO;EAChB,KAAK,EAAkB,WACrB,QAAO,EAAO;EAChB,KAAK,EAAkB,YACrB,QAAO,EAAO;;;AAMpB,SAAgB,EAAsB,EACpC,sBACA,GAAG,KAC0B;CAC7B,IAAM,CAAC,GAAc,KAAmB,EAAuB,CAC7D;EACE,IAAI,EAAkB;EACtB,MAAM;EACP,CACF,CAAC,EAEI,IAAmC;EACvC,UAAU;EACV,wBAAwB;EACxB,cAAc,EAAY;EAC1B,QAAQ,EAAa,KACjB,EAAsB,EAAa,GAAG,GAAwB,GAC9D,KAAA;EACJ,eAAe,EAAa,KACxB,EAAa,GAAG,OACd,EAAU,OACV,EAAU,MACZ,KAAA;EACL,EACK,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAA6B,GAAkC,EAC7D,cAAc,IACf,CAAC,EACE,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,KAAK,IAAI,EAAE,EACvD,IAAgB,GAAM,MAAM,GAAG;AAYrC,QACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,eAAe;EACf,iBAAiB;EACA;EACjB,SAAS;EACT,iBAAiB;EACjB,oBAtB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EAesB;EACc;EACnB;EACf,GAAI;EACJ,CAAA"}

package/dist/components/EntityFinder/details/configurations/FavoritesDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritesDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/FavoritesDetails.tsx"],"sourcesContent":["import { useGetFavoritesInfinite } from '@/synapse-queries/user/useFavorites'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype FavoritesDetailsProps = EntityDetailsListSharedProps\n\nexport function FavoritesDetails({ ...sharedProps }: FavoritesDetailsProps) {\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetFavoritesInfinite('NAME', 'ASC', { throwOnError: true })\n\n  const entities = data?.pages.flatMap(page => page.results) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAiB,EAAE,GAAG,KAAsC;CAC1E,IAAM,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAAwB,QAAQ,OAAO,EAAE,cAAc,IAAM,CAAC,EAE1D,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE;AAYhE,QACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EACD;EAUG,GAAI;EACJ,CAAA"}
+{"version":3,"file":"FavoritesDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/FavoritesDetails.tsx"],"sourcesContent":["import { useGetFavoritesInfinite } from '@/synapse-queries/user/useFavorites'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype FavoritesDetailsProps = EntityDetailsListSharedProps\n\nexport function FavoritesDetails({ ...sharedProps }: FavoritesDetailsProps) {\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetFavoritesInfinite('NAME', 'ASC', { throwOnError: true })\n\n  const entities = data?.pages.flatMap(page => page.results) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAiB,EAAE,GAAG,KAAsC;CAC1E,IAAM,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAAwB,QAAQ,OAAO,EAAE,cAAc,IAAM,CAAC,EAE1D,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE;AAYhE,QACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EAUsB;EACpB,GAAI;EACJ,CAAA"}

package/dist/components/EntityFinder/details/configurations/ProjectListDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectListDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/ProjectListDetails.tsx"],"sourcesContent":["import { useGetProjectsInfinite } from '@/synapse-queries/user/useProjects'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport {\n  GetProjectsParameters,\n  ProjectHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { EntityHeaderFromProjectHeader } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype ProjectListDetailsProps = EntityDetailsListSharedProps & {\n  projectsParams: GetProjectsParameters\n}\n\nexport function toEntityHeader(\n  projectHeader: ProjectHeader,\n): EntityHeaderFromProjectHeader {\n  return {\n    ...projectHeader,\n    type: 'org.sagebionetworks.repo.model.Project',\n  }\n}\n\nexport function ProjectListDetails({\n  projectsParams,\n  ...sharedProps\n}: ProjectListDetailsProps) {\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetProjectsInfinite(projectsParams, { throwOnError: true })\n\n  const projects =\n    data?.pages.flatMap(page => page.results).map(toEntityHeader) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    projects,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={projects}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,EACd,GAC+B;AAC/B,QAAO;EACL,GAAG;EACH,MAAM;EACP;;AAGH,SAAgB,EAAmB,EACjC,mBACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAAuB,GAAgB,EAAE,cAAc,IAAM,CAAC,EAE1D,IACJ,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,CAAC,IAAI,EAAe,IAAI,EAAE;AAYrE,QACE,kBAAC,GAAD;EACE,UAAU;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EACD;EAUG,GAAI;EACJ,CAAA"}
+{"version":3,"file":"ProjectListDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/ProjectListDetails.tsx"],"sourcesContent":["import { useGetProjectsInfinite } from '@/synapse-queries/user/useProjects'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport {\n  GetProjectsParameters,\n  ProjectHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { EntityHeaderFromProjectHeader } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype ProjectListDetailsProps = EntityDetailsListSharedProps & {\n  projectsParams: GetProjectsParameters\n}\n\nexport function toEntityHeader(\n  projectHeader: ProjectHeader,\n): EntityHeaderFromProjectHeader {\n  return {\n    ...projectHeader,\n    type: 'org.sagebionetworks.repo.model.Project',\n  }\n}\n\nexport function ProjectListDetails({\n  projectsParams,\n  ...sharedProps\n}: ProjectListDetailsProps) {\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetProjectsInfinite(projectsParams, { throwOnError: true })\n\n  const projects =\n    data?.pages.flatMap(page => page.results).map(toEntityHeader) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    projects,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={projects}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,EACd,GAC+B;AAC/B,QAAO;EACL,GAAG;EACH,MAAM;EACP;;AAGH,SAAgB,EAAmB,EACjC,mBACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAAuB,GAAgB,EAAE,cAAc,IAAM,CAAC,EAE1D,IACJ,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,CAAC,IAAI,EAAe,IAAI,EAAE;AAYrE,QACE,kBAAC,GAAD;EACE,UAAU;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EAUsB;EACpB,GAAI;EACJ,CAAA"}

package/dist/components/EntityFinder/details/view/DetailsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsView.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/view/DetailsView.tsx"],"sourcesContent":["import { getEntityVersions } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  getEntityTypeFromHeader,\n  isContainerType,\n  isTableType,\n  isVersionableEntityType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { TABLE_VERSION_IN_PROGRESS } from '@/utils/SynapseConstants'\nimport { Checkbox, Tooltip } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  EntityChildrenRequest,\n  EntityHeader,\n  Reference,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  CellContext,\n  createColumnHelper,\n  getCoreRowModel,\n  OnChangeFn,\n  SortingState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  BlockingLoader,\n  SynapseSpinner,\n} from '../../../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../../../TanStackTable/ColumnHeader'\nimport StyledVirtualTanStackTable from '../../../TanStackTable/StyledVirtualTanStackTable'\nimport { EntityFinderHeader } from '../../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../../useEntitySelection'\nimport { VersionSelectionType } from '../../VersionSelectionType'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { AddFileToDownloadListCell } from './table/AddToDownloadListCell'\nimport { CreatedOnCell } from './table/CreatedOnCell'\nimport { EntityBadgeIconsCell } from './table/EntityBadgeIconsCell'\nimport { EntityFinderCheckboxCell } from './table/EntityFinderCheckboxCell'\nimport { EntityFinderVersionCell } from './table/EntityFinderVersionCell'\nimport { EntityTypeCell } from './table/EntityTypeCell'\nimport { FileEntityDirectDownloadCell } from './table/FileEntityDirectDownloadCell'\nimport { FileEntityMD5Cell } from './table/FileEntityMD5Cell'\nimport { FileEntitySizeCell } from './table/FileEntitySizeCell'\nimport { ModifiedByCell } from './table/ModifiedByCell'\nimport { ModifiedOnCell } from './table/ModifiedOnCell'\nimport { VersionColumnHeader } from './VersionColumnHeader'\n\n/**\n * Check if a table type entity has the \"in progress\" version label.\n */\nfunction hasInProgressTableVersion(\n  entityType: EntityType,\n  header: EntityFinderHeader | EntityFinderTableViewRowData,\n): boolean {\n  return (\n    isTableType(entityType) &&\n    'versionLabel' in header &&\n    header.versionLabel === TABLE_VERSION_IN_PROGRESS\n  )\n}\n\n/**\n * Set of all columns that can be shown in the DetailsView\n * Note: Some of these values are used as accessors, so ensure that those columns match the accessor key in the row data\n */\nexport enum DetailsViewColumn {\n  NAME = 'name',\n  ENTITY_TYPE = 'entityType',\n  ID = 'id',\n  CREATED_ON = 'createdOn',\n  MODIFIED_ON = 'modifiedOn',\n  MODIFIED_BY = 'modifiedBy',\n  ADD_TO_DOWNLOAD_CART = 'addToDownloadCart',\n  DIRECT_DOWNLOAD = 'directDownload',\n  SELECTED = 'selected',\n  VERSION = 'version',\n  SIZE = 'size',\n  MD5 = 'md5',\n  BADGES = 'badges',\n}\n\nexport type DetailsViewProps = EntityDetailsListSharedProps & {\n  entities: EntityFinderHeader[]\n  isLoading: boolean\n  hasNextPage?: boolean\n  fetchNextPage?: () => Promise<unknown>\n  isFetchingNextPage?: boolean\n  enableSorting?: boolean\n  enableMultiSort?: boolean\n  sortableColumns?: DetailsViewColumn[]\n  /** The current sort of the view. */\n  sorting?: SortingState\n  /** If enableSorting is true, `setSort` will be invoked when the user tries to change the sort */\n  onSortingChange?: OnChangeFn<SortingState>\n  noResultsPlaceholder?: ReactNode\n  /** We defer to the configuration component to determine this */\n  selectAllIsChecked?: boolean\n  /** This request object is only used to tell react-query to cancel fetching all children at once. */\n  getChildrenInfiniteRequestObject?: EntityChildrenRequest\n  /** The total number of entities that can be retrieved */\n  totalEntities?: number\n}\n\n/**\n * Describes the shape of the data passed to the BaseTable\n */\nexport type EntityFinderTableViewRowData = EntityFinderHeader & {\n  entityId: string\n  versionNumber?: number\n  entityType: EntityType\n  isSelected: boolean\n  isDisabled: boolean\n  isVersionableEntity: boolean\n  currentSelectedVersion?: number\n}\n\nconst columnHelper = createColumnHelper<EntityFinderTableViewRowData>()\n\nfunction NameRenderer(props: {\n  context: CellContext<EntityFinderTableViewRowData, string>\n  setCurrentContainer?: (containerId: string) => void\n}) {\n  const { context, setCurrentContainer } = props\n  const { row, getValue } = context\n  const rowName = getValue()\n  if (setCurrentContainer && isContainerType(row.original.entityType)) {\n    return (\n      <span\n        role=\"link\"\n        className=\"EntityFinderTableCellContainerLink\"\n        onClick={e => {\n          e.stopPropagation()\n          setCurrentContainer(row.original.id)\n        }}\n      >\n        <Tooltip title={rowName}>\n          <span className=\"nameColumnCell\">{rowName}</span>\n        </Tooltip>\n      </span>\n    )\n  } else {\n    return (\n      <Tooltip title={rowName}>\n        <span className=\"nameColumnCell\">{rowName}</span>\n      </Tooltip>\n    )\n  }\n}\n\nfunction SelectAllCheckboxRenderer(props: {\n  isVisible: boolean\n  disabled: boolean\n  checked: boolean\n  onSelectAll: () => void\n}) {\n  const { isVisible, disabled, checked, onSelectAll } = props\n  if (!isVisible) {\n    return null\n  }\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': 'Select All' }}\n      checked={checked}\n      disabled={disabled}\n      onChange={() => {\n        onSelectAll()\n      }}\n    />\n  )\n}\n\nfunction getColumns(opts: {\n  setCurrentContainer?: (containerId: string) => void\n  isSelectAllVisible: boolean\n  isSelectAllDisabled: boolean\n  isSelectAllChecked: boolean\n  onSelectAll: () => void\n  versionSelection: VersionSelectionType\n  toggleSelection: (entity: Reference | Reference[]) => void\n  setInitialVersion: (entityId: string, version: number) => void\n  sortableColumns?: DetailsViewColumn[]\n}) {\n  const {\n    setCurrentContainer,\n    isSelectAllVisible,\n    isSelectAllDisabled,\n    isSelectAllChecked,\n    onSelectAll,\n    versionSelection,\n    toggleSelection,\n    setInitialVersion,\n    sortableColumns = [],\n  } = opts\n  return [\n    columnHelper.display({\n      id: DetailsViewColumn.SELECTED,\n      minSize: 50,\n      maxSize: 50,\n      size: 50,\n      header: () => (\n        <SelectAllCheckboxRenderer\n          isVisible={isSelectAllVisible}\n          disabled={isSelectAllDisabled}\n          checked={isSelectAllChecked}\n          onSelectAll={onSelectAll}\n        />\n      ),\n      cell: EntityFinderCheckboxCell,\n    }),\n\n    columnHelper.accessor(DetailsViewColumn.ENTITY_TYPE, {\n      minSize: 45,\n      maxSize: 45,\n      size: 45,\n      header: () => null,\n      enableResizing: false,\n      cell: EntityTypeCell,\n      meta: {\n        textAlign: 'center',\n      },\n    }),\n    columnHelper.accessor(DetailsViewColumn.NAME, {\n      size: 300,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.NAME),\n      // sortable: sort != null,\n      // resizable: true,\n      header: props => <ColumnHeader {...props} title={'Name'} />,\n      cell: context => (\n        <NameRenderer\n          context={context}\n          setCurrentContainer={setCurrentContainer}\n        />\n      ),\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.BADGES,\n      minSize: 75,\n      maxSize: 75,\n      size: 75,\n      header: () => null,\n      cell: EntityBadgeIconsCell,\n    }),\n    columnHelper.accessor(DetailsViewColumn.ID, {\n      size: 130,\n      header: props => <ColumnHeader {...props} title={'ID'} />,\n      minSize: 130,\n      enableColumnFilter: false,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.ID),\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.VERSION,\n      minSize: 150,\n      size: 200,\n      header: () => <VersionColumnHeader versionSelection={versionSelection} />,\n      cell: context => (\n        <EntityFinderVersionCell\n          versionSelection={versionSelection}\n          toggleSelection={toggleSelection}\n          setInitialVersion={setInitialVersion}\n          context={context}\n        />\n      ),\n    }),\n    columnHelper.accessor(DetailsViewColumn.CREATED_ON, {\n      header: props => <ColumnHeader {...props} title={'Created On'} />,\n      size: 220,\n      minSize: 170,\n      cell: CreatedOnCell,\n      enableColumnFilter: false,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.CREATED_ON),\n    }),\n    columnHelper.accessor(DetailsViewColumn.MODIFIED_ON, {\n      header: props => <ColumnHeader {...props} title={'Modified On'} />,\n      size: 220,\n      minSize: 170,\n      enableColumnFilter: false,\n      cell: ModifiedOnCell,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.MODIFIED_ON),\n    }),\n    columnHelper.accessor(DetailsViewColumn.MODIFIED_BY, {\n      header: props => <ColumnHeader {...props} title={'Modified By'} />,\n      size: 250,\n      enableResizing: true,\n      cell: ModifiedByCell,\n      enableColumnFilter: false,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.MODIFIED_BY),\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.SIZE,\n      header: props => <ColumnHeader {...props} title={'Size'} />,\n      size: 120,\n      minSize: 85,\n      enableSorting: false,\n      enableResizing: true,\n      cell: FileEntitySizeCell,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.MD5,\n      header: props => <ColumnHeader {...props} title={'MD5'} />,\n      size: 200,\n      enableSorting: false,\n      enableResizing: true,\n      cell: FileEntityMD5Cell,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      header: () => null,\n      size: 45,\n      minSize: 45,\n      enableSorting: false,\n      enableResizing: false,\n      cell: AddFileToDownloadListCell,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.DIRECT_DOWNLOAD,\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      size: 75,\n      minSize: 75,\n      enableSorting: false,\n      enableResizing: false,\n      cell: FileEntityDirectDownloadCell,\n    }),\n  ]\n}\n\ntype DetailsViewRowAppearance = 'hidden' | 'disabled' | 'selected' | 'default'\n\nconst determineRowAppearance = (args: {\n  visibleTypes: EntityType[]\n  selectableTypes: EntityType[]\n  selected: EntitySelectionMapType\n  entity: EntityFinderHeader\n}): DetailsViewRowAppearance => {\n  const { visibleTypes, selectableTypes, selected, entity } = args\n  if (!visibleTypes.includes(getEntityTypeFromHeader(entity))) {\n    return 'hidden'\n  } else if (!selectableTypes.includes(getEntityTypeFromHeader(entity))) {\n    return 'disabled'\n  } else if (selected.has(entity.id)) {\n    return 'selected'\n  } else {\n    return 'default'\n  }\n}\n\nconst DEFAULT_HIDDEN_COLUMNS = [DetailsViewColumn.DIRECT_DOWNLOAD]\n\n/**\n * Displays a list of entities in a table.\n *\n * If the list of entities is paginated, the `hasNextPage` prop can be set to indicate that there is more data to load.\n * When the view is ready to load more data, the `fetchNextPage` callback will be invoked. The view is designed to handle\n * an \"infinite scroll\" pattern, so entities should not be removed from the list when loading the next page.\n */\nexport function DetailsView(props: DetailsViewProps) {\n  const {\n    entities,\n    isLoading,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    versionSelection,\n    selectColumnType,\n    selected,\n    visibleTypes,\n    selectableTypes,\n    toggleSelection,\n    setInitialVersion,\n    enableSorting,\n    enableMultiSort,\n    sortableColumns,\n    sorting,\n    onSortingChange,\n    noResultsPlaceholder,\n    enableSelectAll,\n    selectAllIsChecked = false,\n    getChildrenInfiniteRequestObject,\n    totalEntities,\n    setCurrentContainer,\n    hiddenColumns = DEFAULT_HIDDEN_COLUMNS,\n  } = props\n  const queryClient = useQueryClient()\n\n  const { accessToken, keyFactory: queryClientKeyFactory } = useSynapseContext()\n\n  const showSelectColumn = selectColumnType !== 'none'\n\n  const [shouldSelectAll, setShouldSelectAll] = useState(false)\n  const [showLoadingScreen, setShowLoadingScreen] = useState(false)\n\n  const cancelQuery = () => {\n    // It's likely that the user will be throttled by the Synapse backend and may be waiting a\n    // noticeable amount of time for the current request, so cancel it (in addition to cancelling future requests)\n    void queryClient.cancelQueries({\n      queryKey: queryClientKeyFactory.getEntityChildrenQueryKey(\n        getChildrenInfiniteRequestObject!,\n        true,\n      ),\n    })\n    setShowLoadingScreen(false)\n    setShouldSelectAll(false)\n  }\n\n  useEffect(() => {\n    async function handleSelectAll() {\n      if (shouldSelectAll) {\n        if (hasNextPage && fetchNextPage) {\n          // Show the loading screen since we must fetch data (potentially a lot) to finish the task\n          setShowLoadingScreen(true)\n          if (!isFetchingNextPage) {\n            void fetchNextPage()\n            // The effect will re-run after fetch completes, and the next page (if it exists) will be fetched.\n          }\n        } else {\n          if (selectAllIsChecked) {\n            // All the items are selected, so we will deselect all\n            toggleSelection(\n              entities\n                .filter(e => {\n                  // Collect just entities that are selected\n                  // An entity may be in the list and unselected because it isn't of a selectable type\n                  return selected.has(e.id)\n                })\n                .map(e => selected.get(e.id)!),\n            )\n          } else {\n            // Not all the items are selected, so we will select all\n            toggleSelection(\n              await Promise.all(\n                entities\n                  .filter(e => {\n                    // must filter just selectable types or else any entities of unselectable types will get selected\n                    const type = getEntityTypeFromHeader(e)\n                    // also exclude already-selected entities, since we don't want to toggle those\n                    return (\n                      !selected.has(e.id) &&\n                      selectableTypes.includes(type) &&\n                      visibleTypes.includes(type)\n                    )\n                  })\n                  .map(async e => {\n                    let latestVersion: number | undefined\n                    const entityType = getEntityTypeFromHeader(e)\n                    if (\n                      versionSelection === VersionSelectionType.REQUIRED &&\n                      isVersionableEntityType(entityType)\n                    ) {\n                      // If VersionSelectionType.REQUIRED, then we need to supply a version with the entity.\n                      // We may already have the version from the header, but only use it if it's a valid snapshot\n                      // (table types with \"in progress\" are not valid)\n                      if (\n                        Object.prototype.hasOwnProperty.call(\n                          e,\n                          'versionNumber',\n                        ) &&\n                        !hasInProgressTableVersion(\n                          entityType,\n                          e as EntityHeader,\n                        )\n                      ) {\n                        latestVersion = (e as EntityHeader).versionNumber\n                      }\n                      if (!latestVersion) {\n                        // Failsafe if we didn't get the version in the header. This is rare/unlikely, since the only cases we're sure we don't get versions are:\n                        //  - ProjectHeaders (which are versionless)\n                        //  - Search Results (for which we don't support Select All)\n                        //  - Table types, whose entity headers report the \"in progress\" version rather than the latest stable snapshot\n                        // For large lists, there's a good chance for this to trigger throttling.\n\n                        // Show the loading screen since we must fetch data (potentially a lot) to finish the task\n                        setShowLoadingScreen(true)\n\n                        const versionsQueryOffset = 0\n                        const versionsQueryLimit = 1\n                        const versions = await queryClient.fetchQuery({\n                          queryKey:\n                            queryClientKeyFactory.getPaginatedEntityVersionsQueryKey(\n                              e.id,\n                              versionsQueryLimit,\n                              versionsQueryOffset,\n                            ),\n                          queryFn: () =>\n                            getEntityVersions(\n                              e.id,\n                              accessToken,\n                              versionsQueryOffset,\n                              versionsQueryLimit,\n                            ),\n                        })\n                        // we pick the first version in the list because it is the most recent\n                        latestVersion = versions.results[0]?.versionNumber\n                      }\n                    }\n                    return {\n                      targetId: e.id,\n                      targetVersionNumber: latestVersion,\n                    }\n                  }),\n              ),\n            )\n          }\n          setShouldSelectAll(false)\n          setShowLoadingScreen(false)\n        }\n      }\n    }\n    handleSelectAll()\n  }, [\n    accessToken,\n    entities,\n    fetchNextPage,\n    hasNextPage,\n    versionSelection,\n    queryClient,\n    isFetchingNextPage,\n    selectAllIsChecked,\n    selectableTypes,\n    selected,\n    shouldSelectAll,\n    toggleSelection,\n    visibleTypes,\n    queryClientKeyFactory,\n  ])\n\n  const tableData = useMemo(\n    () =>\n      entities.reduce((entities: EntityFinderTableViewRowData[], entity) => {\n        const appearance = determineRowAppearance({\n          visibleTypes,\n          selectableTypes,\n          selected,\n          entity,\n        })\n        if (appearance !== 'hidden') {\n          // only include entities that should not be hidden\n          const entityType = getEntityTypeFromHeader(entity)\n\n          const currentSelectedVersion = selected.get(\n            entity.id,\n          )?.targetVersionNumber\n          let versionNumber: number | undefined = undefined\n          if ('versionNumber' in entity) {\n            if (currentSelectedVersion != null) {\n              // if a version is selected, the row should show that version's data\n              versionNumber = currentSelectedVersion\n            } else if (versionSelection === VersionSelectionType.REQUIRED) {\n              // if a version is not selected, but version selection is required, the row should show the latest version's data\n              // Only use EntityHeader's version if it's a valid snapshot (table types with \"in progress\" are not valid)\n              if (!hasInProgressTableVersion(entityType, entity)) {\n                versionNumber = entity.versionNumber\n              }\n            }\n            // otherwise, show the current version's data (versionNumber is undefined)\n          }\n\n          entities.push({\n            ...entity,\n            entityId: entity.id,\n            versionNumber: versionNumber,\n            entityType: entityType,\n            isSelected: appearance === 'selected',\n            isDisabled: appearance === 'disabled',\n            isVersionableEntity: isVersionableEntityType(entityType),\n            currentSelectedVersion: currentSelectedVersion,\n          })\n        }\n        return entities\n      }, []),\n    [entities, selectableTypes, selected, versionSelection, visibleTypes],\n  )\n\n  const isSelectAllVisible = enableSelectAll\n\n  // Enabled if there's at least one visible & selectable entity, OR there's a page we haven't fetched\n  const isSelectAllDisabled = !(\n    hasNextPage ||\n    entities.filter(\n      e =>\n        selectableTypes.includes(getEntityTypeFromHeader(e)) &&\n        visibleTypes.includes(getEntityTypeFromHeader(e)),\n    ).length > 0\n  )\n\n  const columns = useMemo(\n    () =>\n      getColumns({\n        setCurrentContainer,\n        isSelectAllVisible: isSelectAllVisible,\n        isSelectAllDisabled: isSelectAllDisabled,\n        isSelectAllChecked: selectAllIsChecked,\n        onSelectAll: () => {\n          setShouldSelectAll(true)\n        },\n        versionSelection,\n        toggleSelection,\n        setInitialVersion,\n        sortableColumns,\n      }),\n    [\n      isSelectAllDisabled,\n      isSelectAllVisible,\n      selectAllIsChecked,\n      setCurrentContainer,\n      setInitialVersion,\n      sortableColumns,\n      toggleSelection,\n      versionSelection,\n    ],\n  )\n\n  const hideColumnOverrides = useMemo(() => {\n    return hiddenColumns.reduce(\n      (acc: Partial<Record<DetailsViewColumn, boolean>>, column) => {\n        acc[column] = false\n        return acc\n      },\n      {},\n    )\n  }, [hiddenColumns])\n\n  const table: Table<EntityFinderTableViewRowData> =\n    useReactTable<EntityFinderTableViewRowData>({\n      data: tableData,\n      columns,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      manualSorting: true,\n      enableSorting,\n      enableMultiSort,\n      onSortingChange,\n      state: {\n        sorting,\n        columnVisibility: {\n          [DetailsViewColumn.SELECTED]: showSelectColumn,\n          [DetailsViewColumn.VERSION]:\n            versionSelection !== VersionSelectionType.DISALLOWED,\n          [DetailsViewColumn.SIZE]: visibleTypes.includes(EntityType.file),\n          [DetailsViewColumn.MD5]: visibleTypes.includes(EntityType.file),\n          [DetailsViewColumn.ADD_TO_DOWNLOAD_CART]: visibleTypes.includes(\n            EntityType.file,\n          ),\n          [DetailsViewColumn.DIRECT_DOWNLOAD]: visibleTypes.includes(\n            EntityType.file,\n          ),\n          ...hideColumnOverrides,\n        },\n      },\n    })\n\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: totalEntities ?? table.getRowModel().rows.length,\n    estimateSize: () => 40, // estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? element => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  function onRowClick(rowData: EntityFinderTableViewRowData) {\n    const { id, isDisabled, isVersionableEntity, entityType } = rowData\n    let { currentSelectedVersion } = rowData\n    if (!isDisabled) {\n      if (\n        isVersionableEntity &&\n        versionSelection === VersionSelectionType.REQUIRED &&\n        currentSelectedVersion == null &&\n        Object.prototype.hasOwnProperty.call(rowData, 'versionNumber')\n      ) {\n        // Only use EntityHeader's version if it's a valid snapshot (table types with \"in progress\" are not valid)\n        if (!hasInProgressTableVersion(entityType, rowData)) {\n          currentSelectedVersion = rowData.versionNumber\n        }\n        // Note that here we aren't handling the case where the header doesn't have a version, e.g. a search result\n        // That case is actually handled by the VersionRenderer, which has an effect that will toggle the selection after data is fetched.\n      }\n\n      toggleSelection({\n        targetId: id,\n        targetVersionNumber: currentSelectedVersion,\n      })\n    }\n  }\n\n  //called on scroll and possibly on mount to fetch more data as the user scrolls and reaches bottom of table\n  const fetchMoreOnBottomReached = useCallback(\n    (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement\n\n        //once the user has scrolled within 500px of the bottom of the table, fetch more data if we can\n        if (\n          scrollHeight - scrollTop - clientHeight < 500 &&\n          !isFetchingNextPage &&\n          hasNextPage &&\n          fetchNextPage\n        ) {\n          void fetchNextPage()\n        }\n      }\n    },\n    [fetchNextPage, isFetchingNextPage, hasNextPage],\n  )\n\n  //a check on mount and after a fetch to see if the table is already scrolled to the bottom and immediately needs to fetch more data\n  useEffect(() => {\n    fetchMoreOnBottomReached(tableContainerRef.current)\n  }, [entities, fetchMoreOnBottomReached])\n\n  return (\n    <div className=\"EntityFinderDetailsView\">\n      <BlockingLoader\n        show={showLoadingScreen}\n        currentProgress={entities.length}\n        totalProgress={totalEntities}\n        hintText={\n          totalEntities\n            ? `${entities.length.toLocaleString()} of ${totalEntities?.toLocaleString()}`\n            : `Fetching ${entities.length.toLocaleString()}`\n        }\n        headlineText={'Fetching selected items'}\n        onCancel={cancelQuery}\n      />\n      {!isLoading && entities.length > 0 && (\n        <StyledVirtualTanStackTable<EntityFinderTableViewRowData>\n          styledTableContainerProps={{\n            className: 'DetailsViewTable',\n            ref: tableContainerRef,\n            height: '100%',\n          }}\n          onTableContainerScroll={target =>\n            fetchMoreOnBottomReached(target as HTMLDivElement)\n          }\n          table={table}\n          rowVirtualizer={rowVirtualizer}\n          slotProps={{\n            Tr: ownerState => {\n              const { tableRow } = ownerState\n\n              return {\n                className: `EntityFinderDetailsViewRow`,\n                ['aria-selected']: tableRow?.original.isSelected,\n                ['aria-disabled']: tableRow?.original.isDisabled,\n                onClick: () => {\n                  if (tableRow) {\n                    onRowClick(tableRow.original)\n                  }\n                },\n              }\n            },\n          }}\n        />\n      )}\n      {isLoading && (\n        <div className=\"EntityFinderDetailsViewPlaceholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      )}\n      {!isLoading && entities.length === 0 && (\n        <div className=\"EntityFinderDetailsViewPlaceholder\">\n          {noResultsPlaceholder || <div>Empty</div>}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DetailsView.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/view/DetailsView.tsx"],"sourcesContent":["import { getEntityVersions } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  getEntityTypeFromHeader,\n  isContainerType,\n  isTableType,\n  isVersionableEntityType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { TABLE_VERSION_IN_PROGRESS } from '@/utils/SynapseConstants'\nimport { Checkbox, Tooltip } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  EntityChildrenRequest,\n  EntityHeader,\n  Reference,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  CellContext,\n  createColumnHelper,\n  getCoreRowModel,\n  OnChangeFn,\n  SortingState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  BlockingLoader,\n  SynapseSpinner,\n} from '../../../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../../../TanStackTable/ColumnHeader'\nimport StyledVirtualTanStackTable from '../../../TanStackTable/StyledVirtualTanStackTable'\nimport { EntityFinderHeader } from '../../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../../useEntitySelection'\nimport { VersionSelectionType } from '../../VersionSelectionType'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { AddFileToDownloadListCell } from './table/AddToDownloadListCell'\nimport { CreatedOnCell } from './table/CreatedOnCell'\nimport { EntityBadgeIconsCell } from './table/EntityBadgeIconsCell'\nimport { EntityFinderCheckboxCell } from './table/EntityFinderCheckboxCell'\nimport { EntityFinderVersionCell } from './table/EntityFinderVersionCell'\nimport { EntityTypeCell } from './table/EntityTypeCell'\nimport { FileEntityDirectDownloadCell } from './table/FileEntityDirectDownloadCell'\nimport { FileEntityMD5Cell } from './table/FileEntityMD5Cell'\nimport { FileEntitySizeCell } from './table/FileEntitySizeCell'\nimport { ModifiedByCell } from './table/ModifiedByCell'\nimport { ModifiedOnCell } from './table/ModifiedOnCell'\nimport { VersionColumnHeader } from './VersionColumnHeader'\n\n/**\n * Check if a table type entity has the \"in progress\" version label.\n */\nfunction hasInProgressTableVersion(\n  entityType: EntityType,\n  header: EntityFinderHeader | EntityFinderTableViewRowData,\n): boolean {\n  return (\n    isTableType(entityType) &&\n    'versionLabel' in header &&\n    header.versionLabel === TABLE_VERSION_IN_PROGRESS\n  )\n}\n\n/**\n * Set of all columns that can be shown in the DetailsView\n * Note: Some of these values are used as accessors, so ensure that those columns match the accessor key in the row data\n */\nexport enum DetailsViewColumn {\n  NAME = 'name',\n  ENTITY_TYPE = 'entityType',\n  ID = 'id',\n  CREATED_ON = 'createdOn',\n  MODIFIED_ON = 'modifiedOn',\n  MODIFIED_BY = 'modifiedBy',\n  ADD_TO_DOWNLOAD_CART = 'addToDownloadCart',\n  DIRECT_DOWNLOAD = 'directDownload',\n  SELECTED = 'selected',\n  VERSION = 'version',\n  SIZE = 'size',\n  MD5 = 'md5',\n  BADGES = 'badges',\n}\n\nexport type DetailsViewProps = EntityDetailsListSharedProps & {\n  entities: EntityFinderHeader[]\n  isLoading: boolean\n  hasNextPage?: boolean\n  fetchNextPage?: () => Promise<unknown>\n  isFetchingNextPage?: boolean\n  enableSorting?: boolean\n  enableMultiSort?: boolean\n  sortableColumns?: DetailsViewColumn[]\n  /** The current sort of the view. */\n  sorting?: SortingState\n  /** If enableSorting is true, `setSort` will be invoked when the user tries to change the sort */\n  onSortingChange?: OnChangeFn<SortingState>\n  noResultsPlaceholder?: ReactNode\n  /** We defer to the configuration component to determine this */\n  selectAllIsChecked?: boolean\n  /** This request object is only used to tell react-query to cancel fetching all children at once. */\n  getChildrenInfiniteRequestObject?: EntityChildrenRequest\n  /** The total number of entities that can be retrieved */\n  totalEntities?: number\n}\n\n/**\n * Describes the shape of the data passed to the BaseTable\n */\nexport type EntityFinderTableViewRowData = EntityFinderHeader & {\n  entityId: string\n  versionNumber?: number\n  entityType: EntityType\n  isSelected: boolean\n  isDisabled: boolean\n  isVersionableEntity: boolean\n  currentSelectedVersion?: number\n}\n\nconst columnHelper = createColumnHelper<EntityFinderTableViewRowData>()\n\nfunction NameRenderer(props: {\n  context: CellContext<EntityFinderTableViewRowData, string>\n  setCurrentContainer?: (containerId: string) => void\n}) {\n  const { context, setCurrentContainer } = props\n  const { row, getValue } = context\n  const rowName = getValue()\n  if (setCurrentContainer && isContainerType(row.original.entityType)) {\n    return (\n      <span\n        role=\"link\"\n        className=\"EntityFinderTableCellContainerLink\"\n        onClick={e => {\n          e.stopPropagation()\n          setCurrentContainer(row.original.id)\n        }}\n      >\n        <Tooltip title={rowName}>\n          <span className=\"nameColumnCell\">{rowName}</span>\n        </Tooltip>\n      </span>\n    )\n  } else {\n    return (\n      <Tooltip title={rowName}>\n        <span className=\"nameColumnCell\">{rowName}</span>\n      </Tooltip>\n    )\n  }\n}\n\nfunction SelectAllCheckboxRenderer(props: {\n  isVisible: boolean\n  disabled: boolean\n  checked: boolean\n  onSelectAll: () => void\n}) {\n  const { isVisible, disabled, checked, onSelectAll } = props\n  if (!isVisible) {\n    return null\n  }\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': 'Select All' }}\n      checked={checked}\n      disabled={disabled}\n      onChange={() => {\n        onSelectAll()\n      }}\n    />\n  )\n}\n\nfunction getColumns(opts: {\n  setCurrentContainer?: (containerId: string) => void\n  isSelectAllVisible: boolean\n  isSelectAllDisabled: boolean\n  isSelectAllChecked: boolean\n  onSelectAll: () => void\n  versionSelection: VersionSelectionType\n  toggleSelection: (entity: Reference | Reference[]) => void\n  setInitialVersion: (entityId: string, version: number) => void\n  sortableColumns?: DetailsViewColumn[]\n}) {\n  const {\n    setCurrentContainer,\n    isSelectAllVisible,\n    isSelectAllDisabled,\n    isSelectAllChecked,\n    onSelectAll,\n    versionSelection,\n    toggleSelection,\n    setInitialVersion,\n    sortableColumns = [],\n  } = opts\n  return [\n    columnHelper.display({\n      id: DetailsViewColumn.SELECTED,\n      minSize: 50,\n      maxSize: 50,\n      size: 50,\n      header: () => (\n        <SelectAllCheckboxRenderer\n          isVisible={isSelectAllVisible}\n          disabled={isSelectAllDisabled}\n          checked={isSelectAllChecked}\n          onSelectAll={onSelectAll}\n        />\n      ),\n      cell: EntityFinderCheckboxCell,\n    }),\n\n    columnHelper.accessor(DetailsViewColumn.ENTITY_TYPE, {\n      minSize: 45,\n      maxSize: 45,\n      size: 45,\n      header: () => null,\n      enableResizing: false,\n      cell: EntityTypeCell,\n      meta: {\n        textAlign: 'center',\n      },\n    }),\n    columnHelper.accessor(DetailsViewColumn.NAME, {\n      size: 300,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.NAME),\n      // sortable: sort != null,\n      // resizable: true,\n      header: props => <ColumnHeader {...props} title={'Name'} />,\n      cell: context => (\n        <NameRenderer\n          context={context}\n          setCurrentContainer={setCurrentContainer}\n        />\n      ),\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.BADGES,\n      minSize: 75,\n      maxSize: 75,\n      size: 75,\n      header: () => null,\n      cell: EntityBadgeIconsCell,\n    }),\n    columnHelper.accessor(DetailsViewColumn.ID, {\n      size: 130,\n      header: props => <ColumnHeader {...props} title={'ID'} />,\n      minSize: 130,\n      enableColumnFilter: false,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.ID),\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.VERSION,\n      minSize: 150,\n      size: 200,\n      header: () => <VersionColumnHeader versionSelection={versionSelection} />,\n      cell: context => (\n        <EntityFinderVersionCell\n          versionSelection={versionSelection}\n          toggleSelection={toggleSelection}\n          setInitialVersion={setInitialVersion}\n          context={context}\n        />\n      ),\n    }),\n    columnHelper.accessor(DetailsViewColumn.CREATED_ON, {\n      header: props => <ColumnHeader {...props} title={'Created On'} />,\n      size: 220,\n      minSize: 170,\n      cell: CreatedOnCell,\n      enableColumnFilter: false,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.CREATED_ON),\n    }),\n    columnHelper.accessor(DetailsViewColumn.MODIFIED_ON, {\n      header: props => <ColumnHeader {...props} title={'Modified On'} />,\n      size: 220,\n      minSize: 170,\n      enableColumnFilter: false,\n      cell: ModifiedOnCell,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.MODIFIED_ON),\n    }),\n    columnHelper.accessor(DetailsViewColumn.MODIFIED_BY, {\n      header: props => <ColumnHeader {...props} title={'Modified By'} />,\n      size: 250,\n      enableResizing: true,\n      cell: ModifiedByCell,\n      enableColumnFilter: false,\n      enableSorting: sortableColumns.includes(DetailsViewColumn.MODIFIED_BY),\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.SIZE,\n      header: props => <ColumnHeader {...props} title={'Size'} />,\n      size: 120,\n      minSize: 85,\n      enableSorting: false,\n      enableResizing: true,\n      cell: FileEntitySizeCell,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.MD5,\n      header: props => <ColumnHeader {...props} title={'MD5'} />,\n      size: 200,\n      enableSorting: false,\n      enableResizing: true,\n      cell: FileEntityMD5Cell,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      header: () => null,\n      size: 45,\n      minSize: 45,\n      enableSorting: false,\n      enableResizing: false,\n      cell: AddFileToDownloadListCell,\n    }),\n    columnHelper.display({\n      id: DetailsViewColumn.DIRECT_DOWNLOAD,\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      size: 75,\n      minSize: 75,\n      enableSorting: false,\n      enableResizing: false,\n      cell: FileEntityDirectDownloadCell,\n    }),\n  ]\n}\n\ntype DetailsViewRowAppearance = 'hidden' | 'disabled' | 'selected' | 'default'\n\nconst determineRowAppearance = (args: {\n  visibleTypes: EntityType[]\n  selectableTypes: EntityType[]\n  selected: EntitySelectionMapType\n  entity: EntityFinderHeader\n}): DetailsViewRowAppearance => {\n  const { visibleTypes, selectableTypes, selected, entity } = args\n  if (!visibleTypes.includes(getEntityTypeFromHeader(entity))) {\n    return 'hidden'\n  } else if (!selectableTypes.includes(getEntityTypeFromHeader(entity))) {\n    return 'disabled'\n  } else if (selected.has(entity.id)) {\n    return 'selected'\n  } else {\n    return 'default'\n  }\n}\n\nconst DEFAULT_HIDDEN_COLUMNS = [DetailsViewColumn.DIRECT_DOWNLOAD]\n\n/**\n * Displays a list of entities in a table.\n *\n * If the list of entities is paginated, the `hasNextPage` prop can be set to indicate that there is more data to load.\n * When the view is ready to load more data, the `fetchNextPage` callback will be invoked. The view is designed to handle\n * an \"infinite scroll\" pattern, so entities should not be removed from the list when loading the next page.\n */\nexport function DetailsView(props: DetailsViewProps) {\n  const {\n    entities,\n    isLoading,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    versionSelection,\n    selectColumnType,\n    selected,\n    visibleTypes,\n    selectableTypes,\n    toggleSelection,\n    setInitialVersion,\n    enableSorting,\n    enableMultiSort,\n    sortableColumns,\n    sorting,\n    onSortingChange,\n    noResultsPlaceholder,\n    enableSelectAll,\n    selectAllIsChecked = false,\n    getChildrenInfiniteRequestObject,\n    totalEntities,\n    setCurrentContainer,\n    hiddenColumns = DEFAULT_HIDDEN_COLUMNS,\n  } = props\n  const queryClient = useQueryClient()\n\n  const { accessToken, keyFactory: queryClientKeyFactory } = useSynapseContext()\n\n  const showSelectColumn = selectColumnType !== 'none'\n\n  const [shouldSelectAll, setShouldSelectAll] = useState(false)\n  const [showLoadingScreen, setShowLoadingScreen] = useState(false)\n\n  const cancelQuery = () => {\n    // It's likely that the user will be throttled by the Synapse backend and may be waiting a\n    // noticeable amount of time for the current request, so cancel it (in addition to cancelling future requests)\n    void queryClient.cancelQueries({\n      queryKey: queryClientKeyFactory.getEntityChildrenQueryKey(\n        getChildrenInfiniteRequestObject!,\n        true,\n      ),\n    })\n    setShowLoadingScreen(false)\n    setShouldSelectAll(false)\n  }\n\n  useEffect(() => {\n    async function handleSelectAll() {\n      if (shouldSelectAll) {\n        if (hasNextPage && fetchNextPage) {\n          // Show the loading screen since we must fetch data (potentially a lot) to finish the task\n          setShowLoadingScreen(true)\n          if (!isFetchingNextPage) {\n            void fetchNextPage()\n            // The effect will re-run after fetch completes, and the next page (if it exists) will be fetched.\n          }\n        } else {\n          if (selectAllIsChecked) {\n            // All the items are selected, so we will deselect all\n            toggleSelection(\n              entities\n                .filter(e => {\n                  // Collect just entities that are selected\n                  // An entity may be in the list and unselected because it isn't of a selectable type\n                  return selected.has(e.id)\n                })\n                .map(e => selected.get(e.id)!),\n            )\n          } else {\n            // Not all the items are selected, so we will select all\n            toggleSelection(\n              await Promise.all(\n                entities\n                  .filter(e => {\n                    // must filter just selectable types or else any entities of unselectable types will get selected\n                    const type = getEntityTypeFromHeader(e)\n                    // also exclude already-selected entities, since we don't want to toggle those\n                    return (\n                      !selected.has(e.id) &&\n                      selectableTypes.includes(type) &&\n                      visibleTypes.includes(type)\n                    )\n                  })\n                  .map(async e => {\n                    let latestVersion: number | undefined\n                    const entityType = getEntityTypeFromHeader(e)\n                    if (\n                      versionSelection === VersionSelectionType.REQUIRED &&\n                      isVersionableEntityType(entityType)\n                    ) {\n                      // If VersionSelectionType.REQUIRED, then we need to supply a version with the entity.\n                      // We may already have the version from the header, but only use it if it's a valid snapshot\n                      // (table types with \"in progress\" are not valid)\n                      if (\n                        Object.prototype.hasOwnProperty.call(\n                          e,\n                          'versionNumber',\n                        ) &&\n                        !hasInProgressTableVersion(\n                          entityType,\n                          e as EntityHeader,\n                        )\n                      ) {\n                        latestVersion = (e as EntityHeader).versionNumber\n                      }\n                      if (!latestVersion) {\n                        // Failsafe if we didn't get the version in the header. This is rare/unlikely, since the only cases we're sure we don't get versions are:\n                        //  - ProjectHeaders (which are versionless)\n                        //  - Search Results (for which we don't support Select All)\n                        //  - Table types, whose entity headers report the \"in progress\" version rather than the latest stable snapshot\n                        // For large lists, there's a good chance for this to trigger throttling.\n\n                        // Show the loading screen since we must fetch data (potentially a lot) to finish the task\n                        setShowLoadingScreen(true)\n\n                        const versionsQueryOffset = 0\n                        const versionsQueryLimit = 1\n                        const versions = await queryClient.fetchQuery({\n                          queryKey:\n                            queryClientKeyFactory.getPaginatedEntityVersionsQueryKey(\n                              e.id,\n                              versionsQueryLimit,\n                              versionsQueryOffset,\n                            ),\n                          queryFn: () =>\n                            getEntityVersions(\n                              e.id,\n                              accessToken,\n                              versionsQueryOffset,\n                              versionsQueryLimit,\n                            ),\n                        })\n                        // we pick the first version in the list because it is the most recent\n                        latestVersion = versions.results[0]?.versionNumber\n                      }\n                    }\n                    return {\n                      targetId: e.id,\n                      targetVersionNumber: latestVersion,\n                    }\n                  }),\n              ),\n            )\n          }\n          setShouldSelectAll(false)\n          setShowLoadingScreen(false)\n        }\n      }\n    }\n    handleSelectAll()\n  }, [\n    accessToken,\n    entities,\n    fetchNextPage,\n    hasNextPage,\n    versionSelection,\n    queryClient,\n    isFetchingNextPage,\n    selectAllIsChecked,\n    selectableTypes,\n    selected,\n    shouldSelectAll,\n    toggleSelection,\n    visibleTypes,\n    queryClientKeyFactory,\n  ])\n\n  const tableData = useMemo(\n    () =>\n      entities.reduce((entities: EntityFinderTableViewRowData[], entity) => {\n        const appearance = determineRowAppearance({\n          visibleTypes,\n          selectableTypes,\n          selected,\n          entity,\n        })\n        if (appearance !== 'hidden') {\n          // only include entities that should not be hidden\n          const entityType = getEntityTypeFromHeader(entity)\n\n          const currentSelectedVersion = selected.get(\n            entity.id,\n          )?.targetVersionNumber\n          let versionNumber: number | undefined = undefined\n          if ('versionNumber' in entity) {\n            if (currentSelectedVersion != null) {\n              // if a version is selected, the row should show that version's data\n              versionNumber = currentSelectedVersion\n            } else if (versionSelection === VersionSelectionType.REQUIRED) {\n              // if a version is not selected, but version selection is required, the row should show the latest version's data\n              // Only use EntityHeader's version if it's a valid snapshot (table types with \"in progress\" are not valid)\n              if (!hasInProgressTableVersion(entityType, entity)) {\n                versionNumber = entity.versionNumber\n              }\n            }\n            // otherwise, show the current version's data (versionNumber is undefined)\n          }\n\n          entities.push({\n            ...entity,\n            entityId: entity.id,\n            versionNumber: versionNumber,\n            entityType: entityType,\n            isSelected: appearance === 'selected',\n            isDisabled: appearance === 'disabled',\n            isVersionableEntity: isVersionableEntityType(entityType),\n            currentSelectedVersion: currentSelectedVersion,\n          })\n        }\n        return entities\n      }, []),\n    [entities, selectableTypes, selected, versionSelection, visibleTypes],\n  )\n\n  const isSelectAllVisible = enableSelectAll\n\n  // Enabled if there's at least one visible & selectable entity, OR there's a page we haven't fetched\n  const isSelectAllDisabled = !(\n    hasNextPage ||\n    entities.filter(\n      e =>\n        selectableTypes.includes(getEntityTypeFromHeader(e)) &&\n        visibleTypes.includes(getEntityTypeFromHeader(e)),\n    ).length > 0\n  )\n\n  const columns = useMemo(\n    () =>\n      getColumns({\n        setCurrentContainer,\n        isSelectAllVisible: isSelectAllVisible,\n        isSelectAllDisabled: isSelectAllDisabled,\n        isSelectAllChecked: selectAllIsChecked,\n        onSelectAll: () => {\n          setShouldSelectAll(true)\n        },\n        versionSelection,\n        toggleSelection,\n        setInitialVersion,\n        sortableColumns,\n      }),\n    [\n      isSelectAllDisabled,\n      isSelectAllVisible,\n      selectAllIsChecked,\n      setCurrentContainer,\n      setInitialVersion,\n      sortableColumns,\n      toggleSelection,\n      versionSelection,\n    ],\n  )\n\n  const hideColumnOverrides = useMemo(() => {\n    return hiddenColumns.reduce(\n      (acc: Partial<Record<DetailsViewColumn, boolean>>, column) => {\n        acc[column] = false\n        return acc\n      },\n      {},\n    )\n  }, [hiddenColumns])\n\n  const table: Table<EntityFinderTableViewRowData> =\n    useReactTable<EntityFinderTableViewRowData>({\n      data: tableData,\n      columns,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      manualSorting: true,\n      enableSorting,\n      enableMultiSort,\n      onSortingChange,\n      state: {\n        sorting,\n        columnVisibility: {\n          [DetailsViewColumn.SELECTED]: showSelectColumn,\n          [DetailsViewColumn.VERSION]:\n            versionSelection !== VersionSelectionType.DISALLOWED,\n          [DetailsViewColumn.SIZE]: visibleTypes.includes(EntityType.file),\n          [DetailsViewColumn.MD5]: visibleTypes.includes(EntityType.file),\n          [DetailsViewColumn.ADD_TO_DOWNLOAD_CART]: visibleTypes.includes(\n            EntityType.file,\n          ),\n          [DetailsViewColumn.DIRECT_DOWNLOAD]: visibleTypes.includes(\n            EntityType.file,\n          ),\n          ...hideColumnOverrides,\n        },\n      },\n    })\n\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: totalEntities ?? table.getRowModel().rows.length,\n    estimateSize: () => 40, // estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? element => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  function onRowClick(rowData: EntityFinderTableViewRowData) {\n    const { id, isDisabled, isVersionableEntity, entityType } = rowData\n    let { currentSelectedVersion } = rowData\n    if (!isDisabled) {\n      if (\n        isVersionableEntity &&\n        versionSelection === VersionSelectionType.REQUIRED &&\n        currentSelectedVersion == null &&\n        Object.prototype.hasOwnProperty.call(rowData, 'versionNumber')\n      ) {\n        // Only use EntityHeader's version if it's a valid snapshot (table types with \"in progress\" are not valid)\n        if (!hasInProgressTableVersion(entityType, rowData)) {\n          currentSelectedVersion = rowData.versionNumber\n        }\n        // Note that here we aren't handling the case where the header doesn't have a version, e.g. a search result\n        // That case is actually handled by the VersionRenderer, which has an effect that will toggle the selection after data is fetched.\n      }\n\n      toggleSelection({\n        targetId: id,\n        targetVersionNumber: currentSelectedVersion,\n      })\n    }\n  }\n\n  //called on scroll and possibly on mount to fetch more data as the user scrolls and reaches bottom of table\n  const fetchMoreOnBottomReached = useCallback(\n    (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement\n\n        //once the user has scrolled within 500px of the bottom of the table, fetch more data if we can\n        if (\n          scrollHeight - scrollTop - clientHeight < 500 &&\n          !isFetchingNextPage &&\n          hasNextPage &&\n          fetchNextPage\n        ) {\n          void fetchNextPage()\n        }\n      }\n    },\n    [fetchNextPage, isFetchingNextPage, hasNextPage],\n  )\n\n  //a check on mount and after a fetch to see if the table is already scrolled to the bottom and immediately needs to fetch more data\n  useEffect(() => {\n    fetchMoreOnBottomReached(tableContainerRef.current)\n  }, [entities, fetchMoreOnBottomReached])\n\n  return (\n    <div className=\"EntityFinderDetailsView\">\n      <BlockingLoader\n        show={showLoadingScreen}\n        currentProgress={entities.length}\n        totalProgress={totalEntities}\n        hintText={\n          totalEntities\n            ? `${entities.length.toLocaleString()} of ${totalEntities?.toLocaleString()}`\n            : `Fetching ${entities.length.toLocaleString()}`\n        }\n        headlineText={'Fetching selected items'}\n        onCancel={cancelQuery}\n      />\n      {!isLoading && entities.length > 0 && (\n        <StyledVirtualTanStackTable<EntityFinderTableViewRowData>\n          styledTableContainerProps={{\n            className: 'DetailsViewTable',\n            ref: tableContainerRef,\n            height: '100%',\n          }}\n          onTableContainerScroll={target =>\n            fetchMoreOnBottomReached(target as HTMLDivElement)\n          }\n          table={table}\n          rowVirtualizer={rowVirtualizer}\n          slotProps={{\n            Tr: ownerState => {\n              const { tableRow } = ownerState\n\n              return {\n                className: `EntityFinderDetailsViewRow`,\n                ['aria-selected']: tableRow?.original.isSelected,\n                ['aria-disabled']: tableRow?.original.isDisabled,\n                onClick: () => {\n                  if (tableRow) {\n                    onRowClick(tableRow.original)\n                  }\n                },\n              }\n            },\n          }}\n        />\n      )}\n      {isLoading && (\n        <div className=\"EntityFinderDetailsViewPlaceholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      )}\n      {!isLoading && entities.length === 0 && (\n        <div className=\"EntityFinderDetailsViewPlaceholder\">\n          {noResultsPlaceholder || <div>Empty</div>}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}