react-mention-input 1.1.27 → 1.1.28

package/dist/MentionInput.js

@@ -326,7 +326,12 @@ var MentionInput = function (_a) {
                 case 1:
                     _a.sent();
                     _a.label = 2;
-                case 2: return [2 /*return*/];
+                case 2:
+                    // Reset the input value to allow selecting the same file again
+                    if (fileInputRef.current) {
+                        fileInputRef.current.value = '';
+                    }
+                    return [2 /*return*/];
             }
         });
     }); };
@@ -407,6 +412,10 @@ var MentionInput = function (_a) {
     var removeImage = function () {
         setSelectedImage(null);
         setImageUrl(null);
+        // Reset the input value when image is removed
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
     };
     var handleSendMessage = function () {
         if (inputRef.current) {
@@ -428,6 +437,10 @@ var MentionInput = function (_a) {
                 setImageUrl(null);
                 userSelectListRef.current = [];
                 userSelectListWithIdsRef.current = [];
+                // Reset the file input value after sending
+                if (fileInputRef.current) {
+                    fileInputRef.current.value = '';
+                }
             }
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mention-input",
-  "version": "1.1.27",
+  "version": "1.1.28",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/MentionInput.tsx

@@ -427,6 +427,10 @@ const MentionInput: React.FC<MentionInputProps> = ({
         await uploadImage(file);
       }
     }
+    // Reset the input value to allow selecting the same file again
+    if (fileInputRef.current) {
+      fileInputRef.current.value = '';
+    }
   };
 
   const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {
@@ -493,6 +497,10 @@ const MentionInput: React.FC<MentionInputProps> = ({
   const removeImage = () => {
     setSelectedImage(null);
     setImageUrl(null);
+    // Reset the input value when image is removed
+    if (fileInputRef.current) {
+      fileInputRef.current.value = '';
+    }
   };
 
   const handleSendMessage = () => {
@@ -516,6 +524,10 @@ const MentionInput: React.FC<MentionInputProps> = ({
         setImageUrl(null);
         userSelectListRef.current = [];
         userSelectListWithIdsRef.current = [];
+        // Reset the file input value after sending
+        if (fileInputRef.current) {
+          fileInputRef.current.value = '';
+        }
       }
     }
   };