@agentlab/rjsf-antd
Version:
Ant Design theme, fields and widgets for react-jsonschema-form
19 lines • 1.15 kB
JavaScript
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