@flozy/editor 2.1.0 → 2.1.1

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.1.0",
+  "version": "2.1.1",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"