synapse-react-client 4.0.41 → 4.0.43

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.map

@@ -1 +1 @@
-{"version":3,"file":"useSaveFormTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"names":[],"mappings":"AAWA,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,EAAe,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,EAAE,wBAAwB,EAAuB,MAAM,SAAS,CAAA;AACvE,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,4IAuDF"}
+{"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

@@ -1,39 +1,54 @@
-import { useCreateFormTemplate as e, useUpdateFormTemplate as t } from "../../synapse-queries/dataaccess/useFormTemplate.js";
-import { useCreateJsonSchema as n } from "../../synapse-queries/jsonschema/useCreateJsonSchema.js";
-import { validateFormTemplateFields as r } from "./formTemplateValidation.js";
-import { toFormTemplateSteps as i } from "./utils.js";
-import { useMutation as a } from "@tanstack/react-query";
-import o from "lodash-es/isEqual";
+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 s(s) {
-	let c = n(), l = e(), u = t();
-	return a({
-		...s,
+function p(p) {
+	let m = d(), { synapseClient: h, keyFactory: g } = e(), _ = i(), v = t(), y = n();
+	return u({
+		...p,
 		mutationFn: async (e) => {
-			let t = i(e.steps), n = r(t, e.jsonSchema);
+			let t = c(e.steps), n = l(t, e.jsonSchema);
 			if (n.length > 0) return {
 				ok: !1,
 				validationErrors: n
 			};
-			let a = e.initialTemplate?.schema$id ?? "";
-			(!o(e.jsonSchema, e.initialJsonSchema) || !a) && (a = (await c.mutateAsync(e.jsonSchema)).newVersionInfo.$id);
-			let s = {
+			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: a,
+				schema$id: i,
 				steps: t
 			};
 			return {
 				ok: !0,
-				template: e.initialTemplate?.id ? await u.mutateAsync({
+				template: e.initialTemplate?.id ? await y.mutateAsync({
 					templateId: e.initialTemplate.id,
-					formTemplate: s
-				}) : await l.mutateAsync(s)
+					formTemplate: u
+				}) : await v.mutateAsync(u)
 			};
 		}
 	});
 }
 //#endregion
-export { s as useSaveFormTemplate };
+export { p as useSaveFormTemplate };
 
 //# sourceMappingURL=useSaveFormTemplate.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSaveFormTemplate.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"sourcesContent":["/*\n * Network orchestration for saving a FormTemplate draft: pre-flight client-side validation\n * (mirroring the server's per-field rules, since the server only returns a flat message),\n * registering a new JSON Schema version when the schema body changed, and creating or updating\n * the FormTemplate against that schema version.\n */\nimport { 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 { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { EditableFormTemplateStep, toFormTemplateSteps } from './utils'\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 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 response = await createSchema.mutateAsync(\n          params.jsonSchema as JsonSchema,\n        )\n        schema$id = response.newVersionInfo!.$id!\n      }\n\n      const formTemplate: FormTemplate = {\n        ...params.initialTemplate,\n        name: params.name,\n        schema$id,\n        steps: formTemplateSteps,\n      }\n\n      const template = params.initialTemplate?.id\n        ? await updateTemplate.mutateAsync({\n            templateId: params.initialTemplate.id,\n            formTemplate,\n          })\n        : await createTemplate.mutateAsync(formTemplate)\n\n      return { ok: true, template }\n    },\n  })\n}\n"],"mappings":";;;;;;;AAwCA,SAAgB,EACd,GAQA;CACA,IAAM,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,CAAI,CAJmB,EACrB,EAAO,YACP,EAAO,iBACT,KACqB,CAAC,OAIpB,KAAY,MAHW,EAAa,YAClC,EAAO,UACT,GACqB,eAAgB;GAGvC,IAAM,IAA6B;IACjC,GAAG,EAAO;IACV,MAAM,EAAO;IACb;IACA,OAAO;GACT;GASA,OAAO;IAAE,IAAI;IAAM,UAPF,EAAO,iBAAiB,KACrC,MAAM,EAAe,YAAY;KAC/B,YAAY,EAAO,gBAAgB;KACnC;IACF,CAAC,IACD,MAAM,EAAe,YAAY,CAAY;GAErB;EAC9B;CACF,CAAC;AACH"}
+{"version":3,"file":"useSaveFormTemplate.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"sourcesContent":["/*\n * Network orchestration for saving a FormTemplate draft: pre-flight client-side validation\n * (mirroring the server's per-field rules, since the server only returns a flat message),\n * registering a new JSON Schema version when the schema body changed, and creating or updating\n * the FormTemplate against that schema version.\n */\nimport { getJsonSchemaVersionsQuery } from '@/synapse-queries/jsonschema/useListJsonSchemaVersions'\nimport { useCreateJsonSchema } from '@/synapse-queries/jsonschema/useCreateJsonSchema'\nimport {\n  useCreateFormTemplate,\n  useUpdateFormTemplate,\n} from '@/synapse-queries/dataaccess/useFormTemplate'\nimport { FormTemplate, 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

@@ -1,5 +1,7 @@
 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
@@ -16,6 +18,4 @@ export declare function createEditableStep(): EditableFormTemplateStep;
 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[];
-/** Normalize a JSON pointer (ensure leading slash). */
-export declare function normalizePointer(p: string): string;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +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;AAIvD;;;;;;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;AAED,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAGlD"}
+{"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

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

@@ -1 +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\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\n/** Normalize a JSON pointer (ensure leading slash). */\nexport function normalizePointer(p: string): string {\n  if (!p) return p\n  return p.startsWith('/') ? p : `/${p}`\n}\n"],"mappings":";;AAIA,IAAI,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;AAGA,SAAgB,EAAiB,GAAmB;CAElD,OADK,MACE,EAAE,WAAW,GAAG,IAAI,IAAI,IAAI;AACrC"}
+{"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/SchemaStepForm.d.ts

@@ -0,0 +1,21 @@
+import { GeneratedFormStepForRjsf } from '@/utils/jsonschema/generateDataAccessSchema';
+import { SchemaData } from '@/utils/jsonschema/schemaData';
+import { Ref } from 'react';
+export type SchemaStepFormHandle = {
+    /** Validates the step's answers, showing errors against invalid fields. */
+    submit: () => void;
+};
+export type SchemaStepFormProps = {
+    ref?: Ref<SchemaStepFormHandle>;
+    step: GeneratedFormStepForRjsf;
+    schemaData: SchemaData;
+    onSchemaDataChange: (schemaData: SchemaData) => void;
+    /** Invoked with the complete answers when the step's answers pass validation. */
+    onValid?: (schemaData: SchemaData) => void;
+};
+/**
+ * A single step of a form generated from a FormTemplate, rendered as a requester sees it. The answers of all steps
+ * are kept in `schemaData`; the step shows and updates only its own.
+ */
+export default function SchemaStepForm(props: SchemaStepFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SchemaStepForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaStepForm.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/SchemaStepForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAA;AACtF,OAAO,EAAe,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAEvE,OAAO,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAA;AAExD,MAAM,MAAM,oBAAoB,GAAG;IACjC,2EAA2E;IAC3E,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAA;IAC/B,IAAI,EAAE,wBAAwB,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;IACpD,iFAAiF;IACjF,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA0BhE"}

package/dist/components/JsonSchemaForm/SchemaStepForm.js

@@ -0,0 +1,29 @@
+import { JsonSchemaForm as e } from "./JsonSchemaForm.js";
+import { getStepData as t } from "../../utils/jsonschema/schemaData.js";
+import { useImperativeHandle as n, useRef as r } from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/components/JsonSchemaForm/SchemaStepForm.tsx
+function o(o) {
+	let { ref: s, step: c, schemaData: l, onSchemaDataChange: u, onValid: d } = o, f = r(null);
+	return n(s, () => ({ submit: () => f.current?.submit() })), /* @__PURE__ */ a(e, {
+		formRef: f,
+		schema: c.jsonSchema,
+		uiSchema: c.uiSchema,
+		formData: t(l, c),
+		formContext: { descriptionVariant: "inline" },
+		liveValidate: !1,
+		onChange: (e) => u({
+			...l,
+			...e.formData
+		}),
+		onSubmit: (e) => d?.({
+			...l,
+			...e.formData
+		}),
+		children: /* @__PURE__ */ a(i, {})
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=SchemaStepForm.js.map

package/dist/components/JsonSchemaForm/SchemaStepForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaStepForm.js","names":[],"sources":["../../../src/components/JsonSchemaForm/SchemaStepForm.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { GeneratedFormStepForRjsf } from '@/utils/jsonschema/generateDataAccessSchema'\nimport { getStepData, SchemaData } from '@/utils/jsonschema/schemaData'\nimport RJSFForm from '@rjsf/core'\nimport { Ref, useImperativeHandle, useRef } from 'react'\n\nexport type SchemaStepFormHandle = {\n  /** Validates the step's answers, showing errors against invalid fields. */\n  submit: () => void\n}\n\nexport type SchemaStepFormProps = {\n  ref?: Ref<SchemaStepFormHandle>\n  step: GeneratedFormStepForRjsf\n  schemaData: SchemaData\n  onSchemaDataChange: (schemaData: SchemaData) => void\n  /** Invoked with the complete answers when the step's answers pass validation. */\n  onValid?: (schemaData: SchemaData) => void\n}\n\n/**\n * A single step of a form generated from a FormTemplate, rendered as a requester sees it. The answers of all steps\n * are kept in `schemaData`; the step shows and updates only its own.\n */\nexport default function SchemaStepForm(props: SchemaStepFormProps) {\n  const { ref, step, schemaData, onSchemaDataChange, onValid } = props\n  const formRef = useRef<RJSFForm>(null)\n\n  useImperativeHandle(ref, () => ({\n    submit: () => formRef.current?.submit(),\n  }))\n\n  return (\n    <JsonSchemaForm\n      formRef={formRef}\n      schema={step.jsonSchema}\n      uiSchema={step.uiSchema}\n      formData={getStepData(schemaData, step)}\n      formContext={{ descriptionVariant: 'inline' }}\n      liveValidate={false}\n      onChange={event =>\n        onSchemaDataChange({ ...schemaData, ...event.formData })\n      }\n      onSubmit={event =>\n        onValid?.({ ...schemaData, ...(event.formData as SchemaData) })\n      }\n    >\n      <></>\n    </JsonSchemaForm>\n  )\n}\n"],"mappings":";;;;;AAwBA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,QAAK,SAAM,eAAY,uBAAoB,eAAY,GACzD,IAAU,EAAiB,IAAI;CAMrC,OAJA,EAAoB,UAAY,EAC9B,cAAc,EAAQ,SAAS,OAAO,EACxC,EAAE,GAGA,kBAAC,GAAD;EACW;EACT,QAAQ,EAAK;EACb,UAAU,EAAK;EACf,UAAU,EAAY,GAAY,CAAI;EACtC,aAAa,EAAE,oBAAoB,SAAS;EAC5C,cAAc;EACd,WAAU,MACR,EAAmB;GAAE,GAAG;GAAY,GAAG,EAAM;EAAS,CAAC;EAEzD,WAAU,MACR,IAAU;GAAE,GAAG;GAAY,GAAI,EAAM;EAAwB,CAAC;YAGhE,kBAAA,GAAA,CAAI,CAAA;CACU,CAAA;AAEpB"}

package/dist/components/JsonSchemaForm/widgets/SelectWidget.d.ts

@@ -6,6 +6,17 @@ import { Widget, EnumOptionsType } from '@rjsf/utils';
  * where the label and value are set to the provided value.
  */
 export declare function findValueOption(value: string | null | undefined, options: EnumOptionsType[]): EnumOptionsType | string | null;
+/**
+ * Maps a multi-select form value (an array of enum values) to the Autocomplete option objects it
+ * selects. Values with no matching option (e.g. free-solo input) become `{ value, label: value }`.
+ * A non-array value selects nothing.
+ */
+export declare function toMultipleAutocompleteValue(value: unknown, options: EnumOptionsType[]): EnumOptionsType[];
+/**
+ * Maps a multi-select Autocomplete selection (option objects and/or free-solo strings) back to the
+ * array of enum values stored in the form data.
+ */
+export declare function fromMultipleAutocompleteValue(newValue: unknown): unknown[];
 /**
  * Select widget compatible with react-jsonschema-form enumerations
  */

package/dist/components/JsonSchemaForm/widgets/SelectWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAe,eAAe,EAAE,MAAM,aAAa,CAAA;AAOlE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,GAAG,MAAM,GAAG,IAAI,CAWjC;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MA0F1B,CAAA"}
+{"version":3,"file":"SelectWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAe,eAAe,EAAE,MAAM,aAAa,CAAA;AAOlE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,GAAG,MAAM,GAAG,IAAI,CAWjC;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,EAAE,CAWnB;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,EAAE,CAO1E;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAgG1B,CAAA"}

package/dist/components/JsonSchemaForm/widgets/SelectWidget.js

@@ -12,36 +12,45 @@ function o(e, t) {
 		label: e
 	};
 }
-var s = (i) => {
-	let { id: s, options: c, value: l, required: u, disabled: d, readonly: f, multiple: p, autofocus: m, onChange: h, onBlur: g, onFocus: _, placeholder: v, isClearable: y = !0, rawErrors: b, registry: x } = i, { enumOptions: S } = c, C = ["__oneof_select", "__anyof_select"].some((e) => s.includes(e)), w = !C && !!x.formContext.allowFreeSoloEnum, T = y && !C;
+function s(e, t) {
+	return Array.isArray(e) ? e.map((e) => t.find((t) => t.value === e) ?? {
+		value: e,
+		label: String(e)
+	}) : [];
+}
+function c(t) {
+	return Array.isArray(t) ? t.map((t) => e(t) && "value" in t ? t.value : t) : [];
+}
+var l = (i) => {
+	let { id: l, options: u, value: d, required: f, disabled: p, readonly: m, multiple: h, autofocus: g, onChange: _, onBlur: v, onFocus: y, placeholder: b, isClearable: x = !0, rawErrors: S, registry: C } = i, { enumOptions: w } = u, T = ["__oneof_select", "__anyof_select"].some((e) => l.includes(e)), E = !T && !!C.formContext.allowFreeSoloEnum, D = x && !T;
 	return /* @__PURE__ */ r(t, {
-		id: s,
-		value: o(l, S),
-		freeSolo: w,
+		id: l,
+		value: h ? s(d, w) : o(d, w),
+		freeSolo: E,
 		forcePopupIcon: !0,
 		selectOnFocus: !0,
 		clearOnBlur: !0,
 		handleHomeEndKeys: !0,
-		options: S,
-		readOnly: f,
-		disabled: d,
-		multiple: p,
-		disableClearable: !T,
+		options: w,
+		readOnly: m,
+		disabled: p,
+		multiple: h,
+		disableClearable: !D,
 		onChange: (t, n) => {
-			e(n) && "inputValue" in n ? h(n.inputValue) : e(n) && "value" in n ? h(n.value) : h(n);
+			h ? _(c(n)) : e(n) && "inputValue" in n ? _(n.inputValue) : e(n) && "value" in n ? _(n.value) : _(n);
 		},
 		renderInput: (e) => /* @__PURE__ */ r(n, {
 			...e,
-			required: u,
-			placeholder: v,
-			error: b && b.length > 0,
-			autoFocus: m,
-			onFocus: _ && (() => _(s, l?.value)),
-			onBlur: g && (() => g(s, l?.value))
+			required: f,
+			placeholder: b,
+			error: S && S.length > 0,
+			autoFocus: g,
+			onFocus: y && (() => y(l, d?.value)),
+			onBlur: v && (() => v(l, d?.value))
 		}),
 		filterOptions: (e, t) => {
 			let n = a(e, t), { inputValue: r } = t, i = e.some((e) => r === e.label);
-			return w && r !== "" && !i && n.push({
+			return E && r !== "" && !i && n.push({
 				value: r,
 				label: `Set to custom value "${r}"`
 			}), n;
@@ -49,6 +58,6 @@ var s = (i) => {
 	});
 };
 //#endregion
-export { s as SelectWidget, o as findValueOption };
+export { l as SelectWidget, o as findValueOption, c as fromMultipleAutocompleteValue, s as toMultipleAutocompleteValue };
 
 //# sourceMappingURL=SelectWidget.js.map