@flozy/editor 7.0.2 → 7.0.3

package/dist/Editor/CommonEditor.js

@@ -91,8 +91,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     otherProps,
     isIframe,
     theme,
-    showViewport = false,
-    overrideWrapperStyles = {}
+    showViewport = false
   } = props;
   const editorWrapper = useRef();
   const mentionsRef = useRef();
@@ -153,8 +152,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const classes = editorStyles({
     padHeight: !fullScreen ? otherProps?.padHeight : 20,
     placeHolderColor: invertColor(pageColor || "#FFF"),
-    theme,
-    overrideWrapperStyles
+    theme
   });
   const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
   useEffect(() => {

package/dist/Editor/Editor.css

@@ -1279,10 +1279,9 @@ blockquote {
   background: none !important;
 }
 @media (max-width: 899px) {
-  /* Qa validation required */
-  /* .MuiPopover-root {
+  .MuiPopover-root {
     z-index: 1302 !important;
-  } */
+  }
 
   canvas {
     max-width: 100% !important;

package/dist/Editor/Styles/EditorStyles.js

@@ -1,8 +1,7 @@
 const editorStyles = ({
   padHeight,
   placeHolderColor,
-  theme,
-  overrideWrapperStyles = {}
+  theme
 }) => ({
   root: {
     display: "flex",
@@ -57,8 +56,7 @@ const editorStyles = ({
         backgroundColor: "#FFF",
         zIndex: 10
       }
-    },
-    ...overrideWrapperStyles
+    }
   },
   slateWrapper: {
     paddingTop: "0px",

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

@@ -14,6 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const PopupTool = props => {
   const {
     theme,
+    setIsTextSelected,
     customProps,
     editorWrapper
   } = props;
@@ -34,12 +35,8 @@ const PopupTool = props => {
   const {
     selectedElement
   } = useEditorContext();
-  console.log("Editor debug ====>", event, open, anchorEl, selection);
   const updateAnchorEl = useCallback(() => {
     try {
-      const {
-        selection
-      } = editor;
       const isHavingSelection = selection && !Range.isCollapsed(selection);
       if (isHavingSelection) {
         const domRange = ReactEditor.toDOMRange(editor, editor.selection);
@@ -59,7 +56,7 @@ const PopupTool = props => {
     } catch (err) {
       console.log(err);
     }
-  }, [editor?.selection]);
+  }, [selection]);
   useEditorScroll(editorWrapper, updateAnchorEl);
   useEffect(() => {
     const userStoppedSelection = size?.device === "xs" ? true : event === "end"; // for mobile, when user starts the selection, we are gonna show the popup tool
@@ -74,12 +71,12 @@ const PopupTool = props => {
       if (!isCarouselEdit) {
         setOpen(true);
         setPopupType("textFormat");
-        // setIsTextSelected(true);
+        setIsTextSelected(true);
       }
     } else if (!anchorEl) {
       setOpen(false);
       setPopupType("");
-      // setIsTextSelected(false);
+      setIsTextSelected(false);
     }
   }, [event, anchorEl]);
   useEffect(() => {
@@ -91,12 +88,7 @@ const PopupTool = props => {
     }
   }, [selection]);
   useEffect(() => {
-    const {
-      path,
-      enable
-    } = selectedElement || {};
-    const isFreeGridElement = path && path.split("|").length > 2;
-    if (enable === 1 && isFreeGridElement) {
+    if (selectedElement?.enable === 1) {
       setAnchorEl(null);
     }
   }, [selection, selectedElement?.path, selectedElement?.enable]);

package/dist/Editor/common/ImageSelector/Options/Upload.js

@@ -18,7 +18,7 @@ const Upload = props => {
     item: true,
     xs: 12,
     sx: {
-      padding: '10px',
+      padding: "10px",
       height: '100%'
     },
     className: "ims-right",

package/dist/Editor/common/ImageSelector/UploadStyles.js

@@ -7,7 +7,7 @@ const UploadStyles = theme => ({
     background: theme?.palette?.editor?.uploadFileBg,
     height: '100%',
     minHeight: '150px',
-    height: "inherit"
+    height: 'inherit'
   },
   uploadField: {
     width: "100%",

package/dist/Editor/common/RnD/ElementSettings/styles.js

@@ -58,8 +58,8 @@ const useElementSettingsStyle = theme => ({
       maxHeight: "500px",
       overflowX: "hidden",
       overflowY: "auto",
-      paddingLeft: "4px",
       background: theme?.palette?.editor?.background,
+      paddingLeft: "4px",
       "& .MuiTypography-root, .MuiInputBase-root, input": {
         color: theme?.palette?.editor?.textColor
       },

package/dist/Editor/hooks/useDrag.js

@@ -1,20 +1,26 @@
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 const useDrag = () => {
   const [event, setEvent] = useState("");
-  const onMouseDown = useCallback(() => {
-    setEvent("start");
-  }, []);
-  const onMouseUp = useCallback(() => {
-    setEvent("end");
-  }, []);
   useEffect(() => {
-    document.addEventListener("pointerdown", onMouseDown);
-    document.addEventListener("pointerup", onMouseUp);
+    addListener();
     return () => {
-      document.removeEventListener("pointerdown", onMouseDown);
-      document.removeEventListener("pointerup", onMouseUp);
+      removeListener();
     };
   }, []);
+  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 [event];
 };
 export default useDrag;

package/dist/Editor/hooks/useEditorScroll.js

@@ -4,7 +4,6 @@ function useEditorScroll(editorWrapper = {
 }, callback) {
   useEffect(() => {
     const handleScroll = () => {
-      console.log("Editor debug useEditorScroll ====>", editorWrapper, callback);
       if (editorWrapper.current) {
         callback();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "7.0.2",
+  "version": "7.0.3",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -61,7 +61,7 @@
   "scripts": {
     "prepare": "husky install .husky",
     "analyze": "source-map-explorer build/static/js/*.js",
-    "lint": "./node_modules/. bin/eslint --ignore-path .gitignore .",
+    "lint": "./node_modules/.bin/eslint --ignore-path .gitignore .",
     "start": "craco start",
     "build": "NODE_OPTIONS='--max_old_space_size=4096' craco build",
     "test": "craco test --passWithNoTests",