@flozy/editor 3.2.1 → 3.2.3

package/dist/Editor/Elements/Accordion/AccordionBtnPopup.js

@@ -6,7 +6,8 @@ const AccordionBtnPopup = props => {
   const {
     element,
     onSave,
-    onClose
+    onClose,
+    customProps
   } = props;
   return /*#__PURE__*/_jsx(StyleBuilder, {
     title: "Accordion Collapse Button",
@@ -14,7 +15,8 @@ const AccordionBtnPopup = props => {
     element: element,
     onSave: onSave,
     onClose: onClose,
-    renderTabs: accordionTitleBtnStyle
+    renderTabs: accordionTitleBtnStyle,
+    customProps: customProps
   });
 };
 export default AccordionBtnPopup;

package/dist/Editor/Elements/Accordion/AccordionTitlePopup.js

@@ -6,7 +6,8 @@ const AccordionTitlePopup = props => {
   const {
     element,
     onSave,
-    onClose
+    onClose,
+    customProps
   } = props;
   return /*#__PURE__*/_jsx(StyleBuilder, {
     title: "Accordion Title",
@@ -14,7 +15,8 @@ const AccordionTitlePopup = props => {
     element: element,
     onSave: onSave,
     onClose: onClose,
-    renderTabs: accordionTitleStyle
+    renderTabs: accordionTitleStyle,
+    customProps: customProps
   });
 };
 export default AccordionTitlePopup;

package/dist/Editor/Elements/Form/FieldPopup.js

@@ -6,7 +6,8 @@ const FieldPopup = props => {
   const {
     element,
     onSave,
-    onClose
+    onClose,
+    customProps
   } = props;
   return /*#__PURE__*/_jsx(StyleBuilder, {
     title: "Form Field",
@@ -14,7 +15,8 @@ const FieldPopup = props => {
     element: element,
     onSave: onSave,
     onClose: onClose,
-    renderTabs: fieldStyle
+    renderTabs: fieldStyle,
+    customProps: customProps
   });
 };
 export default FieldPopup;

package/dist/Editor/Elements/Form/FormField.js

@@ -97,7 +97,8 @@ const FormField = props => {
     }), openSetttings ? /*#__PURE__*/_jsx(FieldPopup, {
       element: element,
       onSave: onSave,
-      onClose: onClose
+      onClose: onClose,
+      customProps: customProps
     }) : null, /*#__PURE__*/_jsx("span", {
       style: {
         display: "none"

package/dist/Editor/Elements/Grid/GridItem.js

@@ -177,7 +177,8 @@ const GridItem = props => {
       element: element,
       onSave: onSave,
       onClose: onClose,
-      onDelete: onDelete
+      onDelete: onDelete,
+      customProps: customProps
     }) : null]
   });
 };

package/dist/Editor/Elements/Grid/GridItemPopup.js

@@ -7,7 +7,8 @@ const GridItemPopup = props => {
     element,
     onSave,
     onClose,
-    onDelete
+    onDelete,
+    customProps
   } = props;
   return /*#__PURE__*/_jsx(StyleBuilder, {
     title: "Grid Item",
@@ -16,7 +17,8 @@ const GridItemPopup = props => {
     onSave: onSave,
     onClose: onClose,
     renderTabs: gridItemStyle,
-    onDelete: onDelete
+    onDelete: onDelete,
+    customProps: customProps
   });
 };
 export default GridItemPopup;

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

@@ -125,7 +125,7 @@ const TableCell = props => {
       classes: classes,
       onMouseDown: onMouseDown,
       height: tableDOM.getBoundingClientRect()?.height
-    }) : null, hasSelected ? /*#__PURE__*/_jsx("div", {
+    }) : null, hasSelected && !readOnly ? /*#__PURE__*/_jsx("div", {
       className: "selection-area-tc",
       contentEditable: false
     }) : null]

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

@@ -1,11 +1,12 @@
 import React, { useEffect, useState } from "react";
-import { DialogTitle, DialogContent, DialogActions, Button, Grid, IconButton, Typography, Drawer } from "@mui/material";
+import { DialogTitle, DialogContent, DialogActions, Button, Grid, IconButton, Typography, Drawer, SwipeableDrawer } from "@mui/material";
 import FieldMap from "./fieldTypes";
 import CloseIcon from "@mui/icons-material/Close";
 import useCommonStyle from "../../commonStyle";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const StyleContent = props => {
   const {
     value,
@@ -61,6 +62,7 @@ const StyleBuilder = props => {
     theme
   } = useEditorContext();
   const classes = useCommonStyle(theme);
+  const isMobile = customProps?.isMobile || false;
   const [elementProps, setElementProps] = useState(element);
   const [tab] = useState(renderTabs[0]?.value);
   const tabVal = renderTabs?.find(f => f.value === tab);
@@ -100,21 +102,13 @@ const StyleBuilder = props => {
   const handleClose = () => {
     onClose();
   };
-  return /*#__PURE__*/_jsx(Drawer, {
-    open: true,
-    className: ` dialogComp tools-drawer`,
-    anchor: "right",
-    onClose: onClose,
-    style: {
-      zIndex: "1300"
-    },
-    sx: classes.sideBarDrawer,
-    children: /*#__PURE__*/_jsxs(Grid, {
+  const renderDrawerMenu = () => {
+    return /*#__PURE__*/_jsxs(Grid, {
       item: true,
       xs: 12,
       sx: {
         p: 2,
-        width: "350px"
+        width: isMobile ? "100%" : "350px"
       },
       children: [/*#__PURE__*/_jsx(DialogTitle, {
         sx: {
@@ -143,7 +137,7 @@ const StyleBuilder = props => {
         })
       }), /*#__PURE__*/_jsx(DialogContent, {
         sx: {
-          maxHeight: `${window.innerHeight - 125}px`,
+          maxHeight: isMobile ? `500px` : `${window.innerHeight - 125}px`,
           padding: "8px"
         },
         children: renderTabs.map((m, i) => {
@@ -173,6 +167,29 @@ const StyleBuilder = props => {
           children: "Save"
         })]
       }) : null]
+    });
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: isMobile ? /*#__PURE__*/_jsx(SwipeableDrawer, {
+      open: true,
+      className: ` dialogComp tools-drawer`,
+      anchor: "bottom",
+      onClose: onClose,
+      style: {
+        zIndex: "1300"
+      },
+      sx: classes.bottomBarDrawer,
+      children: renderDrawerMenu()
+    }) : /*#__PURE__*/_jsx(Drawer, {
+      open: true,
+      className: ` dialogComp tools-drawer`,
+      anchor: "right",
+      onClose: onClose,
+      style: {
+        zIndex: "1300"
+      },
+      sx: classes.sideBarDrawer,
+      children: renderDrawerMenu()
     })
   });
 };

package/package.json

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