@flozy/editor 5.1.0 → 5.1.2

package/dist/Editor/Editor.css

@@ -448,6 +448,7 @@ blockquote {
   display: flex;
   flex-direction: column;
   overflow-x: auto;
+  color: #000;
   border: 1px solid rgba(37, 99, 235, 0.32);
 }
 

package/dist/Editor/Elements/Button/EditorButton.js

@@ -199,7 +199,9 @@ const EditorButton = props => {
       lg: "inline-block"
     }
   }, theme);
-  const handleMoreBtn = () => {
+  const handleMoreBtn = e => {
+    e.preventDefault();
+    e.stopPropagation();
     setOpenMoreOptions(!openMoreOptions);
   };
   return /*#__PURE__*/_jsxs("div", {

package/dist/Editor/Elements/Carousel/Carousel.js

@@ -92,7 +92,7 @@ const Carousel = props => {
       className: "element-toolbar hr",
       contentEditable: false,
       style: {
-        top: "-32px",
+        top: "-12px",
         left: "0px"
       },
       children: [/*#__PURE__*/_jsx(Tooltip, {
@@ -136,6 +136,11 @@ const Carousel = props => {
       style: {
         padding: "12px"
       },
+      sx: {
+        '& .simple-text': {
+          color: '#000'
+        }
+      },
       contentEditable: false,
       children: /*#__PURE__*/_jsx(Slider, {
         ...settings,

package/dist/Editor/Elements/SimpleText/style.js

@@ -7,6 +7,11 @@ const SimpleTextStyle = ({
     position: "relative",
     padding: "0px",
     lineHeight: lineHeight,
+    "&.signature": {
+      "& .placeholder-simple-text": {
+        opacity: 0
+      }
+    },
     "& .placeholder-simple-text": {
       color: "#94A3B8",
       background: "transparent",

package/dist/Editor/common/Section/index.js

@@ -165,9 +165,9 @@ const Section = props => {
         children: /*#__PURE__*/_jsxs(Box, {
           sx: {
             bgcolor: "background.paper",
-            background: "#F6F6F6",
             height: "30px",
-            position: "relative"
+            position: "relative",
+            background: theme?.palette?.type === 'dark' ? theme?.palette?.editor?.miniToolBarBackground : '#F6F6F6'
           },
           children: [!readOnly && !showTool ? /*#__PURE__*/_jsx(DragHandle, {
             ...props,

package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js

@@ -25,9 +25,6 @@ const BannerSpacing = props => {
   const [size] = useWindowResize();
   const pro_value = getBreakPointsValue(val, size?.device);
   const [value, setValue] = useState(pro_value);
-  useState(() => {
-    setValue(pro_value);
-  }, [pro_value]);
   const handleChange = e => {
     let changeAll = {};
     if (lockSpacing) {
@@ -40,7 +37,7 @@ const BannerSpacing = props => {
       ...changeAll,
       [e.target.name]: e.target.value
     };
-    console.log(e.target.value, lockSpacing, changeAll, up_value, size?.device, getBreakPointsValue(val, null));
+    setValue(up_value);
     onChange({
       [key]: {
         ...getBreakPointsValue(val, null),

package/dist/Editor/plugins/withCustomDeleteBackward.js

@@ -1,5 +1,6 @@
 import { Editor, Node, Path, Point, Transforms } from "slate";
 import { getNextNode } from "../utils/helper";
+const BACKWARD_BLOCKS = ["list-item", "signature"];
 const isNodeTextEmpty = node => {
   const nodeText = Node.string(node);
   return nodeText.trim() === "";
@@ -29,9 +30,9 @@ const withCustomDeleteBackward = editor => {
         }
       }
 
-      // Check if current node is a list item and is the last one
+      // Check if current node is a list item and is the last one, signature node
       const [node] = Editor.nodes(editor, {
-        match: n => n.type === "list-item" // Adjust based on your list item type
+        match: n => BACKWARD_BLOCKS.includes(n.type) // Adjust based on your list item type
       });
 
       if (node) {

package/package.json

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