easy-email-pro-theme 1.6.0 → 1.6.2

package/lib/index.js

@@ -16329,7 +16329,10 @@ function ImageUploader(props) {
   const onChange = props.onChange;
   const onUpload = useCallback$1(() => {
     if (handleUploadClick) {
-      handleUploadClick({ onChange });
+      handleUploadClick({
+        onChange,
+        accept: "image/jpg,image/png,image/jpeg,image/gif"
+      });
       return;
     }
     if (isUploading) {
@@ -32506,14 +32509,67 @@ const getLinkNode = (editor) => {
   });
   return match2;
 };
+const PreventFocusWrapper = ({
+  children
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      style: { display: "flex", alignItems: "center" },
+      onMouseDown: (e) => {
+        e.preventDefault();
+      }
+    },
+    children
+  );
+};
 const TextLink = () => {
   const editor = useSlate();
   const linkNodeEntry = getLinkNode(editor);
   const ref2 = useRef(null);
   const linkNode = linkNodeEntry == null ? void 0 : linkNodeEntry[0];
+  const { handleUploadClick, showSelectFileButton, onUpload } = useEditorProps();
+  const [isUploading, setIsUploading] = useState(false);
+  const uploadHandlerRef = useRef(onUpload);
   const [formState, setFormState] = useState(__spreadProps(__spreadValues({}, linkNode == null ? void 0 : linkNode.link), {
     text: (linkNode == null ? void 0 : linkNode.text) || ""
   }));
+  const [from] = Form.useForm();
+  const handleUpload = useCallback$1(
+    (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (handleUploadClick) {
+        handleUploadClick({
+          onChange: (url) => from.setFieldValue("href", url),
+          accept: "*"
+        });
+        return;
+      }
+      if (isUploading) {
+        return Message.warning("Uploading...");
+      }
+      if (!uploadHandlerRef.current)
+        return;
+      const uploader = new Uploader(uploadHandlerRef.current, {
+        limit: 1,
+        accept: "*"
+      });
+      uploader.on("start", (photos) => {
+        setIsUploading(true);
+        uploader.on("end", (data) => __async(void 0, null, function* () {
+          var _a2;
+          const url = (_a2 = data[0]) == null ? void 0 : _a2.url;
+          if (url) {
+            from.setFieldValue("href", url);
+          }
+          setIsUploading(false);
+        }));
+      });
+      uploader.chooseFile();
+    },
+    [from, handleUploadClick, isUploading]
+  );
   useEffect(() => {
     setFormState(__spreadProps(__spreadValues({}, linkNode == null ? void 0 : linkNode.link), { text: (linkNode == null ? void 0 : linkNode.text) || "" }));
   }, [linkNode == null ? void 0 : linkNode.link, linkNode == null ? void 0 : linkNode.text]);
@@ -32545,7 +32601,6 @@ const TextLink = () => {
   const onChange = (values2) => {
     setFormState(values2);
   };
-  const [from] = Form.useForm();
   return /* @__PURE__ */ React__default.createElement(
     Popover,
     {
@@ -32598,7 +32653,16 @@ const TextLink = () => {
             padding: 10
           }
         },
-        /* @__PURE__ */ React__default.createElement(Grid.Row, { justify: "end" }, /* @__PURE__ */ React__default.createElement(Space, null, linkNode && /* @__PURE__ */ React__default.createElement(
+        /* @__PURE__ */ React__default.createElement(Grid.Row, { justify: "space-between" }, /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, showSelectFileButton && /* @__PURE__ */ React__default.createElement(
+          Button$1,
+          {
+            style: { width: "100%" },
+            type: "outline",
+            status: "danger",
+            onClick: handleUpload
+          },
+          t(`Select File`)
+        )), /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(Space, null, linkNode && /* @__PURE__ */ React__default.createElement(
           Button$1,
           {
             style: { width: "100%" },
@@ -32614,7 +32678,7 @@ const TextLink = () => {
             type: "primary"
           },
           "Apply"
-        )))
+        ))))
       ))
     },
     /* @__PURE__ */ React__default.createElement(
@@ -32738,6 +32802,8 @@ const MergeTagComponent = React__default.memo((props) => {
       return;
     const onKeyDown = (ev) => {
       var _a2, _b;
+      if (!ev.code)
+        return;
       if (ev.code.toLowerCase() === "enter" && ((_a2 = ref2.current) == null ? void 0 : _a2.contains(document.activeElement))) {
         if (document.activeElement instanceof HTMLElement) {
           ev.preventDefault();
@@ -33004,54 +33070,54 @@ const RichTextBar = ({ list }) => {
   );
   const content = useMemo$1(() => {
     const toolsMapping = {
-      [TextFormat.TURN_INTO]: /* @__PURE__ */ React__default.createElement(TurnInto, null),
-      [TextFormat.FONT_SIZE]: /* @__PURE__ */ React__default.createElement(FontSize, null),
-      [TextFormat.FONT_FAMILY]: /* @__PURE__ */ React__default.createElement(FontFamily, null),
+      [TextFormat.TURN_INTO]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(TurnInto, null)),
+      [TextFormat.FONT_SIZE]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(FontSize, null)),
+      [TextFormat.FONT_FAMILY]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(FontFamily, null)),
       [TextFormat.LINK]: /* @__PURE__ */ React__default.createElement(TextLink, null),
-      [TextFormat.BOLD]: /* @__PURE__ */ React__default.createElement(
+      [TextFormat.BOLD]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(
         FormatButton,
         {
           title: t("Bold"),
           format: TextFormat.BOLD,
           icon: "icon-bold"
         }
-      ),
-      [TextFormat.ITALIC]: /* @__PURE__ */ React__default.createElement(
+      )),
+      [TextFormat.ITALIC]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(
         FormatButton,
         {
           title: t("Italic"),
           format: TextFormat.ITALIC,
           icon: "icon-italic"
         }
-      ),
-      [TextFormat.UNDERLINE]: /* @__PURE__ */ React__default.createElement(
+      )),
+      [TextFormat.UNDERLINE]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(
         FormatButton,
         {
           title: t("Underline"),
           format: TextFormat.UNDERLINE,
           icon: "icon-underline"
         }
-      ),
-      [TextFormat.STRIKETHROUGH]: /* @__PURE__ */ React__default.createElement(
+      )),
+      [TextFormat.STRIKETHROUGH]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(
         FormatButton,
         {
           title: t("Strikethrough"),
           format: TextFormat.STRIKETHROUGH,
           icon: "icon-strikethrough"
         }
-      ),
-      [TextFormat.TEXT_COLOR]: /* @__PURE__ */ React__default.createElement(FontColor, null),
-      [TextFormat.BACKGROUND_COLOR]: /* @__PURE__ */ React__default.createElement(BgColor, null),
-      [TextFormat.MERGETAG]: mergetags && !mergetagNode && /* @__PURE__ */ React__default.createElement(MergeTag, null),
-      [TextFormat.ALIGN]: /* @__PURE__ */ React__default.createElement(TextAlign, null),
-      [TextFormat.REMOVE_FORMAT]: /* @__PURE__ */ React__default.createElement(
+      )),
+      [TextFormat.TEXT_COLOR]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(FontColor, null)),
+      [TextFormat.BACKGROUND_COLOR]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(BgColor, null)),
+      [TextFormat.MERGETAG]: mergetags && !mergetagNode && /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(MergeTag, null)),
+      [TextFormat.ALIGN]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(TextAlign, null)),
+      [TextFormat.REMOVE_FORMAT]: /* @__PURE__ */ React__default.createElement(PreventFocusWrapper, null, /* @__PURE__ */ React__default.createElement(
         FormatButton,
         {
           title: t("Remove format"),
           format: TextFormat.REMOVE_FORMAT,
           icon: "icon-remove"
         }
-      )
+      ))
     };
     return list.map((key2, index2) => {
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: key2 + index2 }, toolsMapping[key2]);
@@ -33181,10 +33247,7 @@ const HoveringToolbar = () => {
         ref: ref2,
         key: String(isNotSelect),
         id: "HoveringToolbar",
-        className: "HoveringToolbar RichTextBar",
-        onMouseDown: (e) => {
-          e.preventDefault();
-        }
+        className: "HoveringToolbar RichTextBar"
       },
       /* @__PURE__ */ React__default.createElement("div", { className: "HoveringToolbarWrapper" }, hoveringToolbar == null ? void 0 : hoveringToolbar.prefix, /* @__PURE__ */ React__default.createElement(RichTextBar, { list }), hoveringToolbar == null ? void 0 : hoveringToolbar.subfix),
       /* @__PURE__ */ React__default.createElement("style", null, styleText$c)

package/lib/typings/components/HoveringToolbar/componens/PreventFocusWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const PreventFocusWrapper: ({ children, }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "",
   "files": [
     "lib"