@oliasoft-open-source/charts-library 2.5.7 → 2.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.5.7",
+  "version": "2.5.9",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "main": "index.js",
   "files": [

package/release-notes.md

@@ -1,5 +1,13 @@
 # Charts Library Release Notes
 
+## 2.5.9
+
+- Fix validation for two and more decimal places in charts settings
+
+## 2.5.8
+
+- Disable tooltip animations in `performanceMode`
+
 ## 2.5.7
 
 - Allow stretchy headerComponent in controls

package/src/components/bar-chart/bar-chart.jsx

@@ -201,17 +201,14 @@ const BarChart = (props) => {
           onHover,
           indexAxis: isVertical(options.direction) ? AxisType.X : AxisType.Y,
           maintainAspectRatio: chartStyling.maintainAspectRatio,
-          animation: {
-            duration: chartStyling.performanceMode
-              ? ANIMATION_DURATION.NO
-              : ANIMATION_DURATION.FAST,
-          },
+          animation: chartStyling.performanceMode
+            ? false
+            : {
+                duration: ANIMATION_DURATION.FAST,
+              },
           hover: {
             mode: ChartHoverMode.Nearest,
             intersect: true,
-            animationDuration: chartStyling.performanceMode
-              ? ANIMATION_DURATION.NO
-              : ANIMATION_DURATION.SLOW,
           },
           elements: {
             bar: { pointStyle: PointStyle.Circle },

package/src/components/line-chart/get-line-chart-scales.js

@@ -3,7 +3,7 @@ import {
   getAxisPosition,
 } from '../../helpers/chart-utils';
 import { COLORS, LOGARITHMIC_STEPS } from '../../helpers/chart-consts';
-import { truncateDecimals } from './line-chart-utils';
+import { truncateDecimals, validNumber } from './line-chart-utils';
 import { AxisType, ScaleType } from '../../helpers/enums';
 
 /**
@@ -57,12 +57,14 @@ const getLineChartAxis = (options, axisType, state, currentScales, i = 0) => {
     reverse: axisType === AxisType.Y ? additionalAxesOptions.reverse : false,
     suggestedMax: additionalAxesOptions.suggestedMax,
     suggestedMin: additionalAxesOptions.suggestedMin,
-    min: stateAxis.min?.valid
-      ? stateAxis.min?.value
-      : additionalAxesOptions?.range?.[axisType]?.min,
-    max: stateAxis.max?.valid
-      ? stateAxis.max?.value
-      : additionalAxesOptions?.range?.[axisType]?.max,
+    min:
+      stateAxis.min?.valid && validNumber(stateAxis.min?.value)
+        ? Number(stateAxis.min?.value)
+        : additionalAxesOptions?.range?.[axisType]?.min,
+    max:
+      stateAxis.max?.valid && validNumber(stateAxis.max?.value)
+        ? Number(stateAxis.max?.value)
+        : additionalAxesOptions?.range?.[axisType]?.max,
     title: {
       display: axisData.label?.length,
       text: axisData.label,

package/src/components/line-chart/line-chart-utils.js

@@ -144,7 +144,9 @@ export const toNum = (value) => {
 };
 
 export const isLessThanMax = (value, max) => {
-  return value === undefined || max === undefined || value < max;
+  return (
+    value === undefined || max === undefined || Number(value) < Number(max)
+  );
 };
 
 export const isGreaterThanMin = (value, min) => {

package/src/components/line-chart/line-chart.jsx

@@ -435,17 +435,14 @@ const LineChart = (props) => {
               onHover,
               maintainAspectRatio: chartStyling.maintainAspectRatio,
               aspectRatio: chartStyling.squareAspectRatio ? 1 : null, // 1 equals square aspect ratio
-              animation: {
-                duration: chartStyling.performanceMode
-                  ? ANIMATION_DURATION.NO
-                  : ANIMATION_DURATION.FAST,
-              },
+              animation: chartStyling.performanceMode
+                ? false
+                : {
+                    duration: ANIMATION_DURATION.FAST,
+                  },
               hover: {
                 mode: ChartHoverMode.Nearest,
                 intersect: true,
-                animationDuration: chartStyling.performanceMode
-                  ? ANIMATION_DURATION.NO
-                  : ANIMATION_DURATION.SLOW,
               },
               elements: {
                 line: {

package/src/components/line-chart/state/line-chart-reducer.js

@@ -79,9 +79,7 @@ export const reducer = (state, action) => {
     }
     case SET_AXIS_VALUE: {
       const valiateElement = (name, nextInputValue, id) => {
-        const nextValue = isNaN(nextInputValue)
-          ? cleanNumStr(nextInputValue)
-          : toNum(nextInputValue);
+        const nextValue = cleanNumStr(nextInputValue);
 
         const axis = newState.axes.find((a) => a.id === id);
         axis.min = getAxisValue(name === 'min' ? nextValue : axis.min?.value);

package/src/components/pie-chart/pie-chart.jsx

@@ -15,6 +15,7 @@ import zoomPlugin from 'chartjs-plugin-zoom';
 import dataLabelsPlugin from 'chartjs-plugin-datalabels';
 import { Pie } from 'react-chartjs-2';
 
+import { ANIMATION_DURATION } from '../../helpers/chart-consts';
 import styles from './pie-chart.module.less';
 import { colors, generateRandomColor } from './pie-chart-utils';
 import { getDefaultProps, PieChartPropTypes } from './pie-chart-prop-types';
@@ -404,13 +405,14 @@ const PieChart = (props) => {
           onClick,
           responsive: true, // Defaults to true, should be removed
           maintainAspectRatio: options.chartStyling.maintainAspectRatio,
-          animation: {
-            duration: options.chartStyling.performanceMode ? 0 : 1000,
-          },
+          animation: options.chartStyling.performanceMode
+            ? false
+            : {
+                duration: ANIMATION_DURATION.FAST,
+              },
           hover: {
             mode: 'nearest',
             intersect: 'true',
-            animationDuration: options.chartStyling.performanceMode ? 0 : 400,
           },
           onHover,
           elements: {