synapse-react-client 4.0.28 → 4.0.30

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

@@ -5,18 +5,19 @@ 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";
+import { Card as s, Chip as c, Collapse as l, Divider as u, IconButton as d, Link as f, Skeleton as p, Typography as m } from "@mui/material";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useNavigate as v } from "react-router";
+import y from "dayjs";
+import b from "dayjs/plugin/utc";
+import x from "@mui/icons-material/HelpOutline";
+import S from "classnames";
+import C from "@mui/icons-material/SettingsOutlined";
 //#region src/features/curator/dashboard/components/CurationTaskCardLayout.tsx
-v.extend(y);
-function S(e) {
+y.extend(b);
+function w(e) {
 	let { label: t } = e;
-	return /* @__PURE__ */ h(c, {
+	return /* @__PURE__ */ g(c, {
 		sx: {
 			fontWeight: 600,
 			backgroundColor: "#BFD3ED"
@@ -24,11 +25,11 @@ function S(e) {
 		label: t
 	});
 }
-function C(e) {
+function T(e) {
 	let { state: n } = e;
 	if (!n) return null;
 	let { label: r, backgroundColor: i } = t[n];
-	return /* @__PURE__ */ h(c, {
+	return /* @__PURE__ */ g(c, {
 		size: "small",
 		sx: {
 			fontWeight: 600,
@@ -37,11 +38,11 @@ function C(e) {
 		label: r
 	});
 }
-function w(e) {
+function E(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, {
+	let i = r.diff(y.utc().startOf("day"), "day"), a = r.format("MM/DD/YY"), o = "#E0E0E0";
+	return i < 0 ? o = "#FFCDD2" : i < 30 && (o = "#FFF9C4"), /* @__PURE__ */ g(c, {
 		size: "small",
 		sx: {
 			fontWeight: 600,
@@ -50,85 +51,97 @@ function w(e) {
 		label: `Due ${a}`
 	});
 }
-function T(e) {
+function D(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, {
+function O(t) {
+	let { taskBundle: n, title: c, description: y, taskType: b, principalIds: D, renderActionButton: O } = t, k = v(), [A, j] = o(!1), M = n.task?.taskId, N = n.task?.projectId, { data: P } = e(N, 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", {
+	}), F = P?.permissions?.canEdit ?? !1;
+	return /* @__PURE__ */ _(s, {
+		className: S(i.card, r.card),
+		children: [/* @__PURE__ */ _("div", {
 			className: r.cardContent,
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: r.mainContent,
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: r.titleChipContainer,
 							children: [
-								/* @__PURE__ */ h(p, {
+								/* @__PURE__ */ g(m, {
 									variant: "headline3",
 									className: r.title,
-									onClick: () => k(!O),
+									onClick: () => j(!A),
 									children: c
 								}),
-								y && /* @__PURE__ */ h(S, { label: y }),
-								N && /* @__PURE__ */ h(d, {
-									onClick: () => void D(`edit/${A}`),
+								b && /* @__PURE__ */ g(w, { label: b }),
+								F && /* @__PURE__ */ g(d, {
+									onClick: () => void k(`edit/${M}`),
 									"aria-label": "Task settings",
-									children: /* @__PURE__ */ h(x, {})
+									children: /* @__PURE__ */ g(C, {})
 								})
 							]
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: r.entityInfo,
-							children: [M?.entity?.name ? /* @__PURE__ */ h(p, {
+							children: [P?.entity?.name ? /* @__PURE__ */ g(m, {
 								variant: "body1",
-								children: M.entity.name
-							}) : /* @__PURE__ */ h(f, { width: 100 }), A && /* @__PURE__ */ g(p, {
+								children: P.entity.name
+							}) : /* @__PURE__ */ g(p, { width: 100 }), M && /* @__PURE__ */ _(m, {
 								variant: "body1",
-								children: ["Task ID: ", A]
+								children: ["Task ID: ", M]
 							})]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: r.userChipContainer,
-							children: T.map((e) => /* @__PURE__ */ h(a, { principalId: e }, e))
+							children: D.map((e) => /* @__PURE__ */ g(a, { principalId: e }, e))
 						})
 					]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: r.statusContainer,
-					children: [/* @__PURE__ */ h(C, { state: n.status?.state }), /* @__PURE__ */ h(w, { dueDate: n.status?.dueDate })]
+					children: [/* @__PURE__ */ g(T, { state: n.status?.state }), /* @__PURE__ */ g(E, { dueDate: n.status?.dueDate })]
 				}),
-				!O && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, {
+				!A && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(u, {
 					orientation: "vertical",
 					flexItem: !0,
 					sx: { display: {
 						xs: "none",
 						md: "block"
 					} }
-				}), E({ expanded: !1 })] })
+				}), O({ expanded: !1 })] })
 			]
-		}), /* @__PURE__ */ h(l, {
-			in: O,
-			children: /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ g(l, {
+			in: A,
+			children: /* @__PURE__ */ _("div", {
 				className: r.expandedContent,
-				children: [v && /* @__PURE__ */ h(p, {
-					variant: "body1",
-					children: v
-				}), E({ expanded: !0 })]
+				children: [/* @__PURE__ */ _("div", {
+					className: r.expandedTopRow,
+					children: [y && /* @__PURE__ */ g(m, {
+						variant: "body1",
+						children: y
+					}), /* @__PURE__ */ _(f, {
+						href: "https://docs.synapse.org/synapse-docs/managing-metadata-with-curator",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						color: "text.primary",
+						underline: "hover",
+						className: r.helpLink,
+						sx: { fontWeight: 400 },
+						children: [/* @__PURE__ */ g(x, { className: r.helpIcon }), "Have questions or need help?"]
+					})]
+				}), O({ expanded: !0 })]
 			})
 		})]
 	});
 }
 //#endregion
-export { E as default, T as deriveCardFields };
+export { O as default, D as deriveCardFields };
 
 //# sourceMappingURL=CurationTaskCardLayout.js.map

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

@@ -1 +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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"}
+{"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  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport HelpOutline from '@mui/icons-material/HelpOutline'\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          <div className={styles.expandedTopRow}>\n            {description && (\n              <Typography variant=\"body1\">{description}</Typography>\n            )}\n            <Link\n              href=\"https://docs.synapse.org/synapse-docs/managing-metadata-with-curator\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              color=\"text.primary\"\n              underline=\"hover\"\n              className={styles.helpLink}\n              sx={{ fontWeight: 400 }}\n            >\n              <HelpOutline className={styles.helpIcon} />\n              Have questions or need help?\n            </Link>\n          </div>\n          {renderActionButton({ expanded: true })}\n        </div>\n      </Collapse>\n    </Card>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+export type FilteredByTaskIdsBannerProps = {
+    taskIds: number[] | undefined;
+    onClear: () => void;
+};
+/**
+ * Displayed above a curation task list when it is filtered down to a specific set of task IDs (via
+ * the `taskIds` URL search param), with an action to clear the filter and return to the unfiltered list.
+ */
+export default function FilteredByTaskIdsBanner(props: FilteredByTaskIdsBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FilteredByTaskIdsBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilteredByTaskIdsBanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/FilteredByTaskIdsBanner.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,kDAqBpC"}

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

@@ -0,0 +1,19 @@
+import e from "../../../../components/FullWidthAlert/FullWidthAlert.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/features/curator/dashboard/components/FilteredByTaskIdsBanner.tsx
+function n(n) {
+	let { taskIds: r, onClear: i } = n;
+	return !r || r.length === 0 ? null : /* @__PURE__ */ t(e, {
+		isGlobal: !1,
+		variant: "info",
+		description: `Showing ${r.length} filtered task${r.length === 1 ? "" : "s"}`,
+		primaryButtonConfig: {
+			text: "Clear filter",
+			onClick: i
+		}
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=FilteredByTaskIdsBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilteredByTaskIdsBanner.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/FilteredByTaskIdsBanner.tsx"],"sourcesContent":["import FullWidthAlert from '@/components/FullWidthAlert/FullWidthAlert'\n\nexport type FilteredByTaskIdsBannerProps = {\n  taskIds: number[] | undefined\n  onClear: () => void\n}\n\n/**\n * Displayed above a curation task list when it is filtered down to a specific set of task IDs (via\n * the `taskIds` URL search param), with an action to clear the filter and return to the unfiltered list.\n */\nexport default function FilteredByTaskIdsBanner(\n  props: FilteredByTaskIdsBannerProps,\n) {\n  const { taskIds, onClear } = props\n\n  if (!taskIds || taskIds.length === 0) {\n    return null\n  }\n\n  return (\n    <FullWidthAlert\n      isGlobal={false}\n      variant=\"info\"\n      description={`Showing ${taskIds.length} filtered task${\n        taskIds.length === 1 ? '' : 's'\n      }`}\n      primaryButtonConfig={{\n        text: 'Clear filter',\n        onClick: onClear,\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAWA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,eAAY;CAM7B,OAJI,CAAC,KAAW,EAAQ,WAAW,IAC1B,OAIP,kBAAC,GAAD;EACE,UAAU;EACV,SAAQ;EACR,aAAa,WAAW,EAAQ,OAAO,gBACrC,EAAQ,WAAW,IAAI,KAAK;EAE9B,qBAAqB;GACnB,MAAM;GACN,SAAS;EACX;CACD,CAAA;AAEL"}

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":"AAWA,OAAgC,EAC9B,4BAA4B,EAC7B,MAAM,2BAA2B,CAAA;AAElC,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;GAEG;AACH,iBAAS,yBAAyB,CAAC,KAAK,EAAE,sBAAsB,2CAqE/D;AAED,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GACzD,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,CAAA;AAEjD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAEtE;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"MetadataTasksPage.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"names":[],"mappings":"AAYA,OAAgC,EAC9B,4BAA4B,EAC7B,MAAM,2BAA2B,CAAA;AAElC,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;GAEG;AACH,iBAAS,yBAAyB,CAAC,KAAK,EAAE,sBAAsB,2CAqE/D;AAED,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GACzD,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,CAAA;AAEjD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAEtE;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

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

@@ -3,57 +3,60 @@ import { useGetFeatureFlag as t } from "../../../../synapse-queries/featureflags
 import "../../../../synapse-queries/index.js";
 import { FeatureFlagEnum as n } from "../../../../utils/featureflag/FeatureFlags.js";
 import r from "../../../../components/layout/InfiniteTableLayout.js";
-import { useGetCurationTasksInfinite as i } from "../../../../synapse-queries/curation/task/useCurationTask.js";
-import a from "../../../curator/dashboard/components/CurationTaskCard.js";
-import o from "./MetadataTasksPageRouter.js";
-import { useMemo as s, useState as c } from "react";
-import { Button as l, FormControlLabel as u, Stack as d, Switch as f } from "@mui/material";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { AddCircleTwoTone as h } from "@mui/icons-material";
-import { useNavigate as g } from "react-router";
+import { useCurationTaskListFilters as i } from "../../../../utils/hooks/useCurationTaskListFilters.js";
+import { useGetCurationTasksInfinite as a } from "../../../../synapse-queries/curation/task/useCurationTask.js";
+import o from "../../../curator/dashboard/components/CurationTaskCard.js";
+import s from "../../../curator/dashboard/components/FilteredByTaskIdsBanner.js";
+import c from "./MetadataTasksPageRouter.js";
+import { useMemo as l } from "react";
+import { Button as u, FormControlLabel as d, Stack as f, Switch as p } from "@mui/material";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { AddCircleTwoTone as g } from "@mui/icons-material";
+import { useNavigate as _ } from "react-router";
 //#region src/features/entity/metadata-task/components/MetadataTasksPage.tsx
-function _(o) {
-	let { projectId: _ } = o, v = g(), [y, b] = c({
-		projectId: _,
-		assignedToMe: !1
-	}), { data: x } = e(_), { data: S, isLoading: C, hasNextPage: w, fetchNextPage: T, isFetchingNextPage: E } = i(y), D = s(() => S?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [S]), O = t(n.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
-	return /* @__PURE__ */ m(d, { children: [/* @__PURE__ */ m(d, {
-		direction: "row",
-		justifyContent: "flex-end",
-		children: [/* @__PURE__ */ p(u, {
-			control: /* @__PURE__ */ p(f, {
-				checked: !!y.assignedToMe,
-				onChange: (e, t) => {
-					b((e) => ({
-						...e,
-						assignedToMe: t
-					}));
-				}
-			}),
-			label: "View only tasks assigned to me"
-		}), O && x?.canAddChild && /* @__PURE__ */ p(l, {
-			variant: "outlined",
-			onClick: () => void v("create"),
-			startIcon: /* @__PURE__ */ p(h, {}),
-			children: "New Task"
-		})]
-	}), /* @__PURE__ */ p(r, {
-		table: /* @__PURE__ */ p(d, {
-			gap: 3,
-			sx: { my: 2 },
-			children: D.map((e) => /* @__PURE__ */ p(a, { taskBundle: e }, e.task?.taskId))
+function v(c) {
+	let { projectId: v } = c, y = _(), { request: b, taskIds: x, assignedToMe: S, setAssignedToMe: C, clearTaskIdsFilter: w } = i({ projectId: v }), { data: T } = e(v), { data: E, isLoading: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = a(b), j = l(() => E?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [E]), M = t(n.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
+	return /* @__PURE__ */ h(f, { children: [
+		/* @__PURE__ */ h(f, {
+			direction: "row",
+			justifyContent: "flex-end",
+			children: [/* @__PURE__ */ m(d, {
+				control: /* @__PURE__ */ m(p, {
+					checked: S,
+					onChange: (e, t) => {
+						C(t);
+					}
+				}),
+				label: "View only tasks assigned to me"
+			}), M && T?.canAddChild && /* @__PURE__ */ m(u, {
+				variant: "outlined",
+				onClick: () => void y("create"),
+				startIcon: /* @__PURE__ */ m(g, {}),
+				children: "New Task"
+			})]
+		}),
+		/* @__PURE__ */ m(s, {
+			taskIds: x,
+			onClear: w
 		}),
-		isLoading: C,
-		isEmpty: !C && D.length === 0,
-		hasNextPage: w,
-		onFetchNextPageClicked: () => void T(),
-		isFetchingNextPage: E
-	})] });
+		/* @__PURE__ */ m(r, {
+			table: /* @__PURE__ */ m(f, {
+				gap: 3,
+				sx: { my: 2 },
+				children: j.map((e) => /* @__PURE__ */ m(o, { taskBundle: e }, e.task?.taskId))
+			}),
+			isLoading: D,
+			isEmpty: !D && j.length === 0,
+			hasNextPage: O,
+			onFetchNextPageClicked: () => void k(),
+			isFetchingNextPage: A
+		})
+	] });
 }
-function v(e) {
-	return /* @__PURE__ */ p(o, { ...e });
+function y(e) {
+	return /* @__PURE__ */ m(c, { ...e });
 }
 //#endregion
-export { _ as MetadataTasksPageInternal, v as default };
+export { v as MetadataTasksPageInternal, y as default };
 
 //# sourceMappingURL=MetadataTasksPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPage.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport CurationTaskCard from '@/features/curator/dashboard/components/CurationTaskCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetFeatureFlag } from '@/synapse-queries/index'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { Button, FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport { ListCurationTaskRequest } from '@sage-bionetworks/synapse-client'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useNavigate } from 'react-router'\nimport MetadataTasksPageRouter, {\n  MetadataTasksPageRouterProps,\n} from './MetadataTasksPageRouter'\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 */\nfunction MetadataTasksPageInternal(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const navigate = useNavigate()\n  const [listCurationTaskRequest, setListCurationTaskRequest] =\n    useState<ListCurationTaskRequest>({\n      projectId,\n      assignedToMe: false,\n    })\n\n  const { data: permissions } = useGetEntityPermissions(projectId)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetCurationTasksInfinite(listCurationTaskRequest)\n\n  const tasks = useMemo(\n    () => data?.pages.flatMap(page => page.bundlePage ?? []) ?? [],\n    [data],\n  )\n\n  const showNewTaskButton = useGetFeatureFlag(\n    FeatureFlagEnum.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON,\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        {showNewTaskButton && permissions?.canAddChild && (\n          <Button\n            variant=\"outlined\"\n            onClick={() => void navigate('create')}\n            startIcon={<AddCircleTwoTone />}\n          >\n            New Task\n          </Button>\n        )}\n      </Stack>\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3} sx={{ my: 2 }}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && tasks.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n\nexport type MetadataTasksPageProps = MetadataTaskTableProps &\n  Omit<MetadataTasksPageRouterProps, 'projectId'>\n\n/**\n * A page that displays a project's metadata curation tasks, with included routing logic for the\n * create/edit task pages.\n */\nexport default function MetadataTasksPage(props: MetadataTasksPageProps) {\n  return <MetadataTasksPageRouter {...props} />\n}\n\nexport { MetadataTasksPageInternal }\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAS,EAA0B,GAA+B;CAChE,IAAM,EAAE,iBAAc,GAChB,IAAW,EAAY,GACvB,CAAC,GAAyB,KAC9B,EAAkC;EAChC;EACA,cAAc;CAChB,CAAC,GAEG,EAAE,MAAM,MAAgB,EAAwB,CAAS,GAEzD,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA4B,CAAuB,GAE/C,IAAQ,QACN,GAAM,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GAC7D,CAAC,CAAI,CACP,GAEM,IAAoB,EACxB,EAAgB,uCAClB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAO,WAAU;EAAM,gBAAe;YAAtC,CACE,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACE,SAAS,CAAC,CAAC,EAAwB;IACnC,WAAW,GAAI,MAAY;KACzB,GAA2B,OAAS;MAClC,GAAG;MACH,cAAc;KAChB,EAAE;IACJ;GACD,CAAA;GAEH,OAAM;EACP,CAAA,GACA,KAAqB,GAAa,eACjC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,KAAK,EAAS,QAAQ;GACrC,WAAW,kBAAC,GAAD,CAAmB,CAAA;aAC/B;EAEO,CAAA,CAEL;KACP,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GAAO,KAAK;GAAG,IAAI,EAAE,IAAI,EAAE;aACxB,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;EACI,CAAA;EAEE;EACX,SAAS,CAAC,KAAa,EAAM,WAAW;EAC3B;EACb,8BAA8B,KAAK,EAAc;EAC7B;CACrB,CAAA,CACI,EAAA,CAAA;AAEX;AASA,SAAwB,EAAkB,GAA+B;CACvE,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAQ,CAAA;AAC9C"}
+{"version":3,"file":"MetadataTasksPage.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport CurationTaskCard from '@/features/curator/dashboard/components/CurationTaskCard'\nimport FilteredByTaskIdsBanner from '@/features/curator/dashboard/components/FilteredByTaskIdsBanner'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetFeatureFlag } from '@/synapse-queries/index'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { useCurationTaskListFilters } from '@/utils/hooks/useCurationTaskListFilters'\nimport { Button, FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useMemo } from 'react'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useNavigate } from 'react-router'\nimport MetadataTasksPageRouter, {\n  MetadataTasksPageRouterProps,\n} from './MetadataTasksPageRouter'\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 */\nfunction MetadataTasksPageInternal(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const navigate = useNavigate()\n  const {\n    request,\n    taskIds,\n    assignedToMe,\n    setAssignedToMe,\n    clearTaskIdsFilter,\n  } = useCurationTaskListFilters({ projectId })\n\n  const { data: permissions } = useGetEntityPermissions(projectId)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetCurationTasksInfinite(request)\n\n  const tasks = useMemo(\n    () => data?.pages.flatMap(page => page.bundlePage ?? []) ?? [],\n    [data],\n  )\n\n  const showNewTaskButton = useGetFeatureFlag(\n    FeatureFlagEnum.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON,\n  )\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" justifyContent=\"flex-end\">\n        <FormControlLabel\n          control={\n            <Switch\n              checked={assignedToMe}\n              onChange={(_e, checked) => {\n                setAssignedToMe(checked)\n              }}\n            />\n          }\n          label=\"View only tasks assigned to me\"\n        />\n        {showNewTaskButton && permissions?.canAddChild && (\n          <Button\n            variant=\"outlined\"\n            onClick={() => void navigate('create')}\n            startIcon={<AddCircleTwoTone />}\n          >\n            New Task\n          </Button>\n        )}\n      </Stack>\n      <FilteredByTaskIdsBanner taskIds={taskIds} onClear={clearTaskIdsFilter} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3} sx={{ my: 2 }}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && tasks.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n\nexport type MetadataTasksPageProps = MetadataTaskTableProps &\n  Omit<MetadataTasksPageRouterProps, 'projectId'>\n\n/**\n * A page that displays a project's metadata curation tasks, with included routing logic for the\n * create/edit task pages.\n */\nexport default function MetadataTasksPage(props: MetadataTasksPageProps) {\n  return <MetadataTasksPageRouter {...props} />\n}\n\nexport { MetadataTasksPageInternal }\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,SAAS,EAA0B,GAA+B;CAChE,IAAM,EAAE,iBAAc,GAChB,IAAW,EAAY,GACvB,EACJ,YACA,YACA,iBACA,oBACA,0BACE,EAA2B,EAAE,aAAU,CAAC,GAEtC,EAAE,MAAM,MAAgB,EAAwB,CAAS,GAEzD,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA4B,CAAO,GAE/B,IAAQ,QACN,GAAM,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GAC7D,CAAC,CAAI,CACP,GAEM,IAAoB,EACxB,EAAgB,uCAClB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAO,WAAU;GAAM,gBAAe;aAAtC,CACE,kBAAC,GAAD;IACE,SACE,kBAAC,GAAD;KACE,SAAS;KACT,WAAW,GAAI,MAAY;MACzB,EAAgB,CAAO;KACzB;IACD,CAAA;IAEH,OAAM;GACP,CAAA,GACA,KAAqB,GAAa,eACjC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,KAAK,EAAS,QAAQ;IACrC,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA,CAEL;;EACP,kBAAC,GAAD;GAAkC;GAAS,SAAS;EAAqB,CAAA;EACzE,kBAAC,GAAD;GACE,OACE,kBAAC,GAAD;IAAO,KAAK;IAAG,IAAI,EAAE,IAAI,EAAE;cACxB,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;GACI,CAAA;GAEE;GACX,SAAS,CAAC,KAAa,EAAM,WAAW;GAC3B;GACb,8BAA8B,KAAK,EAAc;GAC7B;EACrB,CAAA;CACI,EAAA,CAAA;AAEX;AASA,SAAwB,EAAkB,GAA+B;CACvE,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAQ,CAAA;AAC9C"}

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPageRouter.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPageRouter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAWlD,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB,2GAA2G;IAC3G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC,CAAA;AAYF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,2CA4CpC"}
+{"version":3,"file":"MetadataTasksPageRouter.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPageRouter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAUlD,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB,2GAA2G;IAC3G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC,CAAA;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,2CA4CpC"}

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

@@ -1,43 +1,39 @@
-import e from "../create-task/CreateCurationTaskFlow.js";
-import t from "../create-task/EditCurationTaskPage.js";
+import e from "../create-task/EditCurationTaskPage.js";
+import { getCurationTaskFlowRoutes as t } from "../create-task/curationTaskFlowRoutes.js";
 import { MetadataTasksPageInternal as n } from "./MetadataTasksPage.js";
 import { useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
-import { RouterProvider as a, createBrowserRouter as o, createMemoryRouter as s, useNavigate as c } from "react-router";
-import { RouterProvider as l } from "react-router/dom";
+import { RouterProvider as a, createBrowserRouter as o, createMemoryRouter as s } from "react-router";
+import { RouterProvider as c } from "react-router/dom";
 //#region src/features/entity/metadata-task/components/MetadataTasksPageRouter.tsx
-function u(t) {
-	let n = c();
-	return /* @__PURE__ */ i(e, {
-		projectId: t.projectId,
-		onExit: () => void n("/")
-	});
-}
-function d(e) {
-	let { projectId: c, routerBaseName: d, useMemoryRouter: f = !1 } = e, p = r(() => [{
+function l(l) {
+	let { projectId: u, routerBaseName: d, useMemoryRouter: f = !1 } = l, p = r(() => [{
 		path: "/",
 		children: [
 			{
 				index: !0,
-				element: /* @__PURE__ */ i(n, { projectId: c })
+				element: /* @__PURE__ */ i(n, { projectId: u })
 			},
 			{
-				path: "create/*",
-				element: /* @__PURE__ */ i(u, { projectId: c })
+				path: "create",
+				children: t({
+					projectId: u,
+					exitPath: "/"
+				})
 			},
 			{
 				path: "edit/:taskId",
-				element: /* @__PURE__ */ i(t, {})
+				element: /* @__PURE__ */ i(e, {})
 			}
 		]
-	}], [c]), m = r(() => f ? s(p, { basename: d }) : o(p, { basename: d }), [
+	}], [u]), m = r(() => f ? s(p, { basename: d }) : o(p, { basename: d }), [
 		f,
 		p,
 		d
 	]);
-	return i(f ? a : l, { router: m });
+	return i(f ? a : c, { router: m });
 }
 //#endregion
-export { d as default };
+export { l as default };
 
 //# sourceMappingURL=MetadataTasksPageRouter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPageRouter.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPageRouter.tsx"],"sourcesContent":["import CreateCurationTaskFlow from '@/features/entity/metadata-task/create-task/CreateCurationTaskFlow'\nimport EditCurationTaskPage from '@/features/entity/metadata-task/create-task/EditCurationTaskPage'\nimport { PropsWithChildren, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  RouteObject,\n  RouterProvider,\n  useNavigate,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { MetadataTasksPageInternal } from './MetadataTasksPage'\n\nexport type MetadataTasksPageRouterProps = PropsWithChildren<{\n  projectId: string\n  /**\n   * Used to determine the base path for the component. In SWC, this should be /Synapse:syn123/metadata/\n   * (replacing syn123 with the project ID).\n   */\n  routerBaseName: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For testing purposes only. */\n  useMemoryRouter?: boolean\n}>\n\nfunction CreateRouteRenderer(props: { projectId: string }) {\n  const navigate = useNavigate()\n  return (\n    <CreateCurationTaskFlow\n      projectId={props.projectId}\n      onExit={() => void navigate('/')}\n    />\n  )\n}\n\n/**\n * A router wrapper for `MetadataTasksPage`, which applies a router around the page content to support\n * page-based create/edit flows for curation tasks, mirroring `GridPageRouter`.\n */\nexport default function MetadataTasksPageRouter(\n  props: MetadataTasksPageRouterProps,\n) {\n  const { projectId, routerBaseName, useMemoryRouter = false } = props\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        children: [\n          {\n            index: true,\n            element: <MetadataTasksPageInternal projectId={projectId} />,\n          },\n          {\n            path: 'create/*',\n            element: <CreateRouteRenderer projectId={projectId} />,\n          },\n          {\n            path: 'edit/:taskId',\n            element: <EditCurationTaskPage />,\n          },\n        ],\n      },\n    ],\n    [projectId],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n"],"mappings":";;;;;;;;AAwBA,SAAS,EAAoB,GAA8B;CACzD,IAAM,IAAW,EAAY;CAC7B,OACE,kBAAC,GAAD;EACE,WAAW,EAAM;EACjB,cAAc,KAAK,EAAS,GAAG;CAChC,CAAA;AAEL;AAMA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,cAAW,mBAAgB,qBAAkB,OAAU,GAEzD,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,UAAU;GACR;IACE,OAAO;IACP,SAAS,kBAAC,GAAD,EAAsC,aAAY,CAAA;GAC7D;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,EAAgC,aAAY,CAAA;GACvD;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAClC;EACF;CACF,CACF,GACA,CAAC,CAAS,CACZ,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAM5C,OAHS,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C"}
+{"version":3,"file":"MetadataTasksPageRouter.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPageRouter.tsx"],"sourcesContent":["import { getCurationTaskFlowRoutes } from '@/features/entity/metadata-task/create-task/curationTaskFlowRoutes'\nimport EditCurationTaskPage from '@/features/entity/metadata-task/create-task/EditCurationTaskPage'\nimport { PropsWithChildren, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  RouteObject,\n  RouterProvider,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { MetadataTasksPageInternal } from './MetadataTasksPage'\n\nexport type MetadataTasksPageRouterProps = PropsWithChildren<{\n  projectId: string\n  /**\n   * Used to determine the base path for the component. In SWC, this should be /Synapse:syn123/metadata/\n   * (replacing syn123 with the project ID).\n   */\n  routerBaseName: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For testing purposes only. */\n  useMemoryRouter?: boolean\n}>\n\n/**\n * A router wrapper for `MetadataTasksPage`, which applies a router around the page content to support\n * page-based create/edit flows for curation tasks, mirroring `GridPageRouter`.\n */\nexport default function MetadataTasksPageRouter(\n  props: MetadataTasksPageRouterProps,\n) {\n  const { projectId, routerBaseName, useMemoryRouter = false } = props\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        children: [\n          {\n            index: true,\n            element: <MetadataTasksPageInternal projectId={projectId} />,\n          },\n          {\n            path: 'create',\n            children: getCurationTaskFlowRoutes({ projectId, exitPath: '/' }),\n          },\n          {\n            path: 'edit/:taskId',\n            element: <EditCurationTaskPage />,\n          },\n        ],\n      },\n    ],\n    [projectId],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n"],"mappings":";;;;;;;;AA2BA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,cAAW,mBAAgB,qBAAkB,OAAU,GAEzD,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,UAAU;GACR;IACE,OAAO;IACP,SAAS,kBAAC,GAAD,EAAsC,aAAY,CAAA;GAC7D;GACA;IACE,MAAM;IACN,UAAU,EAA0B;KAAE;KAAW,UAAU;IAAI,CAAC;GAClE;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAClC;EACF;CACF,CACF,GACA,CAAC,CAAS,CACZ,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAM5C,OAHS,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C"}

package/dist/features/entity/metadata-task/create-task/ComputeTaskForm.d.ts

@@ -35,7 +35,7 @@ export type ComputeTaskFormProps = {
 };
 /**
  * The create/edit form for a Compute Data curation task. Used as step 2 of the create wizard
- * (`CreateCurationTaskFlow`) and directly by `EditCurationTaskPage`.
+ * (`getCurationTaskFlowRoutes`) and directly by `EditCurationTaskPage`.
  */
 export default function ComputeTaskForm(props: ComputeTaskFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ComputeTaskForm.d.ts.map

package/dist/features/entity/metadata-task/create-task/ComputeTaskForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComputeTaskForm.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/create-task/ComputeTaskForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEb,MAAM,kCAAkC,CAAA;AA0CzC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmNlE"}
+{"version":3,"file":"ComputeTaskForm.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/create-task/ComputeTaskForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEb,MAAM,kCAAkC,CAAA;AAsBzC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsJlE"}