synapse-react-client 4.0.5 → 4.0.6-SWC-7803

package/dist/features/entity/metadata-task/components/MetadataTaskTableActionCell.d.ts

@@ -1,11 +1,14 @@
-import { CurationTask } from '@sage-bionetworks/synapse-client';
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export declare const OPEN_CURATOR_ERROR_TITLE = "An error occurred while trying to open Curator";
+export declare const OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE = "You don't have permission to view the existing Curator session for this task. It was likely created by another data contributor. A data manager should create a new task and assign it to you or your team.";
+export declare const NO_TASK_ASSIGNEE_WARNING_DIALOG_TITLE = "Task is Unassigned";
 /**
  * Handles rendering the 'Actions' cell in the Metadata Task table, which provides buttons for the user
  * to accomplish the actions they can take on a Metadata Task, such as opening a data grid for the entity referenced
  * by the task.
  */
 export default function MetadataTaskTableActionCell(props: {
-    curationTask: CurationTask;
+    taskBundle: TaskBundle;
     canEdit: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MetadataTaskTableActionCell.d.ts.map

package/dist/features/entity/metadata-task/components/MetadataTaskTableActionCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTaskTableActionCell.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAO/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,KAAK,EAAE;IACzD,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;CACjB,2CAuEA"}
+{"version":3,"file":"MetadataTaskTableActionCell.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,UAAU,EACX,MAAM,kCAAkC,CAAA;AAIzC,eAAO,MAAM,wBAAwB,mDACa,CAAA;AAClD,eAAO,MAAM,uCAAuC,gNAC2J,CAAA;AAE/M,eAAO,MAAM,qCAAqC,uBAAuB,CAAA;AAOzE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,KAAK,EAAE;IACzD,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,2CAwEA"}

package/dist/features/entity/metadata-task/components/MetadataTaskTableActionCell.js

@@ -1,44 +1,57 @@
-import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { getLinkToGridSession as g } from "../../../../utils/functions/getSynapseWebClientLink.js";
-import { StickyNote2Outlined as k } from "@mui/icons-material";
-import { Tooltip as f, Button as T } from "@mui/material";
-import { useCallback as G } from "react";
-import h from "../hooks/useGridSessionForCurationTask.js";
-import { getGridSourceIdForTask as C } from "../utils/getGridSourceIdForTask.js";
-import { useGetEntityPermissions as y } from "../../../../synapse-queries/entity/useEntity.js";
-import { displayToast as w } from "../../../../components/ToastMessage/ToastMessage.js";
-function P(d) {
-  const {
-    curationTask: t
-    // canEdit
-  } = d, { mutateAsync: i, isPending: n } = h(), e = C(t), { data: a, isLoading: s } = y(e), c = n || s || !a?.canView, l = a?.canView ? "Open Curator to edit metadata" : "You must have READ access to " + e + " to view the Working Copy", p = G(async () => {
+import { jsx as e, Fragment as f } from "react/jsx-runtime";
+import { displayToast as p } from "../../../../components/ToastMessage/ToastMessage.js";
+import h from "../hooks/useGridSessionForCurationTask_legacy.js";
+import { useGetEntityPermissions as O } from "../../../../synapse-queries/entity/useEntity.js";
+import { getLinkToGridSession as S } from "../../../../utils/functions/getSynapseWebClientLink.js";
+import { StickyNote2Outlined as w } from "@mui/icons-material";
+import { Tooltip as I, Button as _ } from "@mui/material";
+import { SynapseClientError as A } from "@sage-bionetworks/synapse-client";
+import { useCallback as g } from "react";
+import { getGridSourceIdForTask as R } from "../utils/getGridSourceIdForTask.js";
+const k = "An error occurred while trying to open Curator", G = "You don't have permission to view the existing Curator session for this task. It was likely created by another data contributor. A data manager should create a new task and assign it to you or your team.", B = "Task is Unassigned";
+function N(i, n) {
+  const o = S(i, n);
+  window.open(o, "_blank", "noopener");
+}
+function M(i) {
+  const { taskBundle: n } = i, o = n.task, {
+    mutateAsync: r,
+    isPending: s
+  } = h(), a = R(o), {
+    data: d,
+    isLoading: T
+  } = O(a), c = T, l = d?.canView, y = s || c || !l, E = l ? "Open Curator to edit metadata" : d?.canView ? "You must have READ access to " + a + " to view the Working Copy" : "You do not have permission to view the Working Copy", m = g(async () => {
+    let u;
     try {
-      const r = await i({ curationTask: t }), m = g(
-        r.sessionId,
-        t.taskId
-      );
-      window.open(m, "_blank", "noopener");
-    } catch (r) {
-      console.error("Error opening Curator for curation task", r), w(r.message, "danger", {
-        title: "An error occurred while trying to open Curator"
-      });
+      u = await r({
+        curationTask: o
+      }), N(u.sessionId, o.taskId);
+    } catch (t) {
+      t instanceof A && t.status === 403 ? (console.error(t), p(G, "danger", {
+        title: k
+      })) : (console.error("Error opening Curator for curation task", t), p(t.message, "danger", {
+        title: k
+      }));
     }
-  }, [t, i]);
-  return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(f, { title: l, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
-    T,
+  }, [o, r]), C = g(() => {
+    m();
+  }, [m]);
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(I, { title: E, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+    _,
     {
       size: "small",
-      startIcon: /* @__PURE__ */ o(k, {}),
-      loading: n || s,
-      disabled: c,
-      onClick: () => {
-        p();
-      },
+      startIcon: /* @__PURE__ */ e(w, {}),
+      loading: s || c,
+      disabled: y,
+      onClick: C,
       children: "Open Curator"
     }
   ) }) }) });
 }
 export {
-  P as default
+  B as NO_TASK_ASSIGNEE_WARNING_DIALOG_TITLE,
+  k as OPEN_CURATOR_ERROR_TITLE,
+  G as OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE,
+  M as default
 };
 //# sourceMappingURL=MetadataTaskTableActionCell.js.map

package/dist/features/entity/metadata-task/components/MetadataTaskTableActionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTaskTableActionCell.js","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx"],"sourcesContent":["import { getLinkToGridSession } from '@/utils/functions/getSynapseWebClientLink'\nimport { StickyNote2Outlined } from '@mui/icons-material'\nimport { Button, Tooltip } from '@mui/material'\nimport { CurationTask } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport useGridSessionForCurationTask from '../hooks/useGridSessionForCurationTask'\nimport { getGridSourceIdForTask } from '../utils/getGridSourceIdForTask'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\n\n/**\n * Handles rendering the 'Actions' cell in the Metadata Task table, which provides buttons for the user\n * to accomplish the actions they can take on a Metadata Task, such as opening a data grid for the entity referenced\n * by the task.\n */\nexport default function MetadataTaskTableActionCell(props: {\n  curationTask: CurationTask\n  canEdit: boolean\n}) {\n  const {\n    curationTask,\n    // canEdit\n  } = props\n\n  const { mutateAsync: getGridSessionForTask, isPending: openGridIsPending } =\n    useGridSessionForCurationTask()\n\n  const gridSourceId = getGridSourceIdForTask(curationTask)\n  const { data, isLoading } = useGetEntityPermissions(gridSourceId)\n  const isOpenDataGridDisabled =\n    openGridIsPending || isLoading || !data?.canView\n  const toolTipTitle = data?.canView\n    ? 'Open Curator to edit metadata'\n    : 'You must have READ access to ' +\n      gridSourceId +\n      ' to view the Working Copy'\n\n  const handleOpenDataGrid = useCallback(async () => {\n    try {\n      const gridSession = await getGridSessionForTask({ curationTask })\n      const gridUrl = getLinkToGridSession(\n        gridSession.sessionId!,\n        curationTask.taskId,\n      )\n\n      // Open the Grid in a new tab\n      window.open(gridUrl, '_blank', 'noopener')\n    } catch (error) {\n      console.error('Error opening Curator for curation task', error)\n      displayToast(error.message, 'danger', {\n        title: 'An error occurred while trying to open Curator',\n      })\n    }\n  }, [curationTask, getGridSessionForTask])\n\n  // TODO: SWC-7480\n  // const editTaskButton = canEdit ? <></> : null\n\n  // TODO: SWC-7484\n  // const isFileBasedTask = instanceOfFileBasedMetadataTaskProperties(\n  //   curationTask.taskProperties!,\n  // )\n  // const uploadButton = isFileBasedTask ? <></> : null\n\n  const openDataGridButton = (\n    <Tooltip title={toolTipTitle}>\n      <span>\n        <Button\n          size={'small'}\n          startIcon={<StickyNote2Outlined />}\n          loading={openGridIsPending || isLoading}\n          disabled={isOpenDataGridDisabled}\n          onClick={() => {\n            void handleOpenDataGrid()\n          }}\n        >\n          Open Curator\n        </Button>\n      </span>\n    </Tooltip>\n  )\n\n  return (\n    <>\n      {/*{editTaskButton}*/}\n      {openDataGridButton}\n      {/*{uploadButton}*/}\n    </>\n  )\n}\n"],"names":["MetadataTaskTableActionCell","props","curationTask","getGridSessionForTask","openGridIsPending","useGridSessionForCurationTask","gridSourceId","getGridSourceIdForTask","data","isLoading","useGetEntityPermissions","isOpenDataGridDisabled","toolTipTitle","handleOpenDataGrid","useCallback","gridSession","gridUrl","getLinkToGridSession","error","displayToast","jsx","Tooltip","Button","StickyNote2Outlined"],"mappings":";;;;;;;;;AAeA,SAAwBA,EAA4BC,GAGjD;AACD,QAAM;AAAA,IACJ,cAAAC;AAAA;AAAA,EAAA,IAEED,GAEE,EAAE,aAAaE,GAAuB,WAAWC,EAAA,IACrDC,EAAA,GAEIC,IAAeC,EAAuBL,CAAY,GAClD,EAAE,MAAAM,GAAM,WAAAC,MAAcC,EAAwBJ,CAAY,GAC1DK,IACJP,KAAqBK,KAAa,CAACD,GAAM,SACrCI,IAAeJ,GAAM,UACvB,kCACA,kCACAF,IACA,6BAEEO,IAAqBC,EAAY,YAAY;AACjD,QAAI;AACF,YAAMC,IAAc,MAAMZ,EAAsB,EAAE,cAAAD,GAAc,GAC1Dc,IAAUC;AAAA,QACdF,EAAY;AAAA,QACZb,EAAa;AAAA,MAAA;AAIf,aAAO,KAAKc,GAAS,UAAU,UAAU;AAAA,IAC3C,SAASE,GAAO;AACd,cAAQ,MAAM,2CAA2CA,CAAK,GAC9DC,EAAaD,EAAM,SAAS,UAAU;AAAA,QACpC,OAAO;AAAA,MAAA,CACR;AAAA,IACH;AAAA,EACF,GAAG,CAAChB,GAAcC,CAAqB,CAAC;AA6BxC,gCAGK,UApBH,gBAAAiB,EAACC,GAAA,EAAQ,OAAOT,GACd,4BAAC,QAAA,EACC,UAAA,gBAAAQ;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,6BAAYC,GAAA,EAAoB;AAAA,MAChC,SAASnB,KAAqBK;AAAA,MAC9B,UAAUE;AAAA,MACV,SAAS,MAAM;AACb,QAAKE,EAAA;AAAA,MACP;AAAA,MACD,UAAA;AAAA,IAAA;AAAA,EAAA,GAGH,EAAA,CACF,EAMG,CAEH;AAEJ;"}
+{"version":3,"file":"MetadataTaskTableActionCell.js","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx"],"sourcesContent":["import { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport useGridSessionForCurationTask_legacy from '@/features/entity/metadata-task/hooks/useGridSessionForCurationTask_legacy'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { getLinkToGridSession } from '@/utils/functions/getSynapseWebClientLink'\nimport { StickyNote2Outlined } from '@mui/icons-material'\nimport { Button, Tooltip } from '@mui/material'\nimport {\n  GridSession,\n  SynapseClientError,\n  TaskBundle,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { getGridSourceIdForTask } from '../utils/getGridSourceIdForTask'\n\nexport const OPEN_CURATOR_ERROR_TITLE =\n  'An error occurred while trying to open Curator'\nexport const OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE =\n  \"You don't have permission to view the existing Curator session for this task. It was likely created by another data contributor. A data manager should create a new task and assign it to you or your team.\"\n\nexport const NO_TASK_ASSIGNEE_WARNING_DIALOG_TITLE = 'Task is Unassigned'\n\nfunction openGridSessionInNewWindow(gridSessionId: string, taskId: number) {\n  const gridUrl = getLinkToGridSession(gridSessionId, taskId)\n  window.open(gridUrl, '_blank', 'noopener')\n}\n\n/**\n * Handles rendering the 'Actions' cell in the Metadata Task table, which provides buttons for the user\n * to accomplish the actions they can take on a Metadata Task, such as opening a data grid for the entity referenced\n * by the task.\n */\nexport default function MetadataTaskTableActionCell(props: {\n  taskBundle: TaskBundle\n  canEdit: boolean\n}) {\n  const { taskBundle } = props\n  const curationTask = taskBundle.task!\n\n  const {\n    mutateAsync: getOrCreateLegacyGridSessionForUnassignedTask,\n    isPending: openGridIsPending,\n  } = useGridSessionForCurationTask_legacy()\n\n  const gridSourceEntityId = getGridSourceIdForTask(curationTask)\n  const {\n    data: sourceEntityPermissions,\n    isLoading: isLoadingEntityPermissions,\n  } = useGetEntityPermissions(gridSourceEntityId)\n\n  const isLoading = isLoadingEntityPermissions\n\n  const hasPermission = sourceEntityPermissions?.canView\n\n  const isOpenDataGridDisabled =\n    openGridIsPending || isLoading || !hasPermission\n  const toolTipTitle = hasPermission\n    ? 'Open Curator to edit metadata'\n    : sourceEntityPermissions?.canView\n    ? 'You must have READ access to ' +\n      gridSourceEntityId +\n      ' to view the Working Copy'\n    : 'You do not have permission to view the Working Copy'\n\n  const openNewOrExistingCuratorSession = useCallback(async () => {\n    let gridSession: GridSession\n    try {\n      gridSession = await getOrCreateLegacyGridSessionForUnassignedTask({\n        curationTask,\n      })\n      openGridSessionInNewWindow(gridSession.sessionId!, curationTask.taskId!)\n    } catch (error) {\n      if (error instanceof SynapseClientError && error.status === 403) {\n        console.error(error)\n        displayToast(OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE, 'danger', {\n          title: OPEN_CURATOR_ERROR_TITLE,\n        })\n      } else {\n        console.error('Error opening Curator for curation task', error)\n        displayToast(error.message, 'danger', {\n          title: OPEN_CURATOR_ERROR_TITLE,\n        })\n      }\n    }\n  }, [curationTask, getOrCreateLegacyGridSessionForUnassignedTask])\n\n  const handleClickOpenCurator = useCallback(() => {\n    void openNewOrExistingCuratorSession()\n  }, [openNewOrExistingCuratorSession])\n\n  return (\n    <>\n      <Tooltip title={toolTipTitle}>\n        <span>\n          <Button\n            size={'small'}\n            startIcon={<StickyNote2Outlined />}\n            loading={openGridIsPending || isLoading}\n            disabled={isOpenDataGridDisabled}\n            onClick={handleClickOpenCurator}\n          >\n            Open Curator\n          </Button>\n        </span>\n      </Tooltip>\n    </>\n  )\n}\n"],"names":["OPEN_CURATOR_ERROR_TITLE","OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE","NO_TASK_ASSIGNEE_WARNING_DIALOG_TITLE","openGridSessionInNewWindow","gridSessionId","taskId","gridUrl","getLinkToGridSession","MetadataTaskTableActionCell","props","taskBundle","curationTask","getOrCreateLegacyGridSessionForUnassignedTask","openGridIsPending","useGridSessionForCurationTask_legacy","gridSourceEntityId","getGridSourceIdForTask","sourceEntityPermissions","isLoadingEntityPermissions","useGetEntityPermissions","isLoading","hasPermission","isOpenDataGridDisabled","toolTipTitle","openNewOrExistingCuratorSession","useCallback","gridSession","error","SynapseClientError","displayToast","handleClickOpenCurator","jsx","Tooltip","Button","StickyNote2Outlined"],"mappings":";;;;;;;;;;AAcO,MAAMA,IACX,kDACWC,IACX,+MAEWC,IAAwC;AAErD,SAASC,EAA2BC,GAAuBC,GAAgB;AACzE,QAAMC,IAAUC,EAAqBH,GAAeC,CAAM;AAC1D,SAAO,KAAKC,GAAS,UAAU,UAAU;AAC3C;AAOA,SAAwBE,EAA4BC,GAGjD;AACD,QAAM,EAAE,YAAAC,MAAeD,GACjBE,IAAeD,EAAW,MAE1B;AAAA,IACJ,aAAaE;AAAA,IACb,WAAWC;AAAA,EAAA,IACTC,EAAA,GAEEC,IAAqBC,EAAuBL,CAAY,GACxD;AAAA,IACJ,MAAMM;AAAA,IACN,WAAWC;AAAA,EAAA,IACTC,EAAwBJ,CAAkB,GAExCK,IAAYF,GAEZG,IAAgBJ,GAAyB,SAEzCK,IACJT,KAAqBO,KAAa,CAACC,GAC/BE,IAAeF,IACjB,kCACAJ,GAAyB,UACzB,kCACAF,IACA,8BACA,uDAEES,IAAkCC,EAAY,YAAY;AAC9D,QAAIC;AACJ,QAAI;AACF,MAAAA,IAAc,MAAMd,EAA8C;AAAA,QAChE,cAAAD;AAAA,MAAA,CACD,GACDR,EAA2BuB,EAAY,WAAYf,EAAa,MAAO;AAAA,IACzE,SAASgB,GAAO;AACd,MAAIA,aAAiBC,KAAsBD,EAAM,WAAW,OAC1D,QAAQ,MAAMA,CAAK,GACnBE,EAAa5B,GAAyC,UAAU;AAAA,QAC9D,OAAOD;AAAA,MAAA,CACR,MAED,QAAQ,MAAM,2CAA2C2B,CAAK,GAC9DE,EAAaF,EAAM,SAAS,UAAU;AAAA,QACpC,OAAO3B;AAAA,MAAA,CACR;AAAA,IAEL;AAAA,EACF,GAAG,CAACW,GAAcC,CAA6C,CAAC,GAE1DkB,IAAyBL,EAAY,MAAM;AAC/C,IAAKD,EAAA;AAAA,EACP,GAAG,CAACA,CAA+B,CAAC;AAEpC,gCAEI,UAAA,gBAAAO,EAACC,GAAA,EAAQ,OAAOT,GACd,4BAAC,QAAA,EACC,UAAA,gBAAAQ;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,6BAAYC,GAAA,EAAoB;AAAA,MAChC,SAASrB,KAAqBO;AAAA,MAC9B,UAAUE;AAAA,MACV,SAASQ;AAAA,MACV,UAAA;AAAA,IAAA;AAAA,EAAA,EAED,CACF,GACF,GACF;AAEJ;"}

package/dist/features/entity/metadata-task/components/MetadataTasksPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPage.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAyBtE"}
+{"version":3,"file":"MetadataTasksPage.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgDtE"}

package/dist/features/entity/metadata-task/components/MetadataTasksPage.js

@@ -1,32 +1,57 @@
-import { jsx as a } from "react/jsx-runtime";
-import l from "../../../../components/layout/InfiniteTableLayout.js";
-import m from "../../../../components/TanStackTable/StyledTanStackTable.js";
-import { useMetadataTaskTable as c } from "../hooks/useMetadataTaskTable.js";
-function x(o) {
-  const { projectId: s } = o, { table: e, isLoading: t, hasNextPage: r, fetchNextPage: i, isFetchingNextPage: n } = c({
-    projectId: s
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import T from "../../../../components/layout/InfiniteTableLayout.js";
+import u from "../../../../components/TanStackTable/StyledTanStackTable.js";
+import { useMetadataTaskTable as h } from "../hooks/useMetadataTaskTable.js";
+import { Stack as s, FormControlLabel as p, Switch as k } from "@mui/material";
+import { useState as x } from "react";
+function j(n) {
+  const { projectId: i } = n, [t, r] = x({
+    projectId: i,
+    assignedToMe: !1
+  }), { table: a, isLoading: o, hasNextPage: l, fetchNextPage: c, isFetchingNextPage: d } = h({
+    listCurationTaskRequest: t
   });
-  return /* @__PURE__ */ a(
-    l,
-    {
-      table: /* @__PURE__ */ a(
-        m,
-        {
-          table: e,
-          styledTableContainerProps: { sx: { my: 2 } }
-        }
-      ),
-      isLoading: t,
-      isEmpty: !t && e.getRowModel().rows.length === 0,
-      hasNextPage: r,
-      onFetchNextPageClicked: () => {
-        i();
-      },
-      isFetchingNextPage: n
-    }
-  );
+  return /* @__PURE__ */ f(s, { children: [
+    /* @__PURE__ */ e(s, { direction: "row", justifyContent: "flex-end", children: /* @__PURE__ */ e(
+      p,
+      {
+        control: /* @__PURE__ */ e(
+          k,
+          {
+            checked: !!t.assignedToMe,
+            onChange: (b, m) => {
+              r((g) => ({
+                ...g,
+                assignedToMe: m
+              }));
+            }
+          }
+        ),
+        label: "View only tasks assigned to me"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      T,
+      {
+        table: /* @__PURE__ */ e(
+          u,
+          {
+            table: a,
+            styledTableContainerProps: { sx: { my: 2 } }
+          }
+        ),
+        isLoading: o,
+        isEmpty: !o && a.getRowModel().rows.length === 0,
+        hasNextPage: l,
+        onFetchNextPageClicked: () => {
+          c();
+        },
+        isFetchingNextPage: d
+      }
+    )
+  ] });
 }
 export {
-  x as default
+  j as default
 };
 //# sourceMappingURL=MetadataTasksPage.js.map

package/dist/features/entity/metadata-task/components/MetadataTasksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPage.js","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useMetadataTaskTable } from '@/features/entity/metadata-task/hooks/useMetadataTaskTable'\n\nexport type MetadataTaskTableProps = {\n  projectId: string\n}\n\n/**\n * Displays a list of metadata curation tasks for a particular project, with actions that can be performed on each task.\n * @param props\n * @constructor\n */\nexport default function MetadataTasksPage(props: MetadataTaskTableProps) {\n  const { projectId } = props\n\n  const { table, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useMetadataTaskTable({\n      projectId,\n    })\n\n  return (\n    <InfiniteTableLayout\n      table={\n        <StyledTanStackTable\n          table={table}\n          styledTableContainerProps={{ sx: { my: 2 } }}\n        />\n      }\n      isLoading={isLoading}\n      isEmpty={!isLoading && table.getRowModel().rows.length === 0}\n      hasNextPage={hasNextPage}\n      onFetchNextPageClicked={() => {\n        fetchNextPage()\n      }}\n      isFetchingNextPage={isFetchingNextPage}\n    />\n  )\n}\n"],"names":["MetadataTasksPage","props","projectId","table","isLoading","hasNextPage","fetchNextPage","isFetchingNextPage","useMetadataTaskTable","jsx","InfiniteTableLayout","StyledTanStackTable"],"mappings":";;;;AAaA,SAAwBA,EAAkBC,GAA+B;AACvE,QAAM,EAAE,WAAAC,MAAcD,GAEhB,EAAE,OAAAE,GAAO,WAAAC,GAAW,aAAAC,GAAa,eAAAC,GAAe,oBAAAC,EAAA,IACpDC,EAAqB;AAAA,IACnB,WAAAN;AAAA,EAAA,CACD;AAEH,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OACE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAR;AAAA,UACA,2BAA2B,EAAE,IAAI,EAAE,IAAI,IAAE;AAAA,QAAE;AAAA,MAAA;AAAA,MAG/C,WAAAC;AAAA,MACA,SAAS,CAACA,KAAaD,EAAM,YAAA,EAAc,KAAK,WAAW;AAAA,MAC3D,aAAAE;AAAA,MACA,wBAAwB,MAAM;AAC5B,QAAAC,EAAA;AAAA,MACF;AAAA,MACA,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MetadataTasksPage.js","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useMetadataTaskTable } from '@/features/entity/metadata-task/hooks/useMetadataTaskTable'\nimport { FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useState } from 'react'\nimport { ListCurationTaskRequest } from '@sage-bionetworks/synapse-client'\n\nexport type MetadataTaskTableProps = {\n  projectId: string\n}\n\n/**\n * Displays a list of metadata curation tasks for a particular project, with actions that can be performed on each task.\n * @param props\n * @constructor\n */\nexport default function MetadataTasksPage(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const [listCurationTaskRequest, setListCurationTaskRequest] =\n    useState<ListCurationTaskRequest>({\n      projectId,\n      assignedToMe: false,\n    })\n\n  const { table, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useMetadataTaskTable({\n      listCurationTaskRequest,\n    })\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" justifyContent=\"flex-end\">\n        <FormControlLabel\n          control={\n            <Switch\n              checked={!!listCurationTaskRequest.assignedToMe}\n              onChange={(_e, checked) => {\n                setListCurationTaskRequest(prev => ({\n                  ...prev,\n                  assignedToMe: checked,\n                }))\n              }}\n            />\n          }\n          label=\"View only tasks assigned to me\"\n        />\n      </Stack>\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2 } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && table.getRowModel().rows.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n"],"names":["MetadataTasksPage","props","projectId","listCurationTaskRequest","setListCurationTaskRequest","useState","table","isLoading","hasNextPage","fetchNextPage","isFetchingNextPage","useMetadataTaskTable","Stack","jsx","FormControlLabel","Switch","_e","checked","prev","InfiniteTableLayout","StyledTanStackTable"],"mappings":";;;;;;AAgBA,SAAwBA,EAAkBC,GAA+B;AACvE,QAAM,EAAE,WAAAC,MAAcD,GAChB,CAACE,GAAyBC,CAA0B,IACxDC,EAAkC;AAAA,IAChC,WAAAH;AAAA,IACA,cAAc;AAAA,EAAA,CACf,GAEG,EAAE,OAAAI,GAAO,WAAAC,GAAW,aAAAC,GAAa,eAAAC,GAAe,oBAAAC,EAAA,IACpDC,EAAqB;AAAA,IACnB,yBAAAR;AAAA,EAAA,CACD;AAEH,2BACGS,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAM,WAAU,OAAM,gBAAe,YACpC,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SACE,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,CAACZ,EAAwB;AAAA,YACnC,UAAU,CAACa,GAAIC,MAAY;AACzB,cAAAb,EAA2B,CAAAc,OAAS;AAAA,gBAClC,GAAGA;AAAA,gBACH,cAAcD;AAAA,cAAA,EACd;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,OAAM;AAAA,MAAA;AAAA,IAAA,GAEV;AAAA,IACA,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OACE,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,OAAAd;AAAA,YACA,2BAA2B,EAAE,IAAI,EAAE,IAAI,IAAE;AAAA,UAAE;AAAA,QAAA;AAAA,QAG/C,WAAAC;AAAA,QACA,SAAS,CAACA,KAAaD,EAAM,YAAA,EAAc,KAAK,WAAW;AAAA,QAC3D,aAAAE;AAAA,QACA,wBAAwB,MAAM;AAC5B,UAAAC,EAAA;AAAA,QACF;AAAA,QACA,oBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.d.ts

@@ -0,0 +1,7 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export type MetadataTasksTableAssigneeCellProps = {
+    taskBundle: TaskBundle;
+    canEdit: boolean;
+};
+export default function MetadataTasksTableAssigneeCell(props: MetadataTasksTableAssigneeCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetadataTasksTableAssigneeCell.d.ts.map

package/dist/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataTasksTableAssigneeCell.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAK7D,MAAM,MAAM,mCAAmC,GAAG;IAChD,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,8BAA8B,CACpD,KAAK,EAAE,mCAAmC,2CAwH3C"}

package/dist/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.js

@@ -0,0 +1,323 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { ConfirmationDialog as T } from "../../../../components/ConfirmationDialog/ConfirmationDialog.js";
+import w from "../../../../components/UserOrTeamBadge/UserOrTeamBadge.js";
+import b from "../../../../components/UserSearchBox/UserSearchBox.js";
+import "../../../../assets/icons/error_page/maintenance.svg.js";
+import "../../../../assets/icons/error_page/no-access.svg.js";
+import "../../../../assets/icons/error_page/unavailable.svg.js";
+import "../../../../utils/PermissionLevelToAccessType.js";
+import "../../../../utils/SynapseConstants.js";
+import { useState as e, useCallback as I } from "react";
+import "../../../../synapse-client/SynapseClient.js";
+import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
+import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
+import "@sage-bionetworks/synapse-client/util/SynapseClientError";
+import { TYPE_FILTER as A } from "@sage-bionetworks/synapse-types";
+import "../../../../utils/functions/EntityTypeUtils.js";
+import "lodash-es";
+import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
+import "../../../../utils/context/SynapseContext.js";
+import "use-deep-compare-effect";
+import "@tanstack/react-query";
+import "@tanstack/query-core";
+import "lodash-es/isEmpty";
+import "lodash-es/isEqual";
+import "lodash-es/xorWith";
+import { Stack as d, Typography as S, Alert as P, Box as B, IconButton as x } from "@mui/material";
+import "@sage-bionetworks/synapse-client";
+import "../../../../utils/types/IsType.js";
+import "../../../../utils/hooks/useCookiePreferences.js";
+import "../../../../utils/hooks/useSourceAppConfigs.js";
+import "universal-cookie";
+import "../../../../utils/AppUtils/session/ApplicationSessionContext.js";
+import "../../../../utils/context/FullContextProvider.js";
+import "../../../../utils/context/DocumentMetadataContext.js";
+import '../../../../components/Plot/SynapsePlot.css';import '../../../../components/FullWidthAlert/FullWidthAlert.css';import '../../../../style/components/_spinner.css';/* empty css                                         */
+import "react-router";
+import { displayToast as E } from "../../../../components/ToastMessage/ToastMessage.js";
+import "@sage-bionetworks/synapse-client/generated/models/DoiObjectType";
+import { EditTwoTone as U } from "@mui/icons-material";
+import "react-error-boundary";
+/* empty css                                                        */
+import "../../../../components/AccessTokenPage/AccessTokenCard/AccessTokenCard.js";
+import "@mui/icons-material/ContentCopy";
+import "../../../../components/styled/StyledFormControl.js";
+import "../../../../assets/icons/account-certified.svg.js";
+import "../../../../assets/icons/account-enabled-mfa.svg.js";
+import "../../../../assets/icons/account-validated.svg.js";
+import "../../../../utils/functions/DateFormatter.js";
+import "@react-hookz/web";
+import "dayjs";
+import "../../../../assets/ArcusBioIcon.svg.js";
+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 "../../../../components/Authentication/AuthenticationMethodSelection.js";
+import "mui-one-time-password-input";
+import "../../../../components/Authentication/TwoFactorEnrollmentForm.js";
+import "../../../../components/styled/LeftRightPanel.js";
+import "../../../../components/Authentication/RecoveryCodeGrid.js";
+import "../../../../components/GenericCard/GenericCardActionButton.js";
+import "@mui/material/Link";
+import "@mui/material/Skeleton";
+import "@mui/material/Tooltip";
+import "@mui/material/Typography";
+import "../../../../assets/icons/chart2.svg.js";
+import "../../../../assets/icons/Data2.svg.js";
+import "../../../../assets/icons/DNA_Two.svg.js";
+import "../../../../assets/icons/file.svg.js";
+import "../../../../assets/icons/institution.svg.js";
+import "../../../../assets/icons/mouse.svg.js";
+import "../../../../assets/icons/organizations.svg.js";
+import "../../../../assets/icons/person.svg.js";
+import "../../../../assets/icons/study-active.svg.js";
+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 "@mui/icons-material/Close";
+import "../../../../components/styled/StyledPopover.js";
+import "../../../../components/Markdown/MarkdownSynapse.js";
+import "@rjsf/utils";
+import "../../../../components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
+import "@mui/material/TextField";
+import "jsonpath-plus";
+import "@mui/material/ListItem";
+import "@mui/material/FormHelperText";
+import "@mui/material/List";
+import "../../../../components/DateTimePicker/DateTimePicker.js";
+import "../../../../components/JsonSchemaForm/widgets/SelectWidget.js";
+import "@rjsf/mui";
+import "@rjsf/validator-ajv8";
+import "../../../../utils/context/GlobalIsEditingContext.js";
+import "../../../../assets/icons/DoubleQuotes.svg.js";
+import "../../../../components/EntityDownloadConfirmation/EntityDownloadConfirmation.js";
+import "../../../../components/QueryContext/QueryContext.js";
+import "../../../../components/QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
+import "../../../../components/GenericCard/GenericCard.js";
+import "@mui/system";
+import "../../../../components/GenericCard/Linkify.js";
+import "jotai";
+import "lodash-es/noop";
+import "../../../../components/QueryWrapper/TableRowSelectionState.js";
+import "../../../../components/styled/WideButton.js";
+import "pluralize";
+import "react-select";
+import "../../../../components/AccessRequirementList/AccessRequirementList.js";
+import "../../../../components/DownloadCart/ActionRequiredCard/ActionRequiredCard.js";
+import "../../../../components/EntityAclEditor/EntityAclEditor.js";
+import "../../../../components/SynapseTable/SynapseTable.js";
+import "../../../../components/styled/StyledTableContainer.js";
+import "@mui/icons-material/ExitToApp";
+import "../../../../components/ChallengeTeamWizard/CreateChallengeTeam.js";
+import "../../../../components/ChallengeTeamWizard/MembershipRequestForm.js";
+import "@mui/x-data-grid";
+import "@mui/material/InputBase";
+import "@mui/icons-material/Search";
+import "@mui/icons-material/AddCircleTwoTone";
+import "../../../../components/EntityFinder/details/configurations/EntityChildrenDetails.js";
+import "../../../../components/EntityFinder/details/view/DetailsView.js";
+import "immutable";
+import "../../../../components/styled/LightTooltip.js";
+import "../../../../assets/illustrations/challenges_illustration.svg.js";
+import "../../../../assets/illustrations/cohort_builder_illustration.svg.js";
+import "../../../../assets/illustrations/data_access_management_illustration.svg.js";
+import "../../../../assets/illustrations/datasets_illustration.svg.js";
+import "../../../../assets/illustrations/discussions_illustration.svg.js";
+import "../../../../assets/illustrations/docker_illustration.svg.js";
+import "../../../../assets/illustrations/favorites_illustration.svg.js";
+import "../../../../assets/illustrations/files_illustration.svg.js";
+import "../../../../assets/illustrations/following_illustration.svg.js";
+import "../../../../assets/illustrations/projects_illustration.svg.js";
+import "../../../../assets/illustrations/tables_illustration.svg.js";
+import "../../../../assets/illustrations/teams_illustration.svg.js";
+import "../../../../assets/illustrations/trash_can_illustration.svg.js";
+import "../../../../assets/illustrations/wikis_illustration.svg.js";
+import "../../../../assets/illustrations/donation_illustration.svg.js";
+import "../../../../assets/illustrations/left_dot_blob_illustration.svg.js";
+import "../../../../assets/illustrations/right_dot_blob_illustration.svg.js";
+import "../../../../assets/illustrations/left_dot_blob_dark_illustration.svg.js";
+import "../../../../assets/illustrations/right_dot_blob_dark_illustration.svg.js";
+import "../../../../assets/illustrations/underconstruction_illustration.svg.js";
+import "../../../../components/DownloadCart/DownloadListTable.js";
+import "@hyperjump/json-schema";
+import "@hyperjump/json-schema/draft-07";
+import "@hyperjump/json-schema/annotated-instance/experimental";
+import "@hyperjump/json-schema/annotations/experimental";
+import "@rjsf/core";
+import "../../../../components/EntityFinder/EntityFinder.js";
+import "shortid";
+import "../../../../components/Evaluation/EvaluationRoundEditor.js";
+import "react-switch";
+import "../../../../components/Plot/Plot.js";
+import "../../../../components/ColorGradient/ColorGradient.js";
+import "@mui/x-date-pickers";
+import "@mui/x-date-pickers/AdapterDayjs";
+import "@mui/x-date-pickers/LocalizationProvider";
+import "../../../../components/FeaturedDataTabs/FacetPlotsCardGrid.js";
+import "../../../../components/Forum/ForumTable.js";
+import "@mui/icons-material/NavigateNext";
+import "@react-google-maps/api";
+import "../../../../components/Markdown/MarkdownUtils.js";
+import "../../../../components/OAuthClientManagement/OAuthManagement.js";
+import "../../../../components/OrientationBanner/OrientationBanner.js";
+import "lodash-es/cloneDeep";
+import "lodash-es/uniq";
+import "lodash-es/countBy";
+import "lodash-es/first";
+import "lodash-es/orderBy";
+import "../../../../components/styled/LargeButton.js";
+import "../../../../assets/illustrations/diagonalLinePattern.svg.js";
+import "@upsetjs/react";
+/* empty css                                           */
+import "reactflow";
+import "../../../../components/ProvenanceGraph/ProvenanceUtils.js";
+import "reactflow/dist/style.css";
+import "../../../../components/download_list/DownloadDetails.js";
+import "react-transition-group";
+import "../../../../components/WizardChoiceButton/WizardChoiceButton.js";
+import "../../../../components/SynapseTable/export/ExternalAnalysisPlatformsConstants.js";
+import "react-hot-toast";
+import "../../../../components/styled/InlineBadge.js";
+import "../../../../components/AccessRequirementAclEditor/AccessRequirementAclEditor.js";
+import "../../../../components/RssFeedCards/RssFeedCards.js";
+import "../../../../components/styled/InputSizedButton.js";
+import "../../../../components/SubsectionRowRenderer/SubsectionRowRenderer.js";
+import "@apidevtools/json-schema-ref-parser";
+import "json-rules-engine";
+import "lodash-es/find";
+import "lodash-es/findIndex";
+import "lodash-es/get";
+import "lodash-es/isUndefined";
+import "lodash-es/keys";
+import "lodash-es/pick";
+import "lodash-es/remove";
+import "lodash-es/set";
+import "lodash-es/trimStart";
+import "../../../../components/SynapseForm/SynapseFormSubmissionGrid.js";
+import "../../../../components/SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
+import "../../../../components/TimelinePlot/phasesQueryResponseData.js";
+import "../../../../components/EntityHeaderTable/EntityHeaderTable.js";
+import "../../../../components/MuiContainer.js";
+import "@mui/material/Grid";
+import "@mui/icons-material/ArrowForwardIos";
+import "../../../../components/PortalAclEditor/PortalAclEditor.js";
+import "../../../../components/SynapseHomepageV2/HomepageStyles.js";
+import "../../../../assets/icons/Checkbox/Checked.svg.js";
+import "../../../../assets/icons/Checkbox/Indeterminate.svg.js";
+import "../../../../assets/icons/Checkbox/Unchecked.svg.js";
+import "../../../../theme/palette/Palettes.js";
+import "@mui/material/styles";
+import "@mui/utils";
+import "../../../../components/Webhook/WebhookDashboard.js";
+import "../../../../mocks/query/mock_query_data.js";
+import "../../../../mocks/realm/mockRealmPrincipal.js";
+import { useUpdateCurationTask as D } from "../../../../synapse-queries/curation/task/useCurationTask.js";
+import L from "../utils/taskHasAssignee.js";
+function Xr(u) {
+  const { taskBundle: s, canEdit: g } = u, o = s.task, { assigneePrincipalId: m } = o, [n, p] = e(!1), [h, f] = e(
+    m ?? null
+  ), [k, a] = e(!1), { mutateAsync: l, isPending: y } = D({
+    onError: (i) => {
+      E("Error updating task assignee: " + i.message, "danger");
+    }
+  });
+  let c = /* @__PURE__ */ t(
+    B,
+    {
+      component: "span",
+      sx: { flexGrow: 1, fontStyle: "italic", color: "grey.700" },
+      children: "Unassigned"
+    }
+  );
+  L(o) && (c = /* @__PURE__ */ t(w, { principalId: m }));
+  const v = I(
+    async (i) => {
+      await l({
+        ...o,
+        assigneePrincipalId: i
+      }), p(!1);
+    },
+    [o, l]
+  ), C = /* @__PURE__ */ t(
+    T,
+    {
+      title: "Set Assignee",
+      open: n,
+      content: /* @__PURE__ */ r(d, { gap: 2, children: [
+        /* @__PURE__ */ t(S, { variant: "body1", gutterBottom: !0, children: "Assign this task to a team or an individual user. All members of a team will be able to collaborate in the same Curator session." }),
+        /* @__PURE__ */ t(
+          b,
+          {
+            defaultValue: m,
+            onChange: (i) => f(i),
+            typeFilter: A.ALL
+          },
+          n.toString()
+        ),
+        s.status?.executionDetails?.activeSessionId && /* @__PURE__ */ r(P, { severity: "warning", children: [
+          "This task has an active Curator session. If you change the assignee, these effects could happen:",
+          /* @__PURE__ */ r("ul", { children: [
+            /* @__PURE__ */ t("li", { children: "Current assignee(s) may lose access to the session, unsaved changes will be lost, and they may not be able to complete their work." }),
+            /* @__PURE__ */ t("li", { children: "New assignee(s) may not have permission to access the current session" })
+          ] }),
+          "To avoid these issues, a data manager should create a new task."
+        ] })
+      ] }),
+      confirmButtonProps: {
+        children: "Save",
+        loading: y
+      },
+      onConfirm: () => {
+        v(h ?? void 0);
+      },
+      onCancel: () => p(!1)
+    }
+  );
+  return /* @__PURE__ */ r(
+    d,
+    {
+      direction: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      spacing: 1,
+      onMouseOver: () => {
+        a(!0);
+      },
+      onMouseLeave: () => {
+        a(!1);
+      },
+      children: [
+        /* @__PURE__ */ t("span", { style: { overflow: "hidden" }, children: c }),
+        k && g && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+          x,
+          {
+            "aria-label": "Edit assignee",
+            size: "small",
+            onClick: () => p(!0),
+            children: /* @__PURE__ */ t(U, { fontSize: "inherit" })
+          }
+        ) }),
+        C
+      ]
+    }
+  );
+}
+export {
+  Xr as default
+};
+//# sourceMappingURL=MetadataTasksTableAssigneeCell.js.map

package/dist/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataTasksTableAssigneeCell.js","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport UserOrTeamBadge from '@/components/UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '@/components/UserSearchBox/UserSearchBox'\nimport { displayToast } from '@/index'\nimport { useUpdateCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport { EditTwoTone } from '@mui/icons-material'\nimport { Alert, Box, IconButton, Stack, Typography } from '@mui/material'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport taskHasAssignee from '../utils/taskHasAssignee'\n\nexport type MetadataTasksTableAssigneeCellProps = {\n  taskBundle: TaskBundle\n  canEdit: boolean\n}\n\nexport default function MetadataTasksTableAssigneeCell(\n  props: MetadataTasksTableAssigneeCellProps,\n) {\n  const { taskBundle, canEdit } = props\n  const curationTask = taskBundle.task!\n  const { assigneePrincipalId } = curationTask\n  const [showUserPicker, setShowUserPicker] = useState(false)\n  const [selectedPrincipalId, setSelectedPrincipalId] = useState<string | null>(\n    assigneePrincipalId ?? null,\n  )\n  const [isHoveringOnCell, setIsHoveringOnCell] = useState(false)\n\n  const { mutateAsync: updateCurationTask, isPending: updateTaskIsPending } =\n    useUpdateCurationTask({\n      onError: error => {\n        displayToast('Error updating task assignee: ' + error.message, 'danger')\n      },\n    })\n\n  let assigneeDisplay = (\n    <Box\n      component=\"span\"\n      sx={{ flexGrow: 1, fontStyle: 'italic', color: 'grey.700' }}\n    >\n      Unassigned\n    </Box>\n  )\n\n  const hasAssignee = taskHasAssignee(curationTask)\n  if (hasAssignee) {\n    assigneeDisplay = <UserOrTeamBadge principalId={assigneePrincipalId} />\n  }\n\n  const onConfirmUpdateAssignee = useCallback(\n    async (assigneeId: string | undefined) => {\n      await updateCurationTask({\n        ...curationTask,\n        assigneePrincipalId: assigneeId,\n      })\n      setShowUserPicker(false)\n    },\n    [curationTask, updateCurationTask],\n  )\n\n  const editDialog = (\n    <ConfirmationDialog\n      title=\"Set Assignee\"\n      open={showUserPicker}\n      content={\n        <Stack gap={2}>\n          <Typography variant=\"body1\" gutterBottom>\n            Assign this task to a team or an individual user. All members of a\n            team will be able to collaborate in the same Curator session.\n          </Typography>\n          <UserSearchBox\n            key={showUserPicker.toString()}\n            defaultValue={assigneePrincipalId}\n            onChange={principalId => setSelectedPrincipalId(principalId)}\n            typeFilter={TYPE_FILTER.ALL}\n          />\n          {taskBundle.status?.executionDetails?.activeSessionId && (\n            <Alert severity=\"warning\">\n              This task has an active Curator session. If you change the\n              assignee, these effects could happen:\n              <ul>\n                <li>\n                  Current assignee(s) may lose access to the session, unsaved\n                  changes will be lost, and they may not be able to complete\n                  their work.\n                </li>\n                <li>\n                  New assignee(s) may not have permission to access the current\n                  session\n                </li>\n              </ul>\n              To avoid these issues, a data manager should create a new task.\n            </Alert>\n          )}\n        </Stack>\n      }\n      confirmButtonProps={{\n        children: 'Save',\n        loading: updateTaskIsPending,\n      }}\n      onConfirm={() => {\n        onConfirmUpdateAssignee(selectedPrincipalId ?? undefined)\n      }}\n      onCancel={() => setShowUserPicker(false)}\n    />\n  )\n\n  const editButton = (\n    <div>\n      <IconButton\n        aria-label=\"Edit assignee\"\n        size=\"small\"\n        onClick={() => setShowUserPicker(true)}\n      >\n        <EditTwoTone fontSize=\"inherit\" />\n      </IconButton>\n    </div>\n  )\n\n  return (\n    <Stack\n      direction={'row'}\n      alignItems={'center'}\n      justifyContent={'space-between'}\n      spacing={1}\n      onMouseOver={() => {\n        setIsHoveringOnCell(true)\n      }}\n      onMouseLeave={() => {\n        setIsHoveringOnCell(false)\n      }}\n    >\n      <span style={{ overflow: 'hidden' }}>{assigneeDisplay}</span>\n      {isHoveringOnCell && canEdit && editButton}\n      {editDialog}\n    </Stack>\n  )\n}\n"],"names":["MetadataTasksTableAssigneeCell","props","taskBundle","canEdit","curationTask","assigneePrincipalId","showUserPicker","setShowUserPicker","useState","selectedPrincipalId","setSelectedPrincipalId","isHoveringOnCell","setIsHoveringOnCell","updateCurationTask","updateTaskIsPending","useUpdateCurationTask","error","displayToast","assigneeDisplay","jsx","Box","taskHasAssignee","UserOrTeamBadge","onConfirmUpdateAssignee","useCallback","assigneeId","editDialog","ConfirmationDialog","jsxs","Stack","Typography","UserSearchBox","principalId","TYPE_FILTER","Alert","IconButton","EditTwoTone"],"mappings":"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"}