Fix import (cycle) + generate types

Author: M-i-k-e-l

generatedTypes/components/tabController/TabBarItem.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
-import { TextStyle, LayoutRectangle, LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
+import { /* processColor, */ TextStyle, LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
 import _ from 'lodash';
 import Reanimated from 'react-native-reanimated';
 import { State } from 'react-native-gesture-handler';
@@ -86,7 +86,7 @@ interface Props extends TabControllerItemProps {
     targetPage: any;
     state: State;
     currentPage: Reanimated.Adaptable<number>;
-    onLayout: (layout: Partial<LayoutRectangle>, index: number) => void;
+    onLayout?: (event: LayoutChangeEvent, index: number) => void;
 }
 /**
  * @description: TabController's TabBarItem
@@ -102,8 +102,7 @@ export default class TabBarItem extends PureComponent<Props> {
     private itemWidth?;
     private itemRef;
     constructor(props: Props);
-    onStateChange: (...args: any[]) => void;
-    onLayout: ({ nativeEvent: { layout: { width } } }: LayoutChangeEvent) => void;
+    onLayout: (event: LayoutChangeEvent) => void;
     onPress: () => void;
     getItemStyle(): any[];
     getLabelStyle(): (TextStyle | _.Dictionary<Reanimated.Node<number> | Reanimated.Node<string | number | boolean> | Reanimated.Node<"normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900"> | undefined> | undefined)[];

src/components/tabController/TabBarItem.tsx

@@ -9,7 +9,7 @@ import {Colors, Typography, Spacings} from '../../style';
 import Badge, {BadgeProps, BADGE_SIZES} from '../../components/badge';
 import {TouchableOpacity} from '../../incubator';
 
-const {cond, eq, call, block, event, and} = Reanimated;
+const {cond, eq, call, block, and} = Reanimated;
 
 const DEFAULT_LABEL_COLOR = Colors.black;
 const DEFAULT_SELECTED_LABEL_COLOR = Colors.blue30;

src/helpers/FocusItemHelper.ts

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import {RefObject, useState, useCallback, useEffect, useRef} from 'react';
 import {LayoutChangeEvent, ScrollView, FlatList, NativeSyntheticEvent, NativeScrollEvent} from 'react-native';
-import {Constants} from 'react-native-ui-lib';
+import {Constants} from '.';
 
 export enum OffsetType {
   CENTER = 'CENTER',
@@ -68,7 +68,6 @@ export type ResultProps = {
    * Use in order to focus the item with the specified index
    */
   focusIndex: (index: number, animated?: boolean) => void;
-  // focusIndex: ([]) => void;
 };
 
 const focusItemsHelper = (props: Props): ResultProps => {