Add separate method for mouse move and touch move

Author: Marek Rozmus

examples/webpack.config.dev.js

@@ -37,7 +37,14 @@ module.exports = {
               modules: true
             }
           },
-          { loader: 'postcss-loader' }
+          {
+            loader: 'postcss-loader',
+            options: {
+              config: {
+                path: path.join(__dirname, 'src', 'examples')
+              }
+            }
+          }
         ]
       }
     ]

src/SwipeableListItem.js

@@ -102,12 +102,28 @@ class SwipeableListItem extends PureComponent {
     requestAnimationFrame(this.updatePosition);
   };
 
-  handleTouchMove = event => this.handleMove(event, event.targetTouches[0]);
+  handleMouseMove = event => {
+    if (this.dragStartedWithinItem()) {
+      const { clientX, clientY } = event;
+
+      this.setDragDirection(clientX, clientY);
 
-  handleMouseMove = event => this.handleMove(event, event);
+      if (this.isSwiping()) {
+        event.stopPropagation();
+        event.preventDefault();
 
-  handleMove = (event, { clientX, clientY }) => {
+        const delta = clientX - this.dragStartPoint.x;
+        if (this.shouldMoveItem(delta)) {
+          this.left = delta;
+        }
+      }
+    }
+  };
+
+  handleTouchMove = event => {
     if (this.dragStartedWithinItem()) {
+      const { clientX, clientY } = event.targetTouches[0];
+
       this.setDragDirection(clientX, clientY);
 
       if (!event.cancelable) {