npm - synapse-react-client - Versions diffs - 4.0.45 → 4.0.47 - Mend

synapse-react-client 4.0.45 → 4.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (842) hide show

package/dist/components/SynapseForm/StepsSideNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsSideNav.js","names":[],"sources":["../../../src/components/SynapseForm/StepsSideNav.tsx"],"sourcesContent":["import IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { Step, StepStateEnum } from './types'\n\nexport type StepsSideNavProps = {\n stepList: Step[]\n onStepChange: (step: Step) => void\n isWizardMode?: boolean\n}\n\nexport default function StepsSideNav(props: StepsSideNavProps) {\n const nonChildSteps = props.stepList.filter(step => step.child !== true)\n\n const getIcon = (\n state: StepStateEnum,\n isExcluded: boolean \| undefined,\n isStatic: boolean \| undefined,\n isSubmit: boolean \| undefined,\n ): { iconDef: IconName } => {\n let iconDef: IconName = 'circle'\n if (isStatic \|\| isSubmit) {\n return {\n iconDef,\n }\n }\n\n if (isExcluded) {\n iconDef = 'block'\n } else if (state === StepStateEnum.COMPLETED) {\n iconDef = 'checkCircle'\n } else if (state === StepStateEnum.ERROR) {\n iconDef = 'errorOutlined'\n }\n return { iconDef }\n }\n\n const getItemClass = (\n isInProgress: boolean,\n isStatic: boolean = false,\n ): string => {\n let liClassName = 'item'\n if (isInProgress) {\n liClassName = `${liClassName} pointed `\n }\n if (isStatic) {\n liClassName = `${liClassName} static`\n }\n return liClassName\n }\n\n const getListItem = (\n step: Step,\n isWizard: boolean,\n isRenderChild = false,\n ) => {\n if (!step \|\| (step.child && !isRenderChild)) {\n return <></>\n }\n const renderStepName = (\n step: Step,\n isWizard: boolean,\n callback: (step: Step) => void,\n ) => {\n if (!step.inProgress && (!isWizard \|\| !!step.final)) {\n return (\n <button className=\"btn btn-link\" onClick={() => callback(step)}>\n {step.title}\n </button>\n )\n } else {\n return <span>{step.title}</span>\n }\n }\n const icon = getIcon(step.state, step.excluded, step.static, step.final)\n const itemClass = getItemClass(step.inProgress, step.static)\n\n return (\n <div className={itemClass}>\n <IconSvg icon={icon.iconDef} />\n {renderStepName(step, isWizard, props.onStepChange)}\n </div>\n )\n }\n\n return (\n <div className=\"SRC-menuLayout json-forms-menu\" style={{ flex: '1' }}>\n <ul>\n {nonChildSteps.map((step: Step, i: number) => {\n return (\n <li className=\"item-wrap\" key={`${i}-${step.id}`}>\n {getListItem(step, !!props.isWizardMode)}\n {step.children && step.children.length > 0 && (\n <div className=\"subMenu\">\n <ul>\n {step.children &&\n step.children.map((stepChildId: string, j: number) => {\n const childStep = props.stepList.find(\n step => step.id === stepChildId,\n )\n return ~~typeof~~ childStep === 'undefined' ? (\n <></>\n ) : (\n <li className=\"item-wrap\" key={`${j}-${stepChildId}`}>\n {getListItem(childStep, !!props.isWizardMode, true)}\n </li>\n )\n })}\n </ul>\n </div>\n )}\n </li>\n )\n })}\n </ul>\n </div>\n )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAa,GAA0B;CAC7D,IAAM,IAAgB,EAAM,SAAS,QAAO,MAAQ,EAAK,UAAU,EAAI,GAEjE,KACJ,GACA,GACA,GACA,MAC0B;EAC1B,IAAI,IAAoB;EAcxB,OAbI,KAAY,MAMZ,IACF,IAAU,UACD,MAAU,EAAc,YACjC,IAAU,gBACD,MAAU,EAAc,UACjC,IAAU,mBAVH,EACL,WACF;CAWJ,GAEM,KACJ,GACA,IAAoB,OACT;EACX,IAAI,IAAc;EAOlB,OANI,MACF,IAAc,GAAG,EAAY,aAE3B,MACF,IAAc,GAAG,EAAY,WAExB;CACT,GAEM,KACJ,GACA,GACA,IAAgB,OACb;EACH,IAAI,CAAC,KAAS,EAAK,SAAS,CAAC,GAC3B,OAAO,kBAAA,GAAA,CAAI,CAAA;EAEb,IAAM,KACJ,GACA,GACA,MAEI,CAAC,EAAK,eAAe,CAAC,KAAc,EAAK,SAEzC,kBAAC,UAAD;GAAQ,WAAU;GAAe,eAAe,EAAS,CAAI;aAC1D,EAAK;EACA,CAAA,IAGH,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA,GAG7B,IAAO,EAAQ,EAAK,OAAO,EAAK,UAAU,EAAK,QAAQ,EAAK,KAAK;EAGvE,OACE,kBAAC,OAAD;GAAK,WAHW,EAAa,EAAK,YAAY,EAAK,MAGnC;aAAhB,CACE,kBAAC,GAAD,EAAS,MAAM,EAAK,QAAU,CAAA,GAC7B,EAAe,GAAM,GAAU,EAAM,YAAY,CAC/C;;CAET;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAiC,OAAO,EAAE,MAAM,IAAI;YACjE,kBAAC,MAAD,EAAA,UACG,EAAc,KAAK,GAAY,MAE5B,kBAAC,MAAD;GAAI,WAAU;aAAd,CACG,EAAY,GAAM,CAAC,CAAC,EAAM,YAAY,GACtC,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,MAAD,EAAA,UACG,EAAK,YACJ,EAAK,SAAS,KAAK,GAAqB,MAAc;KACpD,IAAM,IAAY,EAAM,SAAS,MAC/B,MAAQ,EAAK,OAAO,CACtB;KACA,~~OAAc~~,MAAc,~~SAC1B~~,kBAAA,GAAA,CAAI,CAAA,IAEJ,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,GAAW,CAAC,CAAC,EAAM,cAAc,EAAI;KAChD,GAF2B,GAAG,EAAE,GAAG,GAEnC;IAER,CAAC,EACD,CAAA;GACD,CAAA,CAEL;KArB2B,GAAG,EAAE,GAAG,EAAK,IAqBxC,CAEP,EACC,CAAA;CACD,CAAA;AAET"}
1	+ {"version":3,"file":"StepsSideNav.js","names":[],"sources":["../../../src/components/SynapseForm/StepsSideNav.tsx"],"sourcesContent":["import IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { Step, StepStateEnum } from './types'\n\nexport type StepsSideNavProps = {\n stepList: Step[]\n onStepChange: (step: Step) => void\n isWizardMode?: boolean\n}\n\nexport default function StepsSideNav(props: StepsSideNavProps) {\n const nonChildSteps = props.stepList.filter(step => step.child !== true)\n\n const getIcon = (\n state: StepStateEnum,\n isExcluded: boolean \| undefined,\n isStatic: boolean \| undefined,\n isSubmit: boolean \| undefined,\n ): { iconDef: IconName } => {\n let iconDef: IconName = 'circle'\n if (isStatic \|\| isSubmit) {\n return {\n iconDef,\n }\n }\n\n if (isExcluded) {\n iconDef = 'block'\n } else if (state === StepStateEnum.COMPLETED) {\n iconDef = 'checkCircle'\n } else if (state === StepStateEnum.ERROR) {\n iconDef = 'errorOutlined'\n }\n return { iconDef }\n }\n\n const getItemClass = (\n isInProgress: boolean,\n isStatic: boolean = false,\n ): string => {\n let liClassName = 'item'\n if (isInProgress) {\n liClassName = `${liClassName} pointed `\n }\n if (isStatic) {\n liClassName = `${liClassName} static`\n }\n return liClassName\n }\n\n const getListItem = (\n step: Step,\n isWizard: boolean,\n isRenderChild = false,\n ) => {\n if (!step \|\| (step.child && !isRenderChild)) {\n return <></>\n }\n const renderStepName = (\n step: Step,\n isWizard: boolean,\n callback: (step: Step) => void,\n ) => {\n if (!step.inProgress && (!isWizard \|\| !!step.final)) {\n return (\n <button className=\"btn btn-link\" onClick={() => callback(step)}>\n {step.title}\n </button>\n )\n } else {\n return <span>{step.title}</span>\n }\n }\n const icon = getIcon(step.state, step.excluded, step.static, step.final)\n const itemClass = getItemClass(step.inProgress, step.static)\n\n return (\n <div className={itemClass}>\n <IconSvg icon={icon.iconDef} />\n {renderStepName(step, isWizard, props.onStepChange)}\n </div>\n )\n }\n\n return (\n <div className=\"SRC-menuLayout json-forms-menu\" style={{ flex: '1' }}>\n <ul>\n {nonChildSteps.map((step: Step, i: number) => {\n return (\n <li className=\"item-wrap\" key={`${i}-${step.id}`}>\n {getListItem(step, !!props.isWizardMode)}\n {step.children && step.children.length > 0 && (\n <div className=\"subMenu\">\n <ul>\n {step.children &&\n step.children.map((stepChildId: string, j: number) => {\n const childStep = props.stepList.find(\n step => step.id === stepChildId,\n )\n return childStep === undefined ? (\n <></>\n ) : (\n <li className=\"item-wrap\" key={`${j}-${stepChildId}`}>\n {getListItem(childStep, !!props.isWizardMode, true)}\n </li>\n )\n })}\n </ul>\n </div>\n )}\n </li>\n )\n })}\n </ul>\n </div>\n )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAa,GAA0B;CAC7D,IAAM,IAAgB,EAAM,SAAS,QAAO,MAAQ,EAAK,UAAU,EAAI,GAEjE,KACJ,GACA,GACA,GACA,MAC0B;EAC1B,IAAI,IAAoB;EAcxB,OAbI,KAAY,MAMZ,IACF,IAAU,UACD,MAAU,EAAc,YACjC,IAAU,gBACD,MAAU,EAAc,UACjC,IAAU,mBAVH,EACL,WACF;CAWJ,GAEM,KACJ,GACA,IAAoB,OACT;EACX,IAAI,IAAc;EAOlB,OANI,MACF,IAAc,GAAG,EAAY,aAE3B,MACF,IAAc,GAAG,EAAY,WAExB;CACT,GAEM,KACJ,GACA,GACA,IAAgB,OACb;EACH,IAAI,CAAC,KAAS,EAAK,SAAS,CAAC,GAC3B,OAAO,kBAAA,GAAA,CAAI,CAAA;EAEb,IAAM,KACJ,GACA,GACA,MAEI,CAAC,EAAK,eAAe,CAAC,KAAc,EAAK,SAEzC,kBAAC,UAAD;GAAQ,WAAU;GAAe,eAAe,EAAS,CAAI;aAC1D,EAAK;EACA,CAAA,IAGH,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA,GAG7B,IAAO,EAAQ,EAAK,OAAO,EAAK,UAAU,EAAK,QAAQ,EAAK,KAAK;EAGvE,OACE,kBAAC,OAAD;GAAK,WAHW,EAAa,EAAK,YAAY,EAAK,MAGnC;aAAhB,CACE,kBAAC,GAAD,EAAS,MAAM,EAAK,QAAU,CAAA,GAC7B,EAAe,GAAM,GAAU,EAAM,YAAY,CAC/C;;CAET;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAiC,OAAO,EAAE,MAAM,IAAI;YACjE,kBAAC,MAAD,EAAA,UACG,EAAc,KAAK,GAAY,MAE5B,kBAAC,MAAD;GAAI,WAAU;aAAd,CACG,EAAY,GAAM,CAAC,CAAC,EAAM,YAAY,GACtC,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,MAAD,EAAA,UACG,EAAK,YACJ,EAAK,SAAS,KAAK,GAAqB,MAAc;KACpD,IAAM,IAAY,EAAM,SAAS,MAC/B,MAAQ,EAAK,OAAO,CACtB;KACA,OAAO,MAAc,KAAA,IACnB,kBAAA,GAAA,CAAI,CAAA,IAEJ,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,GAAW,CAAC,CAAC,EAAM,cAAc,EAAI;KAChD,GAF2B,GAAG,EAAE,GAAG,GAEnC;IAER,CAAC,EACD,CAAA;GACD,CAAA,CAEL;KArB2B,GAAG,EAAE,GAAG,EAAK,IAqBxC,CAEP,EACC,CAAA;CACD,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/SynapseFeaturedDatasetItem.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import e from "../ImageFromSynapseTable.js";
 import { Box as t, Card as n, Chip as r, Link as i, Typography as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { EastTwoTone as c } from "@mui/icons-material";
+import c from "@mui/icons-material/EastTwoTone";
 //#region src/components/SynapseHomepageV2/SynapseFeaturedDatasetItem.tsx
 var l = {
 	textOverflow: "ellipsis",

package/dist/components/SynapseHomepageV2/SynapseFeaturedDatasetItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseFeaturedDatasetItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseFeaturedDatasetItem.tsx"],"sourcesContent":["import { EastTwoTone } from '@mui/icons-material'\nimport { Box, Card, Chip, Link, SxProps, Typography } from '@mui/material'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\n\nexport type SynapseFeaturedDatasetItemProps = {\n sourceTable: string\n community?: string \| null\n name?: string \| null\n description?: string \| null\n contributors?: string \| null\n keywords?: string \| null\n individuals?: string \| null\n imageFileId?: string \| null\n size?: string \| null\n sizeUnit?: string \| null\n link: string\n}\nconst clampedTextSx: SxProps = {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n // height: YOUR HEIGHT,\n // '-webkit-line-clamp': NUMBER OF LINES,\n}\nexport function SynapseFeaturedDatasetItem({\n sourceTable,\n name,\n description,\n contributors,\n keywords,\n imageFileId,\n individuals,\n size,\n sizeUnit,\n link,\n}: SynapseFeaturedDatasetItemProps) {\n const tags: string[] = keywords ? JSON.parse(keywords) : []\n return (\n <Card\n sx={{\n display: 'flex',\n flexDirection: 'column',\n rowGap: '30px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n rowGap: '15px',\n p: '30px 30px 0px 30px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n rowGap: '5px',\n minHeight: '70px',\n overflow: 'hidden',\n }}\n >\n {tags &&\n tags.map(tag => {\n return (\n <Chip\n key={tag}\n sx={{\n mr: '5px',\n color: 'secondary.600',\n backgroundColor: 'secondary.100',\n borderWidth: '0px',\n }}\n label={tag}\n />\n )\n })}\n </Box>\n <Typography\n variant=\"headline3\"\n sx={{\n fontSize: '24px',\n fontWeight: 600,\n lineHeight: '32px',\n ...clampedTextSx,\n height: '70px',\n '-webkit-line-clamp': '2',\n }}\n >\n {name}\n </Typography>\n </Box>\n {imageFileId && (\n <Box sx={{ p: '30px', backgroundColor: 'primary.100' }}>\n <ImageFromSynapseTable\n tableId={sourceTable}\n fileHandleId={imageFileId}\n />\n </Box>\n )}\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n p: '0px 30px 30px 30px',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '16px',\n fontWeight: 400,\n lineHeight: '24px',\n mb: '20px',\n ...clampedTextSx,\n height: '120px',\n '-webkit-line-clamp': '5',\n }}\n >\n {description}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{ fontSize: '14px', fontWeight: 700, lineHeight: '20px' }}\n >\n Dimensions\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n mb: '20px',\n ...clampedTextSx,\n height: '24px',\n '-webkit-line-clamp': '1',\n }}\n >\n {individuals} individuals, {size}\n {sizeUnit}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{ fontSize: '14px', fontWeight: 700, lineHeight: '20px' }}\n >\n Contributors\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n ...clampedTextSx,\n height: '48px',\n '-webkit-line-clamp': '2',\n }}\n >\n {contributors}\n </Typography>\n <Box sx={{ mt: '32px' }}>\n <Link href={link} target=\"_blank\">\n Explore dataset\n <EastTwoTone sx={{ mb: '-8px', ml: '6px' }} />\n </Link>\n </Box>\n </Box>\n </Card>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAM,IAAyB;CAC7B,cAAc;CACd,UAAU;CACV,SAAS;CACT,sBAAsB;AAGxB;AACA,SAAgB,EAA2B,EACzC,gBACA,SACA,gBACA,iBACA,aACA,gBACA,gBACA,SACA,aACA,WACkC;CAClC,IAAM,IAAiB,IAAW,KAAK,MAAM,CAAQ,IAAI,CAAC;CAC1D,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ;EACV;YALF;GAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,QAAQ;KACR,GAAG;IACL;cANF,CAQE,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,UAAU;MACV,QAAQ;MACR,WAAW;MACX,UAAU;KACZ;eAEC,KACC,EAAK,KAAI,MAEL,kBAAC,GAAD;MAEE,IAAI;OACF,IAAI;OACJ,OAAO;OACP,iBAAiB;OACjB,aAAa;MACf;MACA,OAAO;KACR,GARM,CAQN,CAEJ;IACA,CAAA,GACL,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,GAAG;MACH,QAAQ;MACR,sBAAsB;KACxB;eAEC;IACS,CAAA,CACT;;GACJ,KACC,kBAAC,GAAD;IAAK,IAAI;KAAE,GAAG;KAAQ,iBAAiB;IAAc;cACnD,kBAAC,GAAD;KACE,SAAS;KACT,cAAc;IACf,CAAA;GACE,CAAA;GAEP,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,GAAG;IACL;cALF;KAOE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,UAAU;OACV,YAAY;OACZ,YAAY;OACZ,IAAI;OACJ,GAAG;OACH,QAAQ;OACR,sBAAsB;MACxB;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,UAAU;OAAQ,YAAY;OAAK,YAAY;MAAO;gBAC7D;KAEW,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,IAAI;OACJ,GAAG;OACH,QAAQ;OACR,sBAAsB;MACxB;gBAPF;OASG;OAAY;OAAe;OAC3B;MACS;;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,UAAU;OAAQ,YAAY;OAAK,YAAY;MAAO;gBAC7D;KAEW,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,QAAQ;OACR,sBAAsB;MACxB;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MAAK,IAAI,EAAE,IAAI,OAAO;gBACpB,kBAAC,GAAD;OAAM,MAAM;OAAM,QAAO;iBAAzB,CAAkC,mBAEhC,kBAAC,GAAD,EAAa,IAAI;QAAE,IAAI;QAAQ,IAAI;OAAM,EAAI,CAAA,CACzC;;KACH,CAAA;IACF;;EACD;;AAEV"}
1	+ {"version":3,"file":"SynapseFeaturedDatasetItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseFeaturedDatasetItem.tsx"],"sourcesContent":["import EastTwoTone from '@mui/icons-material/EastTwoTone'\nimport { Box, Card, Chip, Link, SxProps, Typography } from '@mui/material'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\n\nexport type SynapseFeaturedDatasetItemProps = {\n sourceTable: string\n community?: string \| null\n name?: string \| null\n description?: string \| null\n contributors?: string \| null\n keywords?: string \| null\n individuals?: string \| null\n imageFileId?: string \| null\n size?: string \| null\n sizeUnit?: string \| null\n link: string\n}\nconst clampedTextSx: SxProps = {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n // height: YOUR HEIGHT,\n // '-webkit-line-clamp': NUMBER OF LINES,\n}\nexport function SynapseFeaturedDatasetItem({\n sourceTable,\n name,\n description,\n contributors,\n keywords,\n imageFileId,\n individuals,\n size,\n sizeUnit,\n link,\n}: SynapseFeaturedDatasetItemProps) {\n const tags: string[] = keywords ? JSON.parse(keywords) : []\n return (\n <Card\n sx={{\n display: 'flex',\n flexDirection: 'column',\n rowGap: '30px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n rowGap: '15px',\n p: '30px 30px 0px 30px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n rowGap: '5px',\n minHeight: '70px',\n overflow: 'hidden',\n }}\n >\n {tags &&\n tags.map(tag => {\n return (\n <Chip\n key={tag}\n sx={{\n mr: '5px',\n color: 'secondary.600',\n backgroundColor: 'secondary.100',\n borderWidth: '0px',\n }}\n label={tag}\n />\n )\n })}\n </Box>\n <Typography\n variant=\"headline3\"\n sx={{\n fontSize: '24px',\n fontWeight: 600,\n lineHeight: '32px',\n ...clampedTextSx,\n height: '70px',\n '-webkit-line-clamp': '2',\n }}\n >\n {name}\n </Typography>\n </Box>\n {imageFileId && (\n <Box sx={{ p: '30px', backgroundColor: 'primary.100' }}>\n <ImageFromSynapseTable\n tableId={sourceTable}\n fileHandleId={imageFileId}\n />\n </Box>\n )}\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n p: '0px 30px 30px 30px',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '16px',\n fontWeight: 400,\n lineHeight: '24px',\n mb: '20px',\n ...clampedTextSx,\n height: '120px',\n '-webkit-line-clamp': '5',\n }}\n >\n {description}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{ fontSize: '14px', fontWeight: 700, lineHeight: '20px' }}\n >\n Dimensions\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n mb: '20px',\n ...clampedTextSx,\n height: '24px',\n '-webkit-line-clamp': '1',\n }}\n >\n {individuals} individuals, {size}\n {sizeUnit}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{ fontSize: '14px', fontWeight: 700, lineHeight: '20px' }}\n >\n Contributors\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n ...clampedTextSx,\n height: '48px',\n '-webkit-line-clamp': '2',\n }}\n >\n {contributors}\n </Typography>\n <Box sx={{ mt: '32px' }}>\n <Link href={link} target=\"_blank\">\n Explore dataset\n <EastTwoTone sx={{ mb: '-8px', ml: '6px' }} />\n </Link>\n </Box>\n </Box>\n </Card>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAM,IAAyB;CAC7B,cAAc;CACd,UAAU;CACV,SAAS;CACT,sBAAsB;AAGxB;AACA,SAAgB,EAA2B,EACzC,gBACA,SACA,gBACA,iBACA,aACA,gBACA,gBACA,SACA,aACA,WACkC;CAClC,IAAM,IAAiB,IAAW,KAAK,MAAM,CAAQ,IAAI,CAAC;CAC1D,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ;EACV;YALF;GAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,QAAQ;KACR,GAAG;IACL;cANF,CAQE,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,UAAU;MACV,QAAQ;MACR,WAAW;MACX,UAAU;KACZ;eAEC,KACC,EAAK,KAAI,MAEL,kBAAC,GAAD;MAEE,IAAI;OACF,IAAI;OACJ,OAAO;OACP,iBAAiB;OACjB,aAAa;MACf;MACA,OAAO;KACR,GARM,CAQN,CAEJ;IACA,CAAA,GACL,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,GAAG;MACH,QAAQ;MACR,sBAAsB;KACxB;eAEC;IACS,CAAA,CACT;;GACJ,KACC,kBAAC,GAAD;IAAK,IAAI;KAAE,GAAG;KAAQ,iBAAiB;IAAc;cACnD,kBAAC,GAAD;KACE,SAAS;KACT,cAAc;IACf,CAAA;GACE,CAAA;GAEP,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,GAAG;IACL;cALF;KAOE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,UAAU;OACV,YAAY;OACZ,YAAY;OACZ,IAAI;OACJ,GAAG;OACH,QAAQ;OACR,sBAAsB;MACxB;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,UAAU;OAAQ,YAAY;OAAK,YAAY;MAAO;gBAC7D;KAEW,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,IAAI;OACJ,GAAG;OACH,QAAQ;OACR,sBAAsB;MACxB;gBAPF;OASG;OAAY;OAAe;OAC3B;MACS;;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,UAAU;OAAQ,YAAY;OAAK,YAAY;MAAO;gBAC7D;KAEW,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,QAAQ;OACR,sBAAsB;MACxB;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MAAK,IAAI,EAAE,IAAI,OAAO;gBACpB,kBAAC,GAAD;OAAM,MAAM;OAAM,QAAO;iBAAzB,CAAkC,mBAEhC,kBAAC,GAAD,EAAa,IAAI;QAAE,IAAI;QAAQ,IAAI;OAAM,EAAI,CAAA,CACzC;;KACH,CAAA;IACF;;EACD;;AAEV"}

package/dist/components/SynapseHomepageV2/SynapseHomepageNavBar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseHomepageNavBar.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx"],"names":[],"mappings":"~~AAsBA~~,eAAO,MAAM,UAAU,aAAa,CAAA;AAoCpC,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,GACV,EAAE,0BAA0B,2CAyQ5B"}
1	+ {"version":3,"file":"SynapseHomepageNavBar.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,UAAU,aAAa,CAAA;AAoCpC,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,GACV,EAAE,0BAA0B,2CAyQ5B"}

package/dist/components/SynapseHomepageV2/SynapseHomepageNavBar.js CHANGED Viewed

@@ -7,7 +7,8 @@ import r from "../../assets/icons/SynapseFullLogo.js";
 import { useState as i } from "react";
 import { Box as a, Button as o, Divider as s, IconButton as c, Menu as l, MenuItem as u, styled as d, useMediaQuery as f, useTheme as p } from "@mui/material";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Close as g, MenuOutlined as _ } from "@mui/icons-material";
+import g from "@mui/icons-material/Close";
+import _ from "@mui/icons-material/MenuOutlined";
 //#region src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx
 var v = "/LoginPlace:0", y = "/Home:x", b = "/Plans:0", x = "/Profile:v/projects/all", S = {
 	fontSize: "18px",

package/dist/components/SynapseHomepageV2/SynapseHomepageNavBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseHomepageNavBar.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx"],"sourcesContent":["import SynapseFullLogo from '@/assets/icons/SynapseFullLogo'\nimport { useSynapseContext } from '@/utils'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Close, MenuOutlined } from '@mui/icons-material'\nimport {\n Box,\n Button,\n Divider,\n IconButton,\n Menu,\n MenuItem,\n styled,\n SxProps,\n useMediaQuery,\n useTheme,\n} from '@mui/material'\nimport type { Color } from '@mui/material/styles'\nimport { MouseEvent, useState } from 'react'\nimport SageResourcesPopover from '../SageResourcesPopover'\n\nconst LOGIN_LINK = '/LoginPlace:0'\nconst HOMEPAGE_LINK = '/Home:x'\nexport const PLANS_LINK = '/Plans:0'\nconst DASHBOARD_LINK = '/Profile:v/projects/all'\n\nconst navTextButtonSx: SxProps = {\n fontSize: '18px',\n lineHeight: '24px',\n fontWeight: 400,\n}\nconst navButtonSx: SxProps = {\n borderRadius: '0',\n p: {\n xs: '7px 10px',\n sm: '7px 30px',\n },\n}\nconst StyledMenu = styled(Menu)(() => ({\n '& .MuiPaper-root': {\n width: '100vw',\n height: '100vh',\n maxWidth: '100vw',\n maxHeight: '100vh',\n margin: 0,\n top: '0 !important',\n left: '0 !important',\n transform: 'none',\n },\n}))\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n fontSize: '36px',\n fontWeight: 200,\n lineHeight: '32px',\n height: '80px',\n paddingLeft: '30px',\n}))\n\nexport type SynapseHomepageNavBarProps = {\n gotoPlace: (href: string) => void\n}\n\nexport function SynapseHomepageNavBar({\n gotoPlace,\n}: SynapseHomepageNavBarProps) {\n const { isAuthenticated } = useSynapseContext()\n const registrationLink = useOneSageURL('/register1')\n const theme = useTheme()\n const isSmallView = useMediaQuery(theme.breakpoints.down('md'))\n const sageResourcesURL = useOneSageURL('/sageresources')\n // mobile view nav bar menu\n const [mobileMenuAnchorEl, setMobileMenuAnchorEl] =\n useState<null \| HTMLElement>(null)\n const handleClickMobileMenu = (event: MouseEvent<HTMLButtonElement>) => {\n setMobileMenuAnchorEl(event.currentTarget)\n }\n const handleCloseMobileMenu = () => {\n setMobileMenuAnchorEl(null)\n }\n\n // Portals dropdown\n const [portalResourcesAnchorEl, setPortalResourcesAnchorEl] =\n useState<HTMLElement \| null>(null)\n const handleClosePortalResources = () => {\n setPortalResourcesAnchorEl(null)\n }\n\n // Sage solutions dropdown\n const [sageSolutionsAnchorEl, setSageSolutionsAnchorEl] =\n useState<HTMLElement \| null>(null)\n const handleCloseSageSolutions = () => {\n setSageSolutionsAnchorEl(null)\n }\n\n const onLoginClicked = () => {\n // Navigate to the LoginPlace, which will set a cookie that will be used to redirect back from OneSage\n gotoPlace(LOGIN_LINK)\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n columnGap: '5px',\n p: {\n xs: '10px 5px',\n sm: '20px 15px',\n },\n }}\n >\n {/* Logo /}\n <a onClick={() => gotoPlace(HOMEPAGE_LINK)}>\n <SynapseFullLogo\n color={(theme.palette.primary as unknown as Color)[900]}\n />\n </a>\n {/ Menu Items /}\n {/ Desktop nav bar, and a mobile hamburger dropdown menu nav bar that contain the same options */}\n {!isSmallView && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'flex-end',\n alignItems: 'center',\n gap: '20px',\n }}\n >\n <Button sx={navTextButtonSx} onClick={() => gotoPlace(PLANS_LINK)}>\n Plans\n </Button>\n <Button\n sx={navTextButtonSx}\n onClick={event => setPortalResourcesAnchorEl(event.currentTarget)}\n >\n Portals\n </Button>\n <Button\n sx={navTextButtonSx}\n onClick={event => setSageSolutionsAnchorEl(event.currentTarget)}\n >\n Applications\n </Button>\n <Button\n sx={{ ...navTextButtonSx, mr: '15px' }}\n href=\"https://sagebionetworks.org/\"\n target=\"_blank\"\n >\n Sage Bionetworks\n </Button>\n {!isAuthenticated && (\n <Button\n size=\"large\"\n variant=\"outlined\"\n color=\"secondary\"\n sx={navButtonSx}\n onClick={onLoginClicked}\n >\n Login\n </Button>\n )}\n {!isAuthenticated && (\n <Button\n size=\"large\"\n variant=\"contained\"\n color=\"secondary\"\n sx={navButtonSx}\n href={registrationLink.toString()}\n >\n Register Now\n </Button>\n )}\n {isAuthenticated && (\n <Button\n size=\"large\"\n variant=\"outlined\"\n color=\"secondary\"\n sx={navButtonSx}\n onClick={() => {\n gotoPlace(DASHBOARD_LINK)\n }}\n >\n View Dashboard\n </Button>\n )}\n </Box>\n )}\n <SageResourcesPopover\n anchorEl={portalResourcesAnchorEl}\n onClose={handleClosePortalResources}\n filterByType=\"SynapsePortal\"\n allResourcesUrl={sageResourcesURL.toString()}\n />\n <SageResourcesPopover\n anchorEl={sageSolutionsAnchorEl}\n onClose={handleCloseSageSolutions}\n filterByType=\"SageSolution\"\n resourceName=\"Applications\"\n description=\"Innovative tools in the Synapse ecosystem promoting crowd-sourced data science competitions, translational research, and more\"\n />\n {isSmallView && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'flex-end',\n columnGap: '10px',\n }}\n >\n <IconButton\n color=\"secondary\"\n sx={{\n borderWidth: 1,\n borderStyle: 'solid',\n borderRadius: '0',\n ml: '70px',\n }}\n onClick={handleClickMobileMenu}\n >\n <MenuOutlined />\n </IconButton>\n <StyledMenu\n anchorEl={mobileMenuAnchorEl}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n keepMounted\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n open={Boolean(mobileMenuAnchorEl)}\n onClose={handleCloseMobileMenu}\n MenuListProps={{\n style: {\n width: '100%',\n height: '100%',\n },\n }}\n >\n <IconButton\n onClick={handleCloseMobileMenu}\n sx={{\n position: 'absolute',\n top: 5,\n right: 5,\n zIndex: 1,\n color: 'secondary.main',\n borderWidth: 1,\n borderStyle: 'solid',\n borderRadius: '0',\n }}\n >\n <Close />\n </IconButton>\n <StyledMenuItem\n sx={{ mt: '70px' }}\n onClick={() => {\n gotoPlace(PLANS_LINK)\n handleCloseMobileMenu()\n }}\n >\n Plans\n </StyledMenuItem>\n <StyledMenuItem\n onClick={event => {\n setPortalResourcesAnchorEl(event.currentTarget)\n handleCloseMobileMenu()\n }}\n >\n Portals\n </StyledMenuItem>\n <StyledMenuItem\n onClick={event => {\n setSageSolutionsAnchorEl(event.currentTarget)\n handleCloseMobileMenu()\n }}\n >\n Applications\n </StyledMenuItem>\n <StyledMenuItem\n onClick={() => {\n window.open('https://sagebionetworks.org/', '_blank')\n handleCloseMobileMenu()\n }}\n >\n Sage Bionetworks\n </StyledMenuItem>\n\n <Divider sx={{ pt: '100px' }} />\n {!isAuthenticated && (\n <StyledMenuItem\n sx={{ mt: '30px', color: 'secondary.main' }}\n onClick={() => {\n window.open(registrationLink.toString(), '_blank')\n handleCloseMobileMenu()\n }}\n >\n Register Now\n </StyledMenuItem>\n )}\n {!isAuthenticated && (\n <StyledMenuItem\n sx={{ mb: '40px' }}\n onClick={() => {\n handleCloseMobileMenu()\n onLoginClicked()\n }}\n >\n Log In\n </StyledMenuItem>\n )}\n {isAuthenticated && (\n <StyledMenuItem\n sx={{ mb: '40px', color: 'secondary.main' }}\n onClick={() => {\n handleCloseMobileMenu()\n gotoPlace(DASHBOARD_LINK)\n }}\n >\n View Dashboard\n </StyledMenuItem>\n )}\n </StyledMenu>\n </Box>\n )}\n </Box>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SynapseHomepageNavBar.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx"],"sourcesContent":["import SynapseFullLogo from '@/assets/icons/SynapseFullLogo'\nimport { useSynapseContext } from '@/utils'\nimport { useOneSageURL } from '@/utils/hooks'\nimport Close from '@mui/icons-material/Close'\nimport MenuOutlined from '@mui/icons-material/MenuOutlined'\nimport {\n Box,\n Button,\n Divider,\n IconButton,\n Menu,\n MenuItem,\n styled,\n SxProps,\n useMediaQuery,\n useTheme,\n} from '@mui/material'\nimport type { Color } from '@mui/material/styles'\nimport { MouseEvent, useState } from 'react'\nimport SageResourcesPopover from '../SageResourcesPopover'\n\nconst LOGIN_LINK = '/LoginPlace:0'\nconst HOMEPAGE_LINK = '/Home:x'\nexport const PLANS_LINK = '/Plans:0'\nconst DASHBOARD_LINK = '/Profile:v/projects/all'\n\nconst navTextButtonSx: SxProps = {\n fontSize: '18px',\n lineHeight: '24px',\n fontWeight: 400,\n}\nconst navButtonSx: SxProps = {\n borderRadius: '0',\n p: {\n xs: '7px 10px',\n sm: '7px 30px',\n },\n}\nconst StyledMenu = styled(Menu)(() => ({\n '& .MuiPaper-root': {\n width: '100vw',\n height: '100vh',\n maxWidth: '100vw',\n maxHeight: '100vh',\n margin: 0,\n top: '0 !important',\n left: '0 !important',\n transform: 'none',\n },\n}))\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n fontSize: '36px',\n fontWeight: 200,\n lineHeight: '32px',\n height: '80px',\n paddingLeft: '30px',\n}))\n\nexport type SynapseHomepageNavBarProps = {\n gotoPlace: (href: string) => void\n}\n\nexport function SynapseHomepageNavBar({\n gotoPlace,\n}: SynapseHomepageNavBarProps) {\n const { isAuthenticated } = useSynapseContext()\n const registrationLink = useOneSageURL('/register1')\n const theme = useTheme()\n const isSmallView = useMediaQuery(theme.breakpoints.down('md'))\n const sageResourcesURL = useOneSageURL('/sageresources')\n // mobile view nav bar menu\n const [mobileMenuAnchorEl, setMobileMenuAnchorEl] =\n useState<null \| HTMLElement>(null)\n const handleClickMobileMenu = (event: MouseEvent<HTMLButtonElement>) => {\n setMobileMenuAnchorEl(event.currentTarget)\n }\n const handleCloseMobileMenu = () => {\n setMobileMenuAnchorEl(null)\n }\n\n // Portals dropdown\n const [portalResourcesAnchorEl, setPortalResourcesAnchorEl] =\n useState<HTMLElement \| null>(null)\n const handleClosePortalResources = () => {\n setPortalResourcesAnchorEl(null)\n }\n\n // Sage solutions dropdown\n const [sageSolutionsAnchorEl, setSageSolutionsAnchorEl] =\n useState<HTMLElement \| null>(null)\n const handleCloseSageSolutions = () => {\n setSageSolutionsAnchorEl(null)\n }\n\n const onLoginClicked = () => {\n // Navigate to the LoginPlace, which will set a cookie that will be used to redirect back from OneSage\n gotoPlace(LOGIN_LINK)\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n columnGap: '5px',\n p: {\n xs: '10px 5px',\n sm: '20px 15px',\n },\n }}\n >\n {/* Logo /}\n <a onClick={() => gotoPlace(HOMEPAGE_LINK)}>\n <SynapseFullLogo\n color={(theme.palette.primary as unknown as Color)[900]}\n />\n </a>\n {/ Menu Items /}\n {/ Desktop nav bar, and a mobile hamburger dropdown menu nav bar that contain the same options */}\n {!isSmallView && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'flex-end',\n alignItems: 'center',\n gap: '20px',\n }}\n >\n <Button sx={navTextButtonSx} onClick={() => gotoPlace(PLANS_LINK)}>\n Plans\n </Button>\n <Button\n sx={navTextButtonSx}\n onClick={event => setPortalResourcesAnchorEl(event.currentTarget)}\n >\n Portals\n </Button>\n <Button\n sx={navTextButtonSx}\n onClick={event => setSageSolutionsAnchorEl(event.currentTarget)}\n >\n Applications\n </Button>\n <Button\n sx={{ ...navTextButtonSx, mr: '15px' }}\n href=\"https://sagebionetworks.org/\"\n target=\"_blank\"\n >\n Sage Bionetworks\n </Button>\n {!isAuthenticated && (\n <Button\n size=\"large\"\n variant=\"outlined\"\n color=\"secondary\"\n sx={navButtonSx}\n onClick={onLoginClicked}\n >\n Login\n </Button>\n )}\n {!isAuthenticated && (\n <Button\n size=\"large\"\n variant=\"contained\"\n color=\"secondary\"\n sx={navButtonSx}\n href={registrationLink.toString()}\n >\n Register Now\n </Button>\n )}\n {isAuthenticated && (\n <Button\n size=\"large\"\n variant=\"outlined\"\n color=\"secondary\"\n sx={navButtonSx}\n onClick={() => {\n gotoPlace(DASHBOARD_LINK)\n }}\n >\n View Dashboard\n </Button>\n )}\n </Box>\n )}\n <SageResourcesPopover\n anchorEl={portalResourcesAnchorEl}\n onClose={handleClosePortalResources}\n filterByType=\"SynapsePortal\"\n allResourcesUrl={sageResourcesURL.toString()}\n />\n <SageResourcesPopover\n anchorEl={sageSolutionsAnchorEl}\n onClose={handleCloseSageSolutions}\n filterByType=\"SageSolution\"\n resourceName=\"Applications\"\n description=\"Innovative tools in the Synapse ecosystem promoting crowd-sourced data science competitions, translational research, and more\"\n />\n {isSmallView && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'flex-end',\n columnGap: '10px',\n }}\n >\n <IconButton\n color=\"secondary\"\n sx={{\n borderWidth: 1,\n borderStyle: 'solid',\n borderRadius: '0',\n ml: '70px',\n }}\n onClick={handleClickMobileMenu}\n >\n <MenuOutlined />\n </IconButton>\n <StyledMenu\n anchorEl={mobileMenuAnchorEl}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n keepMounted\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n open={Boolean(mobileMenuAnchorEl)}\n onClose={handleCloseMobileMenu}\n MenuListProps={{\n style: {\n width: '100%',\n height: '100%',\n },\n }}\n >\n <IconButton\n onClick={handleCloseMobileMenu}\n sx={{\n position: 'absolute',\n top: 5,\n right: 5,\n zIndex: 1,\n color: 'secondary.main',\n borderWidth: 1,\n borderStyle: 'solid',\n borderRadius: '0',\n }}\n >\n <Close />\n </IconButton>\n <StyledMenuItem\n sx={{ mt: '70px' }}\n onClick={() => {\n gotoPlace(PLANS_LINK)\n handleCloseMobileMenu()\n }}\n >\n Plans\n </StyledMenuItem>\n <StyledMenuItem\n onClick={event => {\n setPortalResourcesAnchorEl(event.currentTarget)\n handleCloseMobileMenu()\n }}\n >\n Portals\n </StyledMenuItem>\n <StyledMenuItem\n onClick={event => {\n setSageSolutionsAnchorEl(event.currentTarget)\n handleCloseMobileMenu()\n }}\n >\n Applications\n </StyledMenuItem>\n <StyledMenuItem\n onClick={() => {\n window.open('https://sagebionetworks.org/', '_blank')\n handleCloseMobileMenu()\n }}\n >\n Sage Bionetworks\n </StyledMenuItem>\n\n <Divider sx={{ pt: '100px' }} />\n {!isAuthenticated && (\n <StyledMenuItem\n sx={{ mt: '30px', color: 'secondary.main' }}\n onClick={() => {\n window.open(registrationLink.toString(), '_blank')\n handleCloseMobileMenu()\n }}\n >\n Register Now\n </StyledMenuItem>\n )}\n {!isAuthenticated && (\n <StyledMenuItem\n sx={{ mb: '40px' }}\n onClick={() => {\n handleCloseMobileMenu()\n onLoginClicked()\n }}\n >\n Log In\n </StyledMenuItem>\n )}\n {isAuthenticated && (\n <StyledMenuItem\n sx={{ mb: '40px', color: 'secondary.main' }}\n onClick={() => {\n handleCloseMobileMenu()\n gotoPlace(DASHBOARD_LINK)\n }}\n >\n View Dashboard\n </StyledMenuItem>\n )}\n </StyledMenu>\n </Box>\n )}\n </Box>\n )\n}\n"],"mappings":"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"}

package/dist/components/SynapseHomepageV2/SynapseInActionItem.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { darkTextColor as e, homepageBodyText as t } from "./HomepageStyles.js";
 import n from "../ImageFromSynapseTable.js";
 import { Box as r, Chip as i, Fade as a, Link as o, Slide as s, Typography as c, useMediaQuery as l, useTheme as u } from "@mui/material";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { EastTwoTone as p } from "@mui/icons-material";
-import { useInView as m } from "react-intersection-observer";
+import { useInView as p } from "react-intersection-observer";
+import m from "@mui/icons-material/EastTwoTone";
 //#region src/components/SynapseHomepageV2/SynapseInActionItem.tsx
 var h = 320, g = {
 	display: "flex",
@@ -13,7 +13,7 @@ var h = 320, g = {
 	textAlign: "center"
 };
 function _({ tableId: _, friendlyName: v, title: y, description: b, tags: x, logoFileHandleId: S, link: C, imageFileHandleId: w, mobileImageFileHandleId: T }) {
-	let E = l(u().breakpoints.down("sm")), [D, O] = m({
+	let E = l(u().breakpoints.down("sm")), [D, O] = p({
 		threshold: .3,
 		triggerOnce: !0
 	});
@@ -106,7 +106,7 @@ function _({ tableId: _, friendlyName: v, title: y, description: b, tags: x, log
 								" ",
 								v,
 								" ",
-								/* @__PURE__ */ d(p, { sx: {
+								/* @__PURE__ */ d(m, { sx: {
 									mb: "-8px",
 									ml: "6px"
 								} })

package/dist/components/SynapseHomepageV2/SynapseInActionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseInActionItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseInActionItem.tsx"],"sourcesContent":["import {\n darkTextColor,\n homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport {\n Box,\n Chip,\n Link,\n Typography,\n useTheme,\n useMediaQuery,\n SxProps,\n Fade,\n} from '@mui/material'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport { EastTwoTone } from '@mui/icons-material'\nimport { useInView } from 'react-intersection-observer'\nimport { Slide } from '@mui/material'\n\nconst transitionTimeoutMs = 320\n\nexport type SynapseInActionItemProps = {\n tableId: string\n friendlyName: string\n title: string\n description: string\n tags?: string[] \| null\n logoFileHandleId: string\n link: string\n primaryColor: string\n secondaryColor: string\n imageFileHandleId: string\n mobileImageFileHandleId: string\n}\n\nconst mobileViewSxProps: SxProps = {\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n}\n\nexport function SynapseInActionItem({\n tableId,\n friendlyName,\n title,\n description,\n tags,\n logoFileHandleId,\n link,\n imageFileHandleId,\n mobileImageFileHandleId,\n}: SynapseInActionItemProps) {\n const theme = useTheme()\n const isMobileView = useMediaQuery(theme.breakpoints.down('sm'))\n // desktop image animation support\n const [ref, inView] = useInView({ threshold: 0.3, triggerOnce: true })\n\n return (\n <Box\n ref={ref}\n sx={{\n p: { xs: '10px', md: '15px 0px 0px 15px' },\n display: 'grid',\n gridTemplateColumns: {\n xs: 'auto 0px',\n md: '450px auto',\n },\n }}\n >\n <Box\n sx={{\n ml: {\n xs: '0px',\n md: '20px',\n },\n }}\n >\n {/* mobile image /}\n <Box\n sx={{\n display: { xs: 'flex', md: 'none' },\n justifyContent: 'center',\n width: '100%',\n mb: '10px',\n pt: '50px',\n img: { width: '320px', maxWidth: '100%' },\n }}\n >\n <ImageFromSynapseTable\n tableId={tableId}\n fileHandleId={mobileImageFileHandleId}\n />\n </Box>\n <Box sx={isMobileView ? mobileViewSxProps : { pt: '50px' }}>\n <Box>\n {tags &&\n tags.map(tag => {\n return (\n <Chip\n key={tag}\n sx={{\n mr: '5px',\n color: 'secondary.600',\n backgroundColor: 'secondary.100',\n borderWidth: '0px',\n }}\n label={tag}\n />\n )\n })}\n </Box>\n <Typography\n variant=\"body1\"\n sx={{\n fontWeight: 400,\n fontSize: '36px',\n lineHeight: '46px',\n mt: '32px',\n color: darkTextColor,\n }}\n >\n {title}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n ...homepageBodyText,\n mt: '32px',\n mb: '32px',\n }}\n >\n {description}\n </Typography>\n <ImageFromSynapseTable\n tableId={tableId}\n fileHandleId={logoFileHandleId}\n alt={`${friendlyName} logo`}\n style={{ height: '40px' }}\n />\n <Box sx={{ mt: '32px', pb: '50px' }}>\n <Link href={link} target=\"_blank\">\n View {friendlyName.endsWith('Portal') ? 'the' : ''} {friendlyName}{' '}\n <EastTwoTone sx={{ mb: '-8px', ml: '6px' }} />\n </Link>\n </Box>\n </Box>\n </Box>\n {/ desktop image */}\n <Box\n sx={{\n display: { xs: 'none', md: 'block' },\n justifySelf: 'end',\n alignSelf: 'end',\n }}\n >\n <Fade in={inView} timeout={transitionTimeoutMs}>\n <div>\n <Slide direction=\"left\" timeout={transitionTimeoutMs} in={inView}>\n <div>\n <ImageFromSynapseTable\n tableId={tableId}\n fileHandleId={imageFileHandleId}\n />\n </div>\n </Slide>\n </div>\n </Fade>\n </Box>\n </Box>\n )\n}\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAsB,KAgBtB,IAA6B;CACjC,SAAS;CACT,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,WAAW;AACb;AAEA,SAAgB,EAAoB,EAClC,YACA,iBACA,UACA,gBACA,SACA,qBACA,SACA,sBACA,8BAC2B;CAE3B,IAAM,IAAe,EADP,EACqB,EAAM,YAAY,KAAK,IAAI,CAAC,GAEzD,CAAC,GAAK,KAAU,EAAU;EAAE,WAAW;EAAK,aAAa;CAAK,CAAC;CAErE,OACE,kBAAC,GAAD;EACO;EACL,IAAI;GACF,GAAG;IAAE,IAAI;IAAQ,IAAI;GAAoB;GACzC,SAAS;GACT,qBAAqB;IACnB,IAAI;IACJ,IAAI;GACN;EACF;YATF,CAWE,kBAAC,GAAD;GACE,IAAI,EACF,IAAI;IACF,IAAI;IACJ,IAAI;GACN,EACF;aANF,CASE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;MAAE,IAAI;MAAQ,IAAI;KAAO;KAClC,gBAAgB;KAChB,OAAO;KACP,IAAI;KACJ,IAAI;KACJ,KAAK;MAAE,OAAO;MAAS,UAAU;KAAO;IAC1C;cAEA,kBAAC,GAAD;KACW;KACT,cAAc;IACf,CAAA;GACE,CAAA,GACL,kBAAC,GAAD;IAAK,IAAI,IAAe,IAAoB,EAAE,IAAI,OAAO;cAAzD;KACE,kBAAC,GAAD,EAAA,UACG,KACC,EAAK,KAAI,MAEL,kBAAC,GAAD;MAEE,IAAI;OACF,IAAI;OACJ,OAAO;OACP,iBAAiB;OACjB,aAAa;MACf;MACA,OAAO;KACR,GARM,CAQN,CAEJ,EACA,CAAA;KACL,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,YAAY;OACZ,UAAU;OACV,YAAY;OACZ,IAAI;OACJ,OAAO;MACT;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,IAAI;OACJ,IAAI;MACN;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACW;MACT,cAAc;MACd,KAAK,GAAG,EAAa;MACrB,OAAO,EAAE,QAAQ,OAAO;KACzB,CAAA;KACD,kBAAC,GAAD;MAAK,IAAI;OAAE,IAAI;OAAQ,IAAI;MAAO;gBAChC,kBAAC,GAAD;OAAM,MAAM;OAAM,QAAO;iBAAzB;QAAkC;QAC1B,EAAa,SAAS,QAAQ,IAAI,QAAQ;QAAG;QAAE;QAAc;QACnE,kBAAC,GAAD,EAAa,IAAI;SAAE,IAAI;SAAQ,IAAI;QAAM,EAAI,CAAA;OACzC;;KACH,CAAA;IACF;KACF;MAEL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;KAAE,IAAI;KAAQ,IAAI;IAAQ;IACnC,aAAa;IACb,WAAW;GACb;aAEA,kBAAC,GAAD;IAAM,IAAI;IAAQ,SAAS;cACzB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KAAO,WAAU;KAAO,SAAS;KAAqB,IAAI;eACxD,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;MACW;MACT,cAAc;KACf,CAAA,EACE,CAAA;IACA,CAAA,EACJ,CAAA;GACD,CAAA;EACH,CAAA,CACF;;AAET"}
1	+ {"version":3,"file":"SynapseInActionItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseInActionItem.tsx"],"sourcesContent":["import {\n darkTextColor,\n homepageBodyText,\n} from '@/components/SynapseHomepageV2/HomepageStyles'\nimport {\n Box,\n Chip,\n Link,\n Typography,\n useTheme,\n useMediaQuery,\n SxProps,\n Fade,\n} from '@mui/material'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport EastTwoTone from '@mui/icons-material/EastTwoTone'\nimport { useInView } from 'react-intersection-observer'\nimport { Slide } from '@mui/material'\n\nconst transitionTimeoutMs = 320\n\nexport type SynapseInActionItemProps = {\n tableId: string\n friendlyName: string\n title: string\n description: string\n tags?: string[] \| null\n logoFileHandleId: string\n link: string\n primaryColor: string\n secondaryColor: string\n imageFileHandleId: string\n mobileImageFileHandleId: string\n}\n\nconst mobileViewSxProps: SxProps = {\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n}\n\nexport function SynapseInActionItem({\n tableId,\n friendlyName,\n title,\n description,\n tags,\n logoFileHandleId,\n link,\n imageFileHandleId,\n mobileImageFileHandleId,\n}: SynapseInActionItemProps) {\n const theme = useTheme()\n const isMobileView = useMediaQuery(theme.breakpoints.down('sm'))\n // desktop image animation support\n const [ref, inView] = useInView({ threshold: 0.3, triggerOnce: true })\n\n return (\n <Box\n ref={ref}\n sx={{\n p: { xs: '10px', md: '15px 0px 0px 15px' },\n display: 'grid',\n gridTemplateColumns: {\n xs: 'auto 0px',\n md: '450px auto',\n },\n }}\n >\n <Box\n sx={{\n ml: {\n xs: '0px',\n md: '20px',\n },\n }}\n >\n {/* mobile image /}\n <Box\n sx={{\n display: { xs: 'flex', md: 'none' },\n justifyContent: 'center',\n width: '100%',\n mb: '10px',\n pt: '50px',\n img: { width: '320px', maxWidth: '100%' },\n }}\n >\n <ImageFromSynapseTable\n tableId={tableId}\n fileHandleId={mobileImageFileHandleId}\n />\n </Box>\n <Box sx={isMobileView ? mobileViewSxProps : { pt: '50px' }}>\n <Box>\n {tags &&\n tags.map(tag => {\n return (\n <Chip\n key={tag}\n sx={{\n mr: '5px',\n color: 'secondary.600',\n backgroundColor: 'secondary.100',\n borderWidth: '0px',\n }}\n label={tag}\n />\n )\n })}\n </Box>\n <Typography\n variant=\"body1\"\n sx={{\n fontWeight: 400,\n fontSize: '36px',\n lineHeight: '46px',\n mt: '32px',\n color: darkTextColor,\n }}\n >\n {title}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n ...homepageBodyText,\n mt: '32px',\n mb: '32px',\n }}\n >\n {description}\n </Typography>\n <ImageFromSynapseTable\n tableId={tableId}\n fileHandleId={logoFileHandleId}\n alt={`${friendlyName} logo`}\n style={{ height: '40px' }}\n />\n <Box sx={{ mt: '32px', pb: '50px' }}>\n <Link href={link} target=\"_blank\">\n View {friendlyName.endsWith('Portal') ? 'the' : ''} {friendlyName}{' '}\n <EastTwoTone sx={{ mb: '-8px', ml: '6px' }} />\n </Link>\n </Box>\n </Box>\n </Box>\n {/ desktop image */}\n <Box\n sx={{\n display: { xs: 'none', md: 'block' },\n justifySelf: 'end',\n alignSelf: 'end',\n }}\n >\n <Fade in={inView} timeout={transitionTimeoutMs}>\n <div>\n <Slide direction=\"left\" timeout={transitionTimeoutMs} in={inView}>\n <div>\n <ImageFromSynapseTable\n tableId={tableId}\n fileHandleId={imageFileHandleId}\n />\n </div>\n </Slide>\n </div>\n </Fade>\n </Box>\n </Box>\n )\n}\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAsB,KAgBtB,IAA6B;CACjC,SAAS;CACT,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,WAAW;AACb;AAEA,SAAgB,EAAoB,EAClC,YACA,iBACA,UACA,gBACA,SACA,qBACA,SACA,sBACA,8BAC2B;CAE3B,IAAM,IAAe,EADP,EACqB,EAAM,YAAY,KAAK,IAAI,CAAC,GAEzD,CAAC,GAAK,KAAU,EAAU;EAAE,WAAW;EAAK,aAAa;CAAK,CAAC;CAErE,OACE,kBAAC,GAAD;EACO;EACL,IAAI;GACF,GAAG;IAAE,IAAI;IAAQ,IAAI;GAAoB;GACzC,SAAS;GACT,qBAAqB;IACnB,IAAI;IACJ,IAAI;GACN;EACF;YATF,CAWE,kBAAC,GAAD;GACE,IAAI,EACF,IAAI;IACF,IAAI;IACJ,IAAI;GACN,EACF;aANF,CASE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;MAAE,IAAI;MAAQ,IAAI;KAAO;KAClC,gBAAgB;KAChB,OAAO;KACP,IAAI;KACJ,IAAI;KACJ,KAAK;MAAE,OAAO;MAAS,UAAU;KAAO;IAC1C;cAEA,kBAAC,GAAD;KACW;KACT,cAAc;IACf,CAAA;GACE,CAAA,GACL,kBAAC,GAAD;IAAK,IAAI,IAAe,IAAoB,EAAE,IAAI,OAAO;cAAzD;KACE,kBAAC,GAAD,EAAA,UACG,KACC,EAAK,KAAI,MAEL,kBAAC,GAAD;MAEE,IAAI;OACF,IAAI;OACJ,OAAO;OACP,iBAAiB;OACjB,aAAa;MACf;MACA,OAAO;KACR,GARM,CAQN,CAEJ,EACA,CAAA;KACL,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,YAAY;OACZ,UAAU;OACV,YAAY;OACZ,IAAI;OACJ,OAAO;MACT;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,GAAG;OACH,IAAI;OACJ,IAAI;MACN;gBAEC;KACS,CAAA;KACZ,kBAAC,GAAD;MACW;MACT,cAAc;MACd,KAAK,GAAG,EAAa;MACrB,OAAO,EAAE,QAAQ,OAAO;KACzB,CAAA;KACD,kBAAC,GAAD;MAAK,IAAI;OAAE,IAAI;OAAQ,IAAI;MAAO;gBAChC,kBAAC,GAAD;OAAM,MAAM;OAAM,QAAO;iBAAzB;QAAkC;QAC1B,EAAa,SAAS,QAAQ,IAAI,QAAQ;QAAG;QAAE;QAAc;QACnE,kBAAC,GAAD,EAAa,IAAI;SAAE,IAAI;SAAQ,IAAI;QAAM,EAAI,CAAA;OACzC;;KACH,CAAA;IACF;KACF;MAEL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;KAAE,IAAI;KAAQ,IAAI;IAAQ;IACnC,aAAa;IACb,WAAW;GACb;aAEA,kBAAC,GAAD;IAAM,IAAI;IAAQ,SAAS;cACzB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KAAO,WAAU;KAAO,SAAS;KAAqB,IAAI;eACxD,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;MACW;MACT,cAAc;KACf,CAAA,EACE,CAAA;IACA,CAAA,EACJ,CAAA;GACD,CAAA;EACH,CAAA,CACF;;AAET"}

package/dist/components/SynapseHomepageV2/SynapseTrendingProjectsItem.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { ForwardRef as i } from "../../assets/homepage/egress.js";
 import { ForwardRef as a } from "../../assets/homepage/users.js";
 import { Box as o, Typography as s, useTheme as c } from "@mui/material";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { NavigateNext as d } from "@mui/icons-material";
+import d from "@mui/icons-material/NavigateNext";
 //#region src/components/SynapseHomepageV2/SynapseTrendingProjectsItem.tsx
 var f = Intl.NumberFormat("en"), p = { gridTemplateColumns: {
 	xs: "100px auto 40px",

package/dist/components/SynapseHomepageV2/SynapseTrendingProjectsItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseTrendingProjectsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseTrendingProjectsItem.tsx"],"sourcesContent":["import { ReactComponent as EgressIcon } from '@/assets/homepage/egress.svg'\n\nimport { ReactComponent as UsersIcon } from '@/assets/homepage/users.svg'\nimport { useGetEntityHeader } from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { NavigateNext } from '@mui/icons-material'\nimport { Box, SxProps, Typography, useTheme } from '@mui/material'\nimport { Color } from '@mui/material/styles'\n\nexport type SynapseTrendingProjectItemProps = {\n rank: number\n rowValues: (string \| null)[]\n entityIdColIndex: number\n nUniqueUsersColIndex: number\n egressSizeGbColIndex: number\n projectDescriptionColumnIndex: number\n altLinkColIndex: number\n isMobileView: boolean\n}\n\nconst formatter = Intl.NumberFormat('en')\nexport const trendingProjectsGridTemplateColumns: SxProps = {\n gridTemplateColumns: {\n xs: '100px auto 40px',\n sm: '100px auto 170px 150px 40px',\n },\n}\n\nexport function SynapseTrendingProjectItem({\n rank,\n rowValues,\n entityIdColIndex,\n nUniqueUsersColIndex,\n egressSizeGbColIndex,\n projectDescriptionColumnIndex,\n altLinkColIndex,\n isMobileView,\n}: SynapseTrendingProjectItemProps) {\n const theme = useTheme()\n const entityId = rowValues[entityIdColIndex]\n const egressSize = rowValues[egressSizeGbColIndex]\n const altLink = rowValues[altLinkColIndex]\n const { data: entityHeader } = useGetEntityHeader(entityId!, undefined, {\n enabled: !!entityId,\n })\n const friendlyEgressSize = egressSize\n ? calculateFriendlyFileSize(parseFloat(egressSize) * 1e9)\n : ''\n\n const projectDescription = rowValues[projectDescriptionColumnIndex]\n\n const userCount = rowValues[nUniqueUsersColIndex]\n const friendlyUserCount = userCount\n ? formatter.format(parseInt(userCount))\n : ''\n let backgroundColor = (theme.palette.primary as unknown as Color)[700]\n let borderRadius\n switch (rank) {\n case 1:\n backgroundColor = '#447A74'\n borderRadius = '12px 12px 0px 0px'\n break\n case 2:\n backgroundColor = '#33575E'\n break\n case 3:\n backgroundColor = '#294251'\n break\n case 10:\n borderRadius = '0px 0px 12px 12px'\n break\n }\n const displayedName = projectDescription ?? entityHeader?.name\n const egress = (\n <Typography variant=\"body1\">\n <EgressIcon />\n {friendlyEgressSize}\n </Typography>\n )\n const users = (\n <Typography variant=\"body1\">\n <UsersIcon />\n {friendlyUserCount}\n </Typography>\n )\n return (\n <div\n onClick={() => {\n if (altLink) {\n window.open(altLink, '_blank')\n } else {\n window.open(\n `${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n )}Synapse:${entityId!}`,\n '_blank',\n )\n }\n }}\n >\n <Box\n sx={{\n color: 'primary.100',\n backgroundColor,\n borderRadius,\n '&:hover': {\n color: 'white',\n cursor: 'pointer',\n filter: 'brightness(105%)',\n },\n p: '15px 0px',\n display: 'grid',\n ...trendingProjectsGridTemplateColumns,\n justifyItems: 'start',\n svg: { m: '0 3px -3px 0' },\n }}\n >\n <Typography variant=\"body1\" sx={{ ml: '30px' }}>\n {rank}\n </Typography>\n <Box>\n <Typography variant=\"body1\">{displayedName}</Typography>\n {isMobileView && (\n <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n {egress}\n {users}\n </Box>\n )}\n </Box>\n\n {!isMobileView && egress}\n {!isMobileView && users}\n <Box>\n <NavigateNext />\n </Box>\n </Box>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;AAqBA,IAAM,IAAY,KAAK,aAAa,IAAI,GAC3B,IAA+C,EAC1D,qBAAqB;CACnB,IAAI;CACJ,IAAI;AACN,EACF;AAEA,SAAgB,EAA2B,EACzC,SACA,cACA,qBACA,yBACA,yBACA,kCACA,oBACA,mBACkC;CAClC,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAU,IACrB,IAAa,EAAU,IACvB,IAAU,EAAU,IACpB,EAAE,MAAM,MAAiB,EAAmB,GAAW,KAAA,GAAW,EACtE,SAAS,CAAC,CAAC,EACb,CAAC,GACK,IAAqB,IACvB,EAA0B,WAAW,CAAU,IAAI,GAAG,IACtD,IAEE,IAAqB,EAAU,IAE/B,IAAY,EAAU,IACtB,IAAoB,IACtB,EAAU,OAAO,SAAS,CAAS,CAAC,IACpC,IACA,IAAmB,EAAM,QAAQ,QAA6B,MAC9D;CACJ,QAAQ,GAAR;EACE,KAAK;GAEH,AADA,IAAkB,WAClB,IAAe;GACf;EACF,KAAK;GACH,IAAkB;GAClB;EACF,KAAK;GACH,IAAkB;GAClB;EACF,KAAK;GACH,IAAe;GACf;CACJ;CACA,IAAM,IAAgB,KAAsB,GAAc,MACpD,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,CAAa,CAAA,GACZ,CACS;KAER,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,CAAY,CAAA,GACX,CACS;;CAEd,OACE,kBAAC,OAAD;EACE,eAAe;GACb,AAAI,IACF,OAAO,KAAK,GAAS,QAAQ,IAE7B,OAAO,KACL,GAAG,EACD,EAAuB,eACzB,EAAE,UAAU,KACZ,QACF;EAEJ;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,OAAO;IACP;IACA;IACA,WAAW;KACT,OAAO;KACP,QAAQ;KACR,QAAQ;IACV;IACA,GAAG;IACH,SAAS;IACT,GAAG;IACH,cAAc;IACd,KAAK,EAAE,GAAG,eAAe;GAC3B;aAfF;IAiBE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,IAAI,OAAO;eAC1C;IACS,CAAA;IACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAQ;eAAS;IAA0B,CAAA,GACtD,KACC,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;KAAS;eAApD,CACG,GACA,CACE;MAEJ,EAAA,CAAA;IAEJ,CAAC,KAAgB;IACjB,CAAC,KAAgB;IAClB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAe,CAAA,EACZ,CAAA;GACF;;CACF,CAAA;AAET"}
1	+ {"version":3,"file":"SynapseTrendingProjectsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/SynapseTrendingProjectsItem.tsx"],"sourcesContent":["import { ReactComponent as EgressIcon } from '@/assets/homepage/egress.svg'\n\nimport { ReactComponent as UsersIcon } from '@/assets/homepage/users.svg'\nimport { useGetEntityHeader } from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport NavigateNext from '@mui/icons-material/NavigateNext'\nimport { Box, SxProps, Typography, useTheme } from '@mui/material'\nimport { Color } from '@mui/material/styles'\n\nexport type SynapseTrendingProjectItemProps = {\n rank: number\n rowValues: (string \| null)[]\n entityIdColIndex: number\n nUniqueUsersColIndex: number\n egressSizeGbColIndex: number\n projectDescriptionColumnIndex: number\n altLinkColIndex: number\n isMobileView: boolean\n}\n\nconst formatter = Intl.NumberFormat('en')\nexport const trendingProjectsGridTemplateColumns: SxProps = {\n gridTemplateColumns: {\n xs: '100px auto 40px',\n sm: '100px auto 170px 150px 40px',\n },\n}\n\nexport function SynapseTrendingProjectItem({\n rank,\n rowValues,\n entityIdColIndex,\n nUniqueUsersColIndex,\n egressSizeGbColIndex,\n projectDescriptionColumnIndex,\n altLinkColIndex,\n isMobileView,\n}: SynapseTrendingProjectItemProps) {\n const theme = useTheme()\n const entityId = rowValues[entityIdColIndex]\n const egressSize = rowValues[egressSizeGbColIndex]\n const altLink = rowValues[altLinkColIndex]\n const { data: entityHeader } = useGetEntityHeader(entityId!, undefined, {\n enabled: !!entityId,\n })\n const friendlyEgressSize = egressSize\n ? calculateFriendlyFileSize(parseFloat(egressSize) * 1e9)\n : ''\n\n const projectDescription = rowValues[projectDescriptionColumnIndex]\n\n const userCount = rowValues[nUniqueUsersColIndex]\n const friendlyUserCount = userCount\n ? formatter.format(parseInt(userCount))\n : ''\n let backgroundColor = (theme.palette.primary as unknown as Color)[700]\n let borderRadius\n switch (rank) {\n case 1:\n backgroundColor = '#447A74'\n borderRadius = '12px 12px 0px 0px'\n break\n case 2:\n backgroundColor = '#33575E'\n break\n case 3:\n backgroundColor = '#294251'\n break\n case 10:\n borderRadius = '0px 0px 12px 12px'\n break\n }\n const displayedName = projectDescription ?? entityHeader?.name\n const egress = (\n <Typography variant=\"body1\">\n <EgressIcon />\n {friendlyEgressSize}\n </Typography>\n )\n const users = (\n <Typography variant=\"body1\">\n <UsersIcon />\n {friendlyUserCount}\n </Typography>\n )\n return (\n <div\n onClick={() => {\n if (altLink) {\n window.open(altLink, '_blank')\n } else {\n window.open(\n `${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n )}Synapse:${entityId!}`,\n '_blank',\n )\n }\n }}\n >\n <Box\n sx={{\n color: 'primary.100',\n backgroundColor,\n borderRadius,\n '&:hover': {\n color: 'white',\n cursor: 'pointer',\n filter: 'brightness(105%)',\n },\n p: '15px 0px',\n display: 'grid',\n ...trendingProjectsGridTemplateColumns,\n justifyItems: 'start',\n svg: { m: '0 3px -3px 0' },\n }}\n >\n <Typography variant=\"body1\" sx={{ ml: '30px' }}>\n {rank}\n </Typography>\n <Box>\n <Typography variant=\"body1\">{displayedName}</Typography>\n {isMobileView && (\n <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n {egress}\n {users}\n </Box>\n )}\n </Box>\n\n {!isMobileView && egress}\n {!isMobileView && users}\n <Box>\n <NavigateNext />\n </Box>\n </Box>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;AAqBA,IAAM,IAAY,KAAK,aAAa,IAAI,GAC3B,IAA+C,EAC1D,qBAAqB;CACnB,IAAI;CACJ,IAAI;AACN,EACF;AAEA,SAAgB,EAA2B,EACzC,SACA,cACA,qBACA,yBACA,yBACA,kCACA,oBACA,mBACkC;CAClC,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAU,IACrB,IAAa,EAAU,IACvB,IAAU,EAAU,IACpB,EAAE,MAAM,MAAiB,EAAmB,GAAW,KAAA,GAAW,EACtE,SAAS,CAAC,CAAC,EACb,CAAC,GACK,IAAqB,IACvB,EAA0B,WAAW,CAAU,IAAI,GAAG,IACtD,IAEE,IAAqB,EAAU,IAE/B,IAAY,EAAU,IACtB,IAAoB,IACtB,EAAU,OAAO,SAAS,CAAS,CAAC,IACpC,IACA,IAAmB,EAAM,QAAQ,QAA6B,MAC9D;CACJ,QAAQ,GAAR;EACE,KAAK;GAEH,AADA,IAAkB,WAClB,IAAe;GACf;EACF,KAAK;GACH,IAAkB;GAClB;EACF,KAAK;GACH,IAAkB;GAClB;EACF,KAAK;GACH,IAAe;GACf;CACJ;CACA,IAAM,IAAgB,KAAsB,GAAc,MACpD,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,CAAa,CAAA,GACZ,CACS;KAER,IACJ,kBAAC,GAAD;EAAY,SAAQ;YAApB,CACE,kBAAC,GAAD,CAAY,CAAA,GACX,CACS;;CAEd,OACE,kBAAC,OAAD;EACE,eAAe;GACb,AAAI,IACF,OAAO,KAAK,GAAS,QAAQ,IAE7B,OAAO,KACL,GAAG,EACD,EAAuB,eACzB,EAAE,UAAU,KACZ,QACF;EAEJ;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,OAAO;IACP;IACA;IACA,WAAW;KACT,OAAO;KACP,QAAQ;KACR,QAAQ;IACV;IACA,GAAG;IACH,SAAS;IACT,GAAG;IACH,cAAc;IACd,KAAK,EAAE,GAAG,eAAe;GAC3B;aAfF;IAiBE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,IAAI,OAAO;eAC1C;IACS,CAAA;IACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAQ;eAAS;IAA0B,CAAA,GACtD,KACC,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;KAAS;eAApD,CACG,GACA,CACE;MAEJ,EAAA,CAAA;IAEJ,CAAC,KAAgB;IACjB,CAAC,KAAgB;IAClB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAe,CAAA,EACZ,CAAA;GACF;;CACF,CAAA;AAET"}

package/dist/components/SynapseNavDrawer/SynapseNavDrawer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseNavDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseNavDrawer/SynapseNavDrawer.tsx"],"names":[],"mappings":"AAoCA,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAcD,oBAAY,OAAO;IACjB,QAAQ,IAAA;IACR,iBAAiB,IAAA;IACjB,SAAS,IAAA;IACT,KAAK,IAAA;IACL,UAAU,IAAA;IACV,SAAS,IAAA;IACT,MAAM,IAAA;IACN,OAAO,IAAA;IACP,IAAI,IAAA;CACL;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,EAAE,WAMjD,CAAA;AA6ED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAkB,EAClB,SAAS,GACV,EAAE,qBAAqB,~~2CA8evB~~;AAED,eAAe,gBAAgB,CAAA"}
1	+ {"version":3,"file":"SynapseNavDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseNavDrawer/SynapseNavDrawer.tsx"],"names":[],"mappings":"AAoCA,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAcD,oBAAY,OAAO;IACjB,QAAQ,IAAA;IACR,iBAAiB,IAAA;IACjB,SAAS,IAAA;IACT,KAAK,IAAA;IACL,UAAU,IAAA;IACV,SAAS,IAAA;IACT,MAAM,IAAA;IACN,OAAO,IAAA;IACP,IAAI,IAAA;CACL;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,EAAE,WAMjD,CAAA;AA6ED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAkB,EAClB,SAAS,GACV,EAAE,qBAAqB,2CA+evB;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/SynapseNavDrawer/SynapseNavDrawer.js CHANGED Viewed

@@ -339,7 +339,10 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 								I(e.target.value);
 							},
 							onKeyDown: (e) => {
-								e.key === "Enter" && e.target.value !== "" && (window.open(`https://help.synapse.org/search.html?max=10&s=docs&q=${encodeURI(e.target.value)}`), I(""), X());
+								if (e.key === "Enter" && e.target.value !== "") {
+									let t = new URLSearchParams({ q: e.target.value });
+									window.open(`https://docs.synapse.org/search?${t.toString()}`), I(""), X();
+								}
 							},
 							slotProps: { input: { startAdornment: /* @__PURE__ */ C(_, {
 								position: "start",

package/dist/components/SynapseNavDrawer/SynapseNavDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseNavDrawer.js","names":[],"sources":["../../../src/components/SynapseNavDrawer/SynapseNavDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseIconWhite from '@/assets/icons/SynapseIconWhite'\nimport SynapseLogoName from '@/assets/icons/SynapseLogoName'\nimport {\n useGetCurrentUserBundle,\n useGetDownloadListStatistics,\n useSearchAccessSubmissionsInfinite,\n} from '@/synapse-queries'\nimport {\n storeRedirectURLForOneSageLoginAndGotoURL,\n useApplicationSessionContext,\n useSynapseContext,\n} from '@/utils'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport {\n Badge,\n Drawer,\n InputAdornment,\n List,\n ListItemButton,\n TextField,\n Tooltip,\n} from '@mui/material'\nimport {\n Direction,\n SubmissionSortField,\n SubmissionState,\n} from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, ReactNode, useState } from 'react'\nimport { CreateProjectModal } from '../CreateProjectModal/CreateProjectModal'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { PLANS_LINK } from '../SynapseHomepageV2/SynapseHomepageNavBar'\nimport UserCard from '../UserCard/UserCard'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\n\nexport type SynapseNavDrawerProps = {\n initIsOpen?: boolean\n gotoPlace: (href: string) => void\n}\n\ntype MenuItemParams = {\n tooltip: string\n iconName?: IconName\n onClickOpenNavMenu?: NavItem\n onClickGoToPlace?: () => void\n additionalChildren?: ReactNode\n badgeContent?: string \| number\n isCurrentlySelectedItem?: boolean\n handleDrawerClose: () => void\n handleDrawerOpen: (navItem?: NavItem) => void\n}\n\nexport enum NavItem {\n PROJECTS,\n CURATOR_DASHBOARD,\n FAVORITES,\n TEAMS,\n CHALLENGES,\n DOWNLOADS,\n SEARCH,\n PROFILE,\n HELP,\n}\n\nexport const getSearchToken = (queryTerm: string[]) => {\n const searchQuery = {\n ...DEFAULT_SEARCH_QUERY,\n queryTerm,\n }\n return encodeURIComponent(JSON.stringify(searchQuery))\n}\n\nconst projectSearchJson = {\n // To support project search, we send this json object in the url.\n // We update the queryTerm array based on user input.\n ...DEFAULT_SEARCH_QUERY,\n booleanQuery: [\n {\n key: 'node_type',\n value: 'project',\n },\n ],\n}\nconst getProjectSearchToken = (queryTerm: string[]) => {\n const searchQuery = {\n ...projectSearchJson,\n queryTerm,\n }\n return encodeURIComponent(JSON.stringify(searchQuery))\n}\n\nconst NavDrawerListItem = (props: MenuItemParams): React.ReactNode => {\n const {\n tooltip,\n iconName,\n onClickOpenNavMenu,\n onClickGoToPlace,\n additionalChildren,\n badgeContent,\n isCurrentlySelectedItem = false,\n handleDrawerClose,\n handleDrawerOpen,\n } = props\n const handler =\n isCurrentlySelectedItem \|\| onClickGoToPlace\n ? handleDrawerClose\n : () => {\n handleDrawerOpen(onClickOpenNavMenu)\n }\n const item = iconName ? (\n <>\n <IconSvg icon={iconName} /> {additionalChildren}{' '}\n </>\n ) : (\n additionalChildren\n )\n\n const listItem = (\n <Tooltip title={tooltip} placement=\"right\">\n <ListItemButton\n key={iconName}\n onClick={handler}\n className=\"SRC-whiteText\"\n selected={isCurrentlySelectedItem}\n >\n <Badge badgeContent={badgeContent} color=\"secondary\">\n {item}\n </Badge>\n </ListItemButton>\n </Tooltip>\n )\n\n return onClickGoToPlace ? (\n <li>\n <a\n onClick={onClickGoToPlace}\n rel=\"noopener noreferrer\"\n className=\"SRC-whiteText\"\n >\n {listItem}\n </a>\n </li>\n ) : (\n <li>{listItem}</li>\n )\n}\n\n/*\n Displays the Synapse navigational drawer on the left side of the page. Has links to various areas if logged in.\n */\nexport function SynapseNavDrawer({\n initIsOpen = false,\n gotoPlace,\n}: SynapseNavDrawerProps) {\n const [isOpen, setOpen] = useState(initIsOpen)\n const [selectedItem, setSelectedItem] = useState<NavItem>()\n const [projectSearchText, setProjectSearchText] = useState<string>('')\n const [docSiteSearchText, setDocSiteSearchText] = useState<string>('')\n const [isShowingCreateProjectModal, setIsShowingCreateProjectModal] =\n useState<boolean>(false)\n\n const { clearSession } = useApplicationSessionContext()\n\n const { isAuthenticated } = useSynapseContext()\n\n const { data: currentUserBundle } = useGetCurrentUserBundle()\n\n // If the user is logged out, the UserBundle provides an \"anonymous\" user profile, so override that case with undefined\n const currentUserProfile =\n isAuthenticated && currentUserBundle\n ? currentUserBundle.userProfile\n : undefined\n\n const { data: downloadListStatistics } = useGetDownloadListStatistics({\n enabled: isAuthenticated,\n })\n\n const numberOfFilesInDownloadList = downloadListStatistics?.totalNumberOfFiles\n\n const { data: openSubmissionData } = useSearchAccessSubmissionsInfinite(\n {\n submissionState: SubmissionState.SUBMITTED,\n sort: [\n {\n field: SubmissionSortField.CREATED_ON,\n direction: Direction.DESC,\n },\n ],\n },\n {\n enabled: currentUserBundle?.isARReviewer,\n },\n )\n\n let countOfOpenSubmissionsForReview: number \| string =\n openSubmissionData?.pages[0].results.length ?? 0\n if (openSubmissionData?.pages[0].nextPageToken) {\n countOfOpenSubmissionsForReview = `${countOfOpenSubmissionsForReview}+`\n }\n\n const { data: curationTasksAssignedToCurrentUser } =\n useGetCurationTasksInfinite(\n { assignedToMe: true },\n { enabled: isAuthenticated },\n )\n const hasCurationTasksAssignedToCurrentUser = Boolean(\n curationTasksAssignedToCurrentUser?.pages.some(\n page => page.bundlePage && page.bundlePage.length > 0,\n ),\n )\n\n const handleDrawerOpen = (navItem?: NavItem) => {\n setOpen(true)\n setSelectedItem(navItem)\n }\n\n const handleDrawerClose = () => {\n setOpen(false)\n setSelectedItem(undefined)\n }\n\n const onProjectSearch = (searchTerm: string) => {\n gotoPlace(\n `/SearchV2:default?query=${getProjectSearchToken(\n searchTerm.split(/[ ,]+/),\n )}`,\n )\n }\n\n const oneSageURL = useOneSageURL()\n const accountSettingsURL = useOneSageURL('/authenticated/myaccount')\n\n return (\n <>\n <div className=\"SynapseNavDrawer\">\n <Drawer\n variant=\"permanent\"\n className={`SynapseNavDrawerMenu ${isOpen ? 'tempDrawerOpen' : ''}`}\n >\n <div onClick={handleDrawerClose}>\n <a\n className=\"synapseIcon\"\n rel=\"noopener noreferrer\"\n onClick={() => gotoPlace('/Home:x')}\n aria-label=\"Synapse Home\"\n >\n <SynapseIconWhite />\n </a>\n </div>\n <List>\n {isAuthenticated && currentUserProfile && (\n <>\n <NavDrawerListItem\n tooltip=\"Projects\"\n iconName=\"dashboard\"\n onClickOpenNavMenu={NavItem.PROJECTS}\n isCurrentlySelectedItem={selectedItem == NavItem.PROJECTS}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n {hasCurationTasksAssignedToCurrentUser && (\n <NavDrawerListItem\n tooltip=\"Curator Dashboard\"\n iconName=\"tasks\"\n onClickGoToPlace={() => gotoPlace('/CuratorDashboard:0')}\n isCurrentlySelectedItem={\n selectedItem == NavItem.CURATOR_DASHBOARD\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n <NavDrawerListItem\n tooltip=\"Favorites\"\n iconName=\"favTwoTone\"\n onClickGoToPlace={() =>\n gotoPlace(\n `/Profile:${currentUserProfile.ownerId}/favorites`,\n )\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Teams\"\n iconName=\"peopleTwoTone\"\n onClickGoToPlace={() =>\n gotoPlace(`/Profile:${currentUserProfile.ownerId}/teams`)\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Challenges\"\n iconName=\"challengesTwoTone\"\n onClickGoToPlace={() =>\n gotoPlace(\n `/Profile:${currentUserProfile.ownerId}/challenges`,\n )\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Download List\"\n iconName=\"download\"\n onClickGoToPlace={() => gotoPlace('/DownloadCart:0')}\n badgeContent={numberOfFilesInDownloadList}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Trash Can\"\n iconName=\"delete\"\n onClickGoToPlace={() => gotoPlace('/Trash:0')}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n {currentUserBundle?.isARReviewer && (\n <NavDrawerListItem\n tooltip=\"Data Access Management\"\n iconName=\"accessManagement\"\n onClickGoToPlace={() =>\n gotoPlace('/DataAccessManagement:default/Submissions')\n }\n badgeContent={countOfOpenSubmissionsForReview}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n </>\n )}\n <NavDrawerListItem\n tooltip=\"Search\"\n iconName=\"search\"\n onClickGoToPlace={() => gotoPlace('/SearchV2:default')}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n </List>\n <div className=\"filler\" />\n <List>\n {isAuthenticated && currentUserProfile && (\n <NavDrawerListItem\n tooltip=\"Your Account\"\n onClickOpenNavMenu={NavItem.PROFILE}\n additionalChildren={\n <UserCard\n userProfile={currentUserProfile}\n size=\"AVATAR\"\n avatarSize=\"SMALL\"\n />\n }\n isCurrentlySelectedItem={selectedItem == NavItem.PROFILE}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n {!isAuthenticated && (\n <NavDrawerListItem\n tooltip=\"Sign in\"\n iconName=\"login\"\n onClickGoToPlace={() =>\n storeRedirectURLForOneSageLoginAndGotoURL(\n oneSageURL.toString(),\n )\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n <NavDrawerListItem\n tooltip=\"Help\"\n iconName=\"helpOutlined\"\n onClickOpenNavMenu={NavItem.HELP}\n isCurrentlySelectedItem={selectedItem == NavItem.HELP}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n </List>\n </Drawer>\n <Drawer\n variant=\"temporary\"\n open={isOpen}\n className={`SynapseNavContentDrawer`}\n onClose={handleDrawerClose}\n >\n <div className=\"synapseLogoNameContainer\">\n <SynapseLogoName />\n </div>\n <div className=\"navContentContainer\">\n {selectedItem == NavItem.PROJECTS && (\n <>\n <div className=\"header projectHeader\">Projects</div>\n <Tooltip title=\"Create a New Project\" placement=\"right\">\n <a\n className=\"createProjectLink\"\n onClick={() => {\n setIsShowingCreateProjectModal(true)\n handleDrawerClose()\n }}\n >\n <IconSvg icon=\"addCircleOutline\" />\n </a>\n </Tooltip>\n <TextField\n type=\"search\"\n placeholder=\"Search All Projects\"\n value={projectSearchText}\n onChange={event => {\n setProjectSearchText(event.target.value)\n }}\n onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n if ((event.target as HTMLInputElement).value !== '') {\n setProjectSearchText('')\n handleDrawerClose()\n onProjectSearch(\n (event.target as HTMLInputElement).value,\n )\n }\n }\n }}\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <IconSvg icon=\"searchOutlined\" />\n </InputAdornment>\n ),\n },\n }}\n />\n <div className=\"linkList\" onClick={handleDrawerClose}>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/all`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n All\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/created_by_me`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Created By Me\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/favorites`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Favorite Projects\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/shared_directly_with_me`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Shared With Me\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/all_my_team_projects`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Team Projects\n </a>\n </div>\n </>\n )}\n {selectedItem == NavItem.PROFILE && (\n <>\n <div className=\"header\">\n Welcome Back,\n <br />\n {currentUserProfile?.userName}!\n </div>\n <div className=\"linkList\" onClick={handleDrawerClose}>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/profile`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n View Profile\n </a>\n <a\n className=\"SRC-whiteText\"\n href={accountSettingsURL.toString()}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Account Settings\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => gotoPlace(`/RequestHistory:default`)}\n rel=\"noopener noreferrer\"\n >\n Access Requests\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => gotoPlace(`/Following:0`)}\n rel=\"noopener noreferrer\"\n >\n Following\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => {\n void clearSession()\n }}\n rel=\"noopener noreferrer\"\n >\n Sign Out\n </a>\n </div>\n </>\n )}\n {selectedItem == NavItem.HELP && (\n <>\n <div className=\"header\">Help</div>\n <TextField\n type=\"search\"\n placeholder=\"Search Documentation\"\n value={docSiteSearchText}\n onChange={event => {\n setDocSiteSearchText(event.target.value)\n }}\n onKeyDown={event => {\n if (event.key === 'Enter') {\n if ((event.target as HTMLInputElement).value !== '') {\n window.open(\n `https://help.synapse.org/search.html?max=10&s=docs&q=${encodeURI(\n (event.target as HTMLInputElement).value,\n )}`,\n )\n setDocSiteSearchText('')\n handleDrawerClose()\n }\n }\n }}\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <IconSvg icon=\"searchOutlined\" />\n </InputAdornment>\n ),\n },\n }}\n />\n\n <div className=\"linkList\" onClick={handleDrawerClose}>\n <a\n className=\"SRC-whiteText\"\n href=\"https://help.synapse.org/docs/Getting-Started.2055471150.html\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Getting Started\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => gotoPlace(PLANS_LINK)}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Plans\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://help.synapse.org/docs/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Synapse Web Documentation\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://python-docs.synapse.org/en/stable/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Python Client Documentation\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://r-docs.synapse.org/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n R Client Documentation\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://blog.synapse.org/\"\n rel=\"noopener noreferrer\"\n >\n Blog\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://sagebionetworks.jira.com/servicedesk/customer/portals/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Contact Us\n </a>\n </div>\n </>\n )}\n </div>\n </Drawer>\n </div>\n <CreateProjectModal\n onClose={() => setIsShowingCreateProjectModal(false)}\n isShowingModal={isShowingCreateProjectModal}\n />\n </>\n )\n}\n\nexport default SynapseNavDrawer\n"],"mappings":"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"}
1	+ {"version":3,"file":"SynapseNavDrawer.js","names":[],"sources":["../../../src/components/SynapseNavDrawer/SynapseNavDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseIconWhite from '@/assets/icons/SynapseIconWhite'\nimport SynapseLogoName from '@/assets/icons/SynapseLogoName'\nimport {\n useGetCurrentUserBundle,\n useGetDownloadListStatistics,\n useSearchAccessSubmissionsInfinite,\n} from '@/synapse-queries'\nimport {\n storeRedirectURLForOneSageLoginAndGotoURL,\n useApplicationSessionContext,\n useSynapseContext,\n} from '@/utils'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport {\n Badge,\n Drawer,\n InputAdornment,\n List,\n ListItemButton,\n TextField,\n Tooltip,\n} from '@mui/material'\nimport {\n Direction,\n SubmissionSortField,\n SubmissionState,\n} from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, ReactNode, useState } from 'react'\nimport { CreateProjectModal } from '../CreateProjectModal/CreateProjectModal'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { PLANS_LINK } from '../SynapseHomepageV2/SynapseHomepageNavBar'\nimport UserCard from '../UserCard/UserCard'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\n\nexport type SynapseNavDrawerProps = {\n initIsOpen?: boolean\n gotoPlace: (href: string) => void\n}\n\ntype MenuItemParams = {\n tooltip: string\n iconName?: IconName\n onClickOpenNavMenu?: NavItem\n onClickGoToPlace?: () => void\n additionalChildren?: ReactNode\n badgeContent?: string \| number\n isCurrentlySelectedItem?: boolean\n handleDrawerClose: () => void\n handleDrawerOpen: (navItem?: NavItem) => void\n}\n\nexport enum NavItem {\n PROJECTS,\n CURATOR_DASHBOARD,\n FAVORITES,\n TEAMS,\n CHALLENGES,\n DOWNLOADS,\n SEARCH,\n PROFILE,\n HELP,\n}\n\nexport const getSearchToken = (queryTerm: string[]) => {\n const searchQuery = {\n ...DEFAULT_SEARCH_QUERY,\n queryTerm,\n }\n return encodeURIComponent(JSON.stringify(searchQuery))\n}\n\nconst projectSearchJson = {\n // To support project search, we send this json object in the url.\n // We update the queryTerm array based on user input.\n ...DEFAULT_SEARCH_QUERY,\n booleanQuery: [\n {\n key: 'node_type',\n value: 'project',\n },\n ],\n}\nconst getProjectSearchToken = (queryTerm: string[]) => {\n const searchQuery = {\n ...projectSearchJson,\n queryTerm,\n }\n return encodeURIComponent(JSON.stringify(searchQuery))\n}\n\nconst NavDrawerListItem = (props: MenuItemParams): React.ReactNode => {\n const {\n tooltip,\n iconName,\n onClickOpenNavMenu,\n onClickGoToPlace,\n additionalChildren,\n badgeContent,\n isCurrentlySelectedItem = false,\n handleDrawerClose,\n handleDrawerOpen,\n } = props\n const handler =\n isCurrentlySelectedItem \|\| onClickGoToPlace\n ? handleDrawerClose\n : () => {\n handleDrawerOpen(onClickOpenNavMenu)\n }\n const item = iconName ? (\n <>\n <IconSvg icon={iconName} /> {additionalChildren}{' '}\n </>\n ) : (\n additionalChildren\n )\n\n const listItem = (\n <Tooltip title={tooltip} placement=\"right\">\n <ListItemButton\n key={iconName}\n onClick={handler}\n className=\"SRC-whiteText\"\n selected={isCurrentlySelectedItem}\n >\n <Badge badgeContent={badgeContent} color=\"secondary\">\n {item}\n </Badge>\n </ListItemButton>\n </Tooltip>\n )\n\n return onClickGoToPlace ? (\n <li>\n <a\n onClick={onClickGoToPlace}\n rel=\"noopener noreferrer\"\n className=\"SRC-whiteText\"\n >\n {listItem}\n </a>\n </li>\n ) : (\n <li>{listItem}</li>\n )\n}\n\n/*\n Displays the Synapse navigational drawer on the left side of the page. Has links to various areas if logged in.\n */\nexport function SynapseNavDrawer({\n initIsOpen = false,\n gotoPlace,\n}: SynapseNavDrawerProps) {\n const [isOpen, setOpen] = useState(initIsOpen)\n const [selectedItem, setSelectedItem] = useState<NavItem>()\n const [projectSearchText, setProjectSearchText] = useState<string>('')\n const [docSiteSearchText, setDocSiteSearchText] = useState<string>('')\n const [isShowingCreateProjectModal, setIsShowingCreateProjectModal] =\n useState<boolean>(false)\n\n const { clearSession } = useApplicationSessionContext()\n\n const { isAuthenticated } = useSynapseContext()\n\n const { data: currentUserBundle } = useGetCurrentUserBundle()\n\n // If the user is logged out, the UserBundle provides an \"anonymous\" user profile, so override that case with undefined\n const currentUserProfile =\n isAuthenticated && currentUserBundle\n ? currentUserBundle.userProfile\n : undefined\n\n const { data: downloadListStatistics } = useGetDownloadListStatistics({\n enabled: isAuthenticated,\n })\n\n const numberOfFilesInDownloadList = downloadListStatistics?.totalNumberOfFiles\n\n const { data: openSubmissionData } = useSearchAccessSubmissionsInfinite(\n {\n submissionState: SubmissionState.SUBMITTED,\n sort: [\n {\n field: SubmissionSortField.CREATED_ON,\n direction: Direction.DESC,\n },\n ],\n },\n {\n enabled: currentUserBundle?.isARReviewer,\n },\n )\n\n let countOfOpenSubmissionsForReview: number \| string =\n openSubmissionData?.pages[0].results.length ?? 0\n if (openSubmissionData?.pages[0].nextPageToken) {\n countOfOpenSubmissionsForReview = `${countOfOpenSubmissionsForReview}+`\n }\n\n const { data: curationTasksAssignedToCurrentUser } =\n useGetCurationTasksInfinite(\n { assignedToMe: true },\n { enabled: isAuthenticated },\n )\n const hasCurationTasksAssignedToCurrentUser = Boolean(\n curationTasksAssignedToCurrentUser?.pages.some(\n page => page.bundlePage && page.bundlePage.length > 0,\n ),\n )\n\n const handleDrawerOpen = (navItem?: NavItem) => {\n setOpen(true)\n setSelectedItem(navItem)\n }\n\n const handleDrawerClose = () => {\n setOpen(false)\n setSelectedItem(undefined)\n }\n\n const onProjectSearch = (searchTerm: string) => {\n gotoPlace(\n `/SearchV2:default?query=${getProjectSearchToken(\n searchTerm.split(/[ ,]+/),\n )}`,\n )\n }\n\n const oneSageURL = useOneSageURL()\n const accountSettingsURL = useOneSageURL('/authenticated/myaccount')\n\n return (\n <>\n <div className=\"SynapseNavDrawer\">\n <Drawer\n variant=\"permanent\"\n className={`SynapseNavDrawerMenu ${isOpen ? 'tempDrawerOpen' : ''}`}\n >\n <div onClick={handleDrawerClose}>\n <a\n className=\"synapseIcon\"\n rel=\"noopener noreferrer\"\n onClick={() => gotoPlace('/Home:x')}\n aria-label=\"Synapse Home\"\n >\n <SynapseIconWhite />\n </a>\n </div>\n <List>\n {isAuthenticated && currentUserProfile && (\n <>\n <NavDrawerListItem\n tooltip=\"Projects\"\n iconName=\"dashboard\"\n onClickOpenNavMenu={NavItem.PROJECTS}\n isCurrentlySelectedItem={selectedItem == NavItem.PROJECTS}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n {hasCurationTasksAssignedToCurrentUser && (\n <NavDrawerListItem\n tooltip=\"Curator Dashboard\"\n iconName=\"tasks\"\n onClickGoToPlace={() => gotoPlace('/CuratorDashboard:0')}\n isCurrentlySelectedItem={\n selectedItem == NavItem.CURATOR_DASHBOARD\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n <NavDrawerListItem\n tooltip=\"Favorites\"\n iconName=\"favTwoTone\"\n onClickGoToPlace={() =>\n gotoPlace(\n `/Profile:${currentUserProfile.ownerId}/favorites`,\n )\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Teams\"\n iconName=\"peopleTwoTone\"\n onClickGoToPlace={() =>\n gotoPlace(`/Profile:${currentUserProfile.ownerId}/teams`)\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Challenges\"\n iconName=\"challengesTwoTone\"\n onClickGoToPlace={() =>\n gotoPlace(\n `/Profile:${currentUserProfile.ownerId}/challenges`,\n )\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Download List\"\n iconName=\"download\"\n onClickGoToPlace={() => gotoPlace('/DownloadCart:0')}\n badgeContent={numberOfFilesInDownloadList}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n <NavDrawerListItem\n tooltip=\"Trash Can\"\n iconName=\"delete\"\n onClickGoToPlace={() => gotoPlace('/Trash:0')}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n {currentUserBundle?.isARReviewer && (\n <NavDrawerListItem\n tooltip=\"Data Access Management\"\n iconName=\"accessManagement\"\n onClickGoToPlace={() =>\n gotoPlace('/DataAccessManagement:default/Submissions')\n }\n badgeContent={countOfOpenSubmissionsForReview}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n </>\n )}\n <NavDrawerListItem\n tooltip=\"Search\"\n iconName=\"search\"\n onClickGoToPlace={() => gotoPlace('/SearchV2:default')}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n </List>\n <div className=\"filler\" />\n <List>\n {isAuthenticated && currentUserProfile && (\n <NavDrawerListItem\n tooltip=\"Your Account\"\n onClickOpenNavMenu={NavItem.PROFILE}\n additionalChildren={\n <UserCard\n userProfile={currentUserProfile}\n size=\"AVATAR\"\n avatarSize=\"SMALL\"\n />\n }\n isCurrentlySelectedItem={selectedItem == NavItem.PROFILE}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n {!isAuthenticated && (\n <NavDrawerListItem\n tooltip=\"Sign in\"\n iconName=\"login\"\n onClickGoToPlace={() =>\n storeRedirectURLForOneSageLoginAndGotoURL(\n oneSageURL.toString(),\n )\n }\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n )}\n <NavDrawerListItem\n tooltip=\"Help\"\n iconName=\"helpOutlined\"\n onClickOpenNavMenu={NavItem.HELP}\n isCurrentlySelectedItem={selectedItem == NavItem.HELP}\n handleDrawerClose={handleDrawerClose}\n handleDrawerOpen={handleDrawerOpen}\n />\n </List>\n </Drawer>\n <Drawer\n variant=\"temporary\"\n open={isOpen}\n className={`SynapseNavContentDrawer`}\n onClose={handleDrawerClose}\n >\n <div className=\"synapseLogoNameContainer\">\n <SynapseLogoName />\n </div>\n <div className=\"navContentContainer\">\n {selectedItem == NavItem.PROJECTS && (\n <>\n <div className=\"header projectHeader\">Projects</div>\n <Tooltip title=\"Create a New Project\" placement=\"right\">\n <a\n className=\"createProjectLink\"\n onClick={() => {\n setIsShowingCreateProjectModal(true)\n handleDrawerClose()\n }}\n >\n <IconSvg icon=\"addCircleOutline\" />\n </a>\n </Tooltip>\n <TextField\n type=\"search\"\n placeholder=\"Search All Projects\"\n value={projectSearchText}\n onChange={event => {\n setProjectSearchText(event.target.value)\n }}\n onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n if ((event.target as HTMLInputElement).value !== '') {\n setProjectSearchText('')\n handleDrawerClose()\n onProjectSearch(\n (event.target as HTMLInputElement).value,\n )\n }\n }\n }}\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <IconSvg icon=\"searchOutlined\" />\n </InputAdornment>\n ),\n },\n }}\n />\n <div className=\"linkList\" onClick={handleDrawerClose}>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/all`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n All\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/created_by_me`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Created By Me\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/favorites`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Favorite Projects\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/shared_directly_with_me`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Shared With Me\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/projects/all_my_team_projects`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n Team Projects\n </a>\n </div>\n </>\n )}\n {selectedItem == NavItem.PROFILE && (\n <>\n <div className=\"header\">\n Welcome Back,\n <br />\n {currentUserProfile?.userName}!\n </div>\n <div className=\"linkList\" onClick={handleDrawerClose}>\n <a\n className=\"SRC-whiteText\"\n onClick={() =>\n gotoPlace(\n `/Profile:${currentUserProfile?.ownerId}/profile`,\n )\n }\n rel=\"noopener noreferrer\"\n >\n View Profile\n </a>\n <a\n className=\"SRC-whiteText\"\n href={accountSettingsURL.toString()}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Account Settings\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => gotoPlace(`/RequestHistory:default`)}\n rel=\"noopener noreferrer\"\n >\n Access Requests\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => gotoPlace(`/Following:0`)}\n rel=\"noopener noreferrer\"\n >\n Following\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => {\n void clearSession()\n }}\n rel=\"noopener noreferrer\"\n >\n Sign Out\n </a>\n </div>\n </>\n )}\n {selectedItem == NavItem.HELP && (\n <>\n <div className=\"header\">Help</div>\n <TextField\n type=\"search\"\n placeholder=\"Search Documentation\"\n value={docSiteSearchText}\n onChange={event => {\n setDocSiteSearchText(event.target.value)\n }}\n onKeyDown={event => {\n if (event.key === 'Enter') {\n if ((event.target as HTMLInputElement).value !== '') {\n const searchParams = new URLSearchParams({\n q: (event.target as HTMLInputElement).value,\n })\n window.open(\n `https://docs.synapse.org/search?${searchParams.toString()}`,\n )\n setDocSiteSearchText('')\n handleDrawerClose()\n }\n }\n }}\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <IconSvg icon=\"searchOutlined\" />\n </InputAdornment>\n ),\n },\n }}\n />\n\n <div className=\"linkList\" onClick={handleDrawerClose}>\n <a\n className=\"SRC-whiteText\"\n href=\"https://help.synapse.org/docs/Getting-Started.2055471150.html\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Getting Started\n </a>\n <a\n className=\"SRC-whiteText\"\n onClick={() => gotoPlace(PLANS_LINK)}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Plans\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://help.synapse.org/docs/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Synapse Web Documentation\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://python-docs.synapse.org/en/stable/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Python Client Documentation\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://r-docs.synapse.org/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n R Client Documentation\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://blog.synapse.org/\"\n rel=\"noopener noreferrer\"\n >\n Blog\n </a>\n <a\n className=\"SRC-whiteText\"\n href=\"https://sagebionetworks.jira.com/servicedesk/customer/portals/\"\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Contact Us\n </a>\n </div>\n </>\n )}\n </div>\n </Drawer>\n </div>\n <CreateProjectModal\n onClose={() => setIsShowingCreateProjectModal(false)}\n isShowingModal={isShowingCreateProjectModal}\n />\n </>\n )\n}\n\nexport default SynapseNavDrawer\n"],"mappings":"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"}

package/dist/components/SynapsePortalBanners/SynapsePortalBanners.js CHANGED Viewed

@@ -7,7 +7,7 @@ import "../../synapse-queries/index.js";
 import { Box as r, Typography as i } from "@mui/material";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { ColumnSingleValueFilterOperator as c } from "@sage-bionetworks/synapse-types";
-import { ChevronRightTwoTone as l } from "@mui/icons-material";
+import l from "@mui/icons-material/ChevronRightTwoTone";
 //#region src/components/SynapsePortalBanners/SynapsePortalBanners.tsx
 function u({ entityId: u, dataCatalogEntityId: d = "syn61609402", sourceAppConfigTableID: f = "syn45291362" }) {
 	let { data: p } = t(u), m = p ? p.path.map((e) => e.id).slice(1) : [u], h = m ? [{

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapsePortalBanners.js","names":[],"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\n .map(row => row.values[0])\n .filter((v): v is string => !!v) 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\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"],"mappings":";;;;;;;;;;;AAuBA,SAAwB,EAAqB,EAC3C,aACA,yBAAsB,eACtB,4BAAyB,iBACG;CAC5B,IAAM,EAAE,MAAM,MAAmB,EAAiB,CAAQ,GAGpD,IAA2B,IAC7B,EAAe,KAAK,KAAI,MAAU,EAAO,EAAE,EAAE,MAAM,CAAC,IACpD,CAAC,CAAQ,GAEP,IACJ,IACI,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,GACD,EAAE,MAAM,MAAoB,EAChC;EACE,UAAU;EACV,OAAO;GACL,KAAK,2BAA2B;GAChC,mBAAmB;EACrB;EACA,UAAA;EACA,cAAc;CAChB,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAEM,IAAS,GAAiB,cAAc,aAAa,cACrD,IAAmB,CAAC,CAAC,KAAU,GAAQ,KAAK,SAAS,GAErD,IAAS,GAAQ,KACpB,KAAI,MAAO,EAAI,OAAO,EAAE,EACxB,QAAQ,MAAmB,CAAC,CAAC,CAAC,GAC3B,IAAY,KAAU,EAAO,SAAS,GAatC,IAAmB,EACvB,GAZ6D,IAC3D,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,CAIL,GACM,IAAsB,CAAC,CAAC,KAAoB,EAAiB,SAAS;CAO5E,OALI,CAAC,KAAa,CAAC,KAAoB,CAAC,IAC/B,kBAAA,GAAA,CAAI,CAAA,IAKX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,OAAO;GACP,YAAY;EACd;YAEC,EAAiB,KAAK,GAAW,MAO9B,kBAAC,GAAD;GAEE,WAAU;GACV,MATmB,EAAO,KAAK,MAAK,MAC/B,EAAI,OAAO,OAAO,EAAU,KAGxB,GAAgB,OAAO,MAAM,EAAU;GAMhD,QAAO;GACP,KAAI;GACJ,MAAM;GACN,IAAI;IACF,SAAS;IACT,UAAU;IACV,SAAS;IACT,gBAAgB;IAChB,QAAQ;IACR,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;IACT,WAAW,EACT,gBAAgB,kBAClB;IACA,OAAO;IACP,YAAY;IACZ,IAAI;IACJ,IAAI;GACN;aAxBF,CA0BE,kBAAC,GAAD;IACE,MAAM;IACN,IAAI;KACF,SAAS;KACT,UAAU;KACV,gBAAgB;KAChB,KAAK;IACP;cAPF,CASE,kBAAC,GAAD;KACE,IAAI,EACF,OAAO,EACL,QAAQ,OACV,EACF;eAEC,GAAW;IACT,CAAA,GACL,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,eAAe;MACf,gBAAgB;MAChB,IAAI;KACN;eANF,CAQE,kBAAC,GAAD;MAAY,SAAQ;MAAQ,IAAI,EAAE,YAAY,IAAI;gBAAG;KAEzC,CAAA,GACZ,kBAAC,GAAD;MAAY,SAAQ;gBAApB;OACG;OAAI;OACa,EAAU;MAClB;OACT;MACF;OACL,kBAAC,GAAD,CAAsB,CAAA,CACnB;KA7DE,CA6DF,CAER;CACE,CAAA;AAET"}
1	+ {"version":3,"file":"SynapsePortalBanners.js","names":[],"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/ChevronRightTwoTone'\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\n .map(row => row.values[0])\n .filter((v): v is string => !!v) 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\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"],"mappings":";;;;;;;;;;;AAuBA,SAAwB,EAAqB,EAC3C,aACA,yBAAsB,eACtB,4BAAyB,iBACG;CAC5B,IAAM,EAAE,MAAM,MAAmB,EAAiB,CAAQ,GAGpD,IAA2B,IAC7B,EAAe,KAAK,KAAI,MAAU,EAAO,EAAE,EAAE,MAAM,CAAC,IACpD,CAAC,CAAQ,GAEP,IACJ,IACI,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,GACD,EAAE,MAAM,MAAoB,EAChC;EACE,UAAU;EACV,OAAO;GACL,KAAK,2BAA2B;GAChC,mBAAmB;EACrB;EACA,UAAA;EACA,cAAc;CAChB,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAEM,IAAS,GAAiB,cAAc,aAAa,cACrD,IAAmB,CAAC,CAAC,KAAU,GAAQ,KAAK,SAAS,GAErD,IAAS,GAAQ,KACpB,KAAI,MAAO,EAAI,OAAO,EAAE,EACxB,QAAQ,MAAmB,CAAC,CAAC,CAAC,GAC3B,IAAY,KAAU,EAAO,SAAS,GAatC,IAAmB,EACvB,GAZ6D,IAC3D,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,CAIL,GACM,IAAsB,CAAC,CAAC,KAAoB,EAAiB,SAAS;CAO5E,OALI,CAAC,KAAa,CAAC,KAAoB,CAAC,IAC/B,kBAAA,GAAA,CAAI,CAAA,IAKX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,OAAO;GACP,YAAY;EACd;YAEC,EAAiB,KAAK,GAAW,MAO9B,kBAAC,GAAD;GAEE,WAAU;GACV,MATmB,EAAO,KAAK,MAAK,MAC/B,EAAI,OAAO,OAAO,EAAU,KAGxB,GAAgB,OAAO,MAAM,EAAU;GAMhD,QAAO;GACP,KAAI;GACJ,MAAM;GACN,IAAI;IACF,SAAS;IACT,UAAU;IACV,SAAS;IACT,gBAAgB;IAChB,QAAQ;IACR,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;IACT,WAAW,EACT,gBAAgB,kBAClB;IACA,OAAO;IACP,YAAY;IACZ,IAAI;IACJ,IAAI;GACN;aAxBF,CA0BE,kBAAC,GAAD;IACE,MAAM;IACN,IAAI;KACF,SAAS;KACT,UAAU;KACV,gBAAgB;KAChB,KAAK;IACP;cAPF,CASE,kBAAC,GAAD;KACE,IAAI,EACF,OAAO,EACL,QAAQ,OACV,EACF;eAEC,GAAW;IACT,CAAA,GACL,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,eAAe;MACf,gBAAgB;MAChB,IAAI;KACN;eANF,CAQE,kBAAC,GAAD;MAAY,SAAQ;MAAQ,IAAI,EAAE,YAAY,IAAI;gBAAG;KAEzC,CAAA,GACZ,kBAAC,GAAD;MAAY,SAAQ;gBAApB;OACG;OAAI;OACa,EAAU;MAClB;OACT;MACF;OACL,kBAAC,GAAD,CAAsB,CAAA,CACnB;KA7DE,CA6DF,CAER;CACE,CAAA;AAET"}

package/dist/components/SynapseSearchPageResults/HighlightedTypography.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Typography as t } from "@mui/material";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/SynapseSearchPageResults/HighlightedTypography.tsx
 function r(e) {
-	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	return e.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
 }
 function i({ text: i, searchTerms: a, ...o }) {
 	if (a.length === 0) return /* @__PURE__ */ n(t, {

package/dist/components/SynapseSearchPageResults/HighlightedTypography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HighlightedTypography.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/HighlightedTypography.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\nimport styles from './HighlightedTypography.module.scss'\n\ntype HighlightedTypographyProps = {\n text: string\n searchTerms: string[]\n} & TypographyProps\n\nfunction escapeRegex(s: string) {\n return s.~~replace~~(/[.*+?^${}()\|[\\]\\\\]/g, ~~'\\\\$&'~~)\n}\n\nexport function HighlightedTypography({\n text,\n searchTerms,\n ...typographyProps\n}: HighlightedTypographyProps) {\n if (searchTerms.length === 0) {\n return <Typography {...typographyProps}>{text}</Typography>\n }\n const pattern = searchTerms.map(escapeRegex).join('\|')\n const regex = new RegExp(`(${pattern})`, 'gi')\n const parts = text.split(regex)\n\n return (\n <Typography {...typographyProps}>\n {parts.map((part, i) =>\n regex.test(part) ? (\n <span key={i} className={styles.highlight}>\n {part}\n </span>\n ) : (\n part\n ),\n )}\n </Typography>\n )\n}\n"],"mappings":";;;;AAQA,SAAS,EAAY,GAAW;CAC9B,OAAO,EAAE,~~QAAQ~~,uBAAuB,~~MAAM~~;~~AAChD~~;AAEA,SAAgB,EAAsB,EACpC,SACA,gBACA,GAAG,KAC0B;CAC7B,IAAI,EAAY,WAAW,GACzB,OAAO,kBAAC,GAAD;EAAY,GAAI;YAAkB;CAAiB,CAAA;CAE5D,IAAM,IAAU,EAAY,IAAI,CAAW,EAAE,KAAK,GAAG,GAC/C,IAAY,OAAO,IAAI,EAAQ,IAAI,IAAI,GACvC,IAAQ,EAAK,MAAM,CAAK;CAE9B,OACE,kBAAC,GAAD;EAAY,GAAI;YACb,EAAM,KAAK,GAAM,MAChB,EAAM,KAAK,CAAI,IACb,kBAAC,QAAD;GAAc,WAAW,EAAO;aAC7B;EACG,GAFK,CAEL,IAEN,CAEJ;CACU,CAAA;AAEhB"}
1	+ {"version":3,"file":"HighlightedTypography.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/HighlightedTypography.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\nimport styles from './HighlightedTypography.module.scss'\n\ntype HighlightedTypographyProps = {\n text: string\n searchTerms: string[]\n} & TypographyProps\n\nfunction escapeRegex(s: string) {\n return s.replaceAll(/[.*+?^${}()\|[\\]\\\\]/g, String.raw`\\$&`)\n}\n\nexport function HighlightedTypography({\n text,\n searchTerms,\n ...typographyProps\n}: HighlightedTypographyProps) {\n if (searchTerms.length === 0) {\n return <Typography {...typographyProps}>{text}</Typography>\n }\n const pattern = searchTerms.map(escapeRegex).join('\|')\n const regex = new RegExp(`(${pattern})`, 'gi')\n const parts = text.split(regex)\n\n return (\n <Typography {...typographyProps}>\n {parts.map((part, i) =>\n regex.test(part) ? (\n <span key={i} className={styles.highlight}>\n {part}\n </span>\n ) : (\n part\n ),\n )}\n </Typography>\n )\n}\n"],"mappings":";;;;AAQA,SAAS,EAAY,GAAW;CAC9B,OAAO,EAAE,WAAW,uBAAuB,OAAO,GAAG,KAAK;AAC5D;AAEA,SAAgB,EAAsB,EACpC,SACA,gBACA,GAAG,KAC0B;CAC7B,IAAI,EAAY,WAAW,GACzB,OAAO,kBAAC,GAAD;EAAY,GAAI;YAAkB;CAAiB,CAAA;CAE5D,IAAM,IAAU,EAAY,IAAI,CAAW,EAAE,KAAK,GAAG,GAC/C,IAAY,OAAO,IAAI,EAAQ,IAAI,IAAI,GACvC,IAAQ,EAAK,MAAM,CAAK;CAE9B,OACE,kBAAC,GAAD;EAAY,GAAI;YACb,EAAM,KAAK,GAAM,MAChB,EAAM,KAAK,CAAI,IACb,kBAAC,QAAD;GAAc,WAAW,EAAO;aAC7B;EACG,GAFK,CAEL,IAEN,CAEJ;CACU,CAAA;AAEhB"}

package/dist/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchFacetPanelUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAIvD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AAWxC,eAAO,MAAM,UAAU;;;;;;;;IAOtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAGtD,CAAA;AAGD,eAAO,MAAM,mBAAmB,UAU/B,CAAA;AAED,eAAO,MAAM,gBAAgB,UAK5B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ7D,CAAA;AAGD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAI1D;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,GACZ,OAAO,CAYT;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,KAAG,OAO1C,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,~~CAEpD~~;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAMvD;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CA8BhE;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CA0BrE"}
1	+ {"version":3,"file":"SearchFacetPanelUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAIvD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AAWxC,eAAO,MAAM,UAAU;;;;;;;;IAOtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAGtD,CAAA;AAGD,eAAO,MAAM,mBAAmB,UAU/B,CAAA;AAED,eAAO,MAAM,gBAAgB,UAK5B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ7D,CAAA;AAGD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAI1D;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,GACZ,OAAO,CAYT;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,KAAG,OAO1C,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIpD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAMvD;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CA8BhE;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CA0BrE"}

package/dist/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.js CHANGED Viewed

@@ -67,11 +67,11 @@ function p(e, t) {
 	return !n && !r;
 }
 var m = (e) => {
-	let t = e.toLowerCase().replace(/_/g, "");
-	return u.some((e) => e.toLowerCase().replace(/_/g, "") === t);
+	let t = e.toLowerCase().replaceAll("_", "");
+	return u.some((e) => e.toLowerCase().replaceAll("_", "") === t);
 };
 function h(e) {
-	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+	return e.replaceAll("_", " ").replaceAll(/\b\w/g, (e) => e.toUpperCase());
 }
 function g(e) {
 	return c[e] || h(e);