@flozy/editor 5.4.4 → 5.4.5

package/dist/Editor/Elements/AI/CustomSelect.js

@@ -11,11 +11,10 @@ function CustomSelect({
   show,
   btnProps = {}
 }) {
-  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
   if (show) {
     return /*#__PURE__*/_jsx(Box, {
       component: "div",
-      sx: !isMobile && classes.customSelectContainer,
+      sx: classes.customSelectContainer,
       className: "customSelectContainer",
       children: options?.map((groupOption, index) => {
         const {

package/dist/Editor/Elements/Table/Styles.js

@@ -85,6 +85,13 @@ const TableStyles = theme => {
       "&:hover": {
         background: "#2563EB"
       }
+    },
+    mobileToolDrawer: {
+      "& .customSelectContainer": {
+        border: "none !important",
+        padding: "0px !important",
+        boxShadow: "none !important"
+      }
     }
   };
 };

package/dist/Editor/Elements/Table/Table.js

@@ -47,7 +47,8 @@ const MoreTableSettings = props => {
     exandTools,
     handleAction,
     editorTheme,
-    setExpandTools
+    setExpandTools,
+    classes
   } = props;
   const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
   return isMobile ? /*#__PURE__*/_jsx(SwipeableDrawerComponent, {
@@ -56,9 +57,12 @@ const MoreTableSettings = props => {
       setExpandTools(false);
     },
     swipeableDrawer: false,
-    children: /*#__PURE__*/_jsx(ToolTableComponent, {
-      handleAction: handleAction,
-      editorTheme: editorTheme
+    children: /*#__PURE__*/_jsx(Box, {
+      sx: classes.mobileToolDrawer,
+      children: /*#__PURE__*/_jsx(ToolTableComponent, {
+        handleAction: handleAction,
+        editorTheme: editorTheme
+      })
     })
   }) : /*#__PURE__*/_jsx(Popper, {
     open: Boolean(exandTools),
@@ -321,7 +325,8 @@ const Table = props => {
       exandTools: exandTools,
       handleAction: handleAction,
       editorTheme: editorTheme,
-      setExpandTools: setExpandTools
+      setExpandTools: setExpandTools,
+      classes: classes
     }), openSetttings ? /*#__PURE__*/_jsx(TablePopup, {
       element: tableProps?.styleProps || {},
       onSave: onSave,

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

@@ -21,6 +21,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 = []

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.5",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"