zod-form-kit
Version:
UI-agnostic form generation library based on Zod schemas with extensible adapter pattern
14 lines (13 loc) • 958 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FieldRenderer } from '../FieldRenderer';
export function ObjectField({ error: _error, required, label, properties, form, path, zodSchema }) {
const safeProperties = properties || {};
return (_jsxs("div", { className: "object-field", children: [_jsxs("label", { className: "object-label", children: [label, " ", required && _jsx("span", { className: "required", children: "*" })] }), _jsx("div", { className: "object-properties", children: Object.entries(safeProperties).map(([key, schema]) => {
// Skip if schema is undefined
if (!schema) {
return null;
}
const fieldPath = path ? `${path}.${key}` : key;
return (_jsx(FieldRenderer, { schema: schema, form: form, path: fieldPath, label: key, zodSchema: zodSchema }, key));
}) })] }));
}