@cyberyozh/text-editor 0.3.1 → 0.3.2

package/dist/editor.mjs

@@ -1935,11 +1935,20 @@ var ImageDialog = ({
     width: constrainedDimensions.width,
     height: constrainedDimensions.height
   });
+  const [fileUploadError, setFileUploadError] = useState6(null);
   const handleSelectFile = (file) => {
+    setFileUploadError(null);
     if (!file) return;
+    if (!file.type.startsWith("image/")) {
+      setFileUploadError(new Error(translations2.imageDialog.invalidFileType));
+      return;
+    }
     const imageUrl = URL.createObjectURL(file);
     const img = new Image();
     img.src = imageUrl;
+    img.onerror = () => {
+      setFileUploadError(new Error(translations2.imageDialog.invalidFileType));
+    };
     img.onload = () => {
       const naturalWidth = img.width;
       const naturalHeight = img.height;
@@ -2032,6 +2041,8 @@ var ImageDialog = ({
         storageKey: result.storageKey
       });
       handleClose();
+    } catch (error) {
+      setFileUploadError(error instanceof Error ? error : new Error(translations2.imageDialog.unknownError));
     } finally {
       setIsUploading(false);
     }
@@ -2047,7 +2058,9 @@ var ImageDialog = ({
     });
     handleClose();
   };
-  const handleSave = mode === "edit" ? handleEditImage : handleAddImage;
+  const isEditMode = mode === "edit";
+  const canSave = isEditMode || Boolean(formState.file);
+  const handleSave = isEditMode ? handleEditImage : handleAddImage;
   const handleClose = () => {
     clearImageFormFields();
     onClose();
@@ -2140,6 +2153,19 @@ var ImageDialog = ({
             )
           ] })
         ] }) }),
+        fileUploadError && /* @__PURE__ */ jsxs18("div", { className: "image-dialog-error", children: [
+          fileUploadError.message || translations2.imageDialog.unknownError,
+          /* @__PURE__ */ jsx67(
+            "button",
+            {
+              type: "button",
+              className: "image-dialog-error-clear-button",
+              onClick: () => setFileUploadError(null),
+              "aria-label": translations2.imageDialog.clearError,
+              children: /* @__PURE__ */ jsx67(X_default, {})
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs18("div", { className: "image-dialog-actions", children: [
           /* @__PURE__ */ jsx67(
             Button,
@@ -2157,6 +2183,7 @@ var ImageDialog = ({
               isLoading: isUploading,
               type: "button",
               onClick: handleSave,
+              disabled: !canSave,
               children: saveButtonText
             }
           )
@@ -6843,9 +6870,9 @@ function useInsertionHandlers(imageHandlers) {
     }
   }, [insertedImage, activeDialog]);
   function genericInsertionHandler(file, event) {
-    if (!file || !file.type.startsWith("image/")) return;
     event.preventDefault();
     event.stopPropagation();
+    if (!file || !file.type.startsWith("image/")) return;
     if (!imageHandlers?.upload) return;
     setInsertedImage(file);
     openDialogCommand("image");
@@ -7420,7 +7447,10 @@ var ru_default = {
     captionLabel: "\u041F\u043E\u0434\u043F\u0438\u0441\u044C \u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044E",
     captionPlaceholder: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043F\u043E\u0434 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435\u043C...",
     save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
-    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"
+    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C",
+    invalidFileType: "\u0424\u0430\u0439\u043B \u043D\u0435 \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435\u043C",
+    unknownError: "\u041D\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430",
+    clearError: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u043E\u0448\u0438\u0431\u043A\u0443"
   },
   videoUpload: {
     title: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432\u0438\u0434\u0435\u043E",
@@ -7584,7 +7614,10 @@ var en_default = {
     captionLabel: "Image caption",
     captionPlaceholder: "Description under image...",
     save: "Save",
-    add: "Add"
+    add: "Add",
+    invalidFileType: "File is not an image",
+    unknownError: "Unknown error",
+    clearError: "Clear error"
   },
   videoUpload: {
     title: "Add video",