@flozy/editor 9.2.2 → 9.2.3

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

@@ -155,7 +155,7 @@ const TableCell = props => {
   };
   useEffect(() => {
     const currentPath = path?.toString();
-    setTimeout(() => {
+    const timeoutId = setTimeout(() => {
       if (tableResizing === currentPath) {
         setTableResizing(null);
 
@@ -171,6 +171,7 @@ const TableCell = props => {
     if (resizing) {
       setTableResizing(currentPath);
     }
+    return () => clearTimeout(timeoutId);
   }, [resizing]);
   const onMouseEnter = path => {
     setHoverPath(path);

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -83,7 +83,13 @@ const PopupTool = props => {
     }
   }, [event, anchorEl]);
   useEffect(() => {
-    if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "" || selectedElement?.enable === 1) {
+    const {
+      path,
+      enable
+    } = selectedElement || {};
+    const isFreeGridElement = path && path.split("|").length > 2;
+    const isFreeGridEnabled = enable === 1 && isFreeGridElement;
+    if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "" || isFreeGridEnabled) {
       setAnchorEl(null);
     } else {
       updateAnchorEl();

package/dist/Editor/common/RnD/VirtualElement/index.js

@@ -75,12 +75,13 @@ const VirtualElement = props => {
   const virtualRef = useRef();
   useEffect(() => {
     if (virtualRef?.current) {
-      setTimeout(() => {
+      const timeoutId = setTimeout(() => {
         const allData = calculateProps(path, virtualRef?.current, ROOT_ITEM_CLASS, []);
         const groupData = groupByPathAndCalculateHeight(allData);
         // it should trigger by auto alignment or on clicking mobile view change
         updateAutoProps(editor, allData, "xs", groupData);
       }, 100);
+      return () => clearTimeout(timeoutId);
     }
   }, [updated_at, virtualRef?.current]);
   const calculateProps = (curPath, dom, domClass, allData) => {

package/dist/Editor/helper/index.js

@@ -287,18 +287,22 @@ export const bringItemToFB = (editor, {
 };
 export const debounce = function (func, wait, immediate) {
   let timeout;
-  return function () {
-    const context = this,
-      args = arguments,
-      later = function () {
-        timeout = null;
-        if (!immediate) func.apply(context, args);
-      },
-      callNow = immediate && !timeout;
+  function debounced(...args) {
+    const context = this;
+    const later = function () {
+      timeout = null;
+      if (!immediate) func.apply(context, args);
+    };
+    const callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
     if (callNow) func.apply(context, args);
+  }
+  debounced.cancel = function () {
+    clearTimeout(timeout);
+    timeout = null;
   };
+  return debounced;
 };
 export const getTextColor = (color = "") => {
   return color?.indexOf("gradient") >= 0 ? {
@@ -337,14 +341,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);

package/dist/Editor/hooks/useDrag.js

@@ -2,25 +2,19 @@ import { useEffect, useState } from "react";
 const useDrag = () => {
   const [event, setEvent] = useState("");
   useEffect(() => {
-    addListener();
-    return () => {
-      removeListener();
+    const onMouseDown = () => {
+      setEvent("start");
+    };
+    const onMouseUp = () => {
+      setEvent("end");
     };
-  }, []);
-  const onMouseDown = () => {
-    setEvent("start");
-  };
-  const onMouseUp = () => {
-    setEvent("end");
-  };
-  const addListener = () => {
     document.addEventListener("pointerdown", onMouseDown);
     document.addEventListener("pointerup", onMouseUp);
-  };
-  const removeListener = () => {
-    document.removeEventListener("pointerdown", onMouseDown);
-    document.removeEventListener("pointerup", onMouseUp);
-  };
+    return () => {
+      document.removeEventListener("pointerdown", onMouseDown);
+      document.removeEventListener("pointerup", onMouseUp);
+    };
+  }, []);
   return [event];
 };
 export default useDrag;

package/dist/Editor/hooks/useEditorScroll.js

@@ -3,22 +3,17 @@ function useEditorScroll(editorWrapper = {
   current: null
 }, callback) {
   useEffect(() => {
+    if (!editorWrapper?.current) return;
     const handleScroll = () => {
-      if (editorWrapper.current) {
-        callback("scroll");
-      }
+      callback("scroll");
     };
     const currentEditorWrapper = editorWrapper.current;
-    if (currentEditorWrapper) {
-      currentEditorWrapper.addEventListener("scroll", handleScroll);
-    }
+    currentEditorWrapper.addEventListener("scroll", handleScroll);
 
     // Cleanup the event listener on component unmount
     return () => {
-      if (currentEditorWrapper) {
-        currentEditorWrapper.removeEventListener("scroll", handleScroll);
-      }
+      currentEditorWrapper.removeEventListener("scroll", handleScroll);
     };
-  }, [editorWrapper.current, callback]);
+  }, [editorWrapper, callback]);
 }
 export default useEditorScroll;

package/dist/Editor/hooks/useMouseMove.js

@@ -1,4 +1,4 @@
-import { useEffect, useState, createContext, useContext, useMemo } from "react";
+import { useEffect, useState, createContext, useContext, useMemo, useCallback } from "react";
 import { getSelectedText } from "../utils/helper";
 import { debounce } from "../helper";
 import { defaultFontFamilies } from "../common/FontLoader/FontList";
@@ -115,13 +115,7 @@ const useMouseMove = dragging => {
   const [event, setEvent] = useState({
     target: null
   });
-  useEffect(() => {
-    addListener();
-    return () => {
-      removeListener();
-    };
-  }, []);
-  const onMouseMove = e => {
+  const onMouseMove = useCallback(debounce(e => {
     if (!dragging?.id) {
       const dpath = e?.target?.closest(".dpath");
       if (dpath) {
@@ -130,14 +124,14 @@ const useMouseMove = dragging => {
         });
       }
     }
-  };
-  const debounceMouseMove = debounce(onMouseMove, 100);
-  const addListener = () => {
-    document.addEventListener("mousemove", debounceMouseMove);
-  };
-  const removeListener = () => {
-    document.removeEventListener("mousemove", debounceMouseMove);
-  };
+  }, 100), [dragging]);
+  useEffect(() => {
+    document.addEventListener("mousemove", onMouseMove);
+    return () => {
+      document.removeEventListener("mousemove", onMouseMove);
+      onMouseMove.cancel(); // Cancel any pending debounced calls
+    };
+  }, [onMouseMove]);
   return [event];
 };
 export default useMouseMove;

package/dist/Editor/hooks/useTable.js

@@ -184,7 +184,7 @@ export const TableProvider = ({
       window.removeEventListener("copy", handleCopy);
       window.removeEventListener("cut", handleCut);
     };
-  }, [tableSelection, editor, tableSelection]);
+  }, [tableSelection, editor]);
 
   // useEffect(() => {
   //   selectFirstCell(tablePath, editor, updateTableSelection);

package/package.json

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