ui-kit-ck-consultant 0.5.154 → 0.5.158

package/dist/index.css

@@ -475,7 +475,7 @@
 
 ._1CXiT {
   margin-top: 4px;
-  display: block;
+  display: block !important;
   width: 100%;
   text-align: right;
   margin-bottom: 0;
@@ -525,6 +525,7 @@
   cursor: not-allowed;
   background-color: #f5f5f5;
 }
+
 ._3_HMn > span {
   display: inline-block;
   font-size: 14px;
@@ -555,7 +556,7 @@
 
 ._dlP2Z {
   margin-top: 4px;
-  display: block;
+  display: block !important;
   width: 100%;
   text-align: right;
   margin-bottom: 0;
@@ -571,6 +572,7 @@
   cursor: not-allowed;
   background-color: #f5f5f5;
 }
+
 ._FJ62d {
   position: relative;
 }
@@ -680,7 +682,7 @@
 
 ._1T4KB {
   margin-top: 4px;
-  display: block;
+  display: block !important;
   width: 100%;
   text-align: right;
   margin-bottom: 0;
@@ -2886,6 +2888,7 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  margin-right: auto;
 }
 
 ._zCJtD > div {

package/dist/index.js

@@ -342,7 +342,7 @@ var FormTextarea = /*#__PURE__*/function (_React$Component) {
     }, this.props.title ? /*#__PURE__*/React__default.createElement("span", null, this.props.title, ' ', this.props.required ? /*#__PURE__*/React__default.createElement("span", {
       className: "red"
     }, "*") : '') : '', /*#__PURE__*/React__default.createElement("textarea", {
-      onKeyDown: this.handleKeyDown,
+      onKeyDown: !this.props.noResize ? this.handleKeyDown : null,
       onBlur: this.props.onBlur,
       rows: this.props.rows,
       cols: this.props.cols,
@@ -3851,6 +3851,7 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call(this, props) || this;
     _this.state = {
+      isActive: false,
       position: 0
     };
     return _this;
@@ -3859,11 +3860,19 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
   var _proto = Gauge.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+
     if (this.props.position) {
       this.setState({
         position: this.props.position
       });
     }
+
+    window.addEventListener('mouseup', function () {
+      _this2.setState({
+        isActive: false
+      });
+    }, true);
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
@@ -3875,7 +3884,7 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
-    var _this2 = this;
+    var _this3 = this;
 
     return /*#__PURE__*/React__default.createElement("div", {
       className: this.props.className
@@ -3895,17 +3904,24 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
         backgroundImage: this.props.colors.length === 3 ? "linear-gradient(to right, " + this.props.colors[0] + " 0%, " + this.props.colors[1] + " 50%, " + this.props.colors[2] + " 100%)" : "linear-gradient(to right, " + this.props.colors[0] + ", " + this.props.colors[1] + ")",
         borderRadius: '8px'
       },
-      onClick: function onClick(e) {
-        var currentTargetRect = e.currentTarget.getBoundingClientRect();
-        var width = currentTargetRect.width;
-        var positionX = e.pageX - currentTargetRect.left;
-        var step = _this2.props.step ? _this2.props.step : 1;
-        var position = positionX * 100 / width - positionX * 100 / width % step;
-
-        _this2.setState({
-          position: position
-        }, function () {
-          return _this2.props.onChange ? _this2.props.onChange(position) : null;
+      onMouseMove: function onMouseMove(e) {
+        if (_this3.state.isActive) {
+          var currentTargetRect = e.currentTarget.getBoundingClientRect();
+          var width = currentTargetRect.width;
+          var positionX = e.pageX - currentTargetRect.left;
+          var step = _this3.props.step ? _this3.props.step : 1;
+          var position = positionX * 100 / width - positionX * 100 / width % step;
+
+          _this3.setState({
+            position: position
+          }, function () {
+            return _this3.props.onChange ? _this3.props.onChange(position) : null;
+          });
+        }
+      },
+      onMouseDown: function onMouseDown() {
+        _this3.setState({
+          isActive: true
         });
       }
     }, this.props.min ? /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("span", {