@flozy/editor 5.5.6 → 5.5.8

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

@@ -1,26 +1,4 @@
 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") {
@@ -36,10 +14,7 @@ const handleTableCell = (el, children) => {
   });
   return {
     type: "table-cell",
-    overwriteChild: wrapChild,
-    size: {
-      width: 120
-    }
+    overwriteChild: wrapChild
   };
 };
 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"];
@@ -160,13 +135,9 @@ const TEXT_TAGS = {
 
 const deserialize = el => {
   if (el.nodeType === 3) {
-    // if there is any line-breaks
     const match = /\r|\n/.exec(el.textContent);
     const text = el.textContent.replace(/\r|\n/g, "").trim();
-    return match && !text ? null : {
-      text,
-      ...getInlineTextStyles(el.parentNode)
-    };
+    return match && !text ? null : el.textContent;
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {

package/dist/Editor/helper/index.js

@@ -308,13 +308,7 @@ export const getTextColor = (color = "") => {
     color: "transparent !important",
     caretColor: "black",
     "& span": {
-      color: "transparent !important",
-      "& ::selection": {
-        color: "#000 !important"
-      }
-    },
-    "& ::selection": {
-      color: "#000 !important"
+      color: "transparent !important"
     }
   } : {
     color
@@ -337,14 +331,14 @@ export const isCarouselSelected = editor => {
       return false;
     }
     const [nodeEntry] = Editor.nodes(editor, {
-      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "carousel"
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === 'carousel'
     });
     if (!nodeEntry) {
       return false;
     }
     const [node] = nodeEntry;
     const carouselDom = ReactEditor.toDOMNode(editor, node);
-    const isEdit = carouselDom.classList.contains("carousel_slider_edit");
+    const isEdit = carouselDom.classList.contains('carousel_slider_edit');
     return !isEdit;
   } catch (err) {
     console.log(err);
@@ -358,7 +352,7 @@ export const clearBrainText = editor => {
     } = editor;
     if (selection) {
       const [currentNode, currentPath] = Editor.node(editor, selection);
-      const cleanedText = Node.string(currentNode).replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
+      const cleanedText = Node.string(currentNode).replace(/\/b(?:rain|rai|ra|r)?/g, "").trim();
       Transforms.insertText(editor, cleanedText, {
         at: currentPath
       });
@@ -366,11 +360,4 @@ export const clearBrainText = editor => {
   } catch (err) {
     console.log(err);
   }
-};
-export const clearSelectionOnly = editor => {
-  try {
-    Transforms.deselect(editor);
-  } catch (err) {
-    console.log(err);
-  }
 };

package/dist/Editor/helper/theme.js

@@ -54,20 +54,6 @@ const overrides = {
     return `${val?.topLeft}px ${val?.topRight}px ${val?.bottomLeft}px ${val?.bottomRight}px`;
   }
 };
-export const checkXS = (val = {}) => {
-  try {
-    if (typeof val === "object") {
-      if (val?.xs === undefined && val?.lg !== undefined) {
-        val.xs = val.lg;
-      }
-      return val;
-    }
-    return val;
-  } catch (err) {
-    console.log(err);
-    return val;
-  }
-};
 export const getBreakPointsValue = (value, breakpoint, ot = null, ov = false) => {
   try {
     if (breakpoint) {
@@ -81,7 +67,7 @@ export const getBreakPointsValue = (value, breakpoint, ot = null, ov = false) =>
         return value ? value[breakpoint] || value["lg"] : value;
       }
     } else if (typeof value === "object") {
-      return !breakpoint && value["lg"] ? !ov ? value : checkXS(overrideValues(value, ot)) : value[breakpoint] || copyAllLg(value, ot);
+      return !breakpoint && value["lg"] ? !ov ? value : overrideValues(value, ot) : value[breakpoint] || copyAllLg(value, ot);
     } else {
       // consider without breakpoints
       return copyAllLg(value, ot);
@@ -161,27 +147,4 @@ export const groupByBreakpoint = (styleProps, theme) => {
     }
   };
 };
-export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);
-export const getBreakpointLineSpacing = (value, breakpoint) => {
-  try {
-    const values = getBreakPointsValue(value, breakpoint);
-    const cssVal = BREAKPOINTS_DEVICES.reduce((a, b) => {
-      if (values[b] || values["lg"]) {
-        const value = values[b] || values["lg"];
-        return {
-          ...a,
-          [b]: value
-        };
-      } else {
-        return a;
-      }
-    }, {});
-    if (breakpoint) {
-      return value[breakpoint] || value["lg"] || value;
-    } else {
-      return cssVal["lg"];
-    }
-  } catch (err) {
-    // console.log(err);
-  }
-};
+export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);

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: 10000px)"
+  xs: "@media (min-width: 1200px) and (max-width: 1980px)"
 };
 export const isStimulator = () => {
   try {

package/dist/Editor/hooks/useMouseMove.js

@@ -35,7 +35,6 @@ export const EditorProvider = ({
     path: null
   });
   const [fontFamilies, setFontFamilies] = useState({});
-  const [activeBreakPoint, setActiveBreakPoint] = useState("");
   useEffect(() => {
     window.updateSelectedItem = d => {
       setSelectedElement(d);
@@ -98,10 +97,8 @@ export const EditorProvider = ({
     setOpenAI,
     updateDragging,
     fontFamilies,
-    setFontFamilies,
-    activeBreakPoint,
-    setActiveBreakPoint
-  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, activeBreakPoint]);
+    setFontFamilies
+  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop]);
   return /*#__PURE__*/_jsx(EditorContext.Provider, {
     value: otherValues,
     children: children

package/dist/Editor/plugins/withCustomDeleteBackward.js

@@ -6,124 +6,128 @@ const isNodeTextEmpty = node => {
   return nodeText.trim() === "";
 };
 const withCustomDeleteBackward = editor => {
-  const {
-    deleteBackward,
-    deleteForward
-  } = editor;
-
-  // Override deleteBackward
-  editor.deleteBackward = (...args) => {
+  try {
     const {
-      selection
+      deleteBackward,
+      deleteForward
     } = editor;
-    if (selection) {
-      // get the current node
-      const [freeGridItemNode] = Editor.nodes(editor, {
-        match: n => n.type === "freegridItem" // Adjust based on your list item type
-      });
 
-      // if it is freegrid
-      if (freeGridItemNode && freeGridItemNode[0]) {
-        const hasText = Node.string(freeGridItemNode[0]);
-        if (!hasText) {
-          return;
+    // Override deleteBackward
+    editor.deleteBackward = (...args) => {
+      const {
+        selection
+      } = editor;
+      if (selection) {
+        // get the current node
+        const [freeGridItemNode] = Editor.nodes(editor, {
+          match: n => n.type === "freegridItem" // Adjust based on your list item type
+        });
+
+        // if it is freegrid
+        if (freeGridItemNode && freeGridItemNode[0]) {
+          const hasText = Node.string(freeGridItemNode[0]);
+          if (!hasText) {
+            return;
+          }
         }
-      }
-      if (selection && Range.isCollapsed(selection)) {
-        const [currentNode, path] = Editor.node(editor, selection);
-        if (currentNode && typeof currentNode.text === 'string') {
-          const text = currentNode.text;
-          if (containsSurrogatePair(text)) {
-            // Check if the cursor is at the end of a surrogate pair
-            const {
-              offset
-            } = selection.anchor;
-            const beforeCursor = text.slice(0, offset);
-            const afterCursor = text.slice(offset);
-            if (containsSurrogatePair(beforeCursor) || containsSurrogatePair(afterCursor)) {
-              // Delete the entire surrogate pair
-              Transforms.delete(editor, {
-                at: {
-                  anchor: {
-                    path,
-                    offset: offset - 2
-                  },
-                  // Move back 2 for surrogate pair
-                  focus: {
-                    path,
-                    offset
+        if (selection && Range.isCollapsed(selection)) {
+          const [currentNode, path] = Editor.node(editor, selection);
+          if (currentNode && typeof currentNode.text === 'string') {
+            const text = currentNode.text;
+            if (containsSurrogatePair(text)) {
+              // Check if the cursor is at the end of a surrogate pair
+              const {
+                offset
+              } = selection.anchor;
+              const beforeCursor = text.slice(0, offset);
+              const afterCursor = text.slice(offset);
+              if (containsSurrogatePair(beforeCursor) || containsSurrogatePair(afterCursor)) {
+                // Delete the entire surrogate pair
+                Transforms.delete(editor, {
+                  at: {
+                    anchor: {
+                      path,
+                      offset: offset - 2
+                    },
+                    // Move back 2 for surrogate pair
+                    focus: {
+                      path,
+                      offset
+                    }
                   }
-                }
-              });
-              return;
+                });
+                return;
+              }
             }
           }
         }
-      }
 
-      // Check if current node is a list item and is the last one, signature node
-      const [node] = Editor.nodes(editor, {
-        match: n => BACKWARD_BLOCKS.includes(n.type) // Adjust based on your list item type
-      });
+        // Check if current node is a list item and is the last one, signature node
+        const [node] = Editor.nodes(editor, {
+          match: n => BACKWARD_BLOCKS?.includes(n.type) // Adjust based on your list item type
+        });
 
-      if (node) {
-        // Check if it is the last list item is empty text
-        const parentNodePath = Path.parent(node[1]);
-        const isLastChildren = Node.get(editor, parentNodePath);
-        const isEmpty = isNodeTextEmpty(node[0]) && isLastChildren?.children?.length === 1;
-        if (isEmpty) {
-          Transforms.setNodes(editor, {
-            type: "paragraph"
-          }, {
-            at: parentNodePath
-          });
-          Transforms.removeNodes(editor, {
-            at: node[1]
-          });
-          return;
+        if (node) {
+          // Check if it is the last list item is empty text
+          const parentNodePath = Path.parent(node[1]);
+          const isLastChildren = Node.get(editor, parentNodePath);
+          const isEmpty = isNodeTextEmpty(node[0]) && isLastChildren?.children?.length === 1;
+          if (isEmpty) {
+            Transforms.setNodes(editor, {
+              type: "paragraph"
+            }, {
+              at: parentNodePath
+            });
+            Transforms.removeNodes(editor, {
+              at: node[1]
+            });
+            return;
+          }
         }
       }
-    }
 
-    // Fall back to default delete behavior if conditions are not met
-    deleteBackward(...args);
-  };
-  editor.deleteForward = (...args) => {
-    const {
-      selection
-    } = editor;
-    if (selection) {
+      // Fall back to default delete behavior if conditions are not met
+      deleteBackward(...args);
+    };
+    editor.deleteForward = (...args) => {
       const {
-        nextPath,
-        nextNode
-      } = getNextNode(editor) || {};
+        selection
+      } = editor;
+      if (selection) {
+        const {
+          nextPath,
+          nextNode
+        } = getNextNode(editor) || {};
 
-      // Restrict deletion of page-settings
-      if (nextNode?.type === "page-settings") {
-        const isEndLine = Point.equals(selection.focus, Editor.end(editor, selection.focus.path));
-        if (isEndLine) {
-          const lastEditorChild = editor?.children?.length;
-          const isLastNode = lastEditorChild - 1 === nextPath[0];
-          if (isLastNode) {
-            return;
-          }
+        // Restrict deletion of page-settings
+        if (nextNode?.type === "page-settings") {
+          const isEndLine = Point.equals(selection.focus, Editor.end(editor, selection.focus.path));
+          if (isEndLine) {
+            const lastEditorChild = editor?.children?.length;
+            const isLastNode = lastEditorChild - 1 === nextPath[0];
+            if (isLastNode) {
+              return;
+            }
 
-          // move the page-settings node to last
-          Transforms.moveNodes(editor, {
-            at: nextPath,
-            to: [lastEditorChild]
-          });
+            // move the page-settings node to last
+            Transforms.moveNodes(editor, {
+              at: nextPath,
+              to: [lastEditorChild]
+            });
 
-          // Node present after page-settings, will now merged to current node
-          Transforms.mergeNodes(editor, {
-            at: nextPath
-          });
-          return;
+            // Node present after page-settings, will now merged to current node
+            Transforms.mergeNodes(editor, {
+              at: nextPath
+            });
+            return;
+          }
         }
       }
-    }
-    deleteForward(...args);
-  };
-  return editor;
+      deleteForward(...args);
+    };
+    return editor;
+  } catch (err) {
+    console.log(err);
+  }
 };
 export default withCustomDeleteBackward;

package/dist/Editor/plugins/withEmbeds.js

@@ -40,36 +40,32 @@ const withEmbeds = editor => {
     }
   };
   editor.insertBreak = (...args) => {
-    try {
-      const parentPath = Path.parent(editor.selection.focus.path);
-      const parentNode = Node.get(editor, parentPath);
-      if (editor.isVoid(parentNode)) {
-        const nextPath = Path.next(parentPath);
-        Transforms.insertNodes(editor, {
-          type: "paragraph",
-          children: [{
-            text: ""
-          }]
-        }, {
-          at: nextPath,
-          select: true // Focus on this node once inserted
-        });
-      } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
-        const nextPath = Path.next(parentPath);
-        Transforms.insertNodes(editor, {
-          type: "paragraph",
-          children: [{
-            text: ""
-          }]
-        }, {
-          at: nextPath,
-          select: true // Focus on this node once inserted
-        });
-      } else {
-        insertBreak(...args);
-      }
-    } catch (err) {
-      console.log(err);
+    const parentPath = Path.parent(editor.selection.focus.path);
+    const parentNode = Node.get(editor, parentPath);
+    if (editor.isVoid(parentNode)) {
+      const nextPath = Path.next(parentPath);
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nextPath,
+        select: true // Focus on this node once inserted
+      });
+    } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
+      const nextPath = Path.next(parentPath);
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nextPath,
+        select: true // Focus on this node once inserted
+      });
+    } else {
+      insertBreak(...args);
     }
   };
   return editor;

package/dist/Editor/plugins/withHTML.js

@@ -2,45 +2,6 @@ import { Transforms, Editor, Element, Node, Path } from "slate";
 import deserialize from "../helper/deserialize";
 import { decodeAndParseBase64 } from "../utils/helper";
 const avoidDefaultInsert = ["table", "grid"];
-const NON_TEXT_TAGS = ["ol", "ul", "img", "table", "video", "a", "button", "GOOGLE-SHEETS-HTML-ORIGIN"];
-const ALLOWED_TEXT_NODES = ["paragraph", "title", "headingOne", "headingTwo", "headingThree"];
-const parseCopiedHTML = html => {
-  const parsed = new DOMParser().parseFromString(html, "text/html");
-
-  // 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);
-  });
-
-  // to handle google docs list
-  parsed.querySelectorAll("li p, li div").forEach(element => {
-    const parent = element.parentNode;
-    // Move all child nodes of <p> or <div> to its parent <li>
-    while (element.firstChild) {
-      parent.insertBefore(element.firstChild, element);
-    }
-    // Remove the <p> or <div> element
-    parent.removeChild(element);
-  });
-
-  // claude.ai, copy list inbetween, some li tags are not wrapped with ul or ol
-  parsed.querySelectorAll("li").forEach(li => {
-    // Check if the parent of <li> is not a <ul> or <ol>
-    if (!li.parentElement || li.parentElement.tagName !== "UL" && li.parentElement.tagName !== "OL") {
-      // Create a <ul> element
-      const ul = document.createElement("ul");
-      // Append the <li> to the <ul>
-      ul.appendChild(li.cloneNode(true)); // Clone the <li>
-      // Replace the original <li> in the DOM with the <ul>
-      li.replaceWith(ul);
-    }
-  });
-  return parsed;
-};
 const loopChildren = (children = [], defaultInsert) => {
   if (!children?.length) {
     return defaultInsert;
@@ -65,7 +26,7 @@ const getCurrentElement = editor => {
     return null;
   }
 };
-export const getCurrentElementText = editor => {
+const getCurrentElementText = editor => {
   try {
     if (editor.selection) {
       return Editor.string(editor, editor?.selection?.anchor?.path);
@@ -100,23 +61,12 @@ const insertAtNextNode = (editor, formattedFragment) => {
     console.log(err);
   }
 };
-
-// const handleInsert = (editor, defaultInsert, fragment = []) => {
-//   if (
-//     getCurrentElementText(editor) &&
-//     fragment.some((f) => f.type === "table")
-//   ) {
-//     insertAtNextNode(editor, fragment);
-//   } else {
-//     defaultInsert();
-//   }
-// };
-
-const getTableCellChild = (fragment = []) => {
-  const table = fragment.find(node => node.type === "table");
-  const row = table?.children?.find(node => node.type === "table-row");
-  const cell = row?.children?.find(node => node.type === "table-cell");
-  return cell?.children || [];
+const handleInsert = (editor, defaultInsert, fragment = []) => {
+  if (getCurrentElementText(editor) && fragment.some(f => f.type === "table")) {
+    insertAtNextNode(editor, fragment);
+  } else {
+    defaultInsert();
+  }
 };
 const formatFragment = {
   "list-item": fragment => {
@@ -165,21 +115,8 @@ const withHtml = editor => {
     const html = data?.getData("text/html");
     const currentEl = getCurrentElement(editor);
     const eltype = currentEl?.type;
-    const firstNode = editor?.children?.[0];
-    const titlePath = firstNode?.type === "topbanner" ? 1 : 0;
-    const isTitlePath = editor.needLayout && editor?.selection?.anchor?.path[0] === titlePath;
     if (slateHTML && !formatFragment[eltype]) {
-      const [tableCellNode] = Editor.nodes(editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
-      });
       const decoded = decodeAndParseBase64(slateHTML);
-      if (tableCellNode) {
-        const tableCellChild = getTableCellChild(decoded);
-        if (tableCellChild?.length) {
-          Transforms.insertFragment(editor, tableCellChild);
-          return;
-        }
-      }
       const tableNode = getFocusedNode(editor, "table");
       const onlyTextNode = getFocusedNode(editor, "freegrid");
 
@@ -217,38 +154,22 @@ const withHtml = editor => {
           Transforms.insertText(editor, text);
         }
       } else {
-        const isTextNode = ALLOWED_TEXT_NODES.includes(decoded?.[0]?.type);
-        if (isTitlePath && !isTextNode) {
-          insertAtNextNode(editor, decoded);
-          return;
-        }
-        const currentText = getCurrentElementText(editor);
-        if (currentText?.trim() && !isTextNode) {
-          insertAtNextNode(editor, decoded);
-          return;
-        }
-        insertData(data);
+        handleInsert(editor, () => insertData(data), decoded);
       }
     } else if (html) {
-      const parsed = parseCopiedHTML(html);
-      const rootElement = parsed.body;
-      const isNonText = rootElement ? rootElement?.querySelector(NON_TEXT_TAGS.toString()) : false;
+      const parsed = new DOMParser().parseFromString(html, "text/html");
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
         if (editor.isChatEditor) {
           return;
         }
-        const table = rootElement.querySelector("table");
+        const table = parsed.body.querySelector("table");
         const colGrp = table.querySelector("colgroup");
         if (colGrp) {
           colGrp.remove();
         }
         const fragment = deserialize(table);
-        if (isTitlePath) {
-          insertAtNextNode(editor, [fragment]);
-        } else {
-          Transforms.insertFragment(editor, [fragment]);
-        }
+        Transforms.insertFragment(editor, [fragment]);
         return;
       }
       const fragment = deserialize(parsed.body);
@@ -262,16 +183,7 @@ const withHtml = editor => {
       if (editor.isChatEditor && is_img_table) {
         return;
       }
-      if (isTitlePath && isNonText) {
-        insertAtNextNode(editor, formattedFragment);
-        return;
-      }
-      const currentText = getCurrentElementText(editor);
-      if (currentText?.trim() && isNonText) {
-        insertAtNextNode(editor, formattedFragment);
-        return;
-      }
-      Transforms.insertFragment(editor, formattedFragment);
+      handleInsert(editor, () => Transforms.insertFragment(editor, formattedFragment), formattedFragment);
       return;
     } else {
       insertData(data);

package/dist/Editor/plugins/withLayout.js

@@ -58,7 +58,6 @@ const withLayout = editor => {
         Transforms.insertNodes(editor, paragraph, {
           at: path.concat(1)
         });
-        return;
       }
       ORDERS_LAYOUT.forEach((enforce, index) => {
         if (index < editor.children.length) {