@momo-kits/carousel 0.80.1-beta.2 → 0.80.4-beta.2

package/animation.ts

@@ -1,5 +1,13 @@
-export function getInputRangeFromIndexes(range, index, carouselProps) {
-  const sizeRef = carouselProps.itemWidth;
+import {ReactNode} from 'react';
+import {Animated} from 'react-native';
+import {CarouselProps} from './types';
+
+export function getInputRangeFromIndexes(
+  range: string | any[],
+  index: number,
+  itemWidth: number,
+) {
+  const sizeRef = itemWidth;
   const inputRange = [];
 
   for (let i = 0; i < range.length; i++) {
@@ -9,14 +17,18 @@ export function getInputRangeFromIndexes(range, index, carouselProps) {
   return inputRange;
 }
 
-export function defaultScrollInterpolator(index, carouselProps) {
+export function defaultScrollInterpolator(index: number, itemWidth: number) {
   const range = [1, 0, -1];
-  const inputRange = getInputRangeFromIndexes(range, index, carouselProps);
+  const inputRange = getInputRangeFromIndexes(range, index, itemWidth);
   const outputRange = [0, 1, 0];
 
   return {inputRange, outputRange};
 }
-export function defaultAnimatedStyles(_index, animatedValue, carouselProps) {
+
+export function defaultAnimatedStyles(
+  animatedValue: Animated.Value,
+  carouselProps: Readonly<CarouselProps> & Readonly<{children?: ReactNode}>,
+) {
   let animatedOpacity = {};
   let animatedScale = {};
 
@@ -33,7 +45,7 @@ export function defaultAnimatedStyles(_index, animatedValue, carouselProps) {
     animatedScale = {
       transform: [
         {
-          scale: animatedValue.interpolate({
+          scaleY: animatedValue.interpolate({
             inputRange: [0, 1],
             outputRange: [carouselProps.inactiveSlideScale, 1],
           }),