UNPKG

@agentlab/rjsf-antd

Version:

Ant Design theme, fields and widgets for react-jsonschema-form

19 lines 1.15 kB
import React from 'react'; import { Form, Tooltip, List, Typography } from 'antd'; const FieldTemplate = ({ id, children, displayLabel, rawErrors = [], rawHelp, rawDescription, required, schema, label, }) => { // simply return children, we don't want an object is wrapped in Form.Item // every property should have their own Form.Item wrapper if (schema.type === 'object') { return React.createElement(React.Fragment, null, children); } return (React.createElement(Form.Item, { validateStatus: rawErrors.length ? 'error' : '', required: required, label: displayLabel && schema.title, htmlFor: id, id: id }, children, displayLabel && rawDescription ? React.createElement(Typography, null, rawDescription) : null, rawErrors.length > 0 && (React.createElement(List, null, rawErrors.map((error, i) => { return (React.createElement(List.Item, { key: i }, React.createElement(List.Item.Meta, { title: error }))); }))), rawHelp && React.createElement(Tooltip, { title: 'Help' }, rawHelp))); }; export default FieldTemplate; //# sourceMappingURL=FieldTemplate.js.map