synapse-react-client 4.0.18 → 4.0.20

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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuLA,SAAS,GAAa,GAA+C;CACnE,IAAM,EAAE,cAAW,eAAY;AAC/B,QACE,kBAAC,QAAD,EAAA,UAAA;EACG;EAAQ;EACT,kBAAC,KAAD;GACE,QAAQ,EAAW;GACnB,KAAI;GACJ,MAAM,GAAG,EAA2B,OAAO,UAAU,EAAU,GAAG;aACnE;GAEG,CAAA;EACC,EAAA,CAAA;;AAOX,SAAgB,EAAoB,GAAiC;CACnE,IAAM,CAAC,GAA0B,KAC/B,EAAS,GAAM,EACX,CAAC,IAAuB,MAA4B,EAAS,GAAM,EAEnE,EAAE,cAAU,sBAAkB,IAAiB,EAC/C,EAAE,4BAAyB,IAA8B,EAEzD,EAAE,SAAK,QAAQ,OAAiB,IAAW,EAE3C,EAAE,MAAM,MAAU,GAAoB,IAAU,GAAc,EAE9D,EACJ,WACA,SACA,UACA,eAAe,IACf,sBACA,yBACA,8BACA,kBACA,iBACA,iBACA,0BAAuB,IACvB,cAAW,IACX,6BACA,uBACA,oBACA,kBACA,qBACA,uBACA,sBACA,sBACA,wBACE,GAEE,EACJ,WAAO,IACP,SACA,qBACA,wBACA,2BACA,6BACA,sBACA,8BACE,GACE,IAAQ,EAAK,EAAO,EAAkB,SACxC,IACF,EAAkB,YAAY,EAAK,EAAO,EAAkB;AAC9D,KACE,EAAkB,YAClB,GAAqB;EACnB,OAAO;EACP,YAAY,EAAkB;EAC9B;EACA;EACD,CAAC,CAAC;CACL,IAAM,KAAc,EAAK,EAAO,EAAkB,eAAe,MAC3D,IAAY,EAAK,EAAO,EAAkB,QAAQ,MAClD,IACJ,EAAK,EAAO,EAAkB,qBAAqB,MAC/C,IACJ,EAAK,EAAO,EAAkB,6BAA6B,MAIvD,KAHmB,GAAc,MACrC,MAAM,EAAkB,SAAS,EAAG,KACrC,EACyC,YAEpC,IAAoB,EAAK,EAAO,QAAU,IAC1C,EAAE,UAAM,eAAW,EACvB,GACA,GACA,GACA,GACA,EACD,EAEK,KAAsB,EAAkB,qBAExC,IAAiB,IACpB,MAAwB;AACvB,MAAI,CAAC,EACH;EAEF,IAAM,IAAc,EAAO;AACvB,YAAgB,KAAA,EAGpB,QAAO,EAAK;IAEd,CAAC,GAAQ,EAAK,CACf,EAEK,KAAgC,QAAc;EAClD,IAAM,EAAE,wBAAqB;AAC7B,MAAI,CAAC,EAAkB;EACvB,IAAM,IACJ,OAAO,KAAqB,aACxB,EAAiB,GAAQ,EAAK,GAC9B;AACN,MAAI,EAAQ,WAAW,EAAG;EAC1B,IAAM,IAAO,EACV,KAAI,MAAc;GACjB,IAAM,IAA+B,EAAK,EAAO;AAEjD,UADK,IACE;IAAE,MAAM,EAAqB,EAAW;IAAE;IAAU;IAAY,GADjD;IAEtB,CACD,OAAO,QAAQ;AAKd,QAAK,WAAW,EACpB,QACE,kBAAC,GAAD;GAAO,WAAU;GAAS,KAAI;aAC3B,EAAK,KAAK,EAAE,SAAM,aAAU,oBAC3B,kBAAC,GAAD;IAAwB,WAAU;IAAM,KAAI;IAAM,YAAW;cAA7D,CACE,kBAAC,IAAD;KAAY,WAAU;KAAO,SAAQ;eAArC,CACG,GAAK,IACK;QACb,kBAAC,GAAD;KACE,OAAO;KACK;KACZ,WAAW,KAAA;KACD;KACK;KACD;KACd,SAAS;KACU;KACnB,CAAA,CACI;MAdI,EAcJ,CACR;GACI,CAAA;IAET;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,EACJ,UAAU,GACV,qBAAqB,MACnB,GAAyB;EAC3B;EACA;EACA;EACA;EACD,CAAC,EAEE,IAAiC,GACjC,IAAoC;AAExC,KAAI,GAAmB;EACrB,IAAM,IAAY,EAAW,EAAe,EAAkB,IAAI,GAAG;AAErE,EADA,IAAiC,GAAW,UAC5C,IAAoC,GAAW;;CASjD,IAAM,IAAiB,GAAkB;EACvC,MANkD,QAC5C,GAAe,GAAM,EAAO,EAClC,CAAC,GAAM,EAAO,CAIR;EACN;EACD,CAAC,EAEI,KAAmB,GAAoB;EAC3C,UAAU,GAAwB;EAClC,YAAY;EACb,CAAC,EAEI,IAIA,EAAE,EACF,EAAE,qBAAkB,EAAE,KAAK,GAC3B,IAAoB,EAAkB;AAqB5C,KAjBE,MACA,KACA,KACA,MAEA,EAAO,KAAK;EACV,mBAAmB;EACnB,OACE,kBAAC,IAAD;GACE,UAAU,EAAuB;GACjC,YAAY;GACZ,CAAA;EAEL,CAAC,EAIA,GAAmB,UAAU,GAAQ,EAAK,EAAE;EAC9C,IAAM,EAAE,QAAK,aAAU;AACvB,EAAI,IACF,EAAO,KAAK;GACV,mBAAmB;GACnB,OACE,kBAAC,IAAD;IAAM,eAAe,GAA4B,MAAO,CAAC,EAAI;cAAE;IAExD,CAAA;GAEV,CAAC,GAEF,EAAO,KAAK;GAAE,mBAAmB;GAAK;GAAO,CAAC;;CAIlD,IAAM,KAAS,KAAS,CAAC,EAAc,EAAM;AAC7C,MAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK,GAAG;EAClD,IAAM,IAAa,EAAgB,IAC7B,IAA+B,EAAK,EAAO,KAC7C,IAAiC,GACjC;AACJ,MAAI,KAAiB,MAAa,QAAQ,MAAa,UAAQ;AAE7D,OACE,EAAoB,EAAgB,IACpC,MAAe,qBAGf,CADA,IAAoB,QACpB,IAAgB,EAA0B,SAAS,EAAS,CAAC;YAEtD,MAAU,MAAe,kBAAkB;IAClD,IAAM,IAAY,EAAK,EAAO;AAI9B,IAHA,IACE,kBAAC,IAAD;KAAyB;KAAW,SAAS;KAAY,CAAA,EAE3D,IAAoB;UACf;IACL,IAAM,IAAY,IAAiB,MACjC,MAAM,EAAG,oBAAoB,EAC9B;AAaD,IAZA,IACE,kBAAC,GAAD;KACE,OAAO;KACK;KACD;KACD;KACK;KACD;KACd,SAAS;KACU;KACnB,CAAA,EAEJ,IAAoB,EAAqB,EAAW;;AAEtD,KAAO,KAAK;IAAE;IAAmB,OAAO;IAAe;IAAY,CAAC;;;CASxE,IAAM,IAAwB,GAC5B,GANmB,KAA0B,GAQ7C,EAAK,EAAO,IACb,EAEK,KAAsB,EAC1B,EAAkB,eAAe,GAClC,EAEK,IAAiB,EAAe,OAAO,GAAe,EAAa,EACnE,IACJ,MAAmB,KAAA,IAAmC,KAAA,IAAvB,EAAK,IAQhC,KALiB,IACnB,MAAM,QAAQ,EAAc,GAC1B,IACA,CAAC,EAAc,GACjB,EAAE,EAEH,KAAI,MAAU;EACb,IAAM,IAAuB,EAAK,EAAO,EAAO,UAAU;AAC1D,MAAI,CAAC,EAAc,QAAO;EAC1B,IAAM,EAAE,SAAM,cAAW,EACvB,GACA,KAAA,GACA,GACA,GACA,EACD;AACD,SAAO;GACL,MAAM,EAAO;GACb;GACA;GACD;GACD,CACD,OAAO,QAAQ,EAEd,IAAkB,kBAAA,IAAA,EAAK,CAAA;AAC3B,CACE,KAA2B,QAC3B,KAAsC,SAEtC,IACE,kBAAC,IAAD;EACE,WAAW;EACX,sBAAsB;EACtB,CAAA;CAIN,IAAM,KAA4B,IAChC,kBAAC,GAAD;EAA2B;EAAc;EAAQ,CAAA,GAC/C,MAEA,IAAkB;AAKtB,QAJI,KAAY,CAAC,KAA0B,CAAC,MAE1C,IAAkB,KAGlB,kBAAC,IAAD;EACO;EACL,MACE,IACE,kBAAC,IAAD;GACE,MACE,IACI,EAAK,EAAO,QACZ,EAAkB;GAExB,gBAAgB;GAChB,0BACE,EAAkB;GAEpB,mBAAmB;GACI;GACV;GACF;GACX,CAAA,GACA,KAAA;EAEI;EACe;EACN;EACb;EACC;EACP,UAAU;EACV,wBAAwB;GAAE;GAAQ;GAAM;EACxC,mBAAmB;EACnB,oCACE,CAAC,KACD,OAAoB,GAAe,gBACnC,IACI;GACyB;GACvB,kBAAkB,MAAS;GAC5B,GACD,KAAA;EAEN,eACE,EAAuB,SAAS,IAAI,IAAyB,KAAA;EAE/D,uBAAuB;EACV;EACQ;EACF;EACF;EACjB,QAAQ;EACa;EACrB,4BAA4B,EAAQ;EACpC,gBACE,KACE,kBAAC,IAAD;GAAU,IAAI;aACZ,kBAAC,IAAD;IACE,UAAU;IACV,eAAe;IACf,mBAAmB,EAA4B,GAAM;IACrD,oBAAmB,MAAa;AAC9B,QAAyB,EAAU;;IAErC,CAAA;GACO,CAAA;EAGf,kBAGE,GAAmB,SAAS,YAC5B,GAAmB,UACjB,kBAAC,OAAD;GAAK,OAAO,EAAE,WAAW,QAAQ;aAC/B,kBAAC,IAAD;IACE,aAAa,EAAkB,QAAQ;IACvC,WAAW,KAAK,MAAM,EAAkB;IACxC,iBAAiB,EACf,IAAI,EAAE,UAAU,QAAQ,EACzB;IACD,eAAe;IACf,UAAU;IACV,CAAA;GACE,CAAA;EAGV,gBACE,kBAAC,IAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,KAAK;IAAG;aAApC;IACG;IAEA,KACC,kBAAC,IAAD;KACE,eAAe,GAA4B,MAAO,CAAC,EAAI;KACvD,SAAQ;KACR,WAAW,kBAAC,IAAD,EAAe,IAAI,EAAE,QAAQ,QAAQ,EAAI,CAAA;KACpD,SAAS;eACV;KAEyB,CAAA;IAE3B,MAAmB,KAClB,kBAAC,IAAD;KACS;KACP,KAAK;KACL,iBAAiB;KACM;KACvB,CAAA;IAEH,MAAsB,KACrB,kBAAC,IAAD,EAAe,GAAI,IAA4B,CAAA;IAE7C;;EAER,CAAA"}
+{"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/GenericCard/useResolvedSynapseEntity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResolvedSynapseEntity.js","names":[],"sources":["../../../src/components/GenericCard/useResolvedSynapseEntity.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { SynapseEntityConfig } from './TableRowGenericCard'\n\nexport type UseResolvedSynapseEntityProps = {\n  synapseEntityConfig?: SynapseEntityConfig\n  getColumnValue: (columnName?: string) => string | undefined\n  rowId?: number\n  rowVersionNumber?: number\n}\n\nexport type ResolvedSynapseEntity = {\n  entityId: string | undefined\n  entityVersionNumber: number | undefined\n}\n\n/**\n * Resolves the Synapse entity ID/version for a table row based on the provided configuration.\n */\nexport function useResolvedSynapseEntity({\n  synapseEntityConfig,\n  getColumnValue,\n  rowId,\n  rowVersionNumber,\n}: UseResolvedSynapseEntityProps): ResolvedSynapseEntity {\n  return useMemo(() => {\n    let entityId: string | undefined\n    let entityVersionNumber: number | undefined\n\n    if (synapseEntityConfig?.id?.source === 'rowId') {\n      if (rowId !== undefined) {\n        entityId = `syn${rowId}`\n      }\n    } else if (synapseEntityConfig?.id?.source === 'column') {\n      entityId = getColumnValue(synapseEntityConfig.id.columnName)\n    }\n\n    if (synapseEntityConfig?.version?.source === 'rowVersionNumber') {\n      if (\n        rowVersionNumber !== undefined &&\n        Number.isInteger(rowVersionNumber)\n      ) {\n        entityVersionNumber = rowVersionNumber\n      }\n    } else if (synapseEntityConfig?.version?.source === 'column') {\n      const versionValue = getColumnValue(\n        synapseEntityConfig.version.columnName,\n      )\n      if (versionValue !== undefined && versionValue !== '') {\n        const numericVersion = Number(versionValue)\n        if (!Number.isNaN(numericVersion) && Number.isInteger(numericVersion)) {\n          entityVersionNumber = numericVersion\n        }\n      }\n    }\n\n    return {\n      entityId,\n      entityVersionNumber,\n    }\n  }, [synapseEntityConfig, getColumnValue, rowId, rowVersionNumber])\n}\n"],"mappings":";;AAkBA,SAAgB,EAAyB,EACvC,wBACA,mBACA,UACA,uBACuD;AACvD,QAAO,QAAc;EACnB,IAAI,GACA;AAUJ,MARI,GAAqB,IAAI,WAAW,UAClC,MAAU,KAAA,MACZ,IAAW,MAAM,OAEV,GAAqB,IAAI,WAAW,aAC7C,IAAW,EAAe,EAAoB,GAAG,WAAW,GAG1D,GAAqB,SAAS,WAAW,oBAEzC,MAAqB,KAAA,KACrB,OAAO,UAAU,EAAiB,KAElC,IAAsB;WAEf,GAAqB,SAAS,WAAW,UAAU;GAC5D,IAAM,IAAe,EACnB,EAAoB,QAAQ,WAC7B;AACD,OAAI,MAAiB,KAAA,KAAa,MAAiB,IAAI;IACrD,IAAM,IAAiB,OAAO,EAAa;AAC3C,IAAI,CAAC,OAAO,MAAM,EAAe,IAAI,OAAO,UAAU,EAAe,KACnE,IAAsB;;;AAK5B,SAAO;GACL;GACA;GACD;IACA;EAAC;EAAqB;EAAgB;EAAO;EAAiB,CAAC"}
+{"version":3,"file":"useResolvedSynapseEntity.js","names":[],"sources":["../../../src/components/GenericCard/useResolvedSynapseEntity.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { SynapseEntityConfig } from './TableRowGenericCard'\n\nexport type UseResolvedSynapseEntityProps = {\n  synapseEntityConfig?: SynapseEntityConfig\n  getColumnValue: (columnName?: string) => string | undefined\n  rowId?: number\n  rowVersionNumber?: number\n}\n\nexport type ResolvedSynapseEntity = {\n  entityId: string | undefined\n  entityVersionNumber: number | undefined\n}\n\n/**\n * Resolves the Synapse entity ID/version for a table row based on the provided configuration.\n */\nexport function useResolvedSynapseEntity({\n  synapseEntityConfig,\n  getColumnValue,\n  rowId,\n  rowVersionNumber,\n}: UseResolvedSynapseEntityProps): ResolvedSynapseEntity {\n  return useMemo(() => {\n    let entityId: string | undefined\n    let entityVersionNumber: number | undefined\n\n    if (synapseEntityConfig?.id?.source === 'rowId') {\n      if (rowId !== undefined) {\n        entityId = `syn${rowId}`\n      }\n    } else if (synapseEntityConfig?.id?.source === 'column') {\n      entityId = getColumnValue(synapseEntityConfig.id.columnName)\n    }\n\n    if (synapseEntityConfig?.version?.source === 'rowVersionNumber') {\n      if (\n        rowVersionNumber !== undefined &&\n        Number.isInteger(rowVersionNumber)\n      ) {\n        entityVersionNumber = rowVersionNumber\n      }\n    } else if (synapseEntityConfig?.version?.source === 'column') {\n      const versionValue = getColumnValue(\n        synapseEntityConfig.version.columnName,\n      )\n      if (versionValue !== undefined && versionValue !== '') {\n        const numericVersion = Number(versionValue)\n        if (!Number.isNaN(numericVersion) && Number.isInteger(numericVersion)) {\n          entityVersionNumber = numericVersion\n        }\n      }\n    }\n\n    return {\n      entityId,\n      entityVersionNumber,\n    }\n  }, [synapseEntityConfig, getColumnValue, rowId, rowVersionNumber])\n}\n"],"mappings":";;AAkBA,SAAgB,EAAyB,EACvC,wBACA,mBACA,UACA,uBACuD;CACvD,OAAO,QAAc;EACnB,IAAI,GACA;EAUJ,IARI,GAAqB,IAAI,WAAW,UAClC,MAAU,KAAA,MACZ,IAAW,MAAM,OAEV,GAAqB,IAAI,WAAW,aAC7C,IAAW,EAAe,EAAoB,GAAG,UAAU,IAGzD,GAAqB,SAAS,WAAW,oBAEzC,MAAqB,KAAA,KACrB,OAAO,UAAU,CAAgB,MAEjC,IAAsB;OAEnB,IAAI,GAAqB,SAAS,WAAW,UAAU;GAC5D,IAAM,IAAe,EACnB,EAAoB,QAAQ,UAC9B;GACA,IAAI,MAAiB,KAAA,KAAa,MAAiB,IAAI;IACrD,IAAM,IAAiB,OAAO,CAAY;IAC1C,AAAI,CAAC,OAAO,MAAM,CAAc,KAAK,OAAO,UAAU,CAAc,MAClE,IAAsB;GAE1B;EACF;EAEA,OAAO;GACL;GACA;EACF;CACF,GAAG;EAAC;EAAqB;EAAgB;EAAO;CAAgB,CAAC;AACnE"}

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

@@ -1 +1 @@
-{"version":3,"file":"Goals.Desktop.js","names":[],"sources":["../../../src/components/Goals/Goals.Desktop.tsx"],"sourcesContent":["import { GoalsDataProps } from './Goals'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Box, Button } from '@mui/material'\n\nexport default function GoalsDesktop({\n  asset,\n  link,\n  summary,\n  countSql,\n  title,\n  isAssetIcon,\n  linkText = 'Explore',\n  cardWidth,\n}: GoalsDataProps & { cardWidth?: string }) {\n  return (\n    <Box\n      className=\"Goals__Card\"\n      sx={{ cursor: 'pointer', flex: `0 0 ${cardWidth ?? 'auto'}` }}\n      onClick={() => window.open(link, '_self')}\n    >\n      <div\n        className=\"Goals__Card__header\"\n        style={{ background: isAssetIcon ? undefined : `url('${asset}')` }}\n      >\n        <p>\n          <span className=\"Goals__Card__header__title\">\n            {isAssetIcon && asset && (\n              <img\n                style={{ marginRight: '10px' }}\n                className=\"Goals__Card__header__icon\"\n                src={asset}\n                alt={`${title} icon`}\n              />\n            )}\n            {title}\n          </span>\n          {countSql && (\n            <span className=\"Goals__Card__header__count\">\n              <QueryCount parens={false} query={{ sql: countSql }} />\n            </span>\n          )}\n        </p>\n      </div>\n      <div className=\"Goals__Card__summary\">\n        <p> {summary} </p>\n        <Button\n          className=\"Goals__Card__summary__link\"\n          variant=\"outlined\"\n          color=\"secondary\"\n          href={link}\n        >\n          {linkText}\n        </Button>\n      </div>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAIA,SAAwB,EAAa,EACnC,UACA,SACA,YACA,aACA,UACA,gBACA,cAAW,WACX,gBAC0C;AAC1C,QACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GAAE,QAAQ;GAAW,MAAM,OAAO,KAAa;GAAU;EAC7D,eAAe,OAAO,KAAK,GAAM,QAAQ;YAH3C,CAKE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,YAAY,IAAc,KAAA,IAAY,QAAQ,EAAM,KAAK;aAElE,kBAAC,KAAD,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACG,KAAe,KACd,kBAAC,OAAD;KACE,OAAO,EAAE,aAAa,QAAQ;KAC9B,WAAU;KACV,KAAK;KACL,KAAK,GAAG,EAAM;KACd,CAAA,EAEH,EACI;OACN,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,CAEP,EAAA,CAAA;GACA,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAA;IAAG;IAAE;IAAQ;IAAK,EAAA,CAAA,EAClB,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,OAAM;IACN,MAAM;cAEL;IACM,CAAA,CACL;KACF"}
+{"version":3,"file":"Goals.Desktop.js","names":[],"sources":["../../../src/components/Goals/Goals.Desktop.tsx"],"sourcesContent":["import { GoalsDataProps } from './Goals'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Box, Button } from '@mui/material'\n\nexport default function GoalsDesktop({\n  asset,\n  link,\n  summary,\n  countSql,\n  title,\n  isAssetIcon,\n  linkText = 'Explore',\n  cardWidth,\n}: GoalsDataProps & { cardWidth?: string }) {\n  return (\n    <Box\n      className=\"Goals__Card\"\n      sx={{ cursor: 'pointer', flex: `0 0 ${cardWidth ?? 'auto'}` }}\n      onClick={() => window.open(link, '_self')}\n    >\n      <div\n        className=\"Goals__Card__header\"\n        style={{ background: isAssetIcon ? undefined : `url('${asset}')` }}\n      >\n        <p>\n          <span className=\"Goals__Card__header__title\">\n            {isAssetIcon && asset && (\n              <img\n                style={{ marginRight: '10px' }}\n                className=\"Goals__Card__header__icon\"\n                src={asset}\n                alt={`${title} icon`}\n              />\n            )}\n            {title}\n          </span>\n          {countSql && (\n            <span className=\"Goals__Card__header__count\">\n              <QueryCount parens={false} query={{ sql: countSql }} />\n            </span>\n          )}\n        </p>\n      </div>\n      <div className=\"Goals__Card__summary\">\n        <p> {summary} </p>\n        <Button\n          className=\"Goals__Card__summary__link\"\n          variant=\"outlined\"\n          color=\"secondary\"\n          href={link}\n        >\n          {linkText}\n        </Button>\n      </div>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAIA,SAAwB,EAAa,EACnC,UACA,SACA,YACA,aACA,UACA,gBACA,cAAW,WACX,gBAC0C;CAC1C,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GAAE,QAAQ;GAAW,MAAM,OAAO,KAAa;EAAS;EAC5D,eAAe,OAAO,KAAK,GAAM,OAAO;YAH1C,CAKE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,YAAY,IAAc,KAAA,IAAY,QAAQ,EAAM,IAAI;aAEjE,kBAAC,KAAD,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACG,KAAe,KACd,kBAAC,OAAD;KACE,OAAO,EAAE,aAAa,OAAO;KAC7B,WAAU;KACV,KAAK;KACL,KAAK,GAAG,EAAM;IACf,CAAA,GAEF,CACG;OACL,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,EAAS;IAAI,CAAA;GAClD,CAAA,CAEP,EAAA,CAAA;EACA,CAAA,GACL,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAA;IAAG;IAAE;IAAQ;GAAI,EAAA,CAAA,GACjB,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,OAAM;IACN,MAAM;cAEL;GACK,CAAA,CACL;IACF;;AAET"}

package/dist/components/Goals/Goals.Mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Goals.Mobile.js","names":[],"sources":["../../../src/components/Goals/Goals.Mobile.tsx"],"sourcesContent":["import { GoalsDataProps } from './Goals'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsMobile({\n  link,\n  summary,\n  countSql,\n  title,\n  linkText = 'Explore',\n}: GoalsDataProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div className=\"Goals__Mobile__Content\">\n      <p>{summary}</p>\n      <Button\n        variant=\"outlined\"\n        color=\"secondary\"\n        className=\"Goals__Mobile__Content__Link\"\n        href={link}\n      >\n        {linkText}\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAY,EAClC,SACA,YACA,aACA,UACA,cAAW,aACM;AAwBjB,QAAO,kBAAC,GAAD;EAAmB,OAtBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,EAET,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;KAAQ;MAC3D;IAeyB;EAAuB,SAZtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAU;IACV,MAAM;cAEL;IACM,CAAA,CACL;IAEgD;EAAW,CAAA"}
+{"version":3,"file":"Goals.Mobile.js","names":[],"sources":["../../../src/components/Goals/Goals.Mobile.tsx"],"sourcesContent":["import { GoalsDataProps } from './Goals'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsMobile({\n  link,\n  summary,\n  countSql,\n  title,\n  linkText = 'Explore',\n}: GoalsDataProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div className=\"Goals__Mobile__Content\">\n      <p>{summary}</p>\n      <Button\n        variant=\"outlined\"\n        color=\"secondary\"\n        className=\"Goals__Mobile__Content__Link\"\n        href={link}\n      >\n        {linkText}\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAY,EAClC,SACA,YACA,aACA,UACA,cAAW,aACM;CAwBjB,OAAO,kBAAC,GAAD;EAAmB,OAtBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,EAAS;IAAI,CAAA;GAClD,CAAA,GAER,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;IAAO;KAC3D;GAe0B;EAAuB,SAZtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAI,EAAW,CAAA,GACf,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAU;IACV,MAAM;cAEL;GACK,CAAA,CACL;GAEiD;CAAU,CAAA;AACpE"}

package/dist/components/Goals/Goals.js

@@ -11,44 +11,42 @@ import { useMemo as s } from "react";
 import { Box as c } from "@mui/material";
 import { Fragment as l, jsx as u } from "react/jsx-runtime";
 //#region src/components/Goals/Goals.tsx
-var d = /* @__PURE__ */ function(e) {
-	return e.TABLEID = "TableId", e.COUNT_SQL = "CountSql", e.TITLE = "Title", e.SUMMARY = "Summary", e.LINK = "Link", e.ASSET = "Asset", e;
-}(d || {}), f = 1200;
-function p(p) {
-	let { entityId: m, isAssetIcon: h = !1, linkText: g, itemsPerRow: _ = 3 } = p, v = t(f), { data: y } = r({
+var d = 1200;
+function f(f) {
+	let { entityId: p, isAssetIcon: m = !1, linkText: h, itemsPerRow: g = 3 } = f, _ = t(d), { data: v } = r({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: m,
+		entityId: p,
 		partMask: 5,
 		query: { sql: `select *
-            from ${m}
+            from ${p}
             order by ItemOrder` }
-	}), { assets: b, error: x } = i(m, y), S = n(d.TABLEID, y), C = n(d.COUNT_SQL, y), w = n(d.TITLE, y), T = n(d.SUMMARY, y), E = n(d.LINK, y), D = s(() => y?.queryResult.queryResults.rows.map((e, t) => {
+	}), { assets: y, error: b } = i(p, v), x = n("TableId", v), S = n("CountSql", v), C = n("Title", v), w = n("Summary", v), T = n("Link", v), E = s(() => v?.queryResult.queryResults.rows.map((e, t) => {
 		let n = e.values;
 		n.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
-		let r = S > -1 ? n[S] : void 0, i;
-		C > -1 && n[C] ? i = n[C] : r && (i = `SELECT * FROM ${r}`);
-		let a = n[w], o = n[T], s = n[E], c = b?.[t] ?? "";
+		let r = x > -1 ? n[x] : void 0, i;
+		S > -1 && n[S] ? i = n[S] : r && (i = `SELECT * FROM ${r}`);
+		let a = n[C], o = n[w], s = n[T], c = y?.[t] ?? "";
 		return {
 			countSql: i,
 			title: a,
 			summary: o,
 			link: s,
 			asset: c,
-			isAssetIcon: h
+			isAssetIcon: m
 		};
 	}), [
-		C,
-		b,
-		E,
-		y?.queryResult,
-		T,
 		S,
-		w
+		y,
+		T,
+		v?.queryResult,
+		w,
+		x,
+		C
 	]);
-	if (x) return /* @__PURE__ */ u(e, { error: x });
-	if (!D) return /* @__PURE__ */ u(l, {});
-	if (v) {
-		let e = `calc((100% - ${_ * 20 + (_ - 1) * 7}px) / ${_} - 0.5px)`;
+	if (b) return /* @__PURE__ */ u(e, { error: b });
+	if (!E) return /* @__PURE__ */ u(l, {});
+	if (_) {
+		let e = `calc((100% - ${g * 20 + (g - 1) * 7}px) / ${g} - 0.5px)`;
 		return /* @__PURE__ */ u(c, {
 			className: "Goals",
 			sx: {
@@ -58,21 +56,21 @@ function p(p) {
 				justifyContent: "center",
 				alignItems: "stretch"
 			},
-			children: D.map((t, n) => /* @__PURE__ */ u(a, {
+			children: E.map((t, n) => /* @__PURE__ */ u(a, {
 				...t,
-				linkText: g,
+				linkText: h,
 				cardWidth: e
 			}, n))
 		});
 	} else return /* @__PURE__ */ u("div", {
 		className: "Goals",
-		children: D.map((e, t) => /* @__PURE__ */ u(o, {
+		children: E.map((e, t) => /* @__PURE__ */ u(o, {
 			...e,
-			linkText: g
+			linkText: h
 		}, t))
 	});
 }
 //#endregion
-export { p as Goals, p as default };
+export { f as Goals, f as default };
 
 //# sourceMappingURL=Goals.js.map

package/dist/components/Goals/Goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"Goals.js","names":[],"sources":["../../../src/components/Goals/Goals.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport GoalsDesktop from './Goals.Desktop'\nimport GoalsMobile from './Goals.Mobile'\nimport { Box } from '@mui/material'\n\nexport type GoalsProps = {\n  entityId: string\n  isAssetIcon?: boolean // If true, the asset will be used as an icon instead of a background image.\n  linkText?: string\n  itemsPerRow?: number\n}\n\nexport type GoalsDataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n  isAssetIcon: boolean\n  linkText?: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALS_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport function Goals(props: GoalsProps) {\n  const { entityId, isAssetIcon = false, linkText, itemsPerRow = 3 } = props\n  const showDesktop = useShowDesktop(GOALS_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n            from ${entityId}\n            order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataProps = useMemo(() => {\n    return queryResultBundle?.queryResult!.queryResults.rows.map(\n      (el, index): GoalsDataProps => {\n        const values = el.values as string[]\n        if (values.some(value => value === null)) {\n          // We cast values above assuming there are no null values, emit a warning just in case.\n          console.warn('Row has null value(s) when no nulls expected')\n        }\n        const tableId =\n          tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n        let countSql\n        if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n          countSql = values[countSqlColumnIndex]\n        } else if (tableId) {\n          countSql = `SELECT * FROM ${tableId}`\n        }\n        const title = values[titleColumnIndex]\n        const summary = values[summaryColumnIndex]\n        const link = values[linkColumnIndex]\n        // assume that we recieve assets in order of rows and there is an asset for each item\n        // can revisit if this isn't the case.\n        const asset = goalAssets?.[index] ?? ''\n        return {\n          countSql,\n          title,\n          summary,\n          link,\n          asset,\n          isAssetIcon,\n        }\n      },\n    )\n  }, [\n    countSqlColumnIndex,\n    goalAssets,\n    linkColumnIndex,\n    queryResultBundle?.queryResult,\n    summaryColumnIndex,\n    tableIdColumnIndex,\n    titleColumnIndex,\n  ])\n\n  if (goalError) {\n    return <ErrorBanner error={goalError} />\n  }\n\n  if (!goalsDataProps) {\n    return <></>\n  }\n\n  if (showDesktop) {\n    // Each card has margin:10px (20px horizontal) from .Goals__Card CSS.\n    // flex-basis must be the content width only; total row = N*(flex-basis+20) + (N-1)*gap.\n    // Subtract 0.5px epsilon to absorb sub-pixel rounding and prevent wrapping.\n    const horizontalMarginPerCard = 20\n    const cardWidth = `calc((100% - ${\n      itemsPerRow * horizontalMarginPerCard + (itemsPerRow - 1) * 7\n    }px) / ${itemsPerRow} - 0.5px)`\n    return (\n      <Box\n        className={`Goals`}\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '7px',\n          justifyContent: 'center',\n          alignItems: 'stretch',\n        }}\n      >\n        {goalsDataProps.map((props, index) => (\n          <GoalsDesktop\n            key={index}\n            {...props}\n            linkText={linkText}\n            cardWidth={cardWidth}\n          />\n        ))}\n      </Box>\n    )\n  } else {\n    return (\n      <div className={`Goals`}>\n        {goalsDataProps.map((props, index) => (\n          <GoalsMobile key={index} {...props} linkText={linkText} />\n        ))}\n      </div>\n    )\n  }\n}\nexport default Goals\n"],"mappings":";;;;;;;;;;;;;AA6BA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,UAAU,WACV,EAAA,YAAY,YACZ,EAAA,QAAQ,SACR,EAAA,UAAU,WACV,EAAA,OAAO,QACP,EAAA,QAAQ;EANL,KAAA,EAAA,CAOJ,EAGK,IAA+B;AAErC,SAAgB,EAAM,GAAmB;CACvC,IAAM,EAAE,aAAU,iBAAc,IAAO,aAAU,iBAAc,MAAM,GAC/D,IAAc,EAAe,EAA6B,EAa1D,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;mBACQ,EAAS;iCAEvB;EAGuB,CAAmB,EAEvC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,EACD,EAEK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAsB,EAC1B,EAAgB,WAChB,EACD,EAEK,IAAmB,EACvB,EAAgB,OAChB,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAkB,EAAc,EAAgB,MAAM,EAAkB,EAExE,IAAiB,QACd,GAAmB,YAAa,aAAa,KAAK,KACtD,GAAI,MAA0B;EAC7B,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IAEtC,QAAQ,KAAK,+CAA+C;EAE9D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;AACJ,EAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IAGd,IAAQ,IAAa,MAAU;AACrC,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACD;GAEJ,EACA;EACD;EACA;EACA;EACA,GAAmB;EACnB;EACA;EACA;EACD,CAAC;AAEF,KAAI,EACF,QAAO,kBAAC,GAAD,EAAa,OAAO,GAAa,CAAA;AAG1C,KAAI,CAAC,EACH,QAAO,kBAAA,GAAA,EAAK,CAAA;AAGd,KAAI,GAAa;EAKf,IAAM,IAAY,gBAChB,IAAc,MAA2B,IAAc,KAAK,EAC7D,QAAQ,EAAY;AACrB,SACE,kBAAC,GAAD;GACE,WAAW;GACX,IAAI;IACF,SAAS;IACT,UAAU;IACV,KAAK;IACL,gBAAgB;IAChB,YAAY;IACb;aAEA,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;IAEE,GAAI;IACM;IACC;IACX,EAJK,EAIL,CACF;GACE,CAAA;OAGR,QACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAAyB,GAAI;GAAiB;GAAY,EAAxC,EAAwC,CAC1D;EACE,CAAA"}
+{"version":3,"file":"Goals.js","names":[],"sources":["../../../src/components/Goals/Goals.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport GoalsDesktop from './Goals.Desktop'\nimport GoalsMobile from './Goals.Mobile'\nimport { Box } from '@mui/material'\n\nexport type GoalsProps = {\n  entityId: string\n  isAssetIcon?: boolean // If true, the asset will be used as an icon instead of a background image.\n  linkText?: string\n  itemsPerRow?: number\n}\n\nexport type GoalsDataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n  isAssetIcon: boolean\n  linkText?: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALS_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport function Goals(props: GoalsProps) {\n  const { entityId, isAssetIcon = false, linkText, itemsPerRow = 3 } = props\n  const showDesktop = useShowDesktop(GOALS_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n            from ${entityId}\n            order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataProps = useMemo(() => {\n    return queryResultBundle?.queryResult!.queryResults.rows.map(\n      (el, index): GoalsDataProps => {\n        const values = el.values as string[]\n        if (values.some(value => value === null)) {\n          // We cast values above assuming there are no null values, emit a warning just in case.\n          console.warn('Row has null value(s) when no nulls expected')\n        }\n        const tableId =\n          tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n        let countSql\n        if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n          countSql = values[countSqlColumnIndex]\n        } else if (tableId) {\n          countSql = `SELECT * FROM ${tableId}`\n        }\n        const title = values[titleColumnIndex]\n        const summary = values[summaryColumnIndex]\n        const link = values[linkColumnIndex]\n        // assume that we recieve assets in order of rows and there is an asset for each item\n        // can revisit if this isn't the case.\n        const asset = goalAssets?.[index] ?? ''\n        return {\n          countSql,\n          title,\n          summary,\n          link,\n          asset,\n          isAssetIcon,\n        }\n      },\n    )\n  }, [\n    countSqlColumnIndex,\n    goalAssets,\n    linkColumnIndex,\n    queryResultBundle?.queryResult,\n    summaryColumnIndex,\n    tableIdColumnIndex,\n    titleColumnIndex,\n  ])\n\n  if (goalError) {\n    return <ErrorBanner error={goalError} />\n  }\n\n  if (!goalsDataProps) {\n    return <></>\n  }\n\n  if (showDesktop) {\n    // Each card has margin:10px (20px horizontal) from .Goals__Card CSS.\n    // flex-basis must be the content width only; total row = N*(flex-basis+20) + (N-1)*gap.\n    // Subtract 0.5px epsilon to absorb sub-pixel rounding and prevent wrapping.\n    const horizontalMarginPerCard = 20\n    const cardWidth = `calc((100% - ${\n      itemsPerRow * horizontalMarginPerCard + (itemsPerRow - 1) * 7\n    }px) / ${itemsPerRow} - 0.5px)`\n    return (\n      <Box\n        className={`Goals`}\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '7px',\n          justifyContent: 'center',\n          alignItems: 'stretch',\n        }}\n      >\n        {goalsDataProps.map((props, index) => (\n          <GoalsDesktop\n            key={index}\n            {...props}\n            linkText={linkText}\n            cardWidth={cardWidth}\n          />\n        ))}\n      </Box>\n    )\n  } else {\n    return (\n      <div className={`Goals`}>\n        {goalsDataProps.map((props, index) => (\n          <GoalsMobile key={index} {...props} linkText={linkText} />\n        ))}\n      </div>\n    )\n  }\n}\nexport default Goals\n"],"mappings":";;;;;;;;;;;;;AAuCA,IAAM,IAA+B;AAErC,SAAgB,EAAM,GAAmB;CACvC,IAAM,EAAE,aAAU,iBAAc,IAAO,aAAU,iBAAc,MAAM,GAC/D,IAAc,EAAe,CAA4B,GAazD,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;mBACQ,EAAS;gCAExB;CAGwB,CAAkB,GAEtC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,CACF,GAEM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAsB,EAAA,YAE1B,CACF,GAEM,IAAmB,EAAA,SAEvB,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAkB,EAAA,QAAoC,CAAiB,GAEvE,IAAiB,QACd,GAAmB,YAAa,aAAa,KAAK,KACtD,GAAI,MAA0B;EAC7B,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;EAE7D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;EACJ,AAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IAGd,IAAQ,IAAa,MAAU;EACrC,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;CACF,CACF,GACC;EACD;EACA;EACA;EACA,GAAmB;EACnB;EACA;EACA;CACF,CAAC;CAED,IAAI,GACF,OAAO,kBAAC,GAAD,EAAa,OAAO,EAAY,CAAA;CAGzC,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAGb,IAAI,GAAa;EAKf,IAAM,IAAY,gBAChB,IAAc,MAA2B,IAAc,KAAK,EAC7D,QAAQ,EAAY;EACrB,OACE,kBAAC,GAAD;GACE,WAAW;GACX,IAAI;IACF,SAAS;IACT,UAAU;IACV,KAAK;IACL,gBAAgB;IAChB,YAAY;GACd;aAEC,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;IAEE,GAAI;IACM;IACC;GACZ,GAJM,CAIN,CACF;EACE,CAAA;CAET,OACE,OACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAAyB,GAAI;GAAiB;EAAW,GAAvC,CAAuC,CAC1D;CACE,CAAA;AAGX"}

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

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.Desktop.js","names":[],"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"],"mappings":";;;;;AAMA,SAAwB,EAAe,EACrC,UACA,SACA,aACA,YACmB;AACnB,QACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,UAAU;GACV,QAAQ;GACR,iBAAiB;GACjB,aAAa;GACb,WAAW;GACZ;YAED,kBAAC,GAAD;GAAgB,eAAe,OAAO,KAAK,GAAM,QAAQ;aAAzD,CACE,kBAAC,GAAD;IACE,WAAU;IACV,IAAI;KAAE,QAAQ;KAAK,OAAO;KAAQ,UAAU;KAAG,UAAU;KAAW;IACpE,OAAO;IACP,KAAK;IACL,CAAA,EACF,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,gBAAgB;KACjB;cALH;KAOE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,aAAa;OAAG,UAAU;OAAQ,YAAY;OAAK;gBAExD,KACC,kBAAC,GAAD;OAAY,QAAQ;OAAO,OAAO,EAAE,KAAK,GAAU;OAAI,CAAA;MAE9C,CAAA;KACb,kBAAC,GAAD;MAAY,SAAQ;gBAAS;MAAmB,CAAA;KAChD,kBAAC,GAAD,EAAkB,IAAI,EAAE,OAAO,gBAAgB,EAAI,CAAA;KACvC;MACC;;EACZ,CAAA"}
+{"version":3,"file":"GoalsV2.Desktop.js","names":[],"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"],"mappings":";;;;;AAMA,SAAwB,EAAe,EACrC,UACA,SACA,aACA,YACmB;CACnB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,UAAU;GACV,QAAQ;GACR,iBAAiB;GACjB,aAAa;GACb,WAAW;EACb;YAEA,kBAAC,GAAD;GAAgB,eAAe,OAAO,KAAK,GAAM,OAAO;aAAxD,CACE,kBAAC,GAAD;IACE,WAAU;IACV,IAAI;KAAE,QAAQ;KAAK,OAAO;KAAQ,UAAU;KAAG,UAAU;IAAU;IACnE,OAAO;IACP,KAAK;GACN,CAAA,GACD,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;cALF;KAOE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,aAAa;OAAG,UAAU;OAAQ,YAAY;MAAI;gBAEvD,KACC,kBAAC,GAAD;OAAY,QAAQ;OAAO,OAAO,EAAE,KAAK,EAAS;MAAI,CAAA;KAE9C,CAAA;KACZ,kBAAC,GAAD;MAAY,SAAQ;gBAAS;KAAkB,CAAA;KAC/C,kBAAC,GAAD,EAAkB,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;IACvC;KACC;;CACZ,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.Mobile.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.Mobile.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV2Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV2DataProps) {\n  const titleElement = (\n    <div>\n      {countSql && (\n        <span>\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;AAmBnB,QAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD,EAAA,UAAA,CACG,KACC,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GAAY,QAAQ;GAAO,OAAO,EAAE,KAAK,GAAU;GAAI,CAAA,EAClD,CAAA,EAET,kBAAC,QAAD,EAAA,UAAA;GAAM;GAAE;GAAM;GAAQ,EAAA,CAAA,CAClB,EAAA,CAUyB;EAAuB,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;GAEjD,CAAA,CACL,EAAA,CAEgD;EAAW,CAAA"}
+{"version":3,"file":"GoalsV2.Mobile.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.Mobile.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV2Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV2DataProps) {\n  const titleElement = (\n    <div>\n      {countSql && (\n        <span>\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;CAmBnB,OAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD,EAAA,UAAA,CACG,KACC,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GAAY,QAAQ;GAAO,OAAO,EAAE,KAAK,EAAS;EAAI,CAAA,EAClD,CAAA,GAER,kBAAC,QAAD,EAAA,UAAA;GAAM;GAAE;GAAM;EAAO,EAAA,CAAA,CAClB,EAAA,CAU0B;EAAuB,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,EAAW,CAAA,GACf,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;EAElD,CAAA,CACL,EAAA,CAEiD;CAAU,CAAA;AACpE"}

package/dist/components/GoalsV2/GoalsV2.js

@@ -11,20 +11,18 @@ import s from "./GoalsV2.Mobile.js";
 import { Box as c, alpha as l } from "@mui/material";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/GoalsV2/GoalsV2.tsx
-var f = /* @__PURE__ */ function(e) {
-	return e.TABLEID = "TableId", e.COUNT_SQL = "CountSql", e.TITLE = "Title", e.SUMMARY = "Summary", e.LINK = "Link", e.ASSET = "Asset", e;
-}(f || {}), p = 1200, m = (m) => {
-	let { entityId: h, dataLink: g } = m, _ = t(p), { data: v } = r({
+var f = 1200, p = (p) => {
+	let { entityId: m, dataLink: h } = p, g = t(f), { data: _ } = r({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: h,
+		entityId: m,
 		partMask: 5,
-		query: { sql: `select * from ${h} order by ItemOrder` }
-	}), { assets: y, error: b } = i(h, v), x = n(f.TABLEID, v), S = n(f.COUNT_SQL, v), C = n(f.TITLE, v), w = n(f.SUMMARY, v), T = n(f.LINK, v), E = v?.queryResult.queryResults.rows.map((e, t) => {
+		query: { sql: `select * from ${m} order by ItemOrder` }
+	}), { assets: v, error: y } = i(m, _), b = n("TableId", _), x = n("CountSql", _), S = n("Title", _), C = n("Summary", _), w = n("Link", _), T = _?.queryResult.queryResults.rows.map((e, t) => {
 		let n = e.values;
 		n.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
-		let r = x > -1 ? n[x] : void 0, i;
-		S > -1 && n[S] ? i = n[S] : r && (i = `SELECT * FROM ${r}`);
-		let a = n[C], o = n[w], s = n[T], c = y?.[t] ?? "";
+		let r = b > -1 ? n[b] : void 0, i;
+		x > -1 && n[x] ? i = n[x] : r && (i = `SELECT * FROM ${r}`);
+		let a = n[S], o = n[C], s = n[w], c = v?.[t] ?? "";
 		return {
 			countSql: i,
 			title: a,
@@ -32,7 +30,7 @@ var f = /* @__PURE__ */ function(e) {
 			link: s,
 			asset: c
 		};
-	}) ?? [], D = _ ? o : s;
+	}) ?? [], E = g ? o : s;
 	return /* @__PURE__ */ d(c, {
 		sx: {
 			minHeight: "560px",
@@ -46,7 +44,7 @@ var f = /* @__PURE__ */ function(e) {
 				centered: !0,
 				title: "What's in the Portal?",
 				buttonText: "Start Exploring Data",
-				link: g,
+				link: h,
 				sx: (e) => ({
 					h2: { borderColor: l(e.palette.primary.main, .2) },
 					a: {
@@ -55,22 +53,22 @@ var f = /* @__PURE__ */ function(e) {
 					}
 				})
 			}),
-			b && /* @__PURE__ */ u(e, { error: b }),
+			y && /* @__PURE__ */ u(e, { error: y }),
 			/* @__PURE__ */ u("div", {
 				className: "Goals",
 				children: /* @__PURE__ */ u(c, {
 					sx: {
 						display: "flex",
 						justifyContent: "space-between",
-						flexDirection: _ ? "row" : "column"
+						flexDirection: g ? "row" : "column"
 					},
-					children: E.map((e, t) => /* @__PURE__ */ u(D, { ...e }, t))
+					children: T.map((e, t) => /* @__PURE__ */ u(E, { ...e }, t))
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { m as GoalsV2, m as default };
+export { p as GoalsV2, p as default };
 
 //# sourceMappingURL=GoalsV2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { alpha, Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport PortalSectionHeader from '../PortalSectionHeader'\nimport GoalsV2Desktop from './GoalsV2.Desktop'\nimport GoalsV2Mobile from './GoalsV2.Mobile'\n\nexport type GoalsV2Props = {\n  entityId: string\n  dataLink: string\n}\n\nexport type GoalsV2DataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport const GoalsV2: React.FC<GoalsV2Props> = (props: GoalsV2Props) => {\n  const { entityId, dataLink } = props\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId} order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataArray: GoalsV2DataProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map((el, index) => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const asset = goalAssets?.[index] ?? ''\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        asset,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV2Desktop : GoalsV2Mobile\n\n  return (\n    <Box\n      sx={{\n        minHeight: '560px',\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <PortalSectionHeader\n        centered\n        title=\"What's in the Portal?\"\n        buttonText=\"Start Exploring Data\"\n        link={dataLink}\n        sx={theme => ({\n          h2: { borderColor: alpha(theme.palette.primary.main, 0.2) },\n          a: { marginTop: '24px', marginBottom: '30px' },\n        })}\n      />\n      {goalError && <ErrorBanner error={goalError} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            flexDirection: showDesktop ? 'row' : 'column',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV2\n"],"mappings":";;;;;;;;;;;;;AAyBA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,UAAU,WACV,EAAA,YAAY,YACZ,EAAA,QAAQ,SACR,EAAA,UAAU,WACV,EAAA,OAAO,QACP,EAAA,QAAQ;EANL,KAAA,EAAA,CAOJ,EAGK,IAAiC,MAE1B,KAAmC,MAAwB;CACtE,IAAM,EAAE,aAAU,gBAAa,GACzB,IAAc,EAAe,EAA+B,EAW5D,EAAE,MAAM,MACZ,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,iBAAiB,EAAS,sBAChC;EAGuB,CAAmB,EAEvC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAsB,EAC1B,EAAgB,WAChB,EACD,EAEK,IAAmB,EACvB,EAAgB,OAChB,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAkB,EAAc,EAAgB,MAAM,EAAkB,EAExE,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAK,GAAI,MAAU;EACnE,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KAAK,+CAA+C;EAE9D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;AACJ,EAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAQ,IAAa,MAAU;AACrC,SAAO;GACL;GACA;GACA;GACA;GACA;GACD;GACD,IAAI,EAAE,EAEJ,IAAmB,IAAc,IAAiB;AAExD,QACE,kBAAC,GAAD;EACE,IAAI;GACF,WAAW;GACX,SAAS;IAAE,IAAI;IAAQ,IAAI;IAAQ;GACpC;YAJH;GAME,kBAAC,GAAD;IACE,UAAA;IACA,OAAM;IACN,YAAW;IACX,MAAM;IACN,KAAI,OAAU;KACZ,IAAI,EAAE,aAAa,EAAM,EAAM,QAAQ,QAAQ,MAAM,GAAI,EAAE;KAC3D,GAAG;MAAE,WAAW;MAAQ,cAAc;MAAQ;KAC/C;IACD,CAAA;GACD,KAAa,kBAAC,GAAD,EAAa,OAAO,GAAa,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;MAChB,eAAe,IAAc,QAAQ;MACtC;eAEA,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,GAAO,EAAlB,EAAkB,CACzC;KACE,CAAA;IACF,CAAA;GACF"}
+{"version":3,"file":"GoalsV2.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { alpha, Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport PortalSectionHeader from '../PortalSectionHeader'\nimport GoalsV2Desktop from './GoalsV2.Desktop'\nimport GoalsV2Mobile from './GoalsV2.Mobile'\n\nexport type GoalsV2Props = {\n  entityId: string\n  dataLink: string\n}\n\nexport type GoalsV2DataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport const GoalsV2: React.FC<GoalsV2Props> = (props: GoalsV2Props) => {\n  const { entityId, dataLink } = props\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId} order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataArray: GoalsV2DataProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map((el, index) => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const asset = goalAssets?.[index] ?? ''\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        asset,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV2Desktop : GoalsV2Mobile\n\n  return (\n    <Box\n      sx={{\n        minHeight: '560px',\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <PortalSectionHeader\n        centered\n        title=\"What's in the Portal?\"\n        buttonText=\"Start Exploring Data\"\n        link={dataLink}\n        sx={theme => ({\n          h2: { borderColor: alpha(theme.palette.primary.main, 0.2) },\n          a: { marginTop: '24px', marginBottom: '30px' },\n        })}\n      />\n      {goalError && <ErrorBanner error={goalError} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            flexDirection: showDesktop ? 'row' : 'column',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV2\n"],"mappings":";;;;;;;;;;;;;AAmCA,IAAM,IAAiC,MAE1B,KAAmC,MAAwB;CACtE,IAAM,EAAE,aAAU,gBAAa,GACzB,IAAc,EAAe,CAA8B,GAW3D,EAAE,MAAM,MACZ,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,iBAAiB,EAAS,qBACjC;CAGwB,CAAkB,GAEtC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAsB,EAAA,YAE1B,CACF,GAEM,IAAmB,EAAA,SAEvB,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAkB,EAAA,QAAoC,CAAiB,GAEvE,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAK,GAAI,MAAU;EACnE,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAE7D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;EACJ,AAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAQ,IAAa,MAAU;EACrC,OAAO;GACL;GACA;GACA;GACA;GACA;EACF;CACF,CAAC,KAAK,CAAC,GAEH,IAAmB,IAAc,IAAiB;CAExD,OACE,kBAAC,GAAD;EACE,IAAI;GACF,WAAW;GACX,SAAS;IAAE,IAAI;IAAQ,IAAI;GAAO;EACpC;YAJF;GAME,kBAAC,GAAD;IACE,UAAA;IACA,OAAM;IACN,YAAW;IACX,MAAM;IACN,KAAI,OAAU;KACZ,IAAI,EAAE,aAAa,EAAM,EAAM,QAAQ,QAAQ,MAAM,EAAG,EAAE;KAC1D,GAAG;MAAE,WAAW;MAAQ,cAAc;KAAO;IAC/C;GACD,CAAA;GACA,KAAa,kBAAC,GAAD,EAAa,OAAO,EAAY,CAAA;GAC9C,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;MAChB,eAAe,IAAc,QAAQ;KACvC;eAEC,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,EAAM,GAAjB,CAAiB,CACzC;IACE,CAAA;GACF,CAAA;EACF;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"GoalsV3.Desktop.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.Desktop.tsx"],"sourcesContent":["import { GoalsV3CardProps } from './GoalsV3'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Box, Stack, Typography, useTheme } from '@mui/material'\nimport { Card, CardActionArea } from '@mui/material'\n\nexport default function GoalsV3Desktop({\n  link,\n  countSql,\n  title,\n  svgIconComponent,\n}: GoalsV3CardProps) {\n  const theme = useTheme()\n  const SvgIconComponent = svgIconComponent\n  return (\n    <Card\n      sx={{\n        maxWidth: '470px',\n        display: 'flex',\n        flex: '1 0 0',\n        borderRadius: '3px',\n        '&:hover': {\n          border: `1px solid ${theme.palette.primary.main}`,\n        },\n      }}\n    >\n      <CardActionArea\n        onClick={() => window.open(link, '_self')}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          alignItems: 'center',\n          padding: '24px',\n          gap: '12px',\n        }}\n      >\n        {SvgIconComponent && (\n          <Box\n            sx={{\n              width: '42px',\n              height: '42px',\n              borderRadius: '50%',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              '.MuiCardActionArea-root:hover &': {\n                background: theme.palette.primary.main,\n                fill: '#FFF',\n              },\n            }}\n          >\n            <Box\n              component=\"span\"\n              sx={{\n                width: 24,\n                height: 24,\n                svg: {\n                  color: 'grey.700',\n                  '.MuiCardActionArea-root:hover &': {\n                    color: '#FFF !important',\n                  },\n                },\n              }}\n            >\n              <SvgIconComponent width={24} height={24} />\n            </Box>\n          </Box>\n        )}\n        <Stack sx={{ justifyContent: 'center', alignItems: 'center' }}>\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              fontSize: '21px',\n              lineHeight: '21px',\n              fontWeight: 700,\n              letterSpacing: '0.2px',\n            }}\n          >\n            {countSql && (\n              <QueryCount parens={false} query={{ sql: countSql }} />\n            )}\n          </Typography>\n          <Typography\n            variant=\"headline3\"\n            sx={{ fontWeight: 400, lineHeight: '27px' }}\n          >\n            {title}\n          </Typography>\n        </Stack>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"mappings":";;;;AAKA,SAAwB,EAAe,EACrC,SACA,aACA,UACA,uBACmB;CACnB,IAAM,IAAQ,GAAU,EAClB,IAAmB;AACzB,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,SAAS;GACT,MAAM;GACN,cAAc;GACd,WAAW,EACT,QAAQ,aAAa,EAAM,QAAQ,QAAQ,QAC5C;GACF;YAED,kBAAC,GAAD;GACE,eAAe,OAAO,KAAK,GAAM,QAAQ;GACzC,IAAI;IACF,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,SAAS;IACT,KAAK;IACN;aATH,CAWG,KACC,kBAAC,GAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;KACR,cAAc;KACd,SAAS;KACT,gBAAgB;KAChB,YAAY;KACZ,mCAAmC;MACjC,YAAY,EAAM,QAAQ,QAAQ;MAClC,MAAM;MACP;KACF;cAED,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,OAAO;MACP,QAAQ;MACR,KAAK;OACH,OAAO;OACP,mCAAmC,EACjC,OAAO,mBACR;OACF;MACF;eAED,kBAAC,GAAD;MAAkB,OAAO;MAAI,QAAQ;MAAM,CAAA;KACvC,CAAA;IACF,CAAA,EAER,kBAAC,GAAD;IAAO,IAAI;KAAE,gBAAgB;KAAU,YAAY;KAAU;cAA7D,CACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,eAAe;MAChB;eAEA,KACC,kBAAC,GAAD;MAAY,QAAQ;MAAO,OAAO,EAAE,KAAK,GAAU;MAAI,CAAA;KAE9C,CAAA,EACb,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MAAE,YAAY;MAAK,YAAY;MAAQ;eAE1C;KACU,CAAA,CACP;MACO;;EACZ,CAAA"}
+{"version":3,"file":"GoalsV3.Desktop.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.Desktop.tsx"],"sourcesContent":["import { GoalsV3CardProps } from './GoalsV3'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Box, Stack, Typography, useTheme } from '@mui/material'\nimport { Card, CardActionArea } from '@mui/material'\n\nexport default function GoalsV3Desktop({\n  link,\n  countSql,\n  title,\n  svgIconComponent,\n}: GoalsV3CardProps) {\n  const theme = useTheme()\n  const SvgIconComponent = svgIconComponent\n  return (\n    <Card\n      sx={{\n        maxWidth: '470px',\n        display: 'flex',\n        flex: '1 0 0',\n        borderRadius: '3px',\n        '&:hover': {\n          border: `1px solid ${theme.palette.primary.main}`,\n        },\n      }}\n    >\n      <CardActionArea\n        onClick={() => window.open(link, '_self')}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          alignItems: 'center',\n          padding: '24px',\n          gap: '12px',\n        }}\n      >\n        {SvgIconComponent && (\n          <Box\n            sx={{\n              width: '42px',\n              height: '42px',\n              borderRadius: '50%',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              '.MuiCardActionArea-root:hover &': {\n                background: theme.palette.primary.main,\n                fill: '#FFF',\n              },\n            }}\n          >\n            <Box\n              component=\"span\"\n              sx={{\n                width: 24,\n                height: 24,\n                svg: {\n                  color: 'grey.700',\n                  '.MuiCardActionArea-root:hover &': {\n                    color: '#FFF !important',\n                  },\n                },\n              }}\n            >\n              <SvgIconComponent width={24} height={24} />\n            </Box>\n          </Box>\n        )}\n        <Stack sx={{ justifyContent: 'center', alignItems: 'center' }}>\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              fontSize: '21px',\n              lineHeight: '21px',\n              fontWeight: 700,\n              letterSpacing: '0.2px',\n            }}\n          >\n            {countSql && (\n              <QueryCount parens={false} query={{ sql: countSql }} />\n            )}\n          </Typography>\n          <Typography\n            variant=\"headline3\"\n            sx={{ fontWeight: 400, lineHeight: '27px' }}\n          >\n            {title}\n          </Typography>\n        </Stack>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"mappings":";;;;AAKA,SAAwB,EAAe,EACrC,SACA,aACA,UACA,uBACmB;CACnB,IAAM,IAAQ,EAAS,GACjB,IAAmB;CACzB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,SAAS;GACT,MAAM;GACN,cAAc;GACd,WAAW,EACT,QAAQ,aAAa,EAAM,QAAQ,QAAQ,OAC7C;EACF;YAEA,kBAAC,GAAD;GACE,eAAe,OAAO,KAAK,GAAM,OAAO;GACxC,IAAI;IACF,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,SAAS;IACT,KAAK;GACP;aATF,CAWG,KACC,kBAAC,GAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;KACR,cAAc;KACd,SAAS;KACT,gBAAgB;KAChB,YAAY;KACZ,mCAAmC;MACjC,YAAY,EAAM,QAAQ,QAAQ;MAClC,MAAM;KACR;IACF;cAEA,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,OAAO;MACP,QAAQ;MACR,KAAK;OACH,OAAO;OACP,mCAAmC,EACjC,OAAO,kBACT;MACF;KACF;eAEA,kBAAC,GAAD;MAAkB,OAAO;MAAI,QAAQ;KAAK,CAAA;IACvC,CAAA;GACF,CAAA,GAEP,kBAAC,GAAD;IAAO,IAAI;KAAE,gBAAgB;KAAU,YAAY;IAAS;cAA5D,CACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,eAAe;KACjB;eAEC,KACC,kBAAC,GAAD;MAAY,QAAQ;MAAO,OAAO,EAAE,KAAK,EAAS;KAAI,CAAA;IAE9C,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MAAE,YAAY;MAAK,YAAY;KAAO;eAEzC;IACS,CAAA,CACP;KACO;;CACZ,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"GoalsV3.Mobile.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.Mobile.tsx"],"sourcesContent":["import { GoalsV3CardProps } from './GoalsV3'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV3Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV3CardProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;AAmBnB,QAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,EAET,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;KAAQ;MAC3D;IAUyB;EAAuB,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;GAEjD,CAAA,CACL,EAAA,CAEgD;EAAW,CAAA"}
+{"version":3,"file":"GoalsV3.Mobile.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.Mobile.tsx"],"sourcesContent":["import { GoalsV3CardProps } from './GoalsV3'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV3Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV3CardProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;CAmBnB,OAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,EAAS;IAAI,CAAA;GAClD,CAAA,GAER,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;IAAO;KAC3D;GAU0B;EAAuB,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,EAAW,CAAA,GACf,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;EAElD,CAAA,CACL,EAAA,CAEiD;CAAU,CAAA;AACpE"}

package/dist/components/GoalsV3/GoalsV3.js

@@ -12,22 +12,20 @@ import "react";
 import { Box as s } from "@mui/material";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/GoalsV3/GoalsV3.tsx
-var u = /* @__PURE__ */ function(e) {
-	return e.TABLEID = "TableId", e.COUNT_SQL = "CountSql", e.TITLE = "Title", e.SUMMARY = "Summary", e.LINK = "Link", e.ICON_KEY = "iconKey", e;
-}(u || {}), d = 1200, f = ({ entityId: f, svgComponentMap: p }) => {
-	let m = t(d), { data: h } = r({
+var u = 1200, d = ({ entityId: d, svgComponentMap: f }) => {
+	let p = t(u), { data: m } = r({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: f,
+		entityId: d,
 		partMask: 5,
 		query: { sql: `select *
-                from ${f}
+                from ${d}
                 order by ItemOrder` }
-	}), { error: g } = i(f, h), _ = n(u.TABLEID, h), v = n(u.COUNT_SQL, h), y = n(u.TITLE, h), b = n(u.SUMMARY, h), x = n(u.LINK, h), S = n(u.ICON_KEY, h), C = h?.queryResult.queryResults.rows.map((e) => {
+	}), { error: h } = i(d, m), g = n("TableId", m), _ = n("CountSql", m), v = n("Title", m), y = n("Summary", m), b = n("Link", m), x = n("iconKey", m), S = m?.queryResult.queryResults.rows.map((e) => {
 		let t = e.values;
 		t.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
-		let n = _ > -1 ? t[_] : void 0, r;
-		v > -1 && t[v] !== null ? r = t[v] : n && (r = `SELECT * FROM ${n}`);
-		let i = t[y], a = t[b], o = t[x], s = t[S], c = s ? p?.[s.toLowerCase().replace(/\s+/g, "_")] : void 0;
+		let n = g > -1 ? t[g] : void 0, r;
+		_ > -1 && t[_] !== null ? r = t[_] : n && (r = `SELECT * FROM ${n}`);
+		let i = t[v], a = t[y], o = t[b], s = t[x], c = s ? f?.[s.toLowerCase().replace(/\s+/g, "_")] : void 0;
 		return {
 			countSql: r,
 			title: i,
@@ -35,21 +33,21 @@ var u = /* @__PURE__ */ function(e) {
 			link: o,
 			svgIconComponent: c
 		};
-	}) ?? [], w = m ? a : o;
-	return /* @__PURE__ */ l(s, { children: [g && /* @__PURE__ */ c(e, { error: g }), /* @__PURE__ */ c("div", {
+	}) ?? [], C = p ? a : o;
+	return /* @__PURE__ */ l(s, { children: [h && /* @__PURE__ */ c(e, { error: h }), /* @__PURE__ */ c("div", {
 		className: "Goals",
 		children: /* @__PURE__ */ c(s, {
 			sx: {
 				display: "flex",
-				gap: m ? "10px" : "0",
-				flexDirection: m ? "row" : "column",
+				gap: p ? "10px" : "0",
+				flexDirection: p ? "row" : "column",
 				justifyContent: "center"
 			},
-			children: C.map((e, t) => /* @__PURE__ */ c(w, { ...e }, t))
+			children: S.map((e, t) => /* @__PURE__ */ c(C, { ...e }, t))
 		})
 	})] });
 };
 //#endregion
-export { f as default };
+export { d as default };
 
 //# sourceMappingURL=GoalsV3.js.map

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

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