@flozy/editor 9.7.0 → 9.7.2

package/dist/Editor/ChatEditor.js

@@ -189,8 +189,16 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
       children: children
     });
   };
+  const isEmpty = node => {
+    if (node.text && node.text.trim()) return false;
+    if (node.url && node.url.trim()) return false;
+    if (node.children) {
+      return node.children.every(isEmpty);
+    }
+    return true;
+  };
   const handleEditorChange = newValue => {
-    console.log("🚀 ~ handleEditorChange ~ newValue:", newValue);
+    const isSlateEmpty = newValue.every(isEmpty);
     if (editor.children.length === 0) {
       Transforms.insertNodes(editor, {
         type: "paragraph",
@@ -199,21 +207,28 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
         }]
       });
     } else {
-      newValue.forEach((val, index) => {
-        if (val?.type === "table") {
-          const nextNode = newValue[index + 1];
-          if (!nextNode || nextNode.type !== "paragraph") {
-            Transforms.insertNodes(editor, {
-              type: "paragraph",
-              children: [{
-                text: ""
-              }]
-            }, {
-              at: [index + 1]
-            });
+      const lastNode = newValue?.[newValue.length - 1] || null;
+      if (isSlateEmpty && lastNode?.type !== "paragraph") {
+        Transforms.removeNodes(editor, {
+          at: [0]
+        });
+      } else {
+        newValue.forEach((val, index) => {
+          if (val?.type === "table") {
+            const nextNode = newValue[index + 1];
+            if (!nextNode || nextNode.type !== "paragraph") {
+              Transforms.insertNodes(editor, {
+                type: "paragraph",
+                children: [{
+                  text: ""
+                }]
+              }, {
+                at: [index + 1]
+              });
+            }
           }
-        }
-      });
+        });
+      }
     }
     debounced(newValue);
     debouncedValue.current = newValue;

package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from "react";
 import SignatureCanvas from "react-signature-canvas";
-import { Grid } from "@mui/material";
+import { Grid, useMediaQuery } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DrawSignature = props => {
@@ -24,6 +24,11 @@ const DrawSignature = props => {
       signature: result?.imageURL || strImage
     });
   };
+  const isMobile = useMediaQuery("(max-width:599px)");
+  const signatureCanvasStyle = isMobile ? {
+    width: "260px",
+    height: "200px"
+  } : {};
   return /*#__PURE__*/_jsxs(Grid, {
     container: true,
     children: [uploading ? "Uploading..." : "", /*#__PURE__*/_jsx(Grid, {
@@ -35,7 +40,8 @@ const DrawSignature = props => {
       },
       children: /*#__PURE__*/_jsx(SignatureCanvas, {
         canvasProps: {
-          className: "signature-canvas"
+          className: "signature-canvas",
+          ...signatureCanvasStyle
         },
         onEnd: onSigned,
         ref: ref => canvasRef = ref,

package/dist/Editor/Elements/Title/title.js

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from "react";
-import { Editor } from "slate";
+import { Editor, Text } from "slate";
 import { useSlate } from "slate-react";
 import { getNodeText } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const Title = props => {
   const {
     attributes,
@@ -10,14 +11,19 @@ const Title = props => {
     element,
     customProps
   } = props;
+  const isEmpty = !customProps?.readOnly && isEmptyTextNode(element?.children[0]) ? "empty" : "";
   useDetectExitFromTitle(element, customProps?.getTitleSaveData);
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ...attributes,
+    placeholder: "Title",
+    className: `content-editable ${isEmpty}`,
     style: {
       fontWeight: "bold",
       fontSize: "20px"
     },
-    children: children
+    children: [children, /*#__PURE__*/_jsx("span", {
+      contentEditable: false
+    })]
   });
 };
 export default Title;
@@ -44,4 +50,10 @@ const useDetectExitFromTitle = (titleNode, onSaveTitle) => {
     }
   }, [editor.selection]);
   return null;
+};
+const isEmptyTextNode = node => {
+  if (Text.isText(node)) {
+    return !node.text.trim();
+  }
+  return false;
 };

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -49,6 +49,7 @@ 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";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter", "alignJustify"];
 const list_types = ["orderedList", "unorderedList"];
 const LIST_FORMAT_TYPE = {
@@ -289,52 +290,64 @@ export const getBlock = props => {
   const isEmpty = isEmptyTextNode(element);
   switch (element.type) {
     case "headingOne":
-      return /*#__PURE__*/_jsx("h1", {
+      return /*#__PURE__*/_jsxs("h1", {
         ...attributes,
         ...element.attr,
         className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "Heading 1",
-        children: children
+        children: [children, /*#__PURE__*/_jsx("span", {
+          contentEditable: false
+        })]
       });
     case "headingTwo":
-      return /*#__PURE__*/_jsx("h2", {
+      return /*#__PURE__*/_jsxs("h2", {
         ...attributes,
         ...element.attr,
         className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "Heading 2",
-        children: children
+        children: [children, /*#__PURE__*/_jsx("span", {
+          contentEditable: false
+        })]
       });
     case "headingThree":
-      return /*#__PURE__*/_jsx("h3", {
+      return /*#__PURE__*/_jsxs("h3", {
         ...attributes,
         ...element.attr,
         className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "Heading 3",
-        children: children
+        children: [children, /*#__PURE__*/_jsx("span", {
+          contentEditable: false
+        })]
       });
     case "headingFour":
-      return /*#__PURE__*/_jsx("h4", {
+      return /*#__PURE__*/_jsxs("h4", {
         ...attributes,
         ...element.attr,
         className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "Heading 4",
-        children: children
+        children: [children, /*#__PURE__*/_jsx("span", {
+          contentEditable: false
+        })]
       });
     case "headingFive":
-      return /*#__PURE__*/_jsx("h5", {
+      return /*#__PURE__*/_jsxs("h5", {
         ...attributes,
         ...element.attr,
         className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "Heading 5",
-        children: children
+        children: [children, /*#__PURE__*/_jsx("span", {
+          contentEditable: false
+        })]
       });
     case "headingSix":
-      return /*#__PURE__*/_jsx("h6", {
+      return /*#__PURE__*/_jsxs("h6", {
         ...attributes,
         ...element.attr,
         className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "Heading 6",
-        children: children
+        children: [children, /*#__PURE__*/_jsx("span", {
+          contentEditable: false
+        })]
       });
     case "blockquote":
       return /*#__PURE__*/_jsx("blockquote", {

package/package.json

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