@flozy/editor 5.3.6 → 5.3.7

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

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { DialogTitle, DialogContent, DialogActions, Button, Grid, IconButton, Typography, Drawer, SwipeableDrawer, Accordion, AccordionSummary, AccordionDetails, createTheme } from "@mui/material";
 import FieldMap from "./fieldTypes";
-import CloseIcon from "@mui/icons-material/Close";
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
 import useCommonStyle from "../../commonStyle";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { ThemeProvider } from "@mui/material/styles";
@@ -69,6 +69,7 @@ const StyleBuilder = props => {
   const isMobile = customProps?.isMobile || false;
   const [elementProps, setElementProps] = useState(element);
   const [tab] = useState(renderTabs[0]?.value);
+  const [saveDisable, setSaveDisable] = useState(false);
   const tabVal = renderTabs?.find(f => f.value === tab);
   const {
     needActions = true
@@ -123,12 +124,17 @@ const StyleBuilder = props => {
       field_type: data?.element
     });
     if (data?.hasOwnProperty("name")) {
-      setElementProps({
-        ...elementProps,
-        ...data,
-        key: data?.name,
-        label: data?.name
-      });
+      if (data?.name === '') {
+        setSaveDisable(true);
+      } else {
+        setSaveDisable(false);
+        setElementProps({
+          ...elementProps,
+          ...data,
+          key: data?.name,
+          label: data?.name
+        });
+      }
     }
   };
   const handleSave = () => {
@@ -143,7 +149,8 @@ const StyleBuilder = props => {
       xs: 12,
       sx: {
         p: 2,
-        width: isMobile ? "100%" : "350px"
+        width: isMobile ? "100%" : "312px",
+        ...classes.pageSettingPopUpRoot
       },
       children: [/*#__PURE__*/_jsx(DialogTitle, {
         sx: {
@@ -166,7 +173,7 @@ const StyleBuilder = props => {
             children: /*#__PURE__*/_jsx(IconButton, {
               onClick: onClose,
               className: "close-popupbtn",
-              children: /*#__PURE__*/_jsx(CloseIcon, {})
+              children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
             })
           })]
         })
@@ -238,6 +245,7 @@ const StyleBuilder = props => {
           children: "Delete"
         }) : null, /*#__PURE__*/_jsx(Button, {
           onClick: handleSave,
+          disabled: saveDisable,
           className: "primaryBtn",
           children: "Save"
         })]

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

@@ -25,6 +25,10 @@ const pageSettingsStyle = [{
     label: "Padding",
     key: "bannerSpacing",
     type: "bannerSpacing"
+  }, {
+    label: "Line Spacing",
+    key: "lineHeight",
+    type: "lineSpacing"
   }]
 }, {
   tab: "Max Width",

package/dist/Editor/common/ToolbarIcon.js

@@ -39,7 +39,7 @@ const ToolbarIcon = props => {
     title: title,
     arrow: true,
     children: /*#__PURE__*/_jsxs(IconButton, {
-      className: `${className} ${icoBtnType}`,
+      className: `${className} ${icoBtnType} accordionIcon`,
       onClick: onClick,
       style: style,
       children: [icon, renderIconText()]

package/dist/Editor/common/Uploader.js

@@ -4,6 +4,7 @@ import { convertBase64 } from "../utils/helper";
 import { uploadFile } from "../service/fileupload";
 import Icon from "./Icon";
 import UploadStyles from "../common/ImageSelector/UploadStyles";
+import { useEditorContext } from "../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -18,6 +19,9 @@ const Uploader = props => {
   const [base64, setBase64] = useState(value?.url);
   const [fileName, setFileName] = useState("");
   const [uploading, setUploading] = useState(false);
+  const {
+    theme
+  } = useEditorContext();
   const handleChange = async e => {
     const uFile = e.target.files[0];
     const strImage = await convertBase64(uFile);
@@ -79,51 +83,57 @@ const Uploader = props => {
         });
     }
   };
-  return /*#__PURE__*/_jsxs(Grid, {
-    container: true,
-    sx: classes.uploadContainer,
+  return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Grid, {
       item: true,
       xs: 12,
       children: uploading ? "Uploading..." : ""
     }), /*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 12,
-      className: "btn--wrpr",
-      style: {
-        ...getBackground()
-      },
-      sx: classes.uploadField,
-      children: !uploading ? /*#__PURE__*/_jsx(Grid, {
-        className: "uploadImageSection",
-        children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
-          className: "uploadImageText",
-          children: /*#__PURE__*/_jsxs(Button, {
-            component: "label",
-            variant: "text",
-            style: {
-              background: "none",
-              width: "100%"
+      container: true,
+      sx: classes.uploadContainer,
+      children: /*#__PURE__*/_jsx(Grid, {
+        item: true,
+        xs: 12,
+        className: "btn--wrpr",
+        style: {
+          ...getBackground()
+        },
+        sx: classes.uploadField,
+        children: !uploading ? /*#__PURE__*/_jsx(Grid, {
+          className: "uploadImageSection",
+          children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
+            className: "uploadImageText",
+            sx: {
+              background: `${theme?.palette?.editor?.inputFieldBgColor}`,
+              border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
             },
-            sx: classes.uploadIcon,
-            children: [/*#__PURE__*/_jsx("input", {
-              type: "file",
-              style: {
-                opacity: 0,
-                width: "0px"
-              },
-              onChange: handleChange
-            }), /*#__PURE__*/_jsx(Icon, {
-              icon: "fileUpload"
-            }), /*#__PURE__*/_jsxs("span", {
+            children: /*#__PURE__*/_jsxs(Button, {
+              component: "label",
+              variant: "text",
               style: {
-                paddingLeft: "8px"
+                background: "none",
+                width: "100%"
               },
-              children: ["upload ", title || "image"]
-            })]
+              sx: classes.uploadIcon,
+              children: [/*#__PURE__*/_jsx("input", {
+                type: "file",
+                style: {
+                  opacity: 0,
+                  width: "0px"
+                },
+                onChange: handleChange
+              }), /*#__PURE__*/_jsx(Icon, {
+                icon: "fileUpload"
+              }), /*#__PURE__*/_jsxs("span", {
+                style: {
+                  paddingLeft: "8px"
+                },
+                children: ["upload ", title || "image"]
+              })]
+            })
           })
-        })
-      }) : null
+        }) : null
+      })
     })]
   });
 };