@rhc-shared-components/rich-text-editor 0.3.2 → 0.3.3

package/dist/index.js

@@ -123,6 +123,24 @@ var InsertCss$1 = function InsertCss() {
   }
 };
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -212,7 +230,9 @@ var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
   var _useFormikContext = formik.useFormikContext(),
       isSubmitting = _useFormikContext.isSubmitting,
       setFieldValue = _useFormikContext.setFieldValue,
-      validateField = _useFormikContext.validateField;
+      validateField = _useFormikContext.validateField,
+      setTouched = _useFormikContext.setTouched,
+      touched = _useFormikContext.touched;
 
   var _React$useState = React__namespace.useState(maxLength || 0),
       numberOfCharacters = _React$useState[0],
@@ -224,7 +244,7 @@ var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
     }
   }, [value, maxLength]);
   return React__namespace.createElement(FormGroupContainer, {
-    validated: meta.error ? reactCore.ValidatedOptions.error : reactCore.ValidatedOptions["default"],
+    validated: meta.touched && meta.error ? reactCore.ValidatedOptions.error : reactCore.ValidatedOptions["default"],
     onClick: function onClick() {
       if (editorRef) {
         // @ts-ignore
@@ -250,6 +270,9 @@ var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
       validateField(rest.name);
     },
     onBlur: function onBlur(data) {
+      var _extends2;
+
+      setTouched(_extends({}, touched, (_extends2 = {}, _extends2[rest.name] = true, _extends2)));
       setFieldValue(rest.name, data);
       validateField(rest.name);
     }

package/dist/index.modern.js

@@ -100,6 +100,24 @@ const InsertCss$1 = () => {
   }
 };
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -193,7 +211,9 @@ const RichTextEditorFormComponent = _ref => {
   const {
     isSubmitting,
     setFieldValue,
-    validateField
+    validateField,
+    setTouched,
+    touched
   } = useFormikContext();
   const [numberOfCharacters, setNoOfCharacters] = React.useState(maxLength || 0);
   React.useEffect(() => {
@@ -202,7 +222,7 @@ const RichTextEditorFormComponent = _ref => {
     }
   }, [value, maxLength]);
   return React.createElement(FormGroupContainer, {
-    validated: meta.error ? ValidatedOptions.error : ValidatedOptions.default,
+    validated: meta.touched && meta.error ? ValidatedOptions.error : ValidatedOptions.default,
     onClick: () => {
       if (editorRef) {
         // @ts-ignore
@@ -228,6 +248,9 @@ const RichTextEditorFormComponent = _ref => {
       validateField(rest.name);
     },
     onBlur: data => {
+      setTouched(_extends({}, touched, {
+        [rest.name]: true
+      }));
       setFieldValue(rest.name, data);
       validateField(rest.name);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/rich-text-editor",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "WYSWYG Editor for Red Hat Certified Apps",
   "author": "gautamkrishnar",
   "license": "MIT",