@momo-kits/carousel 0.150.3-beta.20 → 0.151.1-beta.1

package/package.json

@@ -1,21 +1,21 @@
 {
-  "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"
-  }
-}
+    "name": "@momo-kits/carousel",
+    "version": "0.151.1-beta.1",
+    "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,107 +1,61 @@
 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;
-  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;
+  itemWidth?: number;
+  data: any[];
+  renderItem: (info: { item: any; index: number }) => React.ReactNode;
+  onScroll?: any;
   onScrollIndexChanged?: (index: number) => void;
-  onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
-  onLayout?: (event: LayoutChangeEvent) => void;
+  onSnapToItem?: (index: number) => void;
   onTouchStart?: (event: any) => void;
   onTouchEnd?: (event: any) => void;
   onMomentumScrollEnd?: (
-    event: NativeSyntheticEvent<NativeScrollEvent>,
+    event: NativeSyntheticEvent<NativeScrollEvent>
   ) => void;
-  snapToInterval?:
-    | number
-    | Animated.Value
-    | Animated.AnimatedInterpolation<number | string>
-    | undefined;
+  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;
   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 = {