schema-components 1.16.1 → 1.16.3

package/dist/core/walker.mjs

@@ -1,8 +1,8 @@
 import { isObject } from "./guards.mjs";
 import { appendPointer, emitDiagnostic } from "./diagnostics.mjs";
 import { countDistinctRefs, resolveRef } from "./ref.mjs";
-import { ANNOTATION_SIBLINGS, detectDiscriminated, mergeAllOf, mergeRefSiblings, normaliseAnyOf } from "./merge.mjs";
 import { extractArrayConstraints, extractObjectConstraints, stripInapplicableConstraints } from "./constraints.mjs";
+import { ANNOTATION_SIBLINGS, detectDiscriminated, mergeAllOf, mergeRefSiblings, normaliseAnyOf } from "./merge.mjs";
 import { buildBase, buildBooleanField, buildFileField, buildNullField, buildNumberField, buildStringField, buildUnknownField, extractChildOverride, extractSchemaMetaFields, getArray, getObject, getString, isPrimitive, walkDependentRequiredMap, walkSubSchemaMap, withoutKeys } from "./walkBuilders.mjs";
 //#region src/core/walker.ts
 /**

package/dist/html/renderToHtml.mjs

@@ -1,7 +1,7 @@
-import { h, serialize } from "./html.mjs";
 import { normaliseSchema } from "../core/adapter.mjs";
-import { walk } from "../core/walker.mjs";
 import { getHtmlRenderFn, mergeHtmlResolvers } from "../core/renderer.mjs";
+import { walk } from "../core/walker.mjs";
+import { h, serialize } from "./html.mjs";
 import { defaultHtmlResolver } from "./renderers.mjs";
 //#region src/html/renderToHtml.ts
 /**

package/dist/html/renderToHtmlStream.mjs

@@ -1,6 +1,6 @@
 import { normaliseSchema } from "../core/adapter.mjs";
-import { walk } from "../core/walker.mjs";
 import { mergeHtmlResolvers } from "../core/renderer.mjs";
+import { walk } from "../core/walker.mjs";
 import { defaultHtmlResolver } from "./renderers.mjs";
 import { streamField } from "./streamRenderers.mjs";
 //#region src/html/renderToHtmlStream.ts

package/dist/html/streamRenderers.mjs

@@ -1,7 +1,7 @@
-import { VOID_ELEMENTS, h, raw, serialize, serializeAttributes } from "./html.mjs";
-import { ariaLabelAttrs, buildHintElement, buildInputId, requiredIndicator } from "./a11y.mjs";
 import { isObject } from "../core/guards.mjs";
 import { getHtmlRenderFn } from "../core/renderer.mjs";
+import { VOID_ELEMENTS, h, raw, serialize, serializeAttributes } from "./html.mjs";
+import { ariaLabelAttrs, buildHintElement, buildInputId, requiredIndicator } from "./a11y.mjs";
 //#region src/html/streamRenderers.ts
 function yieldOpen(el) {
 	const attrStr = serializeAttributes(el.attributes);

package/dist/openapi/components.mjs

@@ -2,12 +2,12 @@ import { toRecordOrUndefined } from "../core/guards.mjs";
 import { SchemaNormalisationError } from "../core/errors.mjs";
 import { normaliseSchema } from "../core/adapter.mjs";
 import { walk } from "../core/walker.mjs";
-import { renderField } from "../react/SchemaComponent.mjs";
 import { ApiCallbacks } from "./ApiCallbacks.mjs";
 import { ApiLinks } from "./ApiLinks.mjs";
 import { ApiResponseHeaders } from "./ApiResponseHeaders.mjs";
 import { ApiSecurity } from "./ApiSecurity.mjs";
 import { getLinks, getSecurityRequirements, getSecuritySchemes, listCallbacks } from "./parser.mjs";
+import { renderField } from "../react/SchemaComponent.mjs";
 import { getParsed, resolveOperation, resolveParameters, resolveRequestBody, resolveResponse, toDoc } from "./resolve.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/openapi/components.tsx

package/dist/react/SchemaComponent.d.mts

@@ -4,8 +4,8 @@ import { t as SchemaError } from "../errors-C5zRC2PU.mjs";
 import { l as RenderProps, r as ComponentResolver } from "../renderer-BdSqllx5.mjs";
 import { c as ResolveOpenAPIRef, s as PathOfType, t as FromJSONSchema } from "../typeInference-k7FXfTVO.mjs";
 import { z } from "zod";
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region src/react/SchemaComponent.d.ts
 /**

package/dist/react/SchemaComponent.mjs

@@ -2,13 +2,13 @@
 import { isObject, toRecordOrUndefined } from "../core/guards.mjs";
 import { SchemaFieldError, SchemaNormalisationError, SchemaRenderError } from "../core/errors.mjs";
 import { normaliseSchema } from "../core/adapter.mjs";
-import { walk } from "../core/walker.mjs";
 import { getRenderFunction, mergeResolvers } from "../core/renderer.mjs";
+import { walk } from "../core/walker.mjs";
 import { headlessResolver } from "./headless.mjs";
 import { resolvePath, resolveValue, setNestedValue } from "./fieldPath.mjs";
 import { z } from "zod";
-import { createContext, isValidElement, useCallback, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, isValidElement, useCallback, useContext, useMemo } from "react";
 //#region src/react/SchemaComponent.tsx
 /**
 * <SchemaComponent> — renders UI from Zod, JSON Schema, or OpenAPI schemas.

package/dist/react/SchemaView.mjs

@@ -1,10 +1,10 @@
 import { SchemaNormalisationError, SchemaRenderError } from "../core/errors.mjs";
 import { normaliseSchema } from "../core/adapter.mjs";
-import { walk } from "../core/walker.mjs";
 import { getRenderFunction, mergeResolvers } from "../core/renderer.mjs";
+import { walk } from "../core/walker.mjs";
 import { headlessResolver } from "./headless.mjs";
-import { createElement, isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
+import { createElement, isValidElement } from "react";
 //#region src/react/SchemaView.tsx
 /**
 * React Server Component for read-only schema rendering.

package/dist/react/headlessRenderers.d.mts

@@ -1,3 +1,4 @@
+import { M as WalkedField } from "../types-D_5ST7SS.mjs";
 import { l as RenderProps } from "../renderer-BdSqllx5.mjs";
 import { ReactNode } from "react";
 
@@ -12,12 +13,37 @@ declare function renderNumber(props: RenderProps): ReactNode;
 declare function renderBoolean(props: RenderProps): ReactNode;
 declare function renderEnum(props: RenderProps): ReactNode;
 declare function renderObject(props: RenderProps): ReactNode;
+/**
+ * Compute the default value for a freshly added record entry based on the
+ * record's value-type schema. Mirrors the read of `defaultValue` used
+ * elsewhere in the renderer, falling back to a type-appropriate empty value.
+ */
+declare function defaultRecordValue(valueType: WalkedField): unknown;
+/**
+ * Generate a unique, currently-unused key for a new record entry.
+ * Picks the first of `key`, `key-1`, `key-2`, … that is not in `existing`.
+ */
+declare function nextRecordKey(existing: readonly string[], base?: string): string;
+/**
+ * Rename a key in an object while preserving insertion order. Returns the
+ * original object reference when the rename is a no-op (oldKey === newKey)
+ * or when newKey collides with an existing key.
+ */
+declare function renameRecordKey(obj: Record<string, unknown>, oldKey: string, newKey: string): Record<string, unknown>;
 declare function renderRecord(props: RenderProps): ReactNode;
 declare function renderArray(props: RenderProps): ReactNode;
 declare function renderUnion(props: RenderProps): ReactNode;
 declare function renderDiscriminatedUnion(props: RenderProps): ReactNode;
+/**
+ * Pure helper: convert a tab index into the new value the discriminated
+ * union should emit. Returns `undefined` when the index is out of bounds.
+ *
+ * Extracted from `DiscriminatedUnionTabs` so the contract is unit-testable
+ * without rendering the tabs component (which relies on React hooks).
+ */
+declare function discriminatedUnionValueForTab(optionLabels: readonly string[], discKey: string, newIndex: number): Record<string, string> | undefined;
 declare function renderFile(props: RenderProps): ReactNode;
 declare function renderRecursive(props: RenderProps): ReactNode;
 declare function renderUnknown(props: RenderProps): ReactNode;
 //#endregion
-export { renderArray, renderBoolean, renderDiscriminatedUnion, renderEnum, renderFile, renderNumber, renderObject, renderRecord, renderRecursive, renderString, renderUnion, renderUnknown, toReactNode };
+export { defaultRecordValue, discriminatedUnionValueForTab, nextRecordKey, renameRecordKey, renderArray, renderBoolean, renderDiscriminatedUnion, renderEnum, renderFile, renderNumber, renderObject, renderRecord, renderRecursive, renderString, renderUnion, renderUnknown, toReactNode };

package/dist/react/headlessRenderers.mjs

@@ -1,6 +1,6 @@
 import { isObject } from "../core/guards.mjs";
-import { isValidElement, useCallback, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement, useCallback, useRef } from "react";
 //#region src/react/headlessRenderers.tsx
 /**
 * Headless renderer functions — one per schema type.
@@ -264,31 +264,123 @@ function renderObject(props) {
 		}), child] }, key);
 	})] });
 }
+/**
+* Compute the default value for a freshly added record entry based on the
+* record's value-type schema. Mirrors the read of `defaultValue` used
+* elsewhere in the renderer, falling back to a type-appropriate empty value.
+*/
+function defaultRecordValue(valueType) {
+	if (valueType.defaultValue !== void 0) return valueType.defaultValue;
+	switch (valueType.type) {
+		case "string": return "";
+		case "number": return 0;
+		case "boolean": return false;
+		case "array": return [];
+		case "object":
+		case "record": return {};
+		default: return;
+	}
+}
+/**
+* Generate a unique, currently-unused key for a new record entry.
+* Picks the first of `key`, `key-1`, `key-2`, … that is not in `existing`.
+*/
+function nextRecordKey(existing, base = "key") {
+	if (!existing.includes(base)) return base;
+	let i = 1;
+	while (existing.includes(`${base}-${String(i)}`)) i += 1;
+	return `${base}-${String(i)}`;
+}
+/**
+* Rename a key in an object while preserving insertion order. Returns the
+* original object reference when the rename is a no-op (oldKey === newKey)
+* or when newKey collides with an existing key.
+*/
+function renameRecordKey(obj, oldKey, newKey) {
+	if (oldKey === newKey) return obj;
+	if (newKey in obj && newKey !== oldKey) return obj;
+	const renamed = {};
+	for (const [k, v] of Object.entries(obj)) renamed[k === oldKey ? newKey : k] = v;
+	return renamed;
+}
 function renderRecord(props) {
 	const obj = isObject(props.value) ? props.value : {};
 	const valueType = props.valueType;
 	if (valueType === void 0) return null;
 	const entries = Object.entries(obj);
-	if (entries.length === 0) return /* @__PURE__ */ jsx("span", {
-		"aria-readonly": props.readOnly ? "true" : void 0,
-		children: "—"
-	});
-	return /* @__PURE__ */ jsx("div", {
+	if (props.readOnly) {
+		if (entries.length === 0) return /* @__PURE__ */ jsx("span", {
+			"aria-readonly": "true",
+			children: "—"
+		});
+		return /* @__PURE__ */ jsx("div", {
+			role: "group",
+			"aria-label": props.meta.description ?? "Record",
+			children: entries.map(([key, value]) => {
+				return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: inputId(props.path ? `${props.path}.${key}` : key),
+					children: key
+				}), toReactNode(props.renderChild(valueType, value, () => {}))] }, key);
+			})
+		});
+	}
+	const handleRename = (oldKey, newKey) => {
+		const renamed = renameRecordKey(obj, oldKey, newKey);
+		if (renamed === obj) return;
+		props.onChange(renamed);
+	};
+	const handleValueChange = (key, nextValue) => {
+		const updated = {};
+		for (const [k, val] of Object.entries(obj)) updated[k] = val;
+		updated[key] = nextValue;
+		props.onChange(updated);
+	};
+	const handleRemove = (key) => {
+		const next = {};
+		for (const [k, v] of Object.entries(obj)) {
+			if (k === key) continue;
+			next[k] = v;
+		}
+		props.onChange(next);
+	};
+	const handleAdd = () => {
+		const newKey = nextRecordKey(Object.keys(obj));
+		const next = { ...obj };
+		next[newKey] = defaultRecordValue(valueType);
+		props.onChange(next);
+	};
+	return /* @__PURE__ */ jsxs("div", {
 		role: "group",
 		"aria-label": props.meta.description ?? "Record",
-		children: entries.map(([key, value]) => {
-			const childId = inputId(props.path ? `${props.path}.${key}` : key);
-			const childOnChange = (nextValue) => {
-				const updated = {};
-				for (const [k, val] of Object.entries(obj)) updated[k] = val;
-				updated[key] = nextValue;
-				props.onChange(updated);
-			};
-			return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-				htmlFor: childId,
-				children: key
-			}), toReactNode(props.renderChild(valueType, value, childOnChange))] }, key);
-		})
+		children: [entries.map(([key, value]) => {
+			return /* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsx("input", {
+					id: `${inputId(props.path ? `${props.path}.${key}` : key)}-key`,
+					type: "text",
+					"aria-label": "Entry key",
+					defaultValue: key,
+					onBlur: (e) => {
+						handleRename(key, e.target.value);
+					}
+				}),
+				toReactNode(props.renderChild(valueType, value, (nextValue) => {
+					handleValueChange(key, nextValue);
+				})),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": `Remove entry ${key}`,
+					onClick: () => {
+						handleRemove(key);
+					},
+					children: "Remove"
+				})
+			] }, key);
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Add entry",
+			onClick: handleAdd,
+			children: "Add"
+		})]
 	});
 }
 function renderArray(props) {
@@ -362,6 +454,18 @@ function renderDiscriminatedUnion(props) {
 	});
 }
 /**
+* Pure helper: convert a tab index into the new value the discriminated
+* union should emit. Returns `undefined` when the index is out of bounds.
+*
+* Extracted from `DiscriminatedUnionTabs` so the contract is unit-testable
+* without rendering the tabs component (which relies on React hooks).
+*/
+function discriminatedUnionValueForTab(optionLabels, discKey, newIndex) {
+	const label = optionLabels[newIndex];
+	if (label === void 0) return void 0;
+	return { [discKey]: label };
+}
+/**
 * WAI-ARIA tabs component for discriminated unions.
 * Implements the full tabs keyboard pattern:
 * - Left/Right arrow keys move between tabs
@@ -372,9 +476,9 @@ function renderDiscriminatedUnion(props) {
 function DiscriminatedUnionTabs({ options, optionLabels, activeIndex, panelId, discKey, props }) {
 	const tabRefs = useRef([]);
 	const handleTabChange = useCallback((newIndex) => {
-		const label = optionLabels[newIndex];
-		if (label === void 0) return;
-		props.onChange({ [discKey]: label });
+		const next = discriminatedUnionValueForTab(optionLabels, discKey, newIndex);
+		if (next === void 0) return;
+		props.onChange(next);
 	}, [
 		optionLabels,
 		discKey,
@@ -504,4 +608,4 @@ function matchUnionOption(options, value) {
 	if (typeof value === "object" && value !== null) return options.find((o) => o.type === "object");
 }
 //#endregion
-export { renderArray, renderBoolean, renderDiscriminatedUnion, renderEnum, renderFile, renderNumber, renderObject, renderRecord, renderRecursive, renderString, renderUnion, renderUnknown, toReactNode };
+export { defaultRecordValue, discriminatedUnionValueForTab, nextRecordKey, renameRecordKey, renderArray, renderBoolean, renderDiscriminatedUnion, renderEnum, renderFile, renderNumber, renderObject, renderRecord, renderRecursive, renderString, renderUnion, renderUnknown, toReactNode };

package/dist/themes/mui.mjs

@@ -1,8 +1,8 @@
 import { isObject } from "../core/guards.mjs";
 import { toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
-import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
 //#region src/themes/mui.tsx
 function ariaRequired(tree) {
 	return { required: tree.isOptional === false };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "schema-components",
-    "version": "1.16.1",
+    "version": "1.16.3",
     "description": "React components that render UI from Zod schemas, JSON Schema, and OpenAPI documents",
     "type": "module",
     "main": "./dist/index.mjs",