ui-kit-ck-consultant 0.5.216 → 0.5.217

package/dist/index.js

@@ -3028,6 +3028,56 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call(this, props) || this;
 
+    _this.resizeImage = function (base64, mime, callback) {
+      if (callback === void 0) {
+        callback = function callback() {};
+      }
+
+      if (_this.props.maxImageSize && ['image/png', 'image/jpeg', 'image/jpg'].includes(mime)) {
+        var image = new Image();
+        image.src = base64;
+
+        image.onload = function () {
+          var initialWidth = image.width;
+          var initialHeight = image.height;
+          var finalWidth = 0;
+          var finalHeight = 0;
+
+          if (initialWidth > initialHeight) {
+            if (initialWidth > _this.props.maxImageSize) {
+              finalWidth = _this.props.maxImageSize;
+              finalHeight = finalWidth * initialHeight / initialWidth;
+            } else {
+              finalWidth = initialWidth;
+              finalHeight = initialHeight;
+            }
+          } else {
+            if (initialHeight > _this.props.maxImageSize) {
+              finalHeight = _this.props.maxImageSize;
+              finalWidth = finalHeight * initialWidth / initialHeight;
+            } else {
+              finalWidth = initialWidth;
+              finalHeight = initialHeight;
+            }
+          }
+
+          var canvas = document.createElement('canvas');
+          var ctx = canvas.getContext('2d');
+          canvas.width = finalWidth;
+          canvas.height = finalHeight;
+          ctx.drawImage(image, 0, 0, finalWidth, finalHeight);
+          base64 = canvas.toDataURL(mime, 0.9);
+          callback(base64);
+        };
+
+        image.onerror = function () {
+          callback(base64);
+        };
+      } else {
+        callback(base64);
+      }
+    };
+
     _this.handleDeleteFile = function (idx) {
       var files = _this.state.files;
       files.splice(idx, 1);
@@ -3073,22 +3123,23 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
           var reader = new window.FileReader();
 
           reader.onload = function () {
-            var base64 = reader.result;
-            var tmpFiles = _this.state.files;
-            tmpFiles.push({
-              base64: base64,
-              mime: file.type,
-              name: file.name,
-              extension: name[name.length - 1],
-              size: file.size
-            });
-
-            _this.setState({
-              files: tmpFiles
-            }, function () {
-              _this.currentFile += 1;
-
-              _this.nextFile(files);
+            _this.resizeImage(reader.result, file.type, function (base64) {
+              var tmpFiles = _this.state.files;
+              tmpFiles.push({
+                base64: base64,
+                mime: file.type,
+                name: file.name,
+                extension: name[name.length - 1],
+                size: file.size
+              });
+
+              _this.setState({
+                files: tmpFiles
+              }, function () {
+                _this.currentFile += 1;
+
+                _this.nextFile(files);
+              });
             });
           };