synapse-react-client 4.0.1 → 4.0.3

package/dist/components/SynapseNavDrawer/SynapseNavDrawer.js

@@ -1,11 +1,11 @@
-import { jsxs as i, Fragment as p, jsx as e } from "react/jsx-runtime";
-import H from "../../assets/icons/SynapseIconWhite.js";
-import $ from "../../assets/icons/SynapseLogoName.js";
+import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
+import G from "../../assets/icons/SynapseIconWhite.js";
+import U from "../../assets/icons/SynapseLogoName.js";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { FeatureFlagEnum as B, Direction as V, SubmissionSortField as W, SubmissionState as J } from "@sage-bionetworks/synapse-types";
+import { Direction as H, SubmissionSortField as $, SubmissionState as B } from "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
 import "../../utils/SynapseConstants.js";
 import "lodash-es";
@@ -13,14 +13,14 @@ import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
 import { useState as C } from "react";
-import { useOneSageURL as O } from "../../utils/hooks/useOneSageURL.js";
+import { useOneSageURL as L } from "../../utils/hooks/useOneSageURL.js";
 import "use-deep-compare-effect";
-import { useSynapseContext as q } from "../../utils/context/SynapseContext.js";
-import { Drawer as x, List as b, Tooltip as j, TextField as E, InputAdornment as P, ListItemButton as Q, Badge as K } from "@mui/material";
+import { useSynapseContext as V } from "../../utils/context/SynapseContext.js";
+import { Drawer as O, List as x, Tooltip as v, TextField as b, InputAdornment as P, ListItemButton as W, Badge as J } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
-import { storeRedirectURLForOneSageLoginAndGotoURL as z } from "../../utils/AppUtils/AppUtils.js";
-import { useApplicationSessionContext as Y } from "../../utils/AppUtils/session/ApplicationSessionContext.js";
+import { storeRedirectURLForOneSageLoginAndGotoURL as q } from "../../utils/AppUtils/AppUtils.js";
+import { useApplicationSessionContext as Q } from "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
 import '../../style/components/_spinner.css';/* empty css                                   */
@@ -31,58 +31,57 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useSearchAccessSubmissionsInfinite as X } from "../../synapse-queries/dataaccess/useDataAccessSubmission.js";
-import { useGetDownloadListStatistics as Z } from "../../synapse-queries/download/useDownloadList.js";
-import { useGetFeatureFlag as ee } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
-import { useGetCurrentUserBundle as re } from "../../synapse-queries/user/useUserBundle.js";
-import { CreateProjectModal as oe } from "../CreateProjectModal/CreateProjectModal.js";
+import { useSearchAccessSubmissionsInfinite as K } from "../../synapse-queries/dataaccess/useDataAccessSubmission.js";
+import { useGetDownloadListStatistics as z } from "../../synapse-queries/download/useDownloadList.js";
+import { useGetCurrentUserBundle as Y } from "../../synapse-queries/user/useUserBundle.js";
+import { CreateProjectModal as X } from "../CreateProjectModal/CreateProjectModal.js";
 import N from "../IconSvg/IconSvg.js";
-import { PLANS_LINK as ne } from "../SynapseHomepageV2/SynapseHomepageNavBar.js";
-import { UserCard as te } from "../UserCard/UserCard.js";
-import { DEFAULT_SEARCH_QUERY as _ } from "../../utils/searchDefaults.js";
-var ie = /* @__PURE__ */ ((r) => (r[r.PROJECTS = 0] = "PROJECTS", r[r.FAVORITES = 1] = "FAVORITES", r[r.TEAMS = 2] = "TEAMS", r[r.CHALLENGES = 3] = "CHALLENGES", r[r.DOWNLOADS = 4] = "DOWNLOADS", r[r.SEARCH = 5] = "SEARCH", r[r.PROFILE = 6] = "PROFILE", r[r.HELP = 7] = "HELP", r))(ie || {});
-const Ke = (r) => {
+import { PLANS_LINK as Z } from "../SynapseHomepageV2/SynapseHomepageNavBar.js";
+import { UserCard as ee } from "../UserCard/UserCard.js";
+import { DEFAULT_SEARCH_QUERY as j } from "../../utils/searchDefaults.js";
+var re = /* @__PURE__ */ ((r) => (r[r.PROJECTS = 0] = "PROJECTS", r[r.FAVORITES = 1] = "FAVORITES", r[r.TEAMS = 2] = "TEAMS", r[r.CHALLENGES = 3] = "CHALLENGES", r[r.DOWNLOADS = 4] = "DOWNLOADS", r[r.SEARCH = 5] = "SEARCH", r[r.PROFILE = 6] = "PROFILE", r[r.HELP = 7] = "HELP", r))(re || {});
+const We = (r) => {
   const o = {
-    ..._,
+    ...j,
     queryTerm: r
   };
   return encodeURIComponent(JSON.stringify(o));
-}, ae = {
+}, oe = {
   // To support project search, we send this json object in the url.
   // We update the queryTerm array based on user input.
-  ..._,
+  ...j,
   booleanQuery: [
     {
       key: "node_type",
       value: "project"
     }
   ]
-}, v = (r) => {
+}, ne = (r) => {
   const o = {
-    ...ae,
+    ...oe,
     queryTerm: r
   };
   return encodeURIComponent(JSON.stringify(o));
-}, s = (r) => {
+}, l = (r) => {
   const {
     tooltip: o,
     iconName: d,
-    onClickOpenNavMenu: u,
+    onClickOpenNavMenu: f,
     onClickGoToPlace: c,
     additionalChildren: h,
     badgeContent: k,
     isCurrentlySelectedItem: m = !1,
     handleDrawerClose: g,
-    handleDrawerOpen: f
-  } = r, w = /* @__PURE__ */ e(j, { title: o, placement: "right", children: /* @__PURE__ */ e(
-    Q,
+    handleDrawerOpen: u
+  } = r, w = /* @__PURE__ */ e(v, { title: o, placement: "right", children: /* @__PURE__ */ e(
+    W,
     {
       onClick: m || c ? g : () => {
-        f(u);
+        u(f);
       },
       className: "SRC-whiteText",
       selected: m,
-      children: /* @__PURE__ */ e(K, { badgeContent: k, color: "secondary", children: d ? /* @__PURE__ */ i(p, { children: [
+      children: /* @__PURE__ */ e(J, { badgeContent: k, color: "secondary", children: d ? /* @__PURE__ */ t(p, { children: [
         /* @__PURE__ */ e(N, { icon: d }),
         " ",
         h,
@@ -101,19 +100,19 @@ const Ke = (r) => {
     }
   ) }) : /* @__PURE__ */ e("li", { children: w });
 };
-function ze({
+function Je({
   initIsOpen: r = !1,
   gotoPlace: o
 }) {
-  const [d, u] = C(r), [c, h] = C(), [k, m] = C(""), [g, f] = C(""), [A, R] = C(!1), { clearSession: w } = Y(), { isAuthenticated: S } = q(), { data: T } = re(), a = S && T ? T.userProfile : void 0, { data: F } = Z({
+  const [d, f] = C(r), [c, h] = C(), [k, m] = C(""), [g, u] = C(""), [A, R] = C(!1), { clearSession: w } = Q(), { isAuthenticated: S } = V(), { data: T } = Y(), a = S && T ? T.userProfile : void 0, { data: E } = z({
     enabled: S
-  }), I = F?.totalNumberOfFiles, D = ee(B.SEARCHV2_ENABLED), { data: L } = X(
+  }), _ = E?.totalNumberOfFiles, { data: D } = K(
     {
-      submissionState: J.SUBMITTED,
+      submissionState: B.SUBMITTED,
       sort: [
         {
-          field: W.CREATED_ON,
-          direction: V.DESC
+          field: $.CREATED_ON,
+          direction: H.DESC
         }
       ]
     },
@@ -121,23 +120,23 @@ function ze({
       enabled: T?.isARReviewer
     }
   );
-  let y = L?.pages[0].results.length ?? 0;
-  L?.pages[0].nextPageToken && (y = `${y}+`);
-  const l = (t) => {
-    u(!0), h(t);
+  let y = D?.pages[0].results.length ?? 0;
+  D?.pages[0].nextPageToken && (y = `${y}+`);
+  const s = (i) => {
+    f(!0), h(i);
   }, n = () => {
-    u(!1), h(void 0);
-  }, M = (t) => {
+    f(!1), h(void 0);
+  }, I = (i) => {
     o(
-      D ? `/SearchV2:default?query=${v(
-        t.split(/[ ,]+/)
-      )}` : `/Search:${v(t.split(/[ ,]+/))}`
+      `/SearchV2:default?query=${ne(
+        i.split(/[ ,]+/)
+      )}`
     );
-  }, G = O(), U = O("/authenticated/myaccount");
-  return /* @__PURE__ */ i(p, { children: [
-    /* @__PURE__ */ i("div", { className: "SynapseNavDrawer", children: [
-      /* @__PURE__ */ i(
-        x,
+  }, M = L(), F = L("/authenticated/myaccount");
+  return /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ t("div", { className: "SynapseNavDrawer", children: [
+      /* @__PURE__ */ t(
+        O,
         {
           variant: "permanent",
           className: `SynapseNavDrawerMenu ${d ? "tempDrawerOpen" : ""}`,
@@ -149,24 +148,24 @@ function ze({
                 rel: "noopener noreferrer",
                 onClick: () => o("/Home:x"),
                 "aria-label": "Synapse Home",
-                children: /* @__PURE__ */ e(H, {})
+                children: /* @__PURE__ */ e(G, {})
               }
             ) }),
-            /* @__PURE__ */ i(b, { children: [
-              S && a && /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ t(x, { children: [
+              S && a && /* @__PURE__ */ t(p, { children: [
                 /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     tooltip: "Projects",
                     iconName: "dashboard",
                     onClickOpenNavMenu: 0,
                     isCurrentlySelectedItem: c == 0,
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 ),
                 /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     tooltip: "Favorites",
                     iconName: "favTwoTone",
@@ -174,21 +173,21 @@ function ze({
                       `/Profile:${a.ownerId}/favorites`
                     ),
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 ),
                 /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     tooltip: "Teams",
                     iconName: "peopleTwoTone",
                     onClickGoToPlace: () => o(`/Profile:${a.ownerId}/teams`),
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 ),
                 /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     tooltip: "Challenges",
                     iconName: "challengesTwoTone",
@@ -196,62 +195,62 @@ function ze({
                       `/Profile:${a.ownerId}/challenges`
                     ),
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 ),
                 /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
-                    tooltip: "Download Cart",
+                    tooltip: "Download List",
                     iconName: "download",
                     onClickGoToPlace: () => o("/DownloadCart:0"),
-                    badgeContent: I,
+                    badgeContent: _,
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 ),
                 /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     tooltip: "Trash Can",
                     iconName: "delete",
                     onClickGoToPlace: () => o("/Trash:0"),
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 ),
                 T?.isARReviewer && /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     tooltip: "Data Access Management",
                     iconName: "accessManagement",
                     onClickGoToPlace: () => o("/DataAccessManagement:default/Submissions"),
                     badgeContent: y,
                     handleDrawerClose: n,
-                    handleDrawerOpen: l
+                    handleDrawerOpen: s
                   }
                 )
               ] }),
               /* @__PURE__ */ e(
-                s,
+                l,
                 {
                   tooltip: "Search",
                   iconName: "search",
-                  onClickGoToPlace: () => o(D ? "/SearchV2:default" : "/Search:"),
+                  onClickGoToPlace: () => o("/SearchV2:default"),
                   handleDrawerClose: n,
-                  handleDrawerOpen: l
+                  handleDrawerOpen: s
                 }
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "filler" }),
-            /* @__PURE__ */ i(b, { children: [
+            /* @__PURE__ */ t(x, { children: [
               S && a && /* @__PURE__ */ e(
-                s,
+                l,
                 {
                   tooltip: "Your Account",
                   onClickOpenNavMenu: 6,
                   additionalChildren: /* @__PURE__ */ e(
-                    te,
+                    ee,
                     {
                       userProfile: a,
                       size: "AVATAR",
@@ -260,49 +259,49 @@ function ze({
                   ),
                   isCurrentlySelectedItem: c == 6,
                   handleDrawerClose: n,
-                  handleDrawerOpen: l
+                  handleDrawerOpen: s
                 }
               ),
               !S && /* @__PURE__ */ e(
-                s,
+                l,
                 {
                   tooltip: "Sign in",
                   iconName: "login",
-                  onClickGoToPlace: () => z(
-                    G.toString()
+                  onClickGoToPlace: () => q(
+                    M.toString()
                   ),
                   handleDrawerClose: n,
-                  handleDrawerOpen: l
+                  handleDrawerOpen: s
                 }
               ),
               /* @__PURE__ */ e(
-                s,
+                l,
                 {
                   tooltip: "Help",
                   iconName: "helpOutlined",
                   onClickOpenNavMenu: 7,
                   isCurrentlySelectedItem: c == 7,
                   handleDrawerClose: n,
-                  handleDrawerOpen: l
+                  handleDrawerOpen: s
                 }
               )
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ i(
-        x,
+      /* @__PURE__ */ t(
+        O,
         {
           variant: "temporary",
           open: d,
           className: "SynapseNavContentDrawer",
           onClose: n,
           children: [
-            /* @__PURE__ */ e("div", { className: "synapseLogoNameContainer", children: /* @__PURE__ */ e($, {}) }),
-            /* @__PURE__ */ i("div", { className: "navContentContainer", children: [
-              c == 0 && /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ e("div", { className: "synapseLogoNameContainer", children: /* @__PURE__ */ e(U, {}) }),
+            /* @__PURE__ */ t("div", { className: "navContentContainer", children: [
+              c == 0 && /* @__PURE__ */ t(p, { children: [
                 /* @__PURE__ */ e("div", { className: "header projectHeader", children: "Projects" }),
-                /* @__PURE__ */ e(j, { title: "Create a New Project", placement: "right", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(v, { title: "Create a New Project", placement: "right", children: /* @__PURE__ */ e(
                   "a",
                   {
                     className: "createProjectLink",
@@ -313,17 +312,17 @@ function ze({
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  E,
+                  b,
                   {
                     type: "search",
                     placeholder: "Search All Projects",
                     value: k,
-                    onChange: (t) => {
-                      m(t.target.value);
+                    onChange: (i) => {
+                      m(i.target.value);
                     },
-                    onKeyDown: (t) => {
-                      t.key === "Enter" && t.target.value !== "" && (m(""), n(), M(
-                        t.target.value
+                    onKeyDown: (i) => {
+                      i.key === "Enter" && i.target.value !== "" && (m(""), n(), I(
+                        i.target.value
                       ));
                     },
                     slotProps: {
@@ -333,7 +332,7 @@ function ze({
                     }
                   }
                 ),
-                /* @__PURE__ */ i("div", { className: "linkList", onClick: n, children: [
+                /* @__PURE__ */ t("div", { className: "linkList", onClick: n, children: [
                   /* @__PURE__ */ e(
                     "a",
                     {
@@ -391,14 +390,14 @@ function ze({
                   )
                 ] })
               ] }),
-              c == 6 && /* @__PURE__ */ i(p, { children: [
-                /* @__PURE__ */ i("div", { className: "header", children: [
+              c == 6 && /* @__PURE__ */ t(p, { children: [
+                /* @__PURE__ */ t("div", { className: "header", children: [
                   "Welcome Back,",
                   /* @__PURE__ */ e("br", {}),
                   a?.userName,
                   "!"
                 ] }),
-                /* @__PURE__ */ i("div", { className: "linkList", onClick: n, children: [
+                /* @__PURE__ */ t("div", { className: "linkList", onClick: n, children: [
                   /* @__PURE__ */ e(
                     "a",
                     {
@@ -414,7 +413,7 @@ function ze({
                     "a",
                     {
                       className: "SRC-whiteText",
-                      href: U.toString(),
+                      href: F.toString(),
                       target: "_blank",
                       rel: "noopener noreferrer",
                       children: "Account Settings"
@@ -451,23 +450,23 @@ function ze({
                   )
                 ] })
               ] }),
-              c == 7 && /* @__PURE__ */ i(p, { children: [
+              c == 7 && /* @__PURE__ */ t(p, { children: [
                 /* @__PURE__ */ e("div", { className: "header", children: "Help" }),
                 /* @__PURE__ */ e(
-                  E,
+                  b,
                   {
                     type: "search",
                     placeholder: "Search Documentation",
                     value: g,
-                    onChange: (t) => {
-                      f(t.target.value);
+                    onChange: (i) => {
+                      u(i.target.value);
                     },
-                    onKeyDown: (t) => {
-                      t.key === "Enter" && t.target.value !== "" && (window.open(
+                    onKeyDown: (i) => {
+                      i.key === "Enter" && i.target.value !== "" && (window.open(
                         `https://help.synapse.org/search.html?max=10&s=docs&q=${encodeURI(
-                          t.target.value
+                          i.target.value
                         )}`
-                      ), f(""), n());
+                      ), u(""), n());
                     },
                     slotProps: {
                       input: {
@@ -476,7 +475,7 @@ function ze({
                     }
                   }
                 ),
-                /* @__PURE__ */ i("div", { className: "linkList", onClick: n, children: [
+                /* @__PURE__ */ t("div", { className: "linkList", onClick: n, children: [
                   /* @__PURE__ */ e(
                     "a",
                     {
@@ -491,7 +490,7 @@ function ze({
                     "a",
                     {
                       className: "SRC-whiteText",
-                      onClick: () => o(ne),
+                      onClick: () => o(Z),
                       rel: "noopener noreferrer",
                       target: "_blank",
                       children: "Plans"
@@ -554,7 +553,7 @@ function ze({
       )
     ] }),
     /* @__PURE__ */ e(
-      oe,
+      X,
       {
         onClose: () => R(!1),
         isShowingModal: A
@@ -563,9 +562,9 @@ function ze({
   ] });
 }
 export {
-  ie as NavItem,
-  ze as SynapseNavDrawer,
-  ze as default,
-  Ke as getSearchToken
+  re as NavItem,
+  Je as SynapseNavDrawer,
+  Je as default,
+  We as getSearchToken
 };
 //# sourceMappingURL=SynapseNavDrawer.js.map