@flozy/editor 5.3.5 → 5.3.6

package/dist/Editor/common/Uploader.js

@@ -4,7 +4,6 @@ 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";
@@ -19,9 +18,6 @@ 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);
@@ -83,57 +79,51 @@ const Uploader = props => {
         });
     }
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
+  return /*#__PURE__*/_jsxs(Grid, {
+    container: true,
+    sx: classes.uploadContainer,
     children: [/*#__PURE__*/_jsx(Grid, {
       item: true,
       xs: 12,
       children: uploading ? "Uploading..." : ""
     }), /*#__PURE__*/_jsx(Grid, {
-      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}`
+      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%"
             },
-            children: /*#__PURE__*/_jsxs(Button, {
-              component: "label",
-              variant: "text",
+            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: {
-                background: "none",
-                width: "100%"
+                paddingLeft: "8px"
               },
-              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"]
-              })]
-            })
+              children: ["upload ", title || "image"]
+            })]
           })
-        }) : null
-      })
+        })
+      }) : null
     })]
   });
 };