synapse-react-client 4.0.19 → 4.0.20

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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"}

package/dist/components/EntityFinder/details/view/VersionColumnHeader.js

@@ -11,7 +11,7 @@ function s(s) {
 			l = a;
 			break;
 		case t.TRACKED:
-			l = a + " If you would like the selection to update as new versions are created, choose \"Always Latest Version\".";
+			l = "Choose which version of this item you would like to reference. If you would like the selection to update as new versions are created, choose \"Always Latest Version\".";
 			break;
 		case t.UNTRACKED:
 			l = o;

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

@@ -1 +1 @@
-{"version":3,"file":"VersionColumnHeader.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/view/VersionColumnHeader.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { HelpPopover } from '../../../HelpPopover/HelpPopover'\nimport { VersionSelectionType } from '../../VersionSelectionType'\n\nconst CHOOSE_REFERENCE =\n  'Choose which version of this item you would like to reference.'\nconst CHOOSE_ACTION =\n  'Choose which version of this item you would like to perform this action on.'\nconst ALWAYS_LATEST_VERSION_EXPLANATION =\n  'If you would like the selection to update as new versions are created, choose \"Always Latest Version\".'\n\nexport function VersionColumnHeader(props: {\n  versionSelection: VersionSelectionType\n}) {\n  const { versionSelection } = props\n  let helpCopy = ''\n  switch (versionSelection) {\n    case VersionSelectionType.REQUIRED:\n      helpCopy = CHOOSE_REFERENCE\n      break\n    case VersionSelectionType.TRACKED:\n      helpCopy = CHOOSE_REFERENCE + ' ' + ALWAYS_LATEST_VERSION_EXPLANATION\n      break\n    case VersionSelectionType.UNTRACKED:\n      // If the selected version isn't being tracked, then this is most likely a one-time action\n      helpCopy = CHOOSE_ACTION\n      break\n    case VersionSelectionType.DISALLOWED:\n    default:\n    // this column is not shown in these cases.\n  }\n  return (\n    <Stack\n      direction={'row'}\n      sx={{\n        alignItems: 'center',\n      }}\n    >\n      <span>Version</span>\n      <HelpPopover\n        className=\"SRC-margin-left-5\"\n        markdownText={helpCopy}\n        placement=\"right\"\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAM,IACJ,kEACI,IACJ;AAIF,SAAgB,EAAoB,GAEjC;CACD,IAAM,EAAE,wBAAqB,GACzB,IAAW;AACf,SAAQ,GAAR;EACE,KAAK,EAAqB;AACxB,OAAW;AACX;EACF,KAAK,EAAqB;AACxB,OAAW,IAAmB;AAC9B;EACF,KAAK,EAAqB;AAExB,OAAW;AACX;EACF,KAAK,EAAqB;EAC1B;;AAGF,QACE,kBAAC,GAAD;EACE,WAAW;EACX,IAAI,EACF,YAAY,UACb;YAJH,CAME,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,EACpB,kBAAC,GAAD;GACE,WAAU;GACV,cAAc;GACd,WAAU;GACV,CAAA,CACI"}
+{"version":3,"file":"VersionColumnHeader.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/view/VersionColumnHeader.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { HelpPopover } from '../../../HelpPopover/HelpPopover'\nimport { VersionSelectionType } from '../../VersionSelectionType'\n\nconst CHOOSE_REFERENCE =\n  'Choose which version of this item you would like to reference.'\nconst CHOOSE_ACTION =\n  'Choose which version of this item you would like to perform this action on.'\nconst ALWAYS_LATEST_VERSION_EXPLANATION =\n  'If you would like the selection to update as new versions are created, choose \"Always Latest Version\".'\n\nexport function VersionColumnHeader(props: {\n  versionSelection: VersionSelectionType\n}) {\n  const { versionSelection } = props\n  let helpCopy = ''\n  switch (versionSelection) {\n    case VersionSelectionType.REQUIRED:\n      helpCopy = CHOOSE_REFERENCE\n      break\n    case VersionSelectionType.TRACKED:\n      helpCopy = CHOOSE_REFERENCE + ' ' + ALWAYS_LATEST_VERSION_EXPLANATION\n      break\n    case VersionSelectionType.UNTRACKED:\n      // If the selected version isn't being tracked, then this is most likely a one-time action\n      helpCopy = CHOOSE_ACTION\n      break\n    case VersionSelectionType.DISALLOWED:\n    default:\n    // this column is not shown in these cases.\n  }\n  return (\n    <Stack\n      direction={'row'}\n      sx={{\n        alignItems: 'center',\n      }}\n    >\n      <span>Version</span>\n      <HelpPopover\n        className=\"SRC-margin-left-5\"\n        markdownText={helpCopy}\n        placement=\"right\"\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAM,IACJ,kEACI,IACJ;AAIF,SAAgB,EAAoB,GAEjC;CACD,IAAM,EAAE,wBAAqB,GACzB,IAAW;CACf,QAAQ,GAAR;EACE,KAAK,EAAqB;GACxB,IAAW;GACX;EACF,KAAK,EAAqB;GACxB,IAAW;GACX;EACF,KAAK,EAAqB;GAExB,IAAW;GACX;EACF,KAAK,EAAqB;EAC1B;CAEF;CACA,OACE,kBAAC,GAAD;EACE,WAAW;EACX,IAAI,EACF,YAAY,SACd;YAJF,CAME,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA,GACnB,kBAAC,GAAD;GACE,WAAU;GACV,cAAc;GACd,WAAU;EACX,CAAA,CACI;;AAEX"}

package/dist/components/EntityFinder/details/view/table/AddToDownloadListCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToDownloadListCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/AddToDownloadListCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useAddFileToDownloadList } from '@/synapse-queries/index'\nimport { useSynapseContext } from '@/utils/index'\nimport { Box, IconButton, Tooltip } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../../../../download_list/DownloadConfirmationUtils'\nimport IconSvg from '../../../../IconSvg/IconSvg'\nimport { displayToast } from '../../../../ToastMessage/index'\n\nexport function AddFileToDownloadListCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, unknown>,\n) {\n  const { row } = props\n  const { entityId, versionNumber } = row.original\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const { downloadCartPageUrl } = useSynapseContext()\n\n  const { mutate: addToDownloadList } = useAddFileToDownloadList({\n    onSuccess: () => {\n      displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n  if (\n    !(\n      bundle?.entityType == EntityType.file ||\n      bundle?.entityType == EntityType.recordset\n    )\n  ) {\n    return <></>\n  }\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        height: '100%',\n      }}\n    >\n      <Tooltip title=\"Add to Download List\" placement=\"right\">\n        <IconButton\n          sx={{ height: '35px', width: '35px' }}\n          onClick={event => {\n            addToDownloadList({ entityId, entityVersionNumber: versionNumber })\n            event.stopPropagation()\n          }}\n        >\n          <IconSvg icon=\"download\" />\n        </IconButton>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,aAAU,qBAAkB,EAAI,UAClC,EAAE,MAAM,MAAW,EAAmB,GAAU,EAAc,EAE9D,EAAE,2BAAwB,GAAmB,EAE7C,EAAE,QAAQ,MAAsB,EAAyB;EAC7D,iBAAiB;AACf,KAA2C,EAAoB;;EAEjE,UAAS,MAAS;AAChB,KAAa,EAAM,QAAQ,SAAS;;EAEvC,CAAC;AASF,QANI,GAAQ,cAAc,EAAW,QACjC,GAAQ,cAAc,EAAW,YAMnC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,QAAQ;GACT;YAED,kBAAC,GAAD;GAAS,OAAM;GAAuB,WAAU;aAC9C,kBAAC,GAAD;IACE,IAAI;KAAE,QAAQ;KAAQ,OAAO;KAAQ;IACrC,UAAS,MAAS;AAEhB,KADA,EAAkB;MAAE;MAAU,qBAAqB;MAAe,CAAC,EACnE,EAAM,iBAAiB;;cAGzB,kBAAC,GAAD,EAAS,MAAK,YAAa,CAAA;IAChB,CAAA;GACL,CAAA;EACN,CAAA,GAtBC,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"AddToDownloadListCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/AddToDownloadListCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useAddFileToDownloadList } from '@/synapse-queries/index'\nimport { useSynapseContext } from '@/utils/index'\nimport { Box, IconButton, Tooltip } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../../../../download_list/DownloadConfirmationUtils'\nimport IconSvg from '../../../../IconSvg/IconSvg'\nimport { displayToast } from '../../../../ToastMessage/index'\n\nexport function AddFileToDownloadListCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, unknown>,\n) {\n  const { row } = props\n  const { entityId, versionNumber } = row.original\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const { downloadCartPageUrl } = useSynapseContext()\n\n  const { mutate: addToDownloadList } = useAddFileToDownloadList({\n    onSuccess: () => {\n      displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n  if (\n    !(\n      bundle?.entityType == EntityType.file ||\n      bundle?.entityType == EntityType.recordset\n    )\n  ) {\n    return <></>\n  }\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        height: '100%',\n      }}\n    >\n      <Tooltip title=\"Add to Download List\" placement=\"right\">\n        <IconButton\n          sx={{ height: '35px', width: '35px' }}\n          onClick={event => {\n            addToDownloadList({ entityId, entityVersionNumber: versionNumber })\n            event.stopPropagation()\n          }}\n        >\n          <IconSvg icon=\"download\" />\n        </IconButton>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,aAAU,qBAAkB,EAAI,UAClC,EAAE,MAAM,MAAW,EAAmB,GAAU,CAAa,GAE7D,EAAE,2BAAwB,EAAkB,GAE5C,EAAE,QAAQ,MAAsB,EAAyB;EAC7D,iBAAiB;GACf,EAA2C,CAAmB;EAChE;EACA,UAAS,MAAS;GAChB,EAAa,EAAM,QAAQ,QAAQ;EACrC;CACF,CAAC;CASD,OANI,GAAQ,cAAc,EAAW,QACjC,GAAQ,cAAc,EAAW,YAMnC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,QAAQ;EACV;YAEA,kBAAC,GAAD;GAAS,OAAM;GAAuB,WAAU;aAC9C,kBAAC,GAAD;IACE,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;IACpC,UAAS,MAAS;KAEhB,AADA,EAAkB;MAAE;MAAU,qBAAqB;KAAc,CAAC,GAClE,EAAM,gBAAgB;IACxB;cAEA,kBAAC,GAAD,EAAS,MAAK,WAAY,CAAA;GAChB,CAAA;EACL,CAAA;CACN,CAAA,IAtBE,kBAAA,GAAA,CAAI,CAAA;AAwBf"}

package/dist/components/EntityFinder/details/view/table/CreatedOnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedOnCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/CreatedOnCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { DateCell } from './DateCell'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\n/**\n * Renders 'createdOn' from the entity bundle.\n * @param props\n * @returns\n */\nexport function CreatedOnCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return <DateCell {...props} cellData={bundle?.entity?.createdOn} />\n}\n"],"mappings":";;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,cACd;AAMD,QAJI,IACK,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,GAG1B,kBAAC,GAAD;EAAU,GAAI;EAAO,UAAU,GAAQ,QAAQ;EAAa,CAAA"}
+{"version":3,"file":"CreatedOnCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/CreatedOnCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { DateCell } from './DateCell'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\n/**\n * Renders 'createdOn' from the entity bundle.\n * @param props\n * @returns\n */\nexport function CreatedOnCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return <DateCell {...props} cellData={bundle?.entity?.createdOn} />\n}\n"],"mappings":";;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,aACf;CAMA,OAJI,IACK,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,IAGzB,kBAAC,GAAD;EAAU,GAAI;EAAO,UAAU,GAAQ,QAAQ;CAAY,CAAA;AACpE"}

package/dist/components/EntityFinder/details/view/table/DateCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/DateCell.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\n\nexport function DateCell({ cellData }: { cellData?: string }) {\n  return <>{(cellData && formatDate(dayjs(cellData))) ?? <></>}</>\n}\n"],"mappings":";;;;AAGA,SAAgB,EAAS,EAAE,eAAmC;AAC5D,QAAO,kBAAA,GAAA,EAAA,WAAI,KAAY,EAAW,EAAM,EAAS,CAAC,KAAK,kBAAA,GAAA,EAAK,CAAA,EAAI,CAAA"}
+{"version":3,"file":"DateCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/DateCell.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\n\nexport function DateCell({ cellData }: { cellData?: string }) {\n  return <>{(cellData && formatDate(dayjs(cellData))) ?? <></>}</>\n}\n"],"mappings":";;;;AAGA,SAAgB,EAAS,EAAE,eAAmC;CAC5D,OAAO,kBAAA,GAAA,EAAA,WAAI,KAAY,EAAW,EAAM,CAAQ,CAAC,MAAM,kBAAA,GAAA,CAAI,CAAA,EAAI,CAAA;AACjE"}

package/dist/components/EntityFinder/details/view/table/EntityBadgeIconsCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityBadgeIconsCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityBadgeIconsCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBadgeIcons } from '../../../../EntityBadgeIcons/index'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\n/**\n * Renders Entity Badges using the entity bundle.\n * @param props\n * @returns\n */\nexport function EntityBadgeIconsCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n\n  return (\n    <EntityBadgeIcons\n      entityId={row.original.entityId}\n      versionNumber={row.original.versionNumber}\n      showHasDiscussionThread={false}\n      showHasWiki={false}\n      showUnlink={false}\n      canOpenModal={false}\n    />\n  )\n}\n"],"mappings":";;;;AASA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ;AAEhB,QACE,kBAAC,GAAD;EACE,UAAU,EAAI,SAAS;EACvB,eAAe,EAAI,SAAS;EAC5B,yBAAyB;EACzB,aAAa;EACb,YAAY;EACZ,cAAc;EACd,CAAA"}
+{"version":3,"file":"EntityBadgeIconsCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityBadgeIconsCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBadgeIcons } from '../../../../EntityBadgeIcons/index'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\n/**\n * Renders Entity Badges using the entity bundle.\n * @param props\n * @returns\n */\nexport function EntityBadgeIconsCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n\n  return (\n    <EntityBadgeIcons\n      entityId={row.original.entityId}\n      versionNumber={row.original.versionNumber}\n      showHasDiscussionThread={false}\n      showHasWiki={false}\n      showUnlink={false}\n      canOpenModal={false}\n    />\n  )\n}\n"],"mappings":";;;;AASA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ;CAEhB,OACE,kBAAC,GAAD;EACE,UAAU,EAAI,SAAS;EACvB,eAAe,EAAI,SAAS;EAC5B,yBAAyB;EACzB,aAAa;EACb,YAAY;EACZ,cAAc;CACf,CAAA;AAEL"}

package/dist/components/EntityFinder/details/view/table/EntityFinderCheckboxCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFinderCheckboxCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityFinderCheckboxCell.tsx"],"sourcesContent":["import { Checkbox } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\n\nexport function EntityFinderCheckboxCell<\n  T extends { entityId: string; isSelected: boolean; isDisabled?: boolean },\n>(props: CellContext<T, any>) {\n  const { row } = props\n  const { entityId, isSelected, isDisabled } = row.original\n\n  if (isDisabled) {\n    return null\n  }\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': `Select ${entityId}` }}\n      checked={isSelected}\n      onChange={() => {\n        // no-op\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,EAEd,GAA4B;CAC5B,IAAM,EAAE,WAAQ,GACV,EAAE,aAAU,eAAY,kBAAe,EAAI;AAMjD,QAJI,IACK,OAIP,kBAAC,GAAD;EACE,YAAY,EAAE,cAAc,UAAU,KAAY;EAClD,SAAS;EACT,gBAAgB;EAGhB,CAAA"}
+{"version":3,"file":"EntityFinderCheckboxCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityFinderCheckboxCell.tsx"],"sourcesContent":["import { Checkbox } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\n\nexport function EntityFinderCheckboxCell<\n  T extends { entityId: string; isSelected: boolean; isDisabled?: boolean },\n>(props: CellContext<T, any>) {\n  const { row } = props\n  const { entityId, isSelected, isDisabled } = row.original\n\n  if (isDisabled) {\n    return null\n  }\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': `Select ${entityId}` }}\n      checked={isSelected}\n      onChange={() => {\n        // no-op\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,EAEd,GAA4B;CAC5B,IAAM,EAAE,WAAQ,GACV,EAAE,aAAU,eAAY,kBAAe,EAAI;CAMjD,OAJI,IACK,OAIP,kBAAC,GAAD;EACE,YAAY,EAAE,cAAc,UAAU,IAAW;EACjD,SAAS;EACT,gBAAgB,CAEhB;CACD,CAAA;AAEL"}

package/dist/components/EntityFinder/details/view/table/EntityFinderVersionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFinderVersionCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityFinderVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { isTableType } from '@/utils/functions/EntityTypeUtils'\nimport { Select } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { Reference } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect, useMemo } from 'react'\nimport IconSvg from '../../../../IconSvg/IconSvg'\nimport { VersionSelectionType } from '../../../VersionSelectionType'\nimport { EntityFinderTableViewRowData } from '../DetailsView'\n\nfunction getLatestVersionText(\n  versionSelection: VersionSelectionType,\n  entityType: EntityType,\n) {\n  let versionDisplay = 'Latest'\n  let snapshotDisplay = ''\n  if (isTableType(entityType)) {\n    if (entityType === EntityType.dataset) {\n      versionDisplay = 'Draft'\n      snapshotDisplay = 'Stable Version'\n    } else {\n      versionDisplay = 'Current'\n      snapshotDisplay = 'Snapshot'\n    }\n  }\n\n  if (versionSelection === VersionSelectionType.TRACKED) {\n    return `Always ${versionDisplay} Version`\n  } else if (versionSelection === VersionSelectionType.REQUIRED) {\n    return (\n      <>\n        {versionDisplay}\n\n        <IconSvg\n          icon=\"helpOutlineTwoTone\"\n          label={`No ${snapshotDisplay} exists. The ${versionDisplay} version will be referenced until a new ${snapshotDisplay} is created.`}\n          sx={{\n            width: '12px',\n            paddingLeft: '0.2rem',\n          }}\n        />\n      </>\n    )\n  }\n\n  return `${versionDisplay} Version`\n}\n\ntype EntityFinderVersionCellProps = {\n  context: CellContext<EntityFinderTableViewRowData, any>\n  versionSelection: VersionSelectionType\n  toggleSelection: (entity: Reference | Reference[]) => void\n  setInitialVersion: (entityId: string, version: number) => void\n}\n\nexport function EntityFinderVersionCell(props: EntityFinderVersionCellProps) {\n  const { context, toggleSelection, setInitialVersion, versionSelection } =\n    props\n  const { row } = context\n\n  const {\n    id,\n    entityType,\n    isVersionableEntity,\n    isSelected,\n    currentSelectedVersion,\n  } = row.original\n\n  const NO_VERSION_NUMBER_OPTION_VALUE = -1\n\n  const { data: versionData } = useGetVersionsInfinite(id, {\n    enabled: isVersionableEntity,\n    staleTime: 60 * 1000, // 60 seconds\n  })\n\n  const versions = useMemo(\n    () => versionData?.pages.flatMap(page => page.results) ?? [],\n    [versionData],\n  )\n\n  // Use a primitive dep instead of the versions array to avoid re-running the effect on new array references\n  const firstVersionNumber = versions[0]?.versionNumber\n\n  useEffect(() => {\n    // If VersionSelectionType.REQUIRED, and the user has selected this entity and hasn't selected a version, then we force a version selection\n    if (\n      isSelected &&\n      versionSelection == VersionSelectionType.REQUIRED &&\n      currentSelectedVersion == null &&\n      firstVersionNumber != null\n    ) {\n      setInitialVersion(id, firstVersionNumber)\n    }\n  }, [\n    currentSelectedVersion,\n    id,\n    isSelected,\n    versionSelection,\n    setInitialVersion,\n    firstVersionNumber,\n  ])\n\n  const showLatestVersion =\n    versionSelection === VersionSelectionType.TRACKED ||\n    (versionSelection === VersionSelectionType.UNTRACKED &&\n      isTableType(entityType))\n\n  const latestVersionText = getLatestVersionText(versionSelection, entityType)\n\n  if (!isSelected || !isVersionableEntity) {\n    return <></>\n  }\n\n  const currentSelectedVersionOptionValue =\n    currentSelectedVersion ?? NO_VERSION_NUMBER_OPTION_VALUE\n\n  return (\n    <div>\n      {versions && versions.length > 0 ? (\n        <Select\n          native\n          fullWidth\n          value={currentSelectedVersionOptionValue}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          sx={{ height: '30px' }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              targetId: id,\n              targetVersionNumber:\n                version === NO_VERSION_NUMBER_OPTION_VALUE\n                  ? undefined\n                  : version,\n            })\n          }}\n        >\n          {showLatestVersion && (\n            <option value={NO_VERSION_NUMBER_OPTION_VALUE}>\n              {latestVersionText}\n            </option>\n          )}\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                Version {version.versionNumber}\n              </option>\n            )\n          })}\n        </Select>\n      ) : (\n        latestVersionText\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAS,EACP,GACA,GACA;CACA,IAAI,IAAiB,UACjB,IAAkB;AA8BtB,QA7BI,EAAY,EAAW,KACrB,MAAe,EAAW,WAC5B,IAAiB,SACjB,IAAkB,qBAElB,IAAiB,WACjB,IAAkB,cAIlB,MAAqB,EAAqB,UACrC,UAAU,EAAe,YACvB,MAAqB,EAAqB,WAEjD,kBAAA,GAAA,EAAA,UAAA,CACG,GAED,kBAAC,GAAD;EACE,MAAK;EACL,OAAO,MAAM,EAAgB,eAAe,EAAe,0CAA0C,EAAgB;EACrH,IAAI;GACF,OAAO;GACP,aAAa;GACd;EACD,CAAA,CACD,EAAA,CAAA,GAIA,GAAG,EAAe;;AAU3B,SAAgB,EAAwB,GAAqC;CAC3E,IAAM,EAAE,YAAS,oBAAiB,sBAAmB,wBACnD,GACI,EAAE,WAAQ,GAEV,EACJ,OACA,eACA,wBACA,eACA,8BACE,EAAI,UAIF,EAAE,MAAM,MAAgB,EAAuB,GAAI;EACvD,SAAS;EACT,WAAW,KAAK;EACjB,CAAC,EAEI,IAAW,QACT,GAAa,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE,EAC5D,CAAC,EAAY,CACd,EAGK,IAAqB,EAAS,IAAI;AAExC,SAAgB;AAEd,EACE,KACA,KAAoB,EAAqB,YACzC,KAA0B,QAC1B,KAAsB,QAEtB,EAAkB,GAAI,EAAmB;IAE1C;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAM,IACJ,MAAqB,EAAqB,WACzC,MAAqB,EAAqB,aACzC,EAAY,EAAW,EAErB,IAAoB,EAAqB,GAAkB,EAAW;AAE5E,KAAI,CAAC,KAAc,CAAC,EAClB,QAAO,kBAAA,GAAA,EAAK,CAAA;CAGd,IAAM,IACJ,KAA0B;AAE5B,QACE,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,IAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,UAAS,MAAS;AAChB,KAAM,iBAAiB;;EAEzB,IAAI,EAAE,QAAQ,QAAQ;EACtB,WAAU,MAAS;AACjB,KAAM,iBAAiB;GACvB,IAAI,IAAU,EAAM,OAAO;AAI3B,GAHI,OAAO,KAAY,aACrB,IAAU,SAAS,EAAQ,GAE7B,EAAgB;IACd,UAAU;IACV,qBACE,MAAY,KACR,KAAA,IACA;IACP,CAAC;;YApBN,CAuBG,KACC,kBAAC,UAAD;GAAQ,OAAO;aACZ;GACM,CAAA,EAEV,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CAAkE,YACvD,EAAQ,cACV;KAFI,EAAQ,cAEZ,CAEX,CACK;MAET,GAEE,CAAA"}
+{"version":3,"file":"EntityFinderVersionCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityFinderVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { isTableType } from '@/utils/functions/EntityTypeUtils'\nimport { Select } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { Reference } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect, useMemo } from 'react'\nimport IconSvg from '../../../../IconSvg/IconSvg'\nimport { VersionSelectionType } from '../../../VersionSelectionType'\nimport { EntityFinderTableViewRowData } from '../DetailsView'\n\nfunction getLatestVersionText(\n  versionSelection: VersionSelectionType,\n  entityType: EntityType,\n) {\n  let versionDisplay = 'Latest'\n  let snapshotDisplay = ''\n  if (isTableType(entityType)) {\n    if (entityType === EntityType.dataset) {\n      versionDisplay = 'Draft'\n      snapshotDisplay = 'Stable Version'\n    } else {\n      versionDisplay = 'Current'\n      snapshotDisplay = 'Snapshot'\n    }\n  }\n\n  if (versionSelection === VersionSelectionType.TRACKED) {\n    return `Always ${versionDisplay} Version`\n  } else if (versionSelection === VersionSelectionType.REQUIRED) {\n    return (\n      <>\n        {versionDisplay}\n\n        <IconSvg\n          icon=\"helpOutlineTwoTone\"\n          label={`No ${snapshotDisplay} exists. The ${versionDisplay} version will be referenced until a new ${snapshotDisplay} is created.`}\n          sx={{\n            width: '12px',\n            paddingLeft: '0.2rem',\n          }}\n        />\n      </>\n    )\n  }\n\n  return `${versionDisplay} Version`\n}\n\ntype EntityFinderVersionCellProps = {\n  context: CellContext<EntityFinderTableViewRowData, any>\n  versionSelection: VersionSelectionType\n  toggleSelection: (entity: Reference | Reference[]) => void\n  setInitialVersion: (entityId: string, version: number) => void\n}\n\nexport function EntityFinderVersionCell(props: EntityFinderVersionCellProps) {\n  const { context, toggleSelection, setInitialVersion, versionSelection } =\n    props\n  const { row } = context\n\n  const {\n    id,\n    entityType,\n    isVersionableEntity,\n    isSelected,\n    currentSelectedVersion,\n  } = row.original\n\n  const NO_VERSION_NUMBER_OPTION_VALUE = -1\n\n  const { data: versionData } = useGetVersionsInfinite(id, {\n    enabled: isVersionableEntity,\n    staleTime: 60 * 1000, // 60 seconds\n  })\n\n  const versions = useMemo(\n    () => versionData?.pages.flatMap(page => page.results) ?? [],\n    [versionData],\n  )\n\n  // Use a primitive dep instead of the versions array to avoid re-running the effect on new array references\n  const firstVersionNumber = versions[0]?.versionNumber\n\n  useEffect(() => {\n    // If VersionSelectionType.REQUIRED, and the user has selected this entity and hasn't selected a version, then we force a version selection\n    if (\n      isSelected &&\n      versionSelection == VersionSelectionType.REQUIRED &&\n      currentSelectedVersion == null &&\n      firstVersionNumber != null\n    ) {\n      setInitialVersion(id, firstVersionNumber)\n    }\n  }, [\n    currentSelectedVersion,\n    id,\n    isSelected,\n    versionSelection,\n    setInitialVersion,\n    firstVersionNumber,\n  ])\n\n  const showLatestVersion =\n    versionSelection === VersionSelectionType.TRACKED ||\n    (versionSelection === VersionSelectionType.UNTRACKED &&\n      isTableType(entityType))\n\n  const latestVersionText = getLatestVersionText(versionSelection, entityType)\n\n  if (!isSelected || !isVersionableEntity) {\n    return <></>\n  }\n\n  const currentSelectedVersionOptionValue =\n    currentSelectedVersion ?? NO_VERSION_NUMBER_OPTION_VALUE\n\n  return (\n    <div>\n      {versions && versions.length > 0 ? (\n        <Select\n          native\n          fullWidth\n          value={currentSelectedVersionOptionValue}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          sx={{ height: '30px' }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              targetId: id,\n              targetVersionNumber:\n                version === NO_VERSION_NUMBER_OPTION_VALUE\n                  ? undefined\n                  : version,\n            })\n          }}\n        >\n          {showLatestVersion && (\n            <option value={NO_VERSION_NUMBER_OPTION_VALUE}>\n              {latestVersionText}\n            </option>\n          )}\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                Version {version.versionNumber}\n              </option>\n            )\n          })}\n        </Select>\n      ) : (\n        latestVersionText\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAS,EACP,GACA,GACA;CACA,IAAI,IAAiB,UACjB,IAAkB;CA8BtB,OA7BI,EAAY,CAAU,MACpB,MAAe,EAAW,WAC5B,IAAiB,SACjB,IAAkB,qBAElB,IAAiB,WACjB,IAAkB,cAIlB,MAAqB,EAAqB,UACrC,UAAU,EAAe,YACvB,MAAqB,EAAqB,WAEjD,kBAAA,GAAA,EAAA,UAAA,CACG,GAED,kBAAC,GAAD;EACE,MAAK;EACL,OAAO,MAAM,EAAgB,eAAe,EAAe,0CAA0C,EAAgB;EACrH,IAAI;GACF,OAAO;GACP,aAAa;EACf;CACD,CAAA,CACD,EAAA,CAAA,IAIC,GAAG,EAAe;AAC3B;AASA,SAAgB,EAAwB,GAAqC;CAC3E,IAAM,EAAE,YAAS,oBAAiB,sBAAmB,wBACnD,GACI,EAAE,WAAQ,GAEV,EACJ,OACA,eACA,wBACA,eACA,8BACE,EAAI,UAIF,EAAE,MAAM,MAAgB,EAAuB,GAAI;EACvD,SAAS;EACT,WAAW,KAAK;CAClB,CAAC,GAEK,IAAW,QACT,GAAa,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GAC3D,CAAC,CAAW,CACd,GAGM,IAAqB,EAAS,IAAI;CAExC,QAAgB;EAEd,AACE,KACA,KAAoB,EAAqB,YACzC,KAA0B,QAC1B,KAAsB,QAEtB,EAAkB,GAAI,CAAkB;CAE5C,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,IAAM,IACJ,MAAqB,EAAqB,WACzC,MAAqB,EAAqB,aACzC,EAAY,CAAU,GAEpB,IAAoB,EAAqB,GAAkB,CAAU;CAE3E,IAAI,CAAC,KAAc,CAAC,GAClB,OAAO,kBAAA,GAAA,CAAI,CAAA;CAGb,IAAM,IACJ,KAA0B;CAE5B,OACE,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,IAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,IAAI,EAAE,QAAQ,OAAO;EACrB,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAI,IAAU,EAAM,OAAO;GAI3B,AAHI,OAAO,KAAY,aACrB,IAAU,SAAS,CAAO,IAE5B,EAAgB;IACd,UAAU;IACV,qBACE,MAAY,KACR,KAAA,IACA;GACR,CAAC;EACH;YArBF,CAuBG,KACC,kBAAC,UAAD;GAAQ,OAAO;aACZ;EACK,CAAA,GAET,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CAAkE,YACvD,EAAQ,aACX;KAFK,EAAQ,aAEb,CAEX,CACK;MAER,EAEC,CAAA;AAET"}

package/dist/components/EntityFinder/details/view/table/EntityNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityNameCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityLink } from '../../../../EntityLink'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\nexport function EntityNameCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    props.row.original.entityId,\n    props.row.original.versionNumber,\n  )\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return bundle ? (\n    <EntityLink\n      className=\"EntityNameWithIconRenderer\"\n      entity={bundle.entity}\n      link={false}\n    />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;AAMA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAM,IAAI,SAAS,UACnB,EAAM,IAAI,SAAS,cACpB;AAKD,QAJI,IACK,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,GAG1B,IACL,kBAAC,GAAD;EACE,WAAU;EACV,QAAQ,EAAO;EACf,MAAM;EACN,CAAA,GAEF,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityNameCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityLink } from '../../../../EntityLink'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\nexport function EntityNameCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    props.row.original.entityId,\n    props.row.original.versionNumber,\n  )\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return bundle ? (\n    <EntityLink\n      className=\"EntityNameWithIconRenderer\"\n      entity={bundle.entity}\n      link={false}\n    />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;AAMA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAM,IAAI,SAAS,UACnB,EAAM,IAAI,SAAS,aACrB;CAKA,OAJI,IACK,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,IAGzB,IACL,kBAAC,GAAD;EACE,WAAU;EACV,QAAQ,EAAO;EACf,MAAM;CACP,CAAA,IAED,kBAAA,GAAA,CAAI,CAAA;AAER"}

package/dist/components/EntityFinder/details/view/table/EntityTypeCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTypeCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityTypeCell.tsx"],"sourcesContent":["import { EntityType } from '@sage-bionetworks/synapse-client'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityTypeIcon } from '../../../../EntityIcon'\nimport { EntityFinderTableViewRowData } from '../DetailsView'\n\nexport function EntityTypeCell(\n  props: CellContext<EntityFinderTableViewRowData, EntityType>,\n) {\n  const { getValue } = props\n  return (\n    <EntityTypeIcon\n      className=\"EntityFinderTableCellEntityIcon\"\n      type={getValue()}\n    />\n  )\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,gBAAa;AACrB,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,GAAU;EAChB,CAAA"}
+{"version":3,"file":"EntityTypeCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/EntityTypeCell.tsx"],"sourcesContent":["import { EntityType } from '@sage-bionetworks/synapse-client'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityTypeIcon } from '../../../../EntityIcon'\nimport { EntityFinderTableViewRowData } from '../DetailsView'\n\nexport function EntityTypeCell(\n  props: CellContext<EntityFinderTableViewRowData, EntityType>,\n) {\n  const { getValue } = props\n  return (\n    <EntityTypeIcon\n      className=\"EntityFinderTableCellEntityIcon\"\n      type={getValue()}\n    />\n  )\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,gBAAa;CACrB,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAS;CAChB,CAAA;AAEL"}

package/dist/components/EntityFinder/details/view/table/FileEntityDirectDownloadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileEntityDirectDownloadCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/FileEntityDirectDownloadCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport FileEntityDirectDownload from '../../../../DirectDownload/FileEntityDirectDownload'\nimport { EntityFinderTableViewRowData } from '../DetailsView'\n\nexport function FileEntityDirectDownloadCell(\n  props: CellContext<EntityFinderTableViewRowData, unknown>,\n) {\n  const { row } = props\n  return (\n    <FileEntityDirectDownload\n      entityId={row.original.entityId}\n      entityVersionNumber={row.original.versionNumber}\n      stopPropagation={true}\n    />\n  )\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ;AAChB,QACE,kBAAC,GAAD;EACE,UAAU,EAAI,SAAS;EACvB,qBAAqB,EAAI,SAAS;EAClC,iBAAiB;EACjB,CAAA"}
+{"version":3,"file":"FileEntityDirectDownloadCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/FileEntityDirectDownloadCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport FileEntityDirectDownload from '../../../../DirectDownload/FileEntityDirectDownload'\nimport { EntityFinderTableViewRowData } from '../DetailsView'\n\nexport function FileEntityDirectDownloadCell(\n  props: CellContext<EntityFinderTableViewRowData, unknown>,\n) {\n  const { row } = props\n  return (\n    <FileEntityDirectDownload\n      entityId={row.original.entityId}\n      entityVersionNumber={row.original.versionNumber}\n      stopPropagation={true}\n    />\n  )\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ;CAChB,OACE,kBAAC,GAAD;EACE,UAAU,EAAI,SAAS;EACvB,qBAAqB,EAAI,SAAS;EAClC,iBAAiB;CAClB,CAAA;AAEL"}

package/dist/components/EntityFinder/details/view/table/FileEntityMD5Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileEntityMD5Cell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/FileEntityMD5Cell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton, Tooltip } from '@mui/material'\nimport { useMutation } from '@tanstack/react-query'\nimport { CellContext } from '@tanstack/react-table'\nimport { displayToast } from '../../../../ToastMessage/index'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { FileHandleWithPreview } from './TableCellTypes'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport function FileEntityMD5Cell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, unknown>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading: isLoadingEntityBundle } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n  const { mutate: copyMd5ToClipboard } = useMutation({\n    mutationFn: (md5: string) => copyStringToClipboard(md5),\n    onSuccess: () => displayToast('MD5 copied to the clipboard', 'success'),\n  })\n  if (isLoadingEntityBundle) {\n    return <Skeleton width={100} />\n  }\n  const file = bundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n  if (file?.contentMd5 == undefined) {\n    return <></>\n  }\n\n  return (\n    <Tooltip title=\"Click to copy MD5 to your clipboard\" placement=\"right\">\n      <button\n        className=\"md5Button\"\n        aria-label=\"MD5\"\n        onClick={event => {\n          event.stopPropagation()\n          copyMd5ToClipboard(file?.contentMd5 ?? '')\n        }}\n      >\n        {file?.contentMd5}\n      </button>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,WAAW,MAA0B,EACzD,EAAI,SAAS,UACb,EAAI,SAAS,cACd,EACK,EAAE,QAAQ,MAAuB,EAAY;EACjD,aAAa,MAAgB,EAAsB,EAAI;EACvD,iBAAiB,EAAa,+BAA+B,UAAU;EACxE,CAAC;AACF,KAAI,EACF,QAAO,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA;CAEjC,IAAM,IAAO,GAAQ,YAAY,MAC9B,MAAgC,EAAK,cAAc,GACrD;AAKD,QAJI,GAAM,cAAc,OACf,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EAAS,OAAM;EAAsC,WAAU;YAC7D,kBAAC,UAAD;GACE,WAAU;GACV,cAAW;GACX,UAAS,MAAS;AAEhB,IADA,EAAM,iBAAiB,EACvB,EAAmB,GAAM,cAAc,GAAG;;aAG3C,GAAM;GACA,CAAA;EACD,CAAA"}
+{"version":3,"file":"FileEntityMD5Cell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/FileEntityMD5Cell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton, Tooltip } from '@mui/material'\nimport { useMutation } from '@tanstack/react-query'\nimport { CellContext } from '@tanstack/react-table'\nimport { displayToast } from '../../../../ToastMessage/index'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { FileHandleWithPreview } from './TableCellTypes'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport function FileEntityMD5Cell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, unknown>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading: isLoadingEntityBundle } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n  const { mutate: copyMd5ToClipboard } = useMutation({\n    mutationFn: (md5: string) => copyStringToClipboard(md5),\n    onSuccess: () => displayToast('MD5 copied to the clipboard', 'success'),\n  })\n  if (isLoadingEntityBundle) {\n    return <Skeleton width={100} />\n  }\n  const file = bundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n  if (file?.contentMd5 == undefined) {\n    return <></>\n  }\n\n  return (\n    <Tooltip title=\"Click to copy MD5 to your clipboard\" placement=\"right\">\n      <button\n        className=\"md5Button\"\n        aria-label=\"MD5\"\n        onClick={event => {\n          event.stopPropagation()\n          copyMd5ToClipboard(file?.contentMd5 ?? '')\n        }}\n      >\n        {file?.contentMd5}\n      </button>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,WAAW,MAA0B,EACzD,EAAI,SAAS,UACb,EAAI,SAAS,aACf,GACM,EAAE,QAAQ,MAAuB,EAAY;EACjD,aAAa,MAAgB,EAAsB,CAAG;EACtD,iBAAiB,EAAa,+BAA+B,SAAS;CACxE,CAAC;CACD,IAAI,GACF,OAAO,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA;CAEhC,IAAM,IAAO,GAAQ,YAAY,MAC9B,MAAgC,EAAK,cAAc,EACtD;CAKA,OAJI,GAAM,cAAc,OACf,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EAAS,OAAM;EAAsC,WAAU;YAC7D,kBAAC,UAAD;GACE,WAAU;GACV,cAAW;GACX,UAAS,MAAS;IAEhB,AADA,EAAM,gBAAgB,GACtB,EAAmB,GAAM,cAAc,EAAE;GAC3C;aAEC,GAAM;EACD,CAAA;CACD,CAAA;AAEb"}

package/dist/components/EntityFinder/details/view/table/FileEntitySizeCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileEntitySizeCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/FileEntitySizeCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { FileHandleWithPreview } from './TableCellTypes'\n\nexport function FileEntitySizeCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, unknown>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n  const file = bundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n  const friendlySize = file?.contentSize\n    ? calculateFriendlyFileSize(file?.contentSize)\n    : ''\n  return <span>{friendlySize}</span>\n}\n"],"mappings":";;;;;AAOA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,cACd;AAED,KAAI,EACF,QAAO,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA;CAEjC,IAAM,IAAO,GAAQ,YAAY,MAC9B,MAAgC,EAAK,cAAc,GACrD;AAID,QAAO,kBAAC,QAAD,EAAA,UAHc,GAAM,cACvB,EAA0B,GAAM,YAAY,GAC5C,IAC8B,CAAA"}
+{"version":3,"file":"FileEntitySizeCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/FileEntitySizeCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { FileHandleWithPreview } from './TableCellTypes'\n\nexport function FileEntitySizeCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, unknown>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n  const file = bundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n  const friendlySize = file?.contentSize\n    ? calculateFriendlyFileSize(file?.contentSize)\n    : ''\n  return <span>{friendlySize}</span>\n}\n"],"mappings":";;;;;AAOA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,aACf;CAEA,IAAI,GACF,OAAO,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA;CAEhC,IAAM,IAAO,GAAQ,YAAY,MAC9B,MAAgC,EAAK,cAAc,EACtD;CAIA,OAAO,kBAAC,QAAD,EAAA,UAHc,GAAM,cACvB,EAA0B,GAAM,WAAW,IAC3C,GAC6B,CAAA;AACnC"}

package/dist/components/EntityFinder/details/view/table/ModifiedByCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModifiedByCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/ModifiedByCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { UserBadgeCell } from './UserBadgeCell'\n\n/**\n * Renders 'modifiedBy' from the entity bundle.\n * @param props\n * @returns\n */\nexport function ModifiedByCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return <UserBadgeCell {...props} cellData={bundle?.entity.modifiedBy} />\n}\n"],"mappings":";;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,cACd;AAMD,QAJI,IACK,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,GAG1B,kBAAC,GAAD;EAAe,GAAI;EAAO,UAAU,GAAQ,OAAO;EAAc,CAAA"}
+{"version":3,"file":"ModifiedByCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/ModifiedByCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\nimport { UserBadgeCell } from './UserBadgeCell'\n\n/**\n * Renders 'modifiedBy' from the entity bundle.\n * @param props\n * @returns\n */\nexport function ModifiedByCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return <UserBadgeCell {...props} cellData={bundle?.entity.modifiedBy} />\n}\n"],"mappings":";;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,aACf;CAMA,OAJI,IACK,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,IAGzB,kBAAC,GAAD;EAAe,GAAI;EAAO,UAAU,GAAQ,OAAO;CAAa,CAAA;AACzE"}

package/dist/components/EntityFinder/details/view/table/ModifiedOnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModifiedOnCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/ModifiedOnCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { DateCell } from './DateCell'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\n/**\n * Renders 'modifiedOn' from the entity bundle.\n * @param props\n * @returns\n */\nexport function ModifiedOnCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return <DateCell {...props} cellData={bundle?.entity.modifiedOn} />\n}\n"],"mappings":";;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,cACd;AAMD,QAJI,IACK,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,GAG1B,kBAAC,GAAD;EAAU,GAAI;EAAO,UAAU,GAAQ,OAAO;EAAc,CAAA"}
+{"version":3,"file":"ModifiedOnCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/ModifiedOnCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { DateCell } from './DateCell'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\n/**\n * Renders 'modifiedOn' from the entity bundle.\n * @param props\n * @returns\n */\nexport function ModifiedOnCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { row } = props\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    row.original.entityId,\n    row.original.versionNumber,\n  )\n\n  if (isLoading) {\n    return <Skeleton width={100} />\n  }\n\n  return <DateCell {...props} cellData={bundle?.entity.modifiedOn} />\n}\n"],"mappings":";;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,WAAQ,GACV,EAAE,MAAM,GAAQ,iBAAc,EAClC,EAAI,SAAS,UACb,EAAI,SAAS,aACf;CAMA,OAJI,IACK,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,IAGzB,kBAAC,GAAD;EAAU,GAAI;EAAO,UAAU,GAAQ,OAAO;CAAa,CAAA;AACpE"}

package/dist/components/EntityFinder/details/view/table/ParentProjectCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParentProjectCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/ParentProjectCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetEntity } from '@/synapse-queries/index'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityLink } from '../../../../EntityLink'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\nexport function ParentProjectCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { data: entityBundle, isLoading: isLoadingBundle } = useGetEntityBundle(\n    props.row.original.entityId,\n    props.row.original.versionNumber,\n  )\n  const { data: project, isLoading: isLoadingProjectEntity } = useGetEntity(\n    entityBundle?.path.path[1].id ?? '',\n    undefined,\n    { enabled: !!entityBundle },\n  )\n\n  if (isLoadingBundle || isLoadingProjectEntity) {\n    return <Skeleton width={100} />\n  }\n\n  return project ? <EntityLink entity={project} /> : <></>\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,MAAM,GAAc,WAAW,MAAoB,EACzD,EAAM,IAAI,SAAS,UACnB,EAAM,IAAI,SAAS,cACpB,EACK,EAAE,MAAM,GAAS,WAAW,MAA2B,EAC3D,GAAc,KAAK,KAAK,GAAG,MAAM,IACjC,KAAA,GACA,EAAE,SAAS,CAAC,CAAC,GAAc,CAC5B;AAMD,QAJI,KAAmB,IACd,kBAAC,GAAD,EAAU,OAAO,KAAO,CAAA,GAG1B,IAAU,kBAAC,GAAD,EAAY,QAAQ,GAAW,CAAA,GAAG,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"ParentProjectCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/ParentProjectCell.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetEntity } from '@/synapse-queries/index'\nimport { Skeleton } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityLink } from '../../../../EntityLink'\nimport { EntityIdAndVersionNumber } from './TableCellTypes'\n\nexport function ParentProjectCell<T extends EntityIdAndVersionNumber>(\n  props: CellContext<T, any>,\n) {\n  const { data: entityBundle, isLoading: isLoadingBundle } = useGetEntityBundle(\n    props.row.original.entityId,\n    props.row.original.versionNumber,\n  )\n  const { data: project, isLoading: isLoadingProjectEntity } = useGetEntity(\n    entityBundle?.path.path[1].id ?? '',\n    undefined,\n    { enabled: !!entityBundle },\n  )\n\n  if (isLoadingBundle || isLoadingProjectEntity) {\n    return <Skeleton width={100} />\n  }\n\n  return project ? <EntityLink entity={project} /> : <></>\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,MAAM,GAAc,WAAW,MAAoB,EACzD,EAAM,IAAI,SAAS,UACnB,EAAM,IAAI,SAAS,aACrB,GACM,EAAE,MAAM,GAAS,WAAW,MAA2B,EAC3D,GAAc,KAAK,KAAK,GAAG,MAAM,IACjC,KAAA,GACA,EAAE,SAAS,CAAC,CAAC,EAAa,CAC5B;CAMA,OAJI,KAAmB,IACd,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,IAGzB,IAAU,kBAAC,GAAD,EAAY,QAAQ,EAAU,CAAA,IAAI,kBAAA,GAAA,CAAI,CAAA;AACzD"}

package/dist/components/EntityFinder/details/view/table/UserBadgeCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserBadgeCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/UserBadgeCell.tsx"],"sourcesContent":["import { UserBadge } from '../../../../UserCard/UserBadge'\n\nexport function UserBadgeCell({ cellData }: { cellData?: string }) {\n  return cellData ? (\n    <UserBadge userId={cellData} openLinkInNewTab={true} />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;AAEA,SAAgB,EAAc,EAAE,eAAmC;AACjE,QAAO,IACL,kBAAC,GAAD;EAAW,QAAQ;EAAU,kBAAkB;EAAQ,CAAA,GAEvD,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"UserBadgeCell.js","names":[],"sources":["../../../../../../src/components/EntityFinder/details/view/table/UserBadgeCell.tsx"],"sourcesContent":["import { UserBadge } from '../../../../UserCard/UserBadge'\n\nexport function UserBadgeCell({ cellData }: { cellData?: string }) {\n  return cellData ? (\n    <UserBadge userId={cellData} openLinkInNewTab={true} />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;AAEA,SAAgB,EAAc,EAAE,eAAmC;CACjE,OAAO,IACL,kBAAC,GAAD;EAAW,QAAQ;EAAU,kBAAkB;CAAO,CAAA,IAEtD,kBAAA,GAAA,CAAI,CAAA;AAER"}