synapse-react-client 4.0.5 → 4.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"GenericCard.js","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import { GenericCardTitle } from '@/components/GenericCard/GenericCardTitle'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Stack } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport React, { CSSProperties, forwardRef } from 'react'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport HeaderCard, { HeaderCardVariant } from '../HeaderCard'\nimport { CardFooter } from '../row_renderers/utils'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { FileHandleLink } from '../widgets/FileHandleLink'\nimport { CollapsibleDescription } from './CollapsibleDescription'\n\n/** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */\nexport type CTALinkConfig = {\n  text: React.ReactNode\n  href?: string\n  target?: string\n}\n\nexport type GenericCardProps = {\n  /** String representing the 'type' of object. This is displayed as a label on the card. */\n  type: string\n  /** The title displayed on the card. */\n  title: string\n  /** Optionally provide href/target if the title should be a link */\n  titleLinkConfiguration?: {\n    href: string\n    target: string\n  }\n  /** Optionally provide configuration if the title should be a link to a Synapse FileHandle */\n  titleAsFileHandleLinkConfiguration?: {\n    /** The FileHandleAssociation used to get access to the file handle */\n    fileHandleAssociation: FileHandleAssociation\n    /** Whether a 'download' icon should be shown */\n    showDownloadIcon: boolean\n  }\n  /** An optional subtitle to be displayed on the card */\n  subtitle?: string\n  /** An description to be displayed on the card */\n  description: string\n  /** An optional description subtitle to be displayed on the card */\n  descriptionSubTitle?: string\n  /** Configuration for altering the display of the description prop */\n  descriptionConfig?: DescriptionConfig\n  /** Optional slot for adding content to the top of the card */\n  cardTopContent?: React.ReactNode\n  /** Optional slot for adding action buttons to the top of the card */\n  cardTopButtons?: React.ReactNode\n  /** If true, a HeaderCard component will be rendered */\n  isHeader?: boolean\n  /** The variant of HeaderCard to render if `isHeader` is true */\n  headerCardVariant?: HeaderCardVariant\n  /** Set to true if the icon is an arbitrary image. The card styles will be updated to accommodate the image\n   * @default false */\n  useStylesForDisplayedImage?: boolean\n  /**\n   * The rendered icon on the card\n   */\n  icon: React.ReactNode\n  /**\n   * The card labels to be displayed in the footer of the card\n   */\n  labels?: CardLabel[]\n  /**\n   * The initial number of labels to display in the footer of the card\n   */\n  secondaryLabelLimit?: number\n  /**\n   * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.\n   */\n  ctaLinkConfig?: CTALinkConfig | CTALinkConfig[]\n  /**\n   * The rendered icon list on the card\n   */\n  renderedIconList?: React.ReactNode\n  /**\n   * Optional sustainability scorecard to be displayed on the header card\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /**\n   * Optional ReactNode to be rendered next to the card type\n   */\n  cardTypeAdornment?: React.ReactNode\n  /**\n   * Optional content to render to the right of the title/subtitle/description area.\n   */\n  titleAreaRightContent?: React.ReactNode\n  /**\n   * Character count threshold for truncating description\n   * @default 400\n   */\n  charCountCutoff?: number\n}\n\nconst EMPTY_CARD_LABEL_ARRAY: CardLabel[] = []\n\n/**\n * Generic portal card UI component with a predefined layout\n */\nexport const GenericCard = forwardRef(function GenericCard(\n  props: GenericCardProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    type,\n    title,\n    titleLinkConfiguration,\n    titleAsFileHandleLinkConfiguration,\n    subtitle,\n    description,\n    descriptionSubTitle = '',\n    descriptionConfig,\n    cardTopContent,\n    cardTopButtons,\n    isHeader = false,\n    headerCardVariant,\n    useStylesForDisplayedImage = false,\n    labels = EMPTY_CARD_LABEL_ARRAY,\n    secondaryLabelLimit,\n    ctaLinkConfig,\n    renderedIconList,\n    sustainabilityScorecard,\n    cardTypeAdornment,\n    titleAreaRightContent,\n    charCountCutoff,\n  } = props\n\n  const showFooter = labels.length > 0\n\n  const style: CSSProperties = {\n    // undefined, take default value from class\n    marginTop: isHeader ? '0px' : undefined,\n    marginBottom: isHeader ? '0px' : undefined,\n    paddingBottom:\n      showFooter || useStylesForDisplayedImage ? undefined : '15px',\n  }\n\n  if (isHeader) {\n    return (\n      <HeaderCard\n        ref={ref}\n        headerCardVariant={headerCardVariant}\n        descriptionConfig={descriptionConfig}\n        charCountCutoff={charCountCutoff}\n        title={title}\n        subTitle={subtitle}\n        description={description}\n        type={type}\n        icon={icon}\n        values={labels}\n        href={titleLinkConfiguration?.href}\n        target={titleLinkConfiguration?.target}\n        ctaLinkConfig={ctaLinkConfig}\n        isAlignToLeftNav={true}\n        secondaryLabelLimit={secondaryLabelLimit}\n        cardTopButtons={cardTopButtons}\n        cardTopContent={cardTopContent}\n        sustainabilityScorecard={sustainabilityScorecard}\n      />\n    )\n  }\n\n  return (\n    <div style={style} ref={ref} className={'SRC-portalCard'}>\n      <div className={'SRC-portalCardMain'}>\n        {icon}\n        <div className=\"SRC-cardContent\">\n          {cardTopButtons && (\n            <Box\n              sx={{\n                position: 'absolute',\n                right: '24px',\n                display: 'flex',\n                float: 'right',\n                flexDirection: 'row',\n                gap: '10px',\n              }}\n            >\n              {cardTopButtons}\n            </Box>\n          )}\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <div className=\"SRC-type\">{type}</div>\n            {cardTypeAdornment}\n          </Stack>\n          {renderedIconList}\n          <Box className=\"SRC-cardTitleArea\">\n            <Box sx={{ flex: 1, minWidth: 0 }}>\n              <div>\n                <h3\n                  className=\"SRC-boldText SRC-blackText\"\n                  style={{ margin: 'none' }}\n                >\n                  {!titleAsFileHandleLinkConfiguration && (\n                    <GenericCardTitle\n                      title={title}\n                      href={titleLinkConfiguration?.href}\n                      target={titleLinkConfiguration?.target}\n                    />\n                  )}\n                  {titleAsFileHandleLinkConfiguration && (\n                    <FileHandleLink\n                      fileHandleAssociation={\n                        titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                      }\n                      showDownloadIcon={\n                        titleAsFileHandleLinkConfiguration.showDownloadIcon\n                      }\n                      displayValue={title}\n                    />\n                  )}\n                </h3>\n              </div>\n              {subtitle && <div className=\"SRC-author\">{subtitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfig}\n              />\n              {ctaLinkConfig && (\n                <Box\n                  sx={{ mt: '20px', display: 'flex', gap: 2, flexWrap: 'wrap' }}\n                >\n                  {(Array.isArray(ctaLinkConfig)\n                    ? ctaLinkConfig\n                    : [ctaLinkConfig]\n                  ).map(\n                    (config, index) =>\n                      config.text &&\n                      config.href && (\n                        <SmartLink\n                          key={index}\n                          href={config.href}\n                          target={config.target}\n                        >\n                          {config.text}\n                        </SmartLink>\n                      ),\n                  )}\n                </Box>\n              )}\n            </Box>\n            {titleAreaRightContent && (\n              <div className=\"SRC-cardTitleAreaDetails\">\n                {titleAreaRightContent}\n              </div>\n            )}\n          </Box>\n        </div>\n      </div>\n      {showFooter && (\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={secondaryLabelLimit}\n          values={labels}\n          className={useStylesForDisplayedImage ? undefined : 'hasIcon'}\n          cardTopContent={cardTopContent}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default GenericCard\n"],"names":["EMPTY_CARD_LABEL_ARRAY","GenericCard","forwardRef","props","ref","icon","type","title","titleLinkConfiguration","titleAsFileHandleLinkConfiguration","subtitle","description","descriptionSubTitle","descriptionConfig","cardTopContent","cardTopButtons","isHeader","headerCardVariant","useStylesForDisplayedImage","labels","secondaryLabelLimit","ctaLinkConfig","renderedIconList","sustainabilityScorecard","cardTypeAdornment","titleAreaRightContent","charCountCutoff","showFooter","style","jsx","HeaderCard","jsxs","Box","Stack","GenericCardTitle","FileHandleLink","CollapsibleDescription","config","index","SmartLink","CardFooter"],"mappings":"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"}
+{"version":3,"file":"GenericCard.js","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import { GenericCardTitle } from '@/components/GenericCard/GenericCardTitle'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Stack } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport React, { CSSProperties, forwardRef } from 'react'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport HeaderCard, { HeaderCardVariant } from '../HeaderCard'\nimport { CardFooter } from '../row_renderers/utils'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { FileHandleLink } from '../widgets/FileHandleLink'\nimport { CollapsibleDescription } from './CollapsibleDescription'\n\n/** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */\nexport type CTALinkConfig = {\n  text: React.ReactNode\n  href?: string\n  target?: string\n}\n\nexport type GenericCardProps = {\n  /** String representing the 'type' of object. This is displayed as a label on the card. */\n  type: string\n  /** The title displayed on the card. */\n  title: string\n  /** Optionally provide href/target if the title should be a link */\n  titleLinkConfiguration?: {\n    href: string\n    target: string\n  }\n  /** Optionally provide configuration if the title should be a link to a Synapse FileHandle */\n  titleAsFileHandleLinkConfiguration?: {\n    /** The FileHandleAssociation used to get access to the file handle */\n    fileHandleAssociation: FileHandleAssociation\n    /** Whether a 'download' icon should be shown */\n    showDownloadIcon: boolean\n  }\n  /** An optional subtitle to be displayed on the card */\n  subtitle?: string\n  /** An description to be displayed on the card */\n  description: string\n  /** An optional description subtitle to be displayed on the card */\n  descriptionSubTitle?: string\n  /** Configuration for altering the display of the description prop */\n  descriptionConfig?: DescriptionConfig\n  /** Optional slot for adding content to the top of the card */\n  cardTopContent?: React.ReactNode\n  /** Optional slot for adding action buttons to the top of the card */\n  cardTopButtons?: React.ReactNode\n  /** If true, a HeaderCard component will be rendered */\n  isHeader?: boolean\n  /** The variant of HeaderCard to render if `isHeader` is true */\n  headerCardVariant?: HeaderCardVariant\n  /** Set to true if the icon is an arbitrary image. The card styles will be updated to accommodate the image\n   * @default false */\n  useStylesForDisplayedImage?: boolean\n  /**\n   * The rendered icon on the card\n   */\n  icon: React.ReactNode\n  /**\n   * The card labels to be displayed in the footer of the card\n   */\n  labels?: CardLabel[]\n  /**\n   * The initial number of labels to display in the footer of the card\n   */\n  secondaryLabelLimit?: number\n  /**\n   * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.\n   */\n  ctaLinkConfig?: CTALinkConfig | CTALinkConfig[]\n  /**\n   * The rendered icon list on the card\n   */\n  renderedIconList?: React.ReactNode\n  /**\n   * Optional sustainability scorecard to be displayed on the header card\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /**\n   * Optional ReactNode to be rendered next to the card type\n   */\n  cardTypeAdornment?: React.ReactNode\n  /**\n   * Optional content to render to the right of the title/subtitle/description area.\n   */\n  titleAreaRightContent?: React.ReactNode\n  /**\n   * Character count threshold for truncating description\n   * @default 400\n   */\n  charCountCutoff?: number\n}\n\nconst EMPTY_CARD_LABEL_ARRAY: CardLabel[] = []\n\n/**\n * Generic portal card UI component with a predefined layout\n */\nexport const GenericCard = forwardRef(function GenericCard(\n  props: GenericCardProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    type,\n    title,\n    titleLinkConfiguration,\n    titleAsFileHandleLinkConfiguration,\n    subtitle,\n    description,\n    descriptionSubTitle = '',\n    descriptionConfig,\n    cardTopContent,\n    cardTopButtons,\n    isHeader = false,\n    headerCardVariant,\n    useStylesForDisplayedImage = false,\n    labels = EMPTY_CARD_LABEL_ARRAY,\n    secondaryLabelLimit,\n    ctaLinkConfig,\n    renderedIconList,\n    sustainabilityScorecard,\n    cardTypeAdornment,\n    titleAreaRightContent,\n    charCountCutoff,\n  } = props\n\n  const showFooter = labels.length > 0\n\n  const style: CSSProperties = {\n    // undefined, take default value from class\n    marginTop: isHeader ? '0px' : undefined,\n    marginBottom: isHeader ? '0px' : undefined,\n    paddingBottom:\n      showFooter || useStylesForDisplayedImage ? undefined : '15px',\n  }\n\n  if (isHeader) {\n    return (\n      <HeaderCard\n        ref={ref}\n        headerCardVariant={headerCardVariant}\n        descriptionConfig={descriptionConfig}\n        charCountCutoff={charCountCutoff}\n        title={title}\n        subTitle={subtitle}\n        description={description}\n        type={type}\n        icon={icon}\n        values={labels}\n        href={titleLinkConfiguration?.href}\n        target={titleLinkConfiguration?.target}\n        ctaLinkConfig={ctaLinkConfig}\n        isAlignToLeftNav={true}\n        secondaryLabelLimit={secondaryLabelLimit}\n        cardTopButtons={cardTopButtons}\n        cardTopContent={cardTopContent}\n        sustainabilityScorecard={sustainabilityScorecard}\n      />\n    )\n  }\n\n  return (\n    <div style={style} ref={ref} className={'SRC-portalCard'}>\n      <div className={'SRC-portalCardMain'}>\n        {icon}\n        <div className=\"SRC-cardContent\">\n          {cardTopButtons && (\n            <Box\n              sx={{\n                position: 'absolute',\n                right: '24px',\n                display: 'flex',\n                float: 'right',\n                flexDirection: 'row',\n                gap: '10px',\n              }}\n            >\n              {cardTopButtons}\n            </Box>\n          )}\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <div className=\"SRC-type\">{type}</div>\n            {cardTypeAdornment}\n          </Stack>\n          {renderedIconList}\n          <Box className=\"SRC-cardTitleArea\">\n            <Box sx={{ flex: 1, minWidth: 0 }}>\n              <div>\n                <h3\n                  className=\"SRC-boldText SRC-blackText\"\n                  style={{ margin: 'none' }}\n                >\n                  {!titleAsFileHandleLinkConfiguration && (\n                    <GenericCardTitle\n                      title={title}\n                      href={titleLinkConfiguration?.href}\n                      target={titleLinkConfiguration?.target}\n                    />\n                  )}\n                  {titleAsFileHandleLinkConfiguration && (\n                    <FileHandleLink\n                      fileHandleAssociation={\n                        titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                      }\n                      showDownloadIcon={\n                        titleAsFileHandleLinkConfiguration.showDownloadIcon\n                      }\n                      displayValue={title}\n                    />\n                  )}\n                </h3>\n              </div>\n              {subtitle && <div className=\"SRC-author\">{subtitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfig}\n              />\n              {ctaLinkConfig && (\n                <Box\n                  sx={{ mt: '20px', display: 'flex', gap: 2, flexWrap: 'wrap' }}\n                >\n                  {(Array.isArray(ctaLinkConfig)\n                    ? ctaLinkConfig\n                    : [ctaLinkConfig]\n                  ).map(\n                    (config, index) =>\n                      config.text &&\n                      config.href && (\n                        <SmartLink\n                          key={index}\n                          href={config.href}\n                          target={config.target}\n                        >\n                          {config.text}\n                        </SmartLink>\n                      ),\n                  )}\n                </Box>\n              )}\n            </Box>\n            {titleAreaRightContent && (\n              <div className=\"SRC-cardTitleAreaDetails\">\n                {titleAreaRightContent}\n              </div>\n            )}\n          </Box>\n        </div>\n      </div>\n      {showFooter && (\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={secondaryLabelLimit}\n          values={labels}\n          className={useStylesForDisplayedImage ? undefined : 'hasIcon'}\n          cardTopContent={cardTopContent}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default GenericCard\n"],"names":["EMPTY_CARD_LABEL_ARRAY","GenericCard","forwardRef","props","ref","icon","type","title","titleLinkConfiguration","titleAsFileHandleLinkConfiguration","subtitle","description","descriptionSubTitle","descriptionConfig","cardTopContent","cardTopButtons","isHeader","headerCardVariant","useStylesForDisplayedImage","labels","secondaryLabelLimit","ctaLinkConfig","renderedIconList","sustainabilityScorecard","cardTypeAdornment","titleAreaRightContent","charCountCutoff","showFooter","style","jsx","HeaderCard","jsxs","Box","Stack","GenericCardTitle","FileHandleLink","CollapsibleDescription","config","index","SmartLink","CardFooter"],"mappings":"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"}

package/dist/components/HeaderCard.js

@@ -19,7 +19,6 @@ import "../assets/icons/standardDataModel.svg.js";
 import "../assets/icons/Challenge.svg.js";
 import "@mui/material/SvgIcon";
 import "../utils/SynapseConstants.js";
-import "../assets/ArcusBioIcon.svg.js";
 import "../assets/icons/AccessPending.svg.js";
 import "../assets/icons/AccessPendingCloud.svg.js";
 import "../assets/icons/FileWithShield.svg.js";
@@ -163,11 +162,11 @@ const B = C(function(e, o) {
       ] })
     }
   );
-}), xr = C(function(e, o) {
+}), gr = C(function(e, o) {
   const { headerCardVariant: a = "HeaderCard" } = e;
   return a === "HeaderCardV2" ? /* @__PURE__ */ r(L, { ...e, ref: o }) : /* @__PURE__ */ r(B, { ...e, ref: o });
 });
 export {
-  xr as default
+  gr as default
 };
 //# sourceMappingURL=HeaderCard.js.map

package/dist/components/HeaderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCard.js","sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    href,\n    target,\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    sx,\n  } = props\n\n  const hideIcon = Boolean(sustainabilityScorecard)\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? true,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={sx}\n    >\n      <div className=\"container-fluid container-full-width\">\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            float: 'right',\n          }}\n        >\n          {cardTopButtons}\n        </Box>\n        <div className=\"row\">\n          <div className=\"col-md-offset-1 col-md-10\">\n            <div className=\"SRC-portalCardMain\">\n              {!hideIcon && icon}\n              <Box\n                sx={{\n                  width: '100%',\n                  ...(hideIcon && {\n                    display: 'flex',\n                    flexDirection: { xs: 'column', sm: 'row' },\n                  }),\n                }}\n              >\n                <div className=\"SRC-cardContent\" style={{ marginLeft: '15px' }}>\n                  <div className=\"SRC-type\">{type}</div>\n                  <div>\n                    <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n                      {href ? (\n                        <SmartLink\n                          href={href ?? ''}\n                          className=\"highlight-link\"\n                          target={target}\n                        >\n                          {title}\n                        </SmartLink>\n                      ) : (\n                        <span>{title}</span>\n                      )}\n                    </h3>\n                  </div>\n                  {subTitle && <div className=\"SRC-author\"> {subTitle} </div>}\n                  <CollapsibleDescription\n                    description={description}\n                    descriptionSubTitle=\"\"\n                    descriptionConfig={descriptionConfiguration}\n                  />\n                  {sustainabilityScorecard && (\n                    <SustainabilityScorecard\n                      metricsConfig={sustainabilityScorecard.metricsConfig}\n                      searchParamKey={sustainabilityScorecard.searchParamKey}\n                      filterColumn={sustainabilityScorecard.filterColumn}\n                      scoreDescriptorColumnName={\n                        sustainabilityScorecard.scoreDescriptorColumnName\n                      }\n                      queryRequest={sustainabilityScorecard.queryRequest}\n                      sustainabilityReportLink={\n                        sustainabilityScorecard.sustainabilityReportLink\n                      }\n                      sx={{\n                        background: 'rgba(0, 0, 0, 0.10)',\n                        marginTop: '30px',\n                      }}\n                    />\n                  )}\n                </div>\n                {(values || cardTopContent) && (\n                  <>\n                    <div\n                      style={{\n                        borderTop: '1px solid rgba(26, 28, 41, 0.2)',\n                        marginTop: '15px',\n                        paddingTop: '5px',\n                      }}\n                    />\n                    <div className=\"SRC-cardContent\">\n                      {cardTopContent}\n                      {values && (\n                        <CardFooter\n                          isHeader={true}\n                          secondaryLabelLimit={secondaryLabelLimit}\n                          values={values}\n                        />\n                      )}\n                    </div>\n                  </>\n                )}\n              </Box>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"names":["HeaderCardClassic","forwardRef","props","ref","type","title","subTitle","description","values","secondaryLabelLimit","isAlignToLeftNav","descriptionConfig","href","target","icon","cardTopContent","cardTopButtons","sustainabilityScorecard","sx","hideIcon","descriptionConfiguration","useDocumentMetadata","jsx","Box","jsxs","SmartLink","CollapsibleDescription","SustainabilityScorecard","Fragment","CardFooter","HeaderCard","headerCardVariant","HeaderCardV2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAMA,IAAoBC,EAAW,SACnCC,GACAC,GACA;AACA,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,IAAAC;AAAA,EAAA,IACEhB,GAEEiB,IAAW,EAAQF,GACnBG,IAA8C;AAAA,IAClD,GAAGT;AAAA,IACH,8BACEA,GAAmB,gCAAgC;AAAA,EAAA;AAIvD,SAAAU,EAAoB;AAAA,IAClB,OAAAhB;AAAA,IACA,aAH0BE,KAAeD,KAAY;AAAA,IAIrD,UAAU;AAAA,EAAA,CACX,GAGC,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAApB;AAAA,MACA,WAAW,uCACTO,IAAmB,qBAAqB,EAC1C;AAAA,MACA,IAAAQ;AAAA,MAEA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,KAAK;AAAA,cACL,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAM,EAAC,OAAA,EAAI,WAAU,OACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,UAAA,CAACL,KAAYL;AAAA,UACd,gBAAAU;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,OAAO;AAAA,gBACP,GAAIJ,KAAY;AAAA,kBACd,SAAS;AAAA,kBACT,eAAe,EAAE,IAAI,UAAU,IAAI,MAAA;AAAA,gBAAM;AAAA,cAC3C;AAAA,cAGF,UAAA;AAAA,gBAAA,gBAAAK,EAAC,SAAI,WAAU,mBAAkB,OAAO,EAAE,YAAY,UACpD,UAAA;AAAA,kBAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAlB,GAAK;AAAA,kBAChC,gBAAAkB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,gBAAe,OAAO,EAAE,QAAQ,OAAA,GAC3C,UAAAV,IACC,gBAAAU;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,MAAMb,KAAQ;AAAA,sBACd,WAAU;AAAA,sBACV,QAAAC;AAAA,sBAEC,UAAAR;AAAA,oBAAA;AAAA,kBAAA,IAGH,gBAAAiB,EAAC,QAAA,EAAM,UAAAjB,EAAA,CAAM,GAEjB,GACF;AAAA,kBACCC,KAAY,gBAAAkB,EAAC,OAAA,EAAI,WAAU,cAAa,UAAA;AAAA,oBAAA;AAAA,oBAAElB;AAAA,oBAAS;AAAA,kBAAA,GAAC;AAAA,kBACrD,gBAAAgB;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,aAAAnB;AAAA,sBACA,qBAAoB;AAAA,sBACpB,mBAAmBa;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEpBH,KACC,gBAAAK;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,eAAeV,EAAwB;AAAA,sBACvC,gBAAgBA,EAAwB;AAAA,sBACxC,cAAcA,EAAwB;AAAA,sBACtC,2BACEA,EAAwB;AAAA,sBAE1B,cAAcA,EAAwB;AAAA,sBACtC,0BACEA,EAAwB;AAAA,sBAE1B,IAAI;AAAA,wBACF,YAAY;AAAA,wBACZ,WAAW;AAAA,sBAAA;AAAA,oBACb;AAAA,kBAAA;AAAA,gBACF,GAEJ;AAAA,iBACET,KAAUO,MACV,gBAAAS,EAAAI,GAAA,EACE,UAAA;AAAA,kBAAA,gBAAAN;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,wBACL,WAAW;AAAA,wBACX,WAAW;AAAA,wBACX,YAAY;AAAA,sBAAA;AAAA,oBACd;AAAA,kBAAA;AAAA,kBAEF,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACZ,UAAA;AAAA,oBAAAT;AAAA,oBACAP,KACC,gBAAAc;AAAA,sBAACO;AAAA,sBAAA;AAAA,wBACC,UAAU;AAAA,wBACV,qBAAApB;AAAA,wBACA,QAAAD;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACF,EAAA,CAEJ;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EAAA,CACF,GACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAEKsB,KAAa7B,EAAW,SAC5BC,GACAC,GACA;AACA,QAAM,EAAE,mBAAA4B,IAAoB,aAAA,IAAiB7B;AAC7C,SAAI6B,MAAsB,iBACjB,gBAAAT,EAACU,GAAA,EAAc,GAAG9B,GAAO,KAAAC,EAAA,CAAU,IAErC,gBAAAmB,EAACtB,GAAA,EAAmB,GAAGE,GAAO,KAAAC,EAAA,CAAU;AACjD,CAAC;"}
+{"version":3,"file":"HeaderCard.js","sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    href,\n    target,\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    sx,\n  } = props\n\n  const hideIcon = Boolean(sustainabilityScorecard)\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? true,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={sx}\n    >\n      <div className=\"container-fluid container-full-width\">\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            float: 'right',\n          }}\n        >\n          {cardTopButtons}\n        </Box>\n        <div className=\"row\">\n          <div className=\"col-md-offset-1 col-md-10\">\n            <div className=\"SRC-portalCardMain\">\n              {!hideIcon && icon}\n              <Box\n                sx={{\n                  width: '100%',\n                  ...(hideIcon && {\n                    display: 'flex',\n                    flexDirection: { xs: 'column', sm: 'row' },\n                  }),\n                }}\n              >\n                <div className=\"SRC-cardContent\" style={{ marginLeft: '15px' }}>\n                  <div className=\"SRC-type\">{type}</div>\n                  <div>\n                    <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n                      {href ? (\n                        <SmartLink\n                          href={href ?? ''}\n                          className=\"highlight-link\"\n                          target={target}\n                        >\n                          {title}\n                        </SmartLink>\n                      ) : (\n                        <span>{title}</span>\n                      )}\n                    </h3>\n                  </div>\n                  {subTitle && <div className=\"SRC-author\"> {subTitle} </div>}\n                  <CollapsibleDescription\n                    description={description}\n                    descriptionSubTitle=\"\"\n                    descriptionConfig={descriptionConfiguration}\n                  />\n                  {sustainabilityScorecard && (\n                    <SustainabilityScorecard\n                      metricsConfig={sustainabilityScorecard.metricsConfig}\n                      searchParamKey={sustainabilityScorecard.searchParamKey}\n                      filterColumn={sustainabilityScorecard.filterColumn}\n                      scoreDescriptorColumnName={\n                        sustainabilityScorecard.scoreDescriptorColumnName\n                      }\n                      queryRequest={sustainabilityScorecard.queryRequest}\n                      sustainabilityReportLink={\n                        sustainabilityScorecard.sustainabilityReportLink\n                      }\n                      sx={{\n                        background: 'rgba(0, 0, 0, 0.10)',\n                        marginTop: '30px',\n                      }}\n                    />\n                  )}\n                </div>\n                {(values || cardTopContent) && (\n                  <>\n                    <div\n                      style={{\n                        borderTop: '1px solid rgba(26, 28, 41, 0.2)',\n                        marginTop: '15px',\n                        paddingTop: '5px',\n                      }}\n                    />\n                    <div className=\"SRC-cardContent\">\n                      {cardTopContent}\n                      {values && (\n                        <CardFooter\n                          isHeader={true}\n                          secondaryLabelLimit={secondaryLabelLimit}\n                          values={values}\n                        />\n                      )}\n                    </div>\n                  </>\n                )}\n              </Box>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"names":["HeaderCardClassic","forwardRef","props","ref","type","title","subTitle","description","values","secondaryLabelLimit","isAlignToLeftNav","descriptionConfig","href","target","icon","cardTopContent","cardTopButtons","sustainabilityScorecard","sx","hideIcon","descriptionConfiguration","useDocumentMetadata","jsx","Box","jsxs","SmartLink","CollapsibleDescription","SustainabilityScorecard","Fragment","CardFooter","HeaderCard","headerCardVariant","HeaderCardV2"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { SvgIconProps } from '@mui/material/SvgIcon';
 import { EntityType } from '@sage-bionetworks/synapse-client';
-export declare const IconStrings: readonly ["accessOpen", "accessPending", "accessPendingCloud", "accessClosed", "actionKey", "arrowBack", "arrowForward", "arrowDropUp", "arrowDropDown", "article", "cards", "check", "clear", "cart", "clock", "code", "columns", "openInNewWindow", "dashboard", "delete", "deleteSweep", "filter", "addToCart", "addCircleOutline", "addCircleTwoTone", "reload", "team", "photoCamera", "info", "favTwoTone", "favOutline", "fav", "peopleTwoTone", "challengesTwoTone", "download", "searchOutlined", "search", "history", "time", "login", "helpChatBubble", "helpOutlined", "helpOutlineTwoTone", "expandLess", "expandMore", "rat", "chromatin", "clinical", "contentCopy", "data", "dataLocked", "geneExpression", "geneVariants", "github", "imaging", "inSilicoModel", "modelSystem", "bioChemicalPhysical", "computationalTool", "spatialProfiling", "dataReuse", "lineGraph", "kinomics", "proteomics", "packagableFile", "unpackagableFile", "other", "wiki", "file", "fileOutlined", "folder", "link", "linkOff", "table", "tableRows", "share", "public", "people", "entityview", "submissionview", "challenge", "discussion", "dataset", "datasetcollection", "docker", "accountCertified", "accountRegistered", "accountValidated", "warningOutlined", "removeCircle", "replyTwoTone", "chatTwoTone", "accessManagement", "chevronRight", "chevronLeft", "database", "close", "cross", "verticalEllipsis", "sync", "clipboard", "clipboardCheck", "add", "warning", "circle", "block", "checkCircle", "errorOutlined", "phone", "pushpin", "addBoxOutline", "minusBoxOutline", "italic", "bold", "title", "visibility", "visibilityOff", "strikethrough", "subscript", "superscript", "latex", "image", "edit", "tag", "restore", "label", "upload", "flag", "newFolder", "createVersion", "email", "addConditions", "sortUp", "sortDown", "orcid", "tasks", "google24", "arcusbio", "openInFull", "tableview", "fileWithShield", "baseline", "rosetteRibbon", "starTrophy", "awardScroll", "clappingHands", "podium", "openBook", "handWithMoney", "threeStars", "multiFile"];
+export declare const IconStrings: readonly ["accessOpen", "accessPending", "accessPendingCloud", "accessClosed", "actionKey", "arrowBack", "arrowForward", "arrowDropUp", "arrowDropDown", "article", "cards", "check", "clear", "cart", "clock", "code", "columns", "openInNewWindow", "dashboard", "delete", "deleteSweep", "filter", "addToCart", "addCircleOutline", "addCircleTwoTone", "reload", "team", "photoCamera", "info", "favTwoTone", "favOutline", "fav", "peopleTwoTone", "challengesTwoTone", "download", "searchOutlined", "search", "history", "time", "login", "helpChatBubble", "helpOutlined", "helpOutlineTwoTone", "expandLess", "expandMore", "rat", "chromatin", "clinical", "contentCopy", "data", "dataLocked", "geneExpression", "geneVariants", "github", "imaging", "inSilicoModel", "modelSystem", "bioChemicalPhysical", "computationalTool", "spatialProfiling", "dataReuse", "lineGraph", "kinomics", "proteomics", "packagableFile", "unpackagableFile", "other", "wiki", "file", "fileOutlined", "folder", "link", "linkOff", "table", "tableRows", "share", "public", "people", "entityview", "submissionview", "challenge", "discussion", "dataset", "datasetcollection", "docker", "accountCertified", "accountRegistered", "accountValidated", "warningOutlined", "removeCircle", "replyTwoTone", "chatTwoTone", "accessManagement", "chevronRight", "chevronLeft", "database", "close", "cross", "verticalEllipsis", "sync", "clipboard", "clipboardCheck", "add", "warning", "circle", "block", "checkCircle", "errorOutlined", "phone", "pushpin", "addBoxOutline", "minusBoxOutline", "italic", "bold", "title", "visibility", "visibilityOff", "strikethrough", "subscript", "superscript", "latex", "image", "edit", "tag", "restore", "label", "upload", "flag", "newFolder", "createVersion", "email", "addConditions", "sortUp", "sortDown", "orcid", "tasks", "google24", "openInFull", "tableview", "fileWithShield", "baseline", "rosetteRibbon", "starTrophy", "awardScroll", "clappingHands", "podium", "openBook", "handWithMoney", "threeStars", "multiFile", "publicVisibility", "openVisibility", "privateVisibility"];
 export type IconName = (typeof IconStrings)[number];
 export type IconSvgProps = {
     icon: IconName;

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

@@ -1 +1 @@
-{"version":3,"file":"IconSvg.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/IconSvg.tsx"],"names":[],"mappings":"AAoJA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAG7D,eAAO,MAAM,WAAW,k+DAwJd,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,QAAQ,CAAA;IAEd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,YAAY,CAAA;AAuUhB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2CnC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAczD,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"IconSvg.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/IconSvg.tsx"],"names":[],"mappings":"AAoJA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAG7D,eAAO,MAAM,WAAW,ihEA0Jd,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,QAAQ,CAAA;IAEd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,YAAY,CAAA;AAyUhB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2CnC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAczD,CAAA;AAED,eAAe,OAAO,CAAA"}