@flozy/editor 10.6.0 → 10.6.1

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

@@ -164,7 +164,10 @@ export default function LinkSettings(props) {
                   setNav(navOption);
                   setNavValue("");
                 },
-                translation: translation
+                translation: translation,
+                radioProps: {
+                  disableRipple: true
+                }
               })
             })
           }), /*#__PURE__*/_jsx(Grid, {

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

@@ -124,14 +124,39 @@ const isOverLapLine = ({
 export function getClosestDraggable(x, y, className, activeClassName) {
   const draggables = document.querySelectorAll(className);
   const activeDragEle = document.querySelectorAll(activeClassName)[0];
+  const container = document.querySelector("#slate-wrapper-scroll-container");
+  if (!activeDragEle || !container) return [];
+  const containerRect = container.getBoundingClientRect();
   const {
     left: aLeft,
     top: aTop,
     width: aWidth,
     height: aHeight
   } = activeDragEle?.getBoundingClientRect() || {};
-  let lines = [];
+  const lines = [];
+  const clampLine = ({
+    x,
+    y,
+    width,
+    height
+  }) => {
+    if (width > 1) {
+      if (x < containerRect.left) x = containerRect.left;
+      if (x + width > containerRect.right) width = containerRect.right - x;
+    }
+    if (height > 1) {
+      if (y < containerRect.top) y = containerRect.top;
+      if (y + height > containerRect.bottom) height = containerRect.bottom - y;
+    }
+    return {
+      x,
+      y,
+      width,
+      height
+    };
+  };
   draggables.forEach(draggable => {
+    if (draggable === activeDragEle) return;
     const {
       left,
       top,
@@ -148,42 +173,45 @@ export function getClosestDraggable(x, y, className, activeClassName) {
       x: xVal,
       y: yVal
     }, lines)) {
-      lines.push({
-        y: top,
+      const line = {
         x: xVal,
+        y: yVal,
         width: x > left ? Math.abs(aLeft + aWidth - left) : Math.abs(aLeft - (left + width)),
         height: 1
-      });
+      };
+      lines.push(clampLine(line));
     }
 
     // bottom match
     xVal = x < left ? aLeft : left;
     yVal = top + height;
-    if (Math.abs(top + height - (aTop + aHeight)) <= GUIDE_LINE_THRESHOLD && !isOverLapLine({
+    if (Math.abs(yVal - (aTop + aHeight)) <= GUIDE_LINE_THRESHOLD && !isOverLapLine({
       x: xVal,
       y: yVal
     }, lines)) {
-      lines.push({
-        y: yVal,
+      const line = {
         x: xVal,
+        y: yVal,
         width: x > left ? Math.abs(aLeft + aWidth - left) : Math.abs(aLeft - (left + width)),
         height: 1
-      });
+      };
+      lines.push(clampLine(line));
     }
 
-    // center match
+    // center match (horizontal)
     xVal = x < left ? aLeft : left;
     yVal = top + height / 2;
-    if (Math.abs(top + height / 2 - (aTop + aHeight / 2)) <= GUIDE_LINE_THRESHOLD && !isOverLapLine({
+    if (Math.abs(yVal - (aTop + aHeight / 2)) <= GUIDE_LINE_THRESHOLD && !isOverLapLine({
       x: xVal,
       y: yVal
     }, lines, "y")) {
-      lines.push({
-        y: yVal,
+      const line = {
         x: xVal,
+        y: yVal,
         width: x > left ? Math.abs(aLeft + aWidth - left) : Math.abs(aLeft - (left + width)),
         height: 1
-      });
+      };
+      lines.push(clampLine(line));
     }
 
     // right match
@@ -193,12 +221,13 @@ export function getClosestDraggable(x, y, className, activeClassName) {
       x: xVal,
       y: yVal
     }, lines)) {
-      lines.push({
-        y: yVal,
+      const line = {
         x: xVal,
+        y: yVal,
         width: 1,
         height: Math.abs(aTop - top)
-      });
+      };
+      lines.push(clampLine(line));
     }
 
     // left match
@@ -208,27 +237,29 @@ export function getClosestDraggable(x, y, className, activeClassName) {
       x: xVal,
       y: yVal
     }, lines)) {
-      lines.push({
-        y: yVal,
+      const line = {
         x: xVal,
+        y: yVal,
         width: 1,
         height: Math.abs(aTop - top)
-      });
+      };
+      lines.push(clampLine(line));
     }
 
-    // middle match
+    // middle match (vertical)
     xVal = left + width / 2;
     yVal = top < aTop ? top : aTop;
-    if (Math.abs(aLeft + aWidth / 2 - (left + width / 2)) <= GUIDE_LINE_THRESHOLD && !isOverLapLine({
+    if (Math.abs(aLeft + aWidth / 2 - xVal) <= GUIDE_LINE_THRESHOLD && !isOverLapLine({
       x: xVal,
       y: yVal
     }, lines)) {
-      lines.push({
-        y: yVal,
+      const line = {
         x: xVal,
+        y: yVal,
         width: 1,
         height: Math.abs(aTop - top)
-      });
+      };
+      lines.push(clampLine(line));
     }
   });
   return lines;

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

@@ -158,8 +158,11 @@ const RnD = props => {
     const textElement = currElement?.querySelector(".fgi_type_text");
     if (breakpoint && textElement && childType === "text" && !enable) {
       timerId.current = setTimeout(() => {
-        // const { clientHeight } = textElement;
-        const clientHeight = getTextElementHeight(textElement);
+        const {
+          clientHeight
+        } = textElement;
+        // const clientHeight = getTextElementHeight(textElement);
+
         const {
           height
         } = delta || {};

package/package.json

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