@flozy/editor 4.5.7 → 4.5.8

package/dist/Editor/utils/RnD/RnDCtrlCmds.js

@@ -1,7 +1,6 @@
 import { Editor, Transforms, Node, Path } from "slate";
 import { isSelectionInNodeType, getCaretPosition, onPasteRnDNode, bringItemToFB } from "../../helper";
 import focusOnNewItem from "../../helper/RnD/focusOnNewItem";
-import { ReactEditor } from "slate-react";
 const RND_ITEM_TYPES = ["freegrid", "freegridItem", "freegridBox"];
 const parsePath = path => path?.split("|").map(m => parseInt(m));
 const selectAll = (event, {
@@ -158,7 +157,7 @@ const onBringBack = (event, {
     console.log(err);
   }
 };
-export const onInsertFragment = ({
+export const onInsertFragment = async ({
   editor,
   slateNodes
 }) => {
@@ -182,20 +181,6 @@ export const onInsertFragment = ({
           setSelectedElement: window.updateSelectedItem
         });
       }
-    } else {
-      ReactEditor.focus(editor);
-      if (editor.children.length === 0) {
-        Transforms.insertNodes(editor, {
-          text: ""
-        }, {
-          at: [0]
-        });
-      }
-      Transforms.insertNodes(editor, [{
-        ...slateNodes
-      }], {
-        at: [editor.children.length - 1]
-      });
     }
   } catch (err) {
     console.log(err);

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -232,15 +232,6 @@ export const getMarked = (leaf, children, theme) => {
       })
     });
   }
-  if (leaf.highlight) {
-    children = /*#__PURE__*/_jsx("span", {
-      style: {
-        background: "#EAEBFE",
-        color: "inherit"
-      },
-      children: children
-    });
-  }
   if (leaf.decoration === "link") {
     children = /*#__PURE__*/_jsx("a", {
       style: {
@@ -538,15 +529,6 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx(Code, {
         ...props
       });
-    // RnD Focus Node
-    case "temp":
-      return /*#__PURE__*/_jsx("span", {
-        ...attributes,
-        ...element.attr,
-        className: "temp-focus-node",
-        contentEditable: false,
-        children: children
-      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js

@@ -1,9 +1,6 @@
 import { Editor, Transforms, Element as SlateElement } from "slate";
 import { Box } from "@mui/material";
 import { fontFamilyMap, sizeMap } from "../font";
-import Table from "../../Elements/Table/Table";
-import TableRow from "../../Elements/Table/TableRow";
-import TableCell from "../../Elements/Table/TableCell";
 import Mentions from "../../Elements/Mentions/Mentions";
 import CheckList from "../../Elements/List/CheckList";
 import { isEmptyTextNode } from "../../helper";
@@ -340,31 +337,11 @@ export const getBlock = props => {
         ...props,
         isEmpty: isEmpty
       });
-    case "table":
-      return /*#__PURE__*/_jsx(Table, {
-        ...props
-      });
-    case "table-head":
-      return /*#__PURE__*/_jsx("thead", {
-        children: children
-      });
-    case "table-body":
-      return /*#__PURE__*/_jsx("tbody", {
-        children: children
-      });
-    case "table-row":
-      return /*#__PURE__*/_jsx(TableRow, {
-        ...props
-      });
-    case "table-cell":
-      return /*#__PURE__*/_jsx(TableCell, {
-        ...props
-      });
     case "mention":
       return /*#__PURE__*/_jsx(Mentions, {
         ...props
       });
     default:
-      return;
+      return null;
   }
 };

package/dist/Editor/utils/customHooks/useResize.js

@@ -10,7 +10,7 @@ const useResize = ({
   const defaultSize = getBreakPointsValue(allSize);
   const {
     width,
-    height
+    height = 370
   } = parentDOM?.getBoundingClientRect() || {
     ...defaultSize
   };
@@ -50,10 +50,11 @@ const useResize = ({
     setSize(currentSize => {
       const calcWidth = (currentSize.width || width) + e.movementX;
       const cWP = calcWidth / width * 100;
+      const calcHeight = (parseInt(currentSize.height) || height) + e.movementY;
       const calc = {
-        width: calcWidth,
-        height: (parseInt(currentSize.height) || height) + e.movementY,
-        widthInPercent: cWP > 100 ? 100 : cWP
+        width: Math.max(calcWidth, 140),
+        height: Math.max(calcHeight, 50),
+        widthInPercent: cWP > 100 ? 100 : Math.max(cWP, 15)
       };
       latest = calc;
       return calc;

package/dist/Editor/utils/events.js

@@ -285,40 +285,4 @@ export const enterEvent = (e, editor, isMobile) => {
   } catch (err) {
     console.log(err);
   }
-};
-export const upDownArrowKeyEvents = (e, editor) => {
-  try {
-    const {
-      selection
-    } = editor;
-    if (!selection || Range.isCollapsed(selection)) {
-      return;
-    }
-    const parentPath = selection.anchor.path.slice(0, -1);
-    const nextNodePath = [...parentPath];
-    const index = parentPath[parentPath.length - 1];
-    const parentNode = Editor.parent(editor, parentPath);
-    if (parentNode.children[index + 1]) {
-      nextNodePath[parentPath.length - 1] += 1;
-    } else {
-      return;
-    }
-    Transforms.move(editor, {
-      distance: 0,
-      unit: 'offset',
-      reverse: false
-    });
-    Transforms.select(editor, {
-      anchor: {
-        path: nextNodePath,
-        offset: 0
-      },
-      focus: {
-        path: nextNodePath,
-        offset: 0
-      }
-    });
-  } catch (err) {
-    console.log(err);
-  }
 };

package/dist/Editor/utils/helper.js

@@ -1,4 +1,4 @@
-import { Editor, Node, Transforms, Element, Path } from "slate";
+import { Editor, Node, Transforms, Element, Path, Range } from "slate";
 import { ReactEditor } from "slate-react";
 import insertNewLine from "./insertNewLine";
 import { getDevice } from "../helper/theme";
@@ -471,19 +471,47 @@ export const editorThemeStyle = {
 export const getEditorTheme = (themeType = "light") => {
   return editorThemeStyle[themeType] || {};
 };
-export const isFreeGrid = (nodes, types = ["freegrid", "freegridItem", "freegridBox"]) => {
+export const getPreviousNode = editor => {
   try {
-    for (const node of nodes) {
-      if (types.includes(node.type)) {
-        return true;
-      }
-      if (node.children && isFreeGrid(node.children, types)) {
-        return true;
+    const parentPath = Path.parent(editor?.selection?.anchor?.path);
+    const previousPath = Path.previous(parentPath);
+    const previousNode = Node.get(editor, previousPath);
+    return {
+      previousNode,
+      previousPath
+    };
+  } catch (err) {
+    return;
+  }
+};
+export const isPageSettings = (event, editor) => {
+  let isPageSettingsNode = false;
+  try {
+    const {
+      selection
+    } = editor;
+    const cursorAtStartingPosition = !selection?.focus?.offset;
+    const textSelection = selection && !Range.isCollapsed(selection);
+    if (cursorAtStartingPosition && !textSelection) {
+      // on backspace, the node gonna delete will be the previous node from current position, that why getting the previous node
+      const {
+        previousNode,
+        previousPath
+      } = getPreviousNode(editor);
+      if (previousNode?.type === "page-settings") {
+        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;
       }
     }
-    return false;
+    return isPageSettingsNode;
   } catch (err) {
-    console.log('isFreeGrid error:', err);
-    return false;
+    // if there is no previous node error throws, user reached the starting node and startting position
+    isPageSettingsNode = true;
+    return isPageSettingsNode;
   }
 };

package/package.json

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

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js

@@ -1,53 +0,0 @@
-import SignaturePopup from "../../../../Elements/Signature/SignaturePopup";
-import { Path, Transforms } from "slate";
-import { formatDate } from "../../../../utils/helper";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const Signature = props => {
-  const {
-    onClose,
-    customProps,
-    editor,
-    path
-  } = props;
-  const pPath = path?.split("|")?.map(m => parseInt(m));
-  const element_path = [...pPath, 0];
-  const onSave = (data = {}) => {
-    onClear();
-    Transforms.insertNodes(editor, [{
-      type: "sign",
-      signature: null,
-      fontFamily: "",
-      signedBy: "",
-      signedOn: formatDate(new Date(), "MM/DD/YYYY"),
-      signedText: "",
-      children: [{
-        text: ""
-      }],
-      ...data
-    }], {
-      at: element_path
-    });
-    const parentPath = Path.parent(element_path);
-    Transforms.setNodes(editor, {
-      childType: "sign"
-    }, {
-      at: parentPath
-    });
-  };
-  const onClear = () => {
-    Transforms.removeNodes(editor, {
-      at: element_path
-    });
-  };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(SignaturePopup, {
-      onSave: onSave,
-      onClear: onClear,
-      handleClose: onClose,
-      customProps: customProps,
-      onlyPopup: true
-    })
-  });
-};
-export default Signature;

package/dist/Editor/helper/RnD/focusNode.js

@@ -1,74 +0,0 @@
-import { Editor, Transforms } from "slate";
-import { ReactEditor } from "slate-react";
-const TEMP_NODE_ID = "temp-focus-node";
-const ensureTemporaryFocusNode = (editor, selectedDOM) => {
-  // Check if the temporary focus node already exists
-  const {
-    left,
-    top
-  } = selectedDOM?.getBoundingClientRect();
-  const [tempNodeEntry] = Editor.nodes(editor, {
-    at: [],
-    match: n => n.temp === TEMP_NODE_ID
-  });
-  if (!tempNodeEntry) {
-    // If not, insert the temporary focus node at the start of the editor
-    Transforms.insertNodes(editor, {
-      type: "temp",
-      temp: TEMP_NODE_ID,
-      children: [{
-        type: "restrictedType",
-        text: ""
-      }],
-      left,
-      top
-    }, {
-      at: [editor.children.length]
-    });
-  }
-};
-export const focusUsingTemporaryNode = (editor, selectedDOM) => {
-  Transforms.deselect(editor);
-
-  // Ensure the temporary node exists
-  ensureTemporaryFocusNode(editor, selectedDOM);
-
-  // Select the temporary node without causing scroll
-  const [tempNodeEntry] = Editor.nodes(editor, {
-    at: [],
-    match: n => n.temp === TEMP_NODE_ID
-  });
-  if (tempNodeEntry) {
-    const [, path] = tempNodeEntry;
-    Transforms.select(editor, path);
-  }
-  ReactEditor.focus(editor);
-};
-export const cleanupTemporaryFocusNode = editor => {
-  // Remove the temporary focus node if it exists
-  for (const [, path] of Editor.nodes(editor, {
-    at: [],
-    match: n => n.temp === TEMP_NODE_ID
-  })) {
-    Transforms.removeNodes(editor, {
-      at: path
-    });
-  }
-};
-export const dragOverOn = (previousPath, currentPath) => {
-  try {
-    const previousElement = document.querySelector(`[data-dragoverid="${previousPath}"]`);
-    const currentElement = document.querySelector(`[data-dragoverid="${currentPath}"]`);
-    // Remove 'dragOver' class from the current element, if it exists
-    if (previousElement && previousElement.classList.contains("rnd-dragOver")) {
-      previousElement.classList.remove("rnd-dragOver");
-    }
-
-    // Add 'dragOver' class to the new element
-    if (currentElement) {
-      currentElement.classList.add("rnd-dragOver");
-    }
-  } catch (err) {
-    console.log(err);
-  }
-};

package/dist/Editor/hooks/useDragging.js

@@ -1,51 +0,0 @@
-import { useState, useCallback, useRef } from "react";
-const initialState = {
-  id: null,
-  active: false,
-  isDragging: 0,
-  dragOver: false,
-  dragOverType: null
-};
-const useDragging = () => {
-  const [dragging, setDragging] = useState({
-    ...initialState
-  });
-
-  // Ref to keep the latest draggingStatus
-  const draggingRef = useRef(dragging);
-  const updateDragging = newStatus => {
-    setDragging(prevStatus => {
-      const updatedStatus = {
-        ...prevStatus,
-        ...newStatus
-      };
-      draggingRef.current = updatedStatus; // Update the ref to hold latest status
-      return updatedStatus;
-    });
-  };
-  const startDragging = useCallback(data => {
-    // console.log("dragissue", "startDragging");
-    updateDragging({
-      ...data
-    });
-  }, []);
-  const stopDragging = useCallback(() => {
-    // console.log("dragissue", "stopDragging");
-    updateDragging({
-      ...initialState
-    });
-  }, []);
-  const setDragOver = useCallback(isOver => {
-    updateDragging({
-      dragOver: isOver
-    });
-  }, []);
-  return {
-    dragging,
-    draggingRef,
-    startDragging,
-    stopDragging,
-    setDragOver
-  };
-};
-export default useDragging;

package/dist/Editor/hooks/withRestrictedNodes.js

@@ -1,48 +0,0 @@
-import { Editor } from "slate";
-
-// Custom insertText that prevents updates in specific node types
-const withRestrictedNodes = editor => {
-  const {
-    insertText,
-    deleteBackward
-  } = editor;
-
-  // Override insertText
-  editor.insertText = text => {
-    const {
-      selection
-    } = editor;
-    if (selection) {
-      const [node] = Editor.node(editor, selection);
-      console.log(node);
-
-      // Prevent insertText if node type matches
-      if (node && node.type === "restrictedType") {
-        return; // Skip inserting text
-      }
-    }
-
-    // Call the original insertText if node type does not match
-    insertText(text);
-  };
-
-  // Similarly override deleteBackward if needed
-  editor.deleteBackward = (...args) => {
-    const {
-      selection
-    } = editor;
-    if (selection) {
-      const [node] = Editor.node(editor, selection);
-
-      // Prevent deletion if node type matches
-      if (node && node.type === "restrictedType") {
-        return; // Skip deleting text
-      }
-    }
-
-    // Call the original deleteBackward if node type does not match
-    deleteBackward(...args);
-  };
-  return editor;
-};
-export default withRestrictedNodes;

package/dist/Editor/utils/Decorators/highlightSelection.js

@@ -1,16 +0,0 @@
-import { Editor, Range, Text } from "slate";
-const highlightSelection = ([node, path], editor = {}) => {
-  if (Text.isText(node) && editor?.selection) {
-    const intersection = Range.intersection(editor.selection, Editor.range(editor, path));
-    if (intersection == null) {
-      return [];
-    }
-    const range = {
-      highlight: true,
-      ...intersection
-    };
-    return [range];
-  }
-  return [];
-};
-export default highlightSelection;