synapse-react-client 4.0.4 → 4.0.5-b

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorfulPortalCardWithChips.js","sources":["../../../../src/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.tsx"],"sourcesContent":["import MarkdownSynapse from '@/components/Markdown/MarkdownSynapse'\nimport { hashCode } from '@/utils/functions/StringUtils'\nimport { useImageUrl } from '@/utils/hooks/useImageUrlUtils'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { Box, Button, Chip, Stack, Typography } from '@mui/material'\nimport React from 'react'\nimport BasePortalCard from '../BasePortalCard'\nimport styles from './ColorfulPortalCardWithChips.module.scss'\n\ntype ColorfulPortalCardWithChipsProps = {\n  title?: string\n  subtitle?: string\n  description?: string\n  descriptionTitle?: string\n  learnMoreLink?: string\n  buttonOverrideText?: string\n  chips?: string[]\n  backgroundImage?: string\n  backgroundColor?: string\n  tag?: string\n  entityId?: string\n  borderRadiusPx?: number\n  cardSize?: 'small' | 'medium' | 'large'\n}\n\nconst colors = ['#F8CC7D', '#BFE8F4', '#CEFBDD']\n\nconst getChicletColors = (chips: string[]) => {\n  return chips.map(chip => {\n    const hash = hashCode(chip)\n    const index = Math.abs(hash) % colors.length\n    return colors[index]\n  })\n}\n\nconst Chips = ({ values }: { values: string[] }): React.ReactNode => {\n  const chipColors = getChicletColors(values)\n  return (\n    <Box className={styles.ColorfulPortalCardWithChips__chipsContainer}>\n      {values.map((chip, index) => (\n        <Chip\n          key={chip}\n          label={<Typography variant=\"smallText1\">{chip}</Typography>}\n          variant=\"filled\"\n          style={{ backgroundColor: chipColors[index] }}\n          className={styles.ChallengePortalCard__chip}\n        />\n      ))}\n    </Box>\n  )\n}\n\nconst ColorfulPortalCardWithChips = ({\n  title,\n  subtitle,\n  description,\n  descriptionTitle,\n  learnMoreLink,\n  buttonOverrideText,\n  chips,\n  backgroundImage,\n  backgroundColor,\n  tag,\n  entityId,\n  borderRadiusPx,\n  cardSize = 'medium',\n}: ColorfulPortalCardWithChipsProps): React.ReactNode => {\n  const imageUrl = useImageUrl(backgroundImage ?? '', entityId ?? '')\n  const backgroundImageValue = imageUrl ?? backgroundImage\n\n  return (\n    <BasePortalCard\n      cardSize={cardSize}\n      borderRadiusPx={borderRadiusPx}\n      backgroundImage={backgroundImageValue}\n      backgroundColor={backgroundColor || colors[0]}\n      contentBelowCard={chips && chips.length > 0 && <Chips values={chips} />}\n    >\n      <Stack className={styles.ColorfulPortalCardWithChips__sectionContainer}>\n        <Stack>\n          {tag && (\n            <Chip\n              color=\"secondary\"\n              variant=\"filled\"\n              className={styles.ColorfulPortalCardWithChips__registrationStatus}\n              sx={{ backgroundColor }}\n              label={tag}\n            />\n          )}\n          <Stack className={styles.ColorfulPortalCardWithChips__titleSection}>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__title}\n            >\n              {title}\n            </Typography>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__challengeName}\n            >\n              {subtitle}\n            </Typography>\n          </Stack>\n        </Stack>\n        <Stack className={styles.ColorfulPortalCardWithChips__bottomSection}>\n          {descriptionTitle && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__descriptionTitle}\n            >\n              {descriptionTitle}\n            </Typography>\n          )}\n          <Typography\n            variant=\"smallText1\"\n            className={styles.ColorfulPortalCardWithChips__description}\n          >\n            <MarkdownSynapse markdown={description ?? ''} />\n          </Typography>\n          {learnMoreLink && (\n            <Button\n              className={styles.ColorfulPortalCardWithChips__learnMoreButton}\n              variant=\"outlined\"\n              endIcon={<ArrowForwardIcon />}\n              href={learnMoreLink}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {buttonOverrideText ?? 'Learn more'}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </BasePortalCard>\n  )\n}\n\nexport default ColorfulPortalCardWithChips\n"],"names":["colors","getChicletColors","chips","chip","hash","hashCode","index","Chips","values","chipColors","jsx","Box","styles","Chip","Typography","ColorfulPortalCardWithChips","title","subtitle","description","descriptionTitle","learnMoreLink","buttonOverrideText","backgroundImage","backgroundColor","tag","entityId","borderRadiusPx","cardSize","backgroundImageValue","useImageUrl","BasePortalCard","jsxs","Stack","MarkdownSynapse","Button","ArrowForwardIcon"],"mappings":";;;;;;;;AAyBA,MAAMA,IAAS,CAAC,WAAW,WAAW,SAAS,GAEzCC,IAAmB,CAACC,MACjBA,EAAM,IAAI,CAAAC,MAAQ;AACvB,QAAMC,IAAOC,EAASF,CAAI,GACpBG,IAAQ,KAAK,IAAIF,CAAI,IAAIJ,EAAO;AACtC,SAAOA,EAAOM,CAAK;AACrB,CAAC,GAGGC,IAAQ,CAAC,EAAE,QAAAC,QAAoD;AACnE,QAAMC,IAAaR,EAAiBO,CAAM;AAC1C,SACE,gBAAAE,EAACC,KAAI,WAAWC,EAAO,6CACpB,UAAAJ,EAAO,IAAI,CAACL,GAAMG,MACjB,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,OAAO,gBAAAH,EAACI,GAAA,EAAW,SAAQ,cAAc,UAAAX,GAAK;AAAA,MAC9C,SAAQ;AAAA,MACR,OAAO,EAAE,iBAAiBM,EAAWH,CAAK,EAAA;AAAA,MAC1C,WAAWM,EAAO;AAAA,IAAA;AAAA,IAJbT;AAAA,EAAA,CAMR,GACH;AAEJ,GAEMY,IAA8B,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAnB;AAAA,EACA,iBAAAoB;AAAA,EACA,iBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAyD;AAEvD,QAAMC,IADWC,EAAYP,KAAmB,IAAIG,KAAY,EAAE,KACzBH;AAEzC,SACE,gBAAAZ;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,UAAAH;AAAA,MACA,gBAAAD;AAAA,MACA,iBAAiBE;AAAA,MACjB,iBAAiBL,KAAmBvB,EAAO,CAAC;AAAA,MAC5C,kBAAkBE,KAASA,EAAM,SAAS,KAAK,gBAAAQ,EAACH,GAAA,EAAM,QAAQL,GAAO;AAAA,MAErE,UAAA,gBAAA6B,EAACC,GAAA,EAAM,WAAWpB,EAAO,+CACvB,UAAA;AAAA,QAAA,gBAAAmB,EAACC,GAAA,EACE,UAAA;AAAA,UAAAR,KACC,gBAAAd;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,WAAWD,EAAO;AAAA,cAClB,IAAI,EAAE,iBAAAW,EAAA;AAAA,cACN,OAAOC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGX,gBAAAO,EAACC,GAAA,EAAM,WAAWpB,EAAO,2CACvB,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWF,EAAO;AAAA,gBAEjB,UAAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAEH,gBAAAN;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWF,EAAO;AAAA,gBAEjB,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAc,EAACC,GAAA,EAAM,WAAWpB,EAAO,4CACtB,UAAA;AAAA,UAAAO,KACC,gBAAAT;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAWF,EAAO;AAAA,cAEjB,UAAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAT;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAWF,EAAO;AAAA,cAElB,UAAA,gBAAAF,EAACuB,GAAA,EAAgB,UAAUf,KAAe,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/CE,KACC,gBAAAV;AAAA,YAACwB;AAAA,YAAA;AAAA,cACC,WAAWtB,EAAO;AAAA,cAClB,SAAQ;AAAA,cACR,2BAAUuB,GAAA,EAAiB;AAAA,cAC3B,MAAMf;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cAEH,UAAAC,KAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ColorfulPortalCardWithChips.js","sources":["../../../../src/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.tsx"],"sourcesContent":["import { ReactComponent as DefaultBackground } from '@/assets/DefaultColorfulPortalCardBackground.svg'\nimport MarkdownSynapse from '@/components/Markdown/MarkdownSynapse'\nimport { hashCode } from '@/utils/functions/StringUtils'\nimport { useImageUrl } from '@/utils/hooks/useImageUrlUtils'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { Box, Button, Chip, Stack, Typography } from '@mui/material'\nimport React from 'react'\nimport BasePortalCard from '../BasePortalCard'\nimport styles from './ColorfulPortalCardWithChips.module.scss'\n\ntype ColorfulPortalCardWithChipsProps = {\n  title?: string\n  subtitle?: string\n  description?: string\n  descriptionTitle?: string\n  learnMoreLink?: string\n  buttonOverrideText?: string\n  chips?: string[]\n  backgroundImage?: string\n  backgroundColor?: string\n  tag?: string\n  entityId?: string\n  borderRadiusPx?: number\n  cardSize?: 'small' | 'medium' | 'large'\n}\n\nconst colors = ['#F8CC7D', '#BFE8F4', '#CEFBDD']\n\nconst getChicletColors = (chips: string[]) => {\n  return chips.map(chip => {\n    const hash = hashCode(chip)\n    const index = Math.abs(hash) % colors.length\n    return colors[index]\n  })\n}\n\nconst Chips = ({ values }: { values: string[] }): React.ReactNode => {\n  const chipColors = getChicletColors(values)\n  return (\n    <Box className={styles.ColorfulPortalCardWithChips__chipsContainer}>\n      {values.map((chip, index) => (\n        <Chip\n          key={chip}\n          label={<Typography variant=\"smallText1\">{chip}</Typography>}\n          variant=\"filled\"\n          style={{ backgroundColor: chipColors[index] }}\n          className={styles.ChallengePortalCard__chip}\n        />\n      ))}\n    </Box>\n  )\n}\n\nconst ColorfulPortalCardWithChips = ({\n  title,\n  subtitle,\n  description,\n  descriptionTitle,\n  learnMoreLink,\n  buttonOverrideText,\n  chips,\n  backgroundImage,\n  backgroundColor,\n  tag,\n  entityId,\n  borderRadiusPx,\n  cardSize = 'medium',\n}: ColorfulPortalCardWithChipsProps): React.ReactNode => {\n  const imageUrl = useImageUrl(backgroundImage ?? '', entityId ?? '')\n  const backgroundImageValue = imageUrl || backgroundImage\n\n  return (\n    <BasePortalCard\n      cardSize={cardSize}\n      borderRadiusPx={borderRadiusPx}\n      backgroundImage={backgroundImageValue || <DefaultBackground />}\n      backgroundColor={backgroundColor || colors[0]}\n      contentBelowCard={chips && chips.length > 0 && <Chips values={chips} />}\n    >\n      <Stack className={styles.ColorfulPortalCardWithChips__sectionContainer}>\n        <Stack>\n          {tag && (\n            <Chip\n              color=\"secondary\"\n              variant=\"filled\"\n              className={styles.ColorfulPortalCardWithChips__registrationStatus}\n              sx={{ backgroundColor }}\n              label={tag}\n            />\n          )}\n          <Stack className={styles.ColorfulPortalCardWithChips__titleSection}>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__title}\n            >\n              {title}\n            </Typography>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__challengeName}\n            >\n              {subtitle}\n            </Typography>\n          </Stack>\n        </Stack>\n        <Stack className={styles.ColorfulPortalCardWithChips__bottomSection}>\n          {descriptionTitle && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__descriptionTitle}\n            >\n              {descriptionTitle}\n            </Typography>\n          )}\n          <Typography\n            variant=\"smallText1\"\n            className={styles.ColorfulPortalCardWithChips__description}\n          >\n            <MarkdownSynapse markdown={description ?? ''} />\n          </Typography>\n          {learnMoreLink && (\n            <Button\n              className={styles.ColorfulPortalCardWithChips__learnMoreButton}\n              variant=\"outlined\"\n              endIcon={<ArrowForwardIcon />}\n              href={learnMoreLink}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {buttonOverrideText ?? 'Learn more'}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </BasePortalCard>\n  )\n}\n\nexport default ColorfulPortalCardWithChips\n"],"names":["colors","getChicletColors","chips","chip","hash","hashCode","index","Chips","values","chipColors","jsx","Box","styles","Chip","Typography","ColorfulPortalCardWithChips","title","subtitle","description","descriptionTitle","learnMoreLink","buttonOverrideText","backgroundImage","backgroundColor","tag","entityId","borderRadiusPx","cardSize","backgroundImageValue","useImageUrl","BasePortalCard","DefaultBackground","jsxs","Stack","MarkdownSynapse","Button","ArrowForwardIcon"],"mappings":"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"}

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.module.scss

@@ -37,6 +37,8 @@
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow-wrap: break-word;
+  max-width: 225px;
+  font-weight: 600;
 }
 
 .ColorfulPortalCardWithChips__sectionTitle:global(.MuiTypography-root) {

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.module.scss.js

@@ -1,23 +1,23 @@
-import './ColorfulPortalCardWithChips.css';const o = "_ColorfulPortalCardWithChips__titleSection_1uazc_22", t = "_ColorfulPortalCardWithChips__title_1uazc_22", r = "_ColorfulPortalCardWithChips__challengeName_1uazc_52", l = "_ColorfulPortalCardWithChips__sectionContainer_1uazc_62", i = "_ColorfulPortalCardWithChips__bottomSection_1uazc_66", C = "_ColorfulPortalCardWithChips__descriptionTitle_1uazc_74", a = "_ColorfulPortalCardWithChips__registrationStatus_1uazc_83", _ = "_ColorfulPortalCardWithChips__chipsContainer_1uazc_92", h = "_ColorfulPortalCardWithChips__learnMoreButton_1uazc_99", s = "_ColorfulPortalCardWithChips__description_1uazc_74", e = {
+import './ColorfulPortalCardWithChips.css';const o = "_ColorfulPortalCardWithChips__titleSection_1mhpo_22", t = "_ColorfulPortalCardWithChips__title_1mhpo_22", r = "_ColorfulPortalCardWithChips__challengeName_1mhpo_54", l = "_ColorfulPortalCardWithChips__sectionContainer_1mhpo_64", i = "_ColorfulPortalCardWithChips__bottomSection_1mhpo_68", C = "_ColorfulPortalCardWithChips__descriptionTitle_1mhpo_76", _ = "_ColorfulPortalCardWithChips__registrationStatus_1mhpo_85", a = "_ColorfulPortalCardWithChips__chipsContainer_1mhpo_94", h = "_ColorfulPortalCardWithChips__learnMoreButton_1mhpo_101", s = "_ColorfulPortalCardWithChips__description_1mhpo_76", e = {
   ColorfulPortalCardWithChips__titleSection: o,
   ColorfulPortalCardWithChips__title: t,
   ColorfulPortalCardWithChips__challengeName: r,
   ColorfulPortalCardWithChips__sectionContainer: l,
   ColorfulPortalCardWithChips__bottomSection: i,
   ColorfulPortalCardWithChips__descriptionTitle: C,
-  ColorfulPortalCardWithChips__registrationStatus: a,
-  ColorfulPortalCardWithChips__chipsContainer: _,
+  ColorfulPortalCardWithChips__registrationStatus: _,
+  ColorfulPortalCardWithChips__chipsContainer: a,
   ColorfulPortalCardWithChips__learnMoreButton: h,
   ColorfulPortalCardWithChips__description: s
 };
 export {
   i as ColorfulPortalCardWithChips__bottomSection,
   r as ColorfulPortalCardWithChips__challengeName,
-  _ as ColorfulPortalCardWithChips__chipsContainer,
+  a as ColorfulPortalCardWithChips__chipsContainer,
   s as ColorfulPortalCardWithChips__description,
   C as ColorfulPortalCardWithChips__descriptionTitle,
   h as ColorfulPortalCardWithChips__learnMoreButton,
-  a as ColorfulPortalCardWithChips__registrationStatus,
+  _ as ColorfulPortalCardWithChips__registrationStatus,
   l as ColorfulPortalCardWithChips__sectionContainer,
   t as ColorfulPortalCardWithChips__title,
   o as ColorfulPortalCardWithChips__titleSection,

package/dist/components/SynapseHomepageV2/SynapsePartners.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePartners.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/SynapsePartners.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,4CA2D9B"}
+{"version":3,"file":"SynapsePartners.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/SynapsePartners.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,4CAiE9B"}

package/dist/components/SynapseHomepageV2/SynapsePartners.js

@@ -3,14 +3,14 @@ import { ReactComponent as o } from "../../assets/homepage/aacr.svg.js";
 import { ReactComponent as a } from "../../assets/homepage/cri.svg.js";
 import { ReactComponent as n } from "../../assets/homepage/ctf.svg.js";
 import { ReactComponent as f } from "../../assets/homepage/gff.svg.js";
-import { ReactComponent as m } from "../../assets/homepage/gray.svg.js";
-import { ReactComponent as l } from "../../assets/homepage/ml-commons.svg.js";
-import { ReactComponent as p } from "../../assets/homepage/nci.svg.js";
+import { ReactComponent as l } from "../../assets/homepage/gray.svg.js";
+import { ReactComponent as m } from "../../assets/homepage/ml-commons.svg.js";
+import { ReactComponent as p } from "../../assets/homepage/nih-nci.svg.js";
 import { ReactComponent as h } from "../../assets/homepage/nih-aging.svg.js";
 import { ReactComponent as i } from "../../assets/homepage/nih-heart.svg.js";
-import { ReactComponent as c } from "../../assets/homepage/nih-mental.svg.js";
-import { ReactComponent as w } from "../../assets/homepage/ntap.svg.js";
-import { ReactComponent as s } from "../../assets/homepage/sloan.svg.js";
+import { ReactComponent as s } from "../../assets/homepage/nih-nimh.svg.js";
+import { ReactComponent as c } from "../../assets/homepage/ntap.svg.js";
+import { ReactComponent as w } from "../../assets/homepage/sloan.svg.js";
 import { Box as e } from "@mui/material";
 function W() {
   return /* @__PURE__ */ r(e, { sx: { m: "auto", maxWidth: "1200px" }, children: /* @__PURE__ */ t(
@@ -21,10 +21,15 @@ function W() {
         flexWrap: "wrap",
         justifyContent: "center",
         alignItems: "center",
-        gap: "25px"
+        gap: "25px",
+        "& > a": {
+          display: "flex",
+          justifyContent: "center",
+          width: { xs: "100%", sm: "auto" }
+        }
       },
       children: [
-        /* @__PURE__ */ r("a", { href: "https://sloan.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(s, {}) }),
+        /* @__PURE__ */ r("a", { href: "https://sloan.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(w, {}) }),
         /* @__PURE__ */ r("a", { href: "https://www.aacr.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(o, {}) }),
         /* @__PURE__ */ r(
           "a",
@@ -45,13 +50,13 @@ function W() {
             children: /* @__PURE__ */ r(f, {})
           }
         ),
-        /* @__PURE__ */ r("a", { href: "http://grayfoundation.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(m, {}) }),
-        /* @__PURE__ */ r("a", { href: "https://mlcommons.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(l, {}) }),
+        /* @__PURE__ */ r("a", { href: "http://grayfoundation.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(l, {}) }),
+        /* @__PURE__ */ r("a", { href: "https://mlcommons.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(m, {}) }),
         /* @__PURE__ */ r("a", { href: "https://www.cancer.gov/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(p, {}) }),
         /* @__PURE__ */ r("a", { href: "https://www.nhlbi.nih.gov/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(i, {}) }),
         /* @__PURE__ */ r("a", { href: "https://www.nia.nih.gov/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(h, {}) }),
-        /* @__PURE__ */ r("a", { href: "https://www.nimh.nih.gov/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(c, {}) }),
-        /* @__PURE__ */ r("a", { href: "https://www.n-tap.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(w, {}) })
+        /* @__PURE__ */ r("a", { href: "https://www.nimh.nih.gov/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(s, {}) }),
+        /* @__PURE__ */ r("a", { href: "https://www.n-tap.org/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(c, {}) })
       ]
     }
   ) });

package/dist/components/SynapseHomepageV2/SynapsePartners.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePartners.js","sources":["../../../src/components/SynapseHomepageV2/SynapsePartners.tsx"],"sourcesContent":["import { ReactComponent as Aacr } from '@/assets/homepage/aacr.svg'\nimport { ReactComponent as Cri } from '@/assets/homepage/cri.svg'\nimport { ReactComponent as Ctf } from '@/assets/homepage/ctf.svg'\nimport { ReactComponent as Gff } from '@/assets/homepage/gff.svg'\nimport { ReactComponent as Gray } from '@/assets/homepage/gray.svg'\nimport { ReactComponent as MlCommons } from '@/assets/homepage/ml-commons.svg'\nimport { ReactComponent as Nci } from '@/assets/homepage/nci.svg'\nimport { ReactComponent as NihAging } from '@/assets/homepage/nih-aging.svg'\nimport { ReactComponent as NihHeart } from '@/assets/homepage/nih-heart.svg'\nimport { ReactComponent as NihMental } from '@/assets/homepage/nih-mental.svg'\nimport { ReactComponent as Ntap } from '@/assets/homepage/ntap.svg'\nimport { ReactComponent as Sloan } from '@/assets/homepage/sloan.svg'\nimport { Box } from '@mui/material'\n\nexport function SynapsePartners() {\n  return (\n    <Box sx={{ m: 'auto', maxWidth: '1200px' }}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: '25px',\n        }}\n      >\n        <a href=\"https://sloan.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Sloan />\n        </a>\n        <a href=\"https://www.aacr.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Aacr />\n        </a>\n        <a\n          href=\"https://www.cancerresearch.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Cri />\n        </a>\n        <a href=\"https://www.ctf.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ctf />\n        </a>\n        <a\n          href=\"https://gilbertfamilyfoundation.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Gff />\n        </a>\n        <a href=\"http://grayfoundation.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Gray />\n        </a>\n        <a href=\"https://mlcommons.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <MlCommons />\n        </a>\n        <a href=\"https://www.cancer.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <Nci />\n        </a>\n        <a href=\"https://www.nhlbi.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihHeart />\n        </a>\n        <a href=\"https://www.nia.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihAging />\n        </a>\n        <a href=\"https://www.nimh.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihMental />\n        </a>\n        <a href=\"https://www.n-tap.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ntap />\n        </a>\n      </Box>\n    </Box>\n  )\n}\n"],"names":["SynapsePartners","jsx","Box","jsxs","Sloan","Aacr","Cri","Ctf","Gff","Gray","MlCommons","Nci","NihHeart","NihAging","NihMental","Ntap"],"mappings":";;;;;;;;;;;;;;AAcO,SAASA,IAAkB;AAChC,SACE,gBAAAC,EAACC,KAAI,IAAI,EAAE,GAAG,QAAQ,UAAU,YAC9B,UAAA,gBAAAC;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,MAAA;AAAA,MAGP,UAAA;AAAA,QAAA,gBAAAD,EAAC,KAAA,EAAE,MAAK,sBAAqB,QAAO,UAAS,KAAI,cAC/C,UAAA,gBAAAA,EAACG,GAAA,CAAA,CAAM,EAAA,CACT;AAAA,QACA,gBAAAH,EAAC,KAAA,EAAE,MAAK,yBAAwB,QAAO,UAAS,KAAI,cAClD,UAAA,gBAAAA,EAACI,GAAA,CAAA,CAAK,EAAA,CACR;AAAA,QACA,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YAEJ,4BAACK,GAAA,CAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAL,EAAC,KAAA,EAAE,MAAK,wBAAuB,QAAO,UAAS,KAAI,cACjD,UAAA,gBAAAA,EAACM,GAAA,CAAA,CAAI,EAAA,CACP;AAAA,QACA,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YAEJ,4BAACO,GAAA,CAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAP,EAAC,KAAA,EAAE,MAAK,8BAA6B,QAAO,UAAS,KAAI,cACvD,UAAA,gBAAAA,EAACQ,GAAA,CAAA,CAAK,EAAA,CACR;AAAA,QACA,gBAAAR,EAAC,KAAA,EAAE,MAAK,0BAAyB,QAAO,UAAS,KAAI,cACnD,UAAA,gBAAAA,EAACS,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,QACA,gBAAAT,EAAC,KAAA,EAAE,MAAK,2BAA0B,QAAO,UAAS,KAAI,cACpD,UAAA,gBAAAA,EAACU,GAAA,CAAA,CAAI,EAAA,CACP;AAAA,QACA,gBAAAV,EAAC,KAAA,EAAE,MAAK,8BAA6B,QAAO,UAAS,KAAI,cACvD,UAAA,gBAAAA,EAACW,GAAA,CAAA,CAAS,EAAA,CACZ;AAAA,QACA,gBAAAX,EAAC,KAAA,EAAE,MAAK,4BAA2B,QAAO,UAAS,KAAI,cACrD,UAAA,gBAAAA,EAACY,GAAA,CAAA,CAAS,EAAA,CACZ;AAAA,QACA,gBAAAZ,EAAC,KAAA,EAAE,MAAK,6BAA4B,QAAO,UAAS,KAAI,cACtD,UAAA,gBAAAA,EAACa,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,QACA,gBAAAb,EAAC,KAAA,EAAE,MAAK,0BAAyB,QAAO,UAAS,KAAI,cACnD,UAAA,gBAAAA,EAACc,GAAA,CAAA,CAAK,EAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"SynapsePartners.js","sources":["../../../src/components/SynapseHomepageV2/SynapsePartners.tsx"],"sourcesContent":["import { ReactComponent as Aacr } from '@/assets/homepage/aacr.svg'\nimport { ReactComponent as Cri } from '@/assets/homepage/cri.svg'\nimport { ReactComponent as Ctf } from '@/assets/homepage/ctf.svg'\nimport { ReactComponent as Gff } from '@/assets/homepage/gff.svg'\nimport { ReactComponent as Gray } from '@/assets/homepage/gray.svg'\nimport { ReactComponent as MlCommons } from '@/assets/homepage/ml-commons.svg'\nimport { ReactComponent as Nci } from '@/assets/homepage/nih-nci.svg'\nimport { ReactComponent as NihAging } from '@/assets/homepage/nih-aging.svg'\nimport { ReactComponent as NihHeart } from '@/assets/homepage/nih-heart.svg'\nimport { ReactComponent as NihMental } from '@/assets/homepage/nih-nimh.svg'\nimport { ReactComponent as Ntap } from '@/assets/homepage/ntap.svg'\nimport { ReactComponent as Sloan } from '@/assets/homepage/sloan.svg'\nimport { Box } from '@mui/material'\n\nexport function SynapsePartners() {\n  return (\n    <Box sx={{ m: 'auto', maxWidth: '1200px' }}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: '25px',\n\n          '& > a': {\n            display: 'flex',\n            justifyContent: 'center',\n            width: { xs: '100%', sm: 'auto' },\n          },\n        }}\n      >\n        <a href=\"https://sloan.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Sloan />\n        </a>\n        <a href=\"https://www.aacr.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Aacr />\n        </a>\n        <a\n          href=\"https://www.cancerresearch.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Cri />\n        </a>\n        <a href=\"https://www.ctf.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ctf />\n        </a>\n        <a\n          href=\"https://gilbertfamilyfoundation.org/\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Gff />\n        </a>\n        <a href=\"http://grayfoundation.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Gray />\n        </a>\n        <a href=\"https://mlcommons.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <MlCommons />\n        </a>\n        <a href=\"https://www.cancer.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <Nci />\n        </a>\n        <a href=\"https://www.nhlbi.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihHeart />\n        </a>\n        <a href=\"https://www.nia.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihAging />\n        </a>\n        <a href=\"https://www.nimh.nih.gov/\" target=\"_blank\" rel=\"noreferrer\">\n          <NihMental />\n        </a>\n        <a href=\"https://www.n-tap.org/\" target=\"_blank\" rel=\"noreferrer\">\n          <Ntap />\n        </a>\n      </Box>\n    </Box>\n  )\n}\n"],"names":["SynapsePartners","jsx","Box","jsxs","Sloan","Aacr","Cri","Ctf","Gff","Gray","MlCommons","Nci","NihHeart","NihAging","NihMental","Ntap"],"mappings":";;;;;;;;;;;;;;AAcO,SAASA,IAAkB;AAChC,SACE,gBAAAC,EAACC,KAAI,IAAI,EAAE,GAAG,QAAQ,UAAU,YAC9B,UAAA,gBAAAC;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QAEL,SAAS;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,OAAO,EAAE,IAAI,QAAQ,IAAI,OAAA;AAAA,QAAO;AAAA,MAClC;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAD,EAAC,KAAA,EAAE,MAAK,sBAAqB,QAAO,UAAS,KAAI,cAC/C,UAAA,gBAAAA,EAACG,GAAA,CAAA,CAAM,EAAA,CACT;AAAA,QACA,gBAAAH,EAAC,KAAA,EAAE,MAAK,yBAAwB,QAAO,UAAS,KAAI,cAClD,UAAA,gBAAAA,EAACI,GAAA,CAAA,CAAK,EAAA,CACR;AAAA,QACA,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YAEJ,4BAACK,GAAA,CAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAL,EAAC,KAAA,EAAE,MAAK,wBAAuB,QAAO,UAAS,KAAI,cACjD,UAAA,gBAAAA,EAACM,GAAA,CAAA,CAAI,EAAA,CACP;AAAA,QACA,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YAEJ,4BAACO,GAAA,CAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAP,EAAC,KAAA,EAAE,MAAK,8BAA6B,QAAO,UAAS,KAAI,cACvD,UAAA,gBAAAA,EAACQ,GAAA,CAAA,CAAK,EAAA,CACR;AAAA,QACA,gBAAAR,EAAC,KAAA,EAAE,MAAK,0BAAyB,QAAO,UAAS,KAAI,cACnD,UAAA,gBAAAA,EAACS,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,QACA,gBAAAT,EAAC,KAAA,EAAE,MAAK,2BAA0B,QAAO,UAAS,KAAI,cACpD,UAAA,gBAAAA,EAACU,GAAA,CAAA,CAAI,EAAA,CACP;AAAA,QACA,gBAAAV,EAAC,KAAA,EAAE,MAAK,8BAA6B,QAAO,UAAS,KAAI,cACvD,UAAA,gBAAAA,EAACW,GAAA,CAAA,CAAS,EAAA,CACZ;AAAA,QACA,gBAAAX,EAAC,KAAA,EAAE,MAAK,4BAA2B,QAAO,UAAS,KAAI,cACrD,UAAA,gBAAAA,EAACY,GAAA,CAAA,CAAS,EAAA,CACZ;AAAA,QACA,gBAAAZ,EAAC,KAAA,EAAE,MAAK,6BAA4B,QAAO,UAAS,KAAI,cACtD,UAAA,gBAAAA,EAACa,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,QACA,gBAAAb,EAAC,KAAA,EAAE,MAAK,0BAAyB,QAAO,UAAS,KAAI,cACnD,UAAA,gBAAAA,EAACc,GAAA,CAAA,CAAK,EAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalBanners.d.ts","sourceRoot":"","sources":["../../../src/components/SynapsePortalBanners/SynapsePortalBanners.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,mBAAmC,EACnC,sBAAsC,GACvC,EAAE,yBAAyB,2CA+I3B"}
+{"version":3,"file":"SynapsePortalBanners.d.ts","sourceRoot":"","sources":["../../../src/components/SynapsePortalBanners/SynapsePortalBanners.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,mBAAmC,EACnC,sBAAsC,GACvC,EAAE,yBAAyB,2CAkJ3B"}

package/dist/components/SynapsePortalBanners/SynapsePortalBanners.js

@@ -1,11 +1,11 @@
-import { jsx as t, Fragment as R, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, Fragment as S, jsxs as n } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { ColumnSingleValueFilterOperator as l } from "@sage-bionetworks/synapse-types";
+import { ColumnSingleValueFilterOperator as u } from "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
-import { BUNDLE_MASK_QUERY_RESULTS as S } from "../../utils/SynapseConstants.js";
+import { BUNDLE_MASK_QUERY_RESULTS as A } from "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
@@ -13,7 +13,7 @@ import "../../utils/PermissionLevelToAccessType.js";
 import "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Box as o, Typography as m } from "@mui/material";
+import { Box as o, Typography as d } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import { useSourceAppConfigs as v } from "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -28,46 +28,46 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetEntityPath as A } from "../../synapse-queries/entity/useEntity.js";
-import { useGetQueryResultBundleWithAsyncStatus as T } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
-import { ChevronRightTwoTone as k } from "@mui/icons-material";
-function se({
-  entityId: p,
-  dataCatalogEntityId: s = "syn61609402",
-  sourceAppConfigTableID: c = "syn45291362"
+import { useGetEntityPath as T } from "../../synapse-queries/entity/useEntity.js";
+import { useGetQueryResultBundleWithAsyncStatus as k } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import { ChevronRightTwoTone as F } from "@mui/icons-material";
+function le({
+  entityId: s,
+  dataCatalogEntityId: l = "syn61609402",
+  sourceAppConfigTableID: f = "syn45291362"
 }) {
-  const { data: r } = A(p), u = r ? r.path.map((e) => e.id).slice(1) : [p], d = r ? [
+  const { data: a } = T(s), m = a ? a.path.map((e) => e.id).slice(1) : [s], x = m ? [
     {
       concreteType: "org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter",
       columnName: "id",
-      operator: l.IN,
-      values: u
+      operator: u.IN,
+      values: m
     }
-  ] : [], { data: f } = T(
+  ] : [], { data: g } = k(
     {
-      entityId: s,
+      entityId: l,
       query: {
-        sql: `SELECT appId, link FROM ${s}`,
-        additionalFilters: d
+        sql: `SELECT appId, link FROM ${l}`,
+        additionalFilters: x
       },
-      partMask: S,
+      partMask: A,
       concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
     },
     {
-      enabled: !!r
+      enabled: !!a
     }
-  ), n = f?.responseBody?.queryResult?.queryResults, x = !!n && n?.rows.length > 0, y = n?.rows.map((e) => e.values[0]), g = [
+  ), r = g?.responseBody?.queryResult?.queryResults, h = !!r && r?.rows.length > 0, i = r?.rows.map((e) => e.values[0]), c = i && i.length > 0, y = c ? [
     {
       concreteType: "org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter",
       columnName: "appId",
-      operator: l.EQUAL,
-      values: y
+      operator: u.EQUAL,
+      values: i
     }
-  ], i = v(
-    c,
-    g
-  ), h = !!i && i.length > 0;
-  return !x || !h ? /* @__PURE__ */ t(R, {}) : /* @__PURE__ */ t(
+  ] : [], p = v(
+    f,
+    y
+  ), w = !!p && p.length > 0;
+  return !c || !h || !w ? /* @__PURE__ */ t(S, {}) : /* @__PURE__ */ t(
     o,
     {
       sx: {
@@ -77,13 +77,13 @@ function se({
         width: "100%",
         alignItems: "center"
       },
-      children: i.map((e, w) => {
-        const b = n.rows.find((C) => C.values[0] === e.appId)?.values[1] || e.appURL;
-        return /* @__PURE__ */ a(
+      children: p.map((e, b) => {
+        const C = r.rows.find((R) => R.values[0] === e.appId)?.values[1] || e.appURL;
+        return /* @__PURE__ */ n(
           o,
           {
             component: "a",
-            href: b,
+            href: C,
             target: "_blank",
             rel: "noopener noreferrer",
             flex: 1,
@@ -106,7 +106,7 @@ function se({
               mb: "10px"
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 o,
                 {
                   flex: 1,
@@ -128,7 +128,7 @@ function se({
                         children: e?.logo
                       }
                     ),
-                    /* @__PURE__ */ a(
+                    /* @__PURE__ */ n(
                       o,
                       {
                         sx: {
@@ -138,8 +138,8 @@ function se({
                           mr: "10px"
                         },
                         children: [
-                          /* @__PURE__ */ t(m, { variant: "body1", sx: { fontWeight: 700 }, children: "This resource is part of a Portal" }),
-                          /* @__PURE__ */ a(m, { variant: "body1", children: [
+                          /* @__PURE__ */ t(d, { variant: "body1", sx: { fontWeight: 700 }, children: "This resource is part of a Portal" }),
+                          /* @__PURE__ */ n(d, { variant: "body1", children: [
                             " ",
                             "Access it on the ",
                             e.friendlyName
@@ -150,16 +150,16 @@ function se({
                   ]
                 }
               ),
-              /* @__PURE__ */ t(k, {})
+              /* @__PURE__ */ t(F, {})
             ]
           },
-          w
+          b
         );
       })
     }
   );
 }
 export {
-  se as default
+  le as default
 };
 //# sourceMappingURL=SynapsePortalBanners.js.map

package/dist/components/SynapsePortalBanners/SynapsePortalBanners.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalBanners.js","sources":["../../../src/components/SynapsePortalBanners/SynapsePortalBanners.tsx"],"sourcesContent":["import {\n  useGetEntityPath,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { ChevronRightTwoTone } from '@mui/icons-material'\nimport { Box, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SynapsePortalBannersProps = {\n  entityId: string\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n *\n * @param props\n */\nexport default function SynapsePortalBanners({\n  entityId,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SynapsePortalBannersProps) {\n  const { data: entityPathData } = useGetEntityPath(entityId)\n  // get all EntityHeader ids in the entity path data in a string array\n  // Note: we remove the first item from entityPathData.path as it is always the root Synapse folder which we don't want to include\n  const entityIdValues: string[] = entityPathData\n    ? entityPathData.path.map(header => header.id).slice(1)\n    : [entityId]\n\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityPathData\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIdValues,\n          },\n        ]\n      : []\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: !!entityPathData,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n\n  const appIds = rowSet?.rows.map(row => row.values[0]) as string[]\n\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] = [\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'appId',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: appIds,\n    },\n  ]\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n\n  if (!hasPortalBanners || !hasSourceAppConfigs) {\n    return <></>\n  }\n\n  // we have source app configs associated to this entity, let's render the banners\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: '20px',\n        width: '100%',\n        alignItems: 'center',\n      }}\n    >\n      {sourceAppConfigs.map((appConfig, index) => {\n        const dataCatalogRow = rowSet.rows.find(row => {\n          return row.values[0] === appConfig.appId\n        })\n        const link = dataCatalogRow?.values[1] || appConfig.appURL\n        return (\n          <Box\n            key={index}\n            component=\"a\"\n            href={link}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            flex={1}\n            sx={{\n              display: 'flex',\n              flexWrap: 'nowrap',\n              padding: '16px',\n              justifyContent: 'space-between',\n              border: '1px solid #ccc',\n              borderRadius: '8px',\n              backgroundColor: '#f9f9f9',\n              textDecoration: 'none',\n              pointer: 'cursor',\n              '&:hover': {\n                textDecoration: 'none !important',\n              },\n              width: '100%',\n              alignItems: 'center',\n              mt: '10px',\n              mb: '10px',\n            }}\n          >\n            <Box\n              flex={1}\n              sx={{\n                display: 'flex',\n                flexWrap: 'wrap',\n                justifyContent: 'space-between',\n                gap: '10px',\n              }}\n            >\n              <Box\n                sx={{\n                  '> *': {\n                    height: '60px',\n                  },\n                }}\n              >\n                {appConfig?.logo}\n              </Box>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  justifyContent: 'center',\n                  mr: '10px',\n                }}\n              >\n                <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                  This resource is part of a Portal\n                </Typography>\n                <Typography variant=\"body1\">\n                  {' '}\n                  Access it on the {appConfig.friendlyName}\n                </Typography>\n              </Box>\n            </Box>\n            <ChevronRightTwoTone />\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n"],"names":["SynapsePortalBanners","entityId","dataCatalogEntityId","sourceAppConfigTableID","entityPathData","useGetEntityPath","entityIdValues","header","dataCatalogAdditionalFilters","ColumnSingleValueFilterOperator","dataCatalogData","useGetQueryResultBundleWithAsyncStatus","BUNDLE_MASK_QUERY_RESULTS","rowSet","hasPortalBanners","appIds","row","sourceAppConfigFilters","sourceAppConfigs","useSourceAppConfigs","hasSourceAppConfigs","jsx","Fragment","Box","appConfig","index","link","jsxs","Typography","ChevronRightTwoTone"],"mappings":"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"}
+{"version":3,"file":"SynapsePortalBanners.js","sources":["../../../src/components/SynapsePortalBanners/SynapsePortalBanners.tsx"],"sourcesContent":["import {\n  useGetEntityPath,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { ChevronRightTwoTone } from '@mui/icons-material'\nimport { Box, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SynapsePortalBannersProps = {\n  entityId: string\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n *\n * @param props\n */\nexport default function SynapsePortalBanners({\n  entityId,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SynapsePortalBannersProps) {\n  const { data: entityPathData } = useGetEntityPath(entityId)\n  // get all EntityHeader ids in the entity path data in a string array\n  // Note: we remove the first item from entityPathData.path as it is always the root Synapse folder which we don't want to include\n  const entityIdValues: string[] = entityPathData\n    ? entityPathData.path.map(header => header.id).slice(1)\n    : [entityId]\n\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIdValues\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIdValues,\n          },\n        ]\n      : []\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: !!entityPathData,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n\n  const appIds = rowSet?.rows.map(row => row.values[0]) as string[]\n  const hasAppIds = appIds && appIds.length > 0\n\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] = hasAppIds\n    ? [\n        {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          columnName: 'appId',\n          operator: ColumnSingleValueFilterOperator.EQUAL,\n          values: appIds,\n        },\n      ]\n    : []\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n\n  if (!hasAppIds || !hasPortalBanners || !hasSourceAppConfigs) {\n    return <></>\n  }\n\n  // we have source app configs associated to this entity, let's render the banners\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: '20px',\n        width: '100%',\n        alignItems: 'center',\n      }}\n    >\n      {sourceAppConfigs.map((appConfig, index) => {\n        const dataCatalogRow = rowSet.rows.find(row => {\n          return row.values[0] === appConfig.appId\n        })\n        const link = dataCatalogRow?.values[1] || appConfig.appURL\n        return (\n          <Box\n            key={index}\n            component=\"a\"\n            href={link}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            flex={1}\n            sx={{\n              display: 'flex',\n              flexWrap: 'nowrap',\n              padding: '16px',\n              justifyContent: 'space-between',\n              border: '1px solid #ccc',\n              borderRadius: '8px',\n              backgroundColor: '#f9f9f9',\n              textDecoration: 'none',\n              pointer: 'cursor',\n              '&:hover': {\n                textDecoration: 'none !important',\n              },\n              width: '100%',\n              alignItems: 'center',\n              mt: '10px',\n              mb: '10px',\n            }}\n          >\n            <Box\n              flex={1}\n              sx={{\n                display: 'flex',\n                flexWrap: 'wrap',\n                justifyContent: 'space-between',\n                gap: '10px',\n              }}\n            >\n              <Box\n                sx={{\n                  '> *': {\n                    height: '60px',\n                  },\n                }}\n              >\n                {appConfig?.logo}\n              </Box>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  justifyContent: 'center',\n                  mr: '10px',\n                }}\n              >\n                <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                  This resource is part of a Portal\n                </Typography>\n                <Typography variant=\"body1\">\n                  {' '}\n                  Access it on the {appConfig.friendlyName}\n                </Typography>\n              </Box>\n            </Box>\n            <ChevronRightTwoTone />\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n"],"names":["SynapsePortalBanners","entityId","dataCatalogEntityId","sourceAppConfigTableID","entityPathData","useGetEntityPath","entityIdValues","header","dataCatalogAdditionalFilters","ColumnSingleValueFilterOperator","dataCatalogData","useGetQueryResultBundleWithAsyncStatus","BUNDLE_MASK_QUERY_RESULTS","rowSet","hasPortalBanners","appIds","row","hasAppIds","sourceAppConfigFilters","sourceAppConfigs","useSourceAppConfigs","hasSourceAppConfigs","jsx","Fragment","Box","appConfig","index","link","jsxs","Typography","ChevronRightTwoTone"],"mappings":"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"}

package/dist/components/SynapseSearchPageResults/SearchPagePortalBanners.js

@@ -1,4 +1,4 @@
-import { jsx as a, Fragment as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as p, Fragment as f, jsxs as a } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -28,20 +28,20 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetQueryResultBundleWithAsyncStatus as C } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
-function er({
-  entityIds: e,
+import { useGetQueryResultBundleWithAsyncStatus as A } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+function or({
+  entityIds: o,
   dataCatalogEntityId: s = "syn61609402",
   sourceAppConfigTableID: u = "syn45291362"
 }) {
-  const c = e.length > 0 ? [
+  const c = o.length > 0 ? [
     {
       concreteType: "org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter",
       columnName: "id",
       operator: m.IN,
-      values: e
+      values: o
     }
-  ] : [], { data: d } = C(
+  ] : [], { data: d } = A(
     {
       entityId: s,
       query: {
@@ -52,20 +52,20 @@ function er({
       concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
     },
     {
-      enabled: e.length > 0
+      enabled: o.length > 0
     }
-  ), o = d?.responseBody?.queryResult?.queryResults, g = !!o && o?.rows.length > 0, t = o?.rows.map((r) => r.values[0]), h = t && t.length > 0 ? [
+  ), t = d?.responseBody?.queryResult?.queryResults, g = !!t && t?.rows.length > 0, e = t?.rows.map((r) => r.values[0]), h = e && e.length > 0 ? [
     {
       concreteType: "org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter",
       columnName: "appId",
       operator: m.IN,
-      values: t
+      values: e
     }
-  ] : [], i = w(
+  ] : [], n = w(
     u,
     h
-  ), x = !!i && i.length > 0;
-  return !g || !x ? null : /* @__PURE__ */ a(f, { children: i.map((r, y) => /* @__PURE__ */ p(
+  ), x = !!n && n.length > 0;
+  return !(e && e.length > 0) || !g || !x ? null : /* @__PURE__ */ p(f, { children: n.map((r, y) => /* @__PURE__ */ a(
     l,
     {
       sx: {
@@ -81,7 +81,7 @@ function er({
         boxShadow: "0 4px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.05)"
       },
       children: [
-        /* @__PURE__ */ a(l, { children: /* @__PURE__ */ p(
+        /* @__PURE__ */ p(l, { children: /* @__PURE__ */ a(
           S,
           {
             variant: "smallText1",
@@ -91,7 +91,7 @@ function er({
               " ",
               r.area,
               ". ",
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ a(
                 k,
                 {
                   component: "a",
@@ -99,8 +99,8 @@ function er({
                   target: "_blank",
                   rel: "noopener noreferrer",
                   sx: {
-                    color: (n) => `${n.palette.grey[900]} !important`,
-                    textDecorationColor: (n) => `${n.palette.grey[900]} !important`
+                    color: (i) => `${i.palette.grey[900]} !important`,
+                    textDecorationColor: (i) => `${i.palette.grey[900]} !important`
                   },
                   children: [
                     "Visit the ",
@@ -112,7 +112,7 @@ function er({
             ]
           }
         ) }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ p(
           l,
           {
             sx: {
@@ -130,6 +130,6 @@ function er({
   )) });
 }
 export {
-  er as default
+  or as default
 };
 //# sourceMappingURL=SearchPagePortalBanners.js.map

package/dist/components/SynapseSearchPageResults/SearchPagePortalBanners.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchPagePortalBanners.js","sources":["../../../src/components/SynapseSearchPageResults/SearchPagePortalBanners.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box, Link, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SearchPagePortalBannersProps = {\n  entityIds: string[]\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n * Portal banner based on entities found in the first page of search results.\n */\nexport default function SearchPagePortalBanners({\n  entityIds,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SearchPagePortalBannersProps) {\n  // Query data catalog to find portal mappings for the entity IDs\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIds,\n          },\n        ]\n      : []\n\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: entityIds.length > 0,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n  const appIds = rowSet?.rows.map(row => row.values[0]) as string[]\n\n  // Get source app configurations for the found portal app IDs\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] =\n    appIds && appIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'appId',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: appIds,\n          },\n        ]\n      : []\n\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n\n  if (!hasPortalBanners || !hasSourceAppConfigs) {\n    return null\n  }\n\n  return (\n    <>\n      {sourceAppConfigs.map((appConfig, index) => {\n        return (\n          <Box\n            key={index}\n            sx={{\n              display: 'flex',\n              padding: '32px',\n              backgroundColor: 'secondary.100',\n              borderRadius: '8px',\n              width: '100%',\n              transition: 'background-color 0.3s',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              gap: '50px',\n              boxShadow:\n                '0 4px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.05)',\n            }}\n          >\n            <Box>\n              <Typography\n                variant=\"smallText1\"\n                sx={{ color: 'grey.900', mt: '4px', lineHeight: '20px' }}\n              >\n                Looks like you’re searching for information about{' '}\n                {appConfig.area}\n                {'. '}\n                <Link\n                  component={'a'}\n                  href={appConfig.appURL}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  sx={{\n                    color: theme => `${theme.palette.grey[900]} !important`,\n                    textDecorationColor: theme =>\n                      `${theme.palette.grey[900]} !important`,\n                  }}\n                >\n                  Visit the {appConfig.friendlyName}\n                </Link>\n                .\n              </Typography>\n            </Box>\n            <Box\n              sx={{\n                '> *': {\n                  height: '48px',\n                  width: 'auto',\n                },\n              }}\n            >\n              {appConfig?.logo}\n            </Box>\n          </Box>\n        )\n      })}\n    </>\n  )\n}\n"],"names":["SearchPagePortalBanners","entityIds","dataCatalogEntityId","sourceAppConfigTableID","dataCatalogAdditionalFilters","ColumnSingleValueFilterOperator","dataCatalogData","useGetQueryResultBundleWithAsyncStatus","BUNDLE_MASK_QUERY_RESULTS","rowSet","hasPortalBanners","appIds","row","sourceAppConfigFilters","sourceAppConfigs","useSourceAppConfigs","hasSourceAppConfigs","jsx","Fragment","appConfig","index","jsxs","Box","Typography","Link","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,SAAwBA,GAAwB;AAAA,EAC9C,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,wBAAAC,IAAyB;AAC3B,GAAiC;AAE/B,QAAMC,IACJH,EAAU,SAAS,IACf;AAAA,IACE;AAAA,MACE,cACE;AAAA,MACF,YAAY;AAAA,MACZ,UAAUI,EAAgC;AAAA,MAC1C,QAAQJ;AAAA,IAAA;AAAA,EACV,IAEF,CAAA,GAEA,EAAE,MAAMK,EAAA,IAAoBC;AAAA,IAChC;AAAA,MACE,UAAUL;AAAA,MACV,OAAO;AAAA,QACL,KAAK,2BAA2BA,CAAmB;AAAA,QACnD,mBAAmBE;AAAA,MAAA;AAAA,MAErB,UAAUI;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,SAASP,EAAU,SAAS;AAAA,IAAA;AAAA,EAC9B,GAGIQ,IAASH,GAAiB,cAAc,aAAa,cACrDI,IAAmB,CAAC,CAACD,KAAUA,GAAQ,KAAK,SAAS,GACrDE,IAASF,GAAQ,KAAK,IAAI,OAAOG,EAAI,OAAO,CAAC,CAAC,GAG9CC,IACJF,KAAUA,EAAO,SAAS,IACtB;AAAA,IACE;AAAA,MACE,cACE;AAAA,MACF,YAAY;AAAA,MACZ,UAAUN,EAAgC;AAAA,MAC1C,QAAQM;AAAA,IAAA;AAAA,EACV,IAEF,CAAA,GAEAG,IAAmBC;AAAA,IACvBZ;AAAA,IACAU;AAAA,EAAA,GAEIG,IAAsB,CAAC,CAACF,KAAoBA,EAAiB,SAAS;AAE5E,SAAI,CAACJ,KAAoB,CAACM,IACjB,OAIP,gBAAAC,EAAAC,GAAA,EACG,UAAAJ,EAAiB,IAAI,CAACK,GAAWC,MAE9B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WACE;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAL,EAACK,GAAA,EACC,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,EAAE,OAAO,YAAY,IAAI,OAAO,YAAY,OAAA;AAAA,YACjD,UAAA;AAAA,cAAA;AAAA,cACmD;AAAA,cACjDJ,EAAU;AAAA,cACV;AAAA,cACD,gBAAAE;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAML,EAAU;AAAA,kBAChB,QAAO;AAAA,kBACP,KAAI;AAAA,kBACJ,IAAI;AAAA,oBACF,OAAO,CAAAM,MAAS,GAAGA,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,oBAC1C,qBAAqB,CAAAA,MACnB,GAAGA,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,kBAAA;AAAA,kBAE/B,UAAA;AAAA,oBAAA;AAAA,oBACYN,EAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAGX;AAAA,QACA,gBAAAF;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,YAGD,UAAAH,GAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAhDKC;AAAA,EAAA,CAmDV,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"SearchPagePortalBanners.js","sources":["../../../src/components/SynapseSearchPageResults/SearchPagePortalBanners.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box, Link, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SearchPagePortalBannersProps = {\n  entityIds: string[]\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n * Portal banner based on entities found in the first page of search results.\n */\nexport default function SearchPagePortalBanners({\n  entityIds,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SearchPagePortalBannersProps) {\n  // Query data catalog to find portal mappings for the entity IDs\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIds,\n          },\n        ]\n      : []\n\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: entityIds.length > 0,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n  const appIds = rowSet?.rows.map(row => row.values[0]) as string[]\n\n  // Get source app configurations for the found portal app IDs\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] =\n    appIds && appIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'appId',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: appIds,\n          },\n        ]\n      : []\n\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n  const hasAppIds = appIds && appIds.length > 0\n  if (!hasAppIds || !hasPortalBanners || !hasSourceAppConfigs) {\n    return null\n  }\n\n  return (\n    <>\n      {sourceAppConfigs.map((appConfig, index) => {\n        return (\n          <Box\n            key={index}\n            sx={{\n              display: 'flex',\n              padding: '32px',\n              backgroundColor: 'secondary.100',\n              borderRadius: '8px',\n              width: '100%',\n              transition: 'background-color 0.3s',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              gap: '50px',\n              boxShadow:\n                '0 4px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.05)',\n            }}\n          >\n            <Box>\n              <Typography\n                variant=\"smallText1\"\n                sx={{ color: 'grey.900', mt: '4px', lineHeight: '20px' }}\n              >\n                Looks like you’re searching for information about{' '}\n                {appConfig.area}\n                {'. '}\n                <Link\n                  component={'a'}\n                  href={appConfig.appURL}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  sx={{\n                    color: theme => `${theme.palette.grey[900]} !important`,\n                    textDecorationColor: theme =>\n                      `${theme.palette.grey[900]} !important`,\n                  }}\n                >\n                  Visit the {appConfig.friendlyName}\n                </Link>\n                .\n              </Typography>\n            </Box>\n            <Box\n              sx={{\n                '> *': {\n                  height: '48px',\n                  width: 'auto',\n                },\n              }}\n            >\n              {appConfig?.logo}\n            </Box>\n          </Box>\n        )\n      })}\n    </>\n  )\n}\n"],"names":["SearchPagePortalBanners","entityIds","dataCatalogEntityId","sourceAppConfigTableID","dataCatalogAdditionalFilters","ColumnSingleValueFilterOperator","dataCatalogData","useGetQueryResultBundleWithAsyncStatus","BUNDLE_MASK_QUERY_RESULTS","rowSet","hasPortalBanners","appIds","row","sourceAppConfigFilters","sourceAppConfigs","useSourceAppConfigs","hasSourceAppConfigs","jsx","Fragment","appConfig","index","jsxs","Box","Typography","Link","theme"],"mappings":"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"}

package/dist/components/styled/HoverPopover.css

@@ -1 +1 @@
-._triggerWrapper_9prk2_1{display:inline-block}._paper_9prk2_5{display:flex;flex-direction:column;overflow:hidden}
+._triggerWrapper_5sipe_1{display:inline-flex;align-items:center}._paper_5sipe_6{display:flex;flex-direction:column;overflow:hidden}

package/dist/components/styled/HoverPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverPopover.d.ts","sourceRoot":"","sources":["../../../src/components/styled/HoverPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAMZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAGtE,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAiCvE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD,cAAc,EAAE,SAAS,CAAA;IACzB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,qBAAqB,CAAA;IAEjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE;QACb,OAAO,EAAE,SAAS,CAAA;QAClB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;QAC5B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QAChC,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,8DAA8D;QAC9D,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;CACF,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,SAAmB,EACnB,QAAc,EACd,QAAc,EACd,SAAe,EACf,YAAY,GACb,EAAE,iBAAiB,2CAgFnB"}
+{"version":3,"file":"HoverPopover.d.ts","sourceRoot":"","sources":["../../../src/components/styled/HoverPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAMZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAGtE,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAiCvE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD,cAAc,EAAE,SAAS,CAAA;IACzB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,qBAAqB,CAAA;IAEjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE;QACb,OAAO,EAAE,SAAS,CAAA;QAClB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;QAC5B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QAChC,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,8DAA8D;QAC9D,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;CACF,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,SAAmB,EACnB,QAAc,EACd,QAAc,EACd,SAAe,EACf,YAAY,GACb,EAAE,iBAAiB,2CAiFnB"}

package/dist/components/styled/HoverPopover.js

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as O, jsx as e } from "react/jsx-runtime";
-import { Box as z, Popover as C, DialogTitle as E, DialogContent as b, DialogActions as k, Button as L } from "@mui/material";
+import { Box as E, Popover as z, DialogTitle as C, DialogContent as b, DialogActions as k, Button as L } from "@mui/material";
 import { useState as M, useRef as S } from "react";
 import u from "./HoverPopover.module.scss.js";
 function T(t) {
@@ -46,7 +46,7 @@ function y({
   }, { anchorOrigin: d, transformOrigin: v } = T(h);
   return /* @__PURE__ */ s(O, { children: [
     /* @__PURE__ */ e(
-      z,
+      E,
       {
         component: "span",
         onMouseEnter: (x) => {
@@ -58,7 +58,7 @@ function y({
       }
     ),
     /* @__PURE__ */ s(
-      C,
+      z,
       {
         open: c !== null,
         anchorEl: c,
@@ -68,17 +68,18 @@ function y({
         disableAutoFocus: !0,
         disableEnforceFocus: !0,
         disableScrollLock: !0,
+        sx: { pointerEvents: "none" },
         slotProps: {
           backdrop: { sx: { pointerEvents: "none" } },
           paper: {
             onMouseEnter: i,
             onMouseLeave: a,
             className: u.paper,
-            sx: { maxWidth: g, minWidth: m }
+            sx: { maxWidth: g, minWidth: m, pointerEvents: "auto" }
           }
         },
         children: [
-          l && /* @__PURE__ */ e(E, { sx: { fontSize: "18px", padding: "16px 10px" }, children: l }),
+          l && /* @__PURE__ */ e(C, { sx: { fontSize: "18px", padding: "16px 10px" }, children: l }),
           /* @__PURE__ */ e(b, { sx: { maxHeight: f, padding: "10px" }, children: p }),
           r && /* @__PURE__ */ e(k, { sx: { paddingX: "10px" }, children: /* @__PURE__ */ e(
             L,