@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/components/combobox-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-utils.cjs","sources":["../../src/components/combobox-utils.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport const COMBOBOX_MENU_MAX_WIDTH_PX = 400;\nexport const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;\n\nexport type ComboboxMenuPosition = {\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  maxWidth: number;\n  maxHeight: number;\n};\n\nexport function comboboxLabelPadding(\n  label: ReactNode,\n  measuredWidth: number,\n): CSSProperties {\n  if (measuredWidth > 0) {\n    return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };\n  }\n  if (typeof label !== \"string\") return { paddingLeft: \"1.75rem\" };\n  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };\n}\n\nexport function withSelectedComboboxOptions(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): ComboboxOption[] {\n  const present = new Set(options.map((option) => option.value));\n  const pinned = selectedValues\n    .filter((value) => !present.has(value))\n    .map((value) => ({ value, label: value }));\n  return pinned.length === 0 ? options : [...pinned, ...options];\n}\n"],"names":[],"mappings":";;AAGO,MAAM,6BAA6B;AACnC,MAAM,8BAA8B;AAWpC,SAAS,qBACd,OACA,eACe;AACf,MAAI,gBAAgB,GAAG;AACrB,WAAO,EAAE,aAAa,QAAQ,aAAa,gBAAA;AAAA,EAC7C;AACA,MAAI,OAAO,UAAU,SAAU,QAAO,EAAE,aAAa,UAAA;AACrD,SAAO,EAAE,aAAa,GAAG,KAAK,IAAI,MAAM,SAAS,OAAO,MAAM,CAAC,CAAC,MAAA;AAClE;AAEO,SAAS,4BACd,SACA,gBACkB;AAClB,QAAM,UAAU,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAC7D,QAAM,SAAS,eACZ,OAAO,CAAC,UAAU,CAAC,QAAQ,IAAI,KAAK,CAAC,EACrC,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,QAAQ;AAC3C,SAAO,OAAO,WAAW,IAAI,UAAU,CAAC,GAAG,QAAQ,GAAG,OAAO;AAC/D;;;;;"}

package/dist/components/combobox-utils.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ComboboxOption } from './combobox-types';
+export declare const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
+export declare const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
+export type ComboboxMenuPosition = {
+    top?: number;
+    bottom?: number;
+    left: number;
+    width: number;
+    maxWidth: number;
+    maxHeight: number;
+};
+export declare function comboboxLabelPadding(label: ReactNode, measuredWidth: number): CSSProperties;
+export declare function withSelectedComboboxOptions(options: ComboboxOption[], selectedValues: string[]): ComboboxOption[];
+//# sourceMappingURL=combobox-utils.d.ts.map

package/dist/components/combobox-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-utils.d.ts","sourceRoot":"","sources":["../../src/components/combobox-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,GACpB,aAAa,CAMf;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,cAAc,EAAE,EACzB,cAAc,EAAE,MAAM,EAAE,GACvB,cAAc,EAAE,CAMlB"}

package/dist/components/combobox-utils.js

@@ -0,0 +1,21 @@
+const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
+const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
+function comboboxLabelPadding(label, measuredWidth) {
+  if (measuredWidth > 0) {
+    return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };
+  }
+  if (typeof label !== "string") return { paddingLeft: "1.75rem" };
+  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };
+}
+function withSelectedComboboxOptions(options, selectedValues) {
+  const present = new Set(options.map((option) => option.value));
+  const pinned = selectedValues.filter((value) => !present.has(value)).map((value) => ({ value, label: value }));
+  return pinned.length === 0 ? options : [...pinned, ...options];
+}
+export {
+  COMBOBOX_MENU_MAX_HEIGHT_PX,
+  COMBOBOX_MENU_MAX_WIDTH_PX,
+  comboboxLabelPadding,
+  withSelectedComboboxOptions
+};
+//# sourceMappingURL=combobox-utils.js.map

package/dist/components/combobox-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-utils.js","sources":["../../src/components/combobox-utils.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport const COMBOBOX_MENU_MAX_WIDTH_PX = 400;\nexport const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;\n\nexport type ComboboxMenuPosition = {\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  maxWidth: number;\n  maxHeight: number;\n};\n\nexport function comboboxLabelPadding(\n  label: ReactNode,\n  measuredWidth: number,\n): CSSProperties {\n  if (measuredWidth > 0) {\n    return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };\n  }\n  if (typeof label !== \"string\") return { paddingLeft: \"1.75rem\" };\n  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };\n}\n\nexport function withSelectedComboboxOptions(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): ComboboxOption[] {\n  const present = new Set(options.map((option) => option.value));\n  const pinned = selectedValues\n    .filter((value) => !present.has(value))\n    .map((value) => ({ value, label: value }));\n  return pinned.length === 0 ? options : [...pinned, ...options];\n}\n"],"names":[],"mappings":"AAGO,MAAM,6BAA6B;AACnC,MAAM,8BAA8B;AAWpC,SAAS,qBACd,OACA,eACe;AACf,MAAI,gBAAgB,GAAG;AACrB,WAAO,EAAE,aAAa,QAAQ,aAAa,gBAAA;AAAA,EAC7C;AACA,MAAI,OAAO,UAAU,SAAU,QAAO,EAAE,aAAa,UAAA;AACrD,SAAO,EAAE,aAAa,GAAG,KAAK,IAAI,MAAM,SAAS,OAAO,MAAM,CAAC,CAAC,MAAA;AAClE;AAEO,SAAS,4BACd,SACA,gBACkB;AAClB,QAAM,UAAU,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAC7D,QAAM,SAAS,eACZ,OAAO,CAAC,UAAU,CAAC,QAAQ,IAAI,KAAK,CAAC,EACrC,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,QAAQ;AAC3C,SAAO,OAAO,WAAW,IAAI,UAAU,CAAC,GAAG,QAAQ,GAAG,OAAO;AAC/D;"}

package/dist/components/endpoint-port.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const DEFAULT_PREFERRED_ENDPOINT_PORTS = [80, 443, 8080];
+function preferredEndpointPort(ports, preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS) {
+  if (!(ports == null ? void 0 : ports.length)) return void 0;
+  const exposed = new Set(ports.map((port) => port.number));
+  const preferred = preferredPorts.find((port) => exposed.has(port));
+  return String(preferred ?? ports[0].number);
+}
+exports.DEFAULT_PREFERRED_ENDPOINT_PORTS = DEFAULT_PREFERRED_ENDPOINT_PORTS;
+exports.preferredEndpointPort = preferredEndpointPort;
+//# sourceMappingURL=endpoint-port.cjs.map

package/dist/components/endpoint-port.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint-port.cjs","sources":["../../src/components/endpoint-port.ts"],"sourcesContent":["import type { WorkloadPort } from \"./workload-picker-utils\";\n\nexport const DEFAULT_PREFERRED_ENDPOINT_PORTS = [80, 443, 8080] as const;\n\nexport function preferredEndpointPort(\n  ports: readonly WorkloadPort[] | undefined,\n  preferredPorts: readonly number[] = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n): string | undefined {\n  if (!ports?.length) return undefined;\n  const exposed = new Set(ports.map((port) => port.number));\n  const preferred = preferredPorts.find((port) => exposed.has(port));\n  return String(preferred ?? ports[0]!.number);\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mCAAmC,CAAC,IAAI,KAAK,IAAI;AAEvD,SAAS,sBACd,OACA,iBAAoC,kCAChB;AACpB,MAAI,EAAC,+BAAO,QAAQ,QAAO;AAC3B,QAAM,UAAU,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;AACxD,QAAM,YAAY,eAAe,KAAK,CAAC,SAAS,QAAQ,IAAI,IAAI,CAAC;AACjE,SAAO,OAAO,aAAa,MAAM,CAAC,EAAG,MAAM;AAC7C;;;"}

package/dist/components/endpoint-port.d.ts

@@ -0,0 +1,4 @@
+import { WorkloadPort } from './workload-picker-utils';
+export declare const DEFAULT_PREFERRED_ENDPOINT_PORTS: readonly [80, 443, 8080];
+export declare function preferredEndpointPort(ports: readonly WorkloadPort[] | undefined, preferredPorts?: readonly number[]): string | undefined;
+//# sourceMappingURL=endpoint-port.d.ts.map

package/dist/components/endpoint-port.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint-port.d.ts","sourceRoot":"","sources":["../../src/components/endpoint-port.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,eAAO,MAAM,gCAAgC,0BAA2B,CAAC;AAEzE,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,EAC1C,cAAc,GAAE,SAAS,MAAM,EAAqC,GACnE,MAAM,GAAG,SAAS,CAKpB"}

package/dist/components/endpoint-port.js

@@ -0,0 +1,12 @@
+const DEFAULT_PREFERRED_ENDPOINT_PORTS = [80, 443, 8080];
+function preferredEndpointPort(ports, preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS) {
+  if (!(ports == null ? void 0 : ports.length)) return void 0;
+  const exposed = new Set(ports.map((port) => port.number));
+  const preferred = preferredPorts.find((port) => exposed.has(port));
+  return String(preferred ?? ports[0].number);
+}
+export {
+  DEFAULT_PREFERRED_ENDPOINT_PORTS,
+  preferredEndpointPort
+};
+//# sourceMappingURL=endpoint-port.js.map

package/dist/components/endpoint-port.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint-port.js","sources":["../../src/components/endpoint-port.ts"],"sourcesContent":["import type { WorkloadPort } from \"./workload-picker-utils\";\n\nexport const DEFAULT_PREFERRED_ENDPOINT_PORTS = [80, 443, 8080] as const;\n\nexport function preferredEndpointPort(\n  ports: readonly WorkloadPort[] | undefined,\n  preferredPorts: readonly number[] = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n): string | undefined {\n  if (!ports?.length) return undefined;\n  const exposed = new Set(ports.map((port) => port.number));\n  const preferred = preferredPorts.find((port) => exposed.has(port));\n  return String(preferred ?? ports[0]!.number);\n}\n"],"names":[],"mappings":"AAEO,MAAM,mCAAmC,CAAC,IAAI,KAAK,IAAI;AAEvD,SAAS,sBACd,OACA,iBAAoC,kCAChB;AACpB,MAAI,EAAC,+BAAO,QAAQ,QAAO;AAC3B,QAAM,UAAU,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;AACxD,QAAM,YAAY,eAAe,KAAK,CAAC,SAAS,QAAQ,IAAI,IAAI,CAAC;AACjE,SAAO,OAAO,aAAa,MAAM,CAAC,EAAG,MAAM;AAC7C;"}

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

@@ -8,17 +8,14 @@ const FilterPill = require("../data/FilterPill.cjs");
 const button = require("./button.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
+const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const UiAdd = require("../icons/components/UiAdd.cjs");
 const UiClose = require("../icons/components/UiClose.cjs");
 const UiTrash = require("../icons/components/UiTrash.cjs");
 const UiChevronUp = require("../icons/components/UiChevronUp.cjs");
 const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
-function ArrayControl({
-  field,
-  fieldId,
-  ctx
-}) {
+function ArrayControl({ field, fieldId, ctx }) {
   const readOnly = ctx.readOnly || field.readOnly === true;
   if (field.arrayDisplay === "filter-pills" && enumItemOptions(field).length > 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(FilterPillArray, { field, fieldId, readOnly, size: ctx.size });
@@ -40,7 +37,8 @@ function ArrayControl({
           prop: itemSchema,
           required: false,
           value: item,
-          onChange: (next) => field.onChange(jsonSchemaFormUtils.setIndex(items, i, next))
+          onChange: (next) => field.onChange(jsonSchemaFormUtils.setIndex(items, i, next)),
+          instancePath: jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, i)
         },
         childCtx,
         { labelOverride: `Item ${i + 1}` }
@@ -73,7 +71,10 @@ function ArrayControl({
 }
 function enumItemOptions(field) {
   var _a;
-  const rawOptions = field.options ?? (Array.isArray((_a = field.itemSchema) == null ? void 0 : _a.enum) ? field.itemSchema.enum.map((value) => ({ value: String(value), label: String(value) })) : []);
+  const rawOptions = field.options ?? (Array.isArray((_a = field.itemSchema) == null ? void 0 : _a.enum) ? field.itemSchema.enum.map((value) => ({
+    value: String(value),
+    label: String(value)
+  })) : []);
   const seen = /* @__PURE__ */ new Set();
   return rawOptions.flatMap((option) => {
     if (seen.has(option.value)) return [];
@@ -134,11 +135,7 @@ function FilterPillArray({
 function hasObjectItemProperties(items) {
   return !!items && !!items.properties && Object.keys(items.properties).length > 0;
 }
-function TableArray({
-  field,
-  ctx,
-  readOnly
-}) {
+function TableArray({ field, ctx, readOnly }) {
   const items = Array.isArray(field.value) ? field.value : [];
   const itemSchema = field.itemSchema ?? { type: "object" };
   const columns = Object.entries(itemSchema.properties ?? {});
@@ -151,7 +148,8 @@ function TableArray({
         prop,
         required: false,
         value: obj[col],
-        onChange: (next) => field.onChange(jsonSchemaFormUtils.setIndex(items, rowIndex, { ...obj, [col]: next }))
+        onChange: (next) => field.onChange(jsonSchemaFormUtils.setIndex(items, rowIndex, { ...obj, [col]: next })),
+        instancePath: jsonSchemaFormErrors.appendInstancePath(jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, rowIndex), col)
       },
       childCtx
     );
@@ -229,16 +227,7 @@ function ItemControls({
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronDown.UiChevronDown, className: "text-sm" })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove item ${index + 1}`,
-        className: actionClassName,
-        onClick: onRemove,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" })
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove item ${index + 1}`, className: actionClassName, onClick: onRemove, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" }) })
   ] });
 }
 function TagArray({

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.cjs","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd, UiChevronDown, UiChevronUp, UiClose, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport {\n  controlHeightClass,\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { isScalarStringItems } from \"./json-schema-form-resolve\";\nimport {\n  defaultPlaceholder,\n  isPlainObject,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// ArrayControl is a hybrid: plain string-item arrays keep the compact tag UI;\n// anything richer (objects, numbers, enums, nested arrays) renders one recursive\n// control per item with add / remove / reorder. Recursion goes through\n// ctx.render so this module never imports the renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  if (field.arrayDisplay === \"filter-pills\" && enumItemOptions(field).length > 0) {\n    return <FilterPillArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  if (isScalarStringItems(field.itemSchema)) {\n    return <TagArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  // `x-layout: table` renders object-item arrays as compact rows with one column\n  // per item property — a denser alternative to the per-item stacked sub-form.\n  if (field.layout === \"table\" && hasObjectItemProperties(field.itemSchema)) {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[ctx.size])}>\n      {items.map((item, i) => (\n        <div key={i} className=\"grid grid-cols-[1fr_auto] items-start gap-2\">\n          <div className=\"min-w-0\">\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </div>\n          {!readOnly && (\n            <ItemControls\n              onUp={i > 0 ? () => field.onChange(moveItem(items, i, i - 1)) : undefined}\n              onDown={i < items.length - 1 ? () => field.onChange(moveItem(items, i, i + 1)) : undefined}\n              onRemove={() => field.onChange(removeIndex(items, i))}\n              index={i}\n              size={ctx.size}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction enumItemOptions(field: FieldControl): Array<{ value: string; label: string }> {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({ value: String(value), label: String(value) }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.flatMap((option) => {\n    if (seen.has(option.value)) return [];\n    seen.add(option.value);\n    return [{ value: option.value, label: option.label }];\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) => validValues.has(value));\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(implicitAll ? options.map((option) => option.value) : explicitValues);\n\n  function commit(nextSelected: Set<string>) {\n    const next = options\n      .map((option) => option.value)\n      .filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={implicitAll ? `${option.label} enabled by default` : option.label}\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n\n// hasObjectItemProperties reports whether the array's items are objects with a\n// fixed `properties` set — the precondition for a column-per-property table.\nfunction hasObjectItemProperties(items: JsonSchemaProperty | undefined): boolean {\n  return !!items && !!items.properties && Object.keys(items.properties).length > 0;\n}\n\n// TableArray renders an object-item array as a table: a header row of the item's\n// property names and one row per item with value-only controls, plus per-row\n// remove and an add button. Driven by `x-layout: table`.\nfunction TableArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const columns = Object.entries(itemSchema.properties ?? {});\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  function cell(item: unknown, rowIndex: number, col: string, prop: JsonSchemaProperty): ReactNode {\n    const obj = isPlainObject(item) ? item : {};\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key: `${field.key}[${rowIndex}].${col}`,\n        prop,\n        required: false,\n        value: obj[col],\n        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  return (\n    <div className=\"overflow-x-auto rounded-md border border-input\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-input bg-muted/40 text-left\">\n            {columns.map(([col, prop]) => (\n              <th key={col} className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n                {typeof prop.title === \"string\" && prop.title ? prop.title : col}\n              </th>\n            ))}\n            {!readOnly && <th className=\"w-10 px-2 py-1\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i} className=\"border-b border-input last:border-b-0 align-top\">\n              {columns.map(([col, prop]) => (\n                <td key={col} className=\"px-2 py-1\">\n                  {cell(item, i, col, prop)}\n                </td>\n              ))}\n              {!readOnly && (\n                <td className=\"px-2 py-1\">\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove item ${i + 1}`}\n                    className={cn(\n                      \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\",\n                      controlHeightClass[ctx.size],\n                    )}\n                    onClick={() => field.onChange(removeIndex(items, i))}\n                  >\n                    <Icon icon={UiTrash} className=\"text-sm\" />\n                  </button>\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n            onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n          >\n            <Icon icon={UiAdd} className=\"text-sm\" />\n            Add item\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ItemControls({\n  onUp,\n  onDown,\n  onRemove,\n  index,\n  size,\n}: {\n  onUp: (() => void) | undefined;\n  onDown: (() => void) | undefined;\n  onRemove: () => void;\n  index: number;\n  size: FormSize;\n}) {\n  const actionClassName = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} up`}\n        disabled={!onUp}\n        className={actionClassName}\n        onClick={onUp}\n      >\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} down`}\n        disabled={!onDown}\n        className={actionClassName}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove item ${index + 1}`}\n        className={actionClassName}\n        onClick={onRemove}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\n// TagArray is the compact tag editor for plain string-item arrays.\nfunction TagArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const tags = toStringArray(field.value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    field.onChange([...tags, ...next]);\n    input.value = \"\";\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    const input = e.currentTarget;\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (e.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      field.onChange(tags.slice(0, -1));\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {tags.map((tag, i) => (\n        <span\n          key={`${tag}-${i}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          {!readOnly && (\n            <button\n              type=\"button\"\n              className=\"text-muted-foreground hover:text-foreground\"\n              aria-label={`Remove ${tag}`}\n              onClick={() => field.onChange(tags.filter((_, idx) => idx !== i))}\n            >\n              <Icon icon={UiClose} />\n            </button>\n          )}\n        </span>\n      ))}\n      {!readOnly && (\n        <input\n          id={fieldId}\n          data-jsf-input\n          className={cn(\"min-w-32 flex-1 bg-transparent px-1 py-1 outline-none\", labelSizeClass[size])}\n          placeholder={tags.length === 0 ? defaultPlaceholder(field.schema) : \"\"}\n          onKeyDown={handleKeyDown}\n          onBlur={(e) => commit(e.currentTarget.value, e.currentTarget)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  return [];\n}\n"],"names":["isScalarStringItems","jsx","jsxs","cn","fieldInnerGapClass","setIndex","moveItem","removeIndex","Button","inputSizeClass","seedFromSchema","Icon","UiAdd","controlMinHeightClass","FilterPill","isPlainObject","controlHeightClass","UiTrash","UiChevronUp","UiChevronDown","UiClose","labelSizeClass","defaultPlaceholder"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-array.cjs","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd, UiChevronDown, UiChevronUp, UiClose, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport {\n  controlHeightClass,\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { isScalarStringItems } from \"./json-schema-form-resolve\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport {\n  defaultPlaceholder,\n  isPlainObject,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// ArrayControl is a hybrid: plain string-item arrays keep the compact tag UI;\n// anything richer (objects, numbers, enums, nested arrays) renders one recursive\n// control per item with add / remove / reorder. Recursion goes through\n// ctx.render so this module never imports the renderer (no import cycle).\nexport function ArrayControl({ field, fieldId, ctx }: { field: FieldControl; fieldId: string; ctx: RenderContext }) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  if (field.arrayDisplay === \"filter-pills\" && enumItemOptions(field).length > 0) {\n    return <FilterPillArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  if (isScalarStringItems(field.itemSchema)) {\n    return <TagArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  // `x-layout: table` renders object-item arrays as compact rows with one column\n  // per item property — a denser alternative to the per-item stacked sub-form.\n  if (field.layout === \"table\" && hasObjectItemProperties(field.itemSchema)) {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[ctx.size])}>\n      {items.map((item, i) => (\n        <div key={i} className=\"grid grid-cols-[1fr_auto] items-start gap-2\">\n          <div className=\"min-w-0\">\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n                instancePath: appendInstancePath(ctx.instancePath, i),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </div>\n          {!readOnly && (\n            <ItemControls\n              onUp={i > 0 ? () => field.onChange(moveItem(items, i, i - 1)) : undefined}\n              onDown={i < items.length - 1 ? () => field.onChange(moveItem(items, i, i + 1)) : undefined}\n              onRemove={() => field.onChange(removeIndex(items, i))}\n              index={i}\n              size={ctx.size}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction enumItemOptions(field: FieldControl): Array<{ value: string; label: string }> {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({\n          value: String(value),\n          label: String(value),\n        }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.flatMap((option) => {\n    if (seen.has(option.value)) return [];\n    seen.add(option.value);\n    return [{ value: option.value, label: option.label }];\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) => validValues.has(value));\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(implicitAll ? options.map((option) => option.value) : explicitValues);\n\n  function commit(nextSelected: Set<string>) {\n    const next = options.map((option) => option.value).filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={implicitAll ? `${option.label} enabled by default` : option.label}\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n\n// hasObjectItemProperties reports whether the array's items are objects with a\n// fixed `properties` set — the precondition for a column-per-property table.\nfunction hasObjectItemProperties(items: JsonSchemaProperty | undefined): boolean {\n  return !!items && !!items.properties && Object.keys(items.properties).length > 0;\n}\n\n// TableArray renders an object-item array as a table: a header row of the item's\n// property names and one row per item with value-only controls, plus per-row\n// remove and an add button. Driven by `x-layout: table`.\nfunction TableArray({ field, ctx, readOnly }: { field: FieldControl; ctx: RenderContext; readOnly: boolean }) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const columns = Object.entries(itemSchema.properties ?? {});\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  function cell(item: unknown, rowIndex: number, col: string, prop: JsonSchemaProperty): ReactNode {\n    const obj = isPlainObject(item) ? item : {};\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key: `${field.key}[${rowIndex}].${col}`,\n        prop,\n        required: false,\n        value: obj[col],\n        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),\n        instancePath: appendInstancePath(appendInstancePath(ctx.instancePath, rowIndex), col),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  return (\n    <div className=\"overflow-x-auto rounded-md border border-input\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-input bg-muted/40 text-left\">\n            {columns.map(([col, prop]) => (\n              <th key={col} className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n                {typeof prop.title === \"string\" && prop.title ? prop.title : col}\n              </th>\n            ))}\n            {!readOnly && <th className=\"w-10 px-2 py-1\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i} className=\"border-b border-input last:border-b-0 align-top\">\n              {columns.map(([col, prop]) => (\n                <td key={col} className=\"px-2 py-1\">\n                  {cell(item, i, col, prop)}\n                </td>\n              ))}\n              {!readOnly && (\n                <td className=\"px-2 py-1\">\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove item ${i + 1}`}\n                    className={cn(\n                      \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\",\n                      controlHeightClass[ctx.size],\n                    )}\n                    onClick={() => field.onChange(removeIndex(items, i))}\n                  >\n                    <Icon icon={UiTrash} className=\"text-sm\" />\n                  </button>\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n            onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n          >\n            <Icon icon={UiAdd} className=\"text-sm\" />\n            Add item\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ItemControls({\n  onUp,\n  onDown,\n  onRemove,\n  index,\n  size,\n}: {\n  onUp: (() => void) | undefined;\n  onDown: (() => void) | undefined;\n  onRemove: () => void;\n  index: number;\n  size: FormSize;\n}) {\n  const actionClassName = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} up`}\n        disabled={!onUp}\n        className={actionClassName}\n        onClick={onUp}\n      >\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} down`}\n        disabled={!onDown}\n        className={actionClassName}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Remove item ${index + 1}`} className={actionClassName} onClick={onRemove}>\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\n// TagArray is the compact tag editor for plain string-item arrays.\nfunction TagArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const tags = toStringArray(field.value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    field.onChange([...tags, ...next]);\n    input.value = \"\";\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    const input = e.currentTarget;\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (e.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      field.onChange(tags.slice(0, -1));\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {tags.map((tag, i) => (\n        <span\n          key={`${tag}-${i}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          {!readOnly && (\n            <button\n              type=\"button\"\n              className=\"text-muted-foreground hover:text-foreground\"\n              aria-label={`Remove ${tag}`}\n              onClick={() => field.onChange(tags.filter((_, idx) => idx !== i))}\n            >\n              <Icon icon={UiClose} />\n            </button>\n          )}\n        </span>\n      ))}\n      {!readOnly && (\n        <input\n          id={fieldId}\n          data-jsf-input\n          className={cn(\"min-w-32 flex-1 bg-transparent px-1 py-1 outline-none\", labelSizeClass[size])}\n          placeholder={tags.length === 0 ? defaultPlaceholder(field.schema) : \"\"}\n          onKeyDown={handleKeyDown}\n          onBlur={(e) => commit(e.currentTarget.value, e.currentTarget)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  return [];\n}\n"],"names":["isScalarStringItems","jsx","jsxs","cn","fieldInnerGapClass","setIndex","appendInstancePath","moveItem","removeIndex","Button","inputSizeClass","seedFromSchema","Icon","UiAdd","controlMinHeightClass","FilterPill","isPlainObject","controlHeightClass","UiTrash","UiChevronUp","UiChevronDown","UiClose","labelSizeClass","defaultPlaceholder"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,YAAY,EAAsB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMhG,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;CACpB,2CA6DA"}
+{"version":3,"file":"json-schema-form-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAsB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMhG,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,2CA8DjH"}

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

@@ -6,17 +6,14 @@ import { FilterPill } from "../data/FilterPill.js";
 import { Button } from "./button.js";
 import { inputSizeClass, fieldInnerGapClass, controlMinHeightClass, labelSizeClass, controlHeightClass } from "./json-schema-form-size.js";
 import { isScalarStringItems } from "./json-schema-form-resolve.js";
+import { appendInstancePath } from "./json-schema-form-errors.js";
 import { setIndex, removeIndex, moveItem, seedFromSchema, defaultPlaceholder, isPlainObject } from "./json-schema-form-utils.js";
 import { UiAdd } from "../icons/components/UiAdd.js";
 import { UiClose } from "../icons/components/UiClose.js";
 import { UiTrash } from "../icons/components/UiTrash.js";
 import { UiChevronUp } from "../icons/components/UiChevronUp.js";
 import { UiChevronDown } from "../icons/components/UiChevronDown.js";
-function ArrayControl({
-  field,
-  fieldId,
-  ctx
-}) {
+function ArrayControl({ field, fieldId, ctx }) {
   const readOnly = ctx.readOnly || field.readOnly === true;
   if (field.arrayDisplay === "filter-pills" && enumItemOptions(field).length > 0) {
     return /* @__PURE__ */ jsx(FilterPillArray, { field, fieldId, readOnly, size: ctx.size });
@@ -38,7 +35,8 @@ function ArrayControl({
           prop: itemSchema,
           required: false,
           value: item,
-          onChange: (next) => field.onChange(setIndex(items, i, next))
+          onChange: (next) => field.onChange(setIndex(items, i, next)),
+          instancePath: appendInstancePath(ctx.instancePath, i)
         },
         childCtx,
         { labelOverride: `Item ${i + 1}` }
@@ -71,7 +69,10 @@ function ArrayControl({
 }
 function enumItemOptions(field) {
   var _a;
-  const rawOptions = field.options ?? (Array.isArray((_a = field.itemSchema) == null ? void 0 : _a.enum) ? field.itemSchema.enum.map((value) => ({ value: String(value), label: String(value) })) : []);
+  const rawOptions = field.options ?? (Array.isArray((_a = field.itemSchema) == null ? void 0 : _a.enum) ? field.itemSchema.enum.map((value) => ({
+    value: String(value),
+    label: String(value)
+  })) : []);
   const seen = /* @__PURE__ */ new Set();
   return rawOptions.flatMap((option) => {
     if (seen.has(option.value)) return [];
@@ -132,11 +133,7 @@ function FilterPillArray({
 function hasObjectItemProperties(items) {
   return !!items && !!items.properties && Object.keys(items.properties).length > 0;
 }
-function TableArray({
-  field,
-  ctx,
-  readOnly
-}) {
+function TableArray({ field, ctx, readOnly }) {
   const items = Array.isArray(field.value) ? field.value : [];
   const itemSchema = field.itemSchema ?? { type: "object" };
   const columns = Object.entries(itemSchema.properties ?? {});
@@ -149,7 +146,8 @@ function TableArray({
         prop,
         required: false,
         value: obj[col],
-        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next }))
+        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),
+        instancePath: appendInstancePath(appendInstancePath(ctx.instancePath, rowIndex), col)
       },
       childCtx
     );
@@ -227,16 +225,7 @@ function ItemControls({
         children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronDown, className: "text-sm" })
       }
     ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove item ${index + 1}`,
-        className: actionClassName,
-        onClick: onRemove,
-        children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" })
-      }
-    )
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Remove item ${index + 1}`, className: actionClassName, onClick: onRemove, children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" }) })
   ] });
 }
 function TagArray({

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.js","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd, UiChevronDown, UiChevronUp, UiClose, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport {\n  controlHeightClass,\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { isScalarStringItems } from \"./json-schema-form-resolve\";\nimport {\n  defaultPlaceholder,\n  isPlainObject,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// ArrayControl is a hybrid: plain string-item arrays keep the compact tag UI;\n// anything richer (objects, numbers, enums, nested arrays) renders one recursive\n// control per item with add / remove / reorder. Recursion goes through\n// ctx.render so this module never imports the renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  if (field.arrayDisplay === \"filter-pills\" && enumItemOptions(field).length > 0) {\n    return <FilterPillArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  if (isScalarStringItems(field.itemSchema)) {\n    return <TagArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  // `x-layout: table` renders object-item arrays as compact rows with one column\n  // per item property — a denser alternative to the per-item stacked sub-form.\n  if (field.layout === \"table\" && hasObjectItemProperties(field.itemSchema)) {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[ctx.size])}>\n      {items.map((item, i) => (\n        <div key={i} className=\"grid grid-cols-[1fr_auto] items-start gap-2\">\n          <div className=\"min-w-0\">\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </div>\n          {!readOnly && (\n            <ItemControls\n              onUp={i > 0 ? () => field.onChange(moveItem(items, i, i - 1)) : undefined}\n              onDown={i < items.length - 1 ? () => field.onChange(moveItem(items, i, i + 1)) : undefined}\n              onRemove={() => field.onChange(removeIndex(items, i))}\n              index={i}\n              size={ctx.size}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction enumItemOptions(field: FieldControl): Array<{ value: string; label: string }> {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({ value: String(value), label: String(value) }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.flatMap((option) => {\n    if (seen.has(option.value)) return [];\n    seen.add(option.value);\n    return [{ value: option.value, label: option.label }];\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) => validValues.has(value));\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(implicitAll ? options.map((option) => option.value) : explicitValues);\n\n  function commit(nextSelected: Set<string>) {\n    const next = options\n      .map((option) => option.value)\n      .filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={implicitAll ? `${option.label} enabled by default` : option.label}\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n\n// hasObjectItemProperties reports whether the array's items are objects with a\n// fixed `properties` set — the precondition for a column-per-property table.\nfunction hasObjectItemProperties(items: JsonSchemaProperty | undefined): boolean {\n  return !!items && !!items.properties && Object.keys(items.properties).length > 0;\n}\n\n// TableArray renders an object-item array as a table: a header row of the item's\n// property names and one row per item with value-only controls, plus per-row\n// remove and an add button. Driven by `x-layout: table`.\nfunction TableArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const columns = Object.entries(itemSchema.properties ?? {});\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  function cell(item: unknown, rowIndex: number, col: string, prop: JsonSchemaProperty): ReactNode {\n    const obj = isPlainObject(item) ? item : {};\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key: `${field.key}[${rowIndex}].${col}`,\n        prop,\n        required: false,\n        value: obj[col],\n        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  return (\n    <div className=\"overflow-x-auto rounded-md border border-input\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-input bg-muted/40 text-left\">\n            {columns.map(([col, prop]) => (\n              <th key={col} className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n                {typeof prop.title === \"string\" && prop.title ? prop.title : col}\n              </th>\n            ))}\n            {!readOnly && <th className=\"w-10 px-2 py-1\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i} className=\"border-b border-input last:border-b-0 align-top\">\n              {columns.map(([col, prop]) => (\n                <td key={col} className=\"px-2 py-1\">\n                  {cell(item, i, col, prop)}\n                </td>\n              ))}\n              {!readOnly && (\n                <td className=\"px-2 py-1\">\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove item ${i + 1}`}\n                    className={cn(\n                      \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\",\n                      controlHeightClass[ctx.size],\n                    )}\n                    onClick={() => field.onChange(removeIndex(items, i))}\n                  >\n                    <Icon icon={UiTrash} className=\"text-sm\" />\n                  </button>\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n            onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n          >\n            <Icon icon={UiAdd} className=\"text-sm\" />\n            Add item\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ItemControls({\n  onUp,\n  onDown,\n  onRemove,\n  index,\n  size,\n}: {\n  onUp: (() => void) | undefined;\n  onDown: (() => void) | undefined;\n  onRemove: () => void;\n  index: number;\n  size: FormSize;\n}) {\n  const actionClassName = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} up`}\n        disabled={!onUp}\n        className={actionClassName}\n        onClick={onUp}\n      >\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} down`}\n        disabled={!onDown}\n        className={actionClassName}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove item ${index + 1}`}\n        className={actionClassName}\n        onClick={onRemove}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\n// TagArray is the compact tag editor for plain string-item arrays.\nfunction TagArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const tags = toStringArray(field.value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    field.onChange([...tags, ...next]);\n    input.value = \"\";\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    const input = e.currentTarget;\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (e.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      field.onChange(tags.slice(0, -1));\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {tags.map((tag, i) => (\n        <span\n          key={`${tag}-${i}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          {!readOnly && (\n            <button\n              type=\"button\"\n              className=\"text-muted-foreground hover:text-foreground\"\n              aria-label={`Remove ${tag}`}\n              onClick={() => field.onChange(tags.filter((_, idx) => idx !== i))}\n            >\n              <Icon icon={UiClose} />\n            </button>\n          )}\n        </span>\n      ))}\n      {!readOnly && (\n        <input\n          id={fieldId}\n          data-jsf-input\n          className={cn(\"min-w-32 flex-1 bg-transparent px-1 py-1 outline-none\", labelSizeClass[size])}\n          placeholder={tags.length === 0 ? defaultPlaceholder(field.schema) : \"\"}\n          onKeyDown={handleKeyDown}\n          onBlur={(e) => commit(e.currentTarget.value, e.currentTarget)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  return [];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-array.js","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd, UiChevronDown, UiChevronUp, UiClose, UiTrash } from \"../icons\";\nimport { Button } from \"./button\";\nimport {\n  controlHeightClass,\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { isScalarStringItems } from \"./json-schema-form-resolve\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport {\n  defaultPlaceholder,\n  isPlainObject,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// ArrayControl is a hybrid: plain string-item arrays keep the compact tag UI;\n// anything richer (objects, numbers, enums, nested arrays) renders one recursive\n// control per item with add / remove / reorder. Recursion goes through\n// ctx.render so this module never imports the renderer (no import cycle).\nexport function ArrayControl({ field, fieldId, ctx }: { field: FieldControl; fieldId: string; ctx: RenderContext }) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  if (field.arrayDisplay === \"filter-pills\" && enumItemOptions(field).length > 0) {\n    return <FilterPillArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  if (isScalarStringItems(field.itemSchema)) {\n    return <TagArray field={field} fieldId={fieldId} readOnly={readOnly} size={ctx.size} />;\n  }\n  // `x-layout: table` renders object-item arrays as compact rows with one column\n  // per item property — a denser alternative to the per-item stacked sub-form.\n  if (field.layout === \"table\" && hasObjectItemProperties(field.itemSchema)) {\n    return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div className={cn(\"flex flex-col rounded-md border border-input p-2\", fieldInnerGapClass[ctx.size])}>\n      {items.map((item, i) => (\n        <div key={i} className=\"grid grid-cols-[1fr_auto] items-start gap-2\">\n          <div className=\"min-w-0\">\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n                instancePath: appendInstancePath(ctx.instancePath, i),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </div>\n          {!readOnly && (\n            <ItemControls\n              onUp={i > 0 ? () => field.onChange(moveItem(items, i, i - 1)) : undefined}\n              onDown={i < items.length - 1 ? () => field.onChange(moveItem(items, i, i + 1)) : undefined}\n              onRemove={() => field.onChange(removeIndex(items, i))}\n              index={i}\n              size={ctx.size}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction enumItemOptions(field: FieldControl): Array<{ value: string; label: string }> {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({\n          value: String(value),\n          label: String(value),\n        }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.flatMap((option) => {\n    if (seen.has(option.value)) return [];\n    seen.add(option.value);\n    return [{ value: option.value, label: option.label }];\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) => validValues.has(value));\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(implicitAll ? options.map((option) => option.value) : explicitValues);\n\n  function commit(nextSelected: Set<string>) {\n    const next = options.map((option) => option.value).filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={implicitAll ? `${option.label} enabled by default` : option.label}\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n\n// hasObjectItemProperties reports whether the array's items are objects with a\n// fixed `properties` set — the precondition for a column-per-property table.\nfunction hasObjectItemProperties(items: JsonSchemaProperty | undefined): boolean {\n  return !!items && !!items.properties && Object.keys(items.properties).length > 0;\n}\n\n// TableArray renders an object-item array as a table: a header row of the item's\n// property names and one row per item with value-only controls, plus per-row\n// remove and an add button. Driven by `x-layout: table`.\nfunction TableArray({ field, ctx, readOnly }: { field: FieldControl; ctx: RenderContext; readOnly: boolean }) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const columns = Object.entries(itemSchema.properties ?? {});\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  function cell(item: unknown, rowIndex: number, col: string, prop: JsonSchemaProperty): ReactNode {\n    const obj = isPlainObject(item) ? item : {};\n    const nodes = ctx.render.renderFieldNodes(\n      {\n        key: `${field.key}[${rowIndex}].${col}`,\n        prop,\n        required: false,\n        value: obj[col],\n        onChange: (next) => field.onChange(setIndex(items, rowIndex, { ...obj, [col]: next })),\n        instancePath: appendInstancePath(appendInstancePath(ctx.instancePath, rowIndex), col),\n      },\n      childCtx,\n    );\n    return nodes?.value ?? null;\n  }\n\n  return (\n    <div className=\"overflow-x-auto rounded-md border border-input\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-input bg-muted/40 text-left\">\n            {columns.map(([col, prop]) => (\n              <th key={col} className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n                {typeof prop.title === \"string\" && prop.title ? prop.title : col}\n              </th>\n            ))}\n            {!readOnly && <th className=\"w-10 px-2 py-1\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i} className=\"border-b border-input last:border-b-0 align-top\">\n              {columns.map(([col, prop]) => (\n                <td key={col} className=\"px-2 py-1\">\n                  {cell(item, i, col, prop)}\n                </td>\n              ))}\n              {!readOnly && (\n                <td className=\"px-2 py-1\">\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove item ${i + 1}`}\n                    className={cn(\n                      \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground\",\n                      controlHeightClass[ctx.size],\n                    )}\n                    onClick={() => field.onChange(removeIndex(items, i))}\n                  >\n                    <Icon icon={UiTrash} className=\"text-sm\" />\n                  </button>\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n            onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n          >\n            <Icon icon={UiAdd} className=\"text-sm\" />\n            Add item\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ItemControls({\n  onUp,\n  onDown,\n  onRemove,\n  index,\n  size,\n}: {\n  onUp: (() => void) | undefined;\n  onDown: (() => void) | undefined;\n  onRemove: () => void;\n  index: number;\n  size: FormSize;\n}) {\n  const actionClassName = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} up`}\n        disabled={!onUp}\n        className={actionClassName}\n        onClick={onUp}\n      >\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move item ${index + 1} down`}\n        disabled={!onDown}\n        className={actionClassName}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Remove item ${index + 1}`} className={actionClassName} onClick={onRemove}>\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\n// TagArray is the compact tag editor for plain string-item arrays.\nfunction TagArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const tags = toStringArray(field.value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    field.onChange([...tags, ...next]);\n    input.value = \"\";\n  }\n\n  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    const input = e.currentTarget;\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (e.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      field.onChange(tags.slice(0, -1));\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {tags.map((tag, i) => (\n        <span\n          key={`${tag}-${i}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          {!readOnly && (\n            <button\n              type=\"button\"\n              className=\"text-muted-foreground hover:text-foreground\"\n              aria-label={`Remove ${tag}`}\n              onClick={() => field.onChange(tags.filter((_, idx) => idx !== i))}\n            >\n              <Icon icon={UiClose} />\n            </button>\n          )}\n        </span>\n      ))}\n      {!readOnly && (\n        <input\n          id={fieldId}\n          data-jsf-input\n          className={cn(\"min-w-32 flex-1 bg-transparent px-1 py-1 outline-none\", labelSizeClass[size])}\n          placeholder={tags.length === 0 ? defaultPlaceholder(field.schema) : \"\"}\n          onKeyDown={handleKeyDown}\n          onBlur={(e) => commit(e.currentTarget.value, e.currentTarget)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  return [];\n}\n"],"names":[],"mappings":"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"}

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

@@ -5,6 +5,7 @@ require("react");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
+const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
 function DiscriminatedForm({
   schema,
   value,
@@ -24,7 +25,8 @@ function DiscriminatedForm({
         prop,
         required,
         value: current,
-        onChange: (next) => onChange({ ...value, [discKey]: next })
+        onChange: (next) => onChange({ ...value, [discKey]: next }),
+        instancePath: jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, discKey)
       },
       ctx
     );
@@ -50,7 +52,9 @@ function DiscriminatedForm({
         typeof prop.title === "string" && prop.title ? prop.title.toLowerCase() : discKey
       ] })
     ] }),
-    ctx.render.renderObjectFields(schema, value, onChange, ctx, { hiddenKeys: [discKey] })
+    ctx.render.renderObjectFields(schema, value, onChange, ctx, {
+      hiddenKeys: [discKey]
+    })
   ] });
 }
 function labelFor(prop, value) {

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-discriminator.cjs","sources":["../../src/components/json-schema-form-discriminator.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\nimport type { JsonSchemaObject, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// DiscriminatedForm renders the two-phase \"pick a kind, then fill its form\" flow\n// driven by a schema's `x-discriminator`. Phase 1 (the discriminator value is\n// unset) shows only the discriminator control — typically the x-enum-icons grid.\n// Phase 2 (a value is chosen) collapses the picker to a compact header with a\n// \"Change\" affordance and renders the matched branch's fields (the discriminator\n// itself hidden, since the header already shows it). It returns nodes meant to be\n// children of the form's FieldsGrid (the header/phase-1 block span the full grid\n// width; phase-2 field rows snap to the grid tracks as usual).\nexport function DiscriminatedForm({\n  schema,\n  value,\n  onChange,\n  ctx,\n  discKey,\n}: {\n  schema: JsonSchemaObject;\n  value: Record<string, unknown>;\n  onChange: (next: Record<string, unknown>) => void;\n  ctx: RenderContext;\n  discKey: string;\n}): ReactNode {\n  const prop = schema.properties?.[discKey];\n  // A schema that names a discriminator it does not define is malformed; render\n  // it as an ordinary form rather than silently hiding everything.\n  if (!prop) return <>{ctx.render.renderObjectFields(schema, value, onChange, ctx)}</>;\n\n  const current = value[discKey];\n  const required = (schema.required ?? []).includes(discKey);\n\n  if (current == null || current === \"\") {\n    const built = ctx.render.renderFieldNodes(\n      {\n        key: discKey,\n        prop,\n        required,\n        value: current,\n        onChange: (next) => onChange({ ...value, [discKey]: next }),\n      },\n      ctx,\n    );\n    return (\n      <div className=\"col-span-full flex flex-col gap-2\">\n        <h3 className={cn(\"font-semibold\", labelSizeClass[ctx.size])}>\n          {typeof prop.title === \"string\" && prop.title ? prop.title : discKey}\n        </h3>\n        {built?.value}\n      </div>\n    );\n  }\n\n  const selected = String(current);\n  const change = () => {\n    const next = { ...value };\n    delete next[discKey];\n    onChange(next);\n  };\n  return (\n    <>\n      <div className=\"col-span-full flex items-center justify-between rounded-md border border-input px-3 py-2\">\n        <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n          <LabelIcon icon={iconFor(prop, selected)} className=\"text-lg text-foreground\" />\n          <span>{labelFor(prop, selected)}</span>\n        </span>\n        {!ctx.readOnly && (\n          <button type=\"button\" onClick={change} className=\"text-xs font-medium text-primary hover:underline\">\n            Change {typeof prop.title === \"string\" && prop.title ? prop.title.toLowerCase() : discKey}\n          </button>\n        )}\n      </div>\n      {ctx.render.renderObjectFields(schema, value, onChange, ctx, { hiddenKeys: [discKey] })}\n    </>\n  );\n}\n\nfunction labelFor(prop: JsonSchemaProperty, value: string): string {\n  const l = prop[\"x-enum-labels\"]?.[value];\n  return typeof l === \"string\" && l ? l : value;\n}\n\nfunction iconFor(prop: JsonSchemaProperty, value: string): LabelIconSpec | undefined {\n  const i = prop[\"x-enum-icons\"]?.[value];\n  return typeof i === \"string\" && i ? i : undefined;\n}\n"],"names":["jsx","Fragment","jsxs","cn","labelSizeClass","LabelIcon"],"mappings":";;;;;;;AAcO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMc;;AACZ,QAAM,QAAO,YAAO,eAAP,mBAAoB;AAGjC,MAAI,CAAC,KAAM,QAAOA,2BAAAA,IAAAC,WAAAA,UAAA,EAAG,UAAA,IAAI,OAAO,mBAAmB,QAAQ,OAAO,UAAU,GAAG,EAAA,CAAE;AAEjF,QAAM,UAAU,MAAM,OAAO;AAC7B,QAAM,YAAY,OAAO,YAAY,CAAA,GAAI,SAAS,OAAO;AAEzD,MAAI,WAAW,QAAQ,YAAY,IAAI;AACrC,UAAM,QAAQ,IAAI,OAAO;AAAA,MACvB;AAAA,QACE,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,GAAG,KAAA,CAAM;AAAA,MAAA;AAAA,MAE5D;AAAA,IAAA;AAEF,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAF,+BAAC,QAAG,WAAWG,MAAAA,GAAG,iBAAiBC,mBAAAA,eAAe,IAAI,IAAI,CAAC,GACxD,UAAA,OAAO,KAAK,UAAU,YAAY,KAAK,QAAQ,KAAK,QAAQ,SAC/D;AAAA,MACC,+BAAO;AAAA,IAAA,GACV;AAAA,EAEJ;AAEA,QAAM,WAAW,OAAO,OAAO;AAC/B,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,EAAE,GAAG,MAAA;AAClB,WAAO,KAAK,OAAO;AACnB,aAAS,IAAI;AAAA,EACf;AACA,SACEF,2BAAAA,KAAAD,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,4FACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAWC,SAAG,uCAAuCC,mBAAAA,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,QAAAJ,+BAACK,KAAAA,aAAU,MAAM,QAAQ,MAAM,QAAQ,GAAG,WAAU,2BAA0B;AAAA,QAC9EL,2BAAAA,IAAC,QAAA,EAAM,UAAA,SAAS,MAAM,QAAQ,EAAA,CAAE;AAAA,MAAA,GAClC;AAAA,MACC,CAAC,IAAI,YACJE,2BAAAA,KAAC,UAAA,EAAO,MAAK,UAAS,SAAS,QAAQ,WAAU,oDAAmD,UAAA;AAAA,QAAA;AAAA,QAC1F,OAAO,KAAK,UAAU,YAAY,KAAK,QAAQ,KAAK,MAAM,gBAAgB;AAAA,MAAA,EAAA,CACpF;AAAA,IAAA,GAEJ;AAAA,IACC,IAAI,OAAO,mBAAmB,QAAQ,OAAO,UAAU,KAAK,EAAE,YAAY,CAAC,OAAO,EAAA,CAAG;AAAA,EAAA,GACxF;AAEJ;AAEA,SAAS,SAAS,MAA0B,OAAuB;;AACjE,QAAM,KAAI,UAAK,eAAe,MAApB,mBAAwB;AAClC,SAAO,OAAO,MAAM,YAAY,IAAI,IAAI;AAC1C;AAEA,SAAS,QAAQ,MAA0B,OAA0C;;AACnF,QAAM,KAAI,UAAK,cAAc,MAAnB,mBAAuB;AACjC,SAAO,OAAO,MAAM,YAAY,IAAI,IAAI;AAC1C;;"}
+{"version":3,"file":"json-schema-form-discriminator.cjs","sources":["../../src/components/json-schema-form-discriminator.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaObject, JsonSchemaProperty, RenderContext } from \"./json-schema-form-types\";\n\n// DiscriminatedForm renders the two-phase \"pick a kind, then fill its form\" flow\n// driven by a schema's `x-discriminator`. Phase 1 (the discriminator value is\n// unset) shows only the discriminator control — typically the x-enum-icons grid.\n// Phase 2 (a value is chosen) collapses the picker to a compact header with a\n// \"Change\" affordance and renders the matched branch's fields (the discriminator\n// itself hidden, since the header already shows it). It returns nodes meant to be\n// children of the form's FieldsGrid (the header/phase-1 block span the full grid\n// width; phase-2 field rows snap to the grid tracks as usual).\nexport function DiscriminatedForm({\n  schema,\n  value,\n  onChange,\n  ctx,\n  discKey,\n}: {\n  schema: JsonSchemaObject;\n  value: Record<string, unknown>;\n  onChange: (next: Record<string, unknown>) => void;\n  ctx: RenderContext;\n  discKey: string;\n}): ReactNode {\n  const prop = schema.properties?.[discKey];\n  // A schema that names a discriminator it does not define is malformed; render\n  // it as an ordinary form rather than silently hiding everything.\n  if (!prop) return <>{ctx.render.renderObjectFields(schema, value, onChange, ctx)}</>;\n\n  const current = value[discKey];\n  const required = (schema.required ?? []).includes(discKey);\n\n  if (current == null || current === \"\") {\n    const built = ctx.render.renderFieldNodes(\n      {\n        key: discKey,\n        prop,\n        required,\n        value: current,\n        onChange: (next) => onChange({ ...value, [discKey]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, discKey),\n      },\n      ctx,\n    );\n    return (\n      <div className=\"col-span-full flex flex-col gap-2\">\n        <h3 className={cn(\"font-semibold\", labelSizeClass[ctx.size])}>\n          {typeof prop.title === \"string\" && prop.title ? prop.title : discKey}\n        </h3>\n        {built?.value}\n      </div>\n    );\n  }\n\n  const selected = String(current);\n  const change = () => {\n    const next = { ...value };\n    delete next[discKey];\n    onChange(next);\n  };\n  return (\n    <>\n      <div className=\"col-span-full flex items-center justify-between rounded-md border border-input px-3 py-2\">\n        <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n          <LabelIcon icon={iconFor(prop, selected)} className=\"text-lg text-foreground\" />\n          <span>{labelFor(prop, selected)}</span>\n        </span>\n        {!ctx.readOnly && (\n          <button type=\"button\" onClick={change} className=\"text-xs font-medium text-primary hover:underline\">\n            Change {typeof prop.title === \"string\" && prop.title ? prop.title.toLowerCase() : discKey}\n          </button>\n        )}\n      </div>\n      {ctx.render.renderObjectFields(schema, value, onChange, ctx, {\n        hiddenKeys: [discKey],\n      })}\n    </>\n  );\n}\n\nfunction labelFor(prop: JsonSchemaProperty, value: string): string {\n  const l = prop[\"x-enum-labels\"]?.[value];\n  return typeof l === \"string\" && l ? l : value;\n}\n\nfunction iconFor(prop: JsonSchemaProperty, value: string): LabelIconSpec | undefined {\n  const i = prop[\"x-enum-icons\"]?.[value];\n  return typeof i === \"string\" && i ? i : undefined;\n}\n"],"names":["jsx","Fragment","appendInstancePath","jsxs","cn","labelSizeClass","LabelIcon"],"mappings":";;;;;;;;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMc;;AACZ,QAAM,QAAO,YAAO,eAAP,mBAAoB;AAGjC,MAAI,CAAC,KAAM,QAAOA,2BAAAA,IAAAC,WAAAA,UAAA,EAAG,UAAA,IAAI,OAAO,mBAAmB,QAAQ,OAAO,UAAU,GAAG,EAAA,CAAE;AAEjF,QAAM,UAAU,MAAM,OAAO;AAC7B,QAAM,YAAY,OAAO,YAAY,CAAA,GAAI,SAAS,OAAO;AAEzD,MAAI,WAAW,QAAQ,YAAY,IAAI;AACrC,UAAM,QAAQ,IAAI,OAAO;AAAA,MACvB;AAAA,QACE,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,GAAG,MAAM;AAAA,QAC1D,cAAcC,qBAAAA,mBAAmB,IAAI,cAAc,OAAO;AAAA,MAAA;AAAA,MAE5D;AAAA,IAAA;AAEF,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAH,+BAAC,QAAG,WAAWI,MAAAA,GAAG,iBAAiBC,mBAAAA,eAAe,IAAI,IAAI,CAAC,GACxD,UAAA,OAAO,KAAK,UAAU,YAAY,KAAK,QAAQ,KAAK,QAAQ,SAC/D;AAAA,MACC,+BAAO;AAAA,IAAA,GACV;AAAA,EAEJ;AAEA,QAAM,WAAW,OAAO,OAAO;AAC/B,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,EAAE,GAAG,MAAA;AAClB,WAAO,KAAK,OAAO;AACnB,aAAS,IAAI;AAAA,EACf;AACA,SACEF,2BAAAA,KAAAF,qBAAA,EACE,UAAA;AAAA,IAAAE,2BAAAA,KAAC,OAAA,EAAI,WAAU,4FACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAWC,SAAG,uCAAuCC,mBAAAA,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,QAAAL,+BAACM,KAAAA,aAAU,MAAM,QAAQ,MAAM,QAAQ,GAAG,WAAU,2BAA0B;AAAA,QAC9EN,2BAAAA,IAAC,QAAA,EAAM,UAAA,SAAS,MAAM,QAAQ,EAAA,CAAE;AAAA,MAAA,GAClC;AAAA,MACC,CAAC,IAAI,YACJG,2BAAAA,KAAC,UAAA,EAAO,MAAK,UAAS,SAAS,QAAQ,WAAU,oDAAmD,UAAA;AAAA,QAAA;AAAA,QAC1F,OAAO,KAAK,UAAU,YAAY,KAAK,QAAQ,KAAK,MAAM,gBAAgB;AAAA,MAAA,EAAA,CACpF;AAAA,IAAA,GAEJ;AAAA,IACC,IAAI,OAAO,mBAAmB,QAAQ,OAAO,UAAU,KAAK;AAAA,MAC3D,YAAY,CAAC,OAAO;AAAA,IAAA,CACrB;AAAA,EAAA,GACH;AAEJ;AAEA,SAAS,SAAS,MAA0B,OAAuB;;AACjE,QAAM,KAAI,UAAK,eAAe,MAApB,mBAAwB;AAClC,SAAO,OAAO,MAAM,YAAY,IAAI,IAAI;AAC1C;AAEA,SAAS,QAAQ,MAA0B,OAA0C;;AACnF,QAAM,KAAI,UAAK,cAAc,MAAnB,mBAAuB;AACjC,SAAO,OAAO,MAAM,YAAY,IAAI,IAAI;AAC1C;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-discriminator.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-discriminator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,gBAAgB,EAAsB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAUpG,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,EACH,OAAO,GACR,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClD,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,SAAS,CAoDZ"}
+{"version":3,"file":"json-schema-form-discriminator.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-discriminator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,gBAAgB,EAAsB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAUpG,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,EACH,OAAO,GACR,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClD,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,SAAS,CAuDZ"}

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

@@ -3,6 +3,7 @@ import "react";
 import { cn } from "../lib/utils.js";
 import { LabelIcon } from "../data/Icon.js";
 import { labelSizeClass } from "./json-schema-form-size.js";
+import { appendInstancePath } from "./json-schema-form-errors.js";
 function DiscriminatedForm({
   schema,
   value,
@@ -22,7 +23,8 @@ function DiscriminatedForm({
         prop,
         required,
         value: current,
-        onChange: (next) => onChange({ ...value, [discKey]: next })
+        onChange: (next) => onChange({ ...value, [discKey]: next }),
+        instancePath: appendInstancePath(ctx.instancePath, discKey)
       },
       ctx
     );
@@ -48,7 +50,9 @@ function DiscriminatedForm({
         typeof prop.title === "string" && prop.title ? prop.title.toLowerCase() : discKey
       ] })
     ] }),
-    ctx.render.renderObjectFields(schema, value, onChange, ctx, { hiddenKeys: [discKey] })
+    ctx.render.renderObjectFields(schema, value, onChange, ctx, {
+      hiddenKeys: [discKey]
+    })
   ] });
 }
 function labelFor(prop, value) {