@momo-kits/carousel 0.150.2-phuc.15 → 0.150.3-beta.20

package/package.json

@@ -1,21 +1,21 @@
 {
-    "name": "@momo-kits/carousel",
-    "version": "0.150.2-phuc.15",
-    "private": false,
-    "main": "index.tsx",
-    "peerDependencies": {
-        "@momo-kits/foundation": "latest",
-        "react": "*",
-        "react-native": "*"
-    },
-    "devDependencies": {
-        "@momo-platform/versions": "4.1.11"
-    },
-    "license": "MoMo",
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/"
-    },
-    "dependencies": {
-        "moment": "^2.24.0"
-    }
-}
+  "name": "@momo-kits/carousel",
+  "version": "0.150.3-beta.20",
+  "private": false,
+  "main": "index.tsx",
+  "peerDependencies": {
+    "@momo-kits/foundation": "latest",
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@momo-platform/versions": "4.1.11"
+  },
+  "license": "MoMo",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "moment": "^2.24.0"
+  }
+}

package/types.ts

@@ -1,61 +1,107 @@
 import {
   Animated,
+  LayoutChangeEvent,
   NativeScrollEvent,
   NativeSyntheticEvent,
   StyleProp,
   ViewStyle,
 } from 'react-native';
+import React from 'react';
 
 export type CarouselProps = {
+  data: any[];
+  renderItem: (
+    info: {
+      item: any;
+      index: number;
+      dataIndex: number;
+      realIndex: number;
+      activeIndex: number;
+    },
+    parallaxProps?: any,
+  ) => React.ReactNode;
+  itemWidth: number;
+  itemHeight: number;
+  sliderWidth: number;
+  sliderHeight: number;
+  activeSlideAlignment?: 'center' | 'end' | 'start';
   activeSlideOffset?: number;
   apparitionDelay?: number;
   autoplay?: boolean;
   autoplayDelay?: number;
   autoplayInterval?: number;
+  callbackOffsetMargin?: number;
+  containerCustomStyle?: StyleProp<ViewStyle>;
+  contentContainerCustomStyle?: StyleProp<ViewStyle>;
   enableSnap?: boolean;
   firstItem?: number;
+  hasParallaxImages?: boolean;
   inactiveSlideOpacity?: number;
   inactiveSlideScale?: number;
+  inactiveSlideShift?: number;
+  layout?: 'default' | 'stack' | 'tinder';
+  layoutCardOffset?: number;
   loop?: boolean;
   loopClonesPerSide?: number;
   scrollEnabled?: boolean;
+  scrollInterpolator?: (
+    index: number,
+    props: CarouselProps,
+  ) => { inputRange: number[]; outputRange: number[] };
+  slideInterpolatedStyle?: (
+    index: number,
+    animatedValue: Animated.AnimatedInterpolation<number>,
+    props: CarouselProps,
+  ) => any;
   slideStyle?: StyleProp<ViewStyle>;
+  shouldOptimizeUpdates?: boolean;
+  swipeThreshold?: number;
+  useScrollView?: boolean | (() => any);
+  vertical?: boolean;
+  showsPagination?: boolean;
+  isCustomScrollWidth?: boolean;
   disableIntervalMomentum?: boolean;
-  itemWidth?: number;
-  data: any[];
-  renderItem: (info: { item: any; index: number }) => React.ReactNode;
-  onScroll?: any;
-  onScrollIndexChanged?: (index: number) => void;
+  useExperimentalSnap?: boolean;
+  style?: StyleProp<ViewStyle>;
+  keyExtractor?: (item: any, index: number) => string;
+  getItemLayout?: (
+    data: any,
+    index: number,
+  ) => { length: number; offset: number; index: number };
+  CellRendererComponent?: React.ComponentType<any>;
+  onBeforeSnapToItem?: () => void;
   onSnapToItem?: (index: number) => void;
+  onScrollIndexChanged?: (index: number) => void;
+  onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+  onLayout?: (event: LayoutChangeEvent) => void;
   onTouchStart?: (event: any) => void;
   onTouchEnd?: (event: any) => void;
   onMomentumScrollEnd?: (
-    event: NativeSyntheticEvent<NativeScrollEvent>
+    event: NativeSyntheticEvent<NativeScrollEvent>,
   ) => void;
-  onLayout?: (event: any) => void;
-  keyExtractor?: (item: any, index: number) => string;
-  getItemLayout?: (
-    data: any,
-    index: number
-  ) => { length: number; offset: number; index: number };
-  style?: ViewStyle;
-  visibleItem?: number;
+  snapToInterval?:
+    | number
+    | Animated.Value
+    | Animated.AnimatedInterpolation<number | string>
+    | undefined;
   contentContainerStyle?: StyleProp<ViewStyle>;
-  full?: boolean;
-  snapToInterval?: number | Animated.Value | Animated.AnimatedInterpolation<number | string> | undefined
 };
 
 export type CarouselRef = {
   snapToItem: (
     index: number,
     animated?: boolean,
-    fireCallback?: boolean
+    fireCallback?: boolean,
   ) => void;
   snapToNext: (animated?: boolean, fireCallback?: boolean) => void;
   snapToPrev: (animated?: boolean, fireCallback?: boolean) => void;
   startAutoplay: () => void;
-  pauseAutoplay: () => void;
+  pauseAutoPlay: () => void;
   stopAutoplay: () => void;
+  triggerRenderingHack: (offset?: number) => void;
+  readonly realIndex: number;
+  readonly currentIndex: number;
+  readonly currentScrollPosition: number;
 };
 
 export type CarouselState = {