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

import _extends from "@babel/runtime/helpers/esm/extends";
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,
  fieldProxy
}) => {
  const ns = fieldProxy && fieldProxy.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, _extends({}, 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({
      ns,
      ...common,
      ...error
    })) : Object.values(error).map((e, j) => {
      return React.createElement("span", {
        className: spanError,
        key: j
      }, typeof e === 'string' ? e : isMessage(e) && getMessage({
        ns,
        ...common,
        ...e
      }) || null);
    });
  }));
};