@flozy/editor 1.2.0 → 1.2.1

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

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Tabs, Tab, Grid } from "@mui/material";
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Tabs, Tab, Grid, IconButton, Typography } from "@mui/material";
 import FieldMap from "./fieldTypes";
+import CloseIcon from "@mui/icons-material/Close";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const StyleContent = props => {
@@ -51,6 +52,7 @@ const StyleTabs = props => {
     variant: "scrollable",
     scrollButtons: "auto",
     "aria-label": "scrollable auto tabs example",
+    className: "editorTabs",
     children: renderTabs.map((m, i) => {
       return /*#__PURE__*/_jsx(Tab, {
         value: m.value,
@@ -83,36 +85,74 @@ const StyleBuilder = props => {
   const handleSave = () => {
     onSave(elementProps);
   };
-  return /*#__PURE__*/_jsxs(Dialog, {
+  return /*#__PURE__*/_jsx(Dialog, {
     open: true,
     fullWidth: true,
-    children: [/*#__PURE__*/_jsxs(DialogTitle, {
-      children: [title, " "]
-    }), /*#__PURE__*/_jsxs(DialogContent, {
-      children: [/*#__PURE__*/_jsx(StyleTabs, {
-        renderTabs: renderTabs,
-        value: tab,
-        handleChange: handleChange
-      }), /*#__PURE__*/_jsx(StyleContent, {
-        renderTabs: renderTabs,
-        value: tab,
-        element: elementProps,
-        onChange: onElementPropsChange,
-        customProps: customProps
-      })]
-    }), /*#__PURE__*/_jsxs(DialogActions, {
-      children: [onDelete ? /*#__PURE__*/_jsx(Button, {
-        onClick: onDelete,
-        color: "error",
-        children: "Delete"
-      }) : null, /*#__PURE__*/_jsx(Button, {
-        onClick: onClose,
-        children: "Cancel"
-      }), /*#__PURE__*/_jsx(Button, {
-        onClick: handleSave,
-        children: "Save"
+    children: /*#__PURE__*/_jsxs(Grid, {
+      item: true,
+      xs: 12,
+      sx: {
+        p: 3
+      },
+      children: [/*#__PURE__*/_jsx(DialogTitle, {
+        sx: {
+          p: 0,
+          pb: 2
+        },
+        children: /*#__PURE__*/_jsxs(Grid, {
+          container: true,
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "h6",
+            className: "popupTitle",
+            children: title
+          }), /*#__PURE__*/_jsx(Grid, {
+            style: {
+              display: "flex"
+            },
+            children: /*#__PURE__*/_jsx(IconButton, {
+              onClick: onClose,
+              className: "close-popupbtn",
+              children: /*#__PURE__*/_jsx(CloseIcon, {})
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsxs(DialogContent, {
+        sx: {
+          p: 0
+        },
+        children: [/*#__PURE__*/_jsx(StyleTabs, {
+          renderTabs: renderTabs,
+          value: tab,
+          handleChange: handleChange
+        }), /*#__PURE__*/_jsx(StyleContent, {
+          renderTabs: renderTabs,
+          value: tab,
+          element: elementProps,
+          onChange: onElementPropsChange,
+          customProps: customProps
+        })]
+      }), /*#__PURE__*/_jsxs(DialogActions, {
+        sx: {
+          p: 0,
+          pt: 2
+        },
+        children: [onDelete ? /*#__PURE__*/_jsx(Button, {
+          onClick: onDelete,
+          color: "error",
+          className: "deleteBtn",
+          children: "Delete"
+        }) : null, /*#__PURE__*/_jsx(Button, {
+          onClick: onClose,
+          className: "secondaryBtn",
+          children: "Cancel"
+        }), /*#__PURE__*/_jsx(Button, {
+          onClick: handleSave,
+          className: "primaryBtn",
+          children: "Save"
+        })]
       })]
-    })]
+    })
   });
 };
 export default StyleBuilder;

package/dist/Editor/common/Uploader.js

@@ -43,32 +43,38 @@ const Uploader = props => {
   };
   return /*#__PURE__*/_jsxs(Grid, {
     container: true,
-    padding: 3,
-    children: [/*#__PURE__*/_jsxs(Grid, {
+    sx: {
+      pt: 3
+    },
+    children: [/*#__PURE__*/_jsx(Grid, {
       item: true,
       xs: 12,
-      style: {
-        display: "flex"
-      },
-      justifyContent: "center",
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsxs(Button, {
-        component: "label",
-        variant: "contained",
-        startIcon: /*#__PURE__*/_jsx(CloudUploadIcon, {}),
-        children: ["Upload file", /*#__PURE__*/_jsx("input", {
-          type: "file",
-          style: {
-            opacity: 0
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/_jsxs(Button, {
+          component: "label",
+          sx: {
+            display: 'inline-flex',
+            width: '154px',
+            whiteSpace: 'nowrap'
           },
-          onChange: handleChange
-        })]
-      }), /*#__PURE__*/_jsx("input", {
-        type: "checkbox",
-        value: "none",
-        checked: value === "none",
-        onChange: onRemoveBG
-      }), " ", "None"]
+          variant: "contained",
+          startIcon: /*#__PURE__*/_jsx(CloudUploadIcon, {}),
+          children: ["Upload file", /*#__PURE__*/_jsx("input", {
+            type: "file",
+            style: {
+              opacity: 0
+            },
+            onChange: handleChange
+          })]
+        }), base64 ? /*#__PURE__*/_jsx(Button, {
+          variant: "contained",
+          color: "secondary",
+          onClick: onRemoveBG,
+          children: "Clear"
+        }) : '']
+      })
     }), uploading ? "Uploading..." : "", /*#__PURE__*/_jsx(Grid, {
       item: true,
       xs: 12,