synapse-react-client 4.0.25 → 4.0.27

package/dist/components/SynapseTable/table-top/DownloadOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadOptions.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/DownloadOptions.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { isDataset } from '@/utils/functions/EntityTypeUtils'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { MenuItem, Tooltip } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useMemo, useState } from 'react'\nimport ModalDownload from '../../ModalDownload/ModalDownload'\nimport ProgrammaticTableDownload from '../../ProgrammaticTableDownload/ProgrammaticTableDownload'\nimport { useQueryContext } from '../../QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport { getFileColumnModelId } from '../SynapseTableUtils'\nimport { getNumberOfResultsToAddToDownloadListCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport { DownloadLoginModal } from './DownloadLoginModal'\n\nexport type DownloadOptionsProps = {\n  onDownloadFiles: () => void\n  darkTheme?: boolean\n}\n\nexport function DownloadOptions(props: DownloadOptionsProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const queryBundleRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const [showProgrammaticOptions, setShowProgrammaticOptions] = useState(false)\n  const { onDownloadFiles, darkTheme = true } = props\n\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n\n  const showAddQueryToDownloadList = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\n\n  // SWC-5878 - Disable downloading a \"Draft\" dataset\n  const disableDownload = entity && isDataset(entity) && entity.isLatestVersion\n\n  const downloadMenuItems: ReactNode[] = useMemo(() => {\n    const downloadMenuItems = []\n    if (showAddQueryToDownloadList) {\n      downloadMenuItems.push(\n        <Tooltip\n          key={'add-to-download-list'}\n          title={\n            disableDownload\n              ? 'A draft version of a dataset cannot be added to the Download Cart'\n              : null\n          }\n          placement=\"left\"\n          enterNextDelay={300}\n          describeChild={true}\n        >\n          <MenuItem\n            className={disableDownload ? 'ignoreLink' : undefined}\n            disabled={disableDownload}\n            // If disabled, add pointer-events-auto so the tooltip still works\n            style={disableDownload ? { pointerEvents: 'auto' } : {}}\n            onClick={() =>\n              isAuthenticated ? onDownloadFiles() : setShowLoginModal(true)\n            }\n          >\n            {getNumberOfResultsToAddToDownloadListCopy(\n              hasResettableFilters,\n              hasSelectedRows,\n              selectedRows,\n              queryMetadata?.queryCount,\n              'file',\n            )}\n          </MenuItem>\n        </Tooltip>,\n      )\n    }\n    downloadMenuItems.push(\n      <MenuItem\n        key={'export-table'}\n        onClick={() => {\n          setShowExportMetadata(true)\n        }}\n      >\n        Export Table\n      </MenuItem>,\n    )\n    downloadMenuItems.push(\n      <Tooltip\n        key={'programmatic-options'}\n        title={\n          disableDownload\n            ? 'A draft version of a dataset cannot be downloaded programmatically'\n            : null\n        }\n        placement=\"left\"\n        enterNextDelay={300}\n        describeChild={true}\n      >\n        <MenuItem\n          className={disableDownload ? 'ignoreLink' : undefined}\n          disabled={disableDownload}\n          // If disabled, add pointer-events-auto so the tooltip still works\n          style={disableDownload ? { pointerEvents: 'auto' } : {}}\n          onClick={() => setShowProgrammaticOptions(true)}\n        >\n          Programmatic Options\n        </MenuItem>\n      </Tooltip>,\n    )\n    return downloadMenuItems\n  }, [\n    isAuthenticated,\n    disableDownload,\n    hasResettableFilters,\n    hasSelectedRows,\n    onDownloadFiles,\n    queryMetadata?.queryCount,\n    selectedRows,\n    showAddQueryToDownloadList,\n  ])\n\n  return (\n    <>\n      <ElementWithTooltip\n        tooltipText={'Download Options'}\n        size=\"lg\"\n        darkTheme={darkTheme}\n        icon={'download'}\n        menuItems={downloadMenuItems}\n      />\n      {showLoginModal && (\n        <DownloadLoginModal\n          showModal={showLoginModal}\n          onHide={() => setShowLoginModal(false)}\n        ></DownloadLoginModal>\n      )}\n      {\n        // modal can render anywhere, this is not a particular location\n        showExportMetadata && (\n          <ModalDownload\n            onClose={() => setShowExportMetadata(false)}\n            queryBundleRequest={queryBundleRequest}\n          />\n        )\n      }\n      {showProgrammaticOptions && queryMetadata && (\n        <ProgrammaticTableDownload\n          onHide={() => setShowProgrammaticOptions(false)}\n          queryBundleRequest={queryBundleRequest}\n        ></ProgrammaticTableDownload>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EACJ,aACA,kBACA,2BACA,4BACE,EAAgB,GACd,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAE9C,IAAe,EAAyB,GACxC,IAAkB,EAA4B,GAE9C,IAAqB,QACnB,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GAEM,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,CAAC,GAAyB,KAA8B,EAAS,EAAK,GACtE,EAAE,oBAAiB,eAAY,OAAS,GAIxC,IAA6B,EACjC,GAHmB,EAAqB,GAAe,YAIvD,CACF,GAGM,IAAkB,KAAU,EAAU,CAAM,KAAK,EAAO;CAkF9D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,aAAa;GACb,MAAK;GACM;GACX,MAAM;GACN,WAvFiC,QAAc;IACnD,IAAM,IAAoB,CAAC;IAmE3B,OAlEI,KACF,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,sEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eACE,IAAkB,EAAgB,IAAI,EAAkB,EAAI;gBAG7D,EACC,GACA,GACA,GACA,GAAe,YACf,MACF;KACQ,CAAA;IACH,GA3BF,sBA2BE,CACX,GAEF,EAAkB,KAChB,kBAAC,GAAD;KAEE,eAAe;MACb,EAAsB,EAAI;KAC5B;eACD;IAES,GANH,cAMG,CACZ,GACA,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,uEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eAAe,EAA2B,EAAI;gBAC/C;KAES,CAAA;IACH,GAnBF,sBAmBE,CACX,GACO;GACT,GAAG;IACD;IACA;IACA;IACA;IACA;IACA,GAAe;IACf;IACA;GACF,CASiB;EACZ,CAAA;EACA,KACC,kBAAC,GAAD;GACE,WAAW;GACX,cAAc,EAAkB,EAAK;EAClB,CAAA;EAIrB,KACE,kBAAC,GAAD;GACE,eAAe,EAAsB,EAAK;GACtB;EACrB,CAAA;EAGJ,KAA2B,KAC1B,kBAAC,GAAD;GACE,cAAc,EAA2B,EAAK;GAC1B;EACM,CAAA;CAE9B,EAAA,CAAA;AAEN"}
+{"version":3,"file":"DownloadOptions.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/DownloadOptions.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { isDataset } from '@/utils/functions/EntityTypeUtils'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { MenuItem, Tooltip } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useMemo, useState } from 'react'\nimport ModalDownload from '../../ModalDownload/ModalDownload'\nimport ProgrammaticTableDownload from '../../ProgrammaticTableDownload/ProgrammaticTableDownload'\nimport { useQueryContext } from '../../QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport { getFileColumnModelId } from '../SynapseTableUtils'\nimport { getNumberOfResultsToAddToDownloadListCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport { DownloadLoginModal } from './DownloadLoginModal'\n\nexport type DownloadOptionsProps = {\n  onDownloadFiles: () => void\n  darkTheme?: boolean\n}\n\nexport function DownloadOptions(props: DownloadOptionsProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const queryBundleRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const [showProgrammaticOptions, setShowProgrammaticOptions] = useState(false)\n  const { onDownloadFiles, darkTheme = true } = props\n\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n\n  const showAddQueryToDownloadList = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\n\n  // SWC-5878 - Disable downloading a \"Draft\" dataset\n  const disableDownload = entity && isDataset(entity) && entity.isLatestVersion\n\n  const downloadMenuItems: ReactNode[] = useMemo(() => {\n    const downloadMenuItems = []\n    if (showAddQueryToDownloadList) {\n      downloadMenuItems.push(\n        <Tooltip\n          key={'add-to-download-list'}\n          title={\n            disableDownload\n              ? 'A draft version of a dataset cannot be added to the Download List'\n              : null\n          }\n          placement=\"left\"\n          enterNextDelay={300}\n          describeChild={true}\n        >\n          <MenuItem\n            className={disableDownload ? 'ignoreLink' : undefined}\n            disabled={disableDownload}\n            // If disabled, add pointer-events-auto so the tooltip still works\n            style={disableDownload ? { pointerEvents: 'auto' } : {}}\n            onClick={() =>\n              isAuthenticated ? onDownloadFiles() : setShowLoginModal(true)\n            }\n          >\n            {getNumberOfResultsToAddToDownloadListCopy(\n              hasResettableFilters,\n              hasSelectedRows,\n              selectedRows,\n              queryMetadata?.queryCount,\n              'file',\n            )}\n          </MenuItem>\n        </Tooltip>,\n      )\n    }\n    downloadMenuItems.push(\n      <MenuItem\n        key={'export-table'}\n        onClick={() => {\n          setShowExportMetadata(true)\n        }}\n      >\n        Export Table\n      </MenuItem>,\n    )\n    downloadMenuItems.push(\n      <Tooltip\n        key={'programmatic-options'}\n        title={\n          disableDownload\n            ? 'A draft version of a dataset cannot be downloaded programmatically'\n            : null\n        }\n        placement=\"left\"\n        enterNextDelay={300}\n        describeChild={true}\n      >\n        <MenuItem\n          className={disableDownload ? 'ignoreLink' : undefined}\n          disabled={disableDownload}\n          // If disabled, add pointer-events-auto so the tooltip still works\n          style={disableDownload ? { pointerEvents: 'auto' } : {}}\n          onClick={() => setShowProgrammaticOptions(true)}\n        >\n          Programmatic Options\n        </MenuItem>\n      </Tooltip>,\n    )\n    return downloadMenuItems\n  }, [\n    isAuthenticated,\n    disableDownload,\n    hasResettableFilters,\n    hasSelectedRows,\n    onDownloadFiles,\n    queryMetadata?.queryCount,\n    selectedRows,\n    showAddQueryToDownloadList,\n  ])\n\n  return (\n    <>\n      <ElementWithTooltip\n        tooltipText={'Download Options'}\n        size=\"lg\"\n        darkTheme={darkTheme}\n        icon={'download'}\n        menuItems={downloadMenuItems}\n      />\n      {showLoginModal && (\n        <DownloadLoginModal\n          showModal={showLoginModal}\n          onHide={() => setShowLoginModal(false)}\n        ></DownloadLoginModal>\n      )}\n      {\n        // modal can render anywhere, this is not a particular location\n        showExportMetadata && (\n          <ModalDownload\n            onClose={() => setShowExportMetadata(false)}\n            queryBundleRequest={queryBundleRequest}\n          />\n        )\n      }\n      {showProgrammaticOptions && queryMetadata && (\n        <ProgrammaticTableDownload\n          onHide={() => setShowProgrammaticOptions(false)}\n          queryBundleRequest={queryBundleRequest}\n        ></ProgrammaticTableDownload>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EACJ,aACA,kBACA,2BACA,4BACE,EAAgB,GACd,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAE9C,IAAe,EAAyB,GACxC,IAAkB,EAA4B,GAE9C,IAAqB,QACnB,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GAEM,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,CAAC,GAAyB,KAA8B,EAAS,EAAK,GACtE,EAAE,oBAAiB,eAAY,OAAS,GAIxC,IAA6B,EACjC,GAHmB,EAAqB,GAAe,YAIvD,CACF,GAGM,IAAkB,KAAU,EAAU,CAAM,KAAK,EAAO;CAkF9D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,aAAa;GACb,MAAK;GACM;GACX,MAAM;GACN,WAvFiC,QAAc;IACnD,IAAM,IAAoB,CAAC;IAmE3B,OAlEI,KACF,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,sEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eACE,IAAkB,EAAgB,IAAI,EAAkB,EAAI;gBAG7D,EACC,GACA,GACA,GACA,GAAe,YACf,MACF;KACQ,CAAA;IACH,GA3BF,sBA2BE,CACX,GAEF,EAAkB,KAChB,kBAAC,GAAD;KAEE,eAAe;MACb,EAAsB,EAAI;KAC5B;eACD;IAES,GANH,cAMG,CACZ,GACA,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,uEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eAAe,EAA2B,EAAI;gBAC/C;KAES,CAAA;IACH,GAnBF,sBAmBE,CACX,GACO;GACT,GAAG;IACD;IACA;IACA;IACA;IACA;IACA,GAAe;IACf;IACA;GACF,CASiB;EACZ,CAAA;EACA,KACC,kBAAC,GAAD;GACE,WAAW;GACX,cAAc,EAAkB,EAAK;EAClB,CAAA;EAIrB,KACE,kBAAC,GAAD;GACE,eAAe,EAAsB,EAAK;GACtB;EACrB,CAAA;EAGJ,KAA2B,KAC1B,kBAAC,GAAD;GACE,cAAc,EAA2B,EAAK;GAC1B;EACM,CAAA;CAE9B,EAAA,CAAA;AAEN"}

package/dist/components/TableColumnSchemaEditor/ImportTableColumnsButton.js

@@ -2,8 +2,8 @@ import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import t from "../../synapse-client/index.js";
 import { EntityTypeGroup as n } from "../../utils/functions/EntityTypeUtils.js";
 import { useSynapseContext as r } from "../../utils/context/SynapseContext.js";
-import "../../utils/index.js";
 import "../ToastMessage/index.js";
+import "../../utils/index.js";
 import { VersionSelectionType as i } from "../EntityFinder/VersionSelectionType.js";
 import { FinderScope as a } from "../EntityFinder/tree/EntityTree.js";
 import { EntityFinderModal as o } from "../EntityFinder/EntityFinderModal.js";

package/dist/components/TextField/TextField.css

@@ -1 +1 @@
-._inputLabel_11mtz_1.MuiInputLabel-root{flex-wrap:wrap;align-items:baseline;display:flex;position:static}._inputLabel_11mtz_1.MuiInputLabel-root .MuiFormLabel-asterisk{order:1}._description_11mtz_11{text-wrap:wrap;color:var(--synapse-gray-600);flex-basis:100%;order:2;margin-top:6px;font-weight:500}._charCount_11mtz_20{text-align:right;color:var(--synapse-gray-600);margin-top:2px;font-size:.75rem}
+._inputLabel_1d4zc_1.MuiInputLabel-root{flex-wrap:wrap;align-items:baseline;display:flex;position:static}._inputLabel_1d4zc_1.MuiInputLabel-root .MuiFormLabel-asterisk{order:1}._description_1d4zc_11{flex-basis:100%;order:2}._charCount_1d4zc_16{text-align:right;color:var(--synapse-gray-600);margin-top:2px;font-size:.75rem}

package/dist/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,cAAc,IAAI,iBAAiB,EAEpC,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,SAAS,EAAS,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,EAAE,EAAE,MAAM,EACV,KAAK,EACL,SAAgB,EAChB,SAAS,EACT,EAAE,EACF,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,2CAwDhB"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,cAAc,IAAI,iBAAiB,EAEpC,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,SAAS,EAAS,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,EAAE,EAAE,MAAM,EACV,KAAK,EACL,SAAgB,EAChB,SAAS,EACT,EAAE,EACF,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,2CA0DhB"}

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/WordPress/useWordPressPosts.js

@@ -2,7 +2,7 @@ import { useQuery as e } from "@tanstack/react-query";
 //#region src/components/WordPress/useWordPressPosts.ts
 async function t(e, t) {
 	let n = new URL(`${e}/wp-json/wp/v2/posts`);
-	n.searchParams.set("per_page", String(t)), n.searchParams.set("orderby", "date"), n.searchParams.set("order", "desc"), n.searchParams.set("_fields", "id,date,link,title,categories");
+	n.searchParams.set("per_page", String(t)), n.searchParams.set("orderby", "date"), n.searchParams.set("order", "desc"), n.searchParams.set("_fields", "id,date,link,title,excerpt,categories");
 	let r = await fetch(n.toString());
 	if (!r.ok) throw Error(`Failed to fetch WordPress posts: ${r.statusText}`);
 	return r.json();

package/dist/components/WordPress/useWordPressPosts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWordPressPosts.js","names":[],"sources":["../../../src/components/WordPress/useWordPressPosts.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressPost } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressPosts(\n  wordpressSiteUrl: string,\n  postCount: number,\n): Promise<WordPressPost[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)\n  url.searchParams.set('per_page', String(postCount))\n  url.searchParams.set('orderby', 'date')\n  url.searchParams.set('order', 'desc')\n  url.searchParams.set('_fields', 'id,date,link,title,categories')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(`Failed to fetch WordPress posts: ${response.statusText}`)\n  }\n  return response.json() as Promise<WordPressPost[]>\n}\n\nexport function useWordPressPosts(wordpressSiteUrl: string, postCount: number) {\n  return useQuery({\n    queryKey: ['wordpressPosts', wordpressSiteUrl, postCount],\n    queryFn: () => fetchWordPressPosts(wordpressSiteUrl, postCount),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GAC0B;CAC1B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,qBAAqB;CAI7D,AAHA,EAAI,aAAa,IAAI,YAAY,OAAO,CAAS,CAAC,GAClD,EAAI,aAAa,IAAI,WAAW,MAAM,GACtC,EAAI,aAAa,IAAI,SAAS,MAAM,GACpC,EAAI,aAAa,IAAI,WAAW,+BAA+B;CAC/D,IAAM,IAAW,MAAM,MAAM,EAAI,SAAS,CAAC;CAC3C,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,oCAAoC,EAAS,YAAY;CAE3E,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EAAkB,GAA0B,GAAmB;CAC7E,OAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAkB;EAAS;EACxD,eAAe,EAAoB,GAAkB,CAAS;CAChE,CAAC;AACH"}
+{"version":3,"file":"useWordPressPosts.js","names":[],"sources":["../../../src/components/WordPress/useWordPressPosts.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressPost } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressPosts(\n  wordpressSiteUrl: string,\n  postCount: number,\n): Promise<WordPressPost[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)\n  url.searchParams.set('per_page', String(postCount))\n  url.searchParams.set('orderby', 'date')\n  url.searchParams.set('order', 'desc')\n  url.searchParams.set('_fields', 'id,date,link,title,excerpt,categories')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(`Failed to fetch WordPress posts: ${response.statusText}`)\n  }\n  return response.json() as Promise<WordPressPost[]>\n}\n\nexport function useWordPressPosts(wordpressSiteUrl: string, postCount: number) {\n  return useQuery({\n    queryKey: ['wordpressPosts', wordpressSiteUrl, postCount],\n    queryFn: () => fetchWordPressPosts(wordpressSiteUrl, postCount),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GAC0B;CAC1B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,qBAAqB;CAI7D,AAHA,EAAI,aAAa,IAAI,YAAY,OAAO,CAAS,CAAC,GAClD,EAAI,aAAa,IAAI,WAAW,MAAM,GACtC,EAAI,aAAa,IAAI,SAAS,MAAM,GACpC,EAAI,aAAa,IAAI,WAAW,uCAAuC;CACvE,IAAM,IAAW,MAAM,MAAM,EAAI,SAAS,CAAC;CAC3C,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,oCAAoC,EAAS,YAAY;CAE3E,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EAAkB,GAA0B,GAAmB;CAC7E,OAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAkB;EAAS;EACxD,eAAe,EAAoB,GAAkB,CAAS;CAChE,CAAC;AACH"}

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) {