@flozy/editor 9.4.2 → 9.4.4

package/dist/Editor/CommonEditor.js

@@ -357,7 +357,9 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const handleEditorChange = newValue => {
     if (JSON.stringify(newValue) !== JSON.stringify(debouncedValue?.current)) {
       updateTopBanner(newValue, setTopBanner);
-      debounced(newValue);
+      if (onSave && !readOnly) {
+        debounced(newValue);
+      }
       if (!isInteracted) {
         // setIsInteracted(true);
       }

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

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef } from "react";
+import React, { useEffect, useRef } from "react";
 import { Path, Transforms, Node } from "slate";
 import { ReactEditor, useSlateStatic } from "slate-react";
 import { Box, useTheme } from "@mui/material";
@@ -366,6 +366,8 @@ const FreeGrid = props => {
       default:
     }
     if (breakpoint === "lg") {
+      setSelectedElement({});
+
       // auto align in mobile
       Transforms.setNodes(editor, {
         xs_updatedOn: null,
@@ -447,16 +449,19 @@ const FreeGrid = props => {
     }
   }, theme);
   const sectionTypeOptions = (itemOptions?.section || []).filter(f => (hideTools || []).indexOf(f) === -1);
-  const id = useMemo(() => {
-    let eleId = `freegrid_container_${path.join("|")}_${breakpoint}`;
-    if (autoAlign) {
-      eleId += `_${updated_at}`; // re-render component on force auto align
-    }
 
-    return eleId;
-  }, [autoAlign, updated_at, breakpoint, path]);
+  // const id = useMemo(() => {
+  //   let eleId = `freegrid_container_${path.join("|")}_${breakpoint}`;
+
+  //   if (autoAlign) {
+  //     eleId += `_${updated_at}`; // re-render component on force auto align
+  //   }
+
+  //   return eleId;
+  // }, [autoAlign, updated_at, breakpoint, path]);
+
   return /*#__PURE__*/_jsx(RnD, {
-    id: id,
+    id: `freegrid_container_${path.join("|")}_${updated_at}_${breakpoint}`,
     className: `
         freegrid-section breakpoint-${breakpoint} 
         freegrid-section_${path.join("_")}

package/dist/Editor/Elements/Table/Table.js

@@ -67,7 +67,8 @@ const MoreTableSettings = props => {
       sx: classes.mobileToolDrawer,
       children: /*#__PURE__*/_jsx(ToolTableComponent, {
         handleAction: handleAction,
-        editorTheme: editorTheme
+        editorTheme: editorTheme,
+        translation: translation
       })
     })
   }) : /*#__PURE__*/_jsx(Popper, {
@@ -99,7 +100,8 @@ const ToolBar = props => {
     handleAction,
     exandTools,
     openSetttings,
-    hideTools
+    hideTools,
+    translation
   } = props;
   const {
     getSelectedCells
@@ -112,7 +114,7 @@ const ToolBar = props => {
     sx: classes.tableToolBar,
     children: !hideTools.includes("settings") ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Tooltip, {
-        title: "Settings",
+        title: translation("Settings"),
         arrow: true,
         onClick: () => handleAction("settings"),
         children: /*#__PURE__*/_jsx(IconButton, {
@@ -120,7 +122,7 @@ const ToolBar = props => {
           children: /*#__PURE__*/_jsx(SettingsIcon, {})
         })
       }), /*#__PURE__*/_jsx(Tooltip, {
-        title: "Show Tools",
+        title: translation("Show Tools"),
         arrow: true,
         onClick: handleExpand,
         children: /*#__PURE__*/_jsx(IconButton, {
@@ -154,7 +156,8 @@ const Table = props => {
   const {
     readOnly,
     isMobile,
-    hideTools = []
+    hideTools = [],
+    translation
   } = customProps;
   const [openSetttings, setOpenSettings] = useState(false);
   const [exandTools, setExpandTools] = useState(null);
@@ -342,7 +345,8 @@ const Table = props => {
       handleAction: handleAction,
       exandTools: exandTools,
       openSetttings: openSetttings,
-      hideTools: hideTools
+      hideTools: hideTools,
+      translation: translation
     }), /*#__PURE__*/_jsx(MoreTableSettings, {
       exandTools: exandTools,
       handleAction: handleAction,

package/dist/Editor/Elements/Table/TableCell.js

@@ -287,7 +287,7 @@ const TableCell = props => {
     minWidth: width,
     maxWidth: width
   };
-  const cellBorderColor = borderColor || rowProps?.borderColor || parentProps?.borderColor || entireBorderColor;
+  const cellBorderColor = borderColor || entireBorderColor || rowProps?.borderColor || parentProps?.borderColor;
   const selectCurrentCell = () => {
     const cellPath = Editor.start(editor, path);
     const selection = {

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -11,6 +11,9 @@ import useEditorScroll from "../../hooks/useEditorScroll";
 import { isCarouselSelected } from "../../helper";
 import { hideSlateSelection } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
+const isSlateDOM = event => {
+  return event.target.getAttribute("data-slate-string") === "true";
+};
 const PopupTool = props => {
   const {
     theme,
@@ -100,6 +103,9 @@ const PopupTool = props => {
     onClickAway: e => {
       // close the mini toolbar, if user clicks outside the editor (in Flozy app.)
 
+      if (isSlateDOM(e)) {
+        return;
+      }
       const wrapper = document.getElementById("slate-wrapper-scroll-container");
       const isInsideWrapper = wrapper && wrapper.contains(e.target);
       if (isInsideWrapper) {

package/dist/Editor/utils/helper.js

@@ -691,7 +691,10 @@ export const isRestrictedNode = (event, editor) => {
         });
 
         // Move focus to the modified paragraph (same path)
-        Transforms.select(editor, path);
+        const startPoint = Editor.start(editor, path);
+        if (startPoint) {
+          Transforms.select(editor, startPoint);
+        }
       } else if (isRestricted(previousNode)) {
         event.preventDefault(); // stops deleting backward
 

package/package.json

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