synapse-react-client 4.0.41 → 4.0.42

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/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

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

@@ -1 +1 @@
-{"version":3,"file":"SelectWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { Widget, WidgetProps, EnumOptionsType } from '@rjsf/utils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport { isObject } from 'lodash-es'\n\nconst filter = createFilterOptions<EnumOptionsType>()\n\n/**\n * This function finds the enum option that has the corresponding value and returns it.\n *\n * If value is nullish, this fn returns null. If there is no corresponding option, then a new object is returned\n * where the label and value are set to the provided value.\n */\nexport function findValueOption(\n  value: string | null | undefined,\n  options: EnumOptionsType[],\n): EnumOptionsType | string | null {\n  if (value == null) {\n    return null\n  }\n\n  const correspondingOption = options.filter(option => option.value === value)\n  if (correspondingOption.length > 0) {\n    return correspondingOption[0]\n  } else {\n    return { value: value, label: value }\n  }\n}\n\ntype SelectWidgetProps = WidgetProps & {\n  isClearable?: boolean\n}\n\n/**\n * Select widget compatible with react-jsonschema-form enumerations\n */\nexport const SelectWidget: Widget = (props: SelectWidgetProps) => {\n  const {\n    id,\n    options,\n    value,\n    required,\n    disabled,\n    readonly,\n    multiple,\n    autofocus,\n    onChange,\n    onBlur,\n    onFocus,\n    placeholder,\n    isClearable: _isClearable = true,\n    rawErrors,\n    registry,\n  } = props\n\n  const { enumOptions } = options as {\n    enumOptions: EnumOptionsType[]\n  }\n\n  // If the ID includes one of these, then this is a widget used to select a schema in `oneOf` or `anyOf`.\n  // In these cases, we should not allow free solo input.\n  const isAnyOrOneOfOption = ['__oneof_select', '__anyof_select'].some(\n    multiSchemaTag => id.includes(multiSchemaTag),\n  )\n\n  const allowFreeSolo =\n    !isAnyOrOneOfOption &&\n    Boolean((registry.formContext as CustomFormContext).allowFreeSoloEnum)\n\n  // any/oneOf options should not be clearable\n  const isClearable = _isClearable && !isAnyOrOneOfOption\n\n  return (\n    <Autocomplete\n      id={id}\n      value={findValueOption(value, enumOptions)}\n      freeSolo={allowFreeSolo}\n      forcePopupIcon\n      selectOnFocus\n      clearOnBlur\n      handleHomeEndKeys\n      options={enumOptions}\n      readOnly={readonly}\n      disabled={disabled}\n      multiple={multiple}\n      disableClearable={!isClearable}\n      onChange={(event, newValue) => {\n        if (isObject(newValue) && 'inputValue' in newValue) {\n          // Create a new value from the user input\n          onChange(newValue.inputValue)\n        } else if (isObject(newValue) && 'value' in newValue) {\n          onChange(newValue.value)\n        } else if (typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue)\n        }\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          required={required}\n          placeholder={placeholder}\n          error={rawErrors && rawErrors.length > 0}\n          autoFocus={autofocus}\n          onFocus={onFocus && (() => onFocus(id, value?.value))}\n          onBlur={onBlur && (() => onBlur(id, value?.value))}\n        />\n      )}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params)\n\n        const { inputValue } = params\n        // Suggest the creation of a new value\n        const isExisting = options.some(option => inputValue === option.label)\n        if (allowFreeSolo && inputValue !== '' && !isExisting) {\n          filtered.push({\n            value: inputValue,\n            label: `Set to custom value \"${inputValue}\"`,\n          })\n        }\n\n        return filtered\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAS,EAAqC;AAQpD,SAAgB,EACd,GACA,GACiC;CACjC,IAAI,KAAS,MACX,OAAO;CAGT,IAAM,IAAsB,EAAQ,QAAO,MAAU,EAAO,UAAU,CAAK;CAIzE,OAHE,EAAoB,SAAS,IACxB,EAAoB,KAEpB;EAAS;EAAO,OAAO;CAAM;AAExC;AASA,IAAa,KAAwB,MAA6B;CAChE,IAAM,EACJ,OACA,YACA,UACA,aACA,aACA,aACA,aACA,cACA,aACA,WACA,YACA,gBACA,aAAa,IAAe,IAC5B,cACA,gBACE,GAEE,EAAE,mBAAgB,GAMlB,IAAqB,CAAC,kBAAkB,gBAAgB,EAAE,MAC9D,MAAkB,EAAG,SAAS,CAAc,CAC9C,GAEM,IACJ,CAAC,KACD,EAAS,EAAS,YAAkC,mBAGhD,IAAc,KAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACM;EACJ,OAAO,EAAgB,GAAO,CAAW;EACzC,UAAU;EACV,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAS;EACT,UAAU;EACA;EACA;EACV,kBAAkB,CAAC;EACnB,WAAW,GAAO,MAAa;GAC7B,AAAI,EAAS,CAAQ,KAAK,gBAAgB,IAExC,EAAS,EAAS,UAAU,IACnB,EAAS,CAAQ,KAAK,WAAW,IAC1C,EAAS,EAAS,KAAK,IAEvB,EAAS,CAEQ;EAErB;EACA,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACM;GACG;GACb,OAAO,KAAa,EAAU,SAAS;GACvC,WAAW;GACX,SAAS,YAAkB,EAAQ,GAAI,GAAO,KAAK;GACnD,QAAQ,YAAiB,EAAO,GAAI,GAAO,KAAK;EACjD,CAAA;EAEH,gBAAgB,GAAS,MAAW;GAClC,IAAM,IAAW,EAAO,GAAS,CAAM,GAEjC,EAAE,kBAAe,GAEjB,IAAa,EAAQ,MAAK,MAAU,MAAe,EAAO,KAAK;GAQrE,OAPI,KAAiB,MAAe,MAAM,CAAC,KACzC,EAAS,KAAK;IACZ,OAAO;IACP,OAAO,wBAAwB,EAAW;GAC5C,CAAC,GAGI;EACT;CACD,CAAA;AAEL"}
+{"version":3,"file":"SelectWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { Widget, WidgetProps, EnumOptionsType } from '@rjsf/utils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport { isObject } from 'lodash-es'\n\nconst filter = createFilterOptions<EnumOptionsType>()\n\n/**\n * This function finds the enum option that has the corresponding value and returns it.\n *\n * If value is nullish, this fn returns null. If there is no corresponding option, then a new object is returned\n * where the label and value are set to the provided value.\n */\nexport function findValueOption(\n  value: string | null | undefined,\n  options: EnumOptionsType[],\n): EnumOptionsType | string | null {\n  if (value == null) {\n    return null\n  }\n\n  const correspondingOption = options.filter(option => option.value === value)\n  if (correspondingOption.length > 0) {\n    return correspondingOption[0]\n  } else {\n    return { value: value, label: value }\n  }\n}\n\n/**\n * Maps a multi-select form value (an array of enum values) to the Autocomplete option objects it\n * selects. Values with no matching option (e.g. free-solo input) become `{ value, label: value }`.\n * A non-array value selects nothing.\n */\nexport function toMultipleAutocompleteValue(\n  value: unknown,\n  options: EnumOptionsType[],\n): EnumOptionsType[] {\n  if (!Array.isArray(value)) {\n    return []\n  }\n  return value.map(\n    v =>\n      options.find(option => option.value === v) ?? {\n        value: v,\n        label: String(v),\n      },\n  )\n}\n\n/**\n * Maps a multi-select Autocomplete selection (option objects and/or free-solo strings) back to the\n * array of enum values stored in the form data.\n */\nexport function fromMultipleAutocompleteValue(newValue: unknown): unknown[] {\n  if (!Array.isArray(newValue)) {\n    return []\n  }\n  return newValue.map((v: unknown) =>\n    isObject(v) && 'value' in v ? v.value : v,\n  )\n}\n\ntype SelectWidgetProps = WidgetProps & {\n  isClearable?: boolean\n}\n\n/**\n * Select widget compatible with react-jsonschema-form enumerations\n */\nexport const SelectWidget: Widget = (props: SelectWidgetProps) => {\n  const {\n    id,\n    options,\n    value,\n    required,\n    disabled,\n    readonly,\n    multiple,\n    autofocus,\n    onChange,\n    onBlur,\n    onFocus,\n    placeholder,\n    isClearable: _isClearable = true,\n    rawErrors,\n    registry,\n  } = props\n\n  const { enumOptions } = options as {\n    enumOptions: EnumOptionsType[]\n  }\n\n  // If the ID includes one of these, then this is a widget used to select a schema in `oneOf` or `anyOf`.\n  // In these cases, we should not allow free solo input.\n  const isAnyOrOneOfOption = ['__oneof_select', '__anyof_select'].some(\n    multiSchemaTag => id.includes(multiSchemaTag),\n  )\n\n  const allowFreeSolo =\n    !isAnyOrOneOfOption &&\n    Boolean((registry.formContext as CustomFormContext).allowFreeSoloEnum)\n\n  // any/oneOf options should not be clearable\n  const isClearable = _isClearable && !isAnyOrOneOfOption\n\n  return (\n    <Autocomplete\n      id={id}\n      value={\n        multiple\n          ? toMultipleAutocompleteValue(value, enumOptions)\n          : findValueOption(value, enumOptions)\n      }\n      freeSolo={allowFreeSolo}\n      forcePopupIcon\n      selectOnFocus\n      clearOnBlur\n      handleHomeEndKeys\n      options={enumOptions}\n      readOnly={readonly}\n      disabled={disabled}\n      multiple={multiple}\n      disableClearable={!isClearable}\n      onChange={(event, newValue) => {\n        if (multiple) {\n          onChange(fromMultipleAutocompleteValue(newValue))\n        } else if (isObject(newValue) && 'inputValue' in newValue) {\n          // Create a new value from the user input\n          onChange(newValue.inputValue)\n        } else if (isObject(newValue) && 'value' in newValue) {\n          onChange(newValue.value)\n        } else if (typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue)\n        }\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          required={required}\n          placeholder={placeholder}\n          error={rawErrors && rawErrors.length > 0}\n          autoFocus={autofocus}\n          onFocus={onFocus && (() => onFocus(id, value?.value))}\n          onBlur={onBlur && (() => onBlur(id, value?.value))}\n        />\n      )}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params)\n\n        const { inputValue } = params\n        // Suggest the creation of a new value\n        const isExisting = options.some(option => inputValue === option.label)\n        if (allowFreeSolo && inputValue !== '' && !isExisting) {\n          filtered.push({\n            value: inputValue,\n            label: `Set to custom value \"${inputValue}\"`,\n          })\n        }\n\n        return filtered\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAS,EAAqC;AAQpD,SAAgB,EACd,GACA,GACiC;CACjC,IAAI,KAAS,MACX,OAAO;CAGT,IAAM,IAAsB,EAAQ,QAAO,MAAU,EAAO,UAAU,CAAK;CAIzE,OAHE,EAAoB,SAAS,IACxB,EAAoB,KAEpB;EAAS;EAAO,OAAO;CAAM;AAExC;AAOA,SAAgB,EACd,GACA,GACmB;CAInB,OAHK,MAAM,QAAQ,CAAK,IAGjB,EAAM,KACX,MACE,EAAQ,MAAK,MAAU,EAAO,UAAU,CAAC,KAAK;EAC5C,OAAO;EACP,OAAO,OAAO,CAAC;CACjB,CACJ,IARS,CAAC;AASZ;AAMA,SAAgB,EAA8B,GAA8B;CAI1E,OAHK,MAAM,QAAQ,CAAQ,IAGpB,EAAS,KAAK,MACnB,EAAS,CAAC,KAAK,WAAW,IAAI,EAAE,QAAQ,CAC1C,IAJS,CAAC;AAKZ;AASA,IAAa,KAAwB,MAA6B;CAChE,IAAM,EACJ,OACA,YACA,UACA,aACA,aACA,aACA,aACA,cACA,aACA,WACA,YACA,gBACA,aAAa,IAAe,IAC5B,cACA,gBACE,GAEE,EAAE,mBAAgB,GAMlB,IAAqB,CAAC,kBAAkB,gBAAgB,EAAE,MAC9D,MAAkB,EAAG,SAAS,CAAc,CAC9C,GAEM,IACJ,CAAC,KACD,EAAS,EAAS,YAAkC,mBAGhD,IAAc,KAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACM;EACJ,OACE,IACI,EAA4B,GAAO,CAAW,IAC9C,EAAgB,GAAO,CAAW;EAExC,UAAU;EACV,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAS;EACT,UAAU;EACA;EACA;EACV,kBAAkB,CAAC;EACnB,WAAW,GAAO,MAAa;GAC7B,AAAI,IACF,EAAS,EAA8B,CAAQ,CAAC,IACvC,EAAS,CAAQ,KAAK,gBAAgB,IAE/C,EAAS,EAAS,UAAU,IACnB,EAAS,CAAQ,KAAK,WAAW,IAC1C,EAAS,EAAS,KAAK,IAEvB,EAAS,CAEQ;EAErB;EACA,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACM;GACG;GACb,OAAO,KAAa,EAAU,SAAS;GACvC,WAAW;GACX,SAAS,YAAkB,EAAQ,GAAI,GAAO,KAAK;GACnD,QAAQ,YAAiB,EAAO,GAAI,GAAO,KAAK;EACjD,CAAA;EAEH,gBAAgB,GAAS,MAAW;GAClC,IAAM,IAAW,EAAO,GAAS,CAAM,GAEjC,EAAE,kBAAe,GAEjB,IAAa,EAAQ,MAAK,MAAU,MAAe,EAAO,KAAK;GAQrE,OAPI,KAAiB,MAAe,MAAM,CAAC,KACzC,EAAS,KAAK;IACZ,OAAO;IACP,OAAO,wBAAwB,EAAW;GAC5C,CAAC,GAGI;EACT;CACD,CAAA;AAEL"}

package/dist/components/QueryBuilder/FilterConditionRow.d.ts

@@ -5,4 +5,5 @@ export type FilterConditionRowProps = {
     index: number;
 };
 export declare function FilterConditionRow(props: FilterConditionRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const PILL_FILTER_THRESHOLD = 40;
 //# sourceMappingURL=FilterConditionRow.d.ts.map

package/dist/components/QueryBuilder/FilterConditionRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterConditionRow.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,WAAW,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA0KhE"}
+{"version":3,"file":"FilterConditionRow.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,WAAW,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAmKhE;AAuJD,eAAO,MAAM,qBAAqB,KAAK,CAAA"}