@flozy/editor 9.9.9 → 10.0.2

package/dist/Editor/CommonEditor.js

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

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

@@ -61,7 +61,7 @@ const FreeGridItem = props => {
   const onChangeSettings = () => {};
   // const refInput = useRef();
   // const [virtualHeight, setVirtualHeight] = useState(height || 0);
-
+  const xsHidden = element?.children?.some(c => c.xsHidden);
   const onChange = data => {
     let updateData = {
       ...data
@@ -268,7 +268,7 @@ const FreeGridItem = props => {
   }, [element]);
   return /*#__PURE__*/_jsx(RnD, {
     id: `freegrid_item_${path.join("|")}_${updated_at}_${breakpoint}`,
-    className: `freegrid-item path-${path.length} breakpoint-${breakpoint}`,
+    className: `freegrid-item path-${path.length} breakpoint-${breakpoint} ${xsHidden ? "xs-hidden" : ""}`,
     editor: editor,
     path: path,
     actions: itemTypeOptions,

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

@@ -361,6 +361,12 @@ const useFreeGridStyles = ({
         },
         [theme?.breakpoints?.between("xs", "md")]: {
           marginLeft: `calc((100% - 320px) * 0.5)`
+        },
+        "&.xs-hidden": {
+          display: {
+            xs: "none !important",
+            lg: "inline-block !important"
+          }
         }
       },
       "&.rnd-dragOver": {

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

@@ -67,7 +67,6 @@ function CustomColorPicker(props) {
     tabs.push(otherColors);
     return tabs;
   }, [recentColors, defaultColors, onChange, colorVars]);
-  const selectValue = getSelectedColor(color, theme, hideThemeColors);
   return /*#__PURE__*/_jsxs(Paper, {
     component: "div",
     sx: classes.customColorPickerContainer,
@@ -105,7 +104,7 @@ function CustomColorPicker(props) {
           component: "div",
           className: "colorPickerBtnContainer",
           children: getColors(colors, colorTab, key).map((colorVar, i) => {
-            const isSelected = colorVar === selectValue;
+            const isSelected = colorVar === color;
             return /*#__PURE__*/_jsx(Box, {
               className: isSelected ? "colorPicketBtnActive" : "",
               component: "div",

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

@@ -45,6 +45,12 @@ const useVirtualElementStyles = () => ({
       },
       "& .embed": {
         minHeight: "300px"
+      },
+      "&.xs-hidden": {
+        display: {
+          xs: "none !important",
+          lg: "inline-block !important"
+        }
       }
     }
   }
@@ -144,6 +150,12 @@ export const useAutoAlignStyles = () => ({
       },
       "& .embed": {
         minHeight: "300px"
+      },
+      "&.xs-hidden": {
+        display: {
+          xs: "none !important",
+          lg: "inline-block !important"
+        }
       }
     },
     "& .appHeaderBox, &.header-box-mobile-virtual-mode": {

package/package.json

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