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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.5.8",
+  "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,9 @@
 # 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`

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/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);