shelving/ui/form/DataInput.js

Toolkit for using data in JavaScript.

import { jsx as _jsx } from "react/jsx-runtime";
import { splitMessage } from "../../util/error.js";
import { getProps, withProp } from "../../util/object.js";
import { Flex } from "../style/Flex.js";
import { SchemaInput } from "./SchemaInput.js";
export function DataInput({ 
// name,
// title,
// placeholder,
// required = false,
// disabled = false,
message = "", value = {}, onValue, props, }) {
    const messages = splitMessage(message);
    const entries = getProps(props);
    return (_jsx(Flex, { column: entries.length > 2, children: entries.map(([k, s]) => (_jsx(SchemaInput //
        , { name: k, schema: s, value: value[k], onValue: x => onValue(withProp(value, k, x)), message: messages[k] }, k))) }));
}