ra-core/dist/test-ui/TextInput.js

Core components of react-admin, a frontend Framework for building admin applications on top of REST services, using ES6, React

import * as React from 'react';
import { isRequired } from "../form/validation/validate.js";
import { ValidationError } from "../form/validation/ValidationError.js";
import { useInput } from "../form/useInput.js";
import { FieldTitle } from "../util/FieldTitle.js";
export const TextInput = ({ multiline, type = 'text', ...props }) => {
    const { id, field, fieldState: { error, invalid }, } = useInput(props);
    return (React.createElement("div", null,
        React.createElement("label", { htmlFor: id },
            React.createElement(FieldTitle, { label: props.label, source: props.source, resource: props.resource, isRequired: isRequired(props.validate) })),
        React.createElement("br", null),
        multiline ? (React.createElement("textarea", { id: id, ...field, "aria-describedby": invalid ? `error-${id}` : undefined })) : (React.createElement("input", { id: id, ...field, type: type, "aria-describedby": invalid ? `error-${id}` : undefined })),
        invalid && error?.message ? (React.createElement("p", { style: { color: 'red' }, id: `error-${id}` },
            React.createElement(ValidationError, { error: error.message }))) : null));
};
//# sourceMappingURL=TextInput.js.map