v1.3.0

Author: rafaelklaessen

CHANGELOG.md

@@ -1,3 +1,8 @@
+# Version 1.3.0
+Released 2019-05-14
+
+- Added support for touch events
+
 # Version 1.2.1
 Released 2018-09-08
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-multi-bar-slider",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Slider component with multiple bars for React",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
     "emotion": "^9.x",
     "prop-types": "^15.x",
     "react": "^15.3.x || ^16.x",
-    "react-emotion": "^9.x",
-    "react-dom": "^15.3.x || ^16.x"
+    "react-dom": "^15.3.x || ^16.x",
+    "react-emotion": "^9.x"
   },
   "scripts": {
     "build": "webpack --config webpack.config.babel.js",
@@ -54,5 +54,8 @@
     "react-emotion": "^9.2.8",
     "react-test-renderer": "^16.2.0",
     "webpack": "^3.8.1"
+  },
+  "jest": {
+    "testURL": "http://localhost"
   }
 }

src/MultiSlider/Slider.js

@@ -33,6 +33,10 @@ const Slider = ({
     onMouseUp={onMouseMoveDeactivate}
     onMouseLeave={onMouseMoveDeactivate}
     onMouseMove={onMouseMove}
+    onTouchStart={onMouseMoveActivate}
+    onTouchEnd={onMouseMoveDeactivate}
+    onTouchCancel={onMouseMoveDeactivate}
+    onTouchMove={onMouseMove}
     {...props}
   >
     {children}

src/MultiSlider/__tests__/__snapshots__/Slider.test.js.snap

@@ -9,6 +9,10 @@ exports[`Slider.js matches the snapshot 1`] = `
   onMouseMove={[Function]}
   onMouseUp={[Function]}
   onSlide={[Function]}
+  onTouchCancel={[Function]}
+  onTouchEnd={[Function]}
+  onTouchMove={[Function]}
+  onTouchStart={[Function]}
   readOnly={false}
   width={1000}
 >

src/MultiSlider/index.js

@@ -56,7 +56,7 @@ export default class MultiSlider extends Component {
   };
 
   handleMouseMoveActivate = (e) => {
-    const isLeftButton = e.button === 0;
+    const isLeftButton = !e.button || e.button === 0;
     if (!isLeftButton) return;
 
     if (this.state.mouseDown) return;

src/__tests__/__snapshots__/MultiSlider.test.js.snap

@@ -8,6 +8,10 @@ exports[`MultiSlider.js matches the snapshot 1`] = `
   onMouseLeave={[Function]}
   onMouseMove={[Function]}
   onMouseUp={[Function]}
+  onTouchCancel={[Function]}
+  onTouchEnd={[Function]}
+  onTouchMove={[Function]}
+  onTouchStart={[Function]}
   readOnly={false}
   width="100%"
 >