@flanksource/clicky-ui 0.3.10 → 0.3.11

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-object.cjs","sources":["../../src/components/json-schema-form-object.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport { Combobox } from \"./Combobox\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\n  inputClass,\n  isPlainObject,\n  keyPickerOptions,\n} from \"./json-schema-form-utils\";\nimport { FieldsGrid } from \"./json-schema-form-fields\";\nimport { fieldInnerGapClass } from \"./json-schema-form-size\";\n\n// ObjectControl renders a nested structured object as a sub-form: its own\n// properties, required markers, if/then, soft errors — all via the shared\n// recursive renderer (ctx.render), so pre/post extensions apply at this depth too.\nexport function ObjectControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  const obj = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const subSchema: JsonSchemaObject = {\n    type: \"object\",\n    properties: field.objectProperties ?? {},\n    ...(field.objectRequired ? { required: field.objectRequired } : {}),\n    ...(Array.isArray(field.schema.allOf) ? { allOf: field.schema.allOf } : {}),\n    ...(Array.isArray(field.schema[\"x-order\"]) ? { \"x-order\": field.schema[\"x-order\"] } : {}),\n  };\n  // No border/box: nested objects render as flat headed sections (see\n  // ObjectSection in renderFieldRow) rather than progressively indented\n  // sub-forms, so deep schemas stay readable as a single column.\n  // A read-only object marks its whole subtree non-editable: recurse with\n  // form-level readOnly on so child inputs are disabled (and any child the\n  // schema marks readOnly still renders as a value span).\n  return (\n    <FieldsGrid layout={ctx.layout} size={ctx.size}>\n      {ctx.render.renderObjectFields(subSchema, obj, (next) => field.onChange(next), {\n        ...ctx,\n        readOnly: ctx.readOnly || field.readOnly === true,\n        depth: ctx.depth + 1,\n      })}\n    </FieldsGrid>\n  );\n}\n\n// StringMapControl edits an object as key/value rows. Known properties (from the\n// schema) render first with derived value controls; unknown keys render as\n// editable key/value pairs. \"Add field\" appears when extra keys are allowed.\n// Values recurse through the shared pipeline, so a value that is itself an object\n// or array renders structurally and pre/post extensions apply to it.\nexport function StringMapControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  // A read-only map marks its whole subtree non-editable: no rename/remove/add\n  // and value inputs disabled.\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const map = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const known = field.knownProperties ?? {};\n  const knownKeys = Object.keys(known);\n  const extraKeys = Object.keys(map).filter((k) => !(k in known));\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n  // What the map key IS (e.g. \"Address Role\"), from the key-constraint schema.\n  const pn = field.schema.propertyNames as JsonSchemaProperty | undefined;\n  const keyTitle = typeof pn?.title === \"string\" && pn.title ? pn.title : undefined;\n\n  // valueSchemaForKey picks an entry's value schema: the first patternProperties\n  // entry whose regex matches the key, else the `additionalProperties` schema,\n  // else a bare string. Lets the value form vary by key (e.g. House vs Apartment).\n  function valueSchemaForKey(key: string): JsonSchemaProperty {\n    for (const { pattern, schema } of field.valuePatternSchemas ?? []) {\n      let re: RegExp | undefined;\n      try {\n        re = new RegExp(pattern);\n      } catch {\n        re = undefined; // a malformed pattern simply never matches\n      }\n      if (re?.test(key)) return schema;\n    }\n    return field.valueSchema ?? { type: \"string\" };\n  }\n\n  // When the entry value opts into a stacked layout (`x-layout: \"stack\"`), the\n  // key+value render as one full-width stacked unit instead of a key column\n  // beside the value. Resolved per key, since pattern schemas may differ.\n  function entryIsStacked(key: string): boolean {\n    return valueSchemaForKey(key)[\"x-layout\"] === \"stack\";\n  }\n\n  function setEntry(key: string, next: unknown) {\n    field.onChange({ ...map, [key]: next });\n  }\n  function renameEntry(oldKey: string, newKey: string) {\n    if (newKey === oldKey) return;\n    const next: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(map)) next[k === oldKey ? newKey : k] = v;\n    field.onChange(next);\n  }\n  function removeEntry(key: string) {\n    const next = { ...map };\n    delete next[key];\n    field.onChange(next);\n  }\n  function addEntry() {\n    if (\"\" in map) return;\n    field.onChange({ ...map, \"\": \"\" });\n  }\n\n  function valueControlFor(key: string, valueSchema: JsonSchemaProperty): ReactNode {\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key,\n        prop: valueSchema,\n        required: false,\n        value: map[key] ?? \"\",\n        onChange: (next) => setEntry(key, next),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  // valueControlForKey resolves the per-key value schema (patternProperties /\n  // additionalProperties) before rendering, so the form varies by key.\n  function valueControlForKey(key: string): ReactNode {\n    return valueControlFor(key, valueSchemaForKey(key));\n  }\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[childCtx.size])}>\n      {knownKeys.map((key) => (\n        <div key={`known-${key}`} className=\"grid grid-cols-[10rem_1fr] items-center gap-2\">\n          <label htmlFor={fieldInputId(key, childCtx.idPrefix)} className=\"truncate text-xs text-muted-foreground\" title={key}>\n            {key}\n          </label>\n          <div className=\"min-w-0\">{valueControlFor(key, known[key] ?? { type: \"string\" })}</div>\n        </div>\n      ))}\n      {extraKeys.map((key) => {\n        const keyControl = field.keyOptions ? (\n          <Combobox\n            options={keyPickerOptions(field.keyOptions, extraKeys, key)}\n            value={key}\n            disabled={readOnly}\n            size={childCtx.size}\n            allowCustomValue={false}\n            onChange={(next) => renameEntry(key, next)}\n            placeholder=\"Select…\"\n          />\n        ) : (\n          <input\n            type=\"text\"\n            aria-label=\"Field name\"\n            className={cn(inputClass(childCtx.size), \"font-mono\")}\n            value={key}\n            disabled={readOnly}\n            onChange={(e) => renameEntry(key, e.target.value)}\n          />\n        );\n        const removeButton = !readOnly ? (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${key}`}\n            className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\"\n            onClick={() => removeEntry(key)}\n          >\n            <Icon icon={UiTrash} className=\"text-sm\" />\n          </button>\n        ) : null;\n        // When the value is stacked (`x-layout: \"stack\"` on the entry schema),\n        // the key joins the stack: it sits full-width above its value as one\n        // unit, rather than cramped in a fixed key column beside it. The key\n        // picker is labelled from `propertyNames.title` so a constrained key\n        // (e.g. an AsCode role) says what it is.\n        if (entryIsStacked(key)) {\n          return (\n            <div key={`extra-${key}`} className=\"space-y-1.5 rounded-md border border-input p-2\">\n              {keyTitle && (\n                <span className=\"block text-xs font-medium text-muted-foreground\">{keyTitle}</span>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"min-w-0 flex-1\">{keyControl}</div>\n                {removeButton}\n              </div>\n              <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            </div>\n          );\n        }\n        return (\n          <div key={`extra-${key}`} className=\"grid grid-cols-[10rem_1fr_auto] items-center gap-2\">\n            {keyControl}\n            <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            {removeButton}\n          </div>\n        );\n      })}\n      {!readOnly && field.allowExtraKeys !== false && (\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addEntry} className=\"gap-1.5\">\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add field\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["isPlainObject","FieldsGrid","jsxs","cn","fieldInnerGapClass","jsx","fieldInputId","Combobox","keyPickerOptions","inputClass","Icon","UiTrash","Button","UiAdd"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-object.cjs","sources":["../../src/components/json-schema-form-object.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport { Combobox } from \"./Combobox\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\n  inputClass,\n  isPlainObject,\n  keyPickerOptions,\n  normalizeColumns,\n} from \"./json-schema-form-utils\";\nimport { FieldsGrid } from \"./json-schema-form-fields\";\nimport {\n  controlHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n} from \"./json-schema-form-size\";\n\n// ObjectControl renders a nested structured object as a sub-form: its own\n// properties, required markers, if/then, soft errors — all via the shared\n// recursive renderer (ctx.render), so pre/post extensions apply at this depth too.\nexport function ObjectControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  const obj = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const subSchema: JsonSchemaObject = {\n    type: \"object\",\n    properties: field.objectProperties ?? {},\n    ...(field.objectRequired ? { required: field.objectRequired } : {}),\n    ...(Array.isArray(field.schema.allOf) ? { allOf: field.schema.allOf } : {}),\n    ...(Array.isArray(field.schema[\"x-order\"]) ? { \"x-order\": field.schema[\"x-order\"] } : {}),\n    ...(typeof field.schema[\"x-columns\"] === \"number\" ? { \"x-columns\": field.schema[\"x-columns\"] } : {}),\n    ...(typeof field.schema[\"x-classes\"] === \"string\" ? { \"x-classes\": field.schema[\"x-classes\"] } : {}),\n  };\n  // No border/box: nested objects render as flat headed sections (see\n  // ObjectSection in renderFieldRow) rather than progressively indented\n  // sub-forms, so deep schemas stay readable as a single column.\n  // A read-only object marks its whole subtree non-editable: recurse with\n  // form-level readOnly on so child inputs are disabled (and any child the\n  // schema marks readOnly still renders as a value span).\n  return (\n    <FieldsGrid\n      layout={ctx.layout}\n      size={ctx.size}\n      columns={normalizeColumns(subSchema[\"x-columns\"])}\n      {...(typeof subSchema[\"x-classes\"] === \"string\" ? { className: subSchema[\"x-classes\"] } : {})}\n    >\n      {ctx.render.renderObjectFields(subSchema, obj, (next) => field.onChange(next), {\n        ...ctx,\n        readOnly: ctx.readOnly || field.readOnly === true,\n        depth: ctx.depth + 1,\n      })}\n    </FieldsGrid>\n  );\n}\n\n// StringMapControl edits an object as key/value rows. Known properties (from the\n// schema) render first with derived value controls; unknown keys render as\n// editable key/value pairs. \"Add field\" appears when extra keys are allowed.\n// Values recurse through the shared pipeline, so a value that is itself an object\n// or array renders structurally and pre/post extensions apply to it.\nexport function StringMapControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  // A read-only map marks its whole subtree non-editable: no rename/remove/add\n  // and value inputs disabled.\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const map = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const known = field.knownProperties ?? {};\n  const knownKeys = Object.keys(known);\n  const extraKeys = Object.keys(map).filter((k) => !(k in known));\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n  // What the map key IS (e.g. \"Address Role\"), from the key-constraint schema.\n  const pn = field.schema.propertyNames as JsonSchemaProperty | undefined;\n  const keyTitle = typeof pn?.title === \"string\" && pn.title ? pn.title : undefined;\n\n  // valueSchemaForKey picks an entry's value schema: the first patternProperties\n  // entry whose regex matches the key, else the `additionalProperties` schema,\n  // else a bare string. Lets the value form vary by key (e.g. House vs Apartment).\n  function valueSchemaForKey(key: string): JsonSchemaProperty {\n    for (const { pattern, schema } of field.valuePatternSchemas ?? []) {\n      let re: RegExp | undefined;\n      try {\n        re = new RegExp(pattern);\n      } catch {\n        re = undefined; // a malformed pattern simply never matches\n      }\n      if (re?.test(key)) return schema;\n    }\n    return field.valueSchema ?? { type: \"string\" };\n  }\n\n  // When the entry value opts into a stacked layout (`x-layout: \"stack\"`), the\n  // key+value render as one full-width stacked unit instead of a key column\n  // beside the value. Resolved per key, since pattern schemas may differ.\n  function entryIsStacked(key: string): boolean {\n    return valueSchemaForKey(key)[\"x-layout\"] === \"stack\";\n  }\n\n  function setEntry(key: string, next: unknown) {\n    field.onChange({ ...map, [key]: next });\n  }\n  function renameEntry(oldKey: string, newKey: string) {\n    if (newKey === oldKey) return;\n    const next: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(map)) next[k === oldKey ? newKey : k] = v;\n    field.onChange(next);\n  }\n  function removeEntry(key: string) {\n    const next = { ...map };\n    delete next[key];\n    field.onChange(next);\n  }\n  function addEntry() {\n    if (\"\" in map) return;\n    field.onChange({ ...map, \"\": \"\" });\n  }\n\n  function valueControlFor(key: string, valueSchema: JsonSchemaProperty): ReactNode {\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key,\n        prop: valueSchema,\n        required: false,\n        value: map[key] ?? \"\",\n        onChange: (next) => setEntry(key, next),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  // valueControlForKey resolves the per-key value schema (patternProperties /\n  // additionalProperties) before rendering, so the form varies by key.\n  function valueControlForKey(key: string): ReactNode {\n    return valueControlFor(key, valueSchemaForKey(key));\n  }\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[childCtx.size])}>\n      {knownKeys.map((key) => (\n        <div key={`known-${key}`} className=\"grid grid-cols-[10rem_1fr] items-center gap-2\">\n          <label htmlFor={fieldInputId(key, childCtx.idPrefix)} className=\"truncate text-xs text-muted-foreground\" title={key}>\n            {key}\n          </label>\n          <div className=\"min-w-0\">{valueControlFor(key, known[key] ?? { type: \"string\" })}</div>\n        </div>\n      ))}\n      {extraKeys.map((key) => {\n        const keyControl = field.keyOptions ? (\n          <Combobox\n            options={keyPickerOptions(field.keyOptions, extraKeys, key)}\n            value={key}\n            disabled={readOnly}\n            size={childCtx.size}\n            allowCustomValue={false}\n            onChange={(next) => renameEntry(key, next)}\n            placeholder=\"Select…\"\n          />\n        ) : (\n          <input\n            type=\"text\"\n            aria-label=\"Field name\"\n            className={cn(inputClass(childCtx.size), \"font-mono\")}\n            value={key}\n            disabled={readOnly}\n            onChange={(e) => renameEntry(key, e.target.value)}\n          />\n        );\n        const removeButton = !readOnly ? (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${key}`}\n            className={cn(\n              \"inline-flex aspect-square shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\",\n              controlHeightClass[childCtx.size],\n            )}\n            onClick={() => removeEntry(key)}\n          >\n            <Icon icon={UiTrash} className=\"text-sm\" />\n          </button>\n        ) : null;\n        // When the value is stacked (`x-layout: \"stack\"` on the entry schema),\n        // the key joins the stack: it sits full-width above its value as one\n        // unit, rather than cramped in a fixed key column beside it. The key\n        // picker is labelled from `propertyNames.title` so a constrained key\n        // (e.g. an AsCode role) says what it is.\n        if (entryIsStacked(key)) {\n          return (\n            <div key={`extra-${key}`} className=\"space-y-1.5 rounded-md border border-input p-2\">\n              {keyTitle && (\n                <span className=\"block text-xs font-medium text-muted-foreground\">{keyTitle}</span>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"min-w-0 flex-1\">{keyControl}</div>\n                {removeButton}\n              </div>\n              <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            </div>\n          );\n        }\n        return (\n          <div key={`extra-${key}`} className=\"grid grid-cols-[10rem_1fr_auto] items-center gap-2\">\n            {keyControl}\n            <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            {removeButton}\n          </div>\n        );\n      })}\n      {!readOnly && field.allowExtraKeys !== false && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={addEntry}\n          className={cn(\"gap-1.5\", inputSizeClass[childCtx.size])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add field\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["isPlainObject","jsx","FieldsGrid","normalizeColumns","jsxs","cn","fieldInnerGapClass","fieldInputId","Combobox","keyPickerOptions","inputClass","controlHeightClass","Icon","UiTrash","Button","inputSizeClass","UiAdd"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-object.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-object.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EAGZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,2CAwBxF;AAOD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,2CAuJ3F"}
+{"version":3,"file":"json-schema-form-object.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-object.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EAGZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAkBlC,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,2CA+BxF;AAOD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,2CA+J3F"}

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

@@ -4,11 +4,11 @@ import { cn } from "../lib/utils.js";
 import { Icon } from "../data/Icon.js";
 import { Button } from "./button.js";
 import { Combobox } from "./Combobox.js";
-import { isPlainObject, fieldInputId, keyPickerOptions, inputClass } from "./json-schema-form-utils.js";
+import { isPlainObject, fieldInputId, keyPickerOptions, inputClass, normalizeColumns } from "./json-schema-form-utils.js";
 import { FieldsGrid } from "./json-schema-form-fields.js";
-import { fieldInnerGapClass } from "./json-schema-form-size.js";
-import { UiAdd } from "../icons/components/UiAdd.js";
+import { controlHeightClass, inputSizeClass, fieldInnerGapClass } from "./json-schema-form-size.js";
 import { UiTrash } from "../icons/components/UiTrash.js";
+import { UiAdd } from "../icons/components/UiAdd.js";
 function ObjectControl({ field, ctx }) {
   const obj = isPlainObject(field.value) ? field.value : {};
   const subSchema = {
@@ -16,13 +16,24 @@ function ObjectControl({ field, ctx }) {
     properties: field.objectProperties ?? {},
     ...field.objectRequired ? { required: field.objectRequired } : {},
     ...Array.isArray(field.schema.allOf) ? { allOf: field.schema.allOf } : {},
-    ...Array.isArray(field.schema["x-order"]) ? { "x-order": field.schema["x-order"] } : {}
+    ...Array.isArray(field.schema["x-order"]) ? { "x-order": field.schema["x-order"] } : {},
+    ...typeof field.schema["x-columns"] === "number" ? { "x-columns": field.schema["x-columns"] } : {},
+    ...typeof field.schema["x-classes"] === "string" ? { "x-classes": field.schema["x-classes"] } : {}
   };
-  return /* @__PURE__ */ jsx(FieldsGrid, { layout: ctx.layout, size: ctx.size, children: ctx.render.renderObjectFields(subSchema, obj, (next) => field.onChange(next), {
-    ...ctx,
-    readOnly: ctx.readOnly || field.readOnly === true,
-    depth: ctx.depth + 1
-  }) });
+  return /* @__PURE__ */ jsx(
+    FieldsGrid,
+    {
+      layout: ctx.layout,
+      size: ctx.size,
+      columns: normalizeColumns(subSchema["x-columns"]),
+      ...typeof subSchema["x-classes"] === "string" ? { className: subSchema["x-classes"] } : {},
+      children: ctx.render.renderObjectFields(subSchema, obj, (next) => field.onChange(next), {
+        ...ctx,
+        readOnly: ctx.readOnly || field.readOnly === true,
+        depth: ctx.depth + 1
+      })
+    }
+  );
 }
 function StringMapControl({ field, ctx }) {
   const readOnly = ctx.readOnly || field.readOnly === true;
@@ -115,7 +126,10 @@ function StringMapControl({ field, ctx }) {
         {
           type: "button",
           "aria-label": `Remove ${key}`,
-          className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground",
+          className: cn(
+            "inline-flex aspect-square shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground",
+            controlHeightClass[childCtx.size]
+          ),
           onClick: () => removeEntry(key),
           children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" })
         }
@@ -136,10 +150,19 @@ function StringMapControl({ field, ctx }) {
         removeButton
       ] }, `extra-${key}`);
     }),
-    !readOnly && field.allowExtraKeys !== false && /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addEntry, className: "gap-1.5", children: [
-      /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "text-sm" }),
-      "Add field"
-    ] })
+    !readOnly && field.allowExtraKeys !== false && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: addEntry,
+        className: cn("gap-1.5", inputSizeClass[childCtx.size]),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "text-sm" }),
+          "Add field"
+        ]
+      }
+    )
   ] });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-object.js","sources":["../../src/components/json-schema-form-object.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport { Combobox } from \"./Combobox\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\n  inputClass,\n  isPlainObject,\n  keyPickerOptions,\n} from \"./json-schema-form-utils\";\nimport { FieldsGrid } from \"./json-schema-form-fields\";\nimport { fieldInnerGapClass } from \"./json-schema-form-size\";\n\n// ObjectControl renders a nested structured object as a sub-form: its own\n// properties, required markers, if/then, soft errors — all via the shared\n// recursive renderer (ctx.render), so pre/post extensions apply at this depth too.\nexport function ObjectControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  const obj = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const subSchema: JsonSchemaObject = {\n    type: \"object\",\n    properties: field.objectProperties ?? {},\n    ...(field.objectRequired ? { required: field.objectRequired } : {}),\n    ...(Array.isArray(field.schema.allOf) ? { allOf: field.schema.allOf } : {}),\n    ...(Array.isArray(field.schema[\"x-order\"]) ? { \"x-order\": field.schema[\"x-order\"] } : {}),\n  };\n  // No border/box: nested objects render as flat headed sections (see\n  // ObjectSection in renderFieldRow) rather than progressively indented\n  // sub-forms, so deep schemas stay readable as a single column.\n  // A read-only object marks its whole subtree non-editable: recurse with\n  // form-level readOnly on so child inputs are disabled (and any child the\n  // schema marks readOnly still renders as a value span).\n  return (\n    <FieldsGrid layout={ctx.layout} size={ctx.size}>\n      {ctx.render.renderObjectFields(subSchema, obj, (next) => field.onChange(next), {\n        ...ctx,\n        readOnly: ctx.readOnly || field.readOnly === true,\n        depth: ctx.depth + 1,\n      })}\n    </FieldsGrid>\n  );\n}\n\n// StringMapControl edits an object as key/value rows. Known properties (from the\n// schema) render first with derived value controls; unknown keys render as\n// editable key/value pairs. \"Add field\" appears when extra keys are allowed.\n// Values recurse through the shared pipeline, so a value that is itself an object\n// or array renders structurally and pre/post extensions apply to it.\nexport function StringMapControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  // A read-only map marks its whole subtree non-editable: no rename/remove/add\n  // and value inputs disabled.\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const map = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const known = field.knownProperties ?? {};\n  const knownKeys = Object.keys(known);\n  const extraKeys = Object.keys(map).filter((k) => !(k in known));\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n  // What the map key IS (e.g. \"Address Role\"), from the key-constraint schema.\n  const pn = field.schema.propertyNames as JsonSchemaProperty | undefined;\n  const keyTitle = typeof pn?.title === \"string\" && pn.title ? pn.title : undefined;\n\n  // valueSchemaForKey picks an entry's value schema: the first patternProperties\n  // entry whose regex matches the key, else the `additionalProperties` schema,\n  // else a bare string. Lets the value form vary by key (e.g. House vs Apartment).\n  function valueSchemaForKey(key: string): JsonSchemaProperty {\n    for (const { pattern, schema } of field.valuePatternSchemas ?? []) {\n      let re: RegExp | undefined;\n      try {\n        re = new RegExp(pattern);\n      } catch {\n        re = undefined; // a malformed pattern simply never matches\n      }\n      if (re?.test(key)) return schema;\n    }\n    return field.valueSchema ?? { type: \"string\" };\n  }\n\n  // When the entry value opts into a stacked layout (`x-layout: \"stack\"`), the\n  // key+value render as one full-width stacked unit instead of a key column\n  // beside the value. Resolved per key, since pattern schemas may differ.\n  function entryIsStacked(key: string): boolean {\n    return valueSchemaForKey(key)[\"x-layout\"] === \"stack\";\n  }\n\n  function setEntry(key: string, next: unknown) {\n    field.onChange({ ...map, [key]: next });\n  }\n  function renameEntry(oldKey: string, newKey: string) {\n    if (newKey === oldKey) return;\n    const next: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(map)) next[k === oldKey ? newKey : k] = v;\n    field.onChange(next);\n  }\n  function removeEntry(key: string) {\n    const next = { ...map };\n    delete next[key];\n    field.onChange(next);\n  }\n  function addEntry() {\n    if (\"\" in map) return;\n    field.onChange({ ...map, \"\": \"\" });\n  }\n\n  function valueControlFor(key: string, valueSchema: JsonSchemaProperty): ReactNode {\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key,\n        prop: valueSchema,\n        required: false,\n        value: map[key] ?? \"\",\n        onChange: (next) => setEntry(key, next),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  // valueControlForKey resolves the per-key value schema (patternProperties /\n  // additionalProperties) before rendering, so the form varies by key.\n  function valueControlForKey(key: string): ReactNode {\n    return valueControlFor(key, valueSchemaForKey(key));\n  }\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[childCtx.size])}>\n      {knownKeys.map((key) => (\n        <div key={`known-${key}`} className=\"grid grid-cols-[10rem_1fr] items-center gap-2\">\n          <label htmlFor={fieldInputId(key, childCtx.idPrefix)} className=\"truncate text-xs text-muted-foreground\" title={key}>\n            {key}\n          </label>\n          <div className=\"min-w-0\">{valueControlFor(key, known[key] ?? { type: \"string\" })}</div>\n        </div>\n      ))}\n      {extraKeys.map((key) => {\n        const keyControl = field.keyOptions ? (\n          <Combobox\n            options={keyPickerOptions(field.keyOptions, extraKeys, key)}\n            value={key}\n            disabled={readOnly}\n            size={childCtx.size}\n            allowCustomValue={false}\n            onChange={(next) => renameEntry(key, next)}\n            placeholder=\"Select…\"\n          />\n        ) : (\n          <input\n            type=\"text\"\n            aria-label=\"Field name\"\n            className={cn(inputClass(childCtx.size), \"font-mono\")}\n            value={key}\n            disabled={readOnly}\n            onChange={(e) => renameEntry(key, e.target.value)}\n          />\n        );\n        const removeButton = !readOnly ? (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${key}`}\n            className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\"\n            onClick={() => removeEntry(key)}\n          >\n            <Icon icon={UiTrash} className=\"text-sm\" />\n          </button>\n        ) : null;\n        // When the value is stacked (`x-layout: \"stack\"` on the entry schema),\n        // the key joins the stack: it sits full-width above its value as one\n        // unit, rather than cramped in a fixed key column beside it. The key\n        // picker is labelled from `propertyNames.title` so a constrained key\n        // (e.g. an AsCode role) says what it is.\n        if (entryIsStacked(key)) {\n          return (\n            <div key={`extra-${key}`} className=\"space-y-1.5 rounded-md border border-input p-2\">\n              {keyTitle && (\n                <span className=\"block text-xs font-medium text-muted-foreground\">{keyTitle}</span>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"min-w-0 flex-1\">{keyControl}</div>\n                {removeButton}\n              </div>\n              <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            </div>\n          );\n        }\n        return (\n          <div key={`extra-${key}`} className=\"grid grid-cols-[10rem_1fr_auto] items-center gap-2\">\n            {keyControl}\n            <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            {removeButton}\n          </div>\n        );\n      })}\n      {!readOnly && field.allowExtraKeys !== false && (\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addEntry} className=\"gap-1.5\">\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add field\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-object.js","sources":["../../src/components/json-schema-form-object.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport { Combobox } from \"./Combobox\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\n  inputClass,\n  isPlainObject,\n  keyPickerOptions,\n  normalizeColumns,\n} from \"./json-schema-form-utils\";\nimport { FieldsGrid } from \"./json-schema-form-fields\";\nimport {\n  controlHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n} from \"./json-schema-form-size\";\n\n// ObjectControl renders a nested structured object as a sub-form: its own\n// properties, required markers, if/then, soft errors — all via the shared\n// recursive renderer (ctx.render), so pre/post extensions apply at this depth too.\nexport function ObjectControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  const obj = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const subSchema: JsonSchemaObject = {\n    type: \"object\",\n    properties: field.objectProperties ?? {},\n    ...(field.objectRequired ? { required: field.objectRequired } : {}),\n    ...(Array.isArray(field.schema.allOf) ? { allOf: field.schema.allOf } : {}),\n    ...(Array.isArray(field.schema[\"x-order\"]) ? { \"x-order\": field.schema[\"x-order\"] } : {}),\n    ...(typeof field.schema[\"x-columns\"] === \"number\" ? { \"x-columns\": field.schema[\"x-columns\"] } : {}),\n    ...(typeof field.schema[\"x-classes\"] === \"string\" ? { \"x-classes\": field.schema[\"x-classes\"] } : {}),\n  };\n  // No border/box: nested objects render as flat headed sections (see\n  // ObjectSection in renderFieldRow) rather than progressively indented\n  // sub-forms, so deep schemas stay readable as a single column.\n  // A read-only object marks its whole subtree non-editable: recurse with\n  // form-level readOnly on so child inputs are disabled (and any child the\n  // schema marks readOnly still renders as a value span).\n  return (\n    <FieldsGrid\n      layout={ctx.layout}\n      size={ctx.size}\n      columns={normalizeColumns(subSchema[\"x-columns\"])}\n      {...(typeof subSchema[\"x-classes\"] === \"string\" ? { className: subSchema[\"x-classes\"] } : {})}\n    >\n      {ctx.render.renderObjectFields(subSchema, obj, (next) => field.onChange(next), {\n        ...ctx,\n        readOnly: ctx.readOnly || field.readOnly === true,\n        depth: ctx.depth + 1,\n      })}\n    </FieldsGrid>\n  );\n}\n\n// StringMapControl edits an object as key/value rows. Known properties (from the\n// schema) render first with derived value controls; unknown keys render as\n// editable key/value pairs. \"Add field\" appears when extra keys are allowed.\n// Values recurse through the shared pipeline, so a value that is itself an object\n// or array renders structurally and pre/post extensions apply to it.\nexport function StringMapControl({ field, ctx }: { field: FieldControl; ctx: RenderContext }) {\n  // A read-only map marks its whole subtree non-editable: no rename/remove/add\n  // and value inputs disabled.\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const map = isPlainObject(field.value) ? (field.value as Record<string, unknown>) : {};\n  const known = field.knownProperties ?? {};\n  const knownKeys = Object.keys(known);\n  const extraKeys = Object.keys(map).filter((k) => !(k in known));\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n  // What the map key IS (e.g. \"Address Role\"), from the key-constraint schema.\n  const pn = field.schema.propertyNames as JsonSchemaProperty | undefined;\n  const keyTitle = typeof pn?.title === \"string\" && pn.title ? pn.title : undefined;\n\n  // valueSchemaForKey picks an entry's value schema: the first patternProperties\n  // entry whose regex matches the key, else the `additionalProperties` schema,\n  // else a bare string. Lets the value form vary by key (e.g. House vs Apartment).\n  function valueSchemaForKey(key: string): JsonSchemaProperty {\n    for (const { pattern, schema } of field.valuePatternSchemas ?? []) {\n      let re: RegExp | undefined;\n      try {\n        re = new RegExp(pattern);\n      } catch {\n        re = undefined; // a malformed pattern simply never matches\n      }\n      if (re?.test(key)) return schema;\n    }\n    return field.valueSchema ?? { type: \"string\" };\n  }\n\n  // When the entry value opts into a stacked layout (`x-layout: \"stack\"`), the\n  // key+value render as one full-width stacked unit instead of a key column\n  // beside the value. Resolved per key, since pattern schemas may differ.\n  function entryIsStacked(key: string): boolean {\n    return valueSchemaForKey(key)[\"x-layout\"] === \"stack\";\n  }\n\n  function setEntry(key: string, next: unknown) {\n    field.onChange({ ...map, [key]: next });\n  }\n  function renameEntry(oldKey: string, newKey: string) {\n    if (newKey === oldKey) return;\n    const next: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(map)) next[k === oldKey ? newKey : k] = v;\n    field.onChange(next);\n  }\n  function removeEntry(key: string) {\n    const next = { ...map };\n    delete next[key];\n    field.onChange(next);\n  }\n  function addEntry() {\n    if (\"\" in map) return;\n    field.onChange({ ...map, \"\": \"\" });\n  }\n\n  function valueControlFor(key: string, valueSchema: JsonSchemaProperty): ReactNode {\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key,\n        prop: valueSchema,\n        required: false,\n        value: map[key] ?? \"\",\n        onChange: (next) => setEntry(key, next),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  // valueControlForKey resolves the per-key value schema (patternProperties /\n  // additionalProperties) before rendering, so the form varies by key.\n  function valueControlForKey(key: string): ReactNode {\n    return valueControlFor(key, valueSchemaForKey(key));\n  }\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[childCtx.size])}>\n      {knownKeys.map((key) => (\n        <div key={`known-${key}`} className=\"grid grid-cols-[10rem_1fr] items-center gap-2\">\n          <label htmlFor={fieldInputId(key, childCtx.idPrefix)} className=\"truncate text-xs text-muted-foreground\" title={key}>\n            {key}\n          </label>\n          <div className=\"min-w-0\">{valueControlFor(key, known[key] ?? { type: \"string\" })}</div>\n        </div>\n      ))}\n      {extraKeys.map((key) => {\n        const keyControl = field.keyOptions ? (\n          <Combobox\n            options={keyPickerOptions(field.keyOptions, extraKeys, key)}\n            value={key}\n            disabled={readOnly}\n            size={childCtx.size}\n            allowCustomValue={false}\n            onChange={(next) => renameEntry(key, next)}\n            placeholder=\"Select…\"\n          />\n        ) : (\n          <input\n            type=\"text\"\n            aria-label=\"Field name\"\n            className={cn(inputClass(childCtx.size), \"font-mono\")}\n            value={key}\n            disabled={readOnly}\n            onChange={(e) => renameEntry(key, e.target.value)}\n          />\n        );\n        const removeButton = !readOnly ? (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${key}`}\n            className={cn(\n              \"inline-flex aspect-square shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\",\n              controlHeightClass[childCtx.size],\n            )}\n            onClick={() => removeEntry(key)}\n          >\n            <Icon icon={UiTrash} className=\"text-sm\" />\n          </button>\n        ) : null;\n        // When the value is stacked (`x-layout: \"stack\"` on the entry schema),\n        // the key joins the stack: it sits full-width above its value as one\n        // unit, rather than cramped in a fixed key column beside it. The key\n        // picker is labelled from `propertyNames.title` so a constrained key\n        // (e.g. an AsCode role) says what it is.\n        if (entryIsStacked(key)) {\n          return (\n            <div key={`extra-${key}`} className=\"space-y-1.5 rounded-md border border-input p-2\">\n              {keyTitle && (\n                <span className=\"block text-xs font-medium text-muted-foreground\">{keyTitle}</span>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"min-w-0 flex-1\">{keyControl}</div>\n                {removeButton}\n              </div>\n              <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            </div>\n          );\n        }\n        return (\n          <div key={`extra-${key}`} className=\"grid grid-cols-[10rem_1fr_auto] items-center gap-2\">\n            {keyControl}\n            <div className=\"min-w-0\">{valueControlForKey(key)}</div>\n            {removeButton}\n          </div>\n        );\n      })}\n      {!readOnly && field.allowExtraKeys !== false && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={addEntry}\n          className={cn(\"gap-1.5\", inputSizeClass[childCtx.size])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add field\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -77,7 +77,10 @@ function buildField(args, ctx) {
   const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const valueCtx = overrideMode ? { ...ctx, layout: { ...ctx.layout, mode: overrideMode } } : ctx;
   let value = renderValueControl(field, valueCtx);
-  const postCtx = ctx.rootValue ? { rootValue: ctx.rootValue } : {};
+  const postCtx = {
+    ...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;
@@ -134,7 +137,9 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
   const { properties, required } = jsonSchemaFormResolve.effectiveProperties(schema, value);
   const hidden = new Set((opts == null ? void 0 : opts.hiddenKeys) ?? []);
   const ordered = jsonSchemaFormUtils.orderByClickyOrder(jsonSchemaFormUtils.orderByXOrder(Object.entries(properties), schema["x-order"]));
-  const entries = ctx.sortMode === "required-first" ? jsonSchemaFormUtils.orderRequiredFirst(ordered, required) : ctx.sortMode === "priority" ? jsonSchemaFormUtils.orderByPriority(ordered, required, value) : ordered;
+  const sorted = ctx.sortMode === "required-first" ? jsonSchemaFormUtils.orderRequiredFirst(ordered, required) : ctx.sortMode === "priority" ? jsonSchemaFormUtils.orderByPriority(ordered, required, value) : ordered;
+  const entries = ctx.depth === 0 && ctx.fieldFilter ? sorted.filter(([key, prop]) => jsonSchemaFormUtils.matchesFieldFilter(key, prop, ctx.fieldFilter)) : sorted;
+  const columns = ctx.layout.mode === "inline" ? 1 : jsonSchemaFormUtils.normalizeColumns(schema["x-columns"]);
   return entries.flatMap(([key, prop]) => {
     if (hidden.has(key)) return [];
     const row = renderFieldRow(
@@ -147,9 +152,22 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
       },
       ctx
     );
-    return row ? [/* @__PURE__ */ jsxRuntime.jsx("div", { className: "contents", children: row }, key)] : [];
+    if (!row) return [];
+    if (columns > 1) {
+      const span = rendersFullWidth(prop) ? columns : jsonSchemaFormUtils.normalizeColSpan(prop["x-col-span"], columns);
+      return [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { gridColumn: `span ${span} / span ${span}` }, children: row }, key)
+      ];
+    }
+    return [/* @__PURE__ */ jsxRuntime.jsx("div", { className: "contents", children: row }, key)];
   });
 }
+function rendersFullWidth(prop) {
+  const type = prop.type;
+  const isObject = type === "object" || Array.isArray(type) && type.includes("object");
+  if (isObject && prop.properties) return true;
+  return prop["x-layout"] === "table";
+}
 const renderApi = {
   renderFieldNodes,
   renderFieldRow,

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 { effectiveProperties, resolveControl } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  JsonSchemaObject,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\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): { field: FieldControl; label: ReactNode; value: ReactNode } | 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 valueCtx: RenderContext = overrideMode\n    ? { ...ctx, layout: { ...ctx.layout, mode: overrideMode } }\n    : ctx;\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = ctx.rootValue ? { rootValue: ctx.rootValue } : {};\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 { field, label, value };\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 { label: built.label, value: built.value };\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        {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 = 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 entries =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\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      },\n      ctx,\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 row ? [<div key={key} className=\"contents\">{row}</div>] : [];\n  });\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","ObjectSection","jsxs","cn","labelSizeClass","LabelIcon","softError","FieldWrapper","effectiveProperties","orderByClickyOrder","orderByXOrder","orderRequiredFirst","orderByPriority"],"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  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 { effectiveProperties, resolveControl } 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): { field: FieldControl; label: ReactNode; value: ReactNode } | 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 valueCtx: RenderContext = overrideMode\n    ? { ...ctx, layout: { ...ctx.layout, mode: overrideMode } }\n    : ctx;\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 { field, label, value };\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 { label: built.label, value: built.value };\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        {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 = 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      },\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 type = prop.type;\n  const isObject = type === \"object\" || (Array.isArray(type) && type.includes(\"object\"));\n  if (isObject && prop.properties) return true;\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","ObjectSection","jsxs","cn","labelSizeClass","LabelIcon","softError","FieldWrapper","effectiveProperties","orderByClickyOrder","orderByXOrder","orderRequiredFirst","orderByPriority","matchesFieldFilter","normalizeColumns","normalizeColSpan"],"mappings":";;;;;;;;;;;;AAmDO,SAAS,mBAAmB,OAAqB,KAA+B;AACrF,QAAM,UAAUA,oBAAAA,aAAa,MAAM,KAAK,IAAI,QAAQ;AAQpD,MAAI,MAAM,YAAY,CAAC,sBAAsB,MAAM,IAAI,GAAG;AACxD,0CAAQC,qBAAAA,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,aAAOC,2BAAAA,IAACC,qBAAAA,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aACED,2BAAAA;AAAAA,QAACE,qBAAAA;AAAAA,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,aAAOF,2BAAAA,IAACG,qBAAAA,gBAAA,EAAe,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACzF,KAAK;AACH,aAAOH,2BAAAA,IAACI,qBAAAA,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACxF,KAAK;AACH,aAAOJ,2BAAAA,IAACK,qBAAAA,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aAAOL,2BAAAA,IAACM,qBAAAA,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAON,2BAAAA,IAACO,qBAAAA,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAOP,2BAAAA,IAACQ,qBAAAA,gBAAA,EAAe,OAAc,KAAA,CAAY;AAAA,IACnD,KAAK;AACH,aAAOR,2BAAAA,IAACS,qBAAAA,aAAA,EAAY,OAAc,SAAkB,KAAA,CAAY;AAAA,IAClE,KAAK;AACH,aAAOT,2BAAAA,IAACU,oBAAAA,cAAA,EAAa,OAAc,SAAkB,IAAA,CAAU;AAAA,IACjE,KAAK;AACH,aAAOV,2BAAAA,IAACW,qBAAAA,eAAA,EAAc,OAAc,IAAA,CAAU;AAAA,IAChD,KAAK;AACH,aAAOX,2BAAAA,IAACY,qBAAAA,kBAAA,EAAiB,OAAc,IAAA,CAAU;AAAA,IACnD;AACE,aAAOZ,2BAAAA,IAACa,qBAAAA,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,KACoE;AACpE,QAAM,OAAOC,sBAAAA,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,UAAUhB,oBAAAA,aAAa,MAAM,KAAK,IAAI,QAAQ;AACpD,MAAI,QAAmBE,+BAACe,qBAAAA,YAAA,EAAW,OAAc,SAAkB,MAAM,IAAI,MAAM;AAInF,QAAM,eACJ,MAAM,WAAW,WAAW,WAAW,MAAM,WAAW,UAAU,YAAY;AAChF,QAAM,WAA0B,eAC5B,EAAE,GAAG,KAAK,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,aAAA,MACzC;AACJ,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,EAAE,OAAO,OAAO,MAAA;AACzB;AAKO,SAAS,iBACd,MACA,KAC+C;AAC/C,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,EAAE,OAAO,MAAM,OAAO,OAAO,MAAM,MAAA;AAC5C;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,WACEf,2BAAAA;AAAAA,MAACgB,qBAAAA;AAAAA,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,QAE/D,UAAA,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAGA,MAAI,MAAM,SAAS,WAAW;AAC5B,WAAOhB,2BAAAA,IAAC,OAAA,EAAI,WAAU,iBAAiB,gBAAM,OAAM;AAAA,EACrD;AACA,QAAM,SAAQ,6BAAM,iBAClBiB,2BAAAA,KAAC,QAAA,EAAK,WAAWC,MAAAA,GAAG,uCAAuCC,mBAAAA,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,IAAAnB,2BAAAA,IAACoB,KAAAA,WAAA,EAAU,MAAM,MAAM,WAAW,WAAU,qCAAoC;AAAA,IAChFpB,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,cAAA,CAAc;AAAA,IACzB,MAAM,YAAYA,2BAAAA,IAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,KAAC;AAAA,IACtD,MAAM,SACLA,2BAAAA,IAAC,UAAK,WAAU,wGACb,gBAAM,MAAA,CACT;AAAA,EAAA,EAAA,CAEJ,IAEA,MAAM;AAER,QAAM,MAAMqB,oBAAAA,UAAU,KAAK;AAC3B,SACErB,2BAAAA;AAAAA,IAACsB,qBAAAA;AAAAA,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,IAAaC,sBAAAA,oBAAoB,QAAQ,KAAK;AAClE,QAAM,SAAS,IAAI,KAAI,6BAAM,eAAc,CAAA,CAAE;AAG7C,QAAM,UAAUC,uCAAmBC,oBAAAA,cAAc,OAAO,QAAQ,UAAU,GAAG,OAAO,SAAS,CAAC,CAAC;AAC/F,QAAM,SACJ,IAAI,aAAa,mBACbC,oBAAAA,mBAAmB,SAAS,QAAQ,IACpC,IAAI,aAAa,aACfC,oBAAAA,gBAAgB,SAAS,UAAU,KAAK,IACxC;AAGR,QAAM,UACJ,IAAI,UAAU,KAAK,IAAI,cACnB,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI,MAAMC,oBAAAA,mBAAmB,KAAK,MAAM,IAAI,WAAY,CAAC,IAC9E;AAIN,QAAM,UAAU,IAAI,OAAO,SAAS,WAAW,IAAIC,oBAAAA,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,KAAA,CAAM;AAAA,MAAA;AAAA,MAExD;AAAA,IAAA;AAEF,QAAI,CAAC,IAAK,QAAO,CAAA;AACjB,QAAI,UAAU,GAAG;AACf,YAAM,OAAO,iBAAiB,IAAI,IAAI,UAAUC,oBAAAA,iBAAiB,KAAK,YAAY,GAAG,OAAO;AAC5F,aAAO;AAAA,QACL9B,2BAAAA,IAAC,OAAA,EAAc,OAAO,EAAE,YAAY,QAAQ,IAAI,WAAW,IAAI,GAAA,GAC5D,UAAA,IAAA,GADO,GAEV;AAAA,MAAA;AAAA,IAEJ;AAIA,WAAO,CAACA,2BAAAA,IAAC,OAAA,EAAc,WAAU,YAAY,UAAA,OAA3B,GAA+B,CAAM;AAAA,EACzD,CAAC;AACH;AAKA,SAAS,iBAAiB,MAAmC;AAC3D,QAAM,OAAO,KAAK;AAClB,QAAM,WAAW,SAAS,YAAa,MAAM,QAAQ,IAAI,KAAK,KAAK,SAAS,QAAQ;AACpF,MAAI,YAAY,KAAK,WAAY,QAAO;AACxC,SAAO,KAAK,UAAU,MAAM;AAC9B;AAIO,MAAM,YAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;;;;;;"}

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;AAsBvC,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;AAmBlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAkDrF;AAgED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAI/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,CAsDlB;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,CA6Bb;AAID,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;AAsBvC,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;AAmED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAI/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,CAsDlB;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,CAgDb;AAcD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}

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

@@ -6,7 +6,7 @@ import { ObjectSection, FieldWrapper, FieldLabel, ReadOnlyValue, StringControl,
 import { ArrayControl } from "./json-schema-form-array.js";
 import { StringMapControl, ObjectControl } from "./json-schema-form-object.js";
 import { effectiveProperties, resolveControl } from "./json-schema-form-resolve.js";
-import { orderByClickyOrder, orderByXOrder, orderRequiredFirst, orderByPriority, softError, fieldInputId } from "./json-schema-form-utils.js";
+import { orderByClickyOrder, orderByXOrder, orderRequiredFirst, orderByPriority, matchesFieldFilter, normalizeColumns, normalizeColSpan, softError, fieldInputId } 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);
@@ -75,7 +75,10 @@ function buildField(args, ctx) {
   const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const valueCtx = overrideMode ? { ...ctx, layout: { ...ctx.layout, mode: overrideMode } } : ctx;
   let value = renderValueControl(field, valueCtx);
-  const postCtx = ctx.rootValue ? { rootValue: ctx.rootValue } : {};
+  const postCtx = {
+    ...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;
@@ -132,7 +135,9 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
   const { properties, required } = effectiveProperties(schema, value);
   const hidden = new Set((opts == null ? void 0 : opts.hiddenKeys) ?? []);
   const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema["x-order"]));
-  const entries = ctx.sortMode === "required-first" ? orderRequiredFirst(ordered, required) : ctx.sortMode === "priority" ? orderByPriority(ordered, required, value) : ordered;
+  const sorted = ctx.sortMode === "required-first" ? orderRequiredFirst(ordered, required) : ctx.sortMode === "priority" ? orderByPriority(ordered, required, value) : ordered;
+  const entries = ctx.depth === 0 && ctx.fieldFilter ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter)) : sorted;
+  const columns = ctx.layout.mode === "inline" ? 1 : normalizeColumns(schema["x-columns"]);
   return entries.flatMap(([key, prop]) => {
     if (hidden.has(key)) return [];
     const row = renderFieldRow(
@@ -145,9 +150,22 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
       },
       ctx
     );
-    return row ? [/* @__PURE__ */ jsx("div", { className: "contents", children: row }, key)] : [];
+    if (!row) return [];
+    if (columns > 1) {
+      const span = rendersFullWidth(prop) ? columns : normalizeColSpan(prop["x-col-span"], columns);
+      return [
+        /* @__PURE__ */ jsx("div", { style: { gridColumn: `span ${span} / span ${span}` }, children: row }, key)
+      ];
+    }
+    return [/* @__PURE__ */ jsx("div", { className: "contents", children: row }, key)];
   });
 }
+function rendersFullWidth(prop) {
+  const type = prop.type;
+  const isObject = type === "object" || Array.isArray(type) && type.includes("object");
+  if (isObject && prop.properties) return true;
+  return prop["x-layout"] === "table";
+}
 const renderApi = {
   renderFieldNodes,
   renderFieldRow,

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 { effectiveProperties, resolveControl } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  JsonSchemaObject,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldInputId,\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): { field: FieldControl; label: ReactNode; value: ReactNode } | 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 valueCtx: RenderContext = overrideMode\n    ? { ...ctx, layout: { ...ctx.layout, mode: overrideMode } }\n    : ctx;\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = ctx.rootValue ? { rootValue: ctx.rootValue } : {};\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 { field, label, value };\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 { label: built.label, value: built.value };\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        {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 = 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 entries =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\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      },\n      ctx,\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 row ? [<div key={key} className=\"contents\">{row}</div>] : [];\n  });\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":"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"}
+{"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 { effectiveProperties, resolveControl } 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): { field: FieldControl; label: ReactNode; value: ReactNode } | 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 valueCtx: RenderContext = overrideMode\n    ? { ...ctx, layout: { ...ctx.layout, mode: overrideMode } }\n    : ctx;\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 { field, label, value };\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 { label: built.label, value: built.value };\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        {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 = 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      },\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 type = prop.type;\n  const isObject = type === \"object\" || (Array.isArray(type) && type.includes(\"object\"));\n  if (isObject && prop.properties) return true;\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":"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"}