synapse-react-client 4.0.18 → 4.0.20

package/dist/components/SynapseNavDrawer/SynapseNavDrawer.js

@@ -70,21 +70,21 @@ var O = /* @__PURE__ */ function(e) {
 	}) }) : /* @__PURE__ */ C("li", { children: d });
 };
 function N({ initIsOpen: l = !1, gotoPlace: h }) {
-	let [y, k] = m(l), [A, N] = m(), [P, F] = m(""), [I, L] = m(""), [R, z] = m(!1), { clearSession: B } = r(), { isAuthenticated: V } = t(), { data: H } = o(), U = V && H ? H.userProfile : void 0, { data: W } = a({ enabled: V }), G = W?.totalNumberOfFiles, { data: K } = i({
+	let [y, O] = m(l), [k, A] = m(), [N, P] = m(""), [F, I] = m(""), [L, R] = m(!1), { clearSession: z } = r(), { isAuthenticated: B } = t(), { data: V } = o(), H = B && V ? V.userProfile : void 0, { data: U } = a({ enabled: B }), W = U?.totalNumberOfFiles, { data: G } = i({
 		submissionState: D.SUBMITTED,
 		sort: [{
 			field: E.CREATED_ON,
 			direction: T.DESC
 		}]
-	}, { enabled: H?.isARReviewer }), q = K?.pages[0].results.length ?? 0;
-	K?.pages[0].nextPageToken && (q = `${q}+`);
-	let { data: J } = u({ assignedToMe: !0 }, { enabled: V }), Y = !!J?.pages.some((e) => e.bundlePage && e.bundlePage.length > 0), X = (e) => {
-		k(!0), N(e);
-	}, Z = () => {
-		k(!1), N(void 0);
-	}, Q = (e) => {
+	}, { enabled: V?.isARReviewer }), K = G?.pages[0].results.length ?? 0;
+	G?.pages[0].nextPageToken && (K = `${K}+`);
+	let { data: q } = u({ assignedToMe: !0 }, { enabled: B }), J = !!q?.pages.some((e) => e.bundlePage && e.bundlePage.length > 0), Y = (e) => {
+		O(!0), A(e);
+	}, X = () => {
+		O(!1), A(void 0);
+	}, Z = (e) => {
 		h(`/SearchV2:default?query=${j(e.split(/[ ,]+/))}`);
-	}, $ = n(), ee = n("/authenticated/myaccount");
+	}, Q = n(), $ = n("/authenticated/myaccount");
 	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
 		className: "SynapseNavDrawer",
 		children: [/* @__PURE__ */ w(g, {
@@ -92,7 +92,7 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 			className: `SynapseNavDrawerMenu ${y ? "tempDrawerOpen" : ""}`,
 			children: [
 				/* @__PURE__ */ C("div", {
-					onClick: Z,
+					onClick: X,
 					children: /* @__PURE__ */ C("a", {
 						className: "synapseIcon",
 						rel: "noopener noreferrer",
@@ -101,102 +101,102 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 						children: /* @__PURE__ */ C(d, {})
 					})
 				}),
-				/* @__PURE__ */ w(v, { children: [V && U && /* @__PURE__ */ w(S, { children: [
+				/* @__PURE__ */ w(v, { children: [B && H && /* @__PURE__ */ w(S, { children: [
 					/* @__PURE__ */ C(M, {
 						tooltip: "Projects",
 						iconName: "dashboard",
-						onClickOpenNavMenu: O.PROJECTS,
-						isCurrentlySelectedItem: A == O.PROJECTS,
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						onClickOpenNavMenu: 0,
+						isCurrentlySelectedItem: k == 0,
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
-					Y && /* @__PURE__ */ C(M, {
+					J && /* @__PURE__ */ C(M, {
 						tooltip: "Curator Dashboard",
 						iconName: "tasks",
 						onClickGoToPlace: () => h("/CuratorDashboard:0"),
-						isCurrentlySelectedItem: A == O.CURATOR_DASHBOARD,
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						isCurrentlySelectedItem: k == 1,
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
 					/* @__PURE__ */ C(M, {
 						tooltip: "Favorites",
 						iconName: "favTwoTone",
-						onClickGoToPlace: () => h(`/Profile:${U.ownerId}/favorites`),
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						onClickGoToPlace: () => h(`/Profile:${H.ownerId}/favorites`),
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
 					/* @__PURE__ */ C(M, {
 						tooltip: "Teams",
 						iconName: "peopleTwoTone",
-						onClickGoToPlace: () => h(`/Profile:${U.ownerId}/teams`),
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						onClickGoToPlace: () => h(`/Profile:${H.ownerId}/teams`),
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
 					/* @__PURE__ */ C(M, {
 						tooltip: "Challenges",
 						iconName: "challengesTwoTone",
-						onClickGoToPlace: () => h(`/Profile:${U.ownerId}/challenges`),
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						onClickGoToPlace: () => h(`/Profile:${H.ownerId}/challenges`),
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
 					/* @__PURE__ */ C(M, {
 						tooltip: "Download List",
 						iconName: "download",
 						onClickGoToPlace: () => h("/DownloadCart:0"),
-						badgeContent: G,
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						badgeContent: W,
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
 					/* @__PURE__ */ C(M, {
 						tooltip: "Trash Can",
 						iconName: "delete",
 						onClickGoToPlace: () => h("/Trash:0"),
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
-					H?.isARReviewer && /* @__PURE__ */ C(M, {
+					V?.isARReviewer && /* @__PURE__ */ C(M, {
 						tooltip: "Data Access Management",
 						iconName: "accessManagement",
 						onClickGoToPlace: () => h("/DataAccessManagement:default/Submissions"),
-						badgeContent: q,
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						badgeContent: K,
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					})
 				] }), /* @__PURE__ */ C(M, {
 					tooltip: "Search",
 					iconName: "search",
 					onClickGoToPlace: () => h("/SearchV2:default"),
-					handleDrawerClose: Z,
-					handleDrawerOpen: X
+					handleDrawerClose: X,
+					handleDrawerOpen: Y
 				})] }),
 				/* @__PURE__ */ C("div", { className: "filler" }),
 				/* @__PURE__ */ w(v, { children: [
-					V && U && /* @__PURE__ */ C(M, {
+					B && H && /* @__PURE__ */ C(M, {
 						tooltip: "Your Account",
-						onClickOpenNavMenu: O.PROFILE,
+						onClickOpenNavMenu: 7,
 						additionalChildren: /* @__PURE__ */ C(c, {
-							userProfile: U,
+							userProfile: H,
 							size: "AVATAR",
 							avatarSize: "SMALL"
 						}),
-						isCurrentlySelectedItem: A == O.PROFILE,
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						isCurrentlySelectedItem: k == 7,
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
-					!V && /* @__PURE__ */ C(M, {
+					!B && /* @__PURE__ */ C(M, {
 						tooltip: "Sign in",
 						iconName: "login",
-						onClickGoToPlace: () => e($.toString()),
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						onClickGoToPlace: () => e(Q.toString()),
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					}),
 					/* @__PURE__ */ C(M, {
 						tooltip: "Help",
 						iconName: "helpOutlined",
-						onClickOpenNavMenu: O.HELP,
-						isCurrentlySelectedItem: A == O.HELP,
-						handleDrawerClose: Z,
-						handleDrawerOpen: X
+						onClickOpenNavMenu: 8,
+						isCurrentlySelectedItem: k == 8,
+						handleDrawerClose: X,
+						handleDrawerOpen: Y
 					})
 				] })
 			]
@@ -204,14 +204,14 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 			variant: "temporary",
 			open: y,
 			className: "SynapseNavContentDrawer",
-			onClose: Z,
+			onClose: X,
 			children: [/* @__PURE__ */ C("div", {
 				className: "synapseLogoNameContainer",
 				children: /* @__PURE__ */ C(f, {})
 			}), /* @__PURE__ */ w("div", {
 				className: "navContentContainer",
 				children: [
-					A == O.PROJECTS && /* @__PURE__ */ w(S, { children: [
+					k == 0 && /* @__PURE__ */ w(S, { children: [
 						/* @__PURE__ */ C("div", {
 							className: "header projectHeader",
 							children: "Projects"
@@ -222,7 +222,7 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 							children: /* @__PURE__ */ C("a", {
 								className: "createProjectLink",
 								onClick: () => {
-									z(!0), Z();
+									R(!0), X();
 								},
 								children: /* @__PURE__ */ C(s, { icon: "addCircleOutline" })
 							})
@@ -230,12 +230,12 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 						/* @__PURE__ */ C(b, {
 							type: "search",
 							placeholder: "Search All Projects",
-							value: P,
+							value: N,
 							onChange: (e) => {
-								F(e.target.value);
+								P(e.target.value);
 							},
 							onKeyDown: (e) => {
-								e.key === "Enter" && e.target.value !== "" && (F(""), Z(), Q(e.target.value));
+								e.key === "Enter" && e.target.value !== "" && (P(""), X(), Z(e.target.value));
 							},
 							slotProps: { input: { startAdornment: /* @__PURE__ */ C(_, {
 								position: "start",
@@ -244,62 +244,62 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 						}),
 						/* @__PURE__ */ w("div", {
 							className: "linkList",
-							onClick: Z,
+							onClick: X,
 							children: [
 								/* @__PURE__ */ C("a", {
 									className: "SRC-whiteText",
-									onClick: () => h(`/Profile:${U?.ownerId}/projects/all`),
+									onClick: () => h(`/Profile:${H?.ownerId}/projects/all`),
 									rel: "noopener noreferrer",
 									children: "All"
 								}),
 								/* @__PURE__ */ C("a", {
 									className: "SRC-whiteText",
-									onClick: () => h(`/Profile:${U?.ownerId}/projects/created_by_me`),
+									onClick: () => h(`/Profile:${H?.ownerId}/projects/created_by_me`),
 									rel: "noopener noreferrer",
 									children: "Created By Me"
 								}),
 								/* @__PURE__ */ C("a", {
 									className: "SRC-whiteText",
-									onClick: () => h(`/Profile:${U?.ownerId}/projects/favorites`),
+									onClick: () => h(`/Profile:${H?.ownerId}/projects/favorites`),
 									rel: "noopener noreferrer",
 									children: "Favorite Projects"
 								}),
 								/* @__PURE__ */ C("a", {
 									className: "SRC-whiteText",
-									onClick: () => h(`/Profile:${U?.ownerId}/projects/shared_directly_with_me`),
+									onClick: () => h(`/Profile:${H?.ownerId}/projects/shared_directly_with_me`),
 									rel: "noopener noreferrer",
 									children: "Shared With Me"
 								}),
 								/* @__PURE__ */ C("a", {
 									className: "SRC-whiteText",
-									onClick: () => h(`/Profile:${U?.ownerId}/projects/all_my_team_projects`),
+									onClick: () => h(`/Profile:${H?.ownerId}/projects/all_my_team_projects`),
 									rel: "noopener noreferrer",
 									children: "Team Projects"
 								})
 							]
 						})
 					] }),
-					A == O.PROFILE && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+					k == 7 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
 						className: "header",
 						children: [
 							"Welcome Back,",
 							/* @__PURE__ */ C("br", {}),
-							U?.userName,
+							H?.userName,
 							"!"
 						]
 					}), /* @__PURE__ */ w("div", {
 						className: "linkList",
-						onClick: Z,
+						onClick: X,
 						children: [
 							/* @__PURE__ */ C("a", {
 								className: "SRC-whiteText",
-								onClick: () => h(`/Profile:${U?.ownerId}/profile`),
+								onClick: () => h(`/Profile:${H?.ownerId}/profile`),
 								rel: "noopener noreferrer",
 								children: "View Profile"
 							}),
 							/* @__PURE__ */ C("a", {
 								className: "SRC-whiteText",
-								href: ee.toString(),
+								href: $.toString(),
 								target: "_blank",
 								rel: "noopener noreferrer",
 								children: "Account Settings"
@@ -319,14 +319,14 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 							/* @__PURE__ */ C("a", {
 								className: "SRC-whiteText",
 								onClick: () => {
-									B();
+									z();
 								},
 								rel: "noopener noreferrer",
 								children: "Sign Out"
 							})
 						]
 					})] }),
-					A == O.HELP && /* @__PURE__ */ w(S, { children: [
+					k == 8 && /* @__PURE__ */ w(S, { children: [
 						/* @__PURE__ */ C("div", {
 							className: "header",
 							children: "Help"
@@ -334,12 +334,12 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 						/* @__PURE__ */ C(b, {
 							type: "search",
 							placeholder: "Search Documentation",
-							value: I,
+							value: F,
 							onChange: (e) => {
-								L(e.target.value);
+								I(e.target.value);
 							},
 							onKeyDown: (e) => {
-								e.key === "Enter" && e.target.value !== "" && (window.open(`https://help.synapse.org/search.html?max=10&s=docs&q=${encodeURI(e.target.value)}`), L(""), Z());
+								e.key === "Enter" && e.target.value !== "" && (window.open(`https://help.synapse.org/search.html?max=10&s=docs&q=${encodeURI(e.target.value)}`), I(""), X());
 							},
 							slotProps: { input: { startAdornment: /* @__PURE__ */ C(_, {
 								position: "start",
@@ -348,7 +348,7 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 						}),
 						/* @__PURE__ */ w("div", {
 							className: "linkList",
-							onClick: Z,
+							onClick: X,
 							children: [
 								/* @__PURE__ */ C("a", {
 									className: "SRC-whiteText",
@@ -405,8 +405,8 @@ function N({ initIsOpen: l = !1, gotoPlace: h }) {
 			})]
 		})]
 	}), /* @__PURE__ */ C(p, {
-		onClose: () => z(!1),
-		isShowingModal: R
+		onClose: () => R(!1),
+		isShowingModal: L
 	})] });
 }
 //#endregion

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalBanners.js","names":[],"sources":["../../../src/components/SynapsePortalBanners/SynapsePortalBanners.tsx"],"sourcesContent":["import {\n  useGetEntityPath,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { ChevronRightTwoTone } from '@mui/icons-material'\nimport { Box, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SynapsePortalBannersProps = {\n  entityId: string\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n *\n * @param props\n */\nexport default function SynapsePortalBanners({\n  entityId,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SynapsePortalBannersProps) {\n  const { data: entityPathData } = useGetEntityPath(entityId)\n  // get all EntityHeader ids in the entity path data in a string array\n  // Note: we remove the first item from entityPathData.path as it is always the root Synapse folder which we don't want to include\n  const entityIdValues: string[] = entityPathData\n    ? entityPathData.path.map(header => header.id).slice(1)\n    : [entityId]\n\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIdValues\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIdValues,\n          },\n        ]\n      : []\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: !!entityPathData,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n\n  const appIds = rowSet?.rows\n    .map(row => row.values[0])\n    .filter((v): v is string => !!v) as string[]\n  const hasAppIds = appIds && appIds.length > 0\n\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] = hasAppIds\n    ? [\n        {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          columnName: 'appId',\n          operator: ColumnSingleValueFilterOperator.EQUAL,\n          values: appIds,\n        },\n      ]\n    : []\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n\n  if (!hasAppIds || !hasPortalBanners || !hasSourceAppConfigs) {\n    return <></>\n  }\n\n  // we have source app configs associated to this entity, let's render the banners\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: '20px',\n        width: '100%',\n        alignItems: 'center',\n      }}\n    >\n      {sourceAppConfigs.map((appConfig, index) => {\n        const dataCatalogRow = rowSet.rows.find(row => {\n          return row.values[0] === appConfig.appId\n        })\n\n        const link = dataCatalogRow?.values[1] || appConfig.appURL\n        return (\n          <Box\n            key={index}\n            component=\"a\"\n            href={link}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            flex={1}\n            sx={{\n              display: 'flex',\n              flexWrap: 'nowrap',\n              padding: '16px',\n              justifyContent: 'space-between',\n              border: '1px solid #ccc',\n              borderRadius: '8px',\n              backgroundColor: '#f9f9f9',\n              textDecoration: 'none',\n              pointer: 'cursor',\n              '&:hover': {\n                textDecoration: 'none !important',\n              },\n              width: '100%',\n              alignItems: 'center',\n              mt: '10px',\n              mb: '10px',\n            }}\n          >\n            <Box\n              flex={1}\n              sx={{\n                display: 'flex',\n                flexWrap: 'wrap',\n                justifyContent: 'space-between',\n                gap: '10px',\n              }}\n            >\n              <Box\n                sx={{\n                  '> *': {\n                    height: '60px',\n                  },\n                }}\n              >\n                {appConfig?.logo}\n              </Box>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  justifyContent: 'center',\n                  mr: '10px',\n                }}\n              >\n                <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                  This resource is part of a Portal\n                </Typography>\n                <Typography variant=\"body1\">\n                  {' '}\n                  Access it on the {appConfig.friendlyName}\n                </Typography>\n              </Box>\n            </Box>\n            <ChevronRightTwoTone />\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAuBA,SAAwB,EAAqB,EAC3C,aACA,yBAAsB,eACtB,4BAAyB,iBACG;CAC5B,IAAM,EAAE,MAAM,MAAmB,EAAiB,EAAS,EAGrD,IAA2B,IAC7B,EAAe,KAAK,KAAI,MAAU,EAAO,GAAG,CAAC,MAAM,EAAE,GACrD,CAAC,EAAS,EAER,IACJ,IACI,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;EACT,CACF,GACD,EAAE,EACF,EAAE,MAAM,MAAoB,EAChC;EACE,UAAU;EACV,OAAO;GACL,KAAK,2BAA2B;GAChC,mBAAmB;GACpB;EACD,UAAA;EACA,cAAc;EACf,EACD,EACE,SAAS,CAAC,CAAC,GACZ,CACF,EAEK,IAAS,GAAiB,cAAc,aAAa,cACrD,IAAmB,CAAC,CAAC,KAAU,GAAQ,KAAK,SAAS,GAErD,IAAS,GAAQ,KACpB,KAAI,MAAO,EAAI,OAAO,GAAG,CACzB,QAAQ,MAAmB,CAAC,CAAC,EAAE,EAC5B,IAAY,KAAU,EAAO,SAAS,GAatC,IAAmB,EACvB,GAZ6D,IAC3D,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;EACT,CACF,GACD,EAAE,CAIL,EACK,IAAsB,CAAC,CAAC,KAAoB,EAAiB,SAAS;AAO5E,QALI,CAAC,KAAa,CAAC,KAAoB,CAAC,IAC/B,kBAAA,GAAA,EAAK,CAAA,GAKZ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,OAAO;GACP,YAAY;GACb;YAEA,EAAiB,KAAK,GAAW,MAO9B,kBAAC,GAAD;GAEE,WAAU;GACV,MATmB,EAAO,KAAK,MAAK,MAC/B,EAAI,OAAO,OAAO,EAAU,MAGxB,EAAgB,OAAO,MAAM,EAAU;GAMhD,QAAO;GACP,KAAI;GACJ,MAAM;GACN,IAAI;IACF,SAAS;IACT,UAAU;IACV,SAAS;IACT,gBAAgB;IAChB,QAAQ;IACR,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;IACT,WAAW,EACT,gBAAgB,mBACjB;IACD,OAAO;IACP,YAAY;IACZ,IAAI;IACJ,IAAI;IACL;aAxBH,CA0BE,kBAAC,GAAD;IACE,MAAM;IACN,IAAI;KACF,SAAS;KACT,UAAU;KACV,gBAAgB;KAChB,KAAK;KACN;cAPH,CASE,kBAAC,GAAD;KACE,IAAI,EACF,OAAO,EACL,QAAQ,QACT,EACF;eAEA,GAAW;KACR,CAAA,EACN,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,eAAe;MACf,gBAAgB;MAChB,IAAI;MACL;eANH,CAQE,kBAAC,GAAD;MAAY,SAAQ;MAAQ,IAAI,EAAE,YAAY,KAAK;gBAAE;MAExC,CAAA,EACb,kBAAC,GAAD;MAAY,SAAQ;gBAApB;OACG;OAAI;OACa,EAAU;OACjB;QACT;OACF;OACN,kBAAC,GAAD,EAAuB,CAAA,CACnB;KA7DC,EA6DD,CAER;EACE,CAAA"}
+{"version":3,"file":"SynapsePortalBanners.js","names":[],"sources":["../../../src/components/SynapsePortalBanners/SynapsePortalBanners.tsx"],"sourcesContent":["import {\n  useGetEntityPath,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { ChevronRightTwoTone } from '@mui/icons-material'\nimport { Box, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SynapsePortalBannersProps = {\n  entityId: string\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n *\n * @param props\n */\nexport default function SynapsePortalBanners({\n  entityId,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SynapsePortalBannersProps) {\n  const { data: entityPathData } = useGetEntityPath(entityId)\n  // get all EntityHeader ids in the entity path data in a string array\n  // Note: we remove the first item from entityPathData.path as it is always the root Synapse folder which we don't want to include\n  const entityIdValues: string[] = entityPathData\n    ? entityPathData.path.map(header => header.id).slice(1)\n    : [entityId]\n\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIdValues\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIdValues,\n          },\n        ]\n      : []\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: !!entityPathData,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n\n  const appIds = rowSet?.rows\n    .map(row => row.values[0])\n    .filter((v): v is string => !!v) as string[]\n  const hasAppIds = appIds && appIds.length > 0\n\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] = hasAppIds\n    ? [\n        {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          columnName: 'appId',\n          operator: ColumnSingleValueFilterOperator.EQUAL,\n          values: appIds,\n        },\n      ]\n    : []\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n\n  if (!hasAppIds || !hasPortalBanners || !hasSourceAppConfigs) {\n    return <></>\n  }\n\n  // we have source app configs associated to this entity, let's render the banners\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: '20px',\n        width: '100%',\n        alignItems: 'center',\n      }}\n    >\n      {sourceAppConfigs.map((appConfig, index) => {\n        const dataCatalogRow = rowSet.rows.find(row => {\n          return row.values[0] === appConfig.appId\n        })\n\n        const link = dataCatalogRow?.values[1] || appConfig.appURL\n        return (\n          <Box\n            key={index}\n            component=\"a\"\n            href={link}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            flex={1}\n            sx={{\n              display: 'flex',\n              flexWrap: 'nowrap',\n              padding: '16px',\n              justifyContent: 'space-between',\n              border: '1px solid #ccc',\n              borderRadius: '8px',\n              backgroundColor: '#f9f9f9',\n              textDecoration: 'none',\n              pointer: 'cursor',\n              '&:hover': {\n                textDecoration: 'none !important',\n              },\n              width: '100%',\n              alignItems: 'center',\n              mt: '10px',\n              mb: '10px',\n            }}\n          >\n            <Box\n              flex={1}\n              sx={{\n                display: 'flex',\n                flexWrap: 'wrap',\n                justifyContent: 'space-between',\n                gap: '10px',\n              }}\n            >\n              <Box\n                sx={{\n                  '> *': {\n                    height: '60px',\n                  },\n                }}\n              >\n                {appConfig?.logo}\n              </Box>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  justifyContent: 'center',\n                  mr: '10px',\n                }}\n              >\n                <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                  This resource is part of a Portal\n                </Typography>\n                <Typography variant=\"body1\">\n                  {' '}\n                  Access it on the {appConfig.friendlyName}\n                </Typography>\n              </Box>\n            </Box>\n            <ChevronRightTwoTone />\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAuBA,SAAwB,EAAqB,EAC3C,aACA,yBAAsB,eACtB,4BAAyB,iBACG;CAC5B,IAAM,EAAE,MAAM,MAAmB,EAAiB,CAAQ,GAGpD,IAA2B,IAC7B,EAAe,KAAK,KAAI,MAAU,EAAO,EAAE,EAAE,MAAM,CAAC,IACpD,CAAC,CAAQ,GAEP,IACJ,IACI,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,GACD,EAAE,MAAM,MAAoB,EAChC;EACE,UAAU;EACV,OAAO;GACL,KAAK,2BAA2B;GAChC,mBAAmB;EACrB;EACA,UAAA;EACA,cAAc;CAChB,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAEM,IAAS,GAAiB,cAAc,aAAa,cACrD,IAAmB,CAAC,CAAC,KAAU,GAAQ,KAAK,SAAS,GAErD,IAAS,GAAQ,KACpB,KAAI,MAAO,EAAI,OAAO,EAAE,EACxB,QAAQ,MAAmB,CAAC,CAAC,CAAC,GAC3B,IAAY,KAAU,EAAO,SAAS,GAatC,IAAmB,EACvB,GAZ6D,IAC3D,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,CAIL,GACM,IAAsB,CAAC,CAAC,KAAoB,EAAiB,SAAS;CAO5E,OALI,CAAC,KAAa,CAAC,KAAoB,CAAC,IAC/B,kBAAA,GAAA,CAAI,CAAA,IAKX,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,OAAO;GACP,YAAY;EACd;YAEC,EAAiB,KAAK,GAAW,MAO9B,kBAAC,GAAD;GAEE,WAAU;GACV,MATmB,EAAO,KAAK,MAAK,MAC/B,EAAI,OAAO,OAAO,EAAU,KAGxB,GAAgB,OAAO,MAAM,EAAU;GAMhD,QAAO;GACP,KAAI;GACJ,MAAM;GACN,IAAI;IACF,SAAS;IACT,UAAU;IACV,SAAS;IACT,gBAAgB;IAChB,QAAQ;IACR,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;IACT,WAAW,EACT,gBAAgB,kBAClB;IACA,OAAO;IACP,YAAY;IACZ,IAAI;IACJ,IAAI;GACN;aAxBF,CA0BE,kBAAC,GAAD;IACE,MAAM;IACN,IAAI;KACF,SAAS;KACT,UAAU;KACV,gBAAgB;KAChB,KAAK;IACP;cAPF,CASE,kBAAC,GAAD;KACE,IAAI,EACF,OAAO,EACL,QAAQ,OACV,EACF;eAEC,GAAW;IACT,CAAA,GACL,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,eAAe;MACf,gBAAgB;MAChB,IAAI;KACN;eANF,CAQE,kBAAC,GAAD;MAAY,SAAQ;MAAQ,IAAI,EAAE,YAAY,IAAI;gBAAG;KAEzC,CAAA,GACZ,kBAAC,GAAD;MAAY,SAAQ;gBAApB;OACG;OAAI;OACa,EAAU;MAClB;OACT;MACF;OACL,kBAAC,GAAD,CAAsB,CAAA,CACnB;KA7DE,CA6DF,CAER;CACE,CAAA;AAET"}

package/dist/components/SynapseSearchPageResults/HasAccessChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"HasAccessChip.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/HasAccessChip.tsx"],"sourcesContent":["import { useHasAccess } from '../HasAccess/useHasAccess'\nimport { Chip } from '@mui/material'\nimport { searchResultsCardChipStyles } from '../SynapseSearchPageResults/chipStyles'\n\nexport interface HasAccessChipProps {\n  entityId: string\n  size?: 'normal' | 'small'\n}\n\nexport function HasAccessChip({ entityId }: HasAccessChipProps) {\n  const {\n    accessText,\n    icon,\n    accessRequirementDialog,\n    setDisplayAccessRequirement,\n  } = useHasAccess(entityId)\n\n  return (\n    <>\n      <Chip\n        label={accessText}\n        icon={icon}\n        sx={{ ...searchResultsCardChipStyles }}\n        onClick={() => setDisplayAccessRequirement(true)}\n      />\n      {accessRequirementDialog}\n    </>\n  )\n}\n\nexport default HasAccessChip\n"],"mappings":";;;;;AASA,SAAgB,EAAc,EAAE,eAAgC;CAC9D,IAAM,EACJ,eACA,SACA,4BACA,mCACE,EAAa,EAAS;AAE1B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACD;EACN,IAAI,EAAE,GAAG,GAA6B;EACtC,eAAe,EAA4B,GAAK;EAChD,CAAA,EACD,EACA,EAAA,CAAA"}
+{"version":3,"file":"HasAccessChip.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/HasAccessChip.tsx"],"sourcesContent":["import { useHasAccess } from '../HasAccess/useHasAccess'\nimport { Chip } from '@mui/material'\nimport { searchResultsCardChipStyles } from '../SynapseSearchPageResults/chipStyles'\n\nexport interface HasAccessChipProps {\n  entityId: string\n  size?: 'normal' | 'small'\n}\n\nexport function HasAccessChip({ entityId }: HasAccessChipProps) {\n  const {\n    accessText,\n    icon,\n    accessRequirementDialog,\n    setDisplayAccessRequirement,\n  } = useHasAccess(entityId)\n\n  return (\n    <>\n      <Chip\n        label={accessText}\n        icon={icon}\n        sx={{ ...searchResultsCardChipStyles }}\n        onClick={() => setDisplayAccessRequirement(true)}\n      />\n      {accessRequirementDialog}\n    </>\n  )\n}\n\nexport default HasAccessChip\n"],"mappings":";;;;;AASA,SAAgB,EAAc,EAAE,eAAgC;CAC9D,IAAM,EACJ,eACA,SACA,4BACA,mCACE,EAAa,CAAQ;CAEzB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACD;EACN,IAAI,EAAE,GAAG,EAA4B;EACrC,eAAe,EAA4B,EAAI;CAChD,CAAA,GACA,CACD,EAAA,CAAA;AAEN"}

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

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