@mdxeditor/editor 3.9.1 → 3.9.3

package/dist/plugins/image/ImageDialog.js

@@ -51,7 +51,7 @@ const ImageDialog = () => {
           },
           className: styles.multiFieldForm
         },
-        imageUploadHandler !== null && /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "file" }, t("uploadImage.uploadInstructions", "Upload an image from your device:")), /* @__PURE__ */ React__default.createElement("input", { type: "file", accept: "image/*", ...register("file") })),
+        imageUploadHandler === null ? /* @__PURE__ */ React__default.createElement("input", { type: "hidden", accept: "image/*", ...register("file") }) : /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "file" }, t("uploadImage.uploadInstructions", "Upload an image from your device:")), /* @__PURE__ */ React__default.createElement("input", { type: "file", accept: "image/*", ...register("file") })),
         /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "src" }, imageUploadHandler !== null ? t("uploadImage.addViaUrlInstructions", "Or add an image from an URL:") : t("uploadImage.addViaUrlInstructionsNoUpload", "Add an image from an URL:")), /* @__PURE__ */ React__default.createElement(
           DownshiftAutoComplete,
           {

package/dist/plugins/image/ImageEditor.js

@@ -219,6 +219,7 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
       className: styles.iconButton,
       type: "button",
       title: t("image.delete", "Delete image"),
+      disabled: readOnly,
       onClick: (e) => {
         e.preventDefault();
         editor.update(() => {

package/dist/plugins/image/ImageNode.js

@@ -35,8 +35,8 @@ class ImageNode extends DecoratorNode {
     this.__src = src;
     this.__title = title;
     this.__altText = altText;
-    this.__width = width ?? "inherit";
-    this.__height = height ?? "inherit";
+    this.__width = width ? width : "inherit";
+    this.__height = height ? height : "inherit";
   }
   /** @internal */
   static getType() {

package/dist/plugins/image/index.js

@@ -83,9 +83,6 @@ const imageDialogState$ = Cell(
         editor.registerCommand(
           DRAGSTART_COMMAND,
           (event) => {
-            if (!theUploadHandler) {
-              return false;
-            }
             return onDragStart(event);
           },
           COMMAND_PRIORITY_HIGH
@@ -93,7 +90,7 @@ const imageDialogState$ = Cell(
         editor.registerCommand(
           DRAGOVER_COMMAND,
           (event) => {
-            return onDragover(event);
+            return onDragover(event, !!theUploadHandler);
           },
           COMMAND_PRIORITY_LOW
         ),
@@ -104,32 +101,38 @@ const imageDialogState$ = Cell(
           },
           COMMAND_PRIORITY_HIGH
         ),
-        ...theUploadHandler !== null ? [
-          editor.registerCommand(
-            PASTE_COMMAND,
-            (event) => {
-              var _a;
-              let cbPayload = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) ?? []);
-              cbPayload = cbPayload.filter((i) => i.type.includes("image"));
-              if (!cbPayload.length || cbPayload.length === 0) {
-                return false;
+        editor.registerCommand(
+          PASTE_COMMAND,
+          (event) => {
+            var _a, _b;
+            if (!theUploadHandler) {
+              let fromWeb = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) ?? []);
+              fromWeb = fromWeb.filter((i) => i.type.includes("text"));
+              if (!fromWeb.length || fromWeb.length === 0) {
+                return true;
               }
-              const imageUploadHandlerValue = r.getValue(imageUploadHandler$);
-              Promise.all(cbPayload.map((file) => imageUploadHandlerValue(file.getAsFile()))).then((urls) => {
-                urls.forEach((url) => {
-                  editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
-                    src: url,
-                    altText: ""
-                  });
+              return false;
+            }
+            let cbPayload = Array.from(((_b = event.clipboardData) == null ? void 0 : _b.items) ?? []);
+            cbPayload = cbPayload.filter((i) => i.type.includes("image"));
+            if (!cbPayload.length || cbPayload.length === 0) {
+              return false;
+            }
+            const imageUploadHandlerValue = r.getValue(imageUploadHandler$);
+            Promise.all(cbPayload.map((file) => imageUploadHandlerValue(file.getAsFile()))).then((urls) => {
+              urls.forEach((url) => {
+                editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                  src: url,
+                  altText: ""
                 });
-              }).catch((e) => {
-                throw e;
               });
-              return true;
-            },
-            COMMAND_PRIORITY_CRITICAL
-          )
-        ] : []
+            }).catch((e) => {
+              throw e;
+            });
+            return true;
+          },
+          COMMAND_PRIORITY_CRITICAL
+        )
       );
     });
   }
@@ -204,13 +207,15 @@ function onDragStart(event) {
   );
   return true;
 }
-function onDragover(event) {
+function onDragover(event, hasUploadHandler) {
   var _a;
-  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) ?? []);
-  cbPayload = cbPayload.filter((i) => i.type.includes("image"));
-  if (cbPayload.length > 0) {
-    event.preventDefault();
-    return true;
+  if (hasUploadHandler) {
+    let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) ?? []);
+    cbPayload = cbPayload.filter((i) => i.type.includes("image"));
+    if (cbPayload.length > 0) {
+      event.preventDefault();
+      return true;
+    }
   }
   const node = getImageNodeInSelection();
   if (!node) {

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.9.1",
+  "version": "3.9.3",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",