synapse-react-client 4.0.26 → 4.0.28

package/dist/components/TextField/TextField.js

@@ -1,51 +1,53 @@
 import e from "./TextField.module.js";
-import { useId as t } from "react";
-import { Box as n, TextField as r, Typography as i, inputBaseClasses as a } from "@mui/material";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import t from "../FieldDescription/FieldDescription.js";
+import "../FieldDescription/index.js";
+import { useId as n } from "react";
+import { Box as r, TextField as i, Typography as a, inputBaseClasses as o } from "@mui/material";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/TextField/TextField.tsx
-function l({ description: l, maxCharacterCount: u, slotProps: d, id: f, label: p, fullWidth: m = !0, className: h, sx: g, value: _, ...v }) {
-	let y = t(), b = f ?? y, x = typeof _ == "string" ? _.length : 0;
-	return /* @__PURE__ */ c(n, {
-		className: h,
-		sx: g,
-		children: [/* @__PURE__ */ s(r, {
-			id: b,
+function u({ description: u, maxCharacterCount: d, slotProps: f, id: p, label: m, fullWidth: h = !0, className: g, sx: _, value: v, ...y }) {
+	let b = n(), x = p ?? b, S = typeof v == "string" ? v.length : 0;
+	return /* @__PURE__ */ l(r, {
+		className: g,
+		sx: _,
+		children: [/* @__PURE__ */ c(i, {
+			id: x,
 			variant: "standard",
-			label: p != null || l != null ? /* @__PURE__ */ c(o, { children: [p, l != null && /* @__PURE__ */ s("span", {
+			label: m != null || u != null ? /* @__PURE__ */ l(s, { children: [m, u != null && /* @__PURE__ */ c(t, {
 				className: e.description,
-				children: l
+				children: u
 			})] }) : void 0,
-			fullWidth: m,
-			value: _,
-			sx: { [`& .${a.root}`]: { marginTop: 0 } },
+			fullWidth: h,
+			value: v,
+			sx: { [`& .${o.root}`]: { marginTop: 0 } },
 			slotProps: {
-				...d,
+				...f,
 				htmlInput: {
-					maxLength: u,
-					...d?.htmlInput
+					maxLength: d,
+					...f?.htmlInput
 				},
 				inputLabel: {
 					className: e.inputLabel,
-					...d?.inputLabel
+					...f?.inputLabel
 				},
 				input: {
 					disableUnderline: !0,
-					...d?.input
+					...f?.input
 				}
 			},
-			...v
-		}), u !== void 0 && /* @__PURE__ */ c(i, {
+			...y
+		}), d !== void 0 && /* @__PURE__ */ l(a, {
 			variant: "body2",
 			className: e.charCount,
 			children: [
-				x,
+				S,
 				"/",
-				u
+				d
 			]
 		})]
 	});
 }
 //#endregion
-export { l as default };
+export { u as default };
 
 //# sourceMappingURL=TextField.js.map

package/dist/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n  Box,\n  inputBaseClasses,\n  TextField as MuiTextField,\n  TextFieldProps as MuiTextFieldProps,\n  Typography,\n} from '@mui/material'\nimport styles from './TextField.module.scss'\nimport { ReactNode, useId } from 'react'\n\nexport type TextFieldProps = MuiTextFieldProps & {\n  /**\n   * Neutral supplementary text shown below the label and above the input (similar to an inline tooltip).\n   * Always rendered in a neutral color regardless of form state.\n   * For error or status messages, use `helperText` instead.\n   */\n  description?: ReactNode\n  maxCharacterCount?: number\n}\n\n/**\n * A styled text field built using MUI components and designed to match the Sage Design System (SDS) input fields.\n *\n * - `label`: Bold label text above the input. Changes color on focus/error/disabled states.\n * - `description`: Neutral supplementary text shown below the label, above the input. Always neutral color.\n * - `helperText`: Status or error message shown below the input. Color-reactive to form state.\n * - `maxCharacterCount`: Renders a character count indicator below the input and sets the `maxLength` on the input.\n */\nexport default function TextField({\n  description,\n  maxCharacterCount,\n  slotProps,\n  id: idProp,\n  label,\n  fullWidth = true,\n  className,\n  sx,\n  value,\n  ...rest\n}: TextFieldProps) {\n  const generatedId = useId()\n  const id = idProp ?? generatedId\n\n  const currentLength = typeof value === 'string' ? value.length : 0\n\n  const compositeLabel =\n    label != null || description != null ? (\n      <>\n        {label}\n        {description != null && (\n          <span className={styles.description}>{description}</span>\n        )}\n      </>\n    ) : undefined\n\n  return (\n    <Box className={className} sx={sx}>\n      <MuiTextField\n        id={id}\n        variant=\"standard\"\n        label={compositeLabel}\n        fullWidth={fullWidth}\n        value={value}\n        sx={{\n          [`& .${inputBaseClasses.root}`]: {\n            // The theme default applies spacing(3) for the floating-label pattern (absolute\n            // positioned label). Our label is in document flow (position: relative), so it\n            // already occupies vertical space — no top margin needed on the input.\n            marginTop: 0,\n          },\n        }}\n        slotProps={{\n          ...slotProps,\n          htmlInput: {\n            maxLength: maxCharacterCount,\n            ...slotProps?.htmlInput,\n          },\n          inputLabel: {\n            className: styles.inputLabel,\n            ...slotProps?.inputLabel,\n          },\n          input: {\n            disableUnderline: true,\n            ...slotProps?.input,\n          },\n        }}\n        {...rest}\n      />\n      {maxCharacterCount !== undefined && (\n        <Typography variant=\"body2\" className={styles.charCount}>\n          {currentLength}/{maxCharacterCount}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;AA4BA,SAAwB,EAAU,EAChC,gBACA,sBACA,cACA,IAAI,GACJ,UACA,eAAY,IACZ,cACA,OACA,UACA,GAAG,KACc;CACjB,IAAM,IAAc,EAAM,GACpB,IAAK,KAAU,GAEf,IAAgB,OAAO,KAAU,WAAW,EAAM,SAAS;CAYjE,OACE,kBAAC,GAAD;EAAgB;EAAe;YAA/B,CACE,kBAAC,GAAD;GACM;GACJ,SAAQ;GACR,OAdJ,KAAS,QAAQ,KAAe,OAC9B,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,KAAe,QACd,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAc;GAAkB,CAAA,CAE1D,EAAA,CAAA,IACA,KAAA;GAQW;GACJ;GACP,IAAI,GACD,MAAM,EAAiB,SAAS,EAI/B,WAAW,EACb,EACF;GACA,WAAW;IACT,GAAG;IACH,WAAW;KACT,WAAW;KACX,GAAG,GAAW;IAChB;IACA,YAAY;KACV,WAAW,EAAO;KAClB,GAAG,GAAW;IAChB;IACA,OAAO;KACL,kBAAkB;KAClB,GAAG,GAAW;IAChB;GACF;GACA,GAAI;EACL,CAAA,GACA,MAAsB,KAAA,KACrB,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAW,EAAO;aAA9C;IACG;IAAc;IAAE;GACP;IAEX;;AAET"}
+{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n  Box,\n  inputBaseClasses,\n  TextField as MuiTextField,\n  TextFieldProps as MuiTextFieldProps,\n  Typography,\n} from '@mui/material'\nimport styles from './TextField.module.scss'\nimport FieldDescription from '@/components/FieldDescription'\nimport { ReactNode, useId } from 'react'\n\nexport type TextFieldProps = MuiTextFieldProps & {\n  /**\n   * Neutral supplementary text shown below the label and above the input (similar to an inline tooltip).\n   * Always rendered in a neutral color regardless of form state.\n   * For error or status messages, use `helperText` instead.\n   */\n  description?: ReactNode\n  maxCharacterCount?: number\n}\n\n/**\n * A styled text field built using MUI components and designed to match the Sage Design System (SDS) input fields.\n *\n * - `label`: Bold label text above the input. Changes color on focus/error/disabled states.\n * - `description`: Neutral supplementary text shown below the label, above the input. Always neutral color.\n * - `helperText`: Status or error message shown below the input. Color-reactive to form state.\n * - `maxCharacterCount`: Renders a character count indicator below the input and sets the `maxLength` on the input.\n */\nexport default function TextField({\n  description,\n  maxCharacterCount,\n  slotProps,\n  id: idProp,\n  label,\n  fullWidth = true,\n  className,\n  sx,\n  value,\n  ...rest\n}: TextFieldProps) {\n  const generatedId = useId()\n  const id = idProp ?? generatedId\n\n  const currentLength = typeof value === 'string' ? value.length : 0\n\n  const compositeLabel =\n    label != null || description != null ? (\n      <>\n        {label}\n        {description != null && (\n          <FieldDescription className={styles.description}>\n            {description}\n          </FieldDescription>\n        )}\n      </>\n    ) : undefined\n\n  return (\n    <Box className={className} sx={sx}>\n      <MuiTextField\n        id={id}\n        variant=\"standard\"\n        label={compositeLabel}\n        fullWidth={fullWidth}\n        value={value}\n        sx={{\n          [`& .${inputBaseClasses.root}`]: {\n            // The theme default applies spacing(3) for the floating-label pattern (absolute\n            // positioned label). Our label is in document flow (position: relative), so it\n            // already occupies vertical space — no top margin needed on the input.\n            marginTop: 0,\n          },\n        }}\n        slotProps={{\n          ...slotProps,\n          htmlInput: {\n            maxLength: maxCharacterCount,\n            ...slotProps?.htmlInput,\n          },\n          inputLabel: {\n            className: styles.inputLabel,\n            ...slotProps?.inputLabel,\n          },\n          input: {\n            disableUnderline: true,\n            ...slotProps?.input,\n          },\n        }}\n        {...rest}\n      />\n      {maxCharacterCount !== undefined && (\n        <Typography variant=\"body2\" className={styles.charCount}>\n          {currentLength}/{maxCharacterCount}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AA6BA,SAAwB,EAAU,EAChC,gBACA,sBACA,cACA,IAAI,GACJ,UACA,eAAY,IACZ,cACA,OACA,UACA,GAAG,KACc;CACjB,IAAM,IAAc,EAAM,GACpB,IAAK,KAAU,GAEf,IAAgB,OAAO,KAAU,WAAW,EAAM,SAAS;CAcjE,OACE,kBAAC,GAAD;EAAgB;EAAe;YAA/B,CACE,kBAAC,GAAD;GACM;GACJ,SAAQ;GACR,OAhBJ,KAAS,QAAQ,KAAe,OAC9B,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,KAAe,QACd,kBAAC,GAAD;IAAkB,WAAW,EAAO;cACjC;GACe,CAAA,CAEpB,EAAA,CAAA,IACA,KAAA;GAQW;GACJ;GACP,IAAI,GACD,MAAM,EAAiB,SAAS,EAI/B,WAAW,EACb,EACF;GACA,WAAW;IACT,GAAG;IACH,WAAW;KACT,WAAW;KACX,GAAG,GAAW;IAChB;IACA,YAAY;KACV,WAAW,EAAO;KAClB,GAAG,GAAW;IAChB;IACA,OAAO;KACL,kBAAkB;KAClB,GAAG,GAAW;IAChB;GACF;GACA,GAAI;EACL,CAAA,GACA,MAAsB,KAAA,KACrB,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAW,EAAO;aAA9C;IACG;IAAc;IAAE;GACP;IAEX;;AAET"}

package/dist/components/TextField/TextField.module.js

@@ -1,7 +1,7 @@
 import './TextField.css';var e = {
-	inputLabel: "_inputLabel_11mtz_1",
-	description: "_description_11mtz_11",
-	charCount: "_charCount_11mtz_20"
+	inputLabel: "_inputLabel_1d4zc_1",
+	description: "_description_1d4zc_11",
+	charCount: "_charCount_1d4zc_16"
 };
 //#endregion
 export { e as default };

package/dist/components/TextField/TextField.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.module.js","names":[],"sources":["../../../src/components/TextField/TextField.module.scss"],"sourcesContent":[".inputLabel:global(.MuiInputLabel-root) {\n  // Override MUI's default absolute positioning so the label stays in document flow.\n  position: static;\n\n  // Flex layout lets us reorder the three children:\n  //   1. anonymous text node (label)  — order 0 (default)\n  //   2. .MuiFormLabel-asterisk span  — order 1  (inline, same row)\n  //   3. .description span            — order 2, flex-basis 100% (wraps to new row)\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  :global(.MuiFormLabel-asterisk) {\n    order: 1;\n  }\n}\n\n.description {\n  order: 2;\n  flex-basis: 100%;\n  font-weight: 500;\n  text-wrap: wrap;\n  // Explicit color prevents inheriting error/focused color from the parent InputLabel.\n  color: var(--synapse-gray-600);\n  margin-top: 6px;\n}\n\n.charCount {\n  text-align: right;\n  color: var(--synapse-gray-600);\n  font-size: 0.75rem;\n  margin-top: 2px;\n}\n"],"mappings":""}
+{"version":3,"file":"TextField.module.js","names":[],"sources":["../../../src/components/TextField/TextField.module.scss"],"sourcesContent":[".inputLabel:global(.MuiInputLabel-root) {\n  // Override MUI's default absolute positioning so the label stays in document flow.\n  position: static;\n\n  // Flex layout lets us reorder the three children:\n  //   1. anonymous text node (label)  — order 0 (default)\n  //   2. .MuiFormLabel-asterisk span  — order 1  (inline, same row)\n  //   3. .description span            — order 2, flex-basis 100% (wraps to new row)\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  :global(.MuiFormLabel-asterisk) {\n    order: 1;\n  }\n}\n\n.description {\n  // Layout only; visual styling lives in FieldDescription. Reorders the description below\n  // the label/asterisk row within the flex InputLabel.\n  order: 2;\n  flex-basis: 100%;\n}\n\n.charCount {\n  text-align: right;\n  color: var(--synapse-gray-600);\n  font-size: 0.75rem;\n  margin-top: 2px;\n}\n"],"mappings":""}

package/dist/components/TextField/TextField.module.scss

@@ -16,13 +16,10 @@
 }
 
 .description {
+  // Layout only; visual styling lives in FieldDescription. Reorders the description below
+  // the label/asterisk row within the flex InputLabel.
   order: 2;
   flex-basis: 100%;
-  font-weight: 500;
-  text-wrap: wrap;
-  // Explicit color prevents inheriting error/focused color from the parent InputLabel.
-  color: var(--synapse-gray-600);
-  margin-top: 6px;
 }
 
 .charCount {

package/dist/components/Webhook/WebhookVerificationDialog.js

@@ -1,6 +1,6 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
-import { ConfirmationDialog as t } from "../ConfirmationDialog/ConfirmationDialog.js";
 import "../ToastMessage/index.js";
+import { ConfirmationDialog as t } from "../ConfirmationDialog/ConfirmationDialog.js";
 import { useVerifyWebhook as n } from "../../synapse-queries/webhook/useWebhook.js";
 import { useState as r } from "react";
 import { Alert as i, TextField as a, Typography as o } from "@mui/material";

package/dist/components/dataaccess/SubmissionPage/ApproveSubmissionConfirmationModal.js

@@ -1,8 +1,8 @@
 import { displayToast as e } from "../../ToastMessage/ToastMessage.js";
+import "../../ToastMessage/index.js";
 import { useUpdateDataAccessSubmissionState as t } from "../../../synapse-queries/dataaccess/useDataAccessSubmission.js";
 import "../../../synapse-queries/index.js";
 import { DialogBase as n } from "../../DialogBase.js";
-import "../../ToastMessage/index.js";
 import { useCallback as r } from "react";
 import { Alert as i, Button as a, Typography as o } from "@mui/material";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/components/dataaccess/SubmissionPage/CancelDataAccessRequestConfirmationModal.js

@@ -1,8 +1,8 @@
 import { displayToast as e } from "../../ToastMessage/ToastMessage.js";
+import "../../ToastMessage/index.js";
 import { useCancelDataAccessRequest as t } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import "../../../synapse-queries/index.js";
 import { DialogBase as n } from "../../DialogBase.js";
-import "../../ToastMessage/index.js";
 import { useCallback as r } from "react";
 import { Alert as i, Button as a, Typography as o } from "@mui/material";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/components/dataaccess/SubmissionPage/SubmissionPage.js

@@ -1,13 +1,13 @@
 import { displayToast as e } from "../../ToastMessage/ToastMessage.js";
 import "../../../utils/SynapseConstants.js";
 import { SynapseErrorBoundary as t } from "../../error/ErrorBanner.js";
+import "../../ToastMessage/index.js";
 import { useGetUserAccessApproval as n } from "../../../synapse-queries/dataaccess/useAccessApprovals.js";
 import r from "../../../synapse-queries/dataaccess/useDataAccessSubmission.js";
 import { useGetAccessRequirementACL as ee, useGetAccessRequirementWikiPageKey as i, useGetAccessRequirements as a } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import { useGetCurrentUserProfile as te } from "../../../synapse-queries/user/useUserBundle.js";
 import "../../../synapse-queries/user/index.js";
 import { Markdown as o } from "../../Markdown/MarkdownSynapse.js";
-import "../../ToastMessage/index.js";
 import { formatDate as s } from "../../../utils/functions/DateFormatter.js";
 import { FileHandleLink as c } from "../../widgets/FileHandleLink.js";
 import { UserBadge as l } from "../../UserCard/UserBadge.js";

package/dist/components/entity/page/title_bar/EntityPageTitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageTitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"names":[],"mappings":"AAMA,OAAyB,EACvB,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAIxC,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAE7C,mCAAmC,EAAE,MAAM,IAAI,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,0BAA0B,YAAY,CAAA;AAKnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAwGxE"}
+{"version":3,"file":"EntityPageTitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"names":[],"mappings":"AAMA,OAAyB,EACvB,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAKxC,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAE7C,mCAAmC,EAAE,MAAM,IAAI,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,0BAA0B,YAAY,CAAA;AAMnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAuHxE"}

package/dist/components/entity/page/title_bar/EntityPageTitleBar.js

@@ -7,19 +7,20 @@ import a from "../../../favorites/FavoriteButton.js";
 import o from "../action_menu/EntityActionMenu.js";
 import { EntityTitleBarVersionInfo as s } from "./EntityTitleBarVersionInfo.js";
 import c from "./TitleBarProperties.js";
-import { Avatar as l, Box as u, Skeleton as d, Stack as f, Typography as p } from "@mui/material";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { CopyToClipboardString as l } from "../../../CopyToClipboardString/CopyToClipboardString.js";
+import { Avatar as u, Box as d, Skeleton as f, Stack as p, Typography as m } from "@mui/material";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/entity/page/title_bar/EntityPageTitleBar.tsx
-var g = "#9EAAB7", _ = "#EAF0F5", v = "#497097", y = "#33373D";
-function b(g) {
-	let { entityId: b, versionNumber: x, entityActionMenuProps: S } = g, C = S?.actionConfiguration.SHOW_VERSION_HISTORY?.onClick, { data: w, isLoading: T } = t(b, x), E = w?.entity && e(w.entity) ? w.entity.repositoryName : w?.entity?.name;
-	return /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(u, {
+var _ = "#9EAAB7", v = "#EAF0F5", y = "#497097", b = "#33373D", x = "#4D535A";
+function S(_) {
+	let { entityId: S, versionNumber: C, entityActionMenuProps: w } = _, T = w?.actionConfiguration.SHOW_VERSION_HISTORY?.onClick, { data: E, isLoading: D } = t(S, C), O = E?.entity && e(E.entity) ? E.entity.repositoryName : E?.entity?.name;
+	return /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(d, {
 		sx: {
 			padding: "20px 40px",
-			backgroundColor: _,
+			backgroundColor: v,
 			borderRadius: "5px"
 		},
-		children: /* @__PURE__ */ h(f, {
+		children: /* @__PURE__ */ g(p, {
 			sx: {
 				flexDirection: {
 					xs: "column",
@@ -27,66 +28,82 @@ function b(g) {
 				},
 				alignItems: "center"
 			},
-			children: [/* @__PURE__ */ h(f, {
+			children: [/* @__PURE__ */ g(p, {
 				direction: "row",
 				sx: {
 					alignItems: "center",
 					flexGrow: 1
 				},
-				children: [/* @__PURE__ */ m(i, {
-					condition: T,
-					wrapper: d,
+				children: [/* @__PURE__ */ h(i, {
+					condition: D,
+					wrapper: f,
 					wrapperProps: { variant: "circular" },
-					children: /* @__PURE__ */ m(l, {
+					children: /* @__PURE__ */ h(u, {
 						sx: {
-							bgcolor: v,
-							height: 48,
-							width: 48,
-							borderRadius: "3px"
+							bgcolor: y,
+							height: 68,
+							width: 68,
+							borderRadius: "3px",
+							svg: {
+								height: "36px",
+								width: "36px"
+							}
 						},
 						variant: "square",
-						children: w?.entityType && /* @__PURE__ */ m(n, {
-							icon: w?.entityType ? r[w.entityType] : "file",
+						children: E?.entityType && /* @__PURE__ */ h(n, {
+							icon: E?.entityType ? r[E.entityType] : "file",
 							wrap: !1
 						})
 					})
-				}), /* @__PURE__ */ h(u, {
+				}), /* @__PURE__ */ g(d, {
 					sx: {
 						marginLeft: "10px",
 						flexGrow: 1
 					},
-					children: [/* @__PURE__ */ h(f, {
-						direction: "row",
-						sx: {
-							alignItems: "center",
-							gap: "3px"
-						},
-						children: [/* @__PURE__ */ m(i, {
-							condition: T,
-							wrapper: d,
-							children: /* @__PURE__ */ m(p, {
-								variant: "headline2",
-								sx: {
-									color: y,
-									fontWeight: 540
-								},
-								children: E ?? "Name not set"
-							})
-						}), w?.entity?.id && /* @__PURE__ */ m(a, {
-							entityId: w.entity.id,
-							iconColor: "#9EAAB7"
-						})]
-					}), /* @__PURE__ */ m(s, {
-						entityId: b,
-						versionNumber: x,
-						toggleShowVersionHistory: C
-					})]
+					children: [
+						/* @__PURE__ */ g(p, {
+							direction: "row",
+							sx: {
+								alignItems: "center",
+								gap: "3px"
+							},
+							children: [/* @__PURE__ */ h(i, {
+								condition: D,
+								wrapper: f,
+								children: /* @__PURE__ */ h(m, {
+									variant: "headline2",
+									sx: {
+										color: b,
+										fontWeight: 540
+									},
+									children: O ?? "Name not set"
+								})
+							}), E?.entity?.id && /* @__PURE__ */ h(a, {
+								entityId: E.entity.id,
+								iconColor: "#9EAAB7"
+							})]
+						}),
+						/* @__PURE__ */ h(s, {
+							entityId: S,
+							versionNumber: C,
+							toggleShowVersionHistory: T
+						}),
+						/* @__PURE__ */ h(l, {
+							value: S,
+							icon: "rounded",
+							sx: { "& .MuiTypography-root": {
+								color: x,
+								fontWeight: 440,
+								lineHeight: "20px"
+							} }
+						})
+					]
 				})]
-			}), S && /* @__PURE__ */ m(o, { ...S })]
+			}), w && /* @__PURE__ */ h(o, { ...w })]
 		})
-	}), /* @__PURE__ */ m(c, { ...g })] });
+	}), /* @__PURE__ */ h(c, { ..._ })] });
 }
 //#endregion
-export { g as FAVORITE_BUTTON_ICON_COLOR, b as default };
+export { _ as FAVORITE_BUTTON_ICON_COLOR, S as default };
 
 //# sourceMappingURL=EntityPageTitleBar.js.map

package/dist/components/entity/page/title_bar/EntityPageTitleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageTitleBar.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { isDockerRepository } from '@/utils/types/IsType'\nimport { Avatar, Box, Skeleton, Stack, Typography } from '@mui/material'\nimport FavoriteButton from '../../../favorites/FavoriteButton'\nimport IconSvg, { type2SvgIconName } from '../../../IconSvg/IconSvg'\nimport EntityActionMenu, {\n  EntityActionMenuProps,\n} from '../action_menu/EntityActionMenu'\nimport { EntityTitleBarVersionInfo } from './EntityTitleBarVersionInfo'\nimport TitleBarProperties from './TitleBarProperties'\n\nexport type EntityPageTitleBarProps = {\n  entityId: string\n  versionNumber?: number\n  /* Props that will be passed through to an EntityActionMenu component */\n  entityActionMenuProps?: EntityActionMenuProps\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\nexport const FAVORITE_BUTTON_ICON_COLOR = '#9EAAB7'\nconst TITLE_BAR_BACKGROUND_COLOR = '#EAF0F5'\nconst AVATAR_BACKGROUND_COLOR = '#497097'\nconst TITLE_NAME_COLOR = '#33373D'\n\n/**\n * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and\n * provides controls to view and manipulate the Entity.\n */\nexport default function EntityPageTitleBar(props: EntityPageTitleBarProps) {\n  const { entityId, versionNumber, entityActionMenuProps } = props\n\n  const toggleShowVersionHistory =\n    entityActionMenuProps?.actionConfiguration['SHOW_VERSION_HISTORY']?.onClick\n\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n\n  const name =\n    bundle?.entity && isDockerRepository(bundle.entity)\n      ? bundle.entity.repositoryName\n      : bundle?.entity?.name\n\n  return (\n    <div>\n      <Box\n        sx={{\n          padding: '20px 40px',\n          backgroundColor: TITLE_BAR_BACKGROUND_COLOR,\n          borderRadius: '5px',\n        }}\n      >\n        <Stack\n          sx={{\n            flexDirection: { xs: 'column', md: 'row' },\n            alignItems: 'center',\n          }}\n        >\n          <Stack\n            direction={'row'}\n            sx={{\n              alignItems: 'center',\n              flexGrow: 1,\n            }}\n          >\n            <ConditionalWrapper\n              condition={isLoading}\n              wrapper={Skeleton}\n              wrapperProps={{\n                variant: 'circular',\n              }}\n            >\n              <Avatar\n                sx={{\n                  bgcolor: AVATAR_BACKGROUND_COLOR,\n                  height: 48,\n                  width: 48,\n                  borderRadius: '3px',\n                }}\n                variant={'square'}\n              >\n                {bundle?.entityType && (\n                  <IconSvg\n                    icon={\n                      bundle?.entityType\n                        ? type2SvgIconName[bundle.entityType]\n                        : 'file'\n                    }\n                    wrap={false}\n                  />\n                )}\n              </Avatar>\n            </ConditionalWrapper>\n            <Box sx={{ marginLeft: '10px', flexGrow: 1 }}>\n              <Stack\n                direction={'row'}\n                sx={{\n                  alignItems: 'center',\n                  gap: '3px',\n                }}\n              >\n                <ConditionalWrapper condition={isLoading} wrapper={Skeleton}>\n                  <Typography\n                    variant={'headline2'}\n                    sx={{ color: TITLE_NAME_COLOR, fontWeight: 540 }}\n                  >\n                    {name ?? 'Name not set'}\n                  </Typography>\n                </ConditionalWrapper>\n                {bundle?.entity?.id && (\n                  <FavoriteButton\n                    entityId={bundle.entity.id}\n                    iconColor={FAVORITE_BUTTON_ICON_COLOR}\n                  />\n                )}\n              </Stack>\n              <EntityTitleBarVersionInfo\n                entityId={entityId}\n                versionNumber={versionNumber}\n                toggleShowVersionHistory={toggleShowVersionHistory}\n              />\n            </Box>\n          </Stack>\n          {entityActionMenuProps && (\n            <EntityActionMenu {...entityActionMenuProps} />\n          )}\n        </Stack>\n      </Box>\n      <TitleBarProperties {...props} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAa,IAA6B,WACpC,IAA6B,WAC7B,IAA0B,WAC1B,IAAmB;AAMzB,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,6BAA0B,GAErD,IACJ,GAAuB,oBAAoB,sBAAyB,SAEhE,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,CACF,GAEM,IACJ,GAAQ,UAAU,EAAmB,EAAO,MAAM,IAC9C,EAAO,OAAO,iBACd,GAAQ,QAAQ;CAEtB,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,iBAAiB;GACjB,cAAc;EAChB;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,eAAe;KAAE,IAAI;KAAU,IAAI;IAAM;IACzC,YAAY;GACd;aAJF,CAME,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,YAAY;KACZ,UAAU;IACZ;cALF,CAOE,kBAAC,GAAD;KACE,WAAW;KACX,SAAS;KACT,cAAc,EACZ,SAAS,WACX;eAEA,kBAAC,GAAD;MACE,IAAI;OACF,SAAS;OACT,QAAQ;OACR,OAAO;OACP,cAAc;MAChB;MACA,SAAS;gBAER,GAAQ,cACP,kBAAC,GAAD;OACE,MACE,GAAQ,aACJ,EAAiB,EAAO,cACxB;OAEN,MAAM;MACP,CAAA;KAEG,CAAA;IACU,CAAA,GACpB,kBAAC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAQ,UAAU;KAAE;eAA3C,CACE,kBAAC,GAAD;MACE,WAAW;MACX,IAAI;OACF,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,GAAD;OAAoB,WAAW;OAAW,SAAS;iBACjD,kBAAC,GAAD;QACE,SAAS;QACT,IAAI;SAAE,OAAO;SAAkB,YAAY;QAAI;kBAE9C,KAAQ;OACC,CAAA;MACM,CAAA,GACnB,GAAQ,QAAQ,MACf,kBAAC,GAAD;OACE,UAAU,EAAO,OAAO;OACxB,WAAA;MACD,CAAA,CAEE;SACP,kBAAC,GAAD;MACY;MACK;MACW;KAC3B,CAAA,CACE;MACA;OACN,KACC,kBAAC,GAAD,EAAkB,GAAI,EAAwB,CAAA,CAE3C;;CACJ,CAAA,GACL,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA,CAC7B,EAAA,CAAA;AAET"}
+{"version":3,"file":"EntityPageTitleBar.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityPageTitleBar.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { isDockerRepository } from '@/utils/types/IsType'\nimport { Avatar, Box, Skeleton, Stack, Typography } from '@mui/material'\nimport FavoriteButton from '../../../favorites/FavoriteButton'\nimport IconSvg, { type2SvgIconName } from '../../../IconSvg/IconSvg'\nimport EntityActionMenu, {\n  EntityActionMenuProps,\n} from '../action_menu/EntityActionMenu'\nimport { EntityTitleBarVersionInfo } from './EntityTitleBarVersionInfo'\nimport TitleBarProperties from './TitleBarProperties'\nimport CopyToClipboardString from '@/components/CopyToClipboardString/CopyToClipboardString'\n\nexport type EntityPageTitleBarProps = {\n  entityId: string\n  versionNumber?: number\n  /* Props that will be passed through to an EntityActionMenu component */\n  entityActionMenuProps?: EntityActionMenuProps\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\nexport const FAVORITE_BUTTON_ICON_COLOR = '#9EAAB7'\nconst TITLE_BAR_BACKGROUND_COLOR = '#EAF0F5'\nconst AVATAR_BACKGROUND_COLOR = '#497097'\nconst TITLE_NAME_COLOR = '#33373D'\nconst SYN_ID_COLOR = '#4D535A'\n\n/**\n * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and\n * provides controls to view and manipulate the Entity.\n */\nexport default function EntityPageTitleBar(props: EntityPageTitleBarProps) {\n  const { entityId, versionNumber, entityActionMenuProps } = props\n\n  const toggleShowVersionHistory =\n    entityActionMenuProps?.actionConfiguration['SHOW_VERSION_HISTORY']?.onClick\n\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n\n  const name =\n    bundle?.entity && isDockerRepository(bundle.entity)\n      ? bundle.entity.repositoryName\n      : bundle?.entity?.name\n\n  return (\n    <div>\n      <Box\n        sx={{\n          padding: '20px 40px',\n          backgroundColor: TITLE_BAR_BACKGROUND_COLOR,\n          borderRadius: '5px',\n        }}\n      >\n        <Stack\n          sx={{\n            flexDirection: { xs: 'column', md: 'row' },\n            alignItems: 'center',\n          }}\n        >\n          <Stack\n            direction={'row'}\n            sx={{\n              alignItems: 'center',\n              flexGrow: 1,\n            }}\n          >\n            <ConditionalWrapper\n              condition={isLoading}\n              wrapper={Skeleton}\n              wrapperProps={{\n                variant: 'circular',\n              }}\n            >\n              <Avatar\n                sx={{\n                  bgcolor: AVATAR_BACKGROUND_COLOR,\n                  height: 68,\n                  width: 68,\n                  borderRadius: '3px',\n                  svg: {\n                    height: '36px',\n                    width: '36px',\n                  },\n                }}\n                variant={'square'}\n              >\n                {bundle?.entityType && (\n                  <IconSvg\n                    icon={\n                      bundle?.entityType\n                        ? type2SvgIconName[bundle.entityType]\n                        : 'file'\n                    }\n                    wrap={false}\n                  />\n                )}\n              </Avatar>\n            </ConditionalWrapper>\n            <Box sx={{ marginLeft: '10px', flexGrow: 1 }}>\n              <Stack\n                direction={'row'}\n                sx={{\n                  alignItems: 'center',\n                  gap: '3px',\n                }}\n              >\n                <ConditionalWrapper condition={isLoading} wrapper={Skeleton}>\n                  <Typography\n                    variant={'headline2'}\n                    sx={{ color: TITLE_NAME_COLOR, fontWeight: 540 }}\n                  >\n                    {name ?? 'Name not set'}\n                  </Typography>\n                </ConditionalWrapper>\n                {bundle?.entity?.id && (\n                  <FavoriteButton\n                    entityId={bundle.entity.id}\n                    iconColor={FAVORITE_BUTTON_ICON_COLOR}\n                  />\n                )}\n              </Stack>\n              <EntityTitleBarVersionInfo\n                entityId={entityId}\n                versionNumber={versionNumber}\n                toggleShowVersionHistory={toggleShowVersionHistory}\n              />\n              <CopyToClipboardString\n                value={entityId}\n                icon=\"rounded\"\n                sx={{\n                  '& .MuiTypography-root': {\n                    color: SYN_ID_COLOR,\n                    fontWeight: 440,\n                    lineHeight: '20px',\n                  },\n                }}\n              />\n            </Box>\n          </Stack>\n          {entityActionMenuProps && (\n            <EntityActionMenu {...entityActionMenuProps} />\n          )}\n        </Stack>\n      </Box>\n      <TitleBarProperties {...props} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,IAA6B,WACpC,IAA6B,WAC7B,IAA0B,WAC1B,IAAmB,WACnB,IAAe;AAMrB,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,6BAA0B,GAErD,IACJ,GAAuB,oBAAoB,sBAAyB,SAEhE,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,CACF,GAEM,IACJ,GAAQ,UAAU,EAAmB,EAAO,MAAM,IAC9C,EAAO,OAAO,iBACd,GAAQ,QAAQ;CAEtB,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,iBAAiB;GACjB,cAAc;EAChB;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,eAAe;KAAE,IAAI;KAAU,IAAI;IAAM;IACzC,YAAY;GACd;aAJF,CAME,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,YAAY;KACZ,UAAU;IACZ;cALF,CAOE,kBAAC,GAAD;KACE,WAAW;KACX,SAAS;KACT,cAAc,EACZ,SAAS,WACX;eAEA,kBAAC,GAAD;MACE,IAAI;OACF,SAAS;OACT,QAAQ;OACR,OAAO;OACP,cAAc;OACd,KAAK;QACH,QAAQ;QACR,OAAO;OACT;MACF;MACA,SAAS;gBAER,GAAQ,cACP,kBAAC,GAAD;OACE,MACE,GAAQ,aACJ,EAAiB,EAAO,cACxB;OAEN,MAAM;MACP,CAAA;KAEG,CAAA;IACU,CAAA,GACpB,kBAAC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAQ,UAAU;KAAE;eAA3C;MACE,kBAAC,GAAD;OACE,WAAW;OACX,IAAI;QACF,YAAY;QACZ,KAAK;OACP;iBALF,CAOE,kBAAC,GAAD;QAAoB,WAAW;QAAW,SAAS;kBACjD,kBAAC,GAAD;SACE,SAAS;SACT,IAAI;UAAE,OAAO;UAAkB,YAAY;SAAI;mBAE9C,KAAQ;QACC,CAAA;OACM,CAAA,GACnB,GAAQ,QAAQ,MACf,kBAAC,GAAD;QACE,UAAU,EAAO,OAAO;QACxB,WAAA;OACD,CAAA,CAEE;;MACP,kBAAC,GAAD;OACY;OACK;OACW;MAC3B,CAAA;MACD,kBAAC,GAAD;OACE,OAAO;OACP,MAAK;OACL,IAAI,EACF,yBAAyB;QACvB,OAAO;QACP,YAAY;QACZ,YAAY;OACd,EACF;MACD,CAAA;KACE;MACA;OACN,KACC,kBAAC,GAAD,EAAkB,GAAI,EAAwB,CAAA,CAE3C;;CACJ,CAAA,GACL,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA,CAC7B,EAAA,CAAA;AAET"}

package/dist/components/entity/page/title_bar/useGetEntityTitleBarProperties.js

@@ -57,7 +57,7 @@ function b(b, x) {
 			value: /* @__PURE__ */ g(d, {
 				value: W,
 				href: W,
-				useRoundedIcon: !0
+				icon: "rounded"
 			})
 		},
 		G && {

package/dist/components/entity/page/title_bar/useGetEntityTitleBarProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityTitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityChildren } from '@/synapse-queries'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isEntityRefCollectionView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport { Box, Link } from '@mui/material'\nimport { DoiObjectType, EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityRefCollectionView } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport CopyToClipboardString from '../../../CopyToClipboardString/CopyToClipboardString'\nimport { HasAccessV2 } from '../../../HasAccess/HasAccessV2'\nimport { CitationsDialog } from './CitationsDialog'\nimport { maxCitationCount, useDataCiteUsage } from './useDataCiteUsage'\nimport { useGetMentions } from './useGetMentions'\nimport Linkify from '@/components/GenericCard/Linkify'\n\nexport type EntityProperty = {\n  key: string\n  title: string\n  value: ReactNode\n}\n\n/**\n * This hook fetches all the entity metadata shown on the Entity page, and transforms the data into an ordered list of\n * render-able key-value pairs.\n * @param entityId\n * @param versionNumber\n */\nexport function useGetEntityTitleBarProperties(\n  entityId: string,\n  versionNumber?: number,\n): EntityProperty[] {\n  const {\n    entityBundle: bundle,\n    fileHandle: dataFileHandle,\n    downloadAlias,\n    isContainer,\n    fileHandleStorageInfo,\n    uploadDestinationString,\n  } = useGetEntityMetadata(entityId, versionNumber)\n  const [dataCiteCitationsDialogOpen, setDataCiteCitationsDialogOpen] =\n    useState(false)\n  const [mentionsDialogOpen, setMentionsDialogOpen] = useState(false)\n  const { data: entityChildrenResponse } = useGetEntityChildren(\n    {\n      parentId: entityId,\n      includeTypes: Object.values(EntityType),\n      includeTotalChildCount: true,\n    },\n    { enabled: isContainer },\n  )\n\n  // If this is the latest entity version, show the \"versionless\" DOI if it exists.\n  const useFallbackVersionlessDOI =\n    bundle &&\n    !bundle.doiAssociation &&\n    isVersionableEntity(bundle.entity) &&\n    bundle.entity.isLatestVersion\n  const { data: versionlessDOIAssociation } = useGetDOIAssociation(\n    { id: entityId, version: undefined, type: DoiObjectType.ENTITY },\n    {\n      enabled: useFallbackVersionlessDOI,\n    },\n  )\n\n  const size =\n    dataFileHandle?.contentSize &&\n    calculateFriendlyFileSize(dataFileHandle.contentSize)\n  const storageLocation =\n    fileHandleStorageInfo &&\n    'location' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.location\n  const endpoint =\n    fileHandleStorageInfo &&\n    'endpoint' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.endpoint\n  const bucket =\n    fileHandleStorageInfo &&\n    'bucket' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.bucket\n  const fileKey =\n    fileHandleStorageInfo &&\n    'fileKey' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.fileKey\n  const externalUrl =\n    fileHandleStorageInfo &&\n    'url' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.url\n\n  const md5 = dataFileHandle?.contentMd5\n\n  // If there is no version-specific DOI, fall back to the versionless DOI\n  const doiAssociation = useFallbackVersionlessDOI\n    ? versionlessDOIAssociation\n    : bundle?.doiAssociation\n  const { data: dataCiteUsage } = useDataCiteUsage(doiAssociation?.doiUri)\n  const doi = doiAssociation && `https://doi.org/${doiAssociation?.doiUri}`\n  const isDoiUsage = !!dataCiteUsage && dataCiteUsage.citationCount > 0\n  const containerItems = entityChildrenResponse?.totalChildCount\n\n  const datasetItems =\n    bundle?.entity && isEntityRefCollectionView(bundle.entity)\n      ? ((bundle?.entity as EntityRefCollectionView).items ?? []).length\n      : null\n\n  const { data: mentions } = useGetMentions(entityId)\n  const isMentions = !!mentions && mentions.length > 0\n  return [\n    {\n      key: 'id',\n      title: 'SynID',\n      value: <CopyToClipboardString value={entityId} />,\n    },\n    {\n      key: 'access',\n      title: 'Access',\n      value: <HasAccessV2 entityId={entityId} />,\n    },\n    size && { key: 'fileSize', title: 'Size', value: size },\n    containerItems != null && {\n      key: 'containerItems',\n      title: 'Items',\n      value: containerItems.toLocaleString(),\n    },\n    datasetItems != null && {\n      key: 'entityRefCollectionItems',\n      title: 'Items',\n      value: datasetItems.toLocaleString(),\n    },\n    doi && {\n      key: 'doi',\n      title: 'DOI',\n      value: <CopyToClipboardString value={doi} href={doi} useRoundedIcon />,\n    },\n    isDoiUsage && {\n      key: 'citations',\n      title: 'Citations',\n      value: (\n        <>\n          <Link onClick={() => setDataCiteCitationsDialogOpen(true)}>\n            {dataCiteUsage.citationCount.toLocaleString()}\n            {dataCiteUsage.citationCount == maxCitationCount && '+'}\n          </Link>\n          <CitationsDialog\n            open={dataCiteCitationsDialogOpen}\n            onClose={() => setDataCiteCitationsDialogOpen(false)}\n            citations={dataCiteUsage.citations}\n          />\n        </>\n      ),\n    },\n    isMentions && {\n      key: 'mentions',\n      title: 'Mentions',\n      value: (\n        <>\n          <Link onClick={() => setMentionsDialogOpen(true)}>\n            {mentions.length.toLocaleString()}\n          </Link>\n          <CitationsDialog\n            open={mentionsDialogOpen}\n            onClose={() => setMentionsDialogOpen(false)}\n            citations={mentions}\n            title=\"Mentioned in\"\n          />\n        </>\n      ),\n    },\n    md5 && {\n      key: 'fileMd5',\n      title: 'MD5',\n      value: <CopyToClipboardString value={md5} />,\n    },\n    !isContainer &&\n      storageLocation && {\n        key: 'fileStorageLocation',\n        title: 'Storage Location',\n        value: storageLocation,\n      },\n    isContainer &&\n      uploadDestinationString && {\n        key: 'uploadDestination',\n        title: 'Upload Destination',\n        value: uploadDestinationString,\n      },\n    endpoint && {\n      key: 'externalFileEndpoint',\n      title: 'Endpoint',\n      value: endpoint,\n    },\n    externalUrl && {\n      key: 'externalUrl',\n      title: 'URL',\n      value: <Linkify text={externalUrl} />,\n    },\n    bucket && { key: 'externalFileBucket', title: 'Bucket', value: bucket },\n    fileKey && { key: 'externalFileKey', title: 'File Key', value: fileKey },\n    downloadAlias && {\n      key: 'fileAlias',\n      title: 'Alias',\n      value: (\n        <>\n          {'Name when downloaded will be: '}\n          <Box sx={{ display: 'inline', fontFamily: 'monospace' }}>\n            {downloadAlias}\n          </Box>\n        </>\n      ),\n    },\n  ].filter(item => !!item) as EntityProperty[]\n}\n"],"mappings":"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"}
+{"version":3,"file":"useGetEntityTitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityChildren } from '@/synapse-queries'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isEntityRefCollectionView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport { Box, Link } from '@mui/material'\nimport { DoiObjectType, EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityRefCollectionView } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport CopyToClipboardString from '../../../CopyToClipboardString/CopyToClipboardString'\nimport { HasAccessV2 } from '../../../HasAccess/HasAccessV2'\nimport { CitationsDialog } from './CitationsDialog'\nimport { maxCitationCount, useDataCiteUsage } from './useDataCiteUsage'\nimport { useGetMentions } from './useGetMentions'\nimport Linkify from '@/components/GenericCard/Linkify'\n\nexport type EntityProperty = {\n  key: string\n  title: string\n  value: ReactNode\n}\n\n/**\n * This hook fetches all the entity metadata shown on the Entity page, and transforms the data into an ordered list of\n * render-able key-value pairs.\n * @param entityId\n * @param versionNumber\n */\nexport function useGetEntityTitleBarProperties(\n  entityId: string,\n  versionNumber?: number,\n): EntityProperty[] {\n  const {\n    entityBundle: bundle,\n    fileHandle: dataFileHandle,\n    downloadAlias,\n    isContainer,\n    fileHandleStorageInfo,\n    uploadDestinationString,\n  } = useGetEntityMetadata(entityId, versionNumber)\n  const [dataCiteCitationsDialogOpen, setDataCiteCitationsDialogOpen] =\n    useState(false)\n  const [mentionsDialogOpen, setMentionsDialogOpen] = useState(false)\n  const { data: entityChildrenResponse } = useGetEntityChildren(\n    {\n      parentId: entityId,\n      includeTypes: Object.values(EntityType),\n      includeTotalChildCount: true,\n    },\n    { enabled: isContainer },\n  )\n\n  // If this is the latest entity version, show the \"versionless\" DOI if it exists.\n  const useFallbackVersionlessDOI =\n    bundle &&\n    !bundle.doiAssociation &&\n    isVersionableEntity(bundle.entity) &&\n    bundle.entity.isLatestVersion\n  const { data: versionlessDOIAssociation } = useGetDOIAssociation(\n    { id: entityId, version: undefined, type: DoiObjectType.ENTITY },\n    {\n      enabled: useFallbackVersionlessDOI,\n    },\n  )\n\n  const size =\n    dataFileHandle?.contentSize &&\n    calculateFriendlyFileSize(dataFileHandle.contentSize)\n  const storageLocation =\n    fileHandleStorageInfo &&\n    'location' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.location\n  const endpoint =\n    fileHandleStorageInfo &&\n    'endpoint' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.endpoint\n  const bucket =\n    fileHandleStorageInfo &&\n    'bucket' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.bucket\n  const fileKey =\n    fileHandleStorageInfo &&\n    'fileKey' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.fileKey\n  const externalUrl =\n    fileHandleStorageInfo &&\n    'url' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.url\n\n  const md5 = dataFileHandle?.contentMd5\n\n  // If there is no version-specific DOI, fall back to the versionless DOI\n  const doiAssociation = useFallbackVersionlessDOI\n    ? versionlessDOIAssociation\n    : bundle?.doiAssociation\n  const { data: dataCiteUsage } = useDataCiteUsage(doiAssociation?.doiUri)\n  const doi = doiAssociation && `https://doi.org/${doiAssociation?.doiUri}`\n  const isDoiUsage = !!dataCiteUsage && dataCiteUsage.citationCount > 0\n  const containerItems = entityChildrenResponse?.totalChildCount\n\n  const datasetItems =\n    bundle?.entity && isEntityRefCollectionView(bundle.entity)\n      ? ((bundle?.entity as EntityRefCollectionView).items ?? []).length\n      : null\n\n  const { data: mentions } = useGetMentions(entityId)\n  const isMentions = !!mentions && mentions.length > 0\n  return [\n    {\n      key: 'id',\n      title: 'SynID',\n      value: <CopyToClipboardString value={entityId} />,\n    },\n    {\n      key: 'access',\n      title: 'Access',\n      value: <HasAccessV2 entityId={entityId} />,\n    },\n    size && { key: 'fileSize', title: 'Size', value: size },\n    containerItems != null && {\n      key: 'containerItems',\n      title: 'Items',\n      value: containerItems.toLocaleString(),\n    },\n    datasetItems != null && {\n      key: 'entityRefCollectionItems',\n      title: 'Items',\n      value: datasetItems.toLocaleString(),\n    },\n    doi && {\n      key: 'doi',\n      title: 'DOI',\n      value: <CopyToClipboardString value={doi} href={doi} icon=\"rounded\" />,\n    },\n    isDoiUsage && {\n      key: 'citations',\n      title: 'Citations',\n      value: (\n        <>\n          <Link onClick={() => setDataCiteCitationsDialogOpen(true)}>\n            {dataCiteUsage.citationCount.toLocaleString()}\n            {dataCiteUsage.citationCount == maxCitationCount && '+'}\n          </Link>\n          <CitationsDialog\n            open={dataCiteCitationsDialogOpen}\n            onClose={() => setDataCiteCitationsDialogOpen(false)}\n            citations={dataCiteUsage.citations}\n          />\n        </>\n      ),\n    },\n    isMentions && {\n      key: 'mentions',\n      title: 'Mentions',\n      value: (\n        <>\n          <Link onClick={() => setMentionsDialogOpen(true)}>\n            {mentions.length.toLocaleString()}\n          </Link>\n          <CitationsDialog\n            open={mentionsDialogOpen}\n            onClose={() => setMentionsDialogOpen(false)}\n            citations={mentions}\n            title=\"Mentioned in\"\n          />\n        </>\n      ),\n    },\n    md5 && {\n      key: 'fileMd5',\n      title: 'MD5',\n      value: <CopyToClipboardString value={md5} />,\n    },\n    !isContainer &&\n      storageLocation && {\n        key: 'fileStorageLocation',\n        title: 'Storage Location',\n        value: storageLocation,\n      },\n    isContainer &&\n      uploadDestinationString && {\n        key: 'uploadDestination',\n        title: 'Upload Destination',\n        value: uploadDestinationString,\n      },\n    endpoint && {\n      key: 'externalFileEndpoint',\n      title: 'Endpoint',\n      value: endpoint,\n    },\n    externalUrl && {\n      key: 'externalUrl',\n      title: 'URL',\n      value: <Linkify text={externalUrl} />,\n    },\n    bucket && { key: 'externalFileBucket', title: 'Bucket', value: bucket },\n    fileKey && { key: 'externalFileKey', title: 'File Key', value: fileKey },\n    downloadAlias && {\n      key: 'fileAlias',\n      title: 'Alias',\n      value: (\n        <>\n          {'Name when downloaded will be: '}\n          <Box sx={{ display: 'inline', fontFamily: 'monospace' }}>\n            {downloadAlias}\n          </Box>\n        </>\n      ),\n    },\n  ].filter(item => !!item) as EntityProperty[]\n}\n"],"mappings":"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"}

package/dist/components/error/SendMessageToEntityOwnerDialog.js

@@ -1,9 +1,9 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
+import "../ToastMessage/index.js";
 import { useSendMessageToEntityOwner as t } from "../../synapse-queries/message/useMessage.js";
 import { useGetCurrentUserProfile as n } from "../../synapse-queries/user/useUserBundle.js";
 import "../../synapse-queries/index.js";
 import r from "../ConfirmationDialog/index.js";
-import "../ToastMessage/index.js";
 import { useCallback as i, useState as a } from "react";
 import { TextField as o, Typography as s } from "@mui/material";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/components/index.js

@@ -2,6 +2,7 @@ import e from "./FullWidthAlert/FullWidthAlert.js";
 import { SynapseToastContainer as t, displayToast as n } from "./ToastMessage/ToastMessage.js";
 import "./FullWidthAlert/index.js";
 import { ClientError as r, EmptyFallbackComponent as i, ErrorBanner as a, ErrorFallbackComponent as o, SignInPrompt as s, SynapseErrorBoundary as c, TableRowFallbackComponent as l, YOU_ARE_NOT_AUTHORIZED_MESSAGE as u } from "./error/ErrorBanner.js";
+import "./ToastMessage/index.js";
 import { LightTooltip as d } from "./styled/LightTooltip.js";
 import { SkeletonButton as f } from "./Skeleton/SkeletonButton.js";
 import { SkeletonInlineBlock as p } from "./Skeleton/SkeletonInlineBlock.js";
@@ -11,7 +12,6 @@ import "./Skeleton/index.js";
 import { HelpPopover as g } from "./HelpPopover/HelpPopover.js";
 import { ConfirmationDialog as _ } from "./ConfirmationDialog/ConfirmationDialog.js";
 import "./ConfirmationDialog/index.js";
-import "./ToastMessage/index.js";
 import v, { SynapseErrorType as y } from "./error/ErrorPage.js";
 import b from "./SynapseTable/NoContentAvailable.js";
 import x from "./IconSvg/IconSvg.js";

package/dist/components/menu/ComplexMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/ComplexMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EACX,OAAO,EAIR,MAAM,eAAe,CAAA;AACtB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAGpE,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAK7B,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAMtC,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA2GlD"}
+{"version":3,"file":"ComplexMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/ComplexMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EACX,OAAO,EAIR,MAAM,eAAe,CAAA;AACtB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAGpE,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAK7B,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAMtC,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA0GlD"}

package/dist/components/menu/ComplexMenu.js

@@ -13,10 +13,7 @@ function u(u) {
 			gap: "10px",
 			flexWrap: "wrap",
 			justifyContent: "flex-end",
-			[e.breakpoints.down("md")]: {
-				flexDirection: "column",
-				paddingTop: "10px"
-			}
+			[e.breakpoints.down("md")]: { flexDirection: "column" }
 		}),
 		children: [d.map((n) => {
 			if (n.variant != null) {

package/dist/components/menu/ComplexMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexMenu.js","names":[],"sources":["../../../src/components/menu/ComplexMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  SxProps,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { DropdownMenu, DropdownMenuProps } from './DropdownMenu'\nimport { IconSvgButton, IconSvgButtonProps } from '../IconSvgButton'\nimport IconSvg from '../IconSvg'\n\nexport type ComplexMenuButtonProps = Omit<IconSvgButtonProps, 'icon'> & {\n  icon?: IconSvgButtonProps['icon']\n  variant?: ButtonProps['variant']\n  text?: string\n  iconSx?: SxProps\n}\n\nexport type ComplexMenuProps = {\n  /*\n   * Configuration for buttons. Each entry corresponds to one button.\n   * See the ComplexMenuButtonProps type for more info.\n   */\n  iconButtons?: ComplexMenuButtonProps[]\n  /*\n   * Configuration for DropdownMenus. Each entry corresponds to one dropdown menu button, which\n   * itself can contain multiple groups of items.\n   * See the DropdownMenuProps type for more info.\n   */\n  dropdownMenus?: DropdownMenuProps[]\n}\n\n/**\n * The ComplexMenu component allows you to create a generic menu with\n * icon buttons and multiple dropdown menus that contain groups of items.\n */\nexport function ComplexMenu(props: ComplexMenuProps) {\n  const { iconButtons = [], dropdownMenus = [] } = props\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <Box\n      sx={theme => ({\n        display: 'flex',\n        alignItems: 'center',\n        gap: '10px',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-end',\n        [theme.breakpoints.down('md')]: {\n          flexDirection: 'column',\n          paddingTop: '10px',\n        },\n      })}\n    >\n      {iconButtons.map(iconButton => {\n        if (iconButton.variant != null) {\n          const label = iconButton.text ?? iconButton.tooltipText\n          return (\n            <Box\n              key={label}\n              sx={theme => ({\n                [theme.breakpoints.down('md')]: {\n                  width: '100%',\n                  '.MuiButton-root': { width: '100%' },\n                },\n              })}\n            >\n              <Button\n                variant={iconButton.variant}\n                startIcon={\n                  iconButton.icon ? (\n                    <IconSvg\n                      icon={iconButton.icon}\n                      wrap={false}\n                      fontSize={'inherit'}\n                      sx={iconButton.iconSx}\n                    />\n                  ) : undefined\n                }\n                onClick={iconButton.onClick}\n                href={iconButton.href}\n                disabled={iconButton.disabled}\n              >\n                <Typography variant=\"buttonLink\">{label}</Typography>\n              </Button>\n            </Box>\n          )\n        }\n        return isSmallScreen && iconButton.tooltipText ? (\n          <Box\n            sx={{\n              width: '100%',\n              textAlign: 'center',\n            }}\n          >\n            <Button\n              variant=\"text\"\n              startIcon={\n                <IconSvg\n                  key={iconButton.tooltipText}\n                  icon={iconButton.icon!}\n                  wrap={false}\n                  fontSize={'inherit'}\n                />\n              }\n              onClick={iconButton.onClick}\n              sx={{\n                padding: '6px 12px',\n                minWidth: 'unset',\n              }}\n            >\n              <Typography variant=\"buttonLink\">\n                {iconButton.tooltipText}\n              </Typography>\n            </Button>\n          </Box>\n        ) : (\n          <IconSvgButton\n            key={iconButton.tooltipText}\n            {...iconButton}\n            icon={iconButton.icon!}\n          />\n        )\n      })}\n      {dropdownMenus.map(\n        (menuProps, index) =>\n          menuProps.items &&\n          menuProps.items.length > 0 && (\n            <Box\n              sx={theme => ({\n                [theme.breakpoints.down('md')]: {\n                  width: '100%',\n                  '.MuiButton-root': { width: '100%' },\n                },\n              })}\n            >\n              <DropdownMenu key={index} {...menuProps} />\n            </Box>\n          ),\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAsCA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,iBAAc,CAAC,GAAG,mBAAgB,CAAC,MAAM,GAE3C,IAAgB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAAC;CAEhE,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,gBAAgB;IACf,EAAM,YAAY,KAAK,IAAI,IAAI;IAC9B,eAAe;IACf,YAAY;GACd;EACF;YAXF,CAaG,EAAY,KAAI,MAAc;GAC7B,IAAI,EAAW,WAAW,MAAM;IAC9B,IAAM,IAAQ,EAAW,QAAQ,EAAW;IAC5C,OACE,kBAAC,GAAD;KAEE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI;MAC9B,OAAO;MACP,mBAAmB,EAAE,OAAO,OAAO;KACrC,EACF;eAEA,kBAAC,GAAD;MACE,SAAS,EAAW;MACpB,WACE,EAAW,OACT,kBAAC,GAAD;OACE,MAAM,EAAW;OACjB,MAAM;OACN,UAAU;OACV,IAAI,EAAW;MAChB,CAAA,IACC,KAAA;MAEN,SAAS,EAAW;MACpB,MAAM,EAAW;MACjB,UAAU,EAAW;gBAErB,kBAAC,GAAD;OAAY,SAAQ;iBAAc;MAAkB,CAAA;KAC9C,CAAA;IACL,GA1BE,CA0BF;GAET;GACA,OAAO,KAAiB,EAAW,cACjC,kBAAC,GAAD;IACE,IAAI;KACF,OAAO;KACP,WAAW;IACb;cAEA,kBAAC,GAAD;KACE,SAAQ;KACR,WACE,kBAAC,GAAD;MAEE,MAAM,EAAW;MACjB,MAAM;MACN,UAAU;KACX,GAJM,EAAW,WAIjB;KAEH,SAAS,EAAW;KACpB,IAAI;MACF,SAAS;MACT,UAAU;KACZ;eAEA,kBAAC,GAAD;MAAY,SAAQ;gBACjB,EAAW;KACF,CAAA;IACN,CAAA;GACL,CAAA,IAEL,kBAAC,GAAD;IAEE,GAAI;IACJ,MAAM,EAAW;GAClB,GAHM,EAAW,WAGjB;EAEL,CAAC,GACA,EAAc,KACZ,GAAW,MACV,EAAU,SACV,EAAU,MAAM,SAAS,KACvB,kBAAC,GAAD;GACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI;IAC9B,OAAO;IACP,mBAAmB,EAAE,OAAO,OAAO;GACrC,EACF;aAEA,kBAAC,GAAD,EAA0B,GAAI,EAAY,GAAvB,CAAuB;EACvC,CAAA,CAEX,CACG;;AAET"}
+{"version":3,"file":"ComplexMenu.js","names":[],"sources":["../../../src/components/menu/ComplexMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  SxProps,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { DropdownMenu, DropdownMenuProps } from './DropdownMenu'\nimport { IconSvgButton, IconSvgButtonProps } from '../IconSvgButton'\nimport IconSvg from '../IconSvg'\n\nexport type ComplexMenuButtonProps = Omit<IconSvgButtonProps, 'icon'> & {\n  icon?: IconSvgButtonProps['icon']\n  variant?: ButtonProps['variant']\n  text?: string\n  iconSx?: SxProps\n}\n\nexport type ComplexMenuProps = {\n  /*\n   * Configuration for buttons. Each entry corresponds to one button.\n   * See the ComplexMenuButtonProps type for more info.\n   */\n  iconButtons?: ComplexMenuButtonProps[]\n  /*\n   * Configuration for DropdownMenus. Each entry corresponds to one dropdown menu button, which\n   * itself can contain multiple groups of items.\n   * See the DropdownMenuProps type for more info.\n   */\n  dropdownMenus?: DropdownMenuProps[]\n}\n\n/**\n * The ComplexMenu component allows you to create a generic menu with\n * icon buttons and multiple dropdown menus that contain groups of items.\n */\nexport function ComplexMenu(props: ComplexMenuProps) {\n  const { iconButtons = [], dropdownMenus = [] } = props\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <Box\n      sx={theme => ({\n        display: 'flex',\n        alignItems: 'center',\n        gap: '10px',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-end',\n        [theme.breakpoints.down('md')]: {\n          flexDirection: 'column',\n        },\n      })}\n    >\n      {iconButtons.map(iconButton => {\n        if (iconButton.variant != null) {\n          const label = iconButton.text ?? iconButton.tooltipText\n          return (\n            <Box\n              key={label}\n              sx={theme => ({\n                [theme.breakpoints.down('md')]: {\n                  width: '100%',\n                  '.MuiButton-root': { width: '100%' },\n                },\n              })}\n            >\n              <Button\n                variant={iconButton.variant}\n                startIcon={\n                  iconButton.icon ? (\n                    <IconSvg\n                      icon={iconButton.icon}\n                      wrap={false}\n                      fontSize={'inherit'}\n                      sx={iconButton.iconSx}\n                    />\n                  ) : undefined\n                }\n                onClick={iconButton.onClick}\n                href={iconButton.href}\n                disabled={iconButton.disabled}\n              >\n                <Typography variant=\"buttonLink\">{label}</Typography>\n              </Button>\n            </Box>\n          )\n        }\n        return isSmallScreen && iconButton.tooltipText ? (\n          <Box\n            sx={{\n              width: '100%',\n              textAlign: 'center',\n            }}\n          >\n            <Button\n              variant=\"text\"\n              startIcon={\n                <IconSvg\n                  key={iconButton.tooltipText}\n                  icon={iconButton.icon!}\n                  wrap={false}\n                  fontSize={'inherit'}\n                />\n              }\n              onClick={iconButton.onClick}\n              sx={{\n                padding: '6px 12px',\n                minWidth: 'unset',\n              }}\n            >\n              <Typography variant=\"buttonLink\">\n                {iconButton.tooltipText}\n              </Typography>\n            </Button>\n          </Box>\n        ) : (\n          <IconSvgButton\n            key={iconButton.tooltipText}\n            {...iconButton}\n            icon={iconButton.icon!}\n          />\n        )\n      })}\n      {dropdownMenus.map(\n        (menuProps, index) =>\n          menuProps.items &&\n          menuProps.items.length > 0 && (\n            <Box\n              sx={theme => ({\n                [theme.breakpoints.down('md')]: {\n                  width: '100%',\n                  '.MuiButton-root': { width: '100%' },\n                },\n              })}\n            >\n              <DropdownMenu key={index} {...menuProps} />\n            </Box>\n          ),\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAsCA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,iBAAc,CAAC,GAAG,mBAAgB,CAAC,MAAM,GAE3C,IAAgB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAAC;CAEhE,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,gBAAgB;IACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,eAAe,SACjB;EACF;YAVF,CAYG,EAAY,KAAI,MAAc;GAC7B,IAAI,EAAW,WAAW,MAAM;IAC9B,IAAM,IAAQ,EAAW,QAAQ,EAAW;IAC5C,OACE,kBAAC,GAAD;KAEE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI;MAC9B,OAAO;MACP,mBAAmB,EAAE,OAAO,OAAO;KACrC,EACF;eAEA,kBAAC,GAAD;MACE,SAAS,EAAW;MACpB,WACE,EAAW,OACT,kBAAC,GAAD;OACE,MAAM,EAAW;OACjB,MAAM;OACN,UAAU;OACV,IAAI,EAAW;MAChB,CAAA,IACC,KAAA;MAEN,SAAS,EAAW;MACpB,MAAM,EAAW;MACjB,UAAU,EAAW;gBAErB,kBAAC,GAAD;OAAY,SAAQ;iBAAc;MAAkB,CAAA;KAC9C,CAAA;IACL,GA1BE,CA0BF;GAET;GACA,OAAO,KAAiB,EAAW,cACjC,kBAAC,GAAD;IACE,IAAI;KACF,OAAO;KACP,WAAW;IACb;cAEA,kBAAC,GAAD;KACE,SAAQ;KACR,WACE,kBAAC,GAAD;MAEE,MAAM,EAAW;MACjB,MAAM;MACN,UAAU;KACX,GAJM,EAAW,WAIjB;KAEH,SAAS,EAAW;KACpB,IAAI;MACF,SAAS;MACT,UAAU;KACZ;eAEA,kBAAC,GAAD;MAAY,SAAQ;gBACjB,EAAW;KACF,CAAA;IACN,CAAA;GACL,CAAA,IAEL,kBAAC,GAAD;IAEE,GAAI;IACJ,MAAM,EAAW;GAClB,GAHM,EAAW,WAGjB;EAEL,CAAC,GACA,EAAc,KACZ,GAAW,MACV,EAAU,SACV,EAAU,MAAM,SAAS,KACvB,kBAAC,GAAD;GACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI;IAC9B,OAAO;IACP,mBAAmB,EAAE,OAAO,OAAO;GACrC,EACF;aAEA,kBAAC,GAAD,EAA0B,GAAI,EAAY,GAAvB,CAAuB;EACvC,CAAA,CAEX,CACG;;AAET"}

package/dist/features/curator/GridPage/components/UpdateGridPageSearchParamsForm.js

@@ -8,7 +8,7 @@ import l from "@mui/material/Grid";
 import u from "@mui/material/Button";
 //#region src/features/curator/GridPage/components/UpdateGridPageSearchParamsForm.tsx
 function d() {
-	let [d, f] = s(), [p, m] = i(d.get("sessionId") || ""), [h, g] = i(d.get("taskId") || ""), [_, v] = i(d.get("agentRegistrationId") || "");
+	let [d, f] = s(), [p, m] = i(d.get("sessionId") || ""), [h, g] = i(d.get("taskIds") || ""), [_, v] = i(d.get("agentRegistrationId") || "");
 	return /* @__PURE__ */ o(l, {
 		container: !0,
 		spacing: 2,

package/dist/features/curator/GridPage/components/UpdateGridPageSearchParamsForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateGridPageSearchParamsForm.js","names":[],"sources":["../../../../../src/features/curator/GridPage/components/UpdateGridPageSearchParamsForm.tsx"],"sourcesContent":["import GridSessionSelectionField from '@/components/DataGrid/components/GridSessionSelectionField'\nimport {\n  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  GRID_PAGE_SESSION_ID_QUERY_PARAM,\n  GRID_PAGE_TASK_ID_QUERY_PARAM,\n} from '@/utils/SynapseConstants'\nimport Button from '@mui/material/Button'\nimport Grid from '@mui/material/Grid'\nimport TextField from '@mui/material/TextField'\nimport { useState } from 'react'\nimport { useSearchParams } from 'react-router'\n\n/**\n * A form to update the current search params for testing purposes\n */\nexport function UpdateGridPageSearchParamsForm() {\n  const [searchParams, setSearchParams] = useSearchParams()\n\n  const [sessionIdInputValue, setSessionIdInputValue] = useState(\n    searchParams.get(GRID_PAGE_SESSION_ID_QUERY_PARAM) || '',\n  )\n  const [taskIdInputValue, setTaskIdInputValue] = useState(\n    searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM) || '',\n  )\n  const [agentRegistrationIdInputValue, setAgentRegistrationIdInputValue] =\n    useState(\n      searchParams.get(GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM) || '',\n    )\n\n  return (\n    <Grid container spacing={2} sx={{ borderBottomColor: 'grey.300' }}>\n      <Grid size={{ xs: 4 }}>\n        <GridSessionSelectionField\n          inputValue={sessionIdInputValue}\n          onInputValueChange={value => setSessionIdInputValue(value)}\n        />\n      </Grid>\n      <Grid size={{ xs: 4 }}>\n        <TextField\n          fullWidth\n          label={'Task ID (Optional)'}\n          value={taskIdInputValue}\n          onChange={e => setTaskIdInputValue(e.target.value)}\n        />\n      </Grid>\n      <Grid size={{ xs: 4 }}>\n        <TextField\n          fullWidth\n          label={'Agent Registration ID (Optional)'}\n          value={agentRegistrationIdInputValue}\n          onChange={e => setAgentRegistrationIdInputValue(e.target.value)}\n        />\n      </Grid>\n      <Grid container size={12} justifyContent=\"flex-end\">\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            setSearchParams(prev => {\n              prev.set(GRID_PAGE_SESSION_ID_QUERY_PARAM, sessionIdInputValue)\n              if (taskIdInputValue) {\n                prev.set(GRID_PAGE_TASK_ID_QUERY_PARAM, taskIdInputValue)\n              } else {\n                prev.delete(GRID_PAGE_TASK_ID_QUERY_PARAM)\n              }\n              if (agentRegistrationIdInputValue) {\n                prev.set(\n                  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n                  agentRegistrationIdInputValue,\n                )\n              } else {\n                prev.delete(GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM)\n              }\n              return prev\n            })\n          }}\n        >\n          Update Search Params (for testing)\n        </Button>\n      </Grid>\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,IAAiC;CAC/C,IAAM,CAAC,GAAc,KAAmB,EAAgB,GAElD,CAAC,GAAqB,KAA0B,EACpD,EAAa,IAAA,WAAoC,KAAK,EACxD,GACM,CAAC,GAAkB,KAAuB,EAC9C,EAAa,IAAA,QAAiC,KAAK,EACrD,GACM,CAAC,GAA+B,KACpC,EACE,EAAa,IAAA,qBAA+C,KAAK,EACnE;CAEF,OACE,kBAAC,GAAD;EAAM,WAAA;EAAU,SAAS;EAAG,IAAI,EAAE,mBAAmB,WAAW;YAAhE;GACE,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,EAAE;cAClB,kBAAC,GAAD;KACE,YAAY;KACZ,qBAAoB,MAAS,EAAuB,CAAK;IAC1D,CAAA;GACG,CAAA;GACN,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,EAAE;cAClB,kBAAC,GAAD;KACE,WAAA;KACA,OAAO;KACP,OAAO;KACP,WAAU,MAAK,EAAoB,EAAE,OAAO,KAAK;IAClD,CAAA;GACG,CAAA;GACN,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,EAAE;cAClB,kBAAC,GAAD;KACE,WAAA;KACA,OAAO;KACP,OAAO;KACP,WAAU,MAAK,EAAiC,EAAE,OAAO,KAAK;IAC/D,CAAA;GACG,CAAA;GACN,kBAAC,GAAD;IAAM,WAAA;IAAU,MAAM;IAAI,gBAAe;cACvC,kBAAC,GAAD;KACE,SAAS;KACT,eAAe;MACb,GAAgB,OACd,EAAK,IAAI,GAAkC,CAAmB,GAC1D,IACF,EAAK,IAAI,GAA+B,CAAgB,IAExD,EAAK,OAAO,CAA6B,GAEvC,IACF,EAAK,IACH,GACA,CACF,IAEA,EAAK,OAAO,CAA2C,GAElD,EACR;KACH;eACD;IAEO,CAAA;GACJ,CAAA;EACF;;AAEV"}
+{"version":3,"file":"UpdateGridPageSearchParamsForm.js","names":[],"sources":["../../../../../src/features/curator/GridPage/components/UpdateGridPageSearchParamsForm.tsx"],"sourcesContent":["import GridSessionSelectionField from '@/components/DataGrid/components/GridSessionSelectionField'\nimport {\n  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  GRID_PAGE_SESSION_ID_QUERY_PARAM,\n  GRID_PAGE_TASK_ID_QUERY_PARAM,\n} from '@/utils/SynapseConstants'\nimport Button from '@mui/material/Button'\nimport Grid from '@mui/material/Grid'\nimport TextField from '@mui/material/TextField'\nimport { useState } from 'react'\nimport { useSearchParams } from 'react-router'\n\n/**\n * A form to update the current search params for testing purposes\n */\nexport function UpdateGridPageSearchParamsForm() {\n  const [searchParams, setSearchParams] = useSearchParams()\n\n  const [sessionIdInputValue, setSessionIdInputValue] = useState(\n    searchParams.get(GRID_PAGE_SESSION_ID_QUERY_PARAM) || '',\n  )\n  const [taskIdInputValue, setTaskIdInputValue] = useState(\n    searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM) || '',\n  )\n  const [agentRegistrationIdInputValue, setAgentRegistrationIdInputValue] =\n    useState(\n      searchParams.get(GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM) || '',\n    )\n\n  return (\n    <Grid container spacing={2} sx={{ borderBottomColor: 'grey.300' }}>\n      <Grid size={{ xs: 4 }}>\n        <GridSessionSelectionField\n          inputValue={sessionIdInputValue}\n          onInputValueChange={value => setSessionIdInputValue(value)}\n        />\n      </Grid>\n      <Grid size={{ xs: 4 }}>\n        <TextField\n          fullWidth\n          label={'Task ID (Optional)'}\n          value={taskIdInputValue}\n          onChange={e => setTaskIdInputValue(e.target.value)}\n        />\n      </Grid>\n      <Grid size={{ xs: 4 }}>\n        <TextField\n          fullWidth\n          label={'Agent Registration ID (Optional)'}\n          value={agentRegistrationIdInputValue}\n          onChange={e => setAgentRegistrationIdInputValue(e.target.value)}\n        />\n      </Grid>\n      <Grid container size={12} justifyContent=\"flex-end\">\n        <Button\n          variant={'outlined'}\n          onClick={() => {\n            setSearchParams(prev => {\n              prev.set(GRID_PAGE_SESSION_ID_QUERY_PARAM, sessionIdInputValue)\n              if (taskIdInputValue) {\n                prev.set(GRID_PAGE_TASK_ID_QUERY_PARAM, taskIdInputValue)\n              } else {\n                prev.delete(GRID_PAGE_TASK_ID_QUERY_PARAM)\n              }\n              if (agentRegistrationIdInputValue) {\n                prev.set(\n                  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n                  agentRegistrationIdInputValue,\n                )\n              } else {\n                prev.delete(GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM)\n              }\n              return prev\n            })\n          }}\n        >\n          Update Search Params (for testing)\n        </Button>\n      </Grid>\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,IAAiC;CAC/C,IAAM,CAAC,GAAc,KAAmB,EAAgB,GAElD,CAAC,GAAqB,KAA0B,EACpD,EAAa,IAAA,WAAoC,KAAK,EACxD,GACM,CAAC,GAAkB,KAAuB,EAC9C,EAAa,IAAA,SAAiC,KAAK,EACrD,GACM,CAAC,GAA+B,KACpC,EACE,EAAa,IAAA,qBAA+C,KAAK,EACnE;CAEF,OACE,kBAAC,GAAD;EAAM,WAAA;EAAU,SAAS;EAAG,IAAI,EAAE,mBAAmB,WAAW;YAAhE;GACE,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,EAAE;cAClB,kBAAC,GAAD;KACE,YAAY;KACZ,qBAAoB,MAAS,EAAuB,CAAK;IAC1D,CAAA;GACG,CAAA;GACN,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,EAAE;cAClB,kBAAC,GAAD;KACE,WAAA;KACA,OAAO;KACP,OAAO;KACP,WAAU,MAAK,EAAoB,EAAE,OAAO,KAAK;IAClD,CAAA;GACG,CAAA;GACN,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,EAAE;cAClB,kBAAC,GAAD;KACE,WAAA;KACA,OAAO;KACP,OAAO;KACP,WAAU,MAAK,EAAiC,EAAE,OAAO,KAAK;IAC/D,CAAA;GACG,CAAA;GACN,kBAAC,GAAD;IAAM,WAAA;IAAU,MAAM;IAAI,gBAAe;cACvC,kBAAC,GAAD;KACE,SAAS;KACT,eAAe;MACb,GAAgB,OACd,EAAK,IAAI,GAAkC,CAAmB,GAC1D,IACF,EAAK,IAAI,GAA+B,CAAgB,IAExD,EAAK,OAAO,CAA6B,GAEvC,IACF,EAAK,IACH,GACA,CACF,IAEA,EAAK,OAAO,CAA2C,GAElD,EACR;KACH;eACD;IAEO,CAAA;GACJ,CAAA;EACF;;AAEV"}

package/dist/features/curator/dashboard/CuratorDashboard.d.ts

@@ -1,2 +1,2 @@
-export default function CuratorDashboard(): import("react/jsx-runtime").JSX.Element;
+export default function CuratorDashboardContent(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CuratorDashboard.d.ts.map

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":"AAUA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CA2CvC"}
+{"version":3,"file":"CuratorDashboard.d.ts","sourceRoot":"","sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAmD9C"}