synapse-react-client 4.0.32 → 4.0.34

package/dist/components/dataaccess/EDucTemplateTable.js

@@ -0,0 +1,213 @@
+import { SynapseSpinner as e } from "../LoadingScreen/LoadingScreen.js";
+import { useGetEDucTemplateValidation as t, useListEDucTemplates as n } from "../../synapse-queries/dataaccess/useEDuc.js";
+import "../../synapse-queries/index.js";
+import { formatDate as r } from "../../utils/functions/DateFormatter.js";
+import i from "../TanStackTable/StyledTanStackTable.js";
+import a from "../TanStackTable/ColumnHeader.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { Alert as l, Box as u, Button as d, IconButton as f, Skeleton as p, Tooltip as m, Typography as h } from "@mui/material";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CheckCircleTwoTone as v, ErrorTwoTone as y, Replay as b } from "@mui/icons-material";
+import x from "dayjs";
+import { createColumnHelper as S, getCoreRowModel as C, useReactTable as w } from "@tanstack/react-table";
+//#region src/components/dataaccess/EDucTemplateTable.tsx
+var T = S(), E = [
+	T.accessor("name", {
+		header: (e) => /* @__PURE__ */ g(a, {
+			...e,
+			title: "Name"
+		}),
+		cell: ({ getValue: e }) => e() ?? "",
+		enableSorting: !1,
+		enableColumnFilter: !1
+	}),
+	T.accessor("description", {
+		header: (e) => /* @__PURE__ */ g(a, {
+			...e,
+			title: "Description"
+		}),
+		cell: ({ getValue: e }) => e() ?? "",
+		enableSorting: !1,
+		enableColumnFilter: !1
+	}),
+	T.accessor("createdOn", {
+		header: (e) => /* @__PURE__ */ g(a, {
+			...e,
+			title: "Created on"
+		}),
+		cell: ({ getValue: e }) => {
+			let t = e();
+			return t ? r(x(t)) : "";
+		},
+		enableSorting: !1,
+		enableColumnFilter: !1
+	}),
+	T.accessor("modifiedOn", {
+		header: (e) => /* @__PURE__ */ g(a, {
+			...e,
+			title: "Modified on"
+		}),
+		cell: ({ getValue: e }) => {
+			let t = e();
+			return t ? r(x(t)) : "";
+		},
+		enableSorting: !1,
+		enableColumnFilter: !1
+	}),
+	T.display({
+		id: "validation",
+		header: (e) => /* @__PURE__ */ g(a, {
+			...e,
+			title: "Validation status"
+		}),
+		cell: ({ row: e }) => /* @__PURE__ */ g(D, { templateId: e.original.templateId })
+	})
+];
+function D(n) {
+	let { templateId: r } = n, [i, a] = c(!1), { data: o, error: s, isFetching: l, refetch: p } = t(r ?? "", { enabled: i && !!r });
+	return r ? i ? l ? /* @__PURE__ */ g(u, {
+		sx: {
+			display: "inline-flex",
+			alignItems: "center"
+		},
+		children: /* @__PURE__ */ g(e, { size: 16 })
+	}) : s ? /* @__PURE__ */ _(u, {
+		sx: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: .5
+		},
+		children: [
+			/* @__PURE__ */ g(y, {
+				color: "error",
+				fontSize: "small"
+			}),
+			/* @__PURE__ */ g(h, {
+				variant: "smallText1",
+				sx: { color: "error.main" },
+				children: s.reason
+			}),
+			/* @__PURE__ */ g(m, {
+				title: "Re-validate",
+				children: /* @__PURE__ */ g(f, {
+					size: "small",
+					onClick: () => {
+						p();
+					},
+					"aria-label": "Re-validate",
+					children: /* @__PURE__ */ g(b, { fontSize: "small" })
+				})
+			})
+		]
+	}) : o?.isValid ? /* @__PURE__ */ _(u, {
+		sx: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: .5
+		},
+		children: [
+			/* @__PURE__ */ g(v, {
+				color: "success",
+				fontSize: "small"
+			}),
+			/* @__PURE__ */ g(h, {
+				variant: "smallText1",
+				children: "Valid"
+			}),
+			/* @__PURE__ */ g(m, {
+				title: "Re-validate",
+				children: /* @__PURE__ */ g(f, {
+					size: "small",
+					onClick: () => {
+						p();
+					},
+					"aria-label": "Re-validate",
+					children: /* @__PURE__ */ g(b, { fontSize: "small" })
+				})
+			})
+		]
+	}) : /* @__PURE__ */ _(u, {
+		sx: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: .5
+		},
+		children: [
+			/* @__PURE__ */ g(y, {
+				color: "error",
+				fontSize: "small"
+			}),
+			/* @__PURE__ */ g(h, {
+				variant: "smallText1",
+				sx: { color: "error.main" },
+				children: o?.reason ?? "Invalid"
+			}),
+			/* @__PURE__ */ g(m, {
+				title: "Re-validate",
+				children: /* @__PURE__ */ g(f, {
+					size: "small",
+					onClick: () => {
+						p();
+					},
+					"aria-label": "Re-validate",
+					children: /* @__PURE__ */ g(b, { fontSize: "small" })
+				})
+			})
+		]
+	}) : /* @__PURE__ */ g(d, {
+		variant: "outlined",
+		size: "small",
+		onClick: () => a(!0),
+		children: "Validate"
+	}) : null;
+}
+function O() {
+	let { data: e, isLoading: t, error: r, hasNextPage: a, fetchNextPage: c, isFetchingNextPage: d } = n();
+	o(() => {
+		a && !d && c();
+	}, [
+		a,
+		d,
+		c
+	]);
+	let f = s(() => e?.pages.flatMap((e) => e.results ?? []) ?? [], [e]), m = w({
+		data: f,
+		columns: E,
+		getCoreRowModel: C(),
+		getRowId: (e) => e.templateId ?? ""
+	});
+	return t || a && f.length === 0 ? /* @__PURE__ */ g(u, { children: /* @__PURE__ */ g(p, {
+		variant: "rectangular",
+		height: 200,
+		"data-testid": "EDucTemplateTable-loading"
+	}) }) : r ? /* @__PURE__ */ _(l, {
+		severity: "error",
+		children: [
+			/* @__PURE__ */ g("strong", { children: "Sorry, we couldn't load the eDUC templates." }),
+			/* @__PURE__ */ g("br", {}),
+			r.reason
+		]
+	}) : f.length === 0 ? /* @__PURE__ */ g(l, {
+		severity: "info",
+		children: "No eDUC templates are registered in DocuSign."
+	}) : /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ _(h, {
+		variant: "body1",
+		sx: {
+			mb: 2,
+			color: "grey.700"
+		},
+		children: [
+			"Templates are managed in DocuSign. Use the ",
+			/* @__PURE__ */ g("strong", { children: "Validate" }),
+			" ",
+			"action to check whether a template meets Synapse's eDUC requirements."
+		]
+	}), /* @__PURE__ */ g(i, {
+		table: m,
+		styledTableContainerProps: { sx: { my: 2 } }
+	})] });
+}
+//#endregion
+export { O as EDucTemplateTable, O as default };
+
+//# sourceMappingURL=EDucTemplateTable.js.map

package/dist/components/dataaccess/EDucTemplateTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDucTemplateTable.js","names":[],"sources":["../../../src/components/dataaccess/EDucTemplateTable.tsx"],"sourcesContent":["import {\n  useGetEDucTemplateValidation,\n  useListEDucTemplates,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { CheckCircleTwoTone, ErrorTwoTone, Replay } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  Skeleton,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EDucTemplate } from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\n\nconst columnHelper = createColumnHelper<EDucTemplate>()\n\nconst columns = [\n  columnHelper.accessor('name', {\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    cell: ({ getValue }) => getValue() ?? '',\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('description', {\n    header: props => <ColumnHeader {...props} title={'Description'} />,\n    cell: ({ getValue }) => getValue() ?? '',\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created on'} />,\n    cell: ({ getValue }) => {\n      const value = getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified on'} />,\n    cell: ({ getValue }) => {\n      const value = getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.display({\n    id: 'validation',\n    header: props => <ColumnHeader {...props} title={'Validation status'} />,\n    cell: ({ row }) => <ValidationCell templateId={row.original.templateId} />,\n  }),\n]\n\nfunction ValidationCell(props: { templateId: string | undefined }) {\n  const { templateId } = props\n  const [hasRequestedValidation, setHasRequestedValidation] = useState(false)\n\n  const { data, error, isFetching, refetch } = useGetEDucTemplateValidation(\n    templateId ?? '',\n    { enabled: hasRequestedValidation && Boolean(templateId) },\n  )\n\n  if (!templateId) return null\n\n  if (!hasRequestedValidation) {\n    return (\n      <Button\n        variant={'outlined'}\n        size={'small'}\n        onClick={() => setHasRequestedValidation(true)}\n      >\n        Validate\n      </Button>\n    )\n  }\n\n  if (isFetching) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center' }}>\n        <SynapseSpinner size={16} />\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n        <ErrorTwoTone color={'error'} fontSize={'small'} />\n        <Typography variant={'smallText1'} sx={{ color: 'error.main' }}>\n          {error.reason}\n        </Typography>\n        <Tooltip title={'Re-validate'}>\n          <IconButton\n            size={'small'}\n            onClick={() => {\n              refetch()\n            }}\n            aria-label={'Re-validate'}\n          >\n            <Replay fontSize={'small'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    )\n  }\n\n  if (data?.isValid) {\n    return (\n      <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n        <CheckCircleTwoTone color={'success'} fontSize={'small'} />\n        <Typography variant={'smallText1'}>Valid</Typography>\n        <Tooltip title={'Re-validate'}>\n          <IconButton\n            size={'small'}\n            onClick={() => {\n              refetch()\n            }}\n            aria-label={'Re-validate'}\n          >\n            <Replay fontSize={'small'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    )\n  }\n\n  return (\n    <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}>\n      <ErrorTwoTone color={'error'} fontSize={'small'} />\n      <Typography variant={'smallText1'} sx={{ color: 'error.main' }}>\n        {data?.reason ?? 'Invalid'}\n      </Typography>\n      <Tooltip title={'Re-validate'}>\n        <IconButton\n          size={'small'}\n          onClick={() => {\n            refetch()\n          }}\n          aria-label={'Re-validate'}\n        >\n          <Replay fontSize={'small'} />\n        </IconButton>\n      </Tooltip>\n    </Box>\n  )\n}\n\nexport function EDucTemplateTable() {\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = useListEDucTemplates()\n\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const templates = useMemo(\n    () => data?.pages.flatMap(page => page.results ?? []) ?? [],\n    [data],\n  )\n\n  const table = useReactTable<EDucTemplate>({\n    data: templates,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: row => row.templateId ?? '',\n  })\n\n  if (isLoading || (hasNextPage && templates.length === 0)) {\n    return (\n      <Box>\n        <Skeleton\n          variant={'rectangular'}\n          height={200}\n          data-testid={'EDucTemplateTable-loading'}\n        />\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>Sorry, we couldn&apos;t load the eDUC templates.</strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (templates.length === 0) {\n    return (\n      <Alert severity={'info'}>\n        No eDUC templates are registered in DocuSign.\n      </Alert>\n    )\n  }\n\n  return (\n    <Box>\n      <Typography variant={'body1'} sx={{ mb: 2, color: 'grey.700' }}>\n        Templates are managed in DocuSign. Use the <strong>Validate</strong>{' '}\n        action to check whether a template meets Synapse&apos;s eDUC\n        requirements.\n      </Typography>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{ sx: { my: 2 } }}\n      />\n    </Box>\n  )\n}\n\nexport default EDucTemplateTable\n"],"mappings":"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"}

package/dist/components/dataaccess/ReviewerDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"AAsCA,KAAK,sBAAsB,GAAG;IAC5B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAuG9D;AAUD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"ReviewerDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"AAuCA,KAAK,sBAAsB,GAAG;IAC5B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgH9D;AAUD,eAAe,iBAAiB,CAAA"}

package/dist/components/dataaccess/ReviewerDashboard.js

@@ -6,66 +6,76 @@ import i from "../OrientationBanner/index.js";
 import { UserHistoryDashboard as a } from "./AccessHistoryDashboard.js";
 import { AccessRequirementDashboard as o } from "./AccessRequirementDashboard.js";
 import { DataAccessSubmissionDashboard as s } from "./AccessSubmissionDashboard.js";
-import c from "./SubmissionPage/SubmissionPage.js";
-import { useMemo as l } from "react";
-import { Typography as u } from "@mui/material";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { NavLink as m, Navigate as h, Outlet as g, RouterProvider as _, createBrowserRouter as v, createMemoryRouter as y, useParams as b } from "react-router";
-import { RouterProvider as x } from "react-router/dom";
+import { EDucTemplateTable as c } from "./EDucTemplateTable.js";
+import l from "./SubmissionPage/SubmissionPage.js";
+import { useMemo as u } from "react";
+import { Typography as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { NavLink as h, Navigate as g, Outlet as _, RouterProvider as v, createBrowserRouter as y, createMemoryRouter as b, useParams as x } from "react-router";
+import { RouterProvider as S } from "react-router/dom";
 //#region src/components/dataaccess/ReviewerDashboard.tsx
-function S(e) {
+function C(e) {
 	let { href: t, children: n, icon: i } = e;
-	return /* @__PURE__ */ p(m, {
+	return /* @__PURE__ */ m(h, {
 		className: "Tab",
 		role: "tab",
 		to: t,
-		children: [/* @__PURE__ */ f(r, {
+		children: [/* @__PURE__ */ p(r, {
 			icon: i,
 			sx: { paddingRight: "0.2rem" }
-		}), /* @__PURE__ */ f(u, {
+		}), /* @__PURE__ */ p(d, {
 			variant: "buttonLink",
 			children: n
 		})]
 	});
 }
-function C(r) {
-	let { routerBaseName: c = "/DataAccessManagement:default", useMemoryRouter: u = !1 } = r, { data: m, isLoading: h } = n(), b = m?.isACTMember, C = m?.isACTMember || m?.isARReviewer, T = l(() => [{
+function w(r) {
+	let { routerBaseName: l = "/DataAccessManagement:default", useMemoryRouter: d = !1 } = r, { data: h, isLoading: g } = n(), x = h?.isACTMember, w = h?.isACTMember || h?.isARReviewer, E = u(() => [{
 		path: "/",
-		element: /* @__PURE__ */ p("div", {
+		element: /* @__PURE__ */ m("div", {
 			className: "ReviewerDashboard",
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "Tabs",
 				role: "tablist",
 				children: [
-					b && /* @__PURE__ */ f(S, {
+					x && /* @__PURE__ */ p(C, {
 						href: "/AccessRequirements",
 						icon: "accessClosed",
 						children: "Access Requirements"
 					}),
-					C && /* @__PURE__ */ f(S, {
+					x && /* @__PURE__ */ p(C, {
+						href: "/EDucTemplates",
+						icon: "fileOutlined",
+						children: "eDUC Templates"
+					}),
+					w && /* @__PURE__ */ p(C, {
 						href: "/Submissions",
 						icon: "discussion",
 						children: "Submissions"
 					}),
-					C && /* @__PURE__ */ f(S, {
+					w && /* @__PURE__ */ p(C, {
 						href: "/UserAccessHistory",
 						icon: "history",
 						children: "User Access History"
 					})
 				]
-			}), /* @__PURE__ */ f("div", {
+			}), /* @__PURE__ */ p("div", {
 				className: "TabContentContainer",
-				children: /* @__PURE__ */ f(e, { children: /* @__PURE__ */ f(g, {}) })
+				children: /* @__PURE__ */ p(e, { children: /* @__PURE__ */ p(_, {}) })
 			})]
 		}),
 		children: [
 			{
 				path: "AccessRequirements",
-				element: b ? /* @__PURE__ */ f(o, {}) : null
+				element: x ? /* @__PURE__ */ p(o, {}) : null
+			},
+			{
+				path: "EDucTemplates",
+				element: x ? /* @__PURE__ */ p(c, {}) : null
 			},
 			{
 				path: "Submissions",
-				element: C ? /* @__PURE__ */ p(d, { children: [!b && /* @__PURE__ */ f(i, {
+				element: w ? /* @__PURE__ */ m(f, { children: [!x && /* @__PURE__ */ p(i, {
 					name: "DataAccessManagement",
 					title: "Getting Started With Data Access Management",
 					text: "When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.",
@@ -73,32 +83,32 @@ function C(r) {
 						margin: "-20px -30px 20px -30px",
 						width: "auto"
 					}
-				}), /* @__PURE__ */ f(s, {})] }) : null
+				}), /* @__PURE__ */ p(s, {})] }) : null
 			},
 			{
 				path: "Submissions/:id",
-				element: C ? /* @__PURE__ */ f(w, {}) : null
+				element: w ? /* @__PURE__ */ p(T, {}) : null
 			},
 			{
 				path: "UserAccessHistory",
-				element: /* @__PURE__ */ f(a, {})
+				element: /* @__PURE__ */ p(a, {})
 			}
 		]
-	}], [b, C]), E = l(() => u ? y(T, { basename: c }) : v(T, { basename: c }), [
-		u,
-		T,
-		c
+	}], [x, w]), D = u(() => d ? b(E, { basename: l }) : y(E, { basename: l }), [
+		d,
+		E,
+		l
 	]);
-	return h ? /* @__PURE__ */ f(t, { size: 50 }) : f(u ? _ : x, { router: E });
+	return g ? /* @__PURE__ */ p(t, { size: 50 }) : p(d ? v : S, { router: D });
 }
-function w() {
-	let { id: e } = b();
-	return e ? /* @__PURE__ */ f(c, {
+function T() {
+	let { id: e } = x();
+	return e ? /* @__PURE__ */ p(l, {
 		submissionId: e,
 		isReviewer: !0
-	}) : /* @__PURE__ */ f(h, { to: "Submissions/" });
+	}) : /* @__PURE__ */ p(g, { to: "Submissions/" });
 }
 //#endregion
-export { C as ReviewerDashboard, C as default };
+export { w as ReviewerDashboard, w as default };
 
 //# sourceMappingURL=ReviewerDashboard.js.map

package/dist/components/dataaccess/ReviewerDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: { href: string; children: ReactNode; icon: IconName }) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <IconSvg\n        icon={icon}\n        sx={{\n          paddingRight: '0.2rem',\n        }}\n      />\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab href=\"/AccessRequirements\" icon=\"accessClosed\">\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/Submissions\" icon=\"discussion\">\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/UserAccessHistory\" icon=\"history\">\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAS,EAAQ,GAA8D;CAC7E,IAAM,EAAE,SAAM,aAAU,YAAS;CACjC,OACE,kBAAC,GAAD;EAAS,WAAU;EAAM,MAAK;EAAM,IAAI;YAAxC,CACE,kBAAC,GAAD;GACQ;GACN,IAAI,EACF,cAAc,SAChB;EACD,CAAA,GACD,kBAAC,GAAD;GAAY,SAAQ;GAAc;EAAqB,CAAA,CAChD;;AAEb;AASA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,oBAAiB,iCACjB,qBAAkB,OAChB,GAEE,EAAE,MAAM,GAAY,iBAAc,EAAwB,GAE1D,IAAoB,GAAY,aAChC,IACJ,GAAY,eAAe,GAAY,cAEnC,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAO,MAAK;cAA3B;KACG,KACC,kBAAC,GAAD;MAAS,MAAK;MAAsB,MAAK;gBAAe;KAE/C,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAe,MAAK;gBAAa;KAEtC,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAqB,MAAK;gBAAU;KAEzC,CAAA;IAER;OACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAS,CAAA,EACW,CAAA;GACnB,CAAA,CACF;;EAEP,UAAU;GACR;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAA6B,CAAA,IAAI;GAChE;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,IAAI;MACF,QAAQ;MACR,OAAO;KACT;IACD,CAAA,GAEH,kBAAC,GAAD,CAAgC,CAAA,CAChC,EAAA,CAAA,IACA;GACN;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAC,GAAD,CAA8B,CAAA,IAC5B;GACN;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAClC;EACF;CACF,CACF,GACA,CAAC,GAAmB,CAAsB,CAC5C,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAU5C,OARI,IACK,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAI3B,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C;AAEA,SAAS,IAA8B;CACrC,IAAM,EAAE,UAAO,EAA0B;CAIzC,OAHK,IAGE,kBAAC,GAAD;EAAgB,cAAc;EAAI,YAAY;CAAO,CAAA,IAFnD,kBAAC,GAAD,EAAU,IAAG,eAAgB,CAAA;AAGxC"}
+{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport { EDucTemplateTable } from './EDucTemplateTable'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: { href: string; children: ReactNode; icon: IconName }) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <IconSvg\n        icon={icon}\n        sx={{\n          paddingRight: '0.2rem',\n        }}\n      />\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab href=\"/AccessRequirements\" icon=\"accessClosed\">\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasActPermissions && (\n                <LinkTab href=\"/EDucTemplates\" icon=\"fileOutlined\">\n                  eDUC Templates\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/Submissions\" icon=\"discussion\">\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/UserAccessHistory\" icon=\"history\">\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'EDucTemplates',\n            element: hasActPermissions ? <EDucTemplateTable /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,SAAS,EAAQ,GAA8D;CAC7E,IAAM,EAAE,SAAM,aAAU,YAAS;CACjC,OACE,kBAAC,GAAD;EAAS,WAAU;EAAM,MAAK;EAAM,IAAI;YAAxC,CACE,kBAAC,GAAD;GACQ;GACN,IAAI,EACF,cAAc,SAChB;EACD,CAAA,GACD,kBAAC,GAAD;GAAY,SAAQ;GAAc;EAAqB,CAAA,CAChD;;AAEb;AASA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,oBAAiB,iCACjB,qBAAkB,OAChB,GAEE,EAAE,MAAM,GAAY,iBAAc,EAAwB,GAE1D,IAAoB,GAAY,aAChC,IACJ,GAAY,eAAe,GAAY,cAEnC,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAO,MAAK;cAA3B;KACG,KACC,kBAAC,GAAD;MAAS,MAAK;MAAsB,MAAK;gBAAe;KAE/C,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAiB,MAAK;gBAAe;KAE1C,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAe,MAAK;gBAAa;KAEtC,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAqB,MAAK;gBAAU;KAEzC,CAAA;IAER;OACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAS,CAAA,EACW,CAAA;GACnB,CAAA,CACF;;EAEP,UAAU;GACR;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAA6B,CAAA,IAAI;GAChE;GACA;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAAoB,CAAA,IAAI;GACvD;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,IAAI;MACF,QAAQ;MACR,OAAO;KACT;IACD,CAAA,GAEH,kBAAC,GAAD,CAAgC,CAAA,CAChC,EAAA,CAAA,IACA;GACN;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAC,GAAD,CAA8B,CAAA,IAC5B;GACN;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAClC;EACF;CACF,CACF,GACA,CAAC,GAAmB,CAAsB,CAC5C,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAU5C,OARI,IACK,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAI3B,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C;AAEA,SAAS,IAA8B;CACrC,IAAM,EAAE,UAAO,EAA0B;CAIzC,OAHK,IAGE,kBAAC,GAAD;EAAgB,cAAc;EAAI,YAAY;CAAO,CAAA,IAFnD,kBAAC,GAAD,EAAU,IAAG,eAAgB,CAAA;AAGxC"}

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

@@ -2,8 +2,8 @@ import { BackendDestinationEnum as e, getEndpoint as t } from "../../../utils/fu
 import { convertToEntityType as n, entityTypeToFriendlyName as r } from "../../../utils/functions/EntityTypeUtils.js";
 import i from "../../FullWidthAlert/index.js";
 import { useGetJson as a } from "../../../synapse-queries/entity/useEntity.js";
-import { useGetSchemaBinding as o, useGetValidationResults as s } from "../../../synapse-queries/entity/useEntityBoundSchema.js";
-import { useGetSchema as c } from "../../../synapse-queries/entity/useSchema.js";
+import { useGetSchemaBinding as o, useGetValidationResults as s } from "../../../synapse-queries/jsonschema/useEntityBoundSchema.js";
+import { useGetSchema as c } from "../../../synapse-queries/jsonschema/useSchema.js";
 import { SkeletonTable as l } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
 import { formatDate as u } from "../../../utils/functions/DateFormatter.js";

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;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"}
+{"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/jsonschema/useSchema'\nimport {\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries/jsonschema/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/page/breadcrumbs/EntityPageBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACf,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AA0BD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,2CAWlC"}
+{"version":3,"file":"EntityPageBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACf,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAyBD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,2CAWlC"}

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

@@ -1,30 +1,30 @@
 import { Breadcrumbs as e } from "../../../Breadcrumbs/Breadcrumbs.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx
-var n = 32, r = "#4D535A", i = {
+var n = 32, r = {
 	marginTop: "0px",
 	padding: "20px 32px",
 	"& .MuiTypography-root": {
 		fontWeight: 440,
 		lineHeight: "20px",
-		color: r
+		color: "greyV2.800"
 	},
-	"& .MuiLink-root": { "&:visited": { color: r } },
+	"& .MuiLink-root": { "&:visited": { color: "greyV2.800" } },
 	"& .MuiSvgIcon-root": {
 		fontWeight: "300",
-		color: r
+		color: "greyV2.800"
 	}
 };
-function a(r) {
-	let { items: a } = r;
+function i(i) {
+	let { items: a } = i;
 	return /* @__PURE__ */ t(e, {
 		items: a,
-		sx: i,
+		sx: r,
 		maxBreadcrumbLength: n,
 		iconVariant: "outlined"
 	});
 }
 //#endregion
-export { a as default };
+export { i as default };
 
 //# sourceMappingURL=EntityPageBreadcrumbs.js.map

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 {\n  Breadcrumbs,\n  BreadcrumbItem,\n} from '@/components/Breadcrumbs/Breadcrumbs'\nimport { SxProps } from '@mui/material'\n\ntype EntityPageBreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  sx?: SxProps\n}\n\nconst ENTITY_PAGE_MAX_BREADCRUMB_LENGTH = 32\nconst ENTITY_PAGE_TEXT_COLOR = '#4D535A'\n\nconst breadcrumbTextStyle: SxProps = {\n  fontWeight: 440,\n  lineHeight: '20px',\n  color: ENTITY_PAGE_TEXT_COLOR,\n}\n\nconst entityPageBreadcrumbStyle: SxProps = {\n  marginTop: '0px',\n  padding: '20px 32px',\n  ['& .MuiTypography-root']: breadcrumbTextStyle,\n  ['& .MuiLink-root']: {\n    '&:visited': {\n      color: ENTITY_PAGE_TEXT_COLOR,\n    },\n  },\n  ['& .MuiSvgIcon-root']: {\n    fontWeight: '300',\n    color: ENTITY_PAGE_TEXT_COLOR,\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      iconVariant=\"outlined\"\n    />\n  )\n}\n"],"mappings":";;;AAWA,IAAM,IAAoC,IACpC,IAAyB,WAQzB,IAAqC;CACzC,WAAW;CACX,SAAS;CACR,yBAA0B;EAR3B,YAAY;EACZ,YAAY;EACZ,OAAO;CAMoB;CAC1B,mBAAoB,EACnB,aAAa,EACX,OAAO,EACT,EACF;CACC,sBAAuB;EACtB,YAAY;EACZ,OAAO;CACT;AACF;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU;CAClB,OACE,kBAAC,GAAD;EACS;EACP,IAAI;EACJ,qBAAqB;EACrB,aAAY;CACb,CAAA;AAEL"}
+{"version":3,"file":"EntityPageBreadcrumbs.js","names":[],"sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"sourcesContent":["import {\n  Breadcrumbs,\n  BreadcrumbItem,\n} from '@/components/Breadcrumbs/Breadcrumbs'\nimport { SxProps } from '@mui/material'\n\ntype EntityPageBreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  sx?: SxProps\n}\n\nconst ENTITY_PAGE_MAX_BREADCRUMB_LENGTH = 32\n\nconst breadcrumbTextStyle: SxProps = {\n  fontWeight: 440,\n  lineHeight: '20px',\n  color: 'greyV2.800',\n}\n\nconst entityPageBreadcrumbStyle: SxProps = {\n  marginTop: '0px',\n  padding: '20px 32px',\n  ['& .MuiTypography-root']: breadcrumbTextStyle,\n  ['& .MuiLink-root']: {\n    '&:visited': {\n      color: 'greyV2.800',\n    },\n  },\n  ['& .MuiSvgIcon-root']: {\n    fontWeight: '300',\n    color: 'greyV2.800',\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      iconVariant=\"outlined\"\n    />\n  )\n}\n"],"mappings":";;;AAWA,IAAM,IAAoC,IAQpC,IAAqC;CACzC,WAAW;CACX,SAAS;CACR,yBAA0B;EAR3B,YAAY;EACZ,YAAY;EACZ,OAAO;CAMoB;CAC1B,mBAAoB,EACnB,aAAa,EACX,OAAO,aACT,EACF;CACC,sBAAuB;EACtB,YAAY;EACZ,OAAO;CACT;AACF;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU;CAClB,OACE,kBAAC,GAAD;EACS;EACP,IAAI;EACJ,qBAAqB;EACrB,aAAY;CACb,CAAA;AAEL"}

package/dist/components/entity/page/title_bar/EntityPageTitleBar.d.ts

@@ -5,7 +5,6 @@ export type EntityPageTitleBarProps = {
     entityActionMenuProps?: EntityActionMenuProps;
     onActMemberClickAddConditionsForUse: () => void;
 };
-export declare const FAVORITE_BUTTON_ICON_COLOR = "#9EAAB7";
 /**
  * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and
  * provides controls to view and manipulate the Entity.

package/dist/components/entity/page/title_bar/EntityPageTitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageTitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"names":[],"mappings":"AAMA,OAAyB,EACvB,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAKxC,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAE7C,mCAAmC,EAAE,MAAM,IAAI,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,0BAA0B,YAAY,CAAA;AAMnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAuHxE"}
+{"version":3,"file":"EntityPageTitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"names":[],"mappings":"AAMA,OAAyB,EACvB,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAKxC,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAE7C,mCAAmC,EAAE,MAAM,IAAI,CAAA;CAChD,CAAA;AAKD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAuHxE"}