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

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

@@ -0,0 +1,34 @@
+import { renderHook } from "@testing-library/react-hooks";
+import { useCommonVariables } from "./useCommonVariables";
+const input = {
+  vertical: false,
+  width: 700,
+  height: 350,
+  loop: true,
+  enabled: true,
+  testID: "xxx",
+  style: {
+    width: "100%"
+  },
+  autoPlay: false,
+  autoPlayInterval: 2000,
+  data: [0, 1, 2, 3],
+  pagingEnabled: true,
+  defaultIndex: 0,
+  autoFillData: true,
+  dataLength: 4,
+  rawData: [0, 1, 2, 3],
+  rawDataLength: 4,
+  scrollAnimationDuration: 500,
+  snapEnabled: true,
+  overscrollEnabled: true
+};
+describe("useCommonVariables", () => {
+  it("should return the correct values", async () => {
+    const hook = renderHook(() => useCommonVariables(input));
+    expect(hook.result.current.size).toMatchInlineSnapshot("700");
+    expect(hook.result.current.validLength).toMatchInlineSnapshot("3");
+    expect(hook.result.current.handlerOffset.value).toMatchInlineSnapshot("-0");
+  });
+});
+//# sourceMappingURL=useCommonVariables.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCommonVariables.test.tsx"],"names":["renderHook","useCommonVariables","input","vertical","width","height","loop","enabled","testID","style","autoPlay","autoPlayInterval","data","pagingEnabled","defaultIndex","autoFillData","dataLength","rawData","rawDataLength","scrollAnimationDuration","snapEnabled","overscrollEnabled","describe","it","hook","expect","result","current","size","toMatchInlineSnapshot","validLength","handlerOffset","value"],"mappings":"AAAA,SAASA,UAAT,QAA2B,8BAA3B;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;AAIA,MAAMC,KAAK,GAAG;AACZC,EAAAA,QAAQ,EAAE,KADE;AAEZC,EAAAA,KAAK,EAAE,GAFK;AAGZC,EAAAA,MAAM,EAAE,GAHI;AAIZC,EAAAA,IAAI,EAAE,IAJM;AAKZC,EAAAA,OAAO,EAAE,IALG;AAMZC,EAAAA,MAAM,EAAE,KANI;AAOZC,EAAAA,KAAK,EAAE;AACLL,IAAAA,KAAK,EAAE;AADF,GAPK;AAUZM,EAAAA,QAAQ,EAAE,KAVE;AAWZC,EAAAA,gBAAgB,EAAE,IAXN;AAYZC,EAAAA,IAAI,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAZM;AAaZC,EAAAA,aAAa,EAAE,IAbH;AAcZC,EAAAA,YAAY,EAAE,CAdF;AAeZC,EAAAA,YAAY,EAAE,IAfF;AAgBZC,EAAAA,UAAU,EAAE,CAhBA;AAiBZC,EAAAA,OAAO,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAjBG;AAkBZC,EAAAA,aAAa,EAAE,CAlBH;AAmBZC,EAAAA,uBAAuB,EAAE,GAnBb;AAoBZC,EAAAA,WAAW,EAAE,IApBD;AAqBZC,EAAAA,iBAAiB,EAAE;AArBP,CAAd;AAwBAC,QAAQ,CAAC,oBAAD,EAAuB,MAAM;AACnCC,EAAAA,EAAE,CAAC,kCAAD,EAAqC,YAAY;AACjD,UAAMC,IAAI,GAAGxB,UAAU,CAAC,MAAMC,kBAAkB,CAACC,KAAD,CAAzB,CAAvB;AAEAuB,IAAAA,MAAM,CAACD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAAoBC,IAArB,CAAN,CAAiCC,qBAAjC,CAAuD,KAAvD;AACAJ,IAAAA,MAAM,CAACD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAAoBG,WAArB,CAAN,CAAwCD,qBAAxC,CAA8D,GAA9D;AACAJ,IAAAA,MAAM,CAACD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAAoBI,aAApB,CAAkCC,KAAnC,CAAN,CAAgDH,qBAAhD,CACE,IADF;AAGD,GARC,CAAF;AASD,CAVO,CAAR","sourcesContent":["import { renderHook } from \"@testing-library/react-hooks\";\n\nimport { useCommonVariables } from \"./useCommonVariables\";\n\ntype UseCommonVariablesInput = Parameters<typeof useCommonVariables>[0];\n\nconst input = {\n  vertical: false,\n  width: 700,\n  height: 350,\n  loop: true,\n  enabled: true,\n  testID: \"xxx\",\n  style: {\n    width: \"100%\",\n  },\n  autoPlay: false,\n  autoPlayInterval: 2000,\n  data: [0, 1, 2, 3],\n  pagingEnabled: true,\n  defaultIndex: 0,\n  autoFillData: true,\n  dataLength: 4,\n  rawData: [0, 1, 2, 3],\n  rawDataLength: 4,\n  scrollAnimationDuration: 500,\n  snapEnabled: true,\n  overscrollEnabled: true,\n} as unknown as UseCommonVariablesInput;\n\ndescribe(\"useCommonVariables\", () => {\n  it(\"should return the correct values\", async () => {\n    const hook = renderHook(() => useCommonVariables(input));\n\n    expect(hook.result.current.size).toMatchInlineSnapshot(\"700\");\n    expect(hook.result.current.validLength).toMatchInlineSnapshot(\"3\");\n    expect(hook.result.current.handlerOffset.value).toMatchInlineSnapshot(\n      \"-0\",\n    );\n  });\n});\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/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/rnr-demo.test.d.ts

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

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

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

package/lib/typescript/utils/{computeNewIndexWhenDataChanges.d.ts → compute-offset-if-data-changed.d.ts}

@@ -1,5 +1,5 @@
 export declare function omitZero(a: number, b: number): number;
-export declare function computeNewIndexWhenDataChanges(params: {
+export declare function computeOffsetIfDataChanged(params: {
     direction: number;
     handlerOffset: number;
     size: number;

package/lib/typescript/utils/compute-offset-if-data-changed.test.d.ts

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

package/lib/typescript/utils/compute-offset-if-size-changed.d.ts

@@ -0,0 +1,5 @@
+export declare function computeOffsetIfSizeChanged(params: {
+    handlerOffset: number;
+    prevSize: number;
+    size: number;
+}): number;

package/lib/typescript/utils/compute-offset-if-size-changed.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-native-reanimated-carousel",
-    "version": "4.0.0-alpha.1",
+    "version": "4.0.0-alpha.3",
     "description": "Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.",
     "main": "lib/commonjs/index",
     "module": "lib/module/index",
@@ -14,14 +14,12 @@
     "scripts": {
         "gif": "node scripts/makegif.js ./scripts/gif-works-directory",
         "test": "jest run src/**/*",
-        "test:dev": "jest dev src/**/*",
+        "test:dev": "jest dev src/**/* --watch",
         "typescript": "tsc --noEmit",
         "lint": "eslint 'src/**/*.{js,ts,tsx}'",
         "lint:fix": "eslint 'src/**/*.{js,ts,tsx}' --fix",
         "dev": "watch 'yarn prepare' ./src",
         "prepare": "bob build",
-        "release": "yarn prepare && dotenv release-it --no-git.requireUpstream",
-        "preRelease": "yarn prepare && dotenv release-it --no-git.requireUpstream --preRelease=beta",
         "ios": "yarn --cwd exampleExpo ios",
         "ios:pretty": "yarn --cwd exampleExpo ios:pretty",
         "web": "yarn --cwd exampleExpo web",
@@ -50,22 +48,24 @@
         "registry": "https://registry.npmjs.org/"
     },
     "devDependencies": {
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-private-methods": "^7.18.6",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
         "@changesets/changelog-github": "^0.5.0",
         "@changesets/cli": "latest",
         "@commitlint/config-conventional": "^11.0.0",
         "@dohooo/eslint-config": "^0.0.7",
         "@react-native-community/eslint-config": "^2.0.0",
-        "@release-it/conventional-changelog": "^2.0.0",
+        "@testing-library/jest-native": "^4.0.4",
+        "@testing-library/react-hooks": "^8.0.0",
+        "@testing-library/react-native": "^7.1.0",
         "@types/jest": "^29.2.5",
         "@types/react": "^18.2.15",
         "@types/react-native": "^0.66.16",
-        "@types/react-native-snap-carousel": "^3.8.5",
-        "babel-plugin-inline-dotenv": "^1.6.0",
+        "@types/react-test-renderer": "^18.0.7",
         "babel-plugin-module-resolver": "^4.1.0",
         "commitlint": "^11.0.0",
         "cz-conventional-changelog": "^3.3.0",
-        "dotenv-cli": "^5.1.0",
         "eslint": "^8.26.0",
         "eslint-config-prettier": "^7.0.0",
         "eslint-plugin-prettier": "^3.1.3",
@@ -80,7 +80,7 @@
         "react-native-builder-bob": "^0.18.1",
         "react-native-gesture-handler": "~2.12.0",
         "react-native-reanimated": "~3.3.0",
-        "release-it": "^14.2.2",
+        "react-test-renderer": "^18.2.0",
         "sponsorkit": "^0.1.3",
         "typescript": "^4.0.8",
         "watch": "^1.0.2"
@@ -101,14 +101,6 @@
             "optional": true
         }
     },
-    "jest": {
-        "preset": "react-native",
-        "modulePathIgnorePatterns": [
-            "<rootDir>/exampleExpo/node_modules",
-            "<rootDir>/exampleBare/node_modules",
-            "<rootDir>/lib/"
-        ]
-    },
     "husky": {
         "hooks": {
             "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
@@ -120,37 +112,6 @@
             "@commitlint/config-conventional"
         ]
     },
-    "release-it": {
-        "git": {
-            "commitMessage": "chore: release ${version}",
-            "tagName": "v${version}"
-        },
-        "npm": {
-            "publish": true
-        },
-        "github": {
-            "release": true
-        },
-        "plugins": {
-            "@release-it/conventional-changelog": {
-                "preset": {
-                    "name": "angular",
-                    "types": [
-                        {
-                            "type": "feat",
-                            "section": "Features"
-                        },
-                        {
-                            "type": "fix",
-                            "section": "Bug Fixes"
-                        },
-                        {}
-                    ]
-                },
-                "infile": "CHANGELOG.md"
-            }
-        }
-    },
     "react-native-builder-bob": {
         "source": "src",
         "output": "lib",

package/src/components/rnr-demo.test.tsx

@@ -0,0 +1,43 @@
+import type { FC } from "react";
+import React from "react";
+import Animated, { useAnimatedStyle, useDerivedValue } from "react-native-reanimated";
+import renderer from "react-test-renderer";
+
+describe("useSharedValue", () => {
+  it("retains value on rerender", () => {
+    const initialValue = 0;
+    const updatedValue = 1;
+
+    interface Props {
+      key: string
+      value: number
+    }
+
+    const TestComponent: FC<Props> = (props) => {
+      const opacity = useDerivedValue(() => props.value, [props.value]);
+      const animatedStyle = useAnimatedStyle(() => ({
+        opacity: opacity.value,
+      }), [opacity]);
+
+      return <Animated.View style={animatedStyle} />;
+    };
+
+    // When rendering with initial value
+    const wrapper = renderer.create(<TestComponent key="box" value={initialValue} />);
+
+    expect(
+      typeof wrapper.root.children[0] !== "string"
+        ? wrapper.root.children[0].props.style.animatedStyle.current.value.opacity
+        : false,
+    ).toBe(initialValue);
+
+    // When rendering with updated value
+    wrapper.update(<TestComponent key="box" value={updatedValue} />);
+
+    expect(
+      typeof wrapper.root.children[0] !== "string"
+        ? wrapper.root.children[0].props.style.animatedStyle.current.value.opacity
+        : false,
+    ).toBe(initialValue);
+  });
+});

package/src/hooks/useCommonVariables.test.tsx

@@ -0,0 +1,41 @@
+import { renderHook } from "@testing-library/react-hooks";
+
+import { useCommonVariables } from "./useCommonVariables";
+
+type UseCommonVariablesInput = Parameters<typeof useCommonVariables>[0];
+
+const input = {
+  vertical: false,
+  width: 700,
+  height: 350,
+  loop: true,
+  enabled: true,
+  testID: "xxx",
+  style: {
+    width: "100%",
+  },
+  autoPlay: false,
+  autoPlayInterval: 2000,
+  data: [0, 1, 2, 3],
+  pagingEnabled: true,
+  defaultIndex: 0,
+  autoFillData: true,
+  dataLength: 4,
+  rawData: [0, 1, 2, 3],
+  rawDataLength: 4,
+  scrollAnimationDuration: 500,
+  snapEnabled: true,
+  overscrollEnabled: true,
+} as unknown as UseCommonVariablesInput;
+
+describe("useCommonVariables", () => {
+  it("should return the correct values", async () => {
+    const hook = renderHook(() => useCommonVariables(input));
+
+    expect(hook.result.current.size).toMatchInlineSnapshot("700");
+    expect(hook.result.current.validLength).toMatchInlineSnapshot("3");
+    expect(hook.result.current.handlerOffset.value).toMatchInlineSnapshot(
+      "-0",
+    );
+  });
+});

package/src/hooks/useCommonVariables.ts

@@ -1,10 +1,10 @@
-import React from "react";
 import type Animated from "react-native-reanimated";
 import { useSharedValue, useAnimatedReaction } from "react-native-reanimated";
 
 import type { TInitializeCarouselProps } from "./useInitProps";
 
-import { computeNewIndexWhenDataChanges } from "../utils/computeNewIndexWhenDataChanges";
+import { computeOffsetIfDataChanged } from "../utils/compute-offset-if-data-changed";
+import { computeOffsetIfSizeChanged } from "../utils/compute-offset-if-size-changed";
 import { handlerOffsetDirection } from "../utils/handleroffset-direction";
 
 interface ICommonVariables {
@@ -26,21 +26,20 @@ export function useCommonVariables(
     loop,
   } = props;
   const size = vertical ? height : width;
-  const validLength = dataLength - 1;
   const defaultHandlerOffsetValue = -Math.abs(defaultIndex * size);
   const _handlerOffset = useSharedValue<number>(defaultHandlerOffsetValue);
   const handlerOffset = defaultScrollOffsetValue ?? _handlerOffset;
   const prevDataLength = useSharedValue(dataLength);
+  const prevSize = useSharedValue(size);
 
-  React.useEffect(() => {
-    handlerOffset.value = defaultHandlerOffsetValue;
-  }, [vertical, handlerOffset, defaultHandlerOffsetValue]);
-
+  /**
+   * When data changes, we need to compute new index for handlerOffset
+  */
   useAnimatedReaction(() => {
     const previousLength = prevDataLength.value;
     const currentLength = dataLength;
     const isLengthChanged = previousLength !== currentLength;
-    const shouldComputed = isLengthChanged && loop;
+    const shouldComputed = (isLengthChanged && loop);
 
     if (shouldComputed)
       prevDataLength.value = dataLength;
@@ -55,7 +54,7 @@ export function useCommonVariables(
       // direction -> 1 | -1
       const direction = handlerOffsetDirection(handlerOffset);
 
-      handlerOffset.value = computeNewIndexWhenDataChanges({
+      handlerOffset.value = computeOffsetIfDataChanged({
         direction,
         previousLength,
         currentLength,
@@ -65,9 +64,35 @@ export function useCommonVariables(
     }
   }, [dataLength, loop]);
 
+  /**
+   * When size changes, we need to compute new index for handlerOffset
+  */
+  useAnimatedReaction(() => {
+    const previousSize = prevSize.value;
+    const isSizeChanged = previousSize !== size;
+    const shouldComputed = isSizeChanged;
+
+    if (shouldComputed)
+      prevSize.value = size;
+
+    return {
+      shouldComputed,
+      previousSize,
+      size,
+    };
+  }, ({ shouldComputed, previousSize, size }) => {
+    if (shouldComputed) {
+      handlerOffset.value = computeOffsetIfSizeChanged({
+        handlerOffset: handlerOffset.value,
+        prevSize: previousSize,
+        size,
+      });
+    }
+  }, [size]);
+
   return {
     size,
-    validLength,
+    validLength: dataLength - 1,
     handlerOffset,
   };
 }

package/src/utils/compute-offset-if-data-changed.test.ts

@@ -0,0 +1,30 @@
+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");
+  });
+});

package/src/utils/{computeNewIndexWhenDataChanges.ts → compute-offset-if-data-changed.ts}

@@ -6,7 +6,7 @@ export function omitZero(a: number, b: number) {
   return b;
 }
 
-export function computeNewIndexWhenDataChanges(params: {
+export function computeOffsetIfDataChanged(params: {
   direction: number
   handlerOffset: number
   size: number