@luscii-healthtech/web-ui 2.20.2 → 2.20.4

package/dist/web-ui.esm.js

@@ -21,7 +21,6 @@ import htmlToDraft from 'html-to-draftjs';
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import pick from 'lodash-es/pick';
 import { Controller, useForm } from 'react-hook-form/dist/index.ie11';
-import { ErrorMessage } from '@hookform/error-message';
 import { LazyLoadImage } from 'react-lazy-load-image-component';
 
 function _regeneratorRuntime() {
@@ -6135,6 +6134,29 @@ function ViewItem(_ref) {
   })));
 }
 
+var FormFieldErrorMessages = function FormFieldErrorMessages(props) {
+  var fieldName = props.fieldName,
+      error = props.error;
+  var fieldErrors = error[fieldName];
+
+  if (!(fieldErrors != null && fieldErrors.types)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "mt-1 space-y-1"
+  }, Object.entries(fieldErrors.types).map(function (_ref) {
+    var errorKey = _ref[0],
+        errorMessage = _ref[1];
+    return /*#__PURE__*/React__default.createElement(Text, {
+      key: fieldName + "-" + errorKey,
+      text: errorMessage,
+      color: "red",
+      type: "sm"
+    });
+  }));
+};
+
 /**
  * Decorator for any input component. Adds a label and additional information to be shown.
  *
@@ -6166,22 +6188,9 @@ function FormFieldDecorator(_ref) {
     type: "sm",
     color: "slate-500",
     text: info
-  }), /*#__PURE__*/React__default.createElement(ErrorMessage, {
-    errors: fieldErrors,
-    name: name,
-    render: function render(_ref2) {
-      var messages = _ref2.messages;
-      return messages && Object.entries(messages).map(function (_ref3) {
-        var key = _ref3[0],
-            message = _ref3[1];
-        return /*#__PURE__*/React__default.createElement(Text, {
-          key: key,
-          className: "mt-1",
-          text: message,
-          color: "red"
-        });
-      });
-    }
+  }), /*#__PURE__*/React__default.createElement(FormFieldErrorMessages, {
+    fieldName: name,
+    error: fieldErrors
   }));
 }