synapse-react-client 4.0.2 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowGenericCard.js","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 * as SynapseConstants from '@/utils/SynapseConstants'\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 { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Collapse, Link } 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 { TargetEnum } from '@/utils/html/TargetEnum'\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 GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\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  /** 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 {\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 cart\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) {\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          />\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      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      columnIconOptions={columnIconOptions}\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"],"names":["VersionLabel","props","synapseId","version","jsx","TargetEnum","PRODUCTION_ENDPOINT_CONFIG","TableRowGenericCard","showDownloadConfirmation","setShowDownloadConfirmation","useState","downloadButtonLoading","setDownloadButtonLoading","entityId","versionNumber","useQueryContext","getColumnDisplayName","useQueryVisualizationContext","ref","cardIsInView","useInView","table","useGetEntity","schema","data","rowId","rowVersionNumber","genericCardSchema","secondaryLabelLimit","sharePageLinkButtonProps","selectColumns","columnModels","iconOptions","useTypeColumnForIcon","isHeader","sustainabilityScorecard","headerCardVariant","titleLinkConfig","ctaLinkConfig","labelLinkConfig","descriptionConfig","columnIconOptions","CardTypeAdornment","charCountCutoff","link","type","includeCitation","includeShareButton","defaultCitationFormat","citationBoilerplateText","downloadCartSynId","portalDoiConfiguration","title","subTitle","getValueOrMultiValue","description","iconValue","dataTypeIconNames","imageFileHandleIdValue","titleColumnType","el","linkValue","href","target","getLinkParams","synapseEntityConfig","getColumnValue","useCallback","columnName","columnIndex","resolvedSynapseEntityId","resolvedSynapseEntityVersionNumber","useResolvedSynapseEntity","resolvedDownloadCartSynIdValue","resolvedDownloadCartVersionNumber","reference","parseSynId","dataAsRecord","useMemo","mapRowToRecord","candidateDoiId","getCandidateDoiId","showDoiCardLabel","useShowDoiCardLabel","values","secondaryLabels","customLabelConfig","PortalDOI","key","value","Link","val","isView","isTableEntity","i","rawValue","renderedValue","columnDisplayName","isDatasetCollection","calculateFriendlyFileSize","labelLink","SynapseCardLabel","fileHandleAssociation","getFileHandleAssociation","descriptionSubTitle","doiColumnIndex","getColumnIndex","doiValue","resolvedCtaLinkConfigs","config","ctaLinkValue","croissantButton","Fragment","CroissantButton","resolvedCardTypeAdornment","GenericCard","GenericCardIcon","ColumnTypeEnum","SynapseConstants.EXPERIMENTAL","Collapse","EntityDownloadConfirmation","isLoading","IconList","Box","GenericCardActionButton","GetAppTwoTone","CitationPopover","ShareThisPage"],"mappings":"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"}
+{"version":3,"file":"TableRowGenericCard.js","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) {\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"],"names":["VersionLabel","props","synapseId","version","jsx","TargetEnum","PRODUCTION_ENDPOINT_CONFIG","TableRowGenericCard","showDownloadConfirmation","setShowDownloadConfirmation","useState","downloadButtonLoading","setDownloadButtonLoading","entityId","versionNumber","useQueryContext","getColumnDisplayName","useQueryVisualizationContext","ref","cardIsInView","useInView","table","useGetEntity","schema","data","rowId","rowVersionNumber","genericCardSchema","secondaryLabelLimit","sharePageLinkButtonProps","selectColumns","columnModels","iconOptions","useTypeColumnForIcon","isHeader","sustainabilityScorecard","headerCardVariant","titleLinkConfig","ctaLinkConfig","labelLinkConfig","descriptionConfig","columnIconOptions","CardTypeAdornment","charCountCutoff","link","type","includeCitation","includeShareButton","defaultCitationFormat","citationBoilerplateText","downloadCartSynId","portalDoiConfiguration","title","subTitle","getValueOrMultiValue","description","iconValue","dataTypeIconNames","imageFileHandleIdValue","titleColumnType","el","linkValue","href","target","getLinkParams","synapseEntityConfig","getColumnValue","useCallback","columnName","columnIndex","resolvedTitleAreaRightContent","useMemo","titleAreaDetails","columns","rows","rawValue","Stack","name","jsxs","Typography","SynapseCardLabel","resolvedSynapseEntityId","resolvedSynapseEntityVersionNumber","useResolvedSynapseEntity","resolvedDownloadCartSynIdValue","resolvedDownloadCartVersionNumber","reference","parseSynId","dataAsRecord","mapRowToRecord","candidateDoiId","getCandidateDoiId","showDoiCardLabel","useShowDoiCardLabel","values","secondaryLabels","customLabelConfig","PortalDOI","key","value","Link","val","isView","isTableEntity","i","renderedValue","columnDisplayName","isDatasetCollection","calculateFriendlyFileSize","labelLink","fileHandleAssociation","getFileHandleAssociation","descriptionSubTitle","doiColumnIndex","getColumnIndex","doiValue","resolvedCtaLinkConfigs","config","ctaLinkValue","croissantButton","Fragment","CroissantButton","resolvedCardTypeAdornment","GenericCard","GenericCardIcon","ColumnTypeEnum","SynapseConstants.EXPERIMENTAL","Collapse","EntityDownloadConfirmation","isLoading","IconList","Box","GenericCardActionButton","GetAppTwoTone","CitationPopover","ShareThisPage"],"mappings":"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"}

package/dist/components/GoalsV2/GoalsV2.Desktop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.Desktop.d.ts","sourceRoot":"","sources":["../../../src/components/GoalsV2/GoalsV2.Desktop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAO5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,GACN,EAAE,gBAAgB,2CA0ClB"}
+{"version":3,"file":"GoalsV2.Desktop.d.ts","sourceRoot":"","sources":["../../../src/components/GoalsV2/GoalsV2.Desktop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAM5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,GACN,EAAE,gBAAgB,2CAwClB"}

package/dist/components/GoalsV2/GoalsV2.Desktop.js

@@ -1,16 +1,15 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { QueryCount as d } from "../QueryCount/QueryCount.js";
-import s from "@mui/material/IconButton";
-import p from "@mui/icons-material/NavigateNext";
-import { Card as l, CardActionArea as h, CardMedia as m, CardContent as c, Typography as t } from "@mui/material";
-function y({
+import s from "@mui/icons-material/NavigateNext";
+import { Card as p, CardActionArea as l, CardMedia as h, CardContent as m, Typography as t } from "@mui/material";
+function C({
   asset: i,
   link: a,
   countSql: o,
-  title: n
+  title: e
 }) {
   return /* @__PURE__ */ r(
-    l,
+    p,
     {
       sx: {
         width: "200px",
@@ -20,18 +19,18 @@ function y({
         borderColor: "transparent",
         boxShadow: "none"
       },
-      children: /* @__PURE__ */ e(h, { onClick: () => window.open(a, "_self"), children: [
+      children: /* @__PURE__ */ n(l, { onClick: () => window.open(a, "_self"), children: [
         /* @__PURE__ */ r(
-          m,
+          h,
           {
             component: "img",
             sx: { height: 150, width: "100%", paddingX: 2, overflow: "visible" },
             image: i,
-            alt: n
+            alt: e
           }
         ),
-        /* @__PURE__ */ e(
-          c,
+        /* @__PURE__ */ n(
+          m,
           {
             sx: {
               display: "flex",
@@ -47,8 +46,8 @@ function y({
                   children: o && /* @__PURE__ */ r(d, { parens: !1, query: { sql: o } })
                 }
               ),
-              /* @__PURE__ */ r(t, { variant: "body1", children: n }),
-              /* @__PURE__ */ r(s, { sx: { color: "primary.main" }, children: /* @__PURE__ */ r(p, {}) })
+              /* @__PURE__ */ r(t, { variant: "body1", children: e }),
+              /* @__PURE__ */ r(s, { sx: { color: "primary.main" } })
             ]
           }
         )
@@ -57,6 +56,6 @@ function y({
   );
 }
 export {
-  y as default
+  C as default
 };
 //# sourceMappingURL=GoalsV2.Desktop.js.map

package/dist/components/GoalsV2/GoalsV2.Desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.Desktop.js","sources":["../../../src/components/GoalsV2/GoalsV2.Desktop.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport QueryCount from '../QueryCount/QueryCount'\nimport IconButton from '@mui/material/IconButton'\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext'\nimport { Typography } from '@mui/material'\nimport { Card, CardActionArea, CardContent, CardMedia } from '@mui/material'\n\nexport default function GoalsV2Desktop({\n  asset,\n  link,\n  countSql,\n  title,\n}: GoalsV2DataProps) {\n  return (\n    <Card\n      sx={{\n        width: '200px',\n        maxWidth: '200px',\n        height: 'auto',\n        backgroundColor: 'transparent',\n        borderColor: 'transparent',\n        boxShadow: 'none',\n      }}\n    >\n      <CardActionArea onClick={() => window.open(link, '_self')}>\n        <CardMedia\n          component=\"img\"\n          sx={{ height: 150, width: '100%', paddingX: 2, overflow: 'visible' }}\n          image={asset}\n          alt={title}\n        />\n        <CardContent\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Typography\n            variant=\"h6\"\n            sx={{ marginRight: 1, fontSize: '16px', fontWeight: 900 }}\n          >\n            {countSql && (\n              <QueryCount parens={false} query={{ sql: countSql }} />\n            )}\n          </Typography>\n          <Typography variant=\"body1\">{title}</Typography>\n          <IconButton sx={{ color: 'primary.main' }}>\n            <NavigateNextIcon />\n          </IconButton>\n        </CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"names":["GoalsV2Desktop","asset","link","countSql","title","jsx","Card","jsxs","CardActionArea","CardMedia","CardContent","Typography","QueryCount","IconButton","NavigateNextIcon"],"mappings":";;;;;AAOA,SAAwBA,EAAe;AAAA,EACrC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAC,EAACC,KAAe,SAAS,MAAM,OAAO,KAAKN,GAAM,OAAO,GACtD,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,QAAQ,KAAK,OAAO,QAAQ,UAAU,GAAG,UAAU,UAAA;AAAA,YACzD,OAAOR;AAAA,YACP,KAAKG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAG;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,gBAAAL;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,IAAI,EAAE,aAAa,GAAG,UAAU,QAAQ,YAAY,IAAA;AAAA,kBAEnD,UAAAR,uBACES,GAAA,EAAW,QAAQ,IAAO,OAAO,EAAE,KAAKT,IAAS,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGzD,gBAAAE,EAACM,GAAA,EAAW,SAAQ,SAAS,UAAAP,GAAM;AAAA,cACnC,gBAAAC,EAACQ,KAAW,IAAI,EAAE,OAAO,eAAA,GACvB,UAAA,gBAAAR,EAACS,GAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"GoalsV2.Desktop.js","sources":["../../../src/components/GoalsV2/GoalsV2.Desktop.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport QueryCount from '../QueryCount/QueryCount'\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext'\nimport { Typography } from '@mui/material'\nimport { Card, CardActionArea, CardContent, CardMedia } from '@mui/material'\n\nexport default function GoalsV2Desktop({\n  asset,\n  link,\n  countSql,\n  title,\n}: GoalsV2DataProps) {\n  return (\n    <Card\n      sx={{\n        width: '200px',\n        maxWidth: '200px',\n        height: 'auto',\n        backgroundColor: 'transparent',\n        borderColor: 'transparent',\n        boxShadow: 'none',\n      }}\n    >\n      <CardActionArea onClick={() => window.open(link, '_self')}>\n        <CardMedia\n          component=\"img\"\n          sx={{ height: 150, width: '100%', paddingX: 2, overflow: 'visible' }}\n          image={asset}\n          alt={title}\n        />\n        <CardContent\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Typography\n            variant=\"h6\"\n            sx={{ marginRight: 1, fontSize: '16px', fontWeight: 900 }}\n          >\n            {countSql && (\n              <QueryCount parens={false} query={{ sql: countSql }} />\n            )}\n          </Typography>\n          <Typography variant=\"body1\">{title}</Typography>\n          <NavigateNextIcon sx={{ color: 'primary.main' }} />\n        </CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"names":["GoalsV2Desktop","asset","link","countSql","title","jsx","Card","jsxs","CardActionArea","CardMedia","CardContent","Typography","QueryCount","NavigateNextIcon"],"mappings":";;;;AAMA,SAAwBA,EAAe;AAAA,EACrC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAC,EAACC,KAAe,SAAS,MAAM,OAAO,KAAKN,GAAM,OAAO,GACtD,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,QAAQ,KAAK,OAAO,QAAQ,UAAU,GAAG,UAAU,UAAA;AAAA,YACzD,OAAOR;AAAA,YACP,KAAKG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAG;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,gBAAAL;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,IAAI,EAAE,aAAa,GAAG,UAAU,QAAQ,YAAY,IAAA;AAAA,kBAEnD,UAAAR,uBACES,GAAA,EAAW,QAAQ,IAAO,OAAO,EAAE,KAAKT,IAAS,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGzD,gBAAAE,EAACM,GAAA,EAAW,SAAQ,SAAS,UAAAP,GAAM;AAAA,gCAClCS,GAAA,EAAiB,IAAI,EAAE,OAAO,iBAAe,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/GoogleAnalytics/GoogleAnalytics.js

@@ -27,7 +27,7 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import "../../utils/hooks/useCookiePreferences.js";
-import { useGoogleAnalytics as i } from "../../utils/analytics/useGoogleAnalytics.js";
+import i from "../../utils/analytics/useGoogleAnalytics.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 function K(o) {
   const { measurementId: t } = o;

package/dist/components/HasAccess/HasAccessV2.js

@@ -30,7 +30,7 @@ import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useGetRestrictionInformation as v } from "../../synapse-queries/dataaccess/useRestrictionInformation.js";
 import { RestrictionUiType as w } from "./AccessIcon.js";
-import { useHasAccess as C } from "./useHasAccess.js";
+import C from "./useHasAccess.js";
 const h = { p: "0px", minWidth: "unset" };
 function ct(s) {
   const {

package/dist/components/HasAccess/useHasAccess.js

@@ -22,7 +22,7 @@ import "lodash-es/xorWith";
 import "@mui/material";
 import { useGetRestrictionInformation as R } from "../../synapse-queries/dataaccess/useRestrictionInformation.js";
 import "@sage-bionetworks/synapse-client";
-import { useGetEntityBundle as F } from "../../synapse-queries/entity/useEntityBundle.js";
+import F from "../../synapse-queries/entity/useEntityBundle.js";
 import { isFileEntity as N, implementsExternalFileHandleInterface as w } from "../../utils/types/IsType.js";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";

package/dist/components/HeaderCard.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as t, Fragment as S } from "react/jsx-runtime";
-import { Box as l } from "@mui/material";
+import { Box as d } from "@mui/material";
 import { SmartLink as D } from "./SmartLink/SmartLink.js";
 import { forwardRef as C } from "react";
 import T from "./row_renderers/utils/CardFooter.js";
@@ -16,17 +16,21 @@ import "../assets/icons/study-complete.svg.js";
 import "../assets/icons/translational.svg.js";
 import "../assets/icons/tree_horizontal.svg.js";
 import "../assets/icons/standardDataModel.svg.js";
+import "../assets/icons/Challenge.svg.js";
 import "@mui/material/SvgIcon";
 import "../utils/SynapseConstants.js";
 import "../assets/ArcusBioIcon.svg.js";
 import "../assets/icons/AccessPending.svg.js";
 import "../assets/icons/AccessPendingCloud.svg.js";
 import "../assets/icons/FileWithShield.svg.js";
+import "../assets/icons/MultiFile.svg.js";
+import "../assets/icons/UnpackagableFile.svg.js";
 import "../assets/icons/bioChemicalPhysical.svg.js";
 import "../assets/icons/computationalTool.svg.js";
 import "../assets/icons/dataReuse.svg.js";
 import "../assets/icons/inSilicoModel.svg.js";
 import "../assets/icons/modelSystem.svg.js";
+import "../assets/mui_components/PackagableFile.svg.js";
 import "../assets/icons/spatialProfiling.svg.js";
 import "@mui/icons-material";
 import { CollapsibleDescription as H } from "./GenericCard/CollapsibleDescription.js";
@@ -38,8 +42,8 @@ const B = C(function(e, o) {
     type: a,
     title: n,
     subTitle: s = "",
-    description: m,
-    values: d,
+    description: l,
+    values: m,
     secondaryLabelLimit: g,
     isAlignToLeftNav: x,
     descriptionConfig: c,
@@ -56,17 +60,17 @@ const B = C(function(e, o) {
   };
   return k({
     title: n,
-    description: m || s || void 0,
+    description: l || s || void 0,
     priority: 100
   }), /* @__PURE__ */ r(
-    l,
+    d,
     {
       ref: o,
       className: `SRC-portalCard SRC-portalCardHeader ${x ? "isAlignToLeftNav" : ""}`,
       sx: b,
       children: /* @__PURE__ */ t("div", { className: "container-fluid container-full-width", children: [
         /* @__PURE__ */ r(
-          l,
+          d,
           {
             sx: {
               display: "flex",
@@ -79,7 +83,7 @@ const B = C(function(e, o) {
         /* @__PURE__ */ r("div", { className: "row", children: /* @__PURE__ */ r("div", { className: "col-md-offset-1 col-md-10", children: /* @__PURE__ */ t("div", { className: "SRC-portalCardMain", children: [
           !u && N,
           /* @__PURE__ */ t(
-            l,
+            d,
             {
               sx: {
                 width: "100%",
@@ -108,7 +112,7 @@ const B = C(function(e, o) {
                   /* @__PURE__ */ r(
                     H,
                     {
-                      description: m,
+                      description: l,
                       descriptionSubTitle: "",
                       descriptionConfig: R
                     }
@@ -129,7 +133,7 @@ const B = C(function(e, o) {
                     }
                   )
                 ] }),
-                (d || f) && /* @__PURE__ */ t(S, { children: [
+                (m || f) && /* @__PURE__ */ t(S, { children: [
                   /* @__PURE__ */ r(
                     "div",
                     {
@@ -142,12 +146,12 @@ const B = C(function(e, o) {
                   ),
                   /* @__PURE__ */ t("div", { className: "SRC-cardContent", children: [
                     f,
-                    d && /* @__PURE__ */ r(
+                    m && /* @__PURE__ */ r(
                       T,
                       {
                         isHeader: !0,
                         secondaryLabelLimit: g,
-                        values: d
+                        values: m
                       }
                     )
                   ] })
@@ -159,11 +163,11 @@ const B = C(function(e, o) {
       ] })
     }
   );
-}), ur = C(function(e, o) {
+}), xr = C(function(e, o) {
   const { headerCardVariant: a = "HeaderCard" } = e;
   return a === "HeaderCardV2" ? /* @__PURE__ */ r(L, { ...e, ref: o }) : /* @__PURE__ */ r(B, { ...e, ref: o });
 });
 export {
-  ur as default
+  xr as default
 };
 //# sourceMappingURL=HeaderCard.js.map

package/dist/components/HeaderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCard.js","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 { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\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  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\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    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\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                <div className=\"SRC-cardContent\" style={{ marginLeft: '15px' }}>\n                  <div className=\"SRC-type\">{type}</div>\n                  <div>\n                    <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\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=\"\"\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                {(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"],"names":["HeaderCardClassic","forwardRef","props","ref","type","title","subTitle","description","values","secondaryLabelLimit","isAlignToLeftNav","descriptionConfig","href","target","icon","cardTopContent","cardTopButtons","sustainabilityScorecard","sx","hideIcon","descriptionConfiguration","useDocumentMetadata","jsx","Box","jsxs","SmartLink","CollapsibleDescription","SustainabilityScorecard","Fragment","CardFooter","HeaderCard","headerCardVariant","HeaderCardV2"],"mappings":"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"}
+{"version":3,"file":"HeaderCard.js","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 { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\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  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\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    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\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                <div className=\"SRC-cardContent\" style={{ marginLeft: '15px' }}>\n                  <div className=\"SRC-type\">{type}</div>\n                  <div>\n                    <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\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=\"\"\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                {(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"],"names":["HeaderCardClassic","forwardRef","props","ref","type","title","subTitle","description","values","secondaryLabelLimit","isAlignToLeftNav","descriptionConfig","href","target","icon","cardTopContent","cardTopButtons","sustainabilityScorecard","sx","hideIcon","descriptionConfiguration","useDocumentMetadata","jsx","Box","jsxs","SmartLink","CollapsibleDescription","SustainabilityScorecard","Fragment","CardFooter","HeaderCard","headerCardVariant","HeaderCardV2"],"mappings":"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"}

package/dist/components/IDUReport/IDUReportSubmissionInfo.js

@@ -1,46 +1,46 @@
-import { jsx as e, Fragment as d, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, Fragment as s, jsxs as n } from "react/jsx-runtime";
 import { formatDate as i } from "../../utils/functions/DateFormatter.js";
-import { Skeleton as o } from "@mui/material";
-import a from "dayjs";
-import { MarkdownSynapse as m } from "../Markdown/MarkdownSynapse.js";
+import { Skeleton as a } from "@mui/material";
+import o from "dayjs";
+import { Markdown as m } from "../Markdown/MarkdownSynapse.js";
 import { SkeletonTable as u } from "../Skeleton/SkeletonTable.js";
-import { UserBadge as s } from "../UserCard/UserBadge.js";
-function f({ info: r }) {
-  return /* @__PURE__ */ e(d, { children: r && /* @__PURE__ */ n("p", { className: "SubmissionInfoCard", children: [
-    /* @__PURE__ */ e("strong", { children: " Project Lead: " }),
+import { UserBadge as d } from "../UserCard/UserBadge.js";
+function f({ info: e }) {
+  return /* @__PURE__ */ r(s, { children: e && /* @__PURE__ */ n("div", { className: "SubmissionInfoCard", children: [
+    /* @__PURE__ */ r("strong", { children: " Project Lead: " }),
     " ",
-    /* @__PURE__ */ e("span", { children: r.projectLead }),
+    /* @__PURE__ */ r("span", { children: e.projectLead }),
     " ",
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("strong", { children: " Institution: " }),
+    /* @__PURE__ */ r("br", {}),
+    /* @__PURE__ */ r("strong", { children: " Institution: " }),
     " ",
-    /* @__PURE__ */ e("span", { children: r.institution }),
+    /* @__PURE__ */ r("span", { children: e.institution }),
     " ",
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("strong", { children: " Data Access Request Submitted By: " }),
+    /* @__PURE__ */ r("br", {}),
+    /* @__PURE__ */ r("strong", { children: " Data Access Request Submitted By: " }),
     " ",
-    /* @__PURE__ */ e(s, { userId: r.submittedBy }),
+    /* @__PURE__ */ r(d, { userId: e.submittedBy }),
     " ",
-    /* @__PURE__ */ e("br", {}),
+    /* @__PURE__ */ r("br", {}),
     /* @__PURE__ */ n("strong", { children: [
       " ",
       "Intended Data Use Statement (accepted on",
       " ",
-      i(a(r.modifiedOn), "M/D/YYYY"),
+      i(o(e.modifiedOn), "M/D/YYYY"),
       "):"
     ] }),
-    /* @__PURE__ */ e(m, { markdown: r.intendedDataUseStatement }),
-    r.accessorChanges && r.accessorChanges.map((t) => /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ e(s, { userId: t.userId }),
+    /* @__PURE__ */ r(m, { markdown: e.intendedDataUseStatement }),
+    e.accessorChanges && e.accessorChanges.map((t) => /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ r(d, { userId: t.userId }),
       " ",
       t.type
     ] }, `${t.userId}-${t.type}`))
   ] }) });
 }
 function g() {
-  return /* @__PURE__ */ n("p", { className: "SubmissionInfoCard", children: [
-    /* @__PURE__ */ e(u, { numCols: 1, numRows: 4 }),
-    /* @__PURE__ */ e(o, { variant: "rectangular", width: "100%", height: 80 })
+  return /* @__PURE__ */ n("div", { className: "SubmissionInfoCard", children: [
+    /* @__PURE__ */ r(u, { numCols: 1, numRows: 4 }),
+    /* @__PURE__ */ r(a, { variant: "rectangular", width: "100%", height: 80 })
   ] });
 }
 export {

package/dist/components/IDUReport/IDUReportSubmissionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"IDUReportSubmissionInfo.js","sources":["../../../src/components/IDUReport/IDUReportSubmissionInfo.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton } from '@mui/material'\nimport { SubmissionInfo } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type SubmissionInfoCardProps = {\n  info: SubmissionInfo\n}\n\nexport function SubmissionInfoCard({ info }: SubmissionInfoCardProps) {\n  return (\n    <>\n      {info && (\n        <p className=\"SubmissionInfoCard\">\n          <strong> Project Lead: </strong> <span>{info.projectLead}</span>{' '}\n          <br />\n          <strong> Institution: </strong> <span>{info.institution}</span> <br />\n          <strong> Data Access Request Submitted By: </strong>{' '}\n          <UserBadge userId={info.submittedBy} /> <br />\n          <strong>\n            {' '}\n            Intended Data Use Statement &#40;accepted on{' '}\n            {formatDate(dayjs(info.modifiedOn), 'M/D/YYYY')}&#41;:\n          </strong>\n          <MarkdownSynapse markdown={info.intendedDataUseStatement} />\n          {info.accessorChanges &&\n            info.accessorChanges.map(accessorChange => (\n              <div key={`${accessorChange.userId}-${accessorChange.type}`}>\n                <UserBadge userId={accessorChange.userId} />{' '}\n                {accessorChange.type}\n              </div>\n            ))}\n        </p>\n      )}\n    </>\n  )\n}\n\nexport function LoadingSubmissionInfoCard() {\n  return (\n    <p className=\"SubmissionInfoCard\">\n      <SkeletonTable numCols={1} numRows={4} />\n      <Skeleton variant=\"rectangular\" width={'100%'} height={80} />\n    </p>\n  )\n}\n"],"names":["SubmissionInfoCard","info","jsx","Fragment","jsxs","UserBadge","formatDate","dayjs","MarkdownSynapse","accessorChange","LoadingSubmissionInfoCard","SkeletonTable","Skeleton"],"mappings":";;;;;;;AAYO,SAASA,EAAmB,EAAE,MAAAC,KAAiC;AACpE,SACE,gBAAAC,EAAAC,GAAA,EACG,UAAAF,KACC,gBAAAG,EAAC,KAAA,EAAE,WAAU,sBACX,UAAA;AAAA,IAAA,gBAAAF,EAAC,YAAO,UAAA,kBAAA,CAAe;AAAA,IAAS;AAAA,IAAC,gBAAAA,EAAC,QAAA,EAAM,UAAAD,EAAK,YAAA,CAAY;AAAA,IAAQ;AAAA,sBAChE,MAAA,EAAG;AAAA,IACJ,gBAAAC,EAAC,YAAO,UAAA,iBAAA,CAAc;AAAA,IAAS;AAAA,IAAC,gBAAAA,EAAC,QAAA,EAAM,UAAAD,EAAK,YAAA,CAAY;AAAA,IAAO;AAAA,sBAAE,MAAA,EAAG;AAAA,IACpE,gBAAAC,EAAC,YAAO,UAAA,sCAAA,CAAmC;AAAA,IAAU;AAAA,IACrD,gBAAAA,EAACG,GAAA,EAAU,QAAQJ,EAAK,YAAA,CAAa;AAAA,IAAE;AAAA,sBAAE,MAAA,EAAG;AAAA,sBAC3C,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,MAAI;AAAA,MACwC;AAAA,MAC5CK,EAAWC,EAAMN,EAAK,UAAU,GAAG,UAAU;AAAA,MAAE;AAAA,IAAA,GAClD;AAAA,IACA,gBAAAC,EAACM,GAAA,EAAgB,UAAUP,EAAK,yBAAA,CAA0B;AAAA,IACzDA,EAAK,mBACJA,EAAK,gBAAgB,IAAI,CAAAQ,wBACtB,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACG,GAAA,EAAU,QAAQI,EAAe,OAAA,CAAQ;AAAA,MAAG;AAAA,MAC5CA,EAAe;AAAA,IAAA,EAAA,GAFR,GAAGA,EAAe,MAAM,IAAIA,EAAe,IAAI,EAGzD,CACD;AAAA,EAAA,EAAA,CACL,EAAA,CAEJ;AAEJ;AAEO,SAASC,IAA4B;AAC1C,SACE,gBAAAN,EAAC,KAAA,EAAE,WAAU,sBACX,UAAA;AAAA,IAAA,gBAAAF,EAACS,GAAA,EAAc,SAAS,GAAG,SAAS,GAAG;AAAA,sBACtCC,GAAA,EAAS,SAAQ,eAAc,OAAO,QAAQ,QAAQ,GAAA,CAAI;AAAA,EAAA,GAC7D;AAEJ;"}
+{"version":3,"file":"IDUReportSubmissionInfo.js","sources":["../../../src/components/IDUReport/IDUReportSubmissionInfo.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton } from '@mui/material'\nimport { SubmissionInfo } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type SubmissionInfoCardProps = {\n  info: SubmissionInfo\n}\n\nexport function SubmissionInfoCard({ info }: SubmissionInfoCardProps) {\n  return (\n    <>\n      {info && (\n        <div className=\"SubmissionInfoCard\">\n          <strong> Project Lead: </strong> <span>{info.projectLead}</span>{' '}\n          <br />\n          <strong> Institution: </strong> <span>{info.institution}</span> <br />\n          <strong> Data Access Request Submitted By: </strong>{' '}\n          <UserBadge userId={info.submittedBy} /> <br />\n          <strong>\n            {' '}\n            Intended Data Use Statement &#40;accepted on{' '}\n            {formatDate(dayjs(info.modifiedOn), 'M/D/YYYY')}&#41;:\n          </strong>\n          <MarkdownSynapse markdown={info.intendedDataUseStatement} />\n          {info.accessorChanges &&\n            info.accessorChanges.map(accessorChange => (\n              <div key={`${accessorChange.userId}-${accessorChange.type}`}>\n                <UserBadge userId={accessorChange.userId} />{' '}\n                {accessorChange.type}\n              </div>\n            ))}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport function LoadingSubmissionInfoCard() {\n  return (\n    <div className=\"SubmissionInfoCard\">\n      <SkeletonTable numCols={1} numRows={4} />\n      <Skeleton variant=\"rectangular\" width={'100%'} height={80} />\n    </div>\n  )\n}\n"],"names":["SubmissionInfoCard","info","jsx","Fragment","jsxs","UserBadge","formatDate","dayjs","MarkdownSynapse","accessorChange","LoadingSubmissionInfoCard","SkeletonTable","Skeleton"],"mappings":";;;;;;;AAYO,SAASA,EAAmB,EAAE,MAAAC,KAAiC;AACpE,SACE,gBAAAC,EAAAC,GAAA,EACG,UAAAF,KACC,gBAAAG,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,gBAAAF,EAAC,YAAO,UAAA,kBAAA,CAAe;AAAA,IAAS;AAAA,IAAC,gBAAAA,EAAC,QAAA,EAAM,UAAAD,EAAK,YAAA,CAAY;AAAA,IAAQ;AAAA,sBAChE,MAAA,EAAG;AAAA,IACJ,gBAAAC,EAAC,YAAO,UAAA,iBAAA,CAAc;AAAA,IAAS;AAAA,IAAC,gBAAAA,EAAC,QAAA,EAAM,UAAAD,EAAK,YAAA,CAAY;AAAA,IAAO;AAAA,sBAAE,MAAA,EAAG;AAAA,IACpE,gBAAAC,EAAC,YAAO,UAAA,sCAAA,CAAmC;AAAA,IAAU;AAAA,IACrD,gBAAAA,EAACG,GAAA,EAAU,QAAQJ,EAAK,YAAA,CAAa;AAAA,IAAE;AAAA,sBAAE,MAAA,EAAG;AAAA,sBAC3C,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,MAAI;AAAA,MACwC;AAAA,MAC5CK,EAAWC,EAAMN,EAAK,UAAU,GAAG,UAAU;AAAA,MAAE;AAAA,IAAA,GAClD;AAAA,IACA,gBAAAC,EAACM,GAAA,EAAgB,UAAUP,EAAK,yBAAA,CAA0B;AAAA,IACzDA,EAAK,mBACJA,EAAK,gBAAgB,IAAI,CAAAQ,wBACtB,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACG,GAAA,EAAU,QAAQI,EAAe,OAAA,CAAQ;AAAA,MAAG;AAAA,MAC5CA,EAAe;AAAA,IAAA,EAAA,GAFR,GAAGA,EAAe,MAAM,IAAIA,EAAe,IAAI,EAGzD,CACD;AAAA,EAAA,EAAA,CACL,EAAA,CAEJ;AAEJ;AAEO,SAASC,IAA4B;AAC1C,SACE,gBAAAN,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,gBAAAF,EAACS,GAAA,EAAc,SAAS,GAAG,SAAS,GAAG;AAAA,sBACtCC,GAAA,EAAS,SAAQ,eAAc,OAAO,QAAQ,QAAQ,GAAA,CAAI;AAAA,EAAA,GAC7D;AAEJ;"}