synapse-react-client 4.0.40 → 4.0.42

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

@@ -0,0 +1 @@
+{"version":3,"file":"formTemplateValidation.js","names":[],"sources":["../../../src/components/FormTemplateEditor/formTemplateValidation.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\nimport {\n  FormTemplateField,\n  FormTemplateStep,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  listResolvedSchemaProperties,\n  pointerToPropertyKey,\n  propertyKeyToPointer,\n  resolveSchemaPropertyAtPointer,\n} from '@/utils/jsonschema/submissionContext'\n\n/**\n * A property is a \"leaf\" — the only kind a `FormTemplateField.schemaPath` may address — when it\n * is not itself a nested object schema with its own `properties`. The simple editor only ever\n * authors leaves, but the raw JSON Schema escape hatch can produce a nested object.\n */\nexport function isLeafSchemaProperty(subSchema: RJSFSchema): boolean {\n  return !(subSchema.type === 'object' && subSchema.properties != null)\n}\n\n/** RJSF `ui:widget` names compatible with each JSON Schema property shape. */\nconst WIDGET_COMPATIBILITY: Record<string, (subSchema: RJSFSchema) => boolean> =\n  {\n    textarea: s => s.type === 'string' && !s.enum,\n    password: s => s.type === 'string' && !s.enum,\n    radio: s =>\n      ((s.type === 'string' || s.type === 'boolean') && !!s.enum) ||\n      s.type === 'boolean',\n    select: s => s.type === 'string' && !!s.enum,\n    checkboxes: s => s.type === 'array',\n    checkbox: s => s.type === 'boolean',\n    updown: s => s.type === 'number' || s.type === 'integer',\n    range: s => s.type === 'number' || s.type === 'integer',\n  }\n\n/**\n * Whether a field's `uiDefinition` (an RJSF `UiSchema` fragment) declares a `ui:widget`\n * incompatible with the resolved property's type/format. An empty or widget-less `uiDefinition`\n * is always compatible — there is nothing to conflict with.\n */\nexport function isUiHintCompatible(\n  subSchema: RJSFSchema,\n  uiDefinition: unknown,\n): boolean {\n  const widget = (uiDefinition as Record<string, unknown> | undefined)?.[\n    'ui:widget'\n  ]\n  if (typeof widget !== 'string') return true\n  const isCompatible = WIDGET_COMPATIBILITY[widget]\n  return isCompatible ? isCompatible(subSchema) : true\n}\n\nexport type FormTemplateFieldValidationError = {\n  /** Index of the step/field slot this error is anchored to. Omitted for an error against a\n   * schema-required property that isn't bound to any field -- there is no slot to anchor it to. */\n  stepIndex?: number\n  fieldIndex?: number\n  schemaPath: string\n  message: string\n}\n\n/**\n * Replicates the three rules the server enforces on `FormTemplateField` at create/update time\n * (see the `FormTemplateField` doc comment), so the editor can block save and point the error at\n * the offending field before ever reaching the server: the server only returns a flat,\n * concatenated message, not per-field errors. Also flags a schema property the server will\n * require (per its resolved submission context) that no field in the template binds to -- the\n * server accepts this silently, but the requester would then be unable to satisfy it.\n */\nexport function validateFormTemplateFields(\n  steps: FormTemplateStep[],\n  jsonSchema: RJSFSchema,\n): FormTemplateFieldValidationError[] {\n  const errors: FormTemplateFieldValidationError[] = []\n  const seenSchemaPaths = new Set<string>()\n  const boundPropertyKeys = new Set<string>()\n\n  steps.forEach((step, stepIndex) => {\n    step.fields.forEach((field: FormTemplateField, fieldIndex: number) => {\n      const { schemaPath } = field\n\n      if (seenSchemaPaths.has(schemaPath)) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `\"${schemaPath}\" is already bound to another field in this template.`,\n        })\n        return\n      }\n      seenSchemaPaths.add(schemaPath)\n\n      const propertyKey = pointerToPropertyKey(schemaPath)\n      if (propertyKey) boundPropertyKeys.add(propertyKey)\n\n      const subSchema = resolveSchemaPropertyAtPointer(\n        jsonSchema,\n        schemaPath,\n      )?.subSchema\n      if (!subSchema) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `\"${schemaPath}\" does not resolve to a property in the schema.`,\n        })\n        return\n      }\n\n      if (!isLeafSchemaProperty(subSchema)) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `\"${schemaPath}\" is a nested object, not a single field.`,\n        })\n        return\n      }\n\n      if (!isUiHintCompatible(subSchema, field.uiDefinition)) {\n        errors.push({\n          stepIndex,\n          fieldIndex,\n          schemaPath,\n          message: `The UI hint for \"${schemaPath}\" is incompatible with its property type.`,\n        })\n      }\n    })\n  })\n\n  for (const property of listResolvedSchemaProperties(jsonSchema)) {\n    if (property.isRequired && !boundPropertyKeys.has(property.propertyKey)) {\n      errors.push({\n        schemaPath: propertyKeyToPointer(property.propertyKey),\n        message: `\"${property.propertyKey}\" is required by the schema but is not bound to any field in this template.`,\n      })\n    }\n  }\n\n  return errors\n}\n"],"mappings":";;AAiBA,SAAgB,EAAqB,GAAgC;CACnE,OAAO,EAAE,EAAU,SAAS,YAAY,EAAU,cAAc;AAClE;AAGA,IAAM,IACJ;CACE,WAAU,MAAK,EAAE,SAAS,YAAY,CAAC,EAAE;CACzC,WAAU,MAAK,EAAE,SAAS,YAAY,CAAC,EAAE;CACzC,QAAO,OACH,EAAE,SAAS,YAAY,EAAE,SAAS,cAAc,CAAC,CAAC,EAAE,QACtD,EAAE,SAAS;CACb,SAAQ,MAAK,EAAE,SAAS,YAAY,CAAC,CAAC,EAAE;CACxC,aAAY,MAAK,EAAE,SAAS;CAC5B,WAAU,MAAK,EAAE,SAAS;CAC1B,SAAQ,MAAK,EAAE,SAAS,YAAY,EAAE,SAAS;CAC/C,QAAO,MAAK,EAAE,SAAS,YAAY,EAAE,SAAS;AAChD;AAOF,SAAgB,EACd,GACA,GACS;CACT,IAAM,IAAU,IACd;CAEF,IAAI,OAAO,KAAW,UAAU,OAAO;CACvC,IAAM,IAAe,EAAqB;CAC1C,OAAO,IAAe,EAAa,CAAS,IAAI;AAClD;AAmBA,SAAgB,EACd,GACA,GACoC;CACpC,IAAM,IAA6C,CAAC,GAC9C,oBAAkB,IAAI,IAAY,GAClC,oBAAoB,IAAI,IAAY;CAE1C,EAAM,SAAS,GAAM,MAAc;EACjC,EAAK,OAAO,SAAS,GAA0B,MAAuB;GACpE,IAAM,EAAE,kBAAe;GAEvB,IAAI,EAAgB,IAAI,CAAU,GAAG;IACnC,EAAO,KAAK;KACV;KACA;KACA;KACA,SAAS,IAAI,EAAW;IAC1B,CAAC;IACD;GACF;GACA,EAAgB,IAAI,CAAU;GAE9B,IAAM,IAAc,EAAqB,CAAU;GACnD,AAAI,KAAa,EAAkB,IAAI,CAAW;GAElD,IAAM,IAAY,EAChB,GACA,CACF,GAAG;GACH,IAAI,CAAC,GAAW;IACd,EAAO,KAAK;KACV;KACA;KACA;KACA,SAAS,IAAI,EAAW;IAC1B,CAAC;IACD;GACF;GAEA,IAAI,CAAC,EAAqB,CAAS,GAAG;IACpC,EAAO,KAAK;KACV;KACA;KACA;KACA,SAAS,IAAI,EAAW;IAC1B,CAAC;IACD;GACF;GAEA,AAAK,EAAmB,GAAW,EAAM,YAAY,KACnD,EAAO,KAAK;IACV;IACA;IACA;IACA,SAAS,oBAAoB,EAAW;GAC1C,CAAC;EAEL,CAAC;CACH,CAAC;CAED,KAAK,IAAM,KAAY,EAA6B,CAAU,GAC5D,AAAI,EAAS,cAAc,CAAC,EAAkB,IAAI,EAAS,WAAW,KACpE,EAAO,KAAK;EACV,YAAY,EAAqB,EAAS,WAAW;EACrD,SAAS,IAAI,EAAS,YAAY;CACpC,CAAC;CAIL,OAAO;AACT"}

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

@@ -0,0 +1,27 @@
+import { RJSFSchema } from '@rjsf/utils';
+/**
+ * The set of property shapes the simple editor knows how to author. Anything
+ * outside this set surfaces in the UI as "advanced" and must be edited via the
+ * raw JSON Schema view.
+ */
+export type SimpleFieldType = 'text' | 'number' | 'boolean' | 'choice' | 'multiChoice' | 'file';
+export declare const FIELD_TYPE_OPTIONS: {
+    value: SimpleFieldType;
+    label: string;
+}[];
+export declare function detectFieldType(prop: RJSFSchema | undefined): SimpleFieldType | null;
+export declare function fieldTypeLabel(type: SimpleFieldType | null): string;
+/** The options a 'choice' (`enum`) or 'multiChoice' (`items.enum`) property declares; empty if none. */
+export declare function choiceOptions(prop: RJSFSchema): string[];
+/** Build a fresh schema body for the given simple type, preserving label and help text. */
+export declare function applyFieldType(prev: RJSFSchema, type: SimpleFieldType): RJSFSchema;
+/** Derive a unique camelCase JSON property key from a display title. */
+export declare function generatePropertyKey(title: string, existingKeys: Set<string>): string;
+/**
+ * Sanitize a manually-typed property key: strip characters that aren't
+ * valid in a JSON Schema property key used as a JS identifier, preserving
+ * the editor's casing (unlike `generatePropertyKey`, which derives a
+ * camelCase key from a display title).
+ */
+export declare function sanitizePropertyKey(raw: string): string;
+//# sourceMappingURL=schemaFieldUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldUtils.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,aAAa,GACb,MAAM,CAAA;AAEV,eAAO,MAAM,kBAAkB,EAAE;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAOzE,CAAA;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,UAAU,GAAG,SAAS,GAC3B,eAAe,GAAG,IAAI,CAmBxB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,MAAM,CAGnE;AAED,wGAAwG;AACxG,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,EAAE,CAGxD;AAED,2FAA2F;AAC3F,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,eAAe,GACpB,UAAU,CAiCZ;AAED,wEAAwE;AACxE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GACxB,MAAM,CAiBR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGvD"}

package/dist/components/FormTemplateEditor/schemaFieldUtils.js

@@ -0,0 +1,84 @@
+//#region src/components/FormTemplateEditor/schemaFieldUtils.ts
+var e = [
+	{
+		value: "text",
+		label: "Text"
+	},
+	{
+		value: "number",
+		label: "Number"
+	},
+	{
+		value: "boolean",
+		label: "Yes / No"
+	},
+	{
+		value: "choice",
+		label: "Single choice"
+	},
+	{
+		value: "multiChoice",
+		label: "Multiple choice (select many)"
+	},
+	{
+		value: "file",
+		label: "File upload"
+	}
+];
+function t(e) {
+	if (!e || typeof e != "object") return null;
+	if (e.format === "synapse-filehandle-id") return "file";
+	if (e.type === "string" && Array.isArray(e.enum)) return "choice";
+	let t = e.items;
+	return e.type === "array" && e.uniqueItems === !0 && t?.type === "string" && Array.isArray(t.enum) ? "multiChoice" : e.type === "string" && !e.format ? "text" : e.type === "number" || e.type === "integer" ? "number" : e.type === "boolean" ? "boolean" : null;
+}
+function n(t) {
+	return t === null ? "Advanced" : e.find((e) => e.value === t)?.label ?? "Advanced";
+}
+function r(e) {
+	let t = e.enum ?? e.items?.enum;
+	return Array.isArray(t) ? t : [];
+}
+function i(e, t) {
+	let n = {
+		title: e.title,
+		description: e.description
+	}, i = r(e), a = i.length > 0 ? i : ["Option 1"];
+	switch (t) {
+		case "text":
+			n.type = "string";
+			break;
+		case "number":
+			n.type = "number";
+			break;
+		case "boolean":
+			n.type = "boolean";
+			break;
+		case "choice":
+			n.type = "string", n.enum = a;
+			break;
+		case "multiChoice":
+			n.type = "array", n.items = {
+				type: "string",
+				enum: a
+			}, n.uniqueItems = !0;
+			break;
+		case "file":
+			n.type = "number", n.format = "synapse-filehandle-id";
+			break;
+	}
+	return n;
+}
+function a(e, t) {
+	let n = e.toLowerCase().replace(/[^a-z0-9\s]/g, "").trim().split(/\s+/).filter(Boolean).map((e, t) => t === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)).join("") || "field", r = n, i = 1;
+	for (; t.has(r);) i += 1, r = `${n}${i}`;
+	return r;
+}
+function o(e) {
+	let t = e.replace(/[^A-Za-z0-9_]/g, "");
+	return /^[0-9]/.test(t) ? `_${t}` : t;
+}
+//#endregion
+export { e as FIELD_TYPE_OPTIONS, i as applyFieldType, r as choiceOptions, t as detectFieldType, n as fieldTypeLabel, a as generatePropertyKey, o as sanitizePropertyKey };
+
+//# sourceMappingURL=schemaFieldUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldUtils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\n\n/**\n * The set of property shapes the simple editor knows how to author. Anything\n * outside this set surfaces in the UI as \"advanced\" and must be edited via the\n * raw JSON Schema view.\n */\nexport type SimpleFieldType =\n  | 'text'\n  | 'number'\n  | 'boolean'\n  | 'choice'\n  | 'multiChoice'\n  | 'file'\n\nexport const FIELD_TYPE_OPTIONS: { value: SimpleFieldType; label: string }[] = [\n  { value: 'text', label: 'Text' },\n  { value: 'number', label: 'Number' },\n  { value: 'boolean', label: 'Yes / No' },\n  { value: 'choice', label: 'Single choice' },\n  { value: 'multiChoice', label: 'Multiple choice (select many)' },\n  { value: 'file', label: 'File upload' },\n]\n\nexport function detectFieldType(\n  prop: RJSFSchema | undefined,\n): SimpleFieldType | null {\n  if (!prop || typeof prop !== 'object') return null\n  if (prop.format === 'synapse-filehandle-id') return 'file'\n  if (prop.type === 'string' && Array.isArray(prop.enum)) return 'choice'\n  // RJSF renders an array as a multi-select only when `uniqueItems` is set; without it the\n  // property renders as a repeatable list, which the simple editor does not author.\n  const items = prop.items as RJSFSchema | undefined\n  if (\n    prop.type === 'array' &&\n    prop.uniqueItems === true &&\n    items?.type === 'string' &&\n    Array.isArray(items.enum)\n  ) {\n    return 'multiChoice'\n  }\n  if (prop.type === 'string' && !prop.format) return 'text'\n  if (prop.type === 'number' || prop.type === 'integer') return 'number'\n  if (prop.type === 'boolean') return 'boolean'\n  return null\n}\n\nexport function fieldTypeLabel(type: SimpleFieldType | null): string {\n  if (type === null) return 'Advanced'\n  return FIELD_TYPE_OPTIONS.find(opt => opt.value === type)?.label ?? 'Advanced'\n}\n\n/** The options a 'choice' (`enum`) or 'multiChoice' (`items.enum`) property declares; empty if none. */\nexport function choiceOptions(prop: RJSFSchema): string[] {\n  const options = prop.enum ?? (prop.items as RJSFSchema | undefined)?.enum\n  return Array.isArray(options) ? (options as string[]) : []\n}\n\n/** Build a fresh schema body for the given simple type, preserving label and help text. */\nexport function applyFieldType(\n  prev: RJSFSchema,\n  type: SimpleFieldType,\n): RJSFSchema {\n  const next: RJSFSchema = {\n    title: prev.title,\n    description: prev.description,\n  }\n  const existingChoices = choiceOptions(prev)\n  // A choice field needs at least one option to be answerable.\n  const choices = existingChoices.length > 0 ? existingChoices : ['Option 1']\n  switch (type) {\n    case 'text':\n      next.type = 'string'\n      break\n    case 'number':\n      next.type = 'number'\n      break\n    case 'boolean':\n      next.type = 'boolean'\n      break\n    case 'choice':\n      next.type = 'string'\n      next.enum = choices\n      break\n    case 'multiChoice':\n      next.type = 'array'\n      next.items = { type: 'string', enum: choices }\n      next.uniqueItems = true\n      break\n    case 'file':\n      next.type = 'number'\n      next.format = 'synapse-filehandle-id'\n      break\n  }\n  return next\n}\n\n/** Derive a unique camelCase JSON property key from a display title. */\nexport function generatePropertyKey(\n  title: string,\n  existingKeys: Set<string>,\n): string {\n  const base =\n    title\n      .toLowerCase()\n      .replace(/[^a-z0-9\\s]/g, '')\n      .trim()\n      .split(/\\s+/)\n      .filter(Boolean)\n      .map((w, i) => (i === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n      .join('') || 'field'\n  let key = base\n  let i = 1\n  while (existingKeys.has(key)) {\n    i += 1\n    key = `${base}${i}`\n  }\n  return key\n}\n\n/**\n * Sanitize a manually-typed property key: strip characters that aren't\n * valid in a JSON Schema property key used as a JS identifier, preserving\n * the editor's casing (unlike `generatePropertyKey`, which derives a\n * camelCase key from a display title).\n */\nexport function sanitizePropertyKey(raw: string): string {\n  const stripped = raw.replace(/[^A-Za-z0-9_]/g, '')\n  return /^[0-9]/.test(stripped) ? `_${stripped}` : stripped\n}\n"],"mappings":";AAeA,IAAa,IAAkE;CAC7E;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAW,OAAO;CAAW;CACtC;EAAE,OAAO;EAAU,OAAO;CAAgB;CAC1C;EAAE,OAAO;EAAe,OAAO;CAAgC;CAC/D;EAAE,OAAO;EAAQ,OAAO;CAAc;AACxC;AAEA,SAAgB,EACd,GACwB;CACxB,IAAI,CAAC,KAAQ,OAAO,KAAS,UAAU,OAAO;CAC9C,IAAI,EAAK,WAAW,yBAAyB,OAAO;CACpD,IAAI,EAAK,SAAS,YAAY,MAAM,QAAQ,EAAK,IAAI,GAAG,OAAO;CAG/D,IAAM,IAAQ,EAAK;CAYnB,OAVE,EAAK,SAAS,WACd,EAAK,gBAAgB,MACrB,GAAO,SAAS,YAChB,MAAM,QAAQ,EAAM,IAAI,IAEjB,gBAEL,EAAK,SAAS,YAAY,CAAC,EAAK,SAAe,SAC/C,EAAK,SAAS,YAAY,EAAK,SAAS,YAAkB,WAC1D,EAAK,SAAS,YAAkB,YAC7B;AACT;AAEA,SAAgB,EAAe,GAAsC;CAEnE,OADI,MAAS,OAAa,aACnB,EAAmB,MAAK,MAAO,EAAI,UAAU,CAAI,GAAG,SAAS;AACtE;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAU,EAAK,QAAS,EAAK,OAAkC;CACrE,OAAO,MAAM,QAAQ,CAAO,IAAK,IAAuB,CAAC;AAC3D;AAGA,SAAgB,EACd,GACA,GACY;CACZ,IAAM,IAAmB;EACvB,OAAO,EAAK;EACZ,aAAa,EAAK;CACpB,GACM,IAAkB,EAAc,CAAI,GAEpC,IAAU,EAAgB,SAAS,IAAI,IAAkB,CAAC,UAAU;CAC1E,QAAQ,GAAR;EACE,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,OAAO;GACZ;EACF,KAAK;GAGH,AAFA,EAAK,OAAO,SACZ,EAAK,QAAQ;IAAE,MAAM;IAAU,MAAM;GAAQ,GAC7C,EAAK,cAAc;GACnB;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,SAAS;GACd;CACJ;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IACJ,EACG,YAAY,EACZ,QAAQ,gBAAgB,EAAE,EAC1B,KAAK,EACL,MAAM,KAAK,EACX,OAAO,OAAO,EACd,KAAK,GAAG,MAAO,MAAM,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAE,EACpE,KAAK,EAAE,KAAK,SACb,IAAM,GACN,IAAI;CACR,OAAO,EAAa,IAAI,CAAG,IAEzB,AADA,KAAK,GACL,IAAM,GAAG,IAAO;CAElB,OAAO;AACT;AAQA,SAAgB,EAAoB,GAAqB;CACvD,IAAM,IAAW,EAAI,QAAQ,kBAAkB,EAAE;CACjD,OAAO,SAAS,KAAK,CAAQ,IAAI,IAAI,MAAa;AACpD"}

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

@@ -0,0 +1,23 @@
+import { FormTemplateField } from '@sage-bionetworks/synapse-client';
+import { EditableFormTemplateStep } from './utils';
+/** Field library rows are plain draggables, not sortables: dropping one binds it to a step. */
+export declare const FIELD_DRAG_TYPE = "field";
+/** `data` a field library row carries so a drop can name the property to bind. */
+export declare function fieldDragData(propertyKey: string): {
+    propertyKey: string;
+};
+/** The property a dropped field library row names, or null for any other drag's `data`. */
+export declare function readFieldDragData(data: unknown): string | null;
+export declare const STEP_SORTABLE_TYPE = "step";
+/** Every step shares one sortable group, so steps only ever reorder among themselves. */
+export declare const STEP_SORTABLE_GROUP = "steps";
+export declare const SLOT_SORTABLE_TYPE = "slot";
+export declare function stepSortableId(step: EditableFormTemplateStep): string;
+/**
+ * The sortable group shared by one step's slot rows. Doubles as the id of that step's slot-list
+ * droppable, which is what lets `@dnd-kit/helpers`' `move` resolve a drop on an empty step's list
+ * to the group it should insert into.
+ */
+export declare function slotGroupId(step: EditableFormTemplateStep): string;
+export declare function slotSortableId(field: FormTemplateField): string;
+//# sourceMappingURL=sortableIds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortableIds.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/sortableIds.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD,+FAA+F;AAC/F,eAAO,MAAM,eAAe,UAAU,CAAA;AAEtC,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM;;EAEhD;AAED,2FAA2F;AAC3F,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAI9D;AAED,eAAO,MAAM,kBAAkB,SAAS,CAAA;AACxC,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,UAAU,CAAA;AAE1C,eAAO,MAAM,kBAAkB,SAAS,CAAA;AAExC,wBAAgB,cAAc,CAAC,IAAI,EAAE,wBAAwB,GAAG,MAAM,CAErE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,wBAAwB,GAAG,MAAM,CAElE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAE/D"}

package/dist/components/FormTemplateEditor/sortableIds.js

@@ -0,0 +1,24 @@
+//#region src/components/FormTemplateEditor/sortableIds.ts
+var e = "field";
+function t(e) {
+	return { propertyKey: e };
+}
+function n(e) {
+	if (typeof e != "object" || !e) return null;
+	let { propertyKey: t } = e;
+	return typeof t == "string" && t ? t : null;
+}
+var r = "step", i = "steps", a = "slot";
+function o(e) {
+	return `step:${e.uiKey}`;
+}
+function s(e) {
+	return `slots:${e.uiKey}`;
+}
+function c(e) {
+	return `slot:${e.schemaPath}`;
+}
+//#endregion
+export { e as FIELD_DRAG_TYPE, a as SLOT_SORTABLE_TYPE, i as STEP_SORTABLE_GROUP, r as STEP_SORTABLE_TYPE, t as fieldDragData, n as readFieldDragData, s as slotGroupId, c as slotSortableId, o as stepSortableId };
+
+//# sourceMappingURL=sortableIds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortableIds.js","names":[],"sources":["../../../src/components/FormTemplateEditor/sortableIds.ts"],"sourcesContent":["/*\n * The drag-and-drop identity scheme shared by the editor's draggables and the drag adapter that\n * resolves their events back to a step or a field. Lives apart from the components so the adapter\n * can do that without importing the component tree.\n */\nimport { FormTemplateField } from '@sage-bionetworks/synapse-client'\nimport { EditableFormTemplateStep } from './utils'\n\n/** Field library rows are plain draggables, not sortables: dropping one binds it to a step. */\nexport const FIELD_DRAG_TYPE = 'field'\n\n/** `data` a field library row carries so a drop can name the property to bind. */\nexport function fieldDragData(propertyKey: string) {\n  return { propertyKey }\n}\n\n/** The property a dropped field library row names, or null for any other drag's `data`. */\nexport function readFieldDragData(data: unknown): string | null {\n  if (data == null || typeof data !== 'object') return null\n  const { propertyKey } = data as Record<string, unknown>\n  return typeof propertyKey === 'string' && propertyKey ? propertyKey : null\n}\n\nexport const STEP_SORTABLE_TYPE = 'step'\n/** Every step shares one sortable group, so steps only ever reorder among themselves. */\nexport const STEP_SORTABLE_GROUP = 'steps'\n\nexport const SLOT_SORTABLE_TYPE = 'slot'\n\nexport function stepSortableId(step: EditableFormTemplateStep): string {\n  return `step:${step.uiKey}`\n}\n\n/**\n * The sortable group shared by one step's slot rows. Doubles as the id of that step's slot-list\n * droppable, which is what lets `@dnd-kit/helpers`' `move` resolve a drop on an empty step's list\n * to the group it should insert into.\n */\nexport function slotGroupId(step: EditableFormTemplateStep): string {\n  return `slots:${step.uiKey}`\n}\n\nexport function slotSortableId(field: FormTemplateField): string {\n  return `slot:${field.schemaPath}`\n}\n"],"mappings":";AASA,IAAa,IAAkB;AAG/B,SAAgB,EAAc,GAAqB;CACjD,OAAO,EAAE,eAAY;AACvB;AAGA,SAAgB,EAAkB,GAA8B;CAC9D,IAAoB,OAAO,KAAS,aAAhC,GAA0C,OAAO;CACrD,IAAM,EAAE,mBAAgB;CACxB,OAAO,OAAO,KAAgB,YAAY,IAAc,IAAc;AACxE;AAEA,IAAa,IAAqB,QAErB,IAAsB,SAEtB,IAAqB;AAElC,SAAgB,EAAe,GAAwC;CACrE,OAAO,QAAQ,EAAK;AACtB;AAOA,SAAgB,EAAY,GAAwC;CAClE,OAAO,SAAS,EAAK;AACvB;AAEA,SAAgB,EAAe,GAAkC;CAC/D,OAAO,QAAQ,EAAM;AACvB"}

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

@@ -0,0 +1,33 @@
+import { RJSFSchema } from '@rjsf/utils';
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+import { ResolvedSchemaProperty, SchemaPropertyContext } from '@/utils/jsonschema/submissionContext';
+import { EditableFormTemplateStep } from './utils';
+/** The editing state and mutations for an in-progress FormTemplate draft. */
+export interface FormTemplateDraft {
+    name: string;
+    setName: (name: string) => void;
+    jsonSchema: RJSFSchema;
+    setJsonSchema: (jsonSchema: RJSFSchema) => void;
+    steps: EditableFormTemplateStep[];
+    setSteps: (steps: EditableFormTemplateStep[]) => void;
+    editingPropertyKey: string | null;
+    setEditingPropertyKey: (key: string | null) => void;
+    /** The `schemaPath` of every field bound to a step. */
+    usedPaths: Set<string>;
+    existingPropertyKeys: Set<string>;
+    /** Schema properties that no step binds yet. */
+    unboundProperties: ResolvedSchemaProperty[];
+    handleCreateField: () => void;
+    renamePropertyKey: (oldKey: string, newKey: string) => void;
+    handleUpdateProperty: (key: string, patch: Partial<RJSFSchema>) => void;
+    handleReplaceProperty: (key: string, next: RJSFSchema) => void;
+    handleChangeRequired: (key: string, isRequired: boolean) => void;
+    handleChangeContext: (key: string, context: SchemaPropertyContext) => void;
+    handleRemoveProperty: (key: string) => void;
+    moveStep: (fromIndex: number, toIndex: number) => void;
+    moveSlot: (schemaPath: string, toStepKey: string, toIndex: number) => void;
+    bindField: (propertyKey: string, stepKey: string) => void;
+    previewTemplate: FormTemplate;
+}
+export declare function useFormTemplateDraft(initialTemplate?: FormTemplate, initialJsonSchema?: RJSFSchema): FormTemplateDraft;
+//# sourceMappingURL=useFormTemplateDraft.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormTemplateDraft.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useFormTemplateDraft.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAE/D,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,sCAAsC,CAAA;AAkB7C,OAAO,EAEL,wBAAwB,EAGzB,MAAM,SAAS,CAAA;AAEhB,6EAA6E;AAC7E,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,UAAU,EAAE,UAAU,CAAA;IACtB,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;IAC/C,KAAK,EAAE,wBAAwB,EAAE,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAA;IACrD,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,qBAAqB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,uDAAuD;IACvD,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,oBAAoB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjC,gDAAgD;IAChD,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3D,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACvE,qBAAqB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9D,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAC1E,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1E,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,eAAe,EAAE,YAAY,CAAA;CAC9B;AAED,wBAAgB,oBAAoB,CAClC,eAAe,CAAC,EAAE,YAAY,EAC9B,iBAAiB,CAAC,EAAE,UAAU,GAC7B,iBAAiB,CAsHnB"}

package/dist/components/FormTemplateEditor/useFormTemplateDraft.js

@@ -0,0 +1,59 @@
+import { createNewFormTemplateSchema as e } from "./formTemplateSchema.js";
+import { createEditableStep as t, toEditableSteps as n, toFormTemplateSteps as r } from "./utils.js";
+import { bindField as i, boundSchemaPaths as a, changeContext as o, changeRequired as s, createField as c, listUnboundProperties as l, moveSlot as u, moveStep as d, removeProperty as f, renamePropertyKey as p, replaceProperty as m, schemaPropertyKeys as h, updateProperty as g } from "./formTemplateDraftState.js";
+import { useCallback as _, useMemo as v, useState as y } from "react";
+//#region src/components/FormTemplateEditor/useFormTemplateDraft.ts
+function b(b, x) {
+	let [S, C] = y(b?.name ?? ""), [w, T] = y(() => ({
+		jsonSchema: x ?? e(),
+		steps: b ? n(b.steps) : [t()],
+		editingPropertyKey: null
+	})), { jsonSchema: E, steps: D, editingPropertyKey: O } = w;
+	return {
+		name: S,
+		setName: C,
+		jsonSchema: E,
+		setJsonSchema: _((e) => T((t) => ({
+			...t,
+			jsonSchema: e
+		})), []),
+		steps: D,
+		setSteps: _((e) => T((t) => ({
+			...t,
+			steps: e
+		})), []),
+		editingPropertyKey: O,
+		setEditingPropertyKey: _((e) => T((t) => ({
+			...t,
+			editingPropertyKey: e
+		})), []),
+		usedPaths: v(() => a(D), [D]),
+		existingPropertyKeys: v(() => h(E), [E]),
+		unboundProperties: v(() => l(E, D), [E, D]),
+		handleCreateField: _(() => T(c), []),
+		renamePropertyKey: _((e, t) => T((n) => p(n, e, t)), []),
+		handleUpdateProperty: _((e, t) => T((n) => g(n, e, t)), []),
+		handleReplaceProperty: _((e, t) => T((n) => m(n, e, t)), []),
+		handleChangeRequired: _((e, t) => T((n) => s(n, e, t)), []),
+		handleChangeContext: _((e, t) => T((n) => o(n, e, t)), []),
+		handleRemoveProperty: _((e) => T((t) => f(t, e)), []),
+		moveStep: _((e, t) => T((n) => d(n, e, t)), []),
+		moveSlot: _((e, t, n) => T((r) => u(r, e, t, n)), []),
+		bindField: _((e, t) => T((n) => i(n, e, t)), []),
+		previewTemplate: v(() => ({
+			...b,
+			name: S,
+			schema$id: E.$id ?? "",
+			steps: r(D)
+		}), [
+			b,
+			S,
+			E.$id,
+			D
+		])
+	};
+}
+//#endregion
+export { b as useFormTemplateDraft };
+
+//# sourceMappingURL=useFormTemplateDraft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormTemplateDraft.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useFormTemplateDraft.ts"],"sourcesContent":["/*\n * Editing state for the FormTemplateEditor: a thin React shell over the pure transitions in\n * `formTemplateDraftState`. Has no knowledge of persistence — callers read `jsonSchema`/`name`/\n * `steps` to save, and seed the initial values from an existing template when editing one.\n */\nimport { RJSFSchema } from '@rjsf/utils'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  ResolvedSchemaProperty,\n  SchemaPropertyContext,\n} from '@/utils/jsonschema/submissionContext'\nimport {\n  bindField,\n  boundSchemaPaths,\n  changeContext,\n  changeRequired,\n  createField,\n  FormTemplateDraftState,\n  listUnboundProperties,\n  moveSlot,\n  moveStep,\n  removeProperty,\n  renamePropertyKey,\n  replaceProperty,\n  schemaPropertyKeys,\n  updateProperty,\n} from './formTemplateDraftState'\nimport { createNewFormTemplateSchema } from './formTemplateSchema'\nimport {\n  createEditableStep,\n  EditableFormTemplateStep,\n  toEditableSteps,\n  toFormTemplateSteps,\n} from './utils'\n\n/** The editing state and mutations for an in-progress FormTemplate draft. */\nexport interface FormTemplateDraft {\n  name: string\n  setName: (name: string) => void\n  jsonSchema: RJSFSchema\n  setJsonSchema: (jsonSchema: RJSFSchema) => void\n  steps: EditableFormTemplateStep[]\n  setSteps: (steps: EditableFormTemplateStep[]) => void\n  editingPropertyKey: string | null\n  setEditingPropertyKey: (key: string | null) => void\n  /** The `schemaPath` of every field bound to a step. */\n  usedPaths: Set<string>\n  existingPropertyKeys: Set<string>\n  /** Schema properties that no step binds yet. */\n  unboundProperties: ResolvedSchemaProperty[]\n  handleCreateField: () => void\n  renamePropertyKey: (oldKey: string, newKey: string) => void\n  handleUpdateProperty: (key: string, patch: Partial<RJSFSchema>) => void\n  handleReplaceProperty: (key: string, next: RJSFSchema) => void\n  handleChangeRequired: (key: string, isRequired: boolean) => void\n  handleChangeContext: (key: string, context: SchemaPropertyContext) => void\n  handleRemoveProperty: (key: string) => void\n  moveStep: (fromIndex: number, toIndex: number) => void\n  moveSlot: (schemaPath: string, toStepKey: string, toIndex: number) => void\n  bindField: (propertyKey: string, stepKey: string) => void\n  previewTemplate: FormTemplate\n}\n\nexport function useFormTemplateDraft(\n  initialTemplate?: FormTemplate,\n  initialJsonSchema?: RJSFSchema,\n): FormTemplateDraft {\n  const [name, setName] = useState(initialTemplate?.name ?? '')\n  const [draft, setDraft] = useState<FormTemplateDraftState>(() => ({\n    jsonSchema: initialJsonSchema ?? createNewFormTemplateSchema(),\n    steps: initialTemplate\n      ? toEditableSteps(initialTemplate.steps)\n      : [createEditableStep()],\n    editingPropertyKey: null,\n  }))\n  const { jsonSchema, steps, editingPropertyKey } = draft\n\n  const setJsonSchema = useCallback(\n    (next: RJSFSchema) => setDraft(prev => ({ ...prev, jsonSchema: next })),\n    [],\n  )\n  const setSteps = useCallback(\n    (next: EditableFormTemplateStep[]) =>\n      setDraft(prev => ({ ...prev, steps: next })),\n    [],\n  )\n  const setEditingPropertyKey = useCallback(\n    (key: string | null) =>\n      setDraft(prev => ({ ...prev, editingPropertyKey: key })),\n    [],\n  )\n\n  const usedPaths = useMemo(() => boundSchemaPaths(steps), [steps])\n  const existingPropertyKeys = useMemo(\n    () => schemaPropertyKeys(jsonSchema),\n    [jsonSchema],\n  )\n  const unboundProperties = useMemo(\n    () => listUnboundProperties(jsonSchema, steps),\n    [jsonSchema, steps],\n  )\n\n  // Every transition reads the latest state through the updater, so several mutations batched in\n  // one event compose instead of each seeing the same render-time snapshot.\n  const handleCreateField = useCallback(() => setDraft(createField), [])\n  const handleRenamePropertyKey = useCallback(\n    (oldKey: string, newKey: string) =>\n      setDraft(prev => renamePropertyKey(prev, oldKey, newKey)),\n    [],\n  )\n  const handleUpdateProperty = useCallback(\n    (key: string, patch: Partial<RJSFSchema>) =>\n      setDraft(prev => updateProperty(prev, key, patch)),\n    [],\n  )\n  const handleReplaceProperty = useCallback(\n    (key: string, next: RJSFSchema) =>\n      setDraft(prev => replaceProperty(prev, key, next)),\n    [],\n  )\n  const handleChangeRequired = useCallback(\n    (key: string, isRequired: boolean) =>\n      setDraft(prev => changeRequired(prev, key, isRequired)),\n    [],\n  )\n  const handleChangeContext = useCallback(\n    (key: string, context: SchemaPropertyContext) =>\n      setDraft(prev => changeContext(prev, key, context)),\n    [],\n  )\n  const handleRemoveProperty = useCallback(\n    (key: string) => setDraft(prev => removeProperty(prev, key)),\n    [],\n  )\n  const handleMoveStep = useCallback(\n    (fromIndex: number, toIndex: number) =>\n      setDraft(prev => moveStep(prev, fromIndex, toIndex)),\n    [],\n  )\n  const handleMoveSlot = useCallback(\n    (schemaPath: string, toStepKey: string, toIndex: number) =>\n      setDraft(prev => moveSlot(prev, schemaPath, toStepKey, toIndex)),\n    [],\n  )\n  const handleBindField = useCallback(\n    (propertyKey: string, stepKey: string) =>\n      setDraft(prev => bindField(prev, propertyKey, stepKey)),\n    [],\n  )\n\n  const previewTemplate: FormTemplate = useMemo(\n    () => ({\n      ...initialTemplate,\n      name,\n      schema$id: (jsonSchema.$id as string) ?? '',\n      steps: toFormTemplateSteps(steps),\n    }),\n    [initialTemplate, name, jsonSchema.$id, steps],\n  )\n\n  return {\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: handleRenamePropertyKey,\n    handleUpdateProperty,\n    handleReplaceProperty,\n    handleChangeRequired,\n    handleChangeContext,\n    handleRemoveProperty,\n    moveStep: handleMoveStep,\n    moveSlot: handleMoveSlot,\n    bindField: handleBindField,\n    previewTemplate,\n  }\n}\n"],"mappings":";;;;;AAgEA,SAAgB,EACd,GACA,GACmB;CACnB,IAAM,CAAC,GAAM,KAAW,EAAS,GAAiB,QAAQ,EAAE,GACtD,CAAC,GAAO,KAAY,SAAwC;EAChE,YAAY,KAAqB,EAA4B;EAC7D,OAAO,IACH,EAAgB,EAAgB,KAAK,IACrC,CAAC,EAAmB,CAAC;EACzB,oBAAoB;CACtB,EAAE,GACI,EAAE,eAAY,UAAO,0BAAuB;CAqFlD,OAAO;EACL;EACA;EACA;EACA,eAvFoB,GACnB,MAAqB,GAAS,OAAS;GAAE,GAAG;GAAM,YAAY;EAAK,EAAE,GACtE,CAAC,CAqFD;EACA;EACA,UArFe,GACd,MACC,GAAS,OAAS;GAAE,GAAG;GAAM,OAAO;EAAK,EAAE,GAC7C,CAAC,CAkFD;EACA;EACA,uBAlF4B,GAC3B,MACC,GAAS,OAAS;GAAE,GAAG;GAAM,oBAAoB;EAAI,EAAE,GACzD,CAAC,CA+ED;EACA,WA7EgB,QAAc,EAAiB,CAAK,GAAG,CAAC,CAAK,CA6E7D;EACA,sBA7E2B,QACrB,EAAmB,CAAU,GACnC,CAAC,CAAU,CA2EX;EACA,mBA1EwB,QAClB,EAAsB,GAAY,CAAK,GAC7C,CAAC,GAAY,CAAK,CAwElB;EACA,mBApEwB,QAAkB,EAAS,CAAW,GAAG,CAAC,CAoElE;EACA,mBApE8B,GAC7B,GAAgB,MACf,GAAS,MAAQ,EAAkB,GAAM,GAAQ,CAAM,CAAC,GAC1D,CAAC,CAiEkB;EACnB,sBAhE2B,GAC1B,GAAa,MACZ,GAAS,MAAQ,EAAe,GAAM,GAAK,CAAK,CAAC,GACnD,CAAC,CA6DD;EACA,uBA5D4B,GAC3B,GAAa,MACZ,GAAS,MAAQ,EAAgB,GAAM,GAAK,CAAI,CAAC,GACnD,CAAC,CAyDD;EACA,sBAxD2B,GAC1B,GAAa,MACZ,GAAS,MAAQ,EAAe,GAAM,GAAK,CAAU,CAAC,GACxD,CAAC,CAqDD;EACA,qBApD0B,GACzB,GAAa,MACZ,GAAS,MAAQ,EAAc,GAAM,GAAK,CAAO,CAAC,GACpD,CAAC,CAiDD;EACA,sBAhD2B,GAC1B,MAAgB,GAAS,MAAQ,EAAe,GAAM,CAAG,CAAC,GAC3D,CAAC,CA8CD;EACA,UA7CqB,GACpB,GAAmB,MAClB,GAAS,MAAQ,EAAS,GAAM,GAAW,CAAO,CAAC,GACrD,CAAC,CA0CS;EACV,UAzCqB,GACpB,GAAoB,GAAmB,MACtC,GAAS,MAAQ,EAAS,GAAM,GAAY,GAAW,CAAO,CAAC,GACjE,CAAC,CAsCS;EACV,WArCsB,GACrB,GAAqB,MACpB,GAAS,MAAQ,EAAU,GAAM,GAAa,CAAO,CAAC,GACxD,CAAC,CAkCU;EACX,iBAhCoC,SAC7B;GACL,GAAG;GACH;GACA,WAAY,EAAW,OAAkB;GACzC,OAAO,EAAoB,CAAK;EAClC,IACA;GAAC;GAAiB;GAAM,EAAW;GAAK;EAAK,CAyB7C;CACF;AACF"}

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

@@ -0,0 +1,9 @@
+import { DragEndEvent, DragOverEvent } from '@dnd-kit/react';
+import { FormTemplateDraft } from './useFormTemplateDraft';
+export type FormTemplateDragHandlers = {
+    onDragStart: () => void;
+    onDragOver: (event: DragOverEvent) => void;
+    onDragEnd: (event: DragEndEvent) => void;
+};
+export declare function useFormTemplateDrag({ steps, setSteps, moveStep, moveSlot, bindField, }: Pick<FormTemplateDraft, 'steps' | 'setSteps' | 'moveStep' | 'moveSlot' | 'bindField'>): FormTemplateDragHandlers;
+//# sourceMappingURL=useFormTemplateDrag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormTemplateDrag.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useFormTemplateDrag.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAW5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC1C,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CACzC,CAAA;AAwBD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,IAAI,CACL,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAC7D,GAAG,wBAAwB,CAuE3B"}

package/dist/components/FormTemplateEditor/useFormTemplateDrag.js

@@ -0,0 +1,66 @@
+import { readFieldDragData as e, slotGroupId as t, slotSortableId as n, stepSortableId as r } from "./sortableIds.js";
+import { useCallback as i, useMemo as a, useRef as o } from "react";
+import { move as s } from "@dnd-kit/helpers";
+//#region src/components/FormTemplateEditor/useFormTemplateDrag.ts
+function c(e, r, i) {
+	let a = Object.fromEntries(e.map((e) => [t(e), e.fields.map(n)])), o = s(a, r);
+	if (o === a) return null;
+	for (let n of e) {
+		let e = o[t(n)]?.indexOf(i) ?? -1;
+		if (e !== -1) return {
+			stepKey: n.uiKey,
+			index: e
+		};
+	}
+	return null;
+}
+function l({ steps: t, setSteps: l, moveStep: u, moveSlot: d, bindField: f }) {
+	let p = o(null), m = i(() => {
+		p.current = t;
+	}, [t]), h = i((e) => {
+		let { source: i } = e.operation;
+		if (!i) return;
+		let a = String(i.id);
+		if (i.type === "step") {
+			let n = t.map(r), i = s(n, e);
+			if (i === n) return;
+			u(n.indexOf(a), i.indexOf(a));
+			return;
+		}
+		if (i.type === "slot") {
+			let r = t.flatMap((e) => e.fields).find((e) => n(e) === a), i = c(t, e, a);
+			r && i && d(r.schemaPath, i.stepKey, i.index);
+		}
+	}, [
+		t,
+		u,
+		d
+	]), g = i((n) => {
+		let i = p.current;
+		if (p.current = null, n.canceled) {
+			i && l(i);
+			return;
+		}
+		let { source: a, target: o } = n.operation;
+		if (a?.type !== "field" || o?.type !== "step") return;
+		let s = e(a.data), c = t.find((e) => r(e) === String(o.id));
+		s && c && f(s, c.uiKey);
+	}, [
+		t,
+		l,
+		f
+	]);
+	return a(() => ({
+		onDragStart: m,
+		onDragOver: h,
+		onDragEnd: g
+	}), [
+		m,
+		h,
+		g
+	]);
+}
+//#endregion
+export { l as useFormTemplateDrag };
+
+//# sourceMappingURL=useFormTemplateDrag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormTemplateDrag.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useFormTemplateDrag.ts"],"sourcesContent":["/*\n * Drag-and-drop for the FormTemplateEditor, as handlers for `DragDropProvider`. Translates dnd-kit\n * events into the draft's intent-level moves; the geometry of where a drag lands is left to\n * `@dnd-kit/helpers`' `move`, applied to id projections of the draft.\n */\nimport { move } from '@dnd-kit/helpers'\nimport { DragEndEvent, DragOverEvent } from '@dnd-kit/react'\nimport { useCallback, useMemo, useRef } from 'react'\nimport {\n  FIELD_DRAG_TYPE,\n  readFieldDragData,\n  slotGroupId,\n  SLOT_SORTABLE_TYPE,\n  slotSortableId,\n  stepSortableId,\n  STEP_SORTABLE_TYPE,\n} from './sortableIds'\nimport { FormTemplateDraft } from './useFormTemplateDraft'\nimport { EditableFormTemplateStep } from './utils'\n\nexport type FormTemplateDragHandlers = {\n  onDragStart: () => void\n  onDragOver: (event: DragOverEvent) => void\n  onDragEnd: (event: DragEndEvent) => void\n}\n\n/**\n * The step a slot sortable ends up in after `move`, and its index there. `move` over the\n * `Record<slotGroupId, slotSortableId[]>` projection is what resolves a drag across steps,\n * including onto an empty step's slot list.\n */\nfunction projectSlotMove(\n  steps: EditableFormTemplateStep[],\n  event: DragOverEvent,\n  slotId: string,\n): { stepKey: string; index: number } | null {\n  const groups: Record<string, string[]> = Object.fromEntries(\n    steps.map(step => [slotGroupId(step), step.fields.map(slotSortableId)]),\n  )\n  const moved = move(groups, event)\n  if (moved === groups) return null\n  for (const step of steps) {\n    const index = moved[slotGroupId(step)]?.indexOf(slotId) ?? -1\n    if (index !== -1) return { stepKey: step.uiKey, index }\n  }\n  return null\n}\n\nexport function useFormTemplateDrag({\n  steps,\n  setSteps,\n  moveStep,\n  moveSlot,\n  bindField,\n}: Pick<\n  FormTemplateDraft,\n  'steps' | 'setSteps' | 'moveStep' | 'moveSlot' | 'bindField'\n>): FormTemplateDragHandlers {\n  // The steps as they stood before the in-flight drag. `onDragOver` rewrites the steps as the\n  // pointer moves, so this snapshot is the only way back if the gesture is canceled — dnd-kit\n  // reverts its own state, never ours.\n  const stepsBeforeDrag = useRef<EditableFormTemplateStep[] | null>(null)\n\n  const onDragStart = useCallback(() => {\n    stepsBeforeDrag.current = steps\n  }, [steps])\n\n  // Reordering is applied while dragging rather than on drop. `useSortable` ships with\n  // `OptimisticSortingPlugin`, which reorders the dragged element in the DOM behind React's back\n  // unless the draft already reflects the new order by the time the drag-over render commits.\n  // Letting it win moves a slot's element into another step's list while React still believes it\n  // belongs to the old one, which strands the node and throws on the next removal.\n  const onDragOver = useCallback(\n    (event: DragOverEvent) => {\n      const { source } = event.operation\n      if (!source) return\n      const sourceId = String(source.id)\n\n      if (source.type === STEP_SORTABLE_TYPE) {\n        const stepIds = steps.map(stepSortableId)\n        const moved = move(stepIds, event)\n        if (moved === stepIds) return\n        moveStep(stepIds.indexOf(sourceId), moved.indexOf(sourceId))\n        return\n      }\n\n      if (source.type === SLOT_SORTABLE_TYPE) {\n        const field = steps\n          .flatMap(step => step.fields)\n          .find(f => slotSortableId(f) === sourceId)\n        const destination = projectSlotMove(steps, event, sourceId)\n        if (field && destination) {\n          moveSlot(field.schemaPath, destination.stepKey, destination.index)\n        }\n      }\n    },\n    [steps, moveStep, moveSlot],\n  )\n\n  // Binding a library field to a step is the one drag that is not a reorder, so it has no\n  // optimistic counterpart to keep in sync and only takes effect once the field is dropped.\n  const onDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const snapshot = stepsBeforeDrag.current\n      stepsBeforeDrag.current = null\n      if (event.canceled) {\n        if (snapshot) setSteps(snapshot)\n        return\n      }\n\n      const { source, target } = event.operation\n      if (\n        source?.type !== FIELD_DRAG_TYPE ||\n        target?.type !== STEP_SORTABLE_TYPE\n      ) {\n        return\n      }\n      const propertyKey = readFieldDragData(source.data)\n      const step = steps.find(s => stepSortableId(s) === String(target.id))\n      if (propertyKey && step) bindField(propertyKey, step.uiKey)\n    },\n    [steps, setSteps, bindField],\n  )\n\n  return useMemo(\n    () => ({ onDragStart, onDragOver, onDragEnd }),\n    [onDragStart, onDragOver, onDragEnd],\n  )\n}\n"],"mappings":";;;;AA+BA,SAAS,EACP,GACA,GACA,GAC2C;CAC3C,IAAM,IAAmC,OAAO,YAC9C,EAAM,KAAI,MAAQ,CAAC,EAAY,CAAI,GAAG,EAAK,OAAO,IAAI,CAAc,CAAC,CAAC,CACxE,GACM,IAAQ,EAAK,GAAQ,CAAK;CAChC,IAAI,MAAU,GAAQ,OAAO;CAC7B,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAQ,EAAM,EAAY,CAAI,IAAI,QAAQ,CAAM,KAAK;EAC3D,IAAI,MAAU,IAAI,OAAO;GAAE,SAAS,EAAK;GAAO;EAAM;CACxD;CACA,OAAO;AACT;AAEA,SAAgB,EAAoB,EAClC,UACA,aACA,aACA,aACA,gBAI2B;CAI3B,IAAM,IAAkB,EAA0C,IAAI,GAEhE,IAAc,QAAkB;EACpC,EAAgB,UAAU;CAC5B,GAAG,CAAC,CAAK,CAAC,GAOJ,IAAa,GAChB,MAAyB;EACxB,IAAM,EAAE,cAAW,EAAM;EACzB,IAAI,CAAC,GAAQ;EACb,IAAM,IAAW,OAAO,EAAO,EAAE;EAEjC,IAAI,EAAO,SAAA,QAA6B;GACtC,IAAM,IAAU,EAAM,IAAI,CAAc,GAClC,IAAQ,EAAK,GAAS,CAAK;GACjC,IAAI,MAAU,GAAS;GACvB,EAAS,EAAQ,QAAQ,CAAQ,GAAG,EAAM,QAAQ,CAAQ,CAAC;GAC3D;EACF;EAEA,IAAI,EAAO,SAAA,QAA6B;GACtC,IAAM,IAAQ,EACX,SAAQ,MAAQ,EAAK,MAAM,EAC3B,MAAK,MAAK,EAAe,CAAC,MAAM,CAAQ,GACrC,IAAc,EAAgB,GAAO,GAAO,CAAQ;GAC1D,AAAI,KAAS,KACX,EAAS,EAAM,YAAY,EAAY,SAAS,EAAY,KAAK;EAErE;CACF,GACA;EAAC;EAAO;EAAU;CAAQ,CAC5B,GAIM,IAAY,GACf,MAAwB;EACvB,IAAM,IAAW,EAAgB;EAEjC,IADA,EAAgB,UAAU,MACtB,EAAM,UAAU;GAClB,AAAI,KAAU,EAAS,CAAQ;GAC/B;EACF;EAEA,IAAM,EAAE,WAAQ,cAAW,EAAM;EACjC,IACE,GAAQ,SAAA,WACR,GAAQ,SAAA,QAER;EAEF,IAAM,IAAc,EAAkB,EAAO,IAAI,GAC3C,IAAO,EAAM,MAAK,MAAK,EAAe,CAAC,MAAM,OAAO,EAAO,EAAE,CAAC;EACpE,AAAI,KAAe,KAAM,EAAU,GAAa,EAAK,KAAK;CAC5D,GACA;EAAC;EAAO;EAAU;CAAS,CAC7B;CAEA,OAAO,SACE;EAAE;EAAa;EAAY;CAAU,IAC5C;EAAC;EAAa;EAAY;CAAS,CACrC;AACF"}

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

@@ -0,0 +1,28 @@
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+import { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError';
+import { RJSFSchema } from '@rjsf/utils';
+import { UseMutationOptions } from '@tanstack/react-query';
+import { EditableFormTemplateStep } from './utils';
+import { FormTemplateFieldValidationError } from './formTemplateValidation';
+export type SaveFormTemplateDraftParams = {
+    initialTemplate?: FormTemplate;
+    initialJsonSchema?: RJSFSchema;
+    name: string;
+    jsonSchema: RJSFSchema;
+    steps: EditableFormTemplateStep[];
+};
+export type SaveFormTemplateDraftResult = {
+    ok: true;
+    template: FormTemplate;
+} | {
+    ok: false;
+    validationErrors: FormTemplateFieldValidationError[];
+};
+/**
+ * Owns the create-schema, create-template, and update-template mutations, and sequences them
+ * into a single save mutation. A validation failure resolves as `{ ok: false, validationErrors }`
+ * rather than rejecting; a network failure (including a 412 conflict from a concurrent edit)
+ * rejects normally, surfaced via the returned mutation's `error`.
+ */
+export declare function useSaveFormTemplate(options?: Omit<UseMutationOptions<SaveFormTemplateDraftResult, SynapseClientError, SaveFormTemplateDraftParams>, 'mutationFn'>): import("@tanstack/react-query").UseMutationResult<SaveFormTemplateDraftResult, SynapseClientError, SaveFormTemplateDraftParams, unknown>;
+//# sourceMappingURL=useSaveFormTemplate.d.ts.map

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

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

package/dist/components/FormTemplateEditor/useSaveFormTemplate.js

@@ -0,0 +1,54 @@
+import { useSynapseContext as e } from "../../utils/context/SynapseContext.js";
+import { useCreateFormTemplate as t, useUpdateFormTemplate as n } from "../../synapse-queries/dataaccess/useFormTemplate.js";
+import { getJsonSchemaVersionsQuery as r } from "../../synapse-queries/jsonschema/useListJsonSchemaVersions.js";
+import { useCreateJsonSchema as i } from "../../synapse-queries/jsonschema/useCreateJsonSchema.js";
+import { formatSchema$id as a, getNextSchemaVersion as o, resolveFormTemplateSchemaName as s } from "./formTemplateSchema.js";
+import { toFormTemplateSteps as c } from "./utils.js";
+import { validateFormTemplateFields as l } from "./formTemplateValidation.js";
+import { useMutation as u, useQueryClient as d } from "@tanstack/react-query";
+import f from "lodash-es/isEqual";
+//#region src/components/FormTemplateEditor/useSaveFormTemplate.ts
+function p(p) {
+	let m = d(), { synapseClient: h, keyFactory: g } = e(), _ = i(), v = t(), y = n();
+	return u({
+		...p,
+		mutationFn: async (e) => {
+			let t = c(e.steps), n = l(t, e.jsonSchema);
+			if (n.length > 0) return {
+				ok: !1,
+				validationErrors: n
+			};
+			let i = e.initialTemplate?.schema$id ?? "";
+			if (!f(e.jsonSchema, e.initialJsonSchema) || !i) {
+				let t = s(e.name, e.initialTemplate?.schema$id), n = await m.fetchQuery({
+					...r(t.organizationName, t.schemaName, {
+						synapseClient: h,
+						keyFactory: g
+					}),
+					staleTime: 0
+				});
+				i = (await _.mutateAsync({
+					...e.jsonSchema,
+					$id: a(t, o(n))
+				})).newVersionInfo.$id;
+			}
+			let u = {
+				...e.initialTemplate,
+				name: e.name,
+				schema$id: i,
+				steps: t
+			};
+			return {
+				ok: !0,
+				template: e.initialTemplate?.id ? await y.mutateAsync({
+					templateId: e.initialTemplate.id,
+					formTemplate: u
+				}) : await v.mutateAsync(u)
+			};
+		}
+	});
+}
+//#endregion
+export { p as useSaveFormTemplate };
+
+//# sourceMappingURL=useSaveFormTemplate.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { FormTemplateStep } from '@sage-bionetworks/synapse-client';
+export { moveItem } from '@/utils/functions/ArrayUtils';
+/** Label for the per-step control that binds an unbound field into that step. */
+export declare const BIND_FIELD_LABEL = "Bind field";
+/**
+ * A `FormTemplateStep` with a client-only stable identity, used as a React
+ * key and drag-and-drop sortable id. Steps have no natural unique field
+ * (unlike fields, whose identity is their `schemaPath`), so the editor
+ * tracks one here. `uiKey` never leaves this component tree — strip it with
+ * `toFormTemplateSteps` before handing steps back to a caller.
+ */
+export type EditableFormTemplateStep = FormTemplateStep & {
+    uiKey: string;
+};
+/** Create a new empty step with a fresh identity. */
+export declare function createEditableStep(): EditableFormTemplateStep;
+/** Attach a fresh identity to each step loaded from outside the editor. */
+export declare function toEditableSteps(steps: FormTemplateStep[]): EditableFormTemplateStep[];
+/** Strip the client-only identity before handing steps back to a caller. */
+export declare function toFormTemplateSteps(steps: EditableFormTemplateStep[]): FormTemplateStep[];
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEvD,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAI5C;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3E,qDAAqD;AACrD,wBAAgB,kBAAkB,IAAI,wBAAwB,CAO7D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAC7B,KAAK,EAAE,gBAAgB,EAAE,GACxB,wBAAwB,EAAE,CAE5B;AAED,4EAA4E;AAC5E,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,EAAE,GAChC,gBAAgB,EAAE,CAEpB"}

package/dist/components/FormTemplateEditor/utils.js

@@ -0,0 +1,24 @@
+import { moveItem as e } from "../../utils/functions/ArrayUtils.js";
+//#region src/components/FormTemplateEditor/utils.ts
+var t = "Bind field", n = 0;
+function r() {
+	return {
+		title: "New Step",
+		description: "",
+		fields: [],
+		uiKey: `step-${n++}`
+	};
+}
+function i(e) {
+	return e.map((e) => ({
+		...e,
+		uiKey: `step-${n++}`
+	}));
+}
+function a(e) {
+	return e.map(({ uiKey: e, ...t }) => t);
+}
+//#endregion
+export { t as BIND_FIELD_LABEL, r as createEditableStep, e as moveItem, i as toEditableSteps, a as toFormTemplateSteps };
+
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/utils.ts"],"sourcesContent":["import { FormTemplateStep } from '@sage-bionetworks/synapse-client'\n\nexport { moveItem } from '@/utils/functions/ArrayUtils'\n\n/** Label for the per-step control that binds an unbound field into that step. */\nexport const BIND_FIELD_LABEL = 'Bind field'\n\nlet nextUiKeySeq = 0\n\n/**\n * A `FormTemplateStep` with a client-only stable identity, used as a React\n * key and drag-and-drop sortable id. Steps have no natural unique field\n * (unlike fields, whose identity is their `schemaPath`), so the editor\n * tracks one here. `uiKey` never leaves this component tree — strip it with\n * `toFormTemplateSteps` before handing steps back to a caller.\n */\nexport type EditableFormTemplateStep = FormTemplateStep & { uiKey: string }\n\n/** Create a new empty step with a fresh identity. */\nexport function createEditableStep(): EditableFormTemplateStep {\n  return {\n    title: 'New Step',\n    description: '',\n    fields: [],\n    uiKey: `step-${nextUiKeySeq++}`,\n  }\n}\n\n/** Attach a fresh identity to each step loaded from outside the editor. */\nexport function toEditableSteps(\n  steps: FormTemplateStep[],\n): EditableFormTemplateStep[] {\n  return steps.map(step => ({ ...step, uiKey: `step-${nextUiKeySeq++}` }))\n}\n\n/** Strip the client-only identity before handing steps back to a caller. */\nexport function toFormTemplateSteps(\n  steps: EditableFormTemplateStep[],\n): FormTemplateStep[] {\n  return steps.map(({ uiKey: _uiKey, ...rest }) => rest)\n}\n"],"mappings":";;AAKA,IAAa,IAAmB,cAE5B,IAAe;AAYnB,SAAgB,IAA+C;CAC7D,OAAO;EACL,OAAO;EACP,aAAa;EACb,QAAQ,CAAC;EACT,OAAO,QAAQ;CACjB;AACF;AAGA,SAAgB,EACd,GAC4B;CAC5B,OAAO,EAAM,KAAI,OAAS;EAAE,GAAG;EAAM,OAAO,QAAQ;CAAiB,EAAE;AACzE;AAGA,SAAgB,EACd,GACoB;CACpB,OAAO,EAAM,KAAK,EAAE,OAAO,GAAQ,GAAG,QAAW,CAAI;AACvD"}

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts

@@ -13,7 +13,7 @@ export interface CustomFormContext extends FormContextType {
     /**
      * Allows varying the appearance of descriptions in the UI as either a popover or an expand/collapse control
      */
-    descriptionVariant?: 'popover' | 'expand';
+    descriptionVariant?: 'popover' | 'expand' | 'inline';
     /**
      * Allows varying the format of the description in the UI. If 'table', then the description and type are both shown
      * in a table format. If 'string', then the description is shown as a string.

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;CAC3C"}
+{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAEpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;CAC3C"}

package/dist/components/JsonSchemaForm/JsonSchemaForm.css

@@ -1 +1 @@
-._jsonSchemaForm_sosz4_1{grid-template-rows:auto auto auto auto auto;margin-bottom:15px;display:grid}._jsonSchemaForm_sosz4_1 .react-select-container>.form-control{height:53.33px}._jsonSchemaForm_sosz4_1 .form-group.rjsf-field-array{margin-bottom:0}._jsonSchemaForm_sosz4_1 .form-control{height:unset}._jsonSchemaForm_sosz4_1 .MuiTextField-root:not(.datetime-picker){display:flex}._jsonSchemaForm_sosz4_1 .rjsf-array-item .LabelContainer{display:none!important}._jsonSchemaForm_sosz4_1>.form-group{grid-row-start:1}._jsonSchemaForm_sosz4_1>hr{grid-row-start:4;width:100%}._jsonSchemaForm_sosz4_1 .row{padding:0 10px}._jsonSchemaForm_sosz4_1 .rjsf-field-array>.field-description{margin-top:0;margin-bottom:8px}._jsonSchemaForm_sosz4_1 .rjsf-array-item .field-description,._jsonSchemaForm_sosz4_1 .rjsf-array-item .HelpButton{display:none}._jsonSchemaForm_sosz4_1 .rjsf-array-item .form-control,._jsonSchemaForm_sosz4_1 .rjsf-array-item .react-select-container{grid-row-start:widget}._jsonSchemaForm_sosz4_1 .rjsf-array-item div{grid-row-start:errors}._jsonSchemaForm_sosz4_1 .LabelContainer{display:flex}._jsonSchemaForm_sosz4_1 .LabelContainer label{flex-grow:1}._jsonSchemaForm_sosz4_1 .LabelContainer label span.required{color:var(--synapse-red-required);margin-left:2px}._jsonSchemaForm_sosz4_1 select{background-color:var(--synapse-gray-light)}._jsonSchemaForm_sosz4_1 .rjsf-field-array>.rjsf-array-item>label.form-label{display:none}._jsonSchemaForm_sosz4_1 .HelpButton{float:right;cursor:pointer;margin:0 0 .5rem}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th,._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr td{vertical-align:middle;padding:3px 0}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th .field-description,._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr td .field-description{margin-bottom:0}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th{color:var(--synapse-text-color-disabled);padding-right:25px;font-weight:400}
+._jsonSchemaForm_zdhfc_1{grid-template-rows:auto auto auto auto auto;margin-bottom:15px;display:grid}._jsonSchemaForm_zdhfc_1 .react-select-container>.form-control{height:53.33px}._jsonSchemaForm_zdhfc_1 .form-group.rjsf-field-array{margin-bottom:0}._jsonSchemaForm_zdhfc_1 .form-control{height:unset}._jsonSchemaForm_zdhfc_1 .MuiTextField-root:not(.datetime-picker){display:flex}._jsonSchemaForm_zdhfc_1 .rjsf-array-item .LabelContainer{display:none!important}._jsonSchemaForm_zdhfc_1>.form-group{grid-row-start:1}._jsonSchemaForm_zdhfc_1>hr{grid-row-start:4;width:100%}._jsonSchemaForm_zdhfc_1 .row{padding:0 10px}._jsonSchemaForm_zdhfc_1 .field-description-inline{margin-bottom:8px}._jsonSchemaForm_zdhfc_1 .rjsf-field-array>.field-description{margin-top:0;margin-bottom:8px}._jsonSchemaForm_zdhfc_1 .rjsf-array-item .field-description,._jsonSchemaForm_zdhfc_1 .rjsf-array-item .field-description-inline,._jsonSchemaForm_zdhfc_1 .rjsf-array-item .HelpButton{display:none}._jsonSchemaForm_zdhfc_1 .rjsf-array-item .form-control,._jsonSchemaForm_zdhfc_1 .rjsf-array-item .react-select-container{grid-row-start:widget}._jsonSchemaForm_zdhfc_1 .rjsf-array-item div{grid-row-start:errors}._jsonSchemaForm_zdhfc_1 .LabelContainer{display:flex}._jsonSchemaForm_zdhfc_1 .LabelContainer label{flex-grow:1}._jsonSchemaForm_zdhfc_1 .LabelContainer label span.required{color:var(--synapse-red-required);margin-left:2px}._jsonSchemaForm_zdhfc_1 select{background-color:var(--synapse-gray-light)}._jsonSchemaForm_zdhfc_1 .rjsf-field-array>.rjsf-array-item>label.form-label{display:none}._jsonSchemaForm_zdhfc_1 .HelpButton{float:right;cursor:pointer;margin:0 0 .5rem}._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr th,._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr td{vertical-align:middle;padding:3px 0}._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr th .field-description,._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr td .field-description{margin-bottom:0}._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr th{color:var(--synapse-text-color-disabled);padding-right:25px;font-weight:400}