ui-kit-ck-consultant 0.5.153 → 0.5.157

package/dist/index.css

@@ -2886,6 +2886,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,
@@ -3789,13 +3789,15 @@ var Switch = /*#__PURE__*/function (_React$Component) {
   var _proto = Switch.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
-    this.setState({
-      idxActive: this.props.idxActive
-    });
+    if (this.props.idxActive !== undefined) {
+      this.setState({
+        idxActive: this.props.idxActive
+      });
+    }
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.idxActive !== this.props.prevProps && this.props.idxActive !== this.state.prevProps) {
+    if (prevProps.idxActive !== undefined && prevProps.idxActive !== this.props.idxActive && this.props.idxActive !== this.state.prevProps) {
       this.setState({
         idxActive: this.props.idxActive
       });
@@ -3849,6 +3851,7 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call(this, props) || this;
     _this.state = {
+      isActive: false,
       position: 0
     };
     return _this;
@@ -3857,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) {
@@ -3873,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
@@ -3893,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", {