feat(goTo): add option to skip transition for goTo method

Author: femioladeji

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-slideshow-image",
-  "version": "4.0.5",
+  "version": "4.1.0",
   "description": "An image slideshow with react",
   "license": "MIT",
   "main": "dist/index.js",

package.json

@@ -92,8 +92,12 @@ export const FadeZoom = React.forwardRef<SlideshowRef, ZoomProps>((props, ref) =
         goBack: () => {
             moveBack();
         },
-        goTo: (index: number) => {
-            moveTo(index);
+        goTo: (index: number, options?: { skipTransition?: boolean }) => {
+            if (options?.skipTransition) {
+                setIndex(index);
+            } else {
+                moveTo(index);
+            }
         },
     }));
 

src/fadezoom.tsx

@@ -106,8 +106,12 @@ export const Slide = React.forwardRef<SlideshowRef, SlideProps>((props, ref) =>
         goBack: () => {
             moveBack();
         },
-        goTo: (index: number) => {
-            moveTo(index);
+        goTo: (index: number, options?: { skipTransition?: boolean }) => {
+            if (options?.skipTransition) {
+                setIndex(index);
+            } else {
+                moveTo(index);
+            }
         },
     }));
 

src/slide.tsx

@@ -70,5 +70,5 @@ export type TweenEasingFn = (amount: number) => number;
 export type SlideshowRef = {
   goNext: () => void;
   goBack: () => void;
-  goTo: (index: number) => void;
+  goTo: (index: number, options?: { skipTransition?: boolean }) => void;
 };

src/types.ts

@@ -6,7 +6,8 @@ import { Slide } from '../src';
 ## Methods Slides
 
 The package supports three methods that can be used to control navigation. The `goBack()` method shows the previous slide while `goNext()` shows the next slide.
-The `goTo(index)` method goes to a particular index. It takes an integer as the parameter.
+The `goTo(index)` method goes to a particular index. It takes an integer as the parameter. You can also pass a second parameter of options e.g `{ skipTransition: true }`. This
+will ensure that the next index shows without any transition
 
 ```tsx
 import React from 'react';