@flozy/editor 9.4.3 → 9.4.5

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";
@@ -449,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/themeSettings/colorTheme/index.js

@@ -108,11 +108,14 @@ const ColorTheme = props => {
               xs: 6,
               children: /*#__PURE__*/_jsx(ColorPickerButton, {
                 onSave: selectedColor => {
-                  onColorChange(selectedColor, i);
+                  if (selectedColor) {
+                    onColorChange(selectedColor, i);
+                  }
                 },
                 hideThemeColors: true,
                 hideGradient: true,
                 classes: classes,
+                value: color,
                 children: /*#__PURE__*/_jsxs(Grid, {
                   className: "pmBox",
                   style: {
@@ -156,11 +159,14 @@ const ColorTheme = props => {
               xs: 6,
               children: /*#__PURE__*/_jsx(ColorPickerButton, {
                 onSave: selectedColor => {
-                  onColorChange(selectedColor, colorIndex);
+                  if (selectedColor) {
+                    onColorChange(selectedColor, colorIndex);
+                  }
                 },
                 hideThemeColors: true,
                 hideGradient: true,
                 classes: classes,
+                value: color,
                 children: /*#__PURE__*/_jsxs(Grid, {
                   className: "sdBox",
                   style: {

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.3",
+  "version": "9.4.5",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"