ui-kit-ck-consultant 0.5.214 → 0.5.217

package/dist/index.modern.js

@@ -856,7 +856,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
   return Header;
 }(React.Component);
 
-var style$b = {"card":"_4T5PO","card_tabs":"_3qz0v","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_top_border":"_1ItWX","card_header":"_HBqZI","card_tabs_header":"_3iUeb","card_header_left":"_2KSuY","card_tabs_header_left":"_3euMf","card_tabs_header_active":"_3UmBd","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_tabs_body":"_3UyXH","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm","card_statistics":"_29tu3","card_statistics_body":"_1b4T4","card_statistics_icon":"_1dkwV"};
+var style$b = {"card":"_4T5PO","card_tabs":"_3qz0v","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_disabled":"_3BnES","card_top_border":"_1ItWX","card_header":"_HBqZI","card_tabs_header":"_3iUeb","card_header_left":"_2KSuY","card_tabs_header_left":"_3euMf","card_tabs_header_active":"_3UmBd","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_tabs_body":"_3UyXH","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm","card_statistics":"_29tu3","card_statistics_body":"_1b4T4","card_statistics_icon":"_1dkwV"};
 
 var Card = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Card, _React$Component);
@@ -902,7 +902,9 @@ var Card = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$b.card, this.props.className)
-    }, this.props.imgLeft ? /*#__PURE__*/React.createElement("div", {
+    }, this.props.disabled ? /*#__PURE__*/React.createElement("div", {
+      className: classNames$1(style$b.card_disabled)
+    }) : null, this.props.imgLeft ? /*#__PURE__*/React.createElement("div", {
       style: {
         overflow: 'hidden',
         width: this.props.customWidthImgLeft || '100%'
@@ -3023,6 +3025,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);
@@ -3068,22 +3120,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);
+              });
             });
           };