synapse-react-client 4.0.10 → 4.0.12

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 { parseSynId } 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 { 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 GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\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  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\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    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\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  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  // 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  // 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\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue) {\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.text,\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  const resolvedCardTypeAdornment = CardTypeAdornment ? (\n    <CardTypeAdornment schema={schema} data={data} />\n  ) : null\n\n  return (\n    <GenericCard\n      ref={ref}\n      icon={\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      }\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      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        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      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        <Box sx={{ display: 'flex', gap: 1 }}>\n          {croissantButton}\n          {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n          {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      }\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 { parseSynId } 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 { 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 GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\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  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\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    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\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  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  // 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  // 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\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue) {\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.text,\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  const resolvedCardTypeAdornment = CardTypeAdornment ? (\n    <CardTypeAdornment schema={schema} data={data} />\n  ) : null\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  return (\n    <GenericCard\n      ref={ref}\n      icon={\n        isRenderingIcon ? (\n          <GenericCardIcon\n            type={\n              useTypeColumnForIcon\n                ? data[schema['type']]\n                : genericCardSchema.type\n            }\n            useTypeForIcon={useTypeColumnForIcon}\n            thumbnailRequiresPadding={\n              genericCardSchema.thumbnailRequiresPadding\n            }\n            imageFileHandleId={imageFileHandleIdValue}\n            fileHandleAssociation={fileHandleAssociation}\n            iconOptions={iconOptions}\n            iconValue={iconValue}\n          />\n        ) : undefined\n      }\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      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        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      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        <Box sx={{ display: 'flex', gap: 1 }}>\n          {croissantButton}\n          {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n          {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      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCard.d.ts","sourceRoot":"","sources":["../../src/components/HeaderCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AACvE,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAA;AAI5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAgC,EAC9B,4BAA4B,EAC7B,MAAM,mDAAmD,CAAA;AAG1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,cAAc,CAAA;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC,CAAC,EAAE,gBAAgB,CAAC,oCAAoC,CAAC,CAAA;IAC3F,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACjD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,uBAAuB,CAAC,EAAE,4BAA4B,CAAA;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AA4LD,QAAA,MAAM,UAAU,4GASd,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"HeaderCard.d.ts","sourceRoot":"","sources":["../../src/components/HeaderCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AACvE,OAAO,EAAkB,OAAO,EAAE,MAAM,eAAe,CAAA;AAIvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAgC,EAC9B,4BAA4B,EAC7B,MAAM,mDAAmD,CAAA;AAI1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,cAAc,CAAA;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC,CAAC,EAAE,gBAAgB,CAAC,oCAAoC,CAAC,CAAA;IAC3F,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACjD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,uBAAuB,CAAC,EAAE,4BAA4B,CAAA;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AA0MD,QAAA,MAAM,UAAU,4GASd,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/components/HeaderCard.js

@@ -6,149 +6,150 @@ import { FileHandleLink as r } from "./widgets/FileHandleLink.js";
 import { CollapsibleDescription as i } from "./GenericCard/CollapsibleDescription.js";
 import a from "./HeaderCard/HeaderCardV2.js";
 import o from "./SustainabilityScorecard/SustainabilityScorecard.js";
-import { forwardRef as s } from "react";
-import { Box as c } from "@mui/material";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AdaptiveTwoColumnLayout as s } from "./AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.js";
+import { forwardRef as c } from "react";
+import { Box as l, Container as u } from "@mui/material";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/HeaderCard.tsx
-var f = s(function(a, s) {
-	let { type: f, title: p, subTitle: m = "", description: h, values: g, secondaryLabelLimit: _, isAlignToLeftNav: v, descriptionConfig: y, href: b, target: x, titleAsFileHandleLinkConfiguration: S, titleAreaRightContent: C, descriptionSubTitle: w = "", icon: T, cardTopContent: E, cardTopButtons: D, sustainabilityScorecard: O, renderedIconList: k, cardTypeAdornment: A, sx: j } = a, M = !!O, N = {
-		...y,
-		showFullDescriptionByDefault: y?.showFullDescriptionByDefault ?? !0
+var m = c(function(a, c) {
+	let { type: m, title: h, subTitle: g = "", description: _, values: v, secondaryLabelLimit: y, isAlignToLeftNav: b, descriptionConfig: x, descriptionSubTitle: S = "", href: C, target: w, titleAsFileHandleLinkConfiguration: T, titleAreaRightContent: E, icon: D, cardTopContent: O, cardTopButtons: k, sustainabilityScorecard: A, renderedIconList: j, cardTypeAdornment: M, sx: N } = a, P = {
+		...x,
+		showFullDescriptionByDefault: x?.showFullDescriptionByDefault ?? !1
 	};
 	return e({
-		title: p,
-		description: h || m || void 0,
+		title: h,
+		description: _ || g || void 0,
 		priority: 100
-	}), /* @__PURE__ */ u(c, {
-		ref: s,
-		className: `SRC-portalCard SRC-portalCardHeader ${v ? "isAlignToLeftNav" : ""}`,
-		sx: j,
-		children: /* @__PURE__ */ d("div", {
-			className: "container-fluid container-full-width",
-			children: [/* @__PURE__ */ u(c, {
-				sx: {
-					display: "flex",
-					gap: "10px",
-					float: "right"
-				},
-				children: D
-			}), /* @__PURE__ */ u("div", {
-				className: "row",
-				children: /* @__PURE__ */ u("div", {
-					className: "col-md-offset-1 col-md-10",
-					children: /* @__PURE__ */ d("div", {
-						className: "SRC-portalCardMain",
-						children: [!M && T, /* @__PURE__ */ d(c, {
+	}), /* @__PURE__ */ f(l, {
+		ref: c,
+		className: `SRC-portalCard SRC-portalCardHeader ${b ? "isAlignToLeftNav" : ""}`,
+		sx: {
+			width: "100vw",
+			marginLeft: "calc(50% - 50vw)",
+			...N
+		},
+		children: /* @__PURE__ */ p(u, {
+			maxWidth: "lg",
+			children: [
+				/* @__PURE__ */ p(l, {
+					sx: {
+						display: "flex",
+						flexDirection: "row",
+						alignItems: "center",
+						gap: "10px"
+					},
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "SRC-type",
+							children: m
+						}),
+						M,
+						/* @__PURE__ */ f(l, { sx: { flex: 1 } }),
+						k && /* @__PURE__ */ f(l, {
 							sx: {
-								width: "100%",
-								...M && {
-									display: "flex",
-									flexDirection: {
-										xs: "column",
-										sm: "row"
-									}
-								}
+								display: "flex",
+								gap: "10px"
 							},
-							children: [/* @__PURE__ */ d(c, {
-								sx: {
-									display: "flex",
-									flexDirection: "row",
-									width: "100%"
-								},
-								children: [/* @__PURE__ */ d("div", {
-									className: "SRC-cardContent",
-									style: {
-										marginLeft: "15px",
-										flex: 1,
-										minWidth: 0
-									},
-									children: [
-										/* @__PURE__ */ d(c, {
-											sx: {
-												display: "flex",
-												flexDirection: "row",
-												alignItems: "center",
-												gap: "10px"
-											},
-											children: [/* @__PURE__ */ u("div", {
-												className: "SRC-type",
-												children: f
-											}), A]
-										}),
-										/* @__PURE__ */ u(c, {
-											sx: { "& .icon-list.themed path, & .icon-list.themed circle": { fill: "white" } },
-											children: k
-										}),
-										/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u("h3", {
-											className: "SRC-boldText",
-											style: { margin: "none" },
-											children: S ? /* @__PURE__ */ u(r, {
-												fileHandleAssociation: S.fileHandleAssociation,
-												showDownloadIcon: S.showDownloadIcon,
-												displayValue: p
-											}) : b ? /* @__PURE__ */ u(n, {
-												href: b ?? "",
-												className: "highlight-link",
-												target: x,
-												children: p
-											}) : /* @__PURE__ */ u("span", { children: p })
-										}) }),
-										m && /* @__PURE__ */ d("div", {
-											className: "SRC-author",
-											children: [
-												" ",
-												m,
-												" "
-											]
-										}),
-										/* @__PURE__ */ u(i, {
-											description: h,
-											descriptionSubTitle: w,
-											descriptionConfig: N
-										}),
-										O && /* @__PURE__ */ u(o, {
-											metricsConfig: O.metricsConfig,
-											searchParamKey: O.searchParamKey,
-											filterColumn: O.filterColumn,
-											scoreDescriptorColumnName: O.scoreDescriptorColumnName,
-											queryRequest: O.queryRequest,
-											sustainabilityReportLink: O.sustainabilityReportLink,
-											sx: {
-												background: "rgba(0, 0, 0, 0.10)",
-												marginTop: "30px"
-											}
-										})
-									]
-								}), C && /* @__PURE__ */ u("div", {
-									className: "SRC-cardTitleAreaDetails",
-									children: C
-								})]
-							}), (g || E) && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: {
-								borderTop: "1px solid rgba(26, 28, 41, 0.2)",
-								marginTop: "15px",
-								paddingTop: "5px"
-							} }), /* @__PURE__ */ d("div", {
-								className: "SRC-cardContent",
-								children: [E, g && /* @__PURE__ */ u(t, {
-									isHeader: !0,
-									secondaryLabelLimit: _,
-									values: g
-								})]
-							})] })]
-						})]
-					})
-				})
-			})]
+							children: k
+						})
+					]
+				}),
+				/* @__PURE__ */ f(l, { children: /* @__PURE__ */ f("h3", {
+					className: "SRC-boldText",
+					style: { margin: "none" },
+					children: T ? /* @__PURE__ */ f(r, {
+						fileHandleAssociation: T.fileHandleAssociation,
+						showDownloadIcon: T.showDownloadIcon,
+						displayValue: h
+					}) : C ? /* @__PURE__ */ f(n, {
+						href: C ?? "",
+						className: "highlight-link",
+						target: w,
+						children: h
+					}) : /* @__PURE__ */ f("span", { children: h })
+				}) }),
+				j && /* @__PURE__ */ f(l, {
+					sx: { "& .icon-list.themed path, & .icon-list.themed circle": { fill: "white" } },
+					children: j
+				}),
+				(() => {
+					let e = /* @__PURE__ */ p(d, { children: [
+						D && /* @__PURE__ */ f(l, {
+							sx: {
+								width: "120px",
+								float: "left",
+								paddingRight: "24px",
+								paddingBottom: "24px",
+								display: "flex",
+								justifyContent: "center"
+							},
+							children: D
+						}),
+						g && /* @__PURE__ */ f("div", {
+							className: "SRC-author",
+							children: g
+						}),
+						/* @__PURE__ */ f(i, {
+							description: _,
+							descriptionSubTitle: S,
+							descriptionConfig: P
+						}),
+						A && /* @__PURE__ */ f(o, {
+							metricsConfig: A.metricsConfig,
+							searchParamKey: A.searchParamKey,
+							filterColumn: A.filterColumn,
+							scoreDescriptorColumnName: A.scoreDescriptorColumnName,
+							queryRequest: A.queryRequest,
+							sustainabilityReportLink: A.sustainabilityReportLink,
+							sx: {
+								background: "rgba(0, 0, 0, 0.10)",
+								marginTop: "30px",
+								...A.sx
+							}
+						}),
+						/* @__PURE__ */ f(l, { sx: {
+							clear: "both",
+							pb: "var(--baseline-grid)"
+						} })
+					] }), n = E || O || v?.length ? /* @__PURE__ */ p(d, { children: [
+						E && /* @__PURE__ */ f("div", {
+							className: "SRC-cardTitleAreaDetails",
+							children: E
+						}),
+						O && /* @__PURE__ */ f("div", {
+							className: "SRC-cardContent",
+							children: O
+						}),
+						v && /* @__PURE__ */ f(l, {
+							sx: { "&& .SRC-cardMetadata": { paddingTop: 0 } },
+							children: /* @__PURE__ */ f(t, {
+								isHeader: !0,
+								secondaryLabelLimit: y,
+								values: v
+							})
+						})
+					] }) : void 0;
+					return n ? /* @__PURE__ */ f(s, {
+						stackRatioThreshold: .45,
+						sx: { marginTop: "24px" },
+						leftContent: e,
+						rightContent: n
+					}) : /* @__PURE__ */ f(l, {
+						sx: { marginTop: "24px" },
+						children: e
+					});
+				})()
+			]
 		})
 	});
-}), p = s(function(e, t) {
+}), h = c(function(e, t) {
 	let { headerCardVariant: n = "HeaderCard" } = e;
-	return u(n === "HeaderCardV2" ? a : f, {
+	return f(n === "HeaderCardV2" ? a : m, {
 		...e,
 		ref: t
 	});
 });
 //#endregion
-export { p as default };
+export { h as default };
 
 //# sourceMappingURL=HeaderCard.js.map

package/dist/components/HeaderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCard.js","names":[],"sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { FileHandleLink } from './widgets/FileHandleLink'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  titleAsFileHandleLinkConfiguration?: GenericCardProps['titleAsFileHandleLinkConfiguration']\n  titleAreaRightContent?: React.ReactNode\n  descriptionSubTitle?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  renderedIconList?: React.ReactNode\n  cardTypeAdornment?: React.ReactNode\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    href,\n    target,\n    titleAsFileHandleLinkConfiguration,\n    titleAreaRightContent,\n    descriptionSubTitle = '',\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    renderedIconList,\n    cardTypeAdornment,\n    sx,\n  } = props\n\n  const hideIcon = Boolean(sustainabilityScorecard)\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? true,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={sx}\n    >\n      <div className=\"container-fluid container-full-width\">\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            float: 'right',\n          }}\n        >\n          {cardTopButtons}\n        </Box>\n        <div className=\"row\">\n          <div className=\"col-md-offset-1 col-md-10\">\n            <div className=\"SRC-portalCardMain\">\n              {!hideIcon && icon}\n              <Box\n                sx={{\n                  width: '100%',\n                  ...(hideIcon && {\n                    display: 'flex',\n                    flexDirection: { xs: 'column', sm: 'row' },\n                  }),\n                }}\n              >\n                <Box\n                  sx={{ display: 'flex', flexDirection: 'row', width: '100%' }}\n                >\n                  <div\n                    className=\"SRC-cardContent\"\n                    style={{ marginLeft: '15px', flex: 1, minWidth: 0 }}\n                  >\n                    <Box\n                      sx={{\n                        display: 'flex',\n                        flexDirection: 'row',\n                        alignItems: 'center',\n                        gap: '10px',\n                      }}\n                    >\n                      <div className=\"SRC-type\">{type}</div>\n                      {cardTypeAdornment}\n                    </Box>\n                    <Box\n                      sx={{\n                        '& .icon-list.themed path, & .icon-list.themed circle':\n                          {\n                            fill: 'white',\n                          },\n                      }}\n                    >\n                      {renderedIconList}\n                    </Box>\n                    <div>\n                      <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n                        {titleAsFileHandleLinkConfiguration ? (\n                          <FileHandleLink\n                            fileHandleAssociation={\n                              titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                            }\n                            showDownloadIcon={\n                              titleAsFileHandleLinkConfiguration.showDownloadIcon\n                            }\n                            displayValue={title}\n                          />\n                        ) : href ? (\n                          <SmartLink\n                            href={href ?? ''}\n                            className=\"highlight-link\"\n                            target={target}\n                          >\n                            {title}\n                          </SmartLink>\n                        ) : (\n                          <span>{title}</span>\n                        )}\n                      </h3>\n                    </div>\n                    {subTitle && <div className=\"SRC-author\"> {subTitle} </div>}\n                    <CollapsibleDescription\n                      description={description}\n                      descriptionSubTitle={descriptionSubTitle}\n                      descriptionConfig={descriptionConfiguration}\n                    />\n                    {sustainabilityScorecard && (\n                      <SustainabilityScorecard\n                        metricsConfig={sustainabilityScorecard.metricsConfig}\n                        searchParamKey={sustainabilityScorecard.searchParamKey}\n                        filterColumn={sustainabilityScorecard.filterColumn}\n                        scoreDescriptorColumnName={\n                          sustainabilityScorecard.scoreDescriptorColumnName\n                        }\n                        queryRequest={sustainabilityScorecard.queryRequest}\n                        sustainabilityReportLink={\n                          sustainabilityScorecard.sustainabilityReportLink\n                        }\n                        sx={{\n                          background: 'rgba(0, 0, 0, 0.10)',\n                          marginTop: '30px',\n                        }}\n                      />\n                    )}\n                  </div>\n                  {titleAreaRightContent && (\n                    <div className=\"SRC-cardTitleAreaDetails\">\n                      {titleAreaRightContent}\n                    </div>\n                  )}\n                </Box>\n                {(values || cardTopContent) && (\n                  <>\n                    <div\n                      style={{\n                        borderTop: '1px solid rgba(26, 28, 41, 0.2)',\n                        marginTop: '15px',\n                        paddingTop: '5px',\n                      }}\n                    />\n                    <div className=\"SRC-cardContent\">\n                      {cardTopContent}\n                      {values && (\n                        <CardFooter\n                          isHeader={true}\n                          secondaryLabelLimit={secondaryLabelLimit}\n                          values={values}\n                        />\n                      )}\n                    </div>\n                  </>\n                )}\n              </Box>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"mappings":"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"}
+{"version":3,"file":"HeaderCard.js","names":[],"sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Container, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { FileHandleLink } from './widgets/FileHandleLink'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { AdaptiveTwoColumnLayout } from './AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  titleAsFileHandleLinkConfiguration?: GenericCardProps['titleAsFileHandleLinkConfiguration']\n  titleAreaRightContent?: React.ReactNode\n  descriptionSubTitle?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  renderedIconList?: React.ReactNode\n  cardTypeAdornment?: React.ReactNode\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    descriptionSubTitle = '',\n    href,\n    target,\n    titleAsFileHandleLinkConfiguration,\n    titleAreaRightContent,\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    renderedIconList,\n    cardTypeAdornment,\n    sx,\n  } = props\n\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? false,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={{\n        // Break out of any constrained parent (e.g. margin:auto containers)\n        // so the background stretches full-viewport width.\n        width: '100vw',\n        marginLeft: 'calc(50% - 50vw)',\n        ...sx,\n      }}\n    >\n      <Container maxWidth=\"lg\">\n        {/* Row 1: type, cardTypeAdornment, cardTopButtons */}\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: '10px',\n          }}\n        >\n          <div className=\"SRC-type\">{type}</div>\n          {cardTypeAdornment}\n          <Box sx={{ flex: 1 }} />\n          {cardTopButtons && (\n            <Box sx={{ display: 'flex', gap: '10px' }}>{cardTopButtons}</Box>\n          )}\n        </Box>\n\n        {/* Row 2: Title */}\n        <Box>\n          <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n            {titleAsFileHandleLinkConfiguration ? (\n              <FileHandleLink\n                fileHandleAssociation={\n                  titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                }\n                showDownloadIcon={\n                  titleAsFileHandleLinkConfiguration.showDownloadIcon\n                }\n                displayValue={title}\n              />\n            ) : href ? (\n              <SmartLink\n                href={href ?? ''}\n                className=\"highlight-link\"\n                target={target}\n              >\n                {title}\n              </SmartLink>\n            ) : (\n              <span>{title}</span>\n            )}\n          </h3>\n        </Box>\n\n        {/* Row 3: renderedIconList */}\n        {renderedIconList && (\n          <Box\n            sx={{\n              '& .icon-list.themed path, & .icon-list.themed circle': {\n                fill: 'white',\n              },\n            }}\n          >\n            {renderedIconList}\n          </Box>\n        )}\n\n        {/* Row 4: left content, optionally alongside right content in an adaptive two-column layout */}\n        {(() => {\n          const leftContent = (\n            <>\n              {/* Column 1: icon (floated left) with subTitle and description flowing around */}\n              {icon && (\n                <Box\n                  sx={{\n                    width: '120px',\n                    float: 'left',\n                    paddingRight: '24px',\n                    paddingBottom: '24px',\n                    display: 'flex',\n                    justifyContent: 'center',\n                  }}\n                >\n                  {icon}\n                </Box>\n              )}\n              {subTitle && <div className=\"SRC-author\">{subTitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfiguration}\n              />\n              {sustainabilityScorecard && (\n                <SustainabilityScorecard\n                  metricsConfig={sustainabilityScorecard.metricsConfig}\n                  searchParamKey={sustainabilityScorecard.searchParamKey}\n                  filterColumn={sustainabilityScorecard.filterColumn}\n                  scoreDescriptorColumnName={\n                    sustainabilityScorecard.scoreDescriptorColumnName\n                  }\n                  queryRequest={sustainabilityScorecard.queryRequest}\n                  sustainabilityReportLink={\n                    sustainabilityScorecard.sustainabilityReportLink\n                  }\n                  sx={{\n                    background: 'rgba(0, 0, 0, 0.10)',\n                    marginTop: '30px',\n                    ...sustainabilityScorecard.sx,\n                  }}\n                />\n              )}\n              <Box sx={{ clear: 'both', pb: 'var(--baseline-grid)' }} />\n            </>\n          )\n\n          const rightContent =\n            titleAreaRightContent || cardTopContent || values?.length ? (\n              /* Column 2: titleAreaRightContent, cardTopContent, CardFooter */\n              <>\n                {titleAreaRightContent && (\n                  <div className=\"SRC-cardTitleAreaDetails\">\n                    {titleAreaRightContent}\n                  </div>\n                )}\n                {cardTopContent && (\n                  <div className=\"SRC-cardContent\">{cardTopContent}</div>\n                )}\n                {values && (\n                  <Box sx={{ '&& .SRC-cardMetadata': { paddingTop: 0 } }}>\n                    <CardFooter\n                      isHeader={true}\n                      secondaryLabelLimit={secondaryLabelLimit}\n                      values={values}\n                    />\n                  </Box>\n                )}\n              </>\n            ) : undefined\n\n          return rightContent ? (\n            <AdaptiveTwoColumnLayout\n              stackRatioThreshold={0.45}\n              sx={{ marginTop: '24px' }}\n              leftContent={leftContent}\n              rightContent={rightContent}\n            />\n          ) : (\n            <Box sx={{ marginTop: '24px' }}>{leftContent}</Box>\n          )\n        })()}\n      </Container>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"mappings":"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"}

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":"AAoJA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAG7D,eAAO,MAAM,WAAW,ihEA0Jd,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;AAyUhB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2CnC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAczD,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"IconSvg.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/IconSvg.tsx"],"names":[],"mappings":"AAoJA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAG7D,eAAO,MAAM,WAAW,ihEA0Jd,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;AAyUhB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2CnC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAezD,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/IconSvg/IconSvg.js

@@ -261,7 +261,8 @@ var Ut = {
 	submissionview: "submissionview",
 	dataset: "dataset",
 	datasetcollection: "datasetcollection",
-	recordset: "fileWithShield"
+	recordset: "fileWithShield",
+	searchindex: "search"
 };
 //#endregion
 export { Q as IconStrings, Ht as default, Ut as type2SvgIconName };