Merge pull request #50 from SimformSolutionsPvtLtd/fix/UNT-T22232_fix_inconsistent_behaviour_with_step_0.1

fix: UNT-T22232 inconsistent behaviour with step 0.1

Author: mukesh-simform

src/components/RadialSlider/RadialSlider.tsx

@@ -103,15 +103,18 @@ const RadialSlider = (props: RadialSliderProps & typeof defaultProps) => {
   const onPressButtons = (type: string) => {
     if (type === 'up' && max > value) {
       setValue((prevState: number) => {
-        prevValue.current = prevState + step;
+        const calculatedValue = prevState + step;
+        const roundedValue = parseFloat(calculatedValue.toFixed(1));
 
-        return prevState + step;
+        return roundedValue;
       });
     } else if (type === 'down' && min < value) {
       setValue((prevState: number) => {
-        prevValue.current = prevState - step;
+        const calculatedValue = prevState - step;
+        const roundedValue = parseFloat(calculatedValue.toFixed(1));
+        prevValue.current = roundedValue;
 
-        return prevState - step;
+        return roundedValue;
       });
     }
   };

src/components/RadialSlider/hooks/useSliderAnimation.ts

@@ -123,12 +123,14 @@ const useSliderAnimation = (props: RadialSliderAnimationHookProps) => {
     nValue = Math.max(min, Math.min(max, nValue));
 
     setValue((prevState: number) => {
-      prevValue.current = Math.round(
-        Math.abs(nValue - prevState) > diff / 4 ? prevState : nValue
-      );
-      return Math.round(
-        Math.abs(nValue - prevState) > diff / 4 ? prevState : nValue
-      );
+      const roundedValue = parseFloat(nValue.toFixed(1));
+      prevValue.current =
+        Math.abs(roundedValue - prevState) > diff / 4
+          ? prevState
+          : roundedValue;
+      return Math.abs(roundedValue - prevState) > diff / 4
+        ? prevState
+        : roundedValue;
     });
 
     onChange(prevValue.current);