@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/components/json-schema-form-render.cjs

@@ -5,15 +5,17 @@ require("react");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const jsonSchemaFormFields = require("./json-schema-form-fields.cjs");
+const jsonSchemaFormLayout = require("./json-schema-form-layout.cjs");
 const jsonSchemaFormArray = require("./json-schema-form-array.cjs");
 const jsonSchemaFormObject = require("./json-schema-form-object.cjs");
 const jsonSchemaFormErrorDisplay = require("./json-schema-form-error-display.cjs");
 const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
+const jsonSchemaFormExtensions = require("./json-schema-form-extensions.cjs");
 const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 function renderValueControl(field, ctx) {
-  const fieldId = jsonSchemaFormUtils.fieldInputId(field.key, ctx.idPrefix);
+  const fieldId = jsonSchemaFormUtils.fieldInputId(ctx.instancePath, ctx.idPrefix);
   if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormFields.ReadOnlyValue, { field, fieldId, size: ctx.size });
   }
@@ -69,15 +71,21 @@ function buildField(args, ctx) {
       key: args.key,
       prop: args.prop,
       value: args.value,
-      ...ctx.rootValue ? { rootValue: ctx.rootValue } : {}
+      ...ctx.rootValue ? { rootValue: ctx.rootValue } : {},
+      ...ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}
     });
   }
   if (!field) return null;
   if (ctx.hideReadOnlyFields && field.readOnly) return null;
-  const fieldId = jsonSchemaFormUtils.fieldInputId(field.key, ctx.idPrefix);
-  let label = /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormFields.FieldLabel, { field, fieldId, size: ctx.size });
-  const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const instancePath = args.instancePath ?? jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, args.key);
+  const fieldId = jsonSchemaFormUtils.fieldInputId(instancePath, ctx.idPrefix);
+  const errors = jsonSchemaFormErrors.errorsAtInstancePath(ctx.errors, instancePath);
+  const soft = errors.length === 0 ? jsonSchemaFormUtils.softError(field) : void 0;
+  const messages = errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];
+  if (messages.length > 0) field = { ...field, invalid: true };
+  const help = field.helpDisplay ?? ctx.layout.help ?? "inline";
+  let label = /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.FieldLabel, { field, fieldId, size: ctx.size, helpDisplay: help });
+  const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const valueCtx = {
     ...ctx,
     instancePath,
@@ -88,26 +96,22 @@ function buildField(args, ctx) {
     ...ctx.rootValue ? { rootValue: ctx.rootValue } : {},
     ...ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}
   };
-  for (const ext of ctx.post) {
-    const next = ext(field, { label, value }, postCtx);
-    label = next.label;
-    value = next.value;
-  }
-  return {
+  ({ label, value } = jsonSchemaFormExtensions.applyPostExtensions(
     field,
-    label,
-    value,
-    errors: jsonSchemaFormErrors.errorsAtInstancePath(ctx.errors, instancePath)
-  };
+    { label, value },
+    ctx.post,
+    postCtx
+  ));
+  return { field, fieldId, label, value, messages, help };
 }
 function renderFieldNodes(args, ctx) {
   const built = buildField(args, ctx);
   if (!built) return null;
   return {
     label: built.label,
-    value: built.errors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+    value: built.messages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
       built.value,
-      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormErrorDisplay.FieldErrorText, { errors: built.errors })
+      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormErrorDisplay.FieldErrorText, { id: jsonSchemaFormUtils.fieldErrorId(built.fieldId), errors: built.messages })
     ] }) : built.value
   };
 }
@@ -115,18 +119,26 @@ function renderFieldRow(args, ctx, opts) {
   const built = buildField(args, ctx);
   if (!built) return null;
   const { field } = built;
-  if (field.kind === "object" || field.layout === "table") {
+  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      jsonSchemaFormFields.ObjectSection,
+      jsonSchemaFormLayout.ObjectSection,
       {
         label: (opts == null ? void 0 : opts.labelOverride) ?? field.label,
         required: field.required,
         size: ctx.size,
+        helpDisplay: built.help,
         ...field.badge ? { badge: field.badge } : {},
         ...field.helper ? { helper: field.helper } : {},
         ...field.labelIcon != null ? { labelIcon: field.labelIcon } : {},
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormErrorDisplay.FieldErrorText, { errors: built.errors, className: "min-w-0 break-words" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            jsonSchemaFormErrorDisplay.FieldErrorText,
+            {
+              id: jsonSchemaFormUtils.fieldErrorId(built.fieldId),
+              errors: built.messages,
+              className: "min-w-0 break-words"
+            }
+          ),
           built.value
         ]
       }
@@ -139,17 +151,19 @@ function renderFieldRow(args, ctx, opts) {
     /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: field.labelIcon, className: "text-[15px] text-muted-foreground" }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: opts.labelOverride }),
     field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
-    field.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: field.badge })
+    field.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: field.badge }),
+    built.help === "hover" && field.helper && /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.HelpHint, { label: opts.labelOverride, helper: field.helper })
   ] }) : built.label;
-  const err = built.errors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormErrorDisplay.FieldErrorMessages, { errors: built.errors }) : jsonSchemaFormUtils.softError(field);
+  const err = built.messages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormErrorDisplay.FieldErrorMessages, { id: jsonSchemaFormUtils.fieldErrorId(built.fieldId), errors: built.messages }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    jsonSchemaFormFields.FieldWrapper,
+    jsonSchemaFormLayout.FieldWrapper,
     {
       layout: ctx.layout,
       size: ctx.size,
       label,
       value: built.value,
-      ...field.helper ? { helper: field.helper } : {},
+      ...field.colSpan === "full" ? { maxWidth: "none" } : {},
+      ...field.helper && built.help !== "hover" ? { helper: field.helper } : {},
       ...err ? { error: err } : {}
     }
   );
@@ -175,10 +189,19 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
       ctx
     );
     if (!row) return [];
-    if (columns > 1) {
-      const span = rendersFullWidth(prop) ? columns : jsonSchemaFormUtils.normalizeColSpan(prop["x-col-span"], columns);
+    if (columns === "auto" || columns > 1) {
+      const span = rendersFullWidth(prop) ? "full" : jsonSchemaFormUtils.normalizeColSpan(prop["x-col-span"], columns);
       return [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { gridColumn: `span ${span} / span ${span}` }, children: row }, key)
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              gridColumn: span === "full" ? "1 / -1" : `span ${span} / span ${span}`
+            },
+            children: row
+          },
+          key
+        )
       ];
     }
     return [/* @__PURE__ */ jsxRuntime.jsx("div", { className: "contents", children: row }, key)];
@@ -189,7 +212,7 @@ function rendersFullWidth(prop) {
   if (jsonSchemaFormResolve.schemaRendersAsObject(prop) && (prop.properties !== void 0 || Object.keys(fixedProperties).length > 0)) {
     return true;
   }
-  return prop["x-layout"] === "table";
+  return prop["x-layout"] === "table" || prop["x-array-display"] === "accordion";
 }
 const renderApi = {
   renderFieldNodes,

package/dist/components/json-schema-form-render.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-render.cjs","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  FieldLabel,\n  FieldWrapper,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ObjectSection,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  const fieldId = fieldInputId(field.key, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  label: ReactNode;\n  value: ReactNode;\n  errors: JsonSchemaFormError[];\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const fieldId = fieldInputId(field.key, ctx.idPrefix);\n  let label: ReactNode = <FieldLabel field={field} fieldId={fieldId} size={ctx.size} />;\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n  };\n  for (const ext of ctx.post) {\n    const next = ext(field, { label, value }, postCtx);\n    label = next.label;\n    value = next.value;\n  }\n  return {\n    field,\n    label,\n    value,\n    errors: errorsAtInstancePath(ctx.errors, instancePath),\n  };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.errors.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText errors={built.errors} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  if (field.kind === \"object\" || field.layout === \"table\") {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText errors={built.errors} className=\"min-w-0 break-words\" />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  const err = built.errors.length > 0 ? <FieldErrorMessages errors={built.errors} /> : softError(field);\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.helper ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns > 1) {\n      const span = rendersFullWidth(prop) ? columns : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div key={key} style={{ gridColumn: `span ${span} / span ${span}` }}>\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return prop[\"x-layout\"] === \"table\";\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":["fieldInputId","ReadOnlyValue","jsx","EnumControl","LookupControl","BooleanControl","NumberControl","DateControl","TextareaControl","MarkdownControl","DisplayControl","LinkControl","ArrayControl","ObjectControl","StringMapControl","StringControl","resolveControl","FieldLabel","appendInstancePath","errorsAtInstancePath","jsxs","FieldErrorText","ObjectSection","cn","labelSizeClass","LabelIcon","FieldErrorMessages","softError","FieldWrapper","effectiveProperties","orderByClickyOrder","orderByXOrder","orderRequiredFirst","orderByPriority","matchesFieldFilter","normalizeColumns","normalizeColSpan","schemaRendersAsObject"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-render.cjs","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport {\n  FieldLabel,\n  FieldWrapper,\n  HelpHint,\n  ObjectSection,\n} from \"./json-schema-form-layout\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { applyPostExtensions } from \"./json-schema-form-extensions\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  HelpDisplay,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldErrorId,\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  // ctx.instancePath is the field's own path here: buildField descends into the\n  // child context before rendering the value.\n  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  help: HelpDisplay;\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n      ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const fieldId = fieldInputId(instancePath, ctx.idPrefix);\n  // Resolve this field's errors before rendering its control, so the control can\n  // carry aria-invalid / aria-describedby rather than leaving the error text\n  // visually adjacent but programmatically unassociated. Host-supplied errors\n  // and the locally-derived soft hint (e.g. \"Required\" on an empty required\n  // field) are one validation state: either one marks the field invalid and is\n  // rendered into the aria-describedby target, so a locally-invalid field is\n  // never invalid only to sighted users. softError reads value/required/kind —\n  // never `invalid` — so deriving it from `field` here is not circular.\n  const errors = errorsAtInstancePath(ctx.errors, instancePath);\n  const soft = errors.length === 0 ? softError(field) : undefined;\n  const messages: JsonSchemaFormError[] =\n    errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];\n  if (messages.length > 0) field = { ...field, invalid: true };\n  // A field's own x-help-display wins over the form-level setting; both default\n  // to the permanent paragraph every form renders today.\n  const help = field.helpDisplay ?? ctx.layout.help ?? \"inline\";\n  let label: ReactNode = (\n    <FieldLabel field={field} fieldId={fieldId} size={ctx.size} helpDisplay={help} />\n  );\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n  };\n  ({ label, value } = applyPostExtensions(\n    field,\n    { label, value },\n    ctx.post,\n    postCtx,\n  ));\n  return { field, fieldId, label, value, messages, help };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.messages.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText id={fieldErrorId(built.fieldId)} errors={built.messages} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  // An accordion joins this list: crammed into the 600px inline value column it\n  // is unusable, and it needs the ObjectSection header to carry the array's own\n  // title, required marker and help.\n  if (\n    field.kind === \"object\" ||\n    field.layout === \"table\" ||\n    field.arrayDisplay === \"accordion\"\n  ) {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        helpDisplay={built.help}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText\n          id={fieldErrorId(built.fieldId)}\n          errors={built.messages}\n          className=\"min-w-0 break-words\"\n        />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {/* Without this the `?` silently disappears for relabelled rows (array\n          items), taking the description with it — FieldWrapper has already\n          dropped the paragraph by then. */}\n      {built.help === \"hover\" && field.helper && (\n        <HelpHint label={opts.labelOverride} helper={field.helper} />\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  // One rendering path for both sources, so the soft hint lands in the same\n  // fieldErrorId element the control's aria-describedby already points at.\n  const err =\n    built.messages.length > 0 ? (\n      <FieldErrorMessages id={fieldErrorId(built.fieldId)} errors={built.messages} />\n    ) : undefined;\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.colSpan === \"full\" ? { maxWidth: \"none\" } : {})}\n      {...(field.helper && built.help !== \"hover\" ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns === \"auto\" || columns > 1) {\n      const span = rendersFullWidth(prop)\n        ? \"full\"\n        : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div\n          key={key}\n          // Under \"auto\" the track count only exists at layout time, so a\n          // full-width field must say `1 / -1` rather than span a number.\n          style={{\n            gridColumn: span === \"full\" ? \"1 / -1\" : `span ${span} / span ${span}`,\n          }}\n        >\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return prop[\"x-layout\"] === \"table\" || prop[\"x-array-display\"] === \"accordion\";\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":["fieldInputId","ReadOnlyValue","jsx","EnumControl","LookupControl","BooleanControl","NumberControl","DateControl","TextareaControl","MarkdownControl","DisplayControl","LinkControl","ArrayControl","ObjectControl","StringMapControl","StringControl","resolveControl","appendInstancePath","errorsAtInstancePath","softError","FieldLabel","applyPostExtensions","jsxs","FieldErrorText","fieldErrorId","ObjectSection","cn","labelSizeClass","LabelIcon","HelpHint","FieldErrorMessages","FieldWrapper","effectiveProperties","orderByClickyOrder","orderByXOrder","orderRequiredFirst","orderByPriority","matchesFieldFilter","normalizeColumns","normalizeColSpan","schemaRendersAsObject"],"mappings":"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"}

package/dist/components/json-schema-form-render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-render.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBvC,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,gBAAgB,EAEhB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;AAsBlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAkDrF;AAgFD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAe/C;AAKD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,SAAS,GAAG,IAAI,CAuDlB;AAKD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,EACjD,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAC/B,SAAS,EAAE,CAiDb;AAeD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}
+{"version":3,"file":"json-schema-form-render.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BvC,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAEZ,gBAAgB,EAEhB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;AAuBlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAoDrF;AAiGD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAe/C;AAKD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,SAAS,GAAG,IAAI,CA+ElB;AAKD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,EACjD,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAC/B,SAAS,EAAE,CA0Db;AAeD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}

package/dist/components/json-schema-form-render.js

@@ -2,16 +2,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { cn } from "../lib/utils.js";
 import { LabelIcon } from "../data/Icon.js";
-import { ObjectSection, FieldWrapper, FieldLabel, ReadOnlyValue, StringControl, LinkControl, DisplayControl, MarkdownControl, TextareaControl, DateControl, NumberControl, BooleanControl, LookupControl, EnumControl } from "./json-schema-form-fields.js";
+import { ReadOnlyValue, StringControl, LinkControl, DisplayControl, MarkdownControl, TextareaControl, DateControl, NumberControl, BooleanControl, LookupControl, EnumControl } from "./json-schema-form-fields.js";
+import { ObjectSection, HelpHint, FieldWrapper, FieldLabel } from "./json-schema-form-layout.js";
 import { ArrayControl } from "./json-schema-form-array.js";
 import { StringMapControl, ObjectControl } from "./json-schema-form-object.js";
 import { FieldErrorText, FieldErrorMessages } from "./json-schema-form-error-display.js";
 import { appendInstancePath, errorsAtInstancePath } from "./json-schema-form-errors.js";
+import { applyPostExtensions } from "./json-schema-form-extensions.js";
 import { effectiveProperties, schemaRendersAsObject, resolveControl } from "./json-schema-form-resolve.js";
-import { orderByClickyOrder, orderByXOrder, orderRequiredFirst, orderByPriority, matchesFieldFilter, normalizeColumns, normalizeColSpan, softError, fieldInputId } from "./json-schema-form-utils.js";
+import { orderByClickyOrder, orderByXOrder, orderRequiredFirst, orderByPriority, matchesFieldFilter, normalizeColumns, normalizeColSpan, fieldErrorId, fieldInputId, softError } from "./json-schema-form-utils.js";
 import { labelSizeClass } from "./json-schema-form-size.js";
 function renderValueControl(field, ctx) {
-  const fieldId = fieldInputId(field.key, ctx.idPrefix);
+  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);
   if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {
     return /* @__PURE__ */ jsx(ReadOnlyValue, { field, fieldId, size: ctx.size });
   }
@@ -67,15 +69,21 @@ function buildField(args, ctx) {
       key: args.key,
       prop: args.prop,
       value: args.value,
-      ...ctx.rootValue ? { rootValue: ctx.rootValue } : {}
+      ...ctx.rootValue ? { rootValue: ctx.rootValue } : {},
+      ...ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}
     });
   }
   if (!field) return null;
   if (ctx.hideReadOnlyFields && field.readOnly) return null;
-  const fieldId = fieldInputId(field.key, ctx.idPrefix);
-  let label = /* @__PURE__ */ jsx(FieldLabel, { field, fieldId, size: ctx.size });
-  const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);
+  const fieldId = fieldInputId(instancePath, ctx.idPrefix);
+  const errors = errorsAtInstancePath(ctx.errors, instancePath);
+  const soft = errors.length === 0 ? softError(field) : void 0;
+  const messages = errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];
+  if (messages.length > 0) field = { ...field, invalid: true };
+  const help = field.helpDisplay ?? ctx.layout.help ?? "inline";
+  let label = /* @__PURE__ */ jsx(FieldLabel, { field, fieldId, size: ctx.size, helpDisplay: help });
+  const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const valueCtx = {
     ...ctx,
     instancePath,
@@ -86,26 +94,22 @@ function buildField(args, ctx) {
     ...ctx.rootValue ? { rootValue: ctx.rootValue } : {},
     ...ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}
   };
-  for (const ext of ctx.post) {
-    const next = ext(field, { label, value }, postCtx);
-    label = next.label;
-    value = next.value;
-  }
-  return {
+  ({ label, value } = applyPostExtensions(
     field,
-    label,
-    value,
-    errors: errorsAtInstancePath(ctx.errors, instancePath)
-  };
+    { label, value },
+    ctx.post,
+    postCtx
+  ));
+  return { field, fieldId, label, value, messages, help };
 }
 function renderFieldNodes(args, ctx) {
   const built = buildField(args, ctx);
   if (!built) return null;
   return {
     label: built.label,
-    value: built.errors.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+    value: built.messages.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
       built.value,
-      /* @__PURE__ */ jsx(FieldErrorText, { errors: built.errors })
+      /* @__PURE__ */ jsx(FieldErrorText, { id: fieldErrorId(built.fieldId), errors: built.messages })
     ] }) : built.value
   };
 }
@@ -113,18 +117,26 @@ function renderFieldRow(args, ctx, opts) {
   const built = buildField(args, ctx);
   if (!built) return null;
   const { field } = built;
-  if (field.kind === "object" || field.layout === "table") {
+  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion") {
     return /* @__PURE__ */ jsxs(
       ObjectSection,
       {
         label: (opts == null ? void 0 : opts.labelOverride) ?? field.label,
         required: field.required,
         size: ctx.size,
+        helpDisplay: built.help,
         ...field.badge ? { badge: field.badge } : {},
         ...field.helper ? { helper: field.helper } : {},
         ...field.labelIcon != null ? { labelIcon: field.labelIcon } : {},
         children: [
-          /* @__PURE__ */ jsx(FieldErrorText, { errors: built.errors, className: "min-w-0 break-words" }),
+          /* @__PURE__ */ jsx(
+            FieldErrorText,
+            {
+              id: fieldErrorId(built.fieldId),
+              errors: built.messages,
+              className: "min-w-0 break-words"
+            }
+          ),
           built.value
         ]
       }
@@ -137,9 +149,10 @@ function renderFieldRow(args, ctx, opts) {
     /* @__PURE__ */ jsx(LabelIcon, { icon: field.labelIcon, className: "text-[15px] text-muted-foreground" }),
     /* @__PURE__ */ jsx("span", { children: opts.labelOverride }),
     field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" }),
-    field.badge && /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: field.badge })
+    field.badge && /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: field.badge }),
+    built.help === "hover" && field.helper && /* @__PURE__ */ jsx(HelpHint, { label: opts.labelOverride, helper: field.helper })
   ] }) : built.label;
-  const err = built.errors.length > 0 ? /* @__PURE__ */ jsx(FieldErrorMessages, { errors: built.errors }) : softError(field);
+  const err = built.messages.length > 0 ? /* @__PURE__ */ jsx(FieldErrorMessages, { id: fieldErrorId(built.fieldId), errors: built.messages }) : void 0;
   return /* @__PURE__ */ jsx(
     FieldWrapper,
     {
@@ -147,7 +160,8 @@ function renderFieldRow(args, ctx, opts) {
       size: ctx.size,
       label,
       value: built.value,
-      ...field.helper ? { helper: field.helper } : {},
+      ...field.colSpan === "full" ? { maxWidth: "none" } : {},
+      ...field.helper && built.help !== "hover" ? { helper: field.helper } : {},
       ...err ? { error: err } : {}
     }
   );
@@ -173,10 +187,19 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
       ctx
     );
     if (!row) return [];
-    if (columns > 1) {
-      const span = rendersFullWidth(prop) ? columns : normalizeColSpan(prop["x-col-span"], columns);
+    if (columns === "auto" || columns > 1) {
+      const span = rendersFullWidth(prop) ? "full" : normalizeColSpan(prop["x-col-span"], columns);
       return [
-        /* @__PURE__ */ jsx("div", { style: { gridColumn: `span ${span} / span ${span}` }, children: row }, key)
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              gridColumn: span === "full" ? "1 / -1" : `span ${span} / span ${span}`
+            },
+            children: row
+          },
+          key
+        )
       ];
     }
     return [/* @__PURE__ */ jsx("div", { className: "contents", children: row }, key)];
@@ -187,7 +210,7 @@ function rendersFullWidth(prop) {
   if (schemaRendersAsObject(prop) && (prop.properties !== void 0 || Object.keys(fixedProperties).length > 0)) {
     return true;
   }
-  return prop["x-layout"] === "table";
+  return prop["x-layout"] === "table" || prop["x-array-display"] === "accordion";
 }
 const renderApi = {
   renderFieldNodes,

package/dist/components/json-schema-form-render.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-render.js","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  FieldLabel,\n  FieldWrapper,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ObjectSection,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  const fieldId = fieldInputId(field.key, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  label: ReactNode;\n  value: ReactNode;\n  errors: JsonSchemaFormError[];\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const fieldId = fieldInputId(field.key, ctx.idPrefix);\n  let label: ReactNode = <FieldLabel field={field} fieldId={fieldId} size={ctx.size} />;\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n  };\n  for (const ext of ctx.post) {\n    const next = ext(field, { label, value }, postCtx);\n    label = next.label;\n    value = next.value;\n  }\n  return {\n    field,\n    label,\n    value,\n    errors: errorsAtInstancePath(ctx.errors, instancePath),\n  };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.errors.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText errors={built.errors} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  if (field.kind === \"object\" || field.layout === \"table\") {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText errors={built.errors} className=\"min-w-0 break-words\" />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  const err = built.errors.length > 0 ? <FieldErrorMessages errors={built.errors} /> : softError(field);\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.helper ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns > 1) {\n      const span = rendersFullWidth(prop) ? columns : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div key={key} style={{ gridColumn: `span ${span} / span ${span}` }}>\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return prop[\"x-layout\"] === \"table\";\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAsDO,SAAS,mBAAmB,OAAqB,KAA+B;AACrF,QAAM,UAAU,aAAa,MAAM,KAAK,IAAI,QAAQ;AAQpD,MAAI,MAAM,YAAY,CAAC,sBAAsB,MAAM,IAAI,GAAG;AACxD,+BAAQ,eAAA,EAAc,OAAc,SAAkB,MAAM,IAAI,MAAM;AAAA,EACxE;AACA,QAAM,WAAW,IAAI,YAAY,MAAM,aAAa;AACpD,QAAM,OAAO,IAAI;AACjB,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAG3D,KAAK;AACH,aAAO,oBAAC,gBAAA,EAAe,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACzF,KAAK;AACH,aAAO,oBAAC,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACxF,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aAAO,oBAAC,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAO,oBAAC,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAO,oBAAC,gBAAA,EAAe,OAAc,KAAA,CAAY;AAAA,IACnD,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,OAAc,SAAkB,KAAA,CAAY;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,OAAc,SAAkB,IAAA,CAAU;AAAA,IACjE,KAAK;AACH,aAAO,oBAAC,eAAA,EAAc,OAAc,IAAA,CAAU;AAAA,IAChD,KAAK;AACH,aAAO,oBAAC,kBAAA,EAAiB,OAAc,IAAA,CAAU;AAAA,IACnD;AACE,aAAO,oBAAC,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,EAAA;AAE5F;AAMA,SAAS,sBAAsB,MAAqC;AAClE,SACE,SAAS,WACT,SAAS,YACT,SAAS,gBACT,SAAS,cACT,SAAS,cACT,SAAS,aACT,SAAS;AAEb;AAKA,SAAS,WACP,MACA,KAMO;AACP,QAAM,OAAO,eAAe,IAAI;AAChC,MAAI,QAA6B;AACjC,aAAW,OAAO,IAAI,KAAK;AACzB,QAAI,CAAC,MAAO;AACZ,YAAQ,IAAI,OAAO;AAAA,MACjB,KAAK,KAAK;AAAA,MACV,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,MACZ,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,IAAC,CACrD;AAAA,EACH;AACA,MAAI,CAAC,MAAO,QAAO;AAGnB,MAAI,IAAI,sBAAsB,MAAM,SAAU,QAAO;AAErD,QAAM,UAAU,aAAa,MAAM,KAAK,IAAI,QAAQ;AACpD,MAAI,QAAmB,oBAAC,YAAA,EAAW,OAAc,SAAkB,MAAM,IAAI,MAAM;AAInF,QAAM,eACJ,MAAM,WAAW,WAAW,WAAW,MAAM,WAAW,UAAU,YAAY;AAChF,QAAM,eAAe,KAAK,gBAAgB,mBAAmB,IAAI,cAAc,KAAK,GAAG;AACvF,QAAM,WAA0B;AAAA,IAC9B,GAAG;AAAA,IACH;AAAA,IACA,GAAI,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,aAAA,MAAmB,CAAA;AAAA,EAAC;AAE1E,MAAI,QAAmB,mBAAmB,OAAO,QAAQ;AACzD,QAAM,UAAU;AAAA,IACd,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,IACnD,GAAI,IAAI,eAAe,EAAE,cAAc,IAAI,aAAA,IAAiB,CAAA;AAAA,EAAC;AAE/D,aAAW,OAAO,IAAI,MAAM;AAC1B,UAAM,OAAO,IAAI,OAAO,EAAE,OAAO,MAAA,GAAS,OAAO;AACjD,YAAQ,KAAK;AACb,YAAQ,KAAK;AAAA,EACf;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,qBAAqB,IAAI,QAAQ,YAAY;AAAA,EAAA;AAEzD;AAKO,SAAS,iBACd,MACA,KAC+C;AAC/C,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACE,MAAM,OAAO,SAAS,IACpB,qBAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,MAAA,MAAM;AAAA,MACP,oBAAC,gBAAA,EAAe,QAAQ,MAAM,OAAA,CAAQ;AAAA,IAAA,EAAA,CACxC,IAEA,MAAM;AAAA,EAAA;AAGd;AAKO,SAAS,eACd,MACA,KACA,MACkB;AAClB,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,EAAE,UAAU;AAOlB,MAAI,MAAM,SAAS,YAAY,MAAM,WAAW,SAAS;AACvD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO,6BAAM,kBAAiB,MAAM;AAAA,QACpC,UAAU,MAAM;AAAA,QAChB,MAAM,IAAI;AAAA,QACT,GAAI,MAAM,QAAQ,EAAE,OAAO,MAAM,MAAA,IAAU,CAAA;AAAA,QAC3C,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,QAC9C,GAAI,MAAM,aAAa,OAAO,EAAE,WAAW,MAAM,UAAA,IAAc,CAAA;AAAA,QAEhE,UAAA;AAAA,UAAA,oBAAC,gBAAA,EAAe,QAAQ,MAAM,QAAQ,WAAU,uBAAsB;AAAA,UACrE,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAGA,MAAI,MAAM,SAAS,WAAW;AAC5B,WAAO,oBAAC,OAAA,EAAI,WAAU,iBAAiB,gBAAM,OAAM;AAAA,EACrD;AACA,QAAM,SAAQ,6BAAM,iBAClB,qBAAC,QAAA,EAAK,WAAW,GAAG,uCAAuC,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,MAAM,MAAM,WAAW,WAAU,qCAAoC;AAAA,IAChF,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAA,CAAc;AAAA,IACzB,MAAM,YAAY,oBAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,KAAC;AAAA,IACtD,MAAM,SACL,oBAAC,UAAK,WAAU,wGACb,gBAAM,MAAA,CACT;AAAA,EAAA,EAAA,CAEJ,IAEA,MAAM;AAER,QAAM,MAAM,MAAM,OAAO,SAAS,IAAI,oBAAC,oBAAA,EAAmB,QAAQ,MAAM,OAAA,CAAQ,IAAK,UAAU,KAAK;AACpG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ,IAAI;AAAA,MACZ,MAAM,IAAI;AAAA,MACV;AAAA,MACA,OAAO,MAAM;AAAA,MACZ,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,MAC9C,GAAI,MAAM,EAAE,OAAO,QAAQ,CAAA;AAAA,IAAC;AAAA,EAAA;AAGnC;AAKO,SAAS,mBACd,QACA,OACA,UACA,KACA,MACa;AACb,QAAM,EAAE,YAAY,SAAA,IAAa,oBAAoB,QAAQ,KAAK;AAClE,QAAM,SAAS,IAAI,KAAI,6BAAM,eAAc,CAAA,CAAE;AAG7C,QAAM,UAAU,mBAAmB,cAAc,OAAO,QAAQ,UAAU,GAAG,OAAO,SAAS,CAAC,CAAC;AAC/F,QAAM,SACJ,IAAI,aAAa,mBACb,mBAAmB,SAAS,QAAQ,IACpC,IAAI,aAAa,aACf,gBAAgB,SAAS,UAAU,KAAK,IACxC;AAGR,QAAM,UACJ,IAAI,UAAU,KAAK,IAAI,cACnB,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI,MAAM,mBAAmB,KAAK,MAAM,IAAI,WAAY,CAAC,IAC9E;AAIN,QAAM,UAAU,IAAI,OAAO,SAAS,WAAW,IAAI,iBAAiB,OAAO,WAAW,CAAC;AACvF,SAAO,QAAQ,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM;AACtC,QAAI,OAAO,IAAI,GAAG,UAAU,CAAA;AAC5B,UAAM,MAAM;AAAA,MACV;AAAA,QACE;AAAA,QACA;AAAA,QACA,UAAU,SAAS,SAAS,GAAG;AAAA,QAC/B,OAAO,MAAM,GAAG;AAAA,QAChB,UAAU,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,MAAM;AAAA,QACtD,cAAc,mBAAmB,IAAI,cAAc,GAAG;AAAA,MAAA;AAAA,MAExD;AAAA,IAAA;AAEF,QAAI,CAAC,IAAK,QAAO,CAAA;AACjB,QAAI,UAAU,GAAG;AACf,YAAM,OAAO,iBAAiB,IAAI,IAAI,UAAU,iBAAiB,KAAK,YAAY,GAAG,OAAO;AAC5F,aAAO;AAAA,QACL,oBAAC,OAAA,EAAc,OAAO,EAAE,YAAY,QAAQ,IAAI,WAAW,IAAI,GAAA,GAC5D,UAAA,IAAA,GADO,GAEV;AAAA,MAAA;AAAA,IAEJ;AAIA,WAAO,CAAC,oBAAC,OAAA,EAAc,WAAU,YAAY,UAAA,OAA3B,GAA+B,CAAM;AAAA,EACzD,CAAC;AACH;AAKA,SAAS,iBAAiB,MAAmC;AAC3D,QAAM,kBAAkB,oBAAoB,MAA0B,CAAA,CAAE,EAAE;AAC1E,MAAI,sBAAsB,IAAI,MAAM,KAAK,eAAe,UAAa,OAAO,KAAK,eAAe,EAAE,SAAS,IAAI;AAC7G,WAAO;AAAA,EACT;AACA,SAAO,KAAK,UAAU,MAAM;AAC9B;AAIO,MAAM,YAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"json-schema-form-render.js","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport {\n  FieldLabel,\n  FieldWrapper,\n  HelpHint,\n  ObjectSection,\n} from \"./json-schema-form-layout\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { applyPostExtensions } from \"./json-schema-form-extensions\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  HelpDisplay,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldErrorId,\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  // ctx.instancePath is the field's own path here: buildField descends into the\n  // child context before rendering the value.\n  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  help: HelpDisplay;\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n      ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const fieldId = fieldInputId(instancePath, ctx.idPrefix);\n  // Resolve this field's errors before rendering its control, so the control can\n  // carry aria-invalid / aria-describedby rather than leaving the error text\n  // visually adjacent but programmatically unassociated. Host-supplied errors\n  // and the locally-derived soft hint (e.g. \"Required\" on an empty required\n  // field) are one validation state: either one marks the field invalid and is\n  // rendered into the aria-describedby target, so a locally-invalid field is\n  // never invalid only to sighted users. softError reads value/required/kind —\n  // never `invalid` — so deriving it from `field` here is not circular.\n  const errors = errorsAtInstancePath(ctx.errors, instancePath);\n  const soft = errors.length === 0 ? softError(field) : undefined;\n  const messages: JsonSchemaFormError[] =\n    errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];\n  if (messages.length > 0) field = { ...field, invalid: true };\n  // A field's own x-help-display wins over the form-level setting; both default\n  // to the permanent paragraph every form renders today.\n  const help = field.helpDisplay ?? ctx.layout.help ?? \"inline\";\n  let label: ReactNode = (\n    <FieldLabel field={field} fieldId={fieldId} size={ctx.size} helpDisplay={help} />\n  );\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n  };\n  ({ label, value } = applyPostExtensions(\n    field,\n    { label, value },\n    ctx.post,\n    postCtx,\n  ));\n  return { field, fieldId, label, value, messages, help };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.messages.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText id={fieldErrorId(built.fieldId)} errors={built.messages} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  // An accordion joins this list: crammed into the 600px inline value column it\n  // is unusable, and it needs the ObjectSection header to carry the array's own\n  // title, required marker and help.\n  if (\n    field.kind === \"object\" ||\n    field.layout === \"table\" ||\n    field.arrayDisplay === \"accordion\"\n  ) {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        helpDisplay={built.help}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText\n          id={fieldErrorId(built.fieldId)}\n          errors={built.messages}\n          className=\"min-w-0 break-words\"\n        />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {/* Without this the `?` silently disappears for relabelled rows (array\n          items), taking the description with it — FieldWrapper has already\n          dropped the paragraph by then. */}\n      {built.help === \"hover\" && field.helper && (\n        <HelpHint label={opts.labelOverride} helper={field.helper} />\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  // One rendering path for both sources, so the soft hint lands in the same\n  // fieldErrorId element the control's aria-describedby already points at.\n  const err =\n    built.messages.length > 0 ? (\n      <FieldErrorMessages id={fieldErrorId(built.fieldId)} errors={built.messages} />\n    ) : undefined;\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.colSpan === \"full\" ? { maxWidth: \"none\" } : {})}\n      {...(field.helper && built.help !== \"hover\" ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns === \"auto\" || columns > 1) {\n      const span = rendersFullWidth(prop)\n        ? \"full\"\n        : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div\n          key={key}\n          // Under \"auto\" the track count only exists at layout time, so a\n          // full-width field must say `1 / -1` rather than span a number.\n          style={{\n            gridColumn: span === \"full\" ? \"1 / -1\" : `span ${span} / span ${span}`,\n          }}\n        >\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return prop[\"x-layout\"] === \"table\" || prop[\"x-array-display\"] === \"accordion\";\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA4DO,SAAS,mBAAmB,OAAqB,KAA+B;AAGrF,QAAM,UAAU,aAAa,IAAI,cAAc,IAAI,QAAQ;AAQ3D,MAAI,MAAM,YAAY,CAAC,sBAAsB,MAAM,IAAI,GAAG;AACxD,+BAAQ,eAAA,EAAc,OAAc,SAAkB,MAAM,IAAI,MAAM;AAAA,EACxE;AACA,QAAM,WAAW,IAAI,YAAY,MAAM,aAAa;AACpD,QAAM,OAAO,IAAI;AACjB,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAG3D,KAAK;AACH,aAAO,oBAAC,gBAAA,EAAe,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACzF,KAAK;AACH,aAAO,oBAAC,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACxF,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aAAO,oBAAC,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAO,oBAAC,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAO,oBAAC,gBAAA,EAAe,OAAc,KAAA,CAAY;AAAA,IACnD,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,OAAc,SAAkB,KAAA,CAAY;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,OAAc,SAAkB,IAAA,CAAU;AAAA,IACjE,KAAK;AACH,aAAO,oBAAC,eAAA,EAAc,OAAc,IAAA,CAAU;AAAA,IAChD,KAAK;AACH,aAAO,oBAAC,kBAAA,EAAiB,OAAc,IAAA,CAAU;AAAA,IACnD;AACE,aAAO,oBAAC,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,EAAA;AAE5F;AAMA,SAAS,sBAAsB,MAAqC;AAClE,SACE,SAAS,WACT,SAAS,YACT,SAAS,gBACT,SAAS,cACT,SAAS,cACT,SAAS,aACT,SAAS;AAEb;AAKA,SAAS,WACP,MACA,KAQO;AACP,QAAM,OAAO,eAAe,IAAI;AAChC,MAAI,QAA6B;AACjC,aAAW,OAAO,IAAI,KAAK;AACzB,QAAI,CAAC,MAAO;AACZ,YAAQ,IAAI,OAAO;AAAA,MACjB,KAAK,KAAK;AAAA,MACV,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,MACZ,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,MACnD,GAAI,IAAI,eAAe,EAAE,cAAc,IAAI,aAAA,IAAiB,CAAA;AAAA,IAAC,CAC9D;AAAA,EACH;AACA,MAAI,CAAC,MAAO,QAAO;AAGnB,MAAI,IAAI,sBAAsB,MAAM,SAAU,QAAO;AAErD,QAAM,eAAe,KAAK,gBAAgB,mBAAmB,IAAI,cAAc,KAAK,GAAG;AACvF,QAAM,UAAU,aAAa,cAAc,IAAI,QAAQ;AASvD,QAAM,SAAS,qBAAqB,IAAI,QAAQ,YAAY;AAC5D,QAAM,OAAO,OAAO,WAAW,IAAI,UAAU,KAAK,IAAI;AACtD,QAAM,WACJ,OAAO,SAAS,IAAI,SAAS,OAAO,CAAC,EAAE,cAAc,SAAS,KAAA,CAAM,IAAI,CAAA;AAC1E,MAAI,SAAS,SAAS,EAAG,SAAQ,EAAE,GAAG,OAAO,SAAS,KAAA;AAGtD,QAAM,OAAO,MAAM,eAAe,IAAI,OAAO,QAAQ;AACrD,MAAI,4BACD,YAAA,EAAW,OAAc,SAAkB,MAAM,IAAI,MAAM,aAAa,KAAA,CAAM;AAKjF,QAAM,eACJ,MAAM,WAAW,WAAW,WAAW,MAAM,WAAW,UAAU,YAAY;AAChF,QAAM,WAA0B;AAAA,IAC9B,GAAG;AAAA,IACH;AAAA,IACA,GAAI,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,aAAA,MAAmB,CAAA;AAAA,EAAC;AAE1E,MAAI,QAAmB,mBAAmB,OAAO,QAAQ;AACzD,QAAM,UAAU;AAAA,IACd,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,IACnD,GAAI,IAAI,eAAe,EAAE,cAAc,IAAI,aAAA,IAAiB,CAAA;AAAA,EAAC;AAE/D,GAAC,EAAE,OAAO,MAAA,IAAU;AAAA,IAClB;AAAA,IACA,EAAE,OAAO,MAAA;AAAA,IACT,IAAI;AAAA,IACJ;AAAA,EAAA;AAEF,SAAO,EAAE,OAAO,SAAS,OAAO,OAAO,UAAU,KAAA;AACnD;AAKO,SAAS,iBACd,MACA,KAC+C;AAC/C,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACE,MAAM,SAAS,SAAS,IACtB,qBAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,MAAA,MAAM;AAAA,MACP,oBAAC,kBAAe,IAAI,aAAa,MAAM,OAAO,GAAG,QAAQ,MAAM,SAAA,CAAU;AAAA,IAAA,EAAA,CAC3E,IAEA,MAAM;AAAA,EAAA;AAGd;AAKO,SAAS,eACd,MACA,KACA,MACkB;AAClB,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,EAAE,UAAU;AAUlB,MACE,MAAM,SAAS,YACf,MAAM,WAAW,WACjB,MAAM,iBAAiB,aACvB;AACA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO,6BAAM,kBAAiB,MAAM;AAAA,QACpC,UAAU,MAAM;AAAA,QAChB,MAAM,IAAI;AAAA,QACV,aAAa,MAAM;AAAA,QAClB,GAAI,MAAM,QAAQ,EAAE,OAAO,MAAM,MAAA,IAAU,CAAA;AAAA,QAC3C,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,QAC9C,GAAI,MAAM,aAAa,OAAO,EAAE,WAAW,MAAM,UAAA,IAAc,CAAA;AAAA,QAEhE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,aAAa,MAAM,OAAO;AAAA,cAC9B,QAAQ,MAAM;AAAA,cACd,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAGA,MAAI,MAAM,SAAS,WAAW;AAC5B,WAAO,oBAAC,OAAA,EAAI,WAAU,iBAAiB,gBAAM,OAAM;AAAA,EACrD;AACA,QAAM,SAAQ,6BAAM,iBAClB,qBAAC,QAAA,EAAK,WAAW,GAAG,uCAAuC,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,MAAM,MAAM,WAAW,WAAU,qCAAoC;AAAA,IAChF,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAA,CAAc;AAAA,IACzB,MAAM,YAAY,oBAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,KAAC;AAAA,IACtD,MAAM,SACL,oBAAC,UAAK,WAAU,wGACb,gBAAM,OACT;AAAA,IAKD,MAAM,SAAS,WAAW,MAAM,UAC/B,oBAAC,UAAA,EAAS,OAAO,KAAK,eAAe,QAAQ,MAAM,OAAA,CAAQ;AAAA,EAAA,EAAA,CAE/D,IAEA,MAAM;AAIR,QAAM,MACJ,MAAM,SAAS,SAAS,IACtB,oBAAC,oBAAA,EAAmB,IAAI,aAAa,MAAM,OAAO,GAAG,QAAQ,MAAM,UAAU,IAC3E;AACN,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ,IAAI;AAAA,MACZ,MAAM,IAAI;AAAA,MACV;AAAA,MACA,OAAO,MAAM;AAAA,MACZ,GAAI,MAAM,YAAY,SAAS,EAAE,UAAU,OAAA,IAAW,CAAA;AAAA,MACtD,GAAI,MAAM,UAAU,MAAM,SAAS,UAAU,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,MACxE,GAAI,MAAM,EAAE,OAAO,QAAQ,CAAA;AAAA,IAAC;AAAA,EAAA;AAGnC;AAKO,SAAS,mBACd,QACA,OACA,UACA,KACA,MACa;AACb,QAAM,EAAE,YAAY,SAAA,IAAa,oBAAoB,QAAQ,KAAK;AAClE,QAAM,SAAS,IAAI,KAAI,6BAAM,eAAc,CAAA,CAAE;AAG7C,QAAM,UAAU,mBAAmB,cAAc,OAAO,QAAQ,UAAU,GAAG,OAAO,SAAS,CAAC,CAAC;AAC/F,QAAM,SACJ,IAAI,aAAa,mBACb,mBAAmB,SAAS,QAAQ,IACpC,IAAI,aAAa,aACf,gBAAgB,SAAS,UAAU,KAAK,IACxC;AAGR,QAAM,UACJ,IAAI,UAAU,KAAK,IAAI,cACnB,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI,MAAM,mBAAmB,KAAK,MAAM,IAAI,WAAY,CAAC,IAC9E;AAIN,QAAM,UAAU,IAAI,OAAO,SAAS,WAAW,IAAI,iBAAiB,OAAO,WAAW,CAAC;AACvF,SAAO,QAAQ,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM;AACtC,QAAI,OAAO,IAAI,GAAG,UAAU,CAAA;AAC5B,UAAM,MAAM;AAAA,MACV;AAAA,QACE;AAAA,QACA;AAAA,QACA,UAAU,SAAS,SAAS,GAAG;AAAA,QAC/B,OAAO,MAAM,GAAG;AAAA,QAChB,UAAU,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,MAAM;AAAA,QACtD,cAAc,mBAAmB,IAAI,cAAc,GAAG;AAAA,MAAA;AAAA,MAExD;AAAA,IAAA;AAEF,QAAI,CAAC,IAAK,QAAO,CAAA;AACjB,QAAI,YAAY,UAAU,UAAU,GAAG;AACrC,YAAM,OAAO,iBAAiB,IAAI,IAC9B,SACA,iBAAiB,KAAK,YAAY,GAAG,OAAO;AAChD,aAAO;AAAA,QACL;AAAA,UAAC;AAAA,UAAA;AAAA,YAIC,OAAO;AAAA,cACL,YAAY,SAAS,SAAS,WAAW,QAAQ,IAAI,WAAW,IAAI;AAAA,YAAA;AAAA,YAGrE,UAAA;AAAA,UAAA;AAAA,UAPI;AAAA,QAAA;AAAA,MAQP;AAAA,IAEJ;AAIA,WAAO,CAAC,oBAAC,OAAA,EAAc,WAAU,YAAY,UAAA,OAA3B,GAA+B,CAAM;AAAA,EACzD,CAAC;AACH;AAKA,SAAS,iBAAiB,MAAmC;AAC3D,QAAM,kBAAkB,oBAAoB,MAA0B,CAAA,CAAE,EAAE;AAC1E,MAAI,sBAAsB,IAAI,MAAM,KAAK,eAAe,UAAa,OAAO,KAAK,eAAe,EAAE,SAAS,IAAI;AAC7G,WAAO;AAAA,EACT;AACA,SAAO,KAAK,UAAU,MAAM,WAAW,KAAK,iBAAiB,MAAM;AACrE;AAIO,MAAM,YAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;"}