synapse-react-client 4.0.40 → 4.0.41

package/dist/components/FormTemplateEditor/FormTemplatePreview.js

@@ -0,0 +1,83 @@
+import { JsonSchemaForm as e } from "../JsonSchemaForm/JsonSchemaForm.js";
+import { generateDataAccessSchema as t } from "../../utils/jsonschema/generateDataAccessSchema.js";
+import { useMemo as n, useState as r } from "react";
+import { Box as i, Paper as a, Step as o, StepButton as s, Stepper as c, ToggleButton as l, ToggleButtonGroup as u, Typography as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { DataAccessRequestType as h } from "@sage-bionetworks/synapse-client";
+//#region src/components/FormTemplateEditor/FormTemplatePreview.tsx
+function g({ template: g, jsonSchema: _ }) {
+	let [v, y] = r(0), [b, x] = r(h.REQUEST), { steps: S } = n(() => t(g, _, b), [
+		g,
+		_,
+		b
+	]);
+	if (S.length === 0) return /* @__PURE__ */ p(a, {
+		variant: "outlined",
+		sx: { p: 2 },
+		children: /* @__PURE__ */ p(i, {
+			sx: {
+				py: 4,
+				textAlign: "center"
+			},
+			children: /* @__PURE__ */ p(d, {
+				variant: "body2",
+				color: "text.secondary",
+				children: "Add at least one step with a bound field to preview the form."
+			})
+		})
+	});
+	let C = Math.min(v, S.length - 1), w = S[C], T = w.jsonSchema.title ?? "", E = w.jsonSchema.description ?? "";
+	return /* @__PURE__ */ m(a, {
+		variant: "outlined",
+		sx: { p: 2 },
+		children: [
+			/* @__PURE__ */ m(u, {
+				value: b,
+				exclusive: !0,
+				size: "small",
+				onChange: (e, t) => {
+					t && x(t);
+				},
+				sx: { mb: 2 },
+				children: [/* @__PURE__ */ p(l, {
+					value: h.REQUEST,
+					children: "Request"
+				}), /* @__PURE__ */ p(l, {
+					value: h.RENEWAL,
+					children: "Renewal"
+				})]
+			}),
+			S.length > 1 && /* @__PURE__ */ p(c, {
+				activeStep: C,
+				nonLinear: !0,
+				sx: { mb: 2 },
+				children: S.map((e, t) => /* @__PURE__ */ p(o, { children: /* @__PURE__ */ p(s, {
+					onClick: () => y(t),
+					children: e.jsonSchema.title ?? `Step ${t + 1}`
+				}) }, t))
+			}),
+			T && /* @__PURE__ */ p(d, {
+				variant: "h6",
+				gutterBottom: !0,
+				children: T
+			}),
+			E && /* @__PURE__ */ p(d, {
+				variant: "body2",
+				color: "text.secondary",
+				sx: { mb: 2 },
+				children: E
+			}),
+			/* @__PURE__ */ p(e, {
+				schema: w.jsonSchema,
+				uiSchema: w.uiSchema,
+				formContext: { descriptionVariant: "inline" },
+				children: /* @__PURE__ */ p(f, {}),
+				liveValidate: !1
+			})
+		]
+	});
+}
+//#endregion
+export { g as FormTemplatePreview };
+
+//# sourceMappingURL=FormTemplatePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplatePreview.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FormTemplatePreview.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { generateDataAccessSchema } from '@/utils/jsonschema/generateDataAccessSchema'\nimport {\n  DataAccessRequestType,\n  FormTemplate,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  Box,\n  Paper,\n  Step,\n  StepButton,\n  Stepper,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useMemo, useState } from 'react'\n\ntype FormTemplatePreviewProps = {\n  template: FormTemplate\n  jsonSchema: RJSFSchema\n}\n\n/**\n * Renders a live preview of how a FormTemplate + its referenced JSON Schema will appear to a\n * requester. Computed client-side against the unsaved draft, purely to give ACT instant feedback\n * while editing.\n */\nexport function FormTemplatePreview({\n  template,\n  jsonSchema,\n}: FormTemplatePreviewProps) {\n  const [activeStep, setActiveStep] = useState(0)\n  const [requestType, setRequestType] = useState<DataAccessRequestType>(\n    DataAccessRequestType.REQUEST,\n  )\n\n  const { steps } = useMemo(\n    () => generateDataAccessSchema(template, jsonSchema, requestType),\n    [template, jsonSchema, requestType],\n  )\n\n  if (steps.length === 0) {\n    return (\n      <Paper variant=\"outlined\" sx={{ p: 2 }}>\n        <Box sx={{ py: 4, textAlign: 'center' }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Add at least one step with a bound field to preview the form.\n          </Typography>\n        </Box>\n      </Paper>\n    )\n  }\n\n  const safeIndex = Math.min(activeStep, steps.length - 1)\n  const currentStep = steps[safeIndex]\n  const title = (currentStep.jsonSchema.title as string) ?? ''\n  const description = (currentStep.jsonSchema.description as string) ?? ''\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2 }}>\n      <ToggleButtonGroup\n        value={requestType}\n        exclusive\n        size=\"small\"\n        onChange={(_, next: DataAccessRequestType | null) => {\n          if (next) setRequestType(next)\n        }}\n        sx={{ mb: 2 }}\n      >\n        <ToggleButton value={DataAccessRequestType.REQUEST}>\n          Request\n        </ToggleButton>\n        <ToggleButton value={DataAccessRequestType.RENEWAL}>\n          Renewal\n        </ToggleButton>\n      </ToggleButtonGroup>\n\n      {steps.length > 1 && (\n        <Stepper activeStep={safeIndex} nonLinear sx={{ mb: 2 }}>\n          {steps.map((step, index) => (\n            <Step key={index}>\n              <StepButton onClick={() => setActiveStep(index)}>\n                {(step.jsonSchema.title as string) ?? `Step ${index + 1}`}\n              </StepButton>\n            </Step>\n          ))}\n        </Stepper>\n      )}\n\n      {title && (\n        <Typography variant=\"h6\" gutterBottom>\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 2 }}>\n          {description}\n        </Typography>\n      )}\n      <JsonSchemaForm\n        schema={currentStep.jsonSchema}\n        uiSchema={currentStep.uiSchema}\n        formContext={{ descriptionVariant: 'inline' }}\n        children={<></>}\n        liveValidate={false}\n      />\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AA6BA,SAAgB,EAAoB,EAClC,aACA,iBAC2B;CAC3B,IAAM,CAAC,GAAY,KAAiB,EAAS,CAAC,GACxC,CAAC,GAAa,KAAkB,EACpC,EAAsB,OACxB,GAEM,EAAE,aAAU,QACV,EAAyB,GAAU,GAAY,CAAW,GAChE;EAAC;EAAU;EAAY;CAAW,CACpC;CAEA,IAAI,EAAM,WAAW,GACnB,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YACnC,kBAAC,GAAD;GAAK,IAAI;IAAE,IAAI;IAAG,WAAW;GAAS;aACpC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA;EACT,CAAA;CACA,CAAA;CAIX,IAAM,IAAY,KAAK,IAAI,GAAY,EAAM,SAAS,CAAC,GACjD,IAAc,EAAM,IACpB,IAAS,EAAY,WAAW,SAAoB,IACpD,IAAe,EAAY,WAAW,eAA0B;CAEtE,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAW,IAAI,EAAE,GAAG,EAAE;YAArC;GACE,kBAAC,GAAD;IACE,OAAO;IACP,WAAA;IACA,MAAK;IACL,WAAW,GAAG,MAAuC;KACnD,AAAI,KAAM,EAAe,CAAI;IAC/B;IACA,IAAI,EAAE,IAAI,EAAE;cAPd,CASE,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,GACd,kBAAC,GAAD;KAAc,OAAO,EAAsB;eAAS;IAEtC,CAAA,CACG;;GAElB,EAAM,SAAS,KACd,kBAAC,GAAD;IAAS,YAAY;IAAW,WAAA;IAAU,IAAI,EAAE,IAAI,EAAE;cACnD,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAY,eAAe,EAAc,CAAK;eAC1C,EAAK,WAAW,SAAoB,QAAQ,IAAQ;IAC5C,CAAA,EACR,GAJK,CAIL,CACP;GACM,CAAA;GAGV,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAK,cAAA;cACtB;GACS,CAAA;GAEb,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;IAAiB,IAAI,EAAE,IAAI,EAAE;cAC5D;GACS,CAAA;GAEd,kBAAC,GAAD;IACE,QAAQ,EAAY;IACpB,UAAU,EAAY;IACtB,aAAa,EAAE,oBAAoB,SAAS;IAC5C,UAAU,kBAAA,GAAA,CAAI,CAAA;IACd,cAAc;GACf,CAAA;EACI;;AAEX"}

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

@@ -0,0 +1,13 @@
+import { RJSFSchema } from '@rjsf/utils';
+type JsonSchemaBodyEditorProps = {
+    value: RJSFSchema;
+    onChange: (next: RJSFSchema) => void;
+};
+/**
+ * Edits a JSON Schema as raw JSON. Calls `onChange` only when the text parses; otherwise shows
+ * the parse error. `value` is read only on mount, so remount with a new `key` to load a
+ * different schema.
+ */
+export declare function JsonSchemaBodyEditor({ value, onChange, }: JsonSchemaBodyEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JsonSchemaBodyEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaBodyEditor.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/JsonSchemaBodyEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE,yBAAyB,2CAgC3B"}

package/dist/components/FormTemplateEditor/JsonSchemaBodyEditor.js

@@ -0,0 +1,33 @@
+import { useState as e } from "react";
+import { TextField as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/FormTemplateEditor/JsonSchemaBodyEditor.tsx
+function r({ value: r, onChange: i }) {
+	let [a, o] = e(() => JSON.stringify(r, null, 2)), [s, c] = e(null), l = (e) => {
+		o(e);
+		try {
+			let t = JSON.parse(e);
+			c(null), i(t);
+		} catch (e) {
+			c(e instanceof Error ? e.message : "Invalid JSON");
+		}
+	};
+	return /* @__PURE__ */ n(t, {
+		label: "Raw JSON Schema",
+		value: a,
+		onChange: (e) => l(e.target.value),
+		error: !!s,
+		helperText: s ?? " ",
+		multiline: !0,
+		rows: 14,
+		fullWidth: !0,
+		slotProps: { input: { sx: {
+			fontFamily: "monospace",
+			fontSize: "0.85rem"
+		} } }
+	});
+}
+//#endregion
+export { r as JsonSchemaBodyEditor };
+
+//# sourceMappingURL=JsonSchemaBodyEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaBodyEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/JsonSchemaBodyEditor.tsx"],"sourcesContent":["import { TextField } from '@mui/material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\n\ntype JsonSchemaBodyEditorProps = {\n  value: RJSFSchema\n  onChange: (next: RJSFSchema) => void\n}\n\n/**\n * Edits a JSON Schema as raw JSON. Calls `onChange` only when the text parses; otherwise shows\n * the parse error. `value` is read only on mount, so remount with a new `key` to load a\n * different schema.\n */\nexport function JsonSchemaBodyEditor({\n  value,\n  onChange,\n}: JsonSchemaBodyEditorProps) {\n  const [text, setText] = useState(() => JSON.stringify(value, null, 2))\n  const [error, setError] = useState<string | null>(null)\n\n  const handleChange = (next: string) => {\n    setText(next)\n    try {\n      const parsed = JSON.parse(next)\n      setError(null)\n      onChange(parsed)\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Invalid JSON')\n    }\n  }\n\n  return (\n    <TextField\n      label=\"Raw JSON Schema\"\n      value={text}\n      onChange={e => handleChange(e.target.value)}\n      error={!!error}\n      helperText={error ?? ' '}\n      multiline\n      rows={14}\n      fullWidth\n      slotProps={{\n        input: {\n          sx: { fontFamily: 'monospace', fontSize: '0.85rem' },\n        },\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAqB,EACnC,UACA,eAC4B;CAC5B,IAAM,CAAC,GAAM,KAAW,QAAe,KAAK,UAAU,GAAO,MAAM,CAAC,CAAC,GAC/D,CAAC,GAAO,KAAY,EAAwB,IAAI,GAEhD,KAAgB,MAAiB;EACrC,EAAQ,CAAI;EACZ,IAAI;GACF,IAAM,IAAS,KAAK,MAAM,CAAI;GAE9B,AADA,EAAS,IAAI,GACb,EAAS,CAAM;EACjB,SAAS,GAAG;GACV,EAAS,aAAa,QAAQ,EAAE,UAAU,cAAc;EAC1D;CACF;CAEA,OACE,kBAAC,GAAD;EACE,OAAM;EACN,OAAO;EACP,WAAU,MAAK,EAAa,EAAE,OAAO,KAAK;EAC1C,OAAO,CAAC,CAAC;EACT,YAAY,KAAS;EACrB,WAAA;EACA,MAAM;EACN,WAAA;EACA,WAAW,EACT,OAAO,EACL,IAAI;GAAE,YAAY;GAAa,UAAU;EAAU,EACrD,EACF;CACD,CAAA;AAEL"}

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

@@ -0,0 +1,32 @@
+import { RJSFSchema } from '@rjsf/utils';
+import { FormTemplateStep } from '@sage-bionetworks/synapse-client';
+/**
+ * A property is a "leaf" — the only kind a `FormTemplateField.schemaPath` may address — when it
+ * is not itself a nested object schema with its own `properties`. The simple editor only ever
+ * authors leaves, but the raw JSON Schema escape hatch can produce a nested object.
+ */
+export declare function isLeafSchemaProperty(subSchema: RJSFSchema): boolean;
+/**
+ * Whether a field's `uiDefinition` (an RJSF `UiSchema` fragment) declares a `ui:widget`
+ * incompatible with the resolved property's type/format. An empty or widget-less `uiDefinition`
+ * is always compatible — there is nothing to conflict with.
+ */
+export declare function isUiHintCompatible(subSchema: RJSFSchema, uiDefinition: unknown): boolean;
+export type FormTemplateFieldValidationError = {
+    /** Index of the step/field slot this error is anchored to. Omitted for an error against a
+     * schema-required property that isn't bound to any field -- there is no slot to anchor it to. */
+    stepIndex?: number;
+    fieldIndex?: number;
+    schemaPath: string;
+    message: string;
+};
+/**
+ * Replicates the three rules the server enforces on `FormTemplateField` at create/update time
+ * (see the `FormTemplateField` doc comment), so the editor can block save and point the error at
+ * the offending field before ever reaching the server: the server only returns a flat,
+ * concatenated message, not per-field errors. Also flags a schema property the server will
+ * require (per its resolved submission context) that no field in the template binds to -- the
+ * server accepts this silently, but the requester would then be unable to satisfy it.
+ */
+export declare function validateFormTemplateFields(steps: FormTemplateStep[], jsonSchema: RJSFSchema): FormTemplateFieldValidationError[];
+//# sourceMappingURL=formTemplateValidation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formTemplateValidation.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/formTemplateValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAEL,gBAAgB,EACjB,MAAM,kCAAkC,CAAA;AAQzC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAEnE;AAiBD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,OAAO,GACpB,OAAO,CAOT;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C;qGACiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,gBAAgB,EAAE,EACzB,UAAU,EAAE,UAAU,GACrB,gCAAgC,EAAE,CAoEpC"}

package/dist/components/FormTemplateEditor/formTemplateValidation.js

@@ -0,0 +1,75 @@
+import { listResolvedSchemaProperties as e, pointerToPropertyKey as t, propertyKeyToPointer as n, resolveSchemaPropertyAtPointer as r } from "../../utils/jsonschema/submissionContext.js";
+//#region src/components/FormTemplateEditor/formTemplateValidation.ts
+function i(e) {
+	return !(e.type === "object" && e.properties != null);
+}
+var a = {
+	textarea: (e) => e.type === "string" && !e.enum,
+	password: (e) => e.type === "string" && !e.enum,
+	radio: (e) => (e.type === "string" || e.type === "boolean") && !!e.enum || e.type === "boolean",
+	select: (e) => e.type === "string" && !!e.enum,
+	checkboxes: (e) => e.type === "array",
+	checkbox: (e) => e.type === "boolean",
+	updown: (e) => e.type === "number" || e.type === "integer",
+	range: (e) => e.type === "number" || e.type === "integer"
+};
+function o(e, t) {
+	let n = t?.["ui:widget"];
+	if (typeof n != "string") return !0;
+	let r = a[n];
+	return r ? r(e) : !0;
+}
+function s(a, s) {
+	let c = [], l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
+	a.forEach((e, n) => {
+		e.fields.forEach((e, a) => {
+			let { schemaPath: d } = e;
+			if (l.has(d)) {
+				c.push({
+					stepIndex: n,
+					fieldIndex: a,
+					schemaPath: d,
+					message: `"${d}" is already bound to another field in this template.`
+				});
+				return;
+			}
+			l.add(d);
+			let f = t(d);
+			f && u.add(f);
+			let p = r(s, d)?.subSchema;
+			if (!p) {
+				c.push({
+					stepIndex: n,
+					fieldIndex: a,
+					schemaPath: d,
+					message: `"${d}" does not resolve to a property in the schema.`
+				});
+				return;
+			}
+			if (!i(p)) {
+				c.push({
+					stepIndex: n,
+					fieldIndex: a,
+					schemaPath: d,
+					message: `"${d}" is a nested object, not a single field.`
+				});
+				return;
+			}
+			o(p, e.uiDefinition) || c.push({
+				stepIndex: n,
+				fieldIndex: a,
+				schemaPath: d,
+				message: `The UI hint for "${d}" is incompatible with its property type.`
+			});
+		});
+	});
+	for (let t of e(s)) t.isRequired && !u.has(t.propertyKey) && c.push({
+		schemaPath: n(t.propertyKey),
+		message: `"${t.propertyKey}" is required by the schema but is not bound to any field in this template.`
+	});
+	return c;
+}
+//#endregion
+export { i as isLeafSchemaProperty, o as isUiHintCompatible, s as validateFormTemplateFields };
+
+//# sourceMappingURL=formTemplateValidation.js.map

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

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

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

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

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

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

package/dist/components/FormTemplateEditor/schemaFieldUtils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldUtils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\n\n/**\n * The set of property shapes the simple editor knows how to author. Anything\n * outside this set surfaces in the UI as \"advanced\" and must be edited via the\n * raw JSON Schema view.\n */\nexport type SimpleFieldType = 'text' | 'number' | 'boolean' | 'choice' | 'file'\n\nexport const FIELD_TYPE_OPTIONS: { value: SimpleFieldType; label: string }[] = [\n  { value: 'text', label: 'Text' },\n  { value: 'number', label: 'Number' },\n  { value: 'boolean', label: 'Yes / No' },\n  { value: 'choice', label: 'Multiple choice' },\n  { value: 'file', label: 'File upload' },\n]\n\nexport function detectFieldType(\n  prop: RJSFSchema | undefined,\n): SimpleFieldType | null {\n  if (!prop || typeof prop !== 'object') return null\n  if (prop.format === 'synapse-filehandle-id') return 'file'\n  if (prop.type === 'string' && Array.isArray(prop.enum)) return 'choice'\n  if (prop.type === 'string' && !prop.format) return 'text'\n  if (prop.type === 'number' || prop.type === 'integer') return 'number'\n  if (prop.type === 'boolean') return 'boolean'\n  return null\n}\n\nexport function fieldTypeLabel(type: SimpleFieldType | null): string {\n  if (type === null) return 'Advanced'\n  return FIELD_TYPE_OPTIONS.find(opt => opt.value === type)?.label ?? 'Advanced'\n}\n\n/** Build a fresh schema body for the given simple type, preserving label and help text. */\nexport function applyFieldType(\n  prev: RJSFSchema,\n  type: SimpleFieldType,\n): RJSFSchema {\n  const next: RJSFSchema = {\n    title: prev.title,\n    description: prev.description,\n  }\n  switch (type) {\n    case 'text':\n      next.type = 'string'\n      break\n    case 'number':\n      next.type = 'number'\n      break\n    case 'boolean':\n      next.type = 'boolean'\n      break\n    case 'choice':\n      next.type = 'string'\n      next.enum =\n        Array.isArray(prev.enum) && prev.enum.length > 0\n          ? prev.enum\n          : ['Option 1']\n      break\n    case 'file':\n      next.type = 'number'\n      next.format = 'synapse-filehandle-id'\n      break\n  }\n  return next\n}\n\n/** Derive a unique camelCase JSON property key from a display title. */\nexport function generatePropertyKey(\n  title: string,\n  existingKeys: Set<string>,\n): string {\n  const base =\n    title\n      .toLowerCase()\n      .replace(/[^a-z0-9\\s]/g, '')\n      .trim()\n      .split(/\\s+/)\n      .filter(Boolean)\n      .map((w, i) => (i === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n      .join('') || 'field'\n  let key = base\n  let i = 1\n  while (existingKeys.has(key)) {\n    i += 1\n    key = `${base}${i}`\n  }\n  return key\n}\n\n/**\n * Sanitize a manually-typed property key: strip characters that aren't\n * valid in a JSON Schema property key used as a JS identifier, preserving\n * the editor's casing (unlike `generatePropertyKey`, which derives a\n * camelCase key from a display title).\n */\nexport function sanitizePropertyKey(raw: string): string {\n  const stripped = raw.replace(/[^A-Za-z0-9_]/g, '')\n  return /^[0-9]/.test(stripped) ? `_${stripped}` : stripped\n}\n"],"mappings":";AASA,IAAa,IAAkE;CAC7E;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAW,OAAO;CAAW;CACtC;EAAE,OAAO;EAAU,OAAO;CAAkB;CAC5C;EAAE,OAAO;EAAQ,OAAO;CAAc;AACxC;AAEA,SAAgB,EACd,GACwB;CAOxB,OANI,CAAC,KAAQ,OAAO,KAAS,WAAiB,OAC1C,EAAK,WAAW,0BAAgC,SAChD,EAAK,SAAS,YAAY,MAAM,QAAQ,EAAK,IAAI,IAAU,WAC3D,EAAK,SAAS,YAAY,CAAC,EAAK,SAAe,SAC/C,EAAK,SAAS,YAAY,EAAK,SAAS,YAAkB,WAC1D,EAAK,SAAS,YAAkB,YAC7B;AACT;AAEA,SAAgB,EAAe,GAAsC;CAEnE,OADI,MAAS,OAAa,aACnB,EAAmB,MAAK,MAAO,EAAI,UAAU,CAAI,GAAG,SAAS;AACtE;AAGA,SAAgB,EACd,GACA,GACY;CACZ,IAAM,IAAmB;EACvB,OAAO,EAAK;EACZ,aAAa,EAAK;CACpB;CACA,QAAQ,GAAR;EACE,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,OACH,MAAM,QAAQ,EAAK,IAAI,KAAK,EAAK,KAAK,SAAS,IAC3C,EAAK,OACL,CAAC,UAAU;GACjB;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,SAAS;GACd;CACJ;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IACJ,EACG,YAAY,EACZ,QAAQ,gBAAgB,EAAE,EAC1B,KAAK,EACL,MAAM,KAAK,EACX,OAAO,OAAO,EACd,KAAK,GAAG,MAAO,MAAM,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAE,EACpE,KAAK,EAAE,KAAK,SACb,IAAM,GACN,IAAI;CACR,OAAO,EAAa,IAAI,CAAG,IAEzB,AADA,KAAK,GACL,IAAM,GAAG,IAAO;CAElB,OAAO;AACT;AAQA,SAAgB,EAAoB,GAAqB;CACvD,IAAM,IAAW,EAAI,QAAQ,kBAAkB,EAAE;CACjD,OAAO,SAAS,KAAK,CAAQ,IAAI,IAAI,MAAa;AACpD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveFormTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"names":[],"mappings":"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"}

package/dist/components/FormTemplateEditor/useSaveFormTemplate.js

@@ -0,0 +1,39 @@
+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";
+//#region src/components/FormTemplateEditor/useSaveFormTemplate.ts
+function s(s) {
+	let c = n(), l = e(), u = t();
+	return a({
+		...s,
+		mutationFn: async (e) => {
+			let t = i(e.steps), n = r(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 = {
+				...e.initialTemplate,
+				name: e.name,
+				schema$id: a,
+				steps: t
+			};
+			return {
+				ok: !0,
+				template: e.initialTemplate?.id ? await u.mutateAsync({
+					templateId: e.initialTemplate.id,
+					formTemplate: s
+				}) : await l.mutateAsync(s)
+			};
+		}
+	});
+}
+//#endregion
+export { s as useSaveFormTemplate };
+
+//# sourceMappingURL=useSaveFormTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveFormTemplate.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"sourcesContent":["/*\n * Network orchestration for saving a FormTemplate draft: pre-flight client-side validation\n * (mirroring the server's per-field rules, since the server only returns a flat message),\n * registering a new JSON Schema version when the schema body changed, and creating or updating\n * the FormTemplate against that schema version.\n */\nimport { 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"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;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"}

package/dist/components/FormTemplateEditor/utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/utils.ts"],"sourcesContent":["import { FormTemplateStep } from '@sage-bionetworks/synapse-client'\n\nexport { moveItem } from '@/utils/functions/ArrayUtils'\n\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"}

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

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

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

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

package/dist/components/JsonSchemaForm/JsonSchemaForm.css

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

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.js

@@ -1,4 +1,4 @@
-import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_sosz4_1" };
+import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_zdhfc_1" };
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.field-description-inline) {\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description),\n    :global(.field-description-inline) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.scss

@@ -37,13 +37,18 @@
     padding: 0px 10px;
   }
 
+  :global(.field-description-inline) {
+    margin-bottom: 8px;
+  }
+
   :global(.rjsf-field-array) > :global(.field-description) {
     margin-top: 0px;
     margin-bottom: 8px;
   }
 
   :global(.rjsf-array-item) {
-    :global(.field-description) {
+    :global(.field-description),
+    :global(.field-description-inline) {
       display: none;
     }
 

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAmDpC"}
+{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAsDpC"}