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

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

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,7 +28915,9 @@ 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', {});
+const Input$2 = styled('input', {
+  display: 'none !important'
+});
 const Children = styled('div', {
   display: 'flex',
   justifyContent: 'center',
@@ -29005,14 +29007,14 @@ const IconStateFull = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 117,
+      lineNumber: 119,
       columnNumber: 5
     }
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 124,
+      lineNumber: 126,
       columnNumber: 5
     }
   }, customPreviewIcon ? (/*#__PURE__*/React__default.cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
@@ -29034,7 +29036,7 @@ const IconStateFull = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 143,
+      lineNumber: 145,
       columnNumber: 9
     }
   })));
@@ -29098,7 +29100,6 @@ 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) {
@@ -29242,12 +29243,6 @@ const Upload = ({
       let newFile = files[i];
       newFile.uid = new Date().getTime();
       newFile.url = URL.createObjectURL(newFile);
-      console.warn({
-        files,
-        action,
-        newFile,
-        maxSizeMB
-      });
       if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
         upload({
           url: action,
@@ -29350,9 +29345,6 @@ const Upload = ({
     }
   }
   function handleChange(e) {
-    console.warn({
-      e
-    });
     if (e.target.files && e.target.files[0]) {
       const files = e.target.files;
       if (isFile || !showCropper) {
@@ -29412,6 +29404,9 @@ const Upload = ({
       if (e.target && e.target.value) {
         e.target.value = '';
       }
+      if (hiddenFileInput.current) {
+        hiddenFileInput.current.value = '';
+      }
     }, 0);
   }
   function handleCrop() {
@@ -29555,7 +29550,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 689,
+        lineNumber: 690,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29565,7 +29560,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 690,
+        lineNumber: 691,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29580,7 +29575,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 700,
+            lineNumber: 701,
             columnNumber: 16
           }
         });
@@ -29591,7 +29586,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 703,
+          lineNumber: 704,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29601,7 +29596,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 704,
+          lineNumber: 705,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29610,7 +29605,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 705,
+          lineNumber: 706,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29623,7 +29618,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 707,
+          lineNumber: 708,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29639,7 +29634,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 715,
+          lineNumber: 716,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29649,7 +29644,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 728,
+          lineNumber: 729,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29666,7 +29661,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 739,
+            lineNumber: 740,
             columnNumber: 16
           }
         });
@@ -29676,7 +29671,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 742,
+          lineNumber: 743,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29686,7 +29681,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 743,
+          lineNumber: 744,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29695,7 +29690,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 744,
+          lineNumber: 745,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29708,7 +29703,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 745,
+          lineNumber: 746,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29718,14 +29713,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 753,
+          lineNumber: 754,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 754,
+          lineNumber: 755,
           columnNumber: 17
         }
       }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29733,7 +29728,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 755,
+          lineNumber: 756,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29748,7 +29743,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 756,
+          lineNumber: 757,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29761,7 +29756,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 772,
+          lineNumber: 773,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29777,7 +29772,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 780,
+          lineNumber: 781,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29785,7 +29780,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 793,
+          lineNumber: 794,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29800,7 +29795,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 804,
+        lineNumber: 805,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29814,7 +29809,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 805,
+        lineNumber: 806,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29840,7 +29835,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 806,
+        lineNumber: 807,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29848,14 +29843,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 820,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 820,
+        lineNumber: 821,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29867,7 +29862,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 828,
+        lineNumber: 829,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29883,10 +29878,11 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 829,
+        lineNumber: 830,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
+      id: "file-picker",
       type: "file",
       accept: accept,
       ref: hiddenFileInput,
@@ -29894,28 +29890,31 @@ const Upload = ({
       onClick: e => {
         // Force reset on click to handle edge cases
         e.target.value = '';
-        setFileValue('');
       },
-      value: fileValue,
       onChange: handleChange,
+      onInput: e => {
+        console.warn({
+          onInput: e
+        });
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 840,
+        lineNumber: 841,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 853,
+        lineNumber: 856,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 855,
+        lineNumber: 858,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29924,7 +29923,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 856,
+        lineNumber: 859,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29932,7 +29931,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 857,
+        lineNumber: 860,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29942,7 +29941,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 859,
+        lineNumber: 862,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29952,7 +29951,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 866,
+        lineNumber: 869,
         columnNumber: 19
       }
     }, error));
@@ -29964,7 +29963,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 873,
+        lineNumber: 876,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29972,7 +29971,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 874,
+        lineNumber: 877,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -29980,7 +29979,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 875,
+        lineNumber: 878,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29993,7 +29992,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 877,
+        lineNumber: 880,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -30006,7 +30005,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 880,
+        lineNumber: 883,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -30017,7 +30016,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 888,
+        lineNumber: 891,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30031,14 +30030,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 889,
+        lineNumber: 892,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 900,
+        lineNumber: 903,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30050,14 +30049,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 901,
+        lineNumber: 904,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 903,
+        lineNumber: 906,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30065,7 +30064,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 905,
+        lineNumber: 908,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30077,7 +30076,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 906,
+        lineNumber: 909,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30085,7 +30084,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 913,
+        lineNumber: 916,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30094,7 +30093,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 914,
+        lineNumber: 917,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -30104,7 +30103,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 917,
+        lineNumber: 920,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -30121,7 +30120,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 926,
+      lineNumber: 929,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30130,7 +30129,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 929,
+      lineNumber: 932,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());

package/index.umd.js CHANGED Viewed

@@ -29428,7 +29428,9 @@
   const _excluded = ["customPreviewIcon"];
   var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
-  const Input$2 = styled('input', {});
+  const Input$2 = styled('input', {
+    display: 'none !important'
+  });
   const Children = styled('div', {
     display: 'flex',
     justifyContent: 'center',
@@ -29518,14 +29520,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 117,
+        lineNumber: 119,
         columnNumber: 5
       }
     })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 124,
+        lineNumber: 126,
         columnNumber: 5
       }
     }, customPreviewIcon ? (/*#__PURE__*/React__default["default"].cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
@@ -29547,7 +29549,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 143,
+        lineNumber: 145,
         columnNumber: 9
       }
     })));
@@ -29611,7 +29613,6 @@
     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) {
@@ -29755,12 +29756,6 @@
         let newFile = files[i];
         newFile.uid = new Date().getTime();
         newFile.url = URL.createObjectURL(newFile);
-        console.warn({
-          files,
-          action,
-          newFile,
-          maxSizeMB
-        });
         if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
           upload({
             url: action,
@@ -29863,9 +29858,6 @@
       }
     }
     function handleChange(e) {
-      console.warn({
-        e
-      });
       if (e.target.files && e.target.files[0]) {
         const files = e.target.files;
         if (isFile || !showCropper) {
@@ -29925,6 +29917,9 @@
         if (e.target && e.target.value) {
           e.target.value = '';
         }
+        if (hiddenFileInput.current) {
+          hiddenFileInput.current.value = '';
+        }
       }, 0);
     }
     function handleCrop() {
@@ -30068,7 +30063,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 689,
+          lineNumber: 690,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -30078,7 +30073,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 690,
+          lineNumber: 691,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -30093,7 +30088,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 700,
+              lineNumber: 701,
               columnNumber: 16
             }
           });
@@ -30104,7 +30099,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 703,
+            lineNumber: 704,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30114,7 +30109,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 704,
+            lineNumber: 705,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30123,7 +30118,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 705,
+            lineNumber: 706,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30136,7 +30131,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 707,
+            lineNumber: 708,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30152,7 +30147,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 715,
+            lineNumber: 716,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30162,7 +30157,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 728,
+            lineNumber: 729,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30179,7 +30174,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 739,
+              lineNumber: 740,
               columnNumber: 16
             }
           });
@@ -30189,7 +30184,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 742,
+            lineNumber: 743,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30199,7 +30194,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 743,
+            lineNumber: 744,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30208,7 +30203,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 744,
+            lineNumber: 745,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30221,7 +30216,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 745,
+            lineNumber: 746,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30231,14 +30226,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 753,
+            lineNumber: 754,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 754,
+            lineNumber: 755,
             columnNumber: 17
           }
         }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30246,7 +30241,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 755,
+            lineNumber: 756,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30261,7 +30256,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 756,
+            lineNumber: 757,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30274,7 +30269,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 772,
+            lineNumber: 773,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30290,7 +30285,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 780,
+            lineNumber: 781,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -30298,7 +30293,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 793,
+            lineNumber: 794,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30313,7 +30308,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 804,
+          lineNumber: 805,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30327,7 +30322,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 805,
+          lineNumber: 806,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -30353,7 +30348,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 806,
+          lineNumber: 807,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30361,14 +30356,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 820,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 820,
+          lineNumber: 821,
           columnNumber: 11
         }
       }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -30380,7 +30375,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 828,
+          lineNumber: 829,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -30396,10 +30391,11 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 829,
+          lineNumber: 830,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
+        id: "file-picker",
         type: "file",
         accept: accept,
         ref: hiddenFileInput,
@@ -30407,28 +30403,31 @@
         onClick: e => {
           // Force reset on click to handle edge cases
           e.target.value = '';
-          setFileValue('');
         },
-        value: fileValue,
         onChange: handleChange,
+        onInput: e => {
+          console.warn({
+            onInput: e
+          });
+        },
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 840,
+          lineNumber: 841,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 853,
+          lineNumber: 856,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 855,
+          lineNumber: 858,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30437,7 +30436,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 856,
+          lineNumber: 859,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30445,7 +30444,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 857,
+          lineNumber: 860,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30455,7 +30454,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 859,
+          lineNumber: 862,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30465,7 +30464,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 866,
+          lineNumber: 869,
           columnNumber: 19
         }
       }, error));
@@ -30477,7 +30476,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 873,
+          lineNumber: 876,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30485,7 +30484,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 874,
+          lineNumber: 877,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30493,7 +30492,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 875,
+          lineNumber: 878,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30506,7 +30505,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 877,
+          lineNumber: 880,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30519,7 +30518,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 880,
+          lineNumber: 883,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30530,7 +30529,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 888,
+          lineNumber: 891,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30544,14 +30543,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 889,
+          lineNumber: 892,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 900,
+          lineNumber: 903,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30563,14 +30562,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 901,
+          lineNumber: 904,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 903,
+          lineNumber: 906,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30578,7 +30577,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 905,
+          lineNumber: 908,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30590,7 +30589,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 906,
+          lineNumber: 909,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30598,7 +30597,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 913,
+          lineNumber: 916,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30607,7 +30606,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 914,
+          lineNumber: 917,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30617,7 +30616,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 917,
+          lineNumber: 920,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30634,7 +30633,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 926,
+        lineNumber: 929,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30643,7 +30642,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 929,
+        lineNumber: 932,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());

package/package.json CHANGED Viewed

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