@majoo-ui/react 1.61.0-rc.10 → 1.61.0-rc.11

package/index.esm.js

@@ -28479,10 +28479,16 @@ const Upload = ({
             let uid = fileProgress.uid;
             fileProgress.status = 'uploading';
             fileProgress.percent = percent;
+            fileProgress.name = newFile.name;
+            fileProgress.type = newFile.type;
+            fileProgress.size = newFile.size;
             let arrProgress = [...arrFile];
             for (let i = 0; i < arrProgress.length; i++) {
               if (arrProgress[i].uid === uid) {
                 arrProgress[i] = fileProgress;
+                arrProgress[i].name = newFile.name;
+                arrProgress[i].type = newFile.type;
+                arrProgress[i].size = newFile.size;
               }
             }
             onChange == null ? void 0 : (_onChange = onChange({
@@ -28498,9 +28504,15 @@ const Upload = ({
           let uid = fileSuccess.uid;
           fileSuccess.url = result;
           fileSuccess.status = 'done';
-          for (let i = 0; i < arrFile.length; i++) {
-            if (arrFile[i].uid === uid) {
-              arrFile[i] = fileSuccess;
+          fileSuccess.name = newFile.name;
+          fileSuccess.type = newFile.type;
+          fileSuccess.size = newFile.size;
+          for (let j = 0; j < arrFile.length; j++) {
+            if (arrFile[j].uid === uid) {
+              arrFile[j] = fileSuccess;
+              arrFile[j].name = newFile.name;
+              arrFile[j].type = newFile.type;
+              arrFile[j].size = newFile.size;
             }
           }
           onChange == null ? void 0 : (_onChange2 = onChange({
@@ -28515,9 +28527,15 @@ const Upload = ({
           let uid = fileError.uid;
           fileError.status = 'error';
           fileError.error = error;
+          fileError.name = newFile.name;
+          fileError.type = newFile.type;
+          fileError.size = newFile.size;
           for (let i = 0; i < arrFile.length; i++) {
             if (arrFile[i].uid === uid) {
               arrFile[i] = fileError;
+              arrFile[i].name = newFile.name;
+              arrFile[i].type = newFile.type;
+              arrFile[i].size = newFile.size;
             }
           }
           onChange == null ? void 0 : (_onChange3 = onChange({
@@ -28733,7 +28751,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 643,
+        lineNumber: 664,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -28743,7 +28761,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 644,
+        lineNumber: 665,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -28758,7 +28776,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 654,
+            lineNumber: 675,
             columnNumber: 16
           }
         });
@@ -28769,7 +28787,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 657,
+          lineNumber: 678,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28779,7 +28797,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 658,
+          lineNumber: 679,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28788,7 +28806,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 659,
+          lineNumber: 680,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -28801,7 +28819,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 661,
+          lineNumber: 682,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28817,7 +28835,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 669,
+          lineNumber: 690,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -28827,7 +28845,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 682,
+          lineNumber: 703,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -28844,7 +28862,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 693,
+            lineNumber: 714,
             columnNumber: 16
           }
         });
@@ -28854,7 +28872,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 696,
+          lineNumber: 717,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28864,7 +28882,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 697,
+          lineNumber: 718,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28873,7 +28891,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 698,
+          lineNumber: 719,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -28886,7 +28904,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 699,
+          lineNumber: 720,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28896,14 +28914,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 707,
+          lineNumber: 728,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 708,
+          lineNumber: 729,
           columnNumber: 17
         }
       }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -28911,7 +28929,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 709,
+          lineNumber: 730,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -28926,7 +28944,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 710,
+          lineNumber: 731,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -28939,7 +28957,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 726,
+          lineNumber: 747,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28955,7 +28973,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 734,
+          lineNumber: 755,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -28963,7 +28981,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 747,
+          lineNumber: 768,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -28978,7 +28996,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 758,
+        lineNumber: 779,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28992,7 +29010,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 759,
+        lineNumber: 780,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29018,7 +29036,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 760,
+        lineNumber: 781,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29026,14 +29044,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 773,
+        lineNumber: 794,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 774,
+        lineNumber: 795,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29045,7 +29063,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 782,
+        lineNumber: 803,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29061,7 +29079,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 783,
+        lineNumber: 804,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29073,21 +29091,21 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 794,
+        lineNumber: 815,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 795,
+        lineNumber: 816,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 797,
+        lineNumber: 818,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29096,7 +29114,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 798,
+        lineNumber: 819,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29104,7 +29122,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 799,
+        lineNumber: 820,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29114,7 +29132,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 801,
+        lineNumber: 822,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29124,7 +29142,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 808,
+        lineNumber: 829,
         columnNumber: 19
       }
     }, error));
@@ -29136,7 +29154,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 815,
+        lineNumber: 836,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29144,7 +29162,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 816,
+        lineNumber: 837,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -29152,7 +29170,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 817,
+        lineNumber: 838,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29165,7 +29183,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 840,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -29178,7 +29196,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 822,
+        lineNumber: 843,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -29189,7 +29207,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 830,
+        lineNumber: 851,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -29203,14 +29221,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 831,
+        lineNumber: 852,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 842,
+        lineNumber: 863,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29222,14 +29240,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 843,
+        lineNumber: 864,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 845,
+        lineNumber: 866,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29237,7 +29255,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 847,
+        lineNumber: 868,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -29249,7 +29267,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 848,
+        lineNumber: 869,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29257,7 +29275,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 855,
+        lineNumber: 876,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -29266,7 +29284,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 856,
+        lineNumber: 877,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -29276,7 +29294,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 859,
+        lineNumber: 880,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -29293,7 +29311,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 868,
+      lineNumber: 889,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -29302,7 +29320,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 871,
+      lineNumber: 892,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());

package/index.umd.js

@@ -28982,10 +28982,16 @@
               let uid = fileProgress.uid;
               fileProgress.status = 'uploading';
               fileProgress.percent = percent;
+              fileProgress.name = newFile.name;
+              fileProgress.type = newFile.type;
+              fileProgress.size = newFile.size;
               let arrProgress = [...arrFile];
               for (let i = 0; i < arrProgress.length; i++) {
                 if (arrProgress[i].uid === uid) {
                   arrProgress[i] = fileProgress;
+                  arrProgress[i].name = newFile.name;
+                  arrProgress[i].type = newFile.type;
+                  arrProgress[i].size = newFile.size;
                 }
               }
               onChange == null ? void 0 : (_onChange = onChange({
@@ -29001,9 +29007,15 @@
             let uid = fileSuccess.uid;
             fileSuccess.url = result;
             fileSuccess.status = 'done';
-            for (let i = 0; i < arrFile.length; i++) {
-              if (arrFile[i].uid === uid) {
-                arrFile[i] = fileSuccess;
+            fileSuccess.name = newFile.name;
+            fileSuccess.type = newFile.type;
+            fileSuccess.size = newFile.size;
+            for (let j = 0; j < arrFile.length; j++) {
+              if (arrFile[j].uid === uid) {
+                arrFile[j] = fileSuccess;
+                arrFile[j].name = newFile.name;
+                arrFile[j].type = newFile.type;
+                arrFile[j].size = newFile.size;
               }
             }
             onChange == null ? void 0 : (_onChange2 = onChange({
@@ -29018,9 +29030,15 @@
             let uid = fileError.uid;
             fileError.status = 'error';
             fileError.error = error;
+            fileError.name = newFile.name;
+            fileError.type = newFile.type;
+            fileError.size = newFile.size;
             for (let i = 0; i < arrFile.length; i++) {
               if (arrFile[i].uid === uid) {
                 arrFile[i] = fileError;
+                arrFile[i].name = newFile.name;
+                arrFile[i].type = newFile.type;
+                arrFile[i].size = newFile.size;
               }
             }
             onChange == null ? void 0 : (_onChange3 = onChange({
@@ -29236,7 +29254,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 643,
+          lineNumber: 664,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -29246,7 +29264,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 644,
+          lineNumber: 665,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29261,7 +29279,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 654,
+              lineNumber: 675,
               columnNumber: 16
             }
           });
@@ -29272,7 +29290,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 657,
+            lineNumber: 678,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29282,7 +29300,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 658,
+            lineNumber: 679,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29291,7 +29309,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 659,
+            lineNumber: 680,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29304,7 +29322,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 661,
+            lineNumber: 682,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29320,7 +29338,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 669,
+            lineNumber: 690,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -29330,7 +29348,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 682,
+            lineNumber: 703,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -29347,7 +29365,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 693,
+              lineNumber: 714,
               columnNumber: 16
             }
           });
@@ -29357,7 +29375,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 696,
+            lineNumber: 717,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29367,7 +29385,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 697,
+            lineNumber: 718,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29376,7 +29394,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 698,
+            lineNumber: 719,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29389,7 +29407,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 699,
+            lineNumber: 720,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29399,14 +29417,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 707,
+            lineNumber: 728,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 708,
+            lineNumber: 729,
             columnNumber: 17
           }
         }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -29414,7 +29432,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 709,
+            lineNumber: 730,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -29429,7 +29447,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 710,
+            lineNumber: 731,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29442,7 +29460,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 726,
+            lineNumber: 747,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29458,7 +29476,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 734,
+            lineNumber: 755,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -29466,7 +29484,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 747,
+            lineNumber: 768,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -29481,7 +29499,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 758,
+          lineNumber: 779,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29495,7 +29513,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 759,
+          lineNumber: 780,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -29521,7 +29539,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 760,
+          lineNumber: 781,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -29529,14 +29547,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 773,
+          lineNumber: 794,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 774,
+          lineNumber: 795,
           columnNumber: 11
         }
       }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29548,7 +29566,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 782,
+          lineNumber: 803,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -29564,7 +29582,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 783,
+          lineNumber: 804,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
@@ -29576,21 +29594,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 794,
+          lineNumber: 815,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 795,
+          lineNumber: 816,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 797,
+          lineNumber: 818,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -29599,7 +29617,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 798,
+          lineNumber: 819,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -29607,7 +29625,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 799,
+          lineNumber: 820,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -29617,7 +29635,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 801,
+          lineNumber: 822,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -29627,7 +29645,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 808,
+          lineNumber: 829,
           columnNumber: 19
         }
       }, error));
@@ -29639,7 +29657,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 815,
+          lineNumber: 836,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -29647,7 +29665,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 816,
+          lineNumber: 837,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29655,7 +29673,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 817,
+          lineNumber: 838,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -29668,7 +29686,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 840,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -29681,7 +29699,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 822,
+          lineNumber: 843,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -29692,7 +29710,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 830,
+          lineNumber: 851,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -29706,14 +29724,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 831,
+          lineNumber: 852,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 842,
+          lineNumber: 863,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29725,14 +29743,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 843,
+          lineNumber: 864,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 845,
+          lineNumber: 866,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -29740,7 +29758,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 847,
+          lineNumber: 868,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -29752,7 +29770,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 848,
+          lineNumber: 869,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29760,7 +29778,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 855,
+          lineNumber: 876,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -29769,7 +29787,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 856,
+          lineNumber: 877,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -29779,7 +29797,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 859,
+          lineNumber: 880,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -29796,7 +29814,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 868,
+        lineNumber: 889,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -29805,7 +29823,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 871,
+        lineNumber: 892,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.0-rc.10",
+  "version": "1.61.0-rc.11",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",