ui-kit-ck-consultant 0.5.156 → 0.5.157

package/dist/index.js

@@ -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", {