@flozy/editor 5.4.1 → 5.4.3

package/dist/Editor/helper/deserialize/index.js

@@ -17,12 +17,20 @@ const handleTableCell = (el, children) => {
     overwriteChild: wrapChild
   };
 };
-const PARA_WRAP = ["A"];
+const INLINE_TAGS = ["A", "ABBR", "B", "BDO", "CITE", "CODE", "DATA", "DEL", "DFN", "IMG", "INS", "KBD", "LABEL", "MARK", "Q", "SAMP", "SMALL", "SPAN", "SUB", "SUP", "TIME", "VAR"];
+
+// to avoid nested paragraph to resolve performace issue
 const paragraphType = el => {
   const {
     childNodes = []
   } = el || {};
-  const isHavingText = childNodes?.length ? Array.from(childNodes)?.find(child => child?.nodeType === 3 || TEXT_TAGS[child?.nodeName] || PARA_WRAP.includes(child.nodeName)) : null;
+
+  // if anyone of the child node is text node or wrapped with inline tags, it is considered to be an paragraph node
+  const isHavingText = childNodes?.length ? Array.from(childNodes)?.some(child => {
+    const isTextNode = child?.nodeType === 3;
+    const isHavingInlineTags = TEXT_TAGS[child?.nodeName] || INLINE_TAGS.includes(child.nodeName);
+    return isTextNode || isHavingInlineTags;
+  }) : null;
   return isHavingText ? {
     type: "paragraph"
   } : {};
@@ -121,11 +129,10 @@ const TEXT_TAGS = {
   }),
   U: () => ({
     underline: true
-  }),
-  B: () => ({
-    bold: true
   })
+  // B: () => ({ bold: true }),
 };
+
 const deserialize = el => {
   if (el.nodeType === 3) {
     const match = /\r|\n/.exec(el.textContent);
@@ -145,12 +152,9 @@ const deserialize = el => {
   }
   let children = Array.from(parent.childNodes).map(deserialize).flat();
   if (children.length === 0) {
-    children = {
-      type: "paragraph",
-      children: [{
-        text: ""
-      }]
-    };
+    children = [{
+      text: ""
+    }];
   }
   if (el.nodeName === "BODY") {
     return jsx("fragment", {}, children);
@@ -166,7 +170,14 @@ const deserialize = el => {
   }
   if (TEXT_TAGS[nodeName]) {
     const attrs = TEXT_TAGS[nodeName](el);
-    return children.map(child => jsx("text", attrs, child));
+    return children.map(child => {
+      if (child?.type) {
+        // if any list elements (like ul, ol... tags) is wrapped inside the TEXT_TAGS, we will return child as it is, else return it as text node
+        return child;
+      } else {
+        return jsx("text", attrs, child);
+      }
+    });
   }
   return children;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "5.4.1",
+  "version": "5.4.3",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"