feat: add listener do key 'esc', when pressed the value resets

fix devhatt#26

src/components/RangeSlider/index.js

@@ -41,10 +41,12 @@ export default function RangeSlider({
   let isMouseDown = false;
   let startX = 0;
   let currentValue = Math.min(Math.max(value, minimum), maximum);
+  let prevValue = value;
 
   const handleStart = (clientX) => {
     isMouseDown = true;
     startX = clientX;
+    prevValue = currentValue;
     this.emit('interactionStart', currentValue);
   };
 
@@ -84,6 +86,15 @@ export default function RangeSlider({
     moveBackground(clientX);
   };
 
+  const escKeyDown = (event) => {
+    if (event.key === 'Escape') {
+      isMouseDown = false;
+      currentValue = prevValue;
+      this.setValue(prevValue);
+      this.emit('interactionEnd', currentValue);
+    }
+  };
+
   containerElement.addEventListener('mousedown', (event) => {
     event.preventDefault();
     handleStart(event.clientX);
@@ -99,13 +110,15 @@ export default function RangeSlider({
     document.addEventListener('mouseup', handleEnd);
     document.addEventListener('touchmove', handleTouchMove);
     document.addEventListener('touchend', handleEnd);
+    document.addEventListener('keydown', escKeyDown);
   });
 
   this.listen('unmount', () => {
     document.removeEventListener('mousemove', handleMouseMove);
     document.removeEventListener('mouseup', handleEnd);
     document.removeEventListener('touchmove', handleTouchMove);
     document.removeEventListener('touchend', handleEnd);
+    document.removeEventListener('keydown', escKeyDown);
   });
 }