synapse-react-client 4.0.26 → 4.0.27

package/dist/features/curator/dashboard/components/CurationTaskCard.js

@@ -1,166 +1,35 @@
 import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
-import t from "../../../../synapse-queries/entity/useEntityBundle.js";
 import "../../../../components/index.js";
-import { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE as n, TASK_STATUS_CONFIG as r } from "../../../entity/metadata-task/utils/constants.js";
-import i from "../../../entity/metadata-task/hooks/useOpenCuratorButton.js";
-import a from "../../../entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.js";
-import o from "./CurationTaskCard.module.js";
-import s from "./NextStepButton.js";
-import c from "./shared.module.js";
-import l from "./UserOrTeamChip.js";
-import { useState as u } from "react";
-import { Box as d, Card as f, Chip as p, Divider as m, IconButton as h, Skeleton as g, Typography as _ } from "@mui/material";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import b from "classnames";
-import x from "@mui/icons-material/SettingsOutlined";
+import { getComputeTaskConcreteType as t } from "../../../entity/metadata-task/utils/types.js";
+import n from "./CurationTaskCard.module.js";
+import r, { deriveCardFields as i } from "./CurationTaskCardLayout.js";
+import a from "./NextStepButton.js";
+import o from "./ExecutableTaskCard.js";
+import s from "./GridTaskCard.js";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/features/curator/dashboard/components/CurationTaskCard.tsx
-function S(t) {
-	let { onClick: n, isLoading: r, isPending: a, hasPermission: o } = i(t);
-	if (!t.task || !t.status) throw Error("Task bundle is missing required properties");
-	switch (t.task?.taskProperties?.concreteType) {
+function l(l) {
+	let { taskBundle: u } = l;
+	if (!u.task || !u.status) throw Error("Task bundle is missing required properties");
+	let d = u.task.taskProperties?.concreteType;
+	if (t(u.task.taskProperties)) return /* @__PURE__ */ c(o, { taskBundle: u });
+	switch (d) {
 		case "org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties":
-		case "org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties": return {
-			title: t.task.dataType,
-			description: t.task.instructions ?? "",
-			taskId: t.task.taskId,
-			principalIds: t.task.assigneePrincipalId ? [t.task.assigneePrincipalId] : [],
-			buttonText: "Open Curator",
-			taskType: "Curate Data",
-			statusState: t.status.state,
-			onClickNextStep: n,
-			isLoading: r,
-			isPending: a,
-			hasPermission: o
-		};
-		default: console.error("No UI implemented for task type: " + t.task?.taskProperties?.concreteType);
+		case "org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties": return /* @__PURE__ */ c(s, { taskBundle: u });
+		default: return console.error("No UI implemented for task type: " + d), /* @__PURE__ */ c(r, {
+			taskBundle: u,
+			...i(u.task),
+			taskType: "",
+			renderActionButton: ({ expanded: t }) => /* @__PURE__ */ c(a, {
+				className: n.cardButton,
+				buttonText: "Continue",
+				onClick: () => e("No action defined for this task type", "danger", { title: "Unexpected Error" }),
+				expanded: t
+			})
+		});
 	}
-	return {
-		title: t.task.dataType,
-		description: t.task.instructions ?? "",
-		taskId: t.task.taskId,
-		principalIds: t.task.assigneePrincipalId ? [t.task.assigneePrincipalId] : [],
-		buttonText: "Continue",
-		taskType: "",
-		statusState: t.status.state,
-		onClickNextStep: () => {
-			e("No action defined for this task type", "danger", { title: "Unexpected Error" });
-		},
-		isLoading: !1,
-		isPending: !1,
-		hasPermission: void 0
-	};
-}
-function C(e) {
-	let { label: t } = e;
-	return /* @__PURE__ */ v(p, {
-		sx: {
-			fontWeight: 600,
-			backgroundColor: "#BFD3ED"
-		},
-		label: t
-	});
-}
-function w(e) {
-	let { state: t } = e;
-	if (!t) return null;
-	let { label: n, backgroundColor: i } = r[t];
-	return /* @__PURE__ */ v(p, {
-		size: "small",
-		sx: {
-			fontWeight: 600,
-			backgroundColor: i
-		},
-		label: n
-	});
-}
-function T(r) {
-	let { taskBundle: i } = r, { title: p, description: T, taskId: E, taskType: D, principalIds: O, buttonText: k, statusState: A, onClickNextStep: j, hasPermission: M, isLoading: N, isPending: P } = S(i), [F, I] = u(!1), L = i.task?.projectId, { data: R } = t(L, void 0, {
-		includeEntity: !0,
-		includePermissions: !0
-	}), z = R?.permissions?.canEdit ?? !1;
-	function B() {
-		M ? j() : e(n, "danger");
-	}
-	return /* @__PURE__ */ y(f, {
-		className: b(c.card, o.card),
-		children: [/* @__PURE__ */ y("div", {
-			className: o.cardContent,
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: o.mainContent,
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: o.titleChipContainer,
-							children: [
-								/* @__PURE__ */ v(_, {
-									variant: "headline3",
-									children: p
-								}),
-								D && /* @__PURE__ */ v(C, { label: D }),
-								z && /* @__PURE__ */ v(h, {
-									onClick: () => I(!0),
-									"aria-label": "Task settings",
-									children: /* @__PURE__ */ v(x, {})
-								})
-							]
-						}),
-						/* @__PURE__ */ y(d, {
-							sx: {
-								display: "flex",
-								gap: 4
-							},
-							children: [R?.entity?.name ? /* @__PURE__ */ v(_, {
-								variant: "body1",
-								children: R.entity.name
-							}) : /* @__PURE__ */ v(g, { width: 100 }), E && /* @__PURE__ */ y(_, {
-								variant: "body1",
-								children: ["Task ID: ", E]
-							})]
-						}),
-						T && /* @__PURE__ */ v(_, {
-							variant: "body1",
-							children: T
-						}),
-						/* @__PURE__ */ v("div", {
-							className: o.userChipContainer,
-							children: O.map((e) => /* @__PURE__ */ v(l, { principalId: e }, e))
-						})
-					]
-				}),
-				/* @__PURE__ */ v(d, {
-					sx: {
-						display: "flex",
-						alignItems: "center"
-					},
-					children: /* @__PURE__ */ v(w, { state: A })
-				}),
-				/* @__PURE__ */ v(m, {
-					orientation: "vertical",
-					flexItem: !0,
-					sx: { display: {
-						xs: "none",
-						md: "block"
-					} }
-				}),
-				/* @__PURE__ */ v(s, {
-					className: o.cardButton,
-					buttonText: k,
-					onClick: B,
-					disabled: N,
-					loading: P
-				})
-			]
-		}), /* @__PURE__ */ v(a, {
-			open: F,
-			onCancel: () => I(!1),
-			onSuccess: () => I(!1),
-			onDeleteSuccess: () => I(!1),
-			projectId: L ?? "",
-			task: i.task
-		}, String(F))]
-	});
 }
 //#endregion
-export { T as default };
+export { l as default };
 
 //# sourceMappingURL=CurationTaskCard.js.map

package/dist/features/curator/dashboard/components/CurationTaskCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurationTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport CreateOrUpdateCurationTaskDialog from '@/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog'\nimport { TASK_STATUS_CONFIG } from '@/features/entity/metadata-task/utils/constants'\nimport useOpenCuratorFromTaskButton from '@/features/entity/metadata-task/hooks/useOpenCuratorButton'\nimport { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE } from '@/features/entity/metadata-task/utils/constants'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport {\n  Box,\n  Card,\n  Chip,\n  Divider,\n  IconButton,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  TaskBundle,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport classNames from 'classnames'\nimport styles from './CurationTaskCard.module.scss'\nimport NextStepButton from './NextStepButton'\nimport sharedStyles from './shared.module.scss'\nimport UserOrTeamChip from './UserOrTeamChip'\nimport SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'\nimport { useState } from 'react'\n\nexport type CurationTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\nfunction useUiForTask(taskBundle: TaskBundle) {\n  const { onClick, isLoading, isPending, hasPermission } =\n    useOpenCuratorFromTaskButton(taskBundle)\n\n  if (!taskBundle.task || !taskBundle.status) {\n    throw new Error('Task bundle is missing required properties')\n  }\n\n  switch (taskBundle.task?.taskProperties?.concreteType) {\n    case 'org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties':\n    case 'org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties':\n      return {\n        title: taskBundle.task.dataType,\n        description: taskBundle.task.instructions ?? '',\n        taskId: taskBundle.task.taskId,\n        principalIds: taskBundle.task.assigneePrincipalId\n          ? [taskBundle.task.assigneePrincipalId]\n          : [],\n        buttonText: 'Open Curator',\n        taskType: 'Curate Data',\n        statusState: taskBundle.status.state,\n        onClickNextStep: onClick,\n        isLoading,\n        isPending,\n        hasPermission,\n      }\n    default: {\n      console.error(\n        'No UI implemented for task type: ' +\n          // @ts-expect-error - the switch should be exhaustive for known types\n          taskBundle.task?.taskProperties?.concreteType,\n      )\n    }\n  }\n\n  return {\n    title: taskBundle.task.dataType,\n    description: taskBundle.task.instructions ?? '',\n    taskId: taskBundle.task.taskId!,\n    principalIds: taskBundle.task.assigneePrincipalId\n      ? [taskBundle.task.assigneePrincipalId]\n      : [],\n    buttonText: 'Continue',\n    taskType: '',\n    statusState: taskBundle.status.state,\n    onClickNextStep: () => {\n      displayToast('No action defined for this task type', 'danger', {\n        title: 'Unexpected Error',\n      })\n    },\n    isLoading: false,\n    isPending: false,\n    hasPermission: undefined,\n  }\n}\n\nfunction TaskTypeChip(props: { label: string }) {\n  const { label } = props\n  return (\n    <Chip sx={{ fontWeight: 600, backgroundColor: '#BFD3ED' }} label={label} />\n  )\n}\n\nfunction TaskStatusChip(props: { state: TaskStatusStateEnum | undefined }) {\n  const { state } = props\n  if (!state) return null\n  const { label, backgroundColor } = TASK_STATUS_CONFIG[state]\n  return (\n    <Chip\n      size=\"small\"\n      sx={{ fontWeight: 600, backgroundColor }}\n      label={label}\n    />\n  )\n}\n\n/**\n * Card component for displaying a curation task on the curator dashboard. Shows relevant information about the task and includes a button to proceed to the next step in the workflow.\n */\nexport default function CurationTaskCard(props: CurationTaskCardProps) {\n  const { taskBundle } = props\n  const {\n    title,\n    description,\n    taskId,\n    taskType,\n    principalIds,\n    buttonText,\n    statusState,\n    onClickNextStep,\n    hasPermission: hasPermissionToOpenGrid,\n    isLoading,\n    isPending,\n  } = useUiForTask(taskBundle)\n\n  const [isSettingsOpen, setIsSettingsOpen] = useState(false)\n\n  const projectId = taskBundle.task?.projectId\n  const { data: bundle } = useGetEntityBundle(projectId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n  const canEdit = bundle?.permissions?.canEdit ?? false\n\n  function onClickAction() {\n    if (hasPermissionToOpenGrid) {\n      onClickNextStep()\n    } else {\n      displayToast(OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE, 'danger')\n    }\n  }\n\n  return (\n    <Card className={classNames(sharedStyles.card, styles.card)}>\n      <div className={styles.cardContent}>\n        <div className={styles.mainContent}>\n          <div className={styles.titleChipContainer}>\n            <Typography variant=\"headline3\">{title}</Typography>\n            {taskType && <TaskTypeChip label={taskType} />}\n            {canEdit && (\n              <IconButton\n                onClick={() => setIsSettingsOpen(true)}\n                aria-label=\"Task settings\"\n              >\n                <SettingsOutlinedIcon />\n              </IconButton>\n            )}\n          </div>\n          <Box sx={{ display: 'flex', gap: 4 }}>\n            {bundle?.entity?.name ? (\n              <Typography variant=\"body1\">{bundle.entity.name}</Typography>\n            ) : (\n              <Skeleton width={100} />\n            )}\n            {taskId && (\n              <Typography variant=\"body1\">Task ID: {taskId}</Typography>\n            )}\n          </Box>\n          {description && (\n            <Typography variant=\"body1\">{description}</Typography>\n          )}\n          <div className={styles.userChipContainer}>\n            {principalIds.map(principalId => (\n              <UserOrTeamChip key={principalId} principalId={principalId} />\n            ))}\n          </div>\n        </div>\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <TaskStatusChip state={statusState} />\n        </Box>\n        <Divider\n          orientation=\"vertical\"\n          flexItem\n          sx={{ display: { xs: 'none', md: 'block' } }}\n        />\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText={buttonText}\n          onClick={onClickAction}\n          disabled={isLoading}\n          loading={isPending}\n        />\n      </div>\n      <CreateOrUpdateCurationTaskDialog\n        key={String(isSettingsOpen)}\n        open={isSettingsOpen}\n        onCancel={() => setIsSettingsOpen(false)}\n        onSuccess={() => setIsSettingsOpen(false)}\n        onDeleteSuccess={() => setIsSettingsOpen(false)}\n        projectId={projectId ?? ''}\n        task={taskBundle.task}\n      />\n    </Card>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CurationTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport { getComputeTaskConcreteType } from '@/features/entity/metadata-task/utils/types'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport CurationTaskCardLayout, {\n  deriveCardFields,\n} from './CurationTaskCardLayout'\nimport ExecutableTaskCard from './ExecutableTaskCard'\nimport GridTaskCard from './GridTaskCard'\nimport NextStepButton from './NextStepButton'\nimport styles from './CurationTaskCard.module.scss'\n\nexport type CurationTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\n/**\n * Card component for displaying a curation task on the curator dashboard. Dispatches to the card\n * variant appropriate for the task's type: an executable (Compute Data) task, a grid-supported\n * (Curate Data) task, or a fallback for unrecognized types.\n */\nexport default function CurationTaskCard(props: CurationTaskCardProps) {\n  const { taskBundle } = props\n\n  if (!taskBundle.task || !taskBundle.status) {\n    throw new Error('Task bundle is missing required properties')\n  }\n\n  const concreteType = taskBundle.task.taskProperties?.concreteType\n\n  if (getComputeTaskConcreteType(taskBundle.task.taskProperties)) {\n    return <ExecutableTaskCard taskBundle={taskBundle} />\n  }\n\n  switch (concreteType) {\n    case 'org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties':\n    case 'org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties':\n      return <GridTaskCard taskBundle={taskBundle} />\n    default:\n      console.error('No UI implemented for task type: ' + concreteType)\n      return (\n        <CurationTaskCardLayout\n          taskBundle={taskBundle}\n          {...deriveCardFields(taskBundle.task)}\n          taskType=\"\"\n          renderActionButton={({ expanded }) => (\n            <NextStepButton\n              className={styles.cardButton}\n              buttonText=\"Continue\"\n              onClick={() =>\n                displayToast('No action defined for this task type', 'danger', {\n                  title: 'Unexpected Error',\n                })\n              }\n              expanded={expanded}\n            />\n          )}\n        />\n      )\n  }\n}\n"],"mappings":";;;;;;;;;;AAoBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,kBAAe;CAEvB,IAAI,CAAC,EAAW,QAAQ,CAAC,EAAW,QAClC,MAAU,MAAM,4CAA4C;CAG9D,IAAM,IAAe,EAAW,KAAK,gBAAgB;CAErD,IAAI,EAA2B,EAAW,KAAK,cAAc,GAC3D,OAAO,kBAAC,GAAD,EAAgC,cAAa,CAAA;CAGtD,QAAQ,GAAR;EACE,KAAK;EACL,KAAK,sFACH,OAAO,kBAAC,GAAD,EAA0B,cAAa,CAAA;EAChD,SAEE,OADA,QAAQ,MAAM,sCAAsC,CAAY,GAE9D,kBAAC,GAAD;GACc;GACZ,GAAI,EAAiB,EAAW,IAAI;GACpC,UAAS;GACT,qBAAqB,EAAE,kBACrB,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,YAAW;IACX,eACE,EAAa,wCAAwC,UAAU,EAC7D,OAAO,mBACT,CAAC;IAEO;GACX,CAAA;EAEJ,CAAA;CAEP;AACF"}

package/dist/features/curator/dashboard/components/CurationTaskCard.module.js

@@ -1,10 +1,14 @@
 import './CurationTaskCard.css';var e = {
-	card: "_card_12r05_1",
-	cardContent: "_cardContent_12r05_5",
-	mainContent: "_mainContent_12r05_18",
-	titleChipContainer: "_titleChipContainer_12r05_25",
-	userChipContainer: "_userChipContainer_12r05_39",
-	buttonContainer: "_buttonContainer_12r05_47"
+	card: "_card_pb0lb_1",
+	cardContent: "_cardContent_pb0lb_5",
+	mainContent: "_mainContent_pb0lb_18",
+	titleChipContainer: "_titleChipContainer_pb0lb_26",
+	title: "_title_pb0lb_26",
+	entityInfo: "_entityInfo_pb0lb_47",
+	statusContainer: "_statusContainer_pb0lb_52",
+	expandedContent: "_expandedContent_pb0lb_59",
+	userChipContainer: "_userChipContainer_pb0lb_69",
+	buttonContainer: "_buttonContainer_pb0lb_77"
 };
 //#endregion
 export { e as default };

package/dist/features/curator/dashboard/components/CurationTaskCard.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurationTaskCard.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.module.scss"],"sourcesContent":[".card:global(.MuiCard-root) {\n  background-color: #f5f8fa;\n}\n\n.cardContent {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n  gap: 24px;\n  align-items: stretch;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n}\n\n.mainContent {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex-grow: 1;\n}\n\n.titleChipContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  align-items: center;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.userChipContainer {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.buttonContainer {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  margin-left: auto;\n  @media (max-width: 768px) {\n    margin-left: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"CurationTaskCard.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.module.scss"],"sourcesContent":[".card:global(.MuiCard-root) {\n  background-color: #f5f8fa;\n}\n\n.cardContent {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n  gap: 24px;\n  align-items: stretch;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n}\n\n.mainContent {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex-grow: 1;\n  flex: 1;\n}\n\n.titleChipContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  align-items: center;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.title {\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.entityInfo {\n  display: flex;\n  gap: 16px;\n}\n\n.statusContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.expandedContent {\n  background-color: #fff;\n  padding: 16px;\n  margin: 16px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.userChipContainer {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.buttonContainer {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  margin-left: auto;\n  @media (max-width: 768px) {\n    margin-left: 0;\n  }\n}\n"],"mappings":""}

package/dist/features/curator/dashboard/components/CurationTaskCard.module.scss

@@ -19,6 +19,7 @@
   flex-direction: column;
   gap: 16px;
   flex-grow: 1;
+  flex: 1;
 }
 
 .titleChipContainer {
@@ -33,6 +34,36 @@
   }
 }
 
+.title {
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.entityInfo {
+  display: flex;
+  gap: 16px;
+}
+
+.statusContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.expandedContent {
+  background-color: #fff;
+  padding: 16px;
+  margin: 16px;
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
 .userChipContainer {
   display: flex;
   flex-direction: row;

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.d.ts

@@ -0,0 +1,25 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+import { ReactNode } from 'react';
+export type CurationTaskCardLayoutProps = {
+    taskBundle: TaskBundle;
+    title: string;
+    description: string;
+    taskType: string;
+    principalIds: string[];
+    /** Renders the action button. `expanded` reflects whether the card is in its expanded layout. */
+    renderActionButton: (props: {
+        expanded: boolean;
+    }) => ReactNode;
+};
+/** Derives the fields shared by every card variant from a task's common properties. */
+export declare function deriveCardFields(task: TaskBundle['task']): {
+    title: string;
+    description: string;
+    principalIds: string[];
+};
+/**
+ * Shared presentational chrome for a curation task card: title, chips, entity info, assignees,
+ * status/due date, and an action button slot. Both the grid and executable task cards compose this.
+ */
+export default function CurationTaskCardLayout(props: CurationTaskCardLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CurationTaskCardLayout.d.ts.map

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCardLayout.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,UAAU,EAEX,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AA+D3C,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,iGAAiG;IACjG,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAA;CAChE,CAAA;AAED,uFAAuF;AACvF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;;;;EAMxD;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAAK,EAAE,2BAA2B,2CAqFnC"}

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.js

@@ -0,0 +1,134 @@
+import e from "../../../../synapse-queries/entity/useEntityBundle.js";
+import { TASK_STATUS_CONFIG as t } from "../../../entity/metadata-task/utils/constants.js";
+import { parseDueDate as n } from "../../../entity/metadata-task/utils/dueDate.js";
+import r from "./CurationTaskCard.module.js";
+import i from "./shared.module.js";
+import a from "./UserOrTeamChip.js";
+import { useState as o } from "react";
+import { Card as s, Chip as c, Collapse as l, Divider as u, IconButton as d, Skeleton as f, Typography as p } from "@mui/material";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useNavigate as _ } from "react-router";
+import v from "dayjs";
+import y from "dayjs/plugin/utc";
+import b from "classnames";
+import x from "@mui/icons-material/SettingsOutlined";
+//#region src/features/curator/dashboard/components/CurationTaskCardLayout.tsx
+v.extend(y);
+function S(e) {
+	let { label: t } = e;
+	return /* @__PURE__ */ h(c, {
+		sx: {
+			fontWeight: 600,
+			backgroundColor: "#BFD3ED"
+		},
+		label: t
+	});
+}
+function C(e) {
+	let { state: n } = e;
+	if (!n) return null;
+	let { label: r, backgroundColor: i } = t[n];
+	return /* @__PURE__ */ h(c, {
+		size: "small",
+		sx: {
+			fontWeight: 600,
+			backgroundColor: i
+		},
+		label: r
+	});
+}
+function w(e) {
+	let { dueDate: t } = e, r = n(t);
+	if (!r) return null;
+	let i = r.diff(v.utc().startOf("day"), "day"), a = r.format("MM/DD/YY"), o = "#E0E0E0";
+	return i < 0 ? o = "#FFCDD2" : i < 30 && (o = "#FFF9C4"), /* @__PURE__ */ h(c, {
+		size: "small",
+		sx: {
+			fontWeight: 600,
+			backgroundColor: o
+		},
+		label: `Due ${a}`
+	});
+}
+function T(e) {
+	return {
+		title: e?.dataType ?? "",
+		description: e?.instructions ?? "",
+		principalIds: e?.assigneePrincipalId ? [e.assigneePrincipalId] : []
+	};
+}
+function E(t) {
+	let { taskBundle: n, title: c, description: v, taskType: y, principalIds: T, renderActionButton: E } = t, D = _(), [O, k] = o(!1), A = n.task?.taskId, j = n.task?.projectId, { data: M } = e(j, void 0, {
+		includeEntity: !0,
+		includePermissions: !0
+	}), N = M?.permissions?.canEdit ?? !1;
+	return /* @__PURE__ */ g(s, {
+		className: b(i.card, r.card),
+		children: [/* @__PURE__ */ g("div", {
+			className: r.cardContent,
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: r.mainContent,
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: r.titleChipContainer,
+							children: [
+								/* @__PURE__ */ h(p, {
+									variant: "headline3",
+									className: r.title,
+									onClick: () => k(!O),
+									children: c
+								}),
+								y && /* @__PURE__ */ h(S, { label: y }),
+								N && /* @__PURE__ */ h(d, {
+									onClick: () => void D(`edit/${A}`),
+									"aria-label": "Task settings",
+									children: /* @__PURE__ */ h(x, {})
+								})
+							]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: r.entityInfo,
+							children: [M?.entity?.name ? /* @__PURE__ */ h(p, {
+								variant: "body1",
+								children: M.entity.name
+							}) : /* @__PURE__ */ h(f, { width: 100 }), A && /* @__PURE__ */ g(p, {
+								variant: "body1",
+								children: ["Task ID: ", A]
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: r.userChipContainer,
+							children: T.map((e) => /* @__PURE__ */ h(a, { principalId: e }, e))
+						})
+					]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: r.statusContainer,
+					children: [/* @__PURE__ */ h(C, { state: n.status?.state }), /* @__PURE__ */ h(w, { dueDate: n.status?.dueDate })]
+				}),
+				!O && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, {
+					orientation: "vertical",
+					flexItem: !0,
+					sx: { display: {
+						xs: "none",
+						md: "block"
+					} }
+				}), E({ expanded: !1 })] })
+			]
+		}), /* @__PURE__ */ h(l, {
+			in: O,
+			children: /* @__PURE__ */ g("div", {
+				className: r.expandedContent,
+				children: [v && /* @__PURE__ */ h(p, {
+					variant: "body1",
+					children: v
+				}), E({ expanded: !0 })]
+			})
+		})]
+	});
+}
+//#endregion
+export { E as default, T as deriveCardFields };
+
+//# sourceMappingURL=CurationTaskCardLayout.js.map

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCardLayout.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCardLayout.tsx"],"sourcesContent":["import {\n  Card,\n  Chip,\n  Collapse,\n  Divider,\n  IconButton,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  TaskBundle,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { useNavigate } from 'react-router'\nimport dayjs from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { TASK_STATUS_CONFIG } from '@/features/entity/metadata-task/utils/constants'\nimport { parseDueDate } from '@/features/entity/metadata-task/utils/dueDate'\nimport styles from './CurationTaskCard.module.scss'\nimport sharedStyles from './shared.module.scss'\nimport UserOrTeamChip from './UserOrTeamChip'\n\ndayjs.extend(utc)\n\nfunction TaskTypeChip(props: { label: string }) {\n  const { label } = props\n  return (\n    <Chip sx={{ fontWeight: 600, backgroundColor: '#BFD3ED' }} label={label} />\n  )\n}\n\n/**\n * A chip to display CurationTask status.\n *\n * See {@link https://www.figma.com/design/0oPm5lLSUva8kyfVNMS6FA/Sage-Style---Component-Library--SDS-?node-id=4942-1129&m=dev}\n */\nfunction TaskStatusChip(props: { state: TaskStatusStateEnum | undefined }) {\n  const { state } = props\n  if (!state) return null\n  const { label, backgroundColor } = TASK_STATUS_CONFIG[state]\n  return (\n    <Chip\n      size=\"small\"\n      sx={{ fontWeight: 600, backgroundColor }}\n      label={label}\n    />\n  )\n}\n\nfunction DueDateChip(props: { dueDate: string | undefined }) {\n  const { dueDate } = props\n  const dueDateObj = parseDueDate(dueDate)\n  if (!dueDateObj) return null\n\n  const daysUntilDue = dueDateObj.diff(dayjs.utc().startOf('day'), 'day')\n  const formattedDate = dueDateObj.format('MM/DD/YY')\n\n  let backgroundColor = '#E0E0E0'\n  if (daysUntilDue < 0) {\n    backgroundColor = '#FFCDD2'\n  } else if (daysUntilDue < 30) {\n    backgroundColor = '#FFF9C4'\n  }\n\n  return (\n    <Chip\n      size=\"small\"\n      sx={{ fontWeight: 600, backgroundColor }}\n      label={`Due ${formattedDate}`}\n    />\n  )\n}\n\nexport type CurationTaskCardLayoutProps = {\n  taskBundle: TaskBundle\n  title: string\n  description: string\n  taskType: string\n  principalIds: string[]\n  /** Renders the action button. `expanded` reflects whether the card is in its expanded layout. */\n  renderActionButton: (props: { expanded: boolean }) => ReactNode\n}\n\n/** Derives the fields shared by every card variant from a task's common properties. */\nexport function deriveCardFields(task: TaskBundle['task']) {\n  return {\n    title: task?.dataType ?? '',\n    description: task?.instructions ?? '',\n    principalIds: task?.assigneePrincipalId ? [task.assigneePrincipalId] : [],\n  }\n}\n\n/**\n * Shared presentational chrome for a curation task card: title, chips, entity info, assignees,\n * status/due date, and an action button slot. Both the grid and executable task cards compose this.\n */\nexport default function CurationTaskCardLayout(\n  props: CurationTaskCardLayoutProps,\n) {\n  const {\n    taskBundle,\n    title,\n    description,\n    taskType,\n    principalIds,\n    renderActionButton,\n  } = props\n\n  const navigate = useNavigate()\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  const taskId = taskBundle.task?.taskId\n  const projectId = taskBundle.task?.projectId\n  const { data: bundle } = useGetEntityBundle(projectId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n  const canEdit = bundle?.permissions?.canEdit ?? false\n\n  return (\n    <Card className={classNames(sharedStyles.card, styles.card)}>\n      <div className={styles.cardContent}>\n        <div className={styles.mainContent}>\n          <div className={styles.titleChipContainer}>\n            <Typography\n              variant=\"headline3\"\n              className={styles.title}\n              onClick={() => setIsExpanded(!isExpanded)}\n            >\n              {title}\n            </Typography>\n            {taskType && <TaskTypeChip label={taskType} />}\n            {canEdit && (\n              <IconButton\n                onClick={() => void navigate(`edit/${taskId}`)}\n                aria-label=\"Task settings\"\n              >\n                <SettingsOutlinedIcon />\n              </IconButton>\n            )}\n          </div>\n          <div className={styles.entityInfo}>\n            {bundle?.entity?.name ? (\n              <Typography variant=\"body1\">{bundle.entity.name}</Typography>\n            ) : (\n              <Skeleton width={100} />\n            )}\n            {taskId && (\n              <Typography variant=\"body1\">Task ID: {taskId}</Typography>\n            )}\n          </div>\n          <div className={styles.userChipContainer}>\n            {principalIds.map(principalId => (\n              <UserOrTeamChip key={principalId} principalId={principalId} />\n            ))}\n          </div>\n        </div>\n        <div className={styles.statusContainer}>\n          <TaskStatusChip state={taskBundle.status?.state} />\n          <DueDateChip dueDate={taskBundle.status?.dueDate} />\n        </div>\n        {!isExpanded && (\n          <>\n            <Divider\n              orientation=\"vertical\"\n              flexItem\n              sx={{ display: { xs: 'none', md: 'block' } }}\n            />\n            {renderActionButton({ expanded: false })}\n          </>\n        )}\n      </div>\n      <Collapse in={isExpanded}>\n        <div className={styles.expandedContent}>\n          {description && (\n            <Typography variant=\"body1\">{description}</Typography>\n          )}\n          {renderActionButton({ expanded: true })}\n        </div>\n      </Collapse>\n    </Card>\n  )\n}\n"],"mappings":"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"}

package/dist/features/curator/dashboard/components/ExecutableTaskCard.d.ts

@@ -0,0 +1,10 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export type ExecutableTaskCardProps = {
+    taskBundle: TaskBundle;
+};
+/**
+ * Card for an executable (Compute Data) curation task. Lets an authorized user run the task's agent
+ * and, once finished, navigate to the destination task where the generated output was written.
+ */
+export default function ExecutableTaskCard(props: ExecutableTaskCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExecutableTaskCard.d.ts.map

package/dist/features/curator/dashboard/components/ExecutableTaskCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutableTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/ExecutableTaskCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAS7D,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAwExE"}

package/dist/features/curator/dashboard/components/ExecutableTaskCard.js

@@ -0,0 +1,51 @@
+import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
+import { GRID_PAGE_TASK_ID_QUERY_PARAM as t } from "../../../../utils/SynapseConstants.js";
+import n from "../../../../synapse-queries/entity/useEntityBundle.js";
+import { useGetCurrentUserProfile as r } from "../../../../synapse-queries/user/useUserBundle.js";
+import { useGetIsPrincipalIdUserOrMemberOfTeam as i } from "../../../../synapse-queries/team/useTeamMembers.js";
+import "../../../../components/index.js";
+import { useExecuteCurationTask as a } from "../../../../synapse-queries/curation/task/useCurationTask.js";
+import o from "./CurationTaskCard.module.js";
+import s, { deriveCardFields as c } from "./CurationTaskCardLayout.js";
+import { getExecutableTaskButtonState as l } from "./getExecutableTaskButtonState.js";
+import u from "./NextStepButton.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useSearchParams as f } from "react-router";
+//#region src/features/curator/dashboard/components/ExecutableTaskCard.tsx
+function p(p) {
+	let { taskBundle: m } = p, h = m.task, g = h.taskProperties, _ = g && "destinationTaskId" in g ? g.destinationTaskId : void 0, [, v] = f(), { data: y } = n(h.projectId, void 0, {
+		includeEntity: !0,
+		includePermissions: !0
+	}), b = y?.permissions?.canEdit ?? !1, { data: x } = r(), { data: S } = i(x?.ownerId ?? "", h.assigneePrincipalId ?? "", { enabled: !!x?.ownerId && !!h.assigneePrincipalId }), C = b || !!S, { mutate: w, isPending: T } = a({ onError: (t) => e(t.message, "danger") }), E = l({
+		state: m.status?.state,
+		canExecute: C,
+		isExecutePending: T,
+		destinationTaskId: _
+	}), { title: D, description: O, principalIds: k } = c(h);
+	function A() {
+		E.action === "start" ? w(h.taskId) : E.action === "viewResult" && _ && v((e) => {
+			let n = new URLSearchParams(e);
+			return n.set(t, String(_)), n;
+		});
+	}
+	return /* @__PURE__ */ d(s, {
+		taskBundle: m,
+		title: D,
+		description: O,
+		taskType: "Compute",
+		principalIds: k,
+		renderActionButton: ({ expanded: e }) => /* @__PURE__ */ d(u, {
+			className: o.cardButton,
+			buttonText: E.buttonText,
+			onClick: A,
+			disabled: E.disabled,
+			loading: E.loading,
+			tooltip: E.tooltip,
+			expanded: e
+		})
+	});
+}
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=ExecutableTaskCard.js.map

package/dist/features/curator/dashboard/components/ExecutableTaskCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutableTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/ExecutableTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport { useExecuteCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetIsPrincipalIdUserOrMemberOfTeam } from '@/synapse-queries/team/useTeamMembers'\nimport { useGetCurrentUserProfile } from '@/synapse-queries/user/useUserBundle'\nimport { GRID_PAGE_TASK_ID_QUERY_PARAM } from '@/utils/SynapseConstants'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport { useSearchParams } from 'react-router'\nimport CurationTaskCardLayout, {\n  deriveCardFields,\n} from './CurationTaskCardLayout'\nimport { getExecutableTaskButtonState } from './getExecutableTaskButtonState'\nimport NextStepButton from './NextStepButton'\nimport styles from './CurationTaskCard.module.scss'\n\nexport type ExecutableTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\n/**\n * Card for an executable (Compute Data) curation task. Lets an authorized user run the task's agent\n * and, once finished, navigate to the destination task where the generated output was written.\n */\nexport default function ExecutableTaskCard(props: ExecutableTaskCardProps) {\n  const { taskBundle } = props\n  const task = taskBundle.task!\n  const taskProperties = task.taskProperties\n  const destinationTaskId =\n    taskProperties && 'destinationTaskId' in taskProperties\n      ? taskProperties.destinationTaskId\n      : undefined\n\n  const [, setSearchParams] = useSearchParams()\n\n  const { data: bundle } = useGetEntityBundle(task.projectId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n  const canEdit = bundle?.permissions?.canEdit ?? false\n\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const { data: isAssigneeOrTeamMember } =\n    useGetIsPrincipalIdUserOrMemberOfTeam(\n      currentUserProfile?.ownerId ?? '',\n      task.assigneePrincipalId ?? '',\n      { enabled: !!currentUserProfile?.ownerId && !!task.assigneePrincipalId },\n    )\n\n  const canExecute = canEdit || Boolean(isAssigneeOrTeamMember)\n\n  const { mutate: executeTask, isPending } = useExecuteCurationTask({\n    onError: error => displayToast(error.message, 'danger'),\n  })\n\n  const buttonState = getExecutableTaskButtonState({\n    state: taskBundle.status?.state,\n    canExecute,\n    isExecutePending: isPending,\n    destinationTaskId,\n  })\n\n  const { title, description, principalIds } = deriveCardFields(task)\n\n  function onClickAction() {\n    if (buttonState.action === 'start') {\n      executeTask(task.taskId!)\n    } else if (buttonState.action === 'viewResult' && destinationTaskId) {\n      setSearchParams(prev => {\n        const next = new URLSearchParams(prev)\n        next.set(GRID_PAGE_TASK_ID_QUERY_PARAM, String(destinationTaskId))\n        return next\n      })\n    }\n  }\n\n  return (\n    <CurationTaskCardLayout\n      taskBundle={taskBundle}\n      title={title}\n      description={description}\n      taskType=\"Compute\"\n      principalIds={principalIds}\n      renderActionButton={({ expanded }) => (\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText={buttonState.buttonText}\n          onClick={onClickAction}\n          disabled={buttonState.disabled}\n          loading={buttonState.loading}\n          tooltip={buttonState.tooltip}\n          expanded={expanded}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,kBAAe,GACjB,IAAO,EAAW,MAClB,IAAiB,EAAK,gBACtB,IACJ,KAAkB,uBAAuB,IACrC,EAAe,oBACf,KAAA,GAEA,GAAG,KAAmB,EAAgB,GAEtC,EAAE,MAAM,MAAW,EAAmB,EAAK,WAAW,KAAA,GAAW;EACrE,eAAe;EACf,oBAAoB;CACtB,CAAC,GACK,IAAU,GAAQ,aAAa,WAAW,IAE1C,EAAE,MAAM,MAAuB,EAAyB,GACxD,EAAE,MAAM,MACZ,EACE,GAAoB,WAAW,IAC/B,EAAK,uBAAuB,IAC5B,EAAE,SAAS,CAAC,CAAC,GAAoB,WAAW,CAAC,CAAC,EAAK,oBAAoB,CACzE,GAEI,IAAa,KAAW,EAAQ,GAEhC,EAAE,QAAQ,GAAa,iBAAc,EAAuB,EAChE,UAAS,MAAS,EAAa,EAAM,SAAS,QAAQ,EACxD,CAAC,GAEK,IAAc,EAA6B;EAC/C,OAAO,EAAW,QAAQ;EAC1B;EACA,kBAAkB;EAClB;CACF,CAAC,GAEK,EAAE,UAAO,gBAAa,oBAAiB,EAAiB,CAAI;CAElE,SAAS,IAAgB;EACvB,AAAI,EAAY,WAAW,UACzB,EAAY,EAAK,MAAO,IACf,EAAY,WAAW,gBAAgB,KAChD,GAAgB,MAAQ;GACtB,IAAM,IAAO,IAAI,gBAAgB,CAAI;GAErC,OADA,EAAK,IAAI,GAA+B,OAAO,CAAiB,CAAC,GAC1D;EACT,CAAC;CAEL;CAEA,OACE,kBAAC,GAAD;EACc;EACL;EACM;EACb,UAAS;EACK;EACd,qBAAqB,EAAE,kBACrB,kBAAC,GAAD;GACE,WAAW,EAAO;GAClB,YAAY,EAAY;GACxB,SAAS;GACT,UAAU,EAAY;GACtB,SAAS,EAAY;GACrB,SAAS,EAAY;GACX;EACX,CAAA;CAEJ,CAAA;AAEL"}

package/dist/features/curator/dashboard/components/GridTaskCard.d.ts

@@ -0,0 +1,10 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export type GridTaskCardProps = {
+    taskBundle: TaskBundle;
+};
+/**
+ * Card for a grid-supported (Curate Data) curation task. The action button opens the task in
+ * Curator, gated on read access to the task's source entity.
+ */
+export default function GridTaskCard(props: GridTaskCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GridTaskCard.d.ts.map

package/dist/features/curator/dashboard/components/GridTaskCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/GridTaskCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAO7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAmC5D"}

package/dist/features/curator/dashboard/components/GridTaskCard.js

@@ -0,0 +1,35 @@
+import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
+import "../../../../components/index.js";
+import { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE as t } from "../../../entity/metadata-task/utils/constants.js";
+import n from "../../../entity/metadata-task/hooks/useOpenCuratorButton.js";
+import r from "./CurationTaskCard.module.js";
+import i, { deriveCardFields as a } from "./CurationTaskCardLayout.js";
+import o from "./NextStepButton.js";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/features/curator/dashboard/components/GridTaskCard.tsx
+function c(c) {
+	let { taskBundle: l } = c, { onClick: u, isLoading: d, isPending: f, hasPermission: p } = n(l);
+	function m() {
+		p ? u() : e(t, "danger");
+	}
+	let { title: h, description: g, principalIds: _ } = a(l.task);
+	return /* @__PURE__ */ s(i, {
+		taskBundle: l,
+		title: h,
+		description: g,
+		taskType: "Curate Data",
+		principalIds: _,
+		renderActionButton: ({ expanded: e }) => /* @__PURE__ */ s(o, {
+			className: r.cardButton,
+			buttonText: "Open Curator",
+			onClick: m,
+			disabled: d,
+			loading: f,
+			expanded: e
+		})
+	});
+}
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=GridTaskCard.js.map

package/dist/features/curator/dashboard/components/GridTaskCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/GridTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport useOpenCuratorFromTaskButton from '@/features/entity/metadata-task/hooks/useOpenCuratorButton'\nimport { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE } from '@/features/entity/metadata-task/utils/constants'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport CurationTaskCardLayout, {\n  deriveCardFields,\n} from './CurationTaskCardLayout'\nimport NextStepButton from './NextStepButton'\nimport styles from './CurationTaskCard.module.scss'\n\nexport type GridTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\n/**\n * Card for a grid-supported (Curate Data) curation task. The action button opens the task in\n * Curator, gated on read access to the task's source entity.\n */\nexport default function GridTaskCard(props: GridTaskCardProps) {\n  const { taskBundle } = props\n\n  const { onClick, isLoading, isPending, hasPermission } =\n    useOpenCuratorFromTaskButton(taskBundle)\n\n  function onClickAction() {\n    if (hasPermission) {\n      onClick()\n    } else {\n      displayToast(OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE, 'danger')\n    }\n  }\n\n  const { title, description, principalIds } = deriveCardFields(taskBundle.task)\n\n  return (\n    <CurationTaskCardLayout\n      taskBundle={taskBundle}\n      title={title}\n      description={description}\n      taskType=\"Curate Data\"\n      principalIds={principalIds}\n      renderActionButton={({ expanded }) => (\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText=\"Open Curator\"\n          onClick={onClickAction}\n          disabled={isLoading}\n          loading={isPending}\n          expanded={expanded}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAwB,EAAa,GAA0B;CAC7D,IAAM,EAAE,kBAAe,GAEjB,EAAE,YAAS,cAAW,cAAW,qBACrC,EAA6B,CAAU;CAEzC,SAAS,IAAgB;EACvB,AAAI,IACF,EAAQ,IAER,EAAa,GAAoD,QAAQ;CAE7E;CAEA,IAAM,EAAE,UAAO,gBAAa,oBAAiB,EAAiB,EAAW,IAAI;CAE7E,OACE,kBAAC,GAAD;EACc;EACL;EACM;EACb,UAAS;EACK;EACd,qBAAqB,EAAE,kBACrB,kBAAC,GAAD;GACE,WAAW,EAAO;GAClB,YAAW;GACX,SAAS;GACT,UAAU;GACV,SAAS;GACC;EACX,CAAA;CAEJ,CAAA;AAEL"}