synapse-react-client 4.0.2 → 4.0.4

package/dist/components/ComponentCollapse.d.ts

@@ -1,18 +1,14 @@
-import { SxProps, TypographyOwnProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
+import { SxProps } from '@mui/material';
+import { PropsWithChildren, ReactNode } from 'react';
 export type ComponentCollapseProps = PropsWithChildren<{
-    text: string;
+    component: ReactNode;
     defaultVisible?: boolean;
-    textVariant?: TypographyOwnProps['variant'];
-    textSx?: SxProps;
-    textContainerSx?: SxProps;
+    componentContainerSx?: SxProps;
     collapseBoxSx?: SxProps;
     iconSx?: SxProps;
 }>;
 /**
- * Wrap any Synapse config object in a collapse
- * @param props
- * @returns
+ * Wrap any child components in a collapse, using a custom component as the trigger
  */
-export default function ComponentCollapse({ text, defaultVisible, textVariant, textSx, textContainerSx, collapseBoxSx, iconSx, children, }: ComponentCollapseProps): import("react/jsx-runtime").JSX.Element;
+export default function ComponentCollapse({ component, defaultVisible, componentContainerSx, collapseBoxSx, iconSx, children, }: ComponentCollapseProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ComponentCollapse.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentCollapse.d.ts","sourceRoot":"","sources":["../../src/components/ComponentCollapse.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,OAAO,EAEP,kBAAkB,EACnB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,cAAc,EACd,WAAyB,EACzB,MAAM,EACN,eAAe,EACf,aAAa,EACb,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CAkDxB"}
+{"version":3,"file":"ComponentCollapse.d.ts","sourceRoot":"","sources":["../../src/components/ComponentCollapse.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,OAAO,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,SAAS,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CAsDxB"}

package/dist/components/ComponentCollapse.js

@@ -1,25 +1,24 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { spreadSx as n } from "../theme/spreadSx.js";
-import { KeyboardArrowUpTwoTone as u, KeyboardArrowDownTwoTone as w } from "@mui/icons-material";
-import { Box as a, Typography as y, Collapse as C } from "@mui/material";
-import { useState as S } from "react";
-function B({
-  text: l,
-  defaultVisible: s,
-  textVariant: i = "smallLink",
-  textSx: p,
-  textContainerSx: x,
-  collapseBoxSx: c,
-  iconSx: d,
-  children: m
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { spreadSx as s } from "../theme/spreadSx.js";
+import { KeyboardArrowUpTwoTone as w, KeyboardArrowDownTwoTone as y } from "@mui/icons-material";
+import { Box as i, Collapse as h } from "@mui/material";
+import { useState as C, useId as b } from "react";
+function j({
+  component: p,
+  defaultVisible: c,
+  componentContainerSx: d,
+  collapseBoxSx: x,
+  iconSx: m,
+  children: f
 }) {
-  const [r, f] = S(s), e = {
+  const [o, r] = C(c), t = b(), a = {
     color: "grey.700",
     marginBottom: "-5px !important",
     height: "18px",
-    ...d
-  }, h = {
+    ...m
+  }, u = {
     display: "flex",
+    textAlign: "left",
     justifyContent: "space-between",
     backgroundColor: "grey.200",
     padding: "15px",
@@ -30,31 +29,28 @@ function B({
     backgroundColor: "grey.100",
     padding: "25px"
   };
-  return /* @__PURE__ */ t("div", { className: "MarkdownCollapse", children: [
-    /* @__PURE__ */ t(
-      a,
+  return /* @__PURE__ */ l("div", { className: "MarkdownCollapse", children: [
+    /* @__PURE__ */ l(
+      i,
       {
-        sx: n(h, x),
-        onClick: () => f(!r),
+        component: "button",
+        sx: s(u, d),
+        onClick: () => r(!o),
+        onKeyDown: (n) => {
+          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), r(!o));
+        },
+        "aria-controls": t,
+        "aria-expanded": o,
         children: [
-          /* @__PURE__ */ o(
-            y,
-            {
-              variant: i,
-              "aria-controls": "collapse-text",
-              "aria-expanded": r,
-              sx: p,
-              children: l
-            }
-          ),
-          r ? /* @__PURE__ */ o(u, { sx: e }) : /* @__PURE__ */ o(w, { sx: e })
+          p,
+          o ? /* @__PURE__ */ e(w, { sx: a }) : /* @__PURE__ */ e(y, { sx: a })
         ]
       }
     ),
-    /* @__PURE__ */ o(C, { in: r, children: /* @__PURE__ */ o(a, { sx: n(g, c), children: /* @__PURE__ */ o("div", { id: "collapse-text", children: m }) }) })
+    /* @__PURE__ */ e(h, { in: o, children: /* @__PURE__ */ e(i, { sx: s(g, x), children: /* @__PURE__ */ e("div", { id: t, children: f }) }) })
   ] });
 }
 export {
-  B as default
+  j as default
 };
 //# sourceMappingURL=ComponentCollapse.js.map

package/dist/components/ComponentCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentCollapse.js","sources":["../../src/components/ComponentCollapse.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport {\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Collapse,\n  SxProps,\n  Typography,\n  TypographyOwnProps,\n} from '@mui/material'\nimport { PropsWithChildren, useState } from 'react'\n\nexport type ComponentCollapseProps = PropsWithChildren<{\n  text: string\n  defaultVisible?: boolean // default to false (collapsed)\n  textVariant?: TypographyOwnProps['variant']\n  textSx?: SxProps\n  textContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any Synapse config object in a collapse\n * @param props\n * @returns\n */\nexport default function ComponentCollapse({\n  text,\n  defaultVisible,\n  textVariant = 'smallLink',\n  textSx,\n  textContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: ComponentCollapseProps) {\n  const [show, setShow] = useState(defaultVisible)\n  const allIconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n    ...iconSx,\n  }\n\n  const textContainerDefaultSx: SxProps = {\n    display: 'flex',\n    justifyContent: 'space-between',\n    backgroundColor: 'grey.200',\n    padding: '15px',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }\n  const collapseBoxDefaultSx: SxProps = {\n    backgroundColor: 'grey.100',\n    padding: '25px',\n  }\n  return (\n    <div className=\"MarkdownCollapse\">\n      <Box\n        sx={spreadSx(textContainerDefaultSx, textContainerSx)}\n        onClick={() => setShow(!show)}\n      >\n        <Typography\n          variant={textVariant}\n          aria-controls=\"collapse-text\"\n          aria-expanded={show}\n          sx={textSx}\n        >\n          {text}\n        </Typography>\n\n        {show ? (\n          <KeyboardArrowUpTwoTone sx={allIconSx} />\n        ) : (\n          <KeyboardArrowDownTwoTone sx={allIconSx} />\n        )}\n      </Box>\n      <Collapse in={show}>\n        <Box sx={spreadSx(collapseBoxDefaultSx, collapseBoxSx)}>\n          <div id=\"collapse-text\">{children}</div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n"],"names":["ComponentCollapse","text","defaultVisible","textVariant","textSx","textContainerSx","collapseBoxSx","iconSx","children","show","setShow","useState","allIconSx","textContainerDefaultSx","collapseBoxDefaultSx","jsxs","Box","spreadSx","jsx","Typography","KeyboardArrowUpTwoTone","KeyboardArrowDownTwoTone","Collapse"],"mappings":";;;;;AA6BA,SAAwBA,EAAkB;AAAA,EACxC,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAST,CAAc,GACzCU,IAAqB;AAAA,IACzB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,GAAGL;AAAA,EAAA,GAGCM,IAAkC;AAAA,IACtC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV,GAEIC,IAAgC;AAAA,IACpC,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAEX,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAIC,EAASJ,GAAwBR,CAAe;AAAA,QACpD,SAAS,MAAMK,EAAQ,CAACD,CAAI;AAAA,QAE5B,UAAA;AAAA,UAAA,gBAAAS;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAShB;AAAA,cACT,iBAAc;AAAA,cACd,iBAAeM;AAAA,cACf,IAAIL;AAAA,cAEH,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFQ,sBACEW,GAAA,EAAuB,IAAIR,GAAW,IAEvC,gBAAAM,EAACG,GAAA,EAAyB,IAAIT,EAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAG5CU,GAAA,EAAS,IAAIb,GACZ,UAAA,gBAAAS,EAACF,KAAI,IAAIC,EAASH,GAAsBR,CAAa,GACnD,UAAA,gBAAAY,EAAC,OAAA,EAAI,IAAG,iBAAiB,UAAAV,GAAS,GACpC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ComponentCollapse.js","sources":["../../src/components/ComponentCollapse.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport {\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport { Box, Collapse, SxProps } from '@mui/material'\nimport {\n  KeyboardEvent,\n  PropsWithChildren,\n  ReactNode,\n  useId,\n  useState,\n} from 'react'\n\nexport type ComponentCollapseProps = PropsWithChildren<{\n  component: ReactNode\n  defaultVisible?: boolean // default to false (collapsed)\n  componentContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any child components in a collapse, using a custom component as the trigger\n */\nexport default function ComponentCollapse({\n  component,\n  defaultVisible,\n  componentContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: ComponentCollapseProps) {\n  const [show, setShow] = useState(defaultVisible)\n  const collapseId = useId()\n  const allIconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n    ...iconSx,\n  }\n\n  const componentContainerDefaultSx: SxProps = {\n    display: 'flex',\n    textAlign: 'left',\n    justifyContent: 'space-between',\n    backgroundColor: 'grey.200',\n    padding: '15px',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }\n  const collapseBoxDefaultSx: SxProps = {\n    backgroundColor: 'grey.100',\n    padding: '25px',\n  }\n\n  return (\n    <div className=\"MarkdownCollapse\">\n      <Box\n        component=\"button\"\n        sx={spreadSx(componentContainerDefaultSx, componentContainerSx)}\n        onClick={() => setShow(!show)}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setShow(!show)\n          }\n        }}\n        aria-controls={collapseId}\n        aria-expanded={show}\n      >\n        {component}\n        {show ? (\n          <KeyboardArrowUpTwoTone sx={allIconSx} />\n        ) : (\n          <KeyboardArrowDownTwoTone sx={allIconSx} />\n        )}\n      </Box>\n      <Collapse in={show}>\n        <Box sx={spreadSx(collapseBoxDefaultSx, collapseBoxSx)}>\n          <div id={collapseId}>{children}</div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n"],"names":["ComponentCollapse","component","defaultVisible","componentContainerSx","collapseBoxSx","iconSx","children","show","setShow","useState","collapseId","useId","allIconSx","componentContainerDefaultSx","collapseBoxDefaultSx","jsxs","Box","spreadSx","e","KeyboardArrowUpTwoTone","jsx","KeyboardArrowDownTwoTone","Collapse"],"mappings":";;;;;AAyBA,SAAwBA,EAAkB;AAAA,EACxC,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASP,CAAc,GACzCQ,IAAaC,EAAA,GACbC,IAAqB;AAAA,IACzB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,GAAGP;AAAA,EAAA,GAGCQ,IAAuC;AAAA,IAC3C,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV,GAEIC,IAAgC;AAAA,IACpC,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAGX,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAIC,EAASJ,GAA6BV,CAAoB;AAAA,QAC9D,SAAS,MAAMK,EAAQ,CAACD,CAAI;AAAA,QAC5B,WAAW,CAACW,MAAqB;AAC/B,WAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFV,EAAQ,CAACD,CAAI;AAAA,QAEjB;AAAA,QACA,iBAAeG;AAAA,QACf,iBAAeH;AAAA,QAEd,UAAA;AAAA,UAAAN;AAAA,UACAM,sBACEY,GAAA,EAAuB,IAAIP,GAAW,IAEvC,gBAAAQ,EAACC,GAAA,EAAyB,IAAIT,EAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAG5CU,GAAA,EAAS,IAAIf,GACZ,UAAA,gBAAAa,EAACJ,KAAI,IAAIC,EAASH,GAAsBV,CAAa,GACnD,UAAA,gBAAAgB,EAAC,OAAA,EAAI,IAAIV,GAAa,UAAAJ,GAAS,GACjC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/CookiesNotification/CookiesNotification.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as r, Fragment as l } from "react/jsx-runtime";
+import { jsx as o, Fragment as l, jsxs as r } from "react/jsx-runtime";
 import { useCookiePreferences as k, COOKIES_AGREEMENT_COOKIE_KEY as x, allowNone as u, allowAll as f } from "../../utils/hooks/useCookiePreferences.js";
 import { PRIVACY_POLICY_LINK as g, URL_TERMS_CONDITIONS_AGREEMENT as h, CHILD_MINOR_ADDENDUM_LINK as A } from "../../utils/SynapseConstants.js";
 import { Typography as m, Link as a } from "@mui/material";

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js

@@ -40,13 +40,15 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
-import "react-select";
 import "@mui/material/Skeleton";
 import "react-hot-toast";
 import "react-transition-group";
@@ -54,18 +56,18 @@ import "react-transition-group";
 import { SetBasicAccessRequirementFields as F } from "../SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js";
 import { SetManagedAccessRequirementFields as N } from "../SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js";
 import { getDialogTitle as q, isLastStep as v } from "./CreateOrUpdateAccessRequirementWizardUtils.js";
-function Pe(t) {
-  const { open: E, onCancel: u, onComplete: n } = t, [o, a] = c(
+function be(t) {
+  const { open: E, onCancel: u, onComplete: n } = t, [o, p] = c(
     "SET_AR_COMMON_FIELDS"
-  ), [l, e] = c(!1), [r, R] = c(t.accessRequirementId), p = s(null), S = s(null), A = s(null), _ = s(null), f = !!t.accessRequirementId, d = M(() => {
+  ), [l, e] = c(!1), [r, R] = c(t.accessRequirementId), a = s(null), S = s(null), A = s(null), _ = s(null), f = !!t.accessRequirementId, d = M(() => {
     switch (o) {
       case "SET_AR_COMMON_FIELDS":
         return /* @__PURE__ */ m(
           L,
           {
-            ref: p,
+            ref: a,
             onSave: (i, I) => {
-              R(i), a(I === C ? "SET_MANAGED_AR_FIELDS" : "SET_BASIC_AR_FIELDS"), e(!1);
+              R(i), p(I === C ? "SET_MANAGED_AR_FIELDS" : "SET_BASIC_AR_FIELDS"), e(!1);
             },
             onError: () => e(!1),
             subject: t.subject,
@@ -79,7 +81,7 @@ function Pe(t) {
             ref: S,
             accessRequirementId: r,
             onSave: () => {
-              a("SET_MANAGED_AR_ACL_PERMISSIONS"), e(!1);
+              p("SET_MANAGED_AR_ACL_PERMISSIONS"), e(!1);
             },
             onError: () => {
               e(!1);
@@ -125,7 +127,7 @@ function Pe(t) {
       onConfirm: (i) => {
         switch (i.preventDefault(), e(!0), o) {
           case "SET_AR_COMMON_FIELDS":
-            p?.current?.save();
+            a?.current?.save();
             return;
           case "SET_MANAGED_AR_FIELDS":
             S?.current?.save();
@@ -148,7 +150,7 @@ function Pe(t) {
   );
 }
 export {
-  Pe as CreateOrUpdateAccessRequirementWizard,
-  Pe as default
+  be as CreateOrUpdateAccessRequirementWizard,
+  be as default
 };
 //# sourceMappingURL=CreateOrUpdateAccessRequirementWizard.js.map

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"names":["CreateOrUpdateAccessRequirementWizard","props","open","onCancel","onComplete","step","setStep","useState","isLoading","setIsLoading","accessRequirementId","setAccessRequirementId","setArCommonFieldsRef","useRef","setManagedArFieldsRef","editArAclRef","setBasicArFieldsRef","isEditing","stepContent","useMemo","jsx","SetAccessRequirementCommonFields","accessRequirementConcreteType","MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE","SetManagedAccessRequirementFields","AccessRequirementAclEditor","saveSuccessful","SetBasicAccessRequirementFields","ConfirmationDialog","e","isLastStep","getDialogTitle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,GACdC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,EAAA,IAAeH,GAEjC,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACtB;AAAA,EAAA,GAEI,CAACC,GAAWC,CAAY,IAAIF,EAAkB,EAAK,GACnD,CAACG,GAAqBC,CAAsB,IAAIJ,EAEpDN,EAAM,mBAAmB,GAErBW,IACJC,EAA+C,IAAI,GAC/CC,IACJD,EAAgD,IAAI,GAChDE,IAAeF,EAAyC,IAAI,GAC5DG,IACJH,EAA8C,IAAI,GAE9CI,IAAY,EAAQhB,EAAM,qBAE1BiB,IAAcC,EAAQ,MAAM;AAChC,YAAQd,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,QAAQ,CAACF,GAAqBY,MAAkC;AAC9D,cAAAX,EAAuBD,CAAmB,GAM1CJ,EAJEgB,MACAC,IACI,0BACA,qBACU,GAChBd,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,YACjC,SAASR,EAAM;AAAA,YACf,qBAAqBA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAGjC,KAAK;AACH,eACE,gBAAAmB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAJ;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAJ,EAAQ,gCAAgC,GACxCG,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAM;AACb,cAAAA,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAL;AAAA,YACA,gBAAgB,CAAAgB,MAAkB;AAChC,cAAIA,KACFtB,EAAWM,CAAmB,GAEhCD,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,qBAAAN;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAN,EAAWM,CAAmB,GAC9BD,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,IACnC;AAAA,EAGR,GAAG;AAAA,IACDJ;AAAA,IACAJ,EAAM;AAAA,IACNA,EAAM;AAAA,IACNS;AAAA,IACAN;AAAA,EAAA,CACD;AAqBD,SACE,gBAAAgB;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,UAAAC;AAAA,MACA,WAvByD,CAAA0B,MAAK;AAIhE,gBAFAA,EAAE,eAAA,GACFpB,EAAa,EAAI,GACTJ,GAAA;AAAA,UACN,KAAK;AACH,YAAAO,GAAsB,SAAS,KAAA;AAC/B;AAAA,UACF,KAAK;AACH,YAAAE,GAAuB,SAAS,KAAA;AAChC;AAAA,UACF,KAAK;AACH,YAAAC,GAAc,SAAS,KAAA;AACvB;AAAA,UACF,KAAK;AACH,YAAAC,GAAqB,SAAS,KAAA;AAAA,QAAK;AAAA,MAEzC;AAAA,MAOI,oBAAoB;AAAA,QAClB,UAAUc,EAAWzB,CAAI,IAAI,SAAS;AAAA,QACtC,UAAUG;AAAA,MAAA;AAAA,MAEZ,UAAU;AAAA,MACV,OAAOuB,EAAe1B,GAAMY,CAAS;AAAA,MACrC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"names":["CreateOrUpdateAccessRequirementWizard","props","open","onCancel","onComplete","step","setStep","useState","isLoading","setIsLoading","accessRequirementId","setAccessRequirementId","setArCommonFieldsRef","useRef","setManagedArFieldsRef","editArAclRef","setBasicArFieldsRef","isEditing","stepContent","useMemo","jsx","SetAccessRequirementCommonFields","accessRequirementConcreteType","MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE","SetManagedAccessRequirementFields","AccessRequirementAclEditor","saveSuccessful","SetBasicAccessRequirementFields","ConfirmationDialog","e","isLastStep","getDialogTitle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,GACdC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,EAAA,IAAeH,GAEjC,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACtB;AAAA,EAAA,GAEI,CAACC,GAAWC,CAAY,IAAIF,EAAkB,EAAK,GACnD,CAACG,GAAqBC,CAAsB,IAAIJ,EAEpDN,EAAM,mBAAmB,GAErBW,IACJC,EAA+C,IAAI,GAC/CC,IACJD,EAAgD,IAAI,GAChDE,IAAeF,EAAyC,IAAI,GAC5DG,IACJH,EAA8C,IAAI,GAE9CI,IAAY,EAAQhB,EAAM,qBAE1BiB,IAAcC,EAAQ,MAAM;AAChC,YAAQd,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,QAAQ,CAACF,GAAqBY,MAAkC;AAC9D,cAAAX,EAAuBD,CAAmB,GAM1CJ,EAJEgB,MACAC,IACI,0BACA,qBACU,GAChBd,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,YACjC,SAASR,EAAM;AAAA,YACf,qBAAqBA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAGjC,KAAK;AACH,eACE,gBAAAmB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAJ;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAJ,EAAQ,gCAAgC,GACxCG,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAM;AACb,cAAAA,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAL;AAAA,YACA,gBAAgB,CAAAgB,MAAkB;AAChC,cAAIA,KACFtB,EAAWM,CAAmB,GAEhCD,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,qBAAAN;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAN,EAAWM,CAAmB,GAC9BD,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,IACnC;AAAA,EAGR,GAAG;AAAA,IACDJ;AAAA,IACAJ,EAAM;AAAA,IACNA,EAAM;AAAA,IACNS;AAAA,IACAN;AAAA,EAAA,CACD;AAqBD,SACE,gBAAAgB;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,UAAAC;AAAA,MACA,WAvByD,CAAA0B,MAAK;AAIhE,gBAFAA,EAAE,eAAA,GACFpB,EAAa,EAAI,GACTJ,GAAA;AAAA,UACN,KAAK;AACH,YAAAO,GAAsB,SAAS,KAAA;AAC/B;AAAA,UACF,KAAK;AACH,YAAAE,GAAuB,SAAS,KAAA;AAChC;AAAA,UACF,KAAK;AACH,YAAAC,GAAc,SAAS,KAAA;AACvB;AAAA,UACF,KAAK;AACH,YAAAC,GAAqB,SAAS,KAAA;AAAA,QAAK;AAAA,MAEzC;AAAA,MAOI,oBAAoB;AAAA,QAClB,UAAUc,EAAWzB,CAAI,IAAI,SAAS;AAAA,QACtC,UAAUG;AAAA,MAAA;AAAA,MAEZ,UAAU;AAAA,MACV,OAAOuB,EAAe1B,GAAMY,CAAS;AAAA,MACrC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/components/DataGrid/MergeGridWithSourceTableButton.js

@@ -32,7 +32,7 @@ import "universal-cookie";
 import "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
-import '../FullWidthAlert/FullWidthAlert.css';import '../../style/components/_spinner.css';/* empty css                                   */
+import '../Plot/SynapsePlot.css';import '../FullWidthAlert/FullWidthAlert.css';import '../../style/components/_spinner.css';/* empty css                                   */
 import "react-router";
 import "@mui/icons-material/Close";
 import "../styled/StyledPopover.js";
@@ -56,11 +56,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
 import "../Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -85,6 +88,7 @@ import "../../assets/icons/study-complete.svg.js";
 import "../../assets/icons/translational.svg.js";
 import "../../assets/icons/tree_horizontal.svg.js";
 import "../../assets/icons/standardDataModel.svg.js";
+import "../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -102,10 +106,10 @@ import "../../assets/icons/DoubleQuotes.svg.js";
 import "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../QueryContext/QueryContext.js";
 import "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../QueryWrapper/TableRowSelectionState.js";
@@ -165,7 +169,6 @@ import "@mui/x-date-pickers/AdapterDayjs";
 import "@mui/x-date-pickers/LocalizationProvider";
 import "../FeaturedDataTabs/FacetPlotsCardGrid.js";
 import "../Forum/ForumTable.js";
-import "@mui/material/IconButton";
 import "@mui/icons-material/NavigateNext";
 import "@react-google-maps/api";
 import "../Markdown/MarkdownUtils.js";
@@ -179,6 +182,7 @@ import "lodash-es/orderBy";
 import "../styled/LargeButton.js";
 import "../../assets/illustrations/diagonalLinePattern.svg.js";
 import "@upsetjs/react";
+/* empty css                       */
 import "reactflow";
 import "../ProvenanceGraph/ProvenanceUtils.js";
 import "reactflow/dist/style.css";
@@ -205,6 +209,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../TimelinePlot/phasesQueryResponseData.js";
 import "../EntityHeaderTable/EntityHeaderTable.js";
 import "../MuiContainer.js";
@@ -212,7 +217,7 @@ import "@mui/material/Grid";
 import "@mui/icons-material/ArrowForwardIos";
 import "../PortalAclEditor/PortalAclEditor.js";
 import "../SynapseHomepageV2/HomepageStyles.js";
-function Mr(o) {
+function vr(o) {
   const { sourceEntityId: t, gridSessionId: i } = o, { data: e, isLoading: n } = y(t), s = e?.concreteType ? l(e.concreteType) : void 0, { mutate: c, isPending: a } = u({
     onSuccess: (p) => {
       p.type === "entityview" ? S(p.data) : p.type === "table" ? h(p.data) : r("Successfully updated RecordSet.", "success");
@@ -262,6 +267,6 @@ function T(o) {
   ) ?? [];
 }
 export {
-  Mr as default
+  vr as default
 };
 //# sourceMappingURL=MergeGridWithSourceTableButton.js.map

package/dist/components/DataGrid/MergeGridWithSourceTableButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MergeGridWithSourceTableButton.js","sources":["../../../src/components/DataGrid/MergeGridWithSourceTableButton.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport useMergeGridWithSource from '@/components/DataGrid/useMergeGridWithSource'\nimport { displayToast } from '@/components/index'\nimport { useGetEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport {\n  EntityType,\n  EntityUpdateResults,\n  instanceOfEntityUpdateResults,\n  instanceOfUploadToTableResult,\n  SynchronizeGridResponse,\n  TableUpdateTransactionResponse,\n} from '@sage-bionetworks/synapse-client'\n\nexport type MergeGridWithSourceTableButtonProps = {\n  sourceEntityId: string\n  gridSessionId: string\n  sourceEntityType?: EntityType\n}\n\nexport default function MergeGridWithSourceTableButton(\n  props: MergeGridWithSourceTableButtonProps,\n) {\n  const { sourceEntityId, gridSessionId } = props\n\n  const { data: entity, isLoading: entityLoading } =\n    useGetEntity(sourceEntityId)\n\n  const sourceEntityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  const { mutate: mergeGrid, isPending } = useMergeGridWithSource({\n    onSuccess: result => {\n      if (result.type === 'entityview') {\n        onSynchronizeSuccess(result.data)\n      } else if (result.type === 'table') {\n        onMergeTableSuccess(result.data)\n      } else {\n        displayToast('Successfully updated RecordSet.', 'success')\n      }\n    },\n    onError: e => displayToast(e.message, 'danger'),\n  })\n\n  const buttonText =\n    sourceEntityType === 'entityview' ? 'Sync changes' : 'Apply changes'\n\n  return (\n    <GridMenuButton\n      loading={isPending}\n      disabled={entityLoading}\n      onClick={() => {\n        mergeGrid({ gridSessionId, sourceEntityId, sourceEntityType })\n      }}\n      variant=\"contained\"\n    >\n      {buttonText}\n    </GridMenuButton>\n  )\n}\n\nfunction onSynchronizeSuccess(result: SynchronizeGridResponse) {\n  if (result.errorMessages == null || result.errorMessages.length === 0) {\n    displayToast('Successfully synchronized metadata.', 'success')\n  } else {\n    displayToast(\n      <ul>\n        {result.errorMessages.map((msg, index) => (\n          <li key={index}>{msg}</li>\n        ))}\n      </ul>,\n      'warning',\n      { title: 'Some changes could not be applied' },\n    )\n  }\n}\n\nfunction onMergeTableSuccess(result: TableUpdateTransactionResponse) {\n  if (result.results?.length) {\n    // There should only be one result since the CSV upload is done in one step\n    const updateResult = result.results[0]\n    if (instanceOfEntityUpdateResults(updateResult)) {\n      // This is an update to the contents of a View\n      const failureMessages =\n        getEntityUpdateResultsErrorMessages(updateResult).join('\\n')\n\n      if (failureMessages) {\n        displayToast(\n          `Some changes could not be applied:\\n${failureMessages}`,\n          'danger',\n        )\n      } else {\n        displayToast('Changes applied successfully', 'success')\n      }\n    } else if (instanceOfUploadToTableResult(updateResult)) {\n      // This is an update to a TableEntity\n      const rowsUpdatedStr = updateResult.rowsProcessed?.toLocaleString()\n      displayToast(`Successfully updated ${rowsUpdatedStr} rows.`, 'success')\n    }\n  }\n}\n\nfunction getEntityUpdateResultsErrorMessages(\n  results: EntityUpdateResults,\n): string[] {\n  return (\n    results.updateResults\n      ?.filter(e => !!e.failureCode)\n      .map(\n        r => `${r.entityId}: ${r.failureMessage} (code: ${r.failureCode})`,\n      ) ?? []\n  )\n}\n"],"names":["MergeGridWithSourceTableButton","props","sourceEntityId","gridSessionId","entity","entityLoading","useGetEntity","sourceEntityType","convertToEntityType","mergeGrid","isPending","useMergeGridWithSource","result","onSynchronizeSuccess","onMergeTableSuccess","displayToast","e","jsx","GridMenuButton","msg","index","updateResult","instanceOfEntityUpdateResults","failureMessages","getEntityUpdateResultsErrorMessages","instanceOfUploadToTableResult","rowsUpdatedStr","results","r"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAAwBA,GACtBC,GACA;AACA,QAAM,EAAE,gBAAAC,GAAgB,eAAAC,EAAA,IAAkBF,GAEpC,EAAE,MAAMG,GAAQ,WAAWC,EAAA,IAC/BC,EAAaJ,CAAc,GAEvBK,IAAmBH,GAAQ,eAC7BI,EAAoBJ,EAAO,YAAY,IACvC,QAEE,EAAE,QAAQK,GAAW,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IAC9D,WAAW,CAAAC,MAAU;AACnB,MAAIA,EAAO,SAAS,eAClBC,EAAqBD,EAAO,IAAI,IACvBA,EAAO,SAAS,UACzBE,EAAoBF,EAAO,IAAI,IAE/BG,EAAa,mCAAmC,SAAS;AAAA,IAE7D;AAAA,IACA,SAAS,CAAAC,MAAKD,EAAaC,EAAE,SAAS,QAAQ;AAAA,EAAA,CAC/C;AAKD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASR;AAAA,MACT,UAAUL;AAAA,MACV,SAAS,MAAM;AACb,QAAAI,EAAU,EAAE,eAAAN,GAAe,gBAAAD,GAAgB,kBAAAK,EAAA,CAAkB;AAAA,MAC/D;AAAA,MACA,SAAQ;AAAA,MAEP,UAXHA,MAAqB,eAAe,iBAAiB;AAAA,IAWlD;AAAA,EAAA;AAGP;AAEA,SAASM,EAAqBD,GAAiC;AAC7D,EAAIA,EAAO,iBAAiB,QAAQA,EAAO,cAAc,WAAW,IAClEG,EAAa,uCAAuC,SAAS,IAE7DA;AAAA,IACE,gBAAAE,EAAC,MAAA,EACE,UAAAL,EAAO,cAAc,IAAI,CAACO,GAAKC,MAC9B,gBAAAH,EAAC,MAAA,EAAgB,UAAAE,EAAA,GAARC,CAAY,CACtB,GACH;AAAA,IACA;AAAA,IACA,EAAE,OAAO,oCAAA;AAAA,EAAoC;AAGnD;AAEA,SAASN,EAAoBF,GAAwC;AACnE,MAAIA,EAAO,SAAS,QAAQ;AAE1B,UAAMS,IAAeT,EAAO,QAAQ,CAAC;AACrC,QAAIU,EAA8BD,CAAY,GAAG;AAE/C,YAAME,IACJC,EAAoCH,CAAY,EAAE,KAAK;AAAA,CAAI;AAE7D,MAAIE,IACFR;AAAA,QACE;AAAA,EAAuCQ,CAAe;AAAA,QACtD;AAAA,MAAA,IAGFR,EAAa,gCAAgC,SAAS;AAAA,IAE1D,WAAWU,EAA8BJ,CAAY,GAAG;AAEtD,YAAMK,IAAiBL,EAAa,eAAe,eAAA;AACnD,MAAAN,EAAa,wBAAwBW,CAAc,UAAU,SAAS;AAAA,IACxE;AAAA,EACF;AACF;AAEA,SAASF,EACPG,GACU;AACV,SACEA,EAAQ,eACJ,OAAO,CAAAX,MAAK,CAAC,CAACA,EAAE,WAAW,EAC5B;AAAA,IACC,CAAAY,MAAK,GAAGA,EAAE,QAAQ,KAAKA,EAAE,cAAc,WAAWA,EAAE,WAAW;AAAA,EAAA,KAC5D,CAAA;AAEX;"}
+{"version":3,"file":"MergeGridWithSourceTableButton.js","sources":["../../../src/components/DataGrid/MergeGridWithSourceTableButton.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport useMergeGridWithSource from '@/components/DataGrid/useMergeGridWithSource'\nimport { displayToast } from '@/components/index'\nimport { useGetEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport {\n  EntityType,\n  EntityUpdateResults,\n  instanceOfEntityUpdateResults,\n  instanceOfUploadToTableResult,\n  SynchronizeGridResponse,\n  TableUpdateTransactionResponse,\n} from '@sage-bionetworks/synapse-client'\n\nexport type MergeGridWithSourceTableButtonProps = {\n  sourceEntityId: string\n  gridSessionId: string\n  sourceEntityType?: EntityType\n}\n\nexport default function MergeGridWithSourceTableButton(\n  props: MergeGridWithSourceTableButtonProps,\n) {\n  const { sourceEntityId, gridSessionId } = props\n\n  const { data: entity, isLoading: entityLoading } =\n    useGetEntity(sourceEntityId)\n\n  const sourceEntityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  const { mutate: mergeGrid, isPending } = useMergeGridWithSource({\n    onSuccess: result => {\n      if (result.type === 'entityview') {\n        onSynchronizeSuccess(result.data)\n      } else if (result.type === 'table') {\n        onMergeTableSuccess(result.data)\n      } else {\n        displayToast('Successfully updated RecordSet.', 'success')\n      }\n    },\n    onError: e => displayToast(e.message, 'danger'),\n  })\n\n  const buttonText =\n    sourceEntityType === 'entityview' ? 'Sync changes' : 'Apply changes'\n\n  return (\n    <GridMenuButton\n      loading={isPending}\n      disabled={entityLoading}\n      onClick={() => {\n        mergeGrid({ gridSessionId, sourceEntityId, sourceEntityType })\n      }}\n      variant=\"contained\"\n    >\n      {buttonText}\n    </GridMenuButton>\n  )\n}\n\nfunction onSynchronizeSuccess(result: SynchronizeGridResponse) {\n  if (result.errorMessages == null || result.errorMessages.length === 0) {\n    displayToast('Successfully synchronized metadata.', 'success')\n  } else {\n    displayToast(\n      <ul>\n        {result.errorMessages.map((msg, index) => (\n          <li key={index}>{msg}</li>\n        ))}\n      </ul>,\n      'warning',\n      { title: 'Some changes could not be applied' },\n    )\n  }\n}\n\nfunction onMergeTableSuccess(result: TableUpdateTransactionResponse) {\n  if (result.results?.length) {\n    // There should only be one result since the CSV upload is done in one step\n    const updateResult = result.results[0]\n    if (instanceOfEntityUpdateResults(updateResult)) {\n      // This is an update to the contents of a View\n      const failureMessages =\n        getEntityUpdateResultsErrorMessages(updateResult).join('\\n')\n\n      if (failureMessages) {\n        displayToast(\n          `Some changes could not be applied:\\n${failureMessages}`,\n          'danger',\n        )\n      } else {\n        displayToast('Changes applied successfully', 'success')\n      }\n    } else if (instanceOfUploadToTableResult(updateResult)) {\n      // This is an update to a TableEntity\n      const rowsUpdatedStr = updateResult.rowsProcessed?.toLocaleString()\n      displayToast(`Successfully updated ${rowsUpdatedStr} rows.`, 'success')\n    }\n  }\n}\n\nfunction getEntityUpdateResultsErrorMessages(\n  results: EntityUpdateResults,\n): string[] {\n  return (\n    results.updateResults\n      ?.filter(e => !!e.failureCode)\n      .map(\n        r => `${r.entityId}: ${r.failureMessage} (code: ${r.failureCode})`,\n      ) ?? []\n  )\n}\n"],"names":["MergeGridWithSourceTableButton","props","sourceEntityId","gridSessionId","entity","entityLoading","useGetEntity","sourceEntityType","convertToEntityType","mergeGrid","isPending","useMergeGridWithSource","result","onSynchronizeSuccess","onMergeTableSuccess","displayToast","e","jsx","GridMenuButton","msg","index","updateResult","instanceOfEntityUpdateResults","failureMessages","getEntityUpdateResultsErrorMessages","instanceOfUploadToTableResult","rowsUpdatedStr","results","r"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAAwBA,GACtBC,GACA;AACA,QAAM,EAAE,gBAAAC,GAAgB,eAAAC,EAAA,IAAkBF,GAEpC,EAAE,MAAMG,GAAQ,WAAWC,EAAA,IAC/BC,EAAaJ,CAAc,GAEvBK,IAAmBH,GAAQ,eAC7BI,EAAoBJ,EAAO,YAAY,IACvC,QAEE,EAAE,QAAQK,GAAW,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IAC9D,WAAW,CAAAC,MAAU;AACnB,MAAIA,EAAO,SAAS,eAClBC,EAAqBD,EAAO,IAAI,IACvBA,EAAO,SAAS,UACzBE,EAAoBF,EAAO,IAAI,IAE/BG,EAAa,mCAAmC,SAAS;AAAA,IAE7D;AAAA,IACA,SAAS,CAAAC,MAAKD,EAAaC,EAAE,SAAS,QAAQ;AAAA,EAAA,CAC/C;AAKD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASR;AAAA,MACT,UAAUL;AAAA,MACV,SAAS,MAAM;AACb,QAAAI,EAAU,EAAE,eAAAN,GAAe,gBAAAD,GAAgB,kBAAAK,EAAA,CAAkB;AAAA,MAC/D;AAAA,MACA,SAAQ;AAAA,MAEP,UAXHA,MAAqB,eAAe,iBAAiB;AAAA,IAWlD;AAAA,EAAA;AAGP;AAEA,SAASM,EAAqBD,GAAiC;AAC7D,EAAIA,EAAO,iBAAiB,QAAQA,EAAO,cAAc,WAAW,IAClEG,EAAa,uCAAuC,SAAS,IAE7DA;AAAA,IACE,gBAAAE,EAAC,MAAA,EACE,UAAAL,EAAO,cAAc,IAAI,CAACO,GAAKC,MAC9B,gBAAAH,EAAC,MAAA,EAAgB,UAAAE,EAAA,GAARC,CAAY,CACtB,GACH;AAAA,IACA;AAAA,IACA,EAAE,OAAO,oCAAA;AAAA,EAAoC;AAGnD;AAEA,SAASN,EAAoBF,GAAwC;AACnE,MAAIA,EAAO,SAAS,QAAQ;AAE1B,UAAMS,IAAeT,EAAO,QAAQ,CAAC;AACrC,QAAIU,EAA8BD,CAAY,GAAG;AAE/C,YAAME,IACJC,EAAoCH,CAAY,EAAE,KAAK;AAAA,CAAI;AAE7D,MAAIE,IACFR;AAAA,QACE;AAAA,EAAuCQ,CAAe;AAAA,QACtD;AAAA,MAAA,IAGFR,EAAa,gCAAgC,SAAS;AAAA,IAE1D,WAAWU,EAA8BJ,CAAY,GAAG;AAEtD,YAAMK,IAAiBL,EAAa,eAAe,eAAA;AACnD,MAAAN,EAAa,wBAAwBW,CAAc,UAAU,SAAS;AAAA,IACxE;AAAA,EACF;AACF;AAEA,SAASF,EACPG,GACU;AACV,SACEA,EAAQ,eACJ,OAAO,CAAAX,MAAK,CAAC,CAACA,EAAE,WAAW,EAC5B;AAAA,IACC,CAAAY,MAAK,GAAGA,EAAE,QAAQ,KAAKA,EAAE,cAAc,WAAWA,EAAE,WAAW;AAAA,EAAA,KAC5D,CAAA;AAEX;"}

package/dist/components/DataGrid/SynapseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AA0BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,WAAW,gHA6ZhB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AA0BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,WAAW,gHAiahB,CAAA;AAED,eAAe,WAAW,CAAA"}