@majoo-ui/react 1.61.12-rc.13 → 1.61.12-rc.15

package/index.esm.js

@@ -29224,6 +29224,10 @@ const Upload = ({
   });
   function handleClick() {
     if (!disabled) {
+      // Ensure input is reset before clicking
+      if (hiddenFileInput.current) {
+        hiddenFileInput.current.value = '';
+      }
       hiddenFileInput.current.click();
     }
   }
@@ -29403,6 +29407,13 @@ const Upload = ({
         };
       }
     }
+    // Reset the input value to ensure onChange fires even when selecting the same file
+    // Use setTimeout to ensure the reset happens after the current event loop
+    setTimeout(() => {
+      if (e.target && e.target.value) {
+        e.target.value = '';
+      }
+    }, 0);
   }
   function handleCrop() {
     if (completedCrop != null && completedCrop.width && completedCrop != null && completedCrop.height && imgRef.current) {
@@ -29476,6 +29487,10 @@ const Upload = ({
   }
   function handleReplace(index) {
     indexReplace.current = index;
+    // Reset the input value before clicking to ensure onChange fires
+    if (hiddenFileInput.current) {
+      hiddenFileInput.current.value = '';
+    }
     handleClick();
   }
   function handlePreview(file) {
@@ -29521,11 +29536,14 @@ const Upload = ({
       files
     } = e.dataTransfer;
     if (files && files.length) {
-      handleChange({
+      // Create a synthetic event object that mimics the file input change event
+      const syntheticEvent = {
         target: {
-          files
+          files,
+          value: '' // Include value property for consistency
         }
-      });
+      };
+      handleChange(syntheticEvent);
     }
   }
   function renderButtonReplace(index) {
@@ -29538,7 +29556,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 667,
+        lineNumber: 689,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29548,7 +29566,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 668,
+        lineNumber: 690,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29563,7 +29581,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 678,
+            lineNumber: 700,
             columnNumber: 16
           }
         });
@@ -29574,7 +29592,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 681,
+          lineNumber: 703,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29584,7 +29602,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 682,
+          lineNumber: 704,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29593,7 +29611,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 683,
+          lineNumber: 705,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29606,7 +29624,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 685,
+          lineNumber: 707,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29622,7 +29640,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 693,
+          lineNumber: 715,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29632,7 +29650,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 706,
+          lineNumber: 728,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29649,7 +29667,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 717,
+            lineNumber: 739,
             columnNumber: 16
           }
         });
@@ -29659,7 +29677,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 720,
+          lineNumber: 742,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29669,7 +29687,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 721,
+          lineNumber: 743,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29678,7 +29696,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 722,
+          lineNumber: 744,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29691,7 +29709,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 723,
+          lineNumber: 745,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29701,14 +29719,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 731,
+          lineNumber: 753,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 732,
+          lineNumber: 754,
           columnNumber: 17
         }
       }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29716,7 +29734,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 733,
+          lineNumber: 755,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29731,7 +29749,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 734,
+          lineNumber: 756,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29744,7 +29762,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 750,
+          lineNumber: 772,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29760,7 +29778,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 758,
+          lineNumber: 780,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29768,7 +29786,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 771,
+          lineNumber: 793,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29783,7 +29801,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 782,
+        lineNumber: 804,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29797,7 +29815,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 783,
+        lineNumber: 805,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29823,7 +29841,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 784,
+        lineNumber: 806,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29831,14 +29849,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 797,
+        lineNumber: 819,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 798,
+        lineNumber: 820,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29850,7 +29868,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 806,
+        lineNumber: 828,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29866,7 +29884,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 807,
+        lineNumber: 829,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29875,24 +29893,28 @@ const Upload = ({
       ref: hiddenFileInput,
       onChange: handleChange,
       multiple: multiple,
+      onClick: e => {
+        // Force reset on click to handle edge cases
+        e.target.value = '';
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 818,
+        lineNumber: 840,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 851,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 821,
+        lineNumber: 853,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29901,7 +29923,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 822,
+        lineNumber: 854,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29909,7 +29931,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 823,
+        lineNumber: 855,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29919,7 +29941,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 825,
+        lineNumber: 857,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29929,7 +29951,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 832,
+        lineNumber: 864,
         columnNumber: 19
       }
     }, error));
@@ -29941,7 +29963,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 839,
+        lineNumber: 871,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29949,7 +29971,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 840,
+        lineNumber: 872,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -29957,7 +29979,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 841,
+        lineNumber: 873,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29970,7 +29992,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 843,
+        lineNumber: 875,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -29983,7 +30005,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 846,
+        lineNumber: 878,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -29994,7 +30016,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 854,
+        lineNumber: 886,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30008,14 +30030,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 855,
+        lineNumber: 887,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 866,
+        lineNumber: 898,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30027,14 +30049,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 867,
+        lineNumber: 899,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 869,
+        lineNumber: 901,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30042,7 +30064,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 871,
+        lineNumber: 903,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30054,7 +30076,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 872,
+        lineNumber: 904,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30062,7 +30084,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 879,
+        lineNumber: 911,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30071,7 +30093,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 880,
+        lineNumber: 912,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -30081,7 +30103,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 883,
+        lineNumber: 915,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -30098,7 +30120,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 892,
+      lineNumber: 924,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30107,7 +30129,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 895,
+      lineNumber: 927,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());

package/index.umd.js

@@ -29737,6 +29737,10 @@
     });
     function handleClick() {
       if (!disabled) {
+        // Ensure input is reset before clicking
+        if (hiddenFileInput.current) {
+          hiddenFileInput.current.value = '';
+        }
         hiddenFileInput.current.click();
       }
     }
@@ -29916,6 +29920,13 @@
           };
         }
       }
+      // Reset the input value to ensure onChange fires even when selecting the same file
+      // Use setTimeout to ensure the reset happens after the current event loop
+      setTimeout(() => {
+        if (e.target && e.target.value) {
+          e.target.value = '';
+        }
+      }, 0);
     }
     function handleCrop() {
       if (completedCrop != null && completedCrop.width && completedCrop != null && completedCrop.height && imgRef.current) {
@@ -29989,6 +30000,10 @@
     }
     function handleReplace(index) {
       indexReplace.current = index;
+      // Reset the input value before clicking to ensure onChange fires
+      if (hiddenFileInput.current) {
+        hiddenFileInput.current.value = '';
+      }
       handleClick();
     }
     function handlePreview(file) {
@@ -30034,11 +30049,14 @@
         files
       } = e.dataTransfer;
       if (files && files.length) {
-        handleChange({
+        // Create a synthetic event object that mimics the file input change event
+        const syntheticEvent = {
           target: {
-            files
+            files,
+            value: '' // Include value property for consistency
           }
-        });
+        };
+        handleChange(syntheticEvent);
       }
     }
     function renderButtonReplace(index) {
@@ -30051,7 +30069,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 667,
+          lineNumber: 689,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -30061,7 +30079,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 668,
+          lineNumber: 690,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -30076,7 +30094,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 678,
+              lineNumber: 700,
               columnNumber: 16
             }
           });
@@ -30087,7 +30105,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 681,
+            lineNumber: 703,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30097,7 +30115,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 682,
+            lineNumber: 704,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30106,7 +30124,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 683,
+            lineNumber: 705,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30119,7 +30137,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 685,
+            lineNumber: 707,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30135,7 +30153,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 693,
+            lineNumber: 715,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30145,7 +30163,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 706,
+            lineNumber: 728,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30162,7 +30180,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 717,
+              lineNumber: 739,
               columnNumber: 16
             }
           });
@@ -30172,7 +30190,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 720,
+            lineNumber: 742,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30182,7 +30200,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 721,
+            lineNumber: 743,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30191,7 +30209,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 722,
+            lineNumber: 744,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30204,7 +30222,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 723,
+            lineNumber: 745,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30214,14 +30232,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 731,
+            lineNumber: 753,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 732,
+            lineNumber: 754,
             columnNumber: 17
           }
         }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30229,7 +30247,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 733,
+            lineNumber: 755,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30244,7 +30262,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 734,
+            lineNumber: 756,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30257,7 +30275,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 750,
+            lineNumber: 772,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30273,7 +30291,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 758,
+            lineNumber: 780,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -30281,7 +30299,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 771,
+            lineNumber: 793,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30296,7 +30314,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 782,
+          lineNumber: 804,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30310,7 +30328,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 783,
+          lineNumber: 805,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -30336,7 +30354,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 784,
+          lineNumber: 806,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30344,14 +30362,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 797,
+          lineNumber: 819,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 798,
+          lineNumber: 820,
           columnNumber: 11
         }
       }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -30363,7 +30381,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 806,
+          lineNumber: 828,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -30379,7 +30397,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 807,
+          lineNumber: 829,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
@@ -30388,24 +30406,28 @@
         ref: hiddenFileInput,
         onChange: handleChange,
         multiple: multiple,
+        onClick: e => {
+          // Force reset on click to handle edge cases
+          e.target.value = '';
+        },
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 818,
+          lineNumber: 840,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 851,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 821,
+          lineNumber: 853,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30414,7 +30436,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 822,
+          lineNumber: 854,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30422,7 +30444,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 823,
+          lineNumber: 855,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30432,7 +30454,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 825,
+          lineNumber: 857,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30442,7 +30464,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 832,
+          lineNumber: 864,
           columnNumber: 19
         }
       }, error));
@@ -30454,7 +30476,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 839,
+          lineNumber: 871,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30462,7 +30484,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 840,
+          lineNumber: 872,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30470,7 +30492,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 841,
+          lineNumber: 873,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30483,7 +30505,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 843,
+          lineNumber: 875,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30496,7 +30518,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 846,
+          lineNumber: 878,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30507,7 +30529,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 854,
+          lineNumber: 886,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30521,14 +30543,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 855,
+          lineNumber: 887,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 866,
+          lineNumber: 898,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30540,14 +30562,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 867,
+          lineNumber: 899,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 869,
+          lineNumber: 901,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30555,7 +30577,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 871,
+          lineNumber: 903,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30567,7 +30589,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 872,
+          lineNumber: 904,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30575,7 +30597,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 879,
+          lineNumber: 911,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30584,7 +30606,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 880,
+          lineNumber: 912,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30594,7 +30616,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 883,
+          lineNumber: 915,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30611,7 +30633,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 892,
+        lineNumber: 924,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30620,7 +30642,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 895,
+        lineNumber: 927,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.12-rc.13",
+  "version": "1.61.12-rc.15",
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",