@flozy/editor 4.1.8 → 4.1.9

package/dist/Editor/CommonEditor.js

@@ -104,7 +104,6 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     w: null,
     h: null
   });
-  const [isScrolling, setIsScrolling] = useState(false);
   const [isTextSelected, setIsTextSelected] = useState(false);
   const [breakpoint, setBreakpoint] = useState("");
   const [size] = useWindowResize();
@@ -376,10 +375,10 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     backgroundPosition: "-19px -19px"
   } : {};
   const handleScrollStop = useDebouncedCallback(() => {
-    setIsScrolling(false);
+    editorWrapper?.current?.classList.add("hideScroll");
   }, 200);
   const handleScroll = () => {
-    setIsScrolling(true);
+    editorWrapper?.current?.classList.remove("hideScroll");
     handleScrollStop();
   };
   const hasTopBanner = () => {
@@ -467,11 +466,9 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
           children: [/*#__PURE__*/_jsx(DragAndDrop, {
             children: /*#__PURE__*/_jsxs(Overlay, {
               children: [/*#__PURE__*/_jsx(Box, {
-                className: `${hasTopBanner() ? "has-topbanner" : ""} ${!pageColor ? "no-color" : ""} ${isScrolling ? "" : "hideScroll"} scrollable-content scrollSmooth`,
+                className: `${hasTopBanner() ? "has-topbanner" : ""} ${!pageColor ? "no-color" : ""} scrollable-content scrollSmooth`,
                 sx: classes.slateWrapper,
-                id: "slate-wrapper-scroll-container"
-                // style={editorWrapperStyle}
-                ,
+                id: "slate-wrapper-scroll-container",
                 ref: editorWrapper,
                 onClick: e => {
                   handleInsertLastElement(e, editor);

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

@@ -117,6 +117,9 @@ const useFreeGridStyles = ({
         },
         "& .fgi_type_button": {
           height: "100%",
+          "& .moreBtnShow": {
+            display: "none"
+          },
           "& .editor-btn-wrapper": {
             height: "100%",
             "& .editor-btn-wrapper-inner": {

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

@@ -140,7 +140,6 @@ export function onDropItem(props, parentClass) {
     // Update grid area
     const gridArea = `${row} / 1 / ${row + 1} / 2`;
     const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
-    console.log(breakpoint, path);
     Transforms.setNodes(editor, {
       [`gridArea${appenBp}`]: gridArea,
       [`left${appenBp}`]: cCalx,

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

@@ -19,7 +19,6 @@ const VirtualElement = props => {
     if (virtualRef?.current) {
       setTimeout(() => {
         const allData = calculateProps(path, virtualRef?.current, ROOT_ITEM_CLASS, []);
-        console.log(allData);
         // it should trigger by auto alignment or on clicking mobile view change
         updateAutoProps(editor, allData, "xs");
       }, 0);

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
-import { Node, Path } from "slate";
+import { Editor, Node, Path, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 import { Box } from "@mui/material";
 import { Rnd } from "react-rnd";
@@ -163,6 +163,12 @@ const RnD = props => {
         e.preventDefault();
         e.stopPropagation();
       }
+
+      // to prevent auto scroll to top
+      // when no editor.selection
+      if (!editor.selection) {
+        Transforms.select(editor, Editor.end(editor, []));
+      }
       switch (e.detail) {
         case 1:
           if (!enable) {

package/package.json

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