npm - synapse-react-client - Versions diffs - 4.0.46 → 4.0.48 - Mend

synapse-react-client 4.0.46 → 4.0.48

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

package/dist/components/TotalQueryResults.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { SynapseErrorBoundary as e } from "./error/ErrorBanner.js";
-import { SkeletonInlineBlock as t } from "./Skeleton/SkeletonInlineBlock.js";
+import { useQueryVisualizationContext as e } from "./QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { SynapseErrorBoundary as t } from "./error/ErrorBanner.js";
+import { SkeletonInlineBlock as n } from "./Skeleton/SkeletonInlineBlock.js";
 import "./Skeleton/index.js";
-import n from "./IconSvg/IconSvg.js";
-import { useQueryContext as r } from "./QueryContext/QueryContext.js";
+import r from "./IconSvg/IconSvg.js";
+import { useQueryContext as i } from "./QueryContext/QueryContext.js";
 import "./QueryContext/index.js";
-import { useSuspenseGetQueryMetadata as i } from "./QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as a } from "./QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSuspenseGetQueryMetadata as a } from "./QueryWrapper/useGetQueryMetadata.js";
 import "./QueryVisualizationWrapper/index.js";
 import "./error/index.js";
 import o from "./widgets/facet-nav/SelectionCriteriaPills.js";
@@ -13,11 +13,11 @@ import { Suspense as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "pluralize";
 //#region src/components/TotalQueryResults.tsx
-function d(e) {
-	let { style: t, frontText: s, endText: d = "", hideIfUnfiltered: f = !1 } = e, { resetQuery: p, hasResettableFilters: m } = r(), { data: h } = i(), { unitDescription: g } = a(), _ = h?.queryCount, v = m;
+function d(t) {
+	let { style: n, frontText: s, endText: d = "", hideIfUnfiltered: f = !1 } = t, { resetQuery: p, hasResettableFilters: m } = i(), { data: h } = a(), { unitDescription: g } = e(), _ = h?.queryCount, v = m;
 	return /* @__PURE__ */ l("div", {
 		className: `TotalQueryResults ${m ? "hasFilters" : ""}`,
-		style: t,
+		style: n,
 		children: [(m || !f) && /* @__PURE__ */ l("div", {
 			className: "TotalQueryResults__topbar",
 			children: [/* @__PURE__ */ l("span", {
@@ -34,7 +34,7 @@ function d(e) {
 			}), v && /* @__PURE__ */ l("a", {
 				onClick: p,
 				className: "TotalQueryResults__topbar__clearall",
-				children: [/* @__PURE__ */ c(n, { icon: "deleteSweep" }), "Clear all filters"]
+				children: [/* @__PURE__ */ c(r, { icon: "deleteSweep" }), "Clear all filters"]
 			})]
 		}), /* @__PURE__ */ c("div", {
 			className: "TotalQueryResults__selections",
@@ -42,10 +42,10 @@ function d(e) {
 		})]
 	});
 }
-function f(n) {
-	return /* @__PURE__ */ c(e, { children: /* @__PURE__ */ c(s, {
-		fallback: /* @__PURE__ */ c(t, { width: 100 }),
-		children: /* @__PURE__ */ c(d, { ...n })
+function f(e) {
+	return /* @__PURE__ */ c(t, { children: /* @__PURE__ */ c(s, {
+		fallback: /* @__PURE__ */ c(n, { width: 100 }),
+		children: /* @__PURE__ */ c(d, { ...e })
 	}) });
 }
 //#endregion

package/dist/components/Webhook/WebhookDashboard.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WebhookDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/Webhook/WebhookDashboard.tsx"],"names":[],"mappings":"~~AAgLA~~,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAwJvC"}
1	+ {"version":3,"file":"WebhookDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/Webhook/WebhookDashboard.tsx"],"names":[],"mappings":"AA8KA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAwJvC"}

package/dist/components/Webhook/WebhookDashboard.js CHANGED Viewed

@@ -16,7 +16,7 @@ import D from "@mui/icons-material/AddCircleTwoTone";
 import O from "dayjs";
 import { createColumnHelper as k, getCoreRowModel as A, useReactTable as j } from "@tanstack/react-table";
 //#region src/components/Webhook/WebhookDashboard.tsx
-var M = [E.FAILED, E.REVOKED], N = k();
+var M = new Set([E.FAILED, E.REVOKED]), N = k();
 function P(i, a, o) {
 	return [
 		N.accessor("id", {
@@ -85,7 +85,7 @@ function P(i, a, o) {
 						},
 						children: "Verify code"
 					}),
-					M.includes(e.row.original.verificationStatus) && /* @__PURE__ */ C(g, {
+					M.has(e.row.original.verificationStatus) && /* @__PURE__ */ C(g, {
 						variant: "outlined",
 						onClick: () => {
 							a(e.row.original);

package/dist/components/Webhook/WebhookDashboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WebhookDashboard.js","names":[],"sources":["../../../src/components/Webhook/WebhookDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport {\n useGetWebhooksInfinite,\n useResendVerificationCode,\n} from '@/synapse-queries/webhook/useWebhook'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport AddCircleTwoTone from '@mui/icons-material/AddCircleTwoTone'\nimport {\n Box,\n Button,\n Link,\n Stack,\n Typography,\n useMediaQuery,\n useTheme,\n} from '@mui/material'\nimport {\n SynapseObjectType,\n Webhook,\n WebhookVerificationStatus,\n} from '@sage-bionetworks/synapse-client'\nimport {\n createColumnHelper,\n getCoreRowModel,\n useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { EntityLink } from '../EntityLink'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport CreateWebhookModal from './CreateWebhookModal'\nimport { WebhookVerificationDialog } from './WebhookVerificationDialog'\n\nconst WEBHOOK_CAN_RESEND_CODE_STATES: WebhookVerificationStatus[] = [\n WebhookVerificationStatus.FAILED,\n WebhookVerificationStatus.REVOKED,\n]\n\nconst columnHelper = createColumnHelper<Webhook>()\n\nfunction getWebhookTableColumns(\n onClickVerifyWebhook: (webhook: Webhook) => void,\n onClickResendVerificationCode: (webhook: Webhook) => void,\n onClickEditWebhook: (webhook: Webhook) => void,\n) {\n return [\n columnHelper.accessor('id', {\n header: 'ID',\n size: 75,\n cell: ctx => ctx.cell.getValue(),\n }),\n columnHelper.display({\n header: 'Object',\n cell: ctx => {\n if (ctx.row.original.objectType === SynapseObjectType.ENTITY) {\n return (\n <>\n <EntityLink entity={ctx.row.original.objectId!} /> (syn\n {ctx.row.original.objectId})\n </>\n )\n }\n return `${ctx.row.original.objectType}: ${ctx.row.original.objectId}`\n },\n }),\n columnHelper.accessor('eventTypes', {\n header: 'Event Type(s)',\n cell: ctx => (\n <Stack>\n {Array.from<string>(ctx.cell.getValue()!)\n .map(s => s.toLowerCase())\n .map(upperFirst)\n .map(val => (\n <span key={val}>{val}</span>\n ))}\n </Stack>\n ),\n }),\n columnHelper.accessor('isEnabled', {\n header: 'Enabled',\n size: 10,\n cell: ctx => (ctx.cell.getValue() ? 'Yes' : 'No'),\n }),\n columnHelper.accessor('createdOn', {\n header: 'Created On',\n cell: ({ getValue }) => formatDate(dayjs(getValue())),\n }),\n columnHelper.accessor('modifiedOn', {\n header: 'Modified On',\n cell: ({ getValue }) => formatDate(dayjs(getValue())),\n }),\n columnHelper.accessor('verificationStatus', {\n header: 'Verification Status',\n cell: ctx => (\n <Stack\n sx={{\n flexDirection: 'row',\n alignItems: 'center',\n gap: 1,\n }}\n >\n {ctx.row.original.verificationStatus === 'PENDING' && (\n // useEffect above will trigger a refetch until this resolves\n <SynapseSpinner size={20} />\n )}\n {ctx.row.original.verificationStatus !==\n WebhookVerificationStatus.PENDING &&\n upperFirst(\n (ctx.row.original.verificationStatus \|\| '')\n .toLowerCase()\n .replaceAll('_', ' '),\n )}\n {ctx.row.original.verificationMsg && (\n <HelpPopover markdownText={ctx.row.original.verificationMsg} />\n )}\n </Stack>\n ),\n }),\n columnHelper.display({\n id: 'actions',\n header: 'Actions',\n size: 10,\n meta: {\n textAlign: 'right',\n },\n cell: ctx => (\n <Stack\n sx={{\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'center',\n gap: 2,\n }}\n >\n {ctx.row.original.verificationStatus ===\n WebhookVerificationStatus.CODE_SENT && (\n <Button\n variant={'outlined'}\n onClick={() => {\n onClickVerifyWebhook(ctx.row.original)\n }}\n >\n Verify code\n </Button>\n )}\n\n {WEBHOOK_CAN_RESEND_CODE_STATES.includes(\n ctx.row.original.verificationStatus as WebhookVerificationStatus,\n ) && (\n <Button\n variant={'outlined'}\n onClick={() => {\n onClickResendVerificationCode(ctx.row.original)\n }}\n >\n Resend code\n </Button>\n )}\n <Button\n size=\"small\"\n variant=\"contained\"\n onClick={() => {\n onClickEditWebhook(ctx.row.original)\n }}\n >\n Edit\n </Button>\n </Stack>\n ),\n }),\n ]\n}\n\nexport default function WebhookDashboard() {\n const [showCreateModal, setShowCreateModal] = useState(false)\n const [showVerificationDialog, setShowVerificationDialog] = useState(false)\n const [webhookToUpdate, setWebhookToUpdate] = useState<Webhook \| undefined>(\n undefined,\n )\n\n const theme = useTheme()\n const hideOptionalColumns = useMediaQuery(theme.breakpoints.down('md'))\n\n const {\n data: infiniteData,\n refetch,\n hasNextPage,\n fetchNextPage,\n isFetchingNextPage,\n isLoading,\n } = useGetWebhooksInfinite()\n const webhooks = useMemo(\n () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n [infiniteData],\n )\n\n // If the Webhook verification status is PENDING, Synapse may not have sent the verification code, or may have not reported a response.\n // Refetch on an interval to check if the verification status has changed.\n useEffect(() => {\n let intervalId: NodeJS.Timeout\n if (webhooks.some(webhook => webhook.verificationStatus === 'PENDING')) {\n intervalId = setInterval(() => {\n void refetch()\n }, 2500)\n }\n return () => clearInterval(intervalId)\n }, [refetch, webhooks])\n\n const { mutate: resendVerificationCode } = useResendVerificationCode()\n\n const onClickVerifyWebhook = useCallback((webhook: Webhook) => {\n setWebhookToUpdate(webhook)\n setShowVerificationDialog(true)\n }, [])\n const onClickEditWebhook = useCallback((webhook: Webhook) => {\n setWebhookToUpdate(webhook)\n setShowCreateModal(true)\n }, [])\n const onClickResendVerificationCode = useCallback(\n (webhook: Webhook) => {\n resendVerificationCode(webhook.id!)\n },\n [resendVerificationCode],\n )\n\n const columns = useMemo(\n () =>\n getWebhookTableColumns(\n onClickVerifyWebhook,\n onClickResendVerificationCode,\n onClickEditWebhook,\n ),\n [onClickEditWebhook, onClickResendVerificationCode, onClickVerifyWebhook],\n )\n\n const webhookTable = useReactTable<Webhook>({\n data: webhooks,\n columns: columns,\n state: {\n columnVisibility: {\n createdOn: !hideOptionalColumns,\n modifiedOn: !hideOptionalColumns,\n },\n },\n getCoreRowModel: getCoreRowModel(),\n })\n\n const isEmpty = !isLoading && webhookTable.getRowModel().rows.length === 0\n\n return (\n <div>\n <WebhookVerificationDialog\n key={webhookToUpdate?.id}\n open={showVerificationDialog}\n onClose={() => setShowVerificationDialog(false)}\n webhookId={webhookToUpdate?.id!}\n />\n <Typography variant={'headline3'}>Webhook Dashboard</Typography>\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'row',\n my: 2,\n gap: 3,\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n }}\n >\n <div>\n <Typography variant={'body1'} gutterBottom>\n Webhooks can be used to programmatically receive alerts that are\n triggered by events in Synapse. A webhook can specify a Synapse\n entity to receive events related to that entity. For entities that\n represent a container (folder and project), matching events are\n published to the webhook endpoint for any entity in its hierarchy.\n </Typography>\n <Typography variant={'body1'} gutterBottom>\n For more information, see the{' '}\n <Link\n href={\n 'http://dev.release.rest.doc.sagebase.org.s3-website-us-east-1.amazonaws.com/index.html#org.sagebionetworks.repo.web.controller.WebhookController'\n }\n target={'blank'}\n >\n Synapse API REST Docs section on Webhooks\n </Link>\n .\n </Typography>\n </div>\n <Button\n size=\"large\"\n variant=\"contained\"\n startIcon={<AddCircleTwoTone />}\n onClick={() => {\n setWebhookToUpdate(undefined)\n setShowCreateModal(true)\n }}\n sx={{ flexShrink: 0 }}\n >\n Create Webhook\n </Button>\n <CreateWebhookModal\n initialData={webhookToUpdate}\n open={showCreateModal}\n onClose={() => setShowCreateModal(false)}\n />\n </Box>\n <InfiniteTableLayout\n table={<StyledTanStackTable table={webhookTable} />}\n isLoading={isLoading}\n noResults={\n <Typography variant=\"body1\">\n You have not created any webhooks. Click "Create Webhook"\n above to begin.\n </Typography>\n }\n isEmpty={isEmpty}\n hasNextPage={hasNextPage}\n onFetchNextPageClicked={() => {\n void fetchNextPage()\n }}\n isFetchingNextPage={isFetchingNextPage}\n />\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"WebhookDashboard.js","names":[],"sources":["../../../src/components/Webhook/WebhookDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport {\n useGetWebhooksInfinite,\n useResendVerificationCode,\n} from '@/synapse-queries/webhook/useWebhook'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport AddCircleTwoTone from '@mui/icons-material/AddCircleTwoTone'\nimport {\n Box,\n Button,\n Link,\n Stack,\n Typography,\n useMediaQuery,\n useTheme,\n} from '@mui/material'\nimport {\n SynapseObjectType,\n Webhook,\n WebhookVerificationStatus,\n} from '@sage-bionetworks/synapse-client'\nimport {\n createColumnHelper,\n getCoreRowModel,\n useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { EntityLink } from '../EntityLink'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport CreateWebhookModal from './CreateWebhookModal'\nimport { WebhookVerificationDialog } from './WebhookVerificationDialog'\n\nconst WEBHOOK_CAN_RESEND_CODE_STATES: ReadonlySet<WebhookVerificationStatus> =\n new Set([WebhookVerificationStatus.FAILED, WebhookVerificationStatus.REVOKED])\n\nconst columnHelper = createColumnHelper<Webhook>()\n\nfunction getWebhookTableColumns(\n onClickVerifyWebhook: (webhook: Webhook) => void,\n onClickResendVerificationCode: (webhook: Webhook) => void,\n onClickEditWebhook: (webhook: Webhook) => void,\n) {\n return [\n columnHelper.accessor('id', {\n header: 'ID',\n size: 75,\n cell: ctx => ctx.cell.getValue(),\n }),\n columnHelper.display({\n header: 'Object',\n cell: ctx => {\n if (ctx.row.original.objectType === SynapseObjectType.ENTITY) {\n return (\n <>\n <EntityLink entity={ctx.row.original.objectId!} /> (syn\n {ctx.row.original.objectId})\n </>\n )\n }\n return `${ctx.row.original.objectType}: ${ctx.row.original.objectId}`\n },\n }),\n columnHelper.accessor('eventTypes', {\n header: 'Event Type(s)',\n cell: ctx => (\n <Stack>\n {Array.from<string>(ctx.cell.getValue()!)\n .map(s => s.toLowerCase())\n .map(upperFirst)\n .map(val => (\n <span key={val}>{val}</span>\n ))}\n </Stack>\n ),\n }),\n columnHelper.accessor('isEnabled', {\n header: 'Enabled',\n size: 10,\n cell: ctx => (ctx.cell.getValue() ? 'Yes' : 'No'),\n }),\n columnHelper.accessor('createdOn', {\n header: 'Created On',\n cell: ({ getValue }) => formatDate(dayjs(getValue())),\n }),\n columnHelper.accessor('modifiedOn', {\n header: 'Modified On',\n cell: ({ getValue }) => formatDate(dayjs(getValue())),\n }),\n columnHelper.accessor('verificationStatus', {\n header: 'Verification Status',\n cell: ctx => (\n <Stack\n sx={{\n flexDirection: 'row',\n alignItems: 'center',\n gap: 1,\n }}\n >\n {ctx.row.original.verificationStatus === 'PENDING' && (\n // useEffect above will trigger a refetch until this resolves\n <SynapseSpinner size={20} />\n )}\n {ctx.row.original.verificationStatus !==\n WebhookVerificationStatus.PENDING &&\n upperFirst(\n (ctx.row.original.verificationStatus \|\| '')\n .toLowerCase()\n .replaceAll('_', ' '),\n )}\n {ctx.row.original.verificationMsg && (\n <HelpPopover markdownText={ctx.row.original.verificationMsg} />\n )}\n </Stack>\n ),\n }),\n columnHelper.display({\n id: 'actions',\n header: 'Actions',\n size: 10,\n meta: {\n textAlign: 'right',\n },\n cell: ctx => (\n <Stack\n sx={{\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'center',\n gap: 2,\n }}\n >\n {ctx.row.original.verificationStatus ===\n WebhookVerificationStatus.CODE_SENT && (\n <Button\n variant={'outlined'}\n onClick={() => {\n onClickVerifyWebhook(ctx.row.original)\n }}\n >\n Verify code\n </Button>\n )}\n\n {WEBHOOK_CAN_RESEND_CODE_STATES.has(\n ctx.row.original.verificationStatus as WebhookVerificationStatus,\n ) && (\n <Button\n variant={'outlined'}\n onClick={() => {\n onClickResendVerificationCode(ctx.row.original)\n }}\n >\n Resend code\n </Button>\n )}\n <Button\n size=\"small\"\n variant=\"contained\"\n onClick={() => {\n onClickEditWebhook(ctx.row.original)\n }}\n >\n Edit\n </Button>\n </Stack>\n ),\n }),\n ]\n}\n\nexport default function WebhookDashboard() {\n const [showCreateModal, setShowCreateModal] = useState(false)\n const [showVerificationDialog, setShowVerificationDialog] = useState(false)\n const [webhookToUpdate, setWebhookToUpdate] = useState<Webhook \| undefined>(\n undefined,\n )\n\n const theme = useTheme()\n const hideOptionalColumns = useMediaQuery(theme.breakpoints.down('md'))\n\n const {\n data: infiniteData,\n refetch,\n hasNextPage,\n fetchNextPage,\n isFetchingNextPage,\n isLoading,\n } = useGetWebhooksInfinite()\n const webhooks = useMemo(\n () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n [infiniteData],\n )\n\n // If the Webhook verification status is PENDING, Synapse may not have sent the verification code, or may have not reported a response.\n // Refetch on an interval to check if the verification status has changed.\n useEffect(() => {\n let intervalId: NodeJS.Timeout\n if (webhooks.some(webhook => webhook.verificationStatus === 'PENDING')) {\n intervalId = setInterval(() => {\n void refetch()\n }, 2500)\n }\n return () => clearInterval(intervalId)\n }, [refetch, webhooks])\n\n const { mutate: resendVerificationCode } = useResendVerificationCode()\n\n const onClickVerifyWebhook = useCallback((webhook: Webhook) => {\n setWebhookToUpdate(webhook)\n setShowVerificationDialog(true)\n }, [])\n const onClickEditWebhook = useCallback((webhook: Webhook) => {\n setWebhookToUpdate(webhook)\n setShowCreateModal(true)\n }, [])\n const onClickResendVerificationCode = useCallback(\n (webhook: Webhook) => {\n resendVerificationCode(webhook.id!)\n },\n [resendVerificationCode],\n )\n\n const columns = useMemo(\n () =>\n getWebhookTableColumns(\n onClickVerifyWebhook,\n onClickResendVerificationCode,\n onClickEditWebhook,\n ),\n [onClickEditWebhook, onClickResendVerificationCode, onClickVerifyWebhook],\n )\n\n const webhookTable = useReactTable<Webhook>({\n data: webhooks,\n columns: columns,\n state: {\n columnVisibility: {\n createdOn: !hideOptionalColumns,\n modifiedOn: !hideOptionalColumns,\n },\n },\n getCoreRowModel: getCoreRowModel(),\n })\n\n const isEmpty = !isLoading && webhookTable.getRowModel().rows.length === 0\n\n return (\n <div>\n <WebhookVerificationDialog\n key={webhookToUpdate?.id}\n open={showVerificationDialog}\n onClose={() => setShowVerificationDialog(false)}\n webhookId={webhookToUpdate?.id!}\n />\n <Typography variant={'headline3'}>Webhook Dashboard</Typography>\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'row',\n my: 2,\n gap: 3,\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n }}\n >\n <div>\n <Typography variant={'body1'} gutterBottom>\n Webhooks can be used to programmatically receive alerts that are\n triggered by events in Synapse. A webhook can specify a Synapse\n entity to receive events related to that entity. For entities that\n represent a container (folder and project), matching events are\n published to the webhook endpoint for any entity in its hierarchy.\n </Typography>\n <Typography variant={'body1'} gutterBottom>\n For more information, see the{' '}\n <Link\n href={\n 'http://dev.release.rest.doc.sagebase.org.s3-website-us-east-1.amazonaws.com/index.html#org.sagebionetworks.repo.web.controller.WebhookController'\n }\n target={'blank'}\n >\n Synapse API REST Docs section on Webhooks\n </Link>\n .\n </Typography>\n </div>\n <Button\n size=\"large\"\n variant=\"contained\"\n startIcon={<AddCircleTwoTone />}\n onClick={() => {\n setWebhookToUpdate(undefined)\n setShowCreateModal(true)\n }}\n sx={{ flexShrink: 0 }}\n >\n Create Webhook\n </Button>\n <CreateWebhookModal\n initialData={webhookToUpdate}\n open={showCreateModal}\n onClose={() => setShowCreateModal(false)}\n />\n </Box>\n <InfiniteTableLayout\n table={<StyledTanStackTable table={webhookTable} />}\n isLoading={isLoading}\n noResults={\n <Typography variant=\"body1\">\n You have not created any webhooks. Click "Create Webhook"\n above to begin.\n </Typography>\n }\n isEmpty={isEmpty}\n hasNextPage={hasNextPage}\n onFetchNextPageClicked={() => {\n void fetchNextPage()\n }}\n isFetchingNextPage={isFetchingNextPage}\n />\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoCA,IAAM,IACJ,IAAI,IAAI,CAAC,EAA0B,QAAQ,EAA0B,OAAO,CAAC,GAEzE,IAAe,EAA4B;AAEjD,SAAS,EACP,GACA,GACA,GACA;CACA,OAAO;EACL,EAAa,SAAS,MAAM;GAC1B,QAAQ;GACR,MAAM;GACN,OAAM,MAAO,EAAI,KAAK,SAAS;EACjC,CAAC;EACD,EAAa,QAAQ;GACnB,QAAQ;GACR,OAAM,MACA,EAAI,IAAI,SAAS,eAAe,EAAkB,SAElD,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD,EAAY,QAAQ,EAAI,IAAI,SAAS,SAAY,CAAA;IAAC;IACjD,EAAI,IAAI,SAAS;IAAS;GAC3B,EAAA,CAAA,IAGC,GAAG,EAAI,IAAI,SAAS,WAAW,IAAI,EAAI,IAAI,SAAS;EAE/D,CAAC;EACD,EAAa,SAAS,cAAc;GAClC,QAAQ;GACR,OAAM,MACJ,kBAAC,GAAD,EAAA,UACG,MAAM,KAAa,EAAI,KAAK,SAAS,CAAE,EACrC,KAAI,MAAK,EAAE,YAAY,CAAC,EACxB,IAAI,CAAU,EACd,KAAI,MACH,kBAAC,QAAD,EAAA,UAAiB,EAAU,GAAhB,CAAgB,CAC5B,EACE,CAAA;EAEX,CAAC;EACD,EAAa,SAAS,aAAa;GACjC,QAAQ;GACR,MAAM;GACN,OAAM,MAAQ,EAAI,KAAK,SAAS,IAAI,QAAQ;EAC9C,CAAC;EACD,EAAa,SAAS,aAAa;GACjC,QAAQ;GACR,OAAO,EAAE,kBAAe,EAAW,EAAM,EAAS,CAAC,CAAC;EACtD,CAAC;EACD,EAAa,SAAS,cAAc;GAClC,QAAQ;GACR,OAAO,EAAE,kBAAe,EAAW,EAAM,EAAS,CAAC,CAAC;EACtD,CAAC;EACD,EAAa,SAAS,sBAAsB;GAC1C,QAAQ;GACR,OAAM,MACJ,kBAAC,GAAD;IACE,IAAI;KACF,eAAe;KACf,YAAY;KACZ,KAAK;IACP;cALF;KAOG,EAAI,IAAI,SAAS,uBAAuB,aAEvC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA;KAE5B,EAAI,IAAI,SAAS,uBAChB,EAA0B,WAC1B,GACG,EAAI,IAAI,SAAS,sBAAsB,IACrC,YAAY,EACZ,WAAW,KAAK,GAAG,CACxB;KACD,EAAI,IAAI,SAAS,mBAChB,kBAAC,GAAD,EAAa,cAAc,EAAI,IAAI,SAAS,gBAAkB,CAAA;IAE3D;;EAEX,CAAC;EACD,EAAa,QAAQ;GACnB,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,MAAM,EACJ,WAAW,QACb;GACA,OAAM,MACJ,kBAAC,GAAD;IACE,IAAI;KACF,eAAe;KACf,gBAAgB;KAChB,YAAY;KACZ,KAAK;IACP;cANF;KAQG,EAAI,IAAI,SAAS,uBAChB,EAA0B,aAC1B,kBAAC,GAAD;MACE,SAAS;MACT,eAAe;OACb,EAAqB,EAAI,IAAI,QAAQ;MACvC;gBACD;KAEO,CAAA;KAGT,EAA+B,IAC9B,EAAI,IAAI,SAAS,kBACnB,KACE,kBAAC,GAAD;MACE,SAAS;MACT,eAAe;OACb,EAA8B,EAAI,IAAI,QAAQ;MAChD;gBACD;KAEO,CAAA;KAEV,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,eAAe;OACb,EAAmB,EAAI,IAAI,QAAQ;MACrC;gBACD;KAEO,CAAA;IACH;;EAEX,CAAC;CACH;AACF;AAEA,SAAwB,IAAmB;CACzC,IAAM,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,CAAC,GAAiB,KAAsB,EAC5C,KAAA,CACF,GAGM,IAAsB,EADd,EAC4B,EAAM,YAAY,KAAK,IAAI,CAAC,GAEhE,EACJ,MAAM,GACN,YACA,gBACA,kBACA,uBACA,iBACE,EAAuB,GACrB,IAAW,QACT,GAAc,MAAM,SAAQ,MAAQ,EAAK,IAAK,KAAK,CAAC,GAC1D,CAAC,CAAY,CACf;CAIA,QAAgB;EACd,IAAI;EAMJ,OALI,EAAS,MAAK,MAAW,EAAQ,uBAAuB,SAAS,MACnE,IAAa,kBAAkB;GAC7B,EAAa;EACf,GAAG,IAAI,UAEI,cAAc,CAAU;CACvC,GAAG,CAAC,GAAS,CAAQ,CAAC;CAEtB,IAAM,EAAE,QAAQ,MAA2B,EAA0B,GAE/D,IAAuB,GAAa,MAAqB;EAE7D,AADA,EAAmB,CAAO,GAC1B,EAA0B,EAAI;CAChC,GAAG,CAAC,CAAC,GACC,IAAqB,GAAa,MAAqB;EAE3D,AADA,EAAmB,CAAO,GAC1B,EAAmB,EAAI;CACzB,GAAG,CAAC,CAAC,GACC,IAAgC,GACnC,MAAqB;EACpB,EAAuB,EAAQ,EAAG;CACpC,GACA,CAAC,CAAsB,CACzB,GAYM,IAAe,EAAuB;EAC1C,MAAM;EACG,SAZK,QAEZ,EACE,GACA,GACA,CACF,GACF;GAAC;GAAoB;GAA+B;EAAoB,CAK/D;EACT,OAAO,EACL,kBAAkB;GAChB,WAAW,CAAC;GACZ,YAAY,CAAC;EACf,EACF;EACA,iBAAiB,EAAgB;CACnC,CAAC,GAEK,IAAU,CAAC,KAAa,EAAa,YAAY,EAAE,KAAK,WAAW;CAEzE,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAEE,MAAM;GACN,eAAe,EAA0B,EAAK;GAC9C,WAAW,GAAiB;EAC7B,GAJM,GAAiB,EAIvB;EACD,kBAAC,GAAD;GAAY,SAAS;aAAa;EAA6B,CAAA;EAC/D,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,eAAe;IACf,IAAI;IACJ,KAAK;IACL,gBAAgB;IAChB,YAAY;GACd;aARF;IAUE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAS;KAAS,cAAA;eAAa;IAM/B,CAAA,GACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,cAAA;eAA9B;MAA2C;MACX;MAC9B,kBAAC,GAAD;OACE,MACE;OAEF,QAAQ;iBACT;MAEK,CAAA;MAAC;KAEG;MACT,EAAA,CAAA;IACL,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAW,kBAAC,GAAD,CAAmB,CAAA;KAC9B,eAAe;MAEb,AADA,EAAmB,KAAA,CAAS,GAC5B,EAAmB,EAAI;KACzB;KACA,IAAI,EAAE,YAAY,EAAE;eACrB;IAEO,CAAA;IACR,kBAAC,GAAD;KACE,aAAa;KACb,MAAM;KACN,eAAe,EAAmB,EAAK;IACxC,CAAA;GACE;;EACL,kBAAC,GAAD;GACE,OAAO,kBAAC,GAAD,EAAqB,OAAO,EAAe,CAAA;GACvC;GACX,WACE,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAGhB,CAAA;GAEL;GACI;GACb,8BAA8B;IAC5B,EAAmB;GACrB;GACoB;EACrB,CAAA;CACE,EAAA,CAAA;AAET"}

package/dist/components/download_list/DownloadConfirmationUtils.d.ts CHANGED Viewed

@@ -1,2 +1,6 @@
-export declare function displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl: string): void;
+/**
+ * Reports files added to the Download List, with a link to it.
+ * @param numberOfFilesAdded the server's count, when the caller has it
+ */
+export declare function displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl: string, numberOfFilesAdded?: number): void;
 //# sourceMappingURL=DownloadConfirmationUtils.d.ts.map

package/dist/components/download_list/DownloadConfirmationUtils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadConfirmationUtils.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"names":[],"mappings":"AAEA,wBAAgB,0CAA0C,CACxD,mBAAmB,EAAE,MAAM,~~QAc5B~~"}
1	+ {"version":3,"file":"DownloadConfirmationUtils.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,0CAA0C,CACxD,mBAAmB,EAAE,MAAM,EAC3B,kBAAkB,CAAC,EAAE,MAAM,QAgB5B"}

package/dist/components/download_list/DownloadConfirmationUtils.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import "../ToastMessage/index.js";
 //#region src/components/download_list/DownloadConfirmationUtils.ts
-function t(t) {
-	e("File(s) were successfully added to your Download List.", "success", { primaryButtonConfig: {
+function t(t, n) {
+	e(n === void 0 ? "File(s) were successfully added to your Download List." : `${n.toLocaleString()} ${n === 1 ? "file was" : "files were"} added to your Download List.`, "success", { primaryButtonConfig: {
 		text: "View Download List",
 		onClick: () => {
 			window.location.href = t;

package/dist/components/download_list/DownloadConfirmationUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadConfirmationUtils.js","names":[],"sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\nexport function displayFilesWereAddedToDownloadListSuccess(\n downloadCartPageUrl: string,\n) {\n displayToast(\n 'File(s) were successfully added to your Download List.',\n 'success',\n {\n primaryButtonConfig: {\n text: 'View Download List',\n onClick: () => {\n window.location.href = downloadCartPageUrl\n },\n },\n },\n )\n}\n"],"mappings":";;;~~AAEA~~,SAAgB,EACd,GACA;CACA,EACE,~~0DACA~~,WACA,EACE,qBAAqB;EACnB,MAAM;EACN,eAAe;GACb,OAAO,SAAS,OAAO;EACzB;CACF,EACF,CACF;AACF"}
1	+ {"version":3,"file":"DownloadConfirmationUtils.js","names":[],"sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\n/*\n Reports files added to the Download List, with a link to it.\n * @param numberOfFilesAdded the server's count, when the caller has it\n */\nexport function displayFilesWereAddedToDownloadListSuccess(\n downloadCartPageUrl: string,\n numberOfFilesAdded?: number,\n) {\n displayToast(\n numberOfFilesAdded === undefined\n ? 'File(s) were successfully added to your Download List.'\n : `${numberOfFilesAdded.toLocaleString()} ${numberOfFilesAdded === 1 ? 'file was' : 'files were'} added to your Download List.`,\n 'success',\n {\n primaryButtonConfig: {\n text: 'View Download List',\n onClick: () => {\n window.location.href = downloadCartPageUrl\n },\n },\n },\n )\n}\n"],"mappings":";;;AAMA,SAAgB,EACd,GACA,GACA;CACA,EACE,MAAuB,KAAA,IACnB,2DACA,GAAG,EAAmB,eAAe,EAAE,GAAG,MAAuB,IAAI,aAAa,aAAa,gCACnG,WACA,EACE,qBAAqB;EACnB,MAAM;EACN,eAAe;GACb,OAAO,SAAS,OAAO;EACzB;CACF,EACF,CACF;AACF"}

package/dist/components/error/ErrorBanner.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../../src/components/error/ErrorBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,+BAA+B,EAC/B,aAAa,EACd,MAAM,sBAAsB,CAAA;~~AAK7B~~,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,kBAAkB,GAAG,IAAI,CAAA;IAClD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,8BAA8B,oDACQ,CAAA;AAEnD,eAAO,MAAM,YAAY,QAAO,KAAK,CAAC,SAMrC,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO;IACjC,KAAK,EAAE,kBAAkB,CAAA;CAC1B,KAAG,KAAK,CAAC,SA2CT,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,~~SAmD3D~~,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CASf;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAQf;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAGf;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,iBAAiB,CACtB,QAAQ,CAAC,+BAA+B,EAAE,mBAAmB,CAAC,CAC/D,KACA,KAAK,CAAC,SAER,CAAA"}
1	+ {"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../../src/components/error/ErrorBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,+BAA+B,EAC/B,aAAa,EACd,MAAM,sBAAsB,CAAA;AAS7B,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,kBAAkB,GAAG,IAAI,CAAA;IAClD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,8BAA8B,oDACQ,CAAA;AAEnD,eAAO,MAAM,YAAY,QAAO,KAAK,CAAC,SAMrC,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO;IACjC,KAAK,EAAE,kBAAkB,CAAA;CAC1B,KAAG,KAAK,CAAC,SA2CT,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAwD3D,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CASf;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAQf;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAGf;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,iBAAiB,CACtB,QAAQ,CAAC,+BAA+B,EAAE,mBAAmB,CAAC,CAC/D,KACA,KAAK,CAAC,SAER,CAAA"}

package/dist/components/error/ErrorBanner.js CHANGED Viewed

@@ -1,91 +1,94 @@
 import e from "../FullWidthAlert/index.js";
 import t from "../SignInButton.js";
-import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
-import { useState as r } from "react";
-import { Box as i, Button as a, Collapse as o, Stack as s } from "@mui/material";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { SynapseClientError as d } from "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { ErrorBoundary as f } from "react-error-boundary";
+import { AggregateQueryErrorNotice as n, getAggregateQueryError as r } from "../QueryWrapper/AggregateQueryErrorNotice.js";
+import { useSynapseContext as i } from "../../utils/context/SynapseContext.js";
+import { useState as a } from "react";
+import { Box as o, Button as s, Collapse as c, Stack as l } from "@mui/material";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { SynapseClientError as p } from "@sage-bionetworks/synapse-client/util/SynapseClientError";
+import { ErrorBoundary as m } from "react-error-boundary";
 //#region src/components/error/ErrorBanner.tsx
-var p = "You are not authorized to access this resource.", m = () => /* @__PURE__ */ u(c, { children: [
+var h = "You are not authorized to access this resource.", g = () => /* @__PURE__ */ f(u, { children: [
 	"Please ",
-	/* @__PURE__ */ l(t, {}),
+	/* @__PURE__ */ d(t, {}),
 	" to view this resource."
-] }), h = (e) => {
-	let [t, d] = r(!1), { isAuthenticated: f } = n(), { error: h } = e, g = (h.status === 403 || h.status === 401) && !f, _ = h.status === 403 && f;
-	return g ? /* @__PURE__ */ l(m, {}) : _ ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(s, {
+] }), _ = (e) => {
+	let [t, n] = a(!1), { isAuthenticated: r } = i(), { error: p } = e, m = (p.status === 403 || p.status === 401) && !r, _ = p.status === 403 && r;
+	return m ? /* @__PURE__ */ d(g, {}) : _ ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(l, {
 		direction: "row",
 		spacing: 2,
-		children: [/* @__PURE__ */ l(i, {
+		children: [/* @__PURE__ */ d(o, {
 			sx: {
 				display: "flex",
 				alignItems: "center"
 			},
-			children: p
-		}), /* @__PURE__ */ u(a, {
+			children: h
+		}), /* @__PURE__ */ f(s, {
 			variant: "text",
-			onClick: () => d((e) => !e),
+			onClick: () => n((e) => !e),
 			children: [t ? "Hide" : "Show", " details"]
 		})]
-	}), /* @__PURE__ */ l(o, {
+	}), /* @__PURE__ */ d(c, {
 		in: t,
-		children: /* @__PURE__ */ l(i, {
+		children: /* @__PURE__ */ d(o, {
 			sx: { paddingTop: 1 },
-			children: /* @__PURE__ */ l("pre", { children: h.reason })
+			children: /* @__PURE__ */ d("pre", { children: p.reason })
 		})
-	})] }) : /* @__PURE__ */ l(c, { children: h.reason });
-}, g = (t) => {
-	let { error: n, reloadButtonFn: r } = t;
-	if (!n) return /* @__PURE__ */ l(c, {});
-	let i, a, o;
-	n instanceof d ? i = n : n instanceof Error ? a = n : typeof n == "string" && (o = n);
-	let s = i && i.status >= 500, f;
-	return s ? f = {
+	})] }) : /* @__PURE__ */ d(u, { children: p.reason });
+}, v = (t) => {
+	let { error: i, reloadButtonFn: a } = t;
+	if (!i) return /* @__PURE__ */ d(u, {});
+	let o = r(i);
+	if (o) return /* @__PURE__ */ d(n, { error: o });
+	let s, c, l;
+	i instanceof p ? s = i : i instanceof Error ? c = i : typeof i == "string" && (l = i);
+	let m = s && s.status >= 500, h;
+	return m ? h = {
 		text: "Report Issue",
 		onClick: () => {
-			let e = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/84?description=${encodeURI(`A server error occurred:\n\n${i?.reason}`)}`;
+			let e = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/84?description=${encodeURI(`A server error occurred:\n\n${s?.reason}`)}`;
 			window.open(e, "_blank");
 		}
-	} : r && (f = {
+	} : a && (h = {
 		text: "Reload",
-		onClick: r
-	}), /* @__PURE__ */ l(e, {
+		onClick: a
+	}), /* @__PURE__ */ d(e, {
 		variant: "danger",
 		isGlobal: !1,
-		description: /* @__PURE__ */ u(c, { children: [
-			i && /* @__PURE__ */ l(h, { error: i }),
-			a && a.message,
-			o && o
+		description: /* @__PURE__ */ f(u, { children: [
+			s && /* @__PURE__ */ d(_, { error: s }),
+			c && c.message,
+			l && l
 		] }),
-		primaryButtonConfig: f
+		primaryButtonConfig: h
 	});
 };
-function _({ error: e, resetErrorBoundary: t }) {
-	return /* @__PURE__ */ l("div", {
+function y({ error: e, resetErrorBoundary: t }) {
+	return /* @__PURE__ */ d("div", {
 		className: "SRC-marginBottomTop",
-		children: /* @__PURE__ */ l(g, {
+		children: /* @__PURE__ */ d(v, {
 			error: e,
 			reloadButtonFn: t
 		})
 	});
 }
-function v({ error: e, resetErrorBoundary: t }) {
-	return /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
+function b({ error: e, resetErrorBoundary: t }) {
+	return /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", {
 		colSpan: 999,
-		children: /* @__PURE__ */ l(g, {
+		children: /* @__PURE__ */ d(v, {
 			error: e,
 			reloadButtonFn: t
 		})
 	}) });
 }
-function y({ error: e, resetErrorBoundary: t }) {
-	return console.error(e), /* @__PURE__ */ l(c, {});
+function x({ error: e, resetErrorBoundary: t }) {
+	return console.error(e), /* @__PURE__ */ d(u, {});
 }
-var b = (e) => /* @__PURE__ */ l(f, {
-	FallbackComponent: _,
+var S = (e) => /* @__PURE__ */ d(m, {
+	FallbackComponent: y,
 	...e
 });
 //#endregion
-export { h as ClientError, y as EmptyFallbackComponent, g as ErrorBanner, _ as ErrorFallbackComponent, m as SignInPrompt, b as SynapseErrorBoundary, v as TableRowFallbackComponent, p as YOU_ARE_NOT_AUTHORIZED_MESSAGE };
+export { _ as ClientError, x as EmptyFallbackComponent, v as ErrorBanner, y as ErrorFallbackComponent, g as SignInPrompt, S as SynapseErrorBoundary, b as TableRowFallbackComponent, h as YOU_ARE_NOT_AUTHORIZED_MESSAGE };
 //# sourceMappingURL=ErrorBanner.js.map

package/dist/components/error/ErrorBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorBanner.js","names":[],"sources":["../../../src/components/error/ErrorBanner.tsx"],"sourcesContent":["import React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Optional } from '@/utils/types/Optional'\nimport { Box, Button, Collapse, Stack } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { PropsWithChildren, useState } from 'react'\nimport {\n ErrorBoundary,\n ErrorBoundaryPropsWithComponent,\n FallbackProps,\n} from 'react-error-boundary'\nimport FullWidthAlert from '../FullWidthAlert'\nimport SignInButton from '../SignInButton'\nimport { AlertButtonConfig } from '../FullWidthAlert/FullWidthAlert'\n\ntype ErrorBannerProps = {\n error?: string \| Error \| SynapseClientError \| null\n reloadButtonFn?: () => void\n}\n\nexport const YOU_ARE_NOT_AUTHORIZED_MESSAGE =\n 'You are not authorized to access this resource.'\n\nexport const SignInPrompt = (): React.ReactNode => {\n return (\n <>\n Please <SignInButton /> to view this resource.\n </>\n )\n}\n\nexport const ClientError = (props: {\n error: SynapseClientError\n}): React.ReactNode => {\n const [showDetailedError, setShowDetailedError] = useState(false)\n const { isAuthenticated } = useSynapseContext()\n const { error } = props\n const loginError =\n (error.status === 403 \|\| error.status === 401) && !isAuthenticated\n const accessDenied = error.status === 403 && isAuthenticated\n\n if (loginError) {\n return <SignInPrompt />\n } else if (accessDenied) {\n return (\n <>\n <Stack direction=\"row\" spacing={2}>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n }}\n >\n {YOU_ARE_NOT_AUTHORIZED_MESSAGE}\n </Box>\n <Button\n variant=\"text\"\n onClick={() => setShowDetailedError(show => !show)}\n >\n {showDetailedError ? 'Hide' : 'Show'} details\n </Button>\n </Stack>\n <Collapse in={showDetailedError}>\n <Box\n sx={{\n paddingTop: 1,\n }}\n >\n <pre>{error.reason}</pre>\n </Box>\n </Collapse>\n </>\n )\n } else {\n return <>{error.reason}</>\n }\n}\n\nexport const ErrorBanner = (props: ErrorBannerProps): React.ReactNode => {\n const { error, reloadButtonFn } = props\n\n if (!error) {\n return <></>\n }\n\n let synapseClientError: SynapseClientError \| undefined = undefined\n let jsError: Error \| undefined = undefined\n let stringError: string \| undefined = undefined\n if (error instanceof SynapseClientError) {\n synapseClientError = error\n } else if (error instanceof Error) {\n jsError = error\n } else if (typeof error === 'string') {\n stringError = error\n }\n const serverError = synapseClientError && synapseClientError.status >= 500\n let primaryButtonConfig: AlertButtonConfig \| undefined = undefined\n\n if (serverError) {\n primaryButtonConfig = {\n text: 'Report Issue',\n onClick: () => {\n const issueUrl = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/84?description=${encodeURI(\n `A server error occurred:\\n\\n${synapseClientError?.reason}`,\n )}`\n window.open(issueUrl, '_blank')\n },\n }\n } else if (reloadButtonFn) {\n primaryButtonConfig = {\n text: 'Reload',\n onClick: reloadButtonFn,\n }\n }\n\n return (\n <FullWidthAlert\n variant={'danger'}\n isGlobal={false}\n description={\n <>\n {synapseClientError && <ClientError error={synapseClientError} />}\n {jsError && jsError.message}\n {stringError && stringError}\n </>\n }\n primaryButtonConfig={primaryButtonConfig}\n />\n )\n}\n\nexport function ErrorFallbackComponent({\n error,\n resetErrorBoundary,\n}: FallbackProps) {\n return (\n <div className=\"SRC-marginBottomTop\">\n <ErrorBanner\n error={error}\n reloadButtonFn={resetErrorBoundary}\n ></ErrorBanner>\n </div>\n )\n}\n\nexport function TableRowFallbackComponent({\n error,\n resetErrorBoundary,\n}: FallbackProps) {\n return (\n <tr>\n <td colSpan={999}>\n <ErrorBanner error={error} reloadButtonFn={resetErrorBoundary} />\n </td>\n </tr>\n )\n}\n\n/*\n This error boundary fallback component does not have a UI, it only outputs the error to console.error\n /\nexport function EmptyFallbackComponent({\n error,\n resetErrorBoundary,\n}: FallbackProps) {\n console.error(error)\n return <></>\n}\n\n/\n ErrorBoundary component that uses the default error fallback component, unless overridden.\n * Internally uses `react-error-boundary`.\n \n Use with {@link react-error-boundary#handleError \| handleError}\n * @param props\n * @returns\n */\nexport const SynapseErrorBoundary = (\n props: PropsWithChildren<\n Optional<ErrorBoundaryPropsWithComponent, 'FallbackComponent'>\n >,\n): React.ReactNode => (\n <ErrorBoundary FallbackComponent={ErrorFallbackComponent} {...props} />\n)\n"],"mappings":"~~;;;;;;;;;AAoBA~~,IAAa,IACX,mDAEW,UAET,kBAAA,GAAA,EAAA,UAAA;CAAE;CACO,kBAAC,GAAD,CAAe,CAAA;CAAC;AACvB,EAAA,CAAA,GAIO,KAAe,MAEL;CACrB,IAAM,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAC1D,EAAE,uBAAoB,EAAkB,GACxC,EAAE,aAAU,GACZ,KACH,EAAM,WAAW,OAAO,EAAM,WAAW,QAAQ,CAAC,GAC/C,IAAe,EAAM,WAAW,OAAO;CAmC3C,OAjCE,IACK,kBAAC,GAAD,CAAe,CAAA,IACb,IAEP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAO,WAAU;EAAM,SAAS;YAAhC,CACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;GACd;aAEC;EACE,CAAA,GACL,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,GAAqB,MAAQ,CAAC,CAAI;aAFnD,CAIG,IAAoB,SAAS,QAAO,UAC/B;IACH;KACP,kBAAC,GAAD;EAAU,IAAI;YACZ,kBAAC,GAAD;GACE,IAAI,EACF,YAAY,EACd;aAEA,kBAAC,OAAD,EAAA,UAAM,EAAM,OAAY,CAAA;EACrB,CAAA;CACG,CAAA,CACV,EAAA,CAAA,IAGG,kBAAA,GAAA,EAAA,UAAG,EAAM,OAAS,CAAA;AAE7B,GAEa,KAAe,MAA6C;CACvE,IAAM,EAAE,UAAO,sBAAmB;CAElC,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;~~CAGb~~,IAAI,GACA,GACA;CACJ,AAAI,aAAiB,IACnB,IAAqB,IACZ,aAAiB,QAC1B,IAAU,IACD,OAAO,KAAU,aAC1B,IAAc;CAEhB,IAAM,IAAc,KAAsB,EAAmB,UAAU,KACnE;CAmBJ,OAjBI,IACF,IAAsB;EACpB,MAAM;EACN,eAAe;GACb,IAAM,IAAW,iGAAiG,UAChH,+BAA+B,GAAoB,QACrD;GACA,OAAO,KAAK,GAAU,QAAQ;EAChC;CACF,IACS,MACT,IAAsB;EACpB,MAAM;EACN,SAAS;CACX,IAIA,kBAAC,GAAD;EACE,SAAS;EACT,UAAU;EACV,aACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAsB,kBAAC,GAAD,EAAa,OAAO,EAAqB,CAAA;GAC/D,KAAW,EAAQ;GACnB,KAAe;EAChB,EAAA,CAAA;EAEiB;CACtB,CAAA;AAEL;AAEA,SAAgB,EAAuB,EACrC,UACA,yBACgB;CAChB,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACP,gBAAgB;EACJ,CAAA;CACX,CAAA;AAET;AAEA,SAAgB,EAA0B,EACxC,UACA,yBACgB;CAChB,OACE,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;EAAI,SAAS;YACX,kBAAC,GAAD;GAAoB;GAAO,gBAAgB;EAAqB,CAAA;CAC9D,CAAA,EACF,CAAA;AAER;AAKA,SAAgB,EAAuB,EACrC,UACA,yBACgB;CAEhB,OADA,QAAQ,MAAM,CAAK,GACZ,kBAAA,GAAA,CAAI,CAAA;AACb;AAUA,IAAa,KACX,MAIA,kBAAC,GAAD;CAAe,mBAAmB;CAAwB,GAAI;AAAQ,CAAA"}
1	+ {"version":3,"file":"ErrorBanner.js","names":[],"sources":["../../../src/components/error/ErrorBanner.tsx"],"sourcesContent":["import React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Optional } from '@/utils/types/Optional'\nimport { Box, Button, Collapse, Stack } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { PropsWithChildren, useState } from 'react'\nimport {\n ErrorBoundary,\n ErrorBoundaryPropsWithComponent,\n FallbackProps,\n} from 'react-error-boundary'\nimport FullWidthAlert from '../FullWidthAlert'\nimport SignInButton from '../SignInButton'\nimport { AlertButtonConfig } from '../FullWidthAlert/FullWidthAlert'\nimport {\n AggregateQueryErrorNotice,\n getAggregateQueryError,\n} from '../QueryWrapper/AggregateQueryErrorNotice'\n\ntype ErrorBannerProps = {\n error?: string \| Error \| SynapseClientError \| null\n reloadButtonFn?: () => void\n}\n\nexport const YOU_ARE_NOT_AUTHORIZED_MESSAGE =\n 'You are not authorized to access this resource.'\n\nexport const SignInPrompt = (): React.ReactNode => {\n return (\n <>\n Please <SignInButton /> to view this resource.\n </>\n )\n}\n\nexport const ClientError = (props: {\n error: SynapseClientError\n}): React.ReactNode => {\n const [showDetailedError, setShowDetailedError] = useState(false)\n const { isAuthenticated } = useSynapseContext()\n const { error } = props\n const loginError =\n (error.status === 403 \|\| error.status === 401) && !isAuthenticated\n const accessDenied = error.status === 403 && isAuthenticated\n\n if (loginError) {\n return <SignInPrompt />\n } else if (accessDenied) {\n return (\n <>\n <Stack direction=\"row\" spacing={2}>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n }}\n >\n {YOU_ARE_NOT_AUTHORIZED_MESSAGE}\n </Box>\n <Button\n variant=\"text\"\n onClick={() => setShowDetailedError(show => !show)}\n >\n {showDetailedError ? 'Hide' : 'Show'} details\n </Button>\n </Stack>\n <Collapse in={showDetailedError}>\n <Box\n sx={{\n paddingTop: 1,\n }}\n >\n <pre>{error.reason}</pre>\n </Box>\n </Collapse>\n </>\n )\n } else {\n return <>{error.reason}</>\n }\n}\n\nexport const ErrorBanner = (props: ErrorBannerProps): React.ReactNode => {\n const { error, reloadButtonFn } = props\n\n if (!error) {\n return <></>\n }\n\n // A result withheld from an aggregate-only caller is a normal state, not an error, so it is not shown as a banner.\n const aggregateQueryError = getAggregateQueryError(error)\n if (aggregateQueryError) {\n return <AggregateQueryErrorNotice error={aggregateQueryError} />\n }\n let synapseClientError: SynapseClientError \| undefined = undefined\n let jsError: Error \| undefined = undefined\n let stringError: string \| undefined = undefined\n if (error instanceof SynapseClientError) {\n synapseClientError = error\n } else if (error instanceof Error) {\n jsError = error\n } else if (typeof error === 'string') {\n stringError = error\n }\n const serverError = synapseClientError && synapseClientError.status >= 500\n let primaryButtonConfig: AlertButtonConfig \| undefined = undefined\n\n if (serverError) {\n primaryButtonConfig = {\n text: 'Report Issue',\n onClick: () => {\n const issueUrl = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/84?description=${encodeURI(\n `A server error occurred:\\n\\n${synapseClientError?.reason}`,\n )}`\n window.open(issueUrl, '_blank')\n },\n }\n } else if (reloadButtonFn) {\n primaryButtonConfig = {\n text: 'Reload',\n onClick: reloadButtonFn,\n }\n }\n\n return (\n <FullWidthAlert\n variant={'danger'}\n isGlobal={false}\n description={\n <>\n {synapseClientError && <ClientError error={synapseClientError} />}\n {jsError && jsError.message}\n {stringError && stringError}\n </>\n }\n primaryButtonConfig={primaryButtonConfig}\n />\n )\n}\n\nexport function ErrorFallbackComponent({\n error,\n resetErrorBoundary,\n}: FallbackProps) {\n return (\n <div className=\"SRC-marginBottomTop\">\n <ErrorBanner\n error={error}\n reloadButtonFn={resetErrorBoundary}\n ></ErrorBanner>\n </div>\n )\n}\n\nexport function TableRowFallbackComponent({\n error,\n resetErrorBoundary,\n}: FallbackProps) {\n return (\n <tr>\n <td colSpan={999}>\n <ErrorBanner error={error} reloadButtonFn={resetErrorBoundary} />\n </td>\n </tr>\n )\n}\n\n/*\n This error boundary fallback component does not have a UI, it only outputs the error to console.error\n /\nexport function EmptyFallbackComponent({\n error,\n resetErrorBoundary,\n}: FallbackProps) {\n console.error(error)\n return <></>\n}\n\n/\n ErrorBoundary component that uses the default error fallback component, unless overridden.\n * Internally uses `react-error-boundary`.\n \n Use with {@link react-error-boundary#handleError \| handleError}\n * @param props\n * @returns\n */\nexport const SynapseErrorBoundary = (\n props: PropsWithChildren<\n Optional<ErrorBoundaryPropsWithComponent, 'FallbackComponent'>\n >,\n): React.ReactNode => (\n <ErrorBoundary FallbackComponent={ErrorFallbackComponent} {...props} />\n)\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,IACX,mDAEW,UAET,kBAAA,GAAA,EAAA,UAAA;CAAE;CACO,kBAAC,GAAD,CAAe,CAAA;CAAC;AACvB,EAAA,CAAA,GAIO,KAAe,MAEL;CACrB,IAAM,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAC1D,EAAE,uBAAoB,EAAkB,GACxC,EAAE,aAAU,GACZ,KACH,EAAM,WAAW,OAAO,EAAM,WAAW,QAAQ,CAAC,GAC/C,IAAe,EAAM,WAAW,OAAO;CAmC3C,OAjCE,IACK,kBAAC,GAAD,CAAe,CAAA,IACb,IAEP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAO,WAAU;EAAM,SAAS;YAAhC,CACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;GACd;aAEC;EACE,CAAA,GACL,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,GAAqB,MAAQ,CAAC,CAAI;aAFnD,CAIG,IAAoB,SAAS,QAAO,UAC/B;IACH;KACP,kBAAC,GAAD;EAAU,IAAI;YACZ,kBAAC,GAAD;GACE,IAAI,EACF,YAAY,EACd;aAEA,kBAAC,OAAD,EAAA,UAAM,EAAM,OAAY,CAAA;EACrB,CAAA;CACG,CAAA,CACV,EAAA,CAAA,IAGG,kBAAA,GAAA,EAAA,UAAG,EAAM,OAAS,CAAA;AAE7B,GAEa,KAAe,MAA6C;CACvE,IAAM,EAAE,UAAO,sBAAmB;CAElC,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAIb,IAAM,IAAsB,EAAuB,CAAK;CACxD,IAAI,GACF,OAAO,kBAAC,GAAD,EAA2B,OAAO,EAAsB,CAAA;CAEjE,IAAI,GACA,GACA;CACJ,AAAI,aAAiB,IACnB,IAAqB,IACZ,aAAiB,QAC1B,IAAU,IACD,OAAO,KAAU,aAC1B,IAAc;CAEhB,IAAM,IAAc,KAAsB,EAAmB,UAAU,KACnE;CAmBJ,OAjBI,IACF,IAAsB;EACpB,MAAM;EACN,eAAe;GACb,IAAM,IAAW,iGAAiG,UAChH,+BAA+B,GAAoB,QACrD;GACA,OAAO,KAAK,GAAU,QAAQ;EAChC;CACF,IACS,MACT,IAAsB;EACpB,MAAM;EACN,SAAS;CACX,IAIA,kBAAC,GAAD;EACE,SAAS;EACT,UAAU;EACV,aACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAsB,kBAAC,GAAD,EAAa,OAAO,EAAqB,CAAA;GAC/D,KAAW,EAAQ;GACnB,KAAe;EAChB,EAAA,CAAA;EAEiB;CACtB,CAAA;AAEL;AAEA,SAAgB,EAAuB,EACrC,UACA,yBACgB;CAChB,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACP,gBAAgB;EACJ,CAAA;CACX,CAAA;AAET;AAEA,SAAgB,EAA0B,EACxC,UACA,yBACgB;CAChB,OACE,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;EAAI,SAAS;YACX,kBAAC,GAAD;GAAoB;GAAO,gBAAgB;EAAqB,CAAA;CAC9D,CAAA,EACF,CAAA;AAER;AAKA,SAAgB,EAAuB,EACrC,UACA,yBACgB;CAEhB,OADA,QAAQ,MAAM,CAAK,GACZ,kBAAA,GAAA,CAAI,CAAA;AACb;AAUA,IAAa,KACX,MAIA,kBAAC,GAAD;CAAe,mBAAmB;CAAwB,GAAI;AAAQ,CAAA"}

package/dist/components/file/upload/MultiFileUploadProgress.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { FileUploadProgress as e } from "../../EntityUpload/FileUploadProgress.js";
 import t from "../../../utils/hooks/useUploadFileEntity/getActiveUploadCount.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@mui/material/Typography";
-import o from "pluralize";
+import a from "pluralize";
+import o from "@mui/material/Typography";
 import s from "@mui/material/Box";
 import c from "@mui/material/Paper";
 import { FixedSizeList as l } from "react-window";
@@ -21,7 +21,7 @@ function d(d) {
 			height: "260px",
 			background: "#FBFBFC"
 		},
-		children: [/* @__PURE__ */ i(a, {
+		children: [/* @__PURE__ */ i(o, {
 			variant: "headline2",
 			gutterBottom: !0,
 			children: [
@@ -30,13 +30,13 @@ function d(d) {
 					"Uploading ",
 					m,
 					" ",
-					o("Item", m)
+					a("Item", m)
 				] }),
 				f === "COMPLETE" && /* @__PURE__ */ i(n, { children: [
 					"Uploaded ",
 					h,
 					" ",
-					o("Item", h)
+					a("Item", h)
 				] })
 			]
 		}), /* @__PURE__ */ r(s, {

package/dist/components/row_renderers/Dataset.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dataset.d.ts","sourceRoot":"","sources":["../../../src/components/row_renderers/Dataset.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAA;AAG5E,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;IAC7C,yBAAyB,EAAE,6BAA6B,CAAA;CACzD,CAAA;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC;gBACtC,KAAK,EAAE,YAAY;IAKxB,eAAe,GACnB,MAAM,MAAM,MAAM,OAAO,UAAU,CAAC,iBAAiB,CAAC,UAMtD;IAEI,MAAM;~~CAgGd~~;AACD,eAAe,OAAO,CAAA"}
1	+ {"version":3,"file":"Dataset.d.ts","sourceRoot":"","sources":["../../../src/components/row_renderers/Dataset.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAA;AAG5E,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;IAC7C,yBAAyB,EAAE,6BAA6B,CAAA;CACzD,CAAA;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC;gBACtC,KAAK,EAAE,YAAY;IAKxB,eAAe,GACnB,MAAM,MAAM,MAAM,OAAO,UAAU,CAAC,iBAAiB,CAAC,UAMtD;IAEI,MAAM;CA+Fd;AACD,eAAe,OAAO,CAAA"}

package/dist/components/row_renderers/Dataset.js CHANGED Viewed

@@ -49,12 +49,12 @@ var d = class extends s {
 		];
 		if (m?.secondaryLabels) {
 			let { secondaryLabels: e } = m;
-			for (let t = 0; t < e.length; t++) {
-				let n = e[t], r = s[d[n]], i;
-				r && (i = h(n), w.push({
-					columnDisplayName: i,
-					value: r,
-					columnName: n
+			for (let t of e) {
+				let e = s[d[t]], n;
+				e && (n = h(t), w.push({
+					columnDisplayName: n,
+					value: e,
+					columnName: t
 				}));
 			}
 		}

package/dist/components/row_renderers/Dataset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dataset.js","names":[],"sources":["../../../src/components/row_renderers/Dataset.tsx"],"sourcesContent":["import { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport ChipContainer from '@/components/row_renderers/utils/ChipContainer'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { DATASET } from '@/utils/SynapseConstants'\nimport { Button } from '@mui/material'\nimport { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { Component, MouseEvent } from 'react'\nimport { TableToGenericCardMapping } from '../GenericCard/TableRowGenericCard'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { CardFooter, Icon } from './utils'\n\nexport type DatasetProps = {\n data?: any\n schema?: any\n secondaryLabelLimit?: number\n selectColumns?: SelectColumn[]\n columnModels?: ColumnModel[]\n genericCardSchema?: TableToGenericCardMapping\n queryVisualizationContext: QueryVisualizationContextType\n}\n\nclass Dataset extends Component<DatasetProps, never> {\n constructor(props: DatasetProps) {\n super(props)\n this.handleLinkClick = this.handleLinkClick.bind(this)\n }\n\n public handleLinkClick =\n (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n window.open(\n `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`,\n '_blank',\n )\n }\n\n public render() {\n const {\n data,\n schema,\n selectColumns,\n columnModels,\n genericCardSchema,\n queryVisualizationContext: { getColumnDisplayName },\n } = this.props\n const datasetName = data[schema.datasetName]\n const summary = data[schema.summary]\n const tumorType = getValueOrMultiValue({\n columnName: 'tumorType',\n value: data[schema.tumorType],\n selectColumns,\n columnModels,\n }).str\n const diseaseFocus = getValueOrMultiValue({\n columnName: 'diseaseFocus',\n value: data[schema.diseaseFocus],\n selectColumns,\n columnModels,\n }).str\n const id = data[schema.id]\n const fundingAgency = data[schema.fundingAgency]\n const fileCount = data[schema.fileCount]\n const fileSize = calculateFriendlyFileSize(data[schema.fileSize])\n const values: CardLabel[] = [\n {\n columnDisplayName: 'FUNDER',\n value: getValueOrMultiValue({\n columnName: 'fundingAgency',\n value: fundingAgency,\n selectColumns,\n columnModels,\n }).str,\n },\n { columnDisplayName: 'SIZE', value: fileSize },\n { columnDisplayName: 'FILES', value: fileCount },\n ]\n if (genericCardSchema?.secondaryLabels) {\n const { secondaryLabels } = genericCardSchema\n for (~~let~~ i = ~~0; i <~~ secondaryLabels~~.length; i++~~) {\n const ~~columnName = secondaryLabels[i]\n const~~ value: string \| undefined = data[schema[columnName]]\n let columnDisplayName\n if (value) {\n columnDisplayName = getColumnDisplayName(columnName)\n values.push({ columnDisplayName, value, columnName })\n }\n }\n }\n\n return (\n <div className=\"SRC-portalCard SRC-typeDataset \">\n <div className=\"SRC-cardThumbnail\">\n <Icon type={DATASET} />\n <div>{fileSize}</div>\n </div>\n <div className=\"SRC-cardContent SRC-dataset\">\n <div className=\"SRC-type\">Dataset </div>\n <div>\n <h3>\n <a\n target=\"_self\"\n href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${id}`}\n >\n {datasetName}\n </a>\n </h3>\n </div>\n <div className=\"SRC-description-dataset\">\n <p className=\"SRC-description-text\">{summary}</p>\n <div className=\"SRC-cardAction\">\n <Button\n className=\"SRC-datasetButton\"\n onClick={this.handleLinkClick(id)}\n color=\"secondary\"\n variant=\"contained\"\n >\n Download Dataset\n </Button>\n </div>\n </div>\n <div className=\"SRC-cardAnnotations\">\n <ChipContainer chips={[tumorType, diseaseFocus]} />\n </div>\n </div>\n <CardFooter\n isHeader={false}\n secondaryLabelLimit={this.props.secondaryLabelLimit}\n values={values}\n />\n </div>\n )\n }\n}\nexport default Dataset\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,IAAN,cAAsB,EAA+B;CACnD,YAAY,GAAqB;EAE/B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAEA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KACL,GAAG,EAA2B,OAAO,UAAU,KAC/C,QACF;CACF;CAEF,SAAgB;EACd,IAAM,EACJ,SACA,WACA,kBACA,iBACA,sBACA,2BAA2B,EAAE,8BAC3B,KAAK,OACH,IAAc,EAAK,EAAO,cAC1B,IAAU,EAAK,EAAO,UACtB,IAAY,EAAqB;GACrC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAe,EAAqB;GACxC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAK,EAAK,EAAO,KACjB,IAAgB,EAAK,EAAO,gBAC5B,IAAY,EAAK,EAAO,YACxB,IAAW,EAA0B,EAAK,EAAO,SAAS,GAC1D,IAAsB;GAC1B;IACE,mBAAmB;IACnB,OAAO,EAAqB;KAC1B,YAAY;KACZ,OAAO;KACP;KACA;IACF,CAAC,EAAE;GACL;GACA;IAAE,mBAAmB;IAAQ,OAAO;GAAS;GAC7C;IAAE,mBAAmB;IAAS,OAAO;GAAU;EACjD;EACA,IAAI,GAAmB,iBAAiB;GACtC,IAAM,EAAE,uBAAoB;GAC5B,KAAK,~~IAAI~~,~~IAAI~~,~~GAAG,IAAI,EAAgB,QAAQ,KAAK~~;~~IAC/C~~,IAAM,~~IAAa,EAAgB,IAC7B,~~IAA4B,EAAK,EAAO,KAC1C;IACJ,AAAI,MACF,IAAoB,EAAqB,CAAU,GACnD,EAAO,KAAK;KAAE;KAAmB;KAAO;IAAW,CAAC;GAExD;EACF;EAEA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAM,MAAM,EAAU,CAAA,GACtB,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA,CACjB;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAW;MAAa,CAAA;MACvC,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;OACE,QAAO;OACP,MAAM,GAAG,EAA2B,OAAO,UAAU;iBAEpD;MACA,CAAA,EACD,CAAA,EACD,CAAA;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwB;OAAW,CAAA,GAChD,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,WAAU;SACV,SAAS,KAAK,gBAAgB,CAAE;SAChC,OAAM;SACN,SAAQ;mBACT;QAEO,CAAA;OACL,CAAA,CACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,OAAO,CAAC,GAAW,CAAY,EAAI,CAAA;MAC/C,CAAA;KACF;;IACL,kBAAC,GAAD;KACE,UAAU;KACV,qBAAqB,KAAK,MAAM;KACxB;IACT,CAAA;GACE;;CAET;AACF"}
1	+ {"version":3,"file":"Dataset.js","names":[],"sources":["../../../src/components/row_renderers/Dataset.tsx"],"sourcesContent":["import { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport ChipContainer from '@/components/row_renderers/utils/ChipContainer'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { DATASET } from '@/utils/SynapseConstants'\nimport { Button } from '@mui/material'\nimport { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { Component, MouseEvent } from 'react'\nimport { TableToGenericCardMapping } from '../GenericCard/TableRowGenericCard'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { CardFooter, Icon } from './utils'\n\nexport type DatasetProps = {\n data?: any\n schema?: any\n secondaryLabelLimit?: number\n selectColumns?: SelectColumn[]\n columnModels?: ColumnModel[]\n genericCardSchema?: TableToGenericCardMapping\n queryVisualizationContext: QueryVisualizationContextType\n}\n\nclass Dataset extends Component<DatasetProps, never> {\n constructor(props: DatasetProps) {\n super(props)\n this.handleLinkClick = this.handleLinkClick.bind(this)\n }\n\n public handleLinkClick =\n (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n window.open(\n `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`,\n '_blank',\n )\n }\n\n public render() {\n const {\n data,\n schema,\n selectColumns,\n columnModels,\n genericCardSchema,\n queryVisualizationContext: { getColumnDisplayName },\n } = this.props\n const datasetName = data[schema.datasetName]\n const summary = data[schema.summary]\n const tumorType = getValueOrMultiValue({\n columnName: 'tumorType',\n value: data[schema.tumorType],\n selectColumns,\n columnModels,\n }).str\n const diseaseFocus = getValueOrMultiValue({\n columnName: 'diseaseFocus',\n value: data[schema.diseaseFocus],\n selectColumns,\n columnModels,\n }).str\n const id = data[schema.id]\n const fundingAgency = data[schema.fundingAgency]\n const fileCount = data[schema.fileCount]\n const fileSize = calculateFriendlyFileSize(data[schema.fileSize])\n const values: CardLabel[] = [\n {\n columnDisplayName: 'FUNDER',\n value: getValueOrMultiValue({\n columnName: 'fundingAgency',\n value: fundingAgency,\n selectColumns,\n columnModels,\n }).str,\n },\n { columnDisplayName: 'SIZE', value: fileSize },\n { columnDisplayName: 'FILES', value: fileCount },\n ]\n if (genericCardSchema?.secondaryLabels) {\n const { secondaryLabels } = genericCardSchema\n for (const columnName of secondaryLabels) {\n const value: string \| undefined = data[schema[columnName]]\n let columnDisplayName\n if (value) {\n columnDisplayName = getColumnDisplayName(columnName)\n values.push({ columnDisplayName, value, columnName })\n }\n }\n }\n\n return (\n <div className=\"SRC-portalCard SRC-typeDataset \">\n <div className=\"SRC-cardThumbnail\">\n <Icon type={DATASET} />\n <div>{fileSize}</div>\n </div>\n <div className=\"SRC-cardContent SRC-dataset\">\n <div className=\"SRC-type\">Dataset </div>\n <div>\n <h3>\n <a\n target=\"_self\"\n href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${id}`}\n >\n {datasetName}\n </a>\n </h3>\n </div>\n <div className=\"SRC-description-dataset\">\n <p className=\"SRC-description-text\">{summary}</p>\n <div className=\"SRC-cardAction\">\n <Button\n className=\"SRC-datasetButton\"\n onClick={this.handleLinkClick(id)}\n color=\"secondary\"\n variant=\"contained\"\n >\n Download Dataset\n </Button>\n </div>\n </div>\n <div className=\"SRC-cardAnnotations\">\n <ChipContainer chips={[tumorType, diseaseFocus]} />\n </div>\n </div>\n <CardFooter\n isHeader={false}\n secondaryLabelLimit={this.props.secondaryLabelLimit}\n values={values}\n />\n </div>\n )\n }\n}\nexport default Dataset\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,IAAN,cAAsB,EAA+B;CACnD,YAAY,GAAqB;EAE/B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAEA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KACL,GAAG,EAA2B,OAAO,UAAU,KAC/C,QACF;CACF;CAEF,SAAgB;EACd,IAAM,EACJ,SACA,WACA,kBACA,iBACA,sBACA,2BAA2B,EAAE,8BAC3B,KAAK,OACH,IAAc,EAAK,EAAO,cAC1B,IAAU,EAAK,EAAO,UACtB,IAAY,EAAqB;GACrC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAe,EAAqB;GACxC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAK,EAAK,EAAO,KACjB,IAAgB,EAAK,EAAO,gBAC5B,IAAY,EAAK,EAAO,YACxB,IAAW,EAA0B,EAAK,EAAO,SAAS,GAC1D,IAAsB;GAC1B;IACE,mBAAmB;IACnB,OAAO,EAAqB;KAC1B,YAAY;KACZ,OAAO;KACP;KACA;IACF,CAAC,EAAE;GACL;GACA;IAAE,mBAAmB;IAAQ,OAAO;GAAS;GAC7C;IAAE,mBAAmB;IAAS,OAAO;GAAU;EACjD;EACA,IAAI,GAAmB,iBAAiB;GACtC,IAAM,EAAE,uBAAoB;GAC5B,KAAK,IAAM,KAAc,GAAiB;IACxC,IAAM,IAA4B,EAAK,EAAO,KAC1C;IACJ,AAAI,MACF,IAAoB,EAAqB,CAAU,GACnD,EAAO,KAAK;KAAE;KAAmB;KAAO;IAAW,CAAC;GAExD;EACF;EAEA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAM,MAAM,EAAU,CAAA,GACtB,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA,CACjB;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAW;MAAa,CAAA;MACvC,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;OACE,QAAO;OACP,MAAM,GAAG,EAA2B,OAAO,UAAU;iBAEpD;MACA,CAAA,EACD,CAAA,EACD,CAAA;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwB;OAAW,CAAA,GAChD,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,WAAU;SACV,SAAS,KAAK,gBAAgB,CAAE;SAChC,OAAM;SACN,SAAQ;mBACT;QAEO,CAAA;OACL,CAAA,CACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,OAAO,CAAC,GAAW,CAAY,EAAI,CAAA;MAC/C,CAAA;KACF;;IACL,kBAAC,GAAD;KACE,UAAU;KACV,qBAAqB,KAAK,MAAM;KACxB;IACT,CAAA;GACE;;CAET;AACF"}

package/dist/components/row_renderers/Funder.js CHANGED Viewed

@@ -11,7 +11,7 @@ var i = class extends t {
 	};
 	render() {
 		let { data: t, schema: i } = this.props, a = t[i.organizationName], o = t[i.organizationPath], s = t[i.summary], c = t[i.website], l = t[i.logo], u = c.replace("https://", "");
-		u = u.replace("http://", ""), u.charAt(u.length - 1) === "/" && (u = u.substring(0, u.length - 1));
+		u = u.replace("http://", ""), u.at(-1) === "/" && (u = u.substring(0, u.length - 1));
 		let d = typeof window < "u" && window.location.hash.substring(1) === o, f = {}, p;
 		return d ? f.paddingBottom = "42px" : p = /* @__PURE__ */ n("div", {
 			className: "SRC-marginAuto SRC-cardAction",

package/dist/components/row_renderers/Funder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Funder.js","names":[],"sources":["../../../src/components/row_renderers/Funder.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Component, MouseEvent } from 'react'\n\nexport type FunderProps = {\n data?: any\n schema?: any\n}\n\nexport default class Funder extends Component<FunderProps, never> {\n constructor(props: FunderProps) {\n super(props)\n this.handleLinkClick = this.handleLinkClick.bind(this)\n }\n public handleLinkClick =\n (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n window.open(link, '_blank')\n }\n public render() {\n const { data, schema } = this.props\n const organizationName = data[schema.organizationName]\n const organizationPath = data[schema.organizationPath]\n const summary = data[schema.summary]\n const website = data[schema.website]\n const logoHref: string = data[schema.logo]\n // remove leading http(s):// and trailing /\n let websiteDisplayName = website.replace('https://', '')\n websiteDisplayName = websiteDisplayName.replace('http://', '')\n if (websiteDisplayName.~~charAt~~(~~websiteDisplayName.length~~ - 1) === '/') {\n websiteDisplayName = websiteDisplayName.substring(\n 0,\n websiteDisplayName.length - 1,\n )\n }\n const isOnOrgPath =\n typeof window !== 'undefined' &&\n window.location.hash.substring(1) === organizationPath\n const style: any = {}\n let showOrgLink\n if (!isOnOrgPath) {\n showOrgLink = (\n <div className=\"SRC-marginAuto SRC-cardAction\">\n <WideButton\n href={organizationPath}\n variant=\"contained\"\n color=\"secondary\"\n >\n View Funded Research\n </WideButton>\n </div>\n )\n } else {\n style.paddingBottom = '42px'\n }\n return (\n <div className=\"SRC-portalCard SRC-typeFunder \" style={style}>\n <div className=\"SRC-cardContent\">\n <div className=\"SRC-type\">Organization</div>\n {logoHref && (\n <div className=\"SRC-cardThumbnail\">\n <img alt=\"funder logo\" className=\"SRC-logo\" src={logoHref} />\n </div>\n )}\n <div>\n <h3>\n {isOnOrgPath && organizationName}\n {!isOnOrgPath && (\n <a href={organizationPath}>{organizationName}</a>\n )}\n </h3>\n </div>\n <div className=\"SRC-website\">\n <a rel=\"noopener noreferrer\" target=\"_blank\" href={website}>\n {websiteDisplayName}\n </a>\n </div>\n <div className=\"SRC-description\">{summary}</div>\n </div>\n {showOrgLink}\n </div>\n )\n }\n}\n"],"mappings":";;;;AAQA,IAAqB,IAArB,cAAoC,EAA8B;CAChE,YAAY,GAAoB;EAE9B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CACA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KAAK,GAAM,QAAQ;CAC5B;CACF,SAAgB;EACd,IAAM,EAAE,SAAM,cAAW,KAAK,OACxB,IAAmB,EAAK,EAAO,mBAC/B,IAAmB,EAAK,EAAO,mBAC/B,IAAU,EAAK,EAAO,UACtB,IAAU,EAAK,EAAO,UACtB,IAAmB,EAAK,EAAO,OAEjC,IAAqB,EAAQ,QAAQ,YAAY,EAAE;EAEvD,AADA,IAAqB,EAAmB,QAAQ,WAAW,EAAE,GACzD,EAAmB,~~OAAO~~,~~EAAmB~~,~~SAAS,CAAC,~~MAAM,~~QAC/D~~,IAAqB,EAAmB,UACtC,GACA,EAAmB,SAAS,CAC9B;EAEF,IAAM,IACJ,OAAO,SAAW,OAClB,OAAO,SAAS,KAAK,UAAU,CAAC,MAAM,GAClC,IAAa,CAAC,GAChB;EAgBJ,OAfK,IAaH,EAAM,gBAAgB,SAZtB,IACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,MAAM;IACN,SAAQ;IACR,OAAM;cACP;GAEW,CAAA;EACT,CAAA,GAMP,kBAAC,OAAD;GAAK,WAAU;GAAwC;aAAvD,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAW;KAAiB,CAAA;KAC1C,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,KAAI;OAAc,WAAU;OAAW,KAAK;MAAW,CAAA;KACzD,CAAA;KAEP,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACG,KAAe,GACf,CAAC,KACA,kBAAC,KAAD;MAAG,MAAM;gBAAmB;KAAoB,CAAA,CAEhD,EAAA,CAAA,EACD,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,KAAI;OAAsB,QAAO;OAAS,MAAM;iBAChD;MACA,CAAA;KACA,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAmB;KAAa,CAAA;IAC5C;OACJ,CACE;;CAET;AACF"}
1	+ {"version":3,"file":"Funder.js","names":[],"sources":["../../../src/components/row_renderers/Funder.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Component, MouseEvent } from 'react'\n\nexport type FunderProps = {\n data?: any\n schema?: any\n}\n\nexport default class Funder extends Component<FunderProps, never> {\n constructor(props: FunderProps) {\n super(props)\n this.handleLinkClick = this.handleLinkClick.bind(this)\n }\n public handleLinkClick =\n (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n window.open(link, '_blank')\n }\n public render() {\n const { data, schema } = this.props\n const organizationName = data[schema.organizationName]\n const organizationPath = data[schema.organizationPath]\n const summary = data[schema.summary]\n const website = data[schema.website]\n const logoHref: string = data[schema.logo]\n // remove leading http(s):// and trailing /\n let websiteDisplayName = website.replace('https://', '')\n websiteDisplayName = websiteDisplayName.replace('http://', '')\n if (websiteDisplayName.at(-1) === '/') {\n websiteDisplayName = websiteDisplayName.substring(\n 0,\n websiteDisplayName.length - 1,\n )\n }\n const isOnOrgPath =\n typeof window !== 'undefined' &&\n window.location.hash.substring(1) === organizationPath\n const style: any = {}\n let showOrgLink\n if (!isOnOrgPath) {\n showOrgLink = (\n <div className=\"SRC-marginAuto SRC-cardAction\">\n <WideButton\n href={organizationPath}\n variant=\"contained\"\n color=\"secondary\"\n >\n View Funded Research\n </WideButton>\n </div>\n )\n } else {\n style.paddingBottom = '42px'\n }\n return (\n <div className=\"SRC-portalCard SRC-typeFunder \" style={style}>\n <div className=\"SRC-cardContent\">\n <div className=\"SRC-type\">Organization</div>\n {logoHref && (\n <div className=\"SRC-cardThumbnail\">\n <img alt=\"funder logo\" className=\"SRC-logo\" src={logoHref} />\n </div>\n )}\n <div>\n <h3>\n {isOnOrgPath && organizationName}\n {!isOnOrgPath && (\n <a href={organizationPath}>{organizationName}</a>\n )}\n </h3>\n </div>\n <div className=\"SRC-website\">\n <a rel=\"noopener noreferrer\" target=\"_blank\" href={website}>\n {websiteDisplayName}\n </a>\n </div>\n <div className=\"SRC-description\">{summary}</div>\n </div>\n {showOrgLink}\n </div>\n )\n }\n}\n"],"mappings":";;;;AAQA,IAAqB,IAArB,cAAoC,EAA8B;CAChE,YAAY,GAAoB;EAE9B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CACA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KAAK,GAAM,QAAQ;CAC5B;CACF,SAAgB;EACd,IAAM,EAAE,SAAM,cAAW,KAAK,OACxB,IAAmB,EAAK,EAAO,mBAC/B,IAAmB,EAAK,EAAO,mBAC/B,IAAU,EAAK,EAAO,UACtB,IAAU,EAAK,EAAO,UACtB,IAAmB,EAAK,EAAO,OAEjC,IAAqB,EAAQ,QAAQ,YAAY,EAAE;EAEvD,AADA,IAAqB,EAAmB,QAAQ,WAAW,EAAE,GACzD,EAAmB,GAAG,EAAE,MAAM,QAChC,IAAqB,EAAmB,UACtC,GACA,EAAmB,SAAS,CAC9B;EAEF,IAAM,IACJ,OAAO,SAAW,OAClB,OAAO,SAAS,KAAK,UAAU,CAAC,MAAM,GAClC,IAAa,CAAC,GAChB;EAgBJ,OAfK,IAaH,EAAM,gBAAgB,SAZtB,IACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,MAAM;IACN,SAAQ;IACR,OAAM;cACP;GAEW,CAAA;EACT,CAAA,GAMP,kBAAC,OAAD;GAAK,WAAU;GAAwC;aAAvD,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAW;KAAiB,CAAA;KAC1C,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,KAAI;OAAc,WAAU;OAAW,KAAK;MAAW,CAAA;KACzD,CAAA;KAEP,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACG,KAAe,GACf,CAAC,KACA,kBAAC,KAAD;MAAG,MAAM;gBAAmB;KAAoB,CAAA,CAEhD,EAAA,CAAA,EACD,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,KAAI;OAAsB,QAAO;OAAS,MAAM;iBAChD;MACA,CAAA;KACA,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAmB;KAAa,CAAA;IAC5C;OACJ,CACE;;CAET;AACF"}

package/dist/components/widgets/ElementWithTooltip.d.ts CHANGED Viewed

@@ -32,7 +32,12 @@ type ElementWithTooltipProps = PropsWithChildren<{
      * @see https://stackoverflow.com/questions/75083605/mui-the-menu-component-doesnt-accept-a-fragment-as-a-child-consider-providing
      */
     menuItems?: React.ReactNode;
+    /**
+     * When true, choosing a menu item closes the menu. Leave unset for menus whose items toggle state in place, so
+     * several can be toggled in a row.
+     */
+    closeMenuOnClick?: boolean;
 }>;
-export declare const ElementWithTooltip: ({ image, callbackFn, tooltipText, className, imageColor, tooltipVisualProps, children, darkTheme, size, icon, menuItems, }: ElementWithTooltipProps) => React.ReactNode;
+export declare const ElementWithTooltip: ({ image, callbackFn, tooltipText, className, imageColor, tooltipVisualProps, children, darkTheme, size, icon, menuItems, closeMenuOnClick, }: ElementWithTooltipProps) => React.ReactNode;
 export {};
 //# sourceMappingURL=ElementWithTooltip.d.ts.map

package/dist/components/widgets/ElementWithTooltip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ElementWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/ElementWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,gBAAgB,~~EAGhB~~,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AACd,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAI1D,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,gBAAgB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IAClC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACjE,MAAM,EAAE,OAAO,GAAG,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD;;;;;GAKG;AAEH,KAAK,uBAAuB,GAAG,iBAAiB,CAAC;IAC/C,KAAK,CAAC,EAAE,YAAY,GAAG,gBAAgB,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;~~CAC5B~~,CAAC,CAAA;AAcF,eAAO,MAAM,kBAAkB,GAAI,~~4HAYhC~~,uBAAuB,KAAG,KAAK,CAAC,~~SAmElC~~,CAAA"}
1	+ {"version":3,"file":"ElementWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/ElementWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,gBAAgB,EAIhB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AACd,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAI1D,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,gBAAgB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IAClC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACjE,MAAM,EAAE,OAAO,GAAG,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD;;;;;GAKG;AAEH,KAAK,uBAAuB,GAAG,iBAAiB,CAAC;IAC/C,KAAK,CAAC,EAAE,YAAY,GAAG,gBAAgB,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC,CAAA;AAcF,eAAO,MAAM,kBAAkB,GAAI,8IAahC,uBAAuB,KAAG,KAAK,CAAC,SA+FlC,CAAA"}

package/dist/components/widgets/ElementWithTooltip.js CHANGED Viewed

@@ -16,33 +16,41 @@ function l(t, n, r) {
 		}
 	});
 }
-var u = ({ image: e, callbackFn: u, tooltipText: d, className: f = "", imageColor: p, tooltipVisualProps: m = c, children: h, darkTheme: g, size: _, icon: v, menuItems: y }) => {
-	let { place: b } = m, x = (v ? typeof v == "string" ? /* @__PURE__ */ o(t, { type: v }) : v : void 0) || (e ? l(e, p, _) : h || /* @__PURE__ */ o(a, {})), [S, C] = n(null), w = !!S, T = (e) => {
-		C(e.currentTarget);
-	}, E = () => {
-		C(null);
-	}, D;
-	return D = h ? /* @__PURE__ */ o("div", {
+var u = ({ image: e, callbackFn: u, tooltipText: d, className: f = "", imageColor: p, tooltipVisualProps: m = c, children: h, darkTheme: g, size: _, icon: v, menuItems: y, closeMenuOnClick: b = !1 }) => {
+	let { place: x } = m, S = (v ? typeof v == "string" ? /* @__PURE__ */ o(t, { type: v }) : v : void 0) || (e ? l(e, p, _) : h || /* @__PURE__ */ o(a, {})), [C, w] = n(null), T = !!C, E = (e) => {
+		w(e.currentTarget);
+	}, D = () => {
+		w(null);
+	}, O = (e, t) => {
+		let n = e.target;
+		e.key === t && n.closest("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") && D();
+	}, k;
+	return k = h ? /* @__PURE__ */ o("div", {
 		className: "SRC-hand-cursor",
 		children: h
 	}) : /* @__PURE__ */ o("button", {
 		tabIndex: 0,
 		className: `ElementWithTooltip SRC-hand-cursor SRC-grey-background-hover ${f} ${g ? "dark-theme" : ""} `,
 		onClick: (e) => {
-			u ? u() : T(e);
+			u ? u() : E(e);
 		},
 		"aria-label": d,
-		children: x
+		children: S
 	}), /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, {
 		title: d,
 		enterNextDelay: 500,
-		placement: b,
+		placement: x,
 		"data-testid": "ElementTooltip",
-		children: D
+		children: k
 	}), y && /* @__PURE__ */ o(r, {
-		anchorEl: S,
-		open: w,
-		onClose: E,
+		anchorEl: C,
+		open: T,
+		onClose: D,
+		slotProps: { list: b ? {
+			onClick: D,
+			onKeyDown: (e) => O(e, "Enter"),
+			onKeyUp: (e) => O(e, " ")
+		} : void 0 },
 		children: y
 	})] });
 };