synapse-react-client 4.0.3 → 4.0.5

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementItem.js

@@ -1,4 +1,4 @@
-import { jsxs as d, Fragment as S, jsx as i } from "react/jsx-runtime";
+import { jsxs as d, Fragment as w, jsx as i } from "react/jsx-runtime";
 import "../../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -10,10 +10,10 @@ import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
-import { useCallback as k } from "react";
+import { useCallback as y } from "react";
 import "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Alert as w } from "@mui/material";
+import { Alert as S } from "@mui/material";
 import "../../../utils/hooks/useCookiePreferences.js";
 import "../../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -30,8 +30,8 @@ import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
 import { useGetAccessRequirementWikiPageKey as P, useGetAccessRequirementStatus as L, useCancelDataAccessRequest as T } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import { useGetRestrictionInformation as C } from "../../../synapse-queries/dataaccess/useRestrictionInformation.js";
-import { MarkdownSynapse as E } from "../../Markdown/MarkdownSynapse.js";
-import { ManagedACTAccessRequirementItemView as h } from "./ManagedACTAccessRequirementItemView.js";
+import { Markdown as E } from "../../Markdown/MarkdownSynapse.js";
+import { ManagedACTAccessRequirementItemView as M } from "./ManagedACTAccessRequirementItemView.js";
 function de(g) {
   const {
     accessRequirement: e,
@@ -63,26 +63,26 @@ function de(g) {
     mutate: p,
     error: a,
     isPending: A
-  } = T(), j = k(() => {
+  } = T(), j = y(() => {
     t && p({
       submissionId: t.currentSubmissionStatus.submissionId,
       accessRequirementId: String(e.id)
     });
-  }, [e.id, t, p]), y = I || f || b;
+  }, [e.id, t, p]), k = I || f || b;
   let u = null;
-  return (o || s || n || a) && (u = /* @__PURE__ */ d(w, { className: "access-requirement-list-alert", severity: "error", children: [
+  return (o || s || n || a) && (u = /* @__PURE__ */ d(S, { className: "access-requirement-list-alert", severity: "error", children: [
     o && o.reason,
     s && s.reason,
     n && n.reason,
-    a && /* @__PURE__ */ d(S, { children: [
+    a && /* @__PURE__ */ d(w, { children: [
       /* @__PURE__ */ i("strong", { children: "Error canceling your data access request:" }),
       /* @__PURE__ */ i("br", {}),
       a.reason
     ] })
   ] })), /* @__PURE__ */ i(
-    h,
+    M,
     {
-      isLoading: y,
+      isLoading: k,
       accessRequirement: e,
       accessRequirementStatus: t,
       restrictionInformation: q,

package/dist/components/AccessRequirementList/RequirementItem/RequirementItem.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as t, Fragment as g } from "react/jsx-runtime";
 import d, { RequirementItemStatus as p } from "../AccessApprovalCheckMark.js";
-import { styled as s, Box as n, Button as u } from "@mui/material";
+import { Box as n, Button as u, styled as s } from "@mui/material";
 const c = s(n, {
   label: "RequirementContainer"
 })({

package/dist/components/AccessRequirementList/RequirementItem/SelfSignAccessRequirementItem.js

@@ -28,20 +28,20 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import { isTermsOfUseAccessRequirement as j } from "../../../utils/types/IsType.js";
-import { useGetAccessRequirementStatus as B, useGetAccessRequirementWikiPageKey as G, useCreateAccessApproval as D } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { useGetCurrentUserProfile as M, useGetCurrentUserBundle as V } from "../../../synapse-queries/user/useUserBundle.js";
-import { MarkdownSynapse as q } from "../../Markdown/MarkdownSynapse.js";
+import { useGetAccessRequirementStatus as B, useGetAccessRequirementWikiPageKey as G, useCreateAccessApproval as M } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetCurrentUserProfile as D, useGetCurrentUserBundle as V } from "../../../synapse-queries/user/useUserBundle.js";
+import { Markdown as q } from "../../Markdown/MarkdownSynapse.js";
 import { RequirementItemStatus as l } from "../AccessApprovalCheckMark.js";
 import N from "./RequirementItem.js";
 function we(R) {
-  const { accessRequirement: e, onHide: S } = R, { isAuthenticated: n } = b(), c = j(e), { data: f } = M(), { data: i } = V(), m = n && i && !c && e.isCertifiedUserRequired && !i.isCertified, a = n && i && !c && e.isValidatedProfileRequired && !i.isVerified, { data: g, isLoading: w } = B(String(e.id)), p = g?.isApproved, { data: o } = G(
+  const { accessRequirement: e, onHide: S } = R, { isAuthenticated: n } = b(), c = j(e), { data: f } = D(), { data: i } = V(), m = n && i && !c && e.isCertifiedUserRequired && !i.isCertified, a = n && i && !c && e.isValidatedProfileRequired && !i.isVerified, { data: g, isLoading: w } = B(String(e.id)), p = g?.isApproved, { data: o } = G(
     e.id.toString()
     // TermsOfUse ARs may have the terms embedded in the AR or an associated Wiki.
   ), [d, T] = P(!1), {
-    mutate: C,
-    isPending: k,
+    mutate: k,
+    isPending: C,
     error: A
-  } = D({
+  } = M({
     onError: (t) => {
       console.error("Error creating access approval: ", t);
     }
@@ -52,7 +52,7 @@ function we(R) {
       accessorId: f?.ownerId,
       state: O.APPROVED
     };
-    C(t);
+    k(t);
   };
   let s = /* @__PURE__ */ r(h, {});
   c && e.termsOfUse ? s = /* @__PURE__ */ r(q, { markdown: e.termsOfUse }) : o && (s = /* @__PURE__ */ r(
@@ -71,7 +71,7 @@ function we(R) {
         variant: "outlined",
         onClick: y,
         children: t,
-        disabled: k || I
+        disabled: C || I
       },
       {
         variant: "text",

package/dist/components/AccessRequirementList/RequirementItem/UnmanagedACTAccessRequirementItem.js

@@ -5,13 +5,13 @@ import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResp
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
 import "@sage-bionetworks/synapse-types";
 import "../../../utils/functions/EntityTypeUtils.js";
-import { PRODUCTION_ENDPOINT_CONFIG as S } from "../../../utils/functions/getEndpoint.js";
+import { PRODUCTION_ENDPOINT_CONFIG as k } from "../../../utils/functions/getEndpoint.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
 import "../../../utils/SynapseConstants.js";
-import { useState as k } from "react";
+import { useState as S } from "react";
 import { useSynapseContext as b } from "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import { Typography as O, Link as j, Box as P } from "@mui/material";
@@ -30,20 +30,20 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
 import { useGetAccessRequirementStatus as v, useGetAccessRequirementWikiPageKey as x } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { MarkdownSynapse as f } from "../../Markdown/MarkdownSynapse.js";
+import { Markdown as f } from "../../Markdown/MarkdownSynapse.js";
 import { RequirementItemStatus as a } from "../AccessApprovalCheckMark.js";
 import L from "./RequirementItem.js";
 function ft(w) {
   const { accessRequirement: e, subjectId: m, subjectType: p, onHide: n } = w, { isAuthenticated: g } = b(), { data: A, isLoading: C } = v(String(e.id)), { data: o } = x(
     e.id.toString()
     // ACT ARs may have the contact info embedded in the AR or may have an associated Wiki.
-  ), r = A?.isApproved, [s, y] = k(!1);
+  ), r = A?.isApproved, [s, y] = S(!1);
   let c = "";
   typeof window < "u" && (window.location.hostname === "www.synapse.org" || window.location.hostname === "staging.synapse.org") ? c = "Request access" : c = "Request access via Synapse.org";
   const T = () => {
     const h = p ? `&TYPE=${p}` : "", q = m ? `&ID=${m}` : "";
     window.open(
-      `${S.PORTAL}AccessRequirement:AR_ID=${e.id}${h}${q}`
+      `${k.PORTAL}AccessRequirement:AR_ID=${e.id}${h}${q}`
     );
   }, R = () => {
     T(), n && n();

package/dist/components/AcknowledgementsPage/AcknowledgementsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AcknowledgementsPage.d.ts","sourceRoot":"","sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAIlE,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,oBAAoB,CAAA;IACjD,qBAAqB,CAAC,EAAE,oBAAoB,CAAA;IAC5C,uBAAuB,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAsOlE;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"AcknowledgementsPage.d.ts","sourceRoot":"","sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAIlE,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,oBAAoB,CAAA;IACjD,qBAAqB,CAAC,EAAE,oBAAoB,CAAA;IAC5C,uBAAuB,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAuOlE;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/AcknowledgementsPage/AcknowledgementsPage.js

@@ -1,5 +1,5 @@
-import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { Container as D, Typography as t, Box as T, Link as I, Button as p } from "@mui/material";
+import { jsxs as n, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { Container as D, Typography as t, Box as T, Link as I, Button as u } from "@mui/material";
 import { useState as o, useCallback as O } from "react";
 import { ReactComponent as P } from "../../assets/illustrations/acknowledgement_statements_illustration.svg.js";
 import W from "../TextToComponentCollapse.js";
@@ -14,15 +14,15 @@ function M(g) {
     portalAcknowledgementProps: s,
     dataAvailabilityProps: c,
     studyAcknowledgementSql: f
-  } = g, [x, h] = o(!1), [y, w] = o(), [k, v] = o(), [n, C] = o([]), S = O(
-    () => h(!1),
+  } = g, [x, m] = o(!1), [y, w] = o(), [v, k] = o(), [a, C] = o([]), S = O(
+    () => m(!1),
     []
   );
-  return /* @__PURE__ */ a(d, { children: [
-    /* @__PURE__ */ a(D, { maxWidth: "lg", sx: { mt: "2em", mb: "2em" }, children: [
+  return /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ n(D, { maxWidth: "lg", sx: { mt: "2em", mb: "2em" }, children: [
       /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: "How to acknowledge data from this portal" }),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ a(t, { variant: "body1", sx: { mb: "1em" }, children: [
+      /* @__PURE__ */ n(t, { variant: "body1", sx: { mb: "1em" }, children: [
         "The data available in the ",
         i,
         " would not be possible without the participation of research volunteers and the contribution of data by collaborating researchers. All use of data from the ",
@@ -30,7 +30,7 @@ function M(g) {
         " ",
         "must be acknowledged and referenced appropriately."
       ] }),
-      /* @__PURE__ */ a(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: [
+      /* @__PURE__ */ n(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: [
         "All publications using ",
         i,
         " data must include the provided statements:"
@@ -38,7 +38,7 @@ function M(g) {
       /* @__PURE__ */ e(T, { sx: { mb: "2em", svg: { maxWidth: "100%" } }, children: /* @__PURE__ */ e(P, {}) }),
       /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: "How to use this page:" }),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ a(t, { variant: "body1", sx: { mb: ".5em" }, children: [
+      /* @__PURE__ */ n(t, { variant: "body1", sx: { mb: ".5em" }, children: [
         "This page will guide you through creating the acknowledgement statements required when publishing with ",
         i,
         " data."
@@ -47,6 +47,7 @@ function M(g) {
         t,
         {
           variant: "body1",
+          component: "div",
           sx: {
             mb: "2em",
             "& li::marker": {
@@ -54,24 +55,24 @@ function M(g) {
               // bold the number
             }
           },
-          children: /* @__PURE__ */ a("ol", { children: [
-            /* @__PURE__ */ a("li", { children: [
+          children: /* @__PURE__ */ n("ol", { children: [
+            /* @__PURE__ */ n("li", { children: [
               /* @__PURE__ */ e("strong", { children: "Select study acknowledgement statements" }),
               /* @__PURE__ */ e("br", {}),
               "From the list below, select all the studies whose data you used. Each study has a pre-written acknowledgement statement that must be included in your publication."
             ] }),
-            /* @__PURE__ */ a("li", { children: [
+            /* @__PURE__ */ n("li", { children: [
               /* @__PURE__ */ e("strong", { children: "Generate compiled statement" }),
               /* @__PURE__ */ e("br", {}),
               "Click the Generate Compiled Statement button at the bottom of the page. This will compile:",
-              /* @__PURE__ */ a("ul", { children: [
+              /* @__PURE__ */ n("ul", { children: [
                 /* @__PURE__ */ e("li", { children: "The Portal Acknowledgement Statement" }),
                 /* @__PURE__ */ e("li", { children: "The acknowledgement(s) for the studies you selected" }),
                 /* @__PURE__ */ e("li", { children: "A template data availability statement" })
               ] }),
               /* @__PURE__ */ e("i", { children: "Important: You will need to edit the compiled statement to add a brief description of the data used in your manuscript and a DOI that points to your dataset." })
             ] }),
-            /* @__PURE__ */ a("li", { children: [
+            /* @__PURE__ */ n("li", { children: [
               /* @__PURE__ */ e("strong", { children: "Create a DOI for your dataset" }),
               /* @__PURE__ */ e("br", {}),
               "As part of the data availability statement, you will need to create a dataset that captures all files used in your publication and mint the dataset with a persistent Digital Object Identifier (DOI). For more instructions read ",
@@ -88,7 +89,7 @@ function M(g) {
           ] })
         }
       ),
-      /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 1, style: { paddingInlineStart: "20px" }, children: /* @__PURE__ */ e("li", { children: "Select study acknowledgement statements" }) }) }),
+      /* @__PURE__ */ e(t, { component: "div", variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 1, style: { paddingInlineStart: "20px" }, children: /* @__PURE__ */ e("li", { children: "Select study acknowledgement statements" }) }) }),
       /* @__PURE__ */ e("hr", {}),
       /* @__PURE__ */ e(t, { variant: "body1", children: "From the list below, select all studies whose data you used. Each study has a pre-written acknowledgement statement that must be included in your publication." }),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "2em" }, children: 'You can also expand each section for detailed information or click "Copy full statement to clipboard" to save the text.' }),
@@ -98,31 +99,31 @@ function M(g) {
           sql: f,
           onSelectChange: (r, A) => {
             if (A)
-              n.push(r);
+              a.push(r);
             else {
-              const m = n.findIndex(
-                (u) => u.title === r.title && u.statement === r.statement
+              const h = a.findIndex(
+                (p) => p.title === r.title && p.statement === r.statement
               );
-              m > -1 && n.splice(m, 1);
+              h > -1 && a.splice(h, 1);
             }
-            C([...n]);
+            C([...a]);
           }
         }
       ),
-      /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 2, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Generate compiled statement" }) }) }),
+      /* @__PURE__ */ e(t, { variant: "h5", component: "div", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 2, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Generate compiled statement" }) }) }),
       /* @__PURE__ */ e("hr", {}),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: "Click to generate a compiled statement for your publication." }),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "The generated text will include your selected study acknowledgement statements and all other required statements listed below." }),
       /* @__PURE__ */ e(
-        p,
+        u,
         {
           variant: "contained",
-          onClick: () => h(!0),
+          onClick: () => m(!0),
           sx: { mb: "3em" },
           children: "Generate compiled statement"
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         W,
         {
           text: "Click to see other text included in the compiled statement",
@@ -132,7 +133,7 @@ function M(g) {
           collapseBoxSx: { backgroundColor: "unset", p: "20px 0px" },
           iconSx: { width: "20px", height: "20px" },
           children: [
-            s && /* @__PURE__ */ a(d, { children: [
+            s && /* @__PURE__ */ n(d, { children: [
               /* @__PURE__ */ e(t, { variant: "h5", sx: { fontSize: "18px", mb: "1em" }, children: "Portal Acknowledgement Statement (Required)" }),
               /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "This statement is required and automatically included in the compiled statement" }),
               /* @__PURE__ */ e(
@@ -145,14 +146,14 @@ function M(g) {
                 }
               )
             ] }),
-            c && /* @__PURE__ */ a(d, { children: [
+            c && /* @__PURE__ */ n(d, { children: [
               /* @__PURE__ */ e(t, { variant: "h5", sx: { fontSize: "18px", m: "1em 0" }, children: "Data Availability Statement (Required)" }),
               /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "This statement is required and automatically included in the compiled statement" }),
               /* @__PURE__ */ e(
                 b,
                 {
                   ...c,
-                  setPlainTextResult: v,
+                  setPlainTextResult: k,
                   textDescription: "full statement",
                   showCopyPlainText: !0
                 }
@@ -162,11 +163,11 @@ function M(g) {
         }
       ),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 3, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Create a DOI for your dataset" }) }) }),
+      /* @__PURE__ */ e(t, { variant: "h5", component: "div", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 3, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Create a DOI for your dataset" }) }) }),
       /* @__PURE__ */ e("hr", {}),
       /* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "A digital object identifier (DOI) provides a persistent identifier that allows readers to find the data cited in your publication. Creating a DOI in the Synapse platform is free and required as part of the data availability statement." }),
-      /* @__PURE__ */ a(
-        p,
+      /* @__PURE__ */ n(
+        u,
         {
           variant: "outlined",
           href: l,
@@ -186,8 +187,8 @@ function M(g) {
         onClose: S,
         createDoiHelpUrl: l,
         portalAcknowledgement: y,
-        dataAvailabilityStatement: k,
-        studyAcknowledgements: n
+        dataAvailabilityStatement: v,
+        studyAcknowledgements: a
       }
     )
   ] });

package/dist/components/AcknowledgementsPage/AcknowledgementsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcknowledgementsPage.js","sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"sourcesContent":["import { Box, Button, Container, Link, Typography } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { ReactComponent as AcknowledgementStatementsIllustration } from '../../assets/illustrations/acknowledgement_statements_illustration.svg'\nimport TextToComponentCollapse from '../TextToComponentCollapse'\nimport AcknowledgementsDialog from './AcknowledgementsDialog'\nimport { MarkdownSynapseProps } from '../Markdown/MarkdownSynapse'\nimport MarkdownCollapse from '../Markdown/MarkdownCollapse'\nimport { StudyAcknowledgements } from './StudyAcknowledgements'\nimport { LaunchTwoTone } from '@mui/icons-material'\nexport type AcknowledgementPageProps = {\n  portalName: string\n  createDoiHelpUrl: string\n  portalAcknowledgementProps?: MarkdownSynapseProps\n  dataAvailabilityProps?: MarkdownSynapseProps\n  studyAcknowledgementSql: string\n}\n\nexport type AcknowledgementItem = {\n  title: string\n  statement: string\n}\n\nexport function AcknowledgementPage(props: AcknowledgementPageProps) {\n  const {\n    portalName,\n    createDoiHelpUrl,\n    portalAcknowledgementProps,\n    dataAvailabilityProps,\n    studyAcknowledgementSql,\n  } = props\n  const [isAcknowledgementsDialogOpen, setAcknowledgementsDialogOpen] =\n    useState<boolean>(false)\n\n  const [portalAcknowledgement, setPortalAcknowledgement] = useState<string>()\n  const [dataAvailabilityStatement, setDataAvailabilityStatement] =\n    useState<string>()\n  const [acknowledgementItems, setAcknowledgementItems] = useState<\n    AcknowledgementItem[]\n  >([])\n  const handleCloseDialog = useCallback(\n    () => setAcknowledgementsDialogOpen(false),\n    [],\n  )\n  return (\n    <>\n      <Container maxWidth={'lg'} sx={{ mt: '2em', mb: '2em' }}>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to acknowledge data from this portal\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The data available in the {portalName} would not be possible without\n          the participation of research volunteers and the contribution of data\n          by collaborating researchers. All use of data from the {portalName}{' '}\n          must be acknowledged and referenced appropriately.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          All publications using {portalName} data must include the provided\n          statements:\n        </Typography>\n        <Box sx={{ mb: '2em', svg: { maxWidth: '100%' } }}>\n          <AcknowledgementStatementsIllustration />\n        </Box>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to use this page:\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '.5em' }}>\n          This page will guide you through creating the acknowledgement\n          statements required when publishing with {portalName} data.\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          sx={{\n            mb: '2em',\n            '& li::marker': {\n              fontWeight: 'bold', // bold the number\n            },\n          }}\n        >\n          <ol>\n            <li>\n              <strong>Select study acknowledgement statements</strong>\n              <br />\n              From the list below, select all the studies whose data you used.\n              Each study has a pre-written acknowledgement statement that must\n              be included in your publication.\n            </li>\n            <li>\n              <strong>Generate compiled statement</strong>\n              <br />\n              Click the Generate Compiled Statement button at the bottom of the\n              page. This will compile:\n              <ul>\n                <li>The Portal Acknowledgement Statement</li>\n                <li>The acknowledgement(s) for the studies you selected</li>\n                <li>A template data availability statement</li>\n              </ul>\n              <i>\n                Important: You will need to edit the compiled statement to add a\n                brief description of the data used in your manuscript and a DOI\n                that points to your dataset.\n              </i>\n            </li>\n            <li>\n              <strong>Create a DOI for your dataset</strong>\n              <br />\n              As part of the data availability statement, you will need to\n              create a dataset that captures all files used in your publication\n              and mint the dataset with a persistent Digital Object Identifier\n              (DOI). For more instructions read&nbsp;\n              <Link\n                href={createDoiHelpUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                How to get a DOI for your Publication\n              </Link>\n            </li>\n          </ol>\n        </Typography>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          <ol start={1} style={{ paddingInlineStart: '20px' }}>\n            <li>Select study acknowledgement statements</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\">\n          From the list below, select all studies whose data you used. Each\n          study has a pre-written acknowledgement statement that must be\n          included in your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '2em' }}>\n          You can also expand each section for detailed information or click\n          \"Copy full statement to clipboard\" to save the text.\n        </Typography>\n        <StudyAcknowledgements\n          sql={studyAcknowledgementSql}\n          onSelectChange={(item, checked) => {\n            if (checked) {\n              // add\n              acknowledgementItems.push(item)\n            } else {\n              // remove\n              const index = acknowledgementItems.findIndex(\n                i => i.title === item.title && i.statement === item.statement,\n              )\n              if (index > -1) {\n                acknowledgementItems.splice(index, 1)\n              }\n            }\n            setAcknowledgementItems([...acknowledgementItems])\n          }}\n        />\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          <ol start={2} style={{ paddingInlineStart: '25px' }}>\n            <li>Generate compiled statement</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          Click to generate a compiled statement for your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The generated text will include your selected study acknowledgement\n          statements and all other required statements listed below.\n        </Typography>\n        <Button\n          variant=\"contained\"\n          onClick={() => setAcknowledgementsDialogOpen(true)}\n          sx={{ mb: '3em' }}\n        >\n          Generate compiled statement\n        </Button>\n        <TextToComponentCollapse\n          text={'Click to see other text included in the compiled statement'}\n          textVariant=\"h5\"\n          textSx={{ fontSize: '16px', fontWeight: 'bold' }}\n          textContainerSx={{ backgroundColor: 'unset', p: 0 }}\n          collapseBoxSx={{ backgroundColor: 'unset', p: '20px 0px' }}\n          iconSx={{ width: '20px', height: '20px' }}\n        >\n          {portalAcknowledgementProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', mb: '1em' }}>\n                Portal Acknowledgement Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...portalAcknowledgementProps}\n                setPlainTextResult={setPortalAcknowledgement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n          {dataAvailabilityProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', m: '1em 0' }}>\n                Data Availability Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...dataAvailabilityProps}\n                setPlainTextResult={setDataAvailabilityStatement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n        </TextToComponentCollapse>\n        <hr />\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          <ol start={3} style={{ paddingInlineStart: '25px' }}>\n            <li>Create a DOI for your dataset</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          A digital object identifier (DOI) provides a persistent identifier\n          that allows readers to find the data cited in your publication.\n          Creating a DOI in the Synapse platform is free and required as part of\n          the data availability statement.\n        </Typography>\n\n        <Button\n          variant=\"outlined\"\n          href={createDoiHelpUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <LaunchTwoTone sx={{ mr: '0.5em' }} />\n          Learn how to get a DOI for your publication\n        </Button>\n      </Container>\n\n      <AcknowledgementsDialog\n        open={isAcknowledgementsDialogOpen}\n        onClose={handleCloseDialog}\n        createDoiHelpUrl={createDoiHelpUrl}\n        portalAcknowledgement={portalAcknowledgement}\n        dataAvailabilityStatement={dataAvailabilityStatement}\n        studyAcknowledgements={acknowledgementItems}\n      />\n    </>\n  )\n}\n\nexport default AcknowledgementPage\n"],"names":["AcknowledgementPage","props","portalName","createDoiHelpUrl","portalAcknowledgementProps","dataAvailabilityProps","studyAcknowledgementSql","isAcknowledgementsDialogOpen","setAcknowledgementsDialogOpen","useState","portalAcknowledgement","setPortalAcknowledgement","dataAvailabilityStatement","setDataAvailabilityStatement","acknowledgementItems","setAcknowledgementItems","handleCloseDialog","useCallback","jsxs","Fragment","Container","jsx","Typography","Box","AcknowledgementStatementsIllustration","Link","StudyAcknowledgements","item","checked","index","i","Button","TextToComponentCollapse","MarkdownCollapse","LaunchTwoTone","AcknowledgementsDialog"],"mappings":"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"}
+{"version":3,"file":"AcknowledgementsPage.js","sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"sourcesContent":["import { Box, Button, Container, Link, Typography } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { ReactComponent as AcknowledgementStatementsIllustration } from '../../assets/illustrations/acknowledgement_statements_illustration.svg'\nimport TextToComponentCollapse from '../TextToComponentCollapse'\nimport AcknowledgementsDialog from './AcknowledgementsDialog'\nimport { MarkdownSynapseProps } from '../Markdown/MarkdownSynapse'\nimport MarkdownCollapse from '../Markdown/MarkdownCollapse'\nimport { StudyAcknowledgements } from './StudyAcknowledgements'\nimport { LaunchTwoTone } from '@mui/icons-material'\nexport type AcknowledgementPageProps = {\n  portalName: string\n  createDoiHelpUrl: string\n  portalAcknowledgementProps?: MarkdownSynapseProps\n  dataAvailabilityProps?: MarkdownSynapseProps\n  studyAcknowledgementSql: string\n}\n\nexport type AcknowledgementItem = {\n  title: string\n  statement: string\n}\n\nexport function AcknowledgementPage(props: AcknowledgementPageProps) {\n  const {\n    portalName,\n    createDoiHelpUrl,\n    portalAcknowledgementProps,\n    dataAvailabilityProps,\n    studyAcknowledgementSql,\n  } = props\n  const [isAcknowledgementsDialogOpen, setAcknowledgementsDialogOpen] =\n    useState<boolean>(false)\n\n  const [portalAcknowledgement, setPortalAcknowledgement] = useState<string>()\n  const [dataAvailabilityStatement, setDataAvailabilityStatement] =\n    useState<string>()\n  const [acknowledgementItems, setAcknowledgementItems] = useState<\n    AcknowledgementItem[]\n  >([])\n  const handleCloseDialog = useCallback(\n    () => setAcknowledgementsDialogOpen(false),\n    [],\n  )\n  return (\n    <>\n      <Container maxWidth={'lg'} sx={{ mt: '2em', mb: '2em' }}>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to acknowledge data from this portal\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The data available in the {portalName} would not be possible without\n          the participation of research volunteers and the contribution of data\n          by collaborating researchers. All use of data from the {portalName}{' '}\n          must be acknowledged and referenced appropriately.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          All publications using {portalName} data must include the provided\n          statements:\n        </Typography>\n        <Box sx={{ mb: '2em', svg: { maxWidth: '100%' } }}>\n          <AcknowledgementStatementsIllustration />\n        </Box>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to use this page:\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '.5em' }}>\n          This page will guide you through creating the acknowledgement\n          statements required when publishing with {portalName} data.\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          component={'div'}\n          sx={{\n            mb: '2em',\n            '& li::marker': {\n              fontWeight: 'bold', // bold the number\n            },\n          }}\n        >\n          <ol>\n            <li>\n              <strong>Select study acknowledgement statements</strong>\n              <br />\n              From the list below, select all the studies whose data you used.\n              Each study has a pre-written acknowledgement statement that must\n              be included in your publication.\n            </li>\n            <li>\n              <strong>Generate compiled statement</strong>\n              <br />\n              Click the Generate Compiled Statement button at the bottom of the\n              page. This will compile:\n              <ul>\n                <li>The Portal Acknowledgement Statement</li>\n                <li>The acknowledgement(s) for the studies you selected</li>\n                <li>A template data availability statement</li>\n              </ul>\n              <i>\n                Important: You will need to edit the compiled statement to add a\n                brief description of the data used in your manuscript and a DOI\n                that points to your dataset.\n              </i>\n            </li>\n            <li>\n              <strong>Create a DOI for your dataset</strong>\n              <br />\n              As part of the data availability statement, you will need to\n              create a dataset that captures all files used in your publication\n              and mint the dataset with a persistent Digital Object Identifier\n              (DOI). For more instructions read&nbsp;\n              <Link\n                href={createDoiHelpUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                How to get a DOI for your Publication\n              </Link>\n            </li>\n          </ol>\n        </Typography>\n        <Typography component={'div'} variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          <ol start={1} style={{ paddingInlineStart: '20px' }}>\n            <li>Select study acknowledgement statements</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\">\n          From the list below, select all studies whose data you used. Each\n          study has a pre-written acknowledgement statement that must be\n          included in your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '2em' }}>\n          You can also expand each section for detailed information or click\n          \"Copy full statement to clipboard\" to save the text.\n        </Typography>\n        <StudyAcknowledgements\n          sql={studyAcknowledgementSql}\n          onSelectChange={(item, checked) => {\n            if (checked) {\n              // add\n              acknowledgementItems.push(item)\n            } else {\n              // remove\n              const index = acknowledgementItems.findIndex(\n                i => i.title === item.title && i.statement === item.statement,\n              )\n              if (index > -1) {\n                acknowledgementItems.splice(index, 1)\n              }\n            }\n            setAcknowledgementItems([...acknowledgementItems])\n          }}\n        />\n        <Typography variant=\"h5\" component={'div'} sx={{ fontWeight: 'bold' }}>\n          <ol start={2} style={{ paddingInlineStart: '25px' }}>\n            <li>Generate compiled statement</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          Click to generate a compiled statement for your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The generated text will include your selected study acknowledgement\n          statements and all other required statements listed below.\n        </Typography>\n        <Button\n          variant=\"contained\"\n          onClick={() => setAcknowledgementsDialogOpen(true)}\n          sx={{ mb: '3em' }}\n        >\n          Generate compiled statement\n        </Button>\n        <TextToComponentCollapse\n          text={'Click to see other text included in the compiled statement'}\n          textVariant=\"h5\"\n          textSx={{ fontSize: '16px', fontWeight: 'bold' }}\n          textContainerSx={{ backgroundColor: 'unset', p: 0 }}\n          collapseBoxSx={{ backgroundColor: 'unset', p: '20px 0px' }}\n          iconSx={{ width: '20px', height: '20px' }}\n        >\n          {portalAcknowledgementProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', mb: '1em' }}>\n                Portal Acknowledgement Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...portalAcknowledgementProps}\n                setPlainTextResult={setPortalAcknowledgement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n          {dataAvailabilityProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', m: '1em 0' }}>\n                Data Availability Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...dataAvailabilityProps}\n                setPlainTextResult={setDataAvailabilityStatement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n        </TextToComponentCollapse>\n        <hr />\n        <Typography variant=\"h5\" component={'div'} sx={{ fontWeight: 'bold' }}>\n          <ol start={3} style={{ paddingInlineStart: '25px' }}>\n            <li>Create a DOI for your dataset</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          A digital object identifier (DOI) provides a persistent identifier\n          that allows readers to find the data cited in your publication.\n          Creating a DOI in the Synapse platform is free and required as part of\n          the data availability statement.\n        </Typography>\n\n        <Button\n          variant=\"outlined\"\n          href={createDoiHelpUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <LaunchTwoTone sx={{ mr: '0.5em' }} />\n          Learn how to get a DOI for your publication\n        </Button>\n      </Container>\n\n      <AcknowledgementsDialog\n        open={isAcknowledgementsDialogOpen}\n        onClose={handleCloseDialog}\n        createDoiHelpUrl={createDoiHelpUrl}\n        portalAcknowledgement={portalAcknowledgement}\n        dataAvailabilityStatement={dataAvailabilityStatement}\n        studyAcknowledgements={acknowledgementItems}\n      />\n    </>\n  )\n}\n\nexport default AcknowledgementPage\n"],"names":["AcknowledgementPage","props","portalName","createDoiHelpUrl","portalAcknowledgementProps","dataAvailabilityProps","studyAcknowledgementSql","isAcknowledgementsDialogOpen","setAcknowledgementsDialogOpen","useState","portalAcknowledgement","setPortalAcknowledgement","dataAvailabilityStatement","setDataAvailabilityStatement","acknowledgementItems","setAcknowledgementItems","handleCloseDialog","useCallback","jsxs","Fragment","Container","jsx","Typography","Box","AcknowledgementStatementsIllustration","Link","StudyAcknowledgements","item","checked","index","i","Button","TextToComponentCollapse","MarkdownCollapse","LaunchTwoTone","AcknowledgementsDialog"],"mappings":"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"}

package/dist/components/AclEditor/AclEditor.js

@@ -4,10 +4,10 @@ import { Box as t, Typography as n, Collapse as S, Button as k, Tooltip as D, Fo
 import { noop as X } from "lodash-es";
 import { TransitionGroup as j } from "react-transition-group";
 import b from "../IconSvg/IconSvg.js";
-import F from "../UserSearchBox/UserSearchBoxV2.js";
-import { AclEditorSkeleton as V } from "./AclEditorSkeleton.js";
-import { ResourceAccessItem as Y } from "./ResourceAccessItem.js";
-const H = "Add a user or team", z = "Make Public", K = "Remove Public Access", W = "Notify people via email";
+import F from "../UserSearchBox/UserSearchBox.js";
+import { AclEditorSkeleton as Y } from "./AclEditorSkeleton.js";
+import { ResourceAccessItem as H } from "./ResourceAccessItem.js";
+const V = "Add a user or team", z = "Make Public", K = "Remove Public Access", W = "Notify people via email";
 function te(v) {
   const {
     resourceAccessList: s,
@@ -35,7 +35,7 @@ function te(v) {
     R
   ].filter((i) => i !== void 0);
   if (x || g)
-    return /* @__PURE__ */ e(V, {});
+    return /* @__PURE__ */ e(Y, {});
   const E = !!s.find(
     (i) => f.some((r) => i.principalId === Number(r))
   ) ? {
@@ -74,7 +74,7 @@ function te(v) {
           s.length === 0 ? /* @__PURE__ */ e(n, { variant: "body1Italic", children: C }) : /* @__PURE__ */ e(j, { children: s.map((i) => {
             const r = typeof o == "function" ? o(i) : o, N = typeof l == "function" ? l(i) : l, O = u ? u(i) : void 0;
             return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-              Y,
+              H,
               {
                 resourceAccess: i,
                 availablePermissionLevels: I,
@@ -123,7 +123,7 @@ function te(v) {
             component: "label",
             variant: "smallText2",
             htmlFor: "reviewer-search",
-            children: H
+            children: V
           }
         ),
         /* @__PURE__ */ e(
@@ -184,7 +184,7 @@ function te(v) {
   ] });
 }
 export {
-  H as ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,
+  V as ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,
   z as ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,
   te as AclEditor,
   W as NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL,

package/dist/components/AclEditor/AclEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AclEditor.js","sources":["../../../src/components/AclEditor/AclEditor.tsx"],"sourcesContent":["import { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport {\n  Box,\n  Button,\n  ButtonProps,\n  Checkbox,\n  Collapse,\n  FormControlLabel,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport React, { ReactNode } from 'react'\nimport { TransitionGroup } from 'react-transition-group'\nimport IconSvg from '../IconSvg'\nimport UserSearchBoxV2 from '../UserSearchBox/UserSearchBoxV2'\nimport { AclEditorSkeleton } from './AclEditorSkeleton'\nimport { ResourceAccessItem } from './ResourceAccessItem'\nimport useUpdateAcl from './useUpdateAcl'\n\nexport const ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL = 'Add a user or team'\nexport const ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Make Public'\nexport const REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Remove Public Access'\n\nexport type AclEditorProps = {\n  resourceAccessList: ResourceAccess[]\n  availablePermissionLevels: PermissionLevel[]\n  /** If true, the user can edit the ACL. If a function, it will be called with the ResourceAccess to determine if the user can edit it. */\n  canEdit: boolean | ((resourceAccess: ResourceAccess) => boolean)\n  /** If true, object ACL is inherited from another object */\n  isInherited: boolean\n  /**\n   * If true, the user can remove any entry from the ACL. a function, it will be called with the ResourceAccess to determine if the user can remove it.\n   * If undefined, then the behavior will fall back to the value of `canEdit`\n   */\n  canRemoveEntry?: boolean | ((resourceAccess: ResourceAccess) => boolean)\n  isLoading?: boolean\n  emptyText: ReactNode\n  onAddPrincipalToAcl: (id: number) => void\n  updateResourceAccessItem: ReturnType<\n    typeof useUpdateAcl\n  >['updateResourceAccessItem']\n  removeResourceAccessItem: ReturnType<\n    typeof useUpdateAcl\n  >['removeResourceAccessItem']\n  /** If true, shows a button to add/remove AUTHENTICATED and PUBLIC groups when in edit mode */\n  showAddRemovePublicButton: boolean\n  /** If present, a checkbox to notify those added to the email will be shown. */\n  showNotifyCheckbox: boolean\n  notifyCheckboxValue?: boolean\n  onNotifyCheckboxChange?: (checked: boolean) => void\n  /**\n   * In special cases, can be used to display a permission level that is different from the typical permission levels.\n   * For example, the PUBLIC group \"Can download\" an entity if they have READ access and the entity is marked as\n   * \"open data\" (open data status is not captured in the ResourceAccess)\n   */\n  displayedPermissionLevelOverride?: (\n    resourceAccess: ResourceAccess,\n  ) => string | undefined\n}\n\nexport const NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL = 'Notify people via email'\n\nexport function AclEditor(props: AclEditorProps): React.ReactNode {\n  const {\n    resourceAccessList,\n    availablePermissionLevels,\n    canEdit,\n    isInherited,\n    canRemoveEntry = canEdit,\n    isLoading = false,\n    emptyText,\n    onAddPrincipalToAcl,\n    updateResourceAccessItem,\n    removeResourceAccessItem,\n    showAddRemovePublicButton,\n    showNotifyCheckbox,\n    notifyCheckboxValue,\n    onNotifyCheckboxChange = noop,\n    displayedPermissionLevelOverride,\n  } = props\n\n  const { data, isLoading: isLoadingRealmPrincipals } = useGetRealmPrincipals()\n  const realmPrincipals = data || {}\n  const {\n    authenticatedUsers: authenticatedUsersId,\n    publicGroup: publicGroupId,\n    anonymousUser: anonymousUserId,\n  } = realmPrincipals\n\n  const publicPrincipalIds = [\n    authenticatedUsersId,\n    publicGroupId,\n    anonymousUserId,\n  ].filter((id): id is string => id !== undefined)\n\n  if (isLoading || isLoadingRealmPrincipals) {\n    return <AclEditorSkeleton />\n  }\n\n  const resourceAccessListCurrentlyIncludesPublic = Boolean(\n    resourceAccessList.find(resourceAccess =>\n      publicPrincipalIds.some(id => resourceAccess.principalId === Number(id)),\n    ),\n  )\n\n  const addOrRemovePublicButtonProps: ButtonProps =\n    resourceAccessListCurrentlyIncludesPublic\n      ? {\n          startIcon: <IconSvg icon={'close'} wrap={false} />,\n          children: REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n          onClick: () => {\n            publicPrincipalIds.forEach(publicId => {\n              removeResourceAccessItem(Number(publicId))\n            })\n          },\n        }\n      : {\n          startIcon: <IconSvg icon={'public'} wrap={false} />,\n          children: ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n          onClick: () => {\n            if (publicGroupId) onAddPrincipalToAcl(Number(publicGroupId))\n            if (authenticatedUsersId)\n              onAddPrincipalToAcl(Number(authenticatedUsersId))\n          },\n        }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          mb: '30px',\n        }}\n      >\n        <Typography\n          variant=\"headline3\"\n          sx={{\n            mb: '10px',\n          }}\n        >\n          Users and Teams with Permissions\n        </Typography>\n\n        {resourceAccessList.length === 0 ? (\n          <Typography variant=\"body1Italic\">{emptyText}</Typography>\n        ) : (\n          <TransitionGroup>\n            {resourceAccessList.map(resourceAccess => {\n              const canChangePermission =\n                typeof canEdit === 'function'\n                  ? canEdit(resourceAccess)\n                  : canEdit\n              const canDelete =\n                typeof canRemoveEntry === 'function'\n                  ? canRemoveEntry(resourceAccess)\n                  : canRemoveEntry\n\n              const permissionLevelOverride = displayedPermissionLevelOverride\n                ? displayedPermissionLevelOverride(resourceAccess)\n                : undefined\n              return (\n                <Collapse key={resourceAccess.principalId}>\n                  <ResourceAccessItem\n                    resourceAccess={resourceAccess}\n                    availablePermissionLevels={availablePermissionLevels}\n                    canChangePermission={canChangePermission}\n                    displayedPermissionLevelOverride={permissionLevelOverride}\n                    showDeleteButton={canDelete}\n                    onChange={accessType =>\n                      updateResourceAccessItem(\n                        resourceAccess.principalId,\n                        accessType,\n                      )\n                    }\n                    onRemove={() =>\n                      removeResourceAccessItem(resourceAccess.principalId)\n                    }\n                  />\n                </Collapse>\n              )\n            })}\n          </TransitionGroup>\n        )}\n      </Box>\n      {canEdit && (\n        <Box>\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              mb: '10px',\n            }}\n          >\n            Add More\n          </Typography>\n          <Typography\n            sx={{\n              mb: '20px',\n              variant: 'body1',\n              lineHeight: '20px',\n              fontStyle: 'italic',\n              color: 'text.secondary',\n            }}\n          >\n            Search for a username or team to add. You can search by username,\n            first or last names, or team name.\n          </Typography>\n          <Box sx={{ mb: 1 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"reviewer-search\"\n            >\n              {ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL}\n            </Typography>\n            <UserSearchBoxV2\n              value={null}\n              inputId=\"reviewer-search\"\n              placeholder=\"Username, name (first and last) or team name.\"\n              onChange={id => {\n                const parsedId = parseInt(id || '')\n                if (parsedId) {\n                  onAddPrincipalToAcl(parsedId)\n                }\n              }}\n            />\n          </Box>\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              gap: 2,\n            }}\n          >\n            <Box>\n              {showAddRemovePublicButton && (\n                <Button\n                  size={'small'}\n                  variant={'outlined'}\n                  {...addOrRemovePublicButtonProps}\n                />\n              )}\n            </Box>\n            {showNotifyCheckbox && (\n              <Tooltip\n                title={\n                  'Select to notify newly added people that this item has been shared with them'\n                }\n              >\n                <FormControlLabel\n                  sx={{ mr: 0 }}\n                  control={\n                    <Checkbox\n                      value={notifyCheckboxValue}\n                      onChange={() =>\n                        onNotifyCheckboxChange(!notifyCheckboxValue)\n                      }\n                    />\n                  }\n                  label={\n                    <Typography variant={'smallText1'}>\n                      {NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL}\n                    </Typography>\n                  }\n                />\n              </Tooltip>\n            )}\n          </Box>\n        </Box>\n      )}\n      {!canEdit && !isInherited && (\n        <Typography variant={'body1'}>\n          You do not have sufficient privileges to modify the sharing settings.\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"names":["ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL","ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT","REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT","NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL","AclEditor","props","resourceAccessList","availablePermissionLevels","canEdit","isInherited","canRemoveEntry","isLoading","emptyText","onAddPrincipalToAcl","updateResourceAccessItem","removeResourceAccessItem","showAddRemovePublicButton","showNotifyCheckbox","notifyCheckboxValue","onNotifyCheckboxChange","noop","displayedPermissionLevelOverride","data","isLoadingRealmPrincipals","useGetRealmPrincipals","realmPrincipals","authenticatedUsersId","publicGroupId","anonymousUserId","publicPrincipalIds","id","AclEditorSkeleton","addOrRemovePublicButtonProps","resourceAccess","jsx","IconSvg","publicId","Box","jsxs","Typography","TransitionGroup","canChangePermission","canDelete","permissionLevelOverride","Collapse","ResourceAccessItem","accessType","UserSearchBoxV2","parsedId","Button","Tooltip","FormControlLabel","Checkbox"],"mappings":"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"}
+{"version":3,"file":"AclEditor.js","sources":["../../../src/components/AclEditor/AclEditor.tsx"],"sourcesContent":["import { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport {\n  Box,\n  Button,\n  ButtonProps,\n  Checkbox,\n  Collapse,\n  FormControlLabel,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport React, { ReactNode } from 'react'\nimport { TransitionGroup } from 'react-transition-group'\nimport IconSvg from '../IconSvg'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AclEditorSkeleton } from './AclEditorSkeleton'\nimport { ResourceAccessItem } from './ResourceAccessItem'\nimport useUpdateAcl from './useUpdateAcl'\n\nexport const ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL = 'Add a user or team'\nexport const ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Make Public'\nexport const REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Remove Public Access'\n\nexport type AclEditorProps = {\n  resourceAccessList: ResourceAccess[]\n  availablePermissionLevels: PermissionLevel[]\n  /** If true, the user can edit the ACL. If a function, it will be called with the ResourceAccess to determine if the user can edit it. */\n  canEdit: boolean | ((resourceAccess: ResourceAccess) => boolean)\n  /** If true, object ACL is inherited from another object */\n  isInherited: boolean\n  /**\n   * If true, the user can remove any entry from the ACL. a function, it will be called with the ResourceAccess to determine if the user can remove it.\n   * If undefined, then the behavior will fall back to the value of `canEdit`\n   */\n  canRemoveEntry?: boolean | ((resourceAccess: ResourceAccess) => boolean)\n  isLoading?: boolean\n  emptyText: ReactNode\n  onAddPrincipalToAcl: (id: number) => void\n  updateResourceAccessItem: ReturnType<\n    typeof useUpdateAcl\n  >['updateResourceAccessItem']\n  removeResourceAccessItem: ReturnType<\n    typeof useUpdateAcl\n  >['removeResourceAccessItem']\n  /** If true, shows a button to add/remove AUTHENTICATED and PUBLIC groups when in edit mode */\n  showAddRemovePublicButton: boolean\n  /** If present, a checkbox to notify those added to the email will be shown. */\n  showNotifyCheckbox: boolean\n  notifyCheckboxValue?: boolean\n  onNotifyCheckboxChange?: (checked: boolean) => void\n  /**\n   * In special cases, can be used to display a permission level that is different from the typical permission levels.\n   * For example, the PUBLIC group \"Can download\" an entity if they have READ access and the entity is marked as\n   * \"open data\" (open data status is not captured in the ResourceAccess)\n   */\n  displayedPermissionLevelOverride?: (\n    resourceAccess: ResourceAccess,\n  ) => string | undefined\n}\n\nexport const NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL = 'Notify people via email'\n\nexport function AclEditor(props: AclEditorProps): React.ReactNode {\n  const {\n    resourceAccessList,\n    availablePermissionLevels,\n    canEdit,\n    isInherited,\n    canRemoveEntry = canEdit,\n    isLoading = false,\n    emptyText,\n    onAddPrincipalToAcl,\n    updateResourceAccessItem,\n    removeResourceAccessItem,\n    showAddRemovePublicButton,\n    showNotifyCheckbox,\n    notifyCheckboxValue,\n    onNotifyCheckboxChange = noop,\n    displayedPermissionLevelOverride,\n  } = props\n\n  const { data, isLoading: isLoadingRealmPrincipals } = useGetRealmPrincipals()\n  const realmPrincipals = data || {}\n  const {\n    authenticatedUsers: authenticatedUsersId,\n    publicGroup: publicGroupId,\n    anonymousUser: anonymousUserId,\n  } = realmPrincipals\n\n  const publicPrincipalIds = [\n    authenticatedUsersId,\n    publicGroupId,\n    anonymousUserId,\n  ].filter((id): id is string => id !== undefined)\n\n  if (isLoading || isLoadingRealmPrincipals) {\n    return <AclEditorSkeleton />\n  }\n\n  const resourceAccessListCurrentlyIncludesPublic = Boolean(\n    resourceAccessList.find(resourceAccess =>\n      publicPrincipalIds.some(id => resourceAccess.principalId === Number(id)),\n    ),\n  )\n\n  const addOrRemovePublicButtonProps: ButtonProps =\n    resourceAccessListCurrentlyIncludesPublic\n      ? {\n          startIcon: <IconSvg icon={'close'} wrap={false} />,\n          children: REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n          onClick: () => {\n            publicPrincipalIds.forEach(publicId => {\n              removeResourceAccessItem(Number(publicId))\n            })\n          },\n        }\n      : {\n          startIcon: <IconSvg icon={'public'} wrap={false} />,\n          children: ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n          onClick: () => {\n            if (publicGroupId) onAddPrincipalToAcl(Number(publicGroupId))\n            if (authenticatedUsersId)\n              onAddPrincipalToAcl(Number(authenticatedUsersId))\n          },\n        }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          mb: '30px',\n        }}\n      >\n        <Typography\n          variant=\"headline3\"\n          sx={{\n            mb: '10px',\n          }}\n        >\n          Users and Teams with Permissions\n        </Typography>\n\n        {resourceAccessList.length === 0 ? (\n          <Typography variant=\"body1Italic\">{emptyText}</Typography>\n        ) : (\n          <TransitionGroup>\n            {resourceAccessList.map(resourceAccess => {\n              const canChangePermission =\n                typeof canEdit === 'function'\n                  ? canEdit(resourceAccess)\n                  : canEdit\n              const canDelete =\n                typeof canRemoveEntry === 'function'\n                  ? canRemoveEntry(resourceAccess)\n                  : canRemoveEntry\n\n              const permissionLevelOverride = displayedPermissionLevelOverride\n                ? displayedPermissionLevelOverride(resourceAccess)\n                : undefined\n              return (\n                <Collapse key={resourceAccess.principalId}>\n                  <ResourceAccessItem\n                    resourceAccess={resourceAccess}\n                    availablePermissionLevels={availablePermissionLevels}\n                    canChangePermission={canChangePermission}\n                    displayedPermissionLevelOverride={permissionLevelOverride}\n                    showDeleteButton={canDelete}\n                    onChange={accessType =>\n                      updateResourceAccessItem(\n                        resourceAccess.principalId,\n                        accessType,\n                      )\n                    }\n                    onRemove={() =>\n                      removeResourceAccessItem(resourceAccess.principalId)\n                    }\n                  />\n                </Collapse>\n              )\n            })}\n          </TransitionGroup>\n        )}\n      </Box>\n      {canEdit && (\n        <Box>\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              mb: '10px',\n            }}\n          >\n            Add More\n          </Typography>\n          <Typography\n            sx={{\n              mb: '20px',\n              variant: 'body1',\n              lineHeight: '20px',\n              fontStyle: 'italic',\n              color: 'text.secondary',\n            }}\n          >\n            Search for a username or team to add. You can search by username,\n            first or last names, or team name.\n          </Typography>\n          <Box sx={{ mb: 1 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"reviewer-search\"\n            >\n              {ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL}\n            </Typography>\n            <UserSearchBox\n              value={null}\n              inputId=\"reviewer-search\"\n              placeholder=\"Username, name (first and last) or team name.\"\n              onChange={id => {\n                const parsedId = parseInt(id || '')\n                if (parsedId) {\n                  onAddPrincipalToAcl(parsedId)\n                }\n              }}\n            />\n          </Box>\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              gap: 2,\n            }}\n          >\n            <Box>\n              {showAddRemovePublicButton && (\n                <Button\n                  size={'small'}\n                  variant={'outlined'}\n                  {...addOrRemovePublicButtonProps}\n                />\n              )}\n            </Box>\n            {showNotifyCheckbox && (\n              <Tooltip\n                title={\n                  'Select to notify newly added people that this item has been shared with them'\n                }\n              >\n                <FormControlLabel\n                  sx={{ mr: 0 }}\n                  control={\n                    <Checkbox\n                      value={notifyCheckboxValue}\n                      onChange={() =>\n                        onNotifyCheckboxChange(!notifyCheckboxValue)\n                      }\n                    />\n                  }\n                  label={\n                    <Typography variant={'smallText1'}>\n                      {NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL}\n                    </Typography>\n                  }\n                />\n              </Tooltip>\n            )}\n          </Box>\n        </Box>\n      )}\n      {!canEdit && !isInherited && (\n        <Typography variant={'body1'}>\n          You do not have sufficient privileges to modify the sharing settings.\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"names":["ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL","ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT","REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT","NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL","AclEditor","props","resourceAccessList","availablePermissionLevels","canEdit","isInherited","canRemoveEntry","isLoading","emptyText","onAddPrincipalToAcl","updateResourceAccessItem","removeResourceAccessItem","showAddRemovePublicButton","showNotifyCheckbox","notifyCheckboxValue","onNotifyCheckboxChange","noop","displayedPermissionLevelOverride","data","isLoadingRealmPrincipals","useGetRealmPrincipals","realmPrincipals","authenticatedUsersId","publicGroupId","anonymousUserId","publicPrincipalIds","id","AclEditorSkeleton","addOrRemovePublicButtonProps","resourceAccess","jsx","IconSvg","publicId","Box","jsxs","Typography","TransitionGroup","canChangePermission","canDelete","permissionLevelOverride","Collapse","ResourceAccessItem","accessType","UserSearchBox","parsedId","Button","Tooltip","FormControlLabel","Checkbox"],"mappings":"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"}