Merge pull request #1857 from akiran/swipe-right-issue

fix an issue with slick-current when swiped from left to right on fir…

Author: akiran

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-slick",
-  "version": "0.27.2",
+  "version": "0.27.3",
   "description": " React port of slick carousel",
   "main": "./lib",
   "files": [

src/utils/innerSliderUtils.js

@@ -1,5 +1,9 @@
 import React from "react";
 
+export function clamp(number, lowerBound, upperBound) {
+  return Math.max(lowerBound, Math.min(number, upperBound));
+}
+
 export const getOnDemandLazySlides = spec => {
   let onDemandSlides = [];
   let startIndex = lazyStartIndex(spec);
@@ -172,6 +176,7 @@ export const slideHandler = spec => {
     finalLeft;
   let state = {},
     nextState = {};
+  const targetSlide = infinite ? index : clamp(index, 0, slideCount);
   if (fade) {
     if (!infinite && (index < 0 || index >= slideCount)) return {};
     if (index < 0) {
@@ -220,22 +225,22 @@ export const slideHandler = spec => {
         currentSlide: finalSlide,
         trackStyle: getTrackCSS({ ...spec, left: finalLeft }),
         lazyLoadedList,
-        targetSlide: index
+        targetSlide
       };
     } else {
       state = {
         animating: true,
         currentSlide: finalSlide,
         trackStyle: getTrackAnimateCSS({ ...spec, left: animationLeft }),
         lazyLoadedList,
-        targetSlide: index
+        targetSlide
       };
       nextState = {
         animating: false,
         currentSlide: finalSlide,
         trackStyle: getTrackCSS({ ...spec, left: finalLeft }),
         swipeLeft: null,
-        targetSlide: index
+        targetSlide
       };
     }
   }