@flanksource/clicky-ui 0.3.15 → 0.3.16

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-discriminator.js","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":[],"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,QAAO,oBAAA,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,WACE,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,oBAAC,QAAG,WAAW,GAAG,iBAAiB,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,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,4FACb,UAAA;AAAA,MAAA,qBAAC,QAAA,EAAK,WAAW,GAAG,uCAAuC,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,QAAA,oBAAC,aAAU,MAAM,QAAQ,MAAM,QAAQ,GAAG,WAAU,2BAA0B;AAAA,QAC9E,oBAAC,QAAA,EAAM,UAAA,SAAS,MAAM,QAAQ,EAAA,CAAE;AAAA,MAAA,GAClC;AAAA,MACC,CAAC,IAAI,YACJ,qBAAC,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.js","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":[],"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,QAAO,oBAAA,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,cAAc,mBAAmB,IAAI,cAAc,OAAO;AAAA,MAAA;AAAA,MAE5D;AAAA,IAAA;AAEF,WACE,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,oBAAC,QAAG,WAAW,GAAG,iBAAiB,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,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,4FACb,UAAA;AAAA,MAAA,qBAAC,QAAA,EAAK,WAAW,GAAG,uCAAuC,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,QAAA,oBAAC,aAAU,MAAM,QAAQ,MAAM,QAAQ,GAAG,WAAU,2BAA0B;AAAA,QAC9E,oBAAC,QAAA,EAAM,UAAA,SAAS,MAAM,QAAQ,EAAA,CAAE;AAAA,MAAA,GAClC;AAAA,MACC,CAAC,IAAI,YACJ,qBAAC,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-error-display.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../lib/utils.cjs");
+function FieldErrorMessages({
+  errors
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-jsf-errors": true, children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "block",
+      children: error.message
+    },
+    `${error.schemaPath ?? ""}:${error.keyword ?? ""}:${error.message}:${index}`
+  )) });
+}
+function FieldErrorText({
+  errors,
+  className
+}) {
+  if (errors.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("text-xs text-destructive", className), children: /* @__PURE__ */ jsxRuntime.jsx(FieldErrorMessages, { errors }) });
+}
+function FormErrorSummary({
+  errors
+}) {
+  if (errors.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "alert",
+      "aria-label": "Form errors",
+      className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: "Review the following errors:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-1 list-disc space-y-0.5 pl-4", children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            children: error.instancePath ? `${error.instancePath}: ${error.message}` : error.message
+          },
+          `${error.instancePath}:${error.schemaPath ?? ""}:${error.message}:${index}`
+        )) })
+      ]
+    }
+  );
+}
+exports.FieldErrorMessages = FieldErrorMessages;
+exports.FieldErrorText = FieldErrorText;
+exports.FormErrorSummary = FormErrorSummary;
+//# sourceMappingURL=json-schema-form-error-display.cjs.map

package/dist/components/json-schema-form-error-display.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-error-display.cjs","sources":["../../src/components/json-schema-form-error-display.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\n\nexport function FieldErrorMessages({\n  errors,\n}: {\n  errors: JsonSchemaFormError[];\n}) {\n  return (\n    <span data-jsf-errors>\n      {errors.map((error, index) => (\n        <span\n          key={`${error.schemaPath ?? \"\"}:${error.keyword ?? \"\"}:${\n            error.message\n          }:${index}`}\n          className=\"block\"\n        >\n          {error.message}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function FieldErrorText({\n  errors,\n  className,\n}: {\n  errors: JsonSchemaFormError[];\n  className?: string;\n}) {\n  if (errors.length === 0) return null;\n  return (\n    <p className={cn(\"text-xs text-destructive\", className)}>\n      <FieldErrorMessages errors={errors} />\n    </p>\n  );\n}\n\nexport function FormErrorSummary({\n  errors,\n}: {\n  errors: JsonSchemaFormError[];\n}) {\n  if (errors.length === 0) return null;\n  return (\n    <div\n      role=\"alert\"\n      aria-label=\"Form errors\"\n      className=\"rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive\"\n    >\n      <p className=\"font-medium\">Review the following errors:</p>\n      <ul className=\"mt-1 list-disc space-y-0.5 pl-4\">\n        {errors.map((error, index) => (\n          <li\n            key={`${error.instancePath}:${error.schemaPath ?? \"\"}:${\n              error.message\n            }:${index}`}\n          >\n            {error.instancePath\n              ? `${error.instancePath}: ${error.message}`\n              : error.message}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs"],"mappings":";;;;AAGO,SAAS,mBAAmB;AAAA,EACjC;AACF,GAEG;AACD,SACEA,+BAAC,UAAK,mBAAe,MAClB,iBAAO,IAAI,CAAC,OAAO,UAClBA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAIC,WAAU;AAAA,MAET,UAAA,MAAM;AAAA,IAAA;AAAA,IALF,GAAG,MAAM,cAAc,EAAE,IAAI,MAAM,WAAW,EAAE,IACnD,MAAM,OACR,IAAI,KAAK;AAAA,EAAA,CAKZ,GACH;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SACEA,2BAAAA,IAAC,KAAA,EAAE,WAAWC,MAAAA,GAAG,4BAA4B,SAAS,GACpD,UAAAD,2BAAAA,IAAC,oBAAA,EAAmB,OAAA,CAAgB,EAAA,CACtC;AAEJ;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AACF,GAEG;AACD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SACEE,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAF,2BAAAA,IAAC,KAAA,EAAE,WAAU,eAAc,UAAA,gCAA4B;AAAA,QACvDA,2BAAAA,IAAC,QAAG,WAAU,mCACX,iBAAO,IAAI,CAAC,OAAO,UAClBA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAKE,UAAA,MAAM,eACH,GAAG,MAAM,YAAY,KAAK,MAAM,OAAO,KACvC,MAAM;AAAA,UAAA;AAAA,UANL,GAAG,MAAM,YAAY,IAAI,MAAM,cAAc,EAAE,IAClD,MAAM,OACR,IAAI,KAAK;AAAA,QAAA,CAMZ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}

package/dist/components/json-schema-form-error-display.d.ts

@@ -0,0 +1,12 @@
+import { JsonSchemaFormError } from './json-schema-form-error-types';
+export declare function FieldErrorMessages({ errors, }: {
+    errors: JsonSchemaFormError[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FieldErrorText({ errors, className, }: {
+    errors: JsonSchemaFormError[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function FormErrorSummary({ errors, }: {
+    errors: JsonSchemaFormError[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=json-schema-form-error-display.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-error-display.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-error-display.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,GACP,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;CAC/B,2CAeA;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAOA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,GACP,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;CAC/B,kDAwBA"}

package/dist/components/json-schema-form-error-display.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function FieldErrorMessages({
+  errors
+}) {
+  return /* @__PURE__ */ jsx("span", { "data-jsf-errors": true, children: errors.map((error, index) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "block",
+      children: error.message
+    },
+    `${error.schemaPath ?? ""}:${error.keyword ?? ""}:${error.message}:${index}`
+  )) });
+}
+function FieldErrorText({
+  errors,
+  className
+}) {
+  if (errors.length === 0) return null;
+  return /* @__PURE__ */ jsx("p", { className: cn("text-xs text-destructive", className), children: /* @__PURE__ */ jsx(FieldErrorMessages, { errors }) });
+}
+function FormErrorSummary({
+  errors
+}) {
+  if (errors.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      "aria-label": "Form errors",
+      className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Review the following errors:" }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-1 list-disc space-y-0.5 pl-4", children: errors.map((error, index) => /* @__PURE__ */ jsx(
+          "li",
+          {
+            children: error.instancePath ? `${error.instancePath}: ${error.message}` : error.message
+          },
+          `${error.instancePath}:${error.schemaPath ?? ""}:${error.message}:${index}`
+        )) })
+      ]
+    }
+  );
+}
+export {
+  FieldErrorMessages,
+  FieldErrorText,
+  FormErrorSummary
+};
+//# sourceMappingURL=json-schema-form-error-display.js.map

package/dist/components/json-schema-form-error-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-error-display.js","sources":["../../src/components/json-schema-form-error-display.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\n\nexport function FieldErrorMessages({\n  errors,\n}: {\n  errors: JsonSchemaFormError[];\n}) {\n  return (\n    <span data-jsf-errors>\n      {errors.map((error, index) => (\n        <span\n          key={`${error.schemaPath ?? \"\"}:${error.keyword ?? \"\"}:${\n            error.message\n          }:${index}`}\n          className=\"block\"\n        >\n          {error.message}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function FieldErrorText({\n  errors,\n  className,\n}: {\n  errors: JsonSchemaFormError[];\n  className?: string;\n}) {\n  if (errors.length === 0) return null;\n  return (\n    <p className={cn(\"text-xs text-destructive\", className)}>\n      <FieldErrorMessages errors={errors} />\n    </p>\n  );\n}\n\nexport function FormErrorSummary({\n  errors,\n}: {\n  errors: JsonSchemaFormError[];\n}) {\n  if (errors.length === 0) return null;\n  return (\n    <div\n      role=\"alert\"\n      aria-label=\"Form errors\"\n      className=\"rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive\"\n    >\n      <p className=\"font-medium\">Review the following errors:</p>\n      <ul className=\"mt-1 list-disc space-y-0.5 pl-4\">\n        {errors.map((error, index) => (\n          <li\n            key={`${error.instancePath}:${error.schemaPath ?? \"\"}:${\n              error.message\n            }:${index}`}\n          >\n            {error.instancePath\n              ? `${error.instancePath}: ${error.message}`\n              : error.message}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAGO,SAAS,mBAAmB;AAAA,EACjC;AACF,GAEG;AACD,SACE,oBAAC,UAAK,mBAAe,MAClB,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,IAAC;AAAA,IAAA;AAAA,MAIC,WAAU;AAAA,MAET,UAAA,MAAM;AAAA,IAAA;AAAA,IALF,GAAG,MAAM,cAAc,EAAE,IAAI,MAAM,WAAW,EAAE,IACnD,MAAM,OACR,IAAI,KAAK;AAAA,EAAA,CAKZ,GACH;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SACE,oBAAC,KAAA,EAAE,WAAW,GAAG,4BAA4B,SAAS,GACpD,UAAA,oBAAC,oBAAA,EAAmB,OAAA,CAAgB,EAAA,CACtC;AAEJ;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AACF,GAEG;AACD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAE,WAAU,eAAc,UAAA,gCAA4B;AAAA,QACvD,oBAAC,QAAG,WAAU,mCACX,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YAKE,UAAA,MAAM,eACH,GAAG,MAAM,YAAY,KAAK,MAAM,OAAO,KACvC,MAAM;AAAA,UAAA;AAAA,UANL,GAAG,MAAM,YAAY,IAAI,MAAM,cAAc,EAAE,IAClD,MAAM,OACR,IAAI,KAAK;AAAA,QAAA,CAMZ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/json-schema-form-error-types.d.ts

@@ -0,0 +1,26 @@
+export interface JsonSchemaFormError {
+    instancePath: string;
+    schemaPath?: string;
+    keyword?: string;
+    message: string;
+}
+export interface FieldInstancePath {
+    /**
+     * RFC 6901 JSON Pointer for this field in the form's root value. Container
+     * renderers set this explicitly for array indices and map keys.
+     */
+    instancePath?: string;
+}
+export interface FormErrorContext {
+    instancePath: string;
+    errors: JsonSchemaFormError[];
+}
+export interface FormErrorProps {
+    /**
+     * Authoritative server validation errors keyed by RFC 6901 JSON Pointer.
+     * Exact field matches render below their controls; root and unmatched errors
+     * render in the form summary.
+     */
+    errors?: JsonSchemaFormError[];
+}
+//# sourceMappingURL=json-schema-form-error-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-error-types.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-error-types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAE/B,YAAY,EAAE,MAAM,CAAC;IAErB,MAAM,EAAE,mBAAmB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAChC"}

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

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
+const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
+function appendInstancePath(base, token) {
+  const escaped = String(token).replaceAll("~", "~0").replaceAll("/", "~1");
+  return `${base}/${escaped}`;
+}
+function errorsAtInstancePath(errors, instancePath) {
+  return errors.filter((error) => error.instancePath === instancePath);
+}
+function unmatchedFormErrors({
+  schema,
+  value,
+  errors,
+  hiddenKeys,
+  hideReadOnlyFields,
+  fieldFilter,
+  pre
+}) {
+  const rendered = /* @__PURE__ */ new Set();
+  collectObjectPaths(schema, value, "", rendered, {
+    hiddenKeys: new Set(hiddenKeys ?? []),
+    hideReadOnlyFields,
+    pre,
+    rootValue: value,
+    root: true,
+    ...fieldFilter ? { fieldFilter } : {}
+  });
+  return errors.filter((error) => !rendered.has(error.instancePath));
+}
+function collectObjectPaths(schema, value, basePath, paths, options) {
+  const { properties, required } = jsonSchemaFormResolve.effectiveProperties(schema, value);
+  const discriminator = options.root && typeof schema["x-discriminator"] === "string" ? schema["x-discriminator"] : void 0;
+  const pickerPhase = discriminator != null && (value[discriminator] == null || value[discriminator] === "");
+  for (const [key, prop] of Object.entries(properties)) {
+    if (options.root && options.hiddenKeys.has(key)) continue;
+    if (options.root && options.fieldFilter && !jsonSchemaFormUtils.matchesFieldFilter(key, prop, options.fieldFilter)) {
+      continue;
+    }
+    if (discriminator && (pickerPhase ? key !== discriminator : key === discriminator)) {
+      continue;
+    }
+    const field = applyPreExtensions(
+      jsonSchemaFormResolve.resolveControl({
+        key,
+        prop,
+        required: required.includes(key),
+        value: value[key],
+        onChange: () => {
+        }
+      }),
+      prop,
+      value[key],
+      options.rootValue,
+      options.pre
+    );
+    if (!field || options.hideReadOnlyFields && field.readOnly) continue;
+    const path = appendInstancePath(basePath, key);
+    paths.add(path);
+    collectControlPaths(field, path, paths, { ...options, root: false });
+  }
+}
+function applyPreExtensions(initial, prop, value, rootValue, extensions) {
+  let field = initial;
+  for (const extension of extensions) {
+    if (!field) return null;
+    field = extension(field, {
+      key: field.key,
+      prop,
+      value,
+      rootValue
+    });
+  }
+  return field;
+}
+function collectControlPaths(field, instancePath, paths, options) {
+  if (field.kind === "object") {
+    collectObjectPaths(
+      field.schema,
+      jsonSchemaFormUtils.isPlainObject(field.value) ? field.value : {},
+      instancePath,
+      paths,
+      options
+    );
+    return;
+  }
+  if (field.kind === "array") {
+    collectArrayPaths(field, instancePath, paths, options);
+    return;
+  }
+  if (field.kind === "string-map") {
+    collectMapPaths(field, instancePath, paths, options);
+  }
+}
+function collectArrayPaths(field, instancePath, paths, options) {
+  if (field.arrayDisplay === "filter-pills" || jsonSchemaFormResolve.isScalarStringItems(field.itemSchema)) {
+    return;
+  }
+  const itemSchema = field.itemSchema ?? { type: "string" };
+  const table = field.layout === "table" && itemSchema.properties != null && Object.keys(itemSchema.properties).length > 0;
+  for (const [index, item] of (Array.isArray(field.value) ? field.value : []).entries()) {
+    const itemPath = appendInstancePath(instancePath, index);
+    if (table) {
+      collectObjectPaths(
+        itemSchema,
+        jsonSchemaFormUtils.isPlainObject(item) ? item : {},
+        itemPath,
+        paths,
+        options
+      );
+      continue;
+    }
+    paths.add(itemPath);
+    collectControlPaths(
+      jsonSchemaFormResolve.resolveControl({
+        key: `${field.key}[${index}]`,
+        prop: itemSchema,
+        required: false,
+        value: item,
+        onChange: () => {
+        }
+      }),
+      itemPath,
+      paths,
+      options
+    );
+  }
+}
+function collectMapPaths(field, instancePath, paths, options) {
+  const value = jsonSchemaFormUtils.isPlainObject(field.value) ? field.value : {};
+  const known = field.knownProperties ?? {};
+  const keys = [
+    ...Object.keys(known),
+    ...Object.keys(value).filter((key) => !(key in known))
+  ];
+  for (const key of keys) {
+    const schema = known[key] ?? mapValueSchema(field, key);
+    const path = appendInstancePath(instancePath, key);
+    paths.add(path);
+    collectControlPaths(
+      jsonSchemaFormResolve.resolveControl({
+        key,
+        prop: schema,
+        required: false,
+        value: value[key],
+        onChange: () => {
+        }
+      }),
+      path,
+      paths,
+      options
+    );
+  }
+}
+function mapValueSchema(field, key) {
+  for (const entry of field.valuePatternSchemas ?? []) {
+    try {
+      if (new RegExp(entry.pattern).test(key)) return entry.schema;
+    } catch {
+      continue;
+    }
+  }
+  return field.valueSchema ?? { type: "string" };
+}
+exports.appendInstancePath = appendInstancePath;
+exports.errorsAtInstancePath = errorsAtInstancePath;
+exports.unmatchedFormErrors = unmatchedFormErrors;
+//# sourceMappingURL=json-schema-form-errors.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-errors.cjs","sources":["../../src/components/json-schema-form-errors.ts"],"sourcesContent":["import {\n  effectiveProperties,\n  isScalarStringItems,\n  resolveControl,\n} from \"./json-schema-form-resolve\";\nimport { isPlainObject, matchesFieldFilter } from \"./json-schema-form-utils\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  PreExtension,\n} from \"./json-schema-form-types\";\n\nexport function appendInstancePath(\n  base: string,\n  token: string | number\n): string {\n  const escaped = String(token).replaceAll(\"~\", \"~0\").replaceAll(\"/\", \"~1\");\n  return `${base}/${escaped}`;\n}\n\nexport function errorsAtInstancePath(\n  errors: JsonSchemaFormError[],\n  instancePath: string\n): JsonSchemaFormError[] {\n  return errors.filter((error) => error.instancePath === instancePath);\n}\n\nexport function unmatchedFormErrors({\n  schema,\n  value,\n  errors,\n  hiddenKeys,\n  hideReadOnlyFields,\n  fieldFilter,\n  pre,\n}: {\n  schema: JsonSchemaObject;\n  value: Record<string, unknown>;\n  errors: JsonSchemaFormError[];\n  hiddenKeys?: string[];\n  hideReadOnlyFields: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n}): JsonSchemaFormError[] {\n  const rendered = new Set<string>();\n  collectObjectPaths(schema, value, \"\", rendered, {\n    hiddenKeys: new Set(hiddenKeys ?? []),\n    hideReadOnlyFields,\n    pre,\n    rootValue: value,\n    root: true,\n    ...(fieldFilter ? { fieldFilter } : {}),\n  });\n  return errors.filter((error) => !rendered.has(error.instancePath));\n}\n\ninterface CollectOptions {\n  hiddenKeys: Set<string>;\n  hideReadOnlyFields: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n  rootValue: Record<string, unknown>;\n  root: boolean;\n}\n\nfunction collectObjectPaths(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  basePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const { properties, required } = effectiveProperties(schema, value);\n  const discriminator =\n    options.root && typeof schema[\"x-discriminator\"] === \"string\"\n      ? schema[\"x-discriminator\"]\n      : undefined;\n  const pickerPhase =\n    discriminator != null &&\n    (value[discriminator] == null || value[discriminator] === \"\");\n\n  for (const [key, prop] of Object.entries(properties)) {\n    if (options.root && options.hiddenKeys.has(key)) continue;\n    if (\n      options.root &&\n      options.fieldFilter &&\n      !matchesFieldFilter(key, prop, options.fieldFilter)\n    ) {\n      continue;\n    }\n    if (\n      discriminator &&\n      (pickerPhase ? key !== discriminator : key === discriminator)\n    ) {\n      continue;\n    }\n\n    const field = applyPreExtensions(\n      resolveControl({\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: () => {},\n      }),\n      prop,\n      value[key],\n      options.rootValue,\n      options.pre\n    );\n    if (!field || (options.hideReadOnlyFields && field.readOnly)) continue;\n\n    const path = appendInstancePath(basePath, key);\n    paths.add(path);\n    collectControlPaths(field, path, paths, { ...options, root: false });\n  }\n}\n\nfunction applyPreExtensions(\n  initial: FieldControl,\n  prop: JsonSchemaProperty,\n  value: unknown,\n  rootValue: Record<string, unknown>,\n  extensions: PreExtension[]\n): FieldControl | null {\n  let field: FieldControl | null = initial;\n  for (const extension of extensions) {\n    if (!field) return null;\n    field = extension(field, {\n      key: field.key,\n      prop,\n      value,\n      rootValue,\n    });\n  }\n  return field;\n}\n\nfunction collectControlPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  if (field.kind === \"object\") {\n    collectObjectPaths(\n      field.schema as JsonSchemaObject,\n      isPlainObject(field.value) ? field.value : {},\n      instancePath,\n      paths,\n      options\n    );\n    return;\n  }\n  if (field.kind === \"array\") {\n    collectArrayPaths(field, instancePath, paths, options);\n    return;\n  }\n  if (field.kind === \"string-map\") {\n    collectMapPaths(field, instancePath, paths, options);\n  }\n}\n\nfunction collectArrayPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  if (\n    field.arrayDisplay === \"filter-pills\" ||\n    isScalarStringItems(field.itemSchema)\n  ) {\n    return;\n  }\n\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const table =\n    field.layout === \"table\" &&\n    itemSchema.properties != null &&\n    Object.keys(itemSchema.properties).length > 0;\n  for (const [index, item] of (Array.isArray(field.value)\n    ? field.value\n    : []\n  ).entries()) {\n    const itemPath = appendInstancePath(instancePath, index);\n    if (table) {\n      collectObjectPaths(\n        itemSchema as JsonSchemaObject,\n        isPlainObject(item) ? item : {},\n        itemPath,\n        paths,\n        options\n      );\n      continue;\n    }\n    paths.add(itemPath);\n    collectControlPaths(\n      resolveControl({\n        key: `${field.key}[${index}]`,\n        prop: itemSchema,\n        required: false,\n        value: item,\n        onChange: () => {},\n      }),\n      itemPath,\n      paths,\n      options\n    );\n  }\n}\n\nfunction collectMapPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const value = isPlainObject(field.value) ? field.value : {};\n  const known = field.knownProperties ?? {};\n  const keys = [\n    ...Object.keys(known),\n    ...Object.keys(value).filter((key) => !(key in known)),\n  ];\n  for (const key of keys) {\n    const schema = known[key] ?? mapValueSchema(field, key);\n    const path = appendInstancePath(instancePath, key);\n    paths.add(path);\n    collectControlPaths(\n      resolveControl({\n        key,\n        prop: schema,\n        required: false,\n        value: value[key],\n        onChange: () => {},\n      }),\n      path,\n      paths,\n      options\n    );\n  }\n}\n\nfunction mapValueSchema(field: FieldControl, key: string): JsonSchemaProperty {\n  for (const entry of field.valuePatternSchemas ?? []) {\n    try {\n      if (new RegExp(entry.pattern).test(key)) return entry.schema;\n    } catch {\n      continue;\n    }\n  }\n  return field.valueSchema ?? { type: \"string\" };\n}\n"],"names":["effectiveProperties","matchesFieldFilter","resolveControl","isPlainObject","isScalarStringItems"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { JsonSchemaFormError } from './json-schema-form-error-types';
+import { JsonSchemaObject, PreExtension } from './json-schema-form-types';
+export declare function appendInstancePath(base: string, token: string | number): string;
+export declare function errorsAtInstancePath(errors: JsonSchemaFormError[], instancePath: string): JsonSchemaFormError[];
+export declare function unmatchedFormErrors({ schema, value, errors, hiddenKeys, hideReadOnlyFields, fieldFilter, pre, }: {
+    schema: JsonSchemaObject;
+    value: Record<string, unknown>;
+    errors: JsonSchemaFormError[];
+    hiddenKeys?: string[];
+    hideReadOnlyFields: boolean;
+    fieldFilter?: string;
+    pre: PreExtension[];
+}): JsonSchemaFormError[];
+//# sourceMappingURL=json-schema-form-errors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-errors.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-errors.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAEV,gBAAgB,EAEhB,YAAY,EACb,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GAAG,MAAM,GACrB,MAAM,CAGR;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,mBAAmB,EAAE,EAC7B,YAAY,EAAE,MAAM,GACnB,mBAAmB,EAAE,CAEvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,GAAG,GACJ,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,YAAY,EAAE,CAAC;CACrB,GAAG,mBAAmB,EAAE,CAWxB"}

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

@@ -0,0 +1,169 @@
+import { effectiveProperties, resolveControl, isScalarStringItems } from "./json-schema-form-resolve.js";
+import { matchesFieldFilter, isPlainObject } from "./json-schema-form-utils.js";
+function appendInstancePath(base, token) {
+  const escaped = String(token).replaceAll("~", "~0").replaceAll("/", "~1");
+  return `${base}/${escaped}`;
+}
+function errorsAtInstancePath(errors, instancePath) {
+  return errors.filter((error) => error.instancePath === instancePath);
+}
+function unmatchedFormErrors({
+  schema,
+  value,
+  errors,
+  hiddenKeys,
+  hideReadOnlyFields,
+  fieldFilter,
+  pre
+}) {
+  const rendered = /* @__PURE__ */ new Set();
+  collectObjectPaths(schema, value, "", rendered, {
+    hiddenKeys: new Set(hiddenKeys ?? []),
+    hideReadOnlyFields,
+    pre,
+    rootValue: value,
+    root: true,
+    ...fieldFilter ? { fieldFilter } : {}
+  });
+  return errors.filter((error) => !rendered.has(error.instancePath));
+}
+function collectObjectPaths(schema, value, basePath, paths, options) {
+  const { properties, required } = effectiveProperties(schema, value);
+  const discriminator = options.root && typeof schema["x-discriminator"] === "string" ? schema["x-discriminator"] : void 0;
+  const pickerPhase = discriminator != null && (value[discriminator] == null || value[discriminator] === "");
+  for (const [key, prop] of Object.entries(properties)) {
+    if (options.root && options.hiddenKeys.has(key)) continue;
+    if (options.root && options.fieldFilter && !matchesFieldFilter(key, prop, options.fieldFilter)) {
+      continue;
+    }
+    if (discriminator && (pickerPhase ? key !== discriminator : key === discriminator)) {
+      continue;
+    }
+    const field = applyPreExtensions(
+      resolveControl({
+        key,
+        prop,
+        required: required.includes(key),
+        value: value[key],
+        onChange: () => {
+        }
+      }),
+      prop,
+      value[key],
+      options.rootValue,
+      options.pre
+    );
+    if (!field || options.hideReadOnlyFields && field.readOnly) continue;
+    const path = appendInstancePath(basePath, key);
+    paths.add(path);
+    collectControlPaths(field, path, paths, { ...options, root: false });
+  }
+}
+function applyPreExtensions(initial, prop, value, rootValue, extensions) {
+  let field = initial;
+  for (const extension of extensions) {
+    if (!field) return null;
+    field = extension(field, {
+      key: field.key,
+      prop,
+      value,
+      rootValue
+    });
+  }
+  return field;
+}
+function collectControlPaths(field, instancePath, paths, options) {
+  if (field.kind === "object") {
+    collectObjectPaths(
+      field.schema,
+      isPlainObject(field.value) ? field.value : {},
+      instancePath,
+      paths,
+      options
+    );
+    return;
+  }
+  if (field.kind === "array") {
+    collectArrayPaths(field, instancePath, paths, options);
+    return;
+  }
+  if (field.kind === "string-map") {
+    collectMapPaths(field, instancePath, paths, options);
+  }
+}
+function collectArrayPaths(field, instancePath, paths, options) {
+  if (field.arrayDisplay === "filter-pills" || isScalarStringItems(field.itemSchema)) {
+    return;
+  }
+  const itemSchema = field.itemSchema ?? { type: "string" };
+  const table = field.layout === "table" && itemSchema.properties != null && Object.keys(itemSchema.properties).length > 0;
+  for (const [index, item] of (Array.isArray(field.value) ? field.value : []).entries()) {
+    const itemPath = appendInstancePath(instancePath, index);
+    if (table) {
+      collectObjectPaths(
+        itemSchema,
+        isPlainObject(item) ? item : {},
+        itemPath,
+        paths,
+        options
+      );
+      continue;
+    }
+    paths.add(itemPath);
+    collectControlPaths(
+      resolveControl({
+        key: `${field.key}[${index}]`,
+        prop: itemSchema,
+        required: false,
+        value: item,
+        onChange: () => {
+        }
+      }),
+      itemPath,
+      paths,
+      options
+    );
+  }
+}
+function collectMapPaths(field, instancePath, paths, options) {
+  const value = isPlainObject(field.value) ? field.value : {};
+  const known = field.knownProperties ?? {};
+  const keys = [
+    ...Object.keys(known),
+    ...Object.keys(value).filter((key) => !(key in known))
+  ];
+  for (const key of keys) {
+    const schema = known[key] ?? mapValueSchema(field, key);
+    const path = appendInstancePath(instancePath, key);
+    paths.add(path);
+    collectControlPaths(
+      resolveControl({
+        key,
+        prop: schema,
+        required: false,
+        value: value[key],
+        onChange: () => {
+        }
+      }),
+      path,
+      paths,
+      options
+    );
+  }
+}
+function mapValueSchema(field, key) {
+  for (const entry of field.valuePatternSchemas ?? []) {
+    try {
+      if (new RegExp(entry.pattern).test(key)) return entry.schema;
+    } catch {
+      continue;
+    }
+  }
+  return field.valueSchema ?? { type: "string" };
+}
+export {
+  appendInstancePath,
+  errorsAtInstancePath,
+  unmatchedFormErrors
+};
+//# sourceMappingURL=json-schema-form-errors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-errors.js","sources":["../../src/components/json-schema-form-errors.ts"],"sourcesContent":["import {\n  effectiveProperties,\n  isScalarStringItems,\n  resolveControl,\n} from \"./json-schema-form-resolve\";\nimport { isPlainObject, matchesFieldFilter } from \"./json-schema-form-utils\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  PreExtension,\n} from \"./json-schema-form-types\";\n\nexport function appendInstancePath(\n  base: string,\n  token: string | number\n): string {\n  const escaped = String(token).replaceAll(\"~\", \"~0\").replaceAll(\"/\", \"~1\");\n  return `${base}/${escaped}`;\n}\n\nexport function errorsAtInstancePath(\n  errors: JsonSchemaFormError[],\n  instancePath: string\n): JsonSchemaFormError[] {\n  return errors.filter((error) => error.instancePath === instancePath);\n}\n\nexport function unmatchedFormErrors({\n  schema,\n  value,\n  errors,\n  hiddenKeys,\n  hideReadOnlyFields,\n  fieldFilter,\n  pre,\n}: {\n  schema: JsonSchemaObject;\n  value: Record<string, unknown>;\n  errors: JsonSchemaFormError[];\n  hiddenKeys?: string[];\n  hideReadOnlyFields: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n}): JsonSchemaFormError[] {\n  const rendered = new Set<string>();\n  collectObjectPaths(schema, value, \"\", rendered, {\n    hiddenKeys: new Set(hiddenKeys ?? []),\n    hideReadOnlyFields,\n    pre,\n    rootValue: value,\n    root: true,\n    ...(fieldFilter ? { fieldFilter } : {}),\n  });\n  return errors.filter((error) => !rendered.has(error.instancePath));\n}\n\ninterface CollectOptions {\n  hiddenKeys: Set<string>;\n  hideReadOnlyFields: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n  rootValue: Record<string, unknown>;\n  root: boolean;\n}\n\nfunction collectObjectPaths(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  basePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const { properties, required } = effectiveProperties(schema, value);\n  const discriminator =\n    options.root && typeof schema[\"x-discriminator\"] === \"string\"\n      ? schema[\"x-discriminator\"]\n      : undefined;\n  const pickerPhase =\n    discriminator != null &&\n    (value[discriminator] == null || value[discriminator] === \"\");\n\n  for (const [key, prop] of Object.entries(properties)) {\n    if (options.root && options.hiddenKeys.has(key)) continue;\n    if (\n      options.root &&\n      options.fieldFilter &&\n      !matchesFieldFilter(key, prop, options.fieldFilter)\n    ) {\n      continue;\n    }\n    if (\n      discriminator &&\n      (pickerPhase ? key !== discriminator : key === discriminator)\n    ) {\n      continue;\n    }\n\n    const field = applyPreExtensions(\n      resolveControl({\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: () => {},\n      }),\n      prop,\n      value[key],\n      options.rootValue,\n      options.pre\n    );\n    if (!field || (options.hideReadOnlyFields && field.readOnly)) continue;\n\n    const path = appendInstancePath(basePath, key);\n    paths.add(path);\n    collectControlPaths(field, path, paths, { ...options, root: false });\n  }\n}\n\nfunction applyPreExtensions(\n  initial: FieldControl,\n  prop: JsonSchemaProperty,\n  value: unknown,\n  rootValue: Record<string, unknown>,\n  extensions: PreExtension[]\n): FieldControl | null {\n  let field: FieldControl | null = initial;\n  for (const extension of extensions) {\n    if (!field) return null;\n    field = extension(field, {\n      key: field.key,\n      prop,\n      value,\n      rootValue,\n    });\n  }\n  return field;\n}\n\nfunction collectControlPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  if (field.kind === \"object\") {\n    collectObjectPaths(\n      field.schema as JsonSchemaObject,\n      isPlainObject(field.value) ? field.value : {},\n      instancePath,\n      paths,\n      options\n    );\n    return;\n  }\n  if (field.kind === \"array\") {\n    collectArrayPaths(field, instancePath, paths, options);\n    return;\n  }\n  if (field.kind === \"string-map\") {\n    collectMapPaths(field, instancePath, paths, options);\n  }\n}\n\nfunction collectArrayPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  if (\n    field.arrayDisplay === \"filter-pills\" ||\n    isScalarStringItems(field.itemSchema)\n  ) {\n    return;\n  }\n\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const table =\n    field.layout === \"table\" &&\n    itemSchema.properties != null &&\n    Object.keys(itemSchema.properties).length > 0;\n  for (const [index, item] of (Array.isArray(field.value)\n    ? field.value\n    : []\n  ).entries()) {\n    const itemPath = appendInstancePath(instancePath, index);\n    if (table) {\n      collectObjectPaths(\n        itemSchema as JsonSchemaObject,\n        isPlainObject(item) ? item : {},\n        itemPath,\n        paths,\n        options\n      );\n      continue;\n    }\n    paths.add(itemPath);\n    collectControlPaths(\n      resolveControl({\n        key: `${field.key}[${index}]`,\n        prop: itemSchema,\n        required: false,\n        value: item,\n        onChange: () => {},\n      }),\n      itemPath,\n      paths,\n      options\n    );\n  }\n}\n\nfunction collectMapPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const value = isPlainObject(field.value) ? field.value : {};\n  const known = field.knownProperties ?? {};\n  const keys = [\n    ...Object.keys(known),\n    ...Object.keys(value).filter((key) => !(key in known)),\n  ];\n  for (const key of keys) {\n    const schema = known[key] ?? mapValueSchema(field, key);\n    const path = appendInstancePath(instancePath, key);\n    paths.add(path);\n    collectControlPaths(\n      resolveControl({\n        key,\n        prop: schema,\n        required: false,\n        value: value[key],\n        onChange: () => {},\n      }),\n      path,\n      paths,\n      options\n    );\n  }\n}\n\nfunction mapValueSchema(field: FieldControl, key: string): JsonSchemaProperty {\n  for (const entry of field.valuePatternSchemas ?? []) {\n    try {\n      if (new RegExp(entry.pattern).test(key)) return entry.schema;\n    } catch {\n      continue;\n    }\n  }\n  return field.valueSchema ?? { type: \"string\" };\n}\n"],"names":[],"mappings":"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"}

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

@@ -8,6 +8,7 @@ const button = require("./button.cjs");
 const Combobox = require("./Combobox.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const jsonSchemaFormFields = require("./json-schema-form-fields.cjs");
+const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const UiTrash = require("../icons/components/UiTrash.cjs");
 const UiAdd = require("../icons/components/UiAdd.cjs");
@@ -86,7 +87,8 @@ function StringMapControl({ field, ctx }) {
         prop: valueSchema,
         required: false,
         value: map[key] ?? "",
-        onChange: (next) => setEntry(key, next)
+        onChange: (next) => setEntry(key, next),
+        instancePath: jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, key)
       },
       childCtx
     );
@@ -97,7 +99,15 @@ function StringMapControl({ field, ctx }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col rounded-md border border-input p-2", jsonSchemaFormSize.fieldInnerGapClass[childCtx.size]), children: [
     knownKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[10rem_1fr] items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: jsonSchemaFormUtils.fieldInputId(key, childCtx.idPrefix), className: "truncate text-xs text-muted-foreground", title: key, children: key }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "label",
+        {
+          htmlFor: jsonSchemaFormUtils.fieldInputId(key, childCtx.idPrefix),
+          className: "truncate text-xs text-muted-foreground",
+          title: key,
+          children: key
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: valueControlFor(key, known[key] ?? { type: "string" }) })
     ] }, `known-${key}`)),
     extraKeys.map((key) => {