Revert "Create TabControllerProps namespace"

This reverts commit cd52f05.

Author: M-i-k-e-l

generatedTypes/components/tabController/PageCarousel.d.ts

@@ -1,5 +1,4 @@
 import React, { PureComponent } from 'react';
-import _ from 'lodash';
 import Animated from 'react-native-reanimated';
 /**
  * @description: TabController's Page Carousel
@@ -14,7 +13,7 @@ declare class PageCarousel extends PureComponent {
     componentDidMount(): void;
     onTabChange: ([index]: readonly number[]) => void;
     scrollToPage: (pageIndex: number) => void;
-    renderCodeBlock: (() => JSX.Element) & _.MemoizedFunction;
+    renderCodeBlock: () => Animated.Node<number>;
     render(): JSX.Element;
 }
 export default PageCarousel;

generatedTypes/components/tabController/TabController.d.ts

@@ -1,6 +1,5 @@
 import React, { PureComponent } from 'react';
 import Reanimated from 'react-native-reanimated';
-import _ from 'lodash';
 export interface TabPageProps {
     /**
      * The index of the the TabPage
@@ -66,6 +65,6 @@ export default class TabPage extends PureComponent<TabPageProps> {
         width?: undefined;
     } | undefined)[];
     lazyLoad: () => void;
-    renderCodeBlock: (() => JSX.Element) & _.MemoizedFunction;
+    renderCodeBlock: () => Reanimated.Node<number>;
     render(): JSX.Element;
 }

generatedTypes/components/tabController/TabPage.d.ts

@@ -1,6 +1,76 @@
-import { default as TabController, TabControllerProps as _TabControllerProps, TabBarItemProps as _TabBarItemProps } from './TabController';
-declare namespace Props {
-    type TabControllerProps = _TabControllerProps;
-    type TabBarItemProps = _TabBarItemProps;
+import React, { Component } from 'react';
+import Reanimated from 'react-native-reanimated';
+import TabBar from './TabBar';
+import TabBarItem, { TabBarItemProps } from './TabBarItem';
+import TabPage from './TabPage';
+import PageCarousel from './PageCarousel';
+export { TabBarItemProps };
+export interface TabControllerProps {
+    /**
+     * The list of tab bar items
+     */
+    items: TabBarItemProps[];
+    /**
+     * Initial selected index
+     */
+    selectedIndex: number;
+    /**
+     * callback for when index has change (will not be called on ignored items)
+     */
+    onChangeIndex?: (index: number) => void;
+    /**
+     * When using TabController.PageCarousel this should be turned on
+     */
+    asCarousel?: boolean;
+    /**
+     * Pass for custom carousel page width
+     */
+    carouselPageWidth?: number;
 }
-export { TabController, Props as TabControllerProps };
+interface StateProps {
+    selectedIndex: number;
+    asCarousel?: boolean;
+    pageWidth: number;
+    items: TabControllerProps['items'];
+    itemStates: any[];
+    ignoredItems: any[];
+    targetPage: any;
+    currentPage: any;
+    carouselOffset: any;
+    containerWidth: any;
+    registerTabItems: (tabItemsCount: number, ignoredItems: StateProps['ignoredItems']) => void;
+    onChangeIndex?: (index: number) => void;
+}
+/**
+ * @description: A performant solution for a tab controller with lazy load mechanism
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TabControllerScreen/index.js
+ * @notes: This component is based on react-native-gesture-handler
+ * @important: On Android, if using react-native-navigation, make sure to wrap your screen with gestureHandlerRootHOC
+ * @importantLink: https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html#with-wix-react-native-navigation-https-githubcom-wix-react-native-navigation
+ */
+declare class TabController extends Component<TabControllerProps, StateProps> {
+    static displayName: string;
+    static contextType: React.Context<{}>;
+    static TabBar: typeof TabBar;
+    static TabBarItem: typeof TabBarItem;
+    static TabPage: typeof TabPage;
+    static PageCarousel: typeof PageCarousel;
+    static defaultProps: {
+        selectedIndex: number;
+        activeOpacity: number;
+    };
+    constructor(props: TabControllerProps);
+    static getDerivedStateFromProps(nextProps: TabControllerProps, prevState: StateProps): {
+        pageWidth: number;
+    } | null;
+    componentDidUpdate(_prevProps: TabControllerProps, prevState: StateProps): void;
+    get pageWidth(): number;
+    registerTabItems: (tabItemsCount: number, ignoredItems: StateProps['ignoredItems']) => void;
+    onPageChange: ([index]: readonly number[]) => void;
+    renderCodeBlock: () => Reanimated.Node<number>;
+    render(): JSX.Element;
+}
+declare const _default: React.ComponentClass<TabControllerProps & {
+    useCustomTheme?: boolean | undefined;
+}, any> & typeof TabController;
+export default _default;

generatedTypes/components/tabController/index.d.ts

@@ -42,7 +42,7 @@ export {default as Overlay, OverlayTypes} from './components/overlay';
 export {default as RadioButton, RadioButtonPropTypes, RadioButtonProps} from './components/radioButton/RadioButton';
 export {default as RadioGroup, RadioGroupPropTypes, RadioGroupProps} from './components/radioButton/RadioGroup';
 export {default as Switch, SwitchProps} from './components/switch';
-export {TabController, TabControllerProps} from './components/tabController';
+export {default as TabController, TabControllerProps, TabBarItemProps} from './components/tabController';
 export {default as TabBar, TabBarProps} from './components/TabBar';
 export {default as Fader, FaderProps, FaderPosition} from './components/fader';
 export {default as ExpandableSection, ExpandableSectionProps} from './components/expandableSection';

generatedTypes/index.d.ts

@@ -431,7 +431,7 @@ class TabBar extends PureComponent<Props, State> {
   renderCodeBlock = _.memoize(() => {
     const {currentPage, targetPage} = this.context;
     const {itemsWidths, itemsOffsets} = this.state;
-    const nodes: any[] = []; // TODO: typescript?
+    const nodes = [];
 
     nodes.push(set(this._indicatorOffset,
       interpolate(currentPage, {

src/components/tabController/TabBar.tsx

@@ -148,7 +148,7 @@ export default {
     return require('./components/stepper').default;
   },
   get TabController() {
-    return require('./components/tabController').TabController;
+    return require('./components/tabController').default;
   },
   get TabBar() {
     return require('./components/tabBar').default;

src/components/tabController/index.ts

@@ -36,7 +36,7 @@ export {default as Overlay, OverlayTypes} from './components/overlay';
 export {default as RadioButton, RadioButtonPropTypes, RadioButtonProps} from './components/radioButton/RadioButton';
 export {default as RadioGroup, RadioGroupPropTypes, RadioGroupProps} from './components/radioButton/RadioGroup';
 export {default as Switch, SwitchProps} from './components/switch';
-export {TabController, TabControllerProps} from './components/tabController';
+export {default as TabController, TabControllerProps, TabBarItemProps} from './components/tabController';
 export {default as TabBar, TabBarProps} from './components/TabBar';
 export {default as Fader, FaderProps, FaderPosition} from './components/fader';
 export {default as ExpandableSection, ExpandableSectionProps} from './components/expandableSection';