@flozy/editor 2.0.9 → 2.1.1

package/dist/Editor/plugins/withHTML.js

@@ -1,5 +1,36 @@
-import { Transforms, Editor, Element } from "slate";
+import { Transforms, Editor, Element, Node } from "slate";
 import deserialize from "../helper/deserialize";
+const getCurrentElement = editor => {
+  try {
+    if (editor.selection) {
+      return Node.parent(editor, editor?.selection?.anchor?.path);
+    } else {
+      return null;
+    }
+  } catch (err) {
+    return null;
+  }
+};
+const formatFragment = {
+  "list-item": fragment => {
+    let refactorFragment = [];
+    fragment.forEach(a => {
+      if (a.type === "orderedList") {
+        refactorFragment = [...refactorFragment, ...(a.children || [])];
+      } else {
+        a.type = "list-item";
+        refactorFragment.push(a);
+      }
+    });
+    return refactorFragment;
+  },
+  "check-list-item": fragment => {
+    return fragment.map(a => {
+      a.type = "check-list-item";
+      return a;
+    });
+  }
+};
 const withHtml = editor => {
   const {
     insertData,
@@ -15,7 +46,7 @@ const withHtml = editor => {
   editor.insertData = data => {
     const slateHTML = data?.getData("application/x-slate-fragment");
     const html = data?.getData("text/html");
-    console.log(slateHTML, "****", html);
+    const currentEl = getCurrentElement(editor);
     if (slateHTML) {
       const [tableNode] = Editor.nodes(editor, {
         match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
@@ -30,9 +61,10 @@ const withHtml = editor => {
       }
     } else if (html) {
       const parsed = new DOMParser().parseFromString(html, "text/html");
-      console.log(parsed.body);
       const fragment = deserialize(parsed.body);
-      Transforms.insertFragment(editor, fragment);
+      const eltype = currentEl?.type;
+      const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
+      Transforms.insertFragment(editor, formattedFragment);
       return;
     } else {
       insertData(data);

package/dist/Editor/utils/button.js

@@ -1,5 +1,6 @@
 import { Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
+import { windowVar } from "./helper";
 export const insertButton = editor => {
   const button = {
     type: "button",
@@ -23,7 +24,8 @@ export const insertButton = editor => {
       top: 8,
       right: 16,
       bottom: 8
-    }
+    },
+    ...(windowVar.lastButtonProps || {})
   };
   Transforms.insertNodes(editor, button);
   Transforms.move(editor);

package/dist/Editor/utils/formfield.js

@@ -5,6 +5,8 @@ export const formField = () => {
     grid: 6,
     element: "text",
     name: `field_${new Date().getTime()}`,
+    key: `field_${new Date().getTime()}`,
+    label: `field_${new Date().getTime()}`,
     placeholder: "Placeholder...",
     children: [{
       text: ""

package/dist/Editor/utils/helper.js

@@ -1,4 +1,6 @@
-import { Editor, Node } from "slate";
+import { Editor, Node, Transforms } from "slate";
+import { ReactEditor } from "slate-react";
+export const windowVar = {};
 export const formatDate = (date, format = "MM/DD/YYYY") => {
   if (!date) return "";
   var d = new Date(date),
@@ -103,4 +105,41 @@ export const isEmptyNode = (editor, children, path) => {
     console.log(err);
     return "";
   }
+};
+export const outsideEditorClickLabel = "handle-outside-editor-click";
+export const handleInsertLastElement = (event, editor) => {
+  if (event.target.dataset.info !== outsideEditorClickLabel) {
+    return;
+  }
+  const lastElement = editor.children[editor.children?.length - 1];
+  const isLastElementEmpty = lastElement.type === "paragraph" && !lastElement.children[0]?.text && !lastElement.children?.some(c => c.type === "grid");
+  if (!ReactEditor.isFocused(editor)) {
+    if (isLastElementEmpty) {
+      // just focus on the last empty element
+      const path = [editor.children.length - 1, 0];
+      const move = {
+        path: path,
+        offset: 0
+      };
+      Transforms.insertNodes(editor, {
+        text: ''
+      }, {
+        at: path
+      });
+      Transforms.move(editor, move);
+      Transforms.select(editor, move);
+    } else {
+      // insert an new empty element and focus
+      Transforms.insertNodes(editor, [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }], {
+        at: [editor.children.length],
+        select: true
+      });
+    }
+    ReactEditor.focus(editor);
+  }
 };

package/package.json

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