synapse-react-client 4.0.44 → 4.0.46

package/dist/components/GenericCard/TableRowGenericCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowGenericCard.js","names":[],"sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"sourcesContent":["import { CommonCardProps } from '@/components/CardContainer/CardConfiguration'\nimport {\n  getFileHandleAssociation,\n  getLinkParams,\n  getValueOrMultiValue,\n} from '@/components/GenericCard/CardUtils'\nimport CroissantButton from '@/components/GenericCard/CroissantButton/CroissantButton'\nimport { GenericCardIcon } from '@/components/GenericCard/GenericCardIcon'\nimport PortalDOI from '@/components/GenericCard/PortalDOI/PortalDOI'\nimport {\n  getCandidateDoiId,\n  useShowDoiCardLabel,\n} from '@/components/GenericCard/PortalDOI/PortalDOIUtils'\nimport { mapRowToRecord } from '@/components/SynapseTable/SynapseTableUtils'\nimport { useGetEntity } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isDatasetCollection,\n  isTableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  extractMarkdownLinkHref,\n  parseSynId,\n} from '@/utils/functions/RegularExpressions'\nimport { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport * as SynapseConstants from '@/utils/SynapseConstants'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Entity,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport CitationPopover from '../CitationPopover'\nimport {\n  DATASET_HOSTING_CONFIG,\n  type DatasetHostingType,\n  normalizeHosting,\n} from '../DatasetHosting/DatasetHosting'\nimport DatasetDownloadButton from '../DatasetHosting/DatasetDownloadButton'\nimport DatasetHostingAdornment from '../DatasetHosting/DatasetHostingAdornment'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { HeaderCardVariant } from '../HeaderCard'\nimport IconList from '../IconList'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { CardActionButtonStyleContext } from './CardActionButtonStyleContext'\nimport GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport DuoTermTags from './DuoTermTags/DuoTermTags'\nimport { parseDuoModifiers } from './DuoTermTags/duoTerms'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { useResolvedSynapseEntity } from './useResolvedSynapseEntity'\n\ntype RowSynapseEntityConfig = {\n  /** Use the table rowId to resolve the Synapse entity ID. */\n  id: {\n    source: 'rowId'\n  }\n  /** Use the table rowVersionNumber to resolve the Synapse entity version (if available). */\n  version?: {\n    source: 'rowVersionNumber'\n  }\n}\n\ntype ColumnSynapseEntityConfig = {\n  /** Use a column value to resolve the Synapse entity ID. */\n  id: {\n    source: 'column'\n    columnName: string\n  }\n  /** Use a column value to resolve the Synapse entity version. */\n  version?: {\n    source: 'column'\n    columnName: string\n  }\n}\n\nexport type SynapseEntityConfig =\n  | RowSynapseEntityConfig\n  | ColumnSynapseEntityConfig\n\n/**\n * Maps a table query result to a GenericCard.\n */\nexport type TableToGenericCardMapping = {\n  /** The 'type' of resource a card refers to. Renders a label on the card with this string value.\n   *  Can be hidden by setting it to '' (empty string)\n   */\n  type: string\n  /** The column name whose data contains the title of the card */\n  title: string\n  /** The column name whose data contains the subtitle of the card */\n  subTitle?: string\n  /** The column name whose data contains the description of the card */\n  description?: string\n  /** If true, a 'Cite As' button will be displayed for those cards with a DOI in the 'doi' column  */\n  includeCitation?: boolean\n  /** If true, a 'Share this page' button will be displayed  */\n  includeShareButton?: boolean\n  /**\n   * Configuration for displaying the SustainabilityScorecard component\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /** The initial citation format to use in the 'Cite As' UI */\n  defaultCitationFormat?: 'bibtex' | 'apa' | 'ieee' | 'nature' | 'science'\n  /** Static text displayed in the 'Cite As' UI */\n  citationBoilerplateText?: string\n  /** The column name whose data contains the value used to map to the icon */\n  icon?: string\n  /** The column name whose data contains an image file handle to be displayed on the card */\n  imageFileHandleColumnName?: string\n  /** Static boolean value used if the image displayed using `imageFileHandleColumnName` requires extra padding */\n  thumbnailRequiresPadding?: boolean\n  /** Array of column names to be used for labels in the Card Footer */\n  secondaryLabels?: string[]\n  /** Can be used to add a custom secondary label */\n  customSecondaryLabelConfig?: {\n    /** The displayed label key */\n    key: string\n    /** The value to display */\n    value: React.ReactNode\n    /** Callback to determine visibility of the label\n     * @param schema the mapping of columnName to data index\n     * @param data the row data\n     */\n    isVisible: (schema: Record<string, number>, data: string[]) => boolean\n  }\n  /** Column name of the link value if the title should be linked */\n  link?: string\n  /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */\n  dataTypeIconNames?: string\n  /**\n   * Ordered list of column names to display to the right of the title area.\n   * Each renders as \"Display Name: Value\" on its own line. Rows with empty values are skipped.\n   * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).\n   *\n   * Can also be a function that receives the schema and row data and returns the list of column\n   * names to display, allowing the displayed details to vary based on the row's actual values.\n   */\n  titleAreaDetails?:\n    | string[]\n    | ((schema: Record<string, number>, data: string[]) => string[])\n  /** Configuration for resolving the Synapse entity ID/version represented by each card row.\n   *  The ID and version sources must both reference either row-based values or column-based values.\n   */\n  synapseEntityConfig?: SynapseEntityConfig\n  /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */\n  downloadCartSynId?: string\n  /**\n   * Opt-in configuration for hosting-aware download/access. When `hostingColumn`\n   * is provided, the card's primary action becomes a `DatasetDownloadButton` driven\n   * by the row's hosting value: downloadable hosting types show the standard dataset\n   * download options, while non-downloadable types (e.g. external-access) swap to a\n   * link to the external repository instead. Other portals that don't set this\n   * are unaffected.\n   */\n  hostingConfig?: {\n    /** Column holding the hosting type. Blank/unknown → `synapse`. */\n    hostingColumn: string\n    /**\n     * Optional map from the column's raw values to hosting types, for columns that\n     * use portal-specific labels rather than the canonical vocabulary (e.g. CCKP's\n     * `downloadType`: \"Synapse Indexed\" → `external-download`). Values not in the\n     * map fall back to `normalizeHosting` (canonical value, or → `synapse`).\n     */\n    hostingValueMap?: Record<string, DatasetHostingType>\n    /** Column holding the free-text external repository name (e.g. \"GEO\", \"dbGaP\"). */\n    repositoryColumn?: string\n    /** Column holding the external URL used for non-downloadable (external-access) datasets. */\n    externalUrlColumn?: string\n  }\n  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\n  /**\n   * Column name of a STRING_LIST of Data Use Ontology (DUO) values (ontology\n   * codes or term names). When set, the values are rendered as DUO tags in a\n   * metadata row labeled with the column's display name, so the card matches the\n   * corresponding facet.\n   */\n  dataUseModifiersColumnName?: string\n}\n\nexport type TableRowGenericCardProps = {\n  /** The schema that maps a table result to the GenericCard UI */\n  genericCardSchema: TableToGenericCardMapping\n  /** The table's SelectColumns */\n  selectColumns?: SelectColumn[]\n  /** The table's ColumnModels */\n  columnModels?: ColumnModel[]\n  /** If true, the 'type' column will be used as the icon string to choose the icon */\n  useTypeColumnForIcon?: boolean\n  /** If true, render the card as a HeaderCard */\n  isHeader?: boolean\n  /** If isHeader is true, use this variant of HeaderCard */\n  headerCardVariant?: HeaderCardVariant\n  isAlignToLeftNav?: boolean\n  /** Mapping of column name to row data index */\n  schema: Record<string, number>\n  /** The row data */\n  data: string[]\n  /** The ID of the table row */\n  rowId?: number\n  /** The versionNumber of the table row */\n  versionNumber?: number\n  /** Optional props for the ShareThisPage component */\n  sharePageLinkButtonProps?: ShareThisPageProps\n  /** Optional function that receives schema and data and returns a ReactNode to be rendered next to the card type */\n  CardTypeAdornment?: React.ComponentType<{\n    schema: Record<string, number>\n    data: string[]\n  }>\n} & CommonCardProps\n\n// SWC-6115: special rendering of the version column (for Views)\nfunction VersionLabel(props: { synapseId: string; version: string }) {\n  const { synapseId, version } = props\n  return (\n    <span>\n      {version}&nbsp;&nbsp;\n      <a\n        target={TargetEnum.NEW_WINDOW}\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${synapseId}.${version}`}\n      >\n        (Show Version History on Synapse)\n      </a>\n    </span>\n  )\n}\n\n/**\n * Maps a table row to a GenericCard.\n */\nexport function TableRowGenericCard(props: TableRowGenericCardProps) {\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState(false)\n  const [downloadButtonLoading, setDownloadButtonLoading] = useState(false)\n\n  const { entityId, versionNumber } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { ref, inView: cardIsInView } = useInView()\n\n  const { data: table } = useGetEntity<Table>(entityId, versionNumber)\n\n  const {\n    schema,\n    data,\n    rowId,\n    versionNumber: rowVersionNumber,\n    genericCardSchema,\n    secondaryLabelLimit,\n    sharePageLinkButtonProps,\n    selectColumns,\n    columnModels,\n    iconOptions,\n    useTypeColumnForIcon = false,\n    isHeader = false,\n    sustainabilityScorecard,\n    headerCardVariant,\n    titleLinkConfig,\n    ctaLinkConfig,\n    ctaLinkPosition,\n    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\n    actionButtonStyle = 'button',\n  } = props\n\n  const {\n    link = '',\n    type,\n    includeCitation,\n    includeShareButton,\n    defaultCitationFormat,\n    citationBoilerplateText,\n    downloadCartSynId,\n    portalDoiConfiguration,\n  } = genericCardSchema\n  const title = data[schema[genericCardSchema.title]]\n  let subTitle =\n    genericCardSchema.subTitle && data[schema[genericCardSchema.subTitle]]\n  subTitle =\n    genericCardSchema.subTitle &&\n    getValueOrMultiValue({\n      value: subTitle,\n      columnName: genericCardSchema.subTitle,\n      selectColumns,\n      columnModels,\n    }).str\n  const description = data[schema[genericCardSchema.description || '']]\n  const iconValue = data[schema[genericCardSchema.icon || '']]\n  const dataTypeIconNames =\n    data[schema[genericCardSchema.dataTypeIconNames || '']]\n  const imageFileHandleIdValue =\n    data[schema[genericCardSchema.imageFileHandleColumnName || '']]\n  const titleColumnModel = columnModels?.find(\n    el => genericCardSchema.link === el.name,\n  )\n  const titleColumnType = titleColumnModel?.columnType\n  // wrap link in parens because undefined would throw an error\n  const linkValue: string = data[schema[link]] || ''\n  const { href, target } = getLinkParams(\n    linkValue,\n    titleLinkConfig,\n    data,\n    schema,\n    rowId,\n  )\n\n  const synapseEntityConfig = genericCardSchema.synapseEntityConfig\n\n  const getColumnValue = useCallback(\n    (columnName?: string) => {\n      if (!columnName) {\n        return undefined\n      }\n      const columnIndex = schema[columnName]\n      if (columnIndex === undefined) {\n        return undefined\n      }\n      return data[columnIndex]\n    },\n    [schema, data],\n  )\n\n  // DUO (Data Use Ontology) tags, when a dataUseModifiers column is configured.\n  // Rendered as a metadata row labeled with the column's display name.\n  const duoContent = useMemo(() => {\n    const col = genericCardSchema.dataUseModifiersColumnName\n    if (!col) {\n      return undefined\n    }\n    const terms = parseDuoModifiers(data[schema[col]])\n    if (terms.length === 0) {\n      return undefined\n    }\n    return <DuoTermTags terms={terms} />\n  }, [genericCardSchema, data, schema])\n\n  const resolvedTitleAreaRightContent = useMemo(() => {\n    const { titleAreaDetails } = genericCardSchema\n    if (!titleAreaDetails) return undefined\n    const columns =\n      typeof titleAreaDetails === 'function'\n        ? titleAreaDetails(schema, data)\n        : titleAreaDetails\n    if (columns.length === 0) return undefined\n    const rows = columns\n      .map(columnName => {\n        const rawValue: string | undefined = data[schema[columnName]]\n        if (!rawValue) return null\n        return { name: getColumnDisplayName(columnName), rawValue, columnName }\n      })\n      .filter(Boolean) as {\n      name: string\n      rawValue: string\n      columnName: string\n    }[]\n    if (rows.length === 0) return undefined\n    return (\n      <Stack direction=\"column\" gap=\"4px\">\n        {rows.map(({ name, rawValue, columnName }) => (\n          <Stack key={columnName} direction=\"row\" gap=\"4px\" alignItems=\"center\">\n            <Typography component=\"span\" variant=\"body1\">\n              {name}:\n            </Typography>\n            <SynapseCardLabel\n              value={rawValue}\n              columnName={columnName}\n              labelLink={undefined}\n              isHeader={isHeader}\n              selectColumns={selectColumns}\n              columnModels={columnModels}\n              rowData={data}\n              columnIconOptions={columnIconOptions}\n            />\n          </Stack>\n        ))}\n      </Stack>\n    )\n  }, [\n    genericCardSchema,\n    data,\n    schema,\n    getColumnDisplayName,\n    isHeader,\n    selectColumns,\n    columnModels,\n    columnIconOptions,\n  ])\n\n  const {\n    entityId: resolvedSynapseEntityId,\n    entityVersionNumber: resolvedSynapseEntityVersionNumber,\n  } = useResolvedSynapseEntity({\n    synapseEntityConfig,\n    getColumnValue,\n    rowId,\n    rowVersionNumber,\n  })\n\n  let resolvedDownloadCartSynIdValue = resolvedSynapseEntityId\n  let resolvedDownloadCartVersionNumber = resolvedSynapseEntityVersionNumber\n\n  if (downloadCartSynId) {\n    const reference = parseSynId(getColumnValue(downloadCartSynId) ?? '')\n    resolvedDownloadCartSynIdValue = reference?.targetId\n    resolvedDownloadCartVersionNumber = reference?.targetVersionNumber\n  }\n\n  // Opt-in hosting-aware action: when the schema declares a hosting column, the\n  // primary action is a DatasetDownloadButton driven by the row's hosting value.\n  const hostingConfig = genericCardSchema.hostingConfig\n  const rawHostingValue = hostingConfig\n    ? getColumnValue(hostingConfig.hostingColumn)\n    : undefined\n  const hostingType = hostingConfig\n    ? (rawHostingValue && hostingConfig.hostingValueMap?.[rawHostingValue]) ||\n      normalizeHosting(rawHostingValue)\n    : undefined\n  const hostingRepository = hostingConfig?.repositoryColumn\n    ? getColumnValue(hostingConfig.repositoryColumn)\n    : undefined\n  const rawHostingExternalUrl = hostingConfig?.externalUrlColumn\n    ? getColumnValue(hostingConfig.externalUrlColumn)\n    : undefined\n  // The externalUrl column may be a markdown link (e.g. CCKP's `externalLink`:\n  // \"[label](https://...)\") rather than a plain URL — extract the href if so.\n  const hostingExternalUrl = rawHostingExternalUrl\n    ? extractMarkdownLinkHref(rawHostingExternalUrl)\n    : undefined\n  // Non-downloadable hosting (e.g. external-access) suppresses the Synapse\n  // download flow entirely; everything else keeps the add-to-download-list behavior.\n  const hostingIsDownloadable = hostingType\n    ? DATASET_HOSTING_CONFIG[hostingType].downloadable\n    : true\n\n  // Transform the row to a record of (columnName, value) pairs for compatibility with getCandidateDoiId\n  const dataAsRecord: Record<string, string | null> = useMemo(\n    () => mapRowToRecord(data, schema),\n    [data, schema],\n  )\n\n  const candidateDoiId = getCandidateDoiId({\n    data: dataAsRecord,\n    portalDoiConfiguration,\n  })\n\n  const showDoiCardLabel = useShowDoiCardLabel({\n    portalId: portalDoiConfiguration?.portalId,\n    resourceId: candidateDoiId,\n  })\n\n  const values: {\n    columnDisplayName: string\n    value: React.ReactNode\n    columnName?: string\n  }[] = []\n  const { secondaryLabels = [] } = genericCardSchema\n  const customLabelConfig = genericCardSchema.customSecondaryLabelConfig\n\n  // DUO tags rendered as a metadata row (alongside \"How to download\", size, …).\n  // Label it with the DUO column's display name so the card row matches the\n  // facet exactly (respecting any column alias) rather than a hardcoded string.\n  if (duoContent && genericCardSchema.dataUseModifiersColumnName) {\n    values.push({\n      columnName: genericCardSchema.dataUseModifiersColumnName,\n      columnDisplayName: getColumnDisplayName(\n        genericCardSchema.dataUseModifiersColumnName,\n      ),\n      value: duoContent,\n    })\n  }\n\n  // PORTALS-3549 - if a DOI exists or can be created by the current user, show it\n  if (\n    showDoiCardLabel &&\n    portalDoiConfiguration &&\n    candidateDoiId &&\n    cardIsInView\n  ) {\n    values.push({\n      columnDisplayName: 'DOI',\n      value: (\n        <PortalDOI\n          portalId={portalDoiConfiguration.portalId}\n          resourceId={candidateDoiId}\n        />\n      ),\n    })\n  }\n\n  // Overwrite the 'HOW TO DOWNLOAD' link if a synapse ID is available — but not\n  // for non-downloadable hosting (e.g. external-access), where adding to the\n  // Synapse download list wouldn't work; fall back to the static guidance instead.\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue && hostingIsDownloadable) {\n      values.push({\n        columnDisplayName: 'HOW TO DOWNLOAD',\n        value: (\n          <Link onClick={() => setShowDownloadConfirmation(val => !val)}>\n            Click here to add to Synapse download list\n          </Link>\n        ),\n      })\n    } else {\n      values.push({ columnDisplayName: key, value })\n    }\n  }\n\n  const isView = table && !isTableEntity(table)\n  for (let i = 0; i < secondaryLabels.length; i += 1) {\n    const columnName = secondaryLabels[i]\n    const rawValue: string | undefined = data[schema[columnName]]\n    let renderedValue: React.ReactNode = rawValue\n    let columnDisplayName\n    if (renderedValue && rawValue !== '[]' && rawValue !== '[\"\"]') {\n      // PORTALS-2750: special rendering of the datasetSizeInBytes (for Dataset Collections)\n      if (\n        isDatasetCollection(table as Entity) &&\n        columnName === 'datasetSizeInBytes'\n      ) {\n        columnDisplayName = 'Size'\n        renderedValue = calculateFriendlyFileSize(parseInt(rawValue))\n      } // SWC-6115: special rendering of the version column (for Views)\n      else if (isView && columnName === 'currentVersion') {\n        const synapseId = data[schema.id]\n        renderedValue = (\n          <VersionLabel synapseId={synapseId} version={rawValue} />\n        )\n        columnDisplayName = 'Version'\n      } else {\n        const labelLink = labelLinkConfig?.find(\n          el => el.matchColumnName === columnName,\n        )\n        renderedValue = (\n          <SynapseCardLabel\n            value={rawValue}\n            columnName={columnName}\n            labelLink={labelLink}\n            isHeader={isHeader}\n            selectColumns={selectColumns}\n            columnModels={columnModels}\n            rowData={data}\n            columnIconOptions={columnIconOptions}\n          />\n        )\n        columnDisplayName = getColumnDisplayName(columnName)\n      }\n      values.push({ columnDisplayName, value: renderedValue, columnName })\n    }\n  }\n\n  const fileHandleId = imageFileHandleIdValue || linkValue\n\n  /**\n   * To show a direct download link to a file, we need to determine the association that gives permission to download the file.\n   */\n  const fileHandleAssociation = getFileHandleAssociation(\n    table,\n    fileHandleId,\n    data[schema.id],\n  )\n\n  const descriptionSubTitle = getColumnDisplayName(\n    genericCardSchema.description || '',\n  )\n\n  const doiColumnIndex = getColumnIndex('doi', selectColumns, columnModels)\n  const doiValue =\n    doiColumnIndex !== undefined ? data[doiColumnIndex] : undefined\n\n  // Normalize ctaLinkConfig to array and resolve each config\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const resolvedCtaLinkConfigs = ctaLinkConfigs\n    .map(config => {\n      const ctaLinkValue: string = data[schema[config.link]] || ''\n      if (!ctaLinkValue) return null\n      const { href, target } = getLinkParams(\n        ctaLinkValue,\n        undefined, //card link config\n        data,\n        schema,\n        rowId,\n      )\n      return {\n        text: config.endIcon ? (\n          <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n            {config.text}\n            {config.endIcon}\n          </div>\n        ) : (\n          config.text\n        ),\n        href,\n        target,\n      }\n    })\n    .filter(Boolean) as { text: string; href: string; target?: string }[]\n\n  let croissantButton = <></>\n  if (\n    resolvedSynapseEntityId != null &&\n    resolvedSynapseEntityVersionNumber != null\n  ) {\n    croissantButton = (\n      <CroissantButton\n        datasetId={resolvedSynapseEntityId}\n        datasetVersionNumber={resolvedSynapseEntityVersionNumber}\n      />\n    )\n  }\n\n  // Auto-render a scannable hosting chip next to the dataset type when the card\n  // opts into hosting-aware behavior and the row has a recognized hosting value,\n  // so the button's icon/tooltip is not the only visual signal of where files\n  // live. An explicit `CardTypeAdornment` prop always wins as an escape hatch.\n  let resolvedCardTypeAdornment: React.ReactNode = null\n  if (CardTypeAdornment) {\n    resolvedCardTypeAdornment = (\n      <CardTypeAdornment schema={schema} data={data} />\n    )\n  } else if (hostingConfig && rawHostingValue?.trim() && hostingType) {\n    resolvedCardTypeAdornment = (\n      <DatasetHostingAdornment hostingType={hostingType} isHeader={isHeader} />\n    )\n  }\n\n  let isRenderingIcon = true\n  if (isHeader && !imageFileHandleIdValue && !iconValue) {\n    // For header cards, if there is no image or explicit icon value, we don't show an icon at all\n    isRenderingIcon = false\n  }\n  const iconNode = isRenderingIcon ? (\n    <GenericCardIcon\n      type={\n        useTypeColumnForIcon ? data[schema['type']] : genericCardSchema.type\n      }\n      useTypeForIcon={useTypeColumnForIcon}\n      thumbnailRequiresPadding={genericCardSchema.thumbnailRequiresPadding}\n      imageFileHandleId={imageFileHandleIdValue}\n      fileHandleAssociation={fileHandleAssociation}\n      iconOptions={iconOptions}\n      iconValue={iconValue}\n    />\n  ) : undefined\n  return (\n    <GenericCard\n      ref={ref}\n      icon={iconNode}\n      isHeader={isHeader}\n      sustainabilityScorecard={sustainabilityScorecard}\n      headerCardVariant={headerCardVariant}\n      type={type}\n      title={title}\n      subtitle={subTitle}\n      titleLinkConfiguration={{ target, href }}\n      cardTypeAdornment={resolvedCardTypeAdornment}\n      titleAsFileHandleLinkConfiguration={\n        !titleLinkConfig &&\n        titleColumnType === ColumnTypeEnum.FILEHANDLEID &&\n        fileHandleAssociation\n          ? {\n              fileHandleAssociation: fileHandleAssociation,\n              showDownloadIcon: type !== SynapseConstants.EXPERIMENTAL,\n            }\n          : undefined\n      }\n      ctaLinkConfig={\n        resolvedCtaLinkConfigs.length > 0 ? resolvedCtaLinkConfigs : undefined\n      }\n      ctaLinkPosition={ctaLinkPosition}\n      titleAreaRightContent={resolvedTitleAreaRightContent}\n      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      useStylesForDisplayedImage={Boolean(imageFileHandleIdValue)}\n      cardTopContent={\n        <>\n          {resolvedDownloadCartSynIdValue && (\n            <Collapse in={showDownloadConfirmation}>\n              <EntityDownloadConfirmation\n                entityId={resolvedDownloadCartSynIdValue}\n                versionNumber={resolvedDownloadCartVersionNumber}\n                handleClose={() => setShowDownloadConfirmation(false)}\n                onIsLoadingChange={isLoading => {\n                  setDownloadButtonLoading(isLoading)\n                }}\n              />\n            </Collapse>\n          )}\n        </>\n      }\n      renderedIconList={\n        // If the portal configs has columnIconOptions.columns.dataType option\n        // and the column value is not null, display the card data type icons\n        columnIconOptions?.columns?.dataType &&\n        dataTypeIconNames?.length && (\n          <div style={{ marginTop: '20px' }}>\n            <IconList\n              iconConfigs={columnIconOptions.columns.dataType}\n              iconNames={JSON.parse(dataTypeIconNames) as string[]}\n              commonIconProps={{\n                sx: { fontSize: '40px' },\n              }}\n              useBackground={true}\n              useTheme={true}\n            />\n          </div>\n        )\n      }\n      cardTopButtons={\n        <CardActionButtonStyleContext.Provider value={actionButtonStyle}>\n          <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n            {croissantButton}\n            {/* Hosting-aware action (opt-in via schema.hostingConfig): downloadable\n              hosting shows the standard dataset download options; non-downloadable\n              hosting links out to the external repository or is non-actionable. */}\n            {hostingConfig &&\n              (resolvedDownloadCartSynIdValue || !hostingIsDownloadable) && (\n                <DatasetDownloadButton\n                  entityId={resolvedDownloadCartSynIdValue}\n                  name={title}\n                  hosting={hostingType}\n                  repository={hostingRepository}\n                  externalUrl={hostingExternalUrl}\n                  onDownloadClick={() =>\n                    setShowDownloadConfirmation(val => !val)\n                  }\n                  isDownloading={downloadButtonLoading}\n                />\n              )}\n            {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n            {!hostingConfig && resolvedDownloadCartSynIdValue && (\n              <GenericCardActionButton\n                onClick={() => setShowDownloadConfirmation(val => !val)}\n                variant=\"outlined\"\n                startIcon={<GetAppTwoTone sx={{ height: '12px' }} />}\n                loading={downloadButtonLoading}\n              >\n                Download\n              </GenericCardActionButton>\n            )}\n            {includeCitation && doiValue && (\n              <CitationPopover\n                title={title}\n                doi={doiValue}\n                boilerplateText={citationBoilerplateText}\n                defaultCitationFormat={defaultCitationFormat}\n              />\n            )}\n            {includeShareButton && isHeader && (\n              <ShareThisPage {...sharePageLinkButtonProps} />\n            )}\n          </Box>\n        </CardActionButtonStyleContext.Provider>\n      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}
+{"version":3,"file":"TableRowGenericCard.js","names":[],"sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"sourcesContent":["import { CommonCardProps } from '@/components/CardContainer/CardConfiguration'\nimport {\n  getFileHandleAssociation,\n  getLinkParams,\n  getValueOrMultiValue,\n} from '@/components/GenericCard/CardUtils'\nimport CroissantButton from '@/components/GenericCard/CroissantButton/CroissantButton'\nimport { GenericCardIcon } from '@/components/GenericCard/GenericCardIcon'\nimport PortalDOI from '@/components/GenericCard/PortalDOI/PortalDOI'\nimport {\n  getCandidateDoiId,\n  useShowDoiCardLabel,\n} from '@/components/GenericCard/PortalDOI/PortalDOIUtils'\nimport { mapRowToRecord } from '@/components/SynapseTable/SynapseTableUtils'\nimport { useGetEntity } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isDatasetCollection,\n  isTableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  extractMarkdownLinkHref,\n  parseSynId,\n} from '@/utils/functions/RegularExpressions'\nimport { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport * as SynapseConstants from '@/utils/SynapseConstants'\nimport GetAppTwoTone from '@mui/icons-material/GetAppTwoTone'\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Entity,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport CitationPopover from '../CitationPopover'\nimport {\n  DATASET_HOSTING_CONFIG,\n  type DatasetHostingType,\n  normalizeHosting,\n} from '../DatasetHosting/DatasetHosting'\nimport DatasetDownloadButton from '../DatasetHosting/DatasetDownloadButton'\nimport DatasetHostingAdornment from '../DatasetHosting/DatasetHostingAdornment'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { HeaderCardVariant } from '../HeaderCard'\nimport IconList from '../IconList'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { CardActionButtonStyleContext } from './CardActionButtonStyleContext'\nimport GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport DuoTermTags from './DuoTermTags/DuoTermTags'\nimport { parseDuoModifiers } from './DuoTermTags/duoTerms'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { useResolvedSynapseEntity } from './useResolvedSynapseEntity'\n\ntype RowSynapseEntityConfig = {\n  /** Use the table rowId to resolve the Synapse entity ID. */\n  id: {\n    source: 'rowId'\n  }\n  /** Use the table rowVersionNumber to resolve the Synapse entity version (if available). */\n  version?: {\n    source: 'rowVersionNumber'\n  }\n}\n\ntype ColumnSynapseEntityConfig = {\n  /** Use a column value to resolve the Synapse entity ID. */\n  id: {\n    source: 'column'\n    columnName: string\n  }\n  /** Use a column value to resolve the Synapse entity version. */\n  version?: {\n    source: 'column'\n    columnName: string\n  }\n}\n\nexport type SynapseEntityConfig =\n  | RowSynapseEntityConfig\n  | ColumnSynapseEntityConfig\n\n/**\n * Maps a table query result to a GenericCard.\n */\nexport type TableToGenericCardMapping = {\n  /** The 'type' of resource a card refers to. Renders a label on the card with this string value.\n   *  Can be hidden by setting it to '' (empty string)\n   */\n  type: string\n  /** The column name whose data contains the title of the card */\n  title: string\n  /** The column name whose data contains the subtitle of the card */\n  subTitle?: string\n  /** The column name whose data contains the description of the card */\n  description?: string\n  /** If true, a 'Cite As' button will be displayed for those cards with a DOI in the 'doi' column  */\n  includeCitation?: boolean\n  /** If true, a 'Share this page' button will be displayed  */\n  includeShareButton?: boolean\n  /**\n   * Configuration for displaying the SustainabilityScorecard component\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /** The initial citation format to use in the 'Cite As' UI */\n  defaultCitationFormat?: 'bibtex' | 'apa' | 'ieee' | 'nature' | 'science'\n  /** Static text displayed in the 'Cite As' UI */\n  citationBoilerplateText?: string\n  /** The column name whose data contains the value used to map to the icon */\n  icon?: string\n  /** The column name whose data contains an image file handle to be displayed on the card */\n  imageFileHandleColumnName?: string\n  /** Static boolean value used if the image displayed using `imageFileHandleColumnName` requires extra padding */\n  thumbnailRequiresPadding?: boolean\n  /** Array of column names to be used for labels in the Card Footer */\n  secondaryLabels?: string[]\n  /** Can be used to add a custom secondary label */\n  customSecondaryLabelConfig?: {\n    /** The displayed label key */\n    key: string\n    /** The value to display */\n    value: React.ReactNode\n    /** Callback to determine visibility of the label\n     * @param schema the mapping of columnName to data index\n     * @param data the row data\n     */\n    isVisible: (schema: Record<string, number>, data: string[]) => boolean\n  }\n  /** Column name of the link value if the title should be linked */\n  link?: string\n  /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */\n  dataTypeIconNames?: string\n  /**\n   * Ordered list of column names to display to the right of the title area.\n   * Each renders as \"Display Name: Value\" on its own line. Rows with empty values are skipped.\n   * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).\n   *\n   * Can also be a function that receives the schema and row data and returns the list of column\n   * names to display, allowing the displayed details to vary based on the row's actual values.\n   */\n  titleAreaDetails?:\n    | string[]\n    | ((schema: Record<string, number>, data: string[]) => string[])\n  /** Configuration for resolving the Synapse entity ID/version represented by each card row.\n   *  The ID and version sources must both reference either row-based values or column-based values.\n   */\n  synapseEntityConfig?: SynapseEntityConfig\n  /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */\n  downloadCartSynId?: string\n  /**\n   * Opt-in configuration for hosting-aware download/access. When `hostingColumn`\n   * is provided, the card's primary action becomes a `DatasetDownloadButton` driven\n   * by the row's hosting value: downloadable hosting types show the standard dataset\n   * download options, while non-downloadable types (e.g. external-access) swap to a\n   * link to the external repository instead. Other portals that don't set this\n   * are unaffected.\n   */\n  hostingConfig?: {\n    /** Column holding the hosting type. Blank/unknown → `synapse`. */\n    hostingColumn: string\n    /**\n     * Optional map from the column's raw values to hosting types, for columns that\n     * use portal-specific labels rather than the canonical vocabulary (e.g. CCKP's\n     * `downloadType`: \"Synapse Indexed\" → `external-download`). Values not in the\n     * map fall back to `normalizeHosting` (canonical value, or → `synapse`).\n     */\n    hostingValueMap?: Record<string, DatasetHostingType>\n    /** Column holding the free-text external repository name (e.g. \"GEO\", \"dbGaP\"). */\n    repositoryColumn?: string\n    /** Column holding the external URL used for non-downloadable (external-access) datasets. */\n    externalUrlColumn?: string\n  }\n  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\n  /**\n   * Column name of a STRING_LIST of Data Use Ontology (DUO) values (ontology\n   * codes or term names). When set, the values are rendered as DUO tags in a\n   * metadata row labeled with the column's display name, so the card matches the\n   * corresponding facet.\n   */\n  dataUseModifiersColumnName?: string\n}\n\nexport type TableRowGenericCardProps = {\n  /** The schema that maps a table result to the GenericCard UI */\n  genericCardSchema: TableToGenericCardMapping\n  /** The table's SelectColumns */\n  selectColumns?: SelectColumn[]\n  /** The table's ColumnModels */\n  columnModels?: ColumnModel[]\n  /** If true, the 'type' column will be used as the icon string to choose the icon */\n  useTypeColumnForIcon?: boolean\n  /** If true, render the card as a HeaderCard */\n  isHeader?: boolean\n  /** If isHeader is true, use this variant of HeaderCard */\n  headerCardVariant?: HeaderCardVariant\n  isAlignToLeftNav?: boolean\n  /** Mapping of column name to row data index */\n  schema: Record<string, number>\n  /** The row data */\n  data: string[]\n  /** The ID of the table row */\n  rowId?: number\n  /** The versionNumber of the table row */\n  versionNumber?: number\n  /** Optional props for the ShareThisPage component */\n  sharePageLinkButtonProps?: ShareThisPageProps\n  /** Optional function that receives schema and data and returns a ReactNode to be rendered next to the card type */\n  CardTypeAdornment?: React.ComponentType<{\n    schema: Record<string, number>\n    data: string[]\n  }>\n} & CommonCardProps\n\n// SWC-6115: special rendering of the version column (for Views)\nfunction VersionLabel(props: { synapseId: string; version: string }) {\n  const { synapseId, version } = props\n  return (\n    <span>\n      {version}&nbsp;&nbsp;\n      <a\n        target={TargetEnum.NEW_WINDOW}\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${synapseId}.${version}`}\n      >\n        (Show Version History on Synapse)\n      </a>\n    </span>\n  )\n}\n\n/**\n * Maps a table row to a GenericCard.\n */\nexport function TableRowGenericCard(props: TableRowGenericCardProps) {\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState(false)\n  const [downloadButtonLoading, setDownloadButtonLoading] = useState(false)\n\n  const { entityId, versionNumber } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { ref, inView: cardIsInView } = useInView()\n\n  const { data: table } = useGetEntity<Table>(entityId, versionNumber)\n\n  const {\n    schema,\n    data,\n    rowId,\n    versionNumber: rowVersionNumber,\n    genericCardSchema,\n    secondaryLabelLimit,\n    sharePageLinkButtonProps,\n    selectColumns,\n    columnModels,\n    iconOptions,\n    useTypeColumnForIcon = false,\n    isHeader = false,\n    sustainabilityScorecard,\n    headerCardVariant,\n    titleLinkConfig,\n    ctaLinkConfig,\n    ctaLinkPosition,\n    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\n    actionButtonStyle = 'button',\n  } = props\n\n  const {\n    link = '',\n    type,\n    includeCitation,\n    includeShareButton,\n    defaultCitationFormat,\n    citationBoilerplateText,\n    downloadCartSynId,\n    portalDoiConfiguration,\n  } = genericCardSchema\n  const title = data[schema[genericCardSchema.title]]\n  let subTitle =\n    genericCardSchema.subTitle && data[schema[genericCardSchema.subTitle]]\n  subTitle =\n    genericCardSchema.subTitle &&\n    getValueOrMultiValue({\n      value: subTitle,\n      columnName: genericCardSchema.subTitle,\n      selectColumns,\n      columnModels,\n    }).str\n  const description = data[schema[genericCardSchema.description || '']]\n  const iconValue = data[schema[genericCardSchema.icon || '']]\n  const dataTypeIconNames =\n    data[schema[genericCardSchema.dataTypeIconNames || '']]\n  const imageFileHandleIdValue =\n    data[schema[genericCardSchema.imageFileHandleColumnName || '']]\n  const titleColumnModel = columnModels?.find(\n    el => genericCardSchema.link === el.name,\n  )\n  const titleColumnType = titleColumnModel?.columnType\n  // wrap link in parens because undefined would throw an error\n  const linkValue: string = data[schema[link]] || ''\n  const { href, target } = getLinkParams(\n    linkValue,\n    titleLinkConfig,\n    data,\n    schema,\n    rowId,\n  )\n\n  const synapseEntityConfig = genericCardSchema.synapseEntityConfig\n\n  const getColumnValue = useCallback(\n    (columnName?: string) => {\n      if (!columnName) {\n        return undefined\n      }\n      const columnIndex = schema[columnName]\n      if (columnIndex === undefined) {\n        return undefined\n      }\n      return data[columnIndex]\n    },\n    [schema, data],\n  )\n\n  // DUO (Data Use Ontology) tags, when a dataUseModifiers column is configured.\n  // Rendered as a metadata row labeled with the column's display name.\n  const duoContent = useMemo(() => {\n    const col = genericCardSchema.dataUseModifiersColumnName\n    if (!col) {\n      return undefined\n    }\n    const terms = parseDuoModifiers(data[schema[col]])\n    if (terms.length === 0) {\n      return undefined\n    }\n    return <DuoTermTags terms={terms} />\n  }, [genericCardSchema, data, schema])\n\n  const resolvedTitleAreaRightContent = useMemo(() => {\n    const { titleAreaDetails } = genericCardSchema\n    if (!titleAreaDetails) return undefined\n    const columns =\n      typeof titleAreaDetails === 'function'\n        ? titleAreaDetails(schema, data)\n        : titleAreaDetails\n    if (columns.length === 0) return undefined\n    const rows = columns\n      .map(columnName => {\n        const rawValue: string | undefined = data[schema[columnName]]\n        if (!rawValue) return null\n        return { name: getColumnDisplayName(columnName), rawValue, columnName }\n      })\n      .filter(Boolean) as {\n      name: string\n      rawValue: string\n      columnName: string\n    }[]\n    if (rows.length === 0) return undefined\n    return (\n      <Stack direction=\"column\" gap=\"4px\">\n        {rows.map(({ name, rawValue, columnName }) => (\n          <Stack key={columnName} direction=\"row\" gap=\"4px\" alignItems=\"center\">\n            <Typography component=\"span\" variant=\"body1\">\n              {name}:\n            </Typography>\n            <SynapseCardLabel\n              value={rawValue}\n              columnName={columnName}\n              labelLink={undefined}\n              isHeader={isHeader}\n              selectColumns={selectColumns}\n              columnModels={columnModels}\n              rowData={data}\n              columnIconOptions={columnIconOptions}\n            />\n          </Stack>\n        ))}\n      </Stack>\n    )\n  }, [\n    genericCardSchema,\n    data,\n    schema,\n    getColumnDisplayName,\n    isHeader,\n    selectColumns,\n    columnModels,\n    columnIconOptions,\n  ])\n\n  const {\n    entityId: resolvedSynapseEntityId,\n    entityVersionNumber: resolvedSynapseEntityVersionNumber,\n  } = useResolvedSynapseEntity({\n    synapseEntityConfig,\n    getColumnValue,\n    rowId,\n    rowVersionNumber,\n  })\n\n  let resolvedDownloadCartSynIdValue = resolvedSynapseEntityId\n  let resolvedDownloadCartVersionNumber = resolvedSynapseEntityVersionNumber\n\n  if (downloadCartSynId) {\n    const reference = parseSynId(getColumnValue(downloadCartSynId) ?? '')\n    resolvedDownloadCartSynIdValue = reference?.targetId\n    resolvedDownloadCartVersionNumber = reference?.targetVersionNumber\n  }\n\n  // Opt-in hosting-aware action: when the schema declares a hosting column, the\n  // primary action is a DatasetDownloadButton driven by the row's hosting value.\n  const hostingConfig = genericCardSchema.hostingConfig\n  const rawHostingValue = hostingConfig\n    ? getColumnValue(hostingConfig.hostingColumn)\n    : undefined\n  const hostingType = hostingConfig\n    ? (rawHostingValue && hostingConfig.hostingValueMap?.[rawHostingValue]) ||\n      normalizeHosting(rawHostingValue)\n    : undefined\n  const hostingRepository = hostingConfig?.repositoryColumn\n    ? getColumnValue(hostingConfig.repositoryColumn)\n    : undefined\n  const rawHostingExternalUrl = hostingConfig?.externalUrlColumn\n    ? getColumnValue(hostingConfig.externalUrlColumn)\n    : undefined\n  // The externalUrl column may be a markdown link (e.g. CCKP's `externalLink`:\n  // \"[label](https://...)\") rather than a plain URL — extract the href if so.\n  const hostingExternalUrl = rawHostingExternalUrl\n    ? extractMarkdownLinkHref(rawHostingExternalUrl)\n    : undefined\n  // Non-downloadable hosting (e.g. external-access) suppresses the Synapse\n  // download flow entirely; everything else keeps the add-to-download-list behavior.\n  const hostingIsDownloadable = hostingType\n    ? DATASET_HOSTING_CONFIG[hostingType].downloadable\n    : true\n\n  // Transform the row to a record of (columnName, value) pairs for compatibility with getCandidateDoiId\n  const dataAsRecord: Record<string, string | null> = useMemo(\n    () => mapRowToRecord(data, schema),\n    [data, schema],\n  )\n\n  const candidateDoiId = getCandidateDoiId({\n    data: dataAsRecord,\n    portalDoiConfiguration,\n  })\n\n  const showDoiCardLabel = useShowDoiCardLabel({\n    portalId: portalDoiConfiguration?.portalId,\n    resourceId: candidateDoiId,\n  })\n\n  const values: {\n    columnDisplayName: string\n    value: React.ReactNode\n    columnName?: string\n  }[] = []\n  const { secondaryLabels = [] } = genericCardSchema\n  const customLabelConfig = genericCardSchema.customSecondaryLabelConfig\n\n  // DUO tags rendered as a metadata row (alongside \"How to download\", size, …).\n  // Label it with the DUO column's display name so the card row matches the\n  // facet exactly (respecting any column alias) rather than a hardcoded string.\n  if (duoContent && genericCardSchema.dataUseModifiersColumnName) {\n    values.push({\n      columnName: genericCardSchema.dataUseModifiersColumnName,\n      columnDisplayName: getColumnDisplayName(\n        genericCardSchema.dataUseModifiersColumnName,\n      ),\n      value: duoContent,\n    })\n  }\n\n  // PORTALS-3549 - if a DOI exists or can be created by the current user, show it\n  if (\n    showDoiCardLabel &&\n    portalDoiConfiguration &&\n    candidateDoiId &&\n    cardIsInView\n  ) {\n    values.push({\n      columnDisplayName: 'DOI',\n      value: (\n        <PortalDOI\n          portalId={portalDoiConfiguration.portalId}\n          resourceId={candidateDoiId}\n        />\n      ),\n    })\n  }\n\n  // Overwrite the 'HOW TO DOWNLOAD' link if a synapse ID is available — but not\n  // for non-downloadable hosting (e.g. external-access), where adding to the\n  // Synapse download list wouldn't work; fall back to the static guidance instead.\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue && hostingIsDownloadable) {\n      values.push({\n        columnDisplayName: 'HOW TO DOWNLOAD',\n        value: (\n          <Link onClick={() => setShowDownloadConfirmation(val => !val)}>\n            Click here to add to Synapse download list\n          </Link>\n        ),\n      })\n    } else {\n      values.push({ columnDisplayName: key, value })\n    }\n  }\n\n  const isView = table && !isTableEntity(table)\n  for (let i = 0; i < secondaryLabels.length; i += 1) {\n    const columnName = secondaryLabels[i]\n    const rawValue: string | undefined = data[schema[columnName]]\n    let renderedValue: React.ReactNode = rawValue\n    let columnDisplayName\n    if (renderedValue && rawValue !== '[]' && rawValue !== '[\"\"]') {\n      // PORTALS-2750: special rendering of the datasetSizeInBytes (for Dataset Collections)\n      if (\n        isDatasetCollection(table as Entity) &&\n        columnName === 'datasetSizeInBytes'\n      ) {\n        columnDisplayName = 'Size'\n        renderedValue = calculateFriendlyFileSize(parseInt(rawValue))\n      } // SWC-6115: special rendering of the version column (for Views)\n      else if (isView && columnName === 'currentVersion') {\n        const synapseId = data[schema.id]\n        renderedValue = (\n          <VersionLabel synapseId={synapseId} version={rawValue} />\n        )\n        columnDisplayName = 'Version'\n      } else {\n        const labelLink = labelLinkConfig?.find(\n          el => el.matchColumnName === columnName,\n        )\n        renderedValue = (\n          <SynapseCardLabel\n            value={rawValue}\n            columnName={columnName}\n            labelLink={labelLink}\n            isHeader={isHeader}\n            selectColumns={selectColumns}\n            columnModels={columnModels}\n            rowData={data}\n            columnIconOptions={columnIconOptions}\n          />\n        )\n        columnDisplayName = getColumnDisplayName(columnName)\n      }\n      values.push({ columnDisplayName, value: renderedValue, columnName })\n    }\n  }\n\n  const fileHandleId = imageFileHandleIdValue || linkValue\n\n  /**\n   * To show a direct download link to a file, we need to determine the association that gives permission to download the file.\n   */\n  const fileHandleAssociation = getFileHandleAssociation(\n    table,\n    fileHandleId,\n    data[schema.id],\n  )\n\n  const descriptionSubTitle = getColumnDisplayName(\n    genericCardSchema.description || '',\n  )\n\n  const doiColumnIndex = getColumnIndex('doi', selectColumns, columnModels)\n  const doiValue =\n    doiColumnIndex !== undefined ? data[doiColumnIndex] : undefined\n\n  // Normalize ctaLinkConfig to array and resolve each config\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const resolvedCtaLinkConfigs = ctaLinkConfigs\n    .map(config => {\n      const ctaLinkValue: string = data[schema[config.link]] || ''\n      if (!ctaLinkValue) return null\n      const { href, target } = getLinkParams(\n        ctaLinkValue,\n        undefined, //card link config\n        data,\n        schema,\n        rowId,\n      )\n      return {\n        text: config.endIcon ? (\n          <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n            {config.text}\n            {config.endIcon}\n          </div>\n        ) : (\n          config.text\n        ),\n        href,\n        target,\n      }\n    })\n    .filter(Boolean) as { text: string; href: string; target?: string }[]\n\n  let croissantButton = <></>\n  if (\n    resolvedSynapseEntityId != null &&\n    resolvedSynapseEntityVersionNumber != null\n  ) {\n    croissantButton = (\n      <CroissantButton\n        datasetId={resolvedSynapseEntityId}\n        datasetVersionNumber={resolvedSynapseEntityVersionNumber}\n      />\n    )\n  }\n\n  // Auto-render a scannable hosting chip next to the dataset type when the card\n  // opts into hosting-aware behavior and the row has a recognized hosting value,\n  // so the button's icon/tooltip is not the only visual signal of where files\n  // live. An explicit `CardTypeAdornment` prop always wins as an escape hatch.\n  let resolvedCardTypeAdornment: React.ReactNode = null\n  if (CardTypeAdornment) {\n    resolvedCardTypeAdornment = (\n      <CardTypeAdornment schema={schema} data={data} />\n    )\n  } else if (hostingConfig && rawHostingValue?.trim() && hostingType) {\n    resolvedCardTypeAdornment = (\n      <DatasetHostingAdornment hostingType={hostingType} isHeader={isHeader} />\n    )\n  }\n\n  let isRenderingIcon = true\n  if (isHeader && !imageFileHandleIdValue && !iconValue) {\n    // For header cards, if there is no image or explicit icon value, we don't show an icon at all\n    isRenderingIcon = false\n  }\n  const iconNode = isRenderingIcon ? (\n    <GenericCardIcon\n      type={\n        useTypeColumnForIcon ? data[schema['type']] : genericCardSchema.type\n      }\n      useTypeForIcon={useTypeColumnForIcon}\n      thumbnailRequiresPadding={genericCardSchema.thumbnailRequiresPadding}\n      imageFileHandleId={imageFileHandleIdValue}\n      fileHandleAssociation={fileHandleAssociation}\n      iconOptions={iconOptions}\n      iconValue={iconValue}\n    />\n  ) : undefined\n  return (\n    <GenericCard\n      ref={ref}\n      icon={iconNode}\n      isHeader={isHeader}\n      sustainabilityScorecard={sustainabilityScorecard}\n      headerCardVariant={headerCardVariant}\n      type={type}\n      title={title}\n      subtitle={subTitle}\n      titleLinkConfiguration={{ target, href }}\n      cardTypeAdornment={resolvedCardTypeAdornment}\n      titleAsFileHandleLinkConfiguration={\n        !titleLinkConfig &&\n        titleColumnType === ColumnTypeEnum.FILEHANDLEID &&\n        fileHandleAssociation\n          ? {\n              fileHandleAssociation: fileHandleAssociation,\n              showDownloadIcon: type !== SynapseConstants.EXPERIMENTAL,\n            }\n          : undefined\n      }\n      ctaLinkConfig={\n        resolvedCtaLinkConfigs.length > 0 ? resolvedCtaLinkConfigs : undefined\n      }\n      ctaLinkPosition={ctaLinkPosition}\n      titleAreaRightContent={resolvedTitleAreaRightContent}\n      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      useStylesForDisplayedImage={Boolean(imageFileHandleIdValue)}\n      cardTopContent={\n        <>\n          {resolvedDownloadCartSynIdValue && (\n            <Collapse in={showDownloadConfirmation}>\n              <EntityDownloadConfirmation\n                entityId={resolvedDownloadCartSynIdValue}\n                versionNumber={resolvedDownloadCartVersionNumber}\n                handleClose={() => setShowDownloadConfirmation(false)}\n                onIsLoadingChange={isLoading => {\n                  setDownloadButtonLoading(isLoading)\n                }}\n              />\n            </Collapse>\n          )}\n        </>\n      }\n      renderedIconList={\n        // If the portal configs has columnIconOptions.columns.dataType option\n        // and the column value is not null, display the card data type icons\n        columnIconOptions?.columns?.dataType &&\n        dataTypeIconNames?.length && (\n          <div style={{ marginTop: '20px' }}>\n            <IconList\n              iconConfigs={columnIconOptions.columns.dataType}\n              iconNames={JSON.parse(dataTypeIconNames) as string[]}\n              commonIconProps={{\n                sx: { fontSize: '40px' },\n              }}\n              useBackground={true}\n              useTheme={true}\n            />\n          </div>\n        )\n      }\n      cardTopButtons={\n        <CardActionButtonStyleContext.Provider value={actionButtonStyle}>\n          <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n            {croissantButton}\n            {/* Hosting-aware action (opt-in via schema.hostingConfig): downloadable\n              hosting shows the standard dataset download options; non-downloadable\n              hosting links out to the external repository or is non-actionable. */}\n            {hostingConfig &&\n              (resolvedDownloadCartSynIdValue || !hostingIsDownloadable) && (\n                <DatasetDownloadButton\n                  entityId={resolvedDownloadCartSynIdValue}\n                  name={title}\n                  hosting={hostingType}\n                  repository={hostingRepository}\n                  externalUrl={hostingExternalUrl}\n                  onDownloadClick={() =>\n                    setShowDownloadConfirmation(val => !val)\n                  }\n                  isDownloading={downloadButtonLoading}\n                />\n              )}\n            {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n            {!hostingConfig && resolvedDownloadCartSynIdValue && (\n              <GenericCardActionButton\n                onClick={() => setShowDownloadConfirmation(val => !val)}\n                variant=\"outlined\"\n                startIcon={<GetAppTwoTone sx={{ height: '12px' }} />}\n                loading={downloadButtonLoading}\n              >\n                Download\n              </GenericCardActionButton>\n            )}\n            {includeCitation && doiValue && (\n              <CitationPopover\n                title={title}\n                doi={doiValue}\n                boilerplateText={citationBoilerplateText}\n                defaultCitationFormat={defaultCitationFormat}\n              />\n            )}\n            {includeShareButton && isHeader && (\n              <ShareThisPage {...sharePageLinkButtonProps} />\n            )}\n          </Box>\n        </CardActionButtonStyleContext.Provider>\n      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}

package/dist/components/HelpPopover/HelpPopover.js

@@ -1,6 +1,6 @@
 import { MarkdownPopover as e } from "../Markdown/MarkdownPopover.js";
 import { Fragment as t, jsx as n } from "react/jsx-runtime";
-import { HelpOutlineTwoTone as r } from "@mui/icons-material";
+import r from "@mui/icons-material/HelpOutlineTwoTone";
 //#region src/components/HelpPopover/HelpPopover.tsx
 function i({ markdownText: i, helpUrl: a, placement: o = "bottom", showCloseButton: s = !0, className: c = "", iconSx: l, containerSx: u, Icon: d = r }) {
 	return /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(e, {

package/dist/components/HelpPopover/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","names":[],"sources":["../../../src/components/HelpPopover/HelpPopover.tsx"],"sourcesContent":["import { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { ButtonProps, SxProps, TooltipProps } from '@mui/material'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\n\nexport type HelpPopoverProps = {\n  markdownText: string\n  helpUrl?: string\n  placement?: TooltipProps['placement']\n  showCloseButton?: boolean\n  className?: string\n  containerSx?: SxProps\n  iconSx?: SxProps\n  Icon?: React.ComponentType<{ className?: string; sx?: SxProps }>\n}\n\nexport function HelpPopover({\n  markdownText,\n  helpUrl,\n  placement = 'bottom',\n  showCloseButton = true,\n  className = '',\n  iconSx,\n  containerSx,\n  Icon = HelpOutlineTwoTone,\n}: HelpPopoverProps) {\n  const actionButtonConfig = helpUrl\n    ? {\n        content: <>More info</>,\n        closePopoverOnClick: true,\n        onClick: () => window.open(helpUrl, '_blank'),\n        color: 'primary' as ButtonProps['color'],\n      }\n    : undefined\n  return (\n    <>\n      <MarkdownPopover\n        contentProps={{ markdown: markdownText }}\n        placement={placement}\n        actionButton={actionButtonConfig}\n        showCloseButton={showCloseButton}\n        maxWidth=\"350px\"\n        containerSx={containerSx}\n      >\n        <Icon className={`HelpButton ${className}`} sx={iconSx} />\n      </MarkdownPopover>\n    </>\n  )\n}\n\nexport default HelpPopover\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAC1B,iBACA,YACA,eAAY,UACZ,qBAAkB,IAClB,eAAY,IACZ,WACA,gBACA,UAAO,KACY;CASnB,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,cAAc,EAAE,UAAU,EAAa;EAC5B;EACX,cAbqB,IACvB;GACE,SAAS,kBAAA,GAAA,EAAA,UAAE,YAAW,CAAA;GACtB,qBAAqB;GACrB,eAAe,OAAO,KAAK,GAAS,QAAQ;GAC5C,OAAO;EACT,IACA,KAAA;EAOmB;EACjB,UAAS;EACI;YAEb,kBAAC,GAAD;GAAM,WAAW,cAAc;GAAa,IAAI;EAAS,CAAA;CAC1C,CAAA,EACjB,CAAA;AAEN"}
+{"version":3,"file":"HelpPopover.js","names":[],"sources":["../../../src/components/HelpPopover/HelpPopover.tsx"],"sourcesContent":["import { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { ButtonProps, SxProps, TooltipProps } from '@mui/material'\nimport HelpOutlineTwoTone from '@mui/icons-material/HelpOutlineTwoTone'\n\nexport type HelpPopoverProps = {\n  markdownText: string\n  helpUrl?: string\n  placement?: TooltipProps['placement']\n  showCloseButton?: boolean\n  className?: string\n  containerSx?: SxProps\n  iconSx?: SxProps\n  Icon?: React.ComponentType<{ className?: string; sx?: SxProps }>\n}\n\nexport function HelpPopover({\n  markdownText,\n  helpUrl,\n  placement = 'bottom',\n  showCloseButton = true,\n  className = '',\n  iconSx,\n  containerSx,\n  Icon = HelpOutlineTwoTone,\n}: HelpPopoverProps) {\n  const actionButtonConfig = helpUrl\n    ? {\n        content: <>More info</>,\n        closePopoverOnClick: true,\n        onClick: () => window.open(helpUrl, '_blank'),\n        color: 'primary' as ButtonProps['color'],\n      }\n    : undefined\n  return (\n    <>\n      <MarkdownPopover\n        contentProps={{ markdown: markdownText }}\n        placement={placement}\n        actionButton={actionButtonConfig}\n        showCloseButton={showCloseButton}\n        maxWidth=\"350px\"\n        containerSx={containerSx}\n      >\n        <Icon className={`HelpButton ${className}`} sx={iconSx} />\n      </MarkdownPopover>\n    </>\n  )\n}\n\nexport default HelpPopover\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAC1B,iBACA,YACA,eAAY,UACZ,qBAAkB,IAClB,eAAY,IACZ,WACA,gBACA,UAAO,KACY;CASnB,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,cAAc,EAAE,UAAU,EAAa;EAC5B;EACX,cAbqB,IACvB;GACE,SAAS,kBAAA,GAAA,EAAA,UAAE,YAAW,CAAA;GACtB,qBAAqB;GACrB,eAAe,OAAO,KAAK,GAAS,QAAQ;GAC5C,OAAO;EACT,IACA,KAAA;EAOmB;EACjB,UAAS;EACI;YAEb,kBAAC,GAAD;GAAM,WAAW,cAAc;GAAa,IAAI;EAAS,CAAA;CAC1C,CAAA,EACjB,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"IconSvg.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/IconSvg.tsx"],"names":[],"mappings":"AA+JA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAG7D,eAAO,MAAM,WAAW,+sEAsKd,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,QAAQ,CAAA;IAEd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,YAAY,CAAA;AA+VhB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2CnC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAezD,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAejE,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"IconSvg.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/IconSvg.tsx"],"names":[],"mappings":"AA6JA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAG7D,eAAO,MAAM,WAAW,+sEAsKd,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,QAAQ,CAAA;IAEd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,YAAY,CAAA;AA+VhB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2CnC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAezD,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAejE,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/IconSvg/IconSvg.js

@@ -48,7 +48,114 @@ import R from "../../assets/mui_components/Rat.js";
 import z from "../../assets/mui_components/SpatialProfiling.js";
 import { Tooltip as B } from "@mui/material";
 import { Fragment as V, jsx as H } from "react/jsx-runtime";
-import { AccessTimeTwoTone as U, AddBoxOutlined as W, AddCircleOutline as G, AddCircleTwoTone as K, AddShoppingCart as ce, AddTwoTone as le, AlternateEmail as ue, ArrowBack as de, ArrowDropDownTwoTone as fe, ArrowDropUpTwoTone as pe, ArrowForward as me, ArticleOutlined as he, ArticleTwoTone as q, AssessmentTwoTone as J, AssignmentOutlined as ge, AssignmentTurnedInTwoTone as _e, Block as ve, Cached as ye, ChatTwoTone as be, Check as xe, CheckCircleTwoTone as Se, ChevronLeft as Ce, ChevronRight as we, Clear as Te, CloseTwoTone as Ee, Code as De, ContentCopyRounded as Oe, ContentCopyTwoTone as ke, CreateNewFolderTwoTone as Ae, DashboardOutlined as je, DashboardTwoTone as Me, DeleteSweepTwoTone as Ne, DeleteTwoTone as Pe, EditTwoTone as Fe, ErrorOutlined as Ie, ExpandLess as Le, ExpandMore as Re, FactCheckTwoTone as ze, FilterAltTwoTone as Be, FlagTwoTone as Ve, FolderOutlined as He, FolderTwoTone as Ue, FormatBold as We, FormatItalic as Ge, GetAppTwoTone as Ke, GitHub as qe, Group as Je, HelpOutlineTwoTone as Ye, HelpOutlined as Xe, HistoryTwoTone as Ze, Image as Qe, IndeterminateCheckBoxOutlined as $e, InfoOutlined as et, InsertDriveFileOutlined as tt, InsertDriveFileTwoTone as nt, LabelTwoTone as rt, LanguageTwoTone as it, LayersTwoTone as at, LinkOffTwoTone as ot, LinkOutlined as st, LinkTwoTone as ct, ListTwoTone as lt, LockOpenTwoTone as ut, LockTwoTone as dt, Login as ft, MailOutlineTwoTone as pt, MoreVertTwoTone as mt, OpenInFull as ht, OpenInNewTwoTone as gt, PeopleTwoTone as Y, PhoneTwoTone as _t, PhotoCameraOutlined as vt, PublicTwoTone as yt, PushPinTwoTone as bt, QuestionAnswerTwoTone as xt, RadioButtonUncheckedTwoTone as St, RemoveCircleTwoTone as Ct, ReplyTwoTone as wt, ReportProblemOutlined as Tt, RestoreFromTrashTwoTone as Et, SearchOutlined as Dt, SearchTwoTone as Ot, ShareTwoTone as kt, ShoppingCartOutlined as At, Sort as X, Star as jt, StarOutline as Mt, StarTwoTone as Nt, StrikethroughS as Pt, Subscript as Ft, Superscript as It, Support as Lt, SyncTwoTone as Rt, TableChartOutlined as zt, TableChartTwoTone as Bt, TableRows as Vt, TableViewOutlined as Ht, TableViewTwoTone as Z, Title as Ut, UploadTwoTone as Wt, ViewAgendaTwoTone as Gt, ViewColumnOutlined as Kt, ViewColumnTwoTone as qt, VisibilityOffTwoTone as Jt, VisibilityTwoTone as Yt, VpnKeyTwoTone as Xt, WarningTwoTone as Zt, WatchLater as Qt } from "@mui/icons-material";
+import U from "@mui/icons-material/CheckCircleTwoTone";
+import W from "@mui/icons-material/HelpOutlineTwoTone";
+import G from "@mui/icons-material/AddCircleTwoTone";
+import K from "@mui/icons-material/DeleteTwoTone";
+import ce from "@mui/icons-material/AccessTimeTwoTone";
+import le from "@mui/icons-material/AddBoxOutlined";
+import ue from "@mui/icons-material/AddCircleOutline";
+import de from "@mui/icons-material/AddShoppingCart";
+import fe from "@mui/icons-material/AddTwoTone";
+import pe from "@mui/icons-material/AlternateEmail";
+import me from "@mui/icons-material/ArrowBack";
+import he from "@mui/icons-material/ArrowDropDownTwoTone";
+import ge from "@mui/icons-material/ArrowDropUpTwoTone";
+import _e from "@mui/icons-material/ArrowForward";
+import ve from "@mui/icons-material/ArticleOutlined";
+import q from "@mui/icons-material/ArticleTwoTone";
+import J from "@mui/icons-material/AssessmentTwoTone";
+import ye from "@mui/icons-material/AssignmentOutlined";
+import be from "@mui/icons-material/AssignmentTurnedInTwoTone";
+import xe from "@mui/icons-material/Block";
+import Se from "@mui/icons-material/Cached";
+import Ce from "@mui/icons-material/ChatTwoTone";
+import we from "@mui/icons-material/Check";
+import Te from "@mui/icons-material/ChevronLeft";
+import Ee from "@mui/icons-material/ChevronRight";
+import De from "@mui/icons-material/Clear";
+import Oe from "@mui/icons-material/CloseTwoTone";
+import ke from "@mui/icons-material/Code";
+import Ae from "@mui/icons-material/ContentCopyRounded";
+import je from "@mui/icons-material/ContentCopyTwoTone";
+import Me from "@mui/icons-material/CreateNewFolderTwoTone";
+import Ne from "@mui/icons-material/DashboardOutlined";
+import Pe from "@mui/icons-material/DashboardTwoTone";
+import Fe from "@mui/icons-material/DeleteSweepTwoTone";
+import Ie from "@mui/icons-material/EditTwoTone";
+import Le from "@mui/icons-material/ErrorOutlined";
+import Re from "@mui/icons-material/ExpandLess";
+import ze from "@mui/icons-material/ExpandMore";
+import Be from "@mui/icons-material/FactCheckTwoTone";
+import Ve from "@mui/icons-material/FilterAltTwoTone";
+import He from "@mui/icons-material/FlagTwoTone";
+import Ue from "@mui/icons-material/FolderOutlined";
+import We from "@mui/icons-material/FolderTwoTone";
+import Ge from "@mui/icons-material/FormatBold";
+import Ke from "@mui/icons-material/FormatItalic";
+import qe from "@mui/icons-material/GetAppTwoTone";
+import Je from "@mui/icons-material/GitHub";
+import Ye from "@mui/icons-material/Group";
+import Xe from "@mui/icons-material/HelpOutlined";
+import Ze from "@mui/icons-material/HistoryTwoTone";
+import Qe from "@mui/icons-material/Image";
+import $e from "@mui/icons-material/IndeterminateCheckBoxOutlined";
+import et from "@mui/icons-material/InfoOutlined";
+import tt from "@mui/icons-material/InsertDriveFileOutlined";
+import nt from "@mui/icons-material/InsertDriveFileTwoTone";
+import rt from "@mui/icons-material/LabelTwoTone";
+import it from "@mui/icons-material/LanguageTwoTone";
+import at from "@mui/icons-material/LayersTwoTone";
+import ot from "@mui/icons-material/LinkOffTwoTone";
+import st from "@mui/icons-material/LinkOutlined";
+import ct from "@mui/icons-material/LinkTwoTone";
+import lt from "@mui/icons-material/ListTwoTone";
+import ut from "@mui/icons-material/LockOpenTwoTone";
+import dt from "@mui/icons-material/LockTwoTone";
+import ft from "@mui/icons-material/Login";
+import pt from "@mui/icons-material/MailOutlineTwoTone";
+import mt from "@mui/icons-material/MoreVertTwoTone";
+import ht from "@mui/icons-material/OpenInFull";
+import gt from "@mui/icons-material/OpenInNewTwoTone";
+import Y from "@mui/icons-material/PeopleTwoTone";
+import _t from "@mui/icons-material/PhoneTwoTone";
+import vt from "@mui/icons-material/PhotoCameraOutlined";
+import yt from "@mui/icons-material/PublicTwoTone";
+import bt from "@mui/icons-material/PushPinTwoTone";
+import xt from "@mui/icons-material/QuestionAnswerTwoTone";
+import St from "@mui/icons-material/RadioButtonUncheckedTwoTone";
+import Ct from "@mui/icons-material/RemoveCircleTwoTone";
+import wt from "@mui/icons-material/ReplyTwoTone";
+import Tt from "@mui/icons-material/ReportProblemOutlined";
+import Et from "@mui/icons-material/RestoreFromTrashTwoTone";
+import Dt from "@mui/icons-material/SearchOutlined";
+import Ot from "@mui/icons-material/SearchTwoTone";
+import kt from "@mui/icons-material/ShareTwoTone";
+import At from "@mui/icons-material/ShoppingCartOutlined";
+import X from "@mui/icons-material/Sort";
+import jt from "@mui/icons-material/Star";
+import Mt from "@mui/icons-material/StarOutline";
+import Nt from "@mui/icons-material/StarTwoTone";
+import Pt from "@mui/icons-material/StrikethroughS";
+import Ft from "@mui/icons-material/Subscript";
+import It from "@mui/icons-material/Superscript";
+import Lt from "@mui/icons-material/Support";
+import Rt from "@mui/icons-material/SyncTwoTone";
+import zt from "@mui/icons-material/TableChartOutlined";
+import Bt from "@mui/icons-material/TableChartTwoTone";
+import Vt from "@mui/icons-material/TableRows";
+import Ht from "@mui/icons-material/TableViewOutlined";
+import Z from "@mui/icons-material/TableViewTwoTone";
+import Ut from "@mui/icons-material/Title";
+import Wt from "@mui/icons-material/UploadTwoTone";
+import Gt from "@mui/icons-material/ViewAgendaTwoTone";
+import Kt from "@mui/icons-material/ViewColumnOutlined";
+import qt from "@mui/icons-material/ViewColumnTwoTone";
+import Jt from "@mui/icons-material/VisibilityOffTwoTone";
+import Yt from "@mui/icons-material/VisibilityTwoTone";
+import Xt from "@mui/icons-material/VpnKeyTwoTone";
+import Zt from "@mui/icons-material/WarningTwoTone";
+import Qt from "@mui/icons-material/WatchLater";
 //#region src/components/IconSvg/IconSvg.tsx
 var Q = /* @__PURE__ */ "accessOpen.accessPending.accessPendingCloud.accessClosed.actionKey.arrowBack.arrowForward.arrowDropUp.arrowDropDown.article.cards.check.clear.cart.clock.code.columns.columnsOutlined.openInNewWindow.dashboard.dashboardOutlined.delete.deleteSweep.filter.addToCart.addCircleOutline.addCircleTwoTone.reload.team.photoCamera.info.favTwoTone.favOutline.fav.peopleTwoTone.challengesTwoTone.download.searchOutlined.search.history.time.login.helpChatBubble.helpOutlined.helpOutlineTwoTone.expandLess.expandMore.rat.chromatin.clinical.contentCopy.contentCopyRounded.fileCopy.data.dataLocked.geneExpression.geneVariants.github.imaging.inSilicoModel.modelSystem.bioChemicalPhysical.computationalTool.spatialProfiling.dataReuse.lineGraph.kinomics.proteomics.packagableFile.unpackagableFile.other.wiki.file.fileOutlined.folder.folderOutlined.link.linkOff.linkOutlined.table.tableOutlined.tableRows.share.public.people.entityview.submissionview.submissionviewOutlined.challenge.discussion.dataset.datasetcollection.docker.accountCertified.accountRegistered.accountValidated.warningOutlined.removeCircle.replyTwoTone.chatTwoTone.accessManagement.chevronRight.chevronLeft.database.close.cross.verticalEllipsis.support.sync.clipboard.clipboardCheck.add.warning.circle.block.checkCircle.errorOutlined.phone.pushpin.addBoxOutline.minusBoxOutline.italic.bold.title.visibility.visibilityOff.strikethrough.subscript.superscript.latex.image.edit.tag.restore.label.upload.flag.newFolder.createVersion.email.addConditions.sortUp.sortDown.nih.orcid.tasks.google24.openInFull.tableview.tableviewOutlined.fileWithShield.baseline.rosetteRibbon.starTrophy.awardScroll.clappingHands.podium.openBook.handWithMoney.threeStars.multiFile.publicVisibility.openVisibility.privateVisibility".split(".");
 function $(B) {
@@ -61,38 +168,38 @@ function $(B) {
 		case "accessClosed": return /* @__PURE__ */ H(Xt, { ...$ });
 		case "accessPending": return /* @__PURE__ */ H(t, { ...$ });
 		case "accessPendingCloud": return /* @__PURE__ */ H(n, { ...$ });
-		case "add": return /* @__PURE__ */ H(le, { ...$ });
-		case "addConditions": return /* @__PURE__ */ H(ze, { ...$ });
+		case "add": return /* @__PURE__ */ H(fe, { ...$ });
+		case "addConditions": return /* @__PURE__ */ H(Be, { ...$ });
 		case "actionKey": return /* @__PURE__ */ H(g, { ...$ });
-		case "arrowBack": return /* @__PURE__ */ H(de, { ...$ });
-		case "arrowForward": return /* @__PURE__ */ H(me, { ...$ });
-		case "arrowDropUp": return /* @__PURE__ */ H(pe, { ...$ });
-		case "arrowDropDown": return /* @__PURE__ */ H(fe, { ...$ });
+		case "arrowBack": return /* @__PURE__ */ H(me, { ...$ });
+		case "arrowForward": return /* @__PURE__ */ H(_e, { ...$ });
+		case "arrowDropUp": return /* @__PURE__ */ H(ge, { ...$ });
+		case "arrowDropDown": return /* @__PURE__ */ H(he, { ...$ });
 		case "article": return /* @__PURE__ */ H(q, { ...$ });
-		case "block": return /* @__PURE__ */ H(ve, { ...$ });
-		case "check": return /* @__PURE__ */ H(xe, { ...$ });
-		case "clear": return /* @__PURE__ */ H(Te, { ...$ });
+		case "block": return /* @__PURE__ */ H(xe, { ...$ });
+		case "check": return /* @__PURE__ */ H(we, { ...$ });
+		case "clear": return /* @__PURE__ */ H(De, { ...$ });
 		case "cart": return /* @__PURE__ */ H(At, { ...$ });
 		case "cards": return /* @__PURE__ */ H(Gt, { ...$ });
-		case "clock": return /* @__PURE__ */ H(U, { ...$ });
-		case "code": return /* @__PURE__ */ H(De, { ...$ });
+		case "clock": return /* @__PURE__ */ H(ce, { ...$ });
+		case "code": return /* @__PURE__ */ H(ke, { ...$ });
 		case "columns": return /* @__PURE__ */ H(qt, { ...$ });
 		case "columnsOutlined": return /* @__PURE__ */ H(Kt, { ...$ });
 		case "circle": return /* @__PURE__ */ H(St, { ...$ });
-		case "checkCircle": return /* @__PURE__ */ H(Se, { ...$ });
+		case "checkCircle": return /* @__PURE__ */ H(U, { ...$ });
 		case "createVersion": return /* @__PURE__ */ H(o, { ...$ });
-		case "dashboard": return /* @__PURE__ */ H(Me, { ...$ });
-		case "dashboardOutlined": return /* @__PURE__ */ H(je, { ...$ });
-		case "delete": return /* @__PURE__ */ H(Pe, { ...$ });
-		case "deleteSweep": return /* @__PURE__ */ H(Ne, { ...$ });
+		case "dashboard": return /* @__PURE__ */ H(Pe, { ...$ });
+		case "dashboardOutlined": return /* @__PURE__ */ H(Ne, { ...$ });
+		case "delete": return /* @__PURE__ */ H(K, { ...$ });
+		case "deleteSweep": return /* @__PURE__ */ H(Fe, { ...$ });
 		case "openInNewWindow": return /* @__PURE__ */ H(gt, { ...$ });
 		case "phone": return /* @__PURE__ */ H(_t, { ...$ });
 		case "people": return /* @__PURE__ */ H(Y, { ...$ });
-		case "addToCart": return /* @__PURE__ */ H(ce, { ...$ });
-		case "addCircleOutline": return /* @__PURE__ */ H(G, { ...$ });
-		case "addCircleTwoTone": return /* @__PURE__ */ H(K, { ...$ });
-		case "reload": return /* @__PURE__ */ H(ye, { ...$ });
-		case "team": return /* @__PURE__ */ H(Je, { ...$ });
+		case "addToCart": return /* @__PURE__ */ H(de, { ...$ });
+		case "addCircleOutline": return /* @__PURE__ */ H(ue, { ...$ });
+		case "addCircleTwoTone": return /* @__PURE__ */ H(G, { ...$ });
+		case "reload": return /* @__PURE__ */ H(Se, { ...$ });
+		case "team": return /* @__PURE__ */ H(Ye, { ...$ });
 		case "photoCamera": return /* @__PURE__ */ H(vt, { ...$ });
 		case "verticalEllipsis": return /* @__PURE__ */ H(mt, { ...$ });
 		case "sync": return /* @__PURE__ */ H(Rt, { ...$ });
@@ -101,34 +208,34 @@ function $(B) {
 		case "public":
 		case "openVisibility": return /* @__PURE__ */ H(yt, { ...$ });
 		case "privateVisibility": return /* @__PURE__ */ H(dt, { ...$ });
-		case "clipboard": return /* @__PURE__ */ H(ge, { ...$ });
-		case "clipboardCheck": return /* @__PURE__ */ H(_e, { ...$ });
+		case "clipboard": return /* @__PURE__ */ H(ye, { ...$ });
+		case "clipboardCheck": return /* @__PURE__ */ H(be, { ...$ });
 		case "info": return /* @__PURE__ */ H(et, { ...$ });
 		case "favTwoTone": return /* @__PURE__ */ H(Nt, { ...$ });
 		case "favOutline": return /* @__PURE__ */ H(Mt, { ...$ });
 		case "fav": return /* @__PURE__ */ H(jt, { ...$ });
-		case "github": return /* @__PURE__ */ H(qe, { ...$ });
+		case "github": return /* @__PURE__ */ H(Je, { ...$ });
 		case "peopleTwoTone": return /* @__PURE__ */ H(Y, { ...$ });
 		case "challengesTwoTone": return /* @__PURE__ */ H(J, { ...$ });
-		case "download": return /* @__PURE__ */ H(Ke, { ...$ });
-		case "errorOutlined": return /* @__PURE__ */ H(Ie, { ...$ });
+		case "download": return /* @__PURE__ */ H(qe, { ...$ });
+		case "errorOutlined": return /* @__PURE__ */ H(Le, { ...$ });
 		case "searchOutlined": return /* @__PURE__ */ H(Dt, { ...$ });
 		case "search": return /* @__PURE__ */ H(Ot, { ...$ });
 		case "history": return /* @__PURE__ */ H(Ze, { ...$ });
 		case "time": return /* @__PURE__ */ H(Qt, { ...$ });
 		case "login": return /* @__PURE__ */ H(ft, { ...$ });
 		case "helpChatBubble": return /* @__PURE__ */ H(k, { ...$ });
-		case "helpOutlineTwoTone": return /* @__PURE__ */ H(Ye, { ...$ });
+		case "helpOutlineTwoTone": return /* @__PURE__ */ H(W, { ...$ });
 		case "helpOutlined": return /* @__PURE__ */ H(Xe, { ...$ });
 		case "close":
-		case "cross": return /* @__PURE__ */ H(Ee, { ...$ });
-		case "expandLess": return /* @__PURE__ */ H(Le, { ...$ });
-		case "expandMore": return /* @__PURE__ */ H(Re, { ...$ });
+		case "cross": return /* @__PURE__ */ H(Oe, { ...$ });
+		case "expandLess": return /* @__PURE__ */ H(Re, { ...$ });
+		case "expandMore": return /* @__PURE__ */ H(ze, { ...$ });
 		case "rat": return /* @__PURE__ */ H(R, { ...$ });
 		case "chromatin": return /* @__PURE__ */ H(v, { ...$ });
 		case "clinical": return /* @__PURE__ */ H(y, { ...$ });
-		case "contentCopy": return /* @__PURE__ */ H(ke, { ...$ });
-		case "contentCopyRounded": return /* @__PURE__ */ H(Oe, { ...$ });
+		case "contentCopy": return /* @__PURE__ */ H(je, { ...$ });
+		case "contentCopyRounded": return /* @__PURE__ */ H(Ae, { ...$ });
 		case "fileCopy": return /* @__PURE__ */ H(c, { ...$ });
 		case "data": return /* @__PURE__ */ H(x, { ...$ });
 		case "dataLocked": return /* @__PURE__ */ H(S, { ...$ });
@@ -154,9 +261,9 @@ function $(B) {
 		case "publicVisibility": return /* @__PURE__ */ H(it, { ...$ });
 		case "file": return /* @__PURE__ */ H(nt, { ...$ });
 		case "fileOutlined": return /* @__PURE__ */ H(tt, { ...$ });
-		case "folder": return /* @__PURE__ */ H(Ue, { ...$ });
-		case "folderOutlined": return /* @__PURE__ */ H(He, { ...$ });
-		case "newFolder": return /* @__PURE__ */ H(Ae, { ...$ });
+		case "folder": return /* @__PURE__ */ H(We, { ...$ });
+		case "folderOutlined": return /* @__PURE__ */ H(Ue, { ...$ });
+		case "newFolder": return /* @__PURE__ */ H(Me, { ...$ });
 		case "link": return /* @__PURE__ */ H(ct, { ...$ });
 		case "linkOff": return /* @__PURE__ */ H(ot, { ...$ });
 		case "linkOutlined": return /* @__PURE__ */ H(st, { ...$ });
@@ -166,7 +273,7 @@ function $(B) {
 		case "tableViewOutlined": return /* @__PURE__ */ H(Ht, { ...$ });
 		case "entityview": return /* @__PURE__ */ H(lt, { ...$ });
 		case "submissionview": return /* @__PURE__ */ H(q, { ...$ });
-		case "submissionviewOutlined": return /* @__PURE__ */ H(he, { ...$ });
+		case "submissionviewOutlined": return /* @__PURE__ */ H(ve, { ...$ });
 		case "challenge": return /* @__PURE__ */ H(J, { ...$ });
 		case "discussion": return /* @__PURE__ */ H(xt, { ...$ });
 		case "dataset": return /* @__PURE__ */ H(w, { ...$ });
@@ -180,15 +287,15 @@ function $(B) {
 		case "warning": return /* @__PURE__ */ H(Zt, { ...$ });
 		case "removeCircle": return /* @__PURE__ */ H(Ct, { ...$ });
 		case "replyTwoTone": return /* @__PURE__ */ H(wt, { ...$ });
-		case "chatTwoTone": return /* @__PURE__ */ H(be, { ...$ });
+		case "chatTwoTone": return /* @__PURE__ */ H(Ce, { ...$ });
 		case "accessManagement": return /* @__PURE__ */ H(se, { ...$ });
-		case "chevronRight": return /* @__PURE__ */ H(we, { ...$ });
-		case "chevronLeft": return /* @__PURE__ */ H(Ce, { ...$ });
+		case "chevronRight": return /* @__PURE__ */ H(Ee, { ...$ });
+		case "chevronLeft": return /* @__PURE__ */ H(Te, { ...$ });
 		case "pushpin": return /* @__PURE__ */ H(bt, { ...$ });
-		case "addBoxOutline": return /* @__PURE__ */ H(W, { ...$ });
+		case "addBoxOutline": return /* @__PURE__ */ H(le, { ...$ });
 		case "minusBoxOutline": return /* @__PURE__ */ H($e, { ...$ });
-		case "italic": return /* @__PURE__ */ H(Ge, { ...$ });
-		case "bold": return /* @__PURE__ */ H(We, { ...$ });
+		case "italic": return /* @__PURE__ */ H(Ke, { ...$ });
+		case "bold": return /* @__PURE__ */ H(Ge, { ...$ });
 		case "title": return /* @__PURE__ */ H(Ut, { ...$ });
 		case "visibility": return /* @__PURE__ */ H(Yt, { ...$ });
 		case "visibilityOff": return /* @__PURE__ */ H(Jt, { ...$ });
@@ -198,12 +305,12 @@ function $(B) {
 		case "superscript": return /* @__PURE__ */ H(It, { ...$ });
 		case "support": return /* @__PURE__ */ H(Lt, { ...$ });
 		case "subscript": return /* @__PURE__ */ H(Ft, { ...$ });
-		case "edit": return /* @__PURE__ */ H(Fe, { ...$ });
-		case "tag": return /* @__PURE__ */ H(ue, { ...$ });
+		case "edit": return /* @__PURE__ */ H(Ie, { ...$ });
+		case "tag": return /* @__PURE__ */ H(pe, { ...$ });
 		case "restore": return /* @__PURE__ */ H(Et, { ...$ });
 		case "label": return /* @__PURE__ */ H(rt, { ...$ });
 		case "upload": return /* @__PURE__ */ H(Wt, { ...$ });
-		case "flag": return /* @__PURE__ */ H(Ve, { ...$ });
+		case "flag": return /* @__PURE__ */ H(He, { ...$ });
 		case "email": return /* @__PURE__ */ H(pt, { ...$ });
 		case "sortUp": return /* @__PURE__ */ H(X, {
 			...$,
@@ -217,7 +324,7 @@ function $(B) {
 		case "nih": return /* @__PURE__ */ H(f, { ...$ });
 		case "orcid": return /* @__PURE__ */ H(ee, { ...$ });
 		case "tasks": return /* @__PURE__ */ H(ae, { ...$ });
-		case "filter": return /* @__PURE__ */ H(Be, { ...$ });
+		case "filter": return /* @__PURE__ */ H(Ve, { ...$ });
 		case "openInFull": return /* @__PURE__ */ H(ht, { ...$ });
 		case "fileWithShield": return /* @__PURE__ */ H(s, { ...$ });
 		case "baseline": return /* @__PURE__ */ H(i, { ...$ });