WheelPicker (Incubator) - add support for theme (#1559)

* WheelPicker (Incubator) - add support for theme

* Add displayName

Author: M-i-k-e-l

generatedTypes/src/incubator/WheelPicker/Item.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { TextStyle } from 'react-native';
-import Animated from 'react-native-reanimated';
 import { TextProps } from '../../components/text';
 export interface ItemProps {
     label: string;
@@ -9,16 +8,7 @@ export interface ItemProps {
     fakeLabelProps?: TextProps;
     value: string | number;
 }
-interface InternalProps extends ItemProps {
-    index: number;
-    offset: Animated.SharedValue<number>;
-    itemHeight: number;
-    activeColor?: string;
-    inactiveColor?: string;
-    style?: TextStyle;
-    onSelect: (index: number) => void;
-    testID?: string;
-    centerH?: boolean;
-}
-declare const _default: React.MemoExoticComponent<({ index, label, fakeLabel, fakeLabelStyle, fakeLabelProps, itemHeight, onSelect, offset, activeColor, inactiveColor, style, testID, centerH }: InternalProps) => JSX.Element>;
+declare const _default: React.ComponentClass<ItemProps & {
+    useCustomTheme?: boolean | undefined;
+}, any>;
 export default _default;

generatedTypes/src/incubator/WheelPicker/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
 import { ItemProps } from './Item';
 import { TextProps } from '../../components/text';
@@ -72,8 +72,11 @@ export interface WheelPickerProps {
     align?: WheelPickerAlign;
     testID?: string;
 }
-declare const WheelPicker: {
+declare const _default: React.ComponentClass<WheelPickerProps & {
+    useCustomTheme?: boolean | undefined;
+}, any> & {
     ({ items: propItems, itemHeight, numberOfVisibleRows, activeTextColor, inactiveTextColor, textStyle, label, labelStyle, labelProps, onChange, align, style, children, initialValue, selectedValue, testID }: WheelPickerProps): JSX.Element;
     alignments: typeof WheelPickerAlign;
+    displayName: string;
 };
-export default WheelPicker;
+export default _default;

src/incubator/WheelPicker/Item.tsx

@@ -4,6 +4,7 @@ import Animated, {interpolateColor, useAnimatedStyle} from 'react-native-reanima
 import Text, {TextProps} from '../../components/text';
 import TouchableOpacity from '../../components/touchableOpacity';
 import {Colors, Spacings} from '../../../src/style';
+import {asBaseComponent} from '../../commons/new';
 
 const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
 const AnimatedText = Animated.createAnimatedComponent(Text);
@@ -28,7 +29,7 @@ interface InternalProps extends ItemProps {
   centerH?: boolean;
 }
 
-export default memo(({
+const WheelPickerItem = memo(({
   index,
   label,
   fakeLabel,
@@ -86,6 +87,9 @@ export default memo(({
   );
 });
 
+WheelPickerItem.displayName = 'Incubator.WheelPickerItem';
+export default asBaseComponent<ItemProps>(WheelPickerItem);
+
 const styles = StyleSheet.create({
   container: {
     minWidth: Spacings.s10

src/incubator/WheelPicker/index.tsx

@@ -10,6 +10,7 @@ import {Constants} from 'helpers';
 import Item, {ItemProps} from './Item';
 import usePresenter from './usePresenter';
 import Text, {TextProps} from '../../components/text';
+import {asBaseComponent} from '../../commons/new';
 
 const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
 
@@ -294,7 +295,8 @@ const WheelPicker = ({
 };
 
 WheelPicker.alignments = WheelPickerAlign;
-export default WheelPicker;
+WheelPicker.displayName = 'Incubator.WheelPicker';
+export default asBaseComponent<WheelPickerProps, typeof WheelPicker>(WheelPicker);
 
 const styles = StyleSheet.create({
   separators: {