@flozy/editor 10.5.9 → 10.6.1

package/dist/Editor/Elements/Embed/Embed.css

@@ -92,3 +92,7 @@
   border-width: 1px 0 0;
   border-color: rgba(55, 53, 47, .1607843137254902);
 }
+
+.disablePointerEvent {
+  pointer-events: none;
+}

package/dist/Editor/Elements/Title/title.js

@@ -3,7 +3,6 @@ import { Editor, Text } from "slate";
 import { useSlate } from "slate-react";
 import { getNodeText } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const isEmptyTextNode = node => {
   if (Text.isText(node)) {
     return !node.text.trim();
@@ -19,7 +18,7 @@ const Title = props => {
   } = props;
   const isEmpty = !customProps?.readOnly && isEmptyTextNode(element?.children[0]) ? "empty" : "";
   useDetectExitFromTitle(element, customProps?.getTitleSaveData);
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...attributes,
     placeholder: "Title",
     className: `content-editable ${isEmpty}`,
@@ -27,9 +26,7 @@ const Title = props => {
       fontWeight: "bold",
       fontSize: "20px"
     },
-    children: [children, /*#__PURE__*/_jsx("span", {
-      contentEditable: false
-    })]
+    children: children
   });
 };
 export default Title;

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/dist/Editor/utils/SlateUtilityFunctions.js

@@ -49,7 +49,6 @@ import ColumnView from "../Elements/DataView/Layouts/ColumnView";
 import SearchAttachment from "../Elements/Search/SearchAttachment";
 import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter", "alignJustify"];
 const list_types = ["orderedList", "unorderedList"];
 const LIST_FORMAT_TYPE = {
@@ -421,52 +420,52 @@ export const getBlock = props => {
   const selectedLineHeight = getBreakpointLineSpacing(lineH, breakpoint);
   switch (element.type) {
     case "headingOne":
-      return /*#__PURE__*/_jsxs("h1", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h1", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 1"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingTwo":
-      return /*#__PURE__*/_jsxs("h2", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h2", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 2"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingThree":
-      return /*#__PURE__*/_jsxs("h3", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h3", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 3"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingFour":
-      return /*#__PURE__*/_jsxs("h4", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h4", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 4"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingFive":
-      return /*#__PURE__*/_jsxs("h5", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h5", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 5"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingSix":
-      return /*#__PURE__*/_jsxs("h6", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h6", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 6"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "paragraphOne":
       return /*#__PURE__*/_jsx("p", {

package/package.json

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