ui-kit-ck-consultant 0.5.205 → 0.5.208

package/dist/index.modern.js

@@ -2327,8 +2327,8 @@ var PieChart = /*#__PURE__*/function (_React$Component) {
       data: this.createDatasets(this.props.data.length),
       legend: {
         display: this.legendDisplayData(),
-        position: 'bottom',
-        align: 'center',
+        position: this.props.positionLegend || 'bottom',
+        align: this.props.alignLegend || 'center',
         labels: {
           usePointStyle: true,
           boxWidth: 10,
@@ -3958,6 +3958,27 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
+
+    _this.onMouse = function (e, isForce) {
+      if (isForce === void 0) {
+        isForce = false;
+      }
+
+      if (_this.state.isActive || isForce) {
+        var currentTargetRect = e.currentTarget.getBoundingClientRect();
+        var width = currentTargetRect.width;
+        var positionX = e.pageX - currentTargetRect.left;
+        var step = _this.props.step ? _this.props.step : 1;
+        var position = positionX * 100 / width - positionX * 100 / width % step;
+
+        _this.setState({
+          position: position
+        }, function () {
+          return _this.props.onChange ? _this.props.onChange(position) : null;
+        });
+      }
+    };
+
     _this.state = {
       isActive: false,
       position: 0
@@ -4013,21 +4034,14 @@ var Gauge = /*#__PURE__*/function (_React$Component) {
         borderRadius: '8px'
       },
       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;
-          });
-        }
+        return _this3.onMouse(e);
+      },
+      onClick: function onClick(e) {
+        return _this3.onMouse(e, true);
       },
-      onMouseDown: function onMouseDown() {
+      onMouseDown: function onMouseDown(e) {
+        e.preventDefault();
+
         _this3.setState({
           isActive: true
         });