@flozy/editor 9.7.0 → 9.7.1

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,5 +1,5 @@
 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";
@@ -10,9 +10,12 @@ const Title = props => {
     element,
     customProps
   } = props;
+  const isEmpty = !customProps?.readOnly && isEmptyTextNode(element?.children[0]) ? "empty" : "";
   useDetectExitFromTitle(element, customProps?.getTitleSaveData);
   return /*#__PURE__*/_jsx("div", {
     ...attributes,
+    placeholder: "Title",
+    className: `content-editable ${isEmpty}`,
     style: {
       fontWeight: "bold",
       fontSize: "20px"
@@ -44,4 +47,10 @@ const useDetectExitFromTitle = (titleNode, onSaveTitle) => {
     }
   }, [editor.selection]);
   return null;
+};
+const isEmptyTextNode = node => {
+  if (Text.isText(node)) {
+    return !node.text.trim();
+  }
+  return false;
 };

package/package.json

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