synapse-react-client 4.0.23 → 4.0.25

package/dist/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.d.ts

@@ -1,12 +1,5 @@
+import { BreadcrumbItem } from '@/components/Breadcrumbs/Breadcrumbs';
 import { SxProps } from '@mui/material';
-import { MouseEventHandler } from 'react';
-type BreadcrumbItem = {
-    text: string;
-    current?: boolean;
-    to?: string;
-    href?: string;
-    onClick?: MouseEventHandler;
-};
 type EntityPageBreadcrumbsProps = {
     items: BreadcrumbItem[];
     sx?: SxProps;

package/dist/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,KAAK,cAAc,GAAG;IAEpB,IAAI,EAAE,MAAM,CAAA;IAEZ,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAoBD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,2CAUlC"}
+{"version":3,"file":"EntityPageBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACf,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AA0BD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,2CAWlC"}

package/dist/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.js

@@ -1,26 +1,30 @@
 import { Breadcrumbs as e } from "../../../Breadcrumbs/Breadcrumbs.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx
-var n = 32, r = {
+var n = 32, r = "#4D535A", i = {
 	marginTop: "0px",
-	padding: "10px 40px",
-	backgroundColor: "grey.200",
-	"& .MuiLink-root": {
-		color: "text.secondary",
-		letterSpacing: 0,
-		"&:visited": { color: "text.secondary" }
+	padding: "10px 32px",
+	"& .MuiTypography-root": {
+		fontWeight: 440,
+		lineHeight: "20px",
+		color: r
 	},
-	"& .MuiSvgIcon-root": { color: "grey.500" }
+	"& .MuiLink-root": { "&:visited": { color: r } },
+	"& .MuiSvgIcon-root": {
+		fontWeight: "300",
+		color: r
+	}
 };
-function i(i) {
-	let { items: a } = i;
+function a(r) {
+	let { items: a } = r;
 	return /* @__PURE__ */ t(e, {
 		items: a,
-		sx: r,
-		maxBreadcrumbLength: n
+		sx: i,
+		maxBreadcrumbLength: n,
+		iconVariant: "outlined"
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };
 
 //# sourceMappingURL=EntityPageBreadcrumbs.js.map

package/dist/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageBreadcrumbs.js","names":[],"sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"sourcesContent":["import { Breadcrumbs } from '@/components/Breadcrumbs/Breadcrumbs'\nimport { SxProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\n\ntype BreadcrumbItem = {\n  /* The text to show in the breadcrumb item. Strings > 25 characters will be truncated */\n  text: string\n  /* Whether this item represents the current page. If true, this item will not have a link. Default false */\n  current?: boolean\n  /* Link for the item, if using react-router */\n  to?: string\n  /* Link for the item, if it should be a normal anchor */\n  href?: string\n  /* Event handler fired when the link is clicked */\n  onClick?: MouseEventHandler\n}\n\ntype EntityPageBreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  sx?: SxProps\n}\n\nconst ENTITY_PAGE_MAX_BREADCRUMB_LENGTH = 32\n\nconst entityPageBreadcrumbStyle: SxProps = {\n  marginTop: '0px',\n  padding: '10px 40px',\n  backgroundColor: 'grey.200',\n  ['& .MuiLink-root']: {\n    color: 'text.secondary',\n    letterSpacing: 0,\n    '&:visited': {\n      color: 'text.secondary',\n    },\n  },\n  '& .MuiSvgIcon-root': {\n    color: 'grey.500',\n  },\n}\n\nexport default function EntityPageBreadcrumbs(\n  props: EntityPageBreadcrumbsProps,\n) {\n  const { items } = props\n  return (\n    <Breadcrumbs\n      items={items}\n      sx={entityPageBreadcrumbStyle}\n      maxBreadcrumbLength={ENTITY_PAGE_MAX_BREADCRUMB_LENGTH}\n    />\n  )\n}\n"],"mappings":";;;AAsBA,IAAM,IAAoC,IAEpC,IAAqC;CACzC,WAAW;CACX,SAAS;CACT,iBAAiB;CAChB,mBAAoB;EACnB,OAAO;EACP,eAAe;EACf,aAAa,EACX,OAAO,iBACT;CACF;CACA,sBAAsB,EACpB,OAAO,WACT;AACF;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU;CAClB,OACE,kBAAC,GAAD;EACS;EACP,IAAI;EACJ,qBAAqB;CACtB,CAAA;AAEL"}
+{"version":3,"file":"EntityPageBreadcrumbs.js","names":[],"sources":["../../../../../src/components/entity/page/breadcrumbs/EntityPageBreadcrumbs.tsx"],"sourcesContent":["import {\n  Breadcrumbs,\n  BreadcrumbItem,\n} from '@/components/Breadcrumbs/Breadcrumbs'\nimport { SxProps } from '@mui/material'\n\ntype EntityPageBreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  sx?: SxProps\n}\n\nconst ENTITY_PAGE_MAX_BREADCRUMB_LENGTH = 32\nconst ENTITY_PAGE_TEXT_COLOR = '#4D535A'\n\nconst breadcrumbTextStyle: SxProps = {\n  fontWeight: 440,\n  lineHeight: '20px',\n  color: ENTITY_PAGE_TEXT_COLOR,\n}\n\nconst entityPageBreadcrumbStyle: SxProps = {\n  marginTop: '0px',\n  padding: '10px 32px',\n  ['& .MuiTypography-root']: breadcrumbTextStyle,\n  ['& .MuiLink-root']: {\n    '&:visited': {\n      color: ENTITY_PAGE_TEXT_COLOR,\n    },\n  },\n  ['& .MuiSvgIcon-root']: {\n    fontWeight: '300',\n    color: ENTITY_PAGE_TEXT_COLOR,\n  },\n}\n\nexport default function EntityPageBreadcrumbs(\n  props: EntityPageBreadcrumbsProps,\n) {\n  const { items } = props\n  return (\n    <Breadcrumbs\n      items={items}\n      sx={entityPageBreadcrumbStyle}\n      maxBreadcrumbLength={ENTITY_PAGE_MAX_BREADCRUMB_LENGTH}\n      iconVariant=\"outlined\"\n    />\n  )\n}\n"],"mappings":";;;AAWA,IAAM,IAAoC,IACpC,IAAyB,WAQzB,IAAqC;CACzC,WAAW;CACX,SAAS;CACR,yBAA0B;EAR3B,YAAY;EACZ,YAAY;EACZ,OAAO;CAMoB;CAC1B,mBAAoB,EACnB,aAAa,EACX,OAAO,EACT,EACF;CACC,sBAAuB;EACtB,YAAY;EACZ,OAAO;CACT;AACF;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU;CAClB,OACE,kBAAC,GAAD;EACS;EACP,IAAI;EACJ,qBAAqB;EACrB,aAAY;CACb,CAAA;AAEL"}

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

@@ -5,6 +5,7 @@ export type EntityPageTitleBarProps = {
     entityActionMenuProps?: EntityActionMenuProps;
     onActMemberClickAddConditionsForUse: () => void;
 };
+export declare const FAVORITE_BUTTON_ICON_COLOR = "#9EAAB7";
 /**
  * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and
  * provides controls to view and manipulate the Entity.

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;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAyFxE"}
+{"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"}

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

@@ -10,18 +10,23 @@ 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";
 //#region src/components/entity/page/title_bar/EntityPageTitleBar.tsx
-function g(g) {
-	let { entityId: _, versionNumber: v, entityActionMenuProps: y } = g, b = y?.actionConfiguration.SHOW_VERSION_HISTORY?.onClick, { data: x, isLoading: S } = t(_, v), C = x?.entity && e(x.entity) ? x.entity.repositoryName : x?.entity?.name;
+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, {
 		sx: {
 			padding: "20px 40px",
-			backgroundColor: "grey.100"
+			backgroundColor: _,
+			borderRadius: "5px"
 		},
 		children: /* @__PURE__ */ h(f, {
-			sx: { flexDirection: {
-				xs: "column",
-				sm: "row"
-			} },
+			sx: {
+				flexDirection: {
+					xs: "column",
+					md: "row"
+				},
+				alignItems: "center"
+			},
 			children: [/* @__PURE__ */ h(f, {
 				direction: "row",
 				sx: {
@@ -29,19 +34,20 @@ function g(g) {
 					flexGrow: 1
 				},
 				children: [/* @__PURE__ */ m(i, {
-					condition: S,
+					condition: T,
 					wrapper: d,
 					wrapperProps: { variant: "circular" },
 					children: /* @__PURE__ */ m(l, {
 						sx: {
-							bgcolor: "grey.300",
+							bgcolor: v,
 							height: 48,
-							width: 48
+							width: 48,
+							borderRadius: "3px"
 						},
-						children: x?.entityType && /* @__PURE__ */ m(n, {
-							icon: x?.entityType ? r[x.entityType] : "file",
-							wrap: !1,
-							sx: { color: "grey.700" }
+						variant: "square",
+						children: w?.entityType && /* @__PURE__ */ m(n, {
+							icon: w?.entityType ? r[w.entityType] : "file",
+							wrap: !1
 						})
 					})
 				}), /* @__PURE__ */ h(u, {
@@ -56,24 +62,31 @@ function g(g) {
 							gap: "3px"
 						},
 						children: [/* @__PURE__ */ m(i, {
-							condition: S,
+							condition: T,
 							wrapper: d,
 							children: /* @__PURE__ */ m(p, {
 								variant: "headline2",
-								children: C ?? "Name not set"
+								sx: {
+									color: y,
+									fontWeight: 540
+								},
+								children: E ?? "Name not set"
 							})
-						}), x?.entity?.id && /* @__PURE__ */ m(a, { entityId: x.entity.id })]
+						}), w?.entity?.id && /* @__PURE__ */ m(a, {
+							entityId: w.entity.id,
+							iconColor: "#9EAAB7"
+						})]
 					}), /* @__PURE__ */ m(s, {
-						entityId: _,
-						versionNumber: v,
-						toggleShowVersionHistory: b
+						entityId: b,
+						versionNumber: x,
+						toggleShowVersionHistory: C
 					})]
 				})]
-			}), y && /* @__PURE__ */ m(o, { ...y })]
+			}), S && /* @__PURE__ */ m(o, { ...S })]
 		})
 	}), /* @__PURE__ */ m(c, { ...g })] });
 }
 //#endregion
-export { g as default };
+export { g as FAVORITE_BUTTON_ICON_COLOR, b 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\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: 'grey.100',\n        }}\n      >\n        <Stack\n          sx={{\n            flexDirection: { xs: 'column', sm: 'row' },\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 sx={{ bgcolor: 'grey.300', height: 48, width: 48 }}>\n                {bundle?.entityType && (\n                  <IconSvg\n                    icon={\n                      bundle?.entityType\n                        ? type2SvgIconName[bundle.entityType]\n                        : 'file'\n                    }\n                    wrap={false}\n                    sx={{ color: 'grey.700' }}\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 variant={'headline2'}>\n                    {name ?? 'Name not set'}\n                  </Typography>\n                </ConditionalWrapper>\n                {bundle?.entity?.id && (\n                  <FavoriteButton entityId={bundle.entity.id} />\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":";;;;;;;;;;;;AAyBA,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;EACnB;YAEA,kBAAC,GAAD;GACE,IAAI,EACF,eAAe;IAAE,IAAI;IAAU,IAAI;GAAM,EAC3C;aAHF,CAKE,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;MAAQ,IAAI;OAAE,SAAS;OAAY,QAAQ;OAAI,OAAO;MAAG;gBACtD,GAAQ,cACP,kBAAC,GAAD;OACE,MACE,GAAQ,aACJ,EAAiB,EAAO,cACxB;OAEN,MAAM;OACN,IAAI,EAAE,OAAO,WAAW;MACzB,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;QAAY,SAAS;kBAClB,KAAQ;OACC,CAAA;MACM,CAAA,GACnB,GAAQ,QAAQ,MACf,kBAAC,GAAD,EAAgB,UAAU,EAAO,OAAO,GAAK,CAAA,CAE1C;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'\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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EntityTitleBarVersionInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wBAAwB,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;CACzD,CAAA;AAED,iBAAS,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAQ/D;AAED,iBAAS,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAWhE;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,kDA2DtC;AAED,eAAO,MAAM,yBAAyB;;;CAGrC,CAAA"}
+{"version":3,"file":"EntityTitleBarVersionInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wBAAwB,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;CACzD,CAAA;AAED,iBAAS,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAQ/D;AAED,iBAAS,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAWhE;AAuBD,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,kDA4DtC;AAED,eAAO,MAAM,yBAAyB;;;CAGrC,CAAA"}

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

@@ -13,12 +13,36 @@ function p(r) {
 	return n(r) ? t(r) && r.isLatestVersion ? e(r) ? "Draft Version" : "Current Version" : `V${r.versionNumber}${r.isLatestVersion ? " (Current)" : ""}` : null;
 }
 function m(e) {
-	let { entityId: t, versionNumber: m, toggleShowVersionHistory: h } = e, { data: g } = i(t, m), _ = g?.entity && n(g.entity), v = g?.entity && f(g.entity), y = v ? r(v, d) : void 0, b = g?.entity && p(g.entity);
-	return _ ? /* @__PURE__ */ u(a, {
+	return n(e) ? e.versionComment ?? null : null;
+}
+var h = /* @__PURE__ */ l(c, {
+	component: "span",
+	variant: "smallText1",
+	sx: {
+		color: "grey.700",
+		marginLeft: "5px",
+		marginRight: "5px"
+	},
+	children: "/"
+});
+function g(e) {
+	let { entityId: t, versionNumber: g, toggleShowVersionHistory: _ } = e, { data: v } = i(t, g), y = v?.entity && n(v.entity), b = v?.entity && f(v.entity), x = b ? r(b, d) : void 0, S = v?.entity && p(v.entity), C = v?.entity && m(v.entity);
+	return y ? /* @__PURE__ */ u(a, {
 		sx: { marginTop: "3px" },
 		children: [
 			/* @__PURE__ */ l(s, {
-				title: v,
+				title: "Click to show version history",
+				placement: "top",
+				children: /* @__PURE__ */ l(o, {
+					onClick: _,
+					variant: "smallText1",
+					sx: { fontWeight: 400 },
+					children: S
+				})
+			}),
+			b && S && h,
+			/* @__PURE__ */ l(s, {
+				title: b,
 				placement: "bottom",
 				children: /* @__PURE__ */ l(c, {
 					component: "span",
@@ -27,37 +51,27 @@ function m(e) {
 						color: "grey.700",
 						fontStyle: "italic"
 					},
-					children: y
+					children: x
 				})
 			}),
-			v && b && /* @__PURE__ */ l(c, {
+			C && h,
+			/* @__PURE__ */ l(c, {
 				component: "span",
 				variant: "smallText1",
 				sx: {
 					color: "grey.700",
-					marginLeft: "5px",
-					marginRight: "5px"
+					fontStyle: "italic"
 				},
-				children: "/"
-			}),
-			/* @__PURE__ */ l(s, {
-				title: "Click to show version history",
-				placement: "top",
-				children: /* @__PURE__ */ l(o, {
-					onClick: h,
-					variant: "smallText1",
-					sx: { fontWeight: 400 },
-					children: b
-				})
+				children: C
 			})
 		]
 	}) : null;
 }
-var h = {
+var _ = {
 	getDisplayedVersionLabel: f,
 	getDisplayedVersionNumber: p
 };
 //#endregion
-export { h as EXPORTED_FOR_UNIT_TESTING, m as EntityTitleBarVersionInfo };
+export { _ as EXPORTED_FOR_UNIT_TESTING, g as EntityTitleBarVersionInfo };
 
 //# sourceMappingURL=EntityTitleBarVersionInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityTitleBarVersionInfo.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport {\n  isEntityRefCollectionView,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { truncateString } from '@/utils/functions/StringUtils'\nimport { Box, Link, Tooltip, Typography } from '@mui/material'\nimport { Entity } from '@sage-bionetworks/synapse-types'\nimport { ActionConfiguration } from '../action_menu/EntityActionMenu'\n\nconst MAX_VERSION_LABEL_LENGTH = 50\nexport type EntityTitleBarVersionInfoProps = {\n  entityId: string\n  versionNumber?: number\n  toggleShowVersionHistory: ActionConfiguration['onClick']\n}\n\nfunction getDisplayedVersionLabel(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    return null\n  }\n  return entity.versionLabel ?? null\n}\n\nfunction getDisplayedVersionNumber(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    if (isEntityRefCollectionView(entity)) {\n      return 'Draft Version'\n    }\n    return 'Current Version'\n  }\n  return `V${entity.versionNumber}${entity.isLatestVersion ? ' (Current)' : ''}`\n}\n\nexport function EntityTitleBarVersionInfo(\n  props: EntityTitleBarVersionInfoProps,\n) {\n  const { entityId, versionNumber, toggleShowVersionHistory } = props\n\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isVersionable = bundle?.entity && isVersionableEntity(bundle.entity)\n\n  const fullVersionLabel =\n    bundle?.entity && getDisplayedVersionLabel(bundle.entity)\n  const truncatedVersionLabel = fullVersionLabel\n    ? truncateString(fullVersionLabel, MAX_VERSION_LABEL_LENGTH)\n    : undefined\n\n  const versionNumberDisplay =\n    bundle?.entity && getDisplayedVersionNumber(bundle.entity)\n\n  if (!isVersionable) {\n    return null\n  }\n\n  return (\n    <Box sx={{ marginTop: '3px' }}>\n      <Tooltip title={fullVersionLabel} placement={'bottom'}>\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            fontStyle: 'italic',\n          }}\n        >\n          {truncatedVersionLabel}\n        </Typography>\n      </Tooltip>\n      {fullVersionLabel && versionNumberDisplay && (\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            marginLeft: '5px',\n            marginRight: '5px',\n          }}\n        >\n          /\n        </Typography>\n      )}\n      <Tooltip title={'Click to show version history'} placement={'top'}>\n        <Link\n          onClick={toggleShowVersionHistory}\n          variant=\"smallText1\"\n          sx={{ fontWeight: 400 }}\n        >\n          {versionNumberDisplay}\n        </Link>\n      </Tooltip>\n    </Box>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getDisplayedVersionLabel,\n  getDisplayedVersionNumber,\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA2B;AAOjC,SAAS,EAAyB,GAA+B;CAO/D,OANI,CAAC,EAAoB,CAAM,KAG3B,EAAQ,CAAM,KAAK,EAAO,kBACrB,OAEF,EAAO,gBAAgB;AAChC;AAEA,SAAS,EAA0B,GAA+B;CAUhE,OATK,EAAoB,CAAM,IAG3B,EAAQ,CAAM,KAAK,EAAO,kBACxB,EAA0B,CAAM,IAC3B,kBAEF,oBAEF,IAAI,EAAO,gBAAgB,EAAO,kBAAkB,eAAe,OARjE;AASX;AAEA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,aAAU,kBAAe,gCAA6B,GAExD,EAAE,MAAM,MAAW,EAAmB,GAAU,CAAa,GAE7D,IAAgB,GAAQ,UAAU,EAAoB,EAAO,MAAM,GAEnE,IACJ,GAAQ,UAAU,EAAyB,EAAO,MAAM,GACpD,IAAwB,IAC1B,EAAe,GAAkB,CAAwB,IACzD,KAAA,GAEE,IACJ,GAAQ,UAAU,EAA0B,EAAO,MAAM;CAM3D,OAJK,IAKH,kBAAC,GAAD;EAAK,IAAI,EAAE,WAAW,MAAM;YAA5B;GACE,kBAAC,GAAD;IAAS,OAAO;IAAkB,WAAW;cAC3C,kBAAC,GAAD;KACE,WAAW;KACX,SAAQ;KACR,IAAI;MACF,OAAO;MACP,WAAW;KACb;eAEC;IACS,CAAA;GACL,CAAA;GACR,KAAoB,KACnB,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,IAAI;KACF,OAAO;KACP,YAAY;KACZ,aAAa;IACf;cACD;GAEW,CAAA;GAEd,kBAAC,GAAD;IAAS,OAAO;IAAiC,WAAW;cAC1D,kBAAC,GAAD;KACE,SAAS;KACT,SAAQ;KACR,IAAI,EAAE,YAAY,IAAI;eAErB;IACG,CAAA;GACC,CAAA;EACN;MAvCE;AAyCX;AAEA,IAAa,IAA4B;CACvC;CACA;AACF"}
+{"version":3,"file":"EntityTitleBarVersionInfo.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport {\n  isEntityRefCollectionView,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { truncateString } from '@/utils/functions/StringUtils'\nimport { Box, Link, Tooltip, Typography } from '@mui/material'\nimport { Entity } from '@sage-bionetworks/synapse-types'\nimport { ActionConfiguration } from '../action_menu/EntityActionMenu'\n\nconst MAX_VERSION_LABEL_LENGTH = 50\nexport type EntityTitleBarVersionInfoProps = {\n  entityId: string\n  versionNumber?: number\n  toggleShowVersionHistory: ActionConfiguration['onClick']\n}\n\nfunction getDisplayedVersionLabel(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    return null\n  }\n  return entity.versionLabel ?? null\n}\n\nfunction getDisplayedVersionNumber(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  if (isTable(entity) && entity.isLatestVersion) {\n    if (isEntityRefCollectionView(entity)) {\n      return 'Draft Version'\n    }\n    return 'Current Version'\n  }\n  return `V${entity.versionNumber}${entity.isLatestVersion ? ' (Current)' : ''}`\n}\n\nfunction getDisplayedVersionComment(entity: Entity): string | null {\n  if (!isVersionableEntity(entity)) {\n    return null\n  }\n  return entity.versionComment ?? null\n}\n\nconst forwardSlash = (\n  <Typography\n    component={'span'}\n    variant=\"smallText1\"\n    sx={{\n      color: 'grey.700',\n      marginLeft: '5px',\n      marginRight: '5px',\n    }}\n  >\n    /\n  </Typography>\n)\n\nexport function EntityTitleBarVersionInfo(\n  props: EntityTitleBarVersionInfoProps,\n) {\n  const { entityId, versionNumber, toggleShowVersionHistory } = props\n\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isVersionable = bundle?.entity && isVersionableEntity(bundle.entity)\n\n  const fullVersionLabel =\n    bundle?.entity && getDisplayedVersionLabel(bundle.entity)\n  const truncatedVersionLabel = fullVersionLabel\n    ? truncateString(fullVersionLabel, MAX_VERSION_LABEL_LENGTH)\n    : undefined\n\n  const versionNumberDisplay =\n    bundle?.entity && getDisplayedVersionNumber(bundle.entity)\n\n  const versionComment =\n    bundle?.entity && getDisplayedVersionComment(bundle.entity)\n\n  if (!isVersionable) {\n    return null\n  }\n  return (\n    <Box sx={{ marginTop: '3px' }}>\n      <Tooltip title={'Click to show version history'} placement={'top'}>\n        <Link\n          onClick={toggleShowVersionHistory}\n          variant=\"smallText1\"\n          sx={{ fontWeight: 400 }}\n        >\n          {versionNumberDisplay}\n        </Link>\n      </Tooltip>\n      {fullVersionLabel && versionNumberDisplay && forwardSlash}\n      <Tooltip title={fullVersionLabel} placement={'bottom'}>\n        <Typography\n          component={'span'}\n          variant=\"smallText1\"\n          sx={{\n            color: 'grey.700',\n            fontStyle: 'italic',\n          }}\n        >\n          {truncatedVersionLabel}\n        </Typography>\n      </Tooltip>\n      {versionComment && forwardSlash}\n      <Typography\n        component={'span'}\n        variant=\"smallText1\"\n        sx={{\n          color: 'grey.700',\n          fontStyle: 'italic',\n        }}\n      >\n        {versionComment}\n      </Typography>\n    </Box>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getDisplayedVersionLabel,\n  getDisplayedVersionNumber,\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA2B;AAOjC,SAAS,EAAyB,GAA+B;CAO/D,OANI,CAAC,EAAoB,CAAM,KAG3B,EAAQ,CAAM,KAAK,EAAO,kBACrB,OAEF,EAAO,gBAAgB;AAChC;AAEA,SAAS,EAA0B,GAA+B;CAUhE,OATK,EAAoB,CAAM,IAG3B,EAAQ,CAAM,KAAK,EAAO,kBACxB,EAA0B,CAAM,IAC3B,kBAEF,oBAEF,IAAI,EAAO,gBAAgB,EAAO,kBAAkB,eAAe,OARjE;AASX;AAEA,SAAS,EAA2B,GAA+B;CAIjE,OAHK,EAAoB,CAAM,IAGxB,EAAO,kBAAkB,OAFvB;AAGX;AAEA,IAAM,IACJ,kBAAC,GAAD;CACE,WAAW;CACX,SAAQ;CACR,IAAI;EACF,OAAO;EACP,YAAY;EACZ,aAAa;CACf;WACD;AAEW,CAAA;AAGd,SAAgB,EACd,GACA;CACA,IAAM,EAAE,aAAU,kBAAe,gCAA6B,GAExD,EAAE,MAAM,MAAW,EAAmB,GAAU,CAAa,GAE7D,IAAgB,GAAQ,UAAU,EAAoB,EAAO,MAAM,GAEnE,IACJ,GAAQ,UAAU,EAAyB,EAAO,MAAM,GACpD,IAAwB,IAC1B,EAAe,GAAkB,CAAwB,IACzD,KAAA,GAEE,IACJ,GAAQ,UAAU,EAA0B,EAAO,MAAM,GAErD,IACJ,GAAQ,UAAU,EAA2B,EAAO,MAAM;CAK5D,OAHK,IAIH,kBAAC,GAAD;EAAK,IAAI,EAAE,WAAW,MAAM;YAA5B;GACE,kBAAC,GAAD;IAAS,OAAO;IAAiC,WAAW;cAC1D,kBAAC,GAAD;KACE,SAAS;KACT,SAAQ;KACR,IAAI,EAAE,YAAY,IAAI;eAErB;IACG,CAAA;GACC,CAAA;GACR,KAAoB,KAAwB;GAC7C,kBAAC,GAAD;IAAS,OAAO;IAAkB,WAAW;cAC3C,kBAAC,GAAD;KACE,WAAW;KACX,SAAQ;KACR,IAAI;MACF,OAAO;MACP,WAAW;KACb;eAEC;IACS,CAAA;GACL,CAAA;GACR,KAAkB;GACnB,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,IAAI;KACF,OAAO;KACP,WAAW;IACb;cAEC;GACS,CAAA;EACT;MArCE;AAuCX;AAEA,IAAa,IAA4B;CACvC;CACA;AACF"}

package/dist/components/entity/page/title_bar/TitleBarProperties.d.ts

@@ -1,6 +1,5 @@
 export type TitleBarPropertiesProps = {
     entityId: string;
-    versionNumber?: number;
     onActMemberClickAddConditionsForUse: () => void;
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"TitleBarProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,mCAAmC,EAAE,MAAM,IAAI,CAAA;CAChD,CAAA;AA8BD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA8FxE"}
+{"version":3,"file":"TitleBarProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAEhB,mCAAmC,EAAE,MAAM,IAAI,CAAA;CAChD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAkBxE"}

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

@@ -1,89 +1,24 @@
-import e from "../../../../synapse-queries/entity/useEntityBundle.js";
-import { useGetFeatureFlag as t } from "../../../../synapse-queries/featureflags/useGetFeatureFlag.js";
-import "../../../../synapse-queries/index.js";
-import { FeatureFlagEnum as n } from "../../../../utils/featureflag/FeatureFlags.js";
-import r from "../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.js";
-import { useGetEntityTitleBarProperties as i } from "./useGetEntityTitleBarProperties.js";
-import { useState as a } from "react";
-import { Box as o, Divider as s, Link as c, Stack as l, Typography as u } from "@mui/material";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import e from "../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.js";
+import { Box as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/entity/page/title_bar/TitleBarProperties.tsx
-function p(e) {
-	let { title: t, value: n } = e;
-	return /* @__PURE__ */ f("tr", { children: [/* @__PURE__ */ d("td", {
-		style: { paddingRight: "1em" },
-		children: /* @__PURE__ */ d(u, {
-			component: "span",
-			variant: "smallText1",
-			sx: { fontWeight: 700 },
-			children: t
-		})
-	}), /* @__PURE__ */ d("td", { children: /* @__PURE__ */ d(u, {
-		component: "span",
-		variant: "smallText1",
-		children: n
-	}) })] });
-}
-function m(u) {
-	let { entityId: m, versionNumber: h, onActMemberClickAddConditionsForUse: g } = u, { data: _ } = e(m, h), v = t(n.DESCRIPTION_FIELD), y = i(m, h), [b, x] = a(!1);
-	return /* @__PURE__ */ f(o, {
-		sx: { padding: "20px 40px" },
-		children: [
-			/* @__PURE__ */ f(l, {
-				direction: "row",
-				sx: {
-					justifyContent: "space-between",
-					alignItems: "flex-start"
-				},
-				children: [/* @__PURE__ */ f(l, {
-					direction: "row",
-					divider: /* @__PURE__ */ d(s, {
-						orientation: "vertical",
-						flexItem: !0
-					}),
-					spacing: 2,
-					sx: { alignItems: "flex-start" },
-					children: [
-						/* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(0, 2).map((e) => /* @__PURE__ */ d(p, {
-							title: e.title,
-							value: e.value
-						}, e.key)) }) }),
-						y.length > 2 && /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(2, 4).map((e) => /* @__PURE__ */ d(p, {
-							title: e.title,
-							value: e.value
-						}, e.key)) }) }),
-						(y.length === 5 || y.length === 6) && /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(4, 6).map((e) => /* @__PURE__ */ d(p, {
-							title: e.title,
-							value: e.value
-						}, e.key)) }) }),
-						y.length > 6 && /* @__PURE__ */ d(c, {
-							onClick: () => x((e) => !e),
-							children: b ? "Hide properties" : `${y.length - 4} more properties`
-						})
-					]
-				}), /* @__PURE__ */ d(r, {
-					entityId: m,
-					onACTMemberClick: g
-				})]
-			}),
-			b && /* @__PURE__ */ d(o, {
-				sx: { pt: "20px" },
-				children: /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(4, Infinity).map((e) => /* @__PURE__ */ d(p, {
-					title: e.title,
-					value: e.value
-				}, e.key)) }) })
-			}),
-			_?.entity?.description && v && /* @__PURE__ */ d(o, {
-				sx: {
-					marginTop: "10px",
-					maxWidth: "720px"
-				},
-				children: _?.entity?.description
+function r(r) {
+	let { entityId: i, onActMemberClickAddConditionsForUse: a } = r;
+	return /* @__PURE__ */ n(t, {
+		sx: { padding: "20px 0" },
+		children: /* @__PURE__ */ n(t, {
+			sx: {
+				display: "flex",
+				justifyContent: "flex-end"
+			},
+			children: /* @__PURE__ */ n(e, {
+				entityId: i,
+				onACTMemberClick: a
 			})
-		]
+		})
 	});
 }
 //#endregion
-export { m as default };
+export { r as default };
 
 //# sourceMappingURL=TitleBarProperties.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityBundle, useGetFeatureFlag } from '@/synapse-queries'\nimport { Box, Divider, Link, Stack, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { ReactNode, useState } from 'react'\nimport AddConditionsForUseButton from '../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton'\nimport { useGetEntityTitleBarProperties } from './useGetEntityTitleBarProperties'\n\nexport type TitleBarPropertiesProps = {\n  entityId: string\n  versionNumber?: number\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\ntype PropertyProps = {\n  title: string\n  value: ReactNode\n}\nfunction Property(props: PropertyProps) {\n  const { title, value } = props\n  return (\n    <tr>\n      <td style={{ paddingRight: '1em' }}>\n        <Typography\n          component={'span'}\n          variant={'smallText1'}\n          sx={{\n            fontWeight: 700,\n          }}\n        >\n          {title}\n        </Typography>\n      </td>\n      <td>\n        <Typography component={'span'} variant={'smallText1'}>\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  )\n}\n\n/**\n * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.\n */\nexport default function TitleBarProperties(props: TitleBarPropertiesProps) {\n  const { entityId, versionNumber, onActMemberClickAddConditionsForUse } = props\n\n  // We don't need the entire bundle, but it's fetched for the rest of the title bar and useGetEntityTitleBarProperties below, so the cache will be hot.\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n\n  // Actual entity data is fetched and transformed in this custom hook\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [showAllProperties, setShowAllProperties] = useState(false)\n\n  return (\n    <Box sx={{ padding: '20px 40px' }}>\n      <Stack\n        direction={'row'}\n        sx={{\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n        }}\n      >\n        <Stack\n          direction=\"row\"\n          divider={<Divider orientation=\"vertical\" flexItem />}\n          spacing={2}\n          sx={{\n            alignItems: 'flex-start',\n          }}\n        >\n          {/* Always show the first 4 properties*/}\n          <table>\n            <tbody>\n              {properties.slice(0, 2).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n          {properties.length > 2 && (\n            <table>\n              <tbody>\n                {properties.slice(2, 4).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are 5 or 6 properties, show them in the last column */}\n          {(properties.length === 5 || properties.length === 6) && (\n            <table>\n              <tbody>\n                {properties.slice(4, 6).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are more than 6 properties, then just show a button that toggles showing the rest */}\n          {properties.length > 6 && (\n            <Link onClick={() => setShowAllProperties(v => !v)}>\n              {showAllProperties\n                ? 'Hide properties'\n                : `${properties.length - 4} more properties`}\n            </Link>\n          )}\n        </Stack>\n        <AddConditionsForUseButton\n          entityId={entityId}\n          onACTMemberClick={onActMemberClickAddConditionsForUse}\n        />\n      </Stack>\n      {showAllProperties && (\n        <Box sx={{ pt: '20px' }}>\n          <table>\n            <tbody>\n              {/* Show the remaining properties. */}\n              {properties.slice(4, Infinity).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n        </Box>\n      )}\n      {bundle?.entity?.description && isFeatureEnabled && (\n        <Box sx={{ marginTop: '10px', maxWidth: '720px' }}>\n          {bundle?.entity?.description}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,EAAS,GAAsB;CACtC,IAAM,EAAE,UAAO,aAAU;CACzB,OACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;EAAI,OAAO,EAAE,cAAc,MAAM;YAC/B,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EACF,YAAY,IACd;aAEC;EACS,CAAA;CACV,CAAA,GACJ,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;EAAY,WAAW;EAAQ,SAAS;YACrC;CACS,CAAA,EACV,CAAA,CACF,EAAA,CAAA;AAER;AAKA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,2CAAwC,GAGnE,EAAE,MAAM,MAAW,EAAmB,GAAU,CAAa,GAE7D,IAAmB,EAAkB,EAAgB,iBAAiB,GAGtE,IAAa,EAA+B,GAAU,CAAa,GAEnE,CAAC,GAAmB,KAAwB,EAAS,EAAK;CAEhE,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,SAAS,YAAY;YAAhC;GACE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,gBAAgB;KAChB,YAAY;IACd;cALF,CAOE,kBAAC,GAAD;KACE,WAAU;KACV,SAAS,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;KAAU,CAAA;KACnD,SAAS;KACT,IAAI,EACF,YAAY,aACd;eANF;MASE,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,CAAC,EAAE,KAAI,MACnB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;MAAQ,GAAxC,EAAE,GAAsC,CAC/D,EACI,CAAA,EACF,CAAA;MACN,EAAW,SAAS,KACnB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,CAAC,EAAE,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;MAAQ,GAAxC,EAAE,GAAsC,CAE1D,EACI,CAAA,EACF,CAAA;OAGP,EAAW,WAAW,KAAK,EAAW,WAAW,MACjD,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,CAAC,EAAE,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;MAAQ,GAAxC,EAAE,GAAsC,CAE1D,EACI,CAAA,EACF,CAAA;MAGR,EAAW,SAAS,KACnB,kBAAC,GAAD;OAAM,eAAe,GAAqB,MAAK,CAAC,CAAC;iBAC9C,IACG,oBACA,GAAG,EAAW,SAAS,EAAE;MACzB,CAAA;KAEH;QACP,kBAAC,GAAD;KACY;KACV,kBAAkB;IACnB,CAAA,CACI;;GACN,KACC,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,OAAO;cACpB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAEG,EAAW,MAAM,GAAG,QAAQ,EAAE,KAAI,MAC1B,kBAAC,GAAD;KAAsB,OAAO,EAAE;KAAO,OAAO,EAAE;IAAQ,GAAxC,EAAE,GAAsC,CAC/D,EACI,CAAA,EACF,CAAA;GACJ,CAAA;GAEN,GAAQ,QAAQ,eAAe,KAC9B,kBAAC,GAAD;IAAK,IAAI;KAAE,WAAW;KAAQ,UAAU;IAAQ;cAC7C,GAAQ,QAAQ;GACd,CAAA;EAEJ;;AAET"}
+{"version":3,"file":"TitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport AddConditionsForUseButton from '../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton'\n\nexport type TitleBarPropertiesProps = {\n  entityId: string\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\n/**\n * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.\n */\nexport default function TitleBarProperties(props: TitleBarPropertiesProps) {\n  const { entityId, onActMemberClickAddConditionsForUse } = props\n\n  return (\n    <Box sx={{ padding: '20px 0' }}>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n        }}\n      >\n        <AddConditionsForUseButton\n          entityId={entityId}\n          onACTMemberClick={onActMemberClickAddConditionsForUse}\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAYA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,2CAAwC;CAE1D,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,SAAS,SAAS;YAC3B,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;GAClB;aAEA,kBAAC,GAAD;IACY;IACV,kBAAkB;GACnB,CAAA;EACE,CAAA;CACF,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityTitleBarProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAQ3C,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,MAAM,EAChB,aAAa,CAAC,EAAE,MAAM,GACrB,cAAc,EAAE,CAuLlB"}
+{"version":3,"file":"useGetEntityTitleBarProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAQ3C,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,MAAM,EAChB,aAAa,CAAC,EAAE,MAAM,GACrB,cAAc,EAAE,CAmLlB"}

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

@@ -54,11 +54,10 @@ function b(b, x) {
 		W && {
 			key: "doi",
 			title: "DOI",
-			value: /* @__PURE__ */ g(m, {
+			value: /* @__PURE__ */ g(d, {
+				value: W,
 				href: W,
-				rel: "noopener noreferrer",
-				target: "_blank",
-				children: W
+				useRoundedIcon: !0
 			})
 		},
 		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: (\n        <Link href={doi} rel={'noopener noreferrer'} target={'_blank'}>\n          {doi}\n        </Link>\n      ),\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} 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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"}

package/dist/components/favorites/FavoriteButton.d.ts

@@ -1,5 +1,6 @@
 export type FavoriteButtonProps = {
     entityId: string;
+    iconColor?: string;
 };
 /**
  * Renders a button that indicates if an entity is favorited by the logged-in user. When clicked, the entity is

package/dist/components/favorites/FavoriteButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteButton.d.ts","sourceRoot":"","sources":["../../../src/components/favorites/FavoriteButton.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,mBAAmB,GAAG;IAEhC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAgDhE"}
+{"version":3,"file":"FavoriteButton.d.ts","sourceRoot":"","sources":["../../../src/components/favorites/FavoriteButton.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,mBAAmB,GAAG;IAEhC,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAkDhE"}

package/dist/components/favorites/FavoriteButton.js

@@ -7,24 +7,24 @@ import { IconButton as o, Skeleton as s, Tooltip as c } from "@mui/material";
 import { jsx as l } from "react/jsx-runtime";
 //#region src/components/favorites/FavoriteButton.tsx
 function u(u) {
-	let { entityId: d } = u, { isAuthenticated: f } = e(), { isFavorite: p, isLoading: m } = n(d), { mutate: h, isPending: g } = t(), { mutate: _, isPending: v } = r(), y = m || g || v || !f, b = "Add to Favorites";
-	return f ? p && (b = "Remove from Favorites") : b = "Sign in to add this to your favorites", /* @__PURE__ */ l(a, {
-		condition: m,
+	let { entityId: d, iconColor: f } = u, { isAuthenticated: p } = e(), { isFavorite: m, isLoading: h } = n(d), { mutate: g, isPending: _ } = t(), { mutate: v, isPending: y } = r(), b = h || _ || y || !p, x = "Add to Favorites";
+	return p ? m && (x = "Remove from Favorites") : x = "Sign in to add this to your favorites", /* @__PURE__ */ l(a, {
+		condition: h,
 		wrapper: s,
 		children: /* @__PURE__ */ l(c, {
-			title: b,
+			title: x,
 			placement: "top",
 			children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(o, {
 				size: "small",
-				disabled: y,
+				disabled: b,
 				onClick: () => {
-					p ? _(d) : h(d);
+					m ? v(d) : g(d);
 				},
 				sx: { padding: "2px" },
 				children: /* @__PURE__ */ l(i, {
-					icon: p ? "fav" : "favOutline",
+					icon: m ? "fav" : "favOutline",
 					sx: {
-						color: "tertiary.main",
+						color: m ? "tertiary.main" : f ?? "tertiary.main",
 						width: "21px",
 						height: "21px"
 					},