@flozy/editor 4.8.1 → 4.8.3

package/dist/Editor/CommonEditor.js

@@ -320,9 +320,10 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const renderElement = useCallback(props => {
     return /*#__PURE__*/_jsx(Element, {
       ...props,
-      customProps: customProps
+      customProps: customProps,
+      theme: theme
     });
-  }, []);
+  }, [theme]);
   const renderLeaf = useCallback(props => {
     return /*#__PURE__*/_jsx(Leaf, {
       ...props,

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

@@ -45,10 +45,9 @@ const useFreeGridStyles = ({
           }
         },
         "&.type_text": {
-          minHeight: "fit-content !important"
+          // minHeight: "fit-content !important",
           // wordBreak: "break-all",
         },
-
         "&.enable-1, &.enable-2": {
           "&.type_text": {
             // for dark theme

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

@@ -7,7 +7,7 @@ import TuneIcon from "@mui/icons-material/Tune";
 import SectionPopup from "../../Elements/Grid/SectionPopup";
 import { getBreakPointsValue, getTRBLBreakPoints, groupByBreakpoint } from "../../helper/theme";
 import DragHandle from "../DnD/DragHandleButton";
-import { useEditorContext, useEditorSelection } from "../../hooks/useMouseMove";
+import { useEditorSelection } from "../../hooks/useMouseMove";
 import SectionStyle from "./styles";
 import useWindowResize from "../../hooks/useWindowResize";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -16,9 +16,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 const list_types = ["orderedList", "unorderedList"];
 const Section = props => {
   const themeReact = useTheme();
-  const {
-    theme
-  } = useEditorContext();
+  const theme = props?.theme;
   const classes = SectionStyle(themeReact, theme);
   const {
     children,

package/dist/Editor/plugins/withCustomDeleteBackward.js

@@ -1,11 +1,13 @@
-import { Editor, Node, Path, Transforms } from "slate";
+import { Editor, Node, Path, Point, Transforms } from "slate";
+import { getNextNode } from "../utils/helper";
 const isNodeTextEmpty = node => {
   const nodeText = Node.string(node);
   return nodeText.trim() === "";
 };
 const withCustomDeleteBackward = editor => {
   const {
-    deleteBackward
+    deleteBackward,
+    deleteForward
   } = editor;
 
   // Override deleteBackward
@@ -54,6 +56,42 @@ const withCustomDeleteBackward = editor => {
     // Fall back to default delete behavior if conditions are not met
     deleteBackward(...args);
   };
+  editor.deleteForward = (...args) => {
+    const {
+      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;
+          }
+
+          // 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;
+        }
+      }
+    }
+    deleteForward(...args);
+  };
   return editor;
 };
 export default withCustomDeleteBackward;

package/dist/Editor/utils/helper.js

@@ -500,6 +500,19 @@ export const isFreeGrid = (nodes, types = ["freegrid", "freegridItem", "freegrid
     return false;
   }
 };
+export const getNextNode = editor => {
+  try {
+    const parentPath = [editor?.selection?.focus?.path[0]];
+    const nextPath = Path.next(parentPath);
+    const nextNode = Node.get(editor, nextPath);
+    return {
+      nextPath,
+      nextNode
+    };
+  } catch (err) {
+    return;
+  }
+};
 export const getPreviousNode = editor => {
   try {
     const parentPath = Path.parent(editor?.selection?.anchor?.path);
@@ -526,7 +539,7 @@ export const isPageSettings = (event, editor) => {
       const {
         previousNode,
         previousPath
-      } = getPreviousNode(editor);
+      } = getPreviousNode(editor) || {};
       if (previousNode?.type === "page-settings") {
         event.preventDefault(); // stops deleting backward
 

package/package.json

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