synapse-react-client 4.0.45 → 4.0.46

package/dist/components/ExternalFileHandleLink/ExternalFileHandleLink.js

@@ -4,7 +4,7 @@ import { useSynapseContext as r } from "../../utils/context/SynapseContext.js";
 import { useEffect as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { FileHandleAssociateType as l } from "@sage-bionetworks/synapse-types";
-import { OpenInNewTwoTone as u } from "@mui/icons-material";
+import u from "@mui/icons-material/OpenInNewTwoTone";
 //#region src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx
 var d = (d) => {
 	let { accessToken: f } = r(), { synId: p, className: m } = d, [h, g] = a(void 0);

package/dist/components/ExternalFileHandleLink/ExternalFileHandleLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalFileHandleLink.js","names":[],"sources":["../../../src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { isExternalFileHandle, isFileEntity } from '@/utils/types/IsType'\nimport { OpenInNewTwoTone } from '@mui/icons-material'\nimport {\n  BatchFileRequest,\n  ExternalFileHandle,\n  FileEntity,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\n\nexport type ExternalFileHandleLinkProps = {\n  synId: string\n  className?: string\n}\n\nexport const ExternalFileHandleLink = (\n  props: ExternalFileHandleLinkProps,\n): React.ReactNode => {\n  const { accessToken } = useSynapseContext()\n  const { synId, className } = props\n  const [data, setData] = useState<\n    | { fileEntity: FileEntity; externalFileHandle: ExternalFileHandle }\n    | undefined\n  >(undefined)\n  useEffect(() => {\n    const getEntity = async () => {\n      try {\n        const fileEntity = await SynapseClient.getEntity<FileEntity>(\n          accessToken,\n          synId,\n        )\n        if (!isFileEntity(fileEntity)) {\n          throw new Error(`File Entity expected but found ${fileEntity}`)\n        }\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [\n            {\n              associateObjectId: synId,\n              associateObjectType: FileHandleAssociateType.FileEntity,\n              fileHandleId: fileEntity.dataFileHandleId,\n            },\n          ],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        const file = await SynapseClient.getFiles(batchFileRequest, accessToken)\n        const externalFileHandle = file.requestedFiles[0].fileHandle\n        if (externalFileHandle && isExternalFileHandle(externalFileHandle)) {\n          setData({\n            externalFileHandle,\n            fileEntity,\n          })\n        } else {\n          throw new Error(\n            `Not an external file handle: ${externalFileHandle?.id}`,\n          )\n        }\n      } catch (e) {\n        console.error('Error on getting external file handle = ', e)\n      }\n    }\n    getEntity()\n  }, [synId, accessToken])\n\n  const externalFileHandle = data?.externalFileHandle\n  const fileEntity = data?.fileEntity\n\n  return externalFileHandle ? (\n    <a\n      href={externalFileHandle.externalURL}\n      className={className}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <span>\n        {fileEntity?.name}\n        <OpenInNewTwoTone style={{ marginLeft: 5 }} />\n      </span>\n    </a>\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,mBAAgB,EAAkB,GACpC,EAAE,UAAO,iBAAc,GACvB,CAAC,GAAM,KAAW,EAGtB,KAAA,CAAS;CACX,QAAgB;EAsCd,aArC8B;GAC5B,IAAI;IACF,IAAM,IAAa,MAAM,EAAc,UACrC,GACA,CACF;IACA,IAAI,CAAC,EAAa,CAAU,GAC1B,MAAU,MAAM,kCAAkC,GAAY;IAEhE,IAAM,IAAqC;KACzC,gBAAgB,CACd;MACE,mBAAmB;MACnB,qBAAqB,EAAwB;MAC7C,cAAc,EAAW;KAC3B,CACF;KACA,oBAAoB;KACpB,sBAAsB;KACtB,6BAA6B;IAC/B,GAEM,KAAqB,MADR,EAAc,SAAS,GAAkB,CAAW,GACvC,eAAe,GAAG;IAClD,IAAI,KAAsB,EAAqB,CAAkB,GAC/D,EAAQ;KACN;KACA;IACF,CAAC;SAED,MAAU,MACR,gCAAgC,GAAoB,IACtD;GAEJ,SAAS,GAAG;IACV,QAAQ,MAAM,4CAA4C,CAAC;GAC7D;EACF,GACU;CACZ,GAAG,CAAC,GAAO,CAAW,CAAC;CAEvB,IAAM,IAAqB,GAAM,oBAC3B,IAAa,GAAM;CAEzB,OAAO,IACL,kBAAC,KAAD;EACE,MAAM,EAAmB;EACd;EACX,QAAO;EACP,KAAI;YAEJ,kBAAC,QAAD,EAAA,UAAA,CACG,GAAY,MACb,kBAAC,GAAD,EAAkB,OAAO,EAAE,YAAY,EAAE,EAAI,CAAA,CACzC,EAAA,CAAA;CACL,CAAA,IAEH,kBAAA,GAAA,CAAI,CAAA;AAER"}
+{"version":3,"file":"ExternalFileHandleLink.js","names":[],"sources":["../../../src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { isExternalFileHandle, isFileEntity } from '@/utils/types/IsType'\nimport OpenInNewTwoTone from '@mui/icons-material/OpenInNewTwoTone'\nimport {\n  BatchFileRequest,\n  ExternalFileHandle,\n  FileEntity,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\n\nexport type ExternalFileHandleLinkProps = {\n  synId: string\n  className?: string\n}\n\nexport const ExternalFileHandleLink = (\n  props: ExternalFileHandleLinkProps,\n): React.ReactNode => {\n  const { accessToken } = useSynapseContext()\n  const { synId, className } = props\n  const [data, setData] = useState<\n    | { fileEntity: FileEntity; externalFileHandle: ExternalFileHandle }\n    | undefined\n  >(undefined)\n  useEffect(() => {\n    const getEntity = async () => {\n      try {\n        const fileEntity = await SynapseClient.getEntity<FileEntity>(\n          accessToken,\n          synId,\n        )\n        if (!isFileEntity(fileEntity)) {\n          throw new Error(`File Entity expected but found ${fileEntity}`)\n        }\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [\n            {\n              associateObjectId: synId,\n              associateObjectType: FileHandleAssociateType.FileEntity,\n              fileHandleId: fileEntity.dataFileHandleId,\n            },\n          ],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        const file = await SynapseClient.getFiles(batchFileRequest, accessToken)\n        const externalFileHandle = file.requestedFiles[0].fileHandle\n        if (externalFileHandle && isExternalFileHandle(externalFileHandle)) {\n          setData({\n            externalFileHandle,\n            fileEntity,\n          })\n        } else {\n          throw new Error(\n            `Not an external file handle: ${externalFileHandle?.id}`,\n          )\n        }\n      } catch (e) {\n        console.error('Error on getting external file handle = ', e)\n      }\n    }\n    getEntity()\n  }, [synId, accessToken])\n\n  const externalFileHandle = data?.externalFileHandle\n  const fileEntity = data?.fileEntity\n\n  return externalFileHandle ? (\n    <a\n      href={externalFileHandle.externalURL}\n      className={className}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <span>\n        {fileEntity?.name}\n        <OpenInNewTwoTone style={{ marginLeft: 5 }} />\n      </span>\n    </a>\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,mBAAgB,EAAkB,GACpC,EAAE,UAAO,iBAAc,GACvB,CAAC,GAAM,KAAW,EAGtB,KAAA,CAAS;CACX,QAAgB;EAsCd,aArC8B;GAC5B,IAAI;IACF,IAAM,IAAa,MAAM,EAAc,UACrC,GACA,CACF;IACA,IAAI,CAAC,EAAa,CAAU,GAC1B,MAAU,MAAM,kCAAkC,GAAY;IAEhE,IAAM,IAAqC;KACzC,gBAAgB,CACd;MACE,mBAAmB;MACnB,qBAAqB,EAAwB;MAC7C,cAAc,EAAW;KAC3B,CACF;KACA,oBAAoB;KACpB,sBAAsB;KACtB,6BAA6B;IAC/B,GAEM,KAAqB,MADR,EAAc,SAAS,GAAkB,CAAW,GACvC,eAAe,GAAG;IAClD,IAAI,KAAsB,EAAqB,CAAkB,GAC/D,EAAQ;KACN;KACA;IACF,CAAC;SAED,MAAU,MACR,gCAAgC,GAAoB,IACtD;GAEJ,SAAS,GAAG;IACV,QAAQ,MAAM,4CAA4C,CAAC;GAC7D;EACF,GACU;CACZ,GAAG,CAAC,GAAO,CAAW,CAAC;CAEvB,IAAM,IAAqB,GAAM,oBAC3B,IAAa,GAAM;CAEzB,OAAO,IACL,kBAAC,KAAD;EACE,MAAM,EAAmB;EACd;EACX,QAAO;EACP,KAAI;YAEJ,kBAAC,QAAD,EAAA,UAAA,CACG,GAAY,MACb,kBAAC,GAAD,EAAkB,OAAO,EAAE,YAAY,EAAE,EAAI,CAAA,CACzC,EAAA,CAAA;CACL,CAAA,IAEH,kBAAA,GAAA,CAAI,CAAA;AAER"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"names":[],"mappings":"AAUA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACnC,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,2CAkD1B"}
+{"version":3,"file":"ChoiceOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"names":[],"mappings":"AAWA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACnC,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,2CAkD1B"}

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.js

@@ -1,6 +1,7 @@
 import { Box as e, Button as t, IconButton as n, Stack as r, TextField as i, Typography as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Add as c, Delete as l } from "@mui/icons-material";
+import c from "@mui/icons-material/Add";
+import l from "@mui/icons-material/Delete";
 //#region src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx
 function u({ options: u, onChange: d }) {
 	let f = (e, t) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceOptionsEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Add as AddIcon, Delete as DeleteIcon } from '@mui/icons-material'\n\ntype ChoiceOptionsEditorProps = {\n  options: string[]\n  onChange: (next: string[]) => void\n}\n\n/**\n * Edits a choice field's options. At least one option is always kept, and added options get a\n * unique `Option N` label.\n */\nexport function ChoiceOptionsEditor({\n  options,\n  onChange,\n}: ChoiceOptionsEditorProps) {\n  const update = (idx: number, next: string) => {\n    onChange(options.map((o, i) => (i === idx ? next : o)))\n  }\n  const remove = (idx: number) => {\n    onChange(options.filter((_, i) => i !== idx))\n  }\n  const add = () => {\n    let n = options.length + 1\n    while (options.includes(`Option ${n}`)) n++\n    onChange([...options, `Option ${n}`])\n  }\n\n  return (\n    <Box sx={{ pl: 1, borderLeft: 2, borderColor: 'divider' }}>\n      <Typography\n        variant=\"caption\"\n        color=\"text.secondary\"\n        sx={{ display: 'block', mb: 0.5 }}\n      >\n        Choices\n      </Typography>\n      <Stack spacing={1}>\n        {/* Index keys are safe: rows are fully controlled and hold no local state. */}\n        {options.map((opt, idx) => (\n          <Box key={idx} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <TextField\n              value={opt}\n              onChange={e => update(idx, e.target.value)}\n              size=\"small\"\n              fullWidth\n            />\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete choice\"\n              onClick={() => remove(idx)}\n              disabled={options.length <= 1}\n            >\n              <DeleteIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        ))}\n        <Box>\n          <Button size=\"small\" startIcon={<AddIcon />} onClick={add}>\n            Add choice\n          </Button>\n        </Box>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAoB,EAClC,YACA,eAC2B;CAC3B,IAAM,KAAU,GAAa,MAAiB;EAC5C,EAAS,EAAQ,KAAK,GAAG,MAAO,MAAM,IAAM,IAAO,CAAE,CAAC;CACxD,GACM,KAAU,MAAgB;EAC9B,EAAS,EAAQ,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CAC9C;CAOA,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAG,YAAY;GAAG,aAAa;EAAU;YAAxD,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI;IAAE,SAAS;IAAS,IAAI;GAAI;aACjC;EAEW,CAAA,GACZ,kBAAC,GAAD;GAAO,SAAS;aAAhB,CAEG,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;IAAe,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAE;cAAnE,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAU,MAAK,EAAO,GAAK,EAAE,OAAO,KAAK;KACzC,MAAK;KACL,WAAA;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,cAAW;KACX,eAAe,EAAO,CAAG;KACzB,UAAU,EAAQ,UAAU;eAE5B,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA,CACT;MAfK,CAeL,CACN,GACD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,MAAK;IAAQ,WAAW,kBAAC,GAAD,CAAU,CAAA;IAAG,eApCnC;KAChB,IAAI,IAAI,EAAQ,SAAS;KACzB,OAAO,EAAQ,SAAS,UAAU,GAAG,IAAG;KACxC,EAAS,CAAC,GAAG,GAAS,UAAU,GAAG,CAAC;IACtC;cAgCmE;GAEnD,CAAA,EACL,CAAA,CACA;IACJ;;AAET"}
+{"version":3,"file":"ChoiceOptionsEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport AddIcon from '@mui/icons-material/Add'\nimport DeleteIcon from '@mui/icons-material/Delete'\n\ntype ChoiceOptionsEditorProps = {\n  options: string[]\n  onChange: (next: string[]) => void\n}\n\n/**\n * Edits a choice field's options. At least one option is always kept, and added options get a\n * unique `Option N` label.\n */\nexport function ChoiceOptionsEditor({\n  options,\n  onChange,\n}: ChoiceOptionsEditorProps) {\n  const update = (idx: number, next: string) => {\n    onChange(options.map((o, i) => (i === idx ? next : o)))\n  }\n  const remove = (idx: number) => {\n    onChange(options.filter((_, i) => i !== idx))\n  }\n  const add = () => {\n    let n = options.length + 1\n    while (options.includes(`Option ${n}`)) n++\n    onChange([...options, `Option ${n}`])\n  }\n\n  return (\n    <Box sx={{ pl: 1, borderLeft: 2, borderColor: 'divider' }}>\n      <Typography\n        variant=\"caption\"\n        color=\"text.secondary\"\n        sx={{ display: 'block', mb: 0.5 }}\n      >\n        Choices\n      </Typography>\n      <Stack spacing={1}>\n        {/* Index keys are safe: rows are fully controlled and hold no local state. */}\n        {options.map((opt, idx) => (\n          <Box key={idx} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <TextField\n              value={opt}\n              onChange={e => update(idx, e.target.value)}\n              size=\"small\"\n              fullWidth\n            />\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete choice\"\n              onClick={() => remove(idx)}\n              disabled={options.length <= 1}\n            >\n              <DeleteIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        ))}\n        <Box>\n          <Button size=\"small\" startIcon={<AddIcon />} onClick={add}>\n            Add choice\n          </Button>\n        </Box>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EAAoB,EAClC,YACA,eAC2B;CAC3B,IAAM,KAAU,GAAa,MAAiB;EAC5C,EAAS,EAAQ,KAAK,GAAG,MAAO,MAAM,IAAM,IAAO,CAAE,CAAC;CACxD,GACM,KAAU,MAAgB;EAC9B,EAAS,EAAQ,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CAC9C;CAOA,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAG,YAAY;GAAG,aAAa;EAAU;YAAxD,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI;IAAE,SAAS;IAAS,IAAI;GAAI;aACjC;EAEW,CAAA,GACZ,kBAAC,GAAD;GAAO,SAAS;aAAhB,CAEG,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;IAAe,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAE;cAAnE,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAU,MAAK,EAAO,GAAK,EAAE,OAAO,KAAK;KACzC,MAAK;KACL,WAAA;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,cAAW;KACX,eAAe,EAAO,CAAG;KACzB,UAAU,EAAQ,UAAU;eAE5B,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA,CACT;MAfK,CAeL,CACN,GACD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,MAAK;IAAQ,WAAW,kBAAC,GAAD,CAAU,CAAA;IAAG,eApCnC;KAChB,IAAI,IAAI,EAAQ,SAAS;KACzB,OAAO,EAAQ,SAAS,UAAU,GAAG,IAAG;KACxC,EAAS,CAAC,GAAG,GAAS,UAAU,GAAG,CAAC;IACtC;cAgCmE;GAEnD,CAAA,EACL,CAAA,CACA;IACJ;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAoB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CA8M5B"}
+{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAoB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CA8M5B"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.js

@@ -3,7 +3,8 @@ import { FIELD_TYPE_OPTIONS as t, applyFieldType as n, choiceOptions as r, detec
 import { useState as o } from "react";
 import { Alert as s, Box as c, Button as l, Drawer as u, FormControlLabel as d, IconButton as f, MenuItem as p, Stack as m, Switch as h, TextField as g, Typography as _ } from "@mui/material";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Close as b, Delete as x } from "@mui/icons-material";
+import b from "@mui/icons-material/Close";
+import x from "@mui/icons-material/Delete";
 //#region src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx
 var S = [
 	{

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDefinitionDrawer.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  Drawer,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Close as CloseIcon, Delete as DeleteIcon } from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext'\nimport { ChoiceOptionsEditor } from './ChoiceOptionsEditor'\nimport {\n  applyFieldType,\n  choiceOptions,\n  detectFieldType,\n  FIELD_TYPE_OPTIONS,\n  sanitizePropertyKey,\n  SimpleFieldType,\n} from './schemaFieldUtils'\n\nconst SUBMISSION_CONTEXT_OPTIONS: {\n  value: SchemaPropertyContext\n  label: string\n}[] = [\n  { value: 'ALWAYS', label: 'Always' },\n  { value: 'REQUEST_ONLY', label: 'Initial request only' },\n  { value: 'RENEWAL_ONLY', label: 'Renewal only' },\n]\n\nexport type FieldDefinitionDrawerProps = {\n  open: boolean\n  propertyKey: string | null\n  /** All property keys currently defined in the schema, including this one. */\n  existingKeys: Set<string>\n  property: RJSFSchema | null\n  isRequired: boolean\n  /**\n   * Which submission context this property applies to (per the schema's\n   * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.\n   * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is\n   * responsible for moving the property's definition between the schema's top-level `properties`\n   * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.\n   */\n  context: SchemaPropertyContext\n  /** True when this field is bound to one or more steps. Affects delete affordance. */\n  isUsedInSteps: boolean\n  onClose: () => void\n  onUpdate: (patch: Partial<RJSFSchema>) => void\n  onRenameKey: (newKey: string) => void\n  onReplace: (next: RJSFSchema) => void\n  onChangeRequired: (isRequired: boolean) => void\n  onChangeContext: (context: SchemaPropertyContext) => void\n  onRemove: () => void\n}\n\n/**\n * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,\n * required, submission context, choice options, file format).\n */\nexport function FieldDefinitionDrawer({\n  open,\n  propertyKey,\n  existingKeys,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClose,\n  onUpdate,\n  onRenameKey,\n  onReplace,\n  onChangeRequired,\n  onChangeContext,\n  onRemove,\n}: FieldDefinitionDrawerProps) {\n  const type = property ? detectFieldType(property) : null\n  const isAdvanced = property !== null && type === null\n\n  // The draft exists only while the key is being edited, and is tagged with the key it was started\n  // from. When `propertyKey` changes underneath it (switching fields, or the container re-slugging\n  // the key from the label) the draft no longer applies and the prop is shown again.\n  const [keyDraft, setKeyDraft] = useState<{\n    forKey: string | null\n    value: string\n  } | null>(null)\n  const displayedKey =\n    keyDraft?.forKey === propertyKey ? keyDraft.value : (propertyKey ?? '')\n\n  let keyError: string | null = null\n  if (displayedKey.length === 0) {\n    keyError = 'Required'\n  } else if (displayedKey !== propertyKey && existingKeys.has(displayedKey)) {\n    keyError = 'Already used by another field'\n  }\n\n  const commitKeyDraft = () => {\n    if (propertyKey && !keyError && displayedKey !== propertyKey) {\n      onRenameKey(displayedKey)\n    }\n    setKeyDraft(null)\n  }\n\n  const handleChangeType = (next: SimpleFieldType) => {\n    if (!property) return\n    onReplace(applyFieldType(property, next))\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"right\"\n      slotProps={{ paper: { sx: { width: { xs: '100%', sm: 480 } } } }}\n    >\n      <Box\n        sx={{ p: 3, display: 'flex', flexDirection: 'column', height: '100%' }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n          <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n            Edit field\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"Close field editor\">\n            <CloseIcon />\n          </IconButton>\n        </Box>\n\n        {propertyKey && (\n          <TextField\n            label=\"Property key\"\n            value={displayedKey}\n            onChange={e =>\n              setKeyDraft({\n                forKey: propertyKey,\n                value: sanitizePropertyKey(e.target.value),\n              })\n            }\n            onBlur={commitKeyDraft}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault()\n                commitKeyDraft()\n              }\n            }}\n            error={keyError !== null}\n            helperText={\n              keyError ??\n              'Identifies this field in the JSON Schema and submitted requests.'\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            slotProps={{ input: { sx: { fontFamily: 'monospace' } } }}\n          />\n        )}\n\n        {property && (\n          <TextField\n            select\n            label=\"Submission context\"\n            value={context}\n            onChange={e =>\n              onChangeContext(e.target.value as SchemaPropertyContext)\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            helperText=\"Controls whether requesters are asked this question on an initial request, a renewal, or both.\"\n          >\n            {SUBMISSION_CONTEXT_OPTIONS.map(opt => (\n              <MenuItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </MenuItem>\n            ))}\n          </TextField>\n        )}\n\n        <Box sx={{ flexGrow: 1, overflow: 'auto' }}>\n          {!property ? (\n            <Alert severity=\"info\">No field selected.</Alert>\n          ) : isAdvanced ? (\n            <Alert severity=\"warning\" variant=\"outlined\">\n              This field uses settings not supported by the simple editor. Edit\n              it via the advanced raw JSON Schema view.\n            </Alert>\n          ) : (\n            <Stack spacing={2}>\n              <TextField\n                label=\"Question label\"\n                value={property.title ?? ''}\n                onChange={e => onUpdate({ title: e.target.value })}\n                size=\"small\"\n                fullWidth\n              />\n              <TextField\n                label=\"Help text\"\n                value={property.description ?? ''}\n                onChange={e => onUpdate({ description: e.target.value })}\n                size=\"small\"\n                multiline\n                rows={3}\n                fullWidth\n                helperText=\"Shown to the requester below the question.\"\n              />\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                <TextField\n                  select\n                  label=\"Field type\"\n                  value={type}\n                  onChange={e =>\n                    handleChangeType(e.target.value as SimpleFieldType)\n                  }\n                  size=\"small\"\n                  sx={{ flexGrow: 1 }}\n                >\n                  {FIELD_TYPE_OPTIONS.map(opt => (\n                    <MenuItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={isRequired}\n                      onChange={e => onChangeRequired(e.target.checked)}\n                    />\n                  }\n                  label=\"Required\"\n                />\n              </Stack>\n\n              {(type === 'choice' || type === 'multiChoice') && (\n                <ChoiceOptionsEditor\n                  options={choiceOptions(property)}\n                  onChange={next =>\n                    type === 'choice'\n                      ? onUpdate({ enum: next })\n                      : onUpdate({\n                          items: {\n                            ...(property.items as RJSFSchema),\n                            enum: next,\n                          },\n                        })\n                  }\n                />\n              )}\n\n              {type === 'file' && (\n                <Alert severity=\"info\" variant=\"outlined\">\n                  Requesters will be prompted to upload a file. You can attach a\n                  downloadable template to this field on each step that uses it.\n                </Alert>\n              )}\n            </Stack>\n          )}\n        </Box>\n\n        <Box\n          sx={{\n            pt: 2,\n            display: 'flex',\n            justifyContent: 'space-between',\n            gap: 1,\n          }}\n        >\n          <Button\n            color=\"error\"\n            startIcon={<DeleteIcon />}\n            onClick={onRemove}\n            disabled={!property}\n          >\n            {isUsedInSteps ? 'Delete (will remove from form)' : 'Delete field'}\n          </Button>\n          <Button variant=\"contained\" onClick={onClose}>\n            Done\n          </Button>\n        </Box>\n      </Box>\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;AA2BA,IAAM,IAGA;CACJ;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAgB,OAAO;CAAuB;CACvD;EAAE,OAAO;EAAgB,OAAO;CAAe;AACjD;AAgCA,SAAgB,EAAsB,EACpC,SACA,gBACA,iBACA,aACA,eACA,YACA,kBACA,YACA,aACA,gBACA,cACA,qBACA,oBACA,eAC6B;CAC7B,IAAM,IAAO,IAAW,EAAgB,CAAQ,IAAI,MAC9C,IAAa,MAAa,QAAQ,MAAS,MAK3C,CAAC,GAAU,KAAe,EAGtB,IAAI,GACR,IACJ,GAAU,WAAW,IAAc,EAAS,QAAS,KAAe,IAElE,IAA0B;CAC9B,AAAI,EAAa,WAAW,IAC1B,IAAW,aACF,MAAiB,KAAe,EAAa,IAAI,CAAY,MACtE,IAAW;CAGb,IAAM,UAAuB;EAI3B,AAHI,KAAe,CAAC,KAAY,MAAiB,KAC/C,EAAY,CAAY,GAE1B,EAAY,IAAI;CAClB,GAEM,KAAoB,MAA0B;EAC7C,KACL,EAAU,EAAe,GAAU,CAAI,CAAC;CAC1C;CAEA,OACE,kBAAC,GAAD;EACQ;EACG;EACT,QAAO;EACP,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;GAAE,IAAI;GAAQ,IAAI;EAAI,EAAE,EAAE,EAAE;YAE/D,kBAAC,GAAD;GACE,IAAI;IAAE,GAAG;IAAG,SAAS;IAAQ,eAAe;IAAU,QAAQ;GAAO;aADvE;IAGE,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,YAAY;MAAU,IAAI;KAAE;eAAxD,CACE,kBAAC,GAAD;MAAY,SAAQ;MAAK,IAAI,EAAE,UAAU,EAAE;gBAAG;KAElC,CAAA,GACZ,kBAAC,GAAD;MAAY,SAAS;MAAS,cAAW;gBACvC,kBAAC,GAAD,CAAY,CAAA;KACF,CAAA,CACT;;IAEJ,KACC,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,WAAU,MACR,EAAY;MACV,QAAQ;MACR,OAAO,EAAoB,EAAE,OAAO,KAAK;KAC3C,CAAC;KAEH,QAAQ;KACR,YAAW,MAAK;MACd,AAAI,EAAE,QAAQ,YACZ,EAAE,eAAe,GACjB,EAAe;KAEnB;KACA,OAAO,MAAa;KACpB,YACE,KACA;KAEF,MAAK;KACL,WAAA;KACA,IAAI,EAAE,IAAI,EAAE;KACZ,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,YAAY,EAAE,EAAE;IACzD,CAAA;IAGF,KACC,kBAAC,GAAD;KACE,QAAA;KACA,OAAM;KACN,OAAO;KACP,WAAU,MACR,EAAgB,EAAE,OAAO,KAA8B;KAEzD,MAAK;KACL,WAAA;KACA,IAAI,EAAE,IAAI,EAAE;KACZ,YAAW;eAEV,EAA2B,KAAI,MAC9B,kBAAC,GAAD;MAA0B,OAAO,EAAI;gBAClC,EAAI;KACG,GAFK,EAAI,KAET,CACX;IACQ,CAAA;IAGb,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAG,UAAU;KAAO;eACrC,IAEE,IACF,kBAAC,GAAD;MAAO,UAAS;MAAU,SAAQ;gBAAW;KAGtC,CAAA,IAEP,kBAAC,GAAD;MAAO,SAAS;gBAAhB;OACE,kBAAC,GAAD;QACE,OAAM;QACN,OAAO,EAAS,SAAS;QACzB,WAAU,MAAK,EAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;QACjD,MAAK;QACL,WAAA;OACD,CAAA;OACD,kBAAC,GAAD;QACE,OAAM;QACN,OAAO,EAAS,eAAe;QAC/B,WAAU,MAAK,EAAS,EAAE,aAAa,EAAE,OAAO,MAAM,CAAC;QACvD,MAAK;QACL,WAAA;QACA,MAAM;QACN,WAAA;QACA,YAAW;OACZ,CAAA;OACD,kBAAC,GAAD;QAAO,WAAU;QAAM,SAAS;QAAG,YAAW;kBAA9C,CACE,kBAAC,GAAD;SACE,QAAA;SACA,OAAM;SACN,OAAO;SACP,WAAU,MACR,EAAiB,EAAE,OAAO,KAAwB;SAEpD,MAAK;SACL,IAAI,EAAE,UAAU,EAAE;mBAEjB,EAAmB,KAAI,MACtB,kBAAC,GAAD;UAA0B,OAAO,EAAI;oBAClC,EAAI;SACG,GAFK,EAAI,KAET,CACX;QACQ,CAAA,GACX,kBAAC,GAAD;SACE,SACE,kBAAC,GAAD;UACE,SAAS;UACT,WAAU,MAAK,EAAiB,EAAE,OAAO,OAAO;SACjD,CAAA;SAEH,OAAM;QACP,CAAA,CACI;;QAEL,MAAS,YAAY,MAAS,kBAC9B,kBAAC,GAAD;QACE,SAAS,EAAc,CAAQ;QAC/B,WAAU,MAEJ,EADJ,MAAS,WACI,EAAE,MAAM,EAAK,IACb,EACP,OAAO;SACL,GAAI,EAAS;SACb,MAAM;QACR,EACF,CAAC;OAER,CAAA;OAGF,MAAS,UACR,kBAAC,GAAD;QAAO,UAAS;QAAO,SAAQ;kBAAW;OAGnC,CAAA;MAEJ;UA3EP,kBAAC,GAAD;MAAO,UAAS;gBAAO;KAAyB,CAAA;IA6E/C,CAAA;IAEL,kBAAC,GAAD;KACE,IAAI;MACF,IAAI;MACJ,SAAS;MACT,gBAAgB;MAChB,KAAK;KACP;eANF,CAQE,kBAAC,GAAD;MACE,OAAM;MACN,WAAW,kBAAC,GAAD,CAAa,CAAA;MACxB,SAAS;MACT,UAAU,CAAC;gBAEV,IAAgB,mCAAmC;KAC9C,CAAA,GACR,kBAAC,GAAD;MAAQ,SAAQ;MAAY,SAAS;gBAAS;KAEtC,CAAA,CACL;;GACF;;CACC,CAAA;AAEZ"}
+{"version":3,"file":"FieldDefinitionDrawer.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  Drawer,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport DeleteIcon from '@mui/icons-material/Delete'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext'\nimport { ChoiceOptionsEditor } from './ChoiceOptionsEditor'\nimport {\n  applyFieldType,\n  choiceOptions,\n  detectFieldType,\n  FIELD_TYPE_OPTIONS,\n  sanitizePropertyKey,\n  SimpleFieldType,\n} from './schemaFieldUtils'\n\nconst SUBMISSION_CONTEXT_OPTIONS: {\n  value: SchemaPropertyContext\n  label: string\n}[] = [\n  { value: 'ALWAYS', label: 'Always' },\n  { value: 'REQUEST_ONLY', label: 'Initial request only' },\n  { value: 'RENEWAL_ONLY', label: 'Renewal only' },\n]\n\nexport type FieldDefinitionDrawerProps = {\n  open: boolean\n  propertyKey: string | null\n  /** All property keys currently defined in the schema, including this one. */\n  existingKeys: Set<string>\n  property: RJSFSchema | null\n  isRequired: boolean\n  /**\n   * Which submission context this property applies to (per the schema's\n   * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.\n   * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is\n   * responsible for moving the property's definition between the schema's top-level `properties`\n   * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.\n   */\n  context: SchemaPropertyContext\n  /** True when this field is bound to one or more steps. Affects delete affordance. */\n  isUsedInSteps: boolean\n  onClose: () => void\n  onUpdate: (patch: Partial<RJSFSchema>) => void\n  onRenameKey: (newKey: string) => void\n  onReplace: (next: RJSFSchema) => void\n  onChangeRequired: (isRequired: boolean) => void\n  onChangeContext: (context: SchemaPropertyContext) => void\n  onRemove: () => void\n}\n\n/**\n * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,\n * required, submission context, choice options, file format).\n */\nexport function FieldDefinitionDrawer({\n  open,\n  propertyKey,\n  existingKeys,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClose,\n  onUpdate,\n  onRenameKey,\n  onReplace,\n  onChangeRequired,\n  onChangeContext,\n  onRemove,\n}: FieldDefinitionDrawerProps) {\n  const type = property ? detectFieldType(property) : null\n  const isAdvanced = property !== null && type === null\n\n  // The draft exists only while the key is being edited, and is tagged with the key it was started\n  // from. When `propertyKey` changes underneath it (switching fields, or the container re-slugging\n  // the key from the label) the draft no longer applies and the prop is shown again.\n  const [keyDraft, setKeyDraft] = useState<{\n    forKey: string | null\n    value: string\n  } | null>(null)\n  const displayedKey =\n    keyDraft?.forKey === propertyKey ? keyDraft.value : (propertyKey ?? '')\n\n  let keyError: string | null = null\n  if (displayedKey.length === 0) {\n    keyError = 'Required'\n  } else if (displayedKey !== propertyKey && existingKeys.has(displayedKey)) {\n    keyError = 'Already used by another field'\n  }\n\n  const commitKeyDraft = () => {\n    if (propertyKey && !keyError && displayedKey !== propertyKey) {\n      onRenameKey(displayedKey)\n    }\n    setKeyDraft(null)\n  }\n\n  const handleChangeType = (next: SimpleFieldType) => {\n    if (!property) return\n    onReplace(applyFieldType(property, next))\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"right\"\n      slotProps={{ paper: { sx: { width: { xs: '100%', sm: 480 } } } }}\n    >\n      <Box\n        sx={{ p: 3, display: 'flex', flexDirection: 'column', height: '100%' }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n          <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n            Edit field\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"Close field editor\">\n            <CloseIcon />\n          </IconButton>\n        </Box>\n\n        {propertyKey && (\n          <TextField\n            label=\"Property key\"\n            value={displayedKey}\n            onChange={e =>\n              setKeyDraft({\n                forKey: propertyKey,\n                value: sanitizePropertyKey(e.target.value),\n              })\n            }\n            onBlur={commitKeyDraft}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault()\n                commitKeyDraft()\n              }\n            }}\n            error={keyError !== null}\n            helperText={\n              keyError ??\n              'Identifies this field in the JSON Schema and submitted requests.'\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            slotProps={{ input: { sx: { fontFamily: 'monospace' } } }}\n          />\n        )}\n\n        {property && (\n          <TextField\n            select\n            label=\"Submission context\"\n            value={context}\n            onChange={e =>\n              onChangeContext(e.target.value as SchemaPropertyContext)\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            helperText=\"Controls whether requesters are asked this question on an initial request, a renewal, or both.\"\n          >\n            {SUBMISSION_CONTEXT_OPTIONS.map(opt => (\n              <MenuItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </MenuItem>\n            ))}\n          </TextField>\n        )}\n\n        <Box sx={{ flexGrow: 1, overflow: 'auto' }}>\n          {!property ? (\n            <Alert severity=\"info\">No field selected.</Alert>\n          ) : isAdvanced ? (\n            <Alert severity=\"warning\" variant=\"outlined\">\n              This field uses settings not supported by the simple editor. Edit\n              it via the advanced raw JSON Schema view.\n            </Alert>\n          ) : (\n            <Stack spacing={2}>\n              <TextField\n                label=\"Question label\"\n                value={property.title ?? ''}\n                onChange={e => onUpdate({ title: e.target.value })}\n                size=\"small\"\n                fullWidth\n              />\n              <TextField\n                label=\"Help text\"\n                value={property.description ?? ''}\n                onChange={e => onUpdate({ description: e.target.value })}\n                size=\"small\"\n                multiline\n                rows={3}\n                fullWidth\n                helperText=\"Shown to the requester below the question.\"\n              />\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                <TextField\n                  select\n                  label=\"Field type\"\n                  value={type}\n                  onChange={e =>\n                    handleChangeType(e.target.value as SimpleFieldType)\n                  }\n                  size=\"small\"\n                  sx={{ flexGrow: 1 }}\n                >\n                  {FIELD_TYPE_OPTIONS.map(opt => (\n                    <MenuItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={isRequired}\n                      onChange={e => onChangeRequired(e.target.checked)}\n                    />\n                  }\n                  label=\"Required\"\n                />\n              </Stack>\n\n              {(type === 'choice' || type === 'multiChoice') && (\n                <ChoiceOptionsEditor\n                  options={choiceOptions(property)}\n                  onChange={next =>\n                    type === 'choice'\n                      ? onUpdate({ enum: next })\n                      : onUpdate({\n                          items: {\n                            ...(property.items as RJSFSchema),\n                            enum: next,\n                          },\n                        })\n                  }\n                />\n              )}\n\n              {type === 'file' && (\n                <Alert severity=\"info\" variant=\"outlined\">\n                  Requesters will be prompted to upload a file. You can attach a\n                  downloadable template to this field on each step that uses it.\n                </Alert>\n              )}\n            </Stack>\n          )}\n        </Box>\n\n        <Box\n          sx={{\n            pt: 2,\n            display: 'flex',\n            justifyContent: 'space-between',\n            gap: 1,\n          }}\n        >\n          <Button\n            color=\"error\"\n            startIcon={<DeleteIcon />}\n            onClick={onRemove}\n            disabled={!property}\n          >\n            {isUsedInSteps ? 'Delete (will remove from form)' : 'Delete field'}\n          </Button>\n          <Button variant=\"contained\" onClick={onClose}>\n            Done\n          </Button>\n        </Box>\n      </Box>\n    </Drawer>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldLibrary.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AASxC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,4EAA4E;IAC5E,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE,iBAAiB,2CA4FnB"}
+{"version":3,"file":"FieldLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldLibrary.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AASxC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,4EAA4E;IAC5E,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE,iBAAiB,2CA4FnB"}

package/dist/components/FormTemplateEditor/FieldLibrary.js

@@ -4,7 +4,8 @@ import r from "./FieldLibrary.module.js";
 import { useMemo as i, useState as a } from "react";
 import { Alert as o, Box as s, Button as c, InputAdornment as l, Paper as u, Stack as d, TextField as f, Typography as p } from "@mui/material";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Add as g, Search as _ } from "@mui/icons-material";
+import g from "@mui/icons-material/Add";
+import _ from "@mui/icons-material/Search";
 //#region src/components/FormTemplateEditor/FieldLibrary.tsx
 function v({ jsonSchema: v, usedPaths: y, selectedPropertyKey: b, onSelectField: x, onCreateField: S }) {
 	let [C, w] = a(""), T = i(() => e(v), [v]), E = i(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLibrary.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldLibrary.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  InputAdornment,\n  Paper,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Add as AddIcon, Search as SearchIcon } from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { ReactNode, useMemo, useState } from 'react'\nimport {\n  listResolvedSchemaProperties,\n  propertyKeyToPointer,\n} from '@/utils/jsonschema/submissionContext'\nimport { FieldLibraryRow } from './FieldLibraryRow'\nimport fieldLibraryStyles from './FieldLibrary.module.scss'\n\nexport type FieldLibraryProps = {\n  jsonSchema: RJSFSchema\n  /** Set of JSON pointers (e.g. `/institution`) currently bound to a step. */\n  usedPaths: Set<string>\n  selectedPropertyKey: string | null\n  onSelectField: (propertyKey: string) => void\n  onCreateField: () => void\n}\n\n/**\n * Left pane: a compact list of all schema properties (the \"fields\" the form\n * collects) -- both unconditional and any gated behind an\n * `x-synapse-submissionContext` conditional. Each row is clickable and opens\n * the field definition drawer.\n */\nexport function FieldLibrary({\n  jsonSchema,\n  usedPaths,\n  selectedPropertyKey,\n  onSelectField,\n  onCreateField,\n}: FieldLibraryProps) {\n  const [search, setSearch] = useState('')\n\n  const resolvedProperties = useMemo(\n    () => listResolvedSchemaProperties(jsonSchema),\n    [jsonSchema],\n  )\n\n  const filtered = useMemo(() => {\n    if (!search) return resolvedProperties\n    const searchTerm = search.toLowerCase()\n    return resolvedProperties.filter(p => {\n      const entryAsString =\n        `${p.propertyKey} ${p.subSchema.title ?? ''}`.toLowerCase()\n      return entryAsString.includes(searchTerm)\n    })\n  }, [resolvedProperties, search])\n\n  let fieldList: ReactNode\n  if (resolvedProperties.length === 0) {\n    fieldList = (\n      <Alert severity=\"info\">\n        No fields yet. Click \"New\" to start collecting information.\n      </Alert>\n    )\n  } else if (filtered.length === 0) {\n    fieldList = <Alert severity=\"info\">No fields match \"{search}\".</Alert>\n  } else {\n    fieldList = (\n      <Stack spacing={0.75}>\n        {filtered.map(p => (\n          <Box\n            key={p.propertyKey}\n            className={fieldLibraryStyles.selectedRow}\n            data-selected={selectedPropertyKey === p.propertyKey}\n          >\n            <FieldLibraryRow\n              propertyKey={p.propertyKey}\n              property={p.subSchema}\n              isRequired={p.isRequired}\n              context={p.context}\n              isUsedInSteps={usedPaths.has(propertyKeyToPointer(p.propertyKey))}\n              onClick={() => onSelectField(p.propertyKey)}\n            />\n          </Box>\n        ))}\n      </Stack>\n    )\n  }\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2, height: '100%' }}>\n      <Box sx={{ mb: 1 }}>\n        <Typography variant=\"subtitle2\">Fields</Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          Define the data you want to collect. Click a field to edit it.\n        </Typography>\n      </Box>\n\n      <Stack spacing={1.5}>\n        <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n          <TextField\n            placeholder=\"Search fields…\"\n            value={search}\n            onChange={e => setSearch(e.target.value)}\n            size=\"small\"\n            fullWidth\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SearchIcon fontSize=\"small\" />\n                  </InputAdornment>\n                ),\n              },\n              htmlInput: { 'aria-label': 'Search fields' },\n            }}\n          />\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            startIcon={<AddIcon />}\n            onClick={onCreateField}\n          >\n            New\n          </Button>\n        </Stack>\n\n        {fieldList}\n      </Stack>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;AAmCA,SAAgB,EAAa,EAC3B,eACA,cACA,wBACA,kBACA,oBACoB;CACpB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAE,GAEjC,IAAqB,QACnB,EAA6B,CAAU,GAC7C,CAAC,CAAU,CACb,GAEM,IAAW,QAAc;EAC7B,IAAI,CAAC,GAAQ,OAAO;EACpB,IAAM,IAAa,EAAO,YAAY;EACtC,OAAO,EAAmB,QAAO,MAE7B,GAAG,EAAE,YAAY,GAAG,EAAE,UAAU,SAAS,KAAK,YACzC,EAAc,SAAS,CAAU,CACzC;CACH,GAAG,CAAC,GAAoB,CAAM,CAAC,GAE3B;CAgCJ,OA/BA,AASE,IATE,EAAmB,WAAW,IAE9B,kBAAC,GAAD;EAAO,UAAS;YAAO;CAEhB,CAAA,IAEA,EAAS,WAAW,IACjB,kBAAC,GAAD;EAAO,UAAS;YAAhB;GAAuB;GAAkB;GAAO;EAAS;MAGnE,kBAAC,GAAD;EAAO,SAAS;YACb,EAAS,KAAI,MACZ,kBAAC,GAAD;GAEE,WAAW,EAAmB;GAC9B,iBAAe,MAAwB,EAAE;aAEzC,kBAAC,GAAD;IACE,aAAa,EAAE;IACf,UAAU,EAAE;IACZ,YAAY,EAAE;IACd,SAAS,EAAE;IACX,eAAe,EAAU,IAAI,EAAqB,EAAE,WAAW,CAAC;IAChE,eAAe,EAAc,EAAE,WAAW;GAC3C,CAAA;EACE,GAZE,EAAE,WAYJ,CACN;CACI,CAAA,GAKT,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI;GAAE,GAAG;GAAG,QAAQ;EAAO;YAArD,CACE,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,EAAE;aAAjB,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAAkB,CAAA,GAClD,kBAAC,GAAD;IAAY,SAAQ;IAAU,OAAM;cAAiB;GAEzC,CAAA,CACT;MAEL,kBAAC,GAAD;GAAO,SAAS;aAAhB,CACE,kBAAC,GAAD;IAAO,WAAU;IAAM,SAAS;IAAG,YAAW;cAA9C,CACE,kBAAC,GAAD;KACE,aAAY;KACZ,OAAO;KACP,WAAU,MAAK,EAAU,EAAE,OAAO,KAAK;KACvC,MAAK;KACL,WAAA;KACA,WAAW;MACT,OAAO,EACL,gBACE,kBAAC,GAAD;OAAgB,UAAS;iBACvB,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;MAChB,CAAA,EAEpB;MACA,WAAW,EAAE,cAAc,gBAAgB;KAC7C;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAW,kBAAC,GAAD,CAAU,CAAA;KACrB,SAAS;eACV;IAEO,CAAA,CACH;OAEN,CACI;IACF;;AAEX"}
+{"version":3,"file":"FieldLibrary.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldLibrary.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  InputAdornment,\n  Paper,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport AddIcon from '@mui/icons-material/Add'\nimport SearchIcon from '@mui/icons-material/Search'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { ReactNode, useMemo, useState } from 'react'\nimport {\n  listResolvedSchemaProperties,\n  propertyKeyToPointer,\n} from '@/utils/jsonschema/submissionContext'\nimport { FieldLibraryRow } from './FieldLibraryRow'\nimport fieldLibraryStyles from './FieldLibrary.module.scss'\n\nexport type FieldLibraryProps = {\n  jsonSchema: RJSFSchema\n  /** Set of JSON pointers (e.g. `/institution`) currently bound to a step. */\n  usedPaths: Set<string>\n  selectedPropertyKey: string | null\n  onSelectField: (propertyKey: string) => void\n  onCreateField: () => void\n}\n\n/**\n * Left pane: a compact list of all schema properties (the \"fields\" the form\n * collects) -- both unconditional and any gated behind an\n * `x-synapse-submissionContext` conditional. Each row is clickable and opens\n * the field definition drawer.\n */\nexport function FieldLibrary({\n  jsonSchema,\n  usedPaths,\n  selectedPropertyKey,\n  onSelectField,\n  onCreateField,\n}: FieldLibraryProps) {\n  const [search, setSearch] = useState('')\n\n  const resolvedProperties = useMemo(\n    () => listResolvedSchemaProperties(jsonSchema),\n    [jsonSchema],\n  )\n\n  const filtered = useMemo(() => {\n    if (!search) return resolvedProperties\n    const searchTerm = search.toLowerCase()\n    return resolvedProperties.filter(p => {\n      const entryAsString =\n        `${p.propertyKey} ${p.subSchema.title ?? ''}`.toLowerCase()\n      return entryAsString.includes(searchTerm)\n    })\n  }, [resolvedProperties, search])\n\n  let fieldList: ReactNode\n  if (resolvedProperties.length === 0) {\n    fieldList = (\n      <Alert severity=\"info\">\n        No fields yet. Click \"New\" to start collecting information.\n      </Alert>\n    )\n  } else if (filtered.length === 0) {\n    fieldList = <Alert severity=\"info\">No fields match \"{search}\".</Alert>\n  } else {\n    fieldList = (\n      <Stack spacing={0.75}>\n        {filtered.map(p => (\n          <Box\n            key={p.propertyKey}\n            className={fieldLibraryStyles.selectedRow}\n            data-selected={selectedPropertyKey === p.propertyKey}\n          >\n            <FieldLibraryRow\n              propertyKey={p.propertyKey}\n              property={p.subSchema}\n              isRequired={p.isRequired}\n              context={p.context}\n              isUsedInSteps={usedPaths.has(propertyKeyToPointer(p.propertyKey))}\n              onClick={() => onSelectField(p.propertyKey)}\n            />\n          </Box>\n        ))}\n      </Stack>\n    )\n  }\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2, height: '100%' }}>\n      <Box sx={{ mb: 1 }}>\n        <Typography variant=\"subtitle2\">Fields</Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          Define the data you want to collect. Click a field to edit it.\n        </Typography>\n      </Box>\n\n      <Stack spacing={1.5}>\n        <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n          <TextField\n            placeholder=\"Search fields…\"\n            value={search}\n            onChange={e => setSearch(e.target.value)}\n            size=\"small\"\n            fullWidth\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SearchIcon fontSize=\"small\" />\n                  </InputAdornment>\n                ),\n              },\n              htmlInput: { 'aria-label': 'Search fields' },\n            }}\n          />\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            startIcon={<AddIcon />}\n            onClick={onCreateField}\n          >\n            New\n          </Button>\n        </Stack>\n\n        {fieldList}\n      </Stack>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAa,EAC3B,eACA,cACA,wBACA,kBACA,oBACoB;CACpB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAE,GAEjC,IAAqB,QACnB,EAA6B,CAAU,GAC7C,CAAC,CAAU,CACb,GAEM,IAAW,QAAc;EAC7B,IAAI,CAAC,GAAQ,OAAO;EACpB,IAAM,IAAa,EAAO,YAAY;EACtC,OAAO,EAAmB,QAAO,MAE7B,GAAG,EAAE,YAAY,GAAG,EAAE,UAAU,SAAS,KAAK,YACzC,EAAc,SAAS,CAAU,CACzC;CACH,GAAG,CAAC,GAAoB,CAAM,CAAC,GAE3B;CAgCJ,OA/BA,AASE,IATE,EAAmB,WAAW,IAE9B,kBAAC,GAAD;EAAO,UAAS;YAAO;CAEhB,CAAA,IAEA,EAAS,WAAW,IACjB,kBAAC,GAAD;EAAO,UAAS;YAAhB;GAAuB;GAAkB;GAAO;EAAS;MAGnE,kBAAC,GAAD;EAAO,SAAS;YACb,EAAS,KAAI,MACZ,kBAAC,GAAD;GAEE,WAAW,EAAmB;GAC9B,iBAAe,MAAwB,EAAE;aAEzC,kBAAC,GAAD;IACE,aAAa,EAAE;IACf,UAAU,EAAE;IACZ,YAAY,EAAE;IACd,SAAS,EAAE;IACX,eAAe,EAAU,IAAI,EAAqB,EAAE,WAAW,CAAC;IAChE,eAAe,EAAc,EAAE,WAAW;GAC3C,CAAA;EACE,GAZE,EAAE,WAYJ,CACN;CACI,CAAA,GAKT,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI;GAAE,GAAG;GAAG,QAAQ;EAAO;YAArD,CACE,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,EAAE;aAAjB,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAAkB,CAAA,GAClD,kBAAC,GAAD;IAAY,SAAQ;IAAU,OAAM;cAAiB;GAEzC,CAAA,CACT;MAEL,kBAAC,GAAD;GAAO,SAAS;aAAhB,CACE,kBAAC,GAAD;IAAO,WAAU;IAAM,SAAS;IAAG,YAAW;cAA9C,CACE,kBAAC,GAAD;KACE,aAAY;KACZ,OAAO;KACP,WAAU,MAAK,EAAU,EAAE,OAAO,KAAK;KACvC,MAAK;KACL,WAAA;KACA,WAAW;MACT,OAAO,EACL,gBACE,kBAAC,GAAD;OAAgB,UAAS;iBACvB,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;MAChB,CAAA,EAEpB;MACA,WAAW,EAAE,cAAc,gBAAgB;KAC7C;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAW,kBAAC,GAAD,CAAU,CAAA;KACrB,SAAS;eACV;IAEO,CAAA,CACH;OAEN,CACI;IACF;;AAEX"}

package/dist/components/FormTemplateEditor/FieldLibraryRow.js

@@ -4,11 +4,11 @@ import r from "./dragHandle.module.js";
 import { FIELD_DRAG_TYPE as i, fieldDragData as a } from "./sortableIds.js";
 import { Box as o, Chip as s, Paper as c, Stack as l, Typography as u } from "@mui/material";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { DragIndicator as m } from "@mui/icons-material";
-import { useDraggable as h } from "@dnd-kit/react";
+import { useDraggable as m } from "@dnd-kit/react";
+import h from "@mui/icons-material/DragIndicator";
 //#region src/components/FormTemplateEditor/FieldLibraryRow.tsx
 function g({ propertyKey: g, property: _, isRequired: v, context: y, isUsedInSteps: b, onClick: x }) {
-	let S = t(_), C = _.title || g, { ref: w, handleRef: T, isDragging: E } = h({
+	let S = t(_), C = _.title || g, { ref: w, handleRef: T, isDragging: E } = m({
 		id: `field:${g}`,
 		type: i,
 		data: a(g),
@@ -36,7 +36,7 @@ function g({ propertyKey: g, property: _, isRequired: v, context: y, isUsedInSte
 					color: b ? "text.disabled" : "text.secondary",
 					cursor: b ? "not-allowed" : void 0
 				},
-				children: /* @__PURE__ */ f(m, { fontSize: "small" })
+				children: /* @__PURE__ */ f(h, { fontSize: "small" })
 			}), /* @__PURE__ */ p(o, {
 				role: "button",
 				tabIndex: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLibraryRow.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldLibraryRow.tsx"],"sourcesContent":["import { useDraggable } from '@dnd-kit/react'\nimport { Box, Chip, Paper, Stack, Typography } from '@mui/material'\nimport { DragIndicator as DragHandleIcon } from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport {\n  SchemaPropertyContext,\n  submissionContextLabel,\n} from '@/utils/jsonschema/submissionContext'\nimport styles from './dragHandle.module.scss'\nimport { detectFieldType, fieldTypeLabel } from './schemaFieldUtils'\nimport { FIELD_DRAG_TYPE, fieldDragData } from './sortableIds'\n\nexport type FieldLibraryRowProps = {\n  propertyKey: string\n  property: RJSFSchema\n  isRequired: boolean\n  /** Which submission context (per the schema's `x-synapse-submissionContext` convention)\n   * gates this property. `ALWAYS` properties show no badge. */\n  context: SchemaPropertyContext\n  isUsedInSteps: boolean\n  onClick: () => void\n}\n\n/**\n * A compact row in the field library. Click anywhere to edit the field's\n * definition; grab the drag indicator on the left to bind it to a step.\n * Rows already bound to a step are non-draggable.\n */\nexport function FieldLibraryRow({\n  propertyKey,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClick,\n}: FieldLibraryRowProps) {\n  const type = detectFieldType(property)\n  const displayLabel = property.title || propertyKey\n\n  const { ref, handleRef, isDragging } = useDraggable({\n    id: `field:${propertyKey}`,\n    type: FIELD_DRAG_TYPE,\n    data: fieldDragData(propertyKey),\n    disabled: isUsedInSteps,\n  })\n\n  return (\n    <Paper\n      ref={ref}\n      variant=\"outlined\"\n      className={styles.dragSource}\n      data-dragging={isDragging}\n      sx={{ p: 1.25 }}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n        <Box\n          ref={handleRef}\n          role=\"button\"\n          tabIndex={isUsedInSteps ? -1 : 0}\n          aria-label={\n            isUsedInSteps ? 'Already in a form step' : 'Drag to add to a step'\n          }\n          className={styles.dragHandle}\n          sx={{\n            color: isUsedInSteps ? 'text.disabled' : 'text.secondary',\n            cursor: isUsedInSteps ? 'not-allowed' : undefined,\n          }}\n        >\n          <DragHandleIcon fontSize=\"small\" />\n        </Box>\n        <Box\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Edit ${displayLabel}`}\n          onClick={onClick}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              onClick()\n            }\n          }}\n          sx={{\n            flexGrow: 1,\n            minWidth: 0,\n            display: 'flex',\n            alignItems: 'center',\n            gap: 0.5,\n            cursor: 'pointer',\n            borderRadius: 1,\n            p: 0.5,\n            m: -0.5,\n            '&:hover': { backgroundColor: 'action.hover' },\n          }}\n        >\n          <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n            <Typography\n              variant=\"body2\"\n              fontWeight={500}\n              noWrap\n              title={displayLabel}\n            >\n              {displayLabel}\n            </Typography>\n            <Stack\n              direction=\"row\"\n              spacing={0.5}\n              alignItems=\"center\"\n              sx={{ mt: 0.25 }}\n            >\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {fieldTypeLabel(type)}\n              </Typography>\n              {isRequired && (\n                <>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    ·\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    Required\n                  </Typography>\n                </>\n              )}\n              {context !== 'ALWAYS' && (\n                <>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    ·\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {submissionContextLabel(context)}\n                  </Typography>\n                </>\n              )}\n            </Stack>\n          </Box>\n          <Chip\n            label={isUsedInSteps ? 'In form' : 'Not in form'}\n            size=\"small\"\n            color={isUsedInSteps ? 'success' : 'warning'}\n            variant=\"outlined\"\n          />\n        </Box>\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,EAAgB,EAC9B,gBACA,aACA,eACA,YACA,kBACA,cACuB;CACvB,IAAM,IAAO,EAAgB,CAAQ,GAC/B,IAAe,EAAS,SAAS,GAEjC,EAAE,QAAK,cAAW,kBAAe,EAAa;EAClD,IAAI,SAAS;EACb,MAAM;EACN,MAAM,EAAc,CAAW;EAC/B,UAAU;CACZ,CAAC;CAED,OACE,kBAAC,GAAD;EACO;EACL,SAAQ;EACR,WAAW,EAAO;EAClB,iBAAe;EACf,IAAI,EAAE,GAAG,KAAK;YAEd,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;GAAI;aAA3D,CACE,kBAAC,GAAD;IACE,KAAK;IACL,MAAK;IACL,UAAU,IAAgB,KAAK;IAC/B,cACE,IAAgB,2BAA2B;IAE7C,WAAW,EAAO;IAClB,IAAI;KACF,OAAO,IAAgB,kBAAkB;KACzC,QAAQ,IAAgB,gBAAgB,KAAA;IAC1C;cAEA,kBAAC,GAAD,EAAgB,UAAS,QAAS,CAAA;GAC/B,CAAA,GACL,kBAAC,GAAD;IACE,MAAK;IACL,UAAU;IACV,cAAY,QAAQ;IACX;IACT,YAAW,MAAK;KACd,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAQ;IAEZ;IACA,IAAI;KACF,UAAU;KACV,UAAU;KACV,SAAS;KACT,YAAY;KACZ,KAAK;KACL,QAAQ;KACR,cAAc;KACd,GAAG;KACH,GAAG;KACH,WAAW,EAAE,iBAAiB,eAAe;IAC/C;cAtBF,CAwBE,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAG,UAAU;KAAE;eAApC,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,YAAY;MACZ,QAAA;MACA,OAAO;gBAEN;KACS,CAAA,GACZ,kBAAC,GAAD;MACE,WAAU;MACV,SAAS;MACT,YAAW;MACX,IAAI,EAAE,IAAI,IAAK;gBAJjB;OAME,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBACjC,EAAe,CAAI;OACV,CAAA;OACX,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAiB;OAEzC,CAAA,GACZ,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAiB;OAEzC,CAAA,CACZ,EAAA,CAAA;OAEH,MAAY,YACX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAiB;OAEzC,CAAA,GACZ,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBACjC,EAAuB,CAAO;OACrB,CAAA,CACZ,EAAA,CAAA;MAEC;OACJ;QACL,kBAAC,GAAD;KACE,OAAO,IAAgB,YAAY;KACnC,MAAK;KACL,OAAO,IAAgB,YAAY;KACnC,SAAQ;IACT,CAAA,CACE;KACF;;CACA,CAAA;AAEX"}
+{"version":3,"file":"FieldLibraryRow.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldLibraryRow.tsx"],"sourcesContent":["import { useDraggable } from '@dnd-kit/react'\nimport { Box, Chip, Paper, Stack, Typography } from '@mui/material'\nimport DragHandleIcon from '@mui/icons-material/DragIndicator'\nimport { RJSFSchema } from '@rjsf/utils'\nimport {\n  SchemaPropertyContext,\n  submissionContextLabel,\n} from '@/utils/jsonschema/submissionContext'\nimport styles from './dragHandle.module.scss'\nimport { detectFieldType, fieldTypeLabel } from './schemaFieldUtils'\nimport { FIELD_DRAG_TYPE, fieldDragData } from './sortableIds'\n\nexport type FieldLibraryRowProps = {\n  propertyKey: string\n  property: RJSFSchema\n  isRequired: boolean\n  /** Which submission context (per the schema's `x-synapse-submissionContext` convention)\n   * gates this property. `ALWAYS` properties show no badge. */\n  context: SchemaPropertyContext\n  isUsedInSteps: boolean\n  onClick: () => void\n}\n\n/**\n * A compact row in the field library. Click anywhere to edit the field's\n * definition; grab the drag indicator on the left to bind it to a step.\n * Rows already bound to a step are non-draggable.\n */\nexport function FieldLibraryRow({\n  propertyKey,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClick,\n}: FieldLibraryRowProps) {\n  const type = detectFieldType(property)\n  const displayLabel = property.title || propertyKey\n\n  const { ref, handleRef, isDragging } = useDraggable({\n    id: `field:${propertyKey}`,\n    type: FIELD_DRAG_TYPE,\n    data: fieldDragData(propertyKey),\n    disabled: isUsedInSteps,\n  })\n\n  return (\n    <Paper\n      ref={ref}\n      variant=\"outlined\"\n      className={styles.dragSource}\n      data-dragging={isDragging}\n      sx={{ p: 1.25 }}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n        <Box\n          ref={handleRef}\n          role=\"button\"\n          tabIndex={isUsedInSteps ? -1 : 0}\n          aria-label={\n            isUsedInSteps ? 'Already in a form step' : 'Drag to add to a step'\n          }\n          className={styles.dragHandle}\n          sx={{\n            color: isUsedInSteps ? 'text.disabled' : 'text.secondary',\n            cursor: isUsedInSteps ? 'not-allowed' : undefined,\n          }}\n        >\n          <DragHandleIcon fontSize=\"small\" />\n        </Box>\n        <Box\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Edit ${displayLabel}`}\n          onClick={onClick}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              onClick()\n            }\n          }}\n          sx={{\n            flexGrow: 1,\n            minWidth: 0,\n            display: 'flex',\n            alignItems: 'center',\n            gap: 0.5,\n            cursor: 'pointer',\n            borderRadius: 1,\n            p: 0.5,\n            m: -0.5,\n            '&:hover': { backgroundColor: 'action.hover' },\n          }}\n        >\n          <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n            <Typography\n              variant=\"body2\"\n              fontWeight={500}\n              noWrap\n              title={displayLabel}\n            >\n              {displayLabel}\n            </Typography>\n            <Stack\n              direction=\"row\"\n              spacing={0.5}\n              alignItems=\"center\"\n              sx={{ mt: 0.25 }}\n            >\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {fieldTypeLabel(type)}\n              </Typography>\n              {isRequired && (\n                <>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    ·\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    Required\n                  </Typography>\n                </>\n              )}\n              {context !== 'ALWAYS' && (\n                <>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    ·\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {submissionContextLabel(context)}\n                  </Typography>\n                </>\n              )}\n            </Stack>\n          </Box>\n          <Chip\n            label={isUsedInSteps ? 'In form' : 'Not in form'}\n            size=\"small\"\n            color={isUsedInSteps ? 'success' : 'warning'}\n            variant=\"outlined\"\n          />\n        </Box>\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,EAAgB,EAC9B,gBACA,aACA,eACA,YACA,kBACA,cACuB;CACvB,IAAM,IAAO,EAAgB,CAAQ,GAC/B,IAAe,EAAS,SAAS,GAEjC,EAAE,QAAK,cAAW,kBAAe,EAAa;EAClD,IAAI,SAAS;EACb,MAAM;EACN,MAAM,EAAc,CAAW;EAC/B,UAAU;CACZ,CAAC;CAED,OACE,kBAAC,GAAD;EACO;EACL,SAAQ;EACR,WAAW,EAAO;EAClB,iBAAe;EACf,IAAI,EAAE,GAAG,KAAK;YAEd,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;GAAI;aAA3D,CACE,kBAAC,GAAD;IACE,KAAK;IACL,MAAK;IACL,UAAU,IAAgB,KAAK;IAC/B,cACE,IAAgB,2BAA2B;IAE7C,WAAW,EAAO;IAClB,IAAI;KACF,OAAO,IAAgB,kBAAkB;KACzC,QAAQ,IAAgB,gBAAgB,KAAA;IAC1C;cAEA,kBAAC,GAAD,EAAgB,UAAS,QAAS,CAAA;GAC/B,CAAA,GACL,kBAAC,GAAD;IACE,MAAK;IACL,UAAU;IACV,cAAY,QAAQ;IACX;IACT,YAAW,MAAK;KACd,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAQ;IAEZ;IACA,IAAI;KACF,UAAU;KACV,UAAU;KACV,SAAS;KACT,YAAY;KACZ,KAAK;KACL,QAAQ;KACR,cAAc;KACd,GAAG;KACH,GAAG;KACH,WAAW,EAAE,iBAAiB,eAAe;IAC/C;cAtBF,CAwBE,kBAAC,GAAD;KAAK,IAAI;MAAE,UAAU;MAAG,UAAU;KAAE;eAApC,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,YAAY;MACZ,QAAA;MACA,OAAO;gBAEN;KACS,CAAA,GACZ,kBAAC,GAAD;MACE,WAAU;MACV,SAAS;MACT,YAAW;MACX,IAAI,EAAE,IAAI,IAAK;gBAJjB;OAME,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBACjC,EAAe,CAAI;OACV,CAAA;OACX,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAiB;OAEzC,CAAA,GACZ,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAiB;OAEzC,CAAA,CACZ,EAAA,CAAA;OAEH,MAAY,YACX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAiB;OAEzC,CAAA,GACZ,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBACjC,EAAuB,CAAO;OACrB,CAAA,CACZ,EAAA,CAAA;MAEC;OACJ;QACL,kBAAC,GAAD;KACE,OAAO,IAAgB,YAAY;KACnC,MAAK;KACL,OAAO,IAAgB,YAAY;KACnC,SAAQ;IACT,CAAA,CACE;KACF;;CACA,CAAA;AAEX"}

package/dist/components/FormTemplateEditor/FormStructurePanel.js

@@ -4,7 +4,7 @@ import { createEditableStep as n } from "./utils.js";
 import { StepCard as r } from "./StepCard.js";
 import { Alert as i, Box as a, Button as o, Paper as s, Stack as c, Typography as l } from "@mui/material";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Add as f } from "@mui/icons-material";
+import f from "@mui/icons-material/Add";
 import p from "pluralize";
 //#region src/components/FormTemplateEditor/FormStructurePanel.tsx
 function m({ steps: m, jsonSchema: h, unboundProperties: g, formTemplateId: _, onStepsChange: v, onBindField: y }) {

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

@@ -1 +1 @@
-{"version":3,"file":"FormStructurePanel.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormStructurePanel.tsx"],"sourcesContent":["import { FormTemplateStep } from '@sage-bionetworks/synapse-client'\nimport { Alert, Box, Button, Paper, Stack, Typography } from '@mui/material'\nimport { Add as AddIcon } from '@mui/icons-material'\nimport pluralize from 'pluralize'\nimport { RJSFSchema } from '@rjsf/utils'\nimport {\n  propertyKeyToPointer,\n  ResolvedSchemaProperty,\n} from '@/utils/jsonschema/submissionContext'\nimport { StepCard } from './StepCard'\nimport {\n  BIND_FIELD_LABEL,\n  createEditableStep,\n  EditableFormTemplateStep,\n  moveItem,\n} from './utils'\n\nexport type FormStructurePanelProps = {\n  steps: EditableFormTemplateStep[]\n  jsonSchema: RJSFSchema\n  /** Properties not yet bound to any step in the template. */\n  unboundProperties: ResolvedSchemaProperty[]\n  /** The FormTemplate's id, if it has been saved. Threaded down to file-field template uploads. */\n  formTemplateId: string | undefined\n  onStepsChange: (next: EditableFormTemplateStep[]) => void\n  onBindField: (propertyKey: string, stepKey: string) => void\n}\n\n/**\n * Right pane: the multi-step form structure. Steps are collapsible cards;\n * each step contains a list of field slots (with inline-expand for slot config)\n * and a \"Bind field\" dropdown listing any library fields not yet bound to a\n * step.\n */\nexport function FormStructurePanel({\n  steps,\n  jsonSchema,\n  unboundProperties,\n  formTemplateId,\n  onStepsChange,\n  onBindField,\n}: FormStructurePanelProps) {\n  const handleStepChange = (idx: number, patch: Partial<FormTemplateStep>) => {\n    onStepsChange(steps.map((s, i) => (i === idx ? { ...s, ...patch } : s)))\n  }\n\n  const handleAddStep = () => {\n    onStepsChange([...steps, createEditableStep()])\n  }\n\n  const handleRemoveStep = (idx: number) => {\n    onStepsChange(steps.filter((_, i) => i !== idx))\n  }\n\n  const handleMoveStep = (idx: number, direction: -1 | 1) => {\n    onStepsChange(moveItem(steps, idx, direction))\n  }\n\n  const requiredUnbound = unboundProperties.filter(p => p.isRequired)\n  const optionalUnbound = unboundProperties.filter(p => !p.isRequired)\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2, height: '100%' }}>\n      <Box\n        sx={{\n          mb: 1.5,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          gap: 1,\n        }}\n      >\n        <Box>\n          <Typography variant=\"subtitle2\">Steps</Typography>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            Arrange fields into pages requesters will fill out in order.\n          </Typography>\n        </Box>\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          startIcon={<AddIcon />}\n          onClick={handleAddStep}\n        >\n          Add step\n        </Button>\n      </Box>\n\n      {requiredUnbound.length > 0 && (\n        <Alert severity=\"error\" sx={{ mb: 1.5 }}>\n          {pluralize('required field', requiredUnbound.length, true)}{' '}\n          {pluralize('is', requiredUnbound.length)} not bound to a step and must\n          be bound before saving:{' '}\n          {requiredUnbound\n            .map(p => p.subSchema.title ?? propertyKeyToPointer(p.propertyKey))\n            .join(', ')}\n          .\n        </Alert>\n      )}\n\n      {optionalUnbound.length > 0 && (\n        <Alert severity=\"warning\" sx={{ mb: 1.5 }}>\n          {pluralize('field', optionalUnbound.length, true)}{' '}\n          {pluralize('is', optionalUnbound.length)} not yet bound to a step. Use\n          a step's \"{BIND_FIELD_LABEL}\" dropdown to add{' '}\n          {optionalUnbound.length === 1 ? 'it' : 'them'}.\n        </Alert>\n      )}\n\n      <Stack spacing={1.5}>\n        {steps.length === 0 ? (\n          <Alert severity=\"info\">\n            No steps yet. Click \"Add step\" to create the first one.\n          </Alert>\n        ) : (\n          steps.map((step, stepIdx) => (\n            <StepCard\n              key={step.uiKey}\n              step={step}\n              stepIndex={stepIdx}\n              isFirst={stepIdx === 0}\n              isLast={stepIdx === steps.length - 1}\n              unboundProperties={unboundProperties}\n              jsonSchema={jsonSchema}\n              formTemplateId={formTemplateId}\n              defaultExpanded={stepIdx === 0}\n              onChange={patch => handleStepChange(stepIdx, patch)}\n              onBindField={propertyKey => onBindField(propertyKey, step.uiKey)}\n              onMoveUp={() => handleMoveStep(stepIdx, -1)}\n              onMoveDown={() => handleMoveStep(stepIdx, 1)}\n              onRemove={() => handleRemoveStep(stepIdx)}\n            />\n          ))\n        )}\n      </Stack>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,EAAmB,EACjC,UACA,eACA,sBACA,mBACA,kBACA,kBAC0B;CAC1B,IAAM,KAAoB,GAAa,MAAqC;EAC1E,EAAc,EAAM,KAAK,GAAG,MAAO,MAAM,IAAM;GAAE,GAAG;GAAG,GAAG;EAAM,IAAI,CAAE,CAAC;CACzE,GAEM,UAAsB;EAC1B,EAAc,CAAC,GAAG,GAAO,EAAmB,CAAC,CAAC;CAChD,GAEM,KAAoB,MAAgB;EACxC,EAAc,EAAM,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CACjD,GAEM,KAAkB,GAAa,MAAsB;EACzD,EAAc,EAAS,GAAO,GAAK,CAAS,CAAC;CAC/C,GAEM,IAAkB,EAAkB,QAAO,MAAK,EAAE,UAAU,GAC5D,IAAkB,EAAkB,QAAO,MAAK,CAAC,EAAE,UAAU;CAEnE,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI;GAAE,GAAG;GAAG,QAAQ;EAAO;YAArD;GACE,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,SAAS;KACT,gBAAgB;KAChB,YAAY;KACZ,KAAK;IACP;cAPF,CASE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAQ;eAAY;IAAiB,CAAA,GACjD,kBAAC,GAAD;KAAY,SAAQ;KAAU,OAAM;eAAiB;IAEzC,CAAA,CACT,EAAA,CAAA,GACL,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAW,kBAAC,GAAD,CAAU,CAAA;KACrB,SAAS;eACV;IAEO,CAAA,CACL;;GAEJ,EAAgB,SAAS,KACxB,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,IAAI;cAAtC;KACG,EAAU,kBAAkB,EAAgB,QAAQ,EAAI;KAAG;KAC3D,EAAU,MAAM,EAAgB,MAAM;KAAE;KACjB;KACvB,EACE,KAAI,MAAK,EAAE,UAAU,SAAS,EAAqB,EAAE,WAAW,CAAC,EACjE,KAAK,IAAI;KAAE;IAET;;GAGR,EAAgB,SAAS,KACxB,kBAAC,GAAD;IAAO,UAAS;IAAU,IAAI,EAAE,IAAI,IAAI;cAAxC;KACG,EAAU,SAAS,EAAgB,QAAQ,EAAI;KAAG;KAClD,EAAU,MAAM,EAAgB,MAAM;KAAE;;KACb;KAAkB;KAC7C,EAAgB,WAAW,IAAI,OAAO;KAAO;IACzC;;GAGT,kBAAC,GAAD;IAAO,SAAS;cACb,EAAM,WAAW,IAChB,kBAAC,GAAD;KAAO,UAAS;eAAO;IAEhB,CAAA,IAEP,EAAM,KAAK,GAAM,MACf,kBAAC,GAAD;KAEQ;KACN,WAAW;KACX,SAAS,MAAY;KACrB,QAAQ,MAAY,EAAM,SAAS;KAChB;KACP;KACI;KAChB,iBAAiB,MAAY;KAC7B,WAAU,MAAS,EAAiB,GAAS,CAAK;KAClD,cAAa,MAAe,EAAY,GAAa,EAAK,KAAK;KAC/D,gBAAgB,EAAe,GAAS,EAAE;KAC1C,kBAAkB,EAAe,GAAS,CAAC;KAC3C,gBAAgB,EAAiB,CAAO;IACzC,GAdM,EAAK,KAcX,CACF;GAEE,CAAA;EACF;;AAEX"}
+{"version":3,"file":"FormStructurePanel.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormStructurePanel.tsx"],"sourcesContent":["import { FormTemplateStep } from '@sage-bionetworks/synapse-client'\nimport { Alert, Box, Button, Paper, Stack, Typography } from '@mui/material'\nimport AddIcon from '@mui/icons-material/Add'\nimport pluralize from 'pluralize'\nimport { RJSFSchema } from '@rjsf/utils'\nimport {\n  propertyKeyToPointer,\n  ResolvedSchemaProperty,\n} from '@/utils/jsonschema/submissionContext'\nimport { StepCard } from './StepCard'\nimport {\n  BIND_FIELD_LABEL,\n  createEditableStep,\n  EditableFormTemplateStep,\n  moveItem,\n} from './utils'\n\nexport type FormStructurePanelProps = {\n  steps: EditableFormTemplateStep[]\n  jsonSchema: RJSFSchema\n  /** Properties not yet bound to any step in the template. */\n  unboundProperties: ResolvedSchemaProperty[]\n  /** The FormTemplate's id, if it has been saved. Threaded down to file-field template uploads. */\n  formTemplateId: string | undefined\n  onStepsChange: (next: EditableFormTemplateStep[]) => void\n  onBindField: (propertyKey: string, stepKey: string) => void\n}\n\n/**\n * Right pane: the multi-step form structure. Steps are collapsible cards;\n * each step contains a list of field slots (with inline-expand for slot config)\n * and a \"Bind field\" dropdown listing any library fields not yet bound to a\n * step.\n */\nexport function FormStructurePanel({\n  steps,\n  jsonSchema,\n  unboundProperties,\n  formTemplateId,\n  onStepsChange,\n  onBindField,\n}: FormStructurePanelProps) {\n  const handleStepChange = (idx: number, patch: Partial<FormTemplateStep>) => {\n    onStepsChange(steps.map((s, i) => (i === idx ? { ...s, ...patch } : s)))\n  }\n\n  const handleAddStep = () => {\n    onStepsChange([...steps, createEditableStep()])\n  }\n\n  const handleRemoveStep = (idx: number) => {\n    onStepsChange(steps.filter((_, i) => i !== idx))\n  }\n\n  const handleMoveStep = (idx: number, direction: -1 | 1) => {\n    onStepsChange(moveItem(steps, idx, direction))\n  }\n\n  const requiredUnbound = unboundProperties.filter(p => p.isRequired)\n  const optionalUnbound = unboundProperties.filter(p => !p.isRequired)\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2, height: '100%' }}>\n      <Box\n        sx={{\n          mb: 1.5,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          gap: 1,\n        }}\n      >\n        <Box>\n          <Typography variant=\"subtitle2\">Steps</Typography>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            Arrange fields into pages requesters will fill out in order.\n          </Typography>\n        </Box>\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          startIcon={<AddIcon />}\n          onClick={handleAddStep}\n        >\n          Add step\n        </Button>\n      </Box>\n\n      {requiredUnbound.length > 0 && (\n        <Alert severity=\"error\" sx={{ mb: 1.5 }}>\n          {pluralize('required field', requiredUnbound.length, true)}{' '}\n          {pluralize('is', requiredUnbound.length)} not bound to a step and must\n          be bound before saving:{' '}\n          {requiredUnbound\n            .map(p => p.subSchema.title ?? propertyKeyToPointer(p.propertyKey))\n            .join(', ')}\n          .\n        </Alert>\n      )}\n\n      {optionalUnbound.length > 0 && (\n        <Alert severity=\"warning\" sx={{ mb: 1.5 }}>\n          {pluralize('field', optionalUnbound.length, true)}{' '}\n          {pluralize('is', optionalUnbound.length)} not yet bound to a step. Use\n          a step's \"{BIND_FIELD_LABEL}\" dropdown to add{' '}\n          {optionalUnbound.length === 1 ? 'it' : 'them'}.\n        </Alert>\n      )}\n\n      <Stack spacing={1.5}>\n        {steps.length === 0 ? (\n          <Alert severity=\"info\">\n            No steps yet. Click \"Add step\" to create the first one.\n          </Alert>\n        ) : (\n          steps.map((step, stepIdx) => (\n            <StepCard\n              key={step.uiKey}\n              step={step}\n              stepIndex={stepIdx}\n              isFirst={stepIdx === 0}\n              isLast={stepIdx === steps.length - 1}\n              unboundProperties={unboundProperties}\n              jsonSchema={jsonSchema}\n              formTemplateId={formTemplateId}\n              defaultExpanded={stepIdx === 0}\n              onChange={patch => handleStepChange(stepIdx, patch)}\n              onBindField={propertyKey => onBindField(propertyKey, step.uiKey)}\n              onMoveUp={() => handleMoveStep(stepIdx, -1)}\n              onMoveDown={() => handleMoveStep(stepIdx, 1)}\n              onRemove={() => handleRemoveStep(stepIdx)}\n            />\n          ))\n        )}\n      </Stack>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,EAAmB,EACjC,UACA,eACA,sBACA,mBACA,kBACA,kBAC0B;CAC1B,IAAM,KAAoB,GAAa,MAAqC;EAC1E,EAAc,EAAM,KAAK,GAAG,MAAO,MAAM,IAAM;GAAE,GAAG;GAAG,GAAG;EAAM,IAAI,CAAE,CAAC;CACzE,GAEM,UAAsB;EAC1B,EAAc,CAAC,GAAG,GAAO,EAAmB,CAAC,CAAC;CAChD,GAEM,KAAoB,MAAgB;EACxC,EAAc,EAAM,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CACjD,GAEM,KAAkB,GAAa,MAAsB;EACzD,EAAc,EAAS,GAAO,GAAK,CAAS,CAAC;CAC/C,GAEM,IAAkB,EAAkB,QAAO,MAAK,EAAE,UAAU,GAC5D,IAAkB,EAAkB,QAAO,MAAK,CAAC,EAAE,UAAU;CAEnE,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI;GAAE,GAAG;GAAG,QAAQ;EAAO;YAArD;GACE,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,SAAS;KACT,gBAAgB;KAChB,YAAY;KACZ,KAAK;IACP;cAPF,CASE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAQ;eAAY;IAAiB,CAAA,GACjD,kBAAC,GAAD;KAAY,SAAQ;KAAU,OAAM;eAAiB;IAEzC,CAAA,CACT,EAAA,CAAA,GACL,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAW,kBAAC,GAAD,CAAU,CAAA;KACrB,SAAS;eACV;IAEO,CAAA,CACL;;GAEJ,EAAgB,SAAS,KACxB,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,IAAI;cAAtC;KACG,EAAU,kBAAkB,EAAgB,QAAQ,EAAI;KAAG;KAC3D,EAAU,MAAM,EAAgB,MAAM;KAAE;KACjB;KACvB,EACE,KAAI,MAAK,EAAE,UAAU,SAAS,EAAqB,EAAE,WAAW,CAAC,EACjE,KAAK,IAAI;KAAE;IAET;;GAGR,EAAgB,SAAS,KACxB,kBAAC,GAAD;IAAO,UAAS;IAAU,IAAI,EAAE,IAAI,IAAI;cAAxC;KACG,EAAU,SAAS,EAAgB,QAAQ,EAAI;KAAG;KAClD,EAAU,MAAM,EAAgB,MAAM;KAAE;;KACb;KAAkB;KAC7C,EAAgB,WAAW,IAAI,OAAO;KAAO;IACzC;;GAGT,kBAAC,GAAD;IAAO,SAAS;cACb,EAAM,WAAW,IAChB,kBAAC,GAAD;KAAO,UAAS;eAAO;IAEhB,CAAA,IAEP,EAAM,KAAK,GAAM,MACf,kBAAC,GAAD;KAEQ;KACN,WAAW;KACX,SAAS,MAAY;KACrB,QAAQ,MAAY,EAAM,SAAS;KAChB;KACP;KACI;KAChB,iBAAiB,MAAY;KAC7B,WAAU,MAAS,EAAiB,GAAS,CAAK;KAClD,cAAa,MAAe,EAAY,GAAa,EAAK,KAAK;KAC/D,gBAAgB,EAAe,GAAS,EAAE;KAC1C,kBAAkB,EAAe,GAAS,CAAC;KAC3C,gBAAgB,EAAiB,CAAO;IACzC,GAdM,EAAK,KAcX,CACF;GAEE,CAAA;EACF;;AAEX"}

package/dist/components/FormTemplateEditor/FormTemplateEditorForm.js

@@ -18,7 +18,7 @@ import { useSaveFormTemplate as p } from "./useSaveFormTemplate.js";
 import { useMemo as m, useState as h } from "react";
 import { Accordion as g, AccordionDetails as _, AccordionSummary as ae, Alert as oe, Box as v, Button as y, Divider as b, Grid as x, Paper as S, TextField as C, Typography as w } from "@mui/material";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ExpandMore as D } from "@mui/icons-material";
+import D from "@mui/icons-material/ExpandMore";
 import { DragDropProvider as O, DragOverlay as k } from "@dnd-kit/react";
 //#region src/components/FormTemplateEditor/FormTemplateEditorForm.tsx
 function A({ initialTemplate: A, initialJsonSchema: j, onSaved: M, onCancel: N }) {

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

@@ -1 +1 @@
-{"version":3,"file":"FormTemplateEditorForm.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormTemplateEditorForm.tsx"],"sourcesContent":["/*\n * Editing UI for a FormTemplate draft: composes the pure `useFormTemplateDraft` state with save\n * orchestration (`useSaveFormTemplate`) and client-side validation. Receives already-resolved\n * initial data — the caller (`FormTemplateEditor`)\n * owns fetching, so this component never renders a loading state.\n */\nimport { DragDropProvider, DragOverlay } from '@dnd-kit/react'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Divider,\n  Grid,\n  Paper,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ExpandMore as ExpandMoreIcon } from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useMemo, useState } from 'react'\nimport { displayToast } from '@/components/ToastMessage'\nimport {\n  propertyKeyToPointer,\n  resolveSchemaPropertyAtPointer,\n} from '@/utils/jsonschema/submissionContext'\nimport { FieldDefinitionDrawer } from './FieldDefinitionDrawer'\nimport { FieldValidationErrorAlert } from './FieldValidationErrorAlert'\nimport { FieldLibrary } from './FieldLibrary'\nimport { FIELD_DRAG_TYPE, readFieldDragData } from './sortableIds'\nimport { FormStructurePanel } from './FormStructurePanel'\nimport { FormTemplatePreview } from './FormTemplatePreview'\nimport { JsonSchemaBodyEditor } from './JsonSchemaBodyEditor'\nimport { detectFieldType, fieldTypeLabel } from './schemaFieldUtils'\nimport {\n  formatSchema$id,\n  resolveFormTemplateSchemaName,\n} from './formTemplateSchema'\nimport { toFormTemplateSteps } from './utils'\nimport {\n  FormTemplateFieldValidationError,\n  validateFormTemplateFields,\n} from './formTemplateValidation'\nimport { useFormTemplateDraft } from './useFormTemplateDraft'\nimport { useFormTemplateDrag } from './useFormTemplateDrag'\nimport { useSaveFormTemplate } from './useSaveFormTemplate'\n\nexport type FormTemplateEditorFormProps = {\n  /** Existing template to edit, or undefined for creating a new one. */\n  initialTemplate?: FormTemplate\n  /**\n   * The JSON Schema body the template's `schema$id` resolves to. Required when editing an\n   * existing template.\n   */\n  initialJsonSchema?: RJSFSchema\n  onSaved?: (template: FormTemplate) => void\n  onCancel?: () => void\n}\n\nexport function FormTemplateEditorForm({\n  initialTemplate,\n  initialJsonSchema,\n  onSaved,\n  onCancel,\n}: FormTemplateEditorFormProps) {\n  const draft = useFormTemplateDraft(initialTemplate, initialJsonSchema)\n  const {\n    name,\n    setName,\n    jsonSchema,\n    setJsonSchema,\n    steps,\n    setSteps,\n    editingPropertyKey,\n    setEditingPropertyKey,\n    usedPaths,\n    existingPropertyKeys,\n    unboundProperties,\n    handleCreateField,\n    renamePropertyKey,\n    handleUpdateProperty,\n    handleReplaceProperty,\n    handleChangeRequired,\n    handleChangeContext,\n    handleRemoveProperty,\n    bindField,\n    previewTemplate,\n  } = draft\n  const dragHandlers = useFormTemplateDrag(draft)\n\n  const { mutateAsync: save, isPending: isSaving } = useSaveFormTemplate()\n  const [saveError, setSaveError] = useState<\n    FormTemplateFieldValidationError[] | null\n  >(null)\n\n  const validationErrors = useMemo(\n    () => validateFormTemplateFields(toFormTemplateSteps(steps), jsonSchema),\n    [steps, jsonSchema],\n  )\n\n  const handleSave = async () => {\n    setSaveError(null)\n    try {\n      const result = await save({\n        initialTemplate,\n        initialJsonSchema,\n        name,\n        jsonSchema,\n        steps,\n      })\n      if (!result.ok) {\n        setSaveError(result.validationErrors)\n        return\n      }\n      displayToast(\n        initialTemplate\n          ? 'Your changes were saved as a new version.'\n          : 'The form template was created.',\n        'success',\n        { title: 'Template saved' },\n      )\n      onSaved?.(result.template)\n    } catch (error) {\n      const clientError = error as SynapseClientError\n      if (clientError.status === 412) {\n        displayToast(\n          'This template was changed by someone else since you opened it. Reload it to see the latest version, then reapply your changes.',\n          'warning',\n          { title: 'Template updated since you started editing' },\n        )\n      } else {\n        displayToast(\n          clientError.reason ?? 'An error occurred while saving.',\n          'danger',\n          { title: 'Could not save template' },\n        )\n      }\n    }\n  }\n\n  const editingResolved =\n    editingPropertyKey !== null\n      ? resolveSchemaPropertyAtPointer(\n          jsonSchema,\n          propertyKeyToPointer(editingPropertyKey),\n        )\n      : undefined\n  const editingProperty: RJSFSchema | null = editingResolved?.subSchema ?? null\n  const editingIsRequired = editingResolved?.isRequired ?? false\n  const editingContext = editingResolved?.context ?? 'ALWAYS'\n  const editingIsUsedInSteps =\n    editingPropertyKey !== null &&\n    usedPaths.has(propertyKeyToPointer(editingPropertyKey))\n\n  const templateSchemaName = resolveFormTemplateSchemaName(\n    name,\n    initialTemplate?.schema$id,\n  )\n\n  return (\n    <DragDropProvider {...dragHandlers}>\n      <Paper sx={{ p: 3 }}>\n        <Typography variant=\"h6\" gutterBottom>\n          {initialTemplate ? 'Edit Form Template' : 'Create Form Template'}\n        </Typography>\n\n        <Divider sx={{ mb: 2 }} />\n\n        <TextField\n          label=\"Internal Name\"\n          value={name}\n          onChange={e => setName(e.target.value)}\n          size=\"small\"\n          fullWidth\n          helperText=\"Used by ACT to identify and find this template. Not shown to requesters.\"\n          sx={{ mb: 1 }}\n        />\n        <Typography\n          variant=\"caption\"\n          color=\"text.secondary\"\n          component=\"p\"\n          sx={{ mb: 3 }}\n        >\n          JSON Schema:{' '}\n          {initialTemplate?.schema$id ?? formatSchema$id(templateSchemaName)}\n          {!initialTemplate && ' (a new version is registered when saved)'}\n        </Typography>\n\n        <Grid container spacing={2} alignItems=\"stretch\">\n          <Grid size={{ xs: 12, md: 4 }}>\n            <FieldLibrary\n              jsonSchema={jsonSchema}\n              usedPaths={usedPaths}\n              selectedPropertyKey={editingPropertyKey}\n              onSelectField={setEditingPropertyKey}\n              onCreateField={handleCreateField}\n            />\n          </Grid>\n          <Grid size={{ xs: 12, md: 4 }}>\n            <FormStructurePanel\n              steps={steps}\n              jsonSchema={jsonSchema}\n              unboundProperties={unboundProperties}\n              formTemplateId={initialTemplate?.id}\n              onStepsChange={setSteps}\n              onBindField={bindField}\n            />\n          </Grid>\n          <Grid size={{ xs: 12, md: 4 }}>\n            <Box sx={{ position: 'sticky', top: 16 }}>\n              <Typography\n                variant=\"subtitle2\"\n                color=\"text.secondary\"\n                gutterBottom\n              >\n                Live Preview\n              </Typography>\n              <FormTemplatePreview\n                template={previewTemplate}\n                jsonSchema={jsonSchema}\n              />\n            </Box>\n          </Grid>\n        </Grid>\n\n        <Accordion\n          sx={{ mt: 3 }}\n          disableGutters\n          elevation={0}\n          variant=\"outlined\"\n        >\n          <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n            <Typography variant=\"subtitle2\">\n              Advanced: Edit raw JSON Schema\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Alert severity=\"info\" variant=\"outlined\" sx={{ mb: 2 }}>\n              Direct access to the JSON Schema body. Most editing happens in the\n              Fields panel above — use this view for features the simple editor\n              doesn't support (nested objects, advanced validation, etc.).\n            </Alert>\n            <JsonSchemaBodyEditor value={jsonSchema} onChange={setJsonSchema} />\n          </AccordionDetails>\n        </Accordion>\n\n        {validationErrors.length > 0 && (\n          <FieldValidationErrorAlert errors={validationErrors}>\n            Fix the following before saving:\n          </FieldValidationErrorAlert>\n        )}\n\n        {saveError && <FieldValidationErrorAlert errors={saveError} />}\n\n        <Divider sx={{ my: 2 }} />\n\n        <Box sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1 }}>\n          {onCancel && (\n            <Button variant=\"outlined\" onClick={onCancel} disabled={isSaving}>\n              Cancel\n            </Button>\n          )}\n          <Button\n            variant=\"contained\"\n            onClick={() => void handleSave()}\n            disabled={!name || isSaving || validationErrors.length > 0}\n          >\n            {isSaving\n              ? 'Saving…'\n              : initialTemplate\n                ? 'Save Changes'\n                : 'Create Template'}\n          </Button>\n        </Box>\n\n        <FieldDefinitionDrawer\n          open={editingPropertyKey !== null}\n          propertyKey={editingPropertyKey}\n          existingKeys={existingPropertyKeys}\n          property={editingProperty}\n          isRequired={editingIsRequired}\n          context={editingContext}\n          isUsedInSteps={editingIsUsedInSteps}\n          onClose={() => setEditingPropertyKey(null)}\n          onUpdate={patch => {\n            if (editingPropertyKey)\n              handleUpdateProperty(editingPropertyKey, patch)\n          }}\n          onRenameKey={newKey => {\n            if (editingPropertyKey)\n              renamePropertyKey(editingPropertyKey, newKey)\n          }}\n          onReplace={next => {\n            if (editingPropertyKey)\n              handleReplaceProperty(editingPropertyKey, next)\n          }}\n          onChangeRequired={isReq => {\n            if (editingPropertyKey)\n              handleChangeRequired(editingPropertyKey, isReq)\n          }}\n          onChangeContext={context => {\n            if (editingPropertyKey)\n              handleChangeContext(editingPropertyKey, context)\n          }}\n          onRemove={() => {\n            if (editingPropertyKey) handleRemoveProperty(editingPropertyKey)\n          }}\n        />\n      </Paper>\n\n      <DragOverlay>\n        {source => {\n          if (source.type !== FIELD_DRAG_TYPE) return null\n          const propertyKey = readFieldDragData(source.data)\n          if (!propertyKey) return null\n          const property = resolveSchemaPropertyAtPointer(\n            jsonSchema,\n            propertyKeyToPointer(propertyKey),\n          )?.subSchema\n          if (!property) return null\n          return (\n            <Paper\n              elevation={6}\n              sx={{ p: 1.25, cursor: 'grabbing', opacity: 0.95 }}\n            >\n              <Typography variant=\"body2\" fontWeight={500}>\n                {property.title || propertyKey}\n              </Typography>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {fieldTypeLabel(detectFieldType(property))}\n              </Typography>\n            </Paper>\n          )\n        }}\n      </DragOverlay>\n    </DragDropProvider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FormTemplateEditorForm.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormTemplateEditorForm.tsx"],"sourcesContent":["/*\n * Editing UI for a FormTemplate draft: composes the pure `useFormTemplateDraft` state with save\n * orchestration (`useSaveFormTemplate`) and client-side validation. Receives already-resolved\n * initial data — the caller (`FormTemplateEditor`)\n * owns fetching, so this component never renders a loading state.\n */\nimport { DragDropProvider, DragOverlay } from '@dnd-kit/react'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Divider,\n  Grid,\n  Paper,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useMemo, useState } from 'react'\nimport { displayToast } from '@/components/ToastMessage'\nimport {\n  propertyKeyToPointer,\n  resolveSchemaPropertyAtPointer,\n} from '@/utils/jsonschema/submissionContext'\nimport { FieldDefinitionDrawer } from './FieldDefinitionDrawer'\nimport { FieldValidationErrorAlert } from './FieldValidationErrorAlert'\nimport { FieldLibrary } from './FieldLibrary'\nimport { FIELD_DRAG_TYPE, readFieldDragData } from './sortableIds'\nimport { FormStructurePanel } from './FormStructurePanel'\nimport { FormTemplatePreview } from './FormTemplatePreview'\nimport { JsonSchemaBodyEditor } from './JsonSchemaBodyEditor'\nimport { detectFieldType, fieldTypeLabel } from './schemaFieldUtils'\nimport {\n  formatSchema$id,\n  resolveFormTemplateSchemaName,\n} from './formTemplateSchema'\nimport { toFormTemplateSteps } from './utils'\nimport {\n  FormTemplateFieldValidationError,\n  validateFormTemplateFields,\n} from './formTemplateValidation'\nimport { useFormTemplateDraft } from './useFormTemplateDraft'\nimport { useFormTemplateDrag } from './useFormTemplateDrag'\nimport { useSaveFormTemplate } from './useSaveFormTemplate'\n\nexport type FormTemplateEditorFormProps = {\n  /** Existing template to edit, or undefined for creating a new one. */\n  initialTemplate?: FormTemplate\n  /**\n   * The JSON Schema body the template's `schema$id` resolves to. Required when editing an\n   * existing template.\n   */\n  initialJsonSchema?: RJSFSchema\n  onSaved?: (template: FormTemplate) => void\n  onCancel?: () => void\n}\n\nexport function FormTemplateEditorForm({\n  initialTemplate,\n  initialJsonSchema,\n  onSaved,\n  onCancel,\n}: FormTemplateEditorFormProps) {\n  const draft = useFormTemplateDraft(initialTemplate, initialJsonSchema)\n  const {\n    name,\n    setName,\n    jsonSchema,\n    setJsonSchema,\n    steps,\n    setSteps,\n    editingPropertyKey,\n    setEditingPropertyKey,\n    usedPaths,\n    existingPropertyKeys,\n    unboundProperties,\n    handleCreateField,\n    renamePropertyKey,\n    handleUpdateProperty,\n    handleReplaceProperty,\n    handleChangeRequired,\n    handleChangeContext,\n    handleRemoveProperty,\n    bindField,\n    previewTemplate,\n  } = draft\n  const dragHandlers = useFormTemplateDrag(draft)\n\n  const { mutateAsync: save, isPending: isSaving } = useSaveFormTemplate()\n  const [saveError, setSaveError] = useState<\n    FormTemplateFieldValidationError[] | null\n  >(null)\n\n  const validationErrors = useMemo(\n    () => validateFormTemplateFields(toFormTemplateSteps(steps), jsonSchema),\n    [steps, jsonSchema],\n  )\n\n  const handleSave = async () => {\n    setSaveError(null)\n    try {\n      const result = await save({\n        initialTemplate,\n        initialJsonSchema,\n        name,\n        jsonSchema,\n        steps,\n      })\n      if (!result.ok) {\n        setSaveError(result.validationErrors)\n        return\n      }\n      displayToast(\n        initialTemplate\n          ? 'Your changes were saved as a new version.'\n          : 'The form template was created.',\n        'success',\n        { title: 'Template saved' },\n      )\n      onSaved?.(result.template)\n    } catch (error) {\n      const clientError = error as SynapseClientError\n      if (clientError.status === 412) {\n        displayToast(\n          'This template was changed by someone else since you opened it. Reload it to see the latest version, then reapply your changes.',\n          'warning',\n          { title: 'Template updated since you started editing' },\n        )\n      } else {\n        displayToast(\n          clientError.reason ?? 'An error occurred while saving.',\n          'danger',\n          { title: 'Could not save template' },\n        )\n      }\n    }\n  }\n\n  const editingResolved =\n    editingPropertyKey !== null\n      ? resolveSchemaPropertyAtPointer(\n          jsonSchema,\n          propertyKeyToPointer(editingPropertyKey),\n        )\n      : undefined\n  const editingProperty: RJSFSchema | null = editingResolved?.subSchema ?? null\n  const editingIsRequired = editingResolved?.isRequired ?? false\n  const editingContext = editingResolved?.context ?? 'ALWAYS'\n  const editingIsUsedInSteps =\n    editingPropertyKey !== null &&\n    usedPaths.has(propertyKeyToPointer(editingPropertyKey))\n\n  const templateSchemaName = resolveFormTemplateSchemaName(\n    name,\n    initialTemplate?.schema$id,\n  )\n\n  return (\n    <DragDropProvider {...dragHandlers}>\n      <Paper sx={{ p: 3 }}>\n        <Typography variant=\"h6\" gutterBottom>\n          {initialTemplate ? 'Edit Form Template' : 'Create Form Template'}\n        </Typography>\n\n        <Divider sx={{ mb: 2 }} />\n\n        <TextField\n          label=\"Internal Name\"\n          value={name}\n          onChange={e => setName(e.target.value)}\n          size=\"small\"\n          fullWidth\n          helperText=\"Used by ACT to identify and find this template. Not shown to requesters.\"\n          sx={{ mb: 1 }}\n        />\n        <Typography\n          variant=\"caption\"\n          color=\"text.secondary\"\n          component=\"p\"\n          sx={{ mb: 3 }}\n        >\n          JSON Schema:{' '}\n          {initialTemplate?.schema$id ?? formatSchema$id(templateSchemaName)}\n          {!initialTemplate && ' (a new version is registered when saved)'}\n        </Typography>\n\n        <Grid container spacing={2} alignItems=\"stretch\">\n          <Grid size={{ xs: 12, md: 4 }}>\n            <FieldLibrary\n              jsonSchema={jsonSchema}\n              usedPaths={usedPaths}\n              selectedPropertyKey={editingPropertyKey}\n              onSelectField={setEditingPropertyKey}\n              onCreateField={handleCreateField}\n            />\n          </Grid>\n          <Grid size={{ xs: 12, md: 4 }}>\n            <FormStructurePanel\n              steps={steps}\n              jsonSchema={jsonSchema}\n              unboundProperties={unboundProperties}\n              formTemplateId={initialTemplate?.id}\n              onStepsChange={setSteps}\n              onBindField={bindField}\n            />\n          </Grid>\n          <Grid size={{ xs: 12, md: 4 }}>\n            <Box sx={{ position: 'sticky', top: 16 }}>\n              <Typography\n                variant=\"subtitle2\"\n                color=\"text.secondary\"\n                gutterBottom\n              >\n                Live Preview\n              </Typography>\n              <FormTemplatePreview\n                template={previewTemplate}\n                jsonSchema={jsonSchema}\n              />\n            </Box>\n          </Grid>\n        </Grid>\n\n        <Accordion\n          sx={{ mt: 3 }}\n          disableGutters\n          elevation={0}\n          variant=\"outlined\"\n        >\n          <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n            <Typography variant=\"subtitle2\">\n              Advanced: Edit raw JSON Schema\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Alert severity=\"info\" variant=\"outlined\" sx={{ mb: 2 }}>\n              Direct access to the JSON Schema body. Most editing happens in the\n              Fields panel above — use this view for features the simple editor\n              doesn't support (nested objects, advanced validation, etc.).\n            </Alert>\n            <JsonSchemaBodyEditor value={jsonSchema} onChange={setJsonSchema} />\n          </AccordionDetails>\n        </Accordion>\n\n        {validationErrors.length > 0 && (\n          <FieldValidationErrorAlert errors={validationErrors}>\n            Fix the following before saving:\n          </FieldValidationErrorAlert>\n        )}\n\n        {saveError && <FieldValidationErrorAlert errors={saveError} />}\n\n        <Divider sx={{ my: 2 }} />\n\n        <Box sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1 }}>\n          {onCancel && (\n            <Button variant=\"outlined\" onClick={onCancel} disabled={isSaving}>\n              Cancel\n            </Button>\n          )}\n          <Button\n            variant=\"contained\"\n            onClick={() => void handleSave()}\n            disabled={!name || isSaving || validationErrors.length > 0}\n          >\n            {isSaving\n              ? 'Saving…'\n              : initialTemplate\n                ? 'Save Changes'\n                : 'Create Template'}\n          </Button>\n        </Box>\n\n        <FieldDefinitionDrawer\n          open={editingPropertyKey !== null}\n          propertyKey={editingPropertyKey}\n          existingKeys={existingPropertyKeys}\n          property={editingProperty}\n          isRequired={editingIsRequired}\n          context={editingContext}\n          isUsedInSteps={editingIsUsedInSteps}\n          onClose={() => setEditingPropertyKey(null)}\n          onUpdate={patch => {\n            if (editingPropertyKey)\n              handleUpdateProperty(editingPropertyKey, patch)\n          }}\n          onRenameKey={newKey => {\n            if (editingPropertyKey)\n              renamePropertyKey(editingPropertyKey, newKey)\n          }}\n          onReplace={next => {\n            if (editingPropertyKey)\n              handleReplaceProperty(editingPropertyKey, next)\n          }}\n          onChangeRequired={isReq => {\n            if (editingPropertyKey)\n              handleChangeRequired(editingPropertyKey, isReq)\n          }}\n          onChangeContext={context => {\n            if (editingPropertyKey)\n              handleChangeContext(editingPropertyKey, context)\n          }}\n          onRemove={() => {\n            if (editingPropertyKey) handleRemoveProperty(editingPropertyKey)\n          }}\n        />\n      </Paper>\n\n      <DragOverlay>\n        {source => {\n          if (source.type !== FIELD_DRAG_TYPE) return null\n          const propertyKey = readFieldDragData(source.data)\n          if (!propertyKey) return null\n          const property = resolveSchemaPropertyAtPointer(\n            jsonSchema,\n            propertyKeyToPointer(propertyKey),\n          )?.subSchema\n          if (!property) return null\n          return (\n            <Paper\n              elevation={6}\n              sx={{ p: 1.25, cursor: 'grabbing', opacity: 0.95 }}\n            >\n              <Typography variant=\"body2\" fontWeight={500}>\n                {property.title || propertyKey}\n              </Typography>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {fieldTypeLabel(detectFieldType(property))}\n              </Typography>\n            </Paper>\n          )\n        }}\n      </DragOverlay>\n    </DragDropProvider>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepCard.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/StepCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,gBAAgB,EACjB,MAAM,kCAAkC,CAAA;AAmBzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,OAAO,EAGL,sBAAsB,EAEvB,MAAM,sCAAsC,CAAA;AAa7C,OAAO,EAAoB,wBAAwB,EAAY,MAAM,SAAS,CAAA;AAS9E,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,wBAAwB,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,4DAA4D;IAC5D,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,UAAU,CAAA;IACtB,iGAAiG;IACjG,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,wDAAwD;IACxD,eAAe,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,eAAe,EACf,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAoNf"}
+{"version":3,"file":"StepCard.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/StepCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,gBAAgB,EACjB,MAAM,kCAAkC,CAAA;AAiBzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,OAAO,EAGL,sBAAsB,EAEvB,MAAM,sCAAsC,CAAA;AAa7C,OAAO,EAAoB,wBAAwB,EAAY,MAAM,SAAS,CAAA;AAS9E,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,wBAAwB,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,4DAA4D;IAC5D,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,UAAU,CAAA;IACtB,iGAAiG;IACjG,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,wDAAwD;IACxD,eAAe,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,eAAe,EACf,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAoNf"}

package/dist/components/FormTemplateEditor/StepCard.js

@@ -8,9 +8,14 @@ import { BIND_FIELD_LABEL as m } from "./utils.js";
 import { useState as h } from "react";
 import { Box as g, Collapse as _, IconButton as v, MenuItem as y, Paper as b, Stack as ee, TextField as x, Typography as S } from "@mui/material";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { ArrowDownward as T, ArrowUpward as E, Delete as D, DragIndicator as O, ExpandLess as k, ExpandMore as A } from "@mui/icons-material";
-import j from "pluralize";
-import { useDroppable as M } from "@dnd-kit/react";
+import T from "@mui/icons-material/ExpandLess";
+import E from "@mui/icons-material/ExpandMore";
+import D from "@mui/icons-material/ArrowDownward";
+import O from "@mui/icons-material/ArrowUpward";
+import k from "pluralize";
+import A from "@mui/icons-material/Delete";
+import { useDroppable as j } from "@dnd-kit/react";
+import M from "@mui/icons-material/DragIndicator";
 import { useSortable as N } from "@dnd-kit/react/sortable";
 //#region src/components/FormTemplateEditor/StepCard.tsx
 var P = 1;
@@ -21,7 +26,7 @@ function F({ step: F, stepIndex: I, isFirst: te, isLast: L, unboundProperties: R
 		group: s,
 		type: c,
 		accept: [c, a]
-	}), { ref: ne, isDropTarget: re } = M({
+	}), { ref: ne, isDropTarget: re } = j({
 		id: l(F),
 		accept: o,
 		collisionPriority: P
@@ -34,7 +39,7 @@ function F({ step: F, stepIndex: I, isFirst: te, isLast: L, unboundProperties: R
 		H({ fields: e(F.fields, t, n) });
 	}, ae = (e) => {
 		H({ fields: F.fields.filter((t, n) => n !== e) });
-	}, oe = j("field", F.fields.length, !0);
+	}, oe = k("field", F.fields.length, !0);
 	return /* @__PURE__ */ w(b, {
 		ref: Y,
 		variant: "outlined",
@@ -56,13 +61,13 @@ function F({ step: F, stepIndex: I, isFirst: te, isLast: L, unboundProperties: R
 					"aria-label": "Drag to reorder step",
 					className: i.dragHandle,
 					sx: { color: "text.secondary" },
-					children: /* @__PURE__ */ C(O, { fontSize: "small" })
+					children: /* @__PURE__ */ C(M, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ C(v, {
 					size: "small",
 					onClick: () => J((e) => !e),
 					"aria-label": q ? "Collapse step" : "Expand step",
-					children: C(q ? k : A, { fontSize: "small" })
+					children: C(q ? T : E, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ w(g, {
 					sx: {
@@ -90,20 +95,20 @@ function F({ step: F, stepIndex: I, isFirst: te, isLast: L, unboundProperties: R
 					disabled: te,
 					onClick: W,
 					"aria-label": "Move step up",
-					children: /* @__PURE__ */ C(E, { fontSize: "small" })
+					children: /* @__PURE__ */ C(O, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ C(v, {
 					size: "small",
 					disabled: L,
 					onClick: G,
 					"aria-label": "Move step down",
-					children: /* @__PURE__ */ C(T, { fontSize: "small" })
+					children: /* @__PURE__ */ C(D, { fontSize: "small" })
 				}),
 				/* @__PURE__ */ C(v, {
 					size: "small",
 					onClick: K,
 					"aria-label": "Remove step",
-					children: /* @__PURE__ */ C(D, { fontSize: "small" })
+					children: /* @__PURE__ */ C(A, { fontSize: "small" })
 				})
 			]
 		}), /* @__PURE__ */ C(_, {

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

@@ -1 +1 @@
-{"version":3,"file":"StepCard.js","names":[],"sources":["../../../src/components/FormTemplateEditor/StepCard.tsx"],"sourcesContent":["import { useDroppable } from '@dnd-kit/react'\nimport { useSortable } from '@dnd-kit/react/sortable'\nimport {\n  FormTemplateField,\n  FormTemplateStep,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Collapse,\n  IconButton,\n  MenuItem,\n  Paper,\n  Stack,\n  TextField,\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 pluralize from 'pluralize'\nimport { useState } from 'react'\nimport {\n  pointerToPropertyKey,\n  propertyKeyToPointer,\n  ResolvedSchemaProperty,\n  resolveSchemaPropertyAtPointer,\n} from '@/utils/jsonschema/submissionContext'\nimport dragHandleStyles from './dragHandle.module.scss'\nimport dropTargetStyles from './dropTarget.module.scss'\nimport { StepFieldRow } from './StepFieldRow'\nimport {\n  FIELD_DRAG_TYPE,\n  slotGroupId,\n  SLOT_SORTABLE_TYPE,\n  slotSortableId,\n  stepSortableId,\n  STEP_SORTABLE_GROUP,\n  STEP_SORTABLE_TYPE,\n} from './sortableIds'\nimport { BIND_FIELD_LABEL, EditableFormTemplateStep, moveItem } from './utils'\n\n/**\n * The slot list must lose to the slot rows inside it so that dragging over a populated step\n * targets a row (which resolves to a precise insertion index) and only an empty or below-the-last-\n * row region falls through to the list itself.\n */\nconst SLOT_LIST_COLLISION_PRIORITY = 1\n\nexport type StepCardProps = {\n  step: EditableFormTemplateStep\n  stepIndex: number\n  isFirst: boolean\n  isLast: boolean\n  /** Properties not yet bound to any step in the template. */\n  unboundProperties: ResolvedSchemaProperty[]\n  /** The full JSON Schema, used to resolve display labels for slot rows. */\n  jsonSchema: RJSFSchema\n  /** The FormTemplate's id, if it has been saved. Threaded down to file-field template uploads. */\n  formTemplateId: string | undefined\n  /** If true, render expanded by default (first step). */\n  defaultExpanded: boolean\n  onChange: (patch: Partial<FormTemplateStep>) => void\n  onBindField: (propertyKey: string) => void\n  onMoveUp: () => void\n  onMoveDown: () => void\n  onRemove: () => void\n}\n\nexport function StepCard({\n  step,\n  stepIndex,\n  isFirst,\n  isLast,\n  unboundProperties,\n  jsonSchema,\n  formTemplateId,\n  defaultExpanded,\n  onChange,\n  onBindField,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: StepCardProps) {\n  const [expanded, setExpanded] = useState(defaultExpanded)\n\n  // Step is sortable within its group, and also accepts field drops to bind.\n  const { ref, handleRef, isDragging, isDropTarget } = useSortable({\n    id: stepSortableId(step),\n    index: stepIndex,\n    group: STEP_SORTABLE_GROUP,\n    type: STEP_SORTABLE_TYPE,\n    accept: [STEP_SORTABLE_TYPE, FIELD_DRAG_TYPE],\n  })\n\n  // The slot list is the drop target for slots dragged in from another step, which is the only\n  // way to reach a step whose list is empty and therefore has no slot rows to target.\n  const { ref: slotListRef, isDropTarget: isSlotDropTarget } = useDroppable({\n    id: slotGroupId(step),\n    accept: SLOT_SORTABLE_TYPE,\n    collisionPriority: SLOT_LIST_COLLISION_PRIORITY,\n  })\n\n  const handleFieldChange = (\n    fieldIdx: number,\n    patch: Partial<FormTemplateField>,\n  ) => {\n    onChange({\n      fields: step.fields.map((f, i) =>\n        i === fieldIdx ? { ...f, ...patch } : f,\n      ),\n    })\n  }\n\n  const handleFieldMove = (fieldIdx: number, direction: -1 | 1) => {\n    onChange({ fields: moveItem(step.fields, fieldIdx, direction) })\n  }\n\n  const handleFieldRemove = (fieldIdx: number) => {\n    onChange({ fields: step.fields.filter((_, i) => i !== fieldIdx) })\n  }\n\n  const fieldCountLabel = pluralize('field', step.fields.length, true)\n\n  return (\n    <Paper\n      ref={ref}\n      variant=\"outlined\"\n      className={`${dropTargetStyles.dropTarget} ${dragHandleStyles.dragSource}`}\n      data-drop-target={isDropTarget}\n      data-dragging={isDragging}\n      sx={{ p: 1.5 }}\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 step\"\n          className={dragHandleStyles.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 step' : 'Expand step'}\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\" fontWeight={500} noWrap>\n            Step {stepIndex + 1}: {step.title || '(untitled)'}\n          </Typography>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {fieldCountLabel}\n          </Typography>\n        </Box>\n        <IconButton\n          size=\"small\"\n          disabled={isFirst}\n          onClick={onMoveUp}\n          aria-label=\"Move step up\"\n        >\n          <UpIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton\n          size=\"small\"\n          disabled={isLast}\n          onClick={onMoveDown}\n          aria-label=\"Move step down\"\n        >\n          <DownIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton size=\"small\" onClick={onRemove} aria-label=\"Remove step\">\n          <DeleteIcon fontSize=\"small\" />\n        </IconButton>\n      </Box>\n\n      <Collapse in={expanded} unmountOnExit>\n        <Box sx={{ pt: 1.5 }}>\n          <TextField\n            label=\"Title\"\n            value={step.title}\n            onChange={e => onChange({ title: e.target.value })}\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 1 }}\n          />\n          <TextField\n            label=\"Description\"\n            value={step.description ?? ''}\n            onChange={e => onChange({ description: e.target.value })}\n            size=\"small\"\n            multiline\n            rows={2}\n            fullWidth\n            sx={{ mb: 1.5 }}\n          />\n\n          <Box\n            ref={slotListRef}\n            className={dropTargetStyles.dropTarget}\n            data-drop-target={isSlotDropTarget}\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 1,\n              mb: 1,\n              p: 0.5,\n              borderRadius: 1,\n            }}\n          >\n            {step.fields.length === 0 ? (\n              <Typography\n                variant=\"caption\"\n                color=\"text.secondary\"\n                sx={{ p: 1 }}\n              >\n                Drag a field here, or bind one below.\n              </Typography>\n            ) : (\n              step.fields.map((field, fieldIdx) => {\n                const resolved = resolveSchemaPropertyAtPointer(\n                  jsonSchema,\n                  field.schemaPath,\n                )\n                return (\n                  <StepFieldRow\n                    key={field.schemaPath}\n                    sortableId={slotSortableId(field)}\n                    sortableIndex={fieldIdx}\n                    sortableGroup={slotGroupId(step)}\n                    field={field}\n                    resolvedProperty={resolved?.subSchema}\n                    context={resolved?.context ?? 'ALWAYS'}\n                    propertyKey={\n                      pointerToPropertyKey(field.schemaPath) ?? field.schemaPath\n                    }\n                    isFirst={fieldIdx === 0}\n                    isLast={fieldIdx === step.fields.length - 1}\n                    formTemplateId={formTemplateId}\n                    onChange={patch => handleFieldChange(fieldIdx, patch)}\n                    onMoveUp={() => handleFieldMove(fieldIdx, -1)}\n                    onMoveDown={() => handleFieldMove(fieldIdx, 1)}\n                    onRemove={() => handleFieldRemove(fieldIdx)}\n                  />\n                )\n              })\n            )}\n          </Box>\n\n          <Stack spacing={1}>\n            <TextField\n              select\n              size=\"small\"\n              label={BIND_FIELD_LABEL}\n              value=\"\"\n              onChange={e => {\n                if (e.target.value) onBindField(e.target.value)\n              }}\n              disabled={unboundProperties.length === 0}\n              helperText={\n                unboundProperties.length === 0\n                  ? 'All fields are bound to a step.'\n                  : 'Add a field from the library to this step.'\n              }\n            >\n              {unboundProperties.length === 0 ? (\n                <MenuItem value=\"\" disabled>\n                  All fields bound\n                </MenuItem>\n              ) : (\n                unboundProperties.map(p => {\n                  const pointer = propertyKeyToPointer(p.propertyKey)\n                  return (\n                    <MenuItem key={p.propertyKey} value={p.propertyKey}>\n                      {p.subSchema.title\n                        ? `${p.subSchema.title} (${pointer})`\n                        : pointer}\n                    </MenuItem>\n                  )\n                })\n              )}\n            </TextField>\n          </Stack>\n        </Box>\n      </Collapse>\n    </Paper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepCard.js","names":[],"sources":["../../../src/components/FormTemplateEditor/StepCard.tsx"],"sourcesContent":["import { useDroppable } from '@dnd-kit/react'\nimport { useSortable } from '@dnd-kit/react/sortable'\nimport {\n  FormTemplateField,\n  FormTemplateStep,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Collapse,\n  IconButton,\n  MenuItem,\n  Paper,\n  Stack,\n  TextField,\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 pluralize from 'pluralize'\nimport { useState } from 'react'\nimport {\n  pointerToPropertyKey,\n  propertyKeyToPointer,\n  ResolvedSchemaProperty,\n  resolveSchemaPropertyAtPointer,\n} from '@/utils/jsonschema/submissionContext'\nimport dragHandleStyles from './dragHandle.module.scss'\nimport dropTargetStyles from './dropTarget.module.scss'\nimport { StepFieldRow } from './StepFieldRow'\nimport {\n  FIELD_DRAG_TYPE,\n  slotGroupId,\n  SLOT_SORTABLE_TYPE,\n  slotSortableId,\n  stepSortableId,\n  STEP_SORTABLE_GROUP,\n  STEP_SORTABLE_TYPE,\n} from './sortableIds'\nimport { BIND_FIELD_LABEL, EditableFormTemplateStep, moveItem } from './utils'\n\n/**\n * The slot list must lose to the slot rows inside it so that dragging over a populated step\n * targets a row (which resolves to a precise insertion index) and only an empty or below-the-last-\n * row region falls through to the list itself.\n */\nconst SLOT_LIST_COLLISION_PRIORITY = 1\n\nexport type StepCardProps = {\n  step: EditableFormTemplateStep\n  stepIndex: number\n  isFirst: boolean\n  isLast: boolean\n  /** Properties not yet bound to any step in the template. */\n  unboundProperties: ResolvedSchemaProperty[]\n  /** The full JSON Schema, used to resolve display labels for slot rows. */\n  jsonSchema: RJSFSchema\n  /** The FormTemplate's id, if it has been saved. Threaded down to file-field template uploads. */\n  formTemplateId: string | undefined\n  /** If true, render expanded by default (first step). */\n  defaultExpanded: boolean\n  onChange: (patch: Partial<FormTemplateStep>) => void\n  onBindField: (propertyKey: string) => void\n  onMoveUp: () => void\n  onMoveDown: () => void\n  onRemove: () => void\n}\n\nexport function StepCard({\n  step,\n  stepIndex,\n  isFirst,\n  isLast,\n  unboundProperties,\n  jsonSchema,\n  formTemplateId,\n  defaultExpanded,\n  onChange,\n  onBindField,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: StepCardProps) {\n  const [expanded, setExpanded] = useState(defaultExpanded)\n\n  // Step is sortable within its group, and also accepts field drops to bind.\n  const { ref, handleRef, isDragging, isDropTarget } = useSortable({\n    id: stepSortableId(step),\n    index: stepIndex,\n    group: STEP_SORTABLE_GROUP,\n    type: STEP_SORTABLE_TYPE,\n    accept: [STEP_SORTABLE_TYPE, FIELD_DRAG_TYPE],\n  })\n\n  // The slot list is the drop target for slots dragged in from another step, which is the only\n  // way to reach a step whose list is empty and therefore has no slot rows to target.\n  const { ref: slotListRef, isDropTarget: isSlotDropTarget } = useDroppable({\n    id: slotGroupId(step),\n    accept: SLOT_SORTABLE_TYPE,\n    collisionPriority: SLOT_LIST_COLLISION_PRIORITY,\n  })\n\n  const handleFieldChange = (\n    fieldIdx: number,\n    patch: Partial<FormTemplateField>,\n  ) => {\n    onChange({\n      fields: step.fields.map((f, i) =>\n        i === fieldIdx ? { ...f, ...patch } : f,\n      ),\n    })\n  }\n\n  const handleFieldMove = (fieldIdx: number, direction: -1 | 1) => {\n    onChange({ fields: moveItem(step.fields, fieldIdx, direction) })\n  }\n\n  const handleFieldRemove = (fieldIdx: number) => {\n    onChange({ fields: step.fields.filter((_, i) => i !== fieldIdx) })\n  }\n\n  const fieldCountLabel = pluralize('field', step.fields.length, true)\n\n  return (\n    <Paper\n      ref={ref}\n      variant=\"outlined\"\n      className={`${dropTargetStyles.dropTarget} ${dragHandleStyles.dragSource}`}\n      data-drop-target={isDropTarget}\n      data-dragging={isDragging}\n      sx={{ p: 1.5 }}\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 step\"\n          className={dragHandleStyles.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 step' : 'Expand step'}\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\" fontWeight={500} noWrap>\n            Step {stepIndex + 1}: {step.title || '(untitled)'}\n          </Typography>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {fieldCountLabel}\n          </Typography>\n        </Box>\n        <IconButton\n          size=\"small\"\n          disabled={isFirst}\n          onClick={onMoveUp}\n          aria-label=\"Move step up\"\n        >\n          <UpIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton\n          size=\"small\"\n          disabled={isLast}\n          onClick={onMoveDown}\n          aria-label=\"Move step down\"\n        >\n          <DownIcon fontSize=\"small\" />\n        </IconButton>\n        <IconButton size=\"small\" onClick={onRemove} aria-label=\"Remove step\">\n          <DeleteIcon fontSize=\"small\" />\n        </IconButton>\n      </Box>\n\n      <Collapse in={expanded} unmountOnExit>\n        <Box sx={{ pt: 1.5 }}>\n          <TextField\n            label=\"Title\"\n            value={step.title}\n            onChange={e => onChange({ title: e.target.value })}\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 1 }}\n          />\n          <TextField\n            label=\"Description\"\n            value={step.description ?? ''}\n            onChange={e => onChange({ description: e.target.value })}\n            size=\"small\"\n            multiline\n            rows={2}\n            fullWidth\n            sx={{ mb: 1.5 }}\n          />\n\n          <Box\n            ref={slotListRef}\n            className={dropTargetStyles.dropTarget}\n            data-drop-target={isSlotDropTarget}\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 1,\n              mb: 1,\n              p: 0.5,\n              borderRadius: 1,\n            }}\n          >\n            {step.fields.length === 0 ? (\n              <Typography\n                variant=\"caption\"\n                color=\"text.secondary\"\n                sx={{ p: 1 }}\n              >\n                Drag a field here, or bind one below.\n              </Typography>\n            ) : (\n              step.fields.map((field, fieldIdx) => {\n                const resolved = resolveSchemaPropertyAtPointer(\n                  jsonSchema,\n                  field.schemaPath,\n                )\n                return (\n                  <StepFieldRow\n                    key={field.schemaPath}\n                    sortableId={slotSortableId(field)}\n                    sortableIndex={fieldIdx}\n                    sortableGroup={slotGroupId(step)}\n                    field={field}\n                    resolvedProperty={resolved?.subSchema}\n                    context={resolved?.context ?? 'ALWAYS'}\n                    propertyKey={\n                      pointerToPropertyKey(field.schemaPath) ?? field.schemaPath\n                    }\n                    isFirst={fieldIdx === 0}\n                    isLast={fieldIdx === step.fields.length - 1}\n                    formTemplateId={formTemplateId}\n                    onChange={patch => handleFieldChange(fieldIdx, patch)}\n                    onMoveUp={() => handleFieldMove(fieldIdx, -1)}\n                    onMoveDown={() => handleFieldMove(fieldIdx, 1)}\n                    onRemove={() => handleFieldRemove(fieldIdx)}\n                  />\n                )\n              })\n            )}\n          </Box>\n\n          <Stack spacing={1}>\n            <TextField\n              select\n              size=\"small\"\n              label={BIND_FIELD_LABEL}\n              value=\"\"\n              onChange={e => {\n                if (e.target.value) onBindField(e.target.value)\n              }}\n              disabled={unboundProperties.length === 0}\n              helperText={\n                unboundProperties.length === 0\n                  ? 'All fields are bound to a step.'\n                  : 'Add a field from the library to this step.'\n              }\n            >\n              {unboundProperties.length === 0 ? (\n                <MenuItem value=\"\" disabled>\n                  All fields bound\n                </MenuItem>\n              ) : (\n                unboundProperties.map(p => {\n                  const pointer = propertyKeyToPointer(p.propertyKey)\n                  return (\n                    <MenuItem key={p.propertyKey} value={p.propertyKey}>\n                      {p.subSchema.title\n                        ? `${p.subSchema.title} (${pointer})`\n                        : pointer}\n                    </MenuItem>\n                  )\n                })\n              )}\n            </TextField>\n          </Stack>\n        </Box>\n      </Collapse>\n    </Paper>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepFieldRow.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/StepFieldRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAmBpE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EACL,qBAAqB,EAEtB,MAAM,sCAAsC,CAAA;AAM7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uEAAuE;IACvE,UAAU,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAA;IACrB,+DAA+D;IAC/D,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,iBAAiB,CAAA;IACxB,qEAAqE;IACrE,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAA;IACxC;4DACwD;IACxD,OAAO,EAAE,qBAAqB,CAAA;IAC9B,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,6FAA6F;IAC7F,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACrD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,aAAa,EACb,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,EACN,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,iBAAiB,2CA4HnB"}
+{"version":3,"file":"StepFieldRow.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/StepFieldRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAiBpE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EACL,qBAAqB,EAEtB,MAAM,sCAAsC,CAAA;AAM7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uEAAuE;IACvE,UAAU,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAA;IACrB,+DAA+D;IAC/D,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,iBAAiB,CAAA;IACxB,qEAAqE;IACrE,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAA;IACxC;4DACwD;IACxD,OAAO,EAAE,qBAAqB,CAAA;IAC9B,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,6FAA6F;IAC7F,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACrD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,aAAa,EACb,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,EACN,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,iBAAiB,2CA4HnB"}