ui-kit-ck-consultant 0.5.214 → 0.5.217

package/dist/index.css

@@ -1104,7 +1104,7 @@
   background-color: var(--white);
   color: var(--black);
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-  min-height: 140px;
+  min-height: 85px;
   display: flex;
   overflow: hidden;
 }
@@ -1168,6 +1168,17 @@
           animation: _19crY 1s ease-in-out 0.45s infinite;
 }
 
+._3BnES {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  cursor: not-allowed;
+  background-color: rgba(0, 0, 0, 0.1);
+  z-index: 10;
+}
+
 @-webkit-keyframes _19crY {
   0%,
   100% {
@@ -1250,9 +1261,11 @@
   transition: 0.4s;
   cursor: pointer;
 }
+
 ._dmCgN:hover {
   opacity: 0.7;
 }
+
 ._dmCgN:active {
   opacity: 0.5;
 }
@@ -1362,10 +1375,12 @@
   color: #67748e;
   font-size: 18px;
 }
+
 ._1b4T4 > span:last-child {
   font-size: 24px;
   font-weight: bold;
 }
+
 ._1b4T4 > span:last-child > span {
   font-size: 15px;
   padding-left: 6px;

package/dist/index.js

@@ -859,7 +859,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
   return Header;
 }(React__default.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);
@@ -905,7 +905,9 @@ var Card = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
       className: classNames$1(style$b.card, this.props.className)
-    }, this.props.imgLeft ? /*#__PURE__*/React__default.createElement("div", {
+    }, this.props.disabled ? /*#__PURE__*/React__default.createElement("div", {
+      className: classNames$1(style$b.card_disabled)
+    }) : null, this.props.imgLeft ? /*#__PURE__*/React__default.createElement("div", {
       style: {
         overflow: 'hidden',
         width: this.props.customWidthImgLeft || '100%'
@@ -3026,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);
@@ -3071,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);
+              });
             });
           };