synapse-react-client 4.0.19 → 4.0.20

package/dist/components/download_list/DownloadConfirmationUI.js

@@ -8,15 +8,13 @@ import { useMemo as i } from "react";
 import { Alert as a, Box as o, Button as s, Typography as c } from "@mui/material";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/download_list/DownloadConfirmationUI.tsx
-var f = /* @__PURE__ */ function(e) {
-	return e[e.LOADING_INFO = 0] = "LOADING_INFO", e[e.PROCESSING = 1] = "PROCESSING", e[e.INFO = 2] = "INFO", e[e.INFO_ITEMS_IN_LIST = 3] = "INFO_ITEMS_IN_LIST", e[e.SIGNED_OUT = 4] = "SIGNED_OUT", e;
-}(f || {}), p = {
-	[f.INFO]: {
+var f = {
+	2: {
 		severity: "info",
 		infoText: "Would you like to add these files to the download list?",
 		closeText: "Cancel"
 	},
-	[f.INFO_ITEMS_IN_LIST]: {
+	3: {
 		severity: "info",
 		infoText: /* @__PURE__ */ d(l, { children: [
 			"Note: Files that you add will be mixed in with the files already in your download list.",
@@ -25,17 +23,17 @@ var f = /* @__PURE__ */ function(e) {
 		] }),
 		closeText: "Cancel"
 	},
-	[f.PROCESSING]: {
+	1: {
 		severity: "info",
 		infoText: "Adding files to download list",
 		closeText: "Cancel"
 	},
-	[f.LOADING_INFO]: {
+	0: {
 		severity: "info",
 		infoText: "Calculating file size",
 		closeText: "Cancel"
 	},
-	[f.SIGNED_OUT]: {
+	4: {
 		severity: "error",
 		closeText: "Close",
 		infoText: /* @__PURE__ */ d(l, { children: [
@@ -45,36 +43,36 @@ var f = /* @__PURE__ */ function(e) {
 		] })
 	}
 };
-function m(e) {
+function p(e) {
 	let { status: t, fileCount: n, fileSize: i } = e;
 	switch (t) {
-		case f.LOADING_INFO:
-		case f.PROCESSING: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { className: "spinner white" }), /* @__PURE__ */ u(c, {
+		case 0:
+		case 1: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { className: "spinner white" }), /* @__PURE__ */ u(c, {
 			variant: "smallText1",
-			children: p[t].infoText
+			children: f[t].infoText
 		})] });
-		case f.SIGNED_OUT: return /* @__PURE__ */ u(c, {
+		case 4: return /* @__PURE__ */ u(c, {
 			variant: "smallText1",
-			children: p[t].infoText
+			children: f[t].infoText
 		});
-		case f.INFO:
-		case f.INFO_ITEMS_IN_LIST: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(r, {
+		case 2:
+		case 3: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(r, {
 			numFiles: n,
 			numBytes: i
 		}), /* @__PURE__ */ u(c, {
 			variant: "smallText1",
 			sx: { flexGrow: 1 },
-			children: p[t].infoText
+			children: f[t].infoText
 		})] });
 		default: return /* @__PURE__ */ u(l, {});
 	}
 }
-function h(e) {
-	let { onAddToDownloadCart: r, onCancel: c, fileCount: h, fileSize: g, isLoadingStats: _ = !1, isAddingToDownloadCart: v = !1 } = e, { isAuthenticated: y } = t(), { data: b } = n(), x = i(() => y ? _ ? f.LOADING_INFO : v ? f.PROCESSING : b && b.totalNumberOfFiles > 0 ? f.INFO_ITEMS_IN_LIST : f.INFO : f.SIGNED_OUT, [
-		y,
-		_,
+function m(e) {
+	let { onAddToDownloadCart: r, onCancel: c, fileCount: m, fileSize: h, isLoadingStats: g = !1, isAddingToDownloadCart: _ = !1 } = e, { isAuthenticated: v } = t(), { data: y } = n(), b = i(() => v ? g ? 0 : _ ? 1 : y && y.totalNumberOfFiles > 0 ? 3 : 2 : 4, [
 		v,
-		b
+		g,
+		_,
+		y
 	]);
 	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(a, {
 		sx: {
@@ -84,15 +82,15 @@ function h(e) {
 			justifyContent: "space-between",
 			alignItems: "center"
 		},
-		icon: p[x].severity === "error" ? void 0 : !1,
-		severity: p[x].severity,
+		icon: f[b].severity === "error" ? void 0 : !1,
+		severity: f[b].severity,
 		className: "download-confirmation",
-		action: /* @__PURE__ */ d(l, { children: [x !== f.PROCESSING && /* @__PURE__ */ u(s, {
+		action: /* @__PURE__ */ d(l, { children: [b !== 1 && /* @__PURE__ */ u(s, {
 			variant: "text",
 			color: "primary",
 			onClick: c,
-			children: p[x].closeText
-		}), (x === f.INFO || x === f.INFO_ITEMS_IN_LIST) && /* @__PURE__ */ u(s, {
+			children: f[b].closeText
+		}), (b === 2 || b === 3) && /* @__PURE__ */ u(s, {
 			variant: "contained",
 			color: "primary",
 			onClick: () => {
@@ -107,15 +105,15 @@ function h(e) {
 				alignItems: "center",
 				gap: 1
 			},
-			children: /* @__PURE__ */ u(m, {
-				status: x,
-				fileCount: h,
-				fileSize: g
+			children: /* @__PURE__ */ u(p, {
+				status: b,
+				fileCount: m,
+				fileSize: h
 			})
 		})
 	}) });
 }
 //#endregion
-export { h as DownloadConfirmationUI, h as default };
+export { m as DownloadConfirmationUI, m as default };
 
 //# sourceMappingURL=DownloadConfirmationUI.js.map

package/dist/components/download_list/DownloadConfirmationUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUI.js","names":[],"sources":["../../../src/components/download_list/DownloadConfirmationUI.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, AlertProps, Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport SignInButton from '../SignInButton'\nimport DownloadDetails from './DownloadDetails'\n\nenum StatusEnum {\n  LOADING_INFO,\n  PROCESSING,\n  INFO,\n  INFO_ITEMS_IN_LIST,\n  SIGNED_OUT,\n}\n\nexport type DownloadConfirmationUIProps = {\n  onAddToDownloadCart: () => void\n  fileCount?: number\n  fileSize?: number\n  onCancel: () => void\n  isLoadingStats?: boolean\n  isAddingToDownloadCart?: boolean\n}\n\ntype UiStateDictionary = {\n  [key: string]: {\n    severity: AlertProps['severity']\n    infoText: string | ReactNode\n    closeText: string\n  }\n}\n\n// css classes, text, and close button text associated with different stages\nconst StatusConstruct: UiStateDictionary = {\n  [StatusEnum.INFO]: {\n    severity: 'info',\n    infoText: 'Would you like to add these files to the download list?',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.INFO_ITEMS_IN_LIST]: {\n    severity: 'info',\n    infoText: (\n      <>\n        Note: Files that you add will be mixed in with the files already in your\n        download list.\n        <br />\n        If you don&apos;t want to mix these files, clear your download list\n        before continuing.\n      </>\n    ),\n    closeText: 'Cancel',\n  },\n  [StatusEnum.PROCESSING]: {\n    severity: 'info',\n    infoText: 'Adding files to download list',\n    closeText: 'Cancel',\n  },\n\n  [StatusEnum.LOADING_INFO]: {\n    severity: 'info',\n    infoText: 'Calculating file size',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.SIGNED_OUT]: {\n    severity: 'error',\n    closeText: 'Close',\n    infoText: (\n      <>\n        Please <SignInButton /> to add files to your download list.\n      </>\n    ),\n  },\n}\n\ntype DownloadConfirmationContentProps = {\n  status: StatusEnum\n  fileCount?: number\n  fileSize?: number\n}\n\nfunction DownloadConfirmationContent(props: DownloadConfirmationContentProps) {\n  const { status, fileCount, fileSize } = props\n  switch (status) {\n    case StatusEnum.LOADING_INFO:\n    case StatusEnum.PROCESSING:\n      return (\n        <>\n          <div className={'spinner white'} />\n          <Typography variant={'smallText1'}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    case StatusEnum.SIGNED_OUT:\n      return (\n        <Typography variant={'smallText1'}>\n          {StatusConstruct[status].infoText}\n        </Typography>\n      )\n    case StatusEnum.INFO:\n    case StatusEnum.INFO_ITEMS_IN_LIST:\n      return (\n        <>\n          <DownloadDetails\n            numFiles={fileCount}\n            numBytes={fileSize}\n          ></DownloadDetails>\n          <Typography variant={'smallText1'} sx={{ flexGrow: 1 }}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    default:\n      return <></>\n  }\n}\n\n/**\n * This component is used to display the download confirmation dialog that presents to a user the number of files and the\n * total size of the files they are about to add to their download list.\n */\nexport function DownloadConfirmationUI(props: DownloadConfirmationUIProps) {\n  const {\n    onAddToDownloadCart,\n    onCancel,\n    fileCount,\n    fileSize,\n    isLoadingStats = false,\n    isAddingToDownloadCart = false,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: downloadListStatistics } = useGetDownloadListStatistics()\n\n  const status = useMemo(() => {\n    if (!isAuthenticated) return StatusEnum.SIGNED_OUT\n    if (isLoadingStats) return StatusEnum.LOADING_INFO\n    if (isAddingToDownloadCart) return StatusEnum.PROCESSING\n    if (downloadListStatistics && downloadListStatistics.totalNumberOfFiles > 0)\n      return StatusEnum.INFO_ITEMS_IN_LIST\n    return StatusEnum.INFO\n  }, [\n    isAuthenticated,\n    isLoadingStats,\n    isAddingToDownloadCart,\n    downloadListStatistics,\n  ])\n\n  return (\n    <>\n      <Alert\n        sx={{\n          pr: 4,\n          py: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n        icon={StatusConstruct[status].severity === 'error' ? undefined : false}\n        severity={StatusConstruct[status].severity}\n        className={`download-confirmation`}\n        action={\n          <>\n            {status !== StatusEnum.PROCESSING && (\n              <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n                {StatusConstruct[status].closeText}\n              </Button>\n            )}\n\n            {(status === StatusEnum.INFO ||\n              status === StatusEnum.INFO_ITEMS_IN_LIST) && (\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => {\n                  onAddToDownloadCart()\n                }}\n                sx={{ ml: '5px' }}\n              >\n                Add\n              </Button>\n            )}\n          </>\n        }\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <DownloadConfirmationContent\n            status={status}\n            fileCount={fileCount}\n            fileSize={fileSize}\n          />\n        </Box>\n      </Alert>\n    </>\n  )\n}\n\nexport default DownloadConfirmationUI\n"],"mappings":"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"}
+{"version":3,"file":"DownloadConfirmationUI.js","names":[],"sources":["../../../src/components/download_list/DownloadConfirmationUI.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, AlertProps, Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport SignInButton from '../SignInButton'\nimport DownloadDetails from './DownloadDetails'\n\nenum StatusEnum {\n  LOADING_INFO,\n  PROCESSING,\n  INFO,\n  INFO_ITEMS_IN_LIST,\n  SIGNED_OUT,\n}\n\nexport type DownloadConfirmationUIProps = {\n  onAddToDownloadCart: () => void\n  fileCount?: number\n  fileSize?: number\n  onCancel: () => void\n  isLoadingStats?: boolean\n  isAddingToDownloadCart?: boolean\n}\n\ntype UiStateDictionary = {\n  [key: string]: {\n    severity: AlertProps['severity']\n    infoText: string | ReactNode\n    closeText: string\n  }\n}\n\n// css classes, text, and close button text associated with different stages\nconst StatusConstruct: UiStateDictionary = {\n  [StatusEnum.INFO]: {\n    severity: 'info',\n    infoText: 'Would you like to add these files to the download list?',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.INFO_ITEMS_IN_LIST]: {\n    severity: 'info',\n    infoText: (\n      <>\n        Note: Files that you add will be mixed in with the files already in your\n        download list.\n        <br />\n        If you don&apos;t want to mix these files, clear your download list\n        before continuing.\n      </>\n    ),\n    closeText: 'Cancel',\n  },\n  [StatusEnum.PROCESSING]: {\n    severity: 'info',\n    infoText: 'Adding files to download list',\n    closeText: 'Cancel',\n  },\n\n  [StatusEnum.LOADING_INFO]: {\n    severity: 'info',\n    infoText: 'Calculating file size',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.SIGNED_OUT]: {\n    severity: 'error',\n    closeText: 'Close',\n    infoText: (\n      <>\n        Please <SignInButton /> to add files to your download list.\n      </>\n    ),\n  },\n}\n\ntype DownloadConfirmationContentProps = {\n  status: StatusEnum\n  fileCount?: number\n  fileSize?: number\n}\n\nfunction DownloadConfirmationContent(props: DownloadConfirmationContentProps) {\n  const { status, fileCount, fileSize } = props\n  switch (status) {\n    case StatusEnum.LOADING_INFO:\n    case StatusEnum.PROCESSING:\n      return (\n        <>\n          <div className={'spinner white'} />\n          <Typography variant={'smallText1'}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    case StatusEnum.SIGNED_OUT:\n      return (\n        <Typography variant={'smallText1'}>\n          {StatusConstruct[status].infoText}\n        </Typography>\n      )\n    case StatusEnum.INFO:\n    case StatusEnum.INFO_ITEMS_IN_LIST:\n      return (\n        <>\n          <DownloadDetails\n            numFiles={fileCount}\n            numBytes={fileSize}\n          ></DownloadDetails>\n          <Typography variant={'smallText1'} sx={{ flexGrow: 1 }}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    default:\n      return <></>\n  }\n}\n\n/**\n * This component is used to display the download confirmation dialog that presents to a user the number of files and the\n * total size of the files they are about to add to their download list.\n */\nexport function DownloadConfirmationUI(props: DownloadConfirmationUIProps) {\n  const {\n    onAddToDownloadCart,\n    onCancel,\n    fileCount,\n    fileSize,\n    isLoadingStats = false,\n    isAddingToDownloadCart = false,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: downloadListStatistics } = useGetDownloadListStatistics()\n\n  const status = useMemo(() => {\n    if (!isAuthenticated) return StatusEnum.SIGNED_OUT\n    if (isLoadingStats) return StatusEnum.LOADING_INFO\n    if (isAddingToDownloadCart) return StatusEnum.PROCESSING\n    if (downloadListStatistics && downloadListStatistics.totalNumberOfFiles > 0)\n      return StatusEnum.INFO_ITEMS_IN_LIST\n    return StatusEnum.INFO\n  }, [\n    isAuthenticated,\n    isLoadingStats,\n    isAddingToDownloadCart,\n    downloadListStatistics,\n  ])\n\n  return (\n    <>\n      <Alert\n        sx={{\n          pr: 4,\n          py: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n        icon={StatusConstruct[status].severity === 'error' ? undefined : false}\n        severity={StatusConstruct[status].severity}\n        className={`download-confirmation`}\n        action={\n          <>\n            {status !== StatusEnum.PROCESSING && (\n              <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n                {StatusConstruct[status].closeText}\n              </Button>\n            )}\n\n            {(status === StatusEnum.INFO ||\n              status === StatusEnum.INFO_ITEMS_IN_LIST) && (\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => {\n                  onAddToDownloadCart()\n                }}\n                sx={{ ml: '5px' }}\n              >\n                Add\n              </Button>\n            )}\n          </>\n        }\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <DownloadConfirmationContent\n            status={status}\n            fileCount={fileCount}\n            fileSize={fileSize}\n          />\n        </Box>\n      </Alert>\n    </>\n  )\n}\n\nexport default DownloadConfirmationUI\n"],"mappings":";;;;;;;;;;AAiCA,IAAM,IAAqC;IACtB;EACjB,UAAU;EACV,UAAU;EACV,WAAW;CACb;IACiC;EAC/B,UAAU;EACV,UACE,kBAAA,GAAA,EAAA,UAAA;GAAE;GAGA,kBAAC,MAAD,CAAK,CAAA;GAAC;EAGN,EAAA,CAAA;EAEJ,WAAW;CACb;IACyB;EACvB,UAAU;EACV,UAAU;EACV,WAAW;CACb;IAE2B;EACzB,UAAU;EACV,UAAU;EACV,WAAW;CACb;IACyB;EACvB,UAAU;EACV,WAAW;EACX,UACE,kBAAA,GAAA,EAAA,UAAA;GAAE;GACO,kBAAC,GAAD,CAAe,CAAA;GAAC;EACvB,EAAA,CAAA;CAEN;AACF;AAQA,SAAS,EAA4B,GAAyC;CAC5E,IAAM,EAAE,WAAQ,cAAW,gBAAa;CACxC,QAAQ,GAAR;EACE,KAAA;EACA,KAAA,GACE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAW,gBAAkB,CAAA,GAClC,kBAAC,GAAD;GAAY,SAAS;aAClB,EAAgB,GAAQ;EACf,CAAA,CACZ,EAAA,CAAA;EAGN,KAAA,GACE,OACE,kBAAC,GAAD;GAAY,SAAS;aAClB,EAAgB,GAAQ;EACf,CAAA;EAEhB,KAAA;EACA,KAAA,GACE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,UAAU;GACV,UAAU;EACM,CAAA,GAClB,kBAAC,GAAD;GAAY,SAAS;GAAc,IAAI,EAAE,UAAU,EAAE;aAClD,EAAgB,GAAQ;EACf,CAAA,CACZ,EAAA,CAAA;EAGN,SACE,OAAO,kBAAA,GAAA,CAAI,CAAA;CACf;AACF;AAMA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,wBACA,aACA,cACA,aACA,oBAAiB,IACjB,4BAAyB,OACvB,GACE,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,MAA2B,EAA6B,GAEhE,IAAS,QACR,IACD,IAAgB,IAChB,IAAwB,IACxB,KAA0B,EAAuB,qBAAqB,IACxE,IACF,IALsB,GAMrB;EACD;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,gBAAgB;GAChB,YAAY;EACd;EACA,MAAM,EAAgB,GAAQ,aAAa,UAAU,KAAA,IAAY;EACjE,UAAU,EAAgB,GAAQ;EAClC,WAAW;EACX,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,MAAA,KACC,kBAAC,GAAD;GAAQ,SAAQ;GAAO,OAAM;GAAU,SAAS;aAC7C,EAAgB,GAAQ;EACnB,CAAA,IAGR,MAAA,KACA,MAAA,MACA,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAoB;GACtB;GACA,IAAI,EAAE,IAAI,MAAM;aACjB;EAEO,CAAA,CAEV,EAAA,CAAA;YAGJ,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,KAAK;GACP;aAEA,kBAAC,GAAD;IACU;IACG;IACD;GACX,CAAA;EACE,CAAA;CACA,CAAA,EACP,CAAA;AAEN"}

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

@@ -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;AACA,GACE,0DACA,WACA,EACE,qBAAqB;EACnB,MAAM;EACN,eAAe;AACb,UAAO,SAAS,OAAO;;EAE1B,EACF,CACF"}
+{"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"}

package/dist/components/download_list/DownloadDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadDetails.js","names":[],"sources":["../../../src/components/download_list/DownloadDetails.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { testDownloadSpeed } from '@/utils/functions/testDownloadSpeed'\nimport {\n  InsertDriveFileTwoTone,\n  LayersTwoTone,\n  WatchLaterTwoTone,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { useEffect, useState } from 'react'\nimport { SkeletonInlineBlock } from '../Skeleton/SkeletonInlineBlock'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ndayjs.extend(duration)\ndayjs.extend(relativeTime)\n\nexport type DownloadDetailsProps = {\n  numFiles?: number\n  numBytes?: number\n}\n\ntype State = {\n  isLoading: boolean\n  downloadSpeed: number\n}\n\n/**\n * Displays download information including number of files, size of download, and time to download.\n * Prefer to use {@link ../DownloadCart/DownloadDetails} instead, particularly when you have information about file packaging in/eligibility\n * @param props\n * @returns\n */\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n  const { numFiles, numBytes } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const hasNumBytes = !!numBytes\n\n  const [state, setState] = useState<State>({\n    isLoading: hasNumBytes, // figure out the estimated download time iff we were given a byte count\n    downloadSpeed: 0,\n  })\n  const { isLoading, downloadSpeed } = state\n\n  useEffect(() => {\n    if (isAuthenticated) {\n      testDownloadSpeed(accessToken!).then(speed => {\n        setState({\n          isLoading: false,\n          downloadSpeed: speed,\n        })\n      })\n    }\n  }, [isAuthenticated, accessToken])\n\n  const timeEstimateInSeconds =\n    isLoading || downloadSpeed === 0 || !numBytes ? 0 : numBytes / downloadSpeed\n  const isTimeEstimateLoading = timeEstimateInSeconds === 0\n  const friendlyTime = isTimeEstimateLoading\n    ? ''\n    : dayjs.duration({ seconds: timeEstimateInSeconds }).humanize()\n\n  const isZeroFiles = numFiles === 0\n  const fileCountIconClass = isZeroFiles\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n\n  const timeEstimateIconClass = isTimeEstimateLoading\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n  return (\n    <span className=\"download-details-container\">\n      {numFiles != null && (\n        <span>\n          <InsertDriveFileTwoTone className={fileCountIconClass} />\n          {isZeroFiles ? (\n            <SkeletonInlineBlock width={50} />\n          ) : (\n            <>{numFiles.toLocaleString()}&nbsp;files</>\n          )}\n        </span>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is the total size of all files. Zipped package(s) will likely be smaller.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"numBytesUI\">\n            <LayersTwoTone className={timeEstimateIconClass} />\n            {isTimeEstimateLoading ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              calculateFriendlyFileSize(numBytes)\n            )}\n          </span>\n        </Tooltip>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is an estimate of how long package download will take.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"downloadTimeEstimateUI\">\n            <WatchLaterTwoTone className={timeEstimateIconClass} />\n            {isLoading && numFiles != null && numFiles > 0 ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              friendlyTime\n            )}\n          </span>\n        </Tooltip>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,EAAM,OAAO,EAAS,EACtB,EAAM,OAAO,EAAa;AAkB1B,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,aAAU,gBAAa,GACzB,EAAE,gBAAa,uBAAoB,GAAmB,EACtD,IAAc,CAAC,CAAC,GAEhB,CAAC,GAAO,KAAY,EAAgB;EACxC,WAAW;EACX,eAAe;EAChB,CAAC,EACI,EAAE,cAAW,qBAAkB;AAErC,SAAgB;AACd,EAAI,KACF,EAAkB,EAAa,CAAC,MAAK,MAAS;AAC5C,KAAS;IACP,WAAW;IACX,eAAe;IAChB,CAAC;IACF;IAEH,CAAC,GAAiB,EAAY,CAAC;CAElC,IAAM,IACJ,KAAa,MAAkB,KAAK,CAAC,IAAW,IAAI,IAAW,GAC3D,IAAwB,MAA0B,GAClD,IAAe,IACjB,KACA,EAAM,SAAS,EAAE,SAAS,GAAuB,CAAC,CAAC,UAAU,EAE3D,IAAc,MAAa,GAC3B,IAAqB,IACvB,iBACA,0BAEE,IAAwB,IAC1B,iBACA;AACJ,QACE,kBAAC,QAAD;EAAM,WAAU;YAAhB;GACG,KAAY,QACX,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAwB,WAAW,GAAsB,CAAA,EACxD,IACC,kBAAC,GAAD,EAAqB,OAAO,IAAM,CAAA,GAElC,kBAAA,GAAA,EAAA,UAAA,CAAG,EAAS,gBAAgB,EAAC,YAAc,EAAA,CAAA,CAExC,EAAA,CAAA;GAER,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAe,WAAW,GAAyB,CAAA,EAClD,IACC,kBAAC,GAAD,EAAqB,OAAO,IAAM,CAAA,GAElC,EAA0B,EAAS,CAEhC;;IACC,CAAA;GAEX,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAmB,WAAW,GAAyB,CAAA,EACtD,KAAa,KAAY,QAAQ,IAAW,IAC3C,kBAAC,GAAD,EAAqB,OAAO,IAAM,CAAA,GAElC,EAEG;;IACC,CAAA;GAEP"}
+{"version":3,"file":"DownloadDetails.js","names":[],"sources":["../../../src/components/download_list/DownloadDetails.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { testDownloadSpeed } from '@/utils/functions/testDownloadSpeed'\nimport {\n  InsertDriveFileTwoTone,\n  LayersTwoTone,\n  WatchLaterTwoTone,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { useEffect, useState } from 'react'\nimport { SkeletonInlineBlock } from '../Skeleton/SkeletonInlineBlock'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ndayjs.extend(duration)\ndayjs.extend(relativeTime)\n\nexport type DownloadDetailsProps = {\n  numFiles?: number\n  numBytes?: number\n}\n\ntype State = {\n  isLoading: boolean\n  downloadSpeed: number\n}\n\n/**\n * Displays download information including number of files, size of download, and time to download.\n * Prefer to use {@link ../DownloadCart/DownloadDetails} instead, particularly when you have information about file packaging in/eligibility\n * @param props\n * @returns\n */\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n  const { numFiles, numBytes } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const hasNumBytes = !!numBytes\n\n  const [state, setState] = useState<State>({\n    isLoading: hasNumBytes, // figure out the estimated download time iff we were given a byte count\n    downloadSpeed: 0,\n  })\n  const { isLoading, downloadSpeed } = state\n\n  useEffect(() => {\n    if (isAuthenticated) {\n      testDownloadSpeed(accessToken!).then(speed => {\n        setState({\n          isLoading: false,\n          downloadSpeed: speed,\n        })\n      })\n    }\n  }, [isAuthenticated, accessToken])\n\n  const timeEstimateInSeconds =\n    isLoading || downloadSpeed === 0 || !numBytes ? 0 : numBytes / downloadSpeed\n  const isTimeEstimateLoading = timeEstimateInSeconds === 0\n  const friendlyTime = isTimeEstimateLoading\n    ? ''\n    : dayjs.duration({ seconds: timeEstimateInSeconds }).humanize()\n\n  const isZeroFiles = numFiles === 0\n  const fileCountIconClass = isZeroFiles\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n\n  const timeEstimateIconClass = isTimeEstimateLoading\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n  return (\n    <span className=\"download-details-container\">\n      {numFiles != null && (\n        <span>\n          <InsertDriveFileTwoTone className={fileCountIconClass} />\n          {isZeroFiles ? (\n            <SkeletonInlineBlock width={50} />\n          ) : (\n            <>{numFiles.toLocaleString()}&nbsp;files</>\n          )}\n        </span>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is the total size of all files. Zipped package(s) will likely be smaller.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"numBytesUI\">\n            <LayersTwoTone className={timeEstimateIconClass} />\n            {isTimeEstimateLoading ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              calculateFriendlyFileSize(numBytes)\n            )}\n          </span>\n        </Tooltip>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is an estimate of how long package download will take.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"downloadTimeEstimateUI\">\n            <WatchLaterTwoTone className={timeEstimateIconClass} />\n            {isLoading && numFiles != null && numFiles > 0 ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              friendlyTime\n            )}\n          </span>\n        </Tooltip>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,EAAM,OAAO,CAAQ,GACrB,EAAM,OAAO,CAAY;AAkBzB,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,aAAU,gBAAa,GACzB,EAAE,gBAAa,uBAAoB,EAAkB,GACrD,IAAc,CAAC,CAAC,GAEhB,CAAC,GAAO,KAAY,EAAgB;EACxC,WAAW;EACX,eAAe;CACjB,CAAC,GACK,EAAE,cAAW,qBAAkB;CAErC,QAAgB;EACd,AAAI,KACF,EAAkB,CAAY,EAAE,MAAK,MAAS;GAC5C,EAAS;IACP,WAAW;IACX,eAAe;GACjB,CAAC;EACH,CAAC;CAEL,GAAG,CAAC,GAAiB,CAAW,CAAC;CAEjC,IAAM,IACJ,KAAa,MAAkB,KAAK,CAAC,IAAW,IAAI,IAAW,GAC3D,IAAwB,MAA0B,GAClD,IAAe,IACjB,KACA,EAAM,SAAS,EAAE,SAAS,EAAsB,CAAC,EAAE,SAAS,GAE1D,IAAc,MAAa,GAC3B,IAAqB,IACvB,iBACA,0BAEE,IAAwB,IAC1B,iBACA;CACJ,OACE,kBAAC,QAAD;EAAM,WAAU;YAAhB;GACG,KAAY,QACX,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAwB,WAAW,EAAqB,CAAA,GACvD,IACC,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,kBAAA,GAAA,EAAA,UAAA,CAAG,EAAS,eAAe,GAAE,WAAa,EAAA,CAAA,CAExC,EAAA,CAAA;GAEP,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAe,WAAW,EAAwB,CAAA,GACjD,IACC,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,EAA0B,CAAQ,CAEhC;;GACC,CAAA;GAEV,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAmB,WAAW,EAAwB,CAAA,GACrD,KAAa,KAAY,QAAQ,IAAW,IAC3C,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,CAEE;;GACC,CAAA;EAEP;;AAEV"}

package/dist/components/download_list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/download_list/index.ts"],"sourcesContent":["import DownloadDetails from './DownloadDetails'\n\nexport default { DownloadDetails }\nexport { DownloadDetails }\n"],"mappings":";;AAEA,IAAA,IAAe,EAAE,oBAAiB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/download_list/index.ts"],"sourcesContent":["import DownloadDetails from './DownloadDetails'\n\nexport default { DownloadDetails }\nexport { DownloadDetails }\n"],"mappings":";;AAEA,IAAA,IAAe,EAAE,mBAAgB"}

package/dist/components/entity/metadata/AnnotationsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsTable.js","names":[],"sources":["../../../../src/components/entity/metadata/AnnotationsTable.tsx"],"sourcesContent":["import { EntityAnnotationKey } from '@/components/entity/metadata/EntityAnnotationKey'\nimport { useGetJson } from '@/synapse-queries/entity/useEntity'\nimport { useGetSchema } from '@/synapse-queries/entity/useSchema'\nimport {\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries/entity/useEntityBoundSchema'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { isISOTimestamp } from '@/utils/functions/DateTimeUtils'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  getDisplayedAnnotationDescription,\n  getDisplayedAnnotationTitle,\n  useGetAnnotatedJsonInstance,\n} from '@/utils/jsonschema/SchemaAnnotationUtils'\nimport { Json } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert'\nimport { SkeletonTable } from '../../Skeleton'\n\nexport type AnnotationsTableProps = {\n  readonly entityId: string\n  readonly versionNumber?: number\n}\n\nexport function getDisplayedAnnotation(\n  value: string | number | boolean,\n): string {\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return value.toString()\n  } else if (isISOTimestamp(value)) {\n    return formatDate(dayjs(value))\n  }\n  return value\n}\n\nexport function AnnotationsTable(props: AnnotationsTableProps) {\n  const { entityId, versionNumber } = props\n  const [isManuallyRefetching, setIsManuallyRefetching] = useState(false)\n\n  const {\n    data: entityData,\n    isLoading: isLoadingEntityData,\n    refetch: refetchEntityData,\n  } = useGetJson(entityId, versionNumber, true)\n  const entityMetadata = entityData?.entityMetadata\n  const annotations = entityData?.annotations\n\n  const { data: boundSchema, isLoading: isLoadingSchemaBinding } =\n    useGetSchemaBinding(entityId)\n  const { data: validationSchema, isLoading: isLoadingValidationSchema } =\n    useGetSchema(boundSchema?.jsonSchemaVersionInfo.$id!, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const { data: annotatedInstance, isLoading: isLoadingSchemaAnnotations } =\n    useGetAnnotatedJsonInstance(entityData?.entity as Json, validationSchema)\n\n  const { data: validationResults, refetch: refetchValidationInformation } =\n    useGetValidationResults(entityId, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const showSchemaInformation = Boolean(boundSchema)\n\n  // If the entity has not yet been validated since the last fetch, then derived annotations may not have been calculated.\n  const recentChangesHaveNotBeenValidated =\n    !!entityMetadata &&\n    !!validationResults &&\n    dayjs(entityMetadata.modifiedOn).diff(\n      dayjs(validationResults.validatedOn),\n    ) > 0\n\n  const onRefetch = useCallback(async () => {\n    setIsManuallyRefetching(true)\n    const promises = [\n      // Refetch the annotations, which may have changed if new derived annotations have been calculated\n      void refetchEntityData(),\n      // Refetch the validation information, which we use to determine if derived annotations may still be pending\n      void refetchValidationInformation(),\n    ]\n    await Promise.allSettled(promises)\n    setIsManuallyRefetching(false)\n  }, [refetchEntityData, refetchValidationInformation])\n\n  const isLoading =\n    isLoadingEntityData ||\n    isLoadingSchemaBinding ||\n    isLoadingValidationSchema ||\n    isLoadingSchemaAnnotations\n\n  return isLoading || isManuallyRefetching ? (\n    <SkeletonTable numRows={3} numCols={2} />\n  ) : (\n    <>\n      {entityMetadata && annotations && isEmpty(annotations) ? (\n        <div className=\"placeholder\">\n          This{' '}\n          {entityTypeToFriendlyName(\n            convertToEntityType(entityMetadata.concreteType),\n          )}{' '}\n          has no annotations.\n        </div>\n      ) : null}\n      <table className=\"AnnotationsTable\">\n        <tbody>\n          {annotations &&\n            Object.keys(annotations).map((annotationKey: string) => {\n              return (\n                <tr key={annotationKey} className=\"AnnotationsTable__Row\">\n                  <td className=\"AnnotationsTable__Row__Key\">\n                    <EntityAnnotationKey\n                      annotationKey={annotationKey}\n                      title={getDisplayedAnnotationTitle(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                      description={getDisplayedAnnotationDescription(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                    />\n                  </td>\n                  <td className=\"AnnotationsTable__Row__Value\">\n                    {Array.isArray(annotations[annotationKey])\n                      ? annotations[annotationKey]\n                          .map(getDisplayedAnnotation)\n                          .join(', ')\n                      : getDisplayedAnnotation(\n                          annotations[annotationKey] as\n                            | string\n                            | number\n                            | boolean,\n                        )}\n                  </td>\n                </tr>\n              )\n            })}\n          {showSchemaInformation ? (\n            <tr className=\"AnnotationsTable__Row\">\n              <td className=\"AnnotationsTable__Row__Key Schema\">\n                Validation Schema\n              </td>\n              <td className=\"AnnotationsTable__Row__Value\">\n                <a\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    boundSchema!.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {boundSchema!.jsonSchemaVersionInfo.schemaName}\n                </a>\n              </td>\n            </tr>\n          ) : null}\n        </tbody>\n      </table>\n      {entityMetadata &&\n        showSchemaInformation &&\n        recentChangesHaveNotBeenValidated && (\n          <FullWidthAlert\n            variant=\"warning\"\n            description={`This ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} has changed since it has been last validated. If this ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} is expected to have annotations derived from the Validation Schema, they may not yet be visible.`}\n            primaryButtonConfig={{\n              text: 'Reload Annotations',\n              onClick: () => {\n                onRefetch()\n              },\n            }}\n            isGlobal={false}\n          />\n        )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkCA,SAAgB,EACd,GACQ;AAMR,QALI,OAAO,KAAU,YAAY,OAAO,KAAU,YACzC,EAAM,UAAU,GACd,EAAe,EAAM,GACvB,EAAW,EAAM,EAAM,CAAC,GAE1B;;AAGT,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,aAAU,qBAAkB,GAC9B,CAAC,GAAsB,KAA2B,EAAS,GAAM,EAEjE,EACJ,MAAM,GACN,WAAW,GACX,SAAS,MACP,EAAW,GAAU,GAAe,GAAK,EACvC,IAAiB,GAAY,gBAC7B,IAAc,GAAY,aAE1B,EAAE,MAAM,GAAa,WAAW,MACpC,EAAoB,EAAS,EACzB,EAAE,MAAM,GAAkB,WAAW,MACzC,EAAa,GAAa,sBAAsB,KAAM,EACpD,SAAS,EAAQ,GAClB,CAAC,EAEE,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAA4B,GAAY,QAAgB,EAAiB,EAErE,EAAE,MAAM,GAAmB,SAAS,MACxC,EAAwB,GAAU,EAChC,SAAS,EAAQ,GAClB,CAAC,EAEE,IAAwB,EAAQ,GAGhC,IACJ,CAAC,CAAC,KACF,CAAC,CAAC,KACF,EAAM,EAAe,WAAW,CAAC,KAC/B,EAAM,EAAkB,YAAY,CACrC,GAAG,GAEA,IAAY,EAAY,YAAY;AACxC,IAAwB,GAAK;EAC7B,IAAM,IAAW,CAEf,KAAK,GAAmB,EAExB,KAAK,GAA8B,CACpC;AAED,EADA,MAAM,QAAQ,WAAW,EAAS,EAClC,EAAwB,GAAM;IAC7B,CAAC,GAAmB,EAA6B,CAAC;AAQrD,QALE,KACA,KACA,KACA,KAEkB,IAClB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;EAAK,CAAA,GAEzC,kBAAA,GAAA,EAAA,UAAA;EACG,KAAkB,KAAe,EAAQ,EAAY,GACpD,kBAAC,OAAD;GAAK,WAAU;aAAf;IAA6B;IACtB;IACJ,EACC,EAAoB,EAAe,aAAa,CACjD;IAAE;IAAI;IAEH;OACJ;EACJ,kBAAC,SAAD;GAAO,WAAU;aACf,kBAAC,SAAD,EAAA,UAAA,CACG,KACC,OAAO,KAAK,EAAY,CAAC,KAAK,MAE1B,kBAAC,MAAD;IAAwB,WAAU;cAAlC,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD;MACiB;MACf,OAAO,EACL,GACA,EACD;MACD,aAAa,EACX,GACA,EACD;MACD,CAAA;KACC,CAAA,EACL,kBAAC,MAAD;KAAI,WAAU;eACX,MAAM,QAAQ,EAAY,GAAe,GACtC,EAAY,GACT,IAAI,EAAuB,CAC3B,KAAK,KAAK,GACb,EACE,EAAY,GAIb;KACF,CAAA,CACF;MA1BI,EA0BJ,CAEP,EACH,IACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAAoC;KAE7C,CAAA,EACL,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,KAAD;MACE,MAAM,GAAG,EACP,EAAuB,cACxB,CAAC,kCACA,EAAa,sBAAsB;MAErC,QAAO;MACP,KAAI;gBAEH,EAAa,sBAAsB;MAClC,CAAA;KACD,CAAA,CACF;QACH,KACE,EAAA,CAAA;GACF,CAAA;EACP,KACC,KACA,KACE,kBAAC,GAAD;GACE,SAAQ;GACR,aAAa,QAAQ,EACnB,EAAoB,EAAe,aAAa,CACjD,CAAC,yDAAyD,EACzD,EAAoB,EAAe,aAAa,CACjD,CAAC;GACF,qBAAqB;IACnB,MAAM;IACN,eAAe;AACb,QAAW;;IAEd;GACD,UAAU;GACV,CAAA;EAEL,EAAA,CAAA"}
+{"version":3,"file":"AnnotationsTable.js","names":[],"sources":["../../../../src/components/entity/metadata/AnnotationsTable.tsx"],"sourcesContent":["import { EntityAnnotationKey } from '@/components/entity/metadata/EntityAnnotationKey'\nimport { useGetJson } from '@/synapse-queries/entity/useEntity'\nimport { useGetSchema } from '@/synapse-queries/entity/useSchema'\nimport {\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries/entity/useEntityBoundSchema'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { isISOTimestamp } from '@/utils/functions/DateTimeUtils'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  getDisplayedAnnotationDescription,\n  getDisplayedAnnotationTitle,\n  useGetAnnotatedJsonInstance,\n} from '@/utils/jsonschema/SchemaAnnotationUtils'\nimport { Json } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert'\nimport { SkeletonTable } from '../../Skeleton'\n\nexport type AnnotationsTableProps = {\n  readonly entityId: string\n  readonly versionNumber?: number\n}\n\nexport function getDisplayedAnnotation(\n  value: string | number | boolean,\n): string {\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return value.toString()\n  } else if (isISOTimestamp(value)) {\n    return formatDate(dayjs(value))\n  }\n  return value\n}\n\nexport function AnnotationsTable(props: AnnotationsTableProps) {\n  const { entityId, versionNumber } = props\n  const [isManuallyRefetching, setIsManuallyRefetching] = useState(false)\n\n  const {\n    data: entityData,\n    isLoading: isLoadingEntityData,\n    refetch: refetchEntityData,\n  } = useGetJson(entityId, versionNumber, true)\n  const entityMetadata = entityData?.entityMetadata\n  const annotations = entityData?.annotations\n\n  const { data: boundSchema, isLoading: isLoadingSchemaBinding } =\n    useGetSchemaBinding(entityId)\n  const { data: validationSchema, isLoading: isLoadingValidationSchema } =\n    useGetSchema(boundSchema?.jsonSchemaVersionInfo.$id!, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const { data: annotatedInstance, isLoading: isLoadingSchemaAnnotations } =\n    useGetAnnotatedJsonInstance(entityData?.entity as Json, validationSchema)\n\n  const { data: validationResults, refetch: refetchValidationInformation } =\n    useGetValidationResults(entityId, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const showSchemaInformation = Boolean(boundSchema)\n\n  // If the entity has not yet been validated since the last fetch, then derived annotations may not have been calculated.\n  const recentChangesHaveNotBeenValidated =\n    !!entityMetadata &&\n    !!validationResults &&\n    dayjs(entityMetadata.modifiedOn).diff(\n      dayjs(validationResults.validatedOn),\n    ) > 0\n\n  const onRefetch = useCallback(async () => {\n    setIsManuallyRefetching(true)\n    const promises = [\n      // Refetch the annotations, which may have changed if new derived annotations have been calculated\n      void refetchEntityData(),\n      // Refetch the validation information, which we use to determine if derived annotations may still be pending\n      void refetchValidationInformation(),\n    ]\n    await Promise.allSettled(promises)\n    setIsManuallyRefetching(false)\n  }, [refetchEntityData, refetchValidationInformation])\n\n  const isLoading =\n    isLoadingEntityData ||\n    isLoadingSchemaBinding ||\n    isLoadingValidationSchema ||\n    isLoadingSchemaAnnotations\n\n  return isLoading || isManuallyRefetching ? (\n    <SkeletonTable numRows={3} numCols={2} />\n  ) : (\n    <>\n      {entityMetadata && annotations && isEmpty(annotations) ? (\n        <div className=\"placeholder\">\n          This{' '}\n          {entityTypeToFriendlyName(\n            convertToEntityType(entityMetadata.concreteType),\n          )}{' '}\n          has no annotations.\n        </div>\n      ) : null}\n      <table className=\"AnnotationsTable\">\n        <tbody>\n          {annotations &&\n            Object.keys(annotations).map((annotationKey: string) => {\n              return (\n                <tr key={annotationKey} className=\"AnnotationsTable__Row\">\n                  <td className=\"AnnotationsTable__Row__Key\">\n                    <EntityAnnotationKey\n                      annotationKey={annotationKey}\n                      title={getDisplayedAnnotationTitle(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                      description={getDisplayedAnnotationDescription(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                    />\n                  </td>\n                  <td className=\"AnnotationsTable__Row__Value\">\n                    {Array.isArray(annotations[annotationKey])\n                      ? annotations[annotationKey]\n                          .map(getDisplayedAnnotation)\n                          .join(', ')\n                      : getDisplayedAnnotation(\n                          annotations[annotationKey] as\n                            | string\n                            | number\n                            | boolean,\n                        )}\n                  </td>\n                </tr>\n              )\n            })}\n          {showSchemaInformation ? (\n            <tr className=\"AnnotationsTable__Row\">\n              <td className=\"AnnotationsTable__Row__Key Schema\">\n                Validation Schema\n              </td>\n              <td className=\"AnnotationsTable__Row__Value\">\n                <a\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    boundSchema!.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {boundSchema!.jsonSchemaVersionInfo.schemaName}\n                </a>\n              </td>\n            </tr>\n          ) : null}\n        </tbody>\n      </table>\n      {entityMetadata &&\n        showSchemaInformation &&\n        recentChangesHaveNotBeenValidated && (\n          <FullWidthAlert\n            variant=\"warning\"\n            description={`This ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} has changed since it has been last validated. If this ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} is expected to have annotations derived from the Validation Schema, they may not yet be visible.`}\n            primaryButtonConfig={{\n              text: 'Reload Annotations',\n              onClick: () => {\n                onRefetch()\n              },\n            }}\n            isGlobal={false}\n          />\n        )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkCA,SAAgB,EACd,GACQ;CAMR,OALI,OAAO,KAAU,YAAY,OAAO,KAAU,YACzC,EAAM,SAAS,IACb,EAAe,CAAK,IACtB,EAAW,EAAM,CAAK,CAAC,IAEzB;AACT;AAEA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,aAAU,qBAAkB,GAC9B,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAEhE,EACJ,MAAM,GACN,WAAW,GACX,SAAS,MACP,EAAW,GAAU,GAAe,EAAI,GACtC,IAAiB,GAAY,gBAC7B,IAAc,GAAY,aAE1B,EAAE,MAAM,GAAa,WAAW,MACpC,EAAoB,CAAQ,GACxB,EAAE,MAAM,GAAkB,WAAW,MACzC,EAAa,GAAa,sBAAsB,KAAM,EACpD,SAAS,EAAQ,EACnB,CAAC,GAEG,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAA4B,GAAY,QAAgB,CAAgB,GAEpE,EAAE,MAAM,GAAmB,SAAS,MACxC,EAAwB,GAAU,EAChC,SAAS,EAAQ,EACnB,CAAC,GAEG,IAAwB,EAAQ,GAGhC,IACJ,CAAC,CAAC,KACF,CAAC,CAAC,KACF,EAAM,EAAe,UAAU,EAAE,KAC/B,EAAM,EAAkB,WAAW,CACrC,IAAI,GAEA,IAAY,EAAY,YAAY;EACxC,EAAwB,EAAI;EAC5B,IAAM,IAAW,CAEf,KAAK,EAAkB,GAEvB,KAAK,EAA6B,CACpC;EAEA,AADA,MAAM,QAAQ,WAAW,CAAQ,GACjC,EAAwB,EAAK;CAC/B,GAAG,CAAC,GAAmB,CAA4B,CAAC;CAQpD,OALE,KACA,KACA,KACA,KAEkB,IAClB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAExC,kBAAA,GAAA,EAAA,UAAA;EACG,KAAkB,KAAe,EAAQ,CAAW,IACnD,kBAAC,OAAD;GAAK,WAAU;aAAf;IAA6B;IACtB;IACJ,EACC,EAAoB,EAAe,YAAY,CACjD;IAAG;IAAI;GAEJ;OACH;EACJ,kBAAC,SAAD;GAAO,WAAU;aACf,kBAAC,SAAD,EAAA,UAAA,CACG,KACC,OAAO,KAAK,CAAW,EAAE,KAAK,MAE1B,kBAAC,MAAD;IAAwB,WAAU;cAAlC,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD;MACiB;MACf,OAAO,EACL,GACA,CACF;MACA,aAAa,EACX,GACA,CACF;KACD,CAAA;IACC,CAAA,GACJ,kBAAC,MAAD;KAAI,WAAU;eACX,MAAM,QAAQ,EAAY,EAAc,IACrC,EAAY,GACT,IAAI,CAAsB,EAC1B,KAAK,IAAI,IACZ,EACE,EAAY,EAId;IACF,CAAA,CACF;MA1BK,CA0BL,CAEP,GACF,IACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAAoC;IAE9C,CAAA,GACJ,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,KAAD;MACE,MAAM,GAAG,EACP,EAAuB,aACzB,EAAE,kCACA,EAAa,sBAAsB;MAErC,QAAO;MACP,KAAI;gBAEH,EAAa,sBAAsB;KACnC,CAAA;IACD,CAAA,CACF;QACF,IACC,EAAA,CAAA;EACF,CAAA;EACN,KACC,KACA,KACE,kBAAC,GAAD;GACE,SAAQ;GACR,aAAa,QAAQ,EACnB,EAAoB,EAAe,YAAY,CACjD,EAAE,yDAAyD,EACzD,EAAoB,EAAe,YAAY,CACjD,EAAE;GACF,qBAAqB;IACnB,MAAM;IACN,eAAe;KACb,EAAU;IACZ;GACF;GACA,UAAU;EACX,CAAA;CAEL,EAAA,CAAA;AAEN"}

package/dist/components/entity/metadata/EntityAnnotationKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityAnnotationKey.js","names":[],"sources":["../../../../src/components/entity/metadata/EntityAnnotationKey.tsx"],"sourcesContent":["import { Box, Tooltip } from '@mui/material'\n\ntype EntityAnnotationKeyProps = {\n  /** The key of the annotation */\n  annotationKey: string\n  /** An optional title of the annotation */\n  title?: string\n  /** An optional */\n  description?: string\n}\n\n/**\n * A component used to display an Entity annotation key.\n */\nexport function EntityAnnotationKey(props: EntityAnnotationKeyProps) {\n  const { annotationKey, title, description } = props\n\n  if (title == annotationKey && !description) {\n    return annotationKey\n  }\n\n  return (\n    <Tooltip\n      placement={'left'}\n      title={\n        <>\n          {title != annotationKey && (\n            <p>\n              <strong>Annotation Key: {annotationKey}</strong>\n            </p>\n          )}\n          <p>{description}</p>\n        </>\n      }\n    >\n      <Box\n        component=\"span\"\n        sx={theme => ({\n          textDecorationLine: 'underline',\n          textDecorationStyle: 'dotted',\n          textDecorationThickness: '15%',\n          textDecorationColor: theme.palette.secondary.main,\n          textUnderlineOffset: '4px',\n          cursor: 'pointer',\n        })}\n      >\n        {title}\n      </Box>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;AAcA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,kBAAe,UAAO,mBAAgB;AAM9C,QAJI,KAAS,KAAiB,CAAC,IACtB,IAIP,kBAAC,GAAD;EACE,WAAW;EACX,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAS,KACR,kBAAC,KAAD,EAAA,UACE,kBAAC,UAAD,EAAA,UAAA,CAAQ,oBAAiB,EAAuB,EAAA,CAAA,EAC9C,CAAA,EAEN,kBAAC,KAAD,EAAA,UAAI,GAAgB,CAAA,CACnB,EAAA,CAAA;YAGL,kBAAC,GAAD;GACE,WAAU;GACV,KAAI,OAAU;IACZ,oBAAoB;IACpB,qBAAqB;IACrB,yBAAyB;IACzB,qBAAqB,EAAM,QAAQ,UAAU;IAC7C,qBAAqB;IACrB,QAAQ;IACT;aAEA;GACG,CAAA;EACE,CAAA"}
+{"version":3,"file":"EntityAnnotationKey.js","names":[],"sources":["../../../../src/components/entity/metadata/EntityAnnotationKey.tsx"],"sourcesContent":["import { Box, Tooltip } from '@mui/material'\n\ntype EntityAnnotationKeyProps = {\n  /** The key of the annotation */\n  annotationKey: string\n  /** An optional title of the annotation */\n  title?: string\n  /** An optional */\n  description?: string\n}\n\n/**\n * A component used to display an Entity annotation key.\n */\nexport function EntityAnnotationKey(props: EntityAnnotationKeyProps) {\n  const { annotationKey, title, description } = props\n\n  if (title == annotationKey && !description) {\n    return annotationKey\n  }\n\n  return (\n    <Tooltip\n      placement={'left'}\n      title={\n        <>\n          {title != annotationKey && (\n            <p>\n              <strong>Annotation Key: {annotationKey}</strong>\n            </p>\n          )}\n          <p>{description}</p>\n        </>\n      }\n    >\n      <Box\n        component=\"span\"\n        sx={theme => ({\n          textDecorationLine: 'underline',\n          textDecorationStyle: 'dotted',\n          textDecorationThickness: '15%',\n          textDecorationColor: theme.palette.secondary.main,\n          textUnderlineOffset: '4px',\n          cursor: 'pointer',\n        })}\n      >\n        {title}\n      </Box>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;AAcA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,kBAAe,UAAO,mBAAgB;CAM9C,OAJI,KAAS,KAAiB,CAAC,IACtB,IAIP,kBAAC,GAAD;EACE,WAAW;EACX,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAS,KACR,kBAAC,KAAD,EAAA,UACE,kBAAC,UAAD,EAAA,UAAA,CAAQ,oBAAiB,CAAsB,EAAA,CAAA,EAC9C,CAAA,GAEL,kBAAC,KAAD,EAAA,UAAI,EAAe,CAAA,CACnB,EAAA,CAAA;YAGJ,kBAAC,GAAD;GACE,WAAU;GACV,KAAI,OAAU;IACZ,oBAAoB;IACpB,qBAAqB;IACrB,yBAAyB;IACzB,qBAAqB,EAAM,QAAQ,UAAU;IAC7C,qBAAqB;IACrB,QAAQ;GACV;aAEC;EACE,CAAA;CACE,CAAA;AAEb"}

package/dist/components/entity/metadata/EntityModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityModal.js","names":[],"sources":["../../../../src/components/entity/metadata/EntityModal.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport {\n  entityTypeToFriendlyName,\n  isVersionableEntityType,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { Button, Tooltip } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\nimport Form from '@rjsf/core'\nimport { VersionableEntity } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { ConfirmationDialog } from '../../ConfirmationDialog'\nimport { DialogBase } from '../../DialogBase'\nimport { SynapseErrorBoundary } from '../../error/ErrorBanner'\nimport { SchemaDrivenAnnotationEditor } from '../../SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor'\nimport { displayToast } from '../../ToastMessage/ToastMessage'\nimport { AnnotationsTable } from './AnnotationsTable'\nimport { MetadataTable } from './MetadataTable'\n\nexport const EntityModalTabs = [\n  // non-annotation metadata about the entity\n  'METADATA',\n  // annotation and schema information\n  'ANNOTATIONS',\n  // TODO: Access -- we haven't yet built a viewer/editor for ACLs in SRC -- consider a redesign before building\n  //'ACCESS', // ACLs (and maybe ARs?)\n  // TODO: Previews - we would need preview renderers that accomplish feature parity with SWC\n  //'PREVIEW' // should only show this tab if a preview exists\n] as const\ntype EntityModalTab = (typeof EntityModalTabs)[number]\n\nexport type EntityModalProps = {\n  readonly show: boolean\n  readonly entityId: string\n  readonly versionNumber?: number\n  readonly onClose: () => void\n  readonly initialTab?: EntityModalTab\n  readonly showTabs?: boolean\n  readonly onEditModeChanged?: (isInEditMode: boolean) => void\n}\n\nexport function EntityModal(props: EntityModalProps) {\n  const {\n    entityId,\n    versionNumber,\n    show,\n    onClose,\n    initialTab = 'METADATA',\n    showTabs = true,\n    onEditModeChanged = noop,\n  } = props\n  const annotationEditorFormRef = useRef<Form>(null)\n\n  const [currentTab, setCurrentTab] = useState<EntityModalTab>(initialTab)\n  const [showEditCancellationWarning, setShowEditCancellationWarning] =\n    useState(false)\n  const [isInEditMode, setIsInEditMode] = useState(false)\n\n  // Need to store variable behavior for when the user confirms they want to cancel editing\n  // We may return to the readonly view, or we might close the entire modal, depending on what they clicked.\n  const [onCancelEdit, setOnCancelEdit] = useState<() => void>(() =>\n    setIsInEditMode(false),\n  )\n\n  // Call the callback if `isInEditMode` changes\n  // e.g. to set the global isInEditMode tracker in SWC\n  useEffect(() => {\n    onEditModeChanged(isInEditMode)\n    return () => {\n      // Ensure we disable edit mode when the component unmounts\n      onEditModeChanged(false)\n    }\n  }, [isInEditMode, onEditModeChanged])\n\n  const { data: entityBundle } = useGetEntityBundle(entityId, versionNumber)\n  const canEdit = entityBundle && entityBundle.permissions.canEdit\n\n  const isVersionable =\n    entityBundle && isVersionableEntityType(entityBundle.entityType)\n\n  const isLatestVersion =\n    isVersionable && (entityBundle.entity as VersionableEntity).isLatestVersion!\n\n  const showOpenEntityPageButton =\n    currentTab === 'METADATA' &&\n    entityBundle &&\n    !(typeof window !== 'undefined' && window.location.href.includes(entityId))\n  const openEntityPageButton = (\n    <Button\n      variant={'contained'}\n      onClick={() =>\n        window.open(\n          `${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}Synapse:${entityId}`,\n          '_blank',\n          'noopener',\n        )\n      }\n    >\n      Open{' '}\n      {entityBundle ? entityTypeToFriendlyName(entityBundle?.entityType) : ''}\n    </Button>\n  )\n\n  const showSaveAnnotationsButton = currentTab === 'ANNOTATIONS' && isInEditMode\n  const saveAnnotationsButton = (\n    <Button\n      variant={'contained'}\n      onClick={() => {\n        // Workaround for https://github.com/rjsf-team/react-jsonschema-form/issues/3121\n        annotationEditorFormRef.current!.formElement.current.requestSubmit()\n      }}\n    >\n      Save Annotations\n    </Button>\n  )\n\n  const showCancelAnnotationEditsButton =\n    currentTab === 'ANNOTATIONS' && isInEditMode\n  const cancelAnnotationEditsButton = (\n    <Button\n      variant={'outlined'}\n      onClick={() => {\n        setOnCancelEdit(() => () => setIsInEditMode(false))\n        setShowEditCancellationWarning(true)\n      }}\n    >\n      Cancel\n    </Button>\n  )\n\n  const showEditAnnotationsButton =\n    canEdit && currentTab === 'ANNOTATIONS' && !isInEditMode\n  const disableEditingOldVersion = isVersionable && !isLatestVersion\n  const editAnnotationsButton = (\n    <Tooltip\n      title={\n        disableEditingOldVersion\n          ? 'Annotations can only be edited on the latest version'\n          : undefined\n      }\n    >\n      {/* Wrap in span so tooltip works even when disabled */}\n      <span>\n        <Button\n          variant={'contained'}\n          disabled={disableEditingOldVersion}\n          onClick={() => {\n            setIsInEditMode(true)\n          }}\n        >\n          Edit\n        </Button>\n      </span>\n    </Tooltip>\n  )\n\n  const dialogContent = (\n    <>\n      {showTabs && !isInEditMode ? (\n        <div className=\"Tabs\">\n          {EntityModalTabs.map(tabName => {\n            return (\n              <div\n                className=\"Tab\"\n                role=\"tab\"\n                key={tabName}\n                onClick={e => {\n                  e.stopPropagation()\n                  setCurrentTab(tabName)\n                }}\n                aria-selected={tabName === currentTab}\n              >\n                {tabName}\n              </div>\n            )\n          })}\n        </div>\n      ) : null}\n      <div style={currentTab === 'ANNOTATIONS' ? {} : { display: 'none' }}>\n        {isInEditMode ? (\n          <SynapseErrorBoundary>\n            <SchemaDrivenAnnotationEditor\n              entityId={entityId}\n              formRef={annotationEditorFormRef}\n              hideActions\n              onSuccess={() => {\n                displayToast('Annotations successfully updated.', 'success')\n                setIsInEditMode(false)\n              }}\n              onCancel={() => setIsInEditMode(false)}\n            />\n          </SynapseErrorBoundary>\n        ) : (\n          <AnnotationsTable entityId={entityId} versionNumber={versionNumber} />\n        )}\n      </div>\n      <div style={currentTab === 'METADATA' ? {} : { display: 'none' }}>\n        <MetadataTable entityId={entityId} versionNumber={versionNumber} />\n      </div>\n    </>\n  )\n\n  const cancelEditingConfirmationModal = (\n    <ConfirmationDialog\n      open={showEditCancellationWarning}\n      title=\"Unsaved Changes\"\n      content=\"Any unsaved changes will be lost. Are you sure you want to close the editor?\"\n      onCancel={() => {\n        setShowEditCancellationWarning(false)\n      }}\n      onConfirm={() => {\n        setShowEditCancellationWarning(false)\n        onCancelEdit()\n      }}\n    />\n  )\n\n  const modalTitle = useMemo(() => {\n    if (!entityBundle?.entity.name) {\n      return <Skeleton width={'40%'} />\n    } else if (currentTab === 'ANNOTATIONS') {\n      return `${isInEditMode ? 'Edit ' : ''}Annotations for ${\n        entityBundle.entity.name\n      }`\n    }\n    return entityBundle.entity.name\n  }, [currentTab, entityBundle?.entity.name, isInEditMode])\n\n  return (\n    <DialogBase\n      className={`EntityMetadata`}\n      open={show}\n      onCancel={() => {\n        if (isInEditMode) {\n          setShowEditCancellationWarning(true)\n          setOnCancelEdit(() => {\n            // Need to return a function in a function because passing a function to setState has a different meaning\n            return () => {\n              setIsInEditMode(false)\n              onClose()\n            }\n          })\n        } else {\n          onClose()\n        }\n      }}\n      maxWidth={isInEditMode ? 'md' : 'sm'}\n      title={modalTitle}\n      content={dialogContent}\n      actions={\n        <>\n          {cancelEditingConfirmationModal}\n          {showCancelAnnotationEditsButton && cancelAnnotationEditsButton}\n          {showSaveAnnotationsButton && saveAnnotationsButton}\n          {showEditAnnotationsButton && editAnnotationsButton}\n          {showOpenEntityPageButton && openEntityPageButton}\n        </>\n      }\n    />\n  )\n}\n\nexport default EntityModal\n"],"mappings":"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"}
+{"version":3,"file":"EntityModal.js","names":[],"sources":["../../../../src/components/entity/metadata/EntityModal.tsx"],"sourcesContent":["import useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport {\n  entityTypeToFriendlyName,\n  isVersionableEntityType,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { Button, Tooltip } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\nimport Form from '@rjsf/core'\nimport { VersionableEntity } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { ConfirmationDialog } from '../../ConfirmationDialog'\nimport { DialogBase } from '../../DialogBase'\nimport { SynapseErrorBoundary } from '../../error/ErrorBanner'\nimport { SchemaDrivenAnnotationEditor } from '../../SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor'\nimport { displayToast } from '../../ToastMessage/ToastMessage'\nimport { AnnotationsTable } from './AnnotationsTable'\nimport { MetadataTable } from './MetadataTable'\n\nexport const EntityModalTabs = [\n  // non-annotation metadata about the entity\n  'METADATA',\n  // annotation and schema information\n  'ANNOTATIONS',\n  // TODO: Access -- we haven't yet built a viewer/editor for ACLs in SRC -- consider a redesign before building\n  //'ACCESS', // ACLs (and maybe ARs?)\n  // TODO: Previews - we would need preview renderers that accomplish feature parity with SWC\n  //'PREVIEW' // should only show this tab if a preview exists\n] as const\ntype EntityModalTab = (typeof EntityModalTabs)[number]\n\nexport type EntityModalProps = {\n  readonly show: boolean\n  readonly entityId: string\n  readonly versionNumber?: number\n  readonly onClose: () => void\n  readonly initialTab?: EntityModalTab\n  readonly showTabs?: boolean\n  readonly onEditModeChanged?: (isInEditMode: boolean) => void\n}\n\nexport function EntityModal(props: EntityModalProps) {\n  const {\n    entityId,\n    versionNumber,\n    show,\n    onClose,\n    initialTab = 'METADATA',\n    showTabs = true,\n    onEditModeChanged = noop,\n  } = props\n  const annotationEditorFormRef = useRef<Form>(null)\n\n  const [currentTab, setCurrentTab] = useState<EntityModalTab>(initialTab)\n  const [showEditCancellationWarning, setShowEditCancellationWarning] =\n    useState(false)\n  const [isInEditMode, setIsInEditMode] = useState(false)\n\n  // Need to store variable behavior for when the user confirms they want to cancel editing\n  // We may return to the readonly view, or we might close the entire modal, depending on what they clicked.\n  const [onCancelEdit, setOnCancelEdit] = useState<() => void>(() =>\n    setIsInEditMode(false),\n  )\n\n  // Call the callback if `isInEditMode` changes\n  // e.g. to set the global isInEditMode tracker in SWC\n  useEffect(() => {\n    onEditModeChanged(isInEditMode)\n    return () => {\n      // Ensure we disable edit mode when the component unmounts\n      onEditModeChanged(false)\n    }\n  }, [isInEditMode, onEditModeChanged])\n\n  const { data: entityBundle } = useGetEntityBundle(entityId, versionNumber)\n  const canEdit = entityBundle && entityBundle.permissions.canEdit\n\n  const isVersionable =\n    entityBundle && isVersionableEntityType(entityBundle.entityType)\n\n  const isLatestVersion =\n    isVersionable && (entityBundle.entity as VersionableEntity).isLatestVersion!\n\n  const showOpenEntityPageButton =\n    currentTab === 'METADATA' &&\n    entityBundle &&\n    !(typeof window !== 'undefined' && window.location.href.includes(entityId))\n  const openEntityPageButton = (\n    <Button\n      variant={'contained'}\n      onClick={() =>\n        window.open(\n          `${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}Synapse:${entityId}`,\n          '_blank',\n          'noopener',\n        )\n      }\n    >\n      Open{' '}\n      {entityBundle ? entityTypeToFriendlyName(entityBundle?.entityType) : ''}\n    </Button>\n  )\n\n  const showSaveAnnotationsButton = currentTab === 'ANNOTATIONS' && isInEditMode\n  const saveAnnotationsButton = (\n    <Button\n      variant={'contained'}\n      onClick={() => {\n        // Workaround for https://github.com/rjsf-team/react-jsonschema-form/issues/3121\n        annotationEditorFormRef.current!.formElement.current.requestSubmit()\n      }}\n    >\n      Save Annotations\n    </Button>\n  )\n\n  const showCancelAnnotationEditsButton =\n    currentTab === 'ANNOTATIONS' && isInEditMode\n  const cancelAnnotationEditsButton = (\n    <Button\n      variant={'outlined'}\n      onClick={() => {\n        setOnCancelEdit(() => () => setIsInEditMode(false))\n        setShowEditCancellationWarning(true)\n      }}\n    >\n      Cancel\n    </Button>\n  )\n\n  const showEditAnnotationsButton =\n    canEdit && currentTab === 'ANNOTATIONS' && !isInEditMode\n  const disableEditingOldVersion = isVersionable && !isLatestVersion\n  const editAnnotationsButton = (\n    <Tooltip\n      title={\n        disableEditingOldVersion\n          ? 'Annotations can only be edited on the latest version'\n          : undefined\n      }\n    >\n      {/* Wrap in span so tooltip works even when disabled */}\n      <span>\n        <Button\n          variant={'contained'}\n          disabled={disableEditingOldVersion}\n          onClick={() => {\n            setIsInEditMode(true)\n          }}\n        >\n          Edit\n        </Button>\n      </span>\n    </Tooltip>\n  )\n\n  const dialogContent = (\n    <>\n      {showTabs && !isInEditMode ? (\n        <div className=\"Tabs\">\n          {EntityModalTabs.map(tabName => {\n            return (\n              <div\n                className=\"Tab\"\n                role=\"tab\"\n                key={tabName}\n                onClick={e => {\n                  e.stopPropagation()\n                  setCurrentTab(tabName)\n                }}\n                aria-selected={tabName === currentTab}\n              >\n                {tabName}\n              </div>\n            )\n          })}\n        </div>\n      ) : null}\n      <div style={currentTab === 'ANNOTATIONS' ? {} : { display: 'none' }}>\n        {isInEditMode ? (\n          <SynapseErrorBoundary>\n            <SchemaDrivenAnnotationEditor\n              entityId={entityId}\n              formRef={annotationEditorFormRef}\n              hideActions\n              onSuccess={() => {\n                displayToast('Annotations successfully updated.', 'success')\n                setIsInEditMode(false)\n              }}\n              onCancel={() => setIsInEditMode(false)}\n            />\n          </SynapseErrorBoundary>\n        ) : (\n          <AnnotationsTable entityId={entityId} versionNumber={versionNumber} />\n        )}\n      </div>\n      <div style={currentTab === 'METADATA' ? {} : { display: 'none' }}>\n        <MetadataTable entityId={entityId} versionNumber={versionNumber} />\n      </div>\n    </>\n  )\n\n  const cancelEditingConfirmationModal = (\n    <ConfirmationDialog\n      open={showEditCancellationWarning}\n      title=\"Unsaved Changes\"\n      content=\"Any unsaved changes will be lost. Are you sure you want to close the editor?\"\n      onCancel={() => {\n        setShowEditCancellationWarning(false)\n      }}\n      onConfirm={() => {\n        setShowEditCancellationWarning(false)\n        onCancelEdit()\n      }}\n    />\n  )\n\n  const modalTitle = useMemo(() => {\n    if (!entityBundle?.entity.name) {\n      return <Skeleton width={'40%'} />\n    } else if (currentTab === 'ANNOTATIONS') {\n      return `${isInEditMode ? 'Edit ' : ''}Annotations for ${\n        entityBundle.entity.name\n      }`\n    }\n    return entityBundle.entity.name\n  }, [currentTab, entityBundle?.entity.name, isInEditMode])\n\n  return (\n    <DialogBase\n      className={`EntityMetadata`}\n      open={show}\n      onCancel={() => {\n        if (isInEditMode) {\n          setShowEditCancellationWarning(true)\n          setOnCancelEdit(() => {\n            // Need to return a function in a function because passing a function to setState has a different meaning\n            return () => {\n              setIsInEditMode(false)\n              onClose()\n            }\n          })\n        } else {\n          onClose()\n        }\n      }}\n      maxWidth={isInEditMode ? 'md' : 'sm'}\n      title={modalTitle}\n      content={dialogContent}\n      actions={\n        <>\n          {cancelEditingConfirmationModal}\n          {showCancelAnnotationEditsButton && cancelAnnotationEditsButton}\n          {showSaveAnnotationsButton && saveAnnotationsButton}\n          {showEditAnnotationsButton && editAnnotationsButton}\n          {showOpenEntityPageButton && openEntityPageButton}\n        </>\n      }\n    />\n  )\n}\n\nexport default EntityModal\n"],"mappings":"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"}

package/dist/components/entity/metadata/MetadataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTable.js","names":[],"sources":["../../../../src/components/entity/metadata/MetadataTable.tsx"],"sourcesContent":["import React from 'react'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetUploadDestinationForStorageLocation } from '@/synapse-queries/file/useUploadDestination'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  entityTypeToFriendlyName,\n  getVersionDisplay,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  getDataFileHandle,\n  getStorageLocationName,\n} from '@/utils/functions/FileHandleUtils'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\n\nexport type MetadataTableProps = {\n  readonly entityId: string\n  readonly versionNumber?: number\n}\n\nexport const MetadataTable = ({\n  entityId,\n  versionNumber,\n}: MetadataTableProps): React.ReactNode => {\n  const { data: entityBundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isVersionable = entityBundle && isVersionableEntity(entityBundle.entity)\n\n  const dataFileHandle = entityBundle\n    ? getDataFileHandle(entityBundle)\n    : undefined\n  const parentId = entityBundle?.entity?.parentId\n  const storageLocationId = dataFileHandle?.storageLocationId\n  const { data: storageLocationUploadDestination } =\n    useGetUploadDestinationForStorageLocation(parentId!, storageLocationId!, {\n      enabled: parentId !== undefined && storageLocationId != null,\n    })\n\n  let fileLocationName: string | undefined = undefined\n  if (dataFileHandle) {\n    fileLocationName = getStorageLocationName(\n      dataFileHandle,\n      storageLocationUploadDestination,\n    )\n  }\n\n  return entityBundle ? (\n    <table className=\"MetadataTable\">\n      <tbody>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Name</td>\n          <td className=\"MetadataTable__Row__Value\">\n            {entityBundle.entity?.name}\n          </td>\n        </tr>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Type</td>\n          <td className=\"MetadataTable__Row__Value\">\n            {entityTypeToFriendlyName(entityBundle.entityType)}\n          </td>\n        </tr>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Synapse ID</td>\n          <td className=\"MetadataTable__Row__Value\">\n            {entityBundle.entity?.id}\n          </td>\n        </tr>\n        {isVersionable && (\n          <tr className=\"MetadataTable__Row\">\n            <td className=\"MetadataTable__Row__Key\">Version</td>\n            <td className=\"MetadataTable__Row__Value\">\n              {getVersionDisplay(entityBundle.entity)}\n            </td>\n          </tr>\n        )}\n        {fileLocationName && (\n          <tr className=\"MetadataTable__Row\">\n            <td className=\"MetadataTable__Row__Key\">Storage</td>\n            <td className=\"MetadataTable__Row__Value\">{fileLocationName}</td>\n          </tr>\n        )}\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\"> Last Modified By</td>\n          <td className=\"MetadataTable__Row__Value\">\n            <UserBadge userId={entityBundle.entity?.modifiedBy} /> at{' '}\n            {formatDate(dayjs(entityBundle.entity?.modifiedOn))}\n          </td>\n        </tr>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Created By</td>\n          <td className=\"MetadataTable__Row__Value\">\n            <UserBadge userId={entityBundle.entity?.createdBy} /> at{' '}\n            {formatDate(dayjs(entityBundle.entity?.createdOn))}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,KAAiB,EAC5B,aACA,uBACyC;CACzC,IAAM,EAAE,MAAM,MAAiB,EAAmB,GAAU,EAAc,EAEpE,IAAgB,KAAgB,EAAoB,EAAa,OAAO,EAExE,IAAiB,IACnB,EAAkB,EAAa,GAC/B,KAAA,GACE,IAAW,GAAc,QAAQ,UACjC,IAAoB,GAAgB,mBACpC,EAAE,MAAM,MACZ,EAA0C,GAAW,GAAoB,EACvE,SAAS,MAAa,KAAA,KAAa,KAAqB,MACzD,CAAC,EAEA;AAQJ,QAPI,MACF,IAAmB,EACjB,GACA,EACD,GAGI,IACL,kBAAC,SAAD;EAAO,WAAU;YACf,kBAAC,SAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAS,CAAA,EACjD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAa,QAAQ;KACnB,CAAA,CACF;;GACL,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAS,CAAA,EACjD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAyB,EAAa,WAAW;KAC/C,CAAA,CACF;;GACL,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAe,CAAA,EACvD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAa,QAAQ;KACnB,CAAA,CACF;;GACJ,KACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAY,CAAA,EACpD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAkB,EAAa,OAAO;KACpC,CAAA,CACF;;GAEN,KACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAY,CAAA,EACpD,kBAAC,MAAD;KAAI,WAAU;eAA6B;KAAsB,CAAA,CAC9D;;GAEP,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAsB,CAAA,EAC9D,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAW,QAAQ,EAAa,QAAQ,YAAc,CAAA;;MAAI;MACzD,EAAW,EAAM,EAAa,QAAQ,WAAW,CAAC;MAChD;OACF;;GACL,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;KAAe,CAAA,EACvD,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAW,QAAQ,EAAa,QAAQ,WAAa,CAAA;;MAAI;MACxD,EAAW,EAAM,EAAa,QAAQ,UAAU,CAAC;MAC/C;OACF;;GACC,EAAA,CAAA;EACF,CAAA,GACN"}
+{"version":3,"file":"MetadataTable.js","names":[],"sources":["../../../../src/components/entity/metadata/MetadataTable.tsx"],"sourcesContent":["import React from 'react'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetUploadDestinationForStorageLocation } from '@/synapse-queries/file/useUploadDestination'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  entityTypeToFriendlyName,\n  getVersionDisplay,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  getDataFileHandle,\n  getStorageLocationName,\n} from '@/utils/functions/FileHandleUtils'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\n\nexport type MetadataTableProps = {\n  readonly entityId: string\n  readonly versionNumber?: number\n}\n\nexport const MetadataTable = ({\n  entityId,\n  versionNumber,\n}: MetadataTableProps): React.ReactNode => {\n  const { data: entityBundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isVersionable = entityBundle && isVersionableEntity(entityBundle.entity)\n\n  const dataFileHandle = entityBundle\n    ? getDataFileHandle(entityBundle)\n    : undefined\n  const parentId = entityBundle?.entity?.parentId\n  const storageLocationId = dataFileHandle?.storageLocationId\n  const { data: storageLocationUploadDestination } =\n    useGetUploadDestinationForStorageLocation(parentId!, storageLocationId!, {\n      enabled: parentId !== undefined && storageLocationId != null,\n    })\n\n  let fileLocationName: string | undefined = undefined\n  if (dataFileHandle) {\n    fileLocationName = getStorageLocationName(\n      dataFileHandle,\n      storageLocationUploadDestination,\n    )\n  }\n\n  return entityBundle ? (\n    <table className=\"MetadataTable\">\n      <tbody>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Name</td>\n          <td className=\"MetadataTable__Row__Value\">\n            {entityBundle.entity?.name}\n          </td>\n        </tr>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Type</td>\n          <td className=\"MetadataTable__Row__Value\">\n            {entityTypeToFriendlyName(entityBundle.entityType)}\n          </td>\n        </tr>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Synapse ID</td>\n          <td className=\"MetadataTable__Row__Value\">\n            {entityBundle.entity?.id}\n          </td>\n        </tr>\n        {isVersionable && (\n          <tr className=\"MetadataTable__Row\">\n            <td className=\"MetadataTable__Row__Key\">Version</td>\n            <td className=\"MetadataTable__Row__Value\">\n              {getVersionDisplay(entityBundle.entity)}\n            </td>\n          </tr>\n        )}\n        {fileLocationName && (\n          <tr className=\"MetadataTable__Row\">\n            <td className=\"MetadataTable__Row__Key\">Storage</td>\n            <td className=\"MetadataTable__Row__Value\">{fileLocationName}</td>\n          </tr>\n        )}\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\"> Last Modified By</td>\n          <td className=\"MetadataTable__Row__Value\">\n            <UserBadge userId={entityBundle.entity?.modifiedBy} /> at{' '}\n            {formatDate(dayjs(entityBundle.entity?.modifiedOn))}\n          </td>\n        </tr>\n        <tr className=\"MetadataTable__Row\">\n          <td className=\"MetadataTable__Row__Key\">Created By</td>\n          <td className=\"MetadataTable__Row__Value\">\n            <UserBadge userId={entityBundle.entity?.createdBy} /> at{' '}\n            {formatDate(dayjs(entityBundle.entity?.createdOn))}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,KAAiB,EAC5B,aACA,uBACyC;CACzC,IAAM,EAAE,MAAM,MAAiB,EAAmB,GAAU,CAAa,GAEnE,IAAgB,KAAgB,EAAoB,EAAa,MAAM,GAEvE,IAAiB,IACnB,EAAkB,CAAY,IAC9B,KAAA,GACE,IAAW,GAAc,QAAQ,UACjC,IAAoB,GAAgB,mBACpC,EAAE,MAAM,MACZ,EAA0C,GAAW,GAAoB,EACvE,SAAS,MAAa,KAAA,KAAa,KAAqB,KAC1D,CAAC,GAEC;CAQJ,OAPI,MACF,IAAmB,EACjB,GACA,CACF,IAGK,IACL,kBAAC,SAAD;EAAO,WAAU;YACf,kBAAC,SAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAQ,CAAA,GAChD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAa,QAAQ;IACpB,CAAA,CACF;;GACJ,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAQ,CAAA,GAChD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAyB,EAAa,UAAU;IAC/C,CAAA,CACF;;GACJ,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAc,CAAA,GACtD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAa,QAAQ;IACpB,CAAA,CACF;;GACH,KACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAW,CAAA,GACnD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAkB,EAAa,MAAM;IACpC,CAAA,CACF;;GAEL,KACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAW,CAAA,GACnD,kBAAC,MAAD;KAAI,WAAU;eAA6B;IAAqB,CAAA,CAC9D;;GAEN,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAqB,CAAA,GAC7D,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAW,QAAQ,EAAa,QAAQ,WAAa,CAAA;MAAC;MAAI;MACzD,EAAW,EAAM,EAAa,QAAQ,UAAU,CAAC;KAChD;MACF;;GACJ,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B;IAAc,CAAA,GACtD,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAW,QAAQ,EAAa,QAAQ,UAAY,CAAA;MAAC;MAAI;MACxD,EAAW,EAAM,EAAa,QAAQ,SAAS,CAAC;KAC/C;MACF;;EACC,EAAA,CAAA;CACF,CAAA,IACL;AACN"}

package/dist/components/entity/page/CreatedByModifiedBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedByModifiedBy.js","names":[],"sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useGetEntity,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n} from '@/utils/functions/EntityTypeUtils'\nimport { BUNDLE_MASK_LAST_UPDATED_ON } from '@/utils/SynapseConstants'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Breadcrumbs,\n  Skeleton,\n  SxProps,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\n\nexport type CreatedByModifiedByProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nfunction Separator() {\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n  if (isSmallScreen) {\n    return null\n  }\n  return (\n    <Typography variant={'breadcrumb1'} sx={{ color: 'grey.700' }}>\n      /\n    </Typography>\n  )\n}\n\nexport function CreatedByModifiedBy(props: CreatedByModifiedByProps) {\n  const { entityId, versionNumber } = props\n  const entityIdWithVersion = `${entityId}${\n    versionNumber ? `.${versionNumber}` : ''\n  }`\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n\n  const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId,\n      query: {\n        sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`,\n      },\n      partMask: BUNDLE_MASK_LAST_UPDATED_ON,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { enabled: !!(entity && isTable(entity)) },\n  )\n\n  const tableLastRebuilt = tableQueryResult?.responseBody?.lastUpdatedOn\n  const friendlyName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : ''\n\n  const datasetCreatedByTooltipText =\n    'This is the user who created this Dataset. ' +\n    'This may not be the same person who generated the files in this Dataset, or who originally uploaded these files to Synapse.'\n\n  const tableModifiedOnTooltipText = (\n    <>\n      <p>\n        This is when the configuration of this {friendlyName} was last changed.\n      </p>\n      <p>Configuration changes may be triggered by (for example):</p>\n      <ul>\n        <li>Editing the name of the {friendlyName}</li>\n        <li>Updating the schema used by the {friendlyName}</li>\n      </ul>\n      <p>\n        This does NOT reflect changes to the data displayed in the the{' '}\n        {friendlyName}.\n      </p>\n    </>\n  )\n  /*\n   If the tooltip text is a string, MUI automatically applies it to aria-label which is more accessible and testable.\n    Since this tooltip text is a ReactNode, let's manually create a short string to use for the aria-label.\n   */\n  const tableModifiedOnAccessibleLabel = `This is when the configuration of this ${friendlyName} was last changed.`\n\n  const tableLastUpdatedTooltipText =\n    `When data changes, the ${friendlyName} is rebuilt to reflect those changes. ` +\n    `This is the last time changes were made to the data.`\n\n  const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`\n  const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`\n  const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`\n\n  const iconSx: SxProps = {\n    width: '16px',\n    height: '16px',\n    ml: '4px',\n    verticalAlign: 'text-bottom',\n  }\n\n  return (\n    <Box\n      sx={theme => ({\n        bgcolor: 'grey.100',\n        py: '10px',\n        [theme.breakpoints.down('sm')]: {\n          p: '24px 40px',\n        },\n      })}\n    >\n      <Breadcrumbs\n        separator={<Separator />}\n        sx={theme => ({\n          '& .MuiBreadcrumbs-ol': {\n            justifyContent: 'center',\n            [theme.breakpoints.down('sm')]: {\n              gap: '4px',\n            },\n          },\n        })}\n      >\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={createdByTooltipId}\n          >\n            {friendlyName} created by <UserBadge userId={entity?.createdBy} />{' '}\n            on {formatDate(dayjs(entity?.createdOn))}\n            {entity && isDataset(entity) && (\n              <Tooltip\n                id={createdByTooltipId}\n                title={datasetCreatedByTooltipText}\n              >\n                <InfoTwoTone sx={iconSx} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={modifiedByTooltipId}\n          >\n            {entity && isTable(entity) ? 'Configuration' : friendlyName} last\n            modified by <UserBadge userId={entity?.modifiedBy} /> on{' '}\n            {formatDate(dayjs(entity?.modifiedOn))}\n            {entity && isTable(entity) && (\n              <Tooltip\n                id={modifiedByTooltipId}\n                title={tableModifiedOnTooltipText}\n                aria-label={tableModifiedOnAccessibleLabel}\n              >\n                <InfoTwoTone sx={iconSx} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        {tableLastRebuilt && (\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={lastUpdatedTooltipId}\n          >\n            {friendlyName} last rebuilt on {formatDate(dayjs(tableLastRebuilt))}\n            <Tooltip\n              title={tableLastUpdatedTooltipText}\n              id={lastUpdatedTooltipId}\n            >\n              <InfoTwoTone sx={iconSx} />\n            </Tooltip>\n          </Typography>\n        )}\n      </Breadcrumbs>\n    </Box>\n  )\n}\n\nexport default CreatedByModifiedBy\n"],"mappings":"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"}
+{"version":3,"file":"CreatedByModifiedBy.js","names":[],"sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useGetEntity,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n} from '@/utils/functions/EntityTypeUtils'\nimport { BUNDLE_MASK_LAST_UPDATED_ON } from '@/utils/SynapseConstants'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Breadcrumbs,\n  Skeleton,\n  SxProps,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\n\nexport type CreatedByModifiedByProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nfunction Separator() {\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n  if (isSmallScreen) {\n    return null\n  }\n  return (\n    <Typography variant={'breadcrumb1'} sx={{ color: 'grey.700' }}>\n      /\n    </Typography>\n  )\n}\n\nexport function CreatedByModifiedBy(props: CreatedByModifiedByProps) {\n  const { entityId, versionNumber } = props\n  const entityIdWithVersion = `${entityId}${\n    versionNumber ? `.${versionNumber}` : ''\n  }`\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n\n  const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId,\n      query: {\n        sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`,\n      },\n      partMask: BUNDLE_MASK_LAST_UPDATED_ON,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { enabled: !!(entity && isTable(entity)) },\n  )\n\n  const tableLastRebuilt = tableQueryResult?.responseBody?.lastUpdatedOn\n  const friendlyName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : ''\n\n  const datasetCreatedByTooltipText =\n    'This is the user who created this Dataset. ' +\n    'This may not be the same person who generated the files in this Dataset, or who originally uploaded these files to Synapse.'\n\n  const tableModifiedOnTooltipText = (\n    <>\n      <p>\n        This is when the configuration of this {friendlyName} was last changed.\n      </p>\n      <p>Configuration changes may be triggered by (for example):</p>\n      <ul>\n        <li>Editing the name of the {friendlyName}</li>\n        <li>Updating the schema used by the {friendlyName}</li>\n      </ul>\n      <p>\n        This does NOT reflect changes to the data displayed in the the{' '}\n        {friendlyName}.\n      </p>\n    </>\n  )\n  /*\n   If the tooltip text is a string, MUI automatically applies it to aria-label which is more accessible and testable.\n    Since this tooltip text is a ReactNode, let's manually create a short string to use for the aria-label.\n   */\n  const tableModifiedOnAccessibleLabel = `This is when the configuration of this ${friendlyName} was last changed.`\n\n  const tableLastUpdatedTooltipText =\n    `When data changes, the ${friendlyName} is rebuilt to reflect those changes. ` +\n    `This is the last time changes were made to the data.`\n\n  const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`\n  const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`\n  const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`\n\n  const iconSx: SxProps = {\n    width: '16px',\n    height: '16px',\n    ml: '4px',\n    verticalAlign: 'text-bottom',\n  }\n\n  return (\n    <Box\n      sx={theme => ({\n        bgcolor: 'grey.100',\n        py: '10px',\n        [theme.breakpoints.down('sm')]: {\n          p: '24px 40px',\n        },\n      })}\n    >\n      <Breadcrumbs\n        separator={<Separator />}\n        sx={theme => ({\n          '& .MuiBreadcrumbs-ol': {\n            justifyContent: 'center',\n            [theme.breakpoints.down('sm')]: {\n              gap: '4px',\n            },\n          },\n        })}\n      >\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={createdByTooltipId}\n          >\n            {friendlyName} created by <UserBadge userId={entity?.createdBy} />{' '}\n            on {formatDate(dayjs(entity?.createdOn))}\n            {entity && isDataset(entity) && (\n              <Tooltip\n                id={createdByTooltipId}\n                title={datasetCreatedByTooltipText}\n              >\n                <InfoTwoTone sx={iconSx} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={modifiedByTooltipId}\n          >\n            {entity && isTable(entity) ? 'Configuration' : friendlyName} last\n            modified by <UserBadge userId={entity?.modifiedBy} /> on{' '}\n            {formatDate(dayjs(entity?.modifiedOn))}\n            {entity && isTable(entity) && (\n              <Tooltip\n                id={modifiedByTooltipId}\n                title={tableModifiedOnTooltipText}\n                aria-label={tableModifiedOnAccessibleLabel}\n              >\n                <InfoTwoTone sx={iconSx} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        {tableLastRebuilt && (\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={lastUpdatedTooltipId}\n          >\n            {friendlyName} last rebuilt on {formatDate(dayjs(tableLastRebuilt))}\n            <Tooltip\n              title={tableLastUpdatedTooltipText}\n              id={lastUpdatedTooltipId}\n            >\n              <InfoTwoTone sx={iconSx} />\n            </Tooltip>\n          </Typography>\n        )}\n      </Breadcrumbs>\n    </Box>\n  )\n}\n\nexport default CreatedByModifiedBy\n"],"mappings":"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"}

package/dist/components/entity/page/action_menu/EntityActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityActionMenu.js","names":[],"sources":["../../../../../src/components/entity/page/action_menu/EntityActionMenu.tsx"],"sourcesContent":["import { SxProps } from '@mui/material'\nimport { ComplexMenu } from '../../../menu/ComplexMenu'\nimport IconSvg, { IconName } from '../../../IconSvg/IconSvg'\nimport { DropdownMenuItem, DropdownMenuProps } from '../../../menu/DropdownMenu'\nimport { IconSvgButtonProps } from '../../../IconSvgButton'\nimport { MouseEvent } from 'react'\n\n// Represents the two types of dropdown menus that will be displayed on the entity page\ntype EntityActionMenuDropdownMenuType = 'DOWNLOAD' | 'PRIMARY'\n\ntype EntityActionMenuDropdownMenuConfiguration = {\n  visible: boolean\n  tooltipText?: string\n  disabled?: boolean\n}\n\nexport type ActionConfiguration = {\n  visible: boolean\n  text: string\n  disabled?: boolean\n  tooltipText?: string\n  onClick?: (e: MouseEvent) => void\n  href?: string\n}\n\nexport type ActionConfigurationMap = Record<string, ActionConfiguration>\n\nexport type MenuConfigurationMap = Record<\n  EntityActionMenuDropdownMenuType,\n  EntityActionMenuDropdownMenuConfiguration\n>\n\nexport type ActionViewProps = {\n  action: string\n  icon?: IconName\n  textSx?: SxProps\n  iconSx?: SxProps\n}\n\nexport type EntityActionMenuLayout = {\n  buttonActions: ActionViewProps[]\n  downloadMenuActions: ActionViewProps[][]\n  primaryMenuActions: ActionViewProps[][]\n  primaryMenuText: string\n  primaryMenuEndIcon: IconName\n  menuButtonSx?: SxProps\n}\n\nexport type EntityActionMenuProps = {\n  /* Maps a unique action string to a dynamic configuration for that particular action */\n  actionConfiguration: ActionConfigurationMap\n  /* Maps each dropdown menu to a dynamic configuration for that particular menu */\n  menuConfiguration: MenuConfigurationMap\n  /* Defines the layout of the actions. Typically depends on just the entity type and area. */\n  layout: EntityActionMenuLayout\n}\n\n/*\n * All visible actions should be specified in the layout, but this is not guaranteed at compile time.\n * Find all visible actions in the action configuration that are not in the layout.\n */\nfunction getUnmappedActions(\n  actionConfiguration: ActionConfigurationMap,\n  layout: EntityActionMenuLayout,\n): ActionConfigurationMap {\n  return Object.fromEntries(\n    Object.entries(actionConfiguration).filter(([action, config]) => {\n      // We don't care about actions that are not configured or should not be visible\n      if (!config || !config.visible) {\n        return false\n      }\n\n      const allLayoutActions: ActionViewProps[] = [\n        ...layout.buttonActions,\n        ...layout.primaryMenuActions.flat(),\n        ...layout.downloadMenuActions.flat(),\n      ]\n      // Action is unmapped if it's visible and the layout doesn't have it\n      return !allLayoutActions.some(\n        layoutAction => layoutAction.action === action,\n      )\n    }),\n  )\n}\n\n/**\n * Given a group of dropdown menu items and an action configuration,\n * return a list of dropdown menu items with non-visible and non-configured actions removed.\n * @param group\n * @param actionConfiguration\n */\nfunction mapAndFilterItemsInMenuGroup(\n  group: ActionViewProps[],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[] {\n  return group.reduce(\n    (itemAcc: DropdownMenuItem[], actionViewProps: ActionViewProps) => {\n      const configForAction = actionConfiguration[actionViewProps.action]\n      // Only show the item if it's configured + visible\n      if (configForAction && configForAction.visible) {\n        itemAcc.push({\n          text: configForAction.text ?? actionViewProps.action,\n          onClick: configForAction.onClick,\n          href: configForAction.href,\n          tooltipText: configForAction.tooltipText,\n          disabled: configForAction.disabled,\n          icon: actionViewProps.icon,\n          textSx: actionViewProps.textSx,\n          iconSx: actionViewProps.iconSx,\n        })\n      }\n      return itemAcc\n    },\n    [],\n  )\n}\n\n/**\n * Given a list of groups of dropdown menu actions, returns a list of dropdown menu item\n * groups where non-visible actions have been removed, and groups with no visible actions\n * have been removed.\n * @param menuActions\n * @param actionConfiguration\n */\nfunction mapAndFilterMenuGroups(\n  menuActions: ActionViewProps[][],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[][] {\n  return menuActions.reduce(\n    (groupAcc: DropdownMenuItem[][], group: ActionViewProps[]) => {\n      const itemGroup = mapAndFilterItemsInMenuGroup(group, actionConfiguration)\n      // Only show the group if it contains visible items\n      if (itemGroup.length > 0) {\n        groupAcc.push(itemGroup)\n      }\n      return groupAcc\n    },\n    [],\n  )\n}\n\n/**\n * The EntityActionMenu renders a menu that displays the actions that can be invoked on an Entity page.\n */\nexport default function EntityActionMenu(props: EntityActionMenuProps) {\n  const { actionConfiguration, menuConfiguration, layout } = props\n\n  /*\n   * All actions should be specified in the layout, but this is not guaranteed at compile time.\n   * Find all visible actions in the action configuration that are not in the layout.\n   */\n  const unmappedActions = getUnmappedActions(actionConfiguration, layout)\n  // Warn if unmapped actions were found and push them on to the layout.\n  if (Object.entries(unmappedActions).length > 0) {\n    console.warn(\n      'Actions are visible but have not been configured in the layout:',\n      Object.entries(unmappedActions).map(entry => entry[0]),\n    )\n    // Modify the layout: put the unmapped actions in their own group at the top of the menu\n    layout.primaryMenuActions.unshift(\n      Object.entries(unmappedActions).map(\n        (entry): ActionViewProps => ({\n          action: entry[0],\n        }),\n      ),\n    )\n  }\n\n  // Map button actions to an IconButtonConfiguration and omit non-visible actions\n  const iconButtonConfigs: IconSvgButtonProps[] = layout.buttonActions.reduce(\n    (acc: IconSvgButtonProps[], buttonViewProps: ActionViewProps) => {\n      const configForAction = actionConfiguration[buttonViewProps.action]\n      if (configForAction && configForAction.visible) {\n        let onClick = configForAction.onClick\n        if (onClick == null && !configForAction.href) {\n          console.warn(`No handler registered for ${buttonViewProps.action}`)\n          onClick = () => {\n            console.warn(`No handler registered for ${buttonViewProps.action}`)\n          }\n        }\n        acc.push({\n          icon: buttonViewProps.icon as IconName,\n          onClick: onClick,\n          tooltipText: configForAction.text,\n          disabled: configForAction.disabled,\n          href: configForAction.href,\n        })\n      }\n      return acc\n    },\n    [],\n  )\n\n  const downloadMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: 'Download Options',\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    buttonTooltip: menuConfiguration.DOWNLOAD.tooltipText,\n    buttonProps: {\n      disabled: menuConfiguration.DOWNLOAD.disabled,\n      endIcon: <IconSvg icon={'download'} wrap={false} />,\n    },\n    items: mapAndFilterMenuGroups(\n      layout.downloadMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  const primaryMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: layout.primaryMenuText,\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    buttonProps: {\n      endIcon: <IconSvg icon={layout.primaryMenuEndIcon} wrap={false} />,\n    },\n    items: mapAndFilterMenuGroups(\n      layout.primaryMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  return (\n    <ComplexMenu\n      iconButtons={iconButtonConfigs}\n      dropdownMenus={[downloadMenuConfig, primaryMenuConfig]}\n    />\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getUnmappedActions,\n  mapAndFilterItemsInMenuGroup,\n  mapAndFilterMenuGroups,\n}\n"],"mappings":";;;;AA6DA,SAAS,EACP,GACA,GACwB;AACxB,QAAO,OAAO,YACZ,OAAO,QAAQ,EAAoB,CAAC,QAAQ,CAAC,GAAQ,OAE/C,CAAC,KAAU,CAAC,EAAO,UACd,KASF,CAAC;EALN,GAAG,EAAO;EACV,GAAG,EAAO,mBAAmB,MAAM;EACnC,GAAG,EAAO,oBAAoB,MAAM;EAG9B,CAAiB,MACvB,MAAgB,EAAa,WAAW,EACzC,CACD,CACH;;AASH,SAAS,EACP,GACA,GACoB;AACpB,QAAO,EAAM,QACV,GAA6B,MAAqC;EACjE,IAAM,IAAkB,EAAoB,EAAgB;AAc5D,SAZI,KAAmB,EAAgB,WACrC,EAAQ,KAAK;GACX,MAAM,EAAgB,QAAQ,EAAgB;GAC9C,SAAS,EAAgB;GACzB,MAAM,EAAgB;GACtB,aAAa,EAAgB;GAC7B,UAAU,EAAgB;GAC1B,MAAM,EAAgB;GACtB,QAAQ,EAAgB;GACxB,QAAQ,EAAgB;GACzB,CAAC,EAEG;IAET,EAAE,CACH;;AAUH,SAAS,EACP,GACA,GACsB;AACtB,QAAO,EAAY,QAChB,GAAgC,MAA6B;EAC5D,IAAM,IAAY,EAA6B,GAAO,EAAoB;AAK1E,SAHI,EAAU,SAAS,KACrB,EAAS,KAAK,EAAU,EAEnB;IAET,EAAE,CACH;;AAMH,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,wBAAqB,sBAAmB,cAAW,GAMrD,IAAkB,EAAmB,GAAqB,EAAO;AAsEvE,QApEI,OAAO,QAAQ,EAAgB,CAAC,SAAS,MAC3C,QAAQ,KACN,mEACA,OAAO,QAAQ,EAAgB,CAAC,KAAI,MAAS,EAAM,GAAG,CACvD,EAED,EAAO,mBAAmB,QACxB,OAAO,QAAQ,EAAgB,CAAC,KAC7B,OAA4B,EAC3B,QAAQ,EAAM,IACf,EACF,CACF,GAyDD,kBAAC,GAAD;EACE,aAtD4C,EAAO,cAAc,QAClE,GAA2B,MAAqC;GAC/D,IAAM,IAAkB,EAAoB,EAAgB;AAC5D,OAAI,KAAmB,EAAgB,SAAS;IAC9C,IAAI,IAAU,EAAgB;AAO9B,IANI,KAAW,QAAQ,CAAC,EAAgB,SACtC,QAAQ,KAAK,6BAA6B,EAAgB,SAAS,EACnE,UAAgB;AACd,aAAQ,KAAK,6BAA6B,EAAgB,SAAS;QAGvE,EAAI,KAAK;KACP,MAAM,EAAgB;KACb;KACT,aAAa,EAAgB;KAC7B,UAAU,EAAgB;KAC1B,MAAM,EAAgB;KACvB,CAAC;;AAEJ,UAAO;KAET,EAAE,CAiCa;EACb,eAAe,CAAC;GA9BlB,oBAAoB;GACpB,2BAA2B;GAC3B,qBAAqB;GACrB,eAAe,EAAkB,SAAS;GAC1C,aAAa;IACX,UAAU,EAAkB,SAAS;IACrC,SAAS,kBAAC,GAAD;KAAS,MAAM;KAAY,MAAM;KAAS,CAAA;IACpD;GACD,OAAO,EACL,EAAO,qBACP,EACD;GAmBiB,EAAoB;GAftC,oBAAoB,EAAO;GAC3B,2BAA2B;GAC3B,qBAAqB;GACrB,aAAa,EACX,SAAS,kBAAC,GAAD;IAAS,MAAM,EAAO;IAAoB,MAAM;IAAS,CAAA,EACnE;GACD,OAAO,EACL,EAAO,oBACP,EACD;GAMqC,CAAkB;EACtD,CAAA;;AAIN,IAAa,IAA4B;CACvC;CACA;CACA;CACD"}
+{"version":3,"file":"EntityActionMenu.js","names":[],"sources":["../../../../../src/components/entity/page/action_menu/EntityActionMenu.tsx"],"sourcesContent":["import { SxProps } from '@mui/material'\nimport { ComplexMenu } from '../../../menu/ComplexMenu'\nimport IconSvg, { IconName } from '../../../IconSvg/IconSvg'\nimport { DropdownMenuItem, DropdownMenuProps } from '../../../menu/DropdownMenu'\nimport { IconSvgButtonProps } from '../../../IconSvgButton'\nimport { MouseEvent } from 'react'\n\n// Represents the two types of dropdown menus that will be displayed on the entity page\ntype EntityActionMenuDropdownMenuType = 'DOWNLOAD' | 'PRIMARY'\n\ntype EntityActionMenuDropdownMenuConfiguration = {\n  visible: boolean\n  tooltipText?: string\n  disabled?: boolean\n}\n\nexport type ActionConfiguration = {\n  visible: boolean\n  text: string\n  disabled?: boolean\n  tooltipText?: string\n  onClick?: (e: MouseEvent) => void\n  href?: string\n}\n\nexport type ActionConfigurationMap = Record<string, ActionConfiguration>\n\nexport type MenuConfigurationMap = Record<\n  EntityActionMenuDropdownMenuType,\n  EntityActionMenuDropdownMenuConfiguration\n>\n\nexport type ActionViewProps = {\n  action: string\n  icon?: IconName\n  textSx?: SxProps\n  iconSx?: SxProps\n}\n\nexport type EntityActionMenuLayout = {\n  buttonActions: ActionViewProps[]\n  downloadMenuActions: ActionViewProps[][]\n  primaryMenuActions: ActionViewProps[][]\n  primaryMenuText: string\n  primaryMenuEndIcon: IconName\n  menuButtonSx?: SxProps\n}\n\nexport type EntityActionMenuProps = {\n  /* Maps a unique action string to a dynamic configuration for that particular action */\n  actionConfiguration: ActionConfigurationMap\n  /* Maps each dropdown menu to a dynamic configuration for that particular menu */\n  menuConfiguration: MenuConfigurationMap\n  /* Defines the layout of the actions. Typically depends on just the entity type and area. */\n  layout: EntityActionMenuLayout\n}\n\n/*\n * All visible actions should be specified in the layout, but this is not guaranteed at compile time.\n * Find all visible actions in the action configuration that are not in the layout.\n */\nfunction getUnmappedActions(\n  actionConfiguration: ActionConfigurationMap,\n  layout: EntityActionMenuLayout,\n): ActionConfigurationMap {\n  return Object.fromEntries(\n    Object.entries(actionConfiguration).filter(([action, config]) => {\n      // We don't care about actions that are not configured or should not be visible\n      if (!config || !config.visible) {\n        return false\n      }\n\n      const allLayoutActions: ActionViewProps[] = [\n        ...layout.buttonActions,\n        ...layout.primaryMenuActions.flat(),\n        ...layout.downloadMenuActions.flat(),\n      ]\n      // Action is unmapped if it's visible and the layout doesn't have it\n      return !allLayoutActions.some(\n        layoutAction => layoutAction.action === action,\n      )\n    }),\n  )\n}\n\n/**\n * Given a group of dropdown menu items and an action configuration,\n * return a list of dropdown menu items with non-visible and non-configured actions removed.\n * @param group\n * @param actionConfiguration\n */\nfunction mapAndFilterItemsInMenuGroup(\n  group: ActionViewProps[],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[] {\n  return group.reduce(\n    (itemAcc: DropdownMenuItem[], actionViewProps: ActionViewProps) => {\n      const configForAction = actionConfiguration[actionViewProps.action]\n      // Only show the item if it's configured + visible\n      if (configForAction && configForAction.visible) {\n        itemAcc.push({\n          text: configForAction.text ?? actionViewProps.action,\n          onClick: configForAction.onClick,\n          href: configForAction.href,\n          tooltipText: configForAction.tooltipText,\n          disabled: configForAction.disabled,\n          icon: actionViewProps.icon,\n          textSx: actionViewProps.textSx,\n          iconSx: actionViewProps.iconSx,\n        })\n      }\n      return itemAcc\n    },\n    [],\n  )\n}\n\n/**\n * Given a list of groups of dropdown menu actions, returns a list of dropdown menu item\n * groups where non-visible actions have been removed, and groups with no visible actions\n * have been removed.\n * @param menuActions\n * @param actionConfiguration\n */\nfunction mapAndFilterMenuGroups(\n  menuActions: ActionViewProps[][],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[][] {\n  return menuActions.reduce(\n    (groupAcc: DropdownMenuItem[][], group: ActionViewProps[]) => {\n      const itemGroup = mapAndFilterItemsInMenuGroup(group, actionConfiguration)\n      // Only show the group if it contains visible items\n      if (itemGroup.length > 0) {\n        groupAcc.push(itemGroup)\n      }\n      return groupAcc\n    },\n    [],\n  )\n}\n\n/**\n * The EntityActionMenu renders a menu that displays the actions that can be invoked on an Entity page.\n */\nexport default function EntityActionMenu(props: EntityActionMenuProps) {\n  const { actionConfiguration, menuConfiguration, layout } = props\n\n  /*\n   * All actions should be specified in the layout, but this is not guaranteed at compile time.\n   * Find all visible actions in the action configuration that are not in the layout.\n   */\n  const unmappedActions = getUnmappedActions(actionConfiguration, layout)\n  // Warn if unmapped actions were found and push them on to the layout.\n  if (Object.entries(unmappedActions).length > 0) {\n    console.warn(\n      'Actions are visible but have not been configured in the layout:',\n      Object.entries(unmappedActions).map(entry => entry[0]),\n    )\n    // Modify the layout: put the unmapped actions in their own group at the top of the menu\n    layout.primaryMenuActions.unshift(\n      Object.entries(unmappedActions).map(\n        (entry): ActionViewProps => ({\n          action: entry[0],\n        }),\n      ),\n    )\n  }\n\n  // Map button actions to an IconButtonConfiguration and omit non-visible actions\n  const iconButtonConfigs: IconSvgButtonProps[] = layout.buttonActions.reduce(\n    (acc: IconSvgButtonProps[], buttonViewProps: ActionViewProps) => {\n      const configForAction = actionConfiguration[buttonViewProps.action]\n      if (configForAction && configForAction.visible) {\n        let onClick = configForAction.onClick\n        if (onClick == null && !configForAction.href) {\n          console.warn(`No handler registered for ${buttonViewProps.action}`)\n          onClick = () => {\n            console.warn(`No handler registered for ${buttonViewProps.action}`)\n          }\n        }\n        acc.push({\n          icon: buttonViewProps.icon as IconName,\n          onClick: onClick,\n          tooltipText: configForAction.text,\n          disabled: configForAction.disabled,\n          href: configForAction.href,\n        })\n      }\n      return acc\n    },\n    [],\n  )\n\n  const downloadMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: 'Download Options',\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    buttonTooltip: menuConfiguration.DOWNLOAD.tooltipText,\n    buttonProps: {\n      disabled: menuConfiguration.DOWNLOAD.disabled,\n      endIcon: <IconSvg icon={'download'} wrap={false} />,\n    },\n    items: mapAndFilterMenuGroups(\n      layout.downloadMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  const primaryMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: layout.primaryMenuText,\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    buttonProps: {\n      endIcon: <IconSvg icon={layout.primaryMenuEndIcon} wrap={false} />,\n    },\n    items: mapAndFilterMenuGroups(\n      layout.primaryMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  return (\n    <ComplexMenu\n      iconButtons={iconButtonConfigs}\n      dropdownMenus={[downloadMenuConfig, primaryMenuConfig]}\n    />\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getUnmappedActions,\n  mapAndFilterItemsInMenuGroup,\n  mapAndFilterMenuGroups,\n}\n"],"mappings":";;;;AA6DA,SAAS,EACP,GACA,GACwB;CACxB,OAAO,OAAO,YACZ,OAAO,QAAQ,CAAmB,EAAE,QAAQ,CAAC,GAAQ,OAE/C,CAAC,KAAU,CAAC,EAAO,UACd,KASF,CAAC;EALN,GAAG,EAAO;EACV,GAAG,EAAO,mBAAmB,KAAK;EAClC,GAAG,EAAO,oBAAoB,KAAK;CAG7B,EAAiB,MACvB,MAAgB,EAAa,WAAW,CAC1C,CACD,CACH;AACF;AAQA,SAAS,EACP,GACA,GACoB;CACpB,OAAO,EAAM,QACV,GAA6B,MAAqC;EACjE,IAAM,IAAkB,EAAoB,EAAgB;EAc5D,OAZI,KAAmB,EAAgB,WACrC,EAAQ,KAAK;GACX,MAAM,EAAgB,QAAQ,EAAgB;GAC9C,SAAS,EAAgB;GACzB,MAAM,EAAgB;GACtB,aAAa,EAAgB;GAC7B,UAAU,EAAgB;GAC1B,MAAM,EAAgB;GACtB,QAAQ,EAAgB;GACxB,QAAQ,EAAgB;EAC1B,CAAC,GAEI;CACT,GACA,CAAC,CACH;AACF;AASA,SAAS,EACP,GACA,GACsB;CACtB,OAAO,EAAY,QAChB,GAAgC,MAA6B;EAC5D,IAAM,IAAY,EAA6B,GAAO,CAAmB;EAKzE,OAHI,EAAU,SAAS,KACrB,EAAS,KAAK,CAAS,GAElB;CACT,GACA,CAAC,CACH;AACF;AAKA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,wBAAqB,sBAAmB,cAAW,GAMrD,IAAkB,EAAmB,GAAqB,CAAM;CAsEtE,OApEI,OAAO,QAAQ,CAAe,EAAE,SAAS,MAC3C,QAAQ,KACN,mEACA,OAAO,QAAQ,CAAe,EAAE,KAAI,MAAS,EAAM,EAAE,CACvD,GAEA,EAAO,mBAAmB,QACxB,OAAO,QAAQ,CAAe,EAAE,KAC7B,OAA4B,EAC3B,QAAQ,EAAM,GAChB,EACF,CACF,IAyDA,kBAAC,GAAD;EACE,aAtD4C,EAAO,cAAc,QAClE,GAA2B,MAAqC;GAC/D,IAAM,IAAkB,EAAoB,EAAgB;GAC5D,IAAI,KAAmB,EAAgB,SAAS;IAC9C,IAAI,IAAU,EAAgB;IAO9B,AANI,KAAW,QAAQ,CAAC,EAAgB,SACtC,QAAQ,KAAK,6BAA6B,EAAgB,QAAQ,GAClE,UAAgB;KACd,QAAQ,KAAK,6BAA6B,EAAgB,QAAQ;IACpE,IAEF,EAAI,KAAK;KACP,MAAM,EAAgB;KACb;KACT,aAAa,EAAgB;KAC7B,UAAU,EAAgB;KAC1B,MAAM,EAAgB;IACxB,CAAC;GACH;GACA,OAAO;EACT,GACA,CAAC,CAiCc;EACb,eAAe,CAAC;GA9BlB,oBAAoB;GACpB,2BAA2B;GAC3B,qBAAqB;GACrB,eAAe,EAAkB,SAAS;GAC1C,aAAa;IACX,UAAU,EAAkB,SAAS;IACrC,SAAS,kBAAC,GAAD;KAAS,MAAM;KAAY,MAAM;IAAQ,CAAA;GACpD;GACA,OAAO,EACL,EAAO,qBACP,CACF;EAmBkB,GAAoB;GAftC,oBAAoB,EAAO;GAC3B,2BAA2B;GAC3B,qBAAqB;GACrB,aAAa,EACX,SAAS,kBAAC,GAAD;IAAS,MAAM,EAAO;IAAoB,MAAM;GAAQ,CAAA,EACnE;GACA,OAAO,EACL,EAAO,oBACP,CACF;EAMsC,CAAiB;CACtD,CAAA;AAEL;AAEA,IAAa,IAA4B;CACvC;CACA;CACA;AACF"}

package/dist/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageBreadcrumbs.js","names":[],"sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"sourcesContent":["import { Breadcrumbs } from '@/components/Breadcrumbs/Breadcrumbs'\nimport { SxProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\n\ntype BreadcrumbItem = {\n  /* The text to show in the breadcrumb item. Strings > 25 characters will be truncated */\n  text: string\n  /* Whether this item represents the current page. If true, this item will not have a link. Default false */\n  current?: boolean\n  /* Link for the item, if using react-router */\n  to?: string\n  /* Link for the item, if it should be a normal anchor */\n  href?: string\n  /* Event handler fired when the link is clicked */\n  onClick?: MouseEventHandler\n}\n\ntype EntityPageBreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  sx?: SxProps\n}\n\nconst ENTITY_PAGE_MAX_BREADCRUMB_LENGTH = 32\n\nconst entityPageBreadcrumbStyle: SxProps = {\n  marginTop: '0px',\n  padding: '10px 40px',\n  backgroundColor: 'grey.200',\n  ['& .MuiLink-root']: {\n    color: 'text.secondary',\n    letterSpacing: 0,\n    '&:visited': {\n      color: 'text.secondary',\n    },\n  },\n  '& .MuiSvgIcon-root': {\n    color: 'grey.500',\n  },\n}\n\nexport default function EntityPageBreadcrumbs(\n  props: EntityPageBreadcrumbsProps,\n) {\n  const { items } = props\n  return (\n    <Breadcrumbs\n      items={items}\n      sx={entityPageBreadcrumbStyle}\n      maxBreadcrumbLength={ENTITY_PAGE_MAX_BREADCRUMB_LENGTH}\n    />\n  )\n}\n"],"mappings":";;;AAsBA,IAAM,IAAoC,IAEpC,IAAqC;CACzC,WAAW;CACX,SAAS;CACT,iBAAiB;CAChB,mBAAoB;EACnB,OAAO;EACP,eAAe;EACf,aAAa,EACX,OAAO,kBACR;EACF;CACD,sBAAsB,EACpB,OAAO,YACR;CACF;AAED,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU;AAClB,QACE,kBAAC,GAAD;EACS;EACP,IAAI;EACJ,qBAAqB;EACrB,CAAA"}
+{"version":3,"file":"EntityPageBreadcrumbs.js","names":[],"sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"sourcesContent":["import { Breadcrumbs } from '@/components/Breadcrumbs/Breadcrumbs'\nimport { SxProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\n\ntype BreadcrumbItem = {\n  /* The text to show in the breadcrumb item. Strings > 25 characters will be truncated */\n  text: string\n  /* Whether this item represents the current page. If true, this item will not have a link. Default false */\n  current?: boolean\n  /* Link for the item, if using react-router */\n  to?: string\n  /* Link for the item, if it should be a normal anchor */\n  href?: string\n  /* Event handler fired when the link is clicked */\n  onClick?: MouseEventHandler\n}\n\ntype EntityPageBreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  sx?: SxProps\n}\n\nconst ENTITY_PAGE_MAX_BREADCRUMB_LENGTH = 32\n\nconst entityPageBreadcrumbStyle: SxProps = {\n  marginTop: '0px',\n  padding: '10px 40px',\n  backgroundColor: 'grey.200',\n  ['& .MuiLink-root']: {\n    color: 'text.secondary',\n    letterSpacing: 0,\n    '&:visited': {\n      color: 'text.secondary',\n    },\n  },\n  '& .MuiSvgIcon-root': {\n    color: 'grey.500',\n  },\n}\n\nexport default function EntityPageBreadcrumbs(\n  props: EntityPageBreadcrumbsProps,\n) {\n  const { items } = props\n  return (\n    <Breadcrumbs\n      items={items}\n      sx={entityPageBreadcrumbStyle}\n      maxBreadcrumbLength={ENTITY_PAGE_MAX_BREADCRUMB_LENGTH}\n    />\n  )\n}\n"],"mappings":";;;AAsBA,IAAM,IAAoC,IAEpC,IAAqC;CACzC,WAAW;CACX,SAAS;CACT,iBAAiB;CAChB,mBAAoB;EACnB,OAAO;EACP,eAAe;EACf,aAAa,EACX,OAAO,iBACT;CACF;CACA,sBAAsB,EACpB,OAAO,WACT;AACF;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU;CAClB,OACE,kBAAC,GAAD;EACS;EACP,IAAI;EACJ,qBAAqB;CACtB,CAAA;AAEL"}

package/dist/components/entity/page/title_bar/CitationsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationsDialog.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/CitationsDialog.tsx"],"sourcesContent":["import { List, ListItem, Link, Typography, Button } from '@mui/material'\nimport { CitingWork } from './useDataCiteUsage'\nimport { sanitize } from '@/utils/functions/SanitizeHtmlUtils'\nimport { DialogBase } from '@/components/DialogBase'\n\ntype Props = {\n  open: boolean\n  onClose: () => void\n  citations: CitingWork[]\n  title?: string\n}\n\nexport const CitationsDialog: React.FC<Props> = ({\n  open,\n  onClose,\n  citations,\n  title = 'Cited by',\n}) => {\n  return (\n    <DialogBase\n      title={title}\n      onCancel={() => {\n        onClose()\n      }}\n      open={open}\n      content={\n        <List>\n          {citations.map(w => {\n            const title = w.title ?? w.doi\n            return (\n              <ListItem key={w.id} alignItems=\"flex-start\">\n                <Typography>\n                  <Link\n                    href={`https://doi.org/${w.doi}`}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <span\n                      dangerouslySetInnerHTML={{ __html: sanitize(title) }}\n                    />\n                  </Link>\n                  <br />\n                  {w.containerTitle ? `${w.containerTitle} · ` : ''}\n                  {w.publisher ? `${w.publisher} · ` : ''}\n                  {w.publicationYear ?? ''}\n                </Typography>\n              </ListItem>\n            )\n          })}\n        </List>\n      }\n      actions={\n        <>\n          <Button variant={'outlined'} onClick={() => onClose()}>\n            Close\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,KAAoC,EAC/C,SACA,YACA,cACA,WAAQ,iBAGN,kBAAC,GAAD;CACS;CACP,gBAAgB;AACd,KAAS;;CAEL;CACN,SACE,kBAAC,GAAD,EAAA,UACG,EAAU,KAAI,MAAK;EAClB,IAAM,IAAQ,EAAE,SAAS,EAAE;AAC3B,SACE,kBAAC,GAAD;GAAqB,YAAW;aAC9B,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,MAAM,mBAAmB,EAAE;KAC3B,QAAO;KACP,KAAI;eAEJ,kBAAC,QAAD,EACE,yBAAyB,EAAE,QAAQ,EAAS,EAAM,EAAE,EACpD,CAAA;KACG,CAAA;IACP,kBAAC,MAAD,EAAM,CAAA;IACL,EAAE,iBAAiB,GAAG,EAAE,eAAe,OAAO;IAC9C,EAAE,YAAY,GAAG,EAAE,UAAU,OAAO;IACpC,EAAE,mBAAmB;IACX,EAAA,CAAA;GACJ,EAhBI,EAAE,GAgBN;GAEb,EACG,CAAA;CAET,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EAAQ,SAAS;EAAY,eAAe,GAAS;YAAE;EAE9C,CAAA,EACR,CAAA;CAEL,CAAA"}
+{"version":3,"file":"CitationsDialog.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/CitationsDialog.tsx"],"sourcesContent":["import { List, ListItem, Link, Typography, Button } from '@mui/material'\nimport { CitingWork } from './useDataCiteUsage'\nimport { sanitize } from '@/utils/functions/SanitizeHtmlUtils'\nimport { DialogBase } from '@/components/DialogBase'\n\ntype Props = {\n  open: boolean\n  onClose: () => void\n  citations: CitingWork[]\n  title?: string\n}\n\nexport const CitationsDialog: React.FC<Props> = ({\n  open,\n  onClose,\n  citations,\n  title = 'Cited by',\n}) => {\n  return (\n    <DialogBase\n      title={title}\n      onCancel={() => {\n        onClose()\n      }}\n      open={open}\n      content={\n        <List>\n          {citations.map(w => {\n            const title = w.title ?? w.doi\n            return (\n              <ListItem key={w.id} alignItems=\"flex-start\">\n                <Typography>\n                  <Link\n                    href={`https://doi.org/${w.doi}`}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <span\n                      dangerouslySetInnerHTML={{ __html: sanitize(title) }}\n                    />\n                  </Link>\n                  <br />\n                  {w.containerTitle ? `${w.containerTitle} · ` : ''}\n                  {w.publisher ? `${w.publisher} · ` : ''}\n                  {w.publicationYear ?? ''}\n                </Typography>\n              </ListItem>\n            )\n          })}\n        </List>\n      }\n      actions={\n        <>\n          <Button variant={'outlined'} onClick={() => onClose()}>\n            Close\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,KAAoC,EAC/C,SACA,YACA,cACA,WAAQ,iBAGN,kBAAC,GAAD;CACS;CACP,gBAAgB;EACd,EAAQ;CACV;CACM;CACN,SACE,kBAAC,GAAD,EAAA,UACG,EAAU,KAAI,MAAK;EAClB,IAAM,IAAQ,EAAE,SAAS,EAAE;EAC3B,OACE,kBAAC,GAAD;GAAqB,YAAW;aAC9B,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,MAAM,mBAAmB,EAAE;KAC3B,QAAO;KACP,KAAI;eAEJ,kBAAC,QAAD,EACE,yBAAyB,EAAE,QAAQ,EAAS,CAAK,EAAE,EACpD,CAAA;IACG,CAAA;IACN,kBAAC,MAAD,CAAK,CAAA;IACJ,EAAE,iBAAiB,GAAG,EAAE,eAAe,OAAO;IAC9C,EAAE,YAAY,GAAG,EAAE,UAAU,OAAO;IACpC,EAAE,mBAAmB;GACZ,EAAA,CAAA;EACJ,GAhBK,EAAE,EAgBP;CAEd,CAAC,EACG,CAAA;CAER,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EAAQ,SAAS;EAAY,eAAe,EAAQ;YAAG;CAE/C,CAAA,EACR,CAAA;AAEL,CAAA"}

package/dist/components/entity/page/title_bar/EntityPageTitleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageTitleBar.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { isDockerRepository } from '@/utils/types/IsType'\nimport { Avatar, Box, Skeleton, Stack, Typography } from '@mui/material'\nimport FavoriteButton from '../../../favorites/FavoriteButton'\nimport IconSvg, { type2SvgIconName } from '../../../IconSvg/IconSvg'\nimport EntityActionMenu, {\n  EntityActionMenuProps,\n} from '../action_menu/EntityActionMenu'\nimport { EntityTitleBarVersionInfo } from './EntityTitleBarVersionInfo'\nimport TitleBarProperties from './TitleBarProperties'\n\nexport type EntityPageTitleBarProps = {\n  entityId: string\n  versionNumber?: number\n  /* Props that will be passed through to an EntityActionMenu component */\n  entityActionMenuProps?: EntityActionMenuProps\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\n/**\n * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and\n * provides controls to view and manipulate the Entity.\n */\nexport default function EntityPageTitleBar(props: EntityPageTitleBarProps) {\n  const { entityId, versionNumber, entityActionMenuProps } = props\n\n  const toggleShowVersionHistory =\n    entityActionMenuProps?.actionConfiguration['SHOW_VERSION_HISTORY']?.onClick\n\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n\n  const name =\n    bundle?.entity && isDockerRepository(bundle.entity)\n      ? bundle.entity.repositoryName\n      : bundle?.entity?.name\n\n  return (\n    <div>\n      <Box\n        sx={{\n          padding: '20px 40px',\n          backgroundColor: 'grey.100',\n        }}\n      >\n        <Stack\n          sx={{\n            flexDirection: { xs: 'column', sm: 'row' },\n          }}\n        >\n          <Stack\n            direction={'row'}\n            sx={{\n              alignItems: 'center',\n              flexGrow: 1,\n            }}\n          >\n            <ConditionalWrapper\n              condition={isLoading}\n              wrapper={Skeleton}\n              wrapperProps={{\n                variant: 'circular',\n              }}\n            >\n              <Avatar sx={{ bgcolor: 'grey.300', height: 48, width: 48 }}>\n                {bundle?.entityType && (\n                  <IconSvg\n                    icon={\n                      bundle?.entityType\n                        ? type2SvgIconName[bundle.entityType]\n                        : 'file'\n                    }\n                    wrap={false}\n                    sx={{ color: 'grey.700' }}\n                  />\n                )}\n              </Avatar>\n            </ConditionalWrapper>\n            <Box sx={{ marginLeft: '10px', flexGrow: 1 }}>\n              <Stack\n                direction={'row'}\n                sx={{\n                  alignItems: 'center',\n                  gap: '3px',\n                }}\n              >\n                <ConditionalWrapper condition={isLoading} wrapper={Skeleton}>\n                  <Typography variant={'headline2'}>\n                    {name ?? 'Name not set'}\n                  </Typography>\n                </ConditionalWrapper>\n                {bundle?.entity?.id && (\n                  <FavoriteButton entityId={bundle.entity.id} />\n                )}\n              </Stack>\n              <EntityTitleBarVersionInfo\n                entityId={entityId}\n                versionNumber={versionNumber}\n                toggleShowVersionHistory={toggleShowVersionHistory}\n              />\n            </Box>\n          </Stack>\n          {entityActionMenuProps && (\n            <EntityActionMenu {...entityActionMenuProps} />\n          )}\n        </Stack>\n      </Box>\n      <TitleBarProperties {...props} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,6BAA0B,GAErD,IACJ,GAAuB,oBAAoB,sBAAyB,SAEhE,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,EACD,EAEK,IACJ,GAAQ,UAAU,EAAmB,EAAO,OAAO,GAC/C,EAAO,OAAO,iBACd,GAAQ,QAAQ;AAEtB,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,iBAAiB;GAClB;YAED,kBAAC,GAAD;GACE,IAAI,EACF,eAAe;IAAE,IAAI;IAAU,IAAI;IAAO,EAC3C;aAHH,CAKE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,YAAY;KACZ,UAAU;KACX;cALH,CAOE,kBAAC,GAAD;KACE,WAAW;KACX,SAAS;KACT,cAAc,EACZ,SAAS,YACV;eAED,kBAAC,GAAD;MAAQ,IAAI;OAAE,SAAS;OAAY,QAAQ;OAAI,OAAO;OAAI;gBACvD,GAAQ,cACP,kBAAC,GAAD;OACE,MACE,GAAQ,aACJ,EAAiB,EAAO,cACxB;OAEN,MAAM;OACN,IAAI,EAAE,OAAO,YAAY;OACzB,CAAA;MAEG,CAAA;KACU,CAAA,EACrB,kBAAC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAQ,UAAU;MAAG;eAA5C,CACE,kBAAC,GAAD;MACE,WAAW;MACX,IAAI;OACF,YAAY;OACZ,KAAK;OACN;gBALH,CAOE,kBAAC,GAAD;OAAoB,WAAW;OAAW,SAAS;iBACjD,kBAAC,GAAD;QAAY,SAAS;kBAClB,KAAQ;QACE,CAAA;OACM,CAAA,EACpB,GAAQ,QAAQ,MACf,kBAAC,GAAD,EAAgB,UAAU,EAAO,OAAO,IAAM,CAAA,CAE1C;SACR,kBAAC,GAAD;MACY;MACK;MACW;MAC1B,CAAA,CACE;OACA;OACP,KACC,kBAAC,GAAD,EAAkB,GAAI,GAAyB,CAAA,CAE3C;;EACJ,CAAA,EACN,kBAAC,GAAD,EAAoB,GAAI,GAAS,CAAA,CAC7B,EAAA,CAAA"}
+{"version":3,"file":"EntityPageTitleBar.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { isDockerRepository } from '@/utils/types/IsType'\nimport { Avatar, Box, Skeleton, Stack, Typography } from '@mui/material'\nimport FavoriteButton from '../../../favorites/FavoriteButton'\nimport IconSvg, { type2SvgIconName } from '../../../IconSvg/IconSvg'\nimport EntityActionMenu, {\n  EntityActionMenuProps,\n} from '../action_menu/EntityActionMenu'\nimport { EntityTitleBarVersionInfo } from './EntityTitleBarVersionInfo'\nimport TitleBarProperties from './TitleBarProperties'\n\nexport type EntityPageTitleBarProps = {\n  entityId: string\n  versionNumber?: number\n  /* Props that will be passed through to an EntityActionMenu component */\n  entityActionMenuProps?: EntityActionMenuProps\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\n/**\n * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and\n * provides controls to view and manipulate the Entity.\n */\nexport default function EntityPageTitleBar(props: EntityPageTitleBarProps) {\n  const { entityId, versionNumber, entityActionMenuProps } = props\n\n  const toggleShowVersionHistory =\n    entityActionMenuProps?.actionConfiguration['SHOW_VERSION_HISTORY']?.onClick\n\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n\n  const name =\n    bundle?.entity && isDockerRepository(bundle.entity)\n      ? bundle.entity.repositoryName\n      : bundle?.entity?.name\n\n  return (\n    <div>\n      <Box\n        sx={{\n          padding: '20px 40px',\n          backgroundColor: 'grey.100',\n        }}\n      >\n        <Stack\n          sx={{\n            flexDirection: { xs: 'column', sm: 'row' },\n          }}\n        >\n          <Stack\n            direction={'row'}\n            sx={{\n              alignItems: 'center',\n              flexGrow: 1,\n            }}\n          >\n            <ConditionalWrapper\n              condition={isLoading}\n              wrapper={Skeleton}\n              wrapperProps={{\n                variant: 'circular',\n              }}\n            >\n              <Avatar sx={{ bgcolor: 'grey.300', height: 48, width: 48 }}>\n                {bundle?.entityType && (\n                  <IconSvg\n                    icon={\n                      bundle?.entityType\n                        ? type2SvgIconName[bundle.entityType]\n                        : 'file'\n                    }\n                    wrap={false}\n                    sx={{ color: 'grey.700' }}\n                  />\n                )}\n              </Avatar>\n            </ConditionalWrapper>\n            <Box sx={{ marginLeft: '10px', flexGrow: 1 }}>\n              <Stack\n                direction={'row'}\n                sx={{\n                  alignItems: 'center',\n                  gap: '3px',\n                }}\n              >\n                <ConditionalWrapper condition={isLoading} wrapper={Skeleton}>\n                  <Typography variant={'headline2'}>\n                    {name ?? 'Name not set'}\n                  </Typography>\n                </ConditionalWrapper>\n                {bundle?.entity?.id && (\n                  <FavoriteButton entityId={bundle.entity.id} />\n                )}\n              </Stack>\n              <EntityTitleBarVersionInfo\n                entityId={entityId}\n                versionNumber={versionNumber}\n                toggleShowVersionHistory={toggleShowVersionHistory}\n              />\n            </Box>\n          </Stack>\n          {entityActionMenuProps && (\n            <EntityActionMenu {...entityActionMenuProps} />\n          )}\n        </Stack>\n      </Box>\n      <TitleBarProperties {...props} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,6BAA0B,GAErD,IACJ,GAAuB,oBAAoB,sBAAyB,SAEhE,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,CACF,GAEM,IACJ,GAAQ,UAAU,EAAmB,EAAO,MAAM,IAC9C,EAAO,OAAO,iBACd,GAAQ,QAAQ;CAEtB,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,iBAAiB;EACnB;YAEA,kBAAC,GAAD;GACE,IAAI,EACF,eAAe;IAAE,IAAI;IAAU,IAAI;GAAM,EAC3C;aAHF,CAKE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,YAAY;KACZ,UAAU;IACZ;cALF,CAOE,kBAAC,GAAD;KACE,WAAW;KACX,SAAS;KACT,cAAc,EACZ,SAAS,WACX;eAEA,kBAAC,GAAD;MAAQ,IAAI;OAAE,SAAS;OAAY,QAAQ;OAAI,OAAO;MAAG;gBACtD,GAAQ,cACP,kBAAC,GAAD;OACE,MACE,GAAQ,aACJ,EAAiB,EAAO,cACxB;OAEN,MAAM;OACN,IAAI,EAAE,OAAO,WAAW;MACzB,CAAA;KAEG,CAAA;IACU,CAAA,GACpB,kBAAC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAQ,UAAU;KAAE;eAA3C,CACE,kBAAC,GAAD;MACE,WAAW;MACX,IAAI;OACF,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,GAAD;OAAoB,WAAW;OAAW,SAAS;iBACjD,kBAAC,GAAD;QAAY,SAAS;kBAClB,KAAQ;OACC,CAAA;MACM,CAAA,GACnB,GAAQ,QAAQ,MACf,kBAAC,GAAD,EAAgB,UAAU,EAAO,OAAO,GAAK,CAAA,CAE1C;SACP,kBAAC,GAAD;MACY;MACK;MACW;KAC3B,CAAA,CACE;MACA;OACN,KACC,kBAAC,GAAD,EAAkB,GAAI,EAAwB,CAAA,CAE3C;;CACJ,CAAA,GACL,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA,CAC7B,EAAA,CAAA;AAET"}

package/dist/components/entity/page/title_bar/EntityTitleBarVersionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTitleBarVersionInfo.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport {\n  isEntityRefCollectionView,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { truncateString } from '@/utils/functions/StringUtils'\nimport { Box, Link, Tooltip, Typography } from '@mui/material'\nimport { Entity } from '@sage-bionetworks/synapse-types'\nimport { ActionConfiguration } from '../action_menu/EntityActionMenu'\n\nconst MAX_VERSION_LABEL_LENGTH = 50\nexport type EntityTitleBarVersionInfoProps = {\n  entityId: string\n  versionNumber?: number\n  toggleShowVersionHistory: ActionConfiguration['onClick']\n}\n\nfunction getDisplayedVersionLabel(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    return null\n  }\n  return entity.versionLabel ?? null\n}\n\nfunction getDisplayedVersionNumber(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    if (isEntityRefCollectionView(entity)) {\n      return 'Draft Version'\n    }\n    return 'Current Version'\n  }\n  return `V${entity.versionNumber}${entity.isLatestVersion ? ' (Current)' : ''}`\n}\n\nexport function EntityTitleBarVersionInfo(\n  props: EntityTitleBarVersionInfoProps,\n) {\n  const { entityId, versionNumber, toggleShowVersionHistory } = props\n\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isVersionable = bundle?.entity && isVersionableEntity(bundle.entity)\n\n  const fullVersionLabel =\n    bundle?.entity && getDisplayedVersionLabel(bundle.entity)\n  const truncatedVersionLabel = fullVersionLabel\n    ? truncateString(fullVersionLabel, MAX_VERSION_LABEL_LENGTH)\n    : undefined\n\n  const versionNumberDisplay =\n    bundle?.entity && getDisplayedVersionNumber(bundle.entity)\n\n  if (!isVersionable) {\n    return null\n  }\n\n  return (\n    <Box sx={{ marginTop: '3px' }}>\n      <Tooltip title={fullVersionLabel} placement={'bottom'}>\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            fontStyle: 'italic',\n          }}\n        >\n          {truncatedVersionLabel}\n        </Typography>\n      </Tooltip>\n      {fullVersionLabel && versionNumberDisplay && (\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            marginLeft: '5px',\n            marginRight: '5px',\n          }}\n        >\n          /\n        </Typography>\n      )}\n      <Tooltip title={'Click to show version history'} placement={'top'}>\n        <Link\n          onClick={toggleShowVersionHistory}\n          variant=\"smallText1\"\n          sx={{ fontWeight: 400 }}\n        >\n          {versionNumberDisplay}\n        </Link>\n      </Tooltip>\n    </Box>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getDisplayedVersionLabel,\n  getDisplayedVersionNumber,\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA2B;AAOjC,SAAS,EAAyB,GAA+B;AAO/D,QANI,CAAC,EAAoB,EAAO,IAG5B,EAAQ,EAAO,IAAI,EAAO,kBACrB,OAEF,EAAO,gBAAgB;;AAGhC,SAAS,EAA0B,GAA+B;AAUhE,QATK,EAAoB,EAAO,GAG5B,EAAQ,EAAO,IAAI,EAAO,kBACxB,EAA0B,EAAO,GAC5B,kBAEF,oBAEF,IAAI,EAAO,gBAAgB,EAAO,kBAAkB,eAAe,OARjE;;AAWX,SAAgB,EACd,GACA;CACA,IAAM,EAAE,aAAU,kBAAe,gCAA6B,GAExD,EAAE,MAAM,MAAW,EAAmB,GAAU,EAAc,EAE9D,IAAgB,GAAQ,UAAU,EAAoB,EAAO,OAAO,EAEpE,IACJ,GAAQ,UAAU,EAAyB,EAAO,OAAO,EACrD,IAAwB,IAC1B,EAAe,GAAkB,EAAyB,GAC1D,KAAA,GAEE,IACJ,GAAQ,UAAU,EAA0B,EAAO,OAAO;AAM5D,QAJK,IAKH,kBAAC,GAAD;EAAK,IAAI,EAAE,WAAW,OAAO;YAA7B;GACE,kBAAC,GAAD;IAAS,OAAO;IAAkB,WAAW;cAC3C,kBAAC,GAAD;KACE,WAAW;KACX,SAAQ;KACR,IAAI;MACF,OAAO;MACP,WAAW;MACZ;eAEA;KACU,CAAA;IACL,CAAA;GACT,KAAoB,KACnB,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,IAAI;KACF,OAAO;KACP,YAAY;KACZ,aAAa;KACd;cACF;IAEY,CAAA;GAEf,kBAAC,GAAD;IAAS,OAAO;IAAiC,WAAW;cAC1D,kBAAC,GAAD;KACE,SAAS;KACT,SAAQ;KACR,IAAI,EAAE,YAAY,KAAK;eAEtB;KACI,CAAA;IACC,CAAA;GACN;MAvCC;;AA2CX,IAAa,IAA4B;CACvC;CACA;CACD"}
+{"version":3,"file":"EntityTitleBarVersionInfo.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport {\n  isEntityRefCollectionView,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { truncateString } from '@/utils/functions/StringUtils'\nimport { Box, Link, Tooltip, Typography } from '@mui/material'\nimport { Entity } from '@sage-bionetworks/synapse-types'\nimport { ActionConfiguration } from '../action_menu/EntityActionMenu'\n\nconst MAX_VERSION_LABEL_LENGTH = 50\nexport type EntityTitleBarVersionInfoProps = {\n  entityId: string\n  versionNumber?: number\n  toggleShowVersionHistory: ActionConfiguration['onClick']\n}\n\nfunction getDisplayedVersionLabel(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    return null\n  }\n  return entity.versionLabel ?? null\n}\n\nfunction getDisplayedVersionNumber(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    if (isEntityRefCollectionView(entity)) {\n      return 'Draft Version'\n    }\n    return 'Current Version'\n  }\n  return `V${entity.versionNumber}${entity.isLatestVersion ? ' (Current)' : ''}`\n}\n\nexport function EntityTitleBarVersionInfo(\n  props: EntityTitleBarVersionInfoProps,\n) {\n  const { entityId, versionNumber, toggleShowVersionHistory } = props\n\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isVersionable = bundle?.entity && isVersionableEntity(bundle.entity)\n\n  const fullVersionLabel =\n    bundle?.entity && getDisplayedVersionLabel(bundle.entity)\n  const truncatedVersionLabel = fullVersionLabel\n    ? truncateString(fullVersionLabel, MAX_VERSION_LABEL_LENGTH)\n    : undefined\n\n  const versionNumberDisplay =\n    bundle?.entity && getDisplayedVersionNumber(bundle.entity)\n\n  if (!isVersionable) {\n    return null\n  }\n\n  return (\n    <Box sx={{ marginTop: '3px' }}>\n      <Tooltip title={fullVersionLabel} placement={'bottom'}>\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            fontStyle: 'italic',\n          }}\n        >\n          {truncatedVersionLabel}\n        </Typography>\n      </Tooltip>\n      {fullVersionLabel && versionNumberDisplay && (\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            marginLeft: '5px',\n            marginRight: '5px',\n          }}\n        >\n          /\n        </Typography>\n      )}\n      <Tooltip title={'Click to show version history'} placement={'top'}>\n        <Link\n          onClick={toggleShowVersionHistory}\n          variant=\"smallText1\"\n          sx={{ fontWeight: 400 }}\n        >\n          {versionNumberDisplay}\n        </Link>\n      </Tooltip>\n    </Box>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getDisplayedVersionLabel,\n  getDisplayedVersionNumber,\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA2B;AAOjC,SAAS,EAAyB,GAA+B;CAO/D,OANI,CAAC,EAAoB,CAAM,KAG3B,EAAQ,CAAM,KAAK,EAAO,kBACrB,OAEF,EAAO,gBAAgB;AAChC;AAEA,SAAS,EAA0B,GAA+B;CAUhE,OATK,EAAoB,CAAM,IAG3B,EAAQ,CAAM,KAAK,EAAO,kBACxB,EAA0B,CAAM,IAC3B,kBAEF,oBAEF,IAAI,EAAO,gBAAgB,EAAO,kBAAkB,eAAe,OARjE;AASX;AAEA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,aAAU,kBAAe,gCAA6B,GAExD,EAAE,MAAM,MAAW,EAAmB,GAAU,CAAa,GAE7D,IAAgB,GAAQ,UAAU,EAAoB,EAAO,MAAM,GAEnE,IACJ,GAAQ,UAAU,EAAyB,EAAO,MAAM,GACpD,IAAwB,IAC1B,EAAe,GAAkB,CAAwB,IACzD,KAAA,GAEE,IACJ,GAAQ,UAAU,EAA0B,EAAO,MAAM;CAM3D,OAJK,IAKH,kBAAC,GAAD;EAAK,IAAI,EAAE,WAAW,MAAM;YAA5B;GACE,kBAAC,GAAD;IAAS,OAAO;IAAkB,WAAW;cAC3C,kBAAC,GAAD;KACE,WAAW;KACX,SAAQ;KACR,IAAI;MACF,OAAO;MACP,WAAW;KACb;eAEC;IACS,CAAA;GACL,CAAA;GACR,KAAoB,KACnB,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,IAAI;KACF,OAAO;KACP,YAAY;KACZ,aAAa;IACf;cACD;GAEW,CAAA;GAEd,kBAAC,GAAD;IAAS,OAAO;IAAiC,WAAW;cAC1D,kBAAC,GAAD;KACE,SAAS;KACT,SAAQ;KACR,IAAI,EAAE,YAAY,IAAI;eAErB;IACG,CAAA;GACC,CAAA;EACN;MAvCE;AAyCX;AAEA,IAAa,IAA4B;CACvC;CACA;AACF"}