@flozy/editor 5.2.7 → 5.2.8

package/dist/Editor/CommonEditor.js

@@ -72,7 +72,7 @@ const Leaf = ({
     children: children
   });
 };
-const updateTopBanner = (content, setTopBanner) => {
+const updateTopBanner = (content = [], setTopBanner) => {
   setTopBanner(() => {
     const firstNode = content[0];
     return firstNode?.type === "topbanner" ? firstNode : null;

package/dist/Editor/common/RnD/Utils/gridDropItem.js

@@ -1,5 +1,6 @@
 import { Transforms, Node, Path } from "slate";
 import { ReactEditor } from "slate-react";
+import { handleNegativeInteger } from "../../../utils/helper";
 export const ROW_HEIGHT = 50;
 const MARGIN_OF = {
   xs: 160,
@@ -75,7 +76,7 @@ const reRenderChildNodes = (editor, path) => {
     console.log(err);
   }
 };
-function isContainerElement(editor, moveTopath, props) {
+function isContainerElement(editor, moveTopath, props, appenBp) {
   try {
     const {
       path,
@@ -91,6 +92,7 @@ function isContainerElement(editor, moveTopath, props) {
       parentNode = Node.get(editor, Path.parent(dragItemPath));
     }
     const moveToNode = Node.get(editor, moveTopath);
+    const leftOfMoveToNode = moveToNode[`left${appenBp}`];
     if (moveToNode.type === "freegridBox") {
       if (parentNode.type === "freegridBox") {
         // same box
@@ -98,10 +100,10 @@ function isContainerElement(editor, moveTopath, props) {
           return props.calX;
         } else {
           // for different box
-          return parseInt(props.x - window.innerWidth / 2 + MARGIN_OF[props.breakpoint] - props.diffX - moveToNode.left);
+          return parseInt(props.x - window.innerWidth / 2 + MARGIN_OF[props.breakpoint] - props.diffX - leftOfMoveToNode);
         }
       } else {
-        return props.calX - moveToNode?.left;
+        return props.calX - leftOfMoveToNode;
       }
     } else if (moveToNode.type === "freegrid") {
       if (parentNode.type === "freegridBox") {
@@ -133,14 +135,16 @@ export function onDropItem(props, parentClass) {
     const from = parentPath.split("|").map(m => parseInt(m));
     let newPath = [];
     newPath = moveTo;
-    const cCalx = isContainerElement(editor, moveTo, props);
+    const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
+    const cCalx = handleNegativeInteger(isContainerElement(editor, moveTo, props, appenBp));
+
     // const posX = parseInt(
     //   cx - window.innerWidth / 2 + MARGIN_OF[breakpoint] - diffX
     // );
     const toSectionNode = Node.get(editor, newPath);
     const addToSectionDOM = ReactEditor.toDOMNode(editor, toSectionNode);
     const rect = addToSectionDOM.getBoundingClientRect();
-    const y = endPosition.y - startPosition.diffY - rect.top;
+    const y = handleNegativeInteger(endPosition.y - startPosition.diffY - rect.top);
 
     // Calculate grid position
     const row = Math.floor(y / ROW_HEIGHT) + 1;
@@ -150,7 +154,6 @@ export function onDropItem(props, parentClass) {
 
     // Update grid area
     const gridArea = `${row} / 1 / ${row + 1} / 2`;
-    const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
     Transforms.setNodes(editor, {
       [`gridArea${appenBp}`]: gridArea,
       [`left${appenBp}`]: cCalx,

package/dist/Editor/utils/helper.js

@@ -683,4 +683,7 @@ export function getInitialValue(value = [], readOnly) {
 }
 export function getSelectedCls(defaultCls = "", selected, selectedClsName = "selected") {
   return `${defaultCls} ${selected ? selectedClsName : ""}`;
+}
+export function handleNegativeInteger(val) {
+  return val < 0 ? 0 : val;
 }

package/package.json

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