@flozy/editor 4.6.1 → 4.6.2

package/dist/Editor/utils/events.js

@@ -282,77 +282,6 @@ export const enterEvent = (e, editor, isMobile) => {
         default:
       }
     }
-    // Handle blockquote splitting
-    const [blockquote] = Editor.nodes(editor, {
-      match: n => Element.isElement(n) && n.type === "blockquote"
-    });
-    if (blockquote) {
-      e.preventDefault();
-      const {
-        selection
-      } = editor;
-      if (selection && Range.isCollapsed(selection)) {
-        const isAtEnd = Editor.isEnd(editor, selection.anchor, blockquote[1]);
-        if (isAtEnd) {
-          Transforms.insertNodes(editor, {
-            type: "paragraph",
-            children: [{
-              text: ""
-            }]
-          });
-          const newLocation = Editor.after(editor, selection);
-          if (newLocation) {
-            Transforms.select(editor, newLocation);
-          }
-        } else {
-          Transforms.splitNodes(editor, {
-            always: true
-          });
-          Transforms.setNodes(editor, {
-            type: "paragraph"
-          }, {
-            at: editor.selection
-          });
-        }
-      }
-      return;
-    }
-  } 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

@@ -471,22 +471,6 @@ export const editorThemeStyle = {
 export const getEditorTheme = (themeType = "light") => {
   return editorThemeStyle[themeType] || {};
 };
-export const isFreeGrid = (nodes, types = ["freegrid", "freegridItem", "freegridBox"]) => {
-  try {
-    for (const node of nodes) {
-      if (types.includes(node.type)) {
-        return true;
-      }
-      if (node.children && isFreeGrid(node.children, types)) {
-        return true;
-      }
-    }
-    return false;
-  } catch (err) {
-    console.log("isFreeGrid error:", err);
-    return false;
-  }
-};
 export const getPreviousNode = editor => {
   try {
     const parentPath = Path.parent(editor?.selection?.anchor?.path);

package/package.json

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

package/dist/Editor/Elements/Divider/DividerPopup.js

@@ -1,24 +0,0 @@
-import React from "react";
-import StyleBuilder from "../../common/StyleBuilder";
-import dividerStyle from "../../common/StyleBuilder/dividerStyles";
-import { jsx as _jsx } from "react/jsx-runtime";
-const DividerPopup = props => {
-  const {
-    element,
-    onSave,
-    onClose,
-    onDelete,
-    customProps
-  } = props;
-  return /*#__PURE__*/_jsx(StyleBuilder, {
-    title: "Divider",
-    type: "dividerStyle",
-    element: element,
-    onSave: onSave,
-    onClose: onClose,
-    renderTabs: dividerStyle,
-    onDelete: onDelete,
-    customProps: customProps
-  });
-};
-export default DividerPopup;

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/common/RnD/ElementSettings/Settings/DividerSettings.js

@@ -1,49 +0,0 @@
-import React from "react";
-import { Transforms, Node } from "slate";
-import { Box } from "@mui/material";
-import { StyleContent } from "../../../StyleBuilder";
-import dividerStyle from "../../../StyleBuilder/dividerStyles";
-import { jsx as _jsx } from "react/jsx-runtime";
-const DividerSettings = props => {
-  const {
-    editor,
-    path,
-    customProps
-  } = props;
-  const item_path = path?.split("|").map(m => parseInt(m));
-  const element_path = [...item_path, 0];
-  const element = Node.get(editor, element_path);
-  const onChange = data => {
-    console.log("🚀 ~ onChange ~ data:", data);
-    console.log("🚀 ~ onChange ~ element:", element);
-    const updated_props = {
-      ...element,
-      ...data,
-      field_type: data?.element
-    };
-    delete updated_props.children;
-    Transforms.setNodes(editor, {
-      ...updated_props
-    }, {
-      at: element_path
-    });
-  };
-  const handleClose = () => {
-    console.log("close");
-  };
-  return /*#__PURE__*/_jsx(Box, {
-    component: "div",
-    className: "item-w",
-    children: dividerStyle?.map((m, i) => {
-      return /*#__PURE__*/_jsx(StyleContent, {
-        renderTabs: dividerStyle,
-        value: m.value,
-        element: element,
-        onChange: onChange,
-        customProps: customProps,
-        handleClose: handleClose
-      }, `tab_${m.value}_$${i}`);
-    })
-  });
-};
-export default DividerSettings;

package/dist/Editor/common/StyleBuilder/dividerStyles.js

@@ -1,56 +0,0 @@
-import Icon from "../Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-const dividerStyle = [{
-  tab: "Border",
-  value: "sectionBorderRadius",
-  fields: [{
-    label: "Divider Color",
-    key: "borderColor",
-    type: "color",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }, {
-    label: "Divider Width",
-    key: "borderWidth",
-    type: "text",
-    placeholder: "1px",
-    width: 6
-  }, {
-    label: "Divider Style",
-    key: "borderStyle",
-    type: "textOptions",
-    width: 6,
-    options: [{
-      text: "Solid",
-      value: "solid"
-    }, {
-      text: "Dotted",
-      value: "dotted"
-    }, {
-      text: "Dashed",
-      value: "dashed"
-    }, {
-      text: "Double",
-      value: "double"
-    }, {
-      text: "Groove",
-      value: "groove"
-    }, {
-      text: "Ridge",
-      value: "ridge"
-    }, {
-      text: "Inset",
-      value: "inset"
-    }, {
-      text: "Outset",
-      value: "outset"
-    }],
-    renderOption: option => {
-      return /*#__PURE__*/_jsx("span", {
-        children: option.text
-      });
-    }
-  }]
-}];
-export default dividerStyle;

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;