synapse-react-client 4.0.42 → 4.0.44

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.d.ts

@@ -1,5 +1,3 @@
-export declare const DUC_TEMPLATE_UPLOAD_ERROR = "There was an error uploading the DUC template. ";
-export declare const getValidExpirationPeriodOrErrorMessage: (expirationPeriodDays: string) => string | number;
 export type SetManagedAccessRequirementFieldsHandle = {
     save: () => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SetManagedAccessRequirementFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"names":[],"mappings":"AAwCA,eAAO,MAAM,yBAAyB,oDACa,CAAA;AAEnD,eAAO,MAAM,sCAAsC,GACjD,sBAAsB,MAAM,oBAa7B,CAAA;AAED,MAAM,MAAM,uCAAuC,GAAG;IAEpD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,sCAAsC,GAAG;IACnD,mBAAmB,EAAE,MAAM,CAAA;IAE3B,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iCAAiC,4JA2T7C,CAAA"}
+{"version":3,"file":"SetManagedAccessRequirementFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"names":[],"mappings":"AA+BA,MAAM,MAAM,uCAAuC,GAAG;IAEpD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,sCAAsC,GAAG;IACnD,mBAAmB,EAAE,MAAM,CAAA;IAE3B,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iCAAiC,4JA6L7C,CAAA"}

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js

@@ -1,71 +1,41 @@
 import { DAY_IN_MS as e } from "../../utils/SynapseConstants.js";
-import { SynapseErrorBoundary as t } from "../error/ErrorBanner.js";
-import { SynapseSpinner as n } from "../LoadingScreen/LoadingScreen.js";
-import { useGetAccessRequirements as r, useUpdateAccessRequirement as i } from "../../synapse-queries/dataaccess/useAccessRequirements.js";
-import { useListEDucTemplates as a } from "../../synapse-queries/dataaccess/useEDuc.js";
+import { SynapseSpinner as t } from "../LoadingScreen/LoadingScreen.js";
+import { useGetAccessRequirements as n, useUpdateAccessRequirement as r } from "../../synapse-queries/dataaccess/useAccessRequirements.js";
 import "../../synapse-queries/index.js";
-import { UploadDocumentField as o } from "../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.js";
-import { AccessRequirementWikiInstructions as s } from "../SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.js";
-import { AccessorRequirements as c } from "../SetBasicAccessRequirementFields/AccessorRequirements.js";
+import { AccessRequirementWikiInstructions as i } from "../SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.js";
+import { AccessorRequirements as a } from "../SetBasicAccessRequirementFields/AccessorRequirements.js";
 import "../SetBasicAccessRequirementFields/index.js";
-import { forwardRef as l, useEffect as u, useImperativeHandle as d, useMemo as f, useState as p } from "react";
-import { Alert as m, Autocomplete as h, Box as g, Checkbox as _, FormControlLabel as v, TextField as y, Typography as b } from "@mui/material";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { FileHandleAssociateType as w } from "@sage-bionetworks/synapse-types";
+import { DataUseCertificateFields as o } from "./DataUseCertificateFields.js";
+import { ExpirationPeriodField as s, getValidExpirationPeriodOrErrorMessage as c } from "./ExpirationPeriodField.js";
+import { forwardRef as l, useEffect as u, useImperativeHandle as d, useState as f } from "react";
+import { Alert as p, Box as m, Checkbox as h, FormControlLabel as g, Typography as _ } from "@mui/material";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx
-var T = "There was an error uploading the DUC template. ", E = (t) => {
-	if (t === "") return 0;
-	let n = "Please enter a valid expiration period (in days): ";
-	if (/^[-]?\d+$/.test(t)) {
-		let r = Number(t);
-		return r < 0 ? `${n}If expiration period is set, then it must be greater than 0.` : r * e;
-	}
-	return `${n}For input string: "${t}"`;
-}, D = l(function(l, D) {
-	let { accessRequirementId: O, onSave: k, onError: A } = l, { data: j, error: M } = r(O, { staleTime: Infinity });
+var x = l(function(l, x) {
+	let { accessRequirementId: S, onSave: C, onError: w } = l, { data: T, error: E } = n(S, { staleTime: Infinity });
 	u(() => {
-		j && (R(j), B((j.expirationPeriod / e).toString()));
-	}, [j]);
-	let [N, P] = p(null), [F, I] = p(null), [L, R] = p(null), [z, B] = p(""), V = f(() => {
-		if (L?.ducTemplateFileHandleId) return {
-			fileHandleId: L.ducTemplateFileHandleId,
-			associateObjectType: w.AccessRequirementAttachment,
-			associateObjectId: L.id.toString()
-		};
-	}, [L?.ducTemplateFileHandleId, L?.id]), { data: H, isLoading: U, hasNextPage: W, fetchNextPage: G } = a();
-	u(() => {
-		W && G();
-	}, [W, G]);
-	let K = f(() => H?.pages.flatMap((e) => e.results ?? []) ?? [], [H]), q = f(() => K.find((e) => e.templateId === L?.eDucTemplateId) ?? null, [K, L?.eDucTemplateId]), J = (e) => {
-		if (e.resp && e.success && L) {
-			P(null);
-			let t = e.resp;
-			R({
-				...L,
-				ducTemplateFileHandleId: t.fileHandleId,
-				eDucTemplateId: void 0
-			});
-		} else !e.success && e.error && P(`${T} ${e.error.reason}`);
-	}, { mutate: Y, isPending: X, error: Z } = i({
-		onSuccess: () => k(),
-		onError: () => A()
+		T && (A(T), M((T.expirationPeriod / e).toString()));
+	}, [T]);
+	let [D, O] = f(null), [k, A] = f(null), [j, M] = f(""), { mutate: N, isPending: P, error: F } = r({
+		onSuccess: () => C(),
+		onError: () => w()
 	});
-	return d(D, () => ({ save() {
-		if (L) {
-			let e = E(z);
-			typeof e == "string" ? (I(e), A()) : Y({
-				...L,
+	return d(x, () => ({ save() {
+		if (k) {
+			let e = c(j);
+			typeof e == "string" ? (O(e), w()) : N({
+				...k,
 				expirationPeriod: e
 			});
 		}
 	} }), [
-		z,
-		L,
-		Y,
-		A
-	]), L ? /* @__PURE__ */ C(x, { children: [
-		/* @__PURE__ */ S(s, { accessRequirement: L }),
-		/* @__PURE__ */ C(g, { children: [/* @__PURE__ */ S(b, {
+		j,
+		k,
+		N,
+		w
+	]), k ? /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(i, { accessRequirement: k }),
+		/* @__PURE__ */ b(m, { children: [/* @__PURE__ */ y(_, {
 			sx: {
 				bgcolor: "#f5f5f5",
 				borderBottom: "1px solid #ddd",
@@ -74,125 +44,78 @@ var T = "There was an error uploading the DUC template. ", E = (t) => {
 				py: 1
 			},
 			children: "Data Access Request Parameters"
-		}), /* @__PURE__ */ C(g, {
+		}), /* @__PURE__ */ b(m, {
 			sx: {
 				mt: 2,
 				mb: 4
 			},
-			children: [/* @__PURE__ */ S(c, {
-				accessRequirement: L,
-				onChange: (e) => R(e)
-			}), /* @__PURE__ */ C(g, {
+			children: [/* @__PURE__ */ y(a, {
+				accessRequirement: k,
+				onChange: (e) => A(e)
+			}), /* @__PURE__ */ b(m, {
 				sx: { mb: 2 },
 				children: [
-					/* @__PURE__ */ S(b, {
-						variant: "body1",
-						sx: { fontWeight: 700 },
-						children: "DUC"
-					}),
-					/* @__PURE__ */ S(v, {
-						control: /* @__PURE__ */ S(_, {}),
-						label: "DUC is required.",
-						checked: L.isDUCRequired,
-						onChange: (e, t) => R({
-							...L,
-							isDUCRequired: t
+					/* @__PURE__ */ y(o, {
+						accessRequirement: k,
+						isLoading: P,
+						onChange: (e) => A({
+							...k,
+							...e
 						})
 					}),
-					/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(o, {
-						id: "duc",
-						isLoading: X,
-						disabled: !L.isDUCRequired,
-						uploadCallback: (e) => J(e),
-						documentName: "Template DUC",
-						fileHandleAssociations: V ? [V] : void 0,
-						isMultiFileUpload: !1,
-						uploadBtnVariant: "contained"
-					}), N && /* @__PURE__ */ S(m, {
-						severity: "error",
-						sx: { marginTop: 2 },
-						children: N
-					})] }),
-					/* @__PURE__ */ S(g, {
-						sx: { mt: 2 },
-						children: /* @__PURE__ */ S(h, {
-							id: "eDucTemplate",
-							options: K,
-							loading: U,
-							disabled: !L.isDUCRequired,
-							value: q,
-							onChange: (e, t) => R({
-								...L,
-								eDucTemplateId: t?.templateId
-							}),
-							getOptionLabel: (e) => e.name ?? "",
-							isOptionEqualToValue: (e, t) => e.templateId === t.templateId,
-							renderInput: (e) => /* @__PURE__ */ S(y, {
-								...e,
-								label: "eDUC template (electronic signing)",
-								helperText: "Optional. Select a DocuSign template to enable the eDUC signing flow for this Access Requirement."
-							})
-						})
-					}),
-					/* @__PURE__ */ S(v, {
+					/* @__PURE__ */ y(g, {
 						label: "IRB approval is required.",
-						checked: L.isIRBApprovalRequired,
-						control: /* @__PURE__ */ S(_, {}),
-						onChange: (e, t) => R({
-							...L,
+						checked: k.isIRBApprovalRequired,
+						control: /* @__PURE__ */ y(h, {}),
+						onChange: (e, t) => A({
+							...k,
 							isIRBApprovalRequired: t
 						}),
 						sx: { ml: 0 }
 					}),
-					/* @__PURE__ */ S(v, {
-						control: /* @__PURE__ */ S(_, {}),
+					/* @__PURE__ */ y(g, {
+						control: /* @__PURE__ */ y(h, {}),
 						label: "Other documents are required.",
-						checked: L.areOtherAttachmentsRequired,
-						onChange: (e, t) => R({
-							...L,
+						checked: k.areOtherAttachmentsRequired,
+						onChange: (e, t) => A({
+							...k,
 							areOtherAttachmentsRequired: t
 						})
 					}),
-					/* @__PURE__ */ S(y, {
-						id: "expirationPeriod",
-						name: "expirationPeriod",
-						label: "Expiration period (days)",
-						value: z,
-						error: !!F,
-						helperText: F,
-						sx: { mt: 1 },
-						fullWidth: !0,
+					/* @__PURE__ */ y(s, {
+						days: j,
+						error: D,
 						onChange: (e) => {
-							I(null), B(e.target.value);
+							O(null), M(e);
 						},
 						onBlur: () => {
-							let e = E(z);
-							typeof e == "string" && I(e);
+							let e = c(j);
+							typeof e == "string" && O(e);
 						}
 					}),
-					/* @__PURE__ */ C(g, {
+					/* @__PURE__ */ b(m, {
 						sx: { mt: 1 },
-						children: [/* @__PURE__ */ S(v, {
-							control: /* @__PURE__ */ S(_, {}),
+						children: [/* @__PURE__ */ y(g, {
+							control: /* @__PURE__ */ y(h, {}),
 							label: "Intended Data Use statement is required.",
-							checked: L.isIDURequired,
+							checked: k.isIDURequired,
 							onChange: (e, t) => {
-								R(t ? {
-									...L,
+								A(t ? {
+									...k,
 									isIDURequired: !0
 								} : {
-									...L,
+									...k,
 									isIDURequired: !1,
 									isIDUPublic: !1
 								});
 							}
-						}), /* @__PURE__ */ S(v, {
-							control: /* @__PURE__ */ S(_, {}),
+						}), /* @__PURE__ */ y(g, {
+							control: /* @__PURE__ */ y(h, {}),
 							label: "Intended Data Use statements will be publicly available.",
-							checked: L.isIDUPublic,
-							disabled: !L.isIDURequired,
-							onChange: (e, t) => R({
-								...L,
+							checked: k.isIDUPublic,
+							disabled: !k.isIDURequired,
+							onChange: (e, t) => A({
+								...k,
 								isIDUPublic: t
 							})
 						})]
@@ -200,17 +123,17 @@ var T = "There was an error uploading the DUC template. ", E = (t) => {
 				]
 			})]
 		})] }),
-		Z && /* @__PURE__ */ S(m, {
+		F && /* @__PURE__ */ y(p, {
 			severity: "error",
 			sx: { marginTop: 2 },
-			children: Z.reason
+			children: F.reason
 		})
-	] }) : M ? /* @__PURE__ */ S(m, {
+	] }) : E ? /* @__PURE__ */ y(p, {
 		severity: "error",
-		children: M.reason
-	}) : /* @__PURE__ */ S(n, {});
+		children: E.reason
+	}) : /* @__PURE__ */ y(t, {});
 });
 //#endregion
-export { T as DUC_TEMPLATE_UPLOAD_ERROR, D as SetManagedAccessRequirementFields, E as getValidExpirationPeriodOrErrorMessage };
+export { x as SetManagedAccessRequirementFields };
 
 //# sourceMappingURL=SetManagedAccessRequirementFields.js.map

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useListEDucTemplates,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { EDucTemplate } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const {\n      data: eDucTemplateData,\n      isLoading: isLoadingEDucTemplates,\n      hasNextPage: hasNextEDucTemplatePage,\n      fetchNextPage: fetchNextEDucTemplatePage,\n    } = useListEDucTemplates()\n    // Auto-fetch all pages so the dropdown always shows the complete template list.\n    useEffect(() => {\n      if (hasNextEDucTemplatePage) {\n        void fetchNextEDucTemplatePage()\n      }\n    }, [hasNextEDucTemplatePage, fetchNextEDucTemplatePage])\n    const eDucTemplates = useMemo(\n      () => eDucTemplateData?.pages.flatMap(page => page.results ?? []) ?? [],\n      [eDucTemplateData],\n    )\n    const selectedEDucTemplate = useMemo(\n      () =>\n        eDucTemplates.find(\n          template => template.templateId === updatedAr?.eDucTemplateId,\n        ) ?? null,\n      [eDucTemplates, updatedAr?.eDucTemplateId],\n    )\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n          eDucTemplateId: undefined, // mutually exclusive with file upload\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  disabled={!updatedAr.isDUCRequired}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <Box sx={{ mt: 2 }}>\n                <Autocomplete<EDucTemplate>\n                  id=\"eDucTemplate\"\n                  options={eDucTemplates}\n                  loading={isLoadingEDucTemplates}\n                  disabled={!updatedAr.isDUCRequired}\n                  value={selectedEDucTemplate}\n                  onChange={(_event, template) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      eDucTemplateId: template?.templateId,\n                    })\n                  }\n                  getOptionLabel={template => template.name ?? ''}\n                  isOptionEqualToValue={(option, value) =>\n                    option.templateId === value.templateId\n                  }\n                  renderInput={params => (\n                    <TextField\n                      {...params}\n                      label=\"eDUC template (electronic signing)\"\n                      helperText=\"Optional. Select a DocuSign template to enable the eDUC signing flow for this Access Requirement.\"\n                    />\n                  )}\n                />\n              </Box>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  Typography,\n} from '@mui/material'\nimport { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\nimport { DataUseCertificateFields } from './DataUseCertificateFields'\nimport {\n  ExpirationPeriodField,\n  getValidExpirationPeriodOrErrorMessage,\n} from './ExpirationPeriodField'\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <DataUseCertificateFields\n                accessRequirement={updatedAr}\n                isLoading={isUpdatingAccessRequirement}\n                onChange={changes => setUpdatedAr({ ...updatedAr, ...changes })}\n              />\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <ExpirationPeriodField\n                days={expirationPeriodDays}\n                error={expirationPeriodError}\n                onChange={days => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(days)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/components/SynapseForm/SynapseForm.js

@@ -14,17 +14,17 @@ import { Component as h, createRef as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import b from "lodash-es/isEqual";
 import x from "@rjsf/validator-ajv8";
-import S from "@rjsf/core";
-import C from "react-switch";
-import w from "lodash-es/cloneDeep";
-import T from "lodash-es/first";
-import { Engine as E } from "json-rules-engine";
-import D from "lodash-es/find";
-import O from "lodash-es/findIndex";
-import k from "lodash-es/get";
-import A from "lodash-es/isUndefined";
-import j from "lodash-es/keys";
-import M from "lodash-es/pick";
+import S from "lodash-es/pick";
+import C from "@rjsf/core";
+import w from "react-switch";
+import T from "lodash-es/cloneDeep";
+import E from "lodash-es/first";
+import { Engine as D } from "json-rules-engine";
+import O from "lodash-es/find";
+import k from "lodash-es/findIndex";
+import A from "lodash-es/get";
+import j from "lodash-es/isUndefined";
+import M from "lodash-es/keys";
 import N from "lodash-es/remove";
 import P from "lodash-es/set";
 import F from "lodash-es/trimStart";
@@ -43,7 +43,7 @@ var I = class extends h {
 	isNewForm = (e) => Object.keys(e).length == 1 && Object.keys(e)[0] === "metadata" || Object.keys(e).length == 0;
 	getFirstStep = (e, t) => this.isNewForm(t) ? e[0] : e.find((e) => e.final === !0) || e[0];
 	constructor(e) {
-		super(e), this.uiSchema = R(w(e.uiSchema), "ui:help");
+		super(e), this.uiSchema = R(T(e.uiSchema), "ui:help");
 		let t = e.navSchema.steps.map((e, t) => ({
 			...e,
 			inProgress: t === 0
@@ -78,20 +78,20 @@ var I = class extends h {
 	_setIncludedPropInFormDataNonWizard = (e, t) => {
 		let n = {}, r = e.formData;
 		return Object.keys(t).forEach((e) => {
-			k(t[e], "properties.included") && P(n, `${e}.included`, !0);
+			A(t[e], "properties.included") && P(n, `${e}.included`, !0);
 		}), {
 			...r,
 			...n
 		};
 	};
 	_setIncludedPropInFormDataWizard = (e) => {
-		let t = e.currentStep.id, n = w(e.formData);
+		let t = e.currentStep.id, n = T(e.formData);
 		return P(n, `${t}.included`, !0), n;
 	};
 	componentDidMount() {
 		this.setupBeforeUnloadListener(), this.isNewForm(this.state.formData) ? this.setState((e) => ({ formData: this.props.isWizardMode ? this._setIncludedPropInFormDataWizard(e) : this._setIncludedPropInFormDataNonWizard(e, this.props.schema) })) : this.triggerAction(c.VALIDATE);
 	}
-	getSchema = ({ id: e, final: t }) => t ? this.props.schema : M(this.props.schema, [
+	getSchema = ({ id: e, final: t }) => t ? this.props.schema : S(this.props.schema, [
 		"title",
 		"type",
 		`properties.${e}`
@@ -99,7 +99,7 @@ var I = class extends h {
 	getNextStepId = async (e, t, n) => {
 		if (n) return n;
 		if (!e.rules || e.rules.length === 0) return e.default;
-		let r = new E(e.rules);
+		let r = new D(e.rules);
 		try {
 			let n = await r.run(t);
 			return n.events.length > 0 ? n.events[0].params.next : e.default;
@@ -140,10 +140,10 @@ var I = class extends h {
 		let n, r = [...this.state.previousStepIds];
 		if (this.props.isWizardMode) n = r.pop(), this.isSubmitScreen() || P(e, `${this.state.currentStep.id}.included`, void 0);
 		else {
-			let e = O(this.state.steps, { id: this.state.currentStep.id });
+			let e = k(this.state.steps, { id: this.state.currentStep.id });
 			e > 0 && (n = this.state.steps[e - 1].id);
 		}
-		if (!A(n)) return this.moveStep(e, n, t, r);
+		if (!j(n)) return this.moveStep(e, n, t, r);
 	};
 	triggerAction = async (e) => {
 		if (e === c.SAVE) return this.props.onSave(this.state.formData);
@@ -170,7 +170,7 @@ var I = class extends h {
 			};
 			if (o.indexOf(e.id) > -1) {
 				let t = u.COMPLETED;
-				return n && !k(r[e.id], "included") && (t = e.state), {
+				return n && !A(r[e.id], "included") && (t = e.state), {
 					...e,
 					state: t
 				};
@@ -229,7 +229,7 @@ var I = class extends h {
 			let i = n.steps.map((n) => n.id === e ? {
 				...n,
 				excluded: t
-			} : n), a = w(n.formData), o = w(n.currentStep);
+			} : n), a = T(n.formData), o = T(n.currentStep);
 			return o.id === e && (o.excluded = t), t ? a[e] = {} : P(a, `${e}.included`, !0), {
 				steps: i,
 				formData: a,
@@ -279,7 +279,7 @@ var I = class extends h {
 		className: "pull-right toggle-help-label",
 		children: [
 			/* @__PURE__ */ v("span", { children: "Hide help" }),
-			/* @__PURE__ */ v(C, {
+			/* @__PURE__ */ v(w, {
 				checkedIcon: !1,
 				uncheckedIcon: !1,
 				height: 20,
@@ -294,13 +294,13 @@ var I = class extends h {
 	}) });
 	runCustomValidation = async (e, t, n) => {
 		let r = [], i = t.validationRules || [], a = { [t.id]: e[t.id] };
-		if (t.final && (i = n.reduce((e, t) => t.validationRules && t.validationRules.length > 0 ? e.concat(t.validationRules) : e, []), a = w(e)), i.length === 0) return [];
+		if (t.final && (i = n.reduce((e, t) => t.validationRules && t.validationRules.length > 0 ? e.concat(t.validationRules) : e, []), a = T(e)), i.length === 0) return [];
 		let o = [];
 		i.forEach((t) => {
 			let n = t.event.params.property;
 			if (n.indexOf("[*]") === -1) o.push(t);
 			else {
-				let r = k(e, n.split("[*]")[0].substring(1));
+				let r = A(e, n.split("[*]")[0].substring(1));
 				if (Array.isArray(r) && typeof r != "string") for (let e = 0; e < r.length; e++) {
 					let n = JSON.parse(JSON.stringify(t).replace(/\[\*\]/g, `[${e}]`));
 					o.push(n);
@@ -308,7 +308,7 @@ var I = class extends h {
 				else o.push(t);
 			}
 		});
-		let s = new E(o, { allowUndefinedFacts: !0 });
+		let s = new D(o, { allowUndefinedFacts: !0 });
 		try {
 			(await s.run(a)).events.forEach((e) => {
 				let t = {
@@ -423,7 +423,7 @@ var I = class extends h {
 										ref: this.formDivRef,
 										className: `scroll-area ${this.state.currentStep.excluded ? "disabled" : " "} `,
 										children: [
-											/* @__PURE__ */ v(S, {
+											/* @__PURE__ */ v(C, {
 												validator: x,
 												noHtml5Validate: !0,
 												className: this.state.doShowHelp ? "submissionInputForm" : "submissionInputForm no-help",
@@ -502,9 +502,9 @@ var I = class extends h {
 	}
 };
 function L(e, t, n, r, i) {
-	let a = F(t.property, "."), o = a.split("."), s = `${o.join(".properties.")}.title`, c = `${a}.ui:title`, l = s.replace(/\[.*?\]/, ".items"), u = c.replace(/\[.*?\]/, ".items"), d = T(s.match(/\[.*?\]/));
+	let a = F(t.property, "."), o = a.split("."), s = `${o.join(".properties.")}.title`, c = `${a}.ui:title`, l = s.replace(/\[.*?\]/, ".items"), u = c.replace(/\[.*?\]/, ".items"), d = E(s.match(/\[.*?\]/));
 	d &&= (d = d.substring(1, d.length - 1), isNaN(parseInt(d)) ? "" : ` [${parseInt(d) + 1}]`);
-	let f = k(n, c) || k(i.properties, s) || k(n, u) || k(i.properties, l) || t.property, p = D(e, { id: o[0] }) || {
+	let f = A(n, c) || A(i.properties, s) || A(n, u) || A(i.properties, l) || t.property, p = O(e, { id: o[0] }) || {
 		title: o[0],
 		order: 0
 	}, m = /* @__PURE__ */ v("li", {
@@ -526,7 +526,7 @@ function L(e, t, n, r, i) {
 	};
 }
 function R(e, t) {
-	return j(e).some((n) => {
+	return M(e).some((n) => {
 		if (n === t) {
 			let t = e[n];
 			return e[n] = /* @__PURE__ */ v("span", { dangerouslySetInnerHTML: { __html: t } }), e;

package/dist/components/TanStackTable/TanStackTableUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TanStackTableUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAID,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,aAAa,CAsBzE"}
+{"version":3,"file":"TanStackTableUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAcrC,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAID,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,aAAa,CAsBzE"}

package/dist/components/TanStackTable/TanStackTableUtils.js

@@ -1,11 +1,14 @@
 //#region src/components/TanStackTable/TanStackTableUtils.ts
 function e(e) {
-	return `--col-${e}-size`;
+	return e.replace(/[^A-Za-z0-9-]/g, (e) => `_${e.charCodeAt(0).toString(16)}_`);
 }
-function t(e) {
-	return `--header-${e}-size`;
+function t(t) {
+	return `--col-${e(t)}-size`;
 }
-function n(e) {
+function n(t) {
+	return `--header-${e(t)}-size`;
+}
+function r(e) {
 	let t = e.getIsPinned(), n = t === "left" && e.getIsLastColumn("left"), r = t === "right" && e.getIsFirstColumn("right");
 	return t ? {
 		background: "inherit",
@@ -19,6 +22,6 @@ function n(e) {
 	} : {};
 }
 //#endregion
-export { e as getColumnSizeCssVariable, n as getCommonPinningStyles, t as getHeaderSizeCssVariable };
+export { t as getColumnSizeCssVariable, r as getCommonPinningStyles, n as getHeaderSizeCssVariable };
 
 //# sourceMappingURL=TanStackTableUtils.js.map

package/dist/components/TanStackTable/TanStackTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TanStackTableUtils.js","names":[],"sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { CSSProperties } from 'react'\n\nexport function getColumnSizeCssVariable(columnId: string) {\n  return `--col-${columnId}-size`\n}\n\nexport function getHeaderSizeCssVariable(headerId: string) {\n  return `--header-${headerId}-size`\n}\n\n// Styles for column pinning, retrieved from TanStack docs examples with very minor modifications\n// See https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  const isPinned = column.getIsPinned()\n  const isLastLeftPinnedColumn =\n    isPinned === 'left' && column.getIsLastColumn('left')\n  const isFirstRightPinnedColumn =\n    isPinned === 'right' && column.getIsFirstColumn('right')\n\n  if (!isPinned) return {}\n  return {\n    background: 'inherit',\n    boxShadow: isLastLeftPinnedColumn\n      ? '-4px 0 4px -4px gray inset'\n      : isFirstRightPinnedColumn\n        ? '4px 0 4px -4px gray inset'\n        : undefined,\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    opacity: 0.95,\n    position: 'sticky',\n    width: column.getSize(),\n    zIndex: 1,\n  }\n}\n"],"mappings":";AAGA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,SAAS,EAAS;AAC3B;AAEA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,YAAY,EAAS;AAC9B;AAIA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,IAAW,EAAO,YAAY,GAC9B,IACJ,MAAa,UAAU,EAAO,gBAAgB,MAAM,GAChD,IACJ,MAAa,WAAW,EAAO,iBAAiB,OAAO;CAGzD,OADK,IACE;EACL,YAAY;EACZ,WAAW,IACP,+BACA,IACE,8BACA,KAAA;EACN,MAAM,MAAa,SAAS,GAAG,EAAO,SAAS,MAAM,EAAE,MAAM,KAAA;EAC7D,OAAO,MAAa,UAAU,GAAG,EAAO,SAAS,OAAO,EAAE,MAAM,KAAA;EAChE,SAAS;EACT,UAAU;EACV,OAAO,EAAO,QAAQ;EACtB,QAAQ;CACV,IAdsB,CAAC;AAezB"}
+{"version":3,"file":"TanStackTableUtils.js","names":[],"sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { CSSProperties } from 'react'\n\n/**\n * Column IDs are arbitrary strings (e.g. Synapse column names may contain spaces or periods), but a custom property\n * name referenced in `var()` must be a valid CSS identifier. Characters outside [A-Za-z0-9-] are hex-encoded between\n * underscores, so the encoding is valid and distinct IDs never map to the same name.\n */\nfunction toCssIdentifierSafeString(id: string) {\n  return id.replace(\n    /[^A-Za-z0-9-]/g,\n    char => `_${char.charCodeAt(0).toString(16)}_`,\n  )\n}\n\nexport function getColumnSizeCssVariable(columnId: string) {\n  return `--col-${toCssIdentifierSafeString(columnId)}-size`\n}\n\nexport function getHeaderSizeCssVariable(headerId: string) {\n  return `--header-${toCssIdentifierSafeString(headerId)}-size`\n}\n\n// Styles for column pinning, retrieved from TanStack docs examples with very minor modifications\n// See https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  const isPinned = column.getIsPinned()\n  const isLastLeftPinnedColumn =\n    isPinned === 'left' && column.getIsLastColumn('left')\n  const isFirstRightPinnedColumn =\n    isPinned === 'right' && column.getIsFirstColumn('right')\n\n  if (!isPinned) return {}\n  return {\n    background: 'inherit',\n    boxShadow: isLastLeftPinnedColumn\n      ? '-4px 0 4px -4px gray inset'\n      : isFirstRightPinnedColumn\n        ? '4px 0 4px -4px gray inset'\n        : undefined,\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    opacity: 0.95,\n    position: 'sticky',\n    width: column.getSize(),\n    zIndex: 1,\n  }\n}\n"],"mappings":";AAQA,SAAS,EAA0B,GAAY;CAC7C,OAAO,EAAG,QACR,mBACA,MAAQ,IAAI,EAAK,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,EAC9C;AACF;AAEA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,SAAS,EAA0B,CAAQ,EAAE;AACtD;AAEA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,YAAY,EAA0B,CAAQ,EAAE;AACzD;AAIA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,IAAW,EAAO,YAAY,GAC9B,IACJ,MAAa,UAAU,EAAO,gBAAgB,MAAM,GAChD,IACJ,MAAa,WAAW,EAAO,iBAAiB,OAAO;CAGzD,OADK,IACE;EACL,YAAY;EACZ,WAAW,IACP,+BACA,IACE,8BACA,KAAA;EACN,MAAM,MAAa,SAAS,GAAG,EAAO,SAAS,MAAM,EAAE,MAAM,KAAA;EAC7D,OAAO,MAAa,UAAU,GAAG,EAAO,SAAS,OAAO,EAAE,MAAM,KAAA;EAChE,SAAS;EACT,UAAU;EACV,OAAO,EAAO,QAAQ;EACtB,QAAQ;CACV,IAdsB,CAAC;AAezB"}

package/dist/components/dataaccess/SubmissionPage/DataAccessSubmissionFileHandleLink.d.ts

@@ -0,0 +1,5 @@
+export declare function DataAccessSubmissionFileHandleLink(props: {
+    submissionId: string;
+    fileHandleId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataAccessSubmissionFileHandleLink.d.ts.map

package/dist/components/dataaccess/SubmissionPage/DataAccessSubmissionFileHandleLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataAccessSubmissionFileHandleLink.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/SubmissionPage/DataAccessSubmissionFileHandleLink.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kCAAkC,CAAC,KAAK,EAAE;IACxD,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB,2CAkBA"}

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

@@ -0,0 +1,20 @@
+import { FileHandleLink as e } from "../../widgets/FileHandleLink.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { FileHandleAssociateType as r } from "@sage-bionetworks/synapse-types";
+//#region src/components/dataaccess/SubmissionPage/DataAccessSubmissionFileHandleLink.tsx
+function i(i) {
+	let { submissionId: a, fileHandleId: o } = i;
+	return /* @__PURE__ */ n(e, {
+		showDownloadIcon: !0,
+		fileHandleAssociation: t(() => ({
+			fileHandleId: o,
+			associateObjectId: a,
+			associateObjectType: r.DataAccessSubmissionAttachment
+		}), [o, a])
+	}, o);
+}
+//#endregion
+export { i as DataAccessSubmissionFileHandleLink };
+
+//# sourceMappingURL=DataAccessSubmissionFileHandleLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataAccessSubmissionFileHandleLink.js","names":[],"sources":["../../../../src/components/dataaccess/SubmissionPage/DataAccessSubmissionFileHandleLink.tsx"],"sourcesContent":["import { FileHandleLink } from '@/components/widgets/FileHandleLink'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\n\nexport function DataAccessSubmissionFileHandleLink(props: {\n  submissionId: string\n  fileHandleId: string\n}) {\n  const { submissionId, fileHandleId } = props\n  const fileHandleAssociation = useMemo(\n    () => ({\n      fileHandleId: fileHandleId,\n      associateObjectId: submissionId,\n      associateObjectType:\n        FileHandleAssociateType.DataAccessSubmissionAttachment,\n    }),\n    [fileHandleId, submissionId],\n  )\n  return (\n    <FileHandleLink\n      key={fileHandleId}\n      showDownloadIcon={true}\n      fileHandleAssociation={fileHandleAssociation}\n    />\n  )\n}\n"],"mappings":";;;;;AAIA,SAAgB,EAAmC,GAGhD;CACD,IAAM,EAAE,iBAAc,oBAAiB;CAUvC,OACE,kBAAC,GAAD;EAEE,kBAAkB;EACK,uBAbG,SACrB;GACS;GACd,mBAAmB;GACnB,qBACE,EAAwB;EAC5B,IACA,CAAC,GAAc,CAAY,CAMF;CACxB,GAHM,CAGN;AAEL"}

package/dist/components/dataaccess/SubmissionPage/SubmissionPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionPage.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/SubmissionPage/SubmissionPage.tsx"],"names":[],"mappings":"AAsCA,MAAM,MAAM,mBAAmB,GAAG;IAChC,uCAAuC;IACvC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,qDAAqD;IACrD,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAqED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAuchE"}
+{"version":3,"file":"SubmissionPage.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/SubmissionPage/SubmissionPage.tsx"],"names":[],"mappings":"AAgDA,MAAM,MAAM,mBAAmB,GAAG;IAChC,uCAAuC;IACvC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,qDAAqD;IACrD,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAuDD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA2dhE"}