@flozy/editor 5.1.1 → 5.1.3

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", {
@@ -297,6 +299,7 @@ const EditorButton = props => {
           children: /*#__PURE__*/_jsx(IconButton, {
             className: `moreBtnShow ${isMobile || openMoreOptions ? "activeBtnShow" : ""}`,
             sx: {
+              color: "#64748B",
               "& path": {
                 fill: openMoreOptions ? appTheme.palette.text.blueText : ""
               }

package/dist/Editor/Elements/Color Picker/ColorButtons.js

@@ -115,7 +115,7 @@ const ColorButtons = props => {
   const [row1, ...restRows] = ColorChunks([]);
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
-  const firstRow = defaultColors || row1;
+  const firstRow = defaultColors?.length ? defaultColors : row1;
   const handleMore = e => {
     setAnchorEl(e.currentTarget);
   };

package/dist/Editor/Elements/Grid/GridItem.js

@@ -271,12 +271,11 @@ const GridItem = props => {
   return /*#__PURE__*/_jsxs(Item, {
     item: true,
     component: "div",
-    className: `grid-item element-root gi-top-wrpr dpath`,
+    className: `grid-item element-root gi-top-wrpr dpath ${lastChild ? "lastChild" : ""}`,
     ...attributes,
     style: {
       textAlign: element.alignment || "left",
-      "--minWidth": lastChild ? "auto" : minWidthInPercent,
-      flexGrow: lastChild ? 1 : "auto"
+      "--minWidth": lastChild ? "auto" : minWidthInPercent
     },
     sx: {
       ...getBRProps,

package/dist/Editor/Elements/Grid/Styles.js

@@ -24,6 +24,9 @@ const GridStyles = (theme, appTheme) => ({
         }
       },
       "& .grid-item": {
+        "&.lastChild": {
+          flexGrow: 1
+        },
         minWidth: "var(--minWidth)",
         maxWidth: "var(--minWidth)",
         "& .element-selector": {

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