@flozy/editor 5.0.4 → 5.0.6

package/dist/Editor/Elements/Table/TableCell.js

@@ -188,9 +188,6 @@ const TableCell = props => {
     setHoverPath(null);
   };
   const onMouseDownInCell = e => {
-    if (!contentEditable) {
-      e.preventDefault();
-    }
     if (
     // for shift selection
     e.shiftKey && startCellPath?.length && startCellPath.toString() !== path.toString()) {
@@ -218,13 +215,6 @@ const TableCell = props => {
     const selectionPath = currentEditorSelection?.slice(0, -2);
     const isCellSelected = selectionPath?.length && Path.equals(selectionPath, path);
     if (!isCellSelected) {
-      // focus the clicked cell
-      ReactEditor.focus(editor);
-      Transforms.select(editor, {
-        anchor: Editor.end(editor, path),
-        focus: Editor.end(editor, path)
-      });
-
       // after mousedown event, onclick is triggered, while onclick, dragging should be disabled and focus should be on that clicked cell to edit the contents inside it.
       updateTableSelection({
         isDragging: false
@@ -238,9 +228,11 @@ const TableCell = props => {
     const props = {
       id: cellId
     };
-    if (!contentEditable) {
-      props.contentEditable = false;
-    }
+
+    // if (!contentEditable) {
+    //   props.contentEditable = false;
+    // }
+
     return props;
   }, [contentEditable, cellId]);
   const handleTouchMove = e => {
@@ -256,7 +248,7 @@ const TableCell = props => {
       isDragging: false
     });
   };
-  const tbProps = resizing || over || readOnly ? {
+  const tbProps = tableResizing || resizing || over || readOnly ? {
     ...commonTdProps,
     contentEditable: false
   } : {
@@ -405,6 +397,7 @@ const TableCell = props => {
         fontSize: entireTextSize || "inherit",
         color: entireTextColor || "inherit",
         cursor: "text",
+        verticalAlign: "top",
         ...(sizeProps || {})
       },
       ...tbProps,
@@ -417,26 +410,33 @@ const TableCell = props => {
         ...dndProps,
         dragType: currentDraggingType,
         tableDOM: tableDOM
-      }) : null, children, isHeader && !readOnly && tableSize?.height && !showTool ? /*#__PURE__*/_jsx(Resizer, {
+      }) : null, /*#__PURE__*/_jsx("div", {
+        style: {
+          overflow: "auto hidden"
+        },
+        children: children
+      }), isHeader && !readOnly && tableSize?.height && !showTool ? /*#__PURE__*/_jsx(Resizer, {
         classes: classes,
         onMouseDown: onMouseDown,
         height: tableDOM.getBoundingClientRect()?.height
-      }) : null, hasSelected && !readOnly ? /*#__PURE__*/_jsx("div", {
+      }) : null, hasSelected && !readOnly && !tableResizing ? /*#__PURE__*/_jsx("div", {
         className: "selection-area-tc",
         contentEditable: false
-      }) : null, showColDrag || isColDragging ? /*#__PURE__*/_jsx(DragButton, {
+      }) : null, /*#__PURE__*/_jsx(DragButton, {
         ...commonDragBtnProps,
         placement: "top",
         dragType: "col",
         onDrag: onColDrag,
-        hideDelete: rowProps?.children?.length <= 1
-      }) : null, showRowDragBtn ? /*#__PURE__*/_jsx(DragButton, {
+        hideDelete: rowProps?.children?.length <= 1,
+        show: showColDrag || isColDragging
+      }), /*#__PURE__*/_jsx(DragButton, {
         ...commonDragBtnProps,
         dragType: "row",
         onDrag: onRowDrag,
         hideDelete: parentProps?.children?.length <= 1,
-        className: dragRowBtnCls
-      }) : null]
+        className: dragRowBtnCls,
+        show: showRowDragBtn
+      })]
     }), openSettings ? /*#__PURE__*/_jsx(TablePopup, {
       element: tableProps?.styleProps || {},
       customProps: customProps,

package/dist/Editor/Elements/Table/tableHelper.js

@@ -23,7 +23,7 @@ export const getRectangleBounds = tableSelection => {
   }
   return selectedPaths;
 };
-export const createCopiedTableStructure = (editor, tableSelection, currentTableNode, tablePath, selectedText) => {
+export const createCopiedTableStructure = (editor, tableSelection, currentTableNode, tablePath) => {
   const selectedCells = getRectangleBounds(tableSelection);
   const formattedCells = selectedCells.map(cell => cell.slice(-2));
   const tableChild = [];
@@ -42,19 +42,7 @@ export const createCopiedTableStructure = (editor, tableSelection, currentTableN
     columnIndexes.forEach((columnIndex, col_i) => {
       const cellPath = [...tablePath, rowIndex, columnIndex];
       const columnNode = getNode(editor, cellPath);
-      const cellNode = selectedText // we can select text in only one column
-      ? {
-        ...columnNode,
-        type: "table-cell",
-        children: [{
-          type: "paragraph",
-          children: [{
-            text: selectedText
-          }],
-          cellBgColor: "#FFFFFF"
-        }]
-      } : columnNode;
-      row.children.push(cellNode);
+      row.children.push(columnNode);
     });
     tableChild.push(row);
   });
@@ -67,13 +55,13 @@ export const createCopiedTableStructure = (editor, tableSelection, currentTableN
 
   return table;
 };
-export const tableNodeToDom = (tableNode, selectedText) => {
+export const tableNodeToDom = tableNode => {
   const tableEle = document.createElement("table");
   tableNode.children?.forEach(row => {
     const rowEle = document.createElement("tr");
     row?.children?.forEach(cell => {
       const cellEle = document.createElement("td");
-      const cellText = selectedText || serializeToText(cell);
+      const cellText = serializeToText(cell);
       cellEle.innerHTML = cellText;
       rowEle.appendChild(cellEle);
     });

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -92,7 +92,7 @@ const PopupTool = props => {
     }
   }, [selection, selectedElement?.path, selectedElement?.enable]);
   const handleClose = () => {
-    setAnchorEl(null);
+    // setAnchorEl(null);
     setOpen(false);
     setPopupType("");
   };

package/dist/Editor/Toolbar/Toolbar.js

@@ -32,6 +32,7 @@ import ColorboxButton from "../Elements/Colorbox/ColorboxButton.js";
 import DividerButton from "../Elements/Divider/DividerButton.js";
 import EmbedScript from "../Elements/EmbedScript/EmbedScript.js";
 import FreeGridButton from "../Elements/FreeGrid/FreeGridButton.js";
+import DataViewButton from "../Elements/DataView/DataViewButton.js";
 import SearchButton from "../Elements/Search/SearchButton.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -118,6 +119,11 @@ export const RenderToolbarIcon = props => {
           editor: editor,
           icoBtnType: icoBtnType
         }, element.id);
+      case "dataView":
+        return /*#__PURE__*/_jsx(DataViewButton, {
+          editor: editor,
+          icoBtnType: icoBtnType
+        }, element.id);
       case "id":
         return /*#__PURE__*/_jsx(Id, {
           editor: editor

package/dist/Editor/Toolbar/toolbarGroups.js

@@ -191,6 +191,10 @@ export const toolbarGroups = [[{
   id: 42,
   type: "table",
   group: "elements"
+}, {
+  id: 51,
+  type: "dataView",
+  group: "elements"
 }, {
   id: 48,
   format: "divider",

package/dist/Editor/assets/svg/OpenLinkIcon.js

@@ -9,19 +9,19 @@ const OpenLinkIcon = props => {
     xmlns: "http://www.w3.org/2000/svg",
     children: [/*#__PURE__*/_jsx("path", {
       d: "M7.58325 6.41615L12.3666 1.63281",
-      stroke: "#0F172A",
+      stroke: "#64748B",
       strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
       d: "M12.8334 3.96602V1.16602H10.0334",
-      stroke: "#0F172A",
+      stroke: "#64748B",
       strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
       d: "M6.41675 1.16602H5.25008C2.33341 1.16602 1.16675 2.33268 1.16675 5.24935V8.74935C1.16675 11.666 2.33341 12.8327 5.25008 12.8327H8.75008C11.6667 12.8327 12.8334 11.666 12.8334 8.74935V7.58268",
-      stroke: "#0F172A",
+      stroke: "#64748B",
       strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"

package/dist/Editor/common/Icon.js

@@ -11,6 +11,7 @@ import ArrowRightIcon from "@mui/icons-material/ArrowRight";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
 import EmailRoundedIcon from "@mui/icons-material/EmailRounded";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+import GridOnIcon from "@mui/icons-material/GridOn";
 import { AccordionTextFormatIcon, BoldTextFormatIcon, BulletedListTextFormatIcon, ButtonElementIcon, CarouselElementIcon, CheckListTextFormatIcon, ColorBoxElementIcon, DividerElementIcon, DocUploadElementIcon, EmbedElementIcon, EmojiElementIcon, FormElementIcon, GridElementIcon, H1, H2, H3, ImageElementIcon, ItalicTextFormatIcon, LinkIconV2, OrderedListTextFormatIcon, SignatureElementIcon, TableElementIcon, TopBannerElementIcon, UnderlineTextFormatIcon, VideoElementIcon, CalendlyIcon, LeftAlignTextFormat, CenterAlignTextFormat, RightAlignTextFormat, JustifyTextFormat, FreeGridElement, AppHeaderElement, CodeElementIcon } from "./iconListV2";
 import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
 import SettingsIcon from "../assets/svg/SettingsIcon";
@@ -24,7 +25,7 @@ import { BrainIcon } from "../assets/svg/BrainIcon";
 import DocsIcon from "../assets/svg/DocsIcon";
 import UserIcon from "../assets/svg/UserIcon";
 import EditIcon from "@mui/icons-material/Edit";
-import DeleteIcon from '@mui/icons-material/Delete';
+import DeleteIcon from "@mui/icons-material/Delete";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const iconList = {
@@ -270,6 +271,11 @@ const iconList = {
   addElement: /*#__PURE__*/_jsx(AddElementIcon, {}),
   addTemplate: /*#__PURE__*/_jsx(AddTemplateIcon, {}),
   openLinkIcon: /*#__PURE__*/_jsx(OpenLinkIcon, {}),
+  dataView: /*#__PURE__*/_jsx(GridOnIcon, {
+    sx: {
+      fill: "#64748B"
+    }
+  }),
   brain: /*#__PURE__*/_jsx(BrainIcon, {}),
   docsIcon: /*#__PURE__*/_jsx(DocsIcon, {}),
   userIcon: /*#__PURE__*/_jsx(UserIcon, {}),

package/dist/Editor/common/MentionsPopup/Styles.js

@@ -13,13 +13,21 @@ const usePopupStyles = theme => ({
       "& .MuiBox-root": {
         "& .renderComp": {
           padding: "2px 0px 2px 1px",
-          background: "transparent !important"
+          background: "transparent !important",
+          "&:hover": {
+            borderRadius: "10px",
+            background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
+          }
         },
         "& button": {
-          padding: "0px 0px 0px 6px",
+          padding: "0px 0px 0px 4px !important",
           "& svg": {
-            // width: "19px !important",
-            paddingRight: "6px"
+            width: "18px !important",
+            margin: "5px 12px 6px 6px !important"
+          },
+          "&:hover": {
+            borderRadius: "10px",
+            background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
           }
         },
         "& .active": {

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

@@ -97,7 +97,7 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
         id: `cmd-li-ind-${index}}`,
         component: "div",
         onClick: handleClick(char, i),
-        className: `${i === index ? "active" : " "} ${char.renderComponent ? "renderComp" : ""}`,
+        className: `${type !== 'elements' && i === index ? "active" : " "} ${char.renderComponent ? "renderComp" : ""}`,
         sx: classes.listItem,
         ref: i === index ? papperRef : null,
         children: char.renderComponent ? char.renderComponent({

package/dist/Editor/common/Shorthands/elements.js

@@ -13,6 +13,7 @@ import { insertDivider } from "../../utils/divider";
 import { insertFreeGrid } from "../../utils/freegrid";
 import { Transforms } from "slate";
 import { insertInfinityAI } from "../../utils/infinityAI";
+import { insertDataView } from "../../utils/dataView";
 import SearchButton from "../../Elements/Search/SearchButton";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ELEMENTS_LIST = [{
@@ -158,7 +159,7 @@ const ELEMENTS_LIST = [{
   renderComponent: rest => /*#__PURE__*/_jsx(SearchButton, {
     ...rest,
     element: {
-      name: 'Brain'
+      name: "Brain"
     },
     icoBtnType: "cmd"
   })
@@ -262,6 +263,17 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     insertInfinityAI(editor);
   }
+}, {
+  name: "Dynamic Table",
+  group: "Dynamic Table",
+  desc: "",
+  type: "dataView",
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: "dataView"
+  }),
+  onInsert: editor => {
+    insertDataView(editor);
+  }
 }];
 const elements = props => {
   const {

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

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const allTools = toolbarGroups.flat();
 const fontWeight = allTools.find(f => f.format === "fontWeight");
 function getKey(prefix, key) {
-  const settingKey = prefix === "col" ? capitalizeFirstLetter(key) : key;
+  const settingKey = prefix === "col" ? `entire${capitalizeFirstLetter(key)}` : key;
   return `${prefix}.${settingKey}`;
 }
 function getCommonSettings(prefix) {

package/dist/Editor/common/SwipeableDrawer/style.js

@@ -6,7 +6,7 @@ const Styles = theme => ({
     "& .MuiDrawer-paper": {
       borderTopLeftRadius: 8,
       borderTopRightRadius: 8,
-      backgroundColor: theme.palette.containers.card
+      backgroundColor: theme?.palette?.editor?.miniToolBarBackground
     }
   },
   childContainer: {

package/dist/Editor/common/iconslist.js

@@ -1343,19 +1343,22 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    className: "fillStroke"
   }), /*#__PURE__*/_jsx("path", {
     d: "M10.1733 6.125V14.875",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    className: "fillStroke"
   }), /*#__PURE__*/_jsx("path", {
     d: "M5.79834 10.5H14.5483",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    className: "fillStroke"
   })]
 });
 export const FormIcon = () => {

package/dist/Editor/hooks/useTable.js

@@ -123,21 +123,20 @@ export const TableProvider = ({
       try {
         const isTextSelected = editor?.selection && !Range.isCollapsed(editor.selection);
         const customCopy = tableSelection?.startCellPath?.length;
-        if (customCopy) {
+        if (customCopy && !isTextSelected) {
           event.preventDefault(); // Prevent default copy behavior
 
           const {
             tablePath
           } = otherProps;
           const [node] = Editor.node(editor, tablePath);
-          const selectedText = isTextSelected ? Editor.string(editor, editor.selection) : "";
-          const copiedTableNode = createCopiedTableStructure(editor, tableSelection, node, tablePath, selectedText);
+          const copiedTableNode = createCopiedTableStructure(editor, tableSelection, node, tablePath);
           const tableNode = [copiedTableNode];
           const encodedTableNode = encodeToBase64(tableNode);
           event.clipboardData.setData("application/x-slate-fragment", encodedTableNode);
-          const textData = selectedText || serializeToText(tableNode);
+          const textData = serializeToText(tableNode);
           event.clipboardData.setData("text/plain", textData);
-          const tableDom = tableNodeToDom(copiedTableNode, selectedText);
+          const tableDom = tableNodeToDom(copiedTableNode);
           event.clipboardData.setData("text/html", tableDom?.outerHTML);
         }
       } catch (err) {

package/dist/Editor/plugins/withEmbeds.js

@@ -22,7 +22,7 @@ const withEmbeds = editor => {
       const parentNode = Node.get(editor, parentPath);
       const previousPath = Path.previous(parentPath);
       const previousNode = Node.get(editor, previousPath);
-      if (BlockTypes.includes(previousNode?.children[0]?.type) && parentNode?.type?.indexOf("heading") >= 0) {
+      if (BlockTypes.includes(previousNode?.children[0]?.type) && parentNode?.type?.indexOf("heading") >= 0 && editor.selection.focus.offset === 0) {
         insertNodes(...[{
           type: "paragraph",
           children: [{

package/dist/Editor/plugins/withHTML.js

@@ -68,6 +68,12 @@ const handleInsert = (editor, defaultInsert, fragment = []) => {
     defaultInsert();
   }
 };
+const getTableCellChild = (fragment = []) => {
+  const table = fragment.find(node => node.type === "table");
+  const row = table?.children?.find(node => node.type === "table-row");
+  const cell = row?.children?.find(node => node.type === "table-cell");
+  return cell?.children || [];
+};
 const formatFragment = {
   "list-item": fragment => {
     let refactorFragment = [];
@@ -104,9 +110,19 @@ const withHtml = editor => {
     const slateHTML = data?.getData("application/x-slate-fragment");
     const html = data?.getData("text/html");
     const currentEl = getCurrentElement(editor);
-    const eltype = currentEl?.type;
+    let eltype = currentEl?.type;
     if (slateHTML && !formatFragment[eltype]) {
+      const [tableCellNode] = Editor.nodes(editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
+      });
       const decoded = decodeAndParseBase64(slateHTML);
+      if (tableCellNode) {
+        const tableCellChild = getTableCellChild(decoded);
+        if (tableCellChild?.length) {
+          Transforms.insertFragment(editor, tableCellChild);
+          return;
+        }
+      }
       const [tableNode] = Editor.nodes(editor, {
         match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
       });
@@ -160,7 +176,7 @@ const withHtml = editor => {
       const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
       let is_img_table = false;
       formattedFragment.map(f => {
-        if (f.type === 'image' || f?.type?.includes('table')) {
+        if (f.type === "image" || f?.type?.includes("table")) {
           is_img_table = true;
         }
       });

package/dist/Editor/plugins/withLayout.js

@@ -56,8 +56,55 @@ const withLayout = editor => {
           }]
         };
         Transforms.insertNodes(editor, paragraph, {
-          at: path.concat(1)
+          at: [0]
         });
+        return;
+      }
+      const extractFirstText = node => {
+        if (node.text) {
+          return node.text;
+        }
+        if (node.children) {
+          for (const child of node.children) {
+            const text = extractFirstText(child);
+            if (text) {
+              return text;
+            }
+          }
+        }
+        return "";
+      };
+      const extractRemainingNodes = node => {
+        if (!node.children) {
+          return [];
+        }
+        const [, ...remainingChildren] = node.children;
+        return remainingChildren.map(child => ({
+          ...child
+        }));
+      };
+      const firstNode = editor.children[0];
+      const firstContent = extractFirstText(firstNode);
+      if (firstNode.type !== "title") {
+        const titleNode = {
+          type: "title",
+          children: [{
+            text: firstContent
+          }]
+        };
+        Transforms.removeNodes(editor, {
+          at: [0]
+        });
+        Transforms.insertNodes(editor, titleNode, {
+          at: [0],
+          select: true
+        });
+        const remainingNodes = extractRemainingNodes(firstNode);
+        if (remainingNodes.length > 0) {
+          Transforms.insertNodes(editor, remainingNodes, {
+            at: [1]
+          });
+        }
       }
       ORDERS_LAYOUT.forEach((enforce, index) => {
         if (index < editor.children.length) {

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -43,6 +43,9 @@ import Code from "../Elements/EmbedScript/Code";
 import FreeGrid from "../Elements/FreeGrid/FreeGrid";
 import FreeGridItem from "../Elements/FreeGrid/FreeGridItem";
 import FreeGridBox from "../Elements/FreeGrid/FreeGridBox";
+import DataView from "../Elements/DataView/DataView";
+import ViewData from "../Elements/DataView/Layouts/ViewData";
+import ColumnView from "../Elements/DataView/Layouts/ColumnView";
 import SearchAttachment from "../Elements/Search/SearchAttachment";
 // import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -564,6 +567,19 @@ export const getBlock = props => {
         contentEditable: false,
         children: children
       });
+    // Data View
+    case "dataView":
+      return /*#__PURE__*/_jsx(DataView, {
+        ...props
+      });
+    case "viewData":
+      return /*#__PURE__*/_jsx(ViewData, {
+        ...props
+      });
+    case "columnView":
+      return /*#__PURE__*/_jsx(ColumnView, {
+        ...props
+      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/dataView.js

@@ -0,0 +1,43 @@
+import { Transforms } from "slate";
+const getDefaultDatView = () => ({
+  type: "paragraph",
+  children: [{
+    type: "dataView",
+    title: "",
+    layouts: [{
+      key: "view1",
+      type: "table",
+      label: "Table 1 View",
+      value: "table1",
+      filter: [],
+      sort: []
+    }],
+    properties: [{
+      key: "column1",
+      label: "Task",
+      type: "text",
+      visible: true,
+      default: true
+    }],
+    rows: [{
+      id: new Date().getTime(),
+      column1: ""
+    }],
+    children: [{
+      type: "viewData",
+      children: [{
+        text: ""
+      }]
+    }]
+  }]
+});
+export const insertDataView = editor => {
+  try {
+    Transforms.insertNodes(editor, {
+      ...getDefaultDatView()
+    });
+    Transforms.move(editor);
+  } catch (err) {
+    console.log(err);
+  }
+};

package/dist/Editor/utils/embed.js

@@ -1,5 +1,5 @@
 import { Transforms } from "slate";
-import insertNewLine from "./insertNewLine";
+import insertNewLine, { insertNewLineAfterCurrentPath } from "./insertNewLine";
 export const insertDefaultEmbed = (editor, type, defaultURL = "", extProps = {}) => {
   try {
     const url = defaultURL ? defaultURL : type === "image" ? "" : "";
@@ -56,6 +56,7 @@ export const insertEmbed = (editor, embedData, format) => {
       at: editor.selection.anchor.path
     });
     insertNewLine(editor);
+    insertNewLineAfterCurrentPath(editor);
   } catch (err) {
     console.log(err);
   }

package/dist/Editor/utils/helper.js

@@ -626,4 +626,22 @@ export const isPageSettings = (event, editor) => {
 export function capitalizeFirstLetter(str) {
   if (!str) return str;
   return str.charAt(0).toUpperCase() + str.slice(1);
-}
+}
+export const insertLineBreakAtEndOfPath = (editor, path) => {
+  try {
+    const [node, nodePath] = Editor.node(editor, path); // Get the node at the specified path
+    if (node) {
+      // Insert the line break
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nodePath
+      });
+    }
+  } catch (err) {
+    console.log(err);
+  }
+};

package/dist/Editor/utils/insertNewLine.js

@@ -1,4 +1,4 @@
-import { Transforms } from "slate";
+import { Editor, Element, Path, Transforms } from "slate";
 const insertNewLine = editor => {
   Transforms.insertNodes(editor, {
     type: "paragraph",
@@ -9,4 +9,22 @@ const insertNewLine = editor => {
     at: [editor.children.length]
   });
 };
+export const insertNewLineAfterCurrentPath = editor => {
+  const currentPath = editor?.selection?.anchor?.path;
+  const [tableNode] = Editor.nodes(editor, {
+    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+  });
+  if (currentPath && tableNode) {
+    const currentParentPath = Path.parent(currentPath);
+    const nextPath = Path.next(currentParentPath);
+    Transforms.insertNodes(editor, {
+      type: "paragraph",
+      children: [{
+        text: ""
+      }]
+    }, {
+      at: nextPath
+    });
+  }
+};
 export default insertNewLine;

package/package.json

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