synapse-react-client 4.0.29 → 4.0.31

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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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"}
+{"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/CuratorDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuratorDashboard.d.ts","sourceRoot":"","sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAmD9C"}
+{"version":3,"file":"CuratorDashboard.d.ts","sourceRoot":"","sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CA0C9C"}

package/dist/features/curator/dashboard/CuratorDashboard.js

@@ -1,40 +1,39 @@
-import { GRID_PAGE_TASK_ID_QUERY_PARAM as e } from "../../../utils/SynapseConstants.js";
-import t from "../../../components/layout/InfiniteTableLayout.js";
+import e from "../../../components/layout/InfiniteTableLayout.js";
+import { useCurationTaskListFilters as t } from "../../../utils/hooks/useCurationTaskListFilters.js";
 import { useGetCurationTasksInfinite as n } from "../../../synapse-queries/curation/task/useCurationTask.js";
 import r from "../../team/invitation/components/OpenInvitationsToUserCard.js";
 import i from "./components/shared.module.js";
 import a from "./components/CurationTaskCard.js";
-import { useMemo as o } from "react";
-import { Typography as s } from "@mui/material";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useSearchParams as u } from "react-router";
+import o from "./components/FilteredByTaskIdsBanner.js";
+import { useMemo as s } from "react";
+import { Typography as c } from "@mui/material";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "@mui/material/Stack";
 //#region src/features/curator/dashboard/CuratorDashboard.tsx
 function f() {
-	let [f] = u(), p = f.get(e), { data: m, isLoading: h, hasNextPage: g, isFetchingNextPage: _, fetchNextPage: v } = n({
-		assignedToMe: !0,
-		taskIds: o(() => {
-			if (p) return p.split(",").map((e) => parseInt(e, 10)).filter((e) => !isNaN(e));
-		}, [p])
-	}), y = o(() => m?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [m]);
-	return /* @__PURE__ */ l(d, {
+	let { request: f, taskIds: p, clearTaskIdsFilter: m } = t({ defaultAssignedToMe: !0 }), { data: h, isLoading: g, hasNextPage: _, isFetchingNextPage: v, fetchNextPage: y } = n(f), b = s(() => h?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [h]);
+	return /* @__PURE__ */ u(d, {
 		gap: 4,
 		children: [
-			/* @__PURE__ */ c(s, {
+			/* @__PURE__ */ l(c, {
 				variant: "headline1",
 				children: "On Your Radar"
 			}),
-			/* @__PURE__ */ c(r, { cardProps: { className: i.card } }),
-			/* @__PURE__ */ c(t, {
-				table: /* @__PURE__ */ c(d, {
+			/* @__PURE__ */ l(r, { cardProps: { className: i.card } }),
+			/* @__PURE__ */ l(o, {
+				taskIds: p,
+				onClear: m
+			}),
+			/* @__PURE__ */ l(e, {
+				table: /* @__PURE__ */ l(d, {
 					gap: 3,
-					children: y.map((e) => /* @__PURE__ */ c(a, { taskBundle: e }, e.task?.taskId))
+					children: b.map((e) => /* @__PURE__ */ l(a, { taskBundle: e }, e.task?.taskId))
 				}),
-				isLoading: h,
-				isEmpty: y.length === 0,
-				hasNextPage: g,
-				isFetchingNextPage: _,
-				onFetchNextPageClicked: () => void v(),
+				isLoading: g,
+				isEmpty: b.length === 0,
+				hasNextPage: _,
+				isFetchingNextPage: v,
+				onFetchNextPageClicked: () => void y(),
 				noResults: "There are currently no curation tasks assigned to you."
 			})
 		]

package/dist/features/curator/dashboard/CuratorDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CuratorDashboard.js","names":[],"sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport OpenInvitationsToUserCard from '@/features/team/invitation/components/OpenInvitationsToUserCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { Typography } from '@mui/material'\nimport Stack from '@mui/material/Stack'\nimport { useMemo } from 'react'\nimport CurationTaskCard from './components/CurationTaskCard'\nimport sharedStyles from './components/shared.module.scss'\nimport { useSearchParams } from 'react-router'\nimport { GRID_PAGE_TASK_ID_QUERY_PARAM } from '@/utils/SynapseConstants'\n\nexport default function CuratorDashboardContent() {\n  const [searchParams] = useSearchParams()\n  const taskIdParam = searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM)\n\n  const taskIds = useMemo(() => {\n    if (!taskIdParam) return undefined\n    return taskIdParam\n      .split(',')\n      .map(id => parseInt(id, 10))\n      .filter(id => !isNaN(id))\n  }, [taskIdParam])\n\n  const {\n    data: curationTasks,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetCurationTasksInfinite({\n    assignedToMe: true,\n    taskIds,\n  })\n\n  const tasks = useMemo(() => {\n    return curationTasks?.pages.flatMap(page => page.bundlePage ?? []) ?? []\n  }, [curationTasks])\n\n  return (\n    <Stack gap={4}>\n      <Typography variant=\"headline1\">On Your Radar</Typography>\n      <OpenInvitationsToUserCard cardProps={{ className: sharedStyles.card }} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={tasks.length === 0}\n        hasNextPage={hasNextPage}\n        isFetchingNextPage={isFetchingNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        noResults={'There are currently no curation tasks assigned to you.'}\n      ></InfiniteTableLayout>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAwB,IAA0B;CAChD,IAAM,CAAC,KAAgB,EAAgB,GACjC,IAAc,EAAa,IAAI,CAA6B,GAU5D,EACJ,MAAM,GACN,cACA,gBACA,uBACA,qBACE,EAA4B;EAC9B,cAAc;EACd,SAhBc,QAAc;GACvB,OACL,OAAO,EACJ,MAAM,GAAG,EACT,KAAI,MAAM,SAAS,GAAI,EAAE,CAAC,EAC1B,QAAO,MAAM,CAAC,MAAM,CAAE,CAAC;EAC5B,GAAG,CAAC,CAAW,CAUb;CACF,CAAC,GAEK,IAAQ,QACL,GAAe,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GACtE,CAAC,CAAa,CAAC;CAElB,OACE,kBAAC,GAAD;EAAO,KAAK;YAAZ;GACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAAyB,CAAA;GACzD,kBAAC,GAAD,EAA2B,WAAW,EAAE,WAAW,EAAa,KAAK,EAAI,CAAA;GACzE,kBAAC,GAAD;IACE,OACE,kBAAC,GAAD;KAAO,KAAK;eACT,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;IACI,CAAA;IAEE;IACX,SAAS,EAAM,WAAW;IACb;IACO;IACpB,8BAA8B,KAAK,EAAc;IACjD,WAAW;GACS,CAAA;EACjB;;AAEX"}
+{"version":3,"file":"CuratorDashboard.js","names":[],"sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport OpenInvitationsToUserCard from '@/features/team/invitation/components/OpenInvitationsToUserCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useCurationTaskListFilters } from '@/utils/hooks/useCurationTaskListFilters'\nimport { Typography } from '@mui/material'\nimport Stack from '@mui/material/Stack'\nimport { useMemo } from 'react'\nimport CurationTaskCard from './components/CurationTaskCard'\nimport FilteredByTaskIdsBanner from './components/FilteredByTaskIdsBanner'\nimport sharedStyles from './components/shared.module.scss'\n\nexport default function CuratorDashboardContent() {\n  const { request, taskIds, clearTaskIdsFilter } = useCurationTaskListFilters({\n    defaultAssignedToMe: true,\n  })\n\n  const {\n    data: curationTasks,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetCurationTasksInfinite(request)\n\n  const tasks = useMemo(() => {\n    return curationTasks?.pages.flatMap(page => page.bundlePage ?? []) ?? []\n  }, [curationTasks])\n\n  return (\n    <Stack gap={4}>\n      <Typography variant=\"headline1\">On Your Radar</Typography>\n      <OpenInvitationsToUserCard cardProps={{ className: sharedStyles.card }} />\n      <FilteredByTaskIdsBanner taskIds={taskIds} onClear={clearTaskIdsFilter} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={tasks.length === 0}\n        hasNextPage={hasNextPage}\n        isFetchingNextPage={isFetchingNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        noResults={'There are currently no curation tasks assigned to you.'}\n      ></InfiniteTableLayout>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAwB,IAA0B;CAChD,IAAM,EAAE,YAAS,YAAS,0BAAuB,EAA2B,EAC1E,qBAAqB,GACvB,CAAC,GAEK,EACJ,MAAM,GACN,cACA,gBACA,uBACA,qBACE,EAA4B,CAAO,GAEjC,IAAQ,QACL,GAAe,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GACtE,CAAC,CAAa,CAAC;CAElB,OACE,kBAAC,GAAD;EAAO,KAAK;YAAZ;GACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAAyB,CAAA;GACzD,kBAAC,GAAD,EAA2B,WAAW,EAAE,WAAW,EAAa,KAAK,EAAI,CAAA;GACzE,kBAAC,GAAD;IAAkC;IAAS,SAAS;GAAqB,CAAA;GACzE,kBAAC,GAAD;IACE,OACE,kBAAC,GAAD;KAAO,KAAK;eACT,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;IACI,CAAA;IAEE;IACX,SAAS,EAAM,WAAW;IACb;IACO;IACpB,8BAA8B,KAAK,EAAc;IACjD,WAAW;GACS,CAAA;EACjB;;AAEX"}

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

@@ -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}}
+._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

@@ -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

@@ -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":""}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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