npm - synapse-react-client - Versions diffs - 4.0.30 → 4.0.31 - Mend

synapse-react-client 4.0.30 → 4.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (214) hide show

package/dist/components/menu/DropdownMenu.d.ts CHANGED Viewed

@@ -22,6 +22,9 @@ export type DropdownMenuProps = {
     variant?: ButtonProps['variant'];
     convertSingleItemToButton?: boolean;
     renderMenuIfNoItems?: boolean;
+    paperSx?: SxProps;
+    elevation?: number;
+    showFileAccessRequestNotice?: boolean;
 };
 /**
  * The DropdownMenu component provides a generic way to compose a MUI dropdown menu.

package/dist/components/menu/DropdownMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAUX,OAAO,~~EAGR~~,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAA;AACd,OAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;~~AAEtD~~;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAE7B,IAAI,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAEjC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAE9B,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAA;IAE3B,kBAAkB,EAAE,MAAM,CAAA;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAEhC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;~~CAC9B~~,CAAA;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,~~kDA4MpD~~"}
1	+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAUX,OAAO,EAIR,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAA;AACd,OAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAiCtD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAE7B,IAAI,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAEjC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAE9B,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAA;IAE3B,kBAAkB,EAAE,MAAM,CAAA;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAEhC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAuNpD"}

package/dist/components/menu/DropdownMenu.js CHANGED Viewed

@@ -1,121 +1,146 @@
 import e from "../IconSvg/IconSvg.js";
 import { useId as t, useRef as n, useState as r } from "react";
-import { Button as i, ClickAwayListener as a, Divider as o, Fade as s, ListItemIcon as c, ListItemText as l, MenuItem as u, MenuList as d, Paper as f, Popper as p, Tooltip as m, Typography as h } from "@mui/material";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Box as i, Button as a, ClickAwayListener as o, Divider as s, Fade as c, ListItemIcon as l, ListItemText as u, MenuItem as d, MenuList as f, Paper as p, Popper as m, Tooltip as h, Typography as g } from "@mui/material";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/menu/DropdownMenu.tsx
-function y(y) {
-	let { buttonTooltip: b, dropdownButtonText: x, items: S = [], convertSingleItemToButton: C = !0, renderMenuIfNoItems: w = !1, buttonProps: T = {}, variant: E = "outlined" } = y, D = t(), [O, k] = r(!1), A = n(null), j = S.flat().length;
-	if (!w && j === 0) return null;
-	if (C && j === 1) {
-		let t = S.flat()[0];
-		return /* @__PURE__ */ _(i, {
+var b = /* @__PURE__ */ v(i, {
+	sx: {
+		backgroundColor: "#EAF0F5",
+		color: "#3B4046",
+		padding: "6px 8px",
+		borderRadius: "3px",
+		marginTop: "8px"
+	},
+	children: /* @__PURE__ */ y(g, {
+		sx: {
+			fontSize: "14px",
+			fontWeight: "440",
+			lineHeight: "20px",
+			letterSpacing: "-0.07px"
+		},
+		children: [/* @__PURE__ */ y("span", {
+			style: { fontWeight: "700" },
+			children: ["Note:", " "]
+		}), "You can add this file to your download list, but you must make an access request before downloading."]
+	})
+});
+function x(x) {
+	let { buttonTooltip: S, dropdownButtonText: C, items: w = [], convertSingleItemToButton: T = !0, renderMenuIfNoItems: E = !1, buttonProps: D = {}, variant: O = "outlined", paperSx: k, elevation: A, showFileAccessRequestNotice: j = !1 } = x, M = t(), [N, P] = r(!1), F = n(null), I = w.flat().length;
+	if (!E && I === 0) return null;
+	if (T && I === 1) {
+		let t = w.flat()[0];
+		return /* @__PURE__ */ v(a, {
 			component: "href" in t ? "a" : "button",
 			title: t.tooltipText,
-			variant: E,
+			variant: O,
 			href: "href" in t ? t.href : void 0,
 			rel: "href" in t ? "noopener noreferrer" : void 0,
 			onClick: "onClick" in t ? t.onClick : void 0,
 			disabled: t.disabled,
-			endIcon: t.icon && /* @__PURE__ */ _(e, {
+			endIcon: t.icon && /* @__PURE__ */ v(e, {
 				icon: t.icon,
 				wrap: !1
 			}),
-			children: /* @__PURE__ */ _(h, {
+			children: /* @__PURE__ */ v(g, {
 				variant: "buttonLink",
 				children: t.text
 			})
 		});
 	}
-	let M = () => {
-		k((e) => !e);
-	}, N = (e) => {
-		A.current && A.current.contains(e.target) || k(!1);
+	let L = () => {
+		P((e) => !e);
+	}, R = (e) => {
+		F.current && F.current.contains(e.target) || P(!1);
 	};
-	function P(e) {
-		e.key === "Tab" ? (e.preventDefault(), k(!1)) : e.key === "Escape" && k(!1);
+	function z(e) {
+		e.key === "Tab" ? (e.preventDefault(), P(!1)) : e.key === "Escape" && P(!1);
 	}
-	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(m, {
-		title: b ? /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, {
+		title: S ? /* @__PURE__ */ v("div", {
 			style: { whiteSpace: "pre-line" },
-			children: b
+			children: S
 		}) : void 0,
 		placement: "top",
-		children: /* @__PURE__ */ _("span", { children: /* @__PURE__ */ _(i, {
-			variant: E,
-			ref: A,
-			id: `composition-button-${D}`,
-			"aria-controls": O ? `composition-menu-${D}` : void 0,
-			"aria-expanded": O ? "true" : void 0,
+		children: /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(a, {
+			variant: O,
+			ref: F,
+			id: `composition-button-${M}`,
+			"aria-controls": N ? `composition-menu-${M}` : void 0,
+			"aria-expanded": N ? "true" : void 0,
 			"aria-haspopup": "true",
-			onClick: M,
-			...T,
-			children: /* @__PURE__ */ _(h, {
+			onClick: L,
+			...D,
+			children: /* @__PURE__ */ v(g, {
 				variant: "buttonLink",
-				children: x
+				children: C
 			})
 		}) })
-	}), /* @__PURE__ */ _(p, {
-		open: O,
-		anchorEl: A.current,
+	}), /* @__PURE__ */ v(m, {
+		open: N,
+		anchorEl: F.current,
 		role: void 0,
 		placement: "bottom-end",
 		transition: !0,
 		style: { zIndex: 10 },
-		children: ({ TransitionProps: t }) => /* @__PURE__ */ _(s, {
+		children: ({ TransitionProps: t }) => /* @__PURE__ */ v(c, {
 			...t,
-			children: /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _(a, {
-				onClickAway: N,
-				children: /* @__PURE__ */ _(d, {
-					autoFocusItem: O,
-					id: `composition-menu-${D}`,
-					"aria-labelledby": `composition-button-${D}`,
-					onKeyDown: P,
-					children: S.map((t, n, r) => [t.map((t) => /* @__PURE__ */ _(m, {
-						title: t.tooltipText,
-						placement: "left",
-						children: /* @__PURE__ */ v(u, {
-							component: "a",
-							sx: {
-								"&:hover": { color: "unset" },
-								"&:focus": {
-									color: "unset",
-									textDecoration: "unset"
-								}
-							},
-							disabled: t.disabled,
-							href: "href" in t ? t.href : void 0,
-							rel: "href" in t ? "noopener noreferrer" : void 0,
-							style: { pointerEvents: "auto" },
-							onClick: (e) => {
-								!t.disabled && "onClick" in t && t.onClick && (k(!1), t.onClick(e));
-							},
-							children: [/* @__PURE__ */ _(c, {
-								style: { minWidth: "30px" },
-								children: t.icon && /* @__PURE__ */ _(e, {
-									icon: t.icon,
-									sx: {
-										width: "17px",
-										height: "17px",
-										...t.iconSx
-									},
-									wrap: !1
-								})
-							}), /* @__PURE__ */ _(l, {
-								sx: { marginTop: 0 },
-								slotProps: { primary: {
-									variant: "smallText1",
-									sx: t.textSx
-								} },
-								children: t.text
-							})]
-						})
-					}, t.text)), n < r.length - 1 && /* @__PURE__ */ _(o, {})])
+			children: /* @__PURE__ */ v(p, {
+				elevation: A,
+				sx: { ...k },
+				children: /* @__PURE__ */ v(o, {
+					onClickAway: R,
+					children: /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v(f, {
+						autoFocusItem: N,
+						id: `composition-menu-${M}`,
+						"aria-labelledby": `composition-button-${M}`,
+						onKeyDown: z,
+						children: w.map((t, n, r) => [t.map((t) => /* @__PURE__ */ v(h, {
+							title: t.tooltipText,
+							placement: "left",
+							children: /* @__PURE__ */ y(d, {
+								component: "a",
+								sx: {
+									"&:hover": { color: "unset" },
+									"&:focus": {
+										color: "unset",
+										textDecoration: "unset"
+									}
+								},
+								disabled: t.disabled,
+								href: "href" in t ? t.href : void 0,
+								rel: "href" in t ? "noopener noreferrer" : void 0,
+								style: { pointerEvents: "auto" },
+								onClick: (e) => {
+									!t.disabled && "onClick" in t && t.onClick && (P(!1), t.onClick(e));
+								},
+								children: [t.icon && /* @__PURE__ */ v(l, {
+									style: { minWidth: "30px" },
+									children: /* @__PURE__ */ v(e, {
+										icon: t.icon,
+										sx: {
+											width: "17px",
+											height: "17px",
+											...t.iconSx
+										},
+										wrap: !1
+									})
+								}), /* @__PURE__ */ v(u, {
+									sx: { marginTop: 0 },
+									slotProps: { primary: {
+										variant: "smallText1",
+										sx: t.textSx
+									} },
+									children: t.text
+								})]
+							})
+						}, t.text)), n < r.length - 1 && /* @__PURE__ */ v(s, {})])
+					}), j && /* @__PURE__ */ y(_, { children: [I > 0 && /* @__PURE__ */ v(s, {}), b] })] })
 				})
-			}) })
+			})
 		})
 	})] });
 }
 //#endregion
-export { y as DropdownMenu };
+export { x as DropdownMenu };
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/components/menu/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n Button,\n ButtonProps,\n ClickAwayListener,\n Divider,\n Fade,\n ListItemIcon,\n ListItemText,\n MenuItem,\n MenuList,\n Paper,\n Popper,\n SxProps,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport {\n KeyboardEvent,\n MouseEvent,\n SyntheticEvent,\n useId,\n useRef,\n useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\n/*\n Defines a configuration for a particular dropdown menu item\n /\nexport type DropdownMenuItem = {\n / The text to show on the menu item. /\n text: string\n / The icon to show for this item in the menu. /\n icon?: IconName\n / A function invoked upon clicking the item, assuming `disabled` is falsy /\n onClick?: (e: MouseEvent) => void\n / A link that the item should point to. /\n href?: string\n / The optional tooltipText to show for this item. Compatible with the `disabled` prop. /\n tooltipText?: string\n / Whether the item should be disabled from selection. /\n disabled?: boolean\n / Additional MUI SxProps to pass to the text component /\n textSx?: SxProps\n / Additional MUI SxProps to pass to the icon component /\n iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n / Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration /\n items: DropdownMenuItem[][]\n / The text to show on the dropdown menu button. /\n dropdownButtonText: string\n / The optional tooltip text for the dropdown menu button. /\n buttonTooltip?: string\n / Any additional props to pass to the dropdown menu button. /\n buttonProps?: ButtonProps\n / Optional MUI button variant for the dropdown button (and the single-item button). Default 'outlined'. /\n variant?: ButtonProps['variant']\n / If true, will render a single action as a standalone button. Default true. /\n convertSingleItemToButton?: boolean\n / If true, nothing will be rendered if no actions are passed. Default false. /\n renderMenuIfNoItems?: boolean\n}\n\n/\n The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n /\nexport function DropdownMenu(props: DropdownMenuProps) {\n const {\n buttonTooltip,\n dropdownButtonText,\n items = [] as DropdownMenuItem[][],\n convertSingleItemToButton = true,\n renderMenuIfNoItems = false,\n buttonProps = {},\n variant = 'outlined',\n } = props\n\n const dropdownMenuId = useId()\n const [open, setOpen] = useState(false)\n const anchorRef = useRef<HTMLButtonElement>(null)\n\n const numberOfMenuItems = items.flat().length\n\n if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n // Hide menu if no actions will be in the menu\n return null\n }\n\n if (convertSingleItemToButton && numberOfMenuItems === 1) {\n // If one action is in the menu, show it as a button\n const menuItem = items.flat()[0]\n return (\n <Button\n component={'href' in menuItem ? 'a' : 'button'}\n title={menuItem.tooltipText}\n variant={variant}\n href={'href' in menuItem ? menuItem.href : undefined}\n rel={'href' in menuItem ? 'noopener noreferrer' : undefined}\n onClick={'onClick' in menuItem ? menuItem.onClick : undefined}\n disabled={menuItem.disabled}\n endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n >\n <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n </Button>\n )\n }\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen)\n }\n\n const handleClose = (event: Event \| SyntheticEvent) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return\n }\n\n setOpen(false)\n }\n\n function handleListKeyDown(event: KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault()\n setOpen(false)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <>\n <Tooltip\n title={\n buttonTooltip ? (\n <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n ) : undefined\n }\n placement={'top'}\n >\n <span>\n <Button\n variant={variant}\n ref={anchorRef}\n id={`composition-button-${dropdownMenuId}`}\n aria-controls={\n open ? `composition-menu-${dropdownMenuId}` : undefined\n }\n aria-expanded={open ? 'true' : undefined}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n {...buttonProps}\n >\n <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n </Button>\n </span>\n </Tooltip>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n placement=\"bottom-end\"\n transition\n style={{\n // Fixes issue where react-flow (provenance) would appear above the menu\n zIndex: 10,\n }}\n >\n {({ TransitionProps }) => (\n <Fade {...TransitionProps}>\n <Paper>\n <ClickAwayListener onClickAway={handleClose}>\n <MenuList\n autoFocusItem={open}\n id={`composition-menu-${dropdownMenuId}`}\n aria-labelledby={`composition-button-${dropdownMenuId}`}\n onKeyDown={handleListKeyDown}\n >\n {items.map((itemGroup, index, array) => {\n return [\n itemGroup.map(item => {\n return (\n <Tooltip\n key={item.text}\n title={item.tooltipText}\n placement={'left'}\n >\n <MenuItem\n // Always make the component an anchor in case href is defined.\n component=\"a\"\n sx={{\n // Override the anchor-specific state styles, we don't want it to look like an anchor\n '&:hover': {\n color: 'unset',\n },\n '&:focus': {\n color: 'unset',\n textDecoration: 'unset',\n },\n }}\n disabled={item.disabled}\n href={'href' in item ? item.href : undefined}\n rel={\n 'href' in item\n ? 'noopener noreferrer'\n : undefined\n }\n // Allow pointer events on disabled item so tooltip works.\n style={{ pointerEvents: 'auto' }}\n onClick={(e: MouseEvent) => {\n /\n * Must check if the item is disabled because we set\n * `pointer-events: 'auto'`\n */\n if (\n !item.disabled &&\n 'onClick' in item &&\n item.onClick\n ) {\n setOpen(false)\n item.onClick(e)\n }\n }}\n >\n <ListItemIcon\n style={{\n // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n // we can create with sx, so apply an inline style for this property only.\n minWidth: '30px',\n }}\n >\n {item.icon && (\n <IconSvg\n icon={item.icon}\n sx={{\n width: '17px',\n height: '17px',\n ...item.iconSx,\n }}\n wrap={false}\n />\n )}\n </ListItemIcon>\n <ListItemText\n sx={{ marginTop: 0 }}\n slotProps={{\n primary: {\n variant: 'smallText1',\n sx: item.textSx,\n },\n }}\n >\n {item.text}\n </ListItemText>\n </MenuItem>\n </Tooltip>\n )\n }),\n index < array.length - 1 && <Divider />,\n ]\n })}\n </MenuList>\n </ClickAwayListener>\n </Paper>\n </Fade>\n )}\n </Popper>\n </>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n Button,\n ButtonProps,\n ClickAwayListener,\n Divider,\n Fade,\n ListItemIcon,\n ListItemText,\n MenuItem,\n MenuList,\n Paper,\n Popper,\n SxProps,\n Tooltip,\n Typography,\n Box,\n} from '@mui/material'\nimport {\n KeyboardEvent,\n MouseEvent,\n SyntheticEvent,\n useId,\n useRef,\n useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nconst fileAccessRequestNotice = (\n <Box\n sx={{\n backgroundColor: '#EAF0F5',\n color: '#3B4046',\n padding: '6px 8px',\n borderRadius: '3px',\n marginTop: '8px',\n }}\n >\n <Typography\n sx={{\n fontSize: '14px',\n fontWeight: '440',\n lineHeight: '20px',\n letterSpacing: '-0.07px',\n }}\n >\n <span\n style={{\n fontWeight: '700',\n }}\n >\n Note:{' '}\n </span>\n You can add this file to your download list, but you must make an access\n request before downloading.\n </Typography>\n </Box>\n)\n\n/*\n Defines a configuration for a particular dropdown menu item\n /\nexport type DropdownMenuItem = {\n / The text to show on the menu item. /\n text: string\n / The icon to show for this item in the menu. /\n icon?: IconName\n / A function invoked upon clicking the item, assuming `disabled` is falsy /\n onClick?: (e: MouseEvent) => void\n / A link that the item should point to. /\n href?: string\n / The optional tooltipText to show for this item. Compatible with the `disabled` prop. /\n tooltipText?: string\n / Whether the item should be disabled from selection. /\n disabled?: boolean\n / Additional MUI SxProps to pass to the text component /\n textSx?: SxProps\n / Additional MUI SxProps to pass to the icon component /\n iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n / Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration /\n items: DropdownMenuItem[][]\n / The text to show on the dropdown menu button. /\n dropdownButtonText: string\n / The optional tooltip text for the dropdown menu button. /\n buttonTooltip?: string\n / Any additional props to pass to the dropdown menu button. /\n buttonProps?: ButtonProps\n / Optional MUI button variant for the dropdown button (and the single-item button). Default 'outlined'. /\n variant?: ButtonProps['variant']\n / If true, will render a single action as a standalone button. Default true. /\n convertSingleItemToButton?: boolean\n / If true, nothing will be rendered if no actions are passed. Default false. /\n renderMenuIfNoItems?: boolean\n paperSx?: SxProps\n elevation?: number\n / If true, shows the file access request notice at the bottom of the menu. Default false. /\n showFileAccessRequestNotice?: boolean\n}\n\n/\n The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n /\nexport function DropdownMenu(props: DropdownMenuProps) {\n const {\n buttonTooltip,\n dropdownButtonText,\n items = [] as DropdownMenuItem[][],\n convertSingleItemToButton = true,\n renderMenuIfNoItems = false,\n buttonProps = {},\n variant = 'outlined',\n paperSx,\n elevation,\n showFileAccessRequestNotice = false,\n } = props\n\n const dropdownMenuId = useId()\n const [open, setOpen] = useState(false)\n const anchorRef = useRef<HTMLButtonElement>(null)\n\n const numberOfMenuItems = items.flat().length\n\n if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n // Hide menu if no actions will be in the menu\n return null\n }\n\n if (convertSingleItemToButton && numberOfMenuItems === 1) {\n // If one action is in the menu, show it as a button\n const menuItem = items.flat()[0]\n return (\n <Button\n component={'href' in menuItem ? 'a' : 'button'}\n title={menuItem.tooltipText}\n variant={variant}\n href={'href' in menuItem ? menuItem.href : undefined}\n rel={'href' in menuItem ? 'noopener noreferrer' : undefined}\n onClick={'onClick' in menuItem ? menuItem.onClick : undefined}\n disabled={menuItem.disabled}\n endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n >\n <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n </Button>\n )\n }\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen)\n }\n\n const handleClose = (event: Event \| SyntheticEvent) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return\n }\n\n setOpen(false)\n }\n\n function handleListKeyDown(event: KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault()\n setOpen(false)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <>\n <Tooltip\n title={\n buttonTooltip ? (\n <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n ) : undefined\n }\n placement={'top'}\n >\n <span>\n <Button\n variant={variant}\n ref={anchorRef}\n id={`composition-button-${dropdownMenuId}`}\n aria-controls={\n open ? `composition-menu-${dropdownMenuId}` : undefined\n }\n aria-expanded={open ? 'true' : undefined}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n {...buttonProps}\n >\n <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n </Button>\n </span>\n </Tooltip>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n placement=\"bottom-end\"\n transition\n style={{\n // Fixes issue where react-flow (provenance) would appear above the menu\n zIndex: 10,\n }}\n >\n {({ TransitionProps }) => (\n <Fade {...TransitionProps}>\n <Paper elevation={elevation} sx={{ ...paperSx }}>\n <ClickAwayListener onClickAway={handleClose}>\n <Box>\n <MenuList\n autoFocusItem={open}\n id={`composition-menu-${dropdownMenuId}`}\n aria-labelledby={`composition-button-${dropdownMenuId}`}\n onKeyDown={handleListKeyDown}\n >\n {items.map((itemGroup, index, array) => {\n return [\n itemGroup.map(item => {\n return (\n <Tooltip\n key={item.text}\n title={item.tooltipText}\n placement={'left'}\n >\n <MenuItem\n // Always make the component an anchor in case href is defined.\n component=\"a\"\n sx={{\n // Override the anchor-specific state styles, we don't want it to look like an anchor\n '&:hover': {\n color: 'unset',\n },\n '&:focus': {\n color: 'unset',\n textDecoration: 'unset',\n },\n }}\n disabled={item.disabled}\n href={'href' in item ? item.href : undefined}\n rel={\n 'href' in item\n ? 'noopener noreferrer'\n : undefined\n }\n // Allow pointer events on disabled item so tooltip works.\n style={{ pointerEvents: 'auto' }}\n onClick={(e: MouseEvent) => {\n /\n * Must check if the item is disabled because we set\n * `pointer-events: 'auto'`\n */\n if (\n !item.disabled &&\n 'onClick' in item &&\n item.onClick\n ) {\n setOpen(false)\n item.onClick(e)\n }\n }}\n >\n {item.icon && (\n <ListItemIcon\n style={{\n // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n // we can create with sx, so apply an inline style for this property only.\n minWidth: '30px',\n }}\n >\n <IconSvg\n icon={item.icon}\n sx={{\n width: '17px',\n height: '17px',\n ...item.iconSx,\n }}\n wrap={false}\n />\n </ListItemIcon>\n )}\n <ListItemText\n sx={{ marginTop: 0 }}\n slotProps={{\n primary: {\n variant: 'smallText1',\n sx: item.textSx,\n },\n }}\n >\n {item.text}\n </ListItemText>\n </MenuItem>\n </Tooltip>\n )\n }),\n index < array.length - 1 && <Divider />,\n ]\n })}\n </MenuList>\n {showFileAccessRequestNotice && (\n <>\n {numberOfMenuItems > 0 && <Divider />}\n {fileAccessRequestNotice}\n </>\n )}\n </Box>\n </ClickAwayListener>\n </Paper>\n </Fade>\n )}\n </Popper>\n </>\n )\n}\n"],"mappings":"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"}

package/dist/features/curator/dashboard/components/CurationTaskCard.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_card_1btsm_1~~.MuiCard-root{background-color:#f5f8fa}.~~_cardContent_1btsm_5~~{flex-direction:row;align-items:stretch;gap:24px;margin-bottom:16px;display:flex}@media (width<=768px){.~~_cardContent_1btsm_5~~{flex-direction:column}}.~~_mainContent_1btsm_18~~{flex-direction:column;flex:1;gap:16px;display:flex}.~~_titleChipContainer_1btsm_26~~{flex-direction:row;align-items:center;gap:16px;display:flex}@media (width<=768px){.~~_titleChipContainer_1btsm_26~~{flex-direction:column;align-items:flex-start}}.~~_title_1btsm_26~~{cursor:pointer}.~~_title_1btsm_26~~:hover{text-decoration:underline}.~~_entityInfo_1btsm_47~~{gap:~~16px~~;display:flex}.~~_statusContainer_1btsm_52~~{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.~~_expandedContent_1btsm_59~~{background-color:#fff;border-radius:4px;flex-direction:column;gap:16px;margin:16px;padding:16px;display:flex}.~~_expandedTopRow_1btsm_69~~{flex-direction:row;align-items:flex-start;gap:16px;display:flex}.~~_helpLink_1btsm_76~~{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:14px;display:inline-flex}.~~_helpIcon_1btsm_85~~{font-size:16px!important}.~~_userChipContainer_1btsm_89~~{flex-flow:wrap;align-items:center;gap:16px;display:flex}.~~_buttonContainer_1btsm_97~~{flex-grow:0;flex-shrink:0;margin-left:auto;display:flex}@media (width<=768px){.~~_buttonContainer_1btsm_97~~{margin-left:0}}
1	+ ._card_15ur0_1.MuiCard-root{background-color:#f5f8fa}._cardContent_15ur0_5{flex-direction:row;align-items:stretch;gap:24px;margin-bottom:16px;display:flex}@media (width<=768px){._cardContent_15ur0_5{flex-direction:column}}._mainContent_15ur0_18{flex-direction:column;flex:1;gap:16px;display:flex}._titleChipContainer_15ur0_26{flex-direction:row;align-items:center;gap:16px;display:flex}@media (width<=768px){._titleChipContainer_15ur0_26{flex-direction:column;align-items:flex-start}}._title_15ur0_26{cursor:pointer}._title_15ur0_26:hover{text-decoration:underline}._entityInfo_15ur0_47{gap:8px;display:flex}._statusContainer_15ur0_52{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;display:flex}._expandedContent_15ur0_60{background-color:#fff;border-radius:4px;flex-direction:column;gap:16px;margin:16px;padding:16px;display:flex}._expandedTopRow_15ur0_70{flex-direction:row;align-items:flex-start;gap:16px;display:flex}._helpLink_15ur0_77{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:14px;display:inline-flex}._helpIcon_15ur0_86{font-size:16px!important}._userChipContainer_15ur0_90{flex-flow:wrap;align-items:center;gap:16px;display:flex}._buttonContainer_15ur0_98{flex-grow:0;flex-shrink:0;margin-left:auto;display:flex}@media (width<=768px){._buttonContainer_15ur0_98{margin-left:0}}

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

@@ -1,17 +1,17 @@
 import './CurationTaskCard.css';var e = {
-	card: "_card_1btsm_1",
-	cardContent: "_cardContent_1btsm_5",
-	mainContent: "_mainContent_1btsm_18",
-	titleChipContainer: "_titleChipContainer_1btsm_26",
-	title: "_title_1btsm_26",
-	entityInfo: "_entityInfo_1btsm_47",
-	statusContainer: "_statusContainer_1btsm_52",
-	expandedContent: "_expandedContent_1btsm_59",
-	expandedTopRow: "_expandedTopRow_1btsm_69",
-	helpLink: "_helpLink_1btsm_76",
-	helpIcon: "_helpIcon_1btsm_85",
-	userChipContainer: "_userChipContainer_1btsm_89",
-	buttonContainer: "_buttonContainer_1btsm_97"
+	card: "_card_15ur0_1",
+	cardContent: "_cardContent_15ur0_5",
+	mainContent: "_mainContent_15ur0_18",
+	titleChipContainer: "_titleChipContainer_15ur0_26",
+	title: "_title_15ur0_26",
+	entityInfo: "_entityInfo_15ur0_47",
+	statusContainer: "_statusContainer_15ur0_52",
+	expandedContent: "_expandedContent_15ur0_60",
+	expandedTopRow: "_expandedTopRow_15ur0_70",
+	helpLink: "_helpLink_15ur0_77",
+	helpIcon: "_helpIcon_15ur0_86",
+	userChipContainer: "_userChipContainer_15ur0_90",
+	buttonContainer: "_buttonContainer_15ur0_98"
 };
 //#endregion
 export { e as default };

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

	@@ -1 +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 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.expandedTopRow {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 16px;\n}\n\n.helpLink {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin-left: auto;\n white-space: nowrap;\n font-size: 14px;\n}\n\n.helpIcon {\n font-size: 16px !important;\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":""}
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 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: 8px;\n}\n\n.statusContainer {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\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.expandedTopRow {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 16px;\n}\n\n.helpLink {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin-left: auto;\n white-space: nowrap;\n font-size: 14px;\n}\n\n.helpIcon {\n font-size: 16px !important;\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 CHANGED Viewed

@@ -44,13 +44,14 @@
 .entityInfo {
   display: flex;
-  gap: 16px;
+  gap: 8px;
 }
 .statusContainer {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+  justify-content: center;
   gap: 8px;
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CurationTaskCardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCardLayout.tsx"],"names":[],"mappings":"AAWA,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,~~2CAmGnC~~"}
1	+ {"version":3,"file":"CurationTaskCardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCardLayout.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,UAAU,EAEX,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAuE3C,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,2CAsGnC"}

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

@@ -7,15 +7,16 @@ 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, 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";
+import { TaskStatusStateEnum as v } from "@sage-bionetworks/synapse-client";
+import { useNavigate as y } from "react-router";
+import b from "dayjs";
+import x from "dayjs/plugin/utc";
+import S from "@mui/icons-material/HelpOutline";
+import C from "classnames";
+import w from "@mui/icons-material/SettingsOutlined";
 //#region src/features/curator/dashboard/components/CurationTaskCardLayout.tsx
-y.extend(b);
-function w(e) {
+b.extend(x);
+function T(e) {
 	let { label: t } = e;
 	return /* @__PURE__ */ g(c, {
 		sx: {
@@ -25,7 +26,7 @@ function w(e) {
 		label: t
 	});
 }
-function T(e) {
+function E(e) {
 	let { state: n } = e;
 	if (!n) return null;
 	let { label: r, backgroundColor: i } = t[n];
@@ -38,33 +39,37 @@ function T(e) {
 		label: r
 	});
 }
-function E(e) {
-	let { dueDate: t } = e, r = n(t);
-	if (!r) return null;
-	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, {
+function D(e) {
+	let { dueDate: t, taskState: r } = e, i = n(t);
+	if (!i) return null;
+	let a = i.format("MM/DD/YY"), o = r === v.COMPLETED || r === v.CANCELED, s = "#E0E0E0";
+	if (!o) {
+		let e = i.diff(b.utc().startOf("day"), "day");
+		e < 0 ? s = "#FFCDD2" : e < 30 && (s = "#FFF9C4");
+	}
+	return /* @__PURE__ */ g(c, {
 		size: "small",
 		sx: {
 			fontWeight: 600,
-			backgroundColor: o
+			backgroundColor: s
 		},
 		label: `Due ${a}`
 	});
 }
-function D(e) {
+function O(e) {
 	return {
 		title: e?.dataType ?? "",
 		description: e?.instructions ?? "",
 		principalIds: e?.assigneePrincipalId ? [e.assigneePrincipalId] : []
 	};
 }
-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, {
+function k(t) {
+	let { taskBundle: n, title: c, description: v, taskType: b, principalIds: x, renderActionButton: O } = t, k = y(), [A, j] = o(!1), M = n.task?.taskId, N = n.task?.projectId, { data: P } = e(N, void 0, {
 		includeEntity: !0,
 		includePermissions: !0
 	}), F = P?.permissions?.canEdit ?? !1;
 	return /* @__PURE__ */ _(s, {
-		className: S(i.card, r.card),
+		className: C(i.card, r.card),
 		children: [/* @__PURE__ */ _("div", {
 			className: r.cardContent,
 			children: [
@@ -80,11 +85,11 @@ function O(t) {
 									onClick: () => j(!A),
 									children: c
 								}),
-								b && /* @__PURE__ */ g(w, { label: b }),
+								b && /* @__PURE__ */ g(T, { label: b }),
 								F && /* @__PURE__ */ g(d, {
 									onClick: () => void k(`edit/${M}`),
 									"aria-label": "Task settings",
-									children: /* @__PURE__ */ g(C, {})
+									children: /* @__PURE__ */ g(w, {})
 								})
 							]
 						}),
@@ -100,13 +105,16 @@ function O(t) {
 						}),
 						/* @__PURE__ */ g("div", {
 							className: r.userChipContainer,
-							children: D.map((e) => /* @__PURE__ */ g(a, { principalId: e }, e))
+							children: x.map((e) => /* @__PURE__ */ g(a, { principalId: e }, e))
 						})
 					]
 				}),
 				/* @__PURE__ */ _("div", {
 					className: r.statusContainer,
-					children: [/* @__PURE__ */ g(T, { state: n.status?.state }), /* @__PURE__ */ g(E, { dueDate: n.status?.dueDate })]
+					children: [/* @__PURE__ */ g(E, { state: n.status?.state }), /* @__PURE__ */ g(D, {
+						dueDate: n.status?.dueDate,
+						taskState: n.status?.state
+					})]
 				}),
 				!A && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(u, {
 					orientation: "vertical",
@@ -123,9 +131,9 @@ function O(t) {
 				className: r.expandedContent,
 				children: [/* @__PURE__ */ _("div", {
 					className: r.expandedTopRow,
-					children: [y && /* @__PURE__ */ g(m, {
+					children: [v && /* @__PURE__ */ g(m, {
 						variant: "body1",
-						children: y
+						children: v
 					}), /* @__PURE__ */ _(f, {
 						href: "https://docs.synapse.org/synapse-docs/managing-metadata-with-curator",
 						target: "_blank",
@@ -134,7 +142,7 @@ function O(t) {
 						underline: "hover",
 						className: r.helpLink,
 						sx: { fontWeight: 400 },
-						children: [/* @__PURE__ */ g(x, { className: r.helpIcon }), "Have questions or need help?"]
+						children: [/* @__PURE__ */ g(S, { className: r.helpIcon }), "Have questions or need help?"]
 					})]
 				}), O({ expanded: !0 })]
 			})
@@ -142,6 +150,6 @@ function O(t) {
 	});
 }
 //#endregion
-export { O as default, D as deriveCardFields };
+export { k as default, O as deriveCardFields };
 //# sourceMappingURL=CurationTaskCardLayout.js.map

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

	@@ -1 +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 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":"~~;;;;;;;;;;;;;;;;~~AA4BA,EAAM,OAAO,CAAG;AAEhB,SAAS,EAAa,GAA0B;CAC9C,IAAM,EAAE,aAAU;CAClB,OACE,kBAAC,GAAD;EAAM,IAAI;GAAE,YAAY;GAAK,iBAAiB;EAAU;EAAU;CAAQ,CAAA;AAE9E;AAOA,SAAS,EAAe,GAAmD;CACzE,IAAM,EAAE,aAAU;CAClB,IAAI,CAAC,GAAO,OAAO;CACnB,IAAM,EAAE,UAAO,uBAAoB,EAAmB;CACtD,OACE,kBAAC,GAAD;EACE,MAAK;EACL,IAAI;GAAE,YAAY;GAAK;EAAgB;EAChC;CACR,CAAA;AAEL;AAEA,SAAS,EAAY,~~GAAwC~~;~~CAC3D~~,IAAM,EAAE,~~eAAY~~,~~GACd~~,IAAa,EAAa,CAAO;CACvC,IAAI,CAAC,GAAY,OAAO;CAExB,IAAM,IAAe,EAAW,KAAK,EAAM,IAAI,EAAE,QAAQ,KAAK,GAAG,KAAK~~,GAChE,IAAgB,EAAW,OAAO,UAAU,GAE9C,IAAkB~~;~~CAOtB~~,~~OANI~~,IAAe,IACjB,IAAkB,YACT,IAAe,OACxB,IAAkB,~~YAIlB~~,kBAAC,GAAD;EACE,MAAK;EACL,IAAI;GAAE,YAAY;GAAK;EAAgB;EACvC,OAAO,OAAO;CACf,CAAA;AAEL;AAaA,SAAgB,EAAiB,GAA0B;CACzD,OAAO;EACL,OAAO,GAAM,YAAY;EACzB,aAAa,GAAM,gBAAgB;EACnC,cAAc,GAAM,sBAAsB,CAAC,EAAK,mBAAmB,IAAI,CAAC;CAC1E;AACF;AAMA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,eACA,UACA,gBACA,aACA,iBACA,0BACE,GAEE,IAAW,EAAY,GACvB,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,IAAS,EAAW,MAAM,QAC1B,IAAY,EAAW,MAAM,WAC7B,EAAE,MAAM,MAAW,EAAmB,GAAW,KAAA,GAAW;EAChE,eAAe;EACf,oBAAoB;CACtB,CAAC,GACK,IAAU,GAAQ,aAAa,WAAW;CAEhD,OACE,kBAAC,GAAD;EAAM,WAAW,EAAW,EAAa,MAAM,EAAO,IAAI;YAA1D,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB;QACE,kBAAC,GAAD;SACE,SAAQ;SACR,WAAW,EAAO;SAClB,eAAe,EAAc,CAAC,CAAU;mBAEvC;QACS,CAAA;QACX,KAAY,kBAAC,GAAD,EAAc,OAAO,EAAW,CAAA;QAC5C,KACC,kBAAC,GAAD;SACE,eAAe,KAAK,EAAS,QAAQ,GAAQ;SAC7C,cAAW;mBAEX,kBAAC,GAAD,CAAuB,CAAA;QACb,CAAA;OAEX;;MACL,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACG,GAAQ,QAAQ,OACf,kBAAC,GAAD;QAAY,SAAQ;kBAAS,EAAO,OAAO;OAAiB,CAAA,IAE5D,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,GAExB,KACC,kBAAC,GAAD;QAAY,SAAQ;kBAApB,CAA4B,aAAU,CAAmB;SAExD;;MACL,kBAAC,OAAD;OAAK,WAAW,EAAO;iBACpB,EAAa,KAAI,MAChB,kBAAC,GAAD,EAA+C,eAAc,GAAxC,CAAwC,CAC9D;MACE,CAAA;KACF;;IACL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD,EAAgB,OAAO,EAAW,QAAQ,MAAQ,CAAA,GAClD,kBAAC,GAAD,~~EAAa,~~SAAS,EAAW,QAAQ,~~QAAU~~,CAAA,~~CAChD~~;;IACJ,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;KACE,aAAY;KACZ,UAAA;KACA,IAAI,EAAE,SAAS;MAAE,IAAI;MAAQ,IAAI;KAAQ,EAAE;IAC5C,CAAA,GACA,EAAmB,EAAE,UAAU,GAAM,CAAC,CACvC,EAAA,CAAA;GAED;MACL,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACG,KACC,kBAAC,GAAD;MAAY,SAAQ;gBAAS;KAAwB,CAAA,GAEvD,kBAAC,GAAD;MACE,MAAK;MACL,QAAO;MACP,KAAI;MACJ,OAAM;MACN,WAAU;MACV,WAAW,EAAO;MAClB,IAAI,EAAE,YAAY,IAAI;gBAPxB,CASE,kBAAC,GAAD,EAAa,WAAW,EAAO,SAAW,CAAA,GAAC,8BAEvC;OACH;QACJ,EAAmB,EAAE,UAAU,GAAK,CAAC,CACnC;;EACG,CAAA,CACN;;AAEV"}
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 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: {\n dueDate: string \| undefined\n taskState: TaskStatusStateEnum \| undefined\n}) {\n const { dueDate, taskState } = props\n const dueDateObj = parseDueDate(dueDate)\n if (!dueDateObj) return null\n\n const formattedDate = dueDateObj.format('MM/DD/YY')\n const isTerminal =\n taskState === TaskStatusStateEnum.COMPLETED \|\|\n taskState === TaskStatusStateEnum.CANCELED\n\n let backgroundColor = '#E0E0E0'\n if (!isTerminal) {\n const daysUntilDue = dueDateObj.diff(dayjs.utc().startOf('day'), 'day')\n if (daysUntilDue < 0) {\n backgroundColor = '#FFCDD2'\n } else if (daysUntilDue < 30) {\n backgroundColor = '#FFF9C4'\n }\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\n dueDate={taskBundle.status?.dueDate}\n taskState={taskBundle.status?.state}\n />\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/mocks/chat/mockChat.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
-import { AgentChatRequest, AgentChatResponse, AgentSession, CreateAgentSessionRequest, ListAgentSessionsRequest, ListAgentSessionsResponse, SessionHistoryResponse, TraceEventsResponse } from '@sage-bionetworks/synapse-types';
+import { ChatAttachment } from '@/components/SynapseChat/utils/types';
+import { AgentChatRequest, AgentChatResponse } from '@sage-bionetworks/synapse-client';
+import { AgentSession, AsynchronousJobStatus, CreateAgentSessionRequest, ListAgentSessionsRequest, ListAgentSessionsResponse, SessionHistoryResponse, TraceEventsResponse } from '@sage-bionetworks/synapse-types';
 export declare const mockChatSessionId = "session-456";
 export declare const mockCreateAgentSessionRequest: CreateAgentSessionRequest;
 export declare const mockAgentSession: AgentSession;
@@ -7,9 +9,19 @@ export declare const mockListAgentSessionsRequest: ListAgentSessionsRequest;
 export declare const mockListAgentSessionsResponse: ListAgentSessionsResponse;
 export declare const mockAgentChatRequest: AgentChatRequest;
 export declare const mockAgentChatResponse: AgentChatResponse;
+/**
+ * Builds a full `AsynchronousJobStatus` for the chat async job, for tests/stories that poll the
+ * job status endpoint directly (e.g. to exercise the PROCESSING state). `jobId` is required since
+ * it must match the id returned by the mocked start-chat-async endpoint; other fields default to
+ * placeholder values and can be overridden.
+ */
+export declare function mockChatJobStatus(overrides: Partial<AsynchronousJobStatus<AgentChatRequest, AgentChatResponse>> & {
+    jobId: string;
+}): AsynchronousJobStatus<AgentChatRequest, AgentChatResponse>;
 export declare const mockSessionHistoryResponse: SessionHistoryResponse;
 export declare const mockTraceEventsResponse1: TraceEventsResponse;
 export declare const mockTraceEventsResponse2: TraceEventsResponse;
 export declare const mockTraceEventsResponse3: TraceEventsResponse;
 export declare const mockEmptyTraceEventsResponse: TraceEventsResponse;
+export declare function mockChatAttachment(overrides?: Partial<ChatAttachment>): ChatAttachment;
 //# sourceMappingURL=mockChat.d.ts.map