@majoo-ui/react 1.61.0-rc.9 → 1.61.0

package/index.esm.js

@@ -8866,7 +8866,7 @@ const InputRadio = _ref => {
       variant: "caption",
       color: "secondary",
       css: {
-        marginTop: '10px'
+        marginLeft: '29px'
       },
       __self: undefined,
       __source: {
@@ -17783,7 +17783,8 @@ function InputTimePicker({
   maxDate,
   isInvalid,
   portalled,
-  contentCss
+  contentCss,
+  onInputOpenChange
 }) {
   const [openPicker, setOpenPicker] = useState(false);
   function handleChange() {
@@ -17800,7 +17801,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 47,
+      lineNumber: 48,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
@@ -17809,14 +17810,14 @@ function InputTimePicker({
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 48,
+        lineNumber: 49,
         columnNumber: 35
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 48,
+      lineNumber: 49,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(InputText, {
@@ -17832,7 +17833,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 49,
+      lineNumber: 50,
       columnNumber: 7
     }
   }));
@@ -17856,18 +17857,23 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 63,
+      lineNumber: 64,
       columnNumber: 5
     }
   });
   return /*#__PURE__*/React__default.createElement(Popover, {
     open: openPicker,
-    onOpenChange: setOpenPicker,
+    onOpenChange: open => {
+      setOpenPicker(open);
+      if (onInputOpenChange) {
+        onInputOpenChange(open);
+      }
+    },
     placement: placement,
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 82,
+      lineNumber: 83,
       columnNumber: 5
     }
   }, disabled || readOnly ? /*#__PURE__*/React__default.createElement(Box, {
@@ -17875,14 +17881,14 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 84,
+      lineNumber: 94,
       columnNumber: 9
     }
   }, renderInputGroup()) : /*#__PURE__*/React__default.createElement(PopoverTrigger, {
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 86,
+      lineNumber: 96,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -17890,7 +17896,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 87,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, renderInputGroup())), /*#__PURE__*/React__default.createElement(PopoverContent, {
@@ -17898,7 +17904,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 90,
+      lineNumber: 100,
       columnNumber: 7
     }
   }, renderTimePicker({
@@ -17989,7 +17995,11 @@ InputTimePicker.propTypes = {
   /**
    Additional TimePicker styles.
   */
-  contentCss: PropTypes.object
+  contentCss: PropTypes.object,
+  /**
+   Input open change callback.
+  */
+  onInputOpenChange: PropTypes.func
 };
 InputTimePicker.displayName = 'InputTimePicker';
 
@@ -28461,7 +28471,7 @@ const Upload = ({
       let newFile = files[i];
       newFile.uid = new Date().getTime();
       newFile.url = URL.createObjectURL(newFile);
-      if (action) {
+      if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
         upload({
           url: action,
           file: newFile,
@@ -28479,10 +28489,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 +28514,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 +28537,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 +28761,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 643,
+        lineNumber: 664,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -28743,7 +28771,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 +28786,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 654,
+            lineNumber: 675,
             columnNumber: 16
           }
         });
@@ -28769,7 +28797,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 657,
+          lineNumber: 678,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28779,7 +28807,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 658,
+          lineNumber: 679,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28788,7 +28816,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 659,
+          lineNumber: 680,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -28801,7 +28829,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 661,
+          lineNumber: 682,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28817,7 +28845,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 669,
+          lineNumber: 690,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -28827,7 +28855,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 682,
+          lineNumber: 703,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -28844,7 +28872,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 693,
+            lineNumber: 714,
             columnNumber: 16
           }
         });
@@ -28854,7 +28882,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 696,
+          lineNumber: 717,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28864,7 +28892,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 697,
+          lineNumber: 718,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28873,7 +28901,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 698,
+          lineNumber: 719,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -28886,7 +28914,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 699,
+          lineNumber: 720,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28896,14 +28924,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 +28939,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 709,
+          lineNumber: 730,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -28926,7 +28954,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 +28967,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 726,
+          lineNumber: 747,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28955,7 +28983,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 734,
+          lineNumber: 755,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -28963,7 +28991,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 747,
+          lineNumber: 768,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -28978,7 +29006,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 758,
+        lineNumber: 779,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28992,7 +29020,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 759,
+        lineNumber: 780,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29018,7 +29046,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 760,
+        lineNumber: 781,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29026,14 +29054,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 +29073,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 782,
+        lineNumber: 803,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29061,7 +29089,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 783,
+        lineNumber: 804,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29073,21 +29101,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 +29124,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 798,
+        lineNumber: 819,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29104,7 +29132,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 799,
+        lineNumber: 820,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29114,7 +29142,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 +29152,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 808,
+        lineNumber: 829,
         columnNumber: 19
       }
     }, error));
@@ -29136,7 +29164,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 815,
+        lineNumber: 836,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29144,7 +29172,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 816,
+        lineNumber: 837,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -29152,7 +29180,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 817,
+        lineNumber: 838,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29165,7 +29193,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 +29206,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 822,
+        lineNumber: 843,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -29189,7 +29217,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 830,
+        lineNumber: 851,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -29203,14 +29231,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 +29250,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 +29265,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 847,
+        lineNumber: 868,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -29249,7 +29277,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 848,
+        lineNumber: 869,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29257,7 +29285,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 855,
+        lineNumber: 876,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -29266,7 +29294,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 856,
+        lineNumber: 877,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -29276,7 +29304,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 859,
+        lineNumber: 880,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -29293,7 +29321,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 +29330,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 871,
+      lineNumber: 892,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());

package/index.umd.js

@@ -8936,7 +8936,7 @@
         variant: "caption",
         color: "secondary",
         css: {
-          marginTop: '10px'
+          marginLeft: '29px'
         },
         __self: undefined,
         __source: {
@@ -17996,7 +17996,8 @@
     maxDate,
     isInvalid,
     portalled,
-    contentCss
+    contentCss,
+    onInputOpenChange
   }) {
     const [openPicker, setOpenPicker] = React.useState(false);
     function handleChange() {
@@ -18013,7 +18014,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 47,
+        lineNumber: 48,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
@@ -18022,14 +18023,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$q,
-          lineNumber: 48,
+          lineNumber: 49,
           columnNumber: 35
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 48,
+        lineNumber: 49,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, {
@@ -18045,7 +18046,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 49,
+        lineNumber: 50,
         columnNumber: 7
       }
     }));
@@ -18069,18 +18070,23 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 63,
+        lineNumber: 64,
         columnNumber: 5
       }
     });
     return /*#__PURE__*/React__default["default"].createElement(Popover, {
       open: openPicker,
-      onOpenChange: setOpenPicker,
+      onOpenChange: open => {
+        setOpenPicker(open);
+        if (onInputOpenChange) {
+          onInputOpenChange(open);
+        }
+      },
       placement: placement,
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 82,
+        lineNumber: 83,
         columnNumber: 5
       }
     }, disabled || readOnly ? /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18088,14 +18094,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 84,
+        lineNumber: 94,
         columnNumber: 9
       }
     }, renderInputGroup()) : /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 86,
+        lineNumber: 96,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18103,7 +18109,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 87,
+        lineNumber: 97,
         columnNumber: 11
       }
     }, renderInputGroup())), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
@@ -18111,7 +18117,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 90,
+        lineNumber: 100,
         columnNumber: 7
       }
     }, renderTimePicker({
@@ -18202,7 +18208,11 @@
     /**
      Additional TimePicker styles.
     */
-    contentCss: PropTypes__default["default"].object
+    contentCss: PropTypes__default["default"].object,
+    /**
+     Input open change callback.
+    */
+    onInputOpenChange: PropTypes__default["default"].func
   };
   InputTimePicker.displayName = 'InputTimePicker';
 
@@ -28964,7 +28974,7 @@
         let newFile = files[i];
         newFile.uid = new Date().getTime();
         newFile.url = URL.createObjectURL(newFile);
-        if (action) {
+        if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
           upload({
             url: action,
             file: newFile,
@@ -28982,10 +28992,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 +29017,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 +29040,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 +29264,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 643,
+          lineNumber: 664,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -29246,7 +29274,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 644,
+          lineNumber: 665,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29261,7 +29289,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 654,
+              lineNumber: 675,
               columnNumber: 16
             }
           });
@@ -29272,7 +29300,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 657,
+            lineNumber: 678,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29282,7 +29310,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 658,
+            lineNumber: 679,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29291,7 +29319,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 659,
+            lineNumber: 680,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29304,7 +29332,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 661,
+            lineNumber: 682,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29320,7 +29348,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 669,
+            lineNumber: 690,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -29330,7 +29358,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 682,
+            lineNumber: 703,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -29347,7 +29375,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 693,
+              lineNumber: 714,
               columnNumber: 16
             }
           });
@@ -29357,7 +29385,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 696,
+            lineNumber: 717,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29367,7 +29395,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 697,
+            lineNumber: 718,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29376,7 +29404,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 698,
+            lineNumber: 719,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29389,7 +29417,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 699,
+            lineNumber: 720,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29399,14 +29427,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 +29442,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 709,
+            lineNumber: 730,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -29429,7 +29457,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 710,
+            lineNumber: 731,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29442,7 +29470,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 726,
+            lineNumber: 747,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29458,7 +29486,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 734,
+            lineNumber: 755,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -29466,7 +29494,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 747,
+            lineNumber: 768,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -29481,7 +29509,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 758,
+          lineNumber: 779,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29495,7 +29523,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 759,
+          lineNumber: 780,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -29521,7 +29549,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 760,
+          lineNumber: 781,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -29529,14 +29557,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 +29576,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 782,
+          lineNumber: 803,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -29564,7 +29592,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 783,
+          lineNumber: 804,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
@@ -29576,21 +29604,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 +29627,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 798,
+          lineNumber: 819,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -29607,7 +29635,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 799,
+          lineNumber: 820,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -29617,7 +29645,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 +29655,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 808,
+          lineNumber: 829,
           columnNumber: 19
         }
       }, error));
@@ -29639,7 +29667,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 815,
+          lineNumber: 836,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -29647,7 +29675,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 816,
+          lineNumber: 837,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29655,7 +29683,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 817,
+          lineNumber: 838,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -29668,7 +29696,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 +29709,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 822,
+          lineNumber: 843,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -29692,7 +29720,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 830,
+          lineNumber: 851,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -29706,14 +29734,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 +29753,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 +29768,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 847,
+          lineNumber: 868,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -29752,7 +29780,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 848,
+          lineNumber: 869,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -29760,7 +29788,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 855,
+          lineNumber: 876,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -29769,7 +29797,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 856,
+          lineNumber: 877,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -29779,7 +29807,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 859,
+          lineNumber: 880,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -29796,7 +29824,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 +29833,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.9",
+  "version": "1.61.0",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",