ui-kit-ck-consultant 0.5.204 → 0.5.207

package/dist/index.js

@@ -2110,14 +2110,16 @@ var BarChart = /*#__PURE__*/function (_React$Component) {
                 var optionsCurrency = {
                   style: 'currency',
                   currency: 'EUR',
-                  minimumFractionDigits: digits
+                  minimumFractionDigits: digits,
+                  maximumFractionDigits: digits
                 };
                 var value = new Intl.NumberFormat('fr-FR', optionsCurrency).format(tooltipItem.yLabel);
                 return name + " : " + value;
               } else if (_this.props.format === 'percentage') {
                 var optionsPercentage = {
                   style: 'percent',
-                  minimumFractionDigits: digits
+                  minimumFractionDigits: digits,
+                  maximumFractionDigits: digits
                 };
 
                 var _value = new Intl.NumberFormat('fr-FR', optionsPercentage).format(tooltipItem.yLabel / 100);
@@ -2125,7 +2127,8 @@ var BarChart = /*#__PURE__*/function (_React$Component) {
                 return name + " : " + _value;
               } else {
                 var options = {
-                  minimumFractionDigits: digits
+                  minimumFractionDigits: digits,
+                  maximumFractionDigits: digits
                 };
 
                 var _value2 = new Intl.NumberFormat('fr-FR', options).format(tooltipItem.yLabel);
@@ -2327,8 +2330,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 +3961,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 +4037,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
         });