@flozy/editor 5.4.4 → 5.4.6

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

@@ -1,4 +1,26 @@
 import { jsx } from "slate-hyperscript";
+const inlineStyles = [{
+  key: "bold",
+  getStyle: styles => styles.fontWeight === "bold" || parseInt(styles.fontWeight, 10) >= 700
+}, {
+  key: "italic",
+  getStyle: styles => styles.fontStyle === "italic"
+}, {
+  key: "underline",
+  getStyle: styles => styles.textDecoration.includes("underline")
+}];
+function getInlineTextStyles(element) {
+  if (!element || !element.style) return {};
+  const styles = element.style;
+  const elementStyles = inlineStyles.reduce((total, currVal) => {
+    const style = currVal.getStyle(styles);
+    if (style) {
+      total[currVal.key] = style;
+    }
+    return total;
+  }, {});
+  return elementStyles;
+}
 const handleTableCell = (el, children) => {
   const wrapChild = children?.map(c => {
     if (typeof c === "string") {
@@ -21,6 +43,8 @@ const handleTableCell = (el, children) => {
   };
 };
 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 = []
@@ -138,7 +162,10 @@ const deserialize = el => {
   if (el.nodeType === 3) {
     const match = /\r|\n/.exec(el.textContent);
     const text = el.textContent.replace(/\r|\n/g, "").trim();
-    return match && !text ? null : el.textContent;
+    return match && !text ? null : {
+      text: el.textContent,
+      ...getInlineTextStyles(el.parentNode)
+    };
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {

package/dist/Editor/hooks/useBreakpoints.js

@@ -1,6 +1,6 @@
 import { useMediaQuery } from "@mui/material";
 export const STIMULATOR_MOCK = {
-  xs: "@media (min-width: 1200px) and (max-width: 1980px)"
+  xs: "@media (min-width: 1200px) and (max-width: 10000px)"
 };
 export const isStimulator = () => {
   try {

package/dist/Editor/plugins/withHTML.js

@@ -28,7 +28,7 @@ const getCurrentElement = editor => {
     return null;
   }
 };
-const getCurrentElementText = editor => {
+export const getCurrentElementText = editor => {
   try {
     if (editor.selection) {
       return Editor.string(editor, editor?.selection?.anchor?.path);
@@ -186,7 +186,7 @@ const withHtml = editor => {
           return;
         }
         const currentText = getCurrentElementText(editor);
-        if (currentText && !isTextNode) {
+        if (currentText?.trim() && !isTextNode) {
           insertAtNextNode(editor, decoded);
           return;
         }
@@ -194,7 +194,17 @@ const withHtml = editor => {
       }
     } else if (html) {
       const parsed = new DOMParser().parseFromString(html, "text/html");
-      const rootElement = parsed.body || parsed.documentElement;
+
+      // if ol, ul are inside li, remove and push ol,ul after that li to maintain format between our slate list and external source list's json
+      parsed.querySelectorAll("li > ul, li > ol").forEach(list => {
+        // Find the parent li
+        const parentLi = list.parentElement;
+
+        // Move the list after the parent li
+        parentLi.after(list);
+      });
+      const rootElement = parsed.body;
+      console.log("rootElement", rootElement);
       const isNonText = rootElement ? rootElement?.querySelector(NON_TEXT_TAGS.toString()) : false;
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
@@ -230,7 +240,7 @@ const withHtml = editor => {
         return;
       }
       const currentText = getCurrentElementText(editor);
-      if (currentText && isNonText) {
+      if (currentText?.trim() && isNonText) {
         insertAtNextNode(editor, formattedFragment);
         return;
       }

package/package.json

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