@flozy/editor 4.4.8 → 4.5.0

package/dist/Editor/hooks/withRestrictedNodes.js

@@ -0,0 +1,48 @@
+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/plugins/withHTML.js

@@ -114,23 +114,6 @@ const withHtml = editor => {
         const defaultInsert = loopChildren(decoded, true);
         if (defaultInsert) {
           insertData(data);
-          // } else if (editor.isChatEditor) {
-          //   // Only convert table to paragraphs if in chat editor mode
-          //   const paragraphs = decoded.map(row =>
-          //     row.children.map(cell =>
-          //       cell.children.map(paragraph =>
-          //         paragraph.children.map(textNode => textNode.text).join('')
-          //       ).join(' ')
-          //     ).join(' ')
-          //   ).join('\n'); // Joining with a newline for separate paragraphs
-
-          //   // Insert text as paragraphs
-          //   const textNodes = paragraphs.split('\n').map(text => ({
-          //     type: 'paragraph',
-          //     children: [{ text }]
-          //   }));
-
-          //   Transforms.insertNodes(editor, textNodes);
         } else {
           // do not paste table, grid inside table cell
           // only plain text for internal paste
@@ -144,9 +127,6 @@ const withHtml = editor => {
       const parsed = new DOMParser().parseFromString(html, "text/html");
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
-        if (editor.isChatEditor) {
-          return;
-        }
         const table = parsed.body.querySelector("table");
         const colGrp = table.querySelector("colgroup");
         if (colGrp) {
@@ -158,15 +138,6 @@ const withHtml = editor => {
       }
       const fragment = deserialize(parsed.body);
       const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
-      let is_img_table = false;
-      formattedFragment.map(f => {
-        if (f.type === 'image' || f?.type?.includes('table')) {
-          is_img_table = true;
-        }
-      });
-      if (editor.isChatEditor && is_img_table) {
-        return;
-      }
       handleInsert(editor, () => Transforms.insertFragment(editor, formattedFragment), formattedFragment);
       return;
     } else {

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

@@ -0,0 +1,16 @@
+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;

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

@@ -1,5 +1,6 @@
+import highlightSelection from "./highlightSelection";
 import link from "./link";
-const decorators = d => {
-  return [...link(d)];
+const decorators = (d, editor) => {
+  return [...link(d, editor), ...highlightSelection(d, editor)];
 };
 export default decorators;

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

@@ -157,7 +157,7 @@ const onBringBack = (event, {
     console.log(err);
   }
 };
-export const onInsertFragment = async ({
+export const onInsertFragment = ({
   editor,
   slateNodes
 }) => {
@@ -181,6 +181,18 @@ export const onInsertFragment = async ({
           setSelectedElement: window.updateSelectedItem
         });
       }
+    } else {
+      // if no selection place items at last
+      const np = onPasteRnDNode(editor, {
+        path: [editor.children.length - 1, 0],
+        children: [],
+        slateNodes: slateNodes
+      });
+      if (np && window.updateSelectedItem) {
+        focusOnNewItem(editor, np, {
+          setSelectedElement: window.updateSelectedItem
+        });
+      }
     }
   } catch (err) {
     console.log(err);

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -232,6 +232,15 @@ 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: {
@@ -529,6 +538,15 @@ 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,6 +1,9 @@
 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";
@@ -337,11 +340,31 @@ 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 null;
+      return;
   }
 };

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

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

package/dist/Editor/utils/events.js

@@ -285,4 +285,40 @@ 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

@@ -471,10 +471,19 @@ export const editorThemeStyle = {
 export const getEditorTheme = (themeType = "light") => {
   return editorThemeStyle[themeType] || {};
 };
-export const getPreviousNode = editor => {
+export const isFreeGrid = (nodes, types = ["freegrid", "freegridItem", "freegridBox"]) => {
   try {
-    const parentPath = Path.parent(editor?.selection?.anchor?.path);
-    const prevPath = Path.previous(parentPath);
-    return getNode(editor, prevPath);
-  } catch (err) {}
+    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;
+  }
 };

package/package.json

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