@flozy/editor 4.8.7 → 4.8.8

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

@@ -139,13 +139,13 @@ const GridItem = props => {
   const minWidthInPercent = isRightCol ? `${widths?.right}%` : cmWidth;
   useEffect(() => {
     try {
-      if (columnRef?.current && !parentDOM?.parentDOM) {
+      if (columnRef?.current && (!parentDOM?.parentDOM || !minWidth)) {
         initDoms();
       }
     } catch (err) {
       console.log(err);
     }
-  }, [columnRef?.current]);
+  }, [columnRef?.current, minWidth]);
   useEffect(() => {
     if (isDone || isRightCol) {
       initDoms();
@@ -158,7 +158,7 @@ const GridItem = props => {
       // set init width
       initColumnWidth(path, size?.width / parentDOM?.gridWidth * 100);
     }
-  }, [resizing]);
+  }, [resizing, isDone]);
   useEffect(() => {
     if (resizing) {
       updateColumnWidth({
@@ -219,7 +219,8 @@ const GridItem = props => {
       onAddGridItem({
         editor,
         element: gridNode,
-        children: gridNode?.children || []
+        children: gridNode?.children || [],
+        isColumn: gridNode?.equalItems
       });
     } catch (err) {
       console.log(err);

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

@@ -32,6 +32,11 @@ const GridStyles = theme => ({
             display: "none !important"
           }
         },
+        "&:last-child": {
+          "& .col-width-resizer": {
+            display: "none"
+          }
+        },
         flex: "1 1 0",
         [theme?.breakpoints?.between("xs", "md")]: {
           flex: "1 1 100%",

package/dist/Editor/utils/gridItem.js

@@ -20,10 +20,22 @@ export const gridItem = (props = {}) => {
     ...(props || {})
   };
 };
+const updateLastSiblingWidths = (editor, lastChildPath = []) => {
+  try {
+    Transforms.setNodes(editor, {
+      minWidth: ""
+    }, {
+      at: lastChildPath
+    });
+  } catch (err) {
+    console.log(err);
+  }
+};
 export const onAddGridItem = ({
   editor,
   element,
-  children
+  children,
+  isColumn
 }) => {
   const currentPath = editor.selection?.anchor?.path;
   const ancestorsPath = Path.ancestors(currentPath, {
@@ -36,8 +48,12 @@ export const onAddGridItem = ({
     const lastElement = {
       ...element.children[element.children.length - 1]
     };
+    if (isColumn && children?.length - 1 > 0) {
+      updateLastSiblingWidths(editor, [...lp, children.length - 1]);
+    }
     Transforms.insertNodes(editor, gridItem({
-      ...lastElement,
+      ...(lastElement || {}),
+      minWidth: null,
       children: [{
         type: "paragraph",
         children: [{

package/package.json

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