npm - @majoo-ui/react - Versions diffs - 1.61.9 → 1.61.10 - Mend

@majoo-ui/react 1.61.9 → 1.61.10

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

@@ -28682,8 +28682,8 @@ function canvasPreview(image, canvas, crop, scale = 1, rotate = 0, ratio) {
       scaleY = scaleX;
     }
     const pixelRatio = 1;
-    canvas.width = Math.floor(crop.width * scaleX * pixelRatio);
-    canvas.height = Math.floor(crop.height * scaleY * pixelRatio);
+    canvas.width = Math.round(crop.width * scaleX * pixelRatio);
+    canvas.height = Math.round(crop.height * scaleY * pixelRatio);
     ctx.scale(pixelRatio, pixelRatio);
     ctx.imageSmoothingQuality = 'high';
     const cropX = crop.x * scaleX;
@@ -28889,7 +28889,8 @@ const Upload = ({
   fullAspectCrop,
   isDefaultCustomRatio,
   customPreviewIcon,
-  onPreviewIconClick
+  onPreviewIconClick,
+  maxWidthOrHeight
 }) => {
   const {
     t
@@ -29217,7 +29218,7 @@ const Upload = ({
         } else {
           imageCompressionComponent(blob, {
             maxSizeMB,
-            maxWidthOrHeight: 1024,
+            maxWidthOrHeight,
             maxIteration: 10,
             useWebWorker: true,
             alwaysKeepResolution: true
@@ -29337,7 +29338,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 664,
+        lineNumber: 665,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29347,7 +29348,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 665,
+        lineNumber: 666,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29362,7 +29363,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 675,
+            lineNumber: 676,
             columnNumber: 16
           }
         });
@@ -29373,7 +29374,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 678,
+          lineNumber: 679,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29383,7 +29384,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 679,
+          lineNumber: 680,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29392,7 +29393,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 680,
+          lineNumber: 681,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29405,7 +29406,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 682,
+          lineNumber: 683,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29421,7 +29422,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 690,
+          lineNumber: 691,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29431,7 +29432,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 703,
+          lineNumber: 704,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29448,7 +29449,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 714,
+            lineNumber: 715,
             columnNumber: 16
           }
         });
@@ -29458,7 +29459,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 717,
+          lineNumber: 718,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29468,7 +29469,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 718,
+          lineNumber: 719,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29477,7 +29478,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 719,
+          lineNumber: 720,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29490,7 +29491,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 720,
+          lineNumber: 721,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29500,14 +29501,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 728,
+          lineNumber: 729,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 729,
+          lineNumber: 730,
           columnNumber: 17
         }
       }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29515,7 +29516,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 730,
+          lineNumber: 731,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29530,7 +29531,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 731,
+          lineNumber: 732,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29543,7 +29544,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 747,
+          lineNumber: 748,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29559,7 +29560,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 755,
+          lineNumber: 756,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29567,7 +29568,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 768,
+          lineNumber: 769,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29582,7 +29583,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 779,
+        lineNumber: 780,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29596,7 +29597,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 780,
+        lineNumber: 781,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29622,7 +29623,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 781,
+        lineNumber: 782,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29630,14 +29631,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 794,
+        lineNumber: 795,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 795,
+        lineNumber: 796,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29649,7 +29650,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 803,
+        lineNumber: 804,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29665,7 +29666,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 804,
+        lineNumber: 805,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29677,21 +29678,21 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 815,
+        lineNumber: 816,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 816,
+        lineNumber: 817,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 818,
+        lineNumber: 819,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29700,7 +29701,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 820,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29708,7 +29709,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 820,
+        lineNumber: 821,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29718,7 +29719,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 822,
+        lineNumber: 823,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29728,7 +29729,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 829,
+        lineNumber: 830,
         columnNumber: 19
       }
     }, error));
@@ -29740,7 +29741,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 836,
+        lineNumber: 837,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29748,7 +29749,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 837,
+        lineNumber: 838,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -29756,7 +29757,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 838,
+        lineNumber: 839,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29769,7 +29770,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 840,
+        lineNumber: 841,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -29782,7 +29783,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 843,
+        lineNumber: 844,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -29793,7 +29794,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 851,
+        lineNumber: 852,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -29807,14 +29808,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 852,
+        lineNumber: 853,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 863,
+        lineNumber: 864,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29826,14 +29827,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 864,
+        lineNumber: 865,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 866,
+        lineNumber: 867,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29841,7 +29842,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 868,
+        lineNumber: 869,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -29853,7 +29854,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 869,
+        lineNumber: 870,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29861,7 +29862,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 876,
+        lineNumber: 877,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -29870,7 +29871,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 877,
+        lineNumber: 878,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -29880,7 +29881,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 880,
+        lineNumber: 881,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -29897,7 +29898,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 889,
+      lineNumber: 890,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -29906,7 +29907,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 892,
+      lineNumber: 893,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -29922,7 +29923,8 @@ Upload.defaultProps = {
   resKey: 'url',
   disabled: false,
   maxSizeMB: 1,
-  imageCompression: true
+  imageCompression: true,
+  maxWidthOrHeight: 1024
 };
 Upload.propTypes = {
   /**
@@ -30075,7 +30077,11 @@ Upload.propTypes = {
   /**
    Set custom ratio as Default view
    */
-  isDefaultCustomRatio: PropTypes.bool
+  isDefaultCustomRatio: PropTypes.bool,
+  /**
+   Set max width or height of image
+   */
+  maxWidthOrHeight: PropTypes.number
 };
 Upload.displayName = 'Upload';

package/index.umd.js CHANGED Viewed

@@ -29181,8 +29181,8 @@
           scaleY = scaleX;
         }
         pixelRatio = 1;
-        canvas.width = Math.floor(crop.width * scaleX * pixelRatio);
-        canvas.height = Math.floor(crop.height * scaleY * pixelRatio);
+        canvas.width = Math.round(crop.width * scaleX * pixelRatio);
+        canvas.height = Math.round(crop.height * scaleY * pixelRatio);
         ctx.scale(pixelRatio, pixelRatio);
         ctx.imageSmoothingQuality = 'high';
         cropX = crop.x * scaleX;
@@ -29404,7 +29404,8 @@
     fullAspectCrop,
     isDefaultCustomRatio,
     customPreviewIcon,
-    onPreviewIconClick
+    onPreviewIconClick,
+    maxWidthOrHeight
   }) => {
     const {
       t
@@ -29732,7 +29733,7 @@
           } else {
             imageCompressionComponent__default["default"](blob, {
               maxSizeMB,
-              maxWidthOrHeight: 1024,
+              maxWidthOrHeight,
               maxIteration: 10,
               useWebWorker: true,
               alwaysKeepResolution: true
@@ -29852,7 +29853,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 664,
+          lineNumber: 665,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -29862,7 +29863,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 665,
+          lineNumber: 666,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29877,7 +29878,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 675,
+              lineNumber: 676,
               columnNumber: 16
             }
           });
@@ -29888,7 +29889,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 678,
+            lineNumber: 679,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29898,7 +29899,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 679,
+            lineNumber: 680,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29907,7 +29908,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 680,
+            lineNumber: 681,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29920,7 +29921,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 682,
+            lineNumber: 683,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29936,7 +29937,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 690,
+            lineNumber: 691,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -29946,7 +29947,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 703,
+            lineNumber: 704,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -29963,7 +29964,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 714,
+              lineNumber: 715,
               columnNumber: 16
             }
           });
@@ -29973,7 +29974,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 717,
+            lineNumber: 718,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -29983,7 +29984,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 718,
+            lineNumber: 719,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -29992,7 +29993,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 719,
+            lineNumber: 720,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30005,7 +30006,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 720,
+            lineNumber: 721,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30015,14 +30016,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 728,
+            lineNumber: 729,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 729,
+            lineNumber: 730,
             columnNumber: 17
           }
         }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30030,7 +30031,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 730,
+            lineNumber: 731,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30045,7 +30046,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 731,
+            lineNumber: 732,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30058,7 +30059,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 747,
+            lineNumber: 748,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30074,7 +30075,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 755,
+            lineNumber: 756,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -30082,7 +30083,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 768,
+            lineNumber: 769,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30097,7 +30098,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 779,
+          lineNumber: 780,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30111,7 +30112,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 780,
+          lineNumber: 781,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -30137,7 +30138,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 781,
+          lineNumber: 782,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30145,14 +30146,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 794,
+          lineNumber: 795,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 795,
+          lineNumber: 796,
           columnNumber: 11
         }
       }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -30164,7 +30165,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 803,
+          lineNumber: 804,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -30180,7 +30181,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 804,
+          lineNumber: 805,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
@@ -30192,21 +30193,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 815,
+          lineNumber: 816,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 816,
+          lineNumber: 817,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 818,
+          lineNumber: 819,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30215,7 +30216,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 820,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30223,7 +30224,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 820,
+          lineNumber: 821,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30233,7 +30234,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 822,
+          lineNumber: 823,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30243,7 +30244,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 829,
+          lineNumber: 830,
           columnNumber: 19
         }
       }, error));
@@ -30255,7 +30256,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 836,
+          lineNumber: 837,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30263,7 +30264,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 837,
+          lineNumber: 838,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30271,7 +30272,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 838,
+          lineNumber: 839,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30284,7 +30285,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 840,
+          lineNumber: 841,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30297,7 +30298,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 843,
+          lineNumber: 844,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30308,7 +30309,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 851,
+          lineNumber: 852,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30322,14 +30323,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 852,
+          lineNumber: 853,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 863,
+          lineNumber: 864,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30341,14 +30342,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 864,
+          lineNumber: 865,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 866,
+          lineNumber: 867,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30356,7 +30357,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 868,
+          lineNumber: 869,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30368,7 +30369,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 869,
+          lineNumber: 870,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30376,7 +30377,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 876,
+          lineNumber: 877,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30385,7 +30386,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 877,
+          lineNumber: 878,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30395,7 +30396,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 880,
+          lineNumber: 881,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30412,7 +30413,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 889,
+        lineNumber: 890,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30421,7 +30422,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 892,
+        lineNumber: 893,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());
@@ -30437,7 +30438,8 @@
     resKey: 'url',
     disabled: false,
     maxSizeMB: 1,
-    imageCompression: true
+    imageCompression: true,
+    maxWidthOrHeight: 1024
   };
   Upload.propTypes = {
     /**
@@ -30590,7 +30592,11 @@
     /**
      Set custom ratio as Default view
      */
-    isDefaultCustomRatio: PropTypes__default["default"].bool
+    isDefaultCustomRatio: PropTypes__default["default"].bool,
+    /**
+     Set max width or height of image
+     */
+    maxWidthOrHeight: PropTypes__default["default"].number
   };
   Upload.displayName = 'Upload';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.9",
+  "version": "1.61.10",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",