@react-typed-forms/schemas 11.2.2 → 11.3.2

package/lib/components/DefaultLayout.d.ts

@@ -1,9 +1,10 @@
 import { RenderedLayout } from "../controlRender";
-import React from "react";
+import React, { ReactNode } from "react";
 export interface DefaultLayoutRendererOptions {
     className?: string;
     errorClass?: string;
+    renderError?: (errorText: string | null | undefined) => ReactNode;
 }
-export declare function DefaultLayout({ errorClass, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
+export declare function DefaultLayout({ errorClass, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
     layout: RenderedLayout;
 }): React.JSX.Element;

package/lib/index.js

@@ -1942,6 +1942,12 @@ function DefaultLayout(_ref) {
   var _effect = core.useComponentTracking();
   try {
     var errorClass = _ref.errorClass,
+      _ref$renderError = _ref.renderError,
+      renderError = _ref$renderError === void 0 ? function (e) {
+        return e && /*#__PURE__*/React__default["default"].createElement("div", {
+          className: errorClass
+        }, e);
+      } : _ref$renderError,
       _ref$layout = _ref.layout,
       controlEnd = _ref$layout.controlEnd,
       controlStart = _ref$layout.controlStart,
@@ -1950,9 +1956,7 @@ function DefaultLayout(_ref) {
       errorControl = _ref$layout.errorControl;
     var ec = errorControl;
     var errorText = ec && ec.touched ? ec.error : undefined;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label, controlStart, children, errorText && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: errorClass
-    }, errorText), controlEnd);
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label, controlStart, children, renderError(errorText), controlEnd);
   } finally {
     _effect();
   }