tp-react-elements-dev 1.7.0 → 1.7.2

package/dist/index.js

@@ -52368,6 +52368,8 @@ var JoditEditor = /*@__PURE__*/getDefaultExportFromCjs(joditReactExports);
 
 const RichTextEditor = ({ props }) => {
     const editor = React$1.useRef(null);
+    const [content, setContent] = React$1.useState("");
+    const value = props.getValues(props.item.name);
     const config = Object.assign({ readonly: false, placeholder: "Start typing...", removeButtons: props.item.removeButtons, style: {
             'font-family': 'Arial', // Default font is Arial
         }, controls: {
@@ -52377,13 +52379,30 @@ const RichTextEditor = ({ props }) => {
                     'Rotis Semi Sans': 'Rotis Semi Sans', // Allow Rotis Semi Sans
                 },
             },
-        }, defaultFont: 'Arial' }, props.item.sx);
+            fontsize: {
+                list: joditReactExports.Jodit.atom([8, 9, 10, 11])
+            }
+        }, defaultFont: 'Arial', defaultFontSize: '11px' }, props.item.sx);
     // [placeholder]
     // );
     const handleBlur = (newContent) => {
-        props.setValue(props.item.name, newContent);
+        if (newContent === "<p><br></p>") {
+            setContent(newContent);
+            props.setValue(props.item.name, '');
+        }
+        else {
+            setContent(newContent);
+            props.setValue(props.item.name, newContent);
+        }
+        props.item.onBlurFn && props.item.onBlurFn(newContent);
+    };
+    React$1.useEffect(() => {
+        setContent(value);
+    }, [value]);
+    const handleChange = (newContent) => {
+        console.log(newContent, 'newContent Editor');
     };
-    return (jsxRuntimeExports.jsx(JoditEditor, { ref: editor, value: props.getValues(props.item.name), config: config, tabIndex: 1, onBlur: handleBlur, onChange: (newContent) => { } }));
+    return (jsxRuntimeExports.jsx(JoditEditor, { ref: editor, value: content, config: config, tabIndex: 1, onBlur: handleBlur, onChange: handleChange }));
 };
 
 const renderLabel = (label, isRequired, alignRight) => {
@@ -55242,7 +55261,7 @@ create$3.prototype = ObjectSchema.prototype;
 const useFormValidatingContext = (formArray) => {
     const initialValues = {};
     const validationShape = {};
-    console.log(formArray, 'formArrayformArray');
+    console.log(formArray, "formArrayformArray");
     const renderCustomError = (field) => {
         if (field.customErrorMessage) {
             validationShape[field.name] = validationShape[field.name].test("custom-check", field.customErrorMessage, // Use the actual custom message
@@ -55314,22 +55333,25 @@ const useFormValidatingContext = (formArray) => {
                         .test("valid-email", `Please enter valid Email`, (value) => {
                         if (!value)
                             return false;
-                        const emails = value.split(';');
+                        const emails = value.split(";");
                         const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-                        return emails.every(email => emailRegex.test(email.trim()));
+                        return emails.every((email) => emailRegex.test(email.trim()));
                     });
                     renderCustomError(field);
                 }
                 else {
                     validationShape[field.name] = create$6()
                         .typeError(`Please enter ${field.label}`)
-                        .test("valid-email", `Please enter valid Email`, (value) => {
+                        .test("custom", `Please enter valid Email`, (value) => {
                         // Custom validation to check for at least one period after '@'
-                        if (!value)
-                            return false;
-                        const emails = value.split(';');
-                        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-                        return emails.every(email => emailRegex.test(email.trim()));
+                        if (!value || value === "") {
+                            return true;
+                        }
+                        else {
+                            const emails = value.split(";");
+                            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                            return emails.every((email) => emailRegex.test(email.trim()));
+                        }
                     });
                     renderCustomError(field);
                 }