@flozy/editor 4.1.0 → 4.1.2

package/dist/Editor/CommonEditor.js

@@ -366,9 +366,6 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
       });
     } else if (event.key === "Enter") {
       enterEvent(event, editor, customProps?.isMobile);
-    } else if (event.key === 'Backspace') {
-      event.preventDefault();
-      editor.deleteBackward();
     }
   }, [chars, editor, target, mentions, setMentions, search, type, mentionsRef]);
   const Overlay = collaborativeEditor && !isReadOnly ? RemoteCursorOverlay : React.Fragment;

package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js

@@ -25,11 +25,13 @@ const EmbedScriptPopup = props => {
     error
   } = apiStatus;
   useEffect(() => {
-    customProps.services("allowedDomains", {}).then(data => {
-      setAllowedDomains(data?.data || []);
-    }).catch(err => {
-      console.log(err);
-    });
+    if (customProps?.services) {
+      customProps.services("allowedDomains", {}).then(data => {
+        setAllowedDomains(data?.data || []);
+      }).catch(err => {
+        console.log(err);
+      });
+    }
   }, []);
   const updateApiStatus = update => {
     setApiStatus(prev => ({
@@ -44,7 +46,7 @@ const EmbedScriptPopup = props => {
     updateApiStatus({
       loading: true
     });
-    const result = await customProps.services("validateCode", {
+    const result = await customProps?.services("validateCode", {
       code
     });
     const {

package/dist/Editor/Elements/FreeGrid/styles.js

@@ -160,6 +160,9 @@ const useFreeGridStyles = ({
           }
         },
         "& .fgi_type_appHeader": {
+          maxWidth: "100%",
+          maxHeight: "100%",
+          overflow: "hidden",
           "& .MuiAppBar-root": {
             zIndex: 100
           },
@@ -168,10 +171,11 @@ const useFreeGridStyles = ({
             paddingRight: "0px !important",
             "& .app-drawer-btn": {
               marginRight: "0px",
-              width: "100%",
+              paddingTop: "12px",
+              // width: "100%",
               "& svg": {
-                width: "100%",
-                height: "100%"
+                // width: "100%",
+                // height: "100%",
               }
             }
           }

package/dist/Editor/Toolbar/Mini/MiniToolbar.js

@@ -52,7 +52,9 @@ const MiniToolbar = props => {
   const boxRef = useRef(null); // Add ref to get the Box element
   const UPDATED_MENU_OPTIONS = MENU_OPTIONS.filter(f => (hideTools || [])?.indexOf(f.type) === -1);
   const {
-    popupType
+    popupType,
+    selectedElement,
+    setSelectedElement
   } = useEditorContext();
   const canUndo = editor.history.undos.length > 0;
   const canRedo = editor.history.redos.length > 0;
@@ -75,6 +77,11 @@ const MiniToolbar = props => {
     }
     setPopper(type);
     setAnchorEl(e.currentTarget);
+    setSelectedElement({
+      ...selectedElement,
+      enable: 1,
+      selectedAction: null
+    });
   };
   const onClose = () => {
     setPopper(null);
@@ -116,13 +123,14 @@ const MiniToolbar = props => {
         label,
         icon: Icon
       }) => {
-        const isDisabled = popupType === type || type === 'undo' ? !canUndo : type === 'redo' ? !canRedo : false;
+        const isDisabled = popupType === type || type === "undo" ? !canUndo : type === "redo" ? !canRedo : false; // for textFormat type
+
         return /*#__PURE__*/_jsx(Tooltip, {
           arrow: true,
           title: label,
           disableHoverListener: toolTip,
           children: /*#__PURE__*/_jsx(IconButton, {
-            className: `${type === popper ? "active" : ""} ${type === 'undo' && !canUndo || type === 'redo' && !canRedo ? "disabled" : ""}`,
+            className: `${type === popper ? "active" : ""} ${type === "undo" && !canUndo || type === "redo" && !canRedo ? "disabled" : ""}`,
             onClick: handleClick(type),
             disabled: isDisabled,
             children: type === "page-settings" ? /*#__PURE__*/_jsx(PageSettingsButton, {

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

@@ -591,8 +591,9 @@ const usePopupStyle = theme => ({
       border: "1px solid #E4E8EB",
       maxHeight: "140px",
       background: theme?.palette?.editor?.background,
-      overflowY: "hidden",
+      // overflowY: "hidden",
       padding: "6px 12px 6px 0px",
+      overflowY: "scroll",
       "@media only screen and (max-width: 600px)": {
         marginTop: "-40px"
       }

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

@@ -22,6 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const ITEM_TYPES = ["child", "parent-container"];
+const EDIT_MODES = ["text", "form"];
 let hover_on = new Set();
 const RnD = props => {
   const rndRef = useRef(null);
@@ -180,7 +181,7 @@ const RnD = props => {
           });
           setSelectedElement({
             path: str_path,
-            enable: 2,
+            enable: EDIT_MODES.includes(childType) ? 2 : 1,
             cursor: "auto",
             anchorEl: rndRef?.current
           });

package/package.json

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