synapse-react-client 4.0.45 → 4.0.47

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/GoalsV3/GoalsV3.js

@@ -25,7 +25,7 @@ var u = 1200, d = ({ entityId: d, svgComponentMap: f }) => {
 		t.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
 		let n = g > -1 ? t[g] : void 0, r;
 		_ > -1 && t[_] !== null ? r = t[_] : n && (r = `SELECT * FROM ${n}`);
-		let i = t[v], a = t[y], o = t[b], s = t[x], c = s ? f?.[s.toLowerCase().replace(/\s+/g, "_")] : void 0;
+		let i = t[v], a = t[y], o = t[b], s = t[x], c = s ? f?.[s.toLowerCase().replaceAll(/\s+/g, "_")] : void 0;
 		return {
 			countSql: r,
 			title: i,

package/dist/components/GoalsV3/GoalsV3.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV3.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error'\nimport GoalsV3Desktop from './GoalsV3.Desktop'\nimport GoalsV3Mobile from './GoalsV3.Mobile'\n\nexport type GoalsV3Props = {\n  entityId: string\n  svgComponentMap: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>\n}\n\nexport type GoalsV3CardProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  svgIconComponent?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId',\n  COUNT_SQL = 'CountSql',\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ICON_KEY = 'iconKey',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nconst GoalsV3 = ({\n  entityId,\n  svgComponentMap,\n}: GoalsV3Props): React.ReactNode => {\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n                from ${entityId}\n                order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { error } = useGetGoalData(entityId, queryResultBundle)\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const iconKeyColumnIndex = getFieldIndex(\n    ExpectedColumns.ICON_KEY,\n    queryResultBundle,\n  )\n\n  const goalsDataArray: GoalsV3CardProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex] !== null) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const iconKey = values[iconKeyColumnIndex]\n\n      const svgIconComponent = iconKey\n        ? svgComponentMap?.[iconKey.toLowerCase().replace(/\\s+/g, '_')]\n        : undefined\n\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        svgIconComponent,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV3Desktop : GoalsV3Mobile\n\n  return (\n    <Box>\n      {error && <ErrorBanner error={error} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            gap: showDesktop ? '10px' : '0',\n            flexDirection: showDesktop ? 'row' : 'column',\n            justifyContent: 'center',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV3\n"],"mappings":";;;;;;;;;;;;;;AAmCA,IAAM,IAAiC,MAEjC,KAAW,EACf,aACA,yBACmC;CACnC,IAAM,IAAc,EAAe,CAA8B,GAa3D,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;uBACY,EAAS;oCAE5B;CAGwB,CAAkB,GAEtC,EAAE,aAAU,EAAe,GAAU,CAAiB,GAEtD,IAAqB,EAAA,WAEzB,CACF,GACM,IAAsB,EAAA,YAE1B,CACF,GAEM,IAAmB,EAAA,SAEvB,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAkB,EAAA,QAAoC,CAAiB,GAEvE,IAAqB,EAAA,WAEzB,CACF,GAEM,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAE7D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;EACJ,AAAI,IAAsB,MAAM,EAAO,OAAyB,OAC9D,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAU,EAAO,IAEjB,IAAmB,IACrB,IAAkB,EAAQ,YAAY,EAAE,QAAQ,QAAQ,GAAG,KAC3D,KAAA;EAEJ,OAAO;GACL;GACA;GACA;GACA;GACA;EACF;CACF,CAAC,KAAK,CAAC,GAEH,IAAmB,IAAc,IAAiB;CAExD,OACE,kBAAC,GAAD,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD,EAAoB,SAAQ,CAAA,GACtC,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK,IAAc,SAAS;IAC5B,eAAe,IAAc,QAAQ;IACrC,gBAAgB;GAClB;aAEC,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,EAAM,GAAjB,CAAiB,CACzC;EACE,CAAA;CACF,CAAA,CACF,EAAA,CAAA;AAET"}
+{"version":3,"file":"GoalsV3.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error'\nimport GoalsV3Desktop from './GoalsV3.Desktop'\nimport GoalsV3Mobile from './GoalsV3.Mobile'\n\nexport type GoalsV3Props = {\n  entityId: string\n  svgComponentMap: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>\n}\n\nexport type GoalsV3CardProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  svgIconComponent?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId',\n  COUNT_SQL = 'CountSql',\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ICON_KEY = 'iconKey',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nconst GoalsV3 = ({\n  entityId,\n  svgComponentMap,\n}: GoalsV3Props): React.ReactNode => {\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n                from ${entityId}\n                order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { error } = useGetGoalData(entityId, queryResultBundle)\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const iconKeyColumnIndex = getFieldIndex(\n    ExpectedColumns.ICON_KEY,\n    queryResultBundle,\n  )\n\n  const goalsDataArray: GoalsV3CardProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex] !== null) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const iconKey = values[iconKeyColumnIndex]\n\n      const svgIconComponent = iconKey\n        ? svgComponentMap?.[iconKey.toLowerCase().replaceAll(/\\s+/g, '_')]\n        : undefined\n\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        svgIconComponent,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV3Desktop : GoalsV3Mobile\n\n  return (\n    <Box>\n      {error && <ErrorBanner error={error} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            gap: showDesktop ? '10px' : '0',\n            flexDirection: showDesktop ? 'row' : 'column',\n            justifyContent: 'center',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV3\n"],"mappings":";;;;;;;;;;;;;;AAmCA,IAAM,IAAiC,MAEjC,KAAW,EACf,aACA,yBACmC;CACnC,IAAM,IAAc,EAAe,CAA8B,GAa3D,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;uBACY,EAAS;oCAE5B;CAGwB,CAAkB,GAEtC,EAAE,aAAU,EAAe,GAAU,CAAiB,GAEtD,IAAqB,EAAA,WAEzB,CACF,GACM,IAAsB,EAAA,YAE1B,CACF,GAEM,IAAmB,EAAA,SAEvB,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAkB,EAAA,QAAoC,CAAiB,GAEvE,IAAqB,EAAA,WAEzB,CACF,GAEM,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAE7D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;EACJ,AAAI,IAAsB,MAAM,EAAO,OAAyB,OAC9D,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAU,EAAO,IAEjB,IAAmB,IACrB,IAAkB,EAAQ,YAAY,EAAE,WAAW,QAAQ,GAAG,KAC9D,KAAA;EAEJ,OAAO;GACL;GACA;GACA;GACA;GACA;EACF;CACF,CAAC,KAAK,CAAC,GAEH,IAAmB,IAAc,IAAiB;CAExD,OACE,kBAAC,GAAD,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD,EAAoB,SAAQ,CAAA,GACtC,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK,IAAc,SAAS;IAC5B,eAAe,IAAc,QAAQ;IACrC,gBAAgB;GAClB;aAEC,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,EAAM,GAAjB,CAAiB,CACzC;EACE,CAAA;CACF,CAAA,CACF,EAAA,CAAA;AAET"}

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/HexGrid/HexGrid.d.ts

@@ -3,6 +3,7 @@ export type HexRowData = {
     imageFileHandleId: string | null;
     description: string | null;
     entityId: string;
+    website: string | null;
 };
 type HexGridProps = {
     sql: string;
@@ -10,8 +11,9 @@ type HexGridProps = {
     imageColName: string;
     descriptionColName: string;
     isVisibleColName?: string;
+    websiteColName?: string;
     onRowClick?: (rowData: HexRowData) => void;
 };
-declare function HexGrid({ sql, titleColName, imageColName, descriptionColName, isVisibleColName, onRowClick, }: HexGridProps): import("react/jsx-runtime").JSX.Element;
+declare function HexGrid({ sql, titleColName, imageColName, descriptionColName, isVisibleColName, websiteColName, onRowClick, }: HexGridProps): import("react/jsx-runtime").JSX.Element;
 export default HexGrid;
 //# sourceMappingURL=HexGrid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HexGrid.d.ts","sourceRoot":"","sources":["../../../src/components/HexGrid/HexGrid.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,GACX,EAAE,YAAY,2CAiEd;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"HexGrid.d.ts","sourceRoot":"","sources":["../../../src/components/HexGrid/HexGrid.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,EAAE,YAAY,2CAoEd;AAED,eAAe,OAAO,CAAA"}

package/dist/components/HexGrid/HexGrid.js

@@ -9,38 +9,39 @@ import { ButtonBase as a, Typography as o } from "@mui/material";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { FileHandleAssociateType as l } from "@sage-bionetworks/synapse-types";
 //#region src/components/HexGrid/HexGrid.tsx
-function u({ sql: u, titleColName: d, imageColName: f, descriptionColName: p, isVisibleColName: m, onRowClick: h }) {
-	let g = e(u), { data: _ } = n({
-		entityId: g,
+function u({ sql: u, titleColName: d, imageColName: f, descriptionColName: p, isVisibleColName: m, websiteColName: h, onRowClick: g }) {
+	let _ = e(u), { data: v } = n({
+		entityId: _,
 		query: { sql: u },
 		partMask: 5,
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
-	}), v = _?.queryResult?.queryResults.rows ?? [], y = t(d, _), b = t(f, _), x = t(p, _), S = t(m, _), C = m ? v.filter((e) => e.values[S] === "true") : v;
+	}), y = v?.queryResult?.queryResults.rows ?? [], b = t(d, v), x = t(f, v), S = t(p, v), C = t(m, v), w = t(h, v), T = m ? y.filter((e) => e.values[C] === "true") : y;
 	return /* @__PURE__ */ s("div", {
 		className: i.hexSlat,
 		children: /* @__PURE__ */ s("div", {
 			className: i.gridWrapper,
 			children: /* @__PURE__ */ s("ul", {
 				className: i.hexGrid,
-				children: C.map((e) => /* @__PURE__ */ s(a, {
+				children: T.map((e) => /* @__PURE__ */ s(a, {
 					component: "li",
 					className: i.hex,
-					onClick: () => h?.({
-						title: e.values[y] ?? "",
-						imageFileHandleId: e.values[b] ?? null,
-						description: e.values[x] ?? null,
-						entityId: g
+					onClick: () => g?.({
+						title: e.values[b] ?? "",
+						imageFileHandleId: e.values[x] ?? null,
+						description: e.values[S] ?? null,
+						website: e.values[w] ?? null,
+						entityId: _
 					}),
 					children: /* @__PURE__ */ c("div", {
 						className: i.hexIn,
 						children: [/* @__PURE__ */ s(o, {
 							variant: "headline3",
 							className: i.hexTitle,
-							children: e.values[y]
+							children: e.values[b]
 						}), /* @__PURE__ */ s(r, {
 							fileHandleAssociation: {
-								fileHandleId: e.values[b] ?? "",
-								associateObjectId: g,
+								fileHandleId: e.values[x] ?? "",
+								associateObjectId: _,
 								associateObjectType: l.TableEntity
 							},
 							imgProps: { className: i.hexIcon }

package/dist/components/HexGrid/HexGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"HexGrid.js","names":[],"sources":["../../../src/components/HexGrid/HexGrid.tsx"],"sourcesContent":["import styles from './HexGrid.module.scss'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { ButtonBase, Typography } from '@mui/material'\n\n// Column values resolved by name so consumers don't need the indices that are only known inside HexGrid.\nexport type HexRowData = {\n  title: string\n  imageFileHandleId: string | null\n  description: string | null\n  entityId: string\n}\n\ntype HexGridProps = {\n  sql: string\n  titleColName: string\n  imageColName: string\n  descriptionColName: string\n  isVisibleColName?: string\n  onRowClick?: (rowData: HexRowData) => void\n}\n\nfunction HexGrid({\n  sql,\n  titleColName,\n  imageColName,\n  descriptionColName,\n  isVisibleColName,\n  onRowClick,\n}: HexGridProps) {\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    entityId,\n    query: { sql },\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  }\n\n  const { data: queryResultBundle } =\n    useGetFullTableQueryResults(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult?.queryResults.rows ?? []\n\n  const titleColIndex = getFieldIndex(titleColName, queryResultBundle)\n\n  const imageColIndex = getFieldIndex(imageColName, queryResultBundle)\n\n  const descColIndex = getFieldIndex(descriptionColName, queryResultBundle)\n\n  const toShowColIndex = getFieldIndex(isVisibleColName, queryResultBundle)\n\n  const filteredDataRows = isVisibleColName\n    ? dataRows.filter(row => row.values[toShowColIndex] === 'true')\n    : dataRows\n\n  return (\n    <div className={styles.hexSlat}>\n      <div className={styles.gridWrapper}>\n        <ul className={styles.hexGrid}>\n          {filteredDataRows.map(row => (\n            <ButtonBase\n              component=\"li\"\n              key={row.rowId}\n              className={styles.hex}\n              onClick={() =>\n                onRowClick?.({\n                  title: row.values[titleColIndex] ?? '',\n                  imageFileHandleId: row.values[imageColIndex] ?? null,\n                  description: row.values[descColIndex] ?? null,\n                  entityId,\n                })\n              }\n            >\n              <div className={styles.hexIn}>\n                <Typography variant=\"headline3\" className={styles.hexTitle}>\n                  {row.values[titleColIndex]}\n                </Typography>\n                <ImageFileHandle\n                  fileHandleAssociation={{\n                    fileHandleId: row.values[imageColIndex] ?? '',\n                    associateObjectId: entityId,\n                    associateObjectType: FileHandleAssociateType.TableEntity,\n                  }}\n                  imgProps={{ className: styles.hexIcon }}\n                />\n              </div>\n            </ButtonBase>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n\nexport default HexGrid\n"],"mappings":";;;;;;;;;;;AA6BA,SAAS,EAAQ,EACf,QACA,iBACA,iBACA,uBACA,qBACA,iBACe;CACf,IAAM,IAAW,EAA8B,CAAG,GAU5C,EAAE,MAAM,MACZ,EAA4B;EAT5B;EACA,OAAO,EAAE,OAAI;EACb,UACE;EAEF,cAAc;CAIc,CAAkB,GAE1C,IAAW,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAEjE,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAe,EAAc,GAAoB,CAAiB,GAElE,IAAiB,EAAc,GAAkB,CAAiB,GAElE,IAAmB,IACrB,EAAS,QAAO,MAAO,EAAI,OAAO,OAAoB,MAAM,IAC5D;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,MAAD;IAAI,WAAW,EAAO;cACnB,EAAiB,KAAI,MACpB,kBAAC,GAAD;KACE,WAAU;KAEV,WAAW,EAAO;KAClB,eACE,IAAa;MACX,OAAO,EAAI,OAAO,MAAkB;MACpC,mBAAmB,EAAI,OAAO,MAAkB;MAChD,aAAa,EAAI,OAAO,MAAiB;MACzC;KACF,CAAC;eAGH,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAY,SAAQ;OAAY,WAAW,EAAO;iBAC/C,EAAI,OAAO;MACF,CAAA,GACZ,kBAAC,GAAD;OACE,uBAAuB;QACrB,cAAc,EAAI,OAAO,MAAkB;QAC3C,mBAAmB;QACnB,qBAAqB,EAAwB;OAC/C;OACA,UAAU,EAAE,WAAW,EAAO,QAAQ;MACvC,CAAA,CACE;;IACK,GAxBL,EAAI,KAwBC,CACb;GACC,CAAA;EACD,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"HexGrid.js","names":[],"sources":["../../../src/components/HexGrid/HexGrid.tsx"],"sourcesContent":["import styles from './HexGrid.module.scss'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { ButtonBase, Typography } from '@mui/material'\n\n// Column values resolved by name so consumers don't need the indices that are only known inside HexGrid.\nexport type HexRowData = {\n  title: string\n  imageFileHandleId: string | null\n  description: string | null\n  entityId: string\n  website: string | null\n}\n\ntype HexGridProps = {\n  sql: string\n  titleColName: string\n  imageColName: string\n  descriptionColName: string\n  isVisibleColName?: string\n  websiteColName?: string\n  onRowClick?: (rowData: HexRowData) => void\n}\n\nfunction HexGrid({\n  sql,\n  titleColName,\n  imageColName,\n  descriptionColName,\n  isVisibleColName,\n  websiteColName,\n  onRowClick,\n}: HexGridProps) {\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    entityId,\n    query: { sql },\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  }\n\n  const { data: queryResultBundle } =\n    useGetFullTableQueryResults(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult?.queryResults.rows ?? []\n\n  const titleColIndex = getFieldIndex(titleColName, queryResultBundle)\n\n  const imageColIndex = getFieldIndex(imageColName, queryResultBundle)\n\n  const descColIndex = getFieldIndex(descriptionColName, queryResultBundle)\n\n  const toShowColIndex = getFieldIndex(isVisibleColName, queryResultBundle)\n\n  const websiteColIndex = getFieldIndex(websiteColName, queryResultBundle)\n\n  const filteredDataRows = isVisibleColName\n    ? dataRows.filter(row => row.values[toShowColIndex] === 'true')\n    : dataRows\n\n  return (\n    <div className={styles.hexSlat}>\n      <div className={styles.gridWrapper}>\n        <ul className={styles.hexGrid}>\n          {filteredDataRows.map(row => (\n            <ButtonBase\n              component=\"li\"\n              key={row.rowId}\n              className={styles.hex}\n              onClick={() =>\n                onRowClick?.({\n                  title: row.values[titleColIndex] ?? '',\n                  imageFileHandleId: row.values[imageColIndex] ?? null,\n                  description: row.values[descColIndex] ?? null,\n                  website: row.values[websiteColIndex] ?? null,\n                  entityId,\n                })\n              }\n            >\n              <div className={styles.hexIn}>\n                <Typography variant=\"headline3\" className={styles.hexTitle}>\n                  {row.values[titleColIndex]}\n                </Typography>\n                <ImageFileHandle\n                  fileHandleAssociation={{\n                    fileHandleId: row.values[imageColIndex] ?? '',\n                    associateObjectId: entityId,\n                    associateObjectType: FileHandleAssociateType.TableEntity,\n                  }}\n                  imgProps={{ className: styles.hexIcon }}\n                />\n              </div>\n            </ButtonBase>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n\nexport default HexGrid\n"],"mappings":";;;;;;;;;;;AA+BA,SAAS,EAAQ,EACf,QACA,iBACA,iBACA,uBACA,qBACA,mBACA,iBACe;CACf,IAAM,IAAW,EAA8B,CAAG,GAU5C,EAAE,MAAM,MACZ,EAA4B;EAT5B;EACA,OAAO,EAAE,OAAI;EACb,UACE;EAEF,cAAc;CAIc,CAAkB,GAE1C,IAAW,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAEjE,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAe,EAAc,GAAoB,CAAiB,GAElE,IAAiB,EAAc,GAAkB,CAAiB,GAElE,IAAkB,EAAc,GAAgB,CAAiB,GAEjE,IAAmB,IACrB,EAAS,QAAO,MAAO,EAAI,OAAO,OAAoB,MAAM,IAC5D;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,MAAD;IAAI,WAAW,EAAO;cACnB,EAAiB,KAAI,MACpB,kBAAC,GAAD;KACE,WAAU;KAEV,WAAW,EAAO;KAClB,eACE,IAAa;MACX,OAAO,EAAI,OAAO,MAAkB;MACpC,mBAAmB,EAAI,OAAO,MAAkB;MAChD,aAAa,EAAI,OAAO,MAAiB;MACzC,SAAS,EAAI,OAAO,MAAoB;MACxC;KACF,CAAC;eAGH,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAY,SAAQ;OAAY,WAAW,EAAO;iBAC/C,EAAI,OAAO;MACF,CAAA,GACZ,kBAAC,GAAD;OACE,uBAAuB;QACrB,cAAc,EAAI,OAAO,MAAkB;QAC3C,mBAAmB;QACnB,qBAAqB,EAAwB;OAC/C;OACA,UAAU,EAAE,WAAW,EAAO,QAAQ;MACvC,CAAA,CACE;;IACK,GAzBL,EAAI,KAyBC,CACb;GACC,CAAA;EACD,CAAA;CACF,CAAA;AAET"}

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