fix for tabbar types for scrollbar

Author: Inbal-Tish

generatedTypes/components/scrollBar/index.d.ts

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Animated, FlatListProps, ImageSourcePropType, NativeSyntheticEvent, NativeScrollEvent, LayoutChangeEvent } from 'react-native';
 import { ForwardRefInjectedProps } from '../../commons/new';
-interface Props extends FlatListProps<any>, ForwardRefInjectedProps {
+export interface ScrollBarProps extends FlatListProps<any> {
     /**
        * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
        */
@@ -44,7 +44,7 @@ interface Props extends FlatListProps<any>, ForwardRefInjectedProps {
      */
     focusIndex?: number;
 }
-export declare type ScrollBarProps = Props;
+declare type Props = ScrollBarProps & ForwardRefInjectedProps;
 export declare type State = {
     gradientOpacity: Animated.Value;
     gradientOpacityLeft: Animated.Value;
@@ -83,9 +83,7 @@ declare const Item: {
     ({ children, index, onLayout }: any): JSX.Element;
     displayName: string;
 };
-declare const _default: React.ComponentClass<Props & {
-    useCustomTheme?: boolean | undefined; /**
-       * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
-       */
+declare const _default: React.ComponentClass<ScrollBarProps & {
+    useCustomTheme?: boolean | undefined;
 }, any> & typeof ScrollBar;
 export default _default;

generatedTypes/components/tabBar/index.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
-import { Animated, ViewStyle } from 'react-native';
-import { BaseComponentInjectedProps } from '../../commons/new';
-import { ViewProps } from '../view';
-import TabBarItem from './TabBarItem';
-export declare type TabBarProps = BaseComponentInjectedProps & ViewProps & {
+import { StyleProp, ViewStyle } from 'react-native';
+import { ScrollBarProps } from '../scrollBar';
+import TabBarItem, { TabBarItemProps } from './TabBarItem';
+interface Props extends ScrollBarProps, TabBarItemProps {
     /**
      * Show Tab Bar bottom shadow
      */
     enableShadow?: boolean;
     /**
-     * The minimum number of tabs to render
+     * The minimum number of tabs to render in scroll mode
      */
     minTabsForScroll?: number;
     /**
@@ -19,69 +18,37 @@ export declare type TabBarProps = BaseComponentInjectedProps & ViewProps & {
     /**
      * callback for when index has change (will not be called on ignored items)
      */
-    onChangeIndex?: (props: any) => void;
+    onChangeIndex?: (index: number) => void;
     /**
      * callback for when tab selected
      */
-    onTabSelected?: (props: any) => void;
+    onTabSelected?: (index: number) => void;
     /**
      * custom style for the selected indicator
      */
-    indicatorStyle?: ViewStyle;
-    /**
-     * The background color
-     */
-    backgroundColor: string;
+    indicatorStyle?: StyleProp<ViewStyle>;
     /**
      * Tab Bar height
      */
     height?: number;
-    children: React.ReactNode;
-    style?: ViewStyle;
-    testID?: string;
-};
-export declare type State = {
-    gradientOpacity: Animated.Value;
-    scrollEnabled?: boolean;
-    currentIndex?: number;
-};
-declare const _default: React.ComponentClass<BaseComponentInjectedProps & ViewProps & {
     /**
-     * Show Tab Bar bottom shadow
-     */
-    enableShadow?: boolean | undefined;
-    /**
-     * The minimum number of tabs to render
-     */
-    minTabsForScroll?: number | undefined;
-    /**
-     * current selected tab index
+     * Pass when container width is different than the screen width
      */
-    selectedIndex?: number | undefined;
-    /**
-     * callback for when index has change (will not be called on ignored items)
-     */
-    onChangeIndex?: ((props: any) => void) | undefined;
-    /**
-     * callback for when tab selected
-     */
-    onTabSelected?: ((props: any) => void) | undefined;
-    /**
-     * custom style for the selected indicator
-     */
-    indicatorStyle?: ViewStyle | undefined;
+    containerWidth?: number;
     /**
      * The background color
      */
-    backgroundColor: string;
+    backgroundColor?: string;
     /**
-     * Tab Bar height
+     * set darkTheme style
      */
-    height?: number | undefined;
-    children: React.ReactNode;
-    style?: ViewStyle | undefined;
-    testID?: string | undefined;
-} & {
+    darkTheme?: boolean;
+    children?: React.ReactNode;
+    style?: ViewStyle;
+    testID?: string;
+}
+export declare type TabBarProps = Props;
+declare const _default: React.ComponentClass<Props & {
     useCustomTheme?: boolean | undefined;
 }, any> & {
     Item: typeof TabBarItem;

generatedTypes/components/tabController/TabBarItem.d.ts

@@ -43,6 +43,12 @@ export interface TabControllerItemProps {
      * Badge component props to display next the item label
      */
     badge?: BadgeProps;
+    /**
+     * maximun number of lines the label can break
+     */
+    /**
+     * whether the tab will have a divider on its right
+     */
     /**
      * A fixed width for the item
      */

src/components/tabBar/index.tsx

@@ -5,16 +5,14 @@ import {Constants} from '../../helpers';
 import {Colors} from '../../style';
 import {asBaseComponent} from '../../commons/new';
 import View from '../view';
-import ScrollBar/* , {ScrollBarProps} */ from '../scrollBar';
+import ScrollBar , {ScrollBarProps} from '../scrollBar';
 import TabBarItem, {TabBarItemProps} from './TabBarItem';
 
 
 const MIN_TABS_FOR_SCROLL = 1;
 const DEFAULT_BACKGROUND_COLOR = Colors.white;
 const DEFAULT_HEIGHT = 48;
 
-const ScrollBarProps = ScrollBar.propTypes; //TODO: remove after TS migration
-
 interface Props extends ScrollBarProps, TabBarItemProps {
   /**
    * Show Tab Bar bottom shadow