npm - @majoo-ui/react - Versions diffs - 1.61.12-rc.14 → 1.61.12-rc.16 - Mend

@majoo-ui/react 1.61.12-rc.14 → 1.61.12-rc.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.esm.js CHANGED Viewed

@@ -28915,9 +28915,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
 const _excluded = ["customPreviewIcon"];
 var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
-const Input$2 = styled('input', {
-  display: 'none !important'
-});
+const Input$2 = styled('input', {});
 const Children = styled('div', {
   display: 'flex',
   justifyContent: 'center',
@@ -29007,17 +29005,17 @@ const IconStateFull = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 119,
+      lineNumber: 117,
       columnNumber: 5
     }
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 126,
+      lineNumber: 124,
       columnNumber: 5
     }
-  }, !!customPreviewIcon ? (/*#__PURE__*/React__default.cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
+  }, customPreviewIcon ? (/*#__PURE__*/React__default.cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
     color: isHover ? '#04C99E' : customPreviewIcon.props.color,
     onMouseEnter: handleEnter,
     onMouseLeave: handleLeave,
@@ -29036,7 +29034,7 @@ const IconStateFull = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 145,
+      lineNumber: 143,
       columnNumber: 9
     }
   })));
@@ -29100,6 +29098,7 @@ const Upload = ({
   const [aspect, setAspect] = useState(isDefaultCustomRatio ? 0 : 1);
   const [isLoading, setIsLoading] = useState(false);
   const [cropperImgRatio, setCropperImgRatio] = useState(null);
+  const [fileValue, setFileValue] = useState('');
   const isMobile = useMediaQuery('(max-width: 767px)');
   useEffect(() => {
     if (loading) {
@@ -29224,6 +29223,10 @@ const Upload = ({
   });
   function handleClick() {
     if (!disabled) {
+      // Ensure input is reset before clicking
+      if (hiddenFileInput.current) {
+        hiddenFileInput.current.value = '';
+      }
       hiddenFileInput.current.click();
     }
   }
@@ -29404,7 +29407,12 @@ const Upload = ({
       }
     }
     // Reset the input value to ensure onChange fires even when selecting the same file
-    e.target.value = '';
+    // 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) {
@@ -29547,7 +29555,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 680,
+        lineNumber: 689,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29557,7 +29565,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 681,
+        lineNumber: 690,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29572,7 +29580,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 691,
+            lineNumber: 700,
             columnNumber: 16
           }
         });
@@ -29583,7 +29591,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 694,
+          lineNumber: 703,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29593,7 +29601,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 695,
+          lineNumber: 704,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29602,7 +29610,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 696,
+          lineNumber: 705,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29615,7 +29623,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 698,
+          lineNumber: 707,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29631,7 +29639,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 706,
+          lineNumber: 715,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29641,7 +29649,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 719,
+          lineNumber: 728,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29658,7 +29666,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 730,
+            lineNumber: 739,
             columnNumber: 16
           }
         });
@@ -29668,7 +29676,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 733,
+          lineNumber: 742,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29678,7 +29686,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 734,
+          lineNumber: 743,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29687,7 +29695,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 735,
+          lineNumber: 744,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29700,7 +29708,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 736,
+          lineNumber: 745,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29710,14 +29718,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 744,
+          lineNumber: 753,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 745,
+          lineNumber: 754,
           columnNumber: 17
         }
       }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29725,7 +29733,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 746,
+          lineNumber: 755,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29740,7 +29748,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 747,
+          lineNumber: 756,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29753,7 +29761,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 763,
+          lineNumber: 772,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29769,7 +29777,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 771,
+          lineNumber: 780,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29777,7 +29785,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 784,
+          lineNumber: 793,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29792,7 +29800,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 795,
+        lineNumber: 804,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29806,7 +29814,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 796,
+        lineNumber: 805,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29832,7 +29840,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 797,
+        lineNumber: 806,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29840,14 +29848,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 810,
+        lineNumber: 819,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 811,
+        lineNumber: 820,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29859,7 +29867,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 828,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29875,33 +29883,39 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 820,
+        lineNumber: 829,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
       type: "file",
       accept: accept,
       ref: hiddenFileInput,
-      onChange: handleChange,
       multiple: multiple,
+      onClick: e => {
+        // Force reset on click to handle edge cases
+        e.target.value = '';
+        setFileValue('');
+      },
+      value: fileValue,
+      onChange: handleChange,
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 831,
+        lineNumber: 840,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 832,
+        lineNumber: 853,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 834,
+        lineNumber: 855,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29910,7 +29924,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 835,
+        lineNumber: 856,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29918,7 +29932,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 836,
+        lineNumber: 857,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29928,7 +29942,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 838,
+        lineNumber: 859,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29938,7 +29952,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 845,
+        lineNumber: 866,
         columnNumber: 19
       }
     }, error));
@@ -29950,7 +29964,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 852,
+        lineNumber: 873,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29958,7 +29972,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 853,
+        lineNumber: 874,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -29966,7 +29980,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 854,
+        lineNumber: 875,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29979,7 +29993,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 856,
+        lineNumber: 877,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -29992,7 +30006,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 859,
+        lineNumber: 880,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -30003,7 +30017,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 867,
+        lineNumber: 888,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30017,14 +30031,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 868,
+        lineNumber: 889,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 879,
+        lineNumber: 900,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30036,14 +30050,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 880,
+        lineNumber: 901,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 882,
+        lineNumber: 903,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30051,7 +30065,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 884,
+        lineNumber: 905,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30063,7 +30077,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 885,
+        lineNumber: 906,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30071,7 +30085,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 892,
+        lineNumber: 913,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30080,7 +30094,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 893,
+        lineNumber: 914,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -30090,7 +30104,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 896,
+        lineNumber: 917,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -30107,7 +30121,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 905,
+      lineNumber: 926,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30116,7 +30130,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 908,
+      lineNumber: 929,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());

package/index.umd.js CHANGED Viewed

@@ -29428,9 +29428,7 @@
   const _excluded = ["customPreviewIcon"];
   var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
-  const Input$2 = styled('input', {
-    display: 'none !important'
-  });
+  const Input$2 = styled('input', {});
   const Children = styled('div', {
     display: 'flex',
     justifyContent: 'center',
@@ -29520,17 +29518,17 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 119,
+        lineNumber: 117,
         columnNumber: 5
       }
     })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 126,
+        lineNumber: 124,
         columnNumber: 5
       }
-    }, !!customPreviewIcon ? (/*#__PURE__*/React__default["default"].cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
+    }, customPreviewIcon ? (/*#__PURE__*/React__default["default"].cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
       color: isHover ? '#04C99E' : customPreviewIcon.props.color,
       onMouseEnter: handleEnter,
       onMouseLeave: handleLeave,
@@ -29549,7 +29547,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 145,
+        lineNumber: 143,
         columnNumber: 9
       }
     })));
@@ -29613,6 +29611,7 @@
     const [aspect, setAspect] = React.useState(isDefaultCustomRatio ? 0 : 1);
     const [isLoading, setIsLoading] = React.useState(false);
     const [cropperImgRatio, setCropperImgRatio] = React.useState(null);
+    const [fileValue, setFileValue] = React.useState('');
     const isMobile = useMediaQuery('(max-width: 767px)');
     React.useEffect(() => {
       if (loading) {
@@ -29737,6 +29736,10 @@
     });
     function handleClick() {
       if (!disabled) {
+        // Ensure input is reset before clicking
+        if (hiddenFileInput.current) {
+          hiddenFileInput.current.value = '';
+        }
         hiddenFileInput.current.click();
       }
     }
@@ -29917,7 +29920,12 @@
         }
       }
       // Reset the input value to ensure onChange fires even when selecting the same file
-      e.target.value = '';
+      // 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) {
@@ -30060,7 +30068,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 680,
+          lineNumber: 689,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -30070,7 +30078,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 681,
+          lineNumber: 690,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -30085,7 +30093,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 691,
+              lineNumber: 700,
               columnNumber: 16
             }
           });
@@ -30096,7 +30104,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 694,
+            lineNumber: 703,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30106,7 +30114,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 695,
+            lineNumber: 704,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30115,7 +30123,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 696,
+            lineNumber: 705,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30128,7 +30136,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 698,
+            lineNumber: 707,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30144,7 +30152,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 706,
+            lineNumber: 715,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30154,7 +30162,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 719,
+            lineNumber: 728,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30171,7 +30179,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 730,
+              lineNumber: 739,
               columnNumber: 16
             }
           });
@@ -30181,7 +30189,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 733,
+            lineNumber: 742,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30191,7 +30199,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 734,
+            lineNumber: 743,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30200,7 +30208,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 735,
+            lineNumber: 744,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30213,7 +30221,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 736,
+            lineNumber: 745,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30223,14 +30231,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 744,
+            lineNumber: 753,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 745,
+            lineNumber: 754,
             columnNumber: 17
           }
         }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30238,7 +30246,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 746,
+            lineNumber: 755,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30253,7 +30261,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 747,
+            lineNumber: 756,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30266,7 +30274,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 763,
+            lineNumber: 772,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30282,7 +30290,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 771,
+            lineNumber: 780,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -30290,7 +30298,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 784,
+            lineNumber: 793,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30305,7 +30313,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 795,
+          lineNumber: 804,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30319,7 +30327,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 796,
+          lineNumber: 805,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -30345,7 +30353,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 797,
+          lineNumber: 806,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30353,14 +30361,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 810,
+          lineNumber: 819,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 811,
+          lineNumber: 820,
           columnNumber: 11
         }
       }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -30372,7 +30380,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 828,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -30388,33 +30396,39 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 820,
+          lineNumber: 829,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
         type: "file",
         accept: accept,
         ref: hiddenFileInput,
-        onChange: handleChange,
         multiple: multiple,
+        onClick: e => {
+          // Force reset on click to handle edge cases
+          e.target.value = '';
+          setFileValue('');
+        },
+        value: fileValue,
+        onChange: handleChange,
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 831,
+          lineNumber: 840,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 832,
+          lineNumber: 853,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 834,
+          lineNumber: 855,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30423,7 +30437,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 835,
+          lineNumber: 856,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30431,7 +30445,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 836,
+          lineNumber: 857,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30441,7 +30455,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 838,
+          lineNumber: 859,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30451,7 +30465,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 845,
+          lineNumber: 866,
           columnNumber: 19
         }
       }, error));
@@ -30463,7 +30477,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 852,
+          lineNumber: 873,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30471,7 +30485,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 853,
+          lineNumber: 874,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30479,7 +30493,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 854,
+          lineNumber: 875,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30492,7 +30506,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 856,
+          lineNumber: 877,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30505,7 +30519,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 859,
+          lineNumber: 880,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30516,7 +30530,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 867,
+          lineNumber: 888,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30530,14 +30544,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 868,
+          lineNumber: 889,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 879,
+          lineNumber: 900,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30549,14 +30563,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 880,
+          lineNumber: 901,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 882,
+          lineNumber: 903,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30564,7 +30578,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 884,
+          lineNumber: 905,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30576,7 +30590,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 885,
+          lineNumber: 906,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30584,7 +30598,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 892,
+          lineNumber: 913,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30593,7 +30607,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 893,
+          lineNumber: 914,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30603,7 +30617,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 896,
+          lineNumber: 917,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30620,7 +30634,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 905,
+        lineNumber: 926,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30629,7 +30643,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 908,
+        lineNumber: 929,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());

package/package.json CHANGED Viewed

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