@flozy/editor 5.6.6 → 5.6.8

package/dist/Editor/CommonEditor.js

@@ -27,7 +27,7 @@ import DragAndDrop from "./common/DnD";
 import Section from "./common/Section";
 import decorators from "./utils/Decorators";
 import { getBreakpointLineSpacing, getTRBLBreakPoints } from "./helper/theme";
-import { getInitialValue, handleInsertLastElement, isFreeGrid, isFreeGridFragment, isPageSettings, outsideEditorClickLabel } from "./utils/helper";
+import { getInitialValue, handleInsertLastElement, isFreeGrid, isFreeGridFragment, isRestrictedNode, outsideEditorClickLabel } from "./utils/helper";
 import useWindowResize from "./hooks/useWindowResize";
 import PopoverAIInput from "./Elements/AI/PopoverAIInput";
 import RnDCopy from "./common/RnD/RnDCopy";
@@ -391,8 +391,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     } else if (event.key === "ArrowDown" && otherProps?.tagName !== "Pages") {
       upDownArrowKeyEvents(event, editor);
     } else if (event.key === "Backspace") {
-      const isPageSettingsNode = isPageSettings(event, editor);
-      if (isPageSettingsNode) {
+      const isNodeRestricted = isRestrictedNode(event, editor);
+      if (isNodeRestricted) {
         return;
       }
       const {
@@ -543,7 +543,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
                         transition: "all 0.3s",
                         minHeight: "87%",
                         maxWidth: pageMaxWidth ? `${parseInt(pageMaxWidth)}px !important` : "auto",
-                        paddingTop: hasTopBanner() ? '20px !important' : ''
+                        paddingTop: hasTopBanner() ? "20px !important" : ""
                       },
                       "data-info": outsideEditorClickLabel,
                       children: [/*#__PURE__*/_jsx(Editable, {

package/dist/Editor/Elements/Variables/Style.js

@@ -1,4 +1,4 @@
-const VariableStyles = () => ({
+const VariableStyles = theme => ({
   variablesItem: {
     color: "#2563EB",
     background: "#EEEEEE"
@@ -37,8 +37,26 @@ const VariableStyles = () => ({
     "& .MuiMenuItem-root": {
       color: "#64748B"
     },
+    "& .MuiPaper-root": {
+      borderRadius: '8px',
+      backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`
+    },
+    "& .MuiList-root": {
+      padding: '0px'
+    },
+    "& .MuiButtonBase-root": {
+      margin: '6px',
+      borderRadius: '8px',
+      padding: '6px 14px',
+      fontSize: '14px',
+      fontWeight: '400',
+      color: theme?.palette?.editor?.deletePopUpButtonTextColor,
+      "&:hover": {
+        background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
+      }
+    },
     "& .Mui-selected": {
-      backgroundColor: "rgba(0, 0, 0, 0.04) !important"
+      backgroundColor: 'unset !important'
     }
   }
 });

package/dist/Editor/Elements/Variables/VariableButton.js

@@ -3,11 +3,15 @@ import { useSlateStatic } from "slate-react";
 import { MenuItem, Select } from "@mui/material";
 import { insertVariables } from "../../utils/variables";
 import VariableStyles from "./Style";
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import KeyboardArrowDownRoundedIcon from '@mui/icons-material/KeyboardArrowDownRounded';
+import { useEditorContext } from "../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const VariableButton = props => {
-  const classes = VariableStyles();
+  const {
+    theme
+  } = useEditorContext();
+  const classes = VariableStyles(theme);
   const editor = useSlateStatic();
   const {
     options
@@ -24,7 +28,7 @@ const VariableButton = props => {
     value: "",
     sx: classes.variableBtn,
     onChange: updateVariable,
-    IconComponent: () => /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
+    IconComponent: () => /*#__PURE__*/_jsx(KeyboardArrowDownRoundedIcon, {}),
     MenuProps: {
       sx: classes.variableMenuItem,
       PaperProps: {

package/dist/Editor/commonStyle.js

@@ -49,6 +49,11 @@ const useCommonStyle = theme => ({
         fontWeight: "500",
         fontFamily: "Inter, sans-serif"
       },
+      "& .MuiPaper-root": {
+        border: `unset !important`,
+        borderRadius: '0px',
+        height: 'fit-content'
+      },
       "& p": {
         marginBottom: "7px",
         marginTop: "4px"

package/dist/Editor/utils/helper.js

@@ -593,8 +593,9 @@ export const getPreviousNode = editor => {
     return;
   }
 };
-export const isPageSettings = (event, editor) => {
-  let isPageSettingsNode = false;
+const isRestricted = node => node?.type === "page-settings" || node?.type === "site-settings" || node?.children?.some(child => child.type === "dataView");
+export const isRestrictedNode = (event, editor) => {
+  let isNodeRestricted = false;
   try {
     const {
       selection
@@ -607,21 +608,21 @@ export const isPageSettings = (event, editor) => {
         previousNode,
         previousPath
       } = getPreviousNode(editor) || {};
-      if (previousNode?.type === "page-settings") {
+      if (isRestricted(previousNode)) {
         event.preventDefault(); // stops deleting backward
 
         // move the cursor to node which is before page-settings node
         const pathBeforePageSettings = Path.previous(previousPath);
         const endPath = Editor.end(editor, pathBeforePageSettings);
         Transforms.select(editor, endPath);
-        isPageSettingsNode = true;
+        isNodeRestricted = true;
       }
     }
-    return isPageSettingsNode;
+    return isNodeRestricted;
   } catch (err) {
     // if there is no previous node error throws, user reached the starting node and startting position
-    isPageSettingsNode = true;
-    return isPageSettingsNode;
+    isNodeRestricted = true;
+    return isNodeRestricted;
   }
 };
 export function capitalizeFirstLetter(str) {

package/package.json

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