@flozy/editor 9.4.1 → 9.4.2

package/dist/Editor/Elements/FreeGrid/FreeGridItem.js

@@ -269,6 +269,7 @@ const FreeGridItem = props => {
       "--height": `${height}px`,
       "--zIndex": 100 + arrangeIndex,
       "--height_xs": height_xs ? `${height_xs}px` : "auto",
+      "--width_xs": width_xs ? `${width_xs}px` : "auto",
       "--marginTop_xs": marginTop_xs ? `${marginTop_xs}px` : "0px"
       // "--gridArea_xs": gridArea_xs ? gridArea_xs : "unset",
     },

package/dist/Editor/common/RnD/VirtualElement/ForceAutoAlignment.js

@@ -21,21 +21,27 @@ function ForceAutoAlignment(props) {
   const virtualRef = useRef();
   useEffect(() => {
     let timeoutId;
+    let autoAlignTimerId;
     if (virtualRef?.current && autoAlign) {
       timeoutId = setTimeout(() => {
         const allData = calculateProps(path, virtualRef?.current, ROOT_ITEM_CLASS, []);
         updateAutoProps(editor, allData, "xs", true);
         const currentSectionPath = path.split("|").map(m => parseInt(m));
         reRenderChildNodes(editor, currentSectionPath);
-        setAutoAlign(false);
+        autoAlignTimerId = setTimeout(() => {
+          setAutoAlign(false);
+        }, 500);
       }, 100);
     }
     return () => {
       if (timeoutId) {
         clearTimeout(timeoutId);
       }
+      if (autoAlignTimerId) {
+        clearTimeout(autoAlignTimerId);
+      }
     };
-  }, [autoAlign, virtualRef?.current]);
+  }, [virtualRef?.current]);
   const calculateProps = (curPath, dom, domClass, allData, parentDom) => {
     const rect = dom?.getBoundingClientRect();
     const bufferHeight = parentDom ? 0 : 12;

package/dist/Editor/common/RnD/VirtualElement/helper.js

@@ -1,16 +1,23 @@
 import { ROW_HEIGHT } from "../Utils/gridDropItem";
 import { Transforms, Editor } from "slate";
+const isBulletOrTickIcon = (width, itemStartRow, startRow) => {
+  return width <= 40 && itemStartRow === startRow;
+};
 export const findFirstRowOverlap = (gridItems, startRow, endRow, textItemIndex) => {
   let firstOverlapRow;
   gridItems.forEach((gridItem, index) => {
     const {
-      gridArea_xs: gridArea
+      gridArea_xs: gridArea,
+      width_xs
     } = gridItem;
     if (!gridArea) {
       return;
     }
     const [itemStartRow] = getGridArea(gridArea);
     const isItemOverlap = itemStartRow >= startRow && itemStartRow <= endRow;
+    if (isBulletOrTickIcon(width_xs, itemStartRow, startRow)) {
+      return;
+    }
     const isCurrentEle = textItemIndex === index;
     if (isItemOverlap && !isCurrentEle && gridArea) {
       firstOverlapRow = firstOverlapRow ? Math.min(firstOverlapRow, itemStartRow) : itemStartRow;
@@ -209,9 +216,13 @@ export const moveOverlappedItems = (editor, moveRows, containerItems, containerP
       return;
     }
     const {
-      gridArea_xs: gridArea
+      gridArea_xs: gridArea,
+      width_xs
     } = gridItem;
     const [itemStartRow] = getGridArea(gridArea);
+    if (isBulletOrTickIcon(width_xs, itemStartRow, lastChildStartRow)) {
+      return;
+    }
     if (itemStartRow >= lastChildStartRow) {
       const row = itemStartRow + moveRows;
       const newGridArea = `${row} / 1 / ${row + 1} / 2`;

package/dist/Editor/common/RnD/VirtualElement/styles.js

@@ -43,7 +43,6 @@ export const useAutoAlignStyles = () => ({
     right: 0,
     top: 0,
     height: "auto !important",
-    zIndex: 99999999,
     pointerEvents: "none",
     "& .freegrid-item": {
       position: "relative !important",
@@ -54,9 +53,14 @@ export const useAutoAlignStyles = () => ({
       left: "24px !important",
       marginTop: "12px !important",
       minHeight: "auto",
+      display: "inherit !important",
       "&.type_box": {
         height: "auto !important"
       },
+      "&.type_image": {
+        width: "var(--width_xs) !important",
+        height: "var(--height_xs) !important"
+      },
       // start - default signature classes on free-grid
       "& .fgi_type_signature": {
         height: "100%",

package/dist/Editor/themeSettings/style.js

@@ -170,7 +170,7 @@ const Style = ({
         // minHeight: "20px",
         padding: "0px",
         "&.Mui-expanded": {
-          minHeight: "48px",
+          minHeight: "48px !important",
           borderBottom: `1px solid ${deviderBgColor}`
         }
       },

package/package.json

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