npm - @flanksource/clicky-ui - Versions diffs - 0.3.39 → 0.3.41 - Mend

@flanksource/clicky-ui 0.3.39 → 0.3.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1557) hide show

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

@@ -23,6 +23,9 @@ function ObjectControl({
     properties: field.objectProperties ?? {},
     ...field.objectRequired ? { required: field.objectRequired } : {},
     ...Array.isArray(field.schema.allOf) ? { allOf: field.schema.allOf } : {},
+    // Copied whatever its shape, so a malformed value fails loudly in the
+    // listener collector rather than vanishing here.
+    ...field.schema["x-on-load"] !== void 0 ? { "x-on-load": field.schema["x-on-load"] } : {},
     ...Array.isArray(field.schema["x-order"]) ? { "x-order": field.schema["x-order"] } : {},
     // Every object-level layout keyword must be copied here or it works at the
     // top level and silently dies one level down — which is exactly where these

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

	@@ -1 +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 { isPlainObject } from \"../lib/collections\";\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 cssLength,\n DEFAULT_COLUMN_MIN_WIDTH,\n fieldInputId,\n inputClass,\n keyPickerOptions,\n normalizeColumns,\n} from \"./json-schema-form-utils\";\nimport { FieldsGrid } from \"./json-schema-form-layout\";\nimport { PropertyValueEditor } from \"./json-schema-form-properties\";\nimport { propertyControlSize } from \"./json-schema-form-properties-size\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\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({\n field,\n ctx,\n}: {\n field: FieldControl;\n ctx: RenderContext;\n}) {\n const obj = isPlainObject(field.value)\n ? (field.value as Record<string, unknown>)\n : {};\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\"])\n ? { \"x-order\": field.schema[\"x-order\"] }\n : {}),\n // Every object-level layout keyword must be copied here or it works at the\n // top level and silently dies one level down — which is exactly where these\n // matter (an array item's body is a nested object).\n ...(typeof field.schema[\"x-columns\"] === \"number\" \|\|\n field.schema[\"x-columns\"] === \"auto\"\n ? { \"x-columns\": field.schema[\"x-columns\"] }\n : {}),\n ...(typeof field.schema[\"x-column-min-width\"] === \"string\"\n ? { \"x-column-min-width\": field.schema[\"x-column-min-width\"] }\n : {}),\n ...(typeof field.schema[\"x-columns-max-width\"] === \"string\"\n ? { \"x-columns-max-width\": field.schema[\"x-columns-max-width\"] }\n : {}),\n ...(typeof field.schema[\"x-classes\"] === \"string\"\n ? { \"x-classes\": field.schema[\"x-classes\"] }\n : {}),\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 columnMinWidth={cssLength(\n subSchema[\"x-column-min-width\"],\n DEFAULT_COLUMN_MIN_WIDTH,\n )}\n {...(typeof subSchema[\"x-columns-max-width\"] === \"string\"\n ? { columnsMaxWidth: subSchema[\"x-columns-max-width\"] }\n : {})}\n {...(typeof subSchema[\"x-classes\"] === \"string\"\n ? { className: subSchema[\"x-classes\"] }\n : {})}\n >\n {ctx.render.renderObjectFields(\n subSchema,\n obj,\n (next) => field.onChange(next),\n {\n ...ctx,\n readOnly: ctx.readOnly \|\| field.readOnly === true,\n depth: ctx.depth + 1,\n },\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({\n field,\n ctx,\n}: {\n field: FieldControl;\n ctx: RenderContext;\n}) {\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)\n ? (field.value as Record<string, unknown>)\n : {};\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 const properties = ctx.layout.mode === \"properties\";\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 =\n 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))\n 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(\n key: string,\n valueSchema: JsonSchemaProperty,\n ): 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 instancePath: appendInstancePath(ctx.instancePath, key),\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 function keyEditor({\n key,\n value,\n onChange,\n }: {\n key: string;\n value: string;\n onChange: (next: string) => void;\n }) {\n const size = properties ? propertyControlSize[ctx.size] : ctx.size;\n return field.keyOptions ? (\n <Combobox\n options={keyPickerOptions(\n field.keyOptions,\n [...knownKeys, ...extraKeys],\n key,\n )}\n value={value}\n disabled={readOnly}\n size={size}\n allowCustomValue={false}\n onChange={onChange}\n placeholder=\"Select…\"\n />\n ) : (\n <input\n type=\"text\"\n aria-label=\"Field name\"\n className={cn(inputClass(size), \"font-mono\")}\n value={value}\n disabled={readOnly}\n onChange={(event) => onChange(event.target.value)}\n />\n );\n }\n\n return (\n <div\n className={cn(\n properties ? \"col-span-full grid grid-cols-subgrid\" : \"flex flex-col\",\n !properties &&\n !ctx.presentation &&\n \"rounded-md border border-input p-2\",\n !properties && fieldInnerGapClass[childCtx.size],\n )}\n >\n {knownKeys.map((key) =>\n properties ? (\n <div key={`known-${key}`} className=\"contents\">\n {ctx.render.renderFieldRow(\n {\n key,\n prop: known[key]!,\n required:\n Array.isArray(field.schema.required) &&\n field.schema.required.includes(key),\n value: map[key],\n onChange: (next) => setEntry(key, next),\n instancePath: appendInstancePath(ctx.instancePath, key),\n },\n childCtx,\n )}\n </div>\n ) : (\n <div\n key={`known-${key}`}\n className=\"grid grid-cols-[10rem_1fr] items-center gap-2\"\n >\n <label\n htmlFor={fieldInputId(\n appendInstancePath(ctx.instancePath, key),\n childCtx.idPrefix,\n )}\n className=\"truncate text-xs text-muted-foreground\"\n title={key}\n >\n {key}\n </label>\n <div className=\"min-w-0\">\n {valueControlFor(key, known[key] ?? { type: \"string\" })}\n </div>\n </div>\n ),\n )}\n {extraKeys.map((key) => {\n const keyControl = ctx.presentation ? (\n <span\n className={cn(\n \"flex min-w-0 items-center break-words text-xs\",\n controlHeightClass[childCtx.size],\n field.keyOptions\n ? \"text-foreground\"\n : \"font-mono text-muted-foreground\",\n )}\n >\n {field.keyOptions?.find((option) => option.value === key)?.label ??\n key}\n </span>\n ) : (\n keyEditor({\n key,\n value: key,\n onChange: (next) => renameEntry(key, next),\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 if (properties) {\n const instancePath = appendInstancePath(ctx.instancePath, key);\n const keyLabel =\n field.keyOptions?.find((option) => option.value === key)?.label ??\n (key \|\| \"New field\");\n return (\n <div key={`extra-${key}`} className=\"contents\">\n {ctx.render.renderFieldRow(\n {\n key,\n prop: { ...valueSchemaForKey(key), title: keyLabel },\n required: false,\n value: map[key],\n onChange: (next) => setEntry(key, next),\n instancePath,\n },\n {\n ...childCtx,\n post: [\n ...childCtx.post,\n (entry, nodes, postCtx) =>\n postCtx?.instancePath !== instancePath\n ? nodes\n : {\n ...nodes,\n label: (\n <>\n <span className=\"sr-only\">{nodes.label}</span>\n <PropertyValueEditor\n actionsPlacement=\"row\"\n field={{\n ...entry,\n kind: \"string\",\n label: `${keyLabel} key`,\n value: key,\n onChange: (next) =>\n renameEntry(key, String(next)),\n }}\n fieldId={`${fieldInputId(instancePath, ctx.idPrefix)}-key`}\n ctx={{\n ...childCtx,\n size: propertyControlSize[ctx.size],\n }}\n renderPreview={(previewField) => (\n <span>{String(previewField.value)}</span>\n )}\n renderEditor={(draft) => (\n <div className=\"flex min-w-0 items-center gap-1\">\n {keyEditor({\n key,\n value: String(draft.value),\n onChange: draft.onChange,\n })}\n {removeButton}\n </div>\n )}\n />\n </>\n ),\n },\n ],\n },\n )}\n </div>\n );\n }\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\n key={`extra-${key}`}\n className={cn(\n \"space-y-1.5\",\n !ctx.presentation && \"rounded-md border border-input p-2\",\n )}\n >\n {keyTitle && (\n <span className=\"block text-xs font-medium text-muted-foreground\">\n {keyTitle}\n </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\n key={`extra-${key}`}\n className={cn(\n \"grid items-center gap-2\",\n ctx.presentation\n ? \"grid-cols-[minmax(0,10rem)_minmax(0,1fr)]\"\n : \"grid-cols-[10rem_1fr_auto]\",\n )}\n >\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={properties ? \"ghost\" : \"outline\"}\n onClick={addEntry}\n className={cn(\n \"gap-1.5\",\n properties && \"col-span-full justify-self-start m-1\",\n inputSizeClass[\n properties ? propertyControlSize[ctx.size] : childCtx.size\n ],\n )}\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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"}
1	+ {"version":3,"file":"json-schema-form-object.js","sources":["../../src/components/json-schema-form-object.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { isPlainObject } from \"../lib/collections\";\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 cssLength,\n DEFAULT_COLUMN_MIN_WIDTH,\n fieldInputId,\n inputClass,\n keyPickerOptions,\n normalizeColumns,\n} from \"./json-schema-form-utils\";\nimport { FieldsGrid } from \"./json-schema-form-layout\";\nimport { PropertyValueEditor } from \"./json-schema-form-properties\";\nimport { propertyControlSize } from \"./json-schema-form-properties-size\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\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({\n field,\n ctx,\n}: {\n field: FieldControl;\n ctx: RenderContext;\n}) {\n const obj = isPlainObject(field.value)\n ? (field.value as Record<string, unknown>)\n : {};\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 // Copied whatever its shape, so a malformed value fails loudly in the\n // listener collector rather than vanishing here.\n ...(field.schema[\"x-on-load\"] !== undefined ? { \"x-on-load\": field.schema[\"x-on-load\"] } : {}),\n ...(Array.isArray(field.schema[\"x-order\"])\n ? { \"x-order\": field.schema[\"x-order\"] }\n : {}),\n // Every object-level layout keyword must be copied here or it works at the\n // top level and silently dies one level down — which is exactly where these\n // matter (an array item's body is a nested object).\n ...(typeof field.schema[\"x-columns\"] === \"number\" \|\|\n field.schema[\"x-columns\"] === \"auto\"\n ? { \"x-columns\": field.schema[\"x-columns\"] }\n : {}),\n ...(typeof field.schema[\"x-column-min-width\"] === \"string\"\n ? { \"x-column-min-width\": field.schema[\"x-column-min-width\"] }\n : {}),\n ...(typeof field.schema[\"x-columns-max-width\"] === \"string\"\n ? { \"x-columns-max-width\": field.schema[\"x-columns-max-width\"] }\n : {}),\n ...(typeof field.schema[\"x-classes\"] === \"string\"\n ? { \"x-classes\": field.schema[\"x-classes\"] }\n : {}),\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 columnMinWidth={cssLength(\n subSchema[\"x-column-min-width\"],\n DEFAULT_COLUMN_MIN_WIDTH,\n )}\n {...(typeof subSchema[\"x-columns-max-width\"] === \"string\"\n ? { columnsMaxWidth: subSchema[\"x-columns-max-width\"] }\n : {})}\n {...(typeof subSchema[\"x-classes\"] === \"string\"\n ? { className: subSchema[\"x-classes\"] }\n : {})}\n >\n {ctx.render.renderObjectFields(\n subSchema,\n obj,\n (next) => field.onChange(next),\n {\n ...ctx,\n readOnly: ctx.readOnly \|\| field.readOnly === true,\n depth: ctx.depth + 1,\n },\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({\n field,\n ctx,\n}: {\n field: FieldControl;\n ctx: RenderContext;\n}) {\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)\n ? (field.value as Record<string, unknown>)\n : {};\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 const properties = ctx.layout.mode === \"properties\";\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 =\n 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))\n 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(\n key: string,\n valueSchema: JsonSchemaProperty,\n ): 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 instancePath: appendInstancePath(ctx.instancePath, key),\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 function keyEditor({\n key,\n value,\n onChange,\n }: {\n key: string;\n value: string;\n onChange: (next: string) => void;\n }) {\n const size = properties ? propertyControlSize[ctx.size] : ctx.size;\n return field.keyOptions ? (\n <Combobox\n options={keyPickerOptions(\n field.keyOptions,\n [...knownKeys, ...extraKeys],\n key,\n )}\n value={value}\n disabled={readOnly}\n size={size}\n allowCustomValue={false}\n onChange={onChange}\n placeholder=\"Select…\"\n />\n ) : (\n <input\n type=\"text\"\n aria-label=\"Field name\"\n className={cn(inputClass(size), \"font-mono\")}\n value={value}\n disabled={readOnly}\n onChange={(event) => onChange(event.target.value)}\n />\n );\n }\n\n return (\n <div\n className={cn(\n properties ? \"col-span-full grid grid-cols-subgrid\" : \"flex flex-col\",\n !properties &&\n !ctx.presentation &&\n \"rounded-md border border-input p-2\",\n !properties && fieldInnerGapClass[childCtx.size],\n )}\n >\n {knownKeys.map((key) =>\n properties ? (\n <div key={`known-${key}`} className=\"contents\">\n {ctx.render.renderFieldRow(\n {\n key,\n prop: known[key]!,\n required:\n Array.isArray(field.schema.required) &&\n field.schema.required.includes(key),\n value: map[key],\n onChange: (next) => setEntry(key, next),\n instancePath: appendInstancePath(ctx.instancePath, key),\n },\n childCtx,\n )}\n </div>\n ) : (\n <div\n key={`known-${key}`}\n className=\"grid grid-cols-[10rem_1fr] items-center gap-2\"\n >\n <label\n htmlFor={fieldInputId(\n appendInstancePath(ctx.instancePath, key),\n childCtx.idPrefix,\n )}\n className=\"truncate text-xs text-muted-foreground\"\n title={key}\n >\n {key}\n </label>\n <div className=\"min-w-0\">\n {valueControlFor(key, known[key] ?? { type: \"string\" })}\n </div>\n </div>\n ),\n )}\n {extraKeys.map((key) => {\n const keyControl = ctx.presentation ? (\n <span\n className={cn(\n \"flex min-w-0 items-center break-words text-xs\",\n controlHeightClass[childCtx.size],\n field.keyOptions\n ? \"text-foreground\"\n : \"font-mono text-muted-foreground\",\n )}\n >\n {field.keyOptions?.find((option) => option.value === key)?.label ??\n key}\n </span>\n ) : (\n keyEditor({\n key,\n value: key,\n onChange: (next) => renameEntry(key, next),\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 if (properties) {\n const instancePath = appendInstancePath(ctx.instancePath, key);\n const keyLabel =\n field.keyOptions?.find((option) => option.value === key)?.label ??\n (key \|\| \"New field\");\n return (\n <div key={`extra-${key}`} className=\"contents\">\n {ctx.render.renderFieldRow(\n {\n key,\n prop: { ...valueSchemaForKey(key), title: keyLabel },\n required: false,\n value: map[key],\n onChange: (next) => setEntry(key, next),\n instancePath,\n },\n {\n ...childCtx,\n post: [\n ...childCtx.post,\n (entry, nodes, postCtx) =>\n postCtx?.instancePath !== instancePath\n ? nodes\n : {\n ...nodes,\n label: (\n <>\n <span className=\"sr-only\">{nodes.label}</span>\n <PropertyValueEditor\n actionsPlacement=\"row\"\n field={{\n ...entry,\n kind: \"string\",\n label: `${keyLabel} key`,\n value: key,\n onChange: (next) =>\n renameEntry(key, String(next)),\n }}\n fieldId={`${fieldInputId(instancePath, ctx.idPrefix)}-key`}\n ctx={{\n ...childCtx,\n size: propertyControlSize[ctx.size],\n }}\n renderPreview={(previewField) => (\n <span>{String(previewField.value)}</span>\n )}\n renderEditor={(draft) => (\n <div className=\"flex min-w-0 items-center gap-1\">\n {keyEditor({\n key,\n value: String(draft.value),\n onChange: draft.onChange,\n })}\n {removeButton}\n </div>\n )}\n />\n </>\n ),\n },\n ],\n },\n )}\n </div>\n );\n }\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\n key={`extra-${key}`}\n className={cn(\n \"space-y-1.5\",\n !ctx.presentation && \"rounded-md border border-input p-2\",\n )}\n >\n {keyTitle && (\n <span className=\"block text-xs font-medium text-muted-foreground\">\n {keyTitle}\n </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\n key={`extra-${key}`}\n className={cn(\n \"grid items-center gap-2\",\n ctx.presentation\n ? \"grid-cols-[minmax(0,10rem)_minmax(0,1fr)]\"\n : \"grid-cols-[10rem_1fr_auto]\",\n )}\n >\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={properties ? \"ghost\" : \"outline\"}\n onClick={addEntry}\n className={cn(\n \"gap-1.5\",\n properties && \"col-span-full justify-self-start m-1\",\n inputSizeClass[\n properties ? propertyControlSize[ctx.size] : childCtx.size\n ],\n )}\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-preferences.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FormSize } from './json-schema-form-size';
+import { FormSize } from './json-schema-form-size.js';
 export interface FormPreferences {
     size?: FormSize;
     layoutMode?: LayoutMode;

package/dist/components/json-schema-form-properties-errors.fixtures.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { JsonSchemaObject } from './json-schema-form-types';
-import { JsonSchemaFormError } from './json-schema-form-error-types';
+import { JsonSchemaObject } from './json-schema-form-types.js';
+import { JsonSchemaFormError } from './json-schema-form-error-types.js';
 export declare const propertiesErrorSchema: JsonSchemaObject;
 export declare const propertiesErrorValue: {
     name: string;

package/dist/components/json-schema-form-properties-size.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FormSize } from './json-schema-form-size';
+import { FormSize } from './json-schema-form-size.js';
 export declare const propertyControlSize: Record<FormSize, FormSize>;
 export declare const propertyRowClass: Record<FormSize, string>;
 //# sourceMappingURL=json-schema-form-properties-size.d.ts.map

package/dist/components/json-schema-form-properties.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { FieldControl, RenderContext } from './json-schema-form-types';
-import { JsonSchemaFormError } from './json-schema-form-error-types';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
+import { JsonSchemaFormError } from './json-schema-form-error-types.js';
 export declare function PropertyValueEditor({ field, fieldId, ctx, renderEditor, renderPreview, actionsPlacement, }: {
     field: FieldControl;
     fieldId: string;

package/dist/components/json-schema-form-properties.fixtures.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { JsonSchemaObject, JsonSchemaProperty, LookupFetcher, PreExtension } from './json-schema-form-types';
+import { JsonSchemaObject, JsonSchemaProperty, LookupFetcher, PreExtension } from './json-schema-form-types.js';
 export declare const scalarProperties: Record<string, JsonSchemaProperty>;
 export declare const scalarValues: {
     text: string;

package/dist/components/json-schema-form-property-collection.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FieldControl, RenderContext } from './json-schema-form-types';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
 export declare function PropertyCollectionPreview({ field, ctx, }: {
     field: FieldControl;
     ctx: RenderContext;

package/dist/components/json-schema-form-property-preview.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FieldControl, RenderContext } from './json-schema-form-types';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
 export declare function PropertyValuePreview({ field, fieldId, ctx, }: {
     field: FieldControl;
     fieldId: string;

package/dist/components/json-schema-form-property-selection.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FieldControl, RenderContext } from './json-schema-form-types';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
 export declare function PropertySelectionPreview({ field, ctx, }: {
     field: FieldControl;
     ctx: RenderContext;

package/dist/components/json-schema-form-refs.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { JsonSchemaObject } from './json-schema-form-types';
+import { JsonSchemaObject } from './json-schema-form-types.js';
 export declare function rehydrateRefs(schema: JsonSchemaObject): JsonSchemaObject;
 //# sourceMappingURL=json-schema-form-refs.d.ts.map

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

@@ -12,6 +12,8 @@ const jsonSchemaFormErrorDisplay = require("./json-schema-form-error-display.cjs
 const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
 const jsonSchemaFormExtensions = require("./json-schema-form-extensions.cjs");
 const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
+const jsonSchemaFormConditionals = require("./json-schema-form-conditionals.cjs");
+const jsonSchemaFormListeners = require("./json-schema-form-listeners.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const jsonSchemaFormProperties = require("./json-schema-form-properties.cjs");
@@ -71,6 +73,7 @@ function ownsReadOnlyRendering(kind) {
   return kind === "array" || kind === "object" || kind === "string-map" || kind === "textarea" || kind === "markdown" || kind === "display" || kind === "link";
 }
 function buildField(args, ctx) {
+  if (args.prop["x-hidden"]) return null;
   const base = jsonSchemaFormResolve.resolveControl(args);
   let field = base;
   for (const ext of ctx.pre) {
@@ -85,7 +88,9 @@ function buildField(args, ctx) {
   }
   if (!field) return null;
   if (ctx.hideReadOnlyFields && field.readOnly) return null;
+  if (field.writeOnly && (ctx.viewOnly || field.readOnly)) return null;
   if (ctx.hideEmpty && jsonSchemaFormUtils.isEmptyValue(field.value)) return null;
+  const view = field.readOnly === true;
   if (ctx.presentation) field = { ...field, readOnly: true };
   const instancePath = args.instancePath ?? jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, args.key);
   const fieldId = jsonSchemaFormUtils.fieldInputId(instancePath, ctx.idPrefix);
@@ -94,11 +99,13 @@ function buildField(args, ctx) {
   const messages = errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];
   if (messages.length > 0) field = { ...field, invalid: true };
   const help = field.helpDisplay ?? ctx.layout.help ?? "inline";
-  let label = /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.FieldLabel, { field, fieldId, size: ctx.layout.mode === "properties" ? jsonSchemaFormPropertiesSize.propertyControlSize[ctx.size] : ctx.size, helpDisplay: help });
+  let label = jsonSchemaFormUtils.rendersAsSection(field, ctx.layout.mode) ? field.label === "" ? null : /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.SectionHeading, { field, size: ctx.size, helpDisplay: help }) : /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.FieldLabel, { field, fieldId, size: ctx.layout.mode === "properties" ? jsonSchemaFormPropertiesSize.propertyControlSize[ctx.size] : ctx.size, helpDisplay: help });
   const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const nestedProperty = ctx.layout.mode === "properties" && (field.kind === "object" || field.kind === "string-map");
   const valueCtx = {
     ...ctx,
+    ...field.disabled ? { readOnly: true } : {},
+    ...view ? { viewOnly: true } : {},
     ...ctx.layout.mode === "properties" && !nestedProperty ? { size: jsonSchemaFormPropertiesSize.propertyControlSize[ctx.size] } : {},
     instancePath,
     ...overrideMode && !nestedProperty ? { layout: { ...ctx.layout, mode: overrideMode } } : {},
@@ -158,17 +165,14 @@ function renderFieldRow(args, ctx, opts) {
   if (ctx.layout.mode === "properties" && field.kind !== "display") {
     return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormProperties.PropertiesFieldRow, { ...built, label: (opts == null ? void 0 : opts.labelOverride) ?? built.label, ctx });
   }
-  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion" || field.arrayDisplay === "cards") {
+  if (jsonSchemaFormUtils.rendersAsSection(field, ctx.layout.mode)) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       jsonSchemaFormLayout.ObjectSection,
       {
-        label: (opts == null ? void 0 : opts.labelOverride) ?? field.label,
-        required: field.required,
+        heading: (opts == null ? void 0 : opts.labelOverride) === void 0 ? built.label : opts.labelOverride === "" ? null : /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.SectionHeading, { field, label: opts.labelOverride, size: ctx.size, helpDisplay: built.help }),
         size: ctx.size,
         helpDisplay: built.help,
-        ...field.badge ? { badge: field.badge } : {},
         ...field.helper ? { helper: field.helper } : {},
-        ...field.labelIcon != null ? { labelIcon: field.labelIcon } : {},
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             jsonSchemaFormErrorDisplay.FieldErrorText,
@@ -208,7 +212,11 @@ function renderFieldRow(args, ctx, opts) {
   );
 }
 function renderObjectFields(schema, value, onChange, ctx, opts) {
-  const { properties, required } = jsonSchemaFormResolve.effectiveProperties(schema, value);
+  const listenerOptions = {
+    root: ctx.rootValue ?? value,
+    ...ctx.expressionEvaluator ? { evaluate: ctx.expressionEvaluator } : {}
+  };
+  const { properties, required } = jsonSchemaFormListeners.applyListenerState(schema, value, listenerOptions);
   const hidden = new Set((opts == null ? void 0 : opts.hiddenKeys) ?? []);
   const ordered = jsonSchemaFormUtils.orderByClickyOrder(jsonSchemaFormUtils.orderByXOrder(Object.entries(properties), schema["x-order"]));
   const sorted = ctx.sortMode === "required-first" ? jsonSchemaFormUtils.orderRequiredFirst(ordered, required) : ctx.sortMode === "priority" ? jsonSchemaFormUtils.orderByPriority(ordered, required, value) : ordered;
@@ -225,7 +233,7 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
         prop,
         required: required.includes(key),
         value: value[key],
-        onChange: (next) => onChange({ ...value, [key]: next }),
+        onChange: (next) => onChange(jsonSchemaFormListeners.applyChangeEffects(schema, { ...listenerOptions, value, key, next })),
         instancePath: jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, key)
       },
       ctx
@@ -277,7 +285,7 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
   return rows;
 }
 function rendersFullWidth(prop) {
-  const fixedProperties = jsonSchemaFormResolve.effectiveProperties(prop, {}).properties;
+  const fixedProperties = jsonSchemaFormConditionals.effectiveProperties(prop, {}).properties;
   if (jsonSchemaFormResolve.schemaRendersAsObject(prop) && (prop.properties !== void 0 || Object.keys(fixedProperties).length > 0)) {
     return true;
   }

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FieldArgs, FieldControl, JsonSchemaObject, RenderApi, RenderContext } from './json-schema-form-types';
+import { FieldArgs, FieldControl, JsonSchemaObject, RenderApi, RenderContext } from './json-schema-form-types.js';
 export declare function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode;
 export declare function renderFieldNodes(args: FieldArgs, ctx: RenderContext): {
     label: ReactNode;

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

	@@ -1 +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;~~AA6BvC~~,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAEZ,gBAAgB,EAEhB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;~~AA8BlC~~,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,~~CAuDrF~~;~~AAyHD~~,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAe/C;AAKD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,SAAS,GAAG,IAAI,~~CAoFlB~~;~~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,~~CAuFb~~;AAqBD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}
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;AAgCvC,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAEZ,gBAAgB,EAEhB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;AA+BlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAwDrF;AA2ID,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAe/C;AAKD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,SAAS,GAAG,IAAI,CAgFlB;AAMD,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,CA2Fb;AAqBD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}

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

@@ -3,14 +3,16 @@ import "react";
 import { cn } from "../lib/utils.js";
 import { LabelIcon } from "../data/Icon.js";
 import { ReadOnlyValue, StringControl, LinkControl, DisplayControl, MarkdownControl, TextareaControl, DateControl, NumberControl, BooleanControl, LookupControl, EnumControl } from "./json-schema-form-fields.js";
-import { ObjectSection, HelpHint, FieldWrapper, FieldLabel } from "./json-schema-form-layout.js";
+import { ObjectSection, SectionHeading, HelpHint, FieldWrapper, FieldLabel } from "./json-schema-form-layout.js";
 import { ArrayControl } from "./json-schema-form-array.js";
 import { StringMapControl, ObjectControl } from "./json-schema-form-object.js";
 import { FieldErrorText, FieldErrorMessages } from "./json-schema-form-error-display.js";
 import { appendInstancePath, errorsAtInstancePath } from "./json-schema-form-errors.js";
 import { applyPostExtensions } from "./json-schema-form-extensions.js";
-import { effectiveProperties, schemaRendersAsObject, resolveControl } from "./json-schema-form-resolve.js";
-import { orderByClickyOrder, orderByXOrder, orderRequiredFirst, orderByPriority, normalizeColumns, normalizeColSpan, seedFromSchema, fieldErrorId, hasObjectItemProperties, isEmptyValue, fieldInputId, softError } from "./json-schema-form-utils.js";
+import { schemaRendersAsObject, resolveControl } from "./json-schema-form-resolve.js";
+import { effectiveProperties } from "./json-schema-form-conditionals.js";
+import { applyListenerState, applyChangeEffects } from "./json-schema-form-listeners.js";
+import { orderByClickyOrder, orderByXOrder, orderRequiredFirst, orderByPriority, normalizeColumns, normalizeColSpan, seedFromSchema, rendersAsSection, fieldErrorId, hasObjectItemProperties, isEmptyValue, fieldInputId, softError } from "./json-schema-form-utils.js";
 import { labelSizeClass } from "./json-schema-form-size.js";
 import { PropertiesFieldRow, PropertyValueEditor } from "./json-schema-form-properties.js";
 import { PropertyValuePreview } from "./json-schema-form-property-preview.js";
@@ -69,6 +71,7 @@ function ownsReadOnlyRendering(kind) {
   return kind === "array" || kind === "object" || kind === "string-map" || kind === "textarea" || kind === "markdown" || kind === "display" || kind === "link";
 }
 function buildField(args, ctx) {
+  if (args.prop["x-hidden"]) return null;
   const base = resolveControl(args);
   let field = base;
   for (const ext of ctx.pre) {
@@ -83,7 +86,9 @@ function buildField(args, ctx) {
   }
   if (!field) return null;
   if (ctx.hideReadOnlyFields && field.readOnly) return null;
+  if (field.writeOnly && (ctx.viewOnly || field.readOnly)) return null;
   if (ctx.hideEmpty && isEmptyValue(field.value)) return null;
+  const view = field.readOnly === true;
   if (ctx.presentation) field = { ...field, readOnly: true };
   const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);
   const fieldId = fieldInputId(instancePath, ctx.idPrefix);
@@ -92,11 +97,13 @@ function buildField(args, ctx) {
   const messages = errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];
   if (messages.length > 0) field = { ...field, invalid: true };
   const help = field.helpDisplay ?? ctx.layout.help ?? "inline";
-  let label = /* @__PURE__ */ jsx(FieldLabel, { field, fieldId, size: ctx.layout.mode === "properties" ? propertyControlSize[ctx.size] : ctx.size, helpDisplay: help });
+  let label = rendersAsSection(field, ctx.layout.mode) ? field.label === "" ? null : /* @__PURE__ */ jsx(SectionHeading, { field, size: ctx.size, helpDisplay: help }) : /* @__PURE__ */ jsx(FieldLabel, { field, fieldId, size: ctx.layout.mode === "properties" ? propertyControlSize[ctx.size] : ctx.size, helpDisplay: help });
   const overrideMode = field.layout === "inline" ? "inline" : field.layout === "stack" ? "stacked" : void 0;
   const nestedProperty = ctx.layout.mode === "properties" && (field.kind === "object" || field.kind === "string-map");
   const valueCtx = {
     ...ctx,
+    ...field.disabled ? { readOnly: true } : {},
+    ...view ? { viewOnly: true } : {},
     ...ctx.layout.mode === "properties" && !nestedProperty ? { size: propertyControlSize[ctx.size] } : {},
     instancePath,
     ...overrideMode && !nestedProperty ? { layout: { ...ctx.layout, mode: overrideMode } } : {},
@@ -156,17 +163,14 @@ function renderFieldRow(args, ctx, opts) {
   if (ctx.layout.mode === "properties" && field.kind !== "display") {
     return /* @__PURE__ */ jsx(PropertiesFieldRow, { ...built, label: (opts == null ? void 0 : opts.labelOverride) ?? built.label, ctx });
   }
-  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion" || field.arrayDisplay === "cards") {
+  if (rendersAsSection(field, ctx.layout.mode)) {
     return /* @__PURE__ */ jsxs(
       ObjectSection,
       {
-        label: (opts == null ? void 0 : opts.labelOverride) ?? field.label,
-        required: field.required,
+        heading: (opts == null ? void 0 : opts.labelOverride) === void 0 ? built.label : opts.labelOverride === "" ? null : /* @__PURE__ */ jsx(SectionHeading, { field, label: opts.labelOverride, size: ctx.size, helpDisplay: built.help }),
         size: ctx.size,
         helpDisplay: built.help,
-        ...field.badge ? { badge: field.badge } : {},
         ...field.helper ? { helper: field.helper } : {},
-        ...field.labelIcon != null ? { labelIcon: field.labelIcon } : {},
         children: [
           /* @__PURE__ */ jsx(
             FieldErrorText,
@@ -206,7 +210,11 @@ function renderFieldRow(args, ctx, opts) {
   );
 }
 function renderObjectFields(schema, value, onChange, ctx, opts) {
-  const { properties, required } = effectiveProperties(schema, value);
+  const listenerOptions = {
+    root: ctx.rootValue ?? value,
+    ...ctx.expressionEvaluator ? { evaluate: ctx.expressionEvaluator } : {}
+  };
+  const { properties, required } = applyListenerState(schema, value, listenerOptions);
   const hidden = new Set((opts == null ? void 0 : opts.hiddenKeys) ?? []);
   const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema["x-order"]));
   const sorted = ctx.sortMode === "required-first" ? orderRequiredFirst(ordered, required) : ctx.sortMode === "priority" ? orderByPriority(ordered, required, value) : ordered;
@@ -223,7 +231,7 @@ function renderObjectFields(schema, value, onChange, ctx, opts) {
         prop,
         required: required.includes(key),
         value: value[key],
-        onChange: (next) => onChange({ ...value, [key]: next }),
+        onChange: (next) => onChange(applyChangeEffects(schema, { ...listenerOptions, value, key, next })),
         instancePath: appendInstancePath(ctx.instancePath, key)
       },
       ctx