synapse-react-client 4.0.40 → 4.0.42

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

@@ -6,21 +6,20 @@ import i from "../../../utils/ConditionalWrapper.js";
 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 { 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";
+import { CopyToClipboardString as c } from "../../../CopyToClipboardString/CopyToClipboardString.js";
+import { Avatar as l, Box as u, Skeleton as d, Stack as f, Typography as p } from "@mui/material";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/entity/page/title_bar/EntityPageTitleBar.tsx
-var _ = "#EAF0F5", v = "#497097";
-function y(y) {
-	let { entityId: b, versionNumber: x, entityActionMenuProps: S } = y, 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__ */ g("div", { children: [/* @__PURE__ */ h(d, {
+var g = "#EAF0F5", _ = "#497097";
+function v(v) {
+	let { entityId: y, versionNumber: b, entityActionMenuProps: x } = v, S = x?.actionConfiguration.SHOW_VERSION_HISTORY?.onClick, { data: C, isLoading: w } = t(y, b), T = C?.entity && e(C.entity) ? C.entity.repositoryName : C?.entity?.name;
+	return /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(u, {
 		sx: {
 			padding: "10px 16px",
-			backgroundColor: _,
+			backgroundColor: g,
 			borderRadius: "5px"
 		},
-		children: /* @__PURE__ */ g(p, {
+		children: /* @__PURE__ */ h(f, {
 			sx: {
 				flexDirection: {
 					xs: "column",
@@ -28,19 +27,19 @@ function y(y) {
 				},
 				alignItems: "center"
 			},
-			children: [/* @__PURE__ */ g(p, {
+			children: [/* @__PURE__ */ h(f, {
 				direction: "row",
 				sx: {
 					alignItems: "center",
 					flexGrow: 1
 				},
-				children: [/* @__PURE__ */ h(i, {
-					condition: T,
-					wrapper: f,
+				children: [/* @__PURE__ */ m(i, {
+					condition: w,
+					wrapper: d,
 					wrapperProps: { variant: "circular" },
-					children: /* @__PURE__ */ h(u, {
+					children: /* @__PURE__ */ m(l, {
 						sx: {
-							bgcolor: v,
+							bgcolor: _,
 							height: 68,
 							width: 68,
 							borderRadius: "3px",
@@ -50,46 +49,46 @@ function y(y) {
 							}
 						},
 						variant: "square",
-						children: w?.entityType && /* @__PURE__ */ h(n, {
-							icon: w?.entityType ? r[w.entityType] : "file",
+						children: C?.entityType && /* @__PURE__ */ m(n, {
+							icon: C?.entityType ? r[C.entityType] : "file",
 							wrap: !1
 						})
 					})
-				}), /* @__PURE__ */ g(d, {
+				}), /* @__PURE__ */ h(u, {
 					sx: {
 						marginLeft: "10px",
 						flexGrow: 1
 					},
 					children: [
-						/* @__PURE__ */ g(p, {
+						/* @__PURE__ */ h(f, {
 							direction: "row",
 							sx: {
 								alignItems: "center",
 								gap: "3px"
 							},
-							children: [/* @__PURE__ */ h(i, {
-								condition: T,
-								wrapper: f,
-								children: /* @__PURE__ */ h(m, {
+							children: [/* @__PURE__ */ m(i, {
+								condition: w,
+								wrapper: d,
+								children: /* @__PURE__ */ m(p, {
 									variant: "headline2",
 									sx: {
 										color: "greyV2.950",
 										fontWeight: 540
 									},
-									children: E ?? "Name not set"
+									children: T ?? "Name not set"
 								})
-							}), w?.entity?.id && /* @__PURE__ */ h(a, {
-								entityId: w.entity.id,
+							}), C?.entity?.id && /* @__PURE__ */ m(a, {
+								entityId: C.entity.id,
 								iconColor: "greyV2.400"
 							})]
 						}),
-						/* @__PURE__ */ h(s, {
-							entityId: b,
-							versionNumber: x,
-							toggleShowVersionHistory: C
+						/* @__PURE__ */ m(s, {
+							entityId: y,
+							versionNumber: b,
+							toggleShowVersionHistory: S
 						}),
-						/* @__PURE__ */ h(l, {
-							value: b,
+						/* @__PURE__ */ m(c, {
+							value: y,
 							icon: "rounded",
 							sx: { "& .MuiTypography-root": {
 								color: "greyV2.800",
@@ -99,11 +98,11 @@ function y(y) {
 						})
 					]
 				})]
-			}), S && /* @__PURE__ */ h(o, { ...S })]
+			}), x && /* @__PURE__ */ m(o, { ...x })]
 		})
-	}), /* @__PURE__ */ h(c, { ...y })] });
+	}) });
 }
 //#endregion
-export { y as default };
+export { v 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'\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\nconst TITLE_BAR_BACKGROUND_COLOR = '#EAF0F5'\nconst AVATAR_BACKGROUND_COLOR = '#497097'\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: '10px 16px',\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: 'greyV2.950', 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={'greyV2.400'}\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: 'greyV2.800',\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,IAAM,IAA6B,WAC7B,IAA0B;AAMhC,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;UAAc,YAAY;SAAI;mBAE1C,KAAQ;QACC,CAAA;OACM,CAAA,GACnB,GAAQ,QAAQ,MACf,kBAAC,GAAD;QACE,UAAU,EAAO,OAAO;QACxB,WAAW;OACZ,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"}
+{"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 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}\n\nconst TITLE_BAR_BACKGROUND_COLOR = '#EAF0F5'\nconst AVATAR_BACKGROUND_COLOR = '#497097'\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: '10px 16px',\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: 'greyV2.950', 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={'greyV2.400'}\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: 'greyV2.800',\n                    fontWeight: 440,\n                    lineHeight: '20px',\n                  },\n                }}\n              />\n            </Box>\n          </Stack>\n          {entityActionMenuProps && (\n            <EntityActionMenu {...entityActionMenuProps} />\n          )}\n        </Stack>\n      </Box>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAM,IAA6B,WAC7B,IAA0B;AAMhC,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,UACE,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;UAAc,YAAY;SAAI;mBAE1C,KAAQ;QACC,CAAA;OACM,CAAA,GACnB,GAAQ,QAAQ,MACf,kBAAC,GAAD;QACE,UAAU,EAAO,OAAO;QACxB,WAAW;OACZ,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,EACF,CAAA;AAET"}

package/dist/components/styled/LeftRightPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CA4B1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}
+{"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CAiC1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}

package/dist/components/styled/LeftRightPanel.js

@@ -9,12 +9,14 @@ var a = n(e, { label: "StyledOuterContainer" })(({ theme: e }) => ({
 	backgroundSize: "cover",
 	[e.breakpoints.down("md")]: { padding: 0 }
 })), o = n(t, { label: "StyledInnerContainer" })(({ theme: e }) => ({
+	position: "relative",
 	width: "900px",
 	minHeight: "675px",
 	margin: "0 auto",
 	display: "flex",
 	overflow: "hidden",
 	[e.breakpoints.down("md")]: {
+		boxShadow: "none",
 		flexDirection: "column",
 		width: "100%",
 		minHeight: 0,
@@ -27,12 +29,27 @@ var a = n(e, { label: "StyledOuterContainer" })(({ theme: e }) => ({
 		[e.breakpoints.down("md")]: { width: "100%" }
 	},
 	"& > div:nth-of-type(1)": { backgroundColor: e.palette.background.paper },
-	"& > div:nth-of-type(2)": { backgroundColor: e.palette.grey[200] }
+	"& > div:nth-of-type(2)": {
+		backgroundColor: e.palette.grey[200],
+		[e.breakpoints.down("md")]: { backgroundColor: e.palette.background.paper }
+	}
 }));
 function s({ leftContent: t, rightContent: n, className: s }) {
 	return /* @__PURE__ */ r(a, {
 		className: s,
-		children: /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(e, { children: t }), /* @__PURE__ */ r(e, { children: n })] })
+		children: /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(e, {
+			sx: { order: {
+				xs: 2,
+				md: 1
+			} },
+			children: t
+		}), /* @__PURE__ */ r(e, {
+			sx: { order: {
+				xs: 1,
+				md: 2
+			} },
+			children: n
+		})] })
 	});
 }
 //#endregion

package/dist/components/styled/LeftRightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'StyledOuterContainer',\n})(({ theme }) => ({\n  minHeight: '100vh',\n  paddingTop: '50px',\n  paddingBottom: '50px',\n  background: theme.styledBackground,\n  backgroundSize: 'cover',\n  [theme.breakpoints.down('md')]: {\n    padding: 0,\n  },\n}))\n\n/**\n * Canonical 900px two-column card that stacks into a single column on\n * mobile. Layout-only: consumers supply their own panel padding.\n * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather\n * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).\n *\n * Below `md` the card grows with its content and the page scrolls normally.\n */\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'StyledInnerContainer',\n})(({ theme }) => ({\n  width: '900px',\n  minHeight: '675px',\n  margin: '0 auto',\n  display: 'flex',\n  overflow: 'hidden',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    width: '100%',\n    minHeight: 0,\n    height: 'auto',\n    overflow: 'visible',\n  },\n  '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n    borderRadius: 'inherit',\n    width: '450px',\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n    },\n  },\n  '& > div:nth-of-type(1)': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& > div:nth-of-type(2)': {\n    backgroundColor: theme.palette.grey[200],\n  },\n}))\n\ntype LeftRightPanelProps = {\n  leftContent: ReactNode\n  rightContent: ReactNode\n  className?: string\n}\n\nexport function LeftRightPanel({\n  leftContent,\n  rightContent,\n  className,\n}: LeftRightPanelProps) {\n  return (\n    <StyledOuterContainer className={className}>\n      <StyledInnerContainer>\n        <Box>{leftContent}</Box>\n        <Box>{rightContent}</Box>\n      </StyledInnerContainer>\n    </StyledOuterContainer>\n  )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAUW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,UAAU;EACT,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,eAAe;EACf,OAAO;EACP,WAAW;EACX,QAAQ;EACR,UAAU;CACZ;CACA,kDAAkD;EAChD,cAAc;EACd,OAAO;GACN,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;CACF;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,KAAK,KACtC;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAM,EAAiB,CAAA,GACvB,kBAAC,GAAD,EAAA,UAAM,EAAkB,CAAA,CACJ,EAAA,CAAA;CACF,CAAA;AAE1B"}
+{"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'StyledOuterContainer',\n})(({ theme }) => ({\n  minHeight: '100vh',\n  paddingTop: '50px',\n  paddingBottom: '50px',\n  background: theme.styledBackground,\n  backgroundSize: 'cover',\n  [theme.breakpoints.down('md')]: {\n    padding: 0,\n  },\n}))\n\n/**\n * Canonical 900px two-column card that stacks into a single column on\n * mobile. Layout-only: consumers supply their own panel padding.\n * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather\n * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).\n *\n * Below `md` the card grows with its content and the page scrolls normally.\n */\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'StyledInnerContainer',\n})(({ theme }) => ({\n  position: 'relative',\n  width: '900px',\n  minHeight: '675px',\n  margin: '0 auto',\n  display: 'flex',\n  overflow: 'hidden',\n  [theme.breakpoints.down('md')]: {\n    boxShadow: 'none',\n    flexDirection: 'column',\n    width: '100%',\n    minHeight: 0,\n    height: 'auto',\n    overflow: 'visible',\n  },\n  '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n    borderRadius: 'inherit',\n    width: '450px',\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n    },\n  },\n  '& > div:nth-of-type(1)': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& > div:nth-of-type(2)': {\n    backgroundColor: theme.palette.grey[200],\n    [theme.breakpoints.down('md')]: {\n      backgroundColor: theme.palette.background.paper,\n    },\n  },\n}))\n\ntype LeftRightPanelProps = {\n  leftContent: ReactNode\n  rightContent: ReactNode\n  className?: string\n}\n\nexport function LeftRightPanel({\n  leftContent,\n  rightContent,\n  className,\n}: LeftRightPanelProps) {\n  return (\n    <StyledOuterContainer className={className}>\n      <StyledInnerContainer>\n        <Box sx={{ order: { xs: 2, md: 1 } }}>{leftContent}</Box>\n        <Box sx={{ order: { xs: 1, md: 2 } }}>{rightContent}</Box>\n      </StyledInnerContainer>\n    </StyledOuterContainer>\n  )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAUW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,UAAU;CACV,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,UAAU;EACT,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,WAAW;EACX,eAAe;EACf,OAAO;EACP,WAAW;EACX,QAAQ;EACR,UAAU;CACZ;CACA,kDAAkD;EAChD,cAAc;EACd,OAAO;GACN,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;CACF;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B;EACxB,iBAAiB,EAAM,QAAQ,KAAK;GACnC,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACF;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO;IAAE,IAAI;IAAG,IAAI;GAAE,EAAE;aAAI;EAAiB,CAAA,GACxD,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO;IAAE,IAAI;IAAG,IAAI;GAAE,EAAE;aAAI;EAAkB,CAAA,CACrC,EAAA,CAAA;CACF,CAAA;AAE1B"}

package/dist/components/widgets/FileHandleLink.d.ts

@@ -1,11 +1,21 @@
 import React from 'react';
 import { FileHandleAssociation } from '@sage-bionetworks/synapse-types';
 type FileHandleLinkProps = {
-    fileHandleAssociation: FileHandleAssociation;
     redirect?: boolean;
     showDownloadIcon: boolean;
     displayValue?: string;
-};
+} & ({
+    /** Downloads the file handle as it is associated with a Synapse object. */
+    fileHandleAssociation: FileHandleAssociation;
+    creatorFileHandleId?: never;
+} | {
+    fileHandleAssociation?: never;
+    /**
+     * Downloads a file handle that is not associated with any object yet. Synapse only serves
+     * such a file handle to the user that created it.
+     */
+    creatorFileHandleId: string;
+});
 export declare const FileHandleLink: (props: FileHandleLinkProps) => React.ReactNode;
 export {};
 //# sourceMappingURL=FileHandleLink.d.ts.map

package/dist/components/widgets/FileHandleLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileHandleLink.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/FileHandleLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAGL,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAIxC,KAAK,mBAAmB,GAAG;IACzB,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,KAAK,CAAC,SA8DjE,CAAA"}
+{"version":3,"file":"FileHandleLink.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/FileHandleLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,EAEL,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAIxC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,CACA;IACE,2EAA2E;IAC3E,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAC5B,GACD;IACE,qBAAqB,CAAC,EAAE,KAAK,CAAA;IAC7B;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CACJ,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,KAAK,CAAC,SAmEjE,CAAA"}

package/dist/components/widgets/FileHandleLink.js

@@ -2,43 +2,39 @@ import { SRC_SIGN_IN_CLASS as e } from "../../utils/SynapseConstants.js";
 import t from "../../synapse-client/index.js";
 import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
 import "../../utils/index.js";
-import r from "../IconSvg/IconSvg.js";
-import { useEffect as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useGetFileBatch as r } from "../../synapse-queries/file/useFiles.js";
+import i from "../IconSvg/IconSvg.js";
+import { useGetCreatorFileHandle as a } from "../../synapse-queries/file/useFileHandle.js";
+import { useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useMutation as l } from "@tanstack/react-query";
 //#region src/components/widgets/FileHandleLink.tsx
-var c = (c) => {
-	let { fileHandleAssociation: l, showDownloadIcon: u, redirect: d = !1, displayValue: f } = c, { accessToken: p } = n(), [m, h] = a();
-	i(() => {
-		f === void 0 && (async () => {
-			let e = {
-				requestedFiles: [l],
-				includeFileHandles: !0,
-				includePreSignedURLs: !1,
-				includePreviewPreSignedURLs: !1
-			};
-			h(await t.getFiles(e, p));
-		})();
-	}, [
-		p,
-		f,
-		l
-	]);
-	let g;
-	return m && (g = m.requestedFiles[0].fileHandle?.fileName), /* @__PURE__ */ s("button", {
+var u = (u) => {
+	let { fileHandleAssociation: d, creatorFileHandleId: f, showDownloadIcon: p, redirect: m = !1, displayValue: h } = u, { accessToken: g } = n(), _ = d?.fileHandleId ?? f, v = h === void 0, { data: y } = r(o(() => ({
+		requestedFiles: d ? [d] : [],
+		includeFileHandles: !0,
+		includePreSignedURLs: !1,
+		includePreviewPreSignedURLs: !1
+	}), [d]), { enabled: v && !!d }), { data: b } = a(f ?? "", { enabled: v && !!f }), x = d ? y?.requestedFiles[0].fileHandle?.fileName : b?.fileName, { mutate: S } = l({
+		mutationFn: () => d ? t.getActualFileHandleByIdURL(d.fileHandleId, g, d.associateObjectType, d.associateObjectId, m) : t.getFileHandleByIdURL(f, g),
+		onSuccess: (e) => {
+			window.open(e, "_blank");
+		},
+		onError: (e) => {
+			console.error("Error on retrieving file handle url ", e);
+		}
+	});
+	return /* @__PURE__ */ c("button", {
 		onClick: () => {
-			p && l && t.getActualFileHandleByIdURL(l.fileHandleId, p, l.associateObjectType, l.associateObjectId, d).then((e) => {
-				window.open(e, "_blank");
-			}).catch((e) => {
-				console.error("Error on retrieving file handle url ", e);
-			});
+			g && S();
 		},
 		className: `SRC-primary-text-color ${e}`,
 		type: "button",
 		style: { padding: 0 },
-		children: [f ?? g ?? l.fileHandleId, u && /* @__PURE__ */ o(r, { icon: "download" })]
+		children: [h ?? x ?? _, p && /* @__PURE__ */ s(i, { icon: "download" })]
 	});
 };
 //#endregion
-export { c as FileHandleLink };
+export { u as FileHandleLink };
 
 //# sourceMappingURL=FileHandleLink.js.map

package/dist/components/widgets/FileHandleLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileHandleLink.js","names":[],"sources":["../../../src/components/widgets/FileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  BatchFileRequest,\n  BatchFileResult,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\ntype FileHandleLinkProps = {\n  fileHandleAssociation: FileHandleAssociation\n  redirect?: boolean\n  showDownloadIcon: boolean\n  displayValue?: string\n}\nexport const FileHandleLink = (props: FileHandleLinkProps): React.ReactNode => {\n  const {\n    fileHandleAssociation,\n    showDownloadIcon,\n    redirect = false,\n    displayValue,\n  } = props\n  const { accessToken } = useSynapseContext()\n\n  const [batchFileResult, setBatchFileResult] = useState<\n    BatchFileResult | undefined\n  >()\n\n  useEffect(() => {\n    if (displayValue === undefined) {\n      const getFiles = async () => {\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [fileHandleAssociation],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        setBatchFileResult(\n          await SynapseClient.getFiles(batchFileRequest, accessToken),\n        )\n      }\n      getFiles()\n    }\n  }, [accessToken, displayValue, fileHandleAssociation])\n\n  let fileName: string | undefined = undefined\n  if (batchFileResult) {\n    fileName = batchFileResult.requestedFiles[0].fileHandle?.fileName\n  }\n\n  return (\n    <button\n      onClick={() => {\n        if (accessToken && fileHandleAssociation) {\n          SynapseClient.getActualFileHandleByIdURL(\n            fileHandleAssociation.fileHandleId,\n            accessToken,\n            fileHandleAssociation.associateObjectType,\n            fileHandleAssociation.associateObjectId,\n            redirect,\n          )\n            .then(url => {\n              window.open(url, '_blank')\n            })\n            .catch(err => {\n              console.error('Error on retrieving file handle url ', err)\n            })\n        }\n      }}\n      className={`SRC-primary-text-color ${SynapseConstants.SRC_SIGN_IN_CLASS}`}\n      type=\"button\"\n      style={{ padding: 0 }}\n    >\n      {displayValue ?? fileName ?? fileHandleAssociation.fileHandleId}\n      {showDownloadIcon && <IconSvg icon=\"download\" />}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KAAkB,MAAgD;CAC7E,IAAM,EACJ,0BACA,qBACA,cAAW,IACX,oBACE,GACE,EAAE,mBAAgB,EAAkB,GAEpC,CAAC,GAAiB,KAAsB,EAE5C;CAEF,QAAgB;EACd,AAAI,MAAiB,KAAA,MAYnB,YAX6B;GAC3B,IAAM,IAAqC;IACzC,gBAAgB,CAAC,CAAqB;IACtC,oBAAoB;IACpB,sBAAsB;IACtB,6BAA6B;GAC/B;GACA,EACE,MAAM,EAAc,SAAS,GAAkB,CAAW,CAC5D;EACF,GACS;CAEb,GAAG;EAAC;EAAa;EAAc;CAAqB,CAAC;CAErD,IAAI;CAKJ,OAJI,MACF,IAAW,EAAgB,eAAe,GAAG,YAAY,WAIzD,kBAAC,UAAD;EACE,eAAe;GACb,AAAI,KAAe,KACjB,EAAc,2BACZ,EAAsB,cACtB,GACA,EAAsB,qBACtB,EAAsB,mBACtB,CACF,EACG,MAAK,MAAO;IACX,OAAO,KAAK,GAAK,QAAQ;GAC3B,CAAC,EACA,OAAM,MAAO;IACZ,QAAQ,MAAM,wCAAwC,CAAG;GAC3D,CAAC;EAEP;EACA,WAAW,0BAA0B;EACrC,MAAK;EACL,OAAO,EAAE,SAAS,EAAE;YApBtB,CAsBG,KAAgB,KAAY,EAAsB,cAClD,KAAoB,kBAAC,GAAD,EAAS,MAAK,WAAY,CAAA,CACzC;;AAEZ"}
+{"version":3,"file":"FileHandleLink.js","names":[],"sources":["../../../src/components/widgets/FileHandleLink.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useGetCreatorFileHandle } from '@/synapse-queries/file/useFileHandle'\nimport { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  BatchFileRequest,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useMutation } from '@tanstack/react-query'\nimport IconSvg from '../IconSvg/IconSvg'\n\ntype FileHandleLinkProps = {\n  redirect?: boolean\n  showDownloadIcon: boolean\n  displayValue?: string\n} & (\n  | {\n      /** Downloads the file handle as it is associated with a Synapse object. */\n      fileHandleAssociation: FileHandleAssociation\n      creatorFileHandleId?: never\n    }\n  | {\n      fileHandleAssociation?: never\n      /**\n       * Downloads a file handle that is not associated with any object yet. Synapse only serves\n       * such a file handle to the user that created it.\n       */\n      creatorFileHandleId: string\n    }\n)\n\nexport const FileHandleLink = (props: FileHandleLinkProps): React.ReactNode => {\n  const {\n    fileHandleAssociation,\n    creatorFileHandleId,\n    showDownloadIcon,\n    redirect = false,\n    displayValue,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const fileHandleId =\n    fileHandleAssociation?.fileHandleId ?? creatorFileHandleId\n  const shouldLookUpFileName = displayValue === undefined\n\n  const batchFileRequest = useMemo<BatchFileRequest>(\n    () => ({\n      requestedFiles: fileHandleAssociation ? [fileHandleAssociation] : [],\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n    }),\n    [fileHandleAssociation],\n  )\n  const { data: batchFileResult } = useGetFileBatch(batchFileRequest, {\n    enabled: shouldLookUpFileName && !!fileHandleAssociation,\n  })\n  const { data: creatorFileHandle } = useGetCreatorFileHandle(\n    creatorFileHandleId ?? '',\n    { enabled: shouldLookUpFileName && !!creatorFileHandleId },\n  )\n  const fileName = fileHandleAssociation\n    ? batchFileResult?.requestedFiles[0].fileHandle?.fileName\n    : creatorFileHandle?.fileName\n\n  const { mutate: openFile } = useMutation({\n    mutationFn: (): Promise<string> =>\n      fileHandleAssociation\n        ? SynapseClient.getActualFileHandleByIdURL(\n            fileHandleAssociation.fileHandleId,\n            accessToken,\n            fileHandleAssociation.associateObjectType,\n            fileHandleAssociation.associateObjectId,\n            redirect,\n          )\n        : SynapseClient.getFileHandleByIdURL(creatorFileHandleId, accessToken),\n    onSuccess: url => {\n      window.open(url, '_blank')\n    },\n    onError: err => {\n      console.error('Error on retrieving file handle url ', err)\n    },\n  })\n\n  return (\n    <button\n      onClick={() => {\n        if (accessToken) {\n          openFile()\n        }\n      }}\n      className={`SRC-primary-text-color ${SynapseConstants.SRC_SIGN_IN_CLASS}`}\n      type=\"button\"\n      style={{ padding: 0 }}\n    >\n      {displayValue ?? fileName ?? fileHandleId}\n      {showDownloadIcon && <IconSvg icon=\"download\" />}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAiCA,IAAa,KAAkB,MAAgD;CAC7E,IAAM,EACJ,0BACA,wBACA,qBACA,cAAW,IACX,oBACE,GACE,EAAE,mBAAgB,EAAkB,GACpC,IACJ,GAAuB,gBAAgB,GACnC,IAAuB,MAAiB,KAAA,GAWxC,EAAE,MAAM,MAAoB,EATT,SAChB;EACL,gBAAgB,IAAwB,CAAC,CAAqB,IAAI,CAAC;EACnE,oBAAoB;EACpB,sBAAsB;EACtB,6BAA6B;CAC/B,IACA,CAAC,CAAqB,CAE0B,GAAkB,EAClE,SAAS,KAAwB,CAAC,CAAC,EACrC,CAAC,GACK,EAAE,MAAM,MAAsB,EAClC,KAAuB,IACvB,EAAE,SAAS,KAAwB,CAAC,CAAC,EAAoB,CAC3D,GACM,IAAW,IACb,GAAiB,eAAe,GAAG,YAAY,WAC/C,GAAmB,UAEjB,EAAE,QAAQ,MAAa,EAAY;EACvC,kBACE,IACI,EAAc,2BACZ,EAAsB,cACtB,GACA,EAAsB,qBACtB,EAAsB,mBACtB,CACF,IACA,EAAc,qBAAqB,GAAqB,CAAW;EACzE,YAAW,MAAO;GAChB,OAAO,KAAK,GAAK,QAAQ;EAC3B;EACA,UAAS,MAAO;GACd,QAAQ,MAAM,wCAAwC,CAAG;EAC3D;CACF,CAAC;CAED,OACE,kBAAC,UAAD;EACE,eAAe;GACb,AAAI,KACF,EAAS;EAEb;EACA,WAAW,0BAA0B;EACrC,MAAK;EACL,OAAO,EAAE,SAAS,EAAE;YARtB,CAUG,KAAgB,KAAY,GAC5B,KAAoB,kBAAC,GAAD,EAAS,MAAK,WAAY,CAAA,CACzC;;AAEZ"}

package/dist/mocks/accessRequirement/mockFormTemplates.d.ts

@@ -8,9 +8,11 @@ export declare const mockGenomicsTemplate: FormTemplate;
  * Renders the Data Access schema as a 2-step form:
  * Project Details → Compliance.
  *
- * Demonstrates a file-upload field with a downloadable template, and a
- * RENEWAL_ONLY field.
+ * Demonstrates a file-upload field with a downloadable template, and a Renewal-only field
+ * (`irbApprovalNumber`, gated in `mockClinicalSchema` via `x-synapse-submissionContext`).
  */
 export declare const mockClinicalTemplate: FormTemplate;
 export declare const mockFormTemplates: FormTemplate[];
+/** A deprecated template. Not part of `mockFormTemplates`, which models the default (non-deprecated) list. */
+export declare const mockDeprecatedTemplate: FormTemplate;
 //# sourceMappingURL=mockFormTemplates.d.ts.map

package/dist/mocks/accessRequirement/mockFormTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockFormTemplates.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockFormTemplates.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEb,MAAM,kCAAkC,CAAA;AAIzC;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAqClC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,YA2ClC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAG3C,CAAA"}
+{"version":3,"file":"mockFormTemplates.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockFormTemplates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAI/D;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAmClC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAsClC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAG3C,CAAA;AAED,8GAA8G;AAC9G,eAAO,MAAM,sBAAsB,EAAE,YAMpC,CAAA"}

package/dist/mocks/accessRequirement/mockFormTemplates.js

@@ -1,8 +1,7 @@
 import { MOCK_FILE_HANDLE_ID as e } from "../mock_file_handle.js";
 import { mockClinicalSchema as t, mockGenomicsSchema as n } from "./mockJsonSchemas.js";
-import { FormTemplateFieldSubmissionContextEnum as r } from "@sage-bionetworks/synapse-client";
 //#region src/mocks/accessRequirement/mockFormTemplates.ts
-var i = {
+var r = {
 	id: "template-1",
 	name: "Genomics DAR",
 	etag: "etag-template-1",
@@ -17,7 +16,6 @@ var i = {
 				"ui:widget": "textarea",
 				"ui:options": { rows: 5 }
 			},
-			submissionContext: r.ALWAYS,
 			isPublic: !0
 		}]
 	}, {
@@ -25,12 +23,11 @@ var i = {
 		description: "Review and agree to the terms and conditions for accessing this data.",
 		fields: [{
 			schemaPath: "/agreeToTerms",
-			uiDefinition: {},
-			submissionContext: r.ALWAYS
+			uiDefinition: {}
 		}]
 	}],
 	deprecated: !1
-}, a = {
+}, i = {
 	id: "template-2",
 	name: "Clinical Trial DAR",
 	etag: "etag-template-2",
@@ -41,30 +38,32 @@ var i = {
 		fields: [{
 			schemaPath: "/projectTitle",
 			uiDefinition: {},
-			submissionContext: r.ALWAYS,
 			isPublic: !0
 		}, {
 			schemaPath: "/dataUsePurpose",
-			uiDefinition: {},
-			submissionContext: r.ALWAYS
+			uiDefinition: {}
 		}]
 	}, {
 		title: "Compliance",
 		description: "Provide any required compliance documentation.",
 		fields: [{
 			schemaPath: "/irbApprovalNumber",
-			uiDefinition: {},
-			submissionContext: r.RENEWAL_ONLY
+			uiDefinition: {}
 		}, {
 			schemaPath: "/signedDataUseAgreement",
 			uiDefinition: {},
-			submissionContext: r.ALWAYS,
 			templateFileHandleId: e
 		}]
 	}],
 	deprecated: !1
-}, o = [i, a];
+}, a = [r, i], o = {
+	...r,
+	id: "template-3",
+	name: "Legacy Genomics DAR",
+	etag: "etag-template-3",
+	deprecated: !0
+};
 //#endregion
-export { a as mockClinicalTemplate, o as mockFormTemplates, i as mockGenomicsTemplate };
+export { i as mockClinicalTemplate, o as mockDeprecatedTemplate, a as mockFormTemplates, r as mockGenomicsTemplate };
 
 //# sourceMappingURL=mockFormTemplates.js.map

package/dist/mocks/accessRequirement/mockFormTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockFormTemplates.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockFormTemplates.ts"],"sourcesContent":["import {\n  FormTemplate,\n  FormTemplateFieldSubmissionContextEnum,\n} from '@sage-bionetworks/synapse-client'\nimport { MOCK_FILE_HANDLE_ID } from '@/mocks/mock_file_handle'\nimport { mockClinicalSchema, mockGenomicsSchema } from './mockJsonSchemas'\n\n/**\n * Renders the a Data Access schema as a 2-step form:\n * Research Use → Agreements\n */\nexport const mockGenomicsTemplate: FormTemplate = {\n  id: 'template-1',\n  name: 'Genomics DAR',\n  etag: 'etag-template-1',\n  versionNumber: 1,\n  schema$id: mockGenomicsSchema.$id as string,\n  steps: [\n    {\n      title: 'Research Use',\n      description:\n        'Describe your research project and how you intend to use the data.',\n      fields: [\n        {\n          schemaPath: '/intendedDataUse',\n          uiDefinition: {\n            'ui:widget': 'textarea',\n            'ui:options': { rows: 5 },\n          },\n          submissionContext: FormTemplateFieldSubmissionContextEnum.ALWAYS,\n          isPublic: true,\n        },\n      ],\n    },\n    {\n      title: 'Agreements',\n      description:\n        'Review and agree to the terms and conditions for accessing this data.',\n      fields: [\n        {\n          schemaPath: '/agreeToTerms',\n          uiDefinition: {},\n          submissionContext: FormTemplateFieldSubmissionContextEnum.ALWAYS,\n        },\n      ],\n    },\n  ],\n  deprecated: false,\n}\n\n/**\n * Renders the Data Access schema as a 2-step form:\n * Project Details → Compliance.\n *\n * Demonstrates a file-upload field with a downloadable template, and a\n * RENEWAL_ONLY field.\n */\nexport const mockClinicalTemplate: FormTemplate = {\n  id: 'template-2',\n  name: 'Clinical Trial DAR',\n  etag: 'etag-template-2',\n  versionNumber: 1,\n  schema$id: mockClinicalSchema.$id as string,\n  steps: [\n    {\n      title: 'Project Details',\n      fields: [\n        {\n          schemaPath: '/projectTitle',\n          uiDefinition: {},\n          submissionContext: FormTemplateFieldSubmissionContextEnum.ALWAYS,\n          isPublic: true,\n        },\n        {\n          schemaPath: '/dataUsePurpose',\n          uiDefinition: {},\n          submissionContext: FormTemplateFieldSubmissionContextEnum.ALWAYS,\n        },\n      ],\n    },\n    {\n      title: 'Compliance',\n      description: 'Provide any required compliance documentation.',\n      fields: [\n        {\n          schemaPath: '/irbApprovalNumber',\n          uiDefinition: {},\n          submissionContext:\n            FormTemplateFieldSubmissionContextEnum.RENEWAL_ONLY,\n        },\n        {\n          schemaPath: '/signedDataUseAgreement',\n          uiDefinition: {},\n          submissionContext: FormTemplateFieldSubmissionContextEnum.ALWAYS,\n          templateFileHandleId: MOCK_FILE_HANDLE_ID,\n        },\n      ],\n    },\n  ],\n  deprecated: false,\n}\n\nexport const mockFormTemplates: FormTemplate[] = [\n  mockGenomicsTemplate,\n  mockClinicalTemplate,\n]\n"],"mappings":";;;;AAWA,IAAa,IAAqC;CAChD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW,EAAmB;CAC9B,OAAO,CACL;EACE,OAAO;EACP,aACE;EACF,QAAQ,CACN;GACE,YAAY;GACZ,cAAc;IACZ,aAAa;IACb,cAAc,EAAE,MAAM,EAAE;GAC1B;GACA,mBAAmB,EAAuC;GAC1D,UAAU;EACZ,CACF;CACF,GACA;EACE,OAAO;EACP,aACE;EACF,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;GACf,mBAAmB,EAAuC;EAC5D,CACF;CACF,CACF;CACA,YAAY;AACd,GASa,IAAqC;CAChD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW,EAAmB;CAC9B,OAAO,CACL;EACE,OAAO;EACP,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;GACf,mBAAmB,EAAuC;GAC1D,UAAU;EACZ,GACA;GACE,YAAY;GACZ,cAAc,CAAC;GACf,mBAAmB,EAAuC;EAC5D,CACF;CACF,GACA;EACE,OAAO;EACP,aAAa;EACb,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;GACf,mBACE,EAAuC;EAC3C,GACA;GACE,YAAY;GACZ,cAAc,CAAC;GACf,mBAAmB,EAAuC;GAC1D,sBAAsB;EACxB,CACF;CACF,CACF;CACA,YAAY;AACd,GAEa,IAAoC,CAC/C,GACA,CACF"}
+{"version":3,"file":"mockFormTemplates.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockFormTemplates.ts"],"sourcesContent":["import { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport { MOCK_FILE_HANDLE_ID } from '@/mocks/mock_file_handle'\nimport { mockClinicalSchema, mockGenomicsSchema } from './mockJsonSchemas'\n\n/**\n * Renders the a Data Access schema as a 2-step form:\n * Research Use → Agreements\n */\nexport const mockGenomicsTemplate: FormTemplate = {\n  id: 'template-1',\n  name: 'Genomics DAR',\n  etag: 'etag-template-1',\n  versionNumber: 1,\n  schema$id: mockGenomicsSchema.$id as string,\n  steps: [\n    {\n      title: 'Research Use',\n      description:\n        'Describe your research project and how you intend to use the data.',\n      fields: [\n        {\n          schemaPath: '/intendedDataUse',\n          uiDefinition: {\n            'ui:widget': 'textarea',\n            'ui:options': { rows: 5 },\n          },\n          isPublic: true,\n        },\n      ],\n    },\n    {\n      title: 'Agreements',\n      description:\n        'Review and agree to the terms and conditions for accessing this data.',\n      fields: [\n        {\n          schemaPath: '/agreeToTerms',\n          uiDefinition: {},\n        },\n      ],\n    },\n  ],\n  deprecated: false,\n}\n\n/**\n * Renders the Data Access schema as a 2-step form:\n * Project Details → Compliance.\n *\n * Demonstrates a file-upload field with a downloadable template, and a Renewal-only field\n * (`irbApprovalNumber`, gated in `mockClinicalSchema` via `x-synapse-submissionContext`).\n */\nexport const mockClinicalTemplate: FormTemplate = {\n  id: 'template-2',\n  name: 'Clinical Trial DAR',\n  etag: 'etag-template-2',\n  versionNumber: 1,\n  schema$id: mockClinicalSchema.$id as string,\n  steps: [\n    {\n      title: 'Project Details',\n      fields: [\n        {\n          schemaPath: '/projectTitle',\n          uiDefinition: {},\n          isPublic: true,\n        },\n        {\n          schemaPath: '/dataUsePurpose',\n          uiDefinition: {},\n        },\n      ],\n    },\n    {\n      title: 'Compliance',\n      description: 'Provide any required compliance documentation.',\n      fields: [\n        {\n          schemaPath: '/irbApprovalNumber',\n          uiDefinition: {},\n        },\n        {\n          schemaPath: '/signedDataUseAgreement',\n          uiDefinition: {},\n          templateFileHandleId: MOCK_FILE_HANDLE_ID,\n        },\n      ],\n    },\n  ],\n  deprecated: false,\n}\n\nexport const mockFormTemplates: FormTemplate[] = [\n  mockGenomicsTemplate,\n  mockClinicalTemplate,\n]\n\n/** A deprecated template. Not part of `mockFormTemplates`, which models the default (non-deprecated) list. */\nexport const mockDeprecatedTemplate: FormTemplate = {\n  ...mockGenomicsTemplate,\n  id: 'template-3',\n  name: 'Legacy Genomics DAR',\n  etag: 'etag-template-3',\n  deprecated: true,\n}\n"],"mappings":";;;AAQA,IAAa,IAAqC;CAChD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW,EAAmB;CAC9B,OAAO,CACL;EACE,OAAO;EACP,aACE;EACF,QAAQ,CACN;GACE,YAAY;GACZ,cAAc;IACZ,aAAa;IACb,cAAc,EAAE,MAAM,EAAE;GAC1B;GACA,UAAU;EACZ,CACF;CACF,GACA;EACE,OAAO;EACP,aACE;EACF,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;EACjB,CACF;CACF,CACF;CACA,YAAY;AACd,GASa,IAAqC;CAChD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW,EAAmB;CAC9B,OAAO,CACL;EACE,OAAO;EACP,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;GACf,UAAU;EACZ,GACA;GACE,YAAY;GACZ,cAAc,CAAC;EACjB,CACF;CACF,GACA;EACE,OAAO;EACP,aAAa;EACb,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;EACjB,GACA;GACE,YAAY;GACZ,cAAc,CAAC;GACf,sBAAsB;EACxB,CACF;CACF,CACF;CACA,YAAY;AACd,GAEa,IAAoC,CAC/C,GACA,CACF,GAGa,IAAuC;CAClD,GAAG;CACH,IAAI;CACJ,MAAM;CACN,MAAM;CACN,YAAY;AACd"}

package/dist/mocks/accessRequirement/mockJsonSchemas.d.ts

@@ -12,7 +12,10 @@
 import { RJSFSchema } from '@rjsf/utils';
 /** Genomics DAR data contract — all fields required. */
 export declare const mockGenomicsSchema: RJSFSchema;
-/** Clinical Trial DAR data contract — includes a file upload. */
+/**
+ * Clinical Trial DAR data contract — includes a file upload and a Renewal-only field
+ * (`irbApprovalNumber`), gated behind an `x-synapse-submissionContext` conditional.
+ */
 export declare const mockClinicalSchema: RJSFSchema;
 /**
  * Map from `$id` (with version) to the JSON Schema body. In the real system

package/dist/mocks/accessRequirement/mockJsonSchemas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockJsonSchemas.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockJsonSchemas.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,wDAAwD;AACxD,eAAO,MAAM,kBAAkB,EAAE,UAmBhC,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,kBAAkB,EAAE,UA+BhC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAG7D,CAAA;AAED,0DAA0D;AAC1D,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAChB,UAAU,GAAG,SAAS,CAExB"}
+{"version":3,"file":"mockJsonSchemas.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockJsonSchemas.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,wDAAwD;AACxD,eAAO,MAAM,kBAAkB,EAAE,UAoBhC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,UA+ChC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAG7D,CAAA;AAED,0DAA0D;AAC1D,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAChB,UAAU,GAAG,SAAS,CAExB"}

package/dist/mocks/accessRequirement/mockJsonSchemas.js

@@ -1,6 +1,9 @@
+import { SUBMISSION_CONTEXT_PROPERTY as e } from "../../utils/jsonschema/submissionContext.js";
+import { ACCESS_REQUIREMENT_BASE_SCHEMA_ID as t } from "../../components/FormTemplateEditor/formTemplateSchema.js";
+import { DataAccessRequestType as n } from "@sage-bionetworks/synapse-client";
 //#region src/mocks/accessRequirement/mockJsonSchemas.ts
-var e = {
-	$id: "org.sagebionetworks.dar.genomics-1.0.0",
+var r = {
+	$id: "org.sagebionetworks.act-GenomicsDataAccessRequest-1.0.0",
 	type: "object",
 	title: "Genomics Data Access Request",
 	properties: {
@@ -15,9 +18,10 @@ var e = {
 			description: "I agree to abide by all terms and conditions for accessing this data."
 		}
 	},
-	required: ["intendedDataUse", "agreeToTerms"]
-}, t = {
-	$id: "org.sagebionetworks.dar.clinical-1.0.0",
+	required: ["intendedDataUse", "agreeToTerms"],
+	allOf: [{ $ref: t }]
+}, i = {
+	$id: "org.sagebionetworks.act-ClinicalTrialDataAccessRequest-1.0.0",
 	type: "object",
 	title: "Clinical Trial Data Access Request",
 	properties: {
@@ -36,11 +40,6 @@ var e = {
 				"Educational"
 			]
 		},
-		irbApprovalNumber: {
-			type: "string",
-			title: "IRB Approval Number",
-			description: "If your institution requires IRB approval, provide the approval number."
-		},
 		signedDataUseAgreement: {
 			type: "number",
 			title: "Signed Data Use Agreement",
@@ -48,15 +47,23 @@ var e = {
 			format: "synapse-filehandle-id"
 		}
 	},
-	required: ["projectTitle", "signedDataUseAgreement"]
-}, n = {
-	[e.$id]: e,
-	[t.$id]: t
+	required: ["projectTitle", "signedDataUseAgreement"],
+	allOf: [{ $ref: t }, {
+		if: { properties: { [e]: { const: n.RENEWAL } } },
+		then: { properties: { irbApprovalNumber: {
+			type: "string",
+			title: "IRB Approval Number",
+			description: "If your institution requires IRB approval, provide the approval number."
+		} } }
+	}]
+}, a = {
+	[r.$id]: r,
+	[i.$id]: i
 };
-function r(e) {
-	return n[e];
+function o(e) {
+	return a[e];
 }
 //#endregion
-export { r as getMockJsonSchemaById, t as mockClinicalSchema, e as mockGenomicsSchema, n as mockJsonSchemaRegistry };
+export { o as getMockJsonSchemaById, i as mockClinicalSchema, r as mockGenomicsSchema, a as mockJsonSchemaRegistry };
 
 //# sourceMappingURL=mockJsonSchemas.js.map

package/dist/mocks/accessRequirement/mockJsonSchemas.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockJsonSchemas.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockJsonSchemas.ts"],"sourcesContent":["/**\n * Mock JSON Schema registry for the JSON Schema-based Access Requirements demo.\n *\n * Each FormTemplate pins a registered JSON Schema by `$id`. The schema is the\n * data contract — it owns property types, validation rules, and which properties\n * are required.\n *\n * The FormTemplateEditor lets ACT edit the schema body alongside the template in\n * a single UI; saving is conceptually a write to both the schema registry and\n * the template service.\n */\n\nimport { RJSFSchema } from '@rjsf/utils'\n\n/** Genomics DAR data contract — all fields required. */\nexport const mockGenomicsSchema: RJSFSchema = {\n  $id: 'org.sagebionetworks.dar.genomics-1.0.0',\n  type: 'object',\n  title: 'Genomics Data Access Request',\n  properties: {\n    intendedDataUse: {\n      type: 'string',\n      title: 'Intended Data Use Statement',\n      description:\n        'Describe in detail how you intend to use the requested data.',\n    },\n    agreeToTerms: {\n      type: 'boolean',\n      title: 'Terms and Conditions',\n      description:\n        'I agree to abide by all terms and conditions for accessing this data.',\n    },\n  },\n  required: ['intendedDataUse', 'agreeToTerms'],\n}\n\n/** Clinical Trial DAR data contract — includes a file upload. */\nexport const mockClinicalSchema: RJSFSchema = {\n  $id: 'org.sagebionetworks.dar.clinical-1.0.0',\n  type: 'object',\n  title: 'Clinical Trial Data Access Request',\n  properties: {\n    projectTitle: {\n      type: 'string',\n      title: 'Project Title',\n      description: 'The title of the research project.',\n    },\n    dataUsePurpose: {\n      type: 'string',\n      title: 'Data Use Purpose',\n      description: 'Select the primary purpose for your use of this data.',\n      enum: ['Research', 'Commercial', 'Educational'],\n    },\n    irbApprovalNumber: {\n      type: 'string',\n      title: 'IRB Approval Number',\n      description:\n        'If your institution requires IRB approval, provide the approval number.',\n    },\n    signedDataUseAgreement: {\n      type: 'number',\n      title: 'Signed Data Use Agreement',\n      description:\n        'Upload a signed copy of the Data Use Agreement. A template is available for download.',\n      format: 'synapse-filehandle-id',\n    },\n  },\n  required: ['projectTitle', 'signedDataUseAgreement'],\n}\n\n/**\n * Map from `$id` (with version) to the JSON Schema body. In the real system\n * this is served by the registered JSON Schema service.\n */\nexport const mockJsonSchemaRegistry: Record<string, RJSFSchema> = {\n  [mockGenomicsSchema.$id as string]: mockGenomicsSchema,\n  [mockClinicalSchema.$id as string]: mockClinicalSchema,\n}\n\n/** Look up a registered JSON Schema body by its `$id`. */\nexport function getMockJsonSchemaById(\n  schema$id: string,\n): RJSFSchema | undefined {\n  return mockJsonSchemaRegistry[schema$id]\n}\n"],"mappings":";AAeA,IAAa,IAAiC;CAC5C,KAAK;CACL,MAAM;CACN,OAAO;CACP,YAAY;EACV,iBAAiB;GACf,MAAM;GACN,OAAO;GACP,aACE;EACJ;EACA,cAAc;GACZ,MAAM;GACN,OAAO;GACP,aACE;EACJ;CACF;CACA,UAAU,CAAC,mBAAmB,cAAc;AAC9C,GAGa,IAAiC;CAC5C,KAAK;CACL,MAAM;CACN,OAAO;CACP,YAAY;EACV,cAAc;GACZ,MAAM;GACN,OAAO;GACP,aAAa;EACf;EACA,gBAAgB;GACd,MAAM;GACN,OAAO;GACP,aAAa;GACb,MAAM;IAAC;IAAY;IAAc;GAAa;EAChD;EACA,mBAAmB;GACjB,MAAM;GACN,OAAO;GACP,aACE;EACJ;EACA,wBAAwB;GACtB,MAAM;GACN,OAAO;GACP,aACE;GACF,QAAQ;EACV;CACF;CACA,UAAU,CAAC,gBAAgB,wBAAwB;AACrD,GAMa,IAAqD;EAC/D,EAAmB,MAAgB;EACnC,EAAmB,MAAgB;AACtC;AAGA,SAAgB,EACd,GACwB;CACxB,OAAO,EAAuB;AAChC"}
+{"version":3,"file":"mockJsonSchemas.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockJsonSchemas.ts"],"sourcesContent":["/**\n * Mock JSON Schema registry for the JSON Schema-based Access Requirements demo.\n *\n * Each FormTemplate pins a registered JSON Schema by `$id`. The schema is the\n * data contract — it owns property types, validation rules, and which properties\n * are required.\n *\n * The FormTemplateEditor lets ACT edit the schema body alongside the template in\n * a single UI; saving is conceptually a write to both the schema registry and\n * the template service.\n */\n\nimport { RJSFSchema } from '@rjsf/utils'\nimport { DataAccessRequestType } from '@sage-bionetworks/synapse-client'\nimport { SUBMISSION_CONTEXT_PROPERTY } from '@/utils/jsonschema/submissionContext'\nimport { ACCESS_REQUIREMENT_BASE_SCHEMA_ID } from '@/components/FormTemplateEditor/formTemplateSchema'\n\n/** Genomics DAR data contract — all fields required. */\nexport const mockGenomicsSchema: RJSFSchema = {\n  $id: 'org.sagebionetworks.act-GenomicsDataAccessRequest-1.0.0',\n  type: 'object',\n  title: 'Genomics Data Access Request',\n  properties: {\n    intendedDataUse: {\n      type: 'string',\n      title: 'Intended Data Use Statement',\n      description:\n        'Describe in detail how you intend to use the requested data.',\n    },\n    agreeToTerms: {\n      type: 'boolean',\n      title: 'Terms and Conditions',\n      description:\n        'I agree to abide by all terms and conditions for accessing this data.',\n    },\n  },\n  required: ['intendedDataUse', 'agreeToTerms'],\n  allOf: [{ $ref: ACCESS_REQUIREMENT_BASE_SCHEMA_ID }],\n}\n\n/**\n * Clinical Trial DAR data contract — includes a file upload and a Renewal-only field\n * (`irbApprovalNumber`), gated behind an `x-synapse-submissionContext` conditional.\n */\nexport const mockClinicalSchema: RJSFSchema = {\n  $id: 'org.sagebionetworks.act-ClinicalTrialDataAccessRequest-1.0.0',\n  type: 'object',\n  title: 'Clinical Trial Data Access Request',\n  properties: {\n    projectTitle: {\n      type: 'string',\n      title: 'Project Title',\n      description: 'The title of the research project.',\n    },\n    dataUsePurpose: {\n      type: 'string',\n      title: 'Data Use Purpose',\n      description: 'Select the primary purpose for your use of this data.',\n      enum: ['Research', 'Commercial', 'Educational'],\n    },\n    signedDataUseAgreement: {\n      type: 'number',\n      title: 'Signed Data Use Agreement',\n      description:\n        'Upload a signed copy of the Data Use Agreement. A template is available for download.',\n      format: 'synapse-filehandle-id',\n    },\n  },\n  required: ['projectTitle', 'signedDataUseAgreement'],\n  allOf: [\n    { $ref: ACCESS_REQUIREMENT_BASE_SCHEMA_ID },\n    {\n      if: {\n        properties: {\n          [SUBMISSION_CONTEXT_PROPERTY]: {\n            const: DataAccessRequestType.RENEWAL,\n          },\n        },\n      },\n      then: {\n        properties: {\n          irbApprovalNumber: {\n            type: 'string',\n            title: 'IRB Approval Number',\n            description:\n              'If your institution requires IRB approval, provide the approval number.',\n          },\n        },\n      },\n    },\n  ],\n}\n\n/**\n * Map from `$id` (with version) to the JSON Schema body. In the real system\n * this is served by the registered JSON Schema service.\n */\nexport const mockJsonSchemaRegistry: Record<string, RJSFSchema> = {\n  [mockGenomicsSchema.$id as string]: mockGenomicsSchema,\n  [mockClinicalSchema.$id as string]: mockClinicalSchema,\n}\n\n/** Look up a registered JSON Schema body by its `$id`. */\nexport function getMockJsonSchemaById(\n  schema$id: string,\n): RJSFSchema | undefined {\n  return mockJsonSchemaRegistry[schema$id]\n}\n"],"mappings":";;;;AAkBA,IAAa,IAAiC;CAC5C,KAAK;CACL,MAAM;CACN,OAAO;CACP,YAAY;EACV,iBAAiB;GACf,MAAM;GACN,OAAO;GACP,aACE;EACJ;EACA,cAAc;GACZ,MAAM;GACN,OAAO;GACP,aACE;EACJ;CACF;CACA,UAAU,CAAC,mBAAmB,cAAc;CAC5C,OAAO,CAAC,EAAE,MAAM,EAAkC,CAAC;AACrD,GAMa,IAAiC;CAC5C,KAAK;CACL,MAAM;CACN,OAAO;CACP,YAAY;EACV,cAAc;GACZ,MAAM;GACN,OAAO;GACP,aAAa;EACf;EACA,gBAAgB;GACd,MAAM;GACN,OAAO;GACP,aAAa;GACb,MAAM;IAAC;IAAY;IAAc;GAAa;EAChD;EACA,wBAAwB;GACtB,MAAM;GACN,OAAO;GACP,aACE;GACF,QAAQ;EACV;CACF;CACA,UAAU,CAAC,gBAAgB,wBAAwB;CACnD,OAAO,CACL,EAAE,MAAM,EAAkC,GAC1C;EACE,IAAI,EACF,YAAY,GACT,IAA8B,EAC7B,OAAO,EAAsB,QAC/B,EACF,EACF;EACA,MAAM,EACJ,YAAY,EACV,mBAAmB;GACjB,MAAM;GACN,OAAO;GACP,aACE;EACJ,EACF,EACF;CACF,CACF;AACF,GAMa,IAAqD;EAC/D,EAAmB,MAAgB;EACnC,EAAmB,MAAgB;AACtC;AAGA,SAAgB,EACd,GACwB;CACxB,OAAO,EAAuB;AAChC"}