ui-kit-ck-consultant 0.5.216 → 0.5.219

package/dist/index.modern.js

@@ -42,7 +42,7 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
-var style = {"modal":"_Tr9L0","modal_container":"_2YluD","large":"_22C7A","modal_valid":"_RsujT","modal_close":"_1AbTJ","modal_header":"_2EzqX","modal_body":"_1-Y1J","full_modal_container":"_1w6wH","full_modal_header":"_2wSoq","full_modal_body":"_3bfp5","full_modal_body_no_padding":"_Pf5Uh"};
+var style = {"modal":"_Tr9L0","modal_container":"_2YluD","no_background ":"_HtAga","large":"_22C7A","modal_valid":"_RsujT","modal_close":"_1AbTJ","modal_header":"_2EzqX","modal_body":"_1-Y1J","full_modal_container":"_1w6wH","full_modal_header":"_2wSoq","full_modal_body":"_3bfp5","full_modal_body_no_padding":"_Pf5Uh"};
 
 var Modal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Modal, _React$Component);
@@ -75,7 +75,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       return null;
     }
 
-    var modalContainerClass = classNames$1((_classNames = {}, _classNames[style.large] = !!this.props.large, _classNames), style.modal_container, this.props.className);
+    var modalContainerClass = classNames$1((_classNames = {}, _classNames[style.large] = !!this.props.large, _classNames[style.no_background] = !!this.props.noBackground, _classNames), style.modal_container, this.props.className);
     return /*#__PURE__*/React.createElement("div", {
       className: style.modal,
       onMouseDown: function onMouseDown(e) {
@@ -901,6 +901,9 @@ var Card = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
+      style: this.props.border ? {
+        borderLeft: "solid " + this.props.border + " 16px"
+      } : {},
       className: classNames$1(style$b.card, this.props.className)
     }, this.props.disabled ? /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$b.card_disabled)
@@ -3025,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);
@@ -3070,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);
+              });
             });
           };