l-min-components 1.0.1063 → 1.0.1066

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.1063",
+  "version": "1.0.1066",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/TextEditor2/index.jsx

@@ -7,33 +7,32 @@ import { Container } from "./styled";
 import draftToHtml from "draftjs-to-html";
 import htmlToDraft from "html-to-draftjs";
 
-function TextEditor({ obChabge, defaultValue }) {
-  const [editorState, setEditorState] = useState(EditorState.createEmpty());
+function TextEditor({ onChange, defaultValue }) {
+  let defaultState;
+
+  if (defaultValue) {
+    const contentBlock = htmlToDraft(defaultValue);
+    if (contentBlock) {
+      const contentState = ContentState.createFromBlockArray(
+        contentBlock.contentBlocks
+      );
+      defaultState = EditorState?.createWithContent(contentState);
+    }
+  }
+
+  const [editorState, setEditorState] = useState(
+    defaultState || EditorState.createEmpty()
+  );
 
   const onEditorStateChange = (newState) => {
     setEditorState(newState);
   };
 
   useEffect(() => {
-    const htnl = draftToHtml(convertToRaw(editorState?.getCurrentContent()));
-    obChabge && obChabge(htnl);
+    const html = draftToHtml(convertToRaw(editorState?.getCurrentContent()));
+    onChange && onChange(html);
   }, [editorState]);
 
-  useEffect(() => {
-    if (defaultValue) {
-      const contentBlock = htmlToDraft(defaultValue);
-      if (contentBlock) {
-        const contentState = ContentState.createFromBlockArray(
-          contentBlock.contentBlocks
-        );
-        const defualtState = EditorState.createWithContent(contentState);
-        onEditorStateChange(defualtState);
-      }
-    } else {
-      onEditorStateChange(EditorState.createEmpty());
-    }
-  }, []);
-
   return (
     <Container>
       <Editor