@cosva-lab/form-builder/RenderErrorsDefault.js

import React from 'react';
import makeStyles from '@material-ui/styles/makeStyles';
import { getMessage } from './FieldTranslate';
import { useFieldError } from './FieldError/index';
const useStyles = makeStyles(() => ({
    spanError: { display: 'block' },
}));
function isMessage(args) {
    return (args &&
        typeof args === 'object' &&
        typeof args.message === 'string');
}
export const RenderErrorsDefault = ({ errors, field, }) => {
    const ns = field && field.ns;
    const { spanError } = useStyles();
    const common = useFieldError();
    return (React.createElement(React.Fragment, null, errors.map((error, i) => {
        if (React.isValidElement(error))
            return React.createElement(error.type, Object.assign({}, error.props, { key: error.key || i }));
        return typeof error === 'string' ? (React.createElement("span", { className: spanError, key: i }, error)) : isMessage(error) ? (React.createElement("span", { className: spanError, key: i }, getMessage(Object.assign(Object.assign({ ns }, common), error)))) : (Object.values(error).map((e, j) => {
            return (React.createElement("span", { className: spanError, key: j }, typeof e === 'string'
                ? e
                : (isMessage(e) &&
                    getMessage(Object.assign(Object.assign({ ns }, common), e))) ||
                    null));
        }));
    })));
};
//# sourceMappingURL=RenderErrorsDefault.js.map