npm - synapse-react-client - Versions diffs - 4.0.19 → 4.0.21 - Mend

synapse-react-client 4.0.19 → 4.0.21

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 (1619) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GoalsV2.Desktop.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.Desktop.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport QueryCount from '../QueryCount/QueryCount'\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext'\nimport { Typography } from '@mui/material'\nimport { Card, CardActionArea, CardContent, CardMedia } from '@mui/material'\n\nexport default function GoalsV2Desktop({\n asset,\n link,\n countSql,\n title,\n}: GoalsV2DataProps) {\n return (\n <Card\n sx={{\n width: '200px',\n maxWidth: '200px',\n height: 'auto',\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n boxShadow: 'none',\n }}\n >\n <CardActionArea onClick={() => window.open(link, '_self')}>\n <CardMedia\n component=\"img\"\n sx={{ height: 150, width: '100%', paddingX: 2, overflow: 'visible' }}\n image={asset}\n alt={title}\n />\n <CardContent\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Typography\n variant=\"h6\"\n sx={{ marginRight: 1, fontSize: '16px', fontWeight: 900 }}\n >\n {countSql && (\n <QueryCount parens={false} query={{ sql: countSql }} />\n )}\n </Typography>\n <Typography variant=\"body1\">{title}</Typography>\n <NavigateNextIcon sx={{ color: 'primary.main' }} />\n </CardContent>\n </CardActionArea>\n </Card>\n )\n}\n"],"mappings":";;;;;AAMA,SAAwB,EAAe,EACrC,UACA,SACA,aACA,YACmB;~~AACnB~~,~~QACE~~,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,UAAU;GACV,QAAQ;GACR,iBAAiB;GACjB,aAAa;GACb,WAAW;~~GACZ~~;~~YAED~~,kBAAC,GAAD;GAAgB,eAAe,OAAO,KAAK,GAAM,~~QAAQ~~;~~aAAzD~~,CACE,kBAAC,GAAD;IACE,WAAU;IACV,IAAI;KAAE,QAAQ;KAAK,OAAO;KAAQ,UAAU;KAAG,UAAU;~~KAAW~~;~~IACpE~~,OAAO;IACP,KAAK;~~IACL~~,CAAA,~~EACF~~,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,gBAAgB;~~KACjB~~;~~cALH~~;KAOE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,aAAa;OAAG,UAAU;OAAQ,YAAY;~~OAAK~~;~~gBAExD~~,KACC,kBAAC,GAAD;OAAY,QAAQ;OAAO,OAAO,EAAE,KAAK,~~GAAU~~;~~OAAI~~,CAAA;~~MAE9C~~,CAAA;~~KACb~~,kBAAC,GAAD;MAAY,SAAQ;gBAAS;~~MAAmB~~,CAAA;~~KAChD~~,kBAAC,GAAD,EAAkB,IAAI,EAAE,OAAO,~~gBAAgB~~,EAAI,CAAA;~~KACvC~~;~~MACC~~;;~~EACZ~~,CAAA"}
1	+ {"version":3,"file":"GoalsV2.Desktop.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.Desktop.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport QueryCount from '../QueryCount/QueryCount'\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext'\nimport { Typography } from '@mui/material'\nimport { Card, CardActionArea, CardContent, CardMedia } from '@mui/material'\n\nexport default function GoalsV2Desktop({\n asset,\n link,\n countSql,\n title,\n}: GoalsV2DataProps) {\n return (\n <Card\n sx={{\n width: '200px',\n maxWidth: '200px',\n height: 'auto',\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n boxShadow: 'none',\n }}\n >\n <CardActionArea onClick={() => window.open(link, '_self')}>\n <CardMedia\n component=\"img\"\n sx={{ height: 150, width: '100%', paddingX: 2, overflow: 'visible' }}\n image={asset}\n alt={title}\n />\n <CardContent\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Typography\n variant=\"h6\"\n sx={{ marginRight: 1, fontSize: '16px', fontWeight: 900 }}\n >\n {countSql && (\n <QueryCount parens={false} query={{ sql: countSql }} />\n )}\n </Typography>\n <Typography variant=\"body1\">{title}</Typography>\n <NavigateNextIcon sx={{ color: 'primary.main' }} />\n </CardContent>\n </CardActionArea>\n </Card>\n )\n}\n"],"mappings":";;;;;AAMA,SAAwB,EAAe,EACrC,UACA,SACA,aACA,YACmB;CACnB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,UAAU;GACV,QAAQ;GACR,iBAAiB;GACjB,aAAa;GACb,WAAW;EACb;YAEA,kBAAC,GAAD;GAAgB,eAAe,OAAO,KAAK,GAAM,OAAO;aAAxD,CACE,kBAAC,GAAD;IACE,WAAU;IACV,IAAI;KAAE,QAAQ;KAAK,OAAO;KAAQ,UAAU;KAAG,UAAU;IAAU;IACnE,OAAO;IACP,KAAK;GACN,CAAA,GACD,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;cALF;KAOE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OAAE,aAAa;OAAG,UAAU;OAAQ,YAAY;MAAI;gBAEvD,KACC,kBAAC,GAAD;OAAY,QAAQ;OAAO,OAAO,EAAE,KAAK,EAAS;MAAI,CAAA;KAE9C,CAAA;KACZ,kBAAC,GAAD;MAAY,SAAQ;gBAAS;KAAkB,CAAA;KAC/C,kBAAC,GAAD,EAAkB,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;IACvC;KACC;;CACZ,CAAA;AAEV"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GoogleAnalytics.js","names":[],"sources":["../../../src/components/GoogleAnalytics/GoogleAnalytics.tsx"],"sourcesContent":["import { useGoogleAnalytics } from '@/utils/hooks'\n\nexport type GoogleAnalyticsProps = {\n measurementId?: string\n}\n/*\n GoogleAnalytics is a component wrapper for the useGoogleAnalytics() hook.\n * This is exported for use in the Synapse.org GWT codebase.\n * @param props\n */\nexport function GoogleAnalytics(props: GoogleAnalyticsProps) {\n const { measurementId } = props\n useGoogleAnalytics(measurementId)\n return <></>\n}\nexport default GoogleAnalytics\n"],"mappings":";;;;AAUA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,qBAAkB;~~AAE1B~~,~~QADA~~,EAAmB,~~EAAc~~,~~EAC1B~~,kBAAA,GAAA,~~EAAK~~,CAAA"}
1	+ {"version":3,"file":"GoogleAnalytics.js","names":[],"sources":["../../../src/components/GoogleAnalytics/GoogleAnalytics.tsx"],"sourcesContent":["import { useGoogleAnalytics } from '@/utils/hooks'\n\nexport type GoogleAnalyticsProps = {\n measurementId?: string\n}\n/*\n GoogleAnalytics is a component wrapper for the useGoogleAnalytics() hook.\n * This is exported for use in the Synapse.org GWT codebase.\n * @param props\n */\nexport function GoogleAnalytics(props: GoogleAnalyticsProps) {\n const { measurementId } = props\n useGoogleAnalytics(measurementId)\n return <></>\n}\nexport default GoogleAnalytics\n"],"mappings":";;;;AAUA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,qBAAkB;CAE1B,OADA,EAAmB,CAAa,GACzB,kBAAA,GAAA,CAAI,CAAA;AACb"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GoogleMap.js","names":[],"sources":["../../../src/components/GoogleMap/GoogleMap.tsx"],"sourcesContent":["import {\n GeoData,\n getAllSynapseUserGeoData,\n getGoogleMapsApiKey,\n getSynapseTeamGeoData,\n} from '@/synapse-client'\nimport { GoogleMap, LoadScript } from '@react-google-maps/api'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SynapseUserMarker } from './SynapseUserMarker'\n\n// Load the google maps types -- note that the script is dynamically loaded, so the module will not be immediately available\n/// <reference types=\"google.maps\" />\n\nexport type MapProps = {\n /** If selected, then the map will only show locations for users in a particular team. /\n teamId?: string\n /* Override the Google Maps API key used by the component. Useful for Storybook. /\n apiKeyOverride?: string\n}\n\n/\n Returns a map component showing the locations of Synapse users. Note that this component must be wrapped in a container with defined size, or else the map will not appear.\n * Note that the geolocation data is updated via a cron job, so the map will not update in real time.\n * @param props\n * @returns\n /\nfunction Map(props: MapProps) {\n const { teamId, apiKeyOverride } = props\n\n const { data: apiKey } = useQuery({\n queryKey: ['googleMapsApiKey'],\n queryFn: getGoogleMapsApiKey,\n throwOnError: true,\n })\n\n /* Tracks the currently selected marker on click */\n const [currentOpenGeoData, setCurrentOpenGeoData] = useState<GeoData \| null>(\n null,\n )\n\n const { data: geoData, isLoading: isLoadingGeoData } = useQuery({\n queryKey: ['synapseGeoData', teamId],\n\n queryFn: () => {\n if (teamId) {\n return getSynapseTeamGeoData(teamId)\n } else {\n return getAllSynapseUserGeoData()\n }\n },\n\n throwOnError: true,\n })\n\n const onLoad = useCallback(\n function callback(map: google.maps.Map) {\n if (geoData) {\n const bounds = new google.maps.LatLngBounds()\n geoData.forEach(gd => {\n bounds.extend({ lat: gd.latLng[0], lng: gd.latLng[1] })\n })\n map.fitBounds(bounds)\n }\n },\n [geoData],\n )\n\n const initialOptions = useMemo(\n () => ({\n zoom: 1,\n scrollwheel: true,\n mapTypeControl: false,\n streetViewControl: false,\n draggable: true,\n maxZoom: 12,\n controlSize: 22,\n }),\n [],\n )\n if (!(apiKeyOverride \|\| apiKey) \|\| isLoadingGeoData) {\n return <SynapseSpinner />\n }\n\n return (\n <LoadScript\n googleMapsApiKey={(apiKeyOverride \|\| apiKey)!}\n loadingElement={<SynapseSpinner />}\n >\n <GoogleMap\n mapContainerStyle={{ height: '100%', width: '100%' }}\n onLoad={onLoad}\n options={initialOptions}\n >\n {geoData!.map(gd => {\n return (\n <SynapseUserMarker\n key={gd.location}\n geoData={gd}\n onClick={() => setCurrentOpenGeoData(gd)}\n onInfoWindowCloseClick={() => setCurrentOpenGeoData(null)}\n showInfoWindow={gd === currentOpenGeoData}\n />\n )\n })}\n </GoogleMap>\n </LoadScript>\n )\n}\n\nexport default Map\n"],"mappings":";;;;;;;;;AA4BA,SAAS,EAAI,GAAiB;CAC5B,IAAM,EAAE,WAAQ,sBAAmB,GAE7B,EAAE,MAAM,MAAW,EAAS;EAChC,UAAU,CAAC,~~mBAAmB~~;~~EAC9B~~,SAAS;EACT,cAAc;~~EACf~~,CAAC,~~EAGI~~,CAAC,GAAoB,KAAyB,EAClD,~~KACD~~,~~EAEK~~,EAAE,MAAM,GAAS,WAAW,MAAqB,EAAS;EAC9D,UAAU,CAAC,kBAAkB,~~EAAO~~;~~EAEpC~~,eACM,IACK,EAAsB,~~EAAO~~,~~GAE7B~~,~~GAA0B~~;~~EAIrC~~,cAAc;~~EACf~~,CAAC,~~EAEI~~,IAAS,EACb,SAAkB,GAAsB;~~AACtC~~,~~MAAI~~,GAAS;GACX,IAAM,IAAS,IAAI,OAAO,KAAK,~~cAAc~~;~~AAI7C~~,~~GAHA~~,EAAQ,SAAQ,MAAM;~~AACpB~~,~~MAAO~~,OAAO;KAAE,KAAK,EAAG,OAAO;KAAI,KAAK,EAAG,OAAO;~~KAAI~~,CAAC;~~KACvD~~,~~EACF~~,EAAI,UAAU,~~EAAO;;IAGzB~~,CAAC,~~EAAQ~~,CACV,~~EAEK~~,IAAiB,SACd;EACL,MAAM;EACN,aAAa;EACb,gBAAgB;EAChB,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,aAAa;~~EACd~~,~~GACD~~,~~EAAE~~,CACH;~~AAKD~~,~~QAJI~~,EAAE,KAAkB,MAAW,IAC1B,kBAAC,GAAD,~~EAAkB~~,CAAA,~~GAIzB~~,kBAAC,GAAD;EACE,kBAAmB,KAAkB;EACrC,gBAAgB,kBAAC,GAAD,~~EAAkB~~,CAAA;~~YAElC~~,kBAAC,GAAD;GACE,mBAAmB;IAAE,QAAQ;IAAQ,OAAO;~~IAAQ~~;~~GAC5C~~;GACR,SAAS;aAER,EAAS,KAAI,MAEV,kBAAC,GAAD;IAEE,SAAS;IACT,eAAe,EAAsB,~~EAAG~~;~~IACxC~~,8BAA8B,EAAsB,~~KAAK~~;~~IACzD~~,gBAAgB,MAAO;~~IACvB~~,~~EALK~~,EAAG,~~SAKR~~,CAEJ;~~GACQ~~,CAAA;~~EACD~~,CAAA"}
1	+ {"version":3,"file":"GoogleMap.js","names":[],"sources":["../../../src/components/GoogleMap/GoogleMap.tsx"],"sourcesContent":["import {\n GeoData,\n getAllSynapseUserGeoData,\n getGoogleMapsApiKey,\n getSynapseTeamGeoData,\n} from '@/synapse-client'\nimport { GoogleMap, LoadScript } from '@react-google-maps/api'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SynapseUserMarker } from './SynapseUserMarker'\n\n// Load the google maps types -- note that the script is dynamically loaded, so the module will not be immediately available\n/// <reference types=\"google.maps\" />\n\nexport type MapProps = {\n /** If selected, then the map will only show locations for users in a particular team. /\n teamId?: string\n /* Override the Google Maps API key used by the component. Useful for Storybook. /\n apiKeyOverride?: string\n}\n\n/\n Returns a map component showing the locations of Synapse users. Note that this component must be wrapped in a container with defined size, or else the map will not appear.\n * Note that the geolocation data is updated via a cron job, so the map will not update in real time.\n * @param props\n * @returns\n /\nfunction Map(props: MapProps) {\n const { teamId, apiKeyOverride } = props\n\n const { data: apiKey } = useQuery({\n queryKey: ['googleMapsApiKey'],\n queryFn: getGoogleMapsApiKey,\n throwOnError: true,\n })\n\n /* Tracks the currently selected marker on click */\n const [currentOpenGeoData, setCurrentOpenGeoData] = useState<GeoData \| null>(\n null,\n )\n\n const { data: geoData, isLoading: isLoadingGeoData } = useQuery({\n queryKey: ['synapseGeoData', teamId],\n\n queryFn: () => {\n if (teamId) {\n return getSynapseTeamGeoData(teamId)\n } else {\n return getAllSynapseUserGeoData()\n }\n },\n\n throwOnError: true,\n })\n\n const onLoad = useCallback(\n function callback(map: google.maps.Map) {\n if (geoData) {\n const bounds = new google.maps.LatLngBounds()\n geoData.forEach(gd => {\n bounds.extend({ lat: gd.latLng[0], lng: gd.latLng[1] })\n })\n map.fitBounds(bounds)\n }\n },\n [geoData],\n )\n\n const initialOptions = useMemo(\n () => ({\n zoom: 1,\n scrollwheel: true,\n mapTypeControl: false,\n streetViewControl: false,\n draggable: true,\n maxZoom: 12,\n controlSize: 22,\n }),\n [],\n )\n if (!(apiKeyOverride \|\| apiKey) \|\| isLoadingGeoData) {\n return <SynapseSpinner />\n }\n\n return (\n <LoadScript\n googleMapsApiKey={(apiKeyOverride \|\| apiKey)!}\n loadingElement={<SynapseSpinner />}\n >\n <GoogleMap\n mapContainerStyle={{ height: '100%', width: '100%' }}\n onLoad={onLoad}\n options={initialOptions}\n >\n {geoData!.map(gd => {\n return (\n <SynapseUserMarker\n key={gd.location}\n geoData={gd}\n onClick={() => setCurrentOpenGeoData(gd)}\n onInfoWindowCloseClick={() => setCurrentOpenGeoData(null)}\n showInfoWindow={gd === currentOpenGeoData}\n />\n )\n })}\n </GoogleMap>\n </LoadScript>\n )\n}\n\nexport default Map\n"],"mappings":";;;;;;;;;AA4BA,SAAS,EAAI,GAAiB;CAC5B,IAAM,EAAE,WAAQ,sBAAmB,GAE7B,EAAE,MAAM,MAAW,EAAS;EAChC,UAAU,CAAC,kBAAkB;EAC7B,SAAS;EACT,cAAc;CAChB,CAAC,GAGK,CAAC,GAAoB,KAAyB,EAClD,IACF,GAEM,EAAE,MAAM,GAAS,WAAW,MAAqB,EAAS;EAC9D,UAAU,CAAC,kBAAkB,CAAM;EAEnC,eACM,IACK,EAAsB,CAAM,IAE5B,EAAyB;EAIpC,cAAc;CAChB,CAAC,GAEK,IAAS,EACb,SAAkB,GAAsB;EACtC,IAAI,GAAS;GACX,IAAM,IAAS,IAAI,OAAO,KAAK,aAAa;GAI5C,AAHA,EAAQ,SAAQ,MAAM;IACpB,EAAO,OAAO;KAAE,KAAK,EAAG,OAAO;KAAI,KAAK,EAAG,OAAO;IAAG,CAAC;GACxD,CAAC,GACD,EAAI,UAAU,CAAM;EACtB;CACF,GACA,CAAC,CAAO,CACV,GAEM,IAAiB,SACd;EACL,MAAM;EACN,aAAa;EACb,gBAAgB;EAChB,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,aAAa;CACf,IACA,CAAC,CACH;CAKA,OAJI,EAAE,KAAkB,MAAW,IAC1B,kBAAC,GAAD,CAAiB,CAAA,IAIxB,kBAAC,GAAD;EACE,kBAAmB,KAAkB;EACrC,gBAAgB,kBAAC,GAAD,CAAiB,CAAA;YAEjC,kBAAC,GAAD;GACE,mBAAmB;IAAE,QAAQ;IAAQ,OAAO;GAAO;GAC3C;GACR,SAAS;aAER,EAAS,KAAI,MAEV,kBAAC,GAAD;IAEE,SAAS;IACT,eAAe,EAAsB,CAAE;IACvC,8BAA8B,EAAsB,IAAI;IACxD,gBAAgB,MAAO;GACxB,GALM,EAAG,QAKT,CAEJ;EACQ,CAAA;CACD,CAAA;AAEhB"}

package/dist/components/GoogleMap/SynapseUserMarker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseUserMarker.js","names":[],"sources":["../../../src/components/GoogleMap/SynapseUserMarker.tsx"],"sourcesContent":["import { GeoData } from '@/synapse-client'\nimport { Divider, Typography } from '@mui/material'\nimport { InfoWindow, Marker } from '@react-google-maps/api'\nimport { Fragment, useMemo } from 'react'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nconst MAP_MARKER_IMAGE_URL =\n 'https://s3.amazonaws.com/static.synapse.org/images/synapse-map-marker.png'\n\ntype SynapseUserMarkerProps = {\n /** The location and users that this point represents /\n geoData: GeoData\n /* Whether to show the list of users in a pop-up modal /\n showInfoWindow: boolean\n /* Invoked when the marker is clicked /\n onClick: () => void\n /* Invoked when the InfoWindow close button is clicked /\n onInfoWindowCloseClick: () => void\n}\n\n/\n A Google Maps marker that represents a particular location for one or more Synapse users.\n * @param props\n * @returns\n */\nexport function SynapseUserMarker(props: SynapseUserMarkerProps) {\n const { geoData, showInfoWindow, onClick, onInfoWindowCloseClick } = props\n const position = useMemo(\n () => ({\n lat: geoData.latLng[0],\n lng: geoData.latLng[1],\n }),\n [geoData.latLng],\n )\n\n const options = useMemo(\n () => ({\n icon: {\n url: MAP_MARKER_IMAGE_URL,\n size: new google.maps.Size(20, 32),\n origin: new google.maps.Point(0, 0),\n anchor: new google.maps.Point(0, 32),\n },\n }),\n [],\n )\n return (\n <Marker onClick={onClick} position={position} options={options}>\n {showInfoWindow && (\n <InfoWindow onCloseClick={onInfoWindowCloseClick}>\n <>\n <Typography variant=\"body1\" component={'span'}>\n {geoData.location}\n </Typography>\n <Divider />\n {geoData.userIds.map(id => (\n <Fragment key={id}>\n <br />\n <UserBadge userId={id} openLinkInNewTab={true} />\n </Fragment>\n ))}\n </>\n </InfoWindow>\n )}\n </Marker>\n )\n}\n\nexport default SynapseUserMarker\n"],"mappings":";;;;;;AAMA,IAAM,IACJ;AAkBF,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EAAE,YAAS,mBAAgB,YAAS,8BAA2B;~~AAoBrE~~,~~QACE~~,kBAAC,GAAD;EAAiB;EAAmB,UApBrB,SACR;GACL,KAAK,EAAQ,OAAO;GACpB,KAAK,EAAQ,OAAO;~~GACrB~~,~~GACD~~,CAAC,EAAQ,~~OAAO~~,~~CAeoB~~;EAAmB,SAZzC,SACP,EACL,MAAM;GACJ,KAAK;GACL,MAAM,IAAI,OAAO,KAAK,KAAK,IAAI,~~GAAG~~;~~GAClC~~,QAAQ,IAAI,OAAO,KAAK,MAAM,GAAG,~~EAAE~~;~~GACnC~~,QAAQ,IAAI,OAAO,KAAK,MAAM,GAAG,~~GAAG~~;~~GACrC~~,EACF,~~GACD~~,~~EAAE~~,~~CAGqD~~;YACpD,KACC,kBAAC,GAAD;GAAY,cAAc;aACxB,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW;eACpC,EAAQ;~~KACE~~,CAAA;~~IACb~~,kBAAC,GAAD,~~EAAW~~,CAAA;~~IACV~~,EAAQ,QAAQ,KAAI,MACnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,~~EAAM~~,CAAA,~~EACN~~,kBAAC,GAAD;KAAW,QAAQ;KAAI,kBAAkB;~~KAAQ~~,CAAA,CACxC,EAAA,~~EAHI~~,~~EAGJ~~,CACX;~~IACD~~,EAAA,CAAA;~~GACQ~~,CAAA;~~EAER~~,CAAA"}
1	+ {"version":3,"file":"SynapseUserMarker.js","names":[],"sources":["../../../src/components/GoogleMap/SynapseUserMarker.tsx"],"sourcesContent":["import { GeoData } from '@/synapse-client'\nimport { Divider, Typography } from '@mui/material'\nimport { InfoWindow, Marker } from '@react-google-maps/api'\nimport { Fragment, useMemo } from 'react'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nconst MAP_MARKER_IMAGE_URL =\n 'https://s3.amazonaws.com/static.synapse.org/images/synapse-map-marker.png'\n\ntype SynapseUserMarkerProps = {\n /** The location and users that this point represents /\n geoData: GeoData\n /* Whether to show the list of users in a pop-up modal /\n showInfoWindow: boolean\n /* Invoked when the marker is clicked /\n onClick: () => void\n /* Invoked when the InfoWindow close button is clicked /\n onInfoWindowCloseClick: () => void\n}\n\n/\n A Google Maps marker that represents a particular location for one or more Synapse users.\n * @param props\n * @returns\n */\nexport function SynapseUserMarker(props: SynapseUserMarkerProps) {\n const { geoData, showInfoWindow, onClick, onInfoWindowCloseClick } = props\n const position = useMemo(\n () => ({\n lat: geoData.latLng[0],\n lng: geoData.latLng[1],\n }),\n [geoData.latLng],\n )\n\n const options = useMemo(\n () => ({\n icon: {\n url: MAP_MARKER_IMAGE_URL,\n size: new google.maps.Size(20, 32),\n origin: new google.maps.Point(0, 0),\n anchor: new google.maps.Point(0, 32),\n },\n }),\n [],\n )\n return (\n <Marker onClick={onClick} position={position} options={options}>\n {showInfoWindow && (\n <InfoWindow onCloseClick={onInfoWindowCloseClick}>\n <>\n <Typography variant=\"body1\" component={'span'}>\n {geoData.location}\n </Typography>\n <Divider />\n {geoData.userIds.map(id => (\n <Fragment key={id}>\n <br />\n <UserBadge userId={id} openLinkInNewTab={true} />\n </Fragment>\n ))}\n </>\n </InfoWindow>\n )}\n </Marker>\n )\n}\n\nexport default SynapseUserMarker\n"],"mappings":";;;;;;AAMA,IAAM,IACJ;AAkBF,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EAAE,YAAS,mBAAgB,YAAS,8BAA2B;CAoBrE,OACE,kBAAC,GAAD;EAAiB;EAAmB,UApBrB,SACR;GACL,KAAK,EAAQ,OAAO;GACpB,KAAK,EAAQ,OAAO;EACtB,IACA,CAAC,EAAQ,MAAM,CAeqB;EAAmB,SAZzC,SACP,EACL,MAAM;GACJ,KAAK;GACL,MAAM,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE;GACjC,QAAQ,IAAI,OAAO,KAAK,MAAM,GAAG,CAAC;GAClC,QAAQ,IAAI,OAAO,KAAK,MAAM,GAAG,EAAE;EACrC,EACF,IACA,CAAC,CAGsD;YACpD,KACC,kBAAC,GAAD;GAAY,cAAc;aACxB,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW;eACpC,EAAQ;IACC,CAAA;IACZ,kBAAC,GAAD,CAAU,CAAA;IACT,EAAQ,QAAQ,KAAI,MACnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,CAAK,CAAA,GACL,kBAAC,GAAD;KAAW,QAAQ;KAAI,kBAAkB;IAAO,CAAA,CACxC,EAAA,GAHK,CAGL,CACX;GACD,EAAA,CAAA;EACQ,CAAA;CAER,CAAA;AAEZ"}

package/dist/components/HasAccess/AccessIcon.js CHANGED Viewed

@@ -5,52 +5,52 @@ import { Fragment as n, jsx as r } from "react/jsx-runtime";
 var i = /* @__PURE__ */ function(e) {
 	return e.Accessible = "Accessible", e.AccessibleWithTerms = "AccessibleWithTerms", e.AccessBlockedByRestriction = "AccessBlockedByRestriction", e.AccessBlockedByRestrictionWithPendingRequest = "AccessBlockedByRestrictionWithPendingRequest", e.AccessBlockedByRestrictionWithPendingExternalRequest = "AccessBlockedByRestrictionWithPendingExternalRequest", e.AccessBlockedByRestrictionWithPendingRDCADAPRequest = "AccessBlockedByRestrictionWithPendingRDCADAPRequest", e.AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest", e.AccessBlockedByACL = "AccessBlockedByACL", e.AccessBlockedToAnonymous = "AccessBlockedToAnonymous", e.AccessibleExternalFileHandle = "AccessibleExternalFileHandle", e;
 }({}), a = {
-	[i.AccessBlockedToAnonymous]: {
+	AccessBlockedToAnonymous: {
 		icon: "accessClosed",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "You must sign in to access this item."
 	},
-	[i.AccessBlockedByRestriction]: {
+	AccessBlockedByRestriction: {
 		icon: "accessClosed",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "You must request access to this restricted item."
 	},
-	[i.AccessBlockedByRestrictionWithPendingRequest]: {
+	AccessBlockedByRestrictionWithPendingRequest: {
 		icon: "accessPending",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "Your access request is pending approval."
 	},
-	[i.AccessBlockedByRestrictionWithPendingExternalRequest]: {
+	AccessBlockedByRestrictionWithPendingExternalRequest: {
 		icon: "accessPendingCloud",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "Your access request is pending approval from an external system."
 	},
-	[i.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {
+	AccessBlockedByRestrictionWithPendingRDCADAPRequest: {
 		icon: "accessPendingCloud",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "Your access request is pending approval by RDCA-DAP."
 	},
-	[i.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {
+	AccessBlockedByRestrictionWithRejectedRDCADAPRequest: {
 		icon: "accessClosed",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "Your access request has been denied by RDCA-DAP."
 	},
-	[i.AccessBlockedByACL]: {
+	AccessBlockedByACL: {
 		icon: "accessClosed",
 		color: (e) => e.palette.warning.main,
 		tooltipText: "You do not have download access for this item."
 	},
-	[i.AccessibleWithTerms]: {
+	AccessibleWithTerms: {
 		icon: "accessOpen",
 		color: (e) => e.palette.success.main,
 		tooltipText: "View Terms"
 	},
-	[i.Accessible]: {
+	Accessible: {
 		icon: "accessOpen",
 		color: (e) => e.palette.success.main,
 		tooltipText: "You have access to this item."
 	},
-	[i.AccessibleExternalFileHandle]: {
+	AccessibleExternalFileHandle: {
 		icon: "linkOff",
 		color: (e) => e.palette.grey[700],
 		tooltipText: "Access may be controlled by an external system."

package/dist/components/HasAccess/AccessIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessIcon.js","names":[],"sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"sourcesContent":["import { SxProps, Theme, useTheme } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nexport enum RestrictionUiType {\n Accessible = 'Accessible',\n AccessibleWithTerms = 'AccessibleWithTerms',\n AccessBlockedByRestriction = 'AccessBlockedByRestriction',\n AccessBlockedByRestrictionWithPendingRequest = 'AccessBlockedByRestrictionWithPendingRequest',\n AccessBlockedByRestrictionWithPendingExternalRequest = 'AccessBlockedByRestrictionWithPendingExternalRequest',\n AccessBlockedByRestrictionWithPendingRDCADAPRequest = 'AccessBlockedByRestrictionWithPendingRDCADAPRequest',\n AccessBlockedByRestrictionWithRejectedRDCADAPRequest = 'AccessBlockedByRestrictionWithRejectedRDCADAPRequest',\n AccessBlockedByACL = 'AccessBlockedByACL',\n AccessBlockedToAnonymous = 'AccessBlockedToAnonymous',\n AccessibleExternalFileHandle = 'AccessibleExternalFileHandle',\n}\n\nconst iconConfiguration: Record<\n RestrictionUiType,\n { icon: IconName; color: (theme: Theme) => string; tooltipText: string }\n> = {\n [RestrictionUiType.AccessBlockedToAnonymous]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'You must sign in to access this item.',\n },\n [RestrictionUiType.AccessBlockedByRestriction]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'You must request access to this restricted item.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithPendingRequest]: {\n icon: 'accessPending',\n color: theme => theme.palette.warning.main,\n tooltipText: 'Your access request is pending approval.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithPendingExternalRequest]: {\n icon: 'accessPendingCloud',\n color: theme => theme.palette.warning.main,\n tooltipText:\n 'Your access request is pending approval from an external system.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {\n icon: 'accessPendingCloud',\n color: theme => theme.palette.warning.main,\n tooltipText: 'Your access request is pending approval by RDCA-DAP.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'Your access request has been denied by RDCA-DAP.',\n },\n [RestrictionUiType.AccessBlockedByACL]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'You do not have download access for this item.',\n },\n [RestrictionUiType.AccessibleWithTerms]: {\n icon: 'accessOpen',\n color: theme => theme.palette.success.main,\n tooltipText: 'View Terms',\n },\n [RestrictionUiType.Accessible]: {\n icon: 'accessOpen',\n color: theme => theme.palette.success.main,\n tooltipText: 'You have access to this item.',\n },\n [RestrictionUiType.AccessibleExternalFileHandle]: {\n icon: 'linkOff',\n color: theme => theme.palette.grey[700],\n tooltipText: 'Access may be controlled by an external system.',\n },\n}\n\nfunction AccessIcon(props: {\n restrictionUiType: RestrictionUiType\n wrap?: boolean\n sx?: SxProps<Theme>\n}) {\n const { restrictionUiType, wrap = true, sx } = props\n const theme = useTheme()\n if (restrictionUiType) {\n const configuration = iconConfiguration[restrictionUiType]\n return (\n <IconSvg\n icon={configuration.icon}\n label={configuration.tooltipText}\n wrap={wrap}\n sx={{\n color: configuration.color(theme),\n height: '16px',\n verticalAlign: 'text-top',\n ...sx,\n }}\n />\n )\n }\n // nothing is rendered until downloadType is determined\n return <></>\n}\n\nexport default AccessIcon\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,~~aAAa~~,~~cACb~~,EAAA,~~sBAAsB~~,~~uBACtB~~,EAAA,~~6BAA6B~~,~~8BAC7B~~,EAAA,+~~CAA+C~~,~~gDAC/C~~,EAAA,~~uDAAuD~~,~~wDACvD~~,EAAA,~~sDAAsD~~,~~uDACtD~~,EAAA,~~uDAAuD~~,~~wDACvD~~,EAAA,~~qBAAqB~~,~~sBACrB~~,EAAA,~~2BAA2B~~,~~4BAC3B~~,EAAA,+~~BAA+B~~;~~KAChC~~,~~EAEK~~,~~IAGF;EACD~~,~~EAAkB~~,~~2BAA2B~~;EAC5C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,6BAA6B~~;EAC9C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,+CAA+C;~~EAChE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,uDAAuD~~;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aACE;~~EACH~~;~~EACA,EAAkB,sDAAsD~~;EACvE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,uDAAuD~~;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,qBAAqB~~;EACtC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,sBAAsB~~;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,aAAa~~;EAC9B,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;~~EACd~~;~~EACA,EAAkB,+BAA+B;~~EAChD,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,KAAK;EACnC,aAAa;~~EACd~~;~~CACF~~;~~AAED~~,SAAS,EAAW,GAIjB;CACD,IAAM,EAAE,sBAAmB,UAAO,IAAM,UAAO,GACzC,IAAQ,~~GAAU~~;~~AACxB~~,~~KAAI~~,GAAmB;EACrB,IAAM,IAAgB,EAAkB;~~AACxC~~,~~SACE~~,kBAAC,GAAD;GACE,MAAM,EAAc;GACpB,OAAO,EAAc;GACf;GACN,IAAI;IACF,OAAO,EAAc,MAAM,~~EAAM~~;~~IACjC~~,QAAQ;IACR,eAAe;IACf,GAAG;~~IACJ~~;~~GACD~~,CAAA~~;;AAIN~~,~~QAAO~~,kBAAA,GAAA,~~EAAK~~,CAAA"}
1	+ {"version":3,"file":"AccessIcon.js","names":[],"sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"sourcesContent":["import { SxProps, Theme, useTheme } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nexport enum RestrictionUiType {\n Accessible = 'Accessible',\n AccessibleWithTerms = 'AccessibleWithTerms',\n AccessBlockedByRestriction = 'AccessBlockedByRestriction',\n AccessBlockedByRestrictionWithPendingRequest = 'AccessBlockedByRestrictionWithPendingRequest',\n AccessBlockedByRestrictionWithPendingExternalRequest = 'AccessBlockedByRestrictionWithPendingExternalRequest',\n AccessBlockedByRestrictionWithPendingRDCADAPRequest = 'AccessBlockedByRestrictionWithPendingRDCADAPRequest',\n AccessBlockedByRestrictionWithRejectedRDCADAPRequest = 'AccessBlockedByRestrictionWithRejectedRDCADAPRequest',\n AccessBlockedByACL = 'AccessBlockedByACL',\n AccessBlockedToAnonymous = 'AccessBlockedToAnonymous',\n AccessibleExternalFileHandle = 'AccessibleExternalFileHandle',\n}\n\nconst iconConfiguration: Record<\n RestrictionUiType,\n { icon: IconName; color: (theme: Theme) => string; tooltipText: string }\n> = {\n [RestrictionUiType.AccessBlockedToAnonymous]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'You must sign in to access this item.',\n },\n [RestrictionUiType.AccessBlockedByRestriction]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'You must request access to this restricted item.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithPendingRequest]: {\n icon: 'accessPending',\n color: theme => theme.palette.warning.main,\n tooltipText: 'Your access request is pending approval.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithPendingExternalRequest]: {\n icon: 'accessPendingCloud',\n color: theme => theme.palette.warning.main,\n tooltipText:\n 'Your access request is pending approval from an external system.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {\n icon: 'accessPendingCloud',\n color: theme => theme.palette.warning.main,\n tooltipText: 'Your access request is pending approval by RDCA-DAP.',\n },\n [RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'Your access request has been denied by RDCA-DAP.',\n },\n [RestrictionUiType.AccessBlockedByACL]: {\n icon: 'accessClosed',\n color: theme => theme.palette.warning.main,\n tooltipText: 'You do not have download access for this item.',\n },\n [RestrictionUiType.AccessibleWithTerms]: {\n icon: 'accessOpen',\n color: theme => theme.palette.success.main,\n tooltipText: 'View Terms',\n },\n [RestrictionUiType.Accessible]: {\n icon: 'accessOpen',\n color: theme => theme.palette.success.main,\n tooltipText: 'You have access to this item.',\n },\n [RestrictionUiType.AccessibleExternalFileHandle]: {\n icon: 'linkOff',\n color: theme => theme.palette.grey[700],\n tooltipText: 'Access may be controlled by an external system.',\n },\n}\n\nfunction AccessIcon(props: {\n restrictionUiType: RestrictionUiType\n wrap?: boolean\n sx?: SxProps<Theme>\n}) {\n const { restrictionUiType, wrap = true, sx } = props\n const theme = useTheme()\n if (restrictionUiType) {\n const configuration = iconConfiguration[restrictionUiType]\n return (\n <IconSvg\n icon={configuration.icon}\n label={configuration.tooltipText}\n wrap={wrap}\n sx={{\n color: configuration.color(theme),\n height: '16px',\n verticalAlign: 'text-top',\n ...sx,\n }}\n />\n )\n }\n // nothing is rendered until downloadType is determined\n return <></>\n}\n\nexport default AccessIcon\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,aAAA,cACA,EAAA,sBAAA,uBACA,EAAA,6BAAA,8BACA,EAAA,+CAAA,gDACA,EAAA,uDAAA,wDACA,EAAA,sDAAA,uDACA,EAAA,uDAAA,wDACA,EAAA,qBAAA,sBACA,EAAA,2BAAA,4BACA,EAAA,+BAAA;AACF,EAAA,CAAA,CAAA,GAEM,IAGF;2BAC4C;EAC5C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;6BACgD;EAC9C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+CACkE;EAChE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aACE;CACJ;sDACyE;EACvE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;qBACwC;EACtC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;aACgC;EAC9B,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+BACkD;EAChD,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,KAAK;EACnC,aAAa;CACf;AACF;AAEA,SAAS,EAAW,GAIjB;CACD,IAAM,EAAE,sBAAmB,UAAO,IAAM,UAAO,GACzC,IAAQ,EAAS;CACvB,IAAI,GAAmB;EACrB,IAAM,IAAgB,EAAkB;EACxC,OACE,kBAAC,GAAD;GACE,MAAM,EAAc;GACpB,OAAO,EAAc;GACf;GACN,IAAI;IACF,OAAO,EAAc,MAAM,CAAK;IAChC,QAAQ;IACR,eAAe;IACf,GAAG;GACL;EACD,CAAA;CAEL;CAEA,OAAO,kBAAA,GAAA,CAAI,CAAA;AACb"}

package/dist/components/HasAccess/HasAccessV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HasAccessV2.js","names":[],"sources":["../../../src/components/HasAccess/HasAccessV2.tsx"],"sourcesContent":["import { useGetRestrictionInformation } from '@/synapse-queries'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Box, Button, SxProps, Theme } from '@mui/material'\nimport {\n RestrictableObjectType,\n RestrictionLevel,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { RestrictionUiType } from './AccessIcon'\nimport { useHasAccess } from './useHasAccess'\n\nexport type HasAccessProps = {\n onHide?: () => void\n entityId: string\n className?: string\n showButtonText?: boolean\n wrap?: boolean\n /*\n If true, the component will show enhanced UI for the case where\n * - the entity is a FileEntity, AND\n * - the caller has permission to fetch the dataFileHandle, AND\n * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk contexts if possible.\n * @default false\n /\n showExternalAccessIcon?: boolean\n sx?: SxProps<Theme>\n}\n\nconst buttonSx = { p: '0px', minWidth: 'unset' }\n\n/\n HasAccess shows if the user has access to the file or not. If the user doesn't have access due to a restriction,\n * then a link will be shown that opens a modal with steps to request access.\n /\nexport function HasAccessV2(props: HasAccessProps) {\n const {\n entityId,\n showButtonText = true,\n showExternalAccessIcon = false,\n } = props\n\n const {\n restrictionUiType: restrictionUiTypeValue,\n accessText,\n icon,\n handleGetAccess,\n accessRequirementDialog,\n } = useHasAccess(entityId, true, undefined, { showExternalAccessIcon })\n\n const { data: restrictionInformation } = useGetRestrictionInformation({\n restrictableObjectType: RestrictableObjectType.ENTITY,\n objectId: entityId,\n })\n\n // Sign-in wrapped icon or icon alone\n const iconContainer = useMemo(() => {\n return restrictionUiTypeValue ===\n RestrictionUiType.AccessBlockedToAnonymous ? (\n <Button\n sx={buttonSx}\n className={SRC_SIGN_IN_CLASS}\n onClick={ev => {\n if (ev.isTrusted) {\n /\n There is a tricky problem - \n The portals listens to click events for buttons with the class SRC_SIGN_IN_CLASS set, it listens to this event\n so that it can display the login modal.\n\n This button has an svg inside of it which is problematic because more often than not clicking this button will \n instead click that svg. The event listener in the portals will break as a result.\n\n Though the svg may get the actual click event, because of event bubbling this button will get its onClick called.\n Once onClick is called we can manually dispatch an event off of this button. This does pose a problem, we end up in a \n infinite loop because this button keeps dispatching click events, so we can use the isTrusted to recognize if onClick was\n triggered programmatically or by user click. Lastly, using { bubbles: true } ensures the event bubbles up to the document level.\n\n */\n const clickEvent = new MouseEvent('click', { bubbles: true })\n ev.currentTarget.dispatchEvent(clickEvent)\n }\n }}\n >\n {icon}\n </Button>\n ) : (\n icon\n )\n }, [restrictionUiTypeValue])\n\n // Access Requirements icon or Icon Container\n const accessRequirementsJsxOrIconContainer = useMemo(() => {\n if (!restrictionInformation \|\| !restrictionUiTypeValue) {\n // loading\n return <></>\n }\n const hasUnmetAccessRequirement =\n restrictionInformation?.hasUnmetAccessRequirement\n const restrictionLevel = restrictionInformation?.restrictionLevel\n let linkText = ''\n\n if (hasUnmetAccessRequirement) {\n linkText = 'Request Access'\n } else if (RestrictionLevel.OPEN === restrictionLevel) {\n // they need to sign in\n return iconContainer\n } else {\n linkText = 'View Terms'\n }\n return (\n <>\n <Button\n sx={buttonSx}\n className={props.className}\n onClick={handleGetAccess}\n >\n {icon}\n {showButtonText && (\n <Box\n sx={{\n ml: '5px',\n }}\n >\n {linkText}\n </Box>\n )}\n </Button>\n {accessRequirementDialog}\n </>\n )\n }, [\n restrictionInformation,\n restrictionUiTypeValue,\n iconContainer,\n handleGetAccess,\n props.className,\n showButtonText,\n accessRequirementDialog,\n accessText,\n icon,\n ])\n\n if (!restrictionUiTypeValue) {\n // loading\n return <></>\n }\n\n return (\n <span style={{ whiteSpace: 'nowrap' }}>\n {accessRequirementsJsxOrIconContainer}\n </span>\n )\n return accessRequirementsJsxOrIconContainer\n}\n\nexport default HasAccessV2\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,IAAW;CAAE,GAAG;CAAO,UAAU;~~CAAS~~;~~AAMhD~~,SAAgB,EAAY,GAAuB;CACjD,IAAM,EACJ,aACA,oBAAiB,IACjB,4BAAyB,OACvB,GAEE,EACJ,mBAAmB,GACnB,eACA,SACA,oBACA,+BACE,EAAa,GAAU,IAAM,KAAA,GAAW,EAAE,~~2BAAwB~~,CAAC,~~EAEjE~~,EAAE,MAAM,MAA2B,EAA6B;EACpE,wBAAwB,EAAuB;EAC/C,UAAU;~~EACX~~,CAAC,~~EAGI~~,IAAgB,QACb,MACL,EAAkB,2BAClB,kBAAC,GAAD;EACE,IAAI;EACJ,WAAW;EACX,UAAS,MAAM;~~AACb~~,~~OAAI~~,EAAG,WAAW;IAehB,IAAM,IAAa,IAAI,WAAW,SAAS,EAAE,SAAS,~~IAAM~~,CAAC;~~AAC7D~~,~~MAAG~~,cAAc,cAAc,~~EAAW;;;YAI7C~~;~~EACM~~,CAAA,~~GAET~~,GAED,CAAC,~~EAAuB~~,CAAC,~~EAGtB~~,IAAuC,QAAc;~~AACzD~~,~~MAAI~~,CAAC,KAA0B,CAAC,~~EAE9B~~,~~QAAO~~,kBAAA,GAAA,~~EAAK~~,CAAA;~~EAEd~~,IAAM,IACJ,GAAwB,2BACpB,IAAmB,GAAwB,kBAC7C,IAAW;~~AAEf~~,~~MAAI~~,~~EACF~~,~~KAAW~~;~~WACF~~,EAAiB,SAAS,~~EAEnC~~,~~QAAO~~;~~MAEP~~,~~KAAW~~;~~AAEb~~,~~SACE~~,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,IAAI;GACJ,WAAW,EAAM;GACjB,SAAS;aAHX,CAKG,GACA,KACC,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,~~OACL~~;~~cAEA~~;~~IACG~~,CAAA,CAED;~~MACR~~,~~EACA~~,EAAA,CAAA;~~IAEJ~~;EACD;EACA;EACA;EACA;EACA,EAAM;EACN;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAOF~~,~~QALK~~,IAMH,kBAAC,QAAD;EAAM,OAAO,EAAE,YAAY,~~UAAU~~;~~YAClC~~;~~EACI~~,CAAA,~~GANA~~,kBAAA,GAAA,~~EAAK~~,CAAA"}
1	+ {"version":3,"file":"HasAccessV2.js","names":[],"sources":["../../../src/components/HasAccess/HasAccessV2.tsx"],"sourcesContent":["import { useGetRestrictionInformation } from '@/synapse-queries'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Box, Button, SxProps, Theme } from '@mui/material'\nimport {\n RestrictableObjectType,\n RestrictionLevel,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { RestrictionUiType } from './AccessIcon'\nimport { useHasAccess } from './useHasAccess'\n\nexport type HasAccessProps = {\n onHide?: () => void\n entityId: string\n className?: string\n showButtonText?: boolean\n wrap?: boolean\n /*\n If true, the component will show enhanced UI for the case where\n * - the entity is a FileEntity, AND\n * - the caller has permission to fetch the dataFileHandle, AND\n * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk contexts if possible.\n * @default false\n /\n showExternalAccessIcon?: boolean\n sx?: SxProps<Theme>\n}\n\nconst buttonSx = { p: '0px', minWidth: 'unset' }\n\n/\n HasAccess shows if the user has access to the file or not. If the user doesn't have access due to a restriction,\n * then a link will be shown that opens a modal with steps to request access.\n /\nexport function HasAccessV2(props: HasAccessProps) {\n const {\n entityId,\n showButtonText = true,\n showExternalAccessIcon = false,\n } = props\n\n const {\n restrictionUiType: restrictionUiTypeValue,\n accessText,\n icon,\n handleGetAccess,\n accessRequirementDialog,\n } = useHasAccess(entityId, true, undefined, { showExternalAccessIcon })\n\n const { data: restrictionInformation } = useGetRestrictionInformation({\n restrictableObjectType: RestrictableObjectType.ENTITY,\n objectId: entityId,\n })\n\n // Sign-in wrapped icon or icon alone\n const iconContainer = useMemo(() => {\n return restrictionUiTypeValue ===\n RestrictionUiType.AccessBlockedToAnonymous ? (\n <Button\n sx={buttonSx}\n className={SRC_SIGN_IN_CLASS}\n onClick={ev => {\n if (ev.isTrusted) {\n /\n There is a tricky problem - \n The portals listens to click events for buttons with the class SRC_SIGN_IN_CLASS set, it listens to this event\n so that it can display the login modal.\n\n This button has an svg inside of it which is problematic because more often than not clicking this button will \n instead click that svg. The event listener in the portals will break as a result.\n\n Though the svg may get the actual click event, because of event bubbling this button will get its onClick called.\n Once onClick is called we can manually dispatch an event off of this button. This does pose a problem, we end up in a \n infinite loop because this button keeps dispatching click events, so we can use the isTrusted to recognize if onClick was\n triggered programmatically or by user click. Lastly, using { bubbles: true } ensures the event bubbles up to the document level.\n\n */\n const clickEvent = new MouseEvent('click', { bubbles: true })\n ev.currentTarget.dispatchEvent(clickEvent)\n }\n }}\n >\n {icon}\n </Button>\n ) : (\n icon\n )\n }, [restrictionUiTypeValue])\n\n // Access Requirements icon or Icon Container\n const accessRequirementsJsxOrIconContainer = useMemo(() => {\n if (!restrictionInformation \|\| !restrictionUiTypeValue) {\n // loading\n return <></>\n }\n const hasUnmetAccessRequirement =\n restrictionInformation?.hasUnmetAccessRequirement\n const restrictionLevel = restrictionInformation?.restrictionLevel\n let linkText = ''\n\n if (hasUnmetAccessRequirement) {\n linkText = 'Request Access'\n } else if (RestrictionLevel.OPEN === restrictionLevel) {\n // they need to sign in\n return iconContainer\n } else {\n linkText = 'View Terms'\n }\n return (\n <>\n <Button\n sx={buttonSx}\n className={props.className}\n onClick={handleGetAccess}\n >\n {icon}\n {showButtonText && (\n <Box\n sx={{\n ml: '5px',\n }}\n >\n {linkText}\n </Box>\n )}\n </Button>\n {accessRequirementDialog}\n </>\n )\n }, [\n restrictionInformation,\n restrictionUiTypeValue,\n iconContainer,\n handleGetAccess,\n props.className,\n showButtonText,\n accessRequirementDialog,\n accessText,\n icon,\n ])\n\n if (!restrictionUiTypeValue) {\n // loading\n return <></>\n }\n\n return (\n <span style={{ whiteSpace: 'nowrap' }}>\n {accessRequirementsJsxOrIconContainer}\n </span>\n )\n return accessRequirementsJsxOrIconContainer\n}\n\nexport default HasAccessV2\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,IAAW;CAAE,GAAG;CAAO,UAAU;AAAQ;AAM/C,SAAgB,EAAY,GAAuB;CACjD,IAAM,EACJ,aACA,oBAAiB,IACjB,4BAAyB,OACvB,GAEE,EACJ,mBAAmB,GACnB,eACA,SACA,oBACA,+BACE,EAAa,GAAU,IAAM,KAAA,GAAW,EAAE,0BAAuB,CAAC,GAEhE,EAAE,MAAM,MAA2B,EAA6B;EACpE,wBAAwB,EAAuB;EAC/C,UAAU;CACZ,CAAC,GAGK,IAAgB,QACb,MACL,EAAkB,2BAClB,kBAAC,GAAD;EACE,IAAI;EACJ,WAAW;EACX,UAAS,MAAM;GACb,IAAI,EAAG,WAAW;IAehB,IAAM,IAAa,IAAI,WAAW,SAAS,EAAE,SAAS,GAAK,CAAC;IAC5D,EAAG,cAAc,cAAc,CAAU;GAC3C;EACF;YAEC;CACK,CAAA,IAER,GAED,CAAC,CAAsB,CAAC,GAGrB,IAAuC,QAAc;EACzD,IAAI,CAAC,KAA0B,CAAC,GAE9B,OAAO,kBAAA,GAAA,CAAI,CAAA;EAEb,IAAM,IACJ,GAAwB,2BACpB,IAAmB,GAAwB,kBAC7C,IAAW;EAEf,IAAI,GACF,IAAW;OACN,IAAI,EAAiB,SAAS,GAEnC,OAAO;OAEP,IAAW;EAEb,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,IAAI;GACJ,WAAW,EAAM;GACjB,SAAS;aAHX,CAKG,GACA,KACC,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,MACN;cAEC;GACE,CAAA,CAED;MACP,CACD,EAAA,CAAA;CAEN,GAAG;EACD;EACA;EACA;EACA;EACA,EAAM;EACN;EACA;EACA;EACA;CACF,CAAC;CAOD,OALK,IAMH,kBAAC,QAAD;EAAM,OAAO,EAAE,YAAY,SAAS;YACjC;CACG,CAAA,IANC,kBAAA,GAAA,CAAI,CAAA;AASf"}

package/dist/components/HasAccess/useHasAccess.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHasAccess.js","names":[],"sources":["../../../src/components/HasAccess/useHasAccess.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport AccessIcon, { RestrictionUiType } from './AccessIcon'\nimport {\n AccessRequirement,\n EntityBundle,\n FileHandle,\n RestrictableObjectType,\n RestrictionLevel,\n} from '@sage-bionetworks/synapse-types'\nimport {\n implementsExternalFileHandleInterface,\n isFileEntity,\n SynapseClientError,\n useSynapseContext,\n} from '@/utils'\nimport {\n useGetEntityBundle,\n useGetRestrictionInformation,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport AccessRequirementList, {\n checkHasUnsupportedRequirement,\n} from '../AccessRequirementList/AccessRequirementList'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { UseQueryOptions } from '@tanstack/react-query'\nimport { SxProps, Theme } from '@mui/material'\n\n/*\n This hook determines if\n * - the entity is a FileEntity, AND\n * - the caller has permission to fetch the dataFileHandle, AND\n * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk contexts if possible.\n /\nfunction useGetIsExternalFileHandle(\n entityId: string,\n options: Partial<UseQueryOptions<EntityBundle, SynapseClientError, boolean>>,\n) {\n return useGetEntityBundle(entityId, undefined, undefined, {\n ...options,\n select: bundle => {\n if (!isFileEntity(bundle.entity)) {\n return false\n }\n const fileEntity = bundle.entity\n const fileHandles = bundle.fileHandles\n const fileHandle: FileHandle \| undefined = fileHandles?.find(\n fileHandle => fileHandle.id === fileEntity.dataFileHandleId,\n )\n return fileHandle && implementsExternalFileHandleInterface(fileHandle)\n },\n })\n}\n\n/\n Determines whether an Entity is accessible for download, or if it is blocked by the ACL or unmet Access Requirements.\n \n To make download available, and determine if the file is downloadable via the web, see {@link DirectDownload.tsx}\n * @param entityId\n * @returns\n /\nexport function useGetRestrictionUiType(\n entityId: string,\n useGetIsExternalFileHandleOptions: Partial<\n UseQueryOptions<EntityBundle, SynapseClientError, boolean>\n >,\n): RestrictionUiType \| undefined {\n const { isAuthenticated } = useSynapseContext()\n\n const { data: restrictionInformation } = useGetRestrictionInformation({\n restrictableObjectType: RestrictableObjectType.ENTITY,\n objectId: entityId,\n })\n\n const { data: isExternalFileHandle, isLoading: isLoadingExternalFile } =\n useGetIsExternalFileHandle(entityId, {\n enabled: useGetIsExternalFileHandleOptions.enabled,\n })\n\n if (!restrictionInformation) {\n return undefined\n }\n\n // Only check for external file handle if the feature is enabled\n if (useGetIsExternalFileHandleOptions.enabled) {\n if (isLoadingExternalFile) {\n return undefined\n }\n if (isExternalFileHandle) {\n return RestrictionUiType.AccessibleExternalFileHandle\n }\n }\n\n if (restrictionInformation.hasUnmetAccessRequirement) {\n return RestrictionUiType.AccessBlockedByRestriction\n }\n if (restrictionInformation.userEntityPermissions!.canDownload) {\n if (restrictionInformation.restrictionLevel !== RestrictionLevel.OPEN) {\n // Indicate that there are requirements, but they have been met\n return RestrictionUiType.AccessibleWithTerms\n } else {\n return RestrictionUiType.Accessible\n }\n }\n\n if (isAuthenticated) {\n return RestrictionUiType.AccessBlockedByACL\n }\n return RestrictionUiType.AccessBlockedToAnonymous\n}\n\n// Get the access level text */\nfunction getAccessText(props: RestrictionUiType \| undefined) {\n switch (props) {\n case RestrictionUiType.Accessible:\n return 'Open Access'\n case RestrictionUiType.AccessibleWithTerms:\n return 'View Terms'\n case RestrictionUiType.AccessBlockedByRestriction:\n return 'Request Access'\n case RestrictionUiType.AccessBlockedByACL:\n return 'Access Denied'\n case RestrictionUiType.AccessBlockedToAnonymous:\n return 'Sign In Required'\n case RestrictionUiType.AccessibleExternalFileHandle:\n return 'External Access'\n case undefined:\n return 'Loading...'\n default:\n return ''\n }\n}\n\n// A hook that handles the logic for computing the correct access level, getting the text, and the icon\nexport function useHasAccess(\n entityId: string,\n iconWrap: boolean = false,\n iconSx?: SxProps<Theme>,\n options: { showExternalAccessIcon?: boolean } = {},\n) {\n const [displayAccessRequirement, setDisplayAccessRequirement] =\n useState(false)\n const [accessRequirements, setAccessRequirements] = useState<\n AccessRequirement[]\n >([])\n\n const { accessToken } = useSynapseContext()\n const { showExternalAccessIcon = false } = options\n\n // get access level\n const restrictionUiType = useGetRestrictionUiType(entityId, {\n enabled: showExternalAccessIcon,\n })\n\n const { data: restrictionInformation } = useGetRestrictionInformation({\n restrictableObjectType: RestrictableObjectType.ENTITY,\n objectId: entityId,\n })\n\n // get access level text\n const accessText = getAccessText(restrictionUiType)\n\n // get access level icon\n const icon = (\n <AccessIcon\n restrictionUiType={restrictionUiType!}\n wrap={iconWrap}\n sx={{ ...iconSx }}\n />\n )\n\n const handleGetAccess = useCallback(() => {\n // TODO: The fetch should really happen in the AR List component.\n // If we need to open the AR page in synapse, the logic should be in the modal and it should just close itself right away\n SynapseClient.getAllAccessRequirements(accessToken, entityId).then(\n requirements => {\n if (checkHasUnsupportedRequirement(requirements)) {\n window.open(\n `${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n )}AccessRequirements:ID=${entityId}&TYPE=ENTITY`,\n '_blank',\n )\n } else {\n setAccessRequirements(requirements)\n setDisplayAccessRequirement(true)\n }\n },\n )\n }, [accessToken, entityId])\n\n // Determine if this access type should show a clickable button\n const isClickable = useMemo(() => {\n if (!restrictionInformation \|\| !restrictionUiType) {\n return false\n }\n\n const hasUnmetAccessRequirement =\n restrictionInformation.hasUnmetAccessRequirement\n const restrictionLevel = restrictionInformation.restrictionLevel\n\n // Clickable if there are unmet requirements or if there are terms to view\n return (\n hasUnmetAccessRequirement \|\|\n restrictionLevel !== RestrictionLevel.OPEN \|\|\n restrictionUiType === RestrictionUiType.AccessBlockedToAnonymous\n )\n }, [restrictionInformation, restrictionUiType])\n\n const accessRequirementDialog = displayAccessRequirement ? (\n <AccessRequirementList\n subjectId={entityId}\n subjectType={RestrictableObjectType.ENTITY}\n accessRequirementFromProps={accessRequirements}\n renderAsModal={true}\n onHide={() => {\n setDisplayAccessRequirement(false)\n }}\n />\n ) : null\n\n return {\n restrictionUiType,\n accessText,\n icon,\n handleGetAccess,\n isClickable,\n accessRequirementDialog,\n setDisplayAccessRequirement,\n }\n}\n\nexport default useHasAccess\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAS,EACP,GACA,GACA;~~AACA~~,~~QAAO~~,EAAmB,GAAU,KAAA,GAAW,KAAA,GAAW;EACxD,GAAG;EACH,SAAQ,MAAU;~~AAChB~~,~~OAAI~~,CAAC,EAAa,EAAO,~~OAAO~~,~~CAC9B~~,~~QAAO~~;GAET,IAAM,IAAa,EAAO,QAEpB,IADc,EAAO,aAC6B,MACtD,MAAc,EAAW,OAAO,EAAW,~~iBAC5C~~;~~AACD~~,~~UAAO~~,KAAc,EAAsC,~~EAAW;;EAEzE~~,CAAC~~;;AAUJ~~,SAAgB,EACd,GACA,GAG+B;CAC/B,IAAM,EAAE,uBAAoB,~~GAAmB~~,~~EAEzC~~,EAAE,MAAM,MAA2B,EAA6B;EACpE,wBAAwB,EAAuB;EAC/C,UAAU;~~EACX~~,CAAC,~~EAEI~~,EAAE,MAAM,GAAsB,WAAW,MAC7C,EAA2B,GAAU,EACnC,SAAS,EAAkC,~~SAC5C~~,CAAC;~~AAEC~~,~~QAKL~~;MAAI,EAAkC,SAAS;~~AAC7C~~,~~OAAI~~,~~EACF~~;~~AAEF~~,~~OAAI~~,~~EACF~~,~~QAAO~~,EAAkB~~;;AAmB7B~~,~~SAfI~~,EAAuB,4BAClB,EAAkB,6BAEvB,EAAuB,sBAAuB,cAC5C,EAAuB,qBAAqB,EAAiB,OAIxD,EAAkB,aAFlB,EAAkB,sBAMzB,IACK,EAAkB,qBAEpB,EAAkB~~;;;AAI3B~~,SAAS,EAAc,GAAsC;~~AAC3D~~,~~SAAQ~~,GAAR;EACE,KAAK,EAAkB,~~WACrB~~,~~QAAO~~;EACT,KAAK,EAAkB,~~oBACrB~~,~~QAAO~~;EACT,KAAK,EAAkB,~~2BACrB~~,~~QAAO~~;EACT,KAAK,EAAkB,~~mBACrB~~,~~QAAO~~;EACT,KAAK,EAAkB,~~yBACrB~~,~~QAAO~~;EACT,KAAK,EAAkB,~~6BACrB~~,~~QAAO~~;EACT,KAAK,KAAA,~~EACH~~,~~QAAO~~;EACT,~~QACE~~,~~QAAO;;;AAKb~~,SAAgB,EACd,GACA,IAAoB,IACpB,GACA,IAAgD,~~EAAE~~,~~EAClD~~;CACA,IAAM,CAAC,GAA0B,KAC/B,EAAS,~~GAAM~~,~~EACX~~,CAAC,GAAoB,KAAyB,EAElD,~~EAAE~~,CAAC,~~EAEC~~,EAAE,mBAAgB,~~GAAmB~~,~~EACrC~~,EAAE,4BAAyB,OAAU,GAGrC,IAAoB,EAAwB,GAAU,EAC1D,SAAS,~~GACV~~,CAAC,~~EAEI~~,EAAE,MAAM,MAA2B,EAA6B;EACpE,wBAAwB,EAAuB;EAC/C,UAAU;~~EACX~~,CAAC;~~AAgEF~~,~~QAAO~~;EACL;EACA,YA/DiB,EAAc,EA+D/B;EACA,MA5DA,kBAAC,GAAD;GACqB;GACnB,MAAM;GACN,IAAI,EAAE,GAAG,~~GAAQ~~;~~GACjB~~,~~CAwDF~~;EACA,iBAtDsB,QAAkB;~~AAGxC~~,~~KAAc~~,yBAAyB,GAAa,~~EAAS~~,~~CAAC~~,MAC5D,MAAgB;~~AACd~~,~~IAAI~~,EAA+B,~~EAAa~~,~~GAC9C~~,OAAO,KACL,GAAG,EACD,EAAuB,~~gBACxB~~,~~CAAC~~,wBAAwB,EAAS,eACnC,~~SACD~~,~~IAED~~,EAAsB,~~EAAa~~,~~EACnC~~,EAA4B,~~GAAK~~;~~KAGtC~~;~~KACA~~,CAAC,GAAa,~~EAAS~~,~~CAoCxB~~;EACA,aAlCkB,QAAc;~~AAChC~~,~~OAAI~~,CAAC,KAA0B,CAAC,~~EAC9B~~,~~QAAO~~;GAGT,IAAM,IACJ,EAAuB,2BACnB,IAAmB,EAAuB;~~AAGhD~~,~~UACE~~,KACA,MAAqB,EAAiB,QACtC,MAAsB,EAAkB;~~KAEzC~~,CAAC,GAAwB,~~EAAkB~~,~~CAmB5C~~;EACA,yBAlB8B,IAC9B,kBAAC,GAAD;GACE,WAAW;GACX,aAAa,EAAuB;GACpC,4BAA4B;GAC5B,eAAe;GACf,cAAc;~~AACZ~~,~~MAA4B~~,~~GAAM;;GAEpC~~,CAAA,~~GACA~~;EASF;~~EACD~~"}
1	+ {"version":3,"file":"useHasAccess.js","names":[],"sources":["../../../src/components/HasAccess/useHasAccess.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport AccessIcon, { RestrictionUiType } from './AccessIcon'\nimport {\n AccessRequirement,\n EntityBundle,\n FileHandle,\n RestrictableObjectType,\n RestrictionLevel,\n} from '@sage-bionetworks/synapse-types'\nimport {\n implementsExternalFileHandleInterface,\n isFileEntity,\n SynapseClientError,\n useSynapseContext,\n} from '@/utils'\nimport {\n useGetEntityBundle,\n useGetRestrictionInformation,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport AccessRequirementList, {\n checkHasUnsupportedRequirement,\n} from '../AccessRequirementList/AccessRequirementList'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { UseQueryOptions } from '@tanstack/react-query'\nimport { SxProps, Theme } from '@mui/material'\n\n/*\n This hook determines if\n * - the entity is a FileEntity, AND\n * - the caller has permission to fetch the dataFileHandle, AND\n * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk contexts if possible.\n /\nfunction useGetIsExternalFileHandle(\n entityId: string,\n options: Partial<UseQueryOptions<EntityBundle, SynapseClientError, boolean>>,\n) {\n return useGetEntityBundle(entityId, undefined, undefined, {\n ...options,\n select: bundle => {\n if (!isFileEntity(bundle.entity)) {\n return false\n }\n const fileEntity = bundle.entity\n const fileHandles = bundle.fileHandles\n const fileHandle: FileHandle \| undefined = fileHandles?.find(\n fileHandle => fileHandle.id === fileEntity.dataFileHandleId,\n )\n return fileHandle && implementsExternalFileHandleInterface(fileHandle)\n },\n })\n}\n\n/\n Determines whether an Entity is accessible for download, or if it is blocked by the ACL or unmet Access Requirements.\n \n To make download available, and determine if the file is downloadable via the web, see {@link DirectDownload.tsx}\n * @param entityId\n * @returns\n /\nexport function useGetRestrictionUiType(\n entityId: string,\n useGetIsExternalFileHandleOptions: Partial<\n UseQueryOptions<EntityBundle, SynapseClientError, boolean>\n >,\n): RestrictionUiType \| undefined {\n const { isAuthenticated } = useSynapseContext()\n\n const { data: restrictionInformation } = useGetRestrictionInformation({\n restrictableObjectType: RestrictableObjectType.ENTITY,\n objectId: entityId,\n })\n\n const { data: isExternalFileHandle, isLoading: isLoadingExternalFile } =\n useGetIsExternalFileHandle(entityId, {\n enabled: useGetIsExternalFileHandleOptions.enabled,\n })\n\n if (!restrictionInformation) {\n return undefined\n }\n\n // Only check for external file handle if the feature is enabled\n if (useGetIsExternalFileHandleOptions.enabled) {\n if (isLoadingExternalFile) {\n return undefined\n }\n if (isExternalFileHandle) {\n return RestrictionUiType.AccessibleExternalFileHandle\n }\n }\n\n if (restrictionInformation.hasUnmetAccessRequirement) {\n return RestrictionUiType.AccessBlockedByRestriction\n }\n if (restrictionInformation.userEntityPermissions!.canDownload) {\n if (restrictionInformation.restrictionLevel !== RestrictionLevel.OPEN) {\n // Indicate that there are requirements, but they have been met\n return RestrictionUiType.AccessibleWithTerms\n } else {\n return RestrictionUiType.Accessible\n }\n }\n\n if (isAuthenticated) {\n return RestrictionUiType.AccessBlockedByACL\n }\n return RestrictionUiType.AccessBlockedToAnonymous\n}\n\n// Get the access level text */\nfunction getAccessText(props: RestrictionUiType \| undefined) {\n switch (props) {\n case RestrictionUiType.Accessible:\n return 'Open Access'\n case RestrictionUiType.AccessibleWithTerms:\n return 'View Terms'\n case RestrictionUiType.AccessBlockedByRestriction:\n return 'Request Access'\n case RestrictionUiType.AccessBlockedByACL:\n return 'Access Denied'\n case RestrictionUiType.AccessBlockedToAnonymous:\n return 'Sign In Required'\n case RestrictionUiType.AccessibleExternalFileHandle:\n return 'External Access'\n case undefined:\n return 'Loading...'\n default:\n return ''\n }\n}\n\n// A hook that handles the logic for computing the correct access level, getting the text, and the icon\nexport function useHasAccess(\n entityId: string,\n iconWrap: boolean = false,\n iconSx?: SxProps<Theme>,\n options: { showExternalAccessIcon?: boolean } = {},\n) {\n const [displayAccessRequirement, setDisplayAccessRequirement] =\n useState(false)\n const [accessRequirements, setAccessRequirements] = useState<\n AccessRequirement[]\n >([])\n\n const { accessToken } = useSynapseContext()\n const { showExternalAccessIcon = false } = options\n\n // get access level\n const restrictionUiType = useGetRestrictionUiType(entityId, {\n enabled: showExternalAccessIcon,\n })\n\n const { data: restrictionInformation } = useGetRestrictionInformation({\n restrictableObjectType: RestrictableObjectType.ENTITY,\n objectId: entityId,\n })\n\n // get access level text\n const accessText = getAccessText(restrictionUiType)\n\n // get access level icon\n const icon = (\n <AccessIcon\n restrictionUiType={restrictionUiType!}\n wrap={iconWrap}\n sx={{ ...iconSx }}\n />\n )\n\n const handleGetAccess = useCallback(() => {\n // TODO: The fetch should really happen in the AR List component.\n // If we need to open the AR page in synapse, the logic should be in the modal and it should just close itself right away\n SynapseClient.getAllAccessRequirements(accessToken, entityId).then(\n requirements => {\n if (checkHasUnsupportedRequirement(requirements)) {\n window.open(\n `${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n )}AccessRequirements:ID=${entityId}&TYPE=ENTITY`,\n '_blank',\n )\n } else {\n setAccessRequirements(requirements)\n setDisplayAccessRequirement(true)\n }\n },\n )\n }, [accessToken, entityId])\n\n // Determine if this access type should show a clickable button\n const isClickable = useMemo(() => {\n if (!restrictionInformation \|\| !restrictionUiType) {\n return false\n }\n\n const hasUnmetAccessRequirement =\n restrictionInformation.hasUnmetAccessRequirement\n const restrictionLevel = restrictionInformation.restrictionLevel\n\n // Clickable if there are unmet requirements or if there are terms to view\n return (\n hasUnmetAccessRequirement \|\|\n restrictionLevel !== RestrictionLevel.OPEN \|\|\n restrictionUiType === RestrictionUiType.AccessBlockedToAnonymous\n )\n }, [restrictionInformation, restrictionUiType])\n\n const accessRequirementDialog = displayAccessRequirement ? (\n <AccessRequirementList\n subjectId={entityId}\n subjectType={RestrictableObjectType.ENTITY}\n accessRequirementFromProps={accessRequirements}\n renderAsModal={true}\n onHide={() => {\n setDisplayAccessRequirement(false)\n }}\n />\n ) : null\n\n return {\n restrictionUiType,\n accessText,\n icon,\n handleGetAccess,\n isClickable,\n accessRequirementDialog,\n setDisplayAccessRequirement,\n }\n}\n\nexport default useHasAccess\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAS,EACP,GACA,GACA;CACA,OAAO,EAAmB,GAAU,KAAA,GAAW,KAAA,GAAW;EACxD,GAAG;EACH,SAAQ,MAAU;GAChB,IAAI,CAAC,EAAa,EAAO,MAAM,GAC7B,OAAO;GAET,IAAM,IAAa,EAAO,QAEpB,IADc,EAAO,aAC6B,MACtD,MAAc,EAAW,OAAO,EAAW,gBAC7C;GACA,OAAO,KAAc,EAAsC,CAAU;EACvE;CACF,CAAC;AACH;AASA,SAAgB,EACd,GACA,GAG+B;CAC/B,IAAM,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,MAA2B,EAA6B;EACpE,wBAAwB,EAAuB;EAC/C,UAAU;CACZ,CAAC,GAEK,EAAE,MAAM,GAAsB,WAAW,MAC7C,EAA2B,GAAU,EACnC,SAAS,EAAkC,QAC7C,CAAC;CAEE,OAKL;MAAI,EAAkC,SAAS;GAC7C,IAAI,GACF;GAEF,IAAI,GACF,OAAO,EAAkB;EAE7B;EAiBA,OAfI,EAAuB,4BAClB,EAAkB,6BAEvB,EAAuB,sBAAuB,cAC5C,EAAuB,qBAAqB,EAAiB,OAIxD,EAAkB,aAFlB,EAAkB,sBAMzB,IACK,EAAkB,qBAEpB,EAAkB;CAjBzB;AAkBF;AAGA,SAAS,EAAc,GAAsC;CAC3D,QAAQ,GAAR;EACE,KAAK,EAAkB,YACrB,OAAO;EACT,KAAK,EAAkB,qBACrB,OAAO;EACT,KAAK,EAAkB,4BACrB,OAAO;EACT,KAAK,EAAkB,oBACrB,OAAO;EACT,KAAK,EAAkB,0BACrB,OAAO;EACT,KAAK,EAAkB,8BACrB,OAAO;EACT,KAAK,KAAA,GACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAGA,SAAgB,EACd,GACA,IAAoB,IACpB,GACA,IAAgD,CAAC,GACjD;CACA,IAAM,CAAC,GAA0B,KAC/B,EAAS,EAAK,GACV,CAAC,GAAoB,KAAyB,EAElD,CAAC,CAAC,GAEE,EAAE,mBAAgB,EAAkB,GACpC,EAAE,4BAAyB,OAAU,GAGrC,IAAoB,EAAwB,GAAU,EAC1D,SAAS,EACX,CAAC,GAEK,EAAE,MAAM,MAA2B,EAA6B;EACpE,wBAAwB,EAAuB;EAC/C,UAAU;CACZ,CAAC;CAgED,OAAO;EACL;EACA,YA/DiB,EAAc,CA+D/B;EACA,MA5DA,kBAAC,GAAD;GACqB;GACnB,MAAM;GACN,IAAI,EAAE,GAAG,EAAO;EACjB,CAwDD;EACA,iBAtDsB,QAAkB;GAGxC,EAAc,yBAAyB,GAAa,CAAQ,EAAE,MAC5D,MAAgB;IACd,AAAI,EAA+B,CAAY,IAC7C,OAAO,KACL,GAAG,EACD,EAAuB,eACzB,EAAE,wBAAwB,EAAS,eACnC,QACF,KAEA,EAAsB,CAAY,GAClC,EAA4B,EAAI;GAEpC,CACF;EACF,GAAG,CAAC,GAAa,CAAQ,CAoCvB;EACA,aAlCkB,QAAc;GAChC,IAAI,CAAC,KAA0B,CAAC,GAC9B,OAAO;GAGT,IAAM,IACJ,EAAuB,2BACnB,IAAmB,EAAuB;GAGhD,OACE,KACA,MAAqB,EAAiB,QACtC,MAAsB,EAAkB;EAE5C,GAAG,CAAC,GAAwB,CAAiB,CAmB3C;EACA,yBAlB8B,IAC9B,kBAAC,GAAD;GACE,WAAW;GACX,aAAa,EAAuB;GACpC,4BAA4B;GAC5B,eAAe;GACf,cAAc;IACZ,EAA4B,EAAK;GACnC;EACD,CAAA,IACC;EASF;CACF;AACF"}