rjsf-antd
Version:
Ant Design theme, fields and widgets for react-jsonschema-form
20 lines • 1.31 kB
JavaScript
import React from 'react';
import { Form, Tooltip, List, Typography } from 'antd';
var FieldTemplate = function (_a) {
var id = _a.id, children = _a.children, displayLabel = _a.displayLabel, _b = _a.rawErrors, rawErrors = _b === void 0 ? [] : _b, rawHelp = _a.rawHelp, rawDescription = _a.rawDescription, required = _a.required, schema = _a.schema, label = _a.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(function (error, i) {
return (React.createElement(List.Item, { key: i },
React.createElement(List.Item.Meta, { title: error })));
}))),
rawHelp && React.createElement(Tooltip, null, rawHelp)));
};
export default FieldTemplate;
//# sourceMappingURL=FieldTemplate.js.map