Fix PR comments

Author: M-i-k-e-l

generatedTypes/components/tabController/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { Component } from 'react';
+import Reanimated from 'react-native-reanimated';
 import TabBar from './TabBar';
 import TabBarItem, { TabBarItemProps } from './TabBarItem';
 import TabPage from './TabPage';
@@ -26,12 +27,50 @@ export interface TabControllerProps {
      */
     carouselPageWidth?: number;
 }
+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> & {
-    TabBar: typeof TabBar;
-    TabBarItem: typeof TabBarItem;
-    TabPage: typeof TabPage;
-    PageCarousel: typeof PageCarousel;
-};
+}, any> & typeof TabController;
 export default _default;

src/components/tabController/TabBar.tsx

@@ -291,7 +291,7 @@ class TabBar extends PureComponent<Props, State> {
           targetOffset = scrollingWidth - targetOffset;
         }
 
-        if (this.tabBar && this.tabBar.current) {
+        if (this.tabBar?.current) {
           this.tabBar.current.scrollTo({x: targetOffset, animated});
         }
       }

src/components/tabController/index.tsx

@@ -239,11 +239,6 @@ TabController.TabPage = TabPage;
 TabController.PageCarousel = PageCarousel;
 export default asBaseComponent<
   TabControllerProps,
-  {
-    TabBar: typeof TabBar;
-    TabBarItem: typeof TabBarItem;
-    TabPage: typeof TabPage;
-    PageCarousel: typeof PageCarousel;
-  }
+  typeof TabController
   //@ts-ignore typescript - will be fixed when moved to functional component
 >(TabController);