synapse-react-client 4.0.40 → 4.0.41

package/dist/components/DataGrid/components/ReorderColumnsDialog.js

@@ -1,31 +1,28 @@
-import { ConfirmationDialog as e } from "../../ConfirmationDialog/ConfirmationDialog.js";
+import { moveItem as e } from "../../../utils/functions/ArrayUtils.js";
+import { ConfirmationDialog as t } from "../../ConfirmationDialog/ConfirmationDialog.js";
 import "../../ConfirmationDialog/index.js";
-import { collectTopLevelProperties as t } from "../../../utils/jsonschema/collectTopLevelProperties.js";
-import { computeDefaultColumnOrder as n } from "../utils/computeDefaultColumnOrder.js";
-import { useState as r } from "react";
-import { Box as i, Button as a, IconButton as o, List as s, ListItem as ee, ListItemText as c, Stack as l, Typography as te } from "@mui/material";
+import { collectTopLevelProperties as n } from "../../../utils/jsonschema/collectTopLevelProperties.js";
+import { computeDefaultColumnOrder as r } from "../utils/computeDefaultColumnOrder.js";
+import { useState as i } from "react";
+import { Box as a, Button as ee, IconButton as o, List as te, ListItem as s, ListItemText as c, Stack as l, Typography as ne } from "@mui/material";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import f from "lodash-es/isEqual";
-import { DeleteOutline as p, North as m, RestartAlt as ne, RestoreFromTrash as re, South as ie } from "@mui/icons-material";
+import re from "lodash-es/isEqual";
+import { DeleteOutline as f, North as p, RestartAlt as m, RestoreFromTrash as h, South as ie } from "@mui/icons-material";
 import { c as ae } from "react/compiler-runtime";
 //#region src/components/DataGrid/components/ReorderColumnsDialog.tsx
-function h(e, t, n) {
-	let r = [...e], [i] = r.splice(t, 1);
-	return r.splice(n, 0, i), r;
-}
 function g(g) {
 	let _ = ae(57), { open: v, columnNames: y, columnOrder: b, jsonSchema: x, upsertKey: S, canRemoveColumns: C, onSave: w, onCancel: T } = g, E = C === void 0 ? !1 : C, D, O, k;
-	_[0] !== E || _[1] !== y || _[2] !== b ? (D = E ? y.map(oe).filter((e) => !b.includes(e)) : [], O = r, k = [...b, ...D], _[0] = E, _[1] = y, _[2] = b, _[3] = D, _[4] = O, _[5] = k) : (D = _[3], O = _[4], k = _[5]);
-	let [A, j] = O(k), [M, N] = r(D), P;
-	_[6] !== y || _[7] !== x || _[8] !== S ? (P = n(y, x, S), _[6] = y, _[7] = x, _[8] = S, _[9] = P) : P = _[9];
+	_[0] !== E || _[1] !== y || _[2] !== b ? (D = E ? y.map(oe).filter((e) => !b.includes(e)) : [], O = i, k = [...b, ...D], _[0] = E, _[1] = y, _[2] = b, _[3] = D, _[4] = O, _[5] = k) : (D = _[3], O = _[4], k = _[5]);
+	let [A, j] = O(k), [M, N] = i(D), P;
+	_[6] !== y || _[7] !== x || _[8] !== S ? (P = r(y, x, S), _[6] = y, _[7] = x, _[8] = S, _[9] = P) : P = _[9];
 	let F = P, I = A.length - M.length, L;
-	_[10] !== F || _[11] !== M.length || _[12] !== A ? (L = f(A, F) && M.length === 0, _[10] = F, _[11] = M.length, _[12] = A, _[13] = L) : L = _[13];
+	_[10] !== F || _[11] !== M.length || _[12] !== A ? (L = re(A, F) && M.length === 0, _[10] = F, _[11] = M.length, _[12] = A, _[13] = L) : L = _[13];
 	let R = L, z;
-	_[14] === x ? z = _[15] : (z = t(x), _[14] = x, _[15] = z);
+	_[14] === x ? z = _[15] : (z = n(x), _[14] = x, _[15] = z);
 	let B = z, V;
 	_[16] === B ? V = _[17] : (V = (e) => Object.hasOwn(B, e), _[16] = B, _[17] = V);
 	let H = V, U;
-	_[18] === E ? U = _[19] : (U = E && /* @__PURE__ */ u(te, {
+	_[18] === E ? U = _[19] : (U = E && /* @__PURE__ */ u(ne, {
 		variant: "body2",
 		color: "text.secondary",
 		sx: { mb: 1 },
@@ -38,15 +35,15 @@ function g(g) {
 		mb: 1
 	}, _[20] = W) : W = _[20];
 	let G;
-	_[21] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ u(ne, {}), _[21] = G) : G = _[21];
+	_[21] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ u(m, {}), _[21] = G) : G = _[21];
 	let K;
 	_[22] === F ? K = _[23] : (K = () => {
 		j(F), N([]);
 	}, _[22] = F, _[23] = K);
 	let q;
-	_[24] !== R || _[25] !== K ? (q = /* @__PURE__ */ u(i, {
+	_[24] !== R || _[25] !== K ? (q = /* @__PURE__ */ u(a, {
 		sx: W,
-		children: /* @__PURE__ */ u(a, {
+		children: /* @__PURE__ */ u(ee, {
 			variant: "text",
 			startIcon: G,
 			onClick: K,
@@ -56,55 +53,55 @@ function g(g) {
 	}), _[24] = R, _[25] = K, _[26] = q) : q = _[26];
 	let J;
 	if (_[27] !== I || _[28] !== E || _[29] !== y || _[30] !== H || _[31] !== M || _[32] !== A) {
-		let e;
-		_[34] !== I || _[35] !== E || _[36] !== y || _[37] !== H || _[38] !== M || _[39] !== A.length ? (e = (e, t) => {
-			let n = y[e], r = M.includes(e);
-			return /* @__PURE__ */ u(ee, {
+		let t;
+		_[34] !== I || _[35] !== E || _[36] !== y || _[37] !== H || _[38] !== M || _[39] !== A.length ? (t = (t, n) => {
+			let r = y[t], i = M.includes(t);
+			return /* @__PURE__ */ u(s, {
 				divider: !0,
-				sx: r ? { opacity: .5 } : void 0,
+				sx: i ? { opacity: .5 } : void 0,
 				secondaryAction: /* @__PURE__ */ d(l, {
 					direction: "row",
 					spacing: .5,
 					children: [
-						E && (r ? /* @__PURE__ */ u(o, {
-							"aria-label": `Restore ${n}`,
+						E && (i ? /* @__PURE__ */ u(o, {
+							"aria-label": `Restore ${r}`,
 							size: "small",
-							onClick: () => N((t) => t.filter((t) => t !== e)),
-							children: /* @__PURE__ */ u(re, { fontSize: "small" })
-						}) : !H(n) && /* @__PURE__ */ u(o, {
-							"aria-label": `Remove ${n}`,
+							onClick: () => N((e) => e.filter((e) => e !== t)),
+							children: /* @__PURE__ */ u(h, { fontSize: "small" })
+						}) : !H(r) && /* @__PURE__ */ u(o, {
+							"aria-label": `Remove ${r}`,
 							size: "small",
 							disabled: I <= 1,
-							onClick: () => N((t) => [...t, e]),
-							children: /* @__PURE__ */ u(p, { fontSize: "small" })
+							onClick: () => N((e) => [...e, t]),
+							children: /* @__PURE__ */ u(f, { fontSize: "small" })
 						})),
 						/* @__PURE__ */ u(o, {
-							"aria-label": `Move ${n} up`,
+							"aria-label": `Move ${r} up`,
 							size: "small",
-							disabled: r || t === 0,
-							onClick: () => j((e) => h(e, t, t - 1)),
-							children: /* @__PURE__ */ u(m, { fontSize: "small" })
+							disabled: i || n === 0,
+							onClick: () => j((t) => e(t, n, -1)),
+							children: /* @__PURE__ */ u(p, { fontSize: "small" })
 						}),
 						/* @__PURE__ */ u(o, {
-							"aria-label": `Move ${n} down`,
+							"aria-label": `Move ${r} down`,
 							size: "small",
-							disabled: r || t === A.length - 1,
-							onClick: () => j((e) => h(e, t, t + 1)),
+							disabled: i || n === A.length - 1,
+							onClick: () => j((t) => e(t, n, 1)),
 							children: /* @__PURE__ */ u(ie, { fontSize: "small" })
 						})
 					]
 				}),
-				children: /* @__PURE__ */ u(c, { primary: n })
-			}, e);
-		}, _[34] = I, _[35] = E, _[36] = y, _[37] = H, _[38] = M, _[39] = A.length, _[40] = e) : e = _[40], J = A.map(e), _[27] = I, _[28] = E, _[29] = y, _[30] = H, _[31] = M, _[32] = A, _[33] = J;
+				children: /* @__PURE__ */ u(c, { primary: r })
+			}, t);
+		}, _[34] = I, _[35] = E, _[36] = y, _[37] = H, _[38] = M, _[39] = A.length, _[40] = t) : t = _[40], J = A.map(t), _[27] = I, _[28] = E, _[29] = y, _[30] = H, _[31] = M, _[32] = A, _[33] = J;
 	} else J = _[33];
 	let Y;
-	_[41] === J ? Y = _[42] : (Y = /* @__PURE__ */ u(s, {
+	_[41] === J ? Y = _[42] : (Y = /* @__PURE__ */ u(te, {
 		disablePadding: !0,
 		children: J
 	}), _[41] = J, _[42] = Y);
 	let X;
-	_[43] !== q || _[44] !== Y || _[45] !== U ? (X = /* @__PURE__ */ d(i, { children: [
+	_[43] !== q || _[44] !== Y || _[45] !== U ? (X = /* @__PURE__ */ d(a, { children: [
 		U,
 		q,
 		Y
@@ -114,7 +111,7 @@ function g(g) {
 	let Q;
 	_[48] !== w || _[49] !== M || _[50] !== A ? (Q = () => w(A.filter((e) => !M.includes(e))), _[48] = w, _[49] = M, _[50] = A, _[51] = Q) : Q = _[51];
 	let $;
-	return _[52] !== T || _[53] !== v || _[54] !== X || _[55] !== Q ? ($ = /* @__PURE__ */ u(e, {
+	return _[52] !== T || _[53] !== v || _[54] !== X || _[55] !== Q ? ($ = /* @__PURE__ */ u(t, {
 		open: v,
 		title: "Reorder Columns",
 		content: X,

package/dist/components/DataGrid/components/ReorderColumnsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderColumnsDialog.js","names":["ConfirmationDialog","computeDefaultColumnOrder","collectTopLevelProperties","DeleteOutline","North","RestartAlt","RestoreFromTrash","South","Box","Button","IconButton","List","ListItem","ListItemText","Stack","Typography","JSONSchema7","isEqual","useMemo","useState","ReorderColumnsDialogProps","open","columnNames","columnOrder","jsonSchema","upsertKey","canRemoveColumns","onSave","newColumnOrder","onCancel","moveItem","order","from","to","next","moved","splice","ReorderColumnsDialog","props","$","_c","t0","undefined","previouslyRemovedColumnIndices","t1","t2","map","_temp","filter","index_0","includes","index","workingOrder","setWorkingOrder","removedColumnIndices","setRemovedColumnIndices","t3","defaultOrder","activeColumnCount","length","t4","isAtDefault","t5","schemaProperties","t6","columnName","Object","hasOwn","isSchemaColumn","t7","mb","t8","Symbol","for","display","justifyContent","t9","t10","t11","t12","t13","colIndex","displayIndex","columnName_0","isRemoved","opacity","indices","index_1","indices_0","order_0","t14","t15","children","t16","index_2","t17","_"],"sources":["../../../../src/components/DataGrid/components/ReorderColumnsDialog.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { computeDefaultColumnOrder } from '@/components/DataGrid/utils/computeDefaultColumnOrder'\nimport { collectTopLevelProperties } from '@/utils/jsonschema/collectTopLevelProperties'\nimport {\n  DeleteOutline,\n  North,\n  RestartAlt,\n  RestoreFromTrash,\n  South,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemText,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { JSONSchema7 } from 'json-schema'\nimport isEqual from 'lodash-es/isEqual'\nimport { useMemo, useState } from 'react'\n\nexport type ReorderColumnsDialogProps = {\n  open: boolean\n  columnNames: string[]\n  columnOrder: number[]\n  jsonSchema: JSONSchema7 | undefined\n  upsertKey?: string[]\n  /** Recordset-sourced grids only -- views do not support hiding/removing columns from display. */\n  canRemoveColumns?: boolean\n  onSave: (newColumnOrder: number[]) => void\n  onCancel: () => void\n}\n\nfunction moveItem(order: number[], from: number, to: number): number[] {\n  const next = [...order]\n  const [moved] = next.splice(from, 1)\n  next.splice(to, 0, moved)\n  return next\n}\n\nexport default function ReorderColumnsDialog(props: ReorderColumnsDialogProps) {\n  const {\n    open,\n    columnNames,\n    columnOrder,\n    jsonSchema,\n    upsertKey,\n    canRemoveColumns = false,\n    onSave,\n    onCancel,\n  } = props\n\n  // Columns previously removed (and saved) are absent from columnOrder entirely, but their\n  // identity index still exists in columnNames -- surface them so they can be restored.\n  const previouslyRemovedColumnIndices = canRemoveColumns\n    ? columnNames\n        .map((_, index) => index)\n        .filter(index => !columnOrder.includes(index))\n    : []\n\n  const [workingOrder, setWorkingOrder] = useState<number[]>([\n    ...columnOrder,\n    ...previouslyRemovedColumnIndices,\n  ])\n  const [removedColumnIndices, setRemovedColumnIndices] = useState<number[]>(\n    previouslyRemovedColumnIndices,\n  )\n\n  const defaultOrder = useMemo(\n    () => computeDefaultColumnOrder(columnNames, jsonSchema, upsertKey),\n    [columnNames, jsonSchema, upsertKey],\n  )\n\n  const activeColumnCount = workingOrder.length - removedColumnIndices.length\n  const isAtDefault =\n    isEqual(workingOrder, defaultOrder) && removedColumnIndices.length === 0\n\n  // Only columns that aren't part of the JSON schema can be removed -- schema-defined\n  // columns are required for validation/upsert and shouldn't be hidden from the grid.\n  // Properties inherited through $ref/allOf/etc. count, matching how the backend resolves\n  // a RecordSet's schema columns.\n  const schemaProperties = useMemo(\n    () => collectTopLevelProperties(jsonSchema),\n    [jsonSchema],\n  )\n  const isSchemaColumn = (columnName: string) =>\n    Object.hasOwn(schemaProperties, columnName)\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Reorder Columns\"\n      content={\n        <Box>\n          {canRemoveColumns && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 1 }}>\n              Only columns that are not part of the schema can be removed.\n            </Typography>\n          )}\n          <Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 1 }}>\n            <Button\n              variant=\"text\"\n              startIcon={<RestartAlt />}\n              onClick={() => {\n                setWorkingOrder(defaultOrder)\n                setRemovedColumnIndices([])\n              }}\n              disabled={isAtDefault}\n            >\n              Reset to Default Order\n            </Button>\n          </Box>\n          <List disablePadding>\n            {workingOrder.map((colIndex, displayIndex) => {\n              const columnName = columnNames[colIndex]\n              const isRemoved = removedColumnIndices.includes(colIndex)\n              return (\n                <ListItem\n                  key={colIndex}\n                  divider\n                  sx={isRemoved ? { opacity: 0.5 } : undefined}\n                  secondaryAction={\n                    <Stack direction=\"row\" spacing={0.5}>\n                      {canRemoveColumns &&\n                        (isRemoved ? (\n                          <IconButton\n                            aria-label={`Restore ${columnName}`}\n                            size=\"small\"\n                            onClick={() =>\n                              setRemovedColumnIndices(indices =>\n                                indices.filter(index => index !== colIndex),\n                              )\n                            }\n                          >\n                            <RestoreFromTrash fontSize=\"small\" />\n                          </IconButton>\n                        ) : (\n                          !isSchemaColumn(columnName) && (\n                            <IconButton\n                              aria-label={`Remove ${columnName}`}\n                              size=\"small\"\n                              disabled={activeColumnCount <= 1}\n                              onClick={() =>\n                                setRemovedColumnIndices(indices => [\n                                  ...indices,\n                                  colIndex,\n                                ])\n                              }\n                            >\n                              <DeleteOutline fontSize=\"small\" />\n                            </IconButton>\n                          )\n                        ))}\n                      <IconButton\n                        aria-label={`Move ${columnName} up`}\n                        size=\"small\"\n                        disabled={isRemoved || displayIndex === 0}\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, displayIndex - 1),\n                          )\n                        }\n                      >\n                        <North fontSize=\"small\" />\n                      </IconButton>\n                      <IconButton\n                        aria-label={`Move ${columnName} down`}\n                        size=\"small\"\n                        disabled={\n                          isRemoved || displayIndex === workingOrder.length - 1\n                        }\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, displayIndex + 1),\n                          )\n                        }\n                      >\n                        <South fontSize=\"small\" />\n                      </IconButton>\n                    </Stack>\n                  }\n                >\n                  <ListItemText primary={columnName} />\n                </ListItem>\n              )\n            })}\n          </List>\n        </Box>\n      }\n      confirmButtonProps={{ children: 'Save' }}\n      onConfirm={() =>\n        onSave(\n          workingOrder.filter(index => !removedColumnIndices.includes(index)),\n        )\n      }\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReorderColumnsDialog.js","names":["ConfirmationDialog","computeDefaultColumnOrder","moveItem","collectTopLevelProperties","DeleteOutline","North","RestartAlt","RestoreFromTrash","South","Box","Button","IconButton","List","ListItem","ListItemText","Stack","Typography","JSONSchema7","isEqual","useMemo","useState","ReorderColumnsDialogProps","open","columnNames","columnOrder","jsonSchema","upsertKey","canRemoveColumns","onSave","newColumnOrder","onCancel","ReorderColumnsDialog","props","$","_c","t0","undefined","previouslyRemovedColumnIndices","t1","t2","map","_temp","filter","index_0","includes","index","workingOrder","setWorkingOrder","removedColumnIndices","setRemovedColumnIndices","t3","defaultOrder","activeColumnCount","length","t4","isAtDefault","t5","schemaProperties","t6","columnName","Object","hasOwn","isSchemaColumn","t7","mb","t8","Symbol","for","display","justifyContent","t9","t10","t11","t12","t13","colIndex","displayIndex","columnName_0","isRemoved","opacity","indices","index_1","indices_0","order","order_0","t14","t15","children","t16","index_2","t17","_"],"sources":["../../../../src/components/DataGrid/components/ReorderColumnsDialog.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { computeDefaultColumnOrder } from '@/components/DataGrid/utils/computeDefaultColumnOrder'\nimport { moveItem } from '@/utils/functions/ArrayUtils'\nimport { collectTopLevelProperties } from '@/utils/jsonschema/collectTopLevelProperties'\nimport {\n  DeleteOutline,\n  North,\n  RestartAlt,\n  RestoreFromTrash,\n  South,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemText,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { JSONSchema7 } from 'json-schema'\nimport isEqual from 'lodash-es/isEqual'\nimport { useMemo, useState } from 'react'\n\nexport type ReorderColumnsDialogProps = {\n  open: boolean\n  columnNames: string[]\n  columnOrder: number[]\n  jsonSchema: JSONSchema7 | undefined\n  upsertKey?: string[]\n  /** Recordset-sourced grids only -- views do not support hiding/removing columns from display. */\n  canRemoveColumns?: boolean\n  onSave: (newColumnOrder: number[]) => void\n  onCancel: () => void\n}\n\nexport default function ReorderColumnsDialog(props: ReorderColumnsDialogProps) {\n  const {\n    open,\n    columnNames,\n    columnOrder,\n    jsonSchema,\n    upsertKey,\n    canRemoveColumns = false,\n    onSave,\n    onCancel,\n  } = props\n\n  // Columns previously removed (and saved) are absent from columnOrder entirely, but their\n  // identity index still exists in columnNames -- surface them so they can be restored.\n  const previouslyRemovedColumnIndices = canRemoveColumns\n    ? columnNames\n        .map((_, index) => index)\n        .filter(index => !columnOrder.includes(index))\n    : []\n\n  const [workingOrder, setWorkingOrder] = useState<number[]>([\n    ...columnOrder,\n    ...previouslyRemovedColumnIndices,\n  ])\n  const [removedColumnIndices, setRemovedColumnIndices] = useState<number[]>(\n    previouslyRemovedColumnIndices,\n  )\n\n  const defaultOrder = useMemo(\n    () => computeDefaultColumnOrder(columnNames, jsonSchema, upsertKey),\n    [columnNames, jsonSchema, upsertKey],\n  )\n\n  const activeColumnCount = workingOrder.length - removedColumnIndices.length\n  const isAtDefault =\n    isEqual(workingOrder, defaultOrder) && removedColumnIndices.length === 0\n\n  // Only columns that aren't part of the JSON schema can be removed -- schema-defined\n  // columns are required for validation/upsert and shouldn't be hidden from the grid.\n  // Properties inherited through $ref/allOf/etc. count, matching how the backend resolves\n  // a RecordSet's schema columns.\n  const schemaProperties = useMemo(\n    () => collectTopLevelProperties(jsonSchema),\n    [jsonSchema],\n  )\n  const isSchemaColumn = (columnName: string) =>\n    Object.hasOwn(schemaProperties, columnName)\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Reorder Columns\"\n      content={\n        <Box>\n          {canRemoveColumns && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 1 }}>\n              Only columns that are not part of the schema can be removed.\n            </Typography>\n          )}\n          <Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 1 }}>\n            <Button\n              variant=\"text\"\n              startIcon={<RestartAlt />}\n              onClick={() => {\n                setWorkingOrder(defaultOrder)\n                setRemovedColumnIndices([])\n              }}\n              disabled={isAtDefault}\n            >\n              Reset to Default Order\n            </Button>\n          </Box>\n          <List disablePadding>\n            {workingOrder.map((colIndex, displayIndex) => {\n              const columnName = columnNames[colIndex]\n              const isRemoved = removedColumnIndices.includes(colIndex)\n              return (\n                <ListItem\n                  key={colIndex}\n                  divider\n                  sx={isRemoved ? { opacity: 0.5 } : undefined}\n                  secondaryAction={\n                    <Stack direction=\"row\" spacing={0.5}>\n                      {canRemoveColumns &&\n                        (isRemoved ? (\n                          <IconButton\n                            aria-label={`Restore ${columnName}`}\n                            size=\"small\"\n                            onClick={() =>\n                              setRemovedColumnIndices(indices =>\n                                indices.filter(index => index !== colIndex),\n                              )\n                            }\n                          >\n                            <RestoreFromTrash fontSize=\"small\" />\n                          </IconButton>\n                        ) : (\n                          !isSchemaColumn(columnName) && (\n                            <IconButton\n                              aria-label={`Remove ${columnName}`}\n                              size=\"small\"\n                              disabled={activeColumnCount <= 1}\n                              onClick={() =>\n                                setRemovedColumnIndices(indices => [\n                                  ...indices,\n                                  colIndex,\n                                ])\n                              }\n                            >\n                              <DeleteOutline fontSize=\"small\" />\n                            </IconButton>\n                          )\n                        ))}\n                      <IconButton\n                        aria-label={`Move ${columnName} up`}\n                        size=\"small\"\n                        disabled={isRemoved || displayIndex === 0}\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, -1),\n                          )\n                        }\n                      >\n                        <North fontSize=\"small\" />\n                      </IconButton>\n                      <IconButton\n                        aria-label={`Move ${columnName} down`}\n                        size=\"small\"\n                        disabled={\n                          isRemoved || displayIndex === workingOrder.length - 1\n                        }\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, 1),\n                          )\n                        }\n                      >\n                        <South fontSize=\"small\" />\n                      </IconButton>\n                    </Stack>\n                  }\n                >\n                  <ListItemText primary={columnName} />\n                </ListItem>\n              )\n            })}\n          </List>\n        </Box>\n      }\n      confirmButtonProps={{ children: 'Save' }}\n      onConfirm={() =>\n        onSave(\n          workingOrder.filter(index => !removedColumnIndices.includes(index)),\n        )\n      }\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+type ChoiceOptionsEditorProps = {
+    options: string[];
+    onChange: (next: string[]) => void;
+};
+/**
+ * Edits a choice field's options. At least one option is always kept, and added options get a
+ * unique `Option N` label.
+ */
+export declare function ChoiceOptionsEditor({ options, onChange, }: ChoiceOptionsEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChoiceOptionsEditor.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.js

@@ -0,0 +1,61 @@
+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";
+//#region src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx
+function u({ options: u, onChange: d }) {
+	let f = (e, t) => {
+		d(u.map((n, r) => r === e ? t : n));
+	}, p = (e) => {
+		d(u.filter((t, n) => n !== e));
+	};
+	return /* @__PURE__ */ s(e, {
+		sx: {
+			pl: 1,
+			borderLeft: 2,
+			borderColor: "divider"
+		},
+		children: [/* @__PURE__ */ o(a, {
+			variant: "caption",
+			color: "text.secondary",
+			sx: {
+				display: "block",
+				mb: .5
+			},
+			children: "Choices"
+		}), /* @__PURE__ */ s(r, {
+			spacing: 1,
+			children: [u.map((t, r) => /* @__PURE__ */ s(e, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1
+				},
+				children: [/* @__PURE__ */ o(i, {
+					value: t,
+					onChange: (e) => f(r, e.target.value),
+					size: "small",
+					fullWidth: !0
+				}), /* @__PURE__ */ o(n, {
+					size: "small",
+					"aria-label": "Delete choice",
+					onClick: () => p(r),
+					disabled: u.length <= 1,
+					children: /* @__PURE__ */ o(l, { fontSize: "small" })
+				})]
+			}, r)), /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(t, {
+				size: "small",
+				startIcon: /* @__PURE__ */ o(c, {}),
+				onClick: () => {
+					let e = u.length + 1;
+					for (; u.includes(`Option ${e}`);) e++;
+					d([...u, `Option ${e}`]);
+				},
+				children: "Add choice"
+			}) })]
+		})]
+	});
+}
+//#endregion
+export { u as ChoiceOptionsEditor };
+
+//# sourceMappingURL=ChoiceOptionsEditor.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,33 @@
+import { RJSFSchema } from '@rjsf/utils';
+import { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext';
+export type FieldDefinitionDrawerProps = {
+    open: boolean;
+    propertyKey: string | null;
+    /** All property keys currently defined in the schema, including this one. */
+    existingKeys: Set<string>;
+    property: RJSFSchema | null;
+    isRequired: boolean;
+    /**
+     * Which submission context this property applies to (per the schema's
+     * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.
+     * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is
+     * responsible for moving the property's definition between the schema's top-level `properties`
+     * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.
+     */
+    context: SchemaPropertyContext;
+    /** True when this field is bound to one or more steps. Affects delete affordance. */
+    isUsedInSteps: boolean;
+    onClose: () => void;
+    onUpdate: (patch: Partial<RJSFSchema>) => void;
+    onRenameKey: (newKey: string) => void;
+    onReplace: (next: RJSFSchema) => void;
+    onChangeRequired: (isRequired: boolean) => void;
+    onChangeContext: (context: SchemaPropertyContext) => void;
+    onRemove: () => void;
+};
+/**
+ * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,
+ * required, submission context, choice options, file format).
+ */
+export declare function FieldDefinitionDrawer({ open, propertyKey, existingKeys, property, isRequired, context, isUsedInSteps, onClose, onUpdate, onRenameKey, onReplace, onChangeRequired, onChangeContext, onRemove, }: FieldDefinitionDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldDefinitionDrawer.d.ts.map

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

@@ -0,0 +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;AAmB5E,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,2CAqM5B"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.js

@@ -0,0 +1,187 @@
+import { FIELD_TYPE_OPTIONS as e, applyFieldType as t, detectFieldType as n, sanitizePropertyKey as r } from "./schemaFieldUtils.js";
+import { ChoiceOptionsEditor as i } from "./ChoiceOptionsEditor.js";
+import { useState as a } from "react";
+import { Alert as o, Box as s, Button as c, Drawer as l, FormControlLabel as u, IconButton as d, MenuItem as f, Stack as p, Switch as m, TextField as h, Typography as g } from "@mui/material";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Close as y, Delete as b } from "@mui/icons-material";
+//#region src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx
+var x = [
+	{
+		value: "ALWAYS",
+		label: "Always"
+	},
+	{
+		value: "REQUEST_ONLY",
+		label: "Initial request only"
+	},
+	{
+		value: "RENEWAL_ONLY",
+		label: "Renewal only"
+	}
+];
+function S({ open: S, propertyKey: C, existingKeys: w, property: T, isRequired: E, context: D, isUsedInSteps: O, onClose: k, onUpdate: A, onRenameKey: j, onReplace: M, onChangeRequired: N, onChangeContext: P, onRemove: F }) {
+	let I = T ? n(T) : null, L = T !== null && I === null, [R, z] = a(null), B = R?.forKey === C ? R.value : C ?? "", V = null;
+	B.length === 0 ? V = "Required" : B !== C && w.has(B) && (V = "Already used by another field");
+	let H = () => {
+		C && !V && B !== C && j(B), z(null);
+	}, U = (e) => {
+		T && M(t(T, e));
+	};
+	return /* @__PURE__ */ _(l, {
+		open: S,
+		onClose: k,
+		anchor: "right",
+		slotProps: { paper: { sx: { width: {
+			xs: "100%",
+			sm: 480
+		} } } },
+		children: /* @__PURE__ */ v(s, {
+			sx: {
+				p: 3,
+				display: "flex",
+				flexDirection: "column",
+				height: "100%"
+			},
+			children: [
+				/* @__PURE__ */ v(s, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						mb: 2
+					},
+					children: [/* @__PURE__ */ _(g, {
+						variant: "h6",
+						sx: { flexGrow: 1 },
+						children: "Edit field"
+					}), /* @__PURE__ */ _(d, {
+						onClick: k,
+						"aria-label": "Close field editor",
+						children: /* @__PURE__ */ _(y, {})
+					})]
+				}),
+				C && /* @__PURE__ */ _(h, {
+					label: "Property key",
+					value: B,
+					onChange: (e) => z({
+						forKey: C,
+						value: r(e.target.value)
+					}),
+					onBlur: H,
+					onKeyDown: (e) => {
+						e.key === "Enter" && (e.preventDefault(), H());
+					},
+					error: V !== null,
+					helperText: V ?? "Identifies this field in the JSON Schema and submitted requests.",
+					size: "small",
+					fullWidth: !0,
+					sx: { mb: 2 },
+					slotProps: { input: { sx: { fontFamily: "monospace" } } }
+				}),
+				T && /* @__PURE__ */ _(h, {
+					select: !0,
+					label: "Submission context",
+					value: D,
+					onChange: (e) => P(e.target.value),
+					size: "small",
+					fullWidth: !0,
+					sx: { mb: 2 },
+					helperText: "Controls whether requesters are asked this question on an initial request, a renewal, or both.",
+					children: x.map((e) => /* @__PURE__ */ _(f, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}),
+				/* @__PURE__ */ _(s, {
+					sx: {
+						flexGrow: 1,
+						overflow: "auto"
+					},
+					children: T ? L ? /* @__PURE__ */ _(o, {
+						severity: "warning",
+						variant: "outlined",
+						children: "This field uses settings not supported by the simple editor. Edit it via the advanced raw JSON Schema view."
+					}) : /* @__PURE__ */ v(p, {
+						spacing: 2,
+						children: [
+							/* @__PURE__ */ _(h, {
+								label: "Question label",
+								value: T.title ?? "",
+								onChange: (e) => A({ title: e.target.value }),
+								size: "small",
+								fullWidth: !0
+							}),
+							/* @__PURE__ */ _(h, {
+								label: "Help text",
+								value: T.description ?? "",
+								onChange: (e) => A({ description: e.target.value }),
+								size: "small",
+								multiline: !0,
+								rows: 3,
+								fullWidth: !0,
+								helperText: "Shown to the requester below the question."
+							}),
+							/* @__PURE__ */ v(p, {
+								direction: "row",
+								spacing: 1,
+								alignItems: "center",
+								children: [/* @__PURE__ */ _(h, {
+									select: !0,
+									label: "Field type",
+									value: I,
+									onChange: (e) => U(e.target.value),
+									size: "small",
+									sx: { flexGrow: 1 },
+									children: e.map((e) => /* @__PURE__ */ _(f, {
+										value: e.value,
+										children: e.label
+									}, e.value))
+								}), /* @__PURE__ */ _(u, {
+									control: /* @__PURE__ */ _(m, {
+										checked: E,
+										onChange: (e) => N(e.target.checked)
+									}),
+									label: "Required"
+								})]
+							}),
+							I === "choice" && /* @__PURE__ */ _(i, {
+								options: T.enum ?? [],
+								onChange: (e) => A({ enum: e })
+							}),
+							I === "file" && /* @__PURE__ */ _(o, {
+								severity: "info",
+								variant: "outlined",
+								children: "Requesters will be prompted to upload a file. You can attach a downloadable template to this field on each step that uses it."
+							})
+						]
+					}) : /* @__PURE__ */ _(o, {
+						severity: "info",
+						children: "No field selected."
+					})
+				}),
+				/* @__PURE__ */ v(s, {
+					sx: {
+						pt: 2,
+						display: "flex",
+						justifyContent: "space-between",
+						gap: 1
+					},
+					children: [/* @__PURE__ */ _(c, {
+						color: "error",
+						startIcon: /* @__PURE__ */ _(b, {}),
+						onClick: F,
+						disabled: !T,
+						children: O ? "Delete (will unbind from steps)" : "Delete field"
+					}), /* @__PURE__ */ _(c, {
+						variant: "contained",
+						onClick: k,
+						children: "Done"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { S as FieldDefinitionDrawer };
+
+//# sourceMappingURL=FieldDefinitionDrawer.js.map

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

@@ -0,0 +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  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' && (\n                <ChoiceOptionsEditor\n                  options={(property.enum as string[] | undefined) ?? []}\n                  onChange={next => onUpdate({ enum: next })}\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 unbind from steps)' : 'Delete field'}\n          </Button>\n          <Button variant=\"contained\" onClick={onClose}>\n            Done\n          </Button>\n        </Box>\n      </Box>\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;AA0BA,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;;OAEN,MAAS,YACR,kBAAC,GAAD;QACE,SAAU,EAAS,QAAiC,CAAC;QACrD,WAAU,MAAQ,EAAS,EAAE,MAAM,EAAK,CAAC;OAC1C,CAAA;OAGF,MAAS,UACR,kBAAC,GAAD;QAAO,UAAS;QAAO,SAAQ;kBAAW;OAGnC,CAAA;MAEJ;UAlEP,kBAAC,GAAD;MAAO,UAAS;gBAAO;KAAyB,CAAA;IAoE/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,oCAAoC;KAC/C,CAAA,GACR,kBAAC,GAAD;MAAQ,SAAQ;MAAY,SAAS;gBAAS;KAEtC,CAAA,CACL;;GACF;;CACC,CAAA;AAEZ"}

package/dist/components/FormTemplateEditor/FormTemplatePreview.d.ts

@@ -0,0 +1,14 @@
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+import { RJSFSchema } from '@rjsf/utils';
+type FormTemplatePreviewProps = {
+    template: FormTemplate;
+    jsonSchema: RJSFSchema;
+};
+/**
+ * Renders a live preview of how a FormTemplate + its referenced JSON Schema will appear to a
+ * requester. Computed client-side against the unsaved draft, purely to give ACT instant feedback
+ * while editing.
+ */
+export declare function FormTemplatePreview({ template, jsonSchema, }: FormTemplatePreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormTemplatePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplatePreview.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EACb,MAAM,kCAAkC,CAAA;AAWzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,2CA8E1B"}