synapse-react-client 4.0.26 → 4.0.27

package/dist/components/ProjectStorage/ProjectDataAvailability.js

@@ -1,97 +1,89 @@
 import { spreadSx as e } from "../../theme/spreadSx.js";
-import { SAGE_OFFERINGS_HELP_URL as t } from "../../utils/SynapseConstants.js";
-import { calculateFriendlyFileSize as n } from "../../utils/functions/calculateFriendlyFileSize.js";
+import { calculateFriendlyFileSize as t } from "../../utils/functions/calculateFriendlyFileSize.js";
 import "../../synapse-client/SynapseClient.js";
 import "../../synapse-client/index.js";
-import { useSynapseContext as r } from "../../utils/context/SynapseContext.js";
+import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
 import "../../utils/index.js";
-import { useProjectStorageUsage as i } from "../../synapse-queries/entity/useProjectStorage.js";
+import { useProjectStorageUsage as r } from "../../synapse-queries/entity/useProjectStorage.js";
 import "../../synapse-queries/index.js";
-import a from "../HelpPopover/index.js";
 import "react";
-import { Box as o, Tooltip as s, Typography as c } from "@mui/material";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Box as i, Divider as a, Tooltip as o, Typography as s } from "@mui/material";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/ProjectStorage/ProjectDataAvailability.tsx
-var f = 142;
-function p({ projectId: p, sx: m }) {
-	let { isAuthenticated: h } = r(), { data: g } = i(p, { enabled: !!p && h }), _ = g?.locations.filter((e) => e.storageLocationId == 1), v = _?.length == 1 ? _[0] : void 0;
-	if (!v) return /* @__PURE__ */ u(l, {});
-	let { sumFileBytes: y = 0, maxAllowedFileBytes: b = 0 } = v;
-	if (b == 0) return /* @__PURE__ */ u(l, {});
-	let x = Math.min(Math.round(y / b * f), f), S = n(y, 1), C = n(b, 1).replace(/\.0\s/, " ");
-	return /* @__PURE__ */ d(o, {
+var d = "#576077", f = "#DEE0E5", p = "#38756A", m = .5;
+function h({ projectId: h, sx: g, showBottomDivider: _ = !1 }) {
+	let { isAuthenticated: v } = n(), { data: y } = r(h, { enabled: !!h && v }), b = y?.locations.filter((e) => e.storageLocationId == 1), x = b?.length == 1 ? b[0] : void 0;
+	if (!x) return /* @__PURE__ */ l(c, {});
+	let { sumFileBytes: S = 0, maxAllowedFileBytes: C = 0 } = x;
+	if (C == 0) return /* @__PURE__ */ l(c, {});
+	let w = S / C * 100, T = Math.min(w, 100), E = S === 0 ? "0%" : w < 1 ? "<1%" : `${Math.round(w)}%`, D = S === 0 ? 0 : Math.max(T, m), O = t(S, 1), k = t(C, 1).replace(/\.0\s/, " ");
+	return /* @__PURE__ */ u(i, {
 		sx: e({
 			display: "flex",
 			flexDirection: "column",
-			width: "210px",
+			width: "100%",
 			fontFamily: "DM Sans",
-			color: "white",
-			px: "10px"
-		}, m),
-		children: [/* @__PURE__ */ d(o, {
-			sx: {
-				display: "flex",
-				flexDirection: "row",
-				gap: "5px"
-			},
-			children: [
-				/* @__PURE__ */ d(c, {
-					sx: {
-						fontWeight: 700,
-						fontSize: "16px"
-					},
-					children: ["Data Availability", " "]
-				}),
-				" ",
-				/* @__PURE__ */ u(a, {
-					containerSx: { fontSize: "12px" },
-					markdownText: "Hosting Plan Options:\n- Basic Plan: Free, for sharing small datasets (<100GB) with self-service setup. No direct support.\n- Self-Managed Plan: Ideal for data longevity, FAIR principles, and NIH compliance. Includes consultation services and data access management tools.\n- Data Coordination Plan: For large, multi-institutional projects, with personalized consulting, data curation, and a custom data portal.",
-					helpUrl: t
-				})
-			]
-		}), v.maxAllowedFileBytes && /* @__PURE__ */ u(s, {
-			title: `Using ${S} out of ${C}`,
-			children: /* @__PURE__ */ d(o, {
+			color: d
+		}, g),
+		children: [
+			/* @__PURE__ */ l(i, {
 				sx: {
 					display: "flex",
 					flexDirection: "row",
-					gap: "5px",
-					alignItems: "center"
+					marginBottom: "10px"
 				},
-				children: [
-					/* @__PURE__ */ u(c, {
-						variant: "body1",
-						sx: { fontSize: "12px" },
-						children: "0"
-					}),
-					/* @__PURE__ */ u(o, {
-						sx: {
-							width: `${f}px`,
-							height: "4px",
-							backgroundColor: "white",
-							borderRadius: "50px"
-						},
-						children: /* @__PURE__ */ u(o, { sx: {
-							width: `${x}px`,
-							height: "4px",
-							backgroundColor: "#EDC766",
-							borderRadius: "50px"
-						} })
-					}),
-					/* @__PURE__ */ u(c, {
-						variant: "body1",
+				children: /* @__PURE__ */ u(s, {
+					sx: {
+						fontWeight: 500,
+						fontSize: "12px",
+						textTransform: "uppercase"
+					},
+					children: ["Data Availability", " "]
+				})
+			}),
+			x.maxAllowedFileBytes && /* @__PURE__ */ l(o, {
+				title: `Using ${O} out of ${k}`,
+				children: /* @__PURE__ */ u(i, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: "8px"
+					},
+					children: [/* @__PURE__ */ l(i, {
 						sx: {
-							fontSize: "12px",
-							whiteSpace: "nowrap"
+							display: "flex",
+							flexDirection: "row",
+							alignItems: "center"
 						},
-						children: C
-					})
-				]
-			})
-		})]
+						children: /* @__PURE__ */ l(i, {
+							sx: {
+								width: "100%",
+								height: "6px",
+								backgroundColor: f,
+								borderRadius: "50px"
+							},
+							children: /* @__PURE__ */ l(i, { sx: {
+								width: `${D}%`,
+								height: "6px",
+								backgroundColor: p,
+								borderRadius: "50px"
+							} })
+						})
+					}), /* @__PURE__ */ l(s, {
+						variant: "body2",
+						sx: { color: d },
+						children: `${E} of ${k}`
+					})]
+				})
+			}),
+			_ && /* @__PURE__ */ l(a, { sx: {
+				mt: "16px",
+				borderColor: "rgba(226, 228, 234, 0.50)"
+			} })
+		]
 	});
 }
 //#endregion
-export { p as ProjectDataAvailability, p as default };
+export { h as ProjectDataAvailability, h as default };
 
 //# sourceMappingURL=ProjectDataAvailability.js.map

package/dist/components/ProjectStorage/ProjectDataAvailability.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDataAvailability.js","names":[],"sources":["../../../src/components/ProjectStorage/ProjectDataAvailability.tsx"],"sourcesContent":["import { SYNAPSE_STORAGE_LOCATION_ID } from '@/synapse-client'\nimport { useProjectStorageUsage } from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { useSynapseContext } from '@/utils'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { SAGE_OFFERINGS_HELP_URL } from '@/utils/SynapseConstants'\nimport { Box, SxProps, Tooltip, Typography } from '@mui/material'\nimport React from 'react'\nimport HelpPopover from '../HelpPopover'\n\nexport type ProjectDataAvailabilityProps = {\n  projectId?: string\n  sx?: SxProps\n}\nconst usageBarWidth = 142 //px\n\nexport function ProjectDataAvailability({\n  projectId,\n  sx,\n}: ProjectDataAvailabilityProps): React.ReactNode {\n  const { isAuthenticated } = useSynapseContext()\n  const { data } = useProjectStorageUsage(projectId!, {\n    enabled: !!projectId && isAuthenticated,\n  })\n  const projectDataUsageArray = data?.locations.filter(\n    v => v.storageLocationId == SYNAPSE_STORAGE_LOCATION_ID,\n  )\n  const synapseStorageUsage =\n    projectDataUsageArray?.length == 1 ? projectDataUsageArray[0] : undefined\n  if (!synapseStorageUsage) {\n    return <></>\n  }\n  const { sumFileBytes = 0, maxAllowedFileBytes = 0 } = synapseStorageUsage\n  if (maxAllowedFileBytes == 0) {\n    return <></>\n  }\n  const usageBarFilledPx = Math.min(\n    Math.round((sumFileBytes / maxAllowedFileBytes) * usageBarWidth),\n    usageBarWidth,\n  )\n  const friendlySumFileBytes = calculateFriendlyFileSize(sumFileBytes, 1)\n  const friendlyMaxAllowedFileBytes = calculateFriendlyFileSize(\n    maxAllowedFileBytes,\n    1,\n  ).replace(/\\.0\\s/, ' ') // SWC-7183: remove '.0 ' from the string if it exists\n  return (\n    <Box\n      sx={spreadSx(\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          width: '210px',\n          fontFamily: 'DM Sans',\n          color: 'white',\n          px: '10px',\n        },\n        sx,\n      )}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '5px',\n        }}\n      >\n        <Typography\n          sx={{\n            // match current styles in Project metadata\n            fontWeight: 700,\n            fontSize: '16px',\n          }}\n        >\n          Data Availability{' '}\n        </Typography>{' '}\n        <HelpPopover\n          containerSx={{\n            fontSize: '12px',\n          }}\n          markdownText=\"Hosting Plan Options:\n- Basic Plan: Free, for sharing small datasets (<100GB) with self-service setup. No direct support.\n- Self-Managed Plan: Ideal for data longevity, FAIR principles, and NIH compliance. Includes consultation services and data access management tools.\n- Data Coordination Plan: For large, multi-institutional projects, with personalized consulting, data curation, and a custom data portal.\"\n          helpUrl={SAGE_OFFERINGS_HELP_URL}\n        />\n      </Box>\n      {synapseStorageUsage.maxAllowedFileBytes && (\n        <Tooltip\n          title={`Using ${friendlySumFileBytes} out of ${friendlyMaxAllowedFileBytes}`}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              gap: '5px',\n              alignItems: 'center',\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontSize: '12px',\n              }}\n            >\n              0\n            </Typography>\n            {/* Progress Bar */}\n            <Box\n              sx={{\n                width: `${usageBarWidth}px`,\n                height: '4px',\n                backgroundColor: 'white',\n                borderRadius: '50px',\n              }}\n            >\n              <Box\n                sx={{\n                  width: `${usageBarFilledPx}px`,\n                  height: '4px',\n                  backgroundColor: '#EDC766',\n                  borderRadius: '50px',\n                }}\n              ></Box>\n            </Box>\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontSize: '12px',\n                whiteSpace: 'nowrap',\n              }}\n            >\n              {friendlyMaxAllowedFileBytes}\n            </Typography>\n          </Box>\n        </Tooltip>\n      )}\n    </Box>\n  )\n}\n\nexport default ProjectDataAvailability\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAM,IAAgB;AAEtB,SAAgB,EAAwB,EACtC,cACA,SACgD;CAChD,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EAAE,YAAS,EAAuB,GAAY,EAClD,SAAS,CAAC,CAAC,KAAa,EAC1B,CAAC,GACK,IAAwB,GAAM,UAAU,QAC5C,MAAK,EAAE,qBAAA,CACT,GACM,IACJ,GAAuB,UAAU,IAAI,EAAsB,KAAK,KAAA;CAClE,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAEb,IAAM,EAAE,kBAAe,GAAG,yBAAsB,MAAM;CACtD,IAAI,KAAuB,GACzB,OAAO,kBAAA,GAAA,CAAI,CAAA;CAEb,IAAM,IAAmB,KAAK,IAC5B,KAAK,MAAO,IAAe,IAAuB,CAAa,GAC/D,CACF,GACM,IAAuB,EAA0B,GAAc,CAAC,GAChE,IAA8B,EAClC,GACA,CACF,EAAE,QAAQ,SAAS,GAAG;CACtB,OACE,kBAAC,GAAD;EACE,IAAI,EACF;GACE,SAAS;GACT,eAAe;GACf,OAAO;GACP,YAAY;GACZ,OAAO;GACP,IAAI;EACN,GACA,CACF;YAXF,CAaE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,eAAe;IACf,KAAK;GACP;aALF;IAOE,kBAAC,GAAD;KACE,IAAI;MAEF,YAAY;MACZ,UAAU;KACZ;eALF,CAMC,qBACmB,GACR;;IAAE;IACd,kBAAC,GAAD;KACE,aAAa,EACX,UAAU,OACZ;KACA,cAAa;KAIb,SAAS;IACV,CAAA;GACE;MACJ,EAAoB,uBACnB,kBAAC,GAAD;GACE,OAAO,SAAS,EAAqB,UAAU;aAE/C,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,YAAY;IACd;cANF;KAQE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,UAAU,OACZ;gBACD;KAEW,CAAA;KAEZ,kBAAC,GAAD;MACE,IAAI;OACF,OAAO,GAAG,EAAc;OACxB,QAAQ;OACR,iBAAiB;OACjB,cAAc;MAChB;gBAEA,kBAAC,GAAD,EACE,IAAI;OACF,OAAO,GAAG,EAAiB;OAC3B,QAAQ;OACR,iBAAiB;OACjB,cAAc;MAChB,EACI,CAAA;KACH,CAAA;KACL,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,UAAU;OACV,YAAY;MACd;gBAEC;KACS,CAAA;IACT;;EACE,CAAA,CAER;;AAET"}
+{"version":3,"file":"ProjectDataAvailability.js","names":[],"sources":["../../../src/components/ProjectStorage/ProjectDataAvailability.tsx"],"sourcesContent":["import { SYNAPSE_STORAGE_LOCATION_ID } from '@/synapse-client'\nimport { useProjectStorageUsage } from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { useSynapseContext } from '@/utils'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Box, SxProps, Tooltip, Typography, Divider } from '@mui/material'\nimport React from 'react'\n\nexport type ProjectDataAvailabilityProps = {\n  projectId?: string\n  sx?: SxProps\n  showBottomDivider?: boolean\n}\nconst textColor = '#576077'\nconst trackColor = '#DEE0E5'\nconst fillColor = '#38756A'\nconst MIN_VISIBLE_USAGE_PERCENT = 0.5\n\nexport function ProjectDataAvailability({\n  projectId,\n  sx,\n  showBottomDivider = false,\n}: ProjectDataAvailabilityProps): React.ReactNode {\n  const { isAuthenticated } = useSynapseContext()\n  const { data } = useProjectStorageUsage(projectId!, {\n    enabled: !!projectId && isAuthenticated,\n  })\n  const projectDataUsageArray = data?.locations.filter(\n    v => v.storageLocationId == SYNAPSE_STORAGE_LOCATION_ID,\n  )\n  const synapseStorageUsage =\n    projectDataUsageArray?.length == 1 ? projectDataUsageArray[0] : undefined\n  if (!synapseStorageUsage) {\n    return <></>\n  }\n  const { sumFileBytes = 0, maxAllowedFileBytes = 0 } = synapseStorageUsage\n  if (maxAllowedFileBytes == 0) {\n    return <></>\n  }\n  const rawUsagePercent = (sumFileBytes / maxAllowedFileBytes) * 100\n  const boundedUsagePercent = Math.min(rawUsagePercent, 100)\n\n  const usagePercentLabel =\n    sumFileBytes === 0\n      ? '0%'\n      : rawUsagePercent < 1\n        ? '<1%'\n        : `${Math.round(rawUsagePercent)}%`\n\n  const usageBarPercent =\n    sumFileBytes === 0\n      ? 0\n      : Math.max(boundedUsagePercent, MIN_VISIBLE_USAGE_PERCENT)\n\n  const friendlySumFileBytes = calculateFriendlyFileSize(sumFileBytes, 1)\n  const friendlyMaxAllowedFileBytes = calculateFriendlyFileSize(\n    maxAllowedFileBytes,\n    1,\n  ).replace(/\\.0\\s/, ' ') // SWC-7183: remove '.0 ' from the string if it exists\n  return (\n    <Box\n      sx={spreadSx(\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          width: '100%',\n          fontFamily: 'DM Sans',\n          color: textColor,\n        },\n        sx,\n      )}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          marginBottom: '10px',\n        }}\n      >\n        <Typography\n          sx={{\n            // match current styles in Project metadata\n            fontWeight: 500,\n            fontSize: '12px',\n            textTransform: 'uppercase',\n          }}\n        >\n          Data Availability{' '}\n        </Typography>\n      </Box>\n      {synapseStorageUsage.maxAllowedFileBytes && (\n        <Tooltip\n          title={`Using ${friendlySumFileBytes} out of ${friendlyMaxAllowedFileBytes}`}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '8px',\n            }}\n          >\n            <Box\n              sx={{\n                display: 'flex',\n                flexDirection: 'row',\n                alignItems: 'center',\n              }}\n            >\n              {/* Progress Bar */}\n              <Box\n                sx={{\n                  width: '100%',\n                  height: '6px',\n                  backgroundColor: trackColor,\n                  borderRadius: '50px',\n                }}\n              >\n                <Box\n                  sx={{\n                    width: `${usageBarPercent}%`,\n                    height: '6px',\n                    backgroundColor: fillColor,\n                    borderRadius: '50px',\n                  }}\n                ></Box>\n              </Box>\n            </Box>\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: textColor,\n              }}\n            >\n              {`${usagePercentLabel} of ${friendlyMaxAllowedFileBytes}`}\n            </Typography>\n          </Box>\n        </Tooltip>\n      )}\n      {showBottomDivider && (\n        <Divider\n          sx={{\n            mt: '16px',\n            borderColor: 'rgba(226, 228, 234, 0.50)',\n          }}\n        />\n      )}\n    </Box>\n  )\n}\n\nexport default ProjectDataAvailability\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,IAAY,WACZ,IAAa,WACb,IAAY,WACZ,IAA4B;AAElC,SAAgB,EAAwB,EACtC,cACA,OACA,uBAAoB,MAC4B;CAChD,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EAAE,YAAS,EAAuB,GAAY,EAClD,SAAS,CAAC,CAAC,KAAa,EAC1B,CAAC,GACK,IAAwB,GAAM,UAAU,QAC5C,MAAK,EAAE,qBAAA,CACT,GACM,IACJ,GAAuB,UAAU,IAAI,EAAsB,KAAK,KAAA;CAClE,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAEb,IAAM,EAAE,kBAAe,GAAG,yBAAsB,MAAM;CACtD,IAAI,KAAuB,GACzB,OAAO,kBAAA,GAAA,CAAI,CAAA;CAEb,IAAM,IAAmB,IAAe,IAAuB,KACzD,IAAsB,KAAK,IAAI,GAAiB,GAAG,GAEnD,IACJ,MAAiB,IACb,OACA,IAAkB,IAChB,QACA,GAAG,KAAK,MAAM,CAAe,EAAE,IAEjC,IACJ,MAAiB,IACb,IACA,KAAK,IAAI,GAAqB,CAAyB,GAEvD,IAAuB,EAA0B,GAAc,CAAC,GAChE,IAA8B,EAClC,GACA,CACF,EAAE,QAAQ,SAAS,GAAG;CACtB,OACE,kBAAC,GAAD;EACE,IAAI,EACF;GACE,SAAS;GACT,eAAe;GACf,OAAO;GACP,YAAY;GACZ,OAAO;EACT,GACA,CACF;YAVF;GAYE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,cAAc;IAChB;cAEA,kBAAC,GAAD;KACE,IAAI;MAEF,YAAY;MACZ,UAAU;MACV,eAAe;KACjB;eANF,CAOC,qBACmB,GACR;;GACT,CAAA;GACJ,EAAoB,uBACnB,kBAAC,GAAD;IACE,OAAO,SAAS,EAAqB,UAAU;cAE/C,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,eAAe;MACf,KAAK;KACP;eALF,CAOE,kBAAC,GAAD;MACE,IAAI;OACF,SAAS;OACT,eAAe;OACf,YAAY;MACd;gBAGA,kBAAC,GAAD;OACE,IAAI;QACF,OAAO;QACP,QAAQ;QACR,iBAAiB;QACjB,cAAc;OAChB;iBAEA,kBAAC,GAAD,EACE,IAAI;QACF,OAAO,GAAG,EAAgB;QAC1B,QAAQ;QACR,iBAAiB;QACjB,cAAc;OAChB,EACI,CAAA;MACH,CAAA;KACF,CAAA,GACL,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,OAAO,EACT;gBAEC,GAAG,EAAkB,MAAM;KAClB,CAAA,CACT;;GACE,CAAA;GAEV,KACC,kBAAC,GAAD,EACE,IAAI;IACF,IAAI;IACJ,aAAa;GACf,EACD,CAAA;EAEA;;AAET"}

package/dist/components/StorybookComponentWrapper.js

@@ -5,9 +5,9 @@ import { SynapseContextProvider as r } from "../utils/context/SynapseContext.js"
 import i from "../utils/hooks/useDetectSSOCode.js";
 import { ApplicationSessionContextProvider as a } from "../utils/AppUtils/session/ApplicationSessionContext.js";
 import { defaultQueryClientConfig as o } from "../utils/context/FullContextProvider.js";
+import "./ToastMessage/index.js";
 import { SynapseSessionManager as s } from "../utils/AppUtils/session/SynapseSessionManager.js";
 import "../utils/index.js";
-import "./ToastMessage/index.js";
 import c from "./Authentication/StandaloneLoginForm.js";
 import "./Authentication/index.js";
 import { Suspense as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useSyncExternalStore as m } from "react";

package/dist/components/SynapseChat/SynapseChat.js

@@ -1,9 +1,9 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import "../ToastMessage/index.js";
 import "../../utils/index.js";
 import { SkeletonParagraph as n } from "../Skeleton/SkeletonParagraph.js";
 import "../Skeleton/index.js";
-import "../ToastMessage/index.js";
 import { useCreateAgentSession as r, useUpdateAgentSession as i } from "../../synapse-queries/chat/useChat.js";
 import { useChatState as a } from "./useChatState.js";
 import { AccessLevelMenu as o } from "./AccessLevelMenu.js";

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.js

@@ -3,11 +3,11 @@ import { convertToEntityType as t, entityTypeToFriendlyName as n, isDataset as r
 import { useSet as a } from "../../../utils/hooks/useSet.js";
 import "../../../utils/hooks/index.js";
 import { BlockingLoader as o } from "../../LoadingScreen/LoadingScreen.js";
+import "../../ToastMessage/index.js";
 import { useGetEntity as s, useGetEntityPath as c, useUpdateEntity as l } from "../../../synapse-queries/entity/useEntity.js";
 import "../../../synapse-queries/index.js";
 import { SkeletonTable as ee } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
-import "../../ToastMessage/index.js";
 import { WarningDialog as u } from "../../SynapseForm/WarningDialog.js";
 import { WideButton as d } from "../../styled/WideButton.js";
 import f from "../../TanStackTable/ColumnHeader.js";

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

@@ -29,7 +29,7 @@ function x(x) {
 			menuItems: m(() => {
 				let e = [];
 				return B && e.push(/* @__PURE__ */ y(_, {
-					title: V ? "A draft version of a dataset cannot be added to the Download Cart" : null,
+					title: V ? "A draft version of a dataset cannot be added to the Download List" : null,
 					placement: "left",
 					enterNextDelay: 300,
 					describeChild: !0,

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/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"}