shelving/ui/form/FormInput.js

Toolkit for using data in JavaScript.

import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import { requireForm, useField } from "./FormContext.js";
import { SchemaInput } from "./SchemaInput.js";
/** Show a `SchemaInput` for each property in the current form. */
export function FormInput({ name, ...props }) {
    const field = useField(name);
    return _jsx(SchemaInput, { ...field, ...props });
}
/** Show a `SchemaInput` for a named property in the current form. */
export function FormInputs() {
    return (_jsx(_Fragment, { children: Object.keys(requireForm().schema.props).map(name => (_jsx(FormInput, { name: name }, name))) }));
}