synapse-react-client 4.0.44 → 4.0.46

package/dist/components/FormTemplateEditor/StepFieldRow.js

@@ -6,7 +6,12 @@ import { TemplateFileHandleField as a } from "./TemplateFileHandleField.js";
 import { useState as o } from "react";
 import { Box as s, Checkbox as c, Collapse as l, FormControlLabel as u, IconButton as d, Paper as f, Stack as p, Typography as m } from "@mui/material";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ArrowDownward as _, ArrowUpward as v, Delete as y, DragIndicator as b, ExpandLess as x, ExpandMore as S } from "@mui/icons-material";
+import _ from "@mui/icons-material/ExpandLess";
+import v from "@mui/icons-material/ExpandMore";
+import y from "@mui/icons-material/ArrowDownward";
+import b from "@mui/icons-material/ArrowUpward";
+import x from "@mui/icons-material/Delete";
+import S from "@mui/icons-material/DragIndicator";
 import { useSortable as C } from "@dnd-kit/react/sortable";
 //#region src/components/FormTemplateEditor/StepFieldRow.tsx
 function w({ sortableId: w, sortableIndex: T, sortableGroup: E, field: D, resolvedProperty: O, context: k, propertyKey: A, isFirst: j, isLast: M, formTemplateId: N, onChange: P, onMoveUp: F, onMoveDown: I, onRemove: L }) {
@@ -45,13 +50,13 @@ function w({ sortableId: w, sortableIndex: T, sortableGroup: E, field: D, resolv
 					"aria-label": "Drag to reorder field",
 					className: r.dragHandle,
 					sx: { color: "text.secondary" },
-					children: /* @__PURE__ */ h(b, { fontSize: "small" })
+					children: /* @__PURE__ */ h(S, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ h(d, {
 					size: "small",
 					onClick: () => z((e) => !e),
 					"aria-label": R ? "Collapse field" : "Expand field",
-					children: h(R ? x : S, { fontSize: "small" })
+					children: h(R ? _ : v, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ g(s, {
 					sx: {
@@ -74,20 +79,20 @@ function w({ sortableId: w, sortableIndex: T, sortableGroup: E, field: D, resolv
 					disabled: j,
 					onClick: F,
 					"aria-label": "Move field up",
-					children: /* @__PURE__ */ h(v, { fontSize: "small" })
+					children: /* @__PURE__ */ h(b, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ h(d, {
 					size: "small",
 					disabled: M,
 					onClick: I,
 					"aria-label": "Move field down",
-					children: /* @__PURE__ */ h(_, { fontSize: "small" })
+					children: /* @__PURE__ */ h(y, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ h(d, {
 					size: "small",
 					onClick: L,
 					"aria-label": "Remove field from step",
-					children: /* @__PURE__ */ h(y, { fontSize: "small" })
+					children: /* @__PURE__ */ h(x, { fontSize: "small" })
 				})
 			]
 		}), /* @__PURE__ */ h(l, {

package/dist/components/FormTemplateEditor/StepFieldRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepFieldRow.js","names":[],"sources":["../../../src/components/FormTemplateEditor/StepFieldRow.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/react/sortable'\nimport { FormTemplateField } from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Checkbox,\n  Collapse,\n  FormControlLabel,\n  IconButton,\n  Paper,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  ArrowDownward as DownIcon,\n  Delete as DeleteIcon,\n  DragIndicator as DragHandleIcon,\n  ExpandLess as ExpandLessIcon,\n  ExpandMore as ExpandMoreIcon,\n  ArrowUpward as UpIcon,\n} from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport {\n  SchemaPropertyContext,\n  submissionContextLabel,\n} from '@/utils/jsonschema/submissionContext'\nimport styles from './dragHandle.module.scss'\nimport { detectFieldType, fieldTypeLabel } from './schemaFieldUtils'\nimport { SLOT_SORTABLE_TYPE } from './sortableIds'\nimport { TemplateFileHandleField } from './TemplateFileHandleField'\n\nexport type StepFieldRowProps = {\n  /** Sortable id assigned by parent: `slot:{stepIndex}:{fieldIndex}`. */\n  sortableId: string\n  /** Position within its step's fields array. */\n  sortableIndex: number\n  /** Sortable group; slots only reorder within the same step. */\n  sortableGroup: string\n  field: FormTemplateField\n  /** The schema property this slot resolves to, if it still exists. */\n  resolvedProperty: RJSFSchema | undefined\n  /** Which submission context (per the schema's `x-synapse-submissionContext` convention)\n   * gates this field, derived from `resolvedProperty`. */\n  context: SchemaPropertyContext\n  /** Underlying property key (the segment after `/` in `schemaPath`). */\n  propertyKey: string\n  isFirst: boolean\n  isLast: boolean\n  /** The FormTemplate's id, if it has been saved. Used to build the template file download. */\n  formTemplateId: string | undefined\n  onChange: (patch: Partial<FormTemplateField>) => void\n  onMoveUp: () => void\n  onMoveDown: () => void\n  onRemove: () => void\n}\n\n/**\n * A slot row inside a step. Compact by default — shows the field's display\n * name. Expand to reveal slot-specific config: (for file fields) an\n * optional template file handle. Sortable within its parent step.\n */\nexport function StepFieldRow({\n  sortableId,\n  sortableIndex,\n  sortableGroup,\n  field,\n  resolvedProperty,\n  context,\n  propertyKey,\n  isFirst,\n  isLast,\n  formTemplateId,\n  onChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: StepFieldRowProps) {\n  const [expanded, setExpanded] = useState(false)\n\n  const { ref, handleRef, isDragging } = useSortable({\n    id: sortableId,\n    index: sortableIndex,\n    group: sortableGroup,\n    type: SLOT_SORTABLE_TYPE,\n    accept: SLOT_SORTABLE_TYPE,\n  })\n\n  const type = resolvedProperty ? detectFieldType(resolvedProperty) : null\n  const displayLabel = resolvedProperty?.title || propertyKey\n  const isFileField = type === 'file'\n  const isUnresolved = !resolvedProperty\n\n  let caption = `Missing field: ${field.schemaPath}`\n  if (!isUnresolved) {\n    const captionParts = [fieldTypeLabel(type)]\n    if (context !== 'ALWAYS') {\n      captionParts.push(submissionContextLabel(context))\n    }\n    if (field.isPublic) {\n      captionParts.push('Public')\n    }\n    caption = captionParts.join(' · ')\n  }\n\n  return (\n    <Paper\n      ref={ref}\n      variant=\"outlined\"\n      className={styles.dragSource}\n      data-dragging={isDragging}\n      sx={{\n        p: 1,\n        backgroundColor: 'action.hover',\n        borderColor: isUnresolved ? 'error.main' : undefined,\n      }}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n        <Box\n          ref={handleRef}\n          role=\"button\"\n          tabIndex={0}\n          aria-label=\"Drag to reorder field\"\n          className={styles.dragHandle}\n          sx={{ color: 'text.secondary' }}\n        >\n          <DragHandleIcon fontSize=\"small\" />\n        </Box>\n        <IconButton\n          size=\"small\"\n          onClick={() => setExpanded(prev => !prev)}\n          aria-label={expanded ? 'Collapse field' : 'Expand field'}\n        >\n          {expanded ? (\n            <ExpandLessIcon fontSize=\"small\" />\n          ) : (\n            <ExpandMoreIcon fontSize=\"small\" />\n          )}\n        </IconButton>\n        <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n          <Typography variant=\"body2\" noWrap title={displayLabel}>\n            {displayLabel}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            color={isUnresolved ? 'error' : 'text.secondary'}\n          >\n            {caption}\n          </Typography>\n        </Box>\n        <IconButton\n          size=\"small\"\n          disabled={isFirst}\n          onClick={onMoveUp}\n          aria-label=\"Move field up\"\n        >\n          <UpIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton\n          size=\"small\"\n          disabled={isLast}\n          onClick={onMoveDown}\n          aria-label=\"Move field down\"\n        >\n          <DownIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton\n          size=\"small\"\n          onClick={onRemove}\n          aria-label=\"Remove field from step\"\n        >\n          <DeleteIcon fontSize=\"small\" />\n        </IconButton>\n      </Box>\n\n      <Collapse in={expanded} unmountOnExit>\n        <Stack spacing={1} sx={{ pt: 1, pl: 4 }}>\n          {isFileField && (\n            <TemplateFileHandleField\n              fileHandleId={field.templateFileHandleId}\n              formTemplateId={formTemplateId}\n              onChange={next => onChange({ templateFileHandleId: next })}\n            />\n          )}\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={field.isPublic ?? false}\n                onChange={e => onChange({ isPublic: e.target.checked })}\n              />\n            }\n            label=\"Publicly viewable after approval\"\n          />\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            Answers appear in this AR's public submission info once a submission\n            is approved. Snapshotted at submit time.\n          </Typography>\n        </Stack>\n      </Collapse>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA6DA,SAAgB,EAAa,EAC3B,eACA,kBACA,kBACA,UACA,qBACA,YACA,gBACA,YACA,WACA,mBACA,aACA,aACA,eACA,eACoB;CACpB,IAAM,CAAC,GAAU,KAAe,EAAS,EAAK,GAExC,EAAE,QAAK,cAAW,kBAAe,EAAY;EACjD,IAAI;EACJ,OAAO;EACP,OAAO;EACP,MAAM;EACN,QAAQ;CACV,CAAC,GAEK,IAAO,IAAmB,EAAgB,CAAgB,IAAI,MAC9D,IAAe,GAAkB,SAAS,GAC1C,IAAc,MAAS,QACvB,IAAe,CAAC,GAElB,IAAU,kBAAkB,EAAM;CACtC,IAAI,CAAC,GAAc;EACjB,IAAM,IAAe,CAAC,EAAe,CAAI,CAAC;EAO1C,AANI,MAAY,YACd,EAAa,KAAK,EAAuB,CAAO,CAAC,GAE/C,EAAM,YACR,EAAa,KAAK,QAAQ,GAE5B,IAAU,EAAa,KAAK,KAAK;CACnC;CAEA,OACE,kBAAC,GAAD;EACO;EACL,SAAQ;EACR,WAAW,EAAO;EAClB,iBAAe;EACf,IAAI;GACF,GAAG;GACH,iBAAiB;GACjB,aAAa,IAAe,eAAe,KAAA;EAC7C;YATF,CAWE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;GAAI;aAA3D;IACE,kBAAC,GAAD;KACE,KAAK;KACL,MAAK;KACL,UAAU;KACV,cAAW;KACX,WAAW,EAAO;KAClB,IAAI,EAAE,OAAO,iBAAiB;eAE9B,kBAAC,GAAD,EAAgB,UAAS,QAAS,CAAA;IAC/B,CAAA;IACL,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,GAAY,MAAQ,CAAC,CAAI;KACxC,cAAY,IAAW,mBAAmB;eAGxC,EADD,IACE,IAEA,GAFD,EAAgB,UAAS,QAAS,CAEA;IAE1B,CAAA;IACZ,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAG,UAAU;KAAE;eAApC,CACE,kBAAC,GAAD;MAAY,SAAQ;MAAQ,QAAA;MAAO,OAAO;gBACvC;KACS,CAAA,GACZ,kBAAC,GAAD;MACE,SAAQ;MACR,OAAO,IAAe,UAAU;gBAE/B;KACS,CAAA,CACT;;IACL,kBAAC,GAAD;KACE,MAAK;KACL,UAAU;KACV,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAQ,UAAS,QAAS,CAAA;IAChB,CAAA;IACZ,kBAAC,GAAD;KACE,MAAK;KACL,UAAU;KACV,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAU,UAAS,QAAS,CAAA;IAClB,CAAA;IACZ,kBAAC,GAAD;KACE,MAAK;KACL,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA;GACT;MAEL,kBAAC,GAAD;GAAU,IAAI;GAAU,eAAA;aACtB,kBAAC,GAAD;IAAO,SAAS;IAAG,IAAI;KAAE,IAAI;KAAG,IAAI;IAAE;cAAtC;KACG,KACC,kBAAC,GAAD;MACE,cAAc,EAAM;MACJ;MAChB,WAAU,MAAQ,EAAS,EAAE,sBAAsB,EAAK,CAAC;KAC1D,CAAA;KAEH,kBAAC,GAAD;MACE,SACE,kBAAC,GAAD;OACE,SAAS,EAAM,YAAY;OAC3B,WAAU,MAAK,EAAS,EAAE,UAAU,EAAE,OAAO,QAAQ,CAAC;MACvD,CAAA;MAEH,OAAM;KACP,CAAA;KACD,kBAAC,GAAD;MAAY,SAAQ;MAAU,OAAM;gBAAiB;KAGzC,CAAA;IACP;;EACC,CAAA,CACL;;AAEX"}
+{"version":3,"file":"StepFieldRow.js","names":[],"sources":["../../../src/components/FormTemplateEditor/StepFieldRow.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/react/sortable'\nimport { FormTemplateField } from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Checkbox,\n  Collapse,\n  FormControlLabel,\n  IconButton,\n  Paper,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport DownIcon from '@mui/icons-material/ArrowDownward'\nimport DeleteIcon from '@mui/icons-material/Delete'\nimport DragHandleIcon from '@mui/icons-material/DragIndicator'\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport UpIcon from '@mui/icons-material/ArrowUpward'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport {\n  SchemaPropertyContext,\n  submissionContextLabel,\n} from '@/utils/jsonschema/submissionContext'\nimport styles from './dragHandle.module.scss'\nimport { detectFieldType, fieldTypeLabel } from './schemaFieldUtils'\nimport { SLOT_SORTABLE_TYPE } from './sortableIds'\nimport { TemplateFileHandleField } from './TemplateFileHandleField'\n\nexport type StepFieldRowProps = {\n  /** Sortable id assigned by parent: `slot:{stepIndex}:{fieldIndex}`. */\n  sortableId: string\n  /** Position within its step's fields array. */\n  sortableIndex: number\n  /** Sortable group; slots only reorder within the same step. */\n  sortableGroup: string\n  field: FormTemplateField\n  /** The schema property this slot resolves to, if it still exists. */\n  resolvedProperty: RJSFSchema | undefined\n  /** Which submission context (per the schema's `x-synapse-submissionContext` convention)\n   * gates this field, derived from `resolvedProperty`. */\n  context: SchemaPropertyContext\n  /** Underlying property key (the segment after `/` in `schemaPath`). */\n  propertyKey: string\n  isFirst: boolean\n  isLast: boolean\n  /** The FormTemplate's id, if it has been saved. Used to build the template file download. */\n  formTemplateId: string | undefined\n  onChange: (patch: Partial<FormTemplateField>) => void\n  onMoveUp: () => void\n  onMoveDown: () => void\n  onRemove: () => void\n}\n\n/**\n * A slot row inside a step. Compact by default — shows the field's display\n * name. Expand to reveal slot-specific config: (for file fields) an\n * optional template file handle. Sortable within its parent step.\n */\nexport function StepFieldRow({\n  sortableId,\n  sortableIndex,\n  sortableGroup,\n  field,\n  resolvedProperty,\n  context,\n  propertyKey,\n  isFirst,\n  isLast,\n  formTemplateId,\n  onChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: StepFieldRowProps) {\n  const [expanded, setExpanded] = useState(false)\n\n  const { ref, handleRef, isDragging } = useSortable({\n    id: sortableId,\n    index: sortableIndex,\n    group: sortableGroup,\n    type: SLOT_SORTABLE_TYPE,\n    accept: SLOT_SORTABLE_TYPE,\n  })\n\n  const type = resolvedProperty ? detectFieldType(resolvedProperty) : null\n  const displayLabel = resolvedProperty?.title || propertyKey\n  const isFileField = type === 'file'\n  const isUnresolved = !resolvedProperty\n\n  let caption = `Missing field: ${field.schemaPath}`\n  if (!isUnresolved) {\n    const captionParts = [fieldTypeLabel(type)]\n    if (context !== 'ALWAYS') {\n      captionParts.push(submissionContextLabel(context))\n    }\n    if (field.isPublic) {\n      captionParts.push('Public')\n    }\n    caption = captionParts.join(' · ')\n  }\n\n  return (\n    <Paper\n      ref={ref}\n      variant=\"outlined\"\n      className={styles.dragSource}\n      data-dragging={isDragging}\n      sx={{\n        p: 1,\n        backgroundColor: 'action.hover',\n        borderColor: isUnresolved ? 'error.main' : undefined,\n      }}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n        <Box\n          ref={handleRef}\n          role=\"button\"\n          tabIndex={0}\n          aria-label=\"Drag to reorder field\"\n          className={styles.dragHandle}\n          sx={{ color: 'text.secondary' }}\n        >\n          <DragHandleIcon fontSize=\"small\" />\n        </Box>\n        <IconButton\n          size=\"small\"\n          onClick={() => setExpanded(prev => !prev)}\n          aria-label={expanded ? 'Collapse field' : 'Expand field'}\n        >\n          {expanded ? (\n            <ExpandLessIcon fontSize=\"small\" />\n          ) : (\n            <ExpandMoreIcon fontSize=\"small\" />\n          )}\n        </IconButton>\n        <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n          <Typography variant=\"body2\" noWrap title={displayLabel}>\n            {displayLabel}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            color={isUnresolved ? 'error' : 'text.secondary'}\n          >\n            {caption}\n          </Typography>\n        </Box>\n        <IconButton\n          size=\"small\"\n          disabled={isFirst}\n          onClick={onMoveUp}\n          aria-label=\"Move field up\"\n        >\n          <UpIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton\n          size=\"small\"\n          disabled={isLast}\n          onClick={onMoveDown}\n          aria-label=\"Move field down\"\n        >\n          <DownIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton\n          size=\"small\"\n          onClick={onRemove}\n          aria-label=\"Remove field from step\"\n        >\n          <DeleteIcon fontSize=\"small\" />\n        </IconButton>\n      </Box>\n\n      <Collapse in={expanded} unmountOnExit>\n        <Stack spacing={1} sx={{ pt: 1, pl: 4 }}>\n          {isFileField && (\n            <TemplateFileHandleField\n              fileHandleId={field.templateFileHandleId}\n              formTemplateId={formTemplateId}\n              onChange={next => onChange({ templateFileHandleId: next })}\n            />\n          )}\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={field.isPublic ?? false}\n                onChange={e => onChange({ isPublic: e.target.checked })}\n              />\n            }\n            label=\"Publicly viewable after approval\"\n          />\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            Answers appear in this AR's public submission info once a submission\n            is approved. Snapshotted at submit time.\n          </Typography>\n        </Stack>\n      </Collapse>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA2DA,SAAgB,EAAa,EAC3B,eACA,kBACA,kBACA,UACA,qBACA,YACA,gBACA,YACA,WACA,mBACA,aACA,aACA,eACA,eACoB;CACpB,IAAM,CAAC,GAAU,KAAe,EAAS,EAAK,GAExC,EAAE,QAAK,cAAW,kBAAe,EAAY;EACjD,IAAI;EACJ,OAAO;EACP,OAAO;EACP,MAAM;EACN,QAAQ;CACV,CAAC,GAEK,IAAO,IAAmB,EAAgB,CAAgB,IAAI,MAC9D,IAAe,GAAkB,SAAS,GAC1C,IAAc,MAAS,QACvB,IAAe,CAAC,GAElB,IAAU,kBAAkB,EAAM;CACtC,IAAI,CAAC,GAAc;EACjB,IAAM,IAAe,CAAC,EAAe,CAAI,CAAC;EAO1C,AANI,MAAY,YACd,EAAa,KAAK,EAAuB,CAAO,CAAC,GAE/C,EAAM,YACR,EAAa,KAAK,QAAQ,GAE5B,IAAU,EAAa,KAAK,KAAK;CACnC;CAEA,OACE,kBAAC,GAAD;EACO;EACL,SAAQ;EACR,WAAW,EAAO;EAClB,iBAAe;EACf,IAAI;GACF,GAAG;GACH,iBAAiB;GACjB,aAAa,IAAe,eAAe,KAAA;EAC7C;YATF,CAWE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;GAAI;aAA3D;IACE,kBAAC,GAAD;KACE,KAAK;KACL,MAAK;KACL,UAAU;KACV,cAAW;KACX,WAAW,EAAO;KAClB,IAAI,EAAE,OAAO,iBAAiB;eAE9B,kBAAC,GAAD,EAAgB,UAAS,QAAS,CAAA;IAC/B,CAAA;IACL,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,GAAY,MAAQ,CAAC,CAAI;KACxC,cAAY,IAAW,mBAAmB;eAGxC,EADD,IACE,IAEA,GAFD,EAAgB,UAAS,QAAS,CAEA;IAE1B,CAAA;IACZ,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAG,UAAU;KAAE;eAApC,CACE,kBAAC,GAAD;MAAY,SAAQ;MAAQ,QAAA;MAAO,OAAO;gBACvC;KACS,CAAA,GACZ,kBAAC,GAAD;MACE,SAAQ;MACR,OAAO,IAAe,UAAU;gBAE/B;KACS,CAAA,CACT;;IACL,kBAAC,GAAD;KACE,MAAK;KACL,UAAU;KACV,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAQ,UAAS,QAAS,CAAA;IAChB,CAAA;IACZ,kBAAC,GAAD;KACE,MAAK;KACL,UAAU;KACV,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAU,UAAS,QAAS,CAAA;IAClB,CAAA;IACZ,kBAAC,GAAD;KACE,MAAK;KACL,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA;GACT;MAEL,kBAAC,GAAD;GAAU,IAAI;GAAU,eAAA;aACtB,kBAAC,GAAD;IAAO,SAAS;IAAG,IAAI;KAAE,IAAI;KAAG,IAAI;IAAE;cAAtC;KACG,KACC,kBAAC,GAAD;MACE,cAAc,EAAM;MACJ;MAChB,WAAU,MAAQ,EAAS,EAAE,sBAAsB,EAAK,CAAC;KAC1D,CAAA;KAEH,kBAAC,GAAD;MACE,SACE,kBAAC,GAAD;OACE,SAAS,EAAM,YAAY;OAC3B,WAAU,MAAK,EAAS,EAAE,UAAU,EAAE,OAAO,QAAQ,CAAC;MACvD,CAAA;MAEH,OAAM;KACP,CAAA;KACD,kBAAC,GAAD;MAAY,SAAQ;MAAU,OAAM;gBAAiB;KAGzC,CAAA;IACP;;EACC,CAAA,CACL;;AAEX"}

package/dist/components/FormTemplateEditor/TemplateFileHandleField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateFileHandleField.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/TemplateFileHandleField.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,4BAA4B,GAAG;IACzC,6DAA6D;IAC7D,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC;;;;OAIG;IACH,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACrD,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,4BAA4B,2CA+F9B"}
+{"version":3,"file":"TemplateFileHandleField.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/TemplateFileHandleField.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,4BAA4B,GAAG;IACzC,6DAA6D;IAC7D,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC;;;;OAIG;IACH,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACrD,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,4BAA4B,2CA+F9B"}

package/dist/components/FormTemplateEditor/TemplateFileHandleField.js

@@ -5,7 +5,8 @@ import { useMemo as r, useRef as i, useState as a } from "react";
 import { Alert as o, Box as s, Button as c, IconButton as l, Stack as u, Typography as d } from "@mui/material";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { FileHandleAssociateType as h } from "@sage-bionetworks/synapse-types";
-import { Close as g, UploadFile as _ } from "@mui/icons-material";
+import g from "@mui/icons-material/Close";
+import _ from "@mui/icons-material/UploadFile";
 //#region src/components/FormTemplateEditor/TemplateFileHandleField.tsx
 function v({ fileHandleId: v, formTemplateId: y, onChange: b }) {
 	let [x, S] = a(!1), [C, w] = a(null), T = i(null), E = r(() => v && y ? {

package/dist/components/FormTemplateEditor/TemplateFileHandleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateFileHandleField.js","names":[],"sources":["../../../src/components/FormTemplateEditor/TemplateFileHandleField.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { FileHandleLink } from '@/components/widgets/FileHandleLink'\nimport {\n  Close as RemoveIcon,\n  UploadFile as UploadIcon,\n} from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo, useRef, useState } from 'react'\n\nexport type TemplateFileHandleFieldProps = {\n  /** The slot's `templateFileHandleId`, if one is attached. */\n  fileHandleId: string | undefined\n  /**\n   * The FormTemplate's id, used to build the download association. Undefined for a template\n   * that has not been saved yet (a brand-new draft), in which case the file is downloaded\n   * directly as a file handle the current user uploaded.\n   */\n  formTemplateId: string | undefined\n  onChange: (fileHandleId: string | undefined) => void\n}\n\n/**\n * Upload/download control for a file field's optional template attachment\n * (`FormTemplateField.templateFileHandleId`) — e.g. a fillable document requesters must\n * download, complete, and re-upload to answer this slot. Uploads immediately via\n * `BasicFileHandleUpload` in a dialog; download reuses `FileHandleLink`.\n */\nexport function TemplateFileHandleField({\n  fileHandleId,\n  formTemplateId,\n  onChange,\n}: TemplateFileHandleFieldProps) {\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const [validationError, setValidationError] = useState<string | null>(null)\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n  // FileHandleLink refetches whenever the association's identity changes.\n  const fileHandleAssociation = useMemo<FileHandleAssociation | undefined>(\n    () =>\n      fileHandleId && formTemplateId\n        ? {\n            fileHandleId,\n            // AccessRequirementAttachment is a stand-in: a FormTemplate is not an\n            // AccessRequirement, so the server may not authorize this download.\n            // Supported FormTemplate template-file downloads are tracked in PLFM-10013.\n            associateObjectType:\n              FileHandleAssociateType.AccessRequirementAttachment,\n            associateObjectId: formTemplateId,\n          }\n        : undefined,\n    [fileHandleId, formTemplateId],\n  )\n\n  return (\n    <Box>\n      <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\">\n        Template file\n      </Typography>\n      <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n        {fileHandleId ? (\n          <>\n            {/* A template that has not been saved yet can only reference a file handle that the current user uploaded, so it is downloaded directly. */}\n            {fileHandleAssociation ? (\n              <FileHandleLink\n                fileHandleAssociation={fileHandleAssociation}\n                showDownloadIcon\n              />\n            ) : (\n              <FileHandleLink\n                creatorFileHandleId={fileHandleId}\n                showDownloadIcon\n              />\n            )}\n            <IconButton\n              size=\"small\"\n              onClick={() => onChange(undefined)}\n              aria-label=\"Remove template file\"\n            >\n              <RemoveIcon fontSize=\"small\" />\n            </IconButton>\n          </>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            None\n          </Typography>\n        )}\n        <Button\n          size=\"small\"\n          startIcon={<UploadIcon fontSize=\"small\" />}\n          onClick={() => setDialogOpen(true)}\n        >\n          {fileHandleId ? 'Replace' : 'Upload'}\n        </Button>\n      </Stack>\n\n      <DialogBase\n        open={dialogOpen}\n        onCancel={() => setDialogOpen(false)}\n        title=\"Upload template file\"\n        maxWidth=\"sm\"\n        content={\n          <>\n            <BasicFileHandleUpload\n              ref={uploadRef}\n              allowMultipleUpload={false}\n              disableDragAndDrop={true}\n              onValidationError={setValidationError}\n              onFileUploadComplete={newFileHandleId => {\n                onChange(newFileHandleId)\n                setDialogOpen(false)\n              }}\n            />\n            {validationError && (\n              <Alert severity=\"error\" sx={{ mt: 2 }}>\n                {validationError}\n              </Alert>\n            )}\n          </>\n        }\n        actions={\n          <Button variant=\"outlined\" onClick={() => setDialogOpen(false)}>\n            Cancel\n          </Button>\n        }\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AA0CA,SAAgB,EAAwB,EACtC,iBACA,mBACA,eAC+B;CAC/B,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,CAAC,GAAiB,KAAsB,EAAwB,IAAI,GACpE,IAAY,EAAgC,IAAI,GAEhD,IAAwB,QAE1B,KAAgB,IACZ;EACE;EAIA,qBACE,EAAwB;EAC1B,mBAAmB;CACrB,IACA,KAAA,GACN,CAAC,GAAc,CAAc,CAC/B;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,OAAM;GAAiB,WAAU;aAAM;EAEzD,CAAA;EACZ,kBAAC,GAAD;GAAO,WAAU;GAAM,SAAS;GAAG,YAAW;aAA9C,CACG,IACC,kBAAA,GAAA,EAAA,UAAA,CAEG,IACC,kBAAC,GAAD;IACyB;IACvB,kBAAA;GACD,CAAA,IAED,kBAAC,GAAD;IACE,qBAAqB;IACrB,kBAAA;GACD,CAAA,GAEH,kBAAC,GAAD;IACE,MAAK;IACL,eAAe,EAAS,KAAA,CAAS;IACjC,cAAW;cAEX,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;GACpB,CAAA,CACZ,EAAA,CAAA,IAEF,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA,GAEd,kBAAC,GAAD;IACE,MAAK;IACL,WAAW,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACzC,eAAe,EAAc,EAAI;cAEhC,IAAe,YAAY;GACtB,CAAA,CACH;;EAEP,kBAAC,GAAD;GACE,MAAM;GACN,gBAAgB,EAAc,EAAK;GACnC,OAAM;GACN,UAAS;GACT,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,KAAK;IACL,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,uBAAsB,MAAmB;KAEvC,AADA,EAAS,CAAe,GACxB,EAAc,EAAK;IACrB;GACD,CAAA,GACA,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,EAAE;cACjC;GACI,CAAA,CAET,EAAA,CAAA;GAEJ,SACE,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,EAAc,EAAK;cAAG;GAExD,CAAA;EAEX,CAAA;CACE,EAAA,CAAA;AAET"}
+{"version":3,"file":"TemplateFileHandleField.js","names":[],"sources":["../../../src/components/FormTemplateEditor/TemplateFileHandleField.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { FileHandleLink } from '@/components/widgets/FileHandleLink'\nimport RemoveIcon from '@mui/icons-material/Close'\nimport UploadIcon from '@mui/icons-material/UploadFile'\nimport {\n  Alert,\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo, useRef, useState } from 'react'\n\nexport type TemplateFileHandleFieldProps = {\n  /** The slot's `templateFileHandleId`, if one is attached. */\n  fileHandleId: string | undefined\n  /**\n   * The FormTemplate's id, used to build the download association. Undefined for a template\n   * that has not been saved yet (a brand-new draft), in which case the file is downloaded\n   * directly as a file handle the current user uploaded.\n   */\n  formTemplateId: string | undefined\n  onChange: (fileHandleId: string | undefined) => void\n}\n\n/**\n * Upload/download control for a file field's optional template attachment\n * (`FormTemplateField.templateFileHandleId`) — e.g. a fillable document requesters must\n * download, complete, and re-upload to answer this slot. Uploads immediately via\n * `BasicFileHandleUpload` in a dialog; download reuses `FileHandleLink`.\n */\nexport function TemplateFileHandleField({\n  fileHandleId,\n  formTemplateId,\n  onChange,\n}: TemplateFileHandleFieldProps) {\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const [validationError, setValidationError] = useState<string | null>(null)\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n  // FileHandleLink refetches whenever the association's identity changes.\n  const fileHandleAssociation = useMemo<FileHandleAssociation | undefined>(\n    () =>\n      fileHandleId && formTemplateId\n        ? {\n            fileHandleId,\n            // AccessRequirementAttachment is a stand-in: a FormTemplate is not an\n            // AccessRequirement, so the server may not authorize this download.\n            // Supported FormTemplate template-file downloads are tracked in PLFM-10013.\n            associateObjectType:\n              FileHandleAssociateType.AccessRequirementAttachment,\n            associateObjectId: formTemplateId,\n          }\n        : undefined,\n    [fileHandleId, formTemplateId],\n  )\n\n  return (\n    <Box>\n      <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\">\n        Template file\n      </Typography>\n      <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n        {fileHandleId ? (\n          <>\n            {/* A template that has not been saved yet can only reference a file handle that the current user uploaded, so it is downloaded directly. */}\n            {fileHandleAssociation ? (\n              <FileHandleLink\n                fileHandleAssociation={fileHandleAssociation}\n                showDownloadIcon\n              />\n            ) : (\n              <FileHandleLink\n                creatorFileHandleId={fileHandleId}\n                showDownloadIcon\n              />\n            )}\n            <IconButton\n              size=\"small\"\n              onClick={() => onChange(undefined)}\n              aria-label=\"Remove template file\"\n            >\n              <RemoveIcon fontSize=\"small\" />\n            </IconButton>\n          </>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            None\n          </Typography>\n        )}\n        <Button\n          size=\"small\"\n          startIcon={<UploadIcon fontSize=\"small\" />}\n          onClick={() => setDialogOpen(true)}\n        >\n          {fileHandleId ? 'Replace' : 'Upload'}\n        </Button>\n      </Stack>\n\n      <DialogBase\n        open={dialogOpen}\n        onCancel={() => setDialogOpen(false)}\n        title=\"Upload template file\"\n        maxWidth=\"sm\"\n        content={\n          <>\n            <BasicFileHandleUpload\n              ref={uploadRef}\n              allowMultipleUpload={false}\n              disableDragAndDrop={true}\n              onValidationError={setValidationError}\n              onFileUploadComplete={newFileHandleId => {\n                onChange(newFileHandleId)\n                setDialogOpen(false)\n              }}\n            />\n            {validationError && (\n              <Alert severity=\"error\" sx={{ mt: 2 }}>\n                {validationError}\n              </Alert>\n            )}\n          </>\n        }\n        actions={\n          <Button variant=\"outlined\" onClick={() => setDialogOpen(false)}>\n            Cancel\n          </Button>\n        }\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAwCA,SAAgB,EAAwB,EACtC,iBACA,mBACA,eAC+B;CAC/B,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,CAAC,GAAiB,KAAsB,EAAwB,IAAI,GACpE,IAAY,EAAgC,IAAI,GAEhD,IAAwB,QAE1B,KAAgB,IACZ;EACE;EAIA,qBACE,EAAwB;EAC1B,mBAAmB;CACrB,IACA,KAAA,GACN,CAAC,GAAc,CAAc,CAC/B;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,OAAM;GAAiB,WAAU;aAAM;EAEzD,CAAA;EACZ,kBAAC,GAAD;GAAO,WAAU;GAAM,SAAS;GAAG,YAAW;aAA9C,CACG,IACC,kBAAA,GAAA,EAAA,UAAA,CAEG,IACC,kBAAC,GAAD;IACyB;IACvB,kBAAA;GACD,CAAA,IAED,kBAAC,GAAD;IACE,qBAAqB;IACrB,kBAAA;GACD,CAAA,GAEH,kBAAC,GAAD;IACE,MAAK;IACL,eAAe,EAAS,KAAA,CAAS;IACjC,cAAW;cAEX,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;GACpB,CAAA,CACZ,EAAA,CAAA,IAEF,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA,GAEd,kBAAC,GAAD;IACE,MAAK;IACL,WAAW,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACzC,eAAe,EAAc,EAAI;cAEhC,IAAe,YAAY;GACtB,CAAA,CACH;;EAEP,kBAAC,GAAD;GACE,MAAM;GACN,gBAAgB,EAAc,EAAK;GACnC,OAAM;GACN,UAAS;GACT,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,KAAK;IACL,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,uBAAsB,MAAmB;KAEvC,AADA,EAAS,CAAe,GACxB,EAAc,EAAK;IACrB;GACD,CAAA,GACA,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,EAAE;cACjC;GACI,CAAA,CAET,EAAA,CAAA;GAEJ,SACE,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,EAAc,EAAK;cAAG;GAExD,CAAA;EAEX,CAAA;CACE,EAAA,CAAA;AAET"}

package/dist/components/FormTemplateEditor/useSaveFormTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSaveFormTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAc,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAEL,kBAAkB,EAEnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,SAAS,CAAA;AAMvE,OAAO,EACL,gCAAgC,EAEjC,MAAM,0BAA0B,CAAA;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,wBAAwB,EAAE,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,2BAA2B,GACnC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,GACpC;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,gBAAgB,EAAE,gCAAgC,EAAE,CAAA;CAAE,CAAA;AAEvE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,CAAC,EAAE,IAAI,CACZ,kBAAkB,CAChB,2BAA2B,EAC3B,kBAAkB,EAClB,2BAA2B,CAC5B,EACD,YAAY,CACb,4IA2EF"}
+{"version":3,"file":"useSaveFormTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAEL,kBAAkB,EAEnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,SAAS,CAAA;AAMvE,OAAO,EACL,gCAAgC,EAEjC,MAAM,0BAA0B,CAAA;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,wBAAwB,EAAE,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,2BAA2B,GACnC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,GACpC;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,gBAAgB,EAAE,gCAAgC,EAAE,CAAA;CAAE,CAAA;AAEvE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,CAAC,EAAE,IAAI,CACZ,kBAAkB,CAChB,2BAA2B,EAC3B,kBAAkB,EAClB,2BAA2B,CAC5B,EACD,YAAY,CACb,4IA2EF"}

package/dist/components/FormTemplateEditor/useSaveFormTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSaveFormTemplate.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"sourcesContent":["/*\n * Network orchestration for saving a FormTemplate draft: pre-flight client-side validation\n * (mirroring the server's per-field rules, since the server only returns a flat message),\n * registering a new JSON Schema version when the schema body changed, and creating or updating\n * the FormTemplate against that schema version.\n */\nimport { getJsonSchemaVersionsQuery } from '@/synapse-queries/jsonschema/useListJsonSchemaVersions'\nimport { useCreateJsonSchema } from '@/synapse-queries/jsonschema/useCreateJsonSchema'\nimport {\n  useCreateFormTemplate,\n  useUpdateFormTemplate,\n} from '@/synapse-queries/dataaccess/useFormTemplate'\nimport { FormTemplate, JsonSchema } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { RJSFSchema } from '@rjsf/utils'\nimport isEqual from 'lodash-es/isEqual'\nimport {\n  useMutation,\n  UseMutationOptions,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { EditableFormTemplateStep, toFormTemplateSteps } from './utils'\nimport {\n  formatSchema$id,\n  getNextSchemaVersion,\n  resolveFormTemplateSchemaName,\n} from './formTemplateSchema'\nimport {\n  FormTemplateFieldValidationError,\n  validateFormTemplateFields,\n} from './formTemplateValidation'\n\nexport type SaveFormTemplateDraftParams = {\n  initialTemplate?: FormTemplate\n  initialJsonSchema?: RJSFSchema\n  name: string\n  jsonSchema: RJSFSchema\n  steps: EditableFormTemplateStep[]\n}\n\nexport type SaveFormTemplateDraftResult =\n  | { ok: true; template: FormTemplate }\n  | { ok: false; validationErrors: FormTemplateFieldValidationError[] }\n\n/**\n * Owns the create-schema, create-template, and update-template mutations, and sequences them\n * into a single save mutation. A validation failure resolves as `{ ok: false, validationErrors }`\n * rather than rejecting; a network failure (including a 412 conflict from a concurrent edit)\n * rejects normally, surfaced via the returned mutation's `error`.\n */\nexport function useSaveFormTemplate(\n  options?: Omit<\n    UseMutationOptions<\n      SaveFormTemplateDraftResult,\n      SynapseClientError,\n      SaveFormTemplateDraftParams\n    >,\n    'mutationFn'\n  >,\n) {\n  const queryClient = useQueryClient()\n  const { synapseClient, keyFactory } = useSynapseContext()\n  const createSchema = useCreateJsonSchema()\n  const createTemplate = useCreateFormTemplate()\n  const updateTemplate = useUpdateFormTemplate()\n\n  return useMutation<\n    SaveFormTemplateDraftResult,\n    SynapseClientError,\n    SaveFormTemplateDraftParams\n  >({\n    ...options,\n    mutationFn: async params => {\n      const formTemplateSteps = toFormTemplateSteps(params.steps)\n\n      const validationErrors = validateFormTemplateFields(\n        formTemplateSteps,\n        params.jsonSchema,\n      )\n      if (validationErrors.length > 0) {\n        return { ok: false, validationErrors }\n      }\n\n      // The schema registry has no update operation — every save that changed the schema body\n      // registers a fresh, immutable version. Re-registering an unchanged body would still create\n      // an unnecessary version, so skip it when the draft's schema matches what was last resolved.\n      let schema$id = params.initialTemplate?.schema$id ?? ''\n      const schemaChanged = !isEqual(\n        params.jsonSchema,\n        params.initialJsonSchema,\n      )\n      if (schemaChanged || !schema$id) {\n        const templateSchemaName = resolveFormTemplateSchemaName(\n          params.name,\n          params.initialTemplate?.schema$id,\n        )\n        // Registered versions are immutable, so the list is read fresh on every save to pick a\n        // version that does not exist yet.\n        const registeredVersions = await queryClient.fetchQuery({\n          ...getJsonSchemaVersionsQuery(\n            templateSchemaName.organizationName,\n            templateSchemaName.schemaName,\n            { synapseClient, keyFactory },\n          ),\n          staleTime: 0,\n        })\n        const response = await createSchema.mutateAsync({\n          ...params.jsonSchema,\n          $id: formatSchema$id(\n            templateSchemaName,\n            getNextSchemaVersion(registeredVersions),\n          ),\n        } as JsonSchema)\n        schema$id = response.newVersionInfo!.$id!\n      }\n\n      const formTemplate: FormTemplate = {\n        ...params.initialTemplate,\n        name: params.name,\n        schema$id,\n        steps: formTemplateSteps,\n      }\n\n      const template = params.initialTemplate?.id\n        ? await updateTemplate.mutateAsync({\n            templateId: params.initialTemplate.id,\n            formTemplate,\n          })\n        : await createTemplate.mutateAsync(formTemplate)\n\n      return { ok: true, template }\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;AAmDA,SAAgB,EACd,GAQA;CACA,IAAM,IAAc,EAAe,GAC7B,EAAE,kBAAe,kBAAe,EAAkB,GAClD,IAAe,EAAoB,GACnC,IAAiB,EAAsB,GACvC,IAAiB,EAAsB;CAE7C,OAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAM,MAAU;GAC1B,IAAM,IAAoB,EAAoB,EAAO,KAAK,GAEpD,IAAmB,EACvB,GACA,EAAO,UACT;GACA,IAAI,EAAiB,SAAS,GAC5B,OAAO;IAAE,IAAI;IAAO;GAAiB;GAMvC,IAAI,IAAY,EAAO,iBAAiB,aAAa;GAKrD,IAAI,CAJmB,EACrB,EAAO,YACP,EAAO,iBACT,KACqB,CAAC,GAAW;IAC/B,IAAM,IAAqB,EACzB,EAAO,MACP,EAAO,iBAAiB,SAC1B,GAGM,IAAqB,MAAM,EAAY,WAAW;KACtD,GAAG,EACD,EAAmB,kBACnB,EAAmB,YACnB;MAAE;MAAe;KAAW,CAC9B;KACA,WAAW;IACb,CAAC;IAQD,KAAY,MAPW,EAAa,YAAY;KAC9C,GAAG,EAAO;KACV,KAAK,EACH,GACA,EAAqB,CAAkB,CACzC;IACF,CAAe,GACM,eAAgB;GACvC;GAEA,IAAM,IAA6B;IACjC,GAAG,EAAO;IACV,MAAM,EAAO;IACb;IACA,OAAO;GACT;GASA,OAAO;IAAE,IAAI;IAAM,UAPF,EAAO,iBAAiB,KACrC,MAAM,EAAe,YAAY;KAC/B,YAAY,EAAO,gBAAgB;KACnC;IACF,CAAC,IACD,MAAM,EAAe,YAAY,CAAY;GAErB;EAC9B;CACF,CAAC;AACH"}
+{"version":3,"file":"useSaveFormTemplate.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"sourcesContent":["/*\n * Network orchestration for saving a FormTemplate draft: pre-flight client-side validation\n * (mirroring the server's per-field rules, since the server only returns a flat message),\n * registering a new JSON Schema version when the schema body changed, and creating or updating\n * the FormTemplate against that schema version.\n */\nimport { getJsonSchemaVersionsQuery } from '@/synapse-queries/jsonschema/useListJsonSchemaVersions'\nimport { useCreateJsonSchema } from '@/synapse-queries/jsonschema/useCreateJsonSchema'\nimport {\n  useCreateFormTemplate,\n  useUpdateFormTemplate,\n} from '@/synapse-queries/dataaccess/useFormTemplate'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { RJSFSchema } from '@rjsf/utils'\nimport isEqual from 'lodash-es/isEqual'\nimport {\n  useMutation,\n  UseMutationOptions,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { EditableFormTemplateStep, toFormTemplateSteps } from './utils'\nimport {\n  formatSchema$id,\n  getNextSchemaVersion,\n  resolveFormTemplateSchemaName,\n} from './formTemplateSchema'\nimport {\n  FormTemplateFieldValidationError,\n  validateFormTemplateFields,\n} from './formTemplateValidation'\n\nexport type SaveFormTemplateDraftParams = {\n  initialTemplate?: FormTemplate\n  initialJsonSchema?: RJSFSchema\n  name: string\n  jsonSchema: RJSFSchema\n  steps: EditableFormTemplateStep[]\n}\n\nexport type SaveFormTemplateDraftResult =\n  | { ok: true; template: FormTemplate }\n  | { ok: false; validationErrors: FormTemplateFieldValidationError[] }\n\n/**\n * Owns the create-schema, create-template, and update-template mutations, and sequences them\n * into a single save mutation. A validation failure resolves as `{ ok: false, validationErrors }`\n * rather than rejecting; a network failure (including a 412 conflict from a concurrent edit)\n * rejects normally, surfaced via the returned mutation's `error`.\n */\nexport function useSaveFormTemplate(\n  options?: Omit<\n    UseMutationOptions<\n      SaveFormTemplateDraftResult,\n      SynapseClientError,\n      SaveFormTemplateDraftParams\n    >,\n    'mutationFn'\n  >,\n) {\n  const queryClient = useQueryClient()\n  const { synapseClient, keyFactory } = useSynapseContext()\n  const createSchema = useCreateJsonSchema()\n  const createTemplate = useCreateFormTemplate()\n  const updateTemplate = useUpdateFormTemplate()\n\n  return useMutation<\n    SaveFormTemplateDraftResult,\n    SynapseClientError,\n    SaveFormTemplateDraftParams\n  >({\n    ...options,\n    mutationFn: async params => {\n      const formTemplateSteps = toFormTemplateSteps(params.steps)\n\n      const validationErrors = validateFormTemplateFields(\n        formTemplateSteps,\n        params.jsonSchema,\n      )\n      if (validationErrors.length > 0) {\n        return { ok: false, validationErrors }\n      }\n\n      // The schema registry has no update operation — every save that changed the schema body\n      // registers a fresh, immutable version. Re-registering an unchanged body would still create\n      // an unnecessary version, so skip it when the draft's schema matches what was last resolved.\n      let schema$id = params.initialTemplate?.schema$id ?? ''\n      const schemaChanged = !isEqual(\n        params.jsonSchema,\n        params.initialJsonSchema,\n      )\n      if (schemaChanged || !schema$id) {\n        const templateSchemaName = resolveFormTemplateSchemaName(\n          params.name,\n          params.initialTemplate?.schema$id,\n        )\n        // Registered versions are immutable, so the list is read fresh on every save to pick a\n        // version that does not exist yet.\n        const registeredVersions = await queryClient.fetchQuery({\n          ...getJsonSchemaVersionsQuery(\n            templateSchemaName.organizationName,\n            templateSchemaName.schemaName,\n            { synapseClient, keyFactory },\n          ),\n          staleTime: 0,\n        })\n        const response = await createSchema.mutateAsync({\n          ...params.jsonSchema,\n          $id: formatSchema$id(\n            templateSchemaName,\n            getNextSchemaVersion(registeredVersions),\n          ),\n        })\n        schema$id = response.newVersionInfo!.$id!\n      }\n\n      const formTemplate: FormTemplate = {\n        ...params.initialTemplate,\n        name: params.name,\n        schema$id,\n        steps: formTemplateSteps,\n      }\n\n      const template = params.initialTemplate?.id\n        ? await updateTemplate.mutateAsync({\n            templateId: params.initialTemplate.id,\n            formTemplate,\n          })\n        : await createTemplate.mutateAsync(formTemplate)\n\n      return { ok: true, template }\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;AAmDA,SAAgB,EACd,GAQA;CACA,IAAM,IAAc,EAAe,GAC7B,EAAE,kBAAe,kBAAe,EAAkB,GAClD,IAAe,EAAoB,GACnC,IAAiB,EAAsB,GACvC,IAAiB,EAAsB;CAE7C,OAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAM,MAAU;GAC1B,IAAM,IAAoB,EAAoB,EAAO,KAAK,GAEpD,IAAmB,EACvB,GACA,EAAO,UACT;GACA,IAAI,EAAiB,SAAS,GAC5B,OAAO;IAAE,IAAI;IAAO;GAAiB;GAMvC,IAAI,IAAY,EAAO,iBAAiB,aAAa;GAKrD,IAAI,CAJmB,EACrB,EAAO,YACP,EAAO,iBACT,KACqB,CAAC,GAAW;IAC/B,IAAM,IAAqB,EACzB,EAAO,MACP,EAAO,iBAAiB,SAC1B,GAGM,IAAqB,MAAM,EAAY,WAAW;KACtD,GAAG,EACD,EAAmB,kBACnB,EAAmB,YACnB;MAAE;MAAe;KAAW,CAC9B;KACA,WAAW;IACb,CAAC;IAQD,KAAY,MAPW,EAAa,YAAY;KAC9C,GAAG,EAAO;KACV,KAAK,EACH,GACA,EAAqB,CAAkB,CACzC;IACF,CAAC,GACoB,eAAgB;GACvC;GAEA,IAAM,IAA6B;IACjC,GAAG,EAAO;IACV,MAAM,EAAO;IACb;IACA,OAAO;GACT;GASA,OAAO;IAAE,IAAI;IAAM,UAPF,EAAO,iBAAiB,KACrC,MAAM,EAAe,YAAY;KAC/B,YAAY,EAAO,gBAAgB;KACnC;IACF,CAAC,IACD,MAAM,EAAe,YAAY,CAAY;GAErB;EAC9B;CACF,CAAC;AACH"}

package/dist/components/FormTemplateReferenceField/FormTemplatePreviewDialog.d.ts

@@ -0,0 +1,9 @@
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+export type FormTemplatePreviewDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    template: FormTemplate;
+};
+/** Previews the form that a FormTemplate version presents to a requester. */
+export declare function FormTemplatePreviewDialog(props: FormTemplatePreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormTemplatePreviewDialog.d.ts.map

package/dist/components/FormTemplateReferenceField/FormTemplatePreviewDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplatePreviewDialog.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateReferenceField/FormTemplatePreviewDialog.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAE/D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,YAAY,CAAA;CACvB,CAAA;AAED,6EAA6E;AAC7E,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CA8BtC"}

package/dist/components/FormTemplateReferenceField/FormTemplatePreviewDialog.js

@@ -0,0 +1,45 @@
+import { useGetRegisteredSchema as e } from "../../synapse-queries/jsonschema/useSchema.js";
+import { FormTemplatePreview as t } from "../FormTemplateEditor/FormTemplatePreview.js";
+import { Alert as n, Button as r, Dialog as i, DialogActions as a, DialogContent as o, DialogTitle as s, Skeleton as c } from "@mui/material";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/FormTemplateReferenceField/FormTemplatePreviewDialog.tsx
+function d(d) {
+	let { open: f, onClose: p, template: m } = d, { data: h, isLoading: g, error: _ } = e(m.schema$id, { enabled: f });
+	return /* @__PURE__ */ u(i, {
+		open: f,
+		onClose: p,
+		maxWidth: "md",
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ u(s, { children: [
+				"Preview: ",
+				m.name,
+				" (version ",
+				m.versionNumber,
+				")"
+			] }),
+			/* @__PURE__ */ u(o, { children: [
+				g && /* @__PURE__ */ l(c, {
+					variant: "rounded",
+					height: 200
+				}),
+				_ && /* @__PURE__ */ l(n, {
+					severity: "error",
+					children: _.reason
+				}),
+				h && /* @__PURE__ */ l(t, {
+					template: m,
+					jsonSchema: h
+				})
+			] }),
+			/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(r, {
+				onClick: p,
+				children: "Close"
+			}) })
+		]
+	});
+}
+//#endregion
+export { d as FormTemplatePreviewDialog };
+
+//# sourceMappingURL=FormTemplatePreviewDialog.js.map

package/dist/components/FormTemplateReferenceField/FormTemplatePreviewDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplatePreviewDialog.js","names":[],"sources":["../../../src/components/FormTemplateReferenceField/FormTemplatePreviewDialog.tsx"],"sourcesContent":["import { FormTemplatePreview } from '@/components/FormTemplateEditor/FormTemplatePreview'\nimport { useGetRegisteredSchema } from '@/synapse-queries/jsonschema/useSchema'\nimport {\n  Alert,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Skeleton,\n} from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\n\nexport type FormTemplatePreviewDialogProps = {\n  open: boolean\n  onClose: () => void\n  template: FormTemplate\n}\n\n/** Previews the form that a FormTemplate version presents to a requester. */\nexport function FormTemplatePreviewDialog(\n  props: FormTemplatePreviewDialogProps,\n) {\n  const { open, onClose, template } = props\n\n  const {\n    data: schema,\n    isLoading,\n    error,\n  } = useGetRegisteredSchema(template.schema$id, { enabled: open })\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"md\" fullWidth>\n      <DialogTitle>\n        Preview: {template.name} (version {template.versionNumber})\n      </DialogTitle>\n      <DialogContent>\n        {isLoading && <Skeleton variant=\"rounded\" height={200} />}\n        {error && <Alert severity=\"error\">{error.reason}</Alert>}\n        {schema && (\n          <FormTemplatePreview\n            template={template}\n            jsonSchema={schema as RJSFSchema}\n          />\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,YAAS,gBAAa,GAE9B,EACJ,MAAM,GACN,cACA,aACE,EAAuB,EAAS,WAAW,EAAE,SAAS,EAAK,CAAC;CAEhE,OACE,kBAAC,GAAD;EAAc;EAAe;EAAS,UAAS;EAAK,WAAA;YAApD;GACE,kBAAC,GAAD,EAAA,UAAA;IAAa;IACD,EAAS;IAAK;IAAW,EAAS;IAAc;GAC/C,EAAA,CAAA;GACb,kBAAC,GAAD,EAAA,UAAA;IACG,KAAa,kBAAC,GAAD;KAAU,SAAQ;KAAU,QAAQ;IAAM,CAAA;IACvD,KAAS,kBAAC,GAAD;KAAO,UAAS;eAAS,EAAM;IAAc,CAAA;IACtD,KACC,kBAAC,GAAD;KACY;KACV,YAAY;IACb,CAAA;GAEU,EAAA,CAAA;GACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,SAAS;cAAS;GAAa,CAAA,EAC1B,CAAA;EACT;;AAEZ"}

package/dist/components/FormTemplateReferenceField/FormTemplateReferenceField.d.ts

@@ -0,0 +1,22 @@
+import { FormTemplate, FormTemplateReference } from '@sage-bionetworks/synapse-client';
+import { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError';
+export declare const SELECT_FORM_TEMPLATE_ERROR = "Select a form template and version for this Access Requirement.";
+/**
+ * Why a reference cannot be saved on an Access Requirement, or undefined if it can. These mirror
+ * the checks the server makes when an Access Requirement is created or updated.
+ */
+export declare function getFormTemplateReferenceError(reference: FormTemplateReference | undefined, loadedVersion: {
+    template?: FormTemplate;
+    error?: SynapseClientError;
+}): string | undefined;
+export declare function useFormTemplateReferenceError(reference: FormTemplateReference | undefined): string | undefined;
+export type FormTemplateReferenceFieldProps = {
+    value: FormTemplateReference | undefined;
+    onChange: (value: FormTemplateReference) => void;
+    error?: string | null;
+};
+/**
+ * Select the version of a FormTemplate that an Access Requirement presents to requesters.
+ */
+export declare function FormTemplateReferenceField(props: FormTemplateReferenceFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormTemplateReferenceField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateReferenceField.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateReferenceField/FormTemplateReferenceField.tsx"],"names":[],"mappings":"AAqBA,OAAO,EACL,YAAY,EACZ,qBAAqB,EACtB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAI7F,eAAO,MAAM,0BAA0B,oEAC4B,CAAA;AAEnE;;;GAGG;AACH,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,qBAAqB,GAAG,SAAS,EAC5C,aAAa,EAAE;IAAE,QAAQ,CAAC,EAAE,YAAY,CAAC;IAAC,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAAE,GACrE,MAAM,GAAG,SAAS,CAYpB;AAED,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,qBAAqB,GAAG,SAAS,GAC3C,MAAM,GAAG,SAAS,CASpB;AAYD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAA;IAExC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAEhD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,2CAqKvC"}

package/dist/components/FormTemplateReferenceField/FormTemplateReferenceField.js

@@ -0,0 +1,139 @@
+import { useGetFormTemplateVersion as e, useGetFormTemplateVersions as t, useSearchFormTemplatesInfinite as n } from "../../synapse-queries/dataaccess/useFormTemplate.js";
+import { StyledFormControl as r } from "../styled/StyledFormControl.js";
+import "../dataaccess/FormTemplateTable.js";
+import { FormTemplatePreviewDialog as i } from "./FormTemplatePreviewDialog.js";
+import { useId as a, useMemo as o, useState as s } from "react";
+import { Alert as c, Autocomplete as l, Box as u, Button as d, FormHelperText as f, InputLabel as p, MenuItem as m, Select as h, Stack as g, TextField as _, Typography as v } from "@mui/material";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { keepPreviousData as x } from "@tanstack/react-query";
+import { useDebouncedState as S } from "@react-hookz/web";
+//#region src/components/FormTemplateReferenceField/FormTemplateReferenceField.tsx
+var C = "Select a form template and version for this Access Requirement.";
+function w(e, t) {
+	if (!e) return C;
+	let n = `Version ${e.templateVersionNumber} of the form template with the id '${e.templateId}'`;
+	if (t.error) return `${n} could not be loaded: ${t.error.reason}`;
+	if (t.template?.deprecated) return `${n} is deprecated, so it cannot be referenced by an Access Requirement.`;
+}
+function T(t) {
+	let { data: n, error: r } = e(t?.templateId, t?.templateVersionNumber);
+	return w(t, {
+		template: n,
+		error: r ?? void 0
+	});
+}
+function E(e, t) {
+	let n = [e.versionNumber === t ? "latest" : void 0, e.deprecated ? "deprecated" : void 0].filter(Boolean);
+	return n.length > 0 ? `Version ${e.versionNumber} (${n.join(", ")})` : `Version ${e.versionNumber}`;
+}
+function D(C) {
+	let { value: w, onChange: T, error: D } = C, O = a(), [k, A] = S("", 500), [j, M] = s(!1), { data: N, isLoading: P } = n(o(() => ({
+		name: k || void 0,
+		includeDeprecated: !1
+	}), [k]), { placeholderData: x }), { data: F } = e(w?.templateId, w?.templateVersionNumber), { versions: I, latestVersion: L } = t(w?.templateId), R = o(() => {
+		let e = N?.pages.flatMap((e) => e.results ?? []) ?? [];
+		return F && !e.some((e) => e.id === F.id) ? [F, ...e] : e;
+	}, [N, F]), z = L?.versionNumber ?? 0, B = w != null && L != null && !L.deprecated && z > w.templateVersionNumber;
+	return /* @__PURE__ */ b(g, {
+		sx: { gap: 2 },
+		children: [
+			/* @__PURE__ */ y(l, {
+				id: "formTemplate",
+				options: R,
+				loading: P,
+				value: F ?? null,
+				filterOptions: (e) => e,
+				onInputChange: (e, t, n) => {
+					n === "input" && A(t);
+				},
+				onChange: (e, t) => {
+					t?.id != null && t.versionNumber != null && t.id !== w?.templateId && T({
+						templateId: t.id,
+						templateVersionNumber: t.versionNumber
+					});
+				},
+				getOptionLabel: (e) => e.name,
+				isOptionEqualToValue: (e, t) => e.id === t.id,
+				renderInput: (e) => /* @__PURE__ */ y(_, {
+					...e,
+					label: "Form template",
+					error: !!D,
+					helperText: "Search for the form template that requesters complete to request access."
+				})
+			}),
+			w && /* @__PURE__ */ b(r, {
+				error: !!D,
+				children: [/* @__PURE__ */ y(p, {
+					id: O,
+					children: "Template version"
+				}), /* @__PURE__ */ b(h, {
+					labelId: O,
+					value: w.templateVersionNumber,
+					onChange: (e) => T({
+						templateId: w.templateId,
+						templateVersionNumber: Number(e.target.value)
+					}),
+					children: [I.map((e) => /* @__PURE__ */ y(m, {
+						value: e.versionNumber,
+						disabled: e.deprecated,
+						children: E(e, z)
+					}, e.versionNumber)), I.every((e) => e.versionNumber !== w.templateVersionNumber) && /* @__PURE__ */ b(m, {
+						value: w.templateVersionNumber,
+						disabled: !0,
+						children: ["Version ", w.templateVersionNumber]
+					})]
+				})]
+			}),
+			F?.deprecated && /* @__PURE__ */ b(c, {
+				severity: "warning",
+				children: [
+					"Version ",
+					F.versionNumber,
+					" of this form template is deprecated. Select another version before saving."
+				]
+			}),
+			B && /* @__PURE__ */ b(c, {
+				severity: "info",
+				action: /* @__PURE__ */ b(d, {
+					color: "inherit",
+					size: "small",
+					onClick: () => T({
+						templateId: w.templateId,
+						templateVersionNumber: z
+					}),
+					children: ["Update to version ", z]
+				}),
+				children: [
+					"A newer version of this form template is available. This Access Requirement stays on version ",
+					w.templateVersionNumber,
+					" until you update it."
+				]
+			}),
+			F && /* @__PURE__ */ b(u, { children: [
+				/* @__PURE__ */ b(v, {
+					variant: "body1",
+					children: ["Pinned schema: ", /* @__PURE__ */ y("code", { children: F.schema$id })]
+				}),
+				/* @__PURE__ */ y(d, {
+					variant: "outlined",
+					sx: { mt: 1 },
+					onClick: () => M(!0),
+					children: "Preview form"
+				}),
+				/* @__PURE__ */ y(i, {
+					open: j,
+					onClose: () => M(!1),
+					template: F
+				})
+			] }),
+			D && /* @__PURE__ */ y(f, {
+				error: !0,
+				children: D
+			})
+		]
+	});
+}
+//#endregion
+export { D as FormTemplateReferenceField, C as SELECT_FORM_TEMPLATE_ERROR, w as getFormTemplateReferenceError, T as useFormTemplateReferenceError };
+
+//# sourceMappingURL=FormTemplateReferenceField.js.map

package/dist/components/FormTemplateReferenceField/FormTemplateReferenceField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateReferenceField.js","names":[],"sources":["../../../src/components/FormTemplateReferenceField/FormTemplateReferenceField.tsx"],"sourcesContent":["import { NAME_SEARCH_DEBOUNCE_DELAY_MS } from '@/components/dataaccess/FormTemplateTable'\nimport { StyledFormControl } from '@/components/styled/StyledFormControl'\nimport {\n  useGetFormTemplateVersion,\n  useGetFormTemplateVersions,\n  useSearchFormTemplatesInfinite,\n} from '@/synapse-queries/dataaccess/useFormTemplate'\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Button,\n  FormHelperText,\n  InputLabel,\n  MenuItem,\n  Select,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport {\n  FormTemplate,\n  FormTemplateReference,\n} from '@sage-bionetworks/synapse-client'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { useId, useMemo, useState } from 'react'\nimport { FormTemplatePreviewDialog } from './FormTemplatePreviewDialog'\n\nexport const SELECT_FORM_TEMPLATE_ERROR =\n  'Select a form template and version for this Access Requirement.'\n\n/**\n * Why a reference cannot be saved on an Access Requirement, or undefined if it can. These mirror\n * the checks the server makes when an Access Requirement is created or updated.\n */\nexport function getFormTemplateReferenceError(\n  reference: FormTemplateReference | undefined,\n  loadedVersion: { template?: FormTemplate; error?: SynapseClientError },\n): string | undefined {\n  if (!reference) {\n    return SELECT_FORM_TEMPLATE_ERROR\n  }\n  const description = `Version ${reference.templateVersionNumber} of the form template with the id '${reference.templateId}'`\n  if (loadedVersion.error) {\n    return `${description} could not be loaded: ${loadedVersion.error.reason}`\n  }\n  if (loadedVersion.template?.deprecated) {\n    return `${description} is deprecated, so it cannot be referenced by an Access Requirement.`\n  }\n  return undefined\n}\n\nexport function useFormTemplateReferenceError(\n  reference: FormTemplateReference | undefined,\n): string | undefined {\n  const { data: template, error } = useGetFormTemplateVersion(\n    reference?.templateId,\n    reference?.templateVersionNumber,\n  )\n  return getFormTemplateReferenceError(reference, {\n    template,\n    error: error ?? undefined,\n  })\n}\n\nfunction describeVersion(version: FormTemplate, latestVersionNumber: number) {\n  const labels = [\n    version.versionNumber === latestVersionNumber ? 'latest' : undefined,\n    version.deprecated ? 'deprecated' : undefined,\n  ].filter(Boolean)\n  return labels.length > 0\n    ? `Version ${version.versionNumber} (${labels.join(', ')})`\n    : `Version ${version.versionNumber}`\n}\n\nexport type FormTemplateReferenceFieldProps = {\n  value: FormTemplateReference | undefined\n  /* The template version is never changed except through this callback; a newer version is never adopted automatically. */\n  onChange: (value: FormTemplateReference) => void\n  /* A reason the current value is not valid, shown below the field */\n  error?: string | null\n}\n\n/**\n * Select the version of a FormTemplate that an Access Requirement presents to requesters.\n */\nexport function FormTemplateReferenceField(\n  props: FormTemplateReferenceFieldProps,\n) {\n  const { value, onChange, error } = props\n  const versionLabelId = useId()\n\n  const [searchText, setSearchText] = useDebouncedState<string>(\n    '',\n    NAME_SEARCH_DEBOUNCE_DELAY_MS,\n  )\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false)\n\n  const searchRequest = useMemo(\n    () => ({ name: searchText || undefined, includeDeprecated: false }),\n    [searchText],\n  )\n  const { data: searchData, isLoading: isSearching } =\n    useSearchFormTemplatesInfinite(searchRequest, {\n      placeholderData: keepPreviousData,\n    })\n\n  const { data: selectedVersion } = useGetFormTemplateVersion(\n    value?.templateId,\n    value?.templateVersionNumber,\n  )\n  const { versions, latestVersion } = useGetFormTemplateVersions(\n    value?.templateId,\n  )\n\n  const templateOptions = useMemo(() => {\n    const searchResults =\n      searchData?.pages.flatMap(page => page.results ?? []) ?? []\n    return selectedVersion &&\n      !searchResults.some(template => template.id === selectedVersion.id)\n      ? [selectedVersion, ...searchResults]\n      : searchResults\n  }, [searchData, selectedVersion])\n\n  const latestVersionNumber = latestVersion?.versionNumber ?? 0\n  const canUpdateToLatest =\n    value != null &&\n    latestVersion != null &&\n    !latestVersion.deprecated &&\n    latestVersionNumber > value.templateVersionNumber\n\n  return (\n    <Stack sx={{ gap: 2 }}>\n      <Autocomplete<FormTemplate>\n        id=\"formTemplate\"\n        options={templateOptions}\n        loading={isSearching}\n        value={selectedVersion ?? null}\n        // Names are matched by the server\n        filterOptions={options => options}\n        onInputChange={(_event, text, reason) => {\n          if (reason === 'input') {\n            setSearchText(text)\n          }\n        }}\n        onChange={(_event, template) => {\n          // Choosing the template that is already selected must not move it to the latest version\n          if (\n            template?.id != null &&\n            template.versionNumber != null &&\n            template.id !== value?.templateId\n          ) {\n            onChange({\n              templateId: template.id,\n              templateVersionNumber: template.versionNumber,\n            })\n          }\n        }}\n        getOptionLabel={template => template.name}\n        isOptionEqualToValue={(option, selected) => option.id === selected.id}\n        renderInput={params => (\n          <TextField\n            {...params}\n            label=\"Form template\"\n            error={Boolean(error)}\n            helperText=\"Search for the form template that requesters complete to request access.\"\n          />\n        )}\n      />\n      {value && (\n        <StyledFormControl error={Boolean(error)}>\n          <InputLabel id={versionLabelId}>Template version</InputLabel>\n          <Select\n            labelId={versionLabelId}\n            value={value.templateVersionNumber}\n            onChange={event =>\n              onChange({\n                templateId: value.templateId,\n                templateVersionNumber: Number(event.target.value),\n              })\n            }\n          >\n            {versions.map(version => (\n              <MenuItem\n                key={version.versionNumber}\n                value={version.versionNumber}\n                disabled={version.deprecated}\n              >\n                {describeVersion(version, latestVersionNumber)}\n              </MenuItem>\n            ))}\n            {versions.every(\n              version => version.versionNumber !== value.templateVersionNumber,\n            ) && (\n              <MenuItem value={value.templateVersionNumber} disabled>\n                Version {value.templateVersionNumber}\n              </MenuItem>\n            )}\n          </Select>\n        </StyledFormControl>\n      )}\n      {selectedVersion?.deprecated && (\n        <Alert severity=\"warning\">\n          Version {selectedVersion.versionNumber} of this form template is\n          deprecated. Select another version before saving.\n        </Alert>\n      )}\n      {canUpdateToLatest && (\n        <Alert\n          severity=\"info\"\n          action={\n            <Button\n              color=\"inherit\"\n              size=\"small\"\n              onClick={() =>\n                onChange({\n                  templateId: value.templateId,\n                  templateVersionNumber: latestVersionNumber,\n                })\n              }\n            >\n              Update to version {latestVersionNumber}\n            </Button>\n          }\n        >\n          A newer version of this form template is available. This Access\n          Requirement stays on version {value.templateVersionNumber} until you\n          update it.\n        </Alert>\n      )}\n      {selectedVersion && (\n        <Box>\n          <Typography variant=\"body1\">\n            Pinned schema: <code>{selectedVersion.schema$id}</code>\n          </Typography>\n          <Button\n            variant=\"outlined\"\n            sx={{ mt: 1 }}\n            onClick={() => setIsPreviewOpen(true)}\n          >\n            Preview form\n          </Button>\n          <FormTemplatePreviewDialog\n            open={isPreviewOpen}\n            onClose={() => setIsPreviewOpen(false)}\n            template={selectedVersion}\n          />\n        </Box>\n      )}\n      {error && <FormHelperText error>{error}</FormHelperText>}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;AA8BA,IAAa,IACX;AAMF,SAAgB,EACd,GACA,GACoB;CACpB,IAAI,CAAC,GACH,OAAO;CAET,IAAM,IAAc,WAAW,EAAU,sBAAsB,qCAAqC,EAAU,WAAW;CACzH,IAAI,EAAc,OAChB,OAAO,GAAG,EAAY,wBAAwB,EAAc,MAAM;CAEpE,IAAI,EAAc,UAAU,YAC1B,OAAO,GAAG,EAAY;AAG1B;AAEA,SAAgB,EACd,GACoB;CACpB,IAAM,EAAE,MAAM,GAAU,aAAU,EAChC,GAAW,YACX,GAAW,qBACb;CACA,OAAO,EAA8B,GAAW;EAC9C;EACA,OAAO,KAAS,KAAA;CAClB,CAAC;AACH;AAEA,SAAS,EAAgB,GAAuB,GAA6B;CAC3E,IAAM,IAAS,CACb,EAAQ,kBAAkB,IAAsB,WAAW,KAAA,GAC3D,EAAQ,aAAa,eAAe,KAAA,CACtC,EAAE,OAAO,OAAO;CAChB,OAAO,EAAO,SAAS,IACnB,WAAW,EAAQ,cAAc,IAAI,EAAO,KAAK,IAAI,EAAE,KACvD,WAAW,EAAQ;AACzB;AAaA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,UAAO,aAAU,aAAU,GAC7B,IAAiB,EAAM,GAEvB,CAAC,GAAY,KAAiB,EAClC,IAAA,GAEF,GACM,CAAC,GAAe,KAAoB,EAAS,EAAK,GAMlD,EAAE,MAAM,GAAY,WAAW,MACnC,EALoB,SACb;EAAE,MAAM,KAAc,KAAA;EAAW,mBAAmB;CAAM,IACjE,CAAC,CAAU,CAGoB,GAAe,EAC5C,iBAAiB,EACnB,CAAC,GAEG,EAAE,MAAM,MAAoB,EAChC,GAAO,YACP,GAAO,qBACT,GACM,EAAE,aAAU,qBAAkB,EAClC,GAAO,UACT,GAEM,IAAkB,QAAc;EACpC,IAAM,IACJ,GAAY,MAAM,SAAQ,MAAQ,EAAK,WAAW,CAAC,CAAC,KAAK,CAAC;EAC5D,OAAO,KACL,CAAC,EAAc,MAAK,MAAY,EAAS,OAAO,EAAgB,EAAE,IAChE,CAAC,GAAiB,GAAG,CAAa,IAClC;CACN,GAAG,CAAC,GAAY,CAAe,CAAC,GAE1B,IAAsB,GAAe,iBAAiB,GACtD,IACJ,KAAS,QACT,KAAiB,QACjB,CAAC,EAAc,cACf,IAAsB,EAAM;CAE9B,OACE,kBAAC,GAAD;EAAO,IAAI,EAAE,KAAK,EAAE;YAApB;GACE,kBAAC,GAAD;IACE,IAAG;IACH,SAAS;IACT,SAAS;IACT,OAAO,KAAmB;IAE1B,gBAAe,MAAW;IAC1B,gBAAgB,GAAQ,GAAM,MAAW;KACvC,AAAI,MAAW,WACb,EAAc,CAAI;IAEtB;IACA,WAAW,GAAQ,MAAa;KAE9B,AACE,GAAU,MAAM,QAChB,EAAS,iBAAiB,QAC1B,EAAS,OAAO,GAAO,cAEvB,EAAS;MACP,YAAY,EAAS;MACrB,uBAAuB,EAAS;KAClC,CAAC;IAEL;IACA,iBAAgB,MAAY,EAAS;IACrC,uBAAuB,GAAQ,MAAa,EAAO,OAAO,EAAS;IACnE,cAAa,MACX,kBAAC,GAAD;KACE,GAAI;KACJ,OAAM;KACN,OAAO,EAAQ;KACf,YAAW;IACZ,CAAA;GAEJ,CAAA;GACA,KACC,kBAAC,GAAD;IAAmB,OAAO,EAAQ;cAAlC,CACE,kBAAC,GAAD;KAAY,IAAI;eAAgB;IAA4B,CAAA,GAC5D,kBAAC,GAAD;KACE,SAAS;KACT,OAAO,EAAM;KACb,WAAU,MACR,EAAS;MACP,YAAY,EAAM;MAClB,uBAAuB,OAAO,EAAM,OAAO,KAAK;KAClD,CAAC;eAPL,CAUG,EAAS,KAAI,MACZ,kBAAC,GAAD;MAEE,OAAO,EAAQ;MACf,UAAU,EAAQ;gBAEjB,EAAgB,GAAS,CAAmB;KACrC,GALH,EAAQ,aAKL,CACX,GACA,EAAS,OACR,MAAW,EAAQ,kBAAkB,EAAM,qBAC7C,KACE,kBAAC,GAAD;MAAU,OAAO,EAAM;MAAuB,UAAA;gBAA9C,CAAuD,YAC5C,EAAM,qBACP;OAEN;MACS;;GAEpB,GAAiB,cAChB,kBAAC,GAAD;IAAO,UAAS;cAAhB;KAA0B;KACf,EAAgB;KAAc;IAElC;;GAER,KACC,kBAAC,GAAD;IACE,UAAS;IACT,QACE,kBAAC,GAAD;KACE,OAAM;KACN,MAAK;KACL,eACE,EAAS;MACP,YAAY,EAAM;MAClB,uBAAuB;KACzB,CAAC;eAPL,CASC,sBACoB,CACb;;cAdZ;KAgBC;KAE+B,EAAM;KAAsB;IAErD;;GAER,KACC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;eAApB,CAA4B,mBACX,kBAAC,QAAD,EAAA,UAAO,EAAgB,UAAgB,CAAA,CAC5C;;IACZ,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI,EAAE,IAAI,EAAE;KACZ,eAAe,EAAiB,EAAI;eACrC;IAEO,CAAA;IACR,kBAAC,GAAD;KACE,MAAM;KACN,eAAe,EAAiB,EAAK;KACrC,UAAU;IACX,CAAA;GACE,EAAA,CAAA;GAEN,KAAS,kBAAC,GAAD;IAAgB,OAAA;cAAO;GAAsB,CAAA;EAClD;;AAEX"}

package/dist/components/Forum/ForumTable.d.ts

@@ -1,9 +1,21 @@
 import { DiscussionFilter } from '@sage-bionetworks/synapse-types';
-export type ForumTableProps = {
-    forumId: string;
+type ForumTableBaseProps = {
     limit: number;
-    onClickLink: (threadId: string) => void;
-    filter: DiscussionFilter;
+    /** Called with the clicked thread's ID and the ID of the project it belongs to */
+    onClickLink: (threadId: string, projectId?: string) => void;
+    noBackgroundColor?: boolean;
+    /** Called when the first page loads, with whether there are no threads */
+    onIsEmptyChange?: (isEmpty: boolean) => void;
+    /** Max height of the table before it scrolls. Use 'none' for full height. @default '250px' */
+    maxHeight?: string;
 };
-export declare function ForumTable({ forumId, limit, filter, onClickLink, }: ForumTableProps): import("react/jsx-runtime").JSX.Element;
+export type ForumTableProps = ForumTableBaseProps & ({
+    forumId: string;
+    filter: DiscussionFilter;
+} | {
+    entityId: string;
+    onViewForumClicked?: () => void;
+});
+export declare function ForumTable(props: ForumTableProps): import("react/jsx-runtime").JSX.Element;
+export default ForumTable;
 //# sourceMappingURL=ForumTable.d.ts.map

package/dist/components/Forum/ForumTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForumTable.d.ts","sourceRoot":"","sources":["../../../src/components/Forum/ForumTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,gBAAgB,EAGjB,MAAM,iCAAiC,CAAA;AAkBxC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,EAAE,gBAAgB,CAAA;CACzB,CAAA;AAgED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAW,GACZ,EAAE,eAAe,2CA4EjB"}
+{"version":3,"file":"ForumTable.d.ts","sourceRoot":"","sources":["../../../src/components/Forum/ForumTable.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAGjB,MAAM,iCAAiC,CAAA;AAsBxC,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CACI;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,GAC7C;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CACxD,CAAA;AAuEH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA0HhD;AAED,eAAe,UAAU,CAAA"}