@flozy/editor 9.3.3 → 9.3.4

package/dist/Editor/CommonEditor.js

@@ -241,7 +241,9 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
 
   const onSwitchBreakpoint = b => {
     setBreakpoint(b);
-    reRenderAllNodes();
+    setTimeout(() => {
+      reRenderAllNodes();
+    }, 0);
   };
   useImperativeHandle(ref, () => ({
     async getThumbnail(needBackground = false, options = {}) {
@@ -522,7 +524,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
       style.background = pageColor || "";
     }
     return style;
-  }, [pageBgImage, pageColor]);
+  }, [pageBgImage, pageColor, pageTextColor]);
   const themeProps = getTheme(selectedTheme);
 
   // const handleContextMenu = (e) => {

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

@@ -205,6 +205,7 @@ const ELEMENTS_LIST = [{
     icon: "table"
   }),
   onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
     const table = new TableUtil(editor);
     table.insertTable(3, 3);
   }
@@ -255,6 +256,7 @@ const ELEMENTS_LIST = [{
     icon: "grid"
   }),
   onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
     insertGrid(editor);
   }
 }, {
@@ -289,6 +291,7 @@ const ELEMENTS_LIST = [{
     icon: "button"
   }),
   onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
     insertButton(editor);
   }
 }, {
@@ -300,6 +303,7 @@ const ELEMENTS_LIST = [{
     icon: "signature"
   }),
   onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
     insertSignature(editor);
   }
 }, {
@@ -344,6 +348,7 @@ const ELEMENTS_LIST = [{
     icon: "dataTable"
   }),
   onInsert: editor => {
+    Transforms.delete(editor, editor.selection);
     insertDataView(editor);
   }
 }];

package/dist/Editor/utils/button.js

@@ -1,6 +1,7 @@
-import { Transforms } from "slate";
+import { Path, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
 import { windowVar } from "./helper";
+import { getCurrentElementText } from "../plugins/withHTML";
 export const insertButton = editor => {
   const button = {
     type: "button",
@@ -11,9 +12,27 @@ export const insertButton = editor => {
       linkType: "webAddress"
     },
     iconPosition: "start",
+    bgColor: "#2563EB",
+    textColor: "#FFF",
+    borderRadius: {
+      topLeft: 30,
+      topRight: 30,
+      bottomLeft: 30,
+      bottomRight: 30
+    },
+    bannerSpacing: {
+      left: 16,
+      top: 8,
+      right: 16,
+      bottom: 8
+    },
     ...(windowVar.lastButtonProps || {})
   };
-  Transforms.insertNodes(editor, button);
+  const hasText = getCurrentElementText(editor);
+  const insertPath = hasText ? Path.next(Path.parent(editor?.selection.focus.path)) : editor?.selection.focus.path;
+  Transforms.insertNodes(editor, button, {
+    at: insertPath
+  });
   Transforms.move(editor);
   insertNewLine(editor);
 };

package/dist/Editor/utils/dataView.js

@@ -1,5 +1,6 @@
-import { Transforms } from "slate";
+import { Path, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
+import { getCurrentElementText } from "../plugins/withHTML";
 const getDefaultDatView = () => ({
   type: "dataView",
   title: "",
@@ -31,10 +32,12 @@ const getDefaultDatView = () => ({
 });
 export const insertDataView = editor => {
   try {
+    const hasText = getCurrentElementText(editor);
+    const insertPath = hasText ? Path.next(Path.parent(editor?.selection.focus.path)) : editor?.selection.focus.path;
     Transforms.insertNodes(editor, {
       ...getDefaultDatView()
     }, {
-      at: editor?.selection.focus.path
+      at: insertPath
     });
     insertNewLine(editor);
   } catch (err) {

package/dist/Editor/utils/helper.js

@@ -261,7 +261,15 @@ export const customInsertNode = (editor, insertNode, defaultInsertOptions = {})
   if (isListItem) {
     insertOptions.at = editor.selection.focus;
   }
-  Transforms.insertNodes(editor, insertNode, insertOptions);
+  const hasText = getCurrentNodeText(editor);
+  if (hasText) {
+    Transforms.insertNodes(editor, insertNode, {
+      at: Path.next(Path.parent(editor?.selection.focus.path)),
+      select: true
+    });
+  } else {
+    Transforms.insertNodes(editor, insertNode, insertOptions);
+  }
   insertNewLine(editor);
 };
 export const decodeAndParseBase64 = encodedString => {

package/dist/Editor/utils/signature.js

@@ -1,6 +1,9 @@
-import { Transforms } from "slate";
+import { Path, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
+import { getCurrentElementText } from "../plugins/withHTML";
 export const insertSignature = editor => {
+  const hasText = getCurrentElementText(editor);
+  const insertPath = hasText ? Path.next(Path.parent(editor?.selection.focus.path)) : editor.selection.anchor.path;
   const signature = {
     type: "signature",
     alignment: "center",
@@ -15,7 +18,7 @@ export const insertSignature = editor => {
     }]
   };
   Transforms.insertNodes(editor, signature, {
-    at: editor.selection.anchor.path
+    at: insertPath
   });
   insertNewLine(editor);
 };

package/package.json

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