fix(utils): nearest ensures min and max range for value

Author: mlaursen

packages/utils/src/__tests__/nearest.ts

@@ -33,5 +33,16 @@ describe("nearest", () => {
     expect(nearest(22.3, 20, 50, 50, 50)).toBe(22);
     expect(nearest(12.3, 20, 50, 50, 50)).toBe(20);
     expect(nearest(0, 30, 50, 100, 100)).toBe(30);
+
+    // it's possible for the value to be larger than the min or max for range
+    // sliders now that it supports a "current drag value" vs _real_ value
+    const min = 100;
+    const max = 10000;
+    const range = max - min;
+    const steps = range;
+    const minValue = 2000;
+    const maxValue = 8000;
+    expect(nearest(10000, min, maxValue, steps, range)).toBe(maxValue);
+    expect(nearest(0, minValue, max, steps, range)).toBe(minValue);
   });
 });

packages/utils/src/nearest.ts

@@ -28,5 +28,8 @@ export function nearest(
     ? range % steps
     : step.toString().split(".")[1].length;
 
-  return parseFloat((zeroToOne * range + min).toFixed(decimals));
+  return Math.min(
+    max,
+    Math.max(min, parseFloat((zeroToOne * range + min).toFixed(decimals)))
+  );
 }