changing isAutoScrolled to an Object

Author: deanblinder

demo/src/screens/componentScreens/CarouselScreen.tsx

@@ -1,19 +1,8 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
 import {StyleSheet, ScrollView} from 'react-native';
-import {
-  Constants,
-  Spacings,
-  View,
-  Text,
-  Carousel,
-  Image,
-  Colors
-} from 'react-native-ui-lib';
-import {
-  renderBooleanOption,
-  renderSliderOption
-} from '../ExampleScreenPresenter';
+import {Constants, Spacings, View, Text, Carousel, Image, Colors} from 'react-native-ui-lib';
+import {renderBooleanOption, renderSliderOption} from '../ExampleScreenPresenter';
 
 const INITIAL_PAGE = 2;
 const IMAGES = [
@@ -84,7 +73,6 @@ class CarouselScreen extends Component<Props, State> {
 
   onChangePage = (currentPage: number, _: any) => {
     this.setState({currentPage});
-
   };
 
   onPagePress = (index: number) => {
@@ -103,19 +91,14 @@ class CarouselScreen extends Component<Props, State> {
         </Text>
 
         <View marginH-20 marginB-20>
-          {renderBooleanOption.call(this,
-            'Limit number of pages shown in page control',
-            'limitShownPages')}
+          {renderBooleanOption.call(this, 'Limit number of pages shown in page control', 'limitShownPages')}
           {renderBooleanOption.call(this, 'autoplay', 'autoplay')}
-          {renderSliderOption.call(this,
-            'Number of pages shown',
-            'numberOfPagesShown',
-            {
-              min: 5,
-              max: 10,
-              step: 1,
-              initial: 7
-            })}
+          {renderSliderOption.call(this, 'Number of pages shown', 'numberOfPagesShown', {
+            min: 5,
+            max: 10,
+            step: 1,
+            initial: 7
+          })}
         </View>
 
         <Carousel
@@ -136,10 +119,7 @@ class CarouselScreen extends Component<Props, State> {
           loop
         >
           {_.map([...Array(numberOfPagesShown)], (item, index) => (
-            <Page
-              style={{backgroundColor: BACKGROUND_COLORS[index]}}
-              key={index}
-            >
+            <Page style={{backgroundColor: BACKGROUND_COLORS[index]}} key={index}>
               <Text margin-15>CARD {index}</Text>
             </Page>
           ))}

generatedTypes/components/carousel/CarouselPresenter.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { CarouselProps, CarouselState } from './types';
+import {PropsWithChildren} from 'react';
+import {CarouselProps, CarouselState} from './types';
 export declare function getChildrenLength(props: PropsWithChildren<CarouselProps>): number;
 export declare function calcOffset(props: CarouselProps, state: Omit<CarouselState, 'initialOffset' | 'prevProps'>): {
     x: number;

generatedTypes/components/carousel/index.d.ts

@@ -1,7 +1,7 @@
-import React, { Component, RefObject, ReactNode, Key } from 'react';
-import { ScrollView, LayoutChangeEvent, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-import { CarouselProps, CarouselState, PageControlPosition } from './types';
-export { CarouselProps, PageControlPosition };
+import React, {Component, RefObject, ReactNode, Key} from 'react';
+import {ScrollView, LayoutChangeEvent, NativeSyntheticEvent, NativeScrollEvent} from 'react-native';
+import {CarouselProps, CarouselState, PageControlPosition} from './types';
+export {CarouselProps, PageControlPosition};
 declare type DefaultProps = Partial<CarouselProps>;
 /**
  * @description: Carousel for scrolling pages horizontally
@@ -49,7 +49,7 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     getSnapToOffsets: () => number[] | undefined;
     shouldUsePageWidth(): number | false | undefined;
     shouldEnablePagination(): boolean | undefined;
-    onContainerLayout: ({ nativeEvent: { layout: { width: containerWidth, height: containerHeight } } }: LayoutChangeEvent) => void;
+    onContainerLayout: ({nativeEvent: {layout: {width: containerWidth, height: containerHeight}}}: LayoutChangeEvent) => void;
     shouldAllowAccessibilityLayout(): boolean | undefined;
     onContentSizeChange: () => void;
     onMomentumScrollEnd: () => void;
@@ -64,7 +64,7 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     renderCarousel(): JSX.Element;
     render(): JSX.Element;
 }
-export { Carousel };
+export {Carousel};
 declare const _default: React.ComponentClass<CarouselProps & {
     useCustomTheme?: boolean | undefined;
 }, any> & Carousel & {

generatedTypes/components/carousel/types.d.ts

@@ -1,8 +1,8 @@
-import { ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, PointPropType, Animated } from 'react-native';
-import { PageControlProps } from '../pageControl';
+import {ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, PointPropType, Animated} from 'react-native';
+import {PageControlProps} from '../pageControl';
 export declare enum PageControlPosition {
-    OVER = "over",
-    UNDER = "under"
+    OVER = 'over',
+    UNDER = 'under'
 }
 export interface CarouselProps extends ScrollViewProps {
     /**
@@ -37,7 +37,7 @@ export interface CarouselProps extends ScrollViewProps {
     /**
      * callback for when page has changed
      */
-    onChangePage?: (newPageIndex: number, oldPageIndex: number, isAutoScrolled: boolean) => void;
+    onChangePage?: (newPageIndex: number, oldPageIndex: number, info: {isAutoScrolled: boolean}) => void;
     /**
      * callback for onScroll event of the internal ScrollView
      */