@flanksource/clicky-ui 0.3.40 → 0.3.41

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

@@ -0,0 +1,250 @@
+import { isPlainObject } from "../lib/collections.js";
+import { effectiveProperties, matchesIf, evaluatePredicate } from "./json-schema-form-conditionals.js";
+import { cloneSchemaDefault } from "./json-schema-form-defaults.js";
+import { patchTarget, isPathTarget, targetSegments } from "./json-schema-form-listener-paths.js";
+const LOCAL_ACTIONS = ["require", "optional", "reset", "set"];
+const STATE_FLAGS = [
+  ["hide", "x-hidden", true],
+  ["show", "x-hidden", false],
+  ["disable", "x-disabled", true],
+  ["enable", "x-disabled", false]
+];
+const CONTRADICTIONS = [
+  ["hide", "show"],
+  ["enable", "disable"],
+  ["require", "optional"]
+];
+const LIST_NAMES = ["hide", "show", "enable", "disable", "require", "optional", "reset"];
+const PATCH_DENIED = {
+  ...Object.fromEntries(
+    ["type", "properties", "items", "additionalProperties", "patternProperties", "allOf", "anyOf", "oneOf", "if", "then", "else", "not", "$ref", "$defs"].map(
+      (keyword) => [keyword, "it changes the field's shape; use an allOf branch"]
+    )
+  ),
+  required: "use require/optional",
+  default: "a patch changes presentation, not values; use set/reset",
+  const: "a patch changes presentation, not values; use set/reset",
+  "x-on-change": "listeners cannot be patched in",
+  "x-on-load": "listeners cannot be patched in"
+};
+function applyListenerState(schema, value, options) {
+  const { properties, required } = effectiveProperties(schema, value);
+  const requiredSet = new Set(required);
+  const known = declaredKeys(schema);
+  const bound = [
+    ...loadListenersOf(schema, value),
+    ...Object.entries(properties).flatMap(
+      ([key, prop]) => listenersOf(key, prop).map((listener) => ({ listener, source: changeSource(key) }))
+    )
+  ];
+  for (const { listener, source } of bound) {
+    const actions = selectActions({ listener, source, self: value, known, options });
+    for (const [name, keyword, flag] of STATE_FLAGS) {
+      for (const target of list(actions, name)) {
+        patchTarget({ properties, value, target, apply: (leaf) => ({ ...leaf, [keyword]: flag }) });
+      }
+    }
+    for (const target of list(actions, "require")) {
+      if (properties[target]) requiredSet.add(target);
+    }
+    for (const target of list(actions, "optional")) requiredSet.delete(target);
+    for (const [target, keywords] of Object.entries(actions.patch ?? {})) {
+      patchTarget({ properties, value, target, apply: (leaf) => ({ ...leaf, ...keywords }) });
+    }
+  }
+  return { properties, required: [...requiredSet] };
+}
+function loadListenersOf(schema, value) {
+  var _a;
+  const bound = loadListenersAt(schema["x-on-load"], "#/x-on-load");
+  for (const [index, clause] of (schema.allOf ?? []).entries()) {
+    if (clause.if === void 0 && clause.then === void 0) {
+      bound.push(...loadListenersAt(clause["x-on-load"], `#/allOf/${index}/x-on-load`));
+      continue;
+    }
+    const branch = matchesIf(clause.if, value) ? "then" : "else";
+    bound.push(...loadListenersAt((_a = clause[branch]) == null ? void 0 : _a["x-on-load"], `#/allOf/${index}/${branch}/x-on-load`));
+  }
+  return bound;
+}
+function loadListenersAt(listeners, pointer) {
+  if (listeners === void 0) return [];
+  if (!Array.isArray(listeners)) {
+    throw new Error(`x-on-load at ${pointer} must be an array of listeners, got ${typeof listeners}`);
+  }
+  return listeners.map((listener, index) => ({
+    listener,
+    source: { label: `x-on-load at ${pointer}/${index}`, key: "", load: true }
+  }));
+}
+function changeSource(key) {
+  return { label: `x-on-change on "${key}"`, key, load: false };
+}
+function applyChangeEffects(schema, edit) {
+  let current = { ...edit.value, [edit.key]: edit.next };
+  const known = declaredKeys(schema);
+  const fired = /* @__PURE__ */ new Set();
+  const queue = [edit.key];
+  for (let source = queue.shift(); source !== void 0; source = queue.shift()) {
+    if (fired.has(source)) continue;
+    fired.add(source);
+    const { properties } = effectiveProperties(schema, current);
+    const options = {
+      root: edit.root === edit.value ? current : edit.root,
+      ...edit.evaluate ? { evaluate: edit.evaluate } : {}
+    };
+    for (const listener of listenersOf(source, properties[source])) {
+      const actions = selectActions({ listener, source: changeSource(source), self: current, known, options });
+      for (const [target, nextValue] of valueChanges(actions, properties)) {
+        if (Object.is(current[target], nextValue)) continue;
+        current = { ...current };
+        if (nextValue === void 0) delete current[target];
+        else current[target] = nextValue;
+        queue.push(target);
+      }
+    }
+  }
+  return current;
+}
+function valueChanges(actions, properties) {
+  return [
+    ...list(actions, "reset").map((target) => {
+      var _a;
+      const fallback = (_a = properties[target]) == null ? void 0 : _a.default;
+      return [target, fallback === void 0 ? void 0 : cloneSchemaDefault(fallback)];
+    }),
+    ...Object.entries(actions.set ?? {}).map(([target, v]) => [target, cloneSchemaDefault(v)])
+  ];
+}
+function listenersOf(key, prop) {
+  const listeners = prop == null ? void 0 : prop["x-on-change"];
+  if (listeners === void 0) return [];
+  if (!Array.isArray(listeners)) {
+    throw new Error(`"${key}": x-on-change must be an array of listeners, got ${typeof listeners}`);
+  }
+  return listeners;
+}
+function selectActions({
+  listener,
+  source,
+  self,
+  known,
+  options
+}) {
+  validateActions(source, listener, known);
+  if (listener.else) validateActions(source, listener.else, known);
+  return listenerHolds(listener, source, self, options) ? listener : listener.else ?? {};
+}
+function listenerHolds(listener, { label, key, load }, self, options) {
+  if (listener.when === void 0) return true;
+  const { expr, ...predicate } = listener.when;
+  const hasPredicate = Object.keys(predicate).length > 0;
+  const subject = load ? self : self[key];
+  if (!hasPredicate && expr === void 0) {
+    throw new Error(`${label}: when states nothing it can evaluate`);
+  }
+  if (expr !== void 0 && typeof expr !== "string") {
+    throw new Error(`${label}: when.expr must be a string, got ${typeof expr}`);
+  }
+  if (expr !== void 0 && !options.evaluate) {
+    throw new Error(`${label}: when.expr "${expr}" needs the form's expressionEvaluator`);
+  }
+  if (hasPredicate) {
+    const holds = evaluatePredicate(predicate, subject);
+    if (holds === void 0) {
+      throw new Error(`${label}: when states nothing it can evaluate (${JSON.stringify(predicate)})`);
+    }
+    if (!holds) return false;
+  }
+  if (expr === void 0 || !options.evaluate) return true;
+  const result = options.evaluate({ expr, key, value: subject, self, root: options.root });
+  if (typeof result !== "boolean") {
+    throw new Error(`${label}: expressionEvaluator returned ${typeof result} for "${expr}", expected boolean`);
+  }
+  return result;
+}
+function validateActions(source, actions, known) {
+  const { label } = source;
+  if (actions.set !== void 0 && !isPlainObject(actions.set)) {
+    throw new Error(`${label}: set must be an object of target → value`);
+  }
+  if (source.load) {
+    const local = LOCAL_ACTIONS.find((name) => actions[name] !== void 0);
+    if (local) {
+      throw new Error(`${label}: ${local} is not allowed in x-on-load, which only derives state (hide/show/enable/disable/patch)`);
+    }
+  }
+  const setKeys = Object.keys(actions.set ?? {});
+  for (const name of LOCAL_ACTIONS) {
+    const targets = name === "set" ? setKeys : list(actions, name);
+    const path = targets.find(isPathTarget);
+    if (path !== void 0) {
+      throw new Error(`${label}: ${name} "${path}" cannot take a path; value and required actions act on sibling keys only`);
+    }
+  }
+  for (const target of [...LIST_NAMES.flatMap((name) => list(actions, name)), ...setKeys]) {
+    validateTarget(label, target, known);
+  }
+  const pairs = [
+    ...CONTRADICTIONS.map(([a, b]) => [a, list(actions, a), b, list(actions, b)]),
+    ["reset", list(actions, "reset"), "set", setKeys]
+  ];
+  for (const [a, left, b, right] of pairs) {
+    const clash = left.find((target) => right.includes(target));
+    if (clash !== void 0) {
+      throw new Error(`${label}: both ${a} and ${b} "${clash}"`);
+    }
+  }
+  validatePatch(label, actions, known);
+}
+function validateTarget(label, target, known) {
+  if (isPathTarget(target) && known.has(target)) {
+    throw new Error(`${label}: target "${target}" is both a declared key and a path`);
+  }
+  const [first = ""] = targetSegments(label, target);
+  if (!known.has(first)) throw new Error(`${label}: unknown target "${target}"`);
+}
+function validatePatch(label, actions, known) {
+  const patch = actions.patch;
+  if (patch === void 0) return;
+  if (!isPlainObject(patch)) {
+    throw new Error(`${label}: patch must be an object of target → keywords`);
+  }
+  for (const [target, keywords] of Object.entries(patch)) {
+    validateTarget(label, target, known);
+    if (!isPlainObject(keywords)) {
+      throw new Error(`${label}: patch "${target}" must be an object of keywords`);
+    }
+    for (const keyword of Object.keys(keywords)) {
+      const denied = PATCH_DENIED[keyword];
+      if (denied) throw new Error(`${label}: patch "${target}" may not set ${keyword} (${denied})`);
+    }
+    for (const [verb, keyword] of STATE_FLAGS) {
+      if (keyword in keywords && list(actions, verb).includes(target)) {
+        throw new Error(`${label}: both ${verb} and patch ${keyword} on "${target}"`);
+      }
+    }
+  }
+}
+function list(actions, name) {
+  const targets = actions[name];
+  if (targets === void 0) return [];
+  if (!Array.isArray(targets)) {
+    throw new Error(`x-on-change: ${name} must be an array of property keys, got ${typeof targets}`);
+  }
+  return targets;
+}
+function declaredKeys(schema) {
+  const keys = new Set(Object.keys(schema.properties ?? {}));
+  for (const clause of schema.allOf ?? []) {
+    for (const branch of [clause, clause.then, clause.else]) {
+      for (const key of Object.keys((branch == null ? void 0 : branch.properties) ?? {})) keys.add(key);
+    }
+  }
+  return keys;
+}
+export {
+  applyChangeEffects,
+  applyListenerState
+};
+//# sourceMappingURL=json-schema-form-listeners.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listeners.js","sources":["../../src/components/json-schema-form-listeners.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport {\n  effectiveProperties,\n  evaluatePredicate,\n  matchesIf,\n  type EffectiveProperties,\n} from \"./json-schema-form-conditionals\";\nimport { cloneSchemaDefault } from \"./json-schema-form-defaults\";\nimport { isPathTarget, patchTarget, targetSegments } from \"./json-schema-form-listener-paths\";\nimport type {\n  ChangeActions,\n  ChangeListener,\n  ExpressionEvaluator,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// `x-on-change` listeners: a property names what happens to its siblings when\n// its value is, or becomes, something. `x-on-load` listeners: an object names\n// the state its properties start in. See ChangeActions for the split between\n// derived state actions and transitional value actions.\n\nexport interface ListenerOptions {\n  root: Record<string, unknown>;\n  evaluate?: ExpressionEvaluator;\n}\n\n// ListenerSource says where a listener came from. `label` prefixes every error\n// it raises; `key` is the property whose value `when` reads (and the\n// evaluator's `key`) — for x-on-load, \"\" and the object itself.\ninterface ListenerSource {\n  label: string;\n  key: string;\n  load: boolean;\n}\n\ninterface BoundListener {\n  listener: ChangeListener;\n  source: ListenerSource;\n}\n\ntype ListName = \"hide\" | \"show\" | \"enable\" | \"disable\" | \"require\" | \"optional\" | \"reset\";\n\n// Actions that write values or required-ness: they act on sibling keys only\n// (never a path), and have no place in x-on-load, which only derives state.\nconst LOCAL_ACTIONS: (\"require\" | \"optional\" | \"reset\" | \"set\")[] = [\"require\", \"optional\", \"reset\", \"set\"];\n\nconst STATE_FLAGS: [ListName, \"x-hidden\" | \"x-disabled\", boolean][] = [\n  [\"hide\", \"x-hidden\", true],\n  [\"show\", \"x-hidden\", false],\n  [\"disable\", \"x-disabled\", true],\n  [\"enable\", \"x-disabled\", false],\n];\n\nconst CONTRADICTIONS: [ListName, ListName][] = [\n  [\"hide\", \"show\"],\n  [\"enable\", \"disable\"],\n  [\"require\", \"optional\"],\n];\n\nconst LIST_NAMES: ListName[] = [\"hide\", \"show\", \"enable\", \"disable\", \"require\", \"optional\", \"reset\"];\n\n// Keywords a `patch` may not set, with the tool that does the job instead.\nconst PATCH_DENIED: Record<string, string> = {\n  ...Object.fromEntries(\n    [\"type\", \"properties\", \"items\", \"additionalProperties\", \"patternProperties\", \"allOf\", \"anyOf\", \"oneOf\", \"if\", \"then\", \"else\", \"not\", \"$ref\", \"$defs\"].map(\n      (keyword) => [keyword, \"it changes the field's shape; use an allOf branch\"],\n    ),\n  ),\n  required: \"use require/optional\",\n  default: \"a patch changes presentation, not values; use set/reset\",\n  const: \"a patch changes presentation, not values; use set/reset\",\n  \"x-on-change\": \"listeners cannot be patched in\",\n  \"x-on-load\": \"listeners cannot be patched in\",\n};\n\n// applyListenerState is effectiveProperties plus the state actions of every\n// listener, evaluated against the current value: first the object's\n// `x-on-load` listeners, then each property's `x-on-change` listeners — load,\n// then change, the order the events happen in. A listener is applied after\n// `allOf`, so it wins over a branch; later listeners win over earlier ones. A\n// target the current shape does not declare stays absent. Property schemas are\n// cloned, never mutated.\nexport function applyListenerState(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  options: ListenerOptions,\n): EffectiveProperties {\n  const { properties, required } = effectiveProperties(schema, value);\n  const requiredSet = new Set(required);\n  const known = declaredKeys(schema);\n  const bound: BoundListener[] = [\n    ...loadListenersOf(schema, value),\n    ...Object.entries(properties).flatMap(([key, prop]) =>\n      listenersOf(key, prop).map((listener) => ({ listener, source: changeSource(key) })),\n    ),\n  ];\n  for (const { listener, source } of bound) {\n    const actions = selectActions({ listener, source, self: value, known, options });\n    for (const [name, keyword, flag] of STATE_FLAGS) {\n      for (const target of list(actions, name)) {\n        patchTarget({ properties, value, target, apply: (leaf) => ({ ...leaf, [keyword]: flag }) });\n      }\n    }\n    for (const target of list(actions, \"require\")) {\n      if (properties[target]) requiredSet.add(target);\n    }\n    for (const target of list(actions, \"optional\")) requiredSet.delete(target);\n    for (const [target, keywords] of Object.entries(actions.patch ?? {})) {\n      patchTarget({ properties, value, target, apply: (leaf) => ({ ...leaf, ...keywords }) });\n    }\n  }\n  return { properties, required: [...requiredSet] };\n}\n\n// loadListenersOf collects an object's `x-on-load` listeners in order: the\n// schema's own, then each `allOf` member's — an unconditional member's own, or\n// those of the `then`/`else` branch that applies, selected exactly as\n// effectiveProperties selects the branch it merges.\nfunction loadListenersOf(schema: JsonSchemaObject, value: Record<string, unknown>): BoundListener[] {\n  const bound = loadListenersAt(schema[\"x-on-load\"], \"#/x-on-load\");\n  for (const [index, clause] of (schema.allOf ?? []).entries()) {\n    if (clause.if === undefined && clause.then === undefined) {\n      bound.push(...loadListenersAt(clause[\"x-on-load\"], `#/allOf/${index}/x-on-load`));\n      continue;\n    }\n    const branch = matchesIf(clause.if, value) ? \"then\" : \"else\";\n    bound.push(...loadListenersAt(clause[branch]?.[\"x-on-load\"], `#/allOf/${index}/${branch}/x-on-load`));\n  }\n  return bound;\n}\n\nfunction loadListenersAt(listeners: unknown, pointer: string): BoundListener[] {\n  if (listeners === undefined) return [];\n  if (!Array.isArray(listeners)) {\n    throw new Error(`x-on-load at ${pointer} must be an array of listeners, got ${typeof listeners}`);\n  }\n  return listeners.map((listener: ChangeListener, index) => ({\n    listener,\n    source: { label: `x-on-load at ${pointer}/${index}`, key: \"\", load: true },\n  }));\n}\n\nfunction changeSource(key: string): ListenerSource {\n  return { label: `x-on-change on \"${key}\"`, key, load: false };\n}\n\n// applyChangeEffects commits `next` at `key` and runs the value actions\n// (reset/set) of that key's listeners against the post-edit object. A target\n// whose value actually changes fires its own listeners in turn; each key fires\n// at most once per commit, so a cycle ends. When `root` is the edited object\n// itself (the top level), expressions see the post-edit value as root too.\nexport function applyChangeEffects(\n  schema: JsonSchemaObject,\n  edit: ListenerOptions & { value: Record<string, unknown>; key: string; next: unknown },\n): Record<string, unknown> {\n  let current: Record<string, unknown> = { ...edit.value, [edit.key]: edit.next };\n  const known = declaredKeys(schema);\n  const fired = new Set<string>();\n  const queue = [edit.key];\n  for (let source = queue.shift(); source !== undefined; source = queue.shift()) {\n    if (fired.has(source)) continue;\n    fired.add(source);\n    const { properties } = effectiveProperties(schema, current);\n    const options: ListenerOptions = {\n      root: edit.root === edit.value ? current : edit.root,\n      ...(edit.evaluate ? { evaluate: edit.evaluate } : {}),\n    };\n    for (const listener of listenersOf(source, properties[source])) {\n      const actions = selectActions({ listener, source: changeSource(source), self: current, known, options });\n      for (const [target, nextValue] of valueChanges(actions, properties)) {\n        if (Object.is(current[target], nextValue)) continue;\n        current = { ...current };\n        if (nextValue === undefined) delete current[target];\n        else current[target] = nextValue;\n        queue.push(target);\n      }\n    }\n  }\n  return current;\n}\n\nfunction valueChanges(\n  actions: ChangeActions,\n  properties: Record<string, JsonSchemaProperty>,\n): [string, unknown][] {\n  return [\n    ...list(actions, \"reset\").map((target): [string, unknown] => {\n      const fallback = properties[target]?.default;\n      return [target, fallback === undefined ? undefined : cloneSchemaDefault(fallback)];\n    }),\n    ...Object.entries(actions.set ?? {}).map(([target, v]): [string, unknown] => [target, cloneSchemaDefault(v)]),\n  ];\n}\n\nfunction listenersOf(key: string, prop: JsonSchemaProperty | undefined): ChangeListener[] {\n  const listeners = prop?.[\"x-on-change\"];\n  if (listeners === undefined) return [];\n  if (!Array.isArray(listeners)) {\n    throw new Error(`\"${key}\": x-on-change must be an array of listeners, got ${typeof listeners}`);\n  }\n  return listeners;\n}\n\n// selectActions validates both branches of a listener (so a schema error\n// surfaces whichever branch is live) and returns the one that applies now.\nfunction selectActions({\n  listener,\n  source,\n  self,\n  known,\n  options,\n}: {\n  listener: ChangeListener;\n  source: ListenerSource;\n  self: Record<string, unknown>;\n  known: Set<string>;\n  options: ListenerOptions;\n}): ChangeActions {\n  validateActions(source, listener, known);\n  if (listener.else) validateActions(source, listener.else, known);\n  return listenerHolds(listener, source, self, options) ? listener : (listener.else ?? {});\n}\n\n// listenerHolds evaluates `when` against the source's subject: the property's\n// value for x-on-change, the object itself for x-on-load.\nfunction listenerHolds(\n  listener: ChangeListener,\n  { label, key, load }: ListenerSource,\n  self: Record<string, unknown>,\n  options: ListenerOptions,\n): boolean {\n  if (listener.when === undefined) return true;\n  const { expr, ...predicate } = listener.when;\n  const hasPredicate = Object.keys(predicate).length > 0;\n  const subject = load ? self : self[key];\n  if (!hasPredicate && expr === undefined) {\n    throw new Error(`${label}: when states nothing it can evaluate`);\n  }\n  if (expr !== undefined && typeof expr !== \"string\") {\n    throw new Error(`${label}: when.expr must be a string, got ${typeof expr}`);\n  }\n  if (expr !== undefined && !options.evaluate) {\n    throw new Error(`${label}: when.expr \"${expr}\" needs the form's expressionEvaluator`);\n  }\n  if (hasPredicate) {\n    const holds = evaluatePredicate(predicate, subject);\n    if (holds === undefined) {\n      throw new Error(`${label}: when states nothing it can evaluate (${JSON.stringify(predicate)})`);\n    }\n    if (!holds) return false;\n  }\n  if (expr === undefined || !options.evaluate) return true;\n  const result: unknown = options.evaluate({ expr, key, value: subject, self, root: options.root });\n  if (typeof result !== \"boolean\") {\n    throw new Error(`${label}: expressionEvaluator returned ${typeof result} for \"${expr}\", expected boolean`);\n  }\n  return result;\n}\n\nfunction validateActions(source: ListenerSource, actions: ChangeActions, known: Set<string>): void {\n  const { label } = source;\n  if (actions.set !== undefined && !isPlainObject(actions.set)) {\n    throw new Error(`${label}: set must be an object of target → value`);\n  }\n  if (source.load) {\n    const local = LOCAL_ACTIONS.find((name) => actions[name] !== undefined);\n    if (local) {\n      throw new Error(`${label}: ${local} is not allowed in x-on-load, which only derives state (hide/show/enable/disable/patch)`);\n    }\n  }\n  const setKeys = Object.keys(actions.set ?? {});\n  for (const name of LOCAL_ACTIONS) {\n    const targets = name === \"set\" ? setKeys : list(actions, name);\n    const path = targets.find(isPathTarget);\n    if (path !== undefined) {\n      throw new Error(`${label}: ${name} \"${path}\" cannot take a path; value and required actions act on sibling keys only`);\n    }\n  }\n  for (const target of [...LIST_NAMES.flatMap((name) => list(actions, name)), ...setKeys]) {\n    validateTarget(label, target, known);\n  }\n  const pairs: [string, string[], string, string[]][] = [\n    ...CONTRADICTIONS.map(([a, b]): [string, string[], string, string[]] => [a, list(actions, a), b, list(actions, b)]),\n    [\"reset\", list(actions, \"reset\"), \"set\", setKeys],\n  ];\n  for (const [a, left, b, right] of pairs) {\n    const clash = left.find((target) => right.includes(target));\n    if (clash !== undefined) {\n      throw new Error(`${label}: both ${a} and ${b} \"${clash}\"`);\n    }\n  }\n  validatePatch(label, actions, known);\n}\n\n// validateTarget checks a target's grammar and that its first segment is a key\n// the schema declares in some branch.\nfunction validateTarget(label: string, target: string, known: Set<string>): void {\n  if (isPathTarget(target) && known.has(target)) {\n    throw new Error(`${label}: target \"${target}\" is both a declared key and a path`);\n  }\n  const [first = \"\"] = targetSegments(label, target);\n  if (!known.has(first)) throw new Error(`${label}: unknown target \"${target}\"`);\n}\n\n// validatePatch checks a `patch`: an object of keyword objects on known\n// targets, no denied keyword, and no keyword a verb in the same actions sets.\nfunction validatePatch(label: string, actions: ChangeActions, known: Set<string>): void {\n  const patch: unknown = actions.patch;\n  if (patch === undefined) return;\n  if (!isPlainObject(patch)) {\n    throw new Error(`${label}: patch must be an object of target → keywords`);\n  }\n  for (const [target, keywords] of Object.entries(patch)) {\n    validateTarget(label, target, known);\n    if (!isPlainObject(keywords)) {\n      throw new Error(`${label}: patch \"${target}\" must be an object of keywords`);\n    }\n    for (const keyword of Object.keys(keywords)) {\n      const denied = PATCH_DENIED[keyword];\n      if (denied) throw new Error(`${label}: patch \"${target}\" may not set ${keyword} (${denied})`);\n    }\n    for (const [verb, keyword] of STATE_FLAGS) {\n      if (keyword in keywords && list(actions, verb).includes(target)) {\n        throw new Error(`${label}: both ${verb} and patch ${keyword} on \"${target}\"`);\n      }\n    }\n  }\n}\n\nfunction list(actions: ChangeActions, name: ListName): string[] {\n  const targets = actions[name];\n  if (targets === undefined) return [];\n  if (!Array.isArray(targets)) {\n    throw new Error(`x-on-change: ${name} must be an array of property keys, got ${typeof targets}`);\n  }\n  return targets;\n}\n\n// Every key the schema can declare in any branch — a listener may target a\n// field that only exists while some `allOf` branch is live.\nfunction declaredKeys(schema: JsonSchemaObject): Set<string> {\n  const keys = new Set(Object.keys(schema.properties ?? {}));\n  for (const clause of schema.allOf ?? []) {\n    for (const branch of [clause, clause.then, clause.else]) {\n      for (const key of Object.keys(branch?.properties ?? {})) keys.add(key);\n    }\n  }\n  return keys;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-object-array-view.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const DropdownMenu = require("../overlay/DropdownMenu.cjs");
+const jsonSchemaFormAccordionArray = require("./json-schema-form-accordion-array.cjs");
+const jsonSchemaFormArrayView = require("./json-schema-form-array-view.cjs");
+const jsonSchemaFormTableArray = require("./json-schema-form-table-array.cjs");
+const UiDotsVertical = require("../icons/components/UiDotsVertical.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const VIEW_LABELS = {
+  grid: "Grid",
+  stack: "Stack form",
+  inline: "Inline form"
+};
+const VIEWS = ["grid", "stack", "inline"];
+function ObjectArrayView({
+  field,
+  ctx,
+  readOnly
+}) {
+  const [view, setView] = react.useState(() => jsonSchemaFormArrayView.defaultArrayView(field, jsonSchemaFormArrayView.arrayViewOptions(field, ctx)));
+  const toolbar = ctx.presentation ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(ArrayViewMenu, { label: field.label || field.key, view, onChange: setView });
+  if (view === "grid") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormTableArray.TableArray, { field, ctx, readOnly, ...toolbar ? { toolbar } : {} });
+  }
+  const itemCtx = {
+    ...ctx,
+    layout: { ...ctx.layout, mode: view === "stack" ? "stacked" : "inline" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormAccordionArray.AccordionArray, { field, ctx: itemCtx, readOnly, ...toolbar ? { toolbar } : {} });
+}
+function ArrayViewMenu({
+  label,
+  view,
+  onChange
+}) {
+  const title = `View options for ${label}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenu.DropdownMenu,
+    {
+      icon: UiDotsVertical.UiDotsVertical,
+      hideChevron: true,
+      variant: "ghost",
+      size: "icon",
+      align: "right",
+      title,
+      menuLabel: title,
+      items: VIEWS.map((option) => ({
+        label: option === view ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          VIEW_LABELS[option],
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " (current view)" })
+        ] }) : VIEW_LABELS[option],
+        onSelect: () => onChange(option),
+        ...option === view ? { icon: UiCheck.UiCheck } : {}
+      }))
+    }
+  );
+}
+exports.ArrayViewMenu = ArrayViewMenu;
+exports.ObjectArrayView = ObjectArrayView;
+//# sourceMappingURL=json-schema-form-object-array-view.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-object-array-view.cjs","sources":["../../src/components/json-schema-form-object-array-view.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { UiCheck, UiDotsVertical } from \"../icons\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu\";\nimport { AccordionArray } from \"./json-schema-form-accordion-array\";\nimport { arrayViewOptions, defaultArrayView, type ArrayView } from \"./json-schema-form-array-view\";\nimport { TableArray } from \"./json-schema-form-table-array\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\nconst VIEW_LABELS: Record<ArrayView, string> = {\n  grid: \"Grid\",\n  stack: \"Stack form\",\n  inline: \"Inline form\",\n};\n\nconst VIEWS: ArrayView[] = [\"grid\", \"stack\", \"inline\"];\n\n// ObjectArrayView renders an object-item array in the view it opens in (see\n// defaultArrayView) and lets the author switch it: the grid is TableArray, and\n// both item forms are AccordionArray, with each item's fields stacked under\n// their labels or labelled inline. The value is the array's own, so an edit\n// made in one view is there in the next. A presentation preview keeps the\n// default view and shows no menu: it is a read-only summary, not an editor.\nexport function ObjectArrayView({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const [view, setView] = useState<ArrayView>(() => defaultArrayView(field, arrayViewOptions(field, ctx)));\n  const toolbar = ctx.presentation ? undefined : (\n    <ArrayViewMenu label={field.label || field.key} view={view} onChange={setView} />\n  );\n  if (view === \"grid\") {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} {...(toolbar ? { toolbar } : {})} />;\n  }\n  const itemCtx: RenderContext = {\n    ...ctx,\n    layout: { ...ctx.layout, mode: view === \"stack\" ? \"stacked\" : \"inline\" },\n  };\n  return <AccordionArray field={field} ctx={itemCtx} readOnly={readOnly} {...(toolbar ? { toolbar } : {})} />;\n}\n\n// ArrayViewMenu is the ⋮ view switch on an object array's summary line.\nexport function ArrayViewMenu({\n  label,\n  view,\n  onChange,\n}: {\n  /** Names the array in the trigger's accessible label. */\n  label: string;\n  view: ArrayView;\n  onChange: (next: ArrayView) => void;\n}) {\n  const title = `View options for ${label}`;\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title={title}\n      menuLabel={title}\n      items={VIEWS.map((option) => ({\n        label:\n          option === view ? (\n            <>\n              {VIEW_LABELS[option]}\n              <span className=\"sr-only\"> (current view)</span>\n            </>\n          ) : (\n            VIEW_LABELS[option]\n          ),\n        onSelect: () => onChange(option),\n        ...(option === view ? { icon: UiCheck } : {}),\n      }))}\n    />\n  );\n}\n"],"names":["useState","defaultArrayView","arrayViewOptions","jsx","TableArray","AccordionArray","DropdownMenu","UiDotsVertical","jsxs","Fragment","UiCheck"],"mappings":";;;;;;;;;;AAQA,MAAM,cAAyC;AAAA,EAC7C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,QAAqB,CAAC,QAAQ,SAAS,QAAQ;AAQ9C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAIA,eAAoB,MAAMC,yCAAiB,OAAOC,wBAAAA,iBAAiB,OAAO,GAAG,CAAC,CAAC;AACvG,QAAM,UAAU,IAAI,eAAe,SACjCC,2BAAAA,IAAC,eAAA,EAAc,OAAO,MAAM,SAAS,MAAM,KAAK,MAAY,UAAU,SAAS;AAEjF,MAAI,SAAS,QAAQ;AACnB,WAAOA,+BAACC,yBAAAA,YAAA,EAAW,OAAc,KAAU,UAAqB,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA,EAAC,CAAI;AAAA,EACnG;AACA,QAAM,UAAyB;AAAA,IAC7B,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,SAAS,UAAU,YAAY,SAAA;AAAA,EAAS;AAEzE,SAAOD,+BAACE,6BAAAA,gBAAA,EAAe,OAAc,KAAK,SAAS,UAAqB,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA,EAAC,CAAI;AAC3G;AAGO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,QAAQ,oBAAoB,KAAK;AACvC,SACEF,2BAAAA;AAAAA,IAACG,aAAAA;AAAAA,IAAA;AAAA,MACC,MAAMC,eAAAA;AAAAA,MACN,aAAW;AAAA,MACX,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,OAAO,MAAM,IAAI,CAAC,YAAY;AAAA,QAC5B,OACE,WAAW,OACTC,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,UAAA,YAAY,MAAM;AAAA,UACnBN,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAU,UAAA,kBAAA,CAAe;AAAA,QAAA,GAC3C,IAEA,YAAY,MAAM;AAAA,QAEtB,UAAU,MAAM,SAAS,MAAM;AAAA,QAC/B,GAAI,WAAW,OAAO,EAAE,MAAMO,QAAAA,QAAA,IAAY,CAAA;AAAA,MAAC,EAC3C;AAAA,IAAA;AAAA,EAAA;AAGR;;;"}

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

@@ -0,0 +1,14 @@
+import { ArrayView } from './json-schema-form-array-view.js';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
+export declare function ObjectArrayView({ field, ctx, readOnly, }: {
+    field: FieldControl;
+    ctx: RenderContext;
+    readOnly: boolean;
+}): import("react").JSX.Element;
+export declare function ArrayViewMenu({ label, view, onChange, }: {
+    /** Names the array in the trigger's accessible label. */
+    label: string;
+    view: ArrayView;
+    onChange: (next: ArrayView) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-object-array-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-object-array-view.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-object-array-view.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAEnG,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAgB5E,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAaA;AAGD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACrC,+BA0BA"}

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

@@ -0,0 +1,62 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { DropdownMenu } from "../overlay/DropdownMenu.js";
+import { AccordionArray } from "./json-schema-form-accordion-array.js";
+import { defaultArrayView, arrayViewOptions } from "./json-schema-form-array-view.js";
+import { TableArray } from "./json-schema-form-table-array.js";
+import { UiDotsVertical } from "../icons/components/UiDotsVertical.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+const VIEW_LABELS = {
+  grid: "Grid",
+  stack: "Stack form",
+  inline: "Inline form"
+};
+const VIEWS = ["grid", "stack", "inline"];
+function ObjectArrayView({
+  field,
+  ctx,
+  readOnly
+}) {
+  const [view, setView] = useState(() => defaultArrayView(field, arrayViewOptions(field, ctx)));
+  const toolbar = ctx.presentation ? void 0 : /* @__PURE__ */ jsx(ArrayViewMenu, { label: field.label || field.key, view, onChange: setView });
+  if (view === "grid") {
+    return /* @__PURE__ */ jsx(TableArray, { field, ctx, readOnly, ...toolbar ? { toolbar } : {} });
+  }
+  const itemCtx = {
+    ...ctx,
+    layout: { ...ctx.layout, mode: view === "stack" ? "stacked" : "inline" }
+  };
+  return /* @__PURE__ */ jsx(AccordionArray, { field, ctx: itemCtx, readOnly, ...toolbar ? { toolbar } : {} });
+}
+function ArrayViewMenu({
+  label,
+  view,
+  onChange
+}) {
+  const title = `View options for ${label}`;
+  return /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      icon: UiDotsVertical,
+      hideChevron: true,
+      variant: "ghost",
+      size: "icon",
+      align: "right",
+      title,
+      menuLabel: title,
+      items: VIEWS.map((option) => ({
+        label: option === view ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          VIEW_LABELS[option],
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (current view)" })
+        ] }) : VIEW_LABELS[option],
+        onSelect: () => onChange(option),
+        ...option === view ? { icon: UiCheck } : {}
+      }))
+    }
+  );
+}
+export {
+  ArrayViewMenu,
+  ObjectArrayView
+};
+//# sourceMappingURL=json-schema-form-object-array-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-object-array-view.js","sources":["../../src/components/json-schema-form-object-array-view.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { UiCheck, UiDotsVertical } from \"../icons\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu\";\nimport { AccordionArray } from \"./json-schema-form-accordion-array\";\nimport { arrayViewOptions, defaultArrayView, type ArrayView } from \"./json-schema-form-array-view\";\nimport { TableArray } from \"./json-schema-form-table-array\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\nconst VIEW_LABELS: Record<ArrayView, string> = {\n  grid: \"Grid\",\n  stack: \"Stack form\",\n  inline: \"Inline form\",\n};\n\nconst VIEWS: ArrayView[] = [\"grid\", \"stack\", \"inline\"];\n\n// ObjectArrayView renders an object-item array in the view it opens in (see\n// defaultArrayView) and lets the author switch it: the grid is TableArray, and\n// both item forms are AccordionArray, with each item's fields stacked under\n// their labels or labelled inline. The value is the array's own, so an edit\n// made in one view is there in the next. A presentation preview keeps the\n// default view and shows no menu: it is a read-only summary, not an editor.\nexport function ObjectArrayView({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const [view, setView] = useState<ArrayView>(() => defaultArrayView(field, arrayViewOptions(field, ctx)));\n  const toolbar = ctx.presentation ? undefined : (\n    <ArrayViewMenu label={field.label || field.key} view={view} onChange={setView} />\n  );\n  if (view === \"grid\") {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} {...(toolbar ? { toolbar } : {})} />;\n  }\n  const itemCtx: RenderContext = {\n    ...ctx,\n    layout: { ...ctx.layout, mode: view === \"stack\" ? \"stacked\" : \"inline\" },\n  };\n  return <AccordionArray field={field} ctx={itemCtx} readOnly={readOnly} {...(toolbar ? { toolbar } : {})} />;\n}\n\n// ArrayViewMenu is the ⋮ view switch on an object array's summary line.\nexport function ArrayViewMenu({\n  label,\n  view,\n  onChange,\n}: {\n  /** Names the array in the trigger's accessible label. */\n  label: string;\n  view: ArrayView;\n  onChange: (next: ArrayView) => void;\n}) {\n  const title = `View options for ${label}`;\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title={title}\n      menuLabel={title}\n      items={VIEWS.map((option) => ({\n        label:\n          option === view ? (\n            <>\n              {VIEW_LABELS[option]}\n              <span className=\"sr-only\"> (current view)</span>\n            </>\n          ) : (\n            VIEW_LABELS[option]\n          ),\n        onSelect: () => onChange(option),\n        ...(option === view ? { icon: UiCheck } : {}),\n      }))}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,cAAyC;AAAA,EAC7C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,QAAqB,CAAC,QAAQ,SAAS,QAAQ;AAQ9C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAoB,MAAM,iBAAiB,OAAO,iBAAiB,OAAO,GAAG,CAAC,CAAC;AACvG,QAAM,UAAU,IAAI,eAAe,SACjC,oBAAC,eAAA,EAAc,OAAO,MAAM,SAAS,MAAM,KAAK,MAAY,UAAU,SAAS;AAEjF,MAAI,SAAS,QAAQ;AACnB,WAAO,oBAAC,YAAA,EAAW,OAAc,KAAU,UAAqB,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA,EAAC,CAAI;AAAA,EACnG;AACA,QAAM,UAAyB;AAAA,IAC7B,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,SAAS,UAAU,YAAY,SAAA;AAAA,EAAS;AAEzE,SAAO,oBAAC,gBAAA,EAAe,OAAc,KAAK,SAAS,UAAqB,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA,EAAC,CAAI;AAC3G;AAGO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,QAAQ,oBAAoB,KAAK;AACvC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,aAAW;AAAA,MACX,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,OAAO,MAAM,IAAI,CAAC,YAAY;AAAA,QAC5B,OACE,WAAW,OACT,qBAAA,UAAA,EACG,UAAA;AAAA,UAAA,YAAY,MAAM;AAAA,UACnB,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,kBAAA,CAAe;AAAA,QAAA,GAC3C,IAEA,YAAY,MAAM;AAAA,QAEtB,UAAU,MAAM,SAAS,MAAM;AAAA,QAC/B,GAAI,WAAW,OAAO,EAAE,MAAM,QAAA,IAAY,CAAA;AAAA,MAAC,EAC3C;AAAA,IAAA;AAAA,EAAA;AAGR;"}

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

@@ -25,6 +25,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.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 { 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":["isPlainObject","jsx","FieldsGrid","normalizeColumns","cssLength","DEFAULT_COLUMN_MIN_WIDTH","appendInstancePath","propertyControlSize","Combobox","keyPickerOptions","cn","inputClass","jsxs","fieldInnerGapClass","fieldInputId","controlHeightClass","Icon","UiTrash","Fragment","PropertyValueEditor","Button","inputSizeClass","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 { 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":["isPlainObject","jsx","FieldsGrid","normalizeColumns","cssLength","DEFAULT_COLUMN_MIN_WIDTH","appendInstancePath","propertyControlSize","Combobox","keyPickerOptions","cn","inputClass","jsxs","fieldInnerGapClass","fieldInputId","controlHeightClass","Icon","UiTrash","Fragment","PropertyValueEditor","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":"AAOA,OAAO,KAAK,EACV,YAAY,EAGZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAsBlC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;CACpB,+BA+DA;AAOD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;CACpB,+BA0UA"}
+{"version":3,"file":"json-schema-form-object.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-object.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,YAAY,EAGZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAsBlC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;CACpB,+BAkEA;AAOD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;CACpB,+BA0UA"}

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

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