@flozy/editor 2.1.9 → 3.1.1

package/dist/Editor/plugins/withTable.js

@@ -1,10 +1,35 @@
 import { Editor, Range, Point, Element, Transforms, Node } from "slate";
+import { TableUtil, createTableCell } from "../utils/table";
 const NON_DELETABLE_BLOCKS = ["table-cell", "carousel-item"];
 const withTable = editor => {
   const {
     deleteBackward,
-    deleteForward
+    deleteForward,
+    delete: slateDelete
   } = editor;
+  editor.delete = arg => {
+    if (arg.reverse) {
+      const table = new TableUtil(editor);
+      const cellsSelected = table.isCellSelected(editor.selection);
+      if (cellsSelected) {
+        cellsSelected.forEach(cellPath => {
+          Transforms.removeNodes(editor, {
+            at: cellPath
+          });
+          Transforms.insertNodes(editor, createTableCell(""), {
+            at: cellPath
+          });
+        });
+        Transforms.deselect(editor, {
+          at: editor.selection
+        });
+      } else {
+        slateDelete(arg);
+      }
+    } else {
+      slateDelete(arg);
+    }
+  };
   editor.deleteBackward = unit => {
     const {
       selection

package/dist/Editor/service/formSubmit.js

@@ -9,7 +9,7 @@ export const formSubmit = async (formData, props) => {
       body: JSON.stringify(formData)
     });
     const result = await response.json();
-    return result.data;
+    return result?.data?.data;
   } catch (err) {
     console.log(err);
     return err;

package/dist/Editor/utils/embed.js

@@ -26,7 +26,7 @@ export const createEmbedNode = (type, {
   alignment: {
     horizantal: "center"
   },
-  objectFit: type === "image" ? true : false
+  objectFit: false
 });
 export const insertEmbed = (editor, embedData, format) => {
   try {

package/dist/Editor/utils/grid.js

@@ -1,7 +1,6 @@
-import { Transforms } from "slate";
 import default_grid from "../Elements/Grid/templates/default_grid";
-import insertNewLine from "./insertNewLine";
 import { gridItem } from "./gridItem";
+import { customInsertNode } from "./helper";
 export const insertPlainGrid = count => {
   const size = 12 / count;
   const items = Array.from(Array(count).keys()).map(() => gridItem({
@@ -38,11 +37,10 @@ export const insertGrid = (editor, item, path) => {
     const {
       selection
     } = editor;
-    Transforms.insertNodes(editor, grid, {
+    customInsertNode(editor, grid, {
       at: path || selection.focus.path,
       select: true
     });
-    insertNewLine(editor);
   } catch (err) {
     console.log(err);
   }

package/dist/Editor/utils/helper.js

@@ -1,5 +1,6 @@
 import { Editor, Node, Transforms, Element } from "slate";
 import { ReactEditor } from "slate-react";
+import insertNewLine from "./insertNewLine";
 export const windowVar = {};
 export const formatDate = (date, format = "MM/DD/YYYY") => {
   if (!date) return "";
@@ -149,4 +150,56 @@ export const isListItem = editor => {
     match: n => !Editor.isEditor(n) && Element.isElement(n) && format.indexOf(n.type) > -1
   });
   return node;
+};
+const getNode = (editor, path) => {
+  try {
+    return Node.get(editor, path);
+  } catch (err) {
+    return;
+  }
+};
+export const customInsertNode = (editor, insertNode, defaultInsertOptions = {}) => {
+  const [parent, parentPath] = Editor.parent(editor, editor.selection.focus.path);
+  const isListItem = parent?.type === "list-item" || parent?.type === "check-list-item";
+  let newParentPath;
+  if (isListItem) {
+    const lastPathIndex = parentPath.length - 1;
+    const otherPaths = parentPath.slice(0, lastPathIndex);
+    const nextChildrenPath = parentPath[lastPathIndex] + 1;
+    newParentPath = [...otherPaths, nextChildrenPath];
+    const haveElem = getNode(editor, newParentPath);
+    if (haveElem) {
+      Transforms.splitNodes(editor, {
+        at: newParentPath
+      });
+    }
+    const {
+      anchor,
+      focus
+    } = editor.selection;
+
+    // if editor has selection, e.g /table, /grid is selected, delete that selection
+    if (focus.offset > anchor.offset) {
+      Transforms.delete(editor, {
+        at: editor.selection
+      });
+    }
+  }
+  const insertOptions = {
+    ...defaultInsertOptions
+  };
+  if (isListItem) {
+    insertOptions.at = editor.selection.focus;
+  }
+  Transforms.insertNodes(editor, insertNode, insertOptions);
+  insertNewLine(editor);
+};
+export const decodeAndParseBase64 = encodedString => {
+  // Decode the Base64-encoded string
+  const decodedString = atob(encodedString);
+
+  // URL-decode the decoded string
+  const decodedURLString = decodeURIComponent(decodedString);
+  const jsonData = JSON.parse(decodedURLString);
+  return jsonData;
 };

package/dist/Editor/utils/table.js

@@ -1,6 +1,6 @@
 import { Transforms, Editor, Range, Element, Path, Node } from "slate";
 import { ReactEditor } from "slate-react";
-import insertNewLine from "./insertNewLine";
+import { customInsertNode } from "./helper";
 const prefixKey = (obj, pk = "") => {
   return Object.keys(obj).reduce((a, b) => {
     a[`${pk}${b}`] = obj[b];
@@ -36,11 +36,7 @@ export class TableUtil {
       length: columns
     }, () => ""));
     const newTable = createTableNode(cellText, rows, columns);
-    Transforms.insertNodes(this.editor, newTable, {
-      // to insert in current line
-      // at: this.editor.selection.anchor.path,
-    });
-    insertNewLine(this.editor);
+    customInsertNode(this.editor, newTable);
   };
   removeTable = () => {
     Transforms.removeNodes(this.editor, {
@@ -318,7 +314,7 @@ export class TableUtil {
   };
   isCellSelected = selection => {
     try {
-      if (!selection || Range.isCollapsed(selection) || Editor.string(this.editor, selection) === "") {
+      if (!selection) {
         return false;
       }
       const [tableNode] = Editor.nodes(this.editor, {
@@ -332,7 +328,7 @@ export class TableUtil {
         anchor,
         focus
       } = this.editor.selection || {};
-      if (tableNode && tableNode[0] && tableCellPath && tableCellPath[1] && focus?.path) {
+      if (tableNode && tableNode[0] && focus?.path) {
         let startCell = anchor?.path;
         let endCell = focus?.path;
 

package/package.json

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