@luscii-healthtech/web-ui 2.20.3 → 2.20.5

package/dist/components/Form/FormFieldErrorMessages.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { FieldErrors } from "react-hook-form";
+interface FormFieldErrorMessages {
+    fieldName: string;
+    error: FieldErrors;
+}
+export declare const FormFieldErrorMessages: React.FC<FormFieldErrorMessages>;
+export {};

package/dist/web-ui-tailwind.css

@@ -609,6 +609,12 @@ video {
   }
 }
 
+.space-y-1 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--space-y-reverse));
+}
+
 .space-x-1 > :not(template) ~ :not(template) {
   --space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--space-x-reverse));
@@ -1602,6 +1608,10 @@ video {
   overflow-x: hidden;
 }
 
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+
 .p-0 {
   padding: 0;
 }

package/dist/web-ui.cjs.development.js

@@ -29,7 +29,6 @@ var htmlToDraft = _interopDefault(require('html-to-draftjs'));
 require('react-draft-wysiwyg/dist/react-draft-wysiwyg.css');
 var pick = _interopDefault(require('lodash/pick'));
 var index_ie11 = require('react-hook-form/dist/index.ie11');
-var errorMessage = require('@hookform/error-message');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 
 function _regeneratorRuntime() {
@@ -1765,7 +1764,7 @@ var ModalBase = function ModalBase(props) {
     onRequestClose: props.onCloseClick,
     shouldFocusAfterRender: false,
     shouldCloseOnOverlayClick: false,
-    className: classNames("my-0 mx-auto", "relative", "bg-white outline-none rounded-lg shadow-lg", {
+    className: classNames("my-0 mx-auto", "relative", "bg-white outline-none rounded-lg shadow-lg", "overflow-y-hidden", {
       "mt-17": props.withExtraMarginTop,
       "w-80": size === "small",
       "w-132": size === "medium",
@@ -6143,6 +6142,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.
  *
@@ -6174,22 +6196,9 @@ function FormFieldDecorator(_ref) {
     type: "sm",
     color: "slate-500",
     text: info
-  }), /*#__PURE__*/React__default.createElement(errorMessage.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
   }));
 }