@flozy/editor 9.4.2 → 9.4.3

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

@@ -366,6 +366,8 @@ const FreeGrid = props => {
       default:
     }
     if (breakpoint === "lg") {
+      setSelectedElement({});
+
       // auto align in mobile
       Transforms.setNodes(editor, {
         xs_updatedOn: null,

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/package.json

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