react-native-reanimated-carousel 4.0.0-alpha.1 → 4.0.0-alpha.10

package/lib/module/hooks/useVisibleRanges.test.js

@@ -0,0 +1,157 @@
+import { useSharedValue } from "react-native-reanimated";
+import { renderHook } from "@testing-library/react-hooks";
+import { useVisibleRanges } from "./useVisibleRanges";
+const viewSize = 393;
+describe("useVisibleRanges", () => {
+  it("should only display the front of the list when loop is false", async () => {
+    const hook = renderHook(() => {
+      const translation = useSharedValue(-0);
+      const range = useVisibleRanges({
+        total: 10,
+        translation,
+        viewSize,
+        windowSize: 4,
+        loop: false
+      });
+      return range;
+    });
+    const expected = hook.result.current.value;
+    expect(expected).toMatchInlineSnapshot(`
+            {
+              "negativeRange": [
+                -3,
+                0,
+              ],
+              "positiveRange": [
+                0,
+                3,
+              ],
+            }
+        `);
+  });
+  it("should display the rear of the list and the front of the list when loop is true", async () => {
+    const hook = renderHook(() => {
+      const translation = useSharedValue(-0);
+      const range = useVisibleRanges({
+        total: 10,
+        translation,
+        viewSize,
+        windowSize: 4,
+        loop: true
+      });
+      return range;
+    });
+    const expected = hook.result.current.value;
+    expect(expected).toMatchInlineSnapshot(`
+            {
+              "negativeRange": [
+                8,
+                9,
+              ],
+              "positiveRange": [
+                0,
+                2,
+              ],
+            }
+        `);
+  });
+  it("should shows the increased range of the list when the loop is false and swiped the carousel.", async () => {
+    const slide0hook = renderHook(() => {
+      const translation = useSharedValue(-0 * viewSize);
+      const range = useVisibleRanges({
+        total: 10,
+        translation,
+        viewSize,
+        windowSize: 4,
+        loop: false
+      });
+      return range;
+    }).result.current.value;
+    const slide1hook = renderHook(() => {
+      const translation = useSharedValue(-1 * viewSize);
+      const range = useVisibleRanges({
+        total: 10,
+        translation,
+        viewSize,
+        windowSize: 4,
+        loop: false
+      });
+      return range;
+    }).result.current.value;
+    const slide2hook = renderHook(() => {
+      const translation = useSharedValue(-2 * viewSize);
+      const range = useVisibleRanges({
+        total: 10,
+        translation,
+        viewSize,
+        windowSize: 4,
+        loop: false
+      });
+      return range;
+    }).result.current.value;
+    const slide3hook = renderHook(() => {
+      const translation = useSharedValue(-3 * viewSize);
+      const range = useVisibleRanges({
+        total: 10,
+        translation,
+        viewSize,
+        windowSize: 4,
+        loop: false
+      });
+      return range;
+    }).result.current.value; // [0,3] Display the 0,1,2,3 items.
+
+    expect(slide0hook).toMatchInlineSnapshot(`
+            {
+              "negativeRange": [
+                -3,
+                0,
+              ],
+              "positiveRange": [
+                0,
+                3,
+              ],
+            }
+        `); // [1,4] Display the 1,2,3,4 items.
+
+    expect(slide1hook).toMatchInlineSnapshot(`
+            {
+              "negativeRange": [
+                -2,
+                1,
+              ],
+              "positiveRange": [
+                1,
+                4,
+              ],
+            }
+        `); // [2,5] Display the 2,3,4,5 items.
+
+    expect(slide2hook).toMatchInlineSnapshot(`
+            {
+              "negativeRange": [
+                -1,
+                2,
+              ],
+              "positiveRange": [
+                2,
+                5,
+              ],
+            }
+        `); // [3.6] Display the 3,4,5,6 items.
+
+    expect(slide3hook).toMatchInlineSnapshot(`
+            {
+              "negativeRange": [
+                0,
+                3,
+              ],
+              "positiveRange": [
+                3,
+                6,
+              ],
+            }
+        `);
+  });
+});
+//# sourceMappingURL=useVisibleRanges.test.js.map

package/lib/module/hooks/useVisibleRanges.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useVisibleRanges.test.tsx"],"names":["useSharedValue","renderHook","useVisibleRanges","viewSize","describe","it","hook","translation","range","total","windowSize","loop","expected","result","current","value","expect","toMatchInlineSnapshot","slide0hook","slide1hook","slide2hook","slide3hook"],"mappings":"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","sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\n\nimport { renderHook } from \"@testing-library/react-hooks\";\n\nimport { useVisibleRanges } from \"./useVisibleRanges\";\n\nconst viewSize = 393;\n\ndescribe(\"useVisibleRanges\", () => {\n  it(\"should only display the front of the list when loop is false\", async () => {\n    const hook = renderHook(() => {\n      const translation = useSharedValue(-0);\n      const range = useVisibleRanges({\n        total: 10,\n        translation,\n        viewSize,\n        windowSize: 4,\n        loop: false,\n      });\n\n      return range;\n    });\n\n    const expected = hook.result.current.value;\n\n    expect(expected).toMatchInlineSnapshot(`\n            {\n              \"negativeRange\": [\n                -3,\n                0,\n              ],\n              \"positiveRange\": [\n                0,\n                3,\n              ],\n            }\n        `);\n  });\n\n  it(\"should display the rear of the list and the front of the list when loop is true\", async () => {\n    const hook = renderHook(() => {\n      const translation = useSharedValue(-0);\n      const range = useVisibleRanges({\n        total: 10,\n        translation,\n        viewSize,\n        windowSize: 4,\n        loop: true,\n      });\n\n      return range;\n    });\n\n    const expected = hook.result.current.value;\n\n    expect(expected).toMatchInlineSnapshot(`\n            {\n              \"negativeRange\": [\n                8,\n                9,\n              ],\n              \"positiveRange\": [\n                0,\n                2,\n              ],\n            }\n        `);\n  });\n\n  it(\"should shows the increased range of the list when the loop is false and swiped the carousel.\", async () => {\n    const slide0hook = renderHook(() => {\n      const translation = useSharedValue(-0 * viewSize);\n      const range = useVisibleRanges({\n        total: 10,\n        translation,\n        viewSize,\n        windowSize: 4,\n        loop: false,\n      });\n\n      return range;\n    }).result.current.value;\n\n    const slide1hook = renderHook(() => {\n      const translation = useSharedValue(-1 * viewSize);\n      const range = useVisibleRanges({\n        total: 10,\n        translation,\n        viewSize,\n        windowSize: 4,\n        loop: false,\n      });\n\n      return range;\n    }).result.current.value;\n\n    const slide2hook = renderHook(() => {\n      const translation = useSharedValue(-2 * viewSize);\n      const range = useVisibleRanges({\n        total: 10,\n        translation,\n        viewSize,\n        windowSize: 4,\n        loop: false,\n      });\n\n      return range;\n    }).result.current.value;\n\n    const slide3hook = renderHook(() => {\n      const translation = useSharedValue(-3 * viewSize);\n      const range = useVisibleRanges({\n        total: 10,\n        translation,\n        viewSize,\n        windowSize: 4,\n        loop: false,\n      });\n\n      return range;\n    }).result.current.value;\n\n    // [0,3] Display the 0,1,2,3 items.\n    expect(slide0hook).toMatchInlineSnapshot(`\n            {\n              \"negativeRange\": [\n                -3,\n                0,\n              ],\n              \"positiveRange\": [\n                0,\n                3,\n              ],\n            }\n        `);\n\n    // [1,4] Display the 1,2,3,4 items.\n    expect(slide1hook).toMatchInlineSnapshot(`\n            {\n              \"negativeRange\": [\n                -2,\n                1,\n              ],\n              \"positiveRange\": [\n                1,\n                4,\n              ],\n            }\n        `);\n\n    // [2,5] Display the 2,3,4,5 items.\n    expect(slide2hook).toMatchInlineSnapshot(`\n            {\n              \"negativeRange\": [\n                -1,\n                2,\n              ],\n              \"positiveRange\": [\n                2,\n                5,\n              ],\n            }\n        `);\n\n    // [3.6] Display the 3,4,5,6 items.\n    expect(slide3hook).toMatchInlineSnapshot(`\n            {\n              \"negativeRange\": [\n                0,\n                3,\n              ],\n              \"positiveRange\": [\n                3,\n                6,\n              ],\n            }\n        `);\n  });\n});\n"]}

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["Carousel"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,uBAArB;AASA,eAAeA,QAAf","sourcesContent":["import Carousel from \"./components/Carousel\";\nexport type {\n  TCarouselProps,\n  ICarouselInstance,\n  IComputedDirectionTypes,\n  CarouselRenderItem,\n} from \"./types\";\nexport type { ILayoutConfig } from \"./layouts/stack\";\n\nexport default Carousel;\n"]}
+{"version":3,"sources":["index.tsx"],"names":["Carousel"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,uBAArB;AAWA,eAAeA,QAAf","sourcesContent":["import Carousel from \"./components/Carousel\";\n\nexport type {\n  TCarouselProps,\n  ICarouselInstance,\n  IComputedDirectionTypes,\n  CarouselRenderItem,\n} from \"./types\";\nexport type { TAnimationStyle } from \"./components/BaseLayout\";\nexport type { ILayoutConfig } from \"./layouts/stack\";\n\nexport default Carousel;\n"]}

package/lib/module/utils/{computeNewIndexWhenDataChanges.js → compute-offset-if-data-changed.js}

@@ -4,7 +4,7 @@ export function omitZero(a, b) {
   if (a === 0) return 0;
   return b;
 }
-export function computeNewIndexWhenDataChanges(params) {
+export function computeOffsetIfDataChanged(params) {
   "worklet";
 
   const {
@@ -40,4 +40,4 @@ export function computeNewIndexWhenDataChanges(params) {
 
   return handlerOffset;
 }
-//# sourceMappingURL=computeNewIndexWhenDataChanges.js.map
+//# sourceMappingURL=compute-offset-if-data-changed.js.map

package/lib/module/utils/compute-offset-if-data-changed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["compute-offset-if-data-changed.ts"],"names":["omitZero","a","b","computeOffsetIfDataChanged","params","direction","handlerOffset","_handlerOffset","size","previousLength","currentLength","positionIndex","round","isPositive","Math","abs","parseInt","String","prevOffset","prevIndex","changedLength","changedOffset"],"mappings":"AAAA,OAAO,SAASA,QAAT,CAAkBC,CAAlB,EAA6BC,CAA7B,EAAwC;AAC7C;;AACA,MAAID,CAAC,KAAK,CAAV,EACE,OAAO,CAAP;AAEF,SAAOC,CAAP;AACD;AAED,OAAO,SAASC,0BAAT,CAAoCC,MAApC,EAMJ;AACD;;AACA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,aAAa,EAAEC,cAA5B;AAA4CC,IAAAA,IAA5C;AAAkDC,IAAAA,cAAlD;AAAkEC,IAAAA;AAAlE,MAAoFN,MAA1F;AAEA,MAAIE,aAAa,GAAGC,cAApB;AACA,MAAII,aAAJ;AACA,MAAIC,KAAJ;AAEA,QAAMC,UAAU,GAAGR,SAAS,GAAG,CAA/B;;AAEA,MAAIQ,UAAJ,EAAgB;AACdF,IAAAA,aAAa,GAAIG,IAAI,CAACC,GAAL,CAAST,aAAT,CAAD,GAA4BE,IAA5C;AACAI,IAAAA,KAAK,GAAGI,QAAQ,CAACC,MAAM,CAACjB,QAAQ,CAACS,cAAD,EAAiBE,aAAa,GAAGF,cAAjC,CAAT,CAAP,CAAhB;AACD,GAHD,MAIK;AACHE,IAAAA,aAAa,GAAG,CAACG,IAAI,CAACC,GAAL,CAAST,aAAT,IAA0BE,IAA3B,IAAmCA,IAAnD;AACAI,IAAAA,KAAK,GAAGI,QAAQ,CAACC,MAAM,CAACjB,QAAQ,CAACS,cAAD,EAAiBE,aAAa,GAAGF,cAAjC,CAAT,CAAP,CAAR,GAA6E,CAArF;AACD;;AAED,QAAMS,UAAU,GAAGlB,QAAQ,CAACS,cAAD,EAAiBE,aAAa,GAAGF,cAAjC,CAA3B;AACA,QAAMU,SAAS,GAAGN,UAAU,GAAGK,UAAH,GAAgBT,cAAc,GAAGS,UAAjB,GAA8B,CAA1E;AACA,QAAME,aAAa,GAAGR,KAAK,IAAIF,aAAa,GAAGD,cAApB,CAA3B;AACA,QAAMY,aAAa,GAAGD,aAAa,GAAGZ,IAAtC;;AACA,MAAIW,SAAS,GAAGT,aAAa,GAAG,CAA5B,IAAiCA,aAAa,GAAGD,cAArD,EAAqE;AACnE,QAAII,UAAJ,EACEP,aAAa,GAAG,CAACI,aAAa,GAAG,CAAjB,IAAsBF,IAAtB,GAA6BH,SAA7C,CADF,KAIEC,aAAa,GAAG,CAACI,aAAa,GAAG,CAAjB,IAAsBF,IAAtB,GAA6B,CAAC,CAA9C;AACH,GAND,MAOK;AACHF,IAAAA,aAAa,IAAIe,aAAa,GAAGhB,SAAjC;AACD;;AAED,SAAOC,aAAP;AACD","sourcesContent":["export function omitZero(a: number, b: number) {\n  \"worklet\";\n  if (a === 0)\n    return 0;\n\n  return b;\n}\n\nexport function computeOffsetIfDataChanged(params: {\n  direction: number\n  handlerOffset: number\n  size: number\n  previousLength: number\n  currentLength: number\n}) {\n  \"worklet\";\n  const { direction, handlerOffset: _handlerOffset, size, previousLength, currentLength } = params;\n\n  let handlerOffset = _handlerOffset;\n  let positionIndex;\n  let round;\n\n  const isPositive = direction < 0;\n\n  if (isPositive) {\n    positionIndex = (Math.abs(handlerOffset)) / size;\n    round = parseInt(String(omitZero(previousLength, positionIndex / previousLength)));\n  }\n  else {\n    positionIndex = (Math.abs(handlerOffset) - size) / size;\n    round = parseInt(String(omitZero(previousLength, positionIndex / previousLength))) + 1;\n  }\n\n  const prevOffset = omitZero(previousLength, positionIndex % previousLength);\n  const prevIndex = isPositive ? prevOffset : previousLength - prevOffset - 1;\n  const changedLength = round * (currentLength - previousLength);\n  const changedOffset = changedLength * size;\n  if (prevIndex > currentLength - 1 && currentLength < previousLength) {\n    if (isPositive)\n      handlerOffset = (currentLength - 1) * size * direction;\n\n    else\n      handlerOffset = (currentLength - 1) * size * -1;\n  }\n  else {\n    handlerOffset += changedOffset * direction;\n  }\n\n  return handlerOffset;\n}\n\n"]}

package/lib/module/utils/compute-offset-if-data-changed.test.js

@@ -0,0 +1,27 @@
+import { computeOffsetIfDataChanged } from "./compute-offset-if-data-changed";
+describe("computeOffsetIfDataChanged", () => {
+  const size = 634;
+  it("should return the correct values, if index is 0", () => {
+    const index = 0;
+    const result = computeOffsetIfDataChanged({
+      direction: -1,
+      previousLength: 4,
+      currentLength: 6,
+      size,
+      handlerOffset: index * size
+    });
+    expect(result).toMatchInlineSnapshot("0");
+  });
+  it("should return the correct values, if index is 1", () => {
+    const index = 1;
+    const result = computeOffsetIfDataChanged({
+      direction: -1,
+      previousLength: 4,
+      currentLength: 6,
+      size,
+      handlerOffset: index * size
+    });
+    expect(result).toMatchInlineSnapshot("634");
+  });
+});
+//# sourceMappingURL=compute-offset-if-data-changed.test.js.map

package/lib/module/utils/compute-offset-if-data-changed.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["compute-offset-if-data-changed.test.ts"],"names":["computeOffsetIfDataChanged","describe","size","it","index","result","direction","previousLength","currentLength","handlerOffset","expect","toMatchInlineSnapshot"],"mappings":"AAAA,SAASA,0BAAT,QAA2C,kCAA3C;AAEAC,QAAQ,CAAC,4BAAD,EAA+B,MAAM;AAC3C,QAAMC,IAAI,GAAG,GAAb;AACAC,EAAAA,EAAE,CAAC,iDAAD,EAAoD,MAAM;AAC1D,UAAMC,KAAK,GAAG,CAAd;AACA,UAAMC,MAAM,GAAGL,0BAA0B,CAAC;AACxCM,MAAAA,SAAS,EAAE,CAAC,CAD4B;AAExCC,MAAAA,cAAc,EAAE,CAFwB;AAGxCC,MAAAA,aAAa,EAAE,CAHyB;AAIxCN,MAAAA,IAJwC;AAKxCO,MAAAA,aAAa,EAAEL,KAAK,GAAGF;AALiB,KAAD,CAAzC;AAQAQ,IAAAA,MAAM,CAACL,MAAD,CAAN,CAAeM,qBAAf,CAAqC,GAArC;AACD,GAXC,CAAF;AAaAR,EAAAA,EAAE,CAAC,iDAAD,EAAoD,MAAM;AAC1D,UAAMC,KAAK,GAAG,CAAd;AACA,UAAMC,MAAM,GAAGL,0BAA0B,CAAC;AACxCM,MAAAA,SAAS,EAAE,CAAC,CAD4B;AAExCC,MAAAA,cAAc,EAAE,CAFwB;AAGxCC,MAAAA,aAAa,EAAE,CAHyB;AAIxCN,MAAAA,IAJwC;AAKxCO,MAAAA,aAAa,EAAEL,KAAK,GAAGF;AALiB,KAAD,CAAzC;AAQAQ,IAAAA,MAAM,CAACL,MAAD,CAAN,CAAeM,qBAAf,CAAqC,KAArC;AACD,GAXC,CAAF;AAYD,CA3BO,CAAR","sourcesContent":["import { computeOffsetIfDataChanged } from \"./compute-offset-if-data-changed\";\n\ndescribe(\"computeOffsetIfDataChanged\", () => {\n  const size = 634;\n  it(\"should return the correct values, if index is 0\", () => {\n    const index = 0;\n    const result = computeOffsetIfDataChanged({\n      direction: -1,\n      previousLength: 4,\n      currentLength: 6,\n      size,\n      handlerOffset: index * size,\n    });\n\n    expect(result).toMatchInlineSnapshot(\"0\");\n  });\n\n  it(\"should return the correct values, if index is 1\", () => {\n    const index = 1;\n    const result = computeOffsetIfDataChanged({\n      direction: -1,\n      previousLength: 4,\n      currentLength: 6,\n      size,\n      handlerOffset: index * size,\n    });\n\n    expect(result).toMatchInlineSnapshot(\"634\");\n  });\n});\n"]}

package/lib/module/utils/compute-offset-if-size-changed.js

@@ -0,0 +1,11 @@
+export function computeOffsetIfSizeChanged(params) {
+  "worklet";
+
+  const {
+    handlerOffset,
+    prevSize,
+    size
+  } = params;
+  return handlerOffset / prevSize * size;
+}
+//# sourceMappingURL=compute-offset-if-size-changed.js.map

package/lib/module/utils/compute-offset-if-size-changed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["compute-offset-if-size-changed.ts"],"names":["computeOffsetIfSizeChanged","params","handlerOffset","prevSize","size"],"mappings":"AAAA,OAAO,SAASA,0BAAT,CAAoCC,MAApC,EAIJ;AACD;;AACA,QAAM;AAAEC,IAAAA,aAAF;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA;AAA3B,MAAoCH,MAA1C;AAEA,SAAOC,aAAa,GAAGC,QAAhB,GAA2BC,IAAlC;AACD","sourcesContent":["export function computeOffsetIfSizeChanged(params: {\n  handlerOffset: number\n  prevSize: number\n  size: number\n}) {\n  \"worklet\";\n  const { handlerOffset, prevSize, size } = params;\n\n  return handlerOffset / prevSize * size;\n}\n\n"]}

package/lib/module/utils/compute-offset-if-size-changed.test.js

@@ -0,0 +1,69 @@
+import { computeOffsetIfSizeChanged } from "./compute-offset-if-size-changed";
+describe("computeOffsetIfSizeChanged", () => {
+  it("[CASE 1] should return the correct values when size does not change", () => {
+    const prevIndex = 1;
+    const prevSize = 500;
+    const size = 500;
+    const handlerOffset = prevIndex * size;
+    const result = computeOffsetIfSizeChanged({
+      prevSize,
+      size,
+      handlerOffset
+    });
+    const finallyIndex = result / size;
+    expect(finallyIndex).toEqual(prevIndex);
+  });
+  it("[CASE 2] should return the correct values when size changes from 500 to 400", () => {
+    const prevIndex = 1;
+    const prevSize = 500;
+    const size = 400;
+    const handlerOffset = prevIndex * prevSize;
+    const result = computeOffsetIfSizeChanged({
+      prevSize,
+      size,
+      handlerOffset
+    });
+    const finallyIndex = result / size;
+    expect(finallyIndex).toEqual(prevIndex);
+  });
+  it("[CASE 3] should return the correct values when size changes from 500 to 499", () => {
+    const prevIndex = 1;
+    const prevSize = 500;
+    const size = 499;
+    const handlerOffset = prevIndex * prevSize;
+    const result = computeOffsetIfSizeChanged({
+      prevSize,
+      size,
+      handlerOffset
+    });
+    const finallyIndex = result / size;
+    expect(finallyIndex).toEqual(prevIndex);
+  });
+  it("[CASE 4] should return the correct values when size changes from 500 to 501", () => {
+    const prevIndex = 1;
+    const prevSize = 500;
+    const size = 501;
+    const handlerOffset = prevIndex * prevSize;
+    const result = computeOffsetIfSizeChanged({
+      prevSize,
+      size,
+      handlerOffset
+    });
+    const finallyIndex = result / size;
+    expect(finallyIndex).toEqual(prevIndex);
+  });
+  it("[CASE 5] should return the correct values when size changes from 224 to 524", () => {
+    const prevIndex = 1;
+    const prevSize = 224;
+    const size = 524;
+    const handlerOffset = prevIndex * prevSize;
+    const result = computeOffsetIfSizeChanged({
+      prevSize,
+      size,
+      handlerOffset
+    });
+    const finallyIndex = result / size;
+    expect(finallyIndex).toEqual(prevIndex);
+  });
+});
+//# sourceMappingURL=compute-offset-if-size-changed.test.js.map

package/lib/module/utils/compute-offset-if-size-changed.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["compute-offset-if-size-changed.test.ts"],"names":["computeOffsetIfSizeChanged","describe","it","prevIndex","prevSize","size","handlerOffset","result","finallyIndex","expect","toEqual"],"mappings":"AAAA,SAASA,0BAAT,QAA2C,kCAA3C;AAEAC,QAAQ,CAAC,4BAAD,EAA+B,MAAM;AAC3CC,EAAAA,EAAE,CAAC,qEAAD,EAAwE,MAAM;AAC9E,UAAMC,SAAS,GAAG,CAAlB;AACA,UAAMC,QAAQ,GAAG,GAAjB;AACA,UAAMC,IAAI,GAAG,GAAb;AACA,UAAMC,aAAa,GAAGH,SAAS,GAAGE,IAAlC;AACA,UAAME,MAAM,GAAGP,0BAA0B,CAAC;AACxCI,MAAAA,QADwC;AAExCC,MAAAA,IAFwC;AAGxCC,MAAAA;AAHwC,KAAD,CAAzC;AAMA,UAAME,YAAY,GAAGD,MAAM,GAAGF,IAA9B;AACAI,IAAAA,MAAM,CAACD,YAAD,CAAN,CAAqBE,OAArB,CAA6BP,SAA7B;AACD,GAbC,CAAF;AAeAD,EAAAA,EAAE,CAAC,6EAAD,EAAgF,MAAM;AACtF,UAAMC,SAAS,GAAG,CAAlB;AACA,UAAMC,QAAQ,GAAG,GAAjB;AACA,UAAMC,IAAI,GAAG,GAAb;AACA,UAAMC,aAAa,GAAGH,SAAS,GAAGC,QAAlC;AACA,UAAMG,MAAM,GAAGP,0BAA0B,CAAC;AACxCI,MAAAA,QADwC;AAExCC,MAAAA,IAFwC;AAGxCC,MAAAA;AAHwC,KAAD,CAAzC;AAMA,UAAME,YAAY,GAAGD,MAAM,GAAGF,IAA9B;AACAI,IAAAA,MAAM,CAACD,YAAD,CAAN,CAAqBE,OAArB,CAA6BP,SAA7B;AACD,GAbC,CAAF;AAeAD,EAAAA,EAAE,CAAC,6EAAD,EAAgF,MAAM;AACtF,UAAMC,SAAS,GAAG,CAAlB;AACA,UAAMC,QAAQ,GAAG,GAAjB;AACA,UAAMC,IAAI,GAAG,GAAb;AACA,UAAMC,aAAa,GAAGH,SAAS,GAAGC,QAAlC;AACA,UAAMG,MAAM,GAAGP,0BAA0B,CAAC;AACxCI,MAAAA,QADwC;AAExCC,MAAAA,IAFwC;AAGxCC,MAAAA;AAHwC,KAAD,CAAzC;AAMA,UAAME,YAAY,GAAGD,MAAM,GAAGF,IAA9B;AACAI,IAAAA,MAAM,CAACD,YAAD,CAAN,CAAqBE,OAArB,CAA6BP,SAA7B;AACD,GAbC,CAAF;AAeAD,EAAAA,EAAE,CAAC,6EAAD,EAAgF,MAAM;AACtF,UAAMC,SAAS,GAAG,CAAlB;AACA,UAAMC,QAAQ,GAAG,GAAjB;AACA,UAAMC,IAAI,GAAG,GAAb;AACA,UAAMC,aAAa,GAAGH,SAAS,GAAGC,QAAlC;AACA,UAAMG,MAAM,GAAGP,0BAA0B,CAAC;AACxCI,MAAAA,QADwC;AAExCC,MAAAA,IAFwC;AAGxCC,MAAAA;AAHwC,KAAD,CAAzC;AAMA,UAAME,YAAY,GAAGD,MAAM,GAAGF,IAA9B;AACAI,IAAAA,MAAM,CAACD,YAAD,CAAN,CAAqBE,OAArB,CAA6BP,SAA7B;AACD,GAbC,CAAF;AAeAD,EAAAA,EAAE,CAAC,6EAAD,EAAgF,MAAM;AACtF,UAAMC,SAAS,GAAG,CAAlB;AACA,UAAMC,QAAQ,GAAG,GAAjB;AACA,UAAMC,IAAI,GAAG,GAAb;AACA,UAAMC,aAAa,GAAGH,SAAS,GAAGC,QAAlC;AACA,UAAMG,MAAM,GAAGP,0BAA0B,CAAC;AACxCI,MAAAA,QADwC;AAExCC,MAAAA,IAFwC;AAGxCC,MAAAA;AAHwC,KAAD,CAAzC;AAMA,UAAME,YAAY,GAAGD,MAAM,GAAGF,IAA9B;AACAI,IAAAA,MAAM,CAACD,YAAD,CAAN,CAAqBE,OAArB,CAA6BP,SAA7B;AACD,GAbC,CAAF;AAcD,CA3EO,CAAR","sourcesContent":["import { computeOffsetIfSizeChanged } from \"./compute-offset-if-size-changed\";\n\ndescribe(\"computeOffsetIfSizeChanged\", () => {\n  it(\"[CASE 1] should return the correct values when size does not change\", () => {\n    const prevIndex = 1;\n    const prevSize = 500;\n    const size = 500;\n    const handlerOffset = prevIndex * size;\n    const result = computeOffsetIfSizeChanged({\n      prevSize,\n      size,\n      handlerOffset,\n    });\n\n    const finallyIndex = result / size;\n    expect(finallyIndex).toEqual(prevIndex);\n  });\n\n  it(\"[CASE 2] should return the correct values when size changes from 500 to 400\", () => {\n    const prevIndex = 1;\n    const prevSize = 500;\n    const size = 400;\n    const handlerOffset = prevIndex * prevSize;\n    const result = computeOffsetIfSizeChanged({\n      prevSize,\n      size,\n      handlerOffset,\n    });\n\n    const finallyIndex = result / size;\n    expect(finallyIndex).toEqual(prevIndex);\n  });\n\n  it(\"[CASE 3] should return the correct values when size changes from 500 to 499\", () => {\n    const prevIndex = 1;\n    const prevSize = 500;\n    const size = 499;\n    const handlerOffset = prevIndex * prevSize;\n    const result = computeOffsetIfSizeChanged({\n      prevSize,\n      size,\n      handlerOffset,\n    });\n\n    const finallyIndex = result / size;\n    expect(finallyIndex).toEqual(prevIndex);\n  });\n\n  it(\"[CASE 4] should return the correct values when size changes from 500 to 501\", () => {\n    const prevIndex = 1;\n    const prevSize = 500;\n    const size = 501;\n    const handlerOffset = prevIndex * prevSize;\n    const result = computeOffsetIfSizeChanged({\n      prevSize,\n      size,\n      handlerOffset,\n    });\n\n    const finallyIndex = result / size;\n    expect(finallyIndex).toEqual(prevIndex);\n  });\n\n  it(\"[CASE 5] should return the correct values when size changes from 224 to 524\", () => {\n    const prevIndex = 1;\n    const prevSize = 224;\n    const size = 524;\n    const handlerOffset = prevIndex * prevSize;\n    const result = computeOffsetIfSizeChanged({\n      prevSize,\n      size,\n      handlerOffset,\n    });\n\n    const finallyIndex = result / size;\n    expect(finallyIndex).toEqual(prevIndex);\n  });\n});\n"]}

package/lib/module/utils/handleroffset-direction.js

@@ -1,9 +1,9 @@
-export function handlerOffsetDirection(handlerOffset) {
+export function handlerOffsetDirection(handlerOffset, fixedDirection) {
   "worklet";
 
-  const isPositiveZero = Object.is(handlerOffset.value, +0);
-  const isNegativeZero = Object.is(handlerOffset.value, -0);
-  const direction = isPositiveZero ? 1 : isNegativeZero ? -1 : Math.sign(handlerOffset.value);
-  return direction;
+  if (fixedDirection === "negative") return -1;
+  if (fixedDirection === "positive") return 1;
+  if (handlerOffset.value === 0) return -1;
+  return Math.sign(handlerOffset.value);
 }
 //# sourceMappingURL=handleroffset-direction.js.map

package/lib/module/utils/handleroffset-direction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["handleroffset-direction.ts"],"names":["handlerOffsetDirection","handlerOffset","isPositiveZero","Object","is","value","isNegativeZero","direction","Math","sign"],"mappings":"AAEA,OAAO,SAASA,sBAAT,CAAgCC,aAAhC,EAA4E;AACjF;;AAEA,QAAMC,cAAc,GAAGC,MAAM,CAACC,EAAP,CAAUH,aAAa,CAACI,KAAxB,EAA+B,CAAC,CAAhC,CAAvB;AACA,QAAMC,cAAc,GAAGH,MAAM,CAACC,EAAP,CAAUH,aAAa,CAACI,KAAxB,EAA+B,CAAC,CAAhC,CAAvB;AACA,QAAME,SAAS,GAAGL,cAAc,GAC5B,CAD4B,GAE5BI,cAAc,GACZ,CAAC,CADW,GAEZE,IAAI,CAACC,IAAL,CAAUR,aAAa,CAACI,KAAxB,CAJN;AAMA,SAAOE,SAAP;AACD","sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nexport function handlerOffsetDirection(handlerOffset: SharedValue<number>): -1 | 1 {\n  \"worklet\";\n\n  const isPositiveZero = Object.is(handlerOffset.value, +0);\n  const isNegativeZero = Object.is(handlerOffset.value, -0);\n  const direction = isPositiveZero\n    ? 1\n    : isNegativeZero\n      ? -1\n      : Math.sign(handlerOffset.value) as -1 | 1;\n\n  return direction;\n}\n"]}
+{"version":3,"sources":["handleroffset-direction.ts"],"names":["handlerOffsetDirection","handlerOffset","fixedDirection","value","Math","sign"],"mappings":"AAIA,OAAO,SAASA,sBAAT,CAAgCC,aAAhC,EAAoEC,cAApE,EAA+H;AACpI;;AAEA,MAAIA,cAAc,KAAK,UAAvB,EACE,OAAO,CAAC,CAAR;AAEF,MAAIA,cAAc,KAAK,UAAvB,EACE,OAAO,CAAP;AAEF,MAAID,aAAa,CAACE,KAAd,KAAwB,CAA5B,EACE,OAAO,CAAC,CAAR;AAEF,SAAOC,IAAI,CAACC,IAAL,CAAUJ,aAAa,CAACE,KAAxB,CAAP;AACD","sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type { TCarouselProps } from \"../types\";\n\nexport function handlerOffsetDirection(handlerOffset: SharedValue<number>, fixedDirection?: TCarouselProps[\"fixedDirection\"]): -1 | 1 {\n  \"worklet\";\n\n  if (fixedDirection === \"negative\")\n    return -1;\n\n  if (fixedDirection === \"positive\")\n    return 1;\n\n  if (handlerOffset.value === 0)\n    return -1;\n\n  return Math.sign(handlerOffset.value) as -1 | 1;\n}\n"]}

package/lib/module/utils/handleroffset-direction.test.js

@@ -0,0 +1,41 @@
+import { useSharedValue } from "react-native-reanimated";
+import { renderHook } from "@testing-library/react-hooks";
+import { handlerOffsetDirection } from "./handleroffset-direction";
+describe("handlerOffsetDirection", () => {
+  it("should return -1 when default value equals to zero", () => {
+    const result = renderHook(() => {
+      const handlerOffsetAnimVal = useSharedValue(0);
+      return handlerOffsetDirection(handlerOffsetAnimVal);
+    });
+    expect(result.result.current).toBe(-1);
+  });
+  it("should return 1 when default value is greater than zero", () => {
+    const result = renderHook(() => {
+      const handlerOffsetAnimVal = useSharedValue(1);
+      return handlerOffsetDirection(handlerOffsetAnimVal);
+    });
+    expect(result.result.current).toBe(1);
+  });
+  it("should return -1 when default value is less than zero", () => {
+    const result = renderHook(() => {
+      const handlerOffsetAnimVal = useSharedValue(-1);
+      return handlerOffsetDirection(handlerOffsetAnimVal);
+    });
+    expect(result.result.current).toBe(-1);
+  });
+  it("should return 1 when default value equals to zero and fixedDirection is negative", () => {
+    const result = renderHook(() => {
+      const handlerOffsetAnimVal = useSharedValue(-1);
+      return handlerOffsetDirection(handlerOffsetAnimVal, "positive");
+    });
+    expect(result.result.current).toBe(1);
+  });
+  it("should return -1 when default value is greater than zero and fixedDirection is negative", () => {
+    const result = renderHook(() => {
+      const handlerOffsetAnimVal = useSharedValue(1);
+      return handlerOffsetDirection(handlerOffsetAnimVal, "negative");
+    });
+    expect(result.result.current).toBe(-1);
+  });
+});
+//# sourceMappingURL=handleroffset-direction.test.js.map

package/lib/module/utils/handleroffset-direction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["handleroffset-direction.test.ts"],"names":["useSharedValue","renderHook","handlerOffsetDirection","describe","it","result","handlerOffsetAnimVal","expect","current","toBe"],"mappings":"AAAA,SAASA,cAAT,QAA+B,yBAA/B;AAEA,SAASC,UAAT,QAA2B,8BAA3B;AAEA,SAASC,sBAAT,QAAuC,2BAAvC;AAEAC,QAAQ,CAAC,wBAAD,EAA2B,MAAM;AACvCC,EAAAA,EAAE,CAAC,oDAAD,EAAuD,MAAM;AAC7D,UAAMC,MAAM,GAAGJ,UAAU,CAAC,MAAM;AAC9B,YAAMK,oBAAoB,GAAGN,cAAc,CAAC,CAAD,CAA3C;AACA,aAAOE,sBAAsB,CAACI,oBAAD,CAA7B;AACD,KAHwB,CAAzB;AAKAC,IAAAA,MAAM,CAACF,MAAM,CAACA,MAAP,CAAcG,OAAf,CAAN,CAA8BC,IAA9B,CAAmC,CAAC,CAApC;AACD,GAPC,CAAF;AASAL,EAAAA,EAAE,CAAC,yDAAD,EAA4D,MAAM;AAClE,UAAMC,MAAM,GAAGJ,UAAU,CAAC,MAAM;AAC9B,YAAMK,oBAAoB,GAAGN,cAAc,CAAC,CAAD,CAA3C;AACA,aAAOE,sBAAsB,CAACI,oBAAD,CAA7B;AACD,KAHwB,CAAzB;AAKAC,IAAAA,MAAM,CAACF,MAAM,CAACA,MAAP,CAAcG,OAAf,CAAN,CAA8BC,IAA9B,CAAmC,CAAnC;AACD,GAPC,CAAF;AASAL,EAAAA,EAAE,CAAC,uDAAD,EAA0D,MAAM;AAChE,UAAMC,MAAM,GAAGJ,UAAU,CAAC,MAAM;AAC9B,YAAMK,oBAAoB,GAAGN,cAAc,CAAC,CAAC,CAAF,CAA3C;AACA,aAAOE,sBAAsB,CAACI,oBAAD,CAA7B;AACD,KAHwB,CAAzB;AAKAC,IAAAA,MAAM,CAACF,MAAM,CAACA,MAAP,CAAcG,OAAf,CAAN,CAA8BC,IAA9B,CAAmC,CAAC,CAApC;AACD,GAPC,CAAF;AASAL,EAAAA,EAAE,CAAC,kFAAD,EAAqF,MAAM;AAC3F,UAAMC,MAAM,GAAGJ,UAAU,CAAC,MAAM;AAC9B,YAAMK,oBAAoB,GAAGN,cAAc,CAAC,CAAC,CAAF,CAA3C;AACA,aAAOE,sBAAsB,CAACI,oBAAD,EAAuB,UAAvB,CAA7B;AACD,KAHwB,CAAzB;AAKAC,IAAAA,MAAM,CAACF,MAAM,CAACA,MAAP,CAAcG,OAAf,CAAN,CAA8BC,IAA9B,CAAmC,CAAnC;AACD,GAPC,CAAF;AASAL,EAAAA,EAAE,CAAC,yFAAD,EAA4F,MAAM;AAClG,UAAMC,MAAM,GAAGJ,UAAU,CAAC,MAAM;AAC9B,YAAMK,oBAAoB,GAAGN,cAAc,CAAC,CAAD,CAA3C;AACA,aAAOE,sBAAsB,CAACI,oBAAD,EAAuB,UAAvB,CAA7B;AACD,KAHwB,CAAzB;AAKAC,IAAAA,MAAM,CAACF,MAAM,CAACA,MAAP,CAAcG,OAAf,CAAN,CAA8BC,IAA9B,CAAmC,CAAC,CAApC;AACD,GAPC,CAAF;AAQD,CA7CO,CAAR","sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\n\nimport { renderHook } from \"@testing-library/react-hooks\";\n\nimport { handlerOffsetDirection } from \"./handleroffset-direction\";\n\ndescribe(\"handlerOffsetDirection\", () => {\n  it(\"should return -1 when default value equals to zero\", () => {\n    const result = renderHook(() => {\n      const handlerOffsetAnimVal = useSharedValue(0);\n      return handlerOffsetDirection(handlerOffsetAnimVal);\n    });\n\n    expect(result.result.current).toBe(-1);\n  });\n\n  it(\"should return 1 when default value is greater than zero\", () => {\n    const result = renderHook(() => {\n      const handlerOffsetAnimVal = useSharedValue(1);\n      return handlerOffsetDirection(handlerOffsetAnimVal);\n    });\n\n    expect(result.result.current).toBe(1);\n  });\n\n  it(\"should return -1 when default value is less than zero\", () => {\n    const result = renderHook(() => {\n      const handlerOffsetAnimVal = useSharedValue(-1);\n      return handlerOffsetDirection(handlerOffsetAnimVal);\n    });\n\n    expect(result.result.current).toBe(-1);\n  });\n\n  it(\"should return 1 when default value equals to zero and fixedDirection is negative\", () => {\n    const result = renderHook(() => {\n      const handlerOffsetAnimVal = useSharedValue(-1);\n      return handlerOffsetDirection(handlerOffsetAnimVal, \"positive\");\n    });\n\n    expect(result.result.current).toBe(1);\n  });\n\n  it(\"should return -1 when default value is greater than zero and fixedDirection is negative\", () => {\n    const result = renderHook(() => {\n      const handlerOffsetAnimVal = useSharedValue(1);\n      return handlerOffsetDirection(handlerOffsetAnimVal, \"negative\");\n    });\n\n    expect(result.result.current).toBe(-1);\n  });\n});\n"]}

package/lib/module/utils/index.test.js

@@ -1,4 +1,4 @@
-import { computeNewIndexWhenDataChanges } from "./computeNewIndexWhenDataChanges";
+import { computeOffsetIfDataChanged } from "./compute-offset-if-data-changed";
 describe("should work as expected", () => {
   const size = 375;
   const positive = -1;
@@ -23,7 +23,7 @@ describe("should work as expected", () => {
 
   it("The direction is negative, And changing length of data set from 4 to 3, the new index will to be 2.", async () => {
     const currentIndex = 1;
-    const handlerOffset = computeNewIndexWhenDataChanges(params({
+    const handlerOffset = computeOffsetIfDataChanged(params({
       currentIndex,
       direction: "negative",
       previousLength: 4,
@@ -32,7 +32,7 @@ describe("should work as expected", () => {
     expect(handlerOffset / size).toBe(2 * positive);
   });
   it("The direction is negative, Changing length of data set from 4 to 3, the index remains original.", async () => {
-    const handlerOffset = computeNewIndexWhenDataChanges(params({
+    const handlerOffset = computeOffsetIfDataChanged(params({
       currentIndex: 2,
       direction: "negative",
       previousLength: 4,
@@ -41,7 +41,7 @@ describe("should work as expected", () => {
     expect(handlerOffset / size).toBe(1 * negative);
   });
   it("The direction is positive, Changing length of data set from 4 to 5, the index remains original.", async () => {
-    const handlerOffset = computeNewIndexWhenDataChanges(params({
+    const handlerOffset = computeOffsetIfDataChanged(params({
       currentIndex: 3,
       direction: "positive",
       previousLength: 4,
@@ -50,7 +50,7 @@ describe("should work as expected", () => {
     expect(handlerOffset / size).toBe(3 * positive);
   });
   it("The direction is negative, Changing length of data set from 4 to 5, the index remains original.", async () => {
-    const handlerOffset = computeNewIndexWhenDataChanges(params({
+    const handlerOffset = computeOffsetIfDataChanged(params({
       currentIndex: 3,
       direction: "negative",
       previousLength: 4,
@@ -59,7 +59,7 @@ describe("should work as expected", () => {
     expect(handlerOffset / size).toBe(4 * negative);
   });
   it("Changing length of data set from 0 to 3, the index remains original.", async () => {
-    const handlerOffset = computeNewIndexWhenDataChanges(params({
+    const handlerOffset = computeOffsetIfDataChanged(params({
       currentIndex: 0,
       direction: "positive",
       previousLength: 0,

package/lib/module/utils/index.test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.test.ts"],"names":["computeNewIndexWhenDataChanges","describe","size","positive","negative","params","currentIndex","direction","_direction","previousLength","currentLength","handlerOffset","it","expect","toBe"],"mappings":"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","sourcesContent":["import { computeNewIndexWhenDataChanges } from \"./computeNewIndexWhenDataChanges\";\n\ndescribe(\"should work as expected\", () => {\n  const size = 375;\n  const positive = -1;\n  const negative = 1;\n\n  const params = (params: {\n    direction: \"positive\" | \"negative\"\n    currentIndex: number\n    previousLength: number\n    currentLength: number\n  }) => {\n    const { currentIndex, direction: _direction, previousLength, currentLength } = params;\n    const direction = _direction === \"negative\" ? negative : positive;\n    return {\n      direction,\n      handlerOffset: size * currentIndex * direction,\n      size,\n      previousLength,\n      currentLength,\n    };\n  };\n\n  it(\"The direction is negative, And changing length of data set from 4 to 3, the new index will to be 2.\", async () => {\n    const currentIndex = 1;\n    const handlerOffset = computeNewIndexWhenDataChanges(params({\n      currentIndex,\n      direction: \"negative\",\n      previousLength: 4,\n      currentLength: 3,\n    }));\n\n    expect(handlerOffset / size).toBe(2 * positive);\n  });\n\n  it(\"The direction is negative, Changing length of data set from 4 to 3, the index remains original.\", async () => {\n    const handlerOffset = computeNewIndexWhenDataChanges(params({\n      currentIndex: 2,\n      direction: \"negative\",\n      previousLength: 4,\n      currentLength: 3,\n    }));\n\n    expect(handlerOffset / size).toBe(1 * negative);\n  });\n\n  it(\"The direction is positive, Changing length of data set from 4 to 5, the index remains original.\", async () => {\n    const handlerOffset = computeNewIndexWhenDataChanges(params({\n      currentIndex: 3,\n      direction: \"positive\",\n      previousLength: 4,\n      currentLength: 5,\n    }));\n\n    expect(handlerOffset / size).toBe(3 * positive);\n  });\n\n  it(\"The direction is negative, Changing length of data set from 4 to 5, the index remains original.\", async () => {\n    const handlerOffset = computeNewIndexWhenDataChanges(params({\n      currentIndex: 3,\n      direction: \"negative\",\n      previousLength: 4,\n      currentLength: 5,\n    }));\n\n    expect(handlerOffset / size).toBe(4 * negative);\n  });\n\n  it(\"Changing length of data set from 0 to 3, the index remains original.\", async () => {\n    const handlerOffset = computeNewIndexWhenDataChanges(params({\n      currentIndex: 0,\n      direction: \"positive\",\n      previousLength: 0,\n      currentLength: 3,\n    }));\n\n    expect(handlerOffset / size).toBe(0 * positive);\n  });\n});\n"]}
+{"version":3,"sources":["index.test.ts"],"names":["computeOffsetIfDataChanged","describe","size","positive","negative","params","currentIndex","direction","_direction","previousLength","currentLength","handlerOffset","it","expect","toBe"],"mappings":"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","sourcesContent":["import { computeOffsetIfDataChanged } from \"./compute-offset-if-data-changed\";\n\ndescribe(\"should work as expected\", () => {\n  const size = 375;\n  const positive = -1;\n  const negative = 1;\n\n  const params = (params: {\n    direction: \"positive\" | \"negative\"\n    currentIndex: number\n    previousLength: number\n    currentLength: number\n  }) => {\n    const { currentIndex, direction: _direction, previousLength, currentLength } = params;\n    const direction = _direction === \"negative\" ? negative : positive;\n    return {\n      direction,\n      handlerOffset: size * currentIndex * direction,\n      size,\n      previousLength,\n      currentLength,\n    };\n  };\n\n  it(\"The direction is negative, And changing length of data set from 4 to 3, the new index will to be 2.\", async () => {\n    const currentIndex = 1;\n    const handlerOffset = computeOffsetIfDataChanged(params({\n      currentIndex,\n      direction: \"negative\",\n      previousLength: 4,\n      currentLength: 3,\n    }));\n\n    expect(handlerOffset / size).toBe(2 * positive);\n  });\n\n  it(\"The direction is negative, Changing length of data set from 4 to 3, the index remains original.\", async () => {\n    const handlerOffset = computeOffsetIfDataChanged(params({\n      currentIndex: 2,\n      direction: \"negative\",\n      previousLength: 4,\n      currentLength: 3,\n    }));\n\n    expect(handlerOffset / size).toBe(1 * negative);\n  });\n\n  it(\"The direction is positive, Changing length of data set from 4 to 5, the index remains original.\", async () => {\n    const handlerOffset = computeOffsetIfDataChanged(params({\n      currentIndex: 3,\n      direction: \"positive\",\n      previousLength: 4,\n      currentLength: 5,\n    }));\n\n    expect(handlerOffset / size).toBe(3 * positive);\n  });\n\n  it(\"The direction is negative, Changing length of data set from 4 to 5, the index remains original.\", async () => {\n    const handlerOffset = computeOffsetIfDataChanged(params({\n      currentIndex: 3,\n      direction: \"negative\",\n      previousLength: 4,\n      currentLength: 5,\n    }));\n\n    expect(handlerOffset / size).toBe(4 * negative);\n  });\n\n  it(\"Changing length of data set from 0 to 3, the index remains original.\", async () => {\n    const handlerOffset = computeOffsetIfDataChanged(params({\n      currentIndex: 0,\n      direction: \"positive\",\n      previousLength: 0,\n      currentLength: 3,\n    }));\n\n    expect(handlerOffset / size).toBe(0 * positive);\n  });\n});\n"]}

package/lib/typescript/components/ItemRenderer.d.ts

@@ -0,0 +1,22 @@
+import type { FC } from "react";
+import type { ViewStyle } from "react-native";
+import type Animated from "react-native-reanimated";
+import { type AnimatedStyleProp } from "react-native-reanimated";
+import type { TAnimationStyle } from "./BaseLayout";
+import type { CarouselRenderItem } from "../types";
+interface Props {
+    data: any[];
+    dataLength: number;
+    rawDataLength: number;
+    loop: boolean;
+    size: number;
+    windowSize?: number;
+    autoFillData: boolean;
+    offsetX: Animated.SharedValue<number>;
+    handlerOffset: Animated.SharedValue<number>;
+    layoutConfig: TAnimationStyle;
+    renderItem: CarouselRenderItem<any>;
+    customAnimation?: ((value: number) => AnimatedStyleProp<ViewStyle>);
+}
+export declare const ItemRenderer: FC<Props>;
+export {};

package/lib/typescript/components/ScrollViewGesture.d.ts

@@ -7,7 +7,7 @@ interface Props {
     infinite?: boolean;
     testID?: string;
     style?: StyleProp<ViewStyle>;
-    onScrollBegin?: () => void;
+    onScrollStart?: () => void;
     onScrollEnd?: () => void;
     onTouchBegin?: () => void;
     onTouchEnd?: () => void;

package/lib/typescript/components/rnr-demo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/hooks/useCarouselController.d.ts

@@ -4,12 +4,13 @@ interface IOpts {
     loop: boolean;
     size: number;
     dataLength: number;
-    autoFillData: TCarouselProps["autoFillData"];
     handlerOffset: Animated.SharedValue<number>;
+    autoFillData: TCarouselProps["autoFillData"];
     withAnimation?: TCarouselProps["withAnimation"];
+    fixedDirection?: TCarouselProps["fixedDirection"];
     duration?: number;
     defaultIndex?: number;
-    onScrollBegin?: () => void;
+    onScrollStart?: () => void;
     onScrollEnd?: () => void;
 }
 export interface ICarouselController {

package/lib/typescript/hooks/useCommonVariables.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/hooks/useLayoutConfig.d.ts

@@ -1,5 +1,5 @@
 import type { TInitializeCarouselProps } from "./useInitProps";
-import type { TAnimationStyle } from "../layouts/BaseLayout";
+import type { TAnimationStyle } from "../components/BaseLayout";
 declare type TLayoutConfigOpts<T> = TInitializeCarouselProps<T> & {
     size: number;
 };

package/lib/typescript/hooks/useOffsetX.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/hooks/usePanGestureProxy.d.ts

@@ -0,0 +1,9 @@
+import type { GestureStateChangeEvent, GestureUpdateEvent, PanGesture, PanGestureHandlerEventPayload } from "react-native-gesture-handler";
+import type { GestureConfig } from "./useUpdateGestureConfig";
+export declare const usePanGestureProxy: (customization: {
+    onConfigurePanGesture?: ((gesture: PanGesture) => void) | undefined;
+    onGestureStart: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>) => void;
+    onGestureUpdate: (event: GestureUpdateEvent<PanGestureHandlerEventPayload>) => void;
+    onGestureEnd: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>, success: boolean) => void;
+    options?: GestureConfig | undefined;
+}) => import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;

package/lib/typescript/hooks/usePanGestureProxy.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/hooks/useUpdateGestureConfig.d.ts

@@ -1,4 +1,5 @@
 import type { PanGesture } from "react-native-gesture-handler";
-export declare const useUpdateGestureConfig: (gesture: PanGesture, config: {
+export interface GestureConfig {
     enabled?: boolean;
-}) => void;
+}
+export declare const useUpdateGestureConfig: (gesture: PanGesture, config: GestureConfig) => void;

package/lib/typescript/hooks/useVisibleRanges.d.ts

@@ -1,11 +1,15 @@
 import type Animated from "react-native-reanimated";
-export declare type IVisibleRanges = Animated.SharedValue<{
-    negativeRange: number[];
-    positiveRange: number[];
-}>;
+declare type Range = [number, number];
+export interface VisibleRanges {
+    negativeRange: Range;
+    positiveRange: Range;
+}
+export declare type IVisibleRanges = Animated.SharedValue<VisibleRanges>;
 export declare function useVisibleRanges(options: {
     total: number;
     viewSize: number;
     windowSize?: number;
     translation: Animated.SharedValue<number>;
+    loop?: boolean;
 }): IVisibleRanges;
+export {};

package/lib/typescript/hooks/useVisibleRanges.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/index.d.ts

@@ -1,4 +1,5 @@
 import Carousel from "./components/Carousel";
 export type { TCarouselProps, ICarouselInstance, IComputedDirectionTypes, CarouselRenderItem, } from "./types";
+export type { TAnimationStyle } from "./components/BaseLayout";
 export type { ILayoutConfig } from "./layouts/stack";
 export default Carousel;