Rename components props interface

demo/src/screens/componentScreens/ModalScreen.tsx

@@ -3,15 +3,15 @@ import {Alert, StyleSheet} from 'react-native';
 import {Navigation} from 'react-native-navigation';
 import {Colors, Carousel, PageControl, Modal, View, Text} from 'react-native-ui-lib'; // eslint-disable-line
 
-interface ModalScreenPropTypes {
+interface ModalScreenProps {
   componentId: string;
 }
 
 interface State {
   currentPage?: number;
 }
 
-export default class ModalScreen extends Component<ModalScreenPropTypes, State> {
+export default class ModalScreen extends Component<ModalScreenProps, State> {
 
   static options() {
     return {
@@ -22,7 +22,7 @@ export default class ModalScreen extends Component<ModalScreenPropTypes, State>
     };
   }
 
-  constructor(props: ModalScreenPropTypes) {
+  constructor(props: ModalScreenProps) {
     super(props);
 
     this.state = {

generatedTypes/index.d.ts

@@ -25,18 +25,18 @@ export {
   BackgroundColorModifier
 } from './src/commons/new';
 export {default as ActionBar, ActionBarProps} from './src/components/actionBar';
-export {default as Avatar, AvatarPropTypes, AvatarProps} from './src/components/avatar';
+export {default as Avatar, AvatarProps} from './src/components/avatar';
 export {default as Badge, BadgeProps} from './src/components/badge';
-export {default as Card, CardPropTypes, CardProps, CardSectionProps} from './src/components/card';
+export {default as Card, CardProps, CardSectionProps} from './src/components/card';
 export {default as ConnectionStatusBar, ConnectionStatusBarProps} from './src/components/connectionStatusBar';
 export {default as Constants} from './src/helpers/Constants';
 export {default as GradientSlider, GradientSliderProps} from './src/components/slider/GradientSlider';
-export {default as View, ViewPropTypes, ViewProps} from './src/components/view';
-export {default as Text, TextPropTypes, TextProps} from './src/components/text';
+export {default as View, ViewProps} from './src/components/view';
+export {default as Text, TextProps} from './src/components/text';
 export {default as TouchableOpacity, TouchableOpacityProps} from './src/components/touchableOpacity';
-export {default as Button, ButtonPropTypes, ButtonSize, ButtonProps} from './src/components/button';
-export {default as Checkbox, CheckboxPropTypes, CheckboxProps} from './src/components/checkbox';
-export {default as Chip, ChipPropTypes, ChipProps} from './src/components/chip';
+export {default as Button, ButtonSize, ButtonProps} from './src/components/button';
+export {default as Checkbox, CheckboxProps} from './src/components/checkbox';
+export {default as Chip, ChipProps} from './src/components/chip';
 export {default as ColorPicker, ColorPickerProps} from './src/components/colorPicker';
 export {default as ColorPalette, ColorPaletteProps} from './src/components/colorPicker/ColorPalette';
 export {default as ColorSwatch, ColorSwatchProps} from './src/components/colorPicker/ColorSwatch';
@@ -48,8 +48,8 @@ export {default as GridView, GridViewProps} from './src/components/gridView';
 export {default as Hint, HintProps} from './src/components/hint';
 export {default as Image, ImageProps} from './src/components/image';
 export {default as Overlay, OverlayTypes} from './src/components/overlay';
-export {default as RadioButton, RadioButtonPropTypes, RadioButtonProps} from './src/components/radioButton';
-export {default as RadioGroup, RadioGroupPropTypes, RadioGroupProps} from './src/components/radioGroup';
+export {default as RadioButton, RadioButtonProps} from './src/components/radioButton';
+export {default as RadioGroup, RadioGroupProps} from './src/components/radioGroup';
 export {default as SectionsWheelPicker, SectionsWheelPickerProps} from './src/components/sectionsWheelPicker';
 export {default as SegmentedControl, SegmentedControlProps, SegmentedControlItemProps} from './src/components/segmentedControl';
 export {default as Slider, SliderProps} from './src/components/slider';
@@ -74,9 +74,9 @@ export {
   PanDirectionsProps,
   PanningProviderDirection
 } from './src/components/panningViews/panningProvider';
-export {default as PanListenerView, PanListenerViewPropTypes, PanListenerViewProps} from './src/components/panningViews/panListenerView';
-export {default as PanResponderView, PanResponderViewPropTypes, PanResponderViewProps} from './src/components/panningViews/panResponderView';
-export {default as PanDismissibleView, PanDismissibleViewPropTypes, DismissibleAnimationPropTypes, PanDismissibleViewProps, DismissibleAnimationProps} from './src/components/panningViews/panDismissibleView';
+export {default as PanListenerView, PanListenerViewProps} from './src/components/panningViews/panListenerView';
+export {default as PanResponderView, PanResponderViewProps} from './src/components/panningViews/panResponderView';
+export {default as PanDismissibleView, PanDismissibleViewProps, DismissibleAnimationProps} from './src/components/panningViews/panDismissibleView';
 export {default as Dialog, DialogProps} from './src/components/dialog';
 export {default as PageControl, PageControlProps} from './src/components/pageControl';
 export {default as Carousel, CarouselProps, PageControlPosition} from './src/components/carousel';

generatedTypes/src/components/avatar/index.d.ts

@@ -137,7 +137,6 @@ export declare type AvatarProps = Pick<AccessibilityProps, 'accessibilityLabel'>
      */
     testID?: string;
 };
-export declare type AvatarPropTypes = AvatarProps;
 /**
  * @description: Avatar component for displaying user profile images
  * @extends: TouchableOpacity, Image

generatedTypes/src/components/button/ButtonTypes.d.ts

@@ -126,7 +126,6 @@ export declare type ButtonProps = TouchableOpacityProps & TypographyModifiers &
      */
     animateTo?: ButtonAnimationDirection;
 };
-export declare type ButtonPropTypes = ButtonProps;
 export declare type ButtonState = {
     size?: number;
     borderRadius?: number;

generatedTypes/src/components/button/index.d.ts

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import { LayoutChangeEvent, ImageStyle } from 'react-native';
-import { ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonPropTypes, ButtonState, Props } from './ButtonTypes';
-export { ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonPropTypes };
+import { ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonState, Props } from './ButtonTypes';
+export { ButtonSize, ButtonAnimationDirection, ButtonProps };
 declare class Button extends PureComponent<Props, ButtonState> {
     static displayName: string;
     static defaultProps: {

generatedTypes/src/components/card/index.d.ts

@@ -62,7 +62,6 @@ export declare type CardProps = ViewProps & TouchableOpacityProps & {
         hideIndicator?: boolean;
     };
 };
-export declare type CardPropTypes = CardProps;
 declare const _default: React.ComponentClass<ViewProps & TouchableOpacityProps & {
     /**
      * card custom width

generatedTypes/src/components/carousel/CarouselPresenter.d.ts

@@ -1,5 +1,5 @@
-import {PropsWithChildren} from 'react';
-import {CarouselProps, CarouselState} from './types';
+import { PropsWithChildren } from 'react';
+import { CarouselProps, CarouselState } from './types';
 export declare function getChildrenLength(props: PropsWithChildren<CarouselProps>): number;
 export declare function calcOffset(props: CarouselProps, state: Omit<CarouselState, 'initialOffset' | 'prevProps'>): {
     x: number;

generatedTypes/src/components/carousel/index.d.ts

@@ -1,7 +1,7 @@
-import React, {Component, RefObject, ReactNode, Key} from 'react';
-import {ScrollView, LayoutChangeEvent, NativeSyntheticEvent, NativeScrollEvent} from 'react-native';
-import {CarouselProps, CarouselState, PageControlPosition} from './types';
-export {CarouselProps, PageControlPosition};
+import React, { Component, RefObject, ReactNode, Key } from 'react';
+import { ScrollView, LayoutChangeEvent, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
+import { CarouselProps, CarouselState, PageControlPosition } from './types';
+export { CarouselProps, PageControlPosition };
 declare type DefaultProps = Partial<CarouselProps>;
 /**
  * @description: Carousel for scrolling pages horizontally
@@ -49,7 +49,7 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     getSnapToOffsets: () => number[] | undefined;
     shouldUsePageWidth(): number | false | undefined;
     shouldEnablePagination(): boolean | undefined;
-    onContainerLayout: ({nativeEvent: {layout: {width: containerWidth, height: containerHeight}}}: LayoutChangeEvent) => void;
+    onContainerLayout: ({ nativeEvent: { layout: { width: containerWidth, height: containerHeight } } }: LayoutChangeEvent) => void;
     shouldAllowAccessibilityLayout(): boolean | undefined;
     onContentSizeChange: () => void;
     onMomentumScrollEnd: () => void;
@@ -64,7 +64,7 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     renderCarousel(): JSX.Element;
     render(): JSX.Element;
 }
-export {Carousel};
+export { Carousel };
 declare const _default: React.ComponentClass<CarouselProps & {
     useCustomTheme?: boolean | undefined;
 }, any> & Carousel & {

generatedTypes/src/components/carousel/types.d.ts

@@ -1,8 +1,8 @@
-import {ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, PointPropType, Animated} from 'react-native';
-import {PageControlProps} from '../pageControl';
+import { ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, PointPropType, Animated } from 'react-native';
+import { PageControlProps } from '../pageControl';
 export declare enum PageControlPosition {
-    OVER = 'over',
-    UNDER = 'under'
+    OVER = "over",
+    UNDER = "under"
 }
 export interface CarouselProps extends ScrollViewProps {
     /**
@@ -37,7 +37,9 @@ export interface CarouselProps extends ScrollViewProps {
     /**
      * callback for when page has changed
      */
-    onChangePage?: (newPageIndex: number, oldPageIndex: number, info: {isAutoScrolled: boolean}) => void;
+    onChangePage?: (newPageIndex: number, oldPageIndex: number, info: {
+        isAutoScrolled: boolean;
+    }) => void;
     /**
      * callback for onScroll event of the internal ScrollView
      */

generatedTypes/src/components/checkbox/index.d.ts

@@ -59,7 +59,6 @@ export interface CheckboxProps extends TouchableOpacityProps {
      */
     containerStyle?: StyleProp<ViewStyle>;
 }
-export declare type CheckboxPropTypes = CheckboxProps;
 declare const _default: React.ComponentClass<CheckboxProps & {
     useCustomTheme?: boolean | undefined;
 }, any>;

generatedTypes/src/components/chip/index.d.ts

@@ -105,7 +105,6 @@ export declare type ChipProps = ViewProps & TouchableOpacityProps & {
      */
     dismissContainerStyle?: StyleProp<ImageStyle>;
 };
-export declare type ChipPropTypes = ChipProps;
 declare const _default: React.ComponentClass<ViewProps & TouchableOpacityProps & {
     /**
      * Chip's size. Number or a width and height object.

generatedTypes/src/components/connectionStatusBar/index.d.ts

@@ -30,6 +30,12 @@ declare class ConnectionStatusBar extends PureComponent<ConnectionStatusBarProps
 }
 export { ConnectionStatusBar };
 declare const _default: React.ComponentClass<ConnectionStatusBarProps & {
+    /**
+     * @description: Top bar to show a "no internet" connection status. Note: Run on real device for best results
+     * @image: https://user-images.githubusercontent.com/33805983/34683190-f3b1904c-f4a9-11e7-9d46-9a340bd35448.png, https://user-images.githubusercontent.com/33805983/34484206-edc6c6e4-efcb-11e7-88b2-cd394c19dd5e.png
+     * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/ConnectionStatusBarScreen.tsx
+     * @notes: The component requires installing the '@react-native-community/netinfo' native library
+     */
     useCustomTheme?: boolean | undefined;
 }, any> & typeof ConnectionStatusBar;
 export default _default;

generatedTypes/src/components/listItem/index.d.ts

@@ -1,25 +1,39 @@
-import React from 'react';
-import ListItemPart from 'src/components/listItem/ListItemPart';
-import {ListItemProps} from './types';
-export {ListItemProps};
-
-declare class ListItem extends Component<ListItemProps, State> {
-  static displayName: string;
-  static Part: typeof ListItemPart;
-  constructor(props: ListItemProps);
-  onHideUnderlay(): void;
-  onShowUnderlay(): void;
-  setPressed(isPressed: boolean): void;
-  renderViewContainer: () => JSX.Element;
-  renderCustomContainer(Container: React.ComponentType): JSX.Element;
-  renderChildren(): React.DetailedReactHTMLElement<any, HTMLElement>[] | null | undefined;
-  render(): JSX.Element;
+import React, { Component } from 'react';
+import ListItemPart from './ListItemPart';
+import { ListItemProps } from './types';
+declare type ListItemState = {
+    pressed: boolean;
+};
+declare class ListItem extends Component<ListItemProps, ListItemState> {
+    static displayName: string;
+    static defaultProps: {
+        height: number;
+        containerElement: React.ComponentClass<import("../../components/touchableOpacity").TouchableOpacityProps & {
+            useCustomTheme?: boolean | undefined;
+        }, any>;
+        underlayColor: string;
+    };
+    static Part: typeof ListItemPart;
+    styles: {
+        container: {
+            backgroundColor: string;
+        };
+        innerContainer: {
+            flexDirection: "row";
+            height: string | number | undefined;
+        };
+    };
+    constructor(props: ListItemProps);
+    onHideUnderlay(): void;
+    onShowUnderlay(): void;
+    setPressed(isPressed: boolean): void;
+    renderViewContainer: () => JSX.Element;
+    renderCustomContainer: (Container: React.ComponentType) => JSX.Element;
+    renderChildren: () => JSX.Element;
+    render(): JSX.Element;
 }
-declare const _default: React.ComponentClass<
-  ListItemProps & {
+export { ListItemProps };
+declare const _default: React.ComponentClass<ListItemProps & {
     useCustomTheme?: boolean | undefined;
-  },
-  any
-> &
-  typeof ListItem;
+}, any> & typeof ListItem;
 export default _default;

generatedTypes/src/components/panningViews/panDismissibleView.d.ts

@@ -15,7 +15,6 @@ export interface DismissibleAnimationProps {
      */
     duration?: number;
 }
-export declare type DismissibleAnimationPropTypes = DismissibleAnimationProps;
 export interface PanDismissibleViewProps {
     /**
      * Additional styling
@@ -47,6 +46,5 @@ export interface PanDismissibleViewProps {
      */
     allowDiagonalDismiss?: boolean;
 }
-export declare type PanDismissibleViewPropTypes = PanDismissibleViewProps;
 declare const _default: React.ComponentClass<PanDismissibleViewProps, any>;
 export default _default;

generatedTypes/src/components/panningViews/panListenerView.d.ts

@@ -62,6 +62,5 @@ export interface PanListenerViewProps extends PanningProps, ViewProps {
      */
     isClickable?: boolean;
 }
-export declare type PanListenerViewPropTypes = PanListenerViewProps;
 declare const _default: React.ComponentClass<PanListenerViewProps, any>;
 export default _default;

generatedTypes/src/components/panningViews/panResponderView.d.ts

@@ -15,6 +15,5 @@ export interface PanResponderViewProps extends ViewProps {
      */
     isAnimated?: boolean;
 }
-export declare type PanResponderViewPropTypes = PanResponderViewProps;
 declare const _default: React.ComponentClass<PanResponderViewProps, any>;
 export default _default;

generatedTypes/src/components/radioButton/index.d.ts

@@ -59,7 +59,6 @@ export declare type RadioButtonProps = RadioGroupContextProps & ViewProps & {
      */
     containerStyle?: StyleProp<ViewStyle>;
 };
-export declare type RadioButtonPropTypes = RadioButtonProps;
 declare const _default: React.ComponentClass<RadioGroupContextProps & ViewProps & {
     /**
      * The identifier value of the radio button. must be different than other RadioButtons in the same group

generatedTypes/src/components/radioGroup/index.d.ts

@@ -11,7 +11,6 @@ export declare type RadioGroupProps = ViewProps & {
      */
     onValueChange?: ((value?: string) => void) | ((value?: number) => void) | ((value?: boolean) => void) | ((value?: any) => void);
 };
-export declare type RadioGroupPropTypes = RadioGroupProps;
 interface RadioGroupState {
     initialValue?: RadioGroupProps['initialValue'];
     value?: RadioGroupProps['initialValue'];

generatedTypes/src/components/scrollBar/index.d.ts

@@ -84,8 +84,6 @@ declare const Item: {
     displayName: string;
 };
 declare const _default: React.ComponentClass<ScrollBarProps & {
-    useCustomTheme?: boolean | undefined; /**
-       * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
-       */
+    useCustomTheme?: boolean | undefined;
 }, any> & typeof ScrollBar;
 export default _default;

generatedTypes/src/components/text/index.d.ts

@@ -29,7 +29,6 @@ export declare type TextProps = RNTextProps & TypographyModifiers & ColorsModifi
     textAlign?: string;
     style?: StyleProp<TextStyle | Animated.AnimatedProps<TextStyle>>;
 };
-export declare type TextPropTypes = TextProps;
 declare type PropsTypes = BaseComponentInjectedProps & ForwardRefInjectedProps & TextProps;
 /**
  * @description: A wrapper for Text component with extra functionality like modifiers support

generatedTypes/src/components/view/index.d.ts

@@ -36,7 +36,6 @@ export interface ViewProps extends Omit<RNViewProps, 'style'>, ContainerModifier
     backgroundColor?: string;
     style?: StyleProp<ViewStyle | Animated.AnimatedProps<ViewStyle>>;
 }
-export declare type ViewPropTypes = ViewProps;
 declare const _default: React.ComponentClass<ViewProps & {
     useCustomTheme?: boolean | undefined;
 }, any>;

src/components/avatar/index.tsx

@@ -170,7 +170,6 @@ export type AvatarProps = Pick<AccessibilityProps, 'accessibilityLabel'> & {
    */
   testID?: string;
 };
-export type AvatarPropTypes = AvatarProps; //TODO: remove after ComponentPropTypes deprecation;
 
 /**
  * @description: Avatar component for displaying user profile images

src/components/button/ButtonTypes.tsx

@@ -142,8 +142,6 @@ export type ButtonProps = TouchableOpacityProps &
     animateTo?: ButtonAnimationDirection;
   };
 
-export type ButtonPropTypes = ButtonProps; //TODO: remove after ComponentPropTypes deprecation;
-
 export type ButtonState = {
   size?: number;
   borderRadius?: number;

src/components/button/index.tsx

@@ -10,8 +10,8 @@ import TouchableOpacity from '../touchableOpacity';
 import Text from '../text';
 import Image from '../image';
 
-import {ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonPropTypes, ButtonState, Props, DEFAULT_PROPS} from './ButtonTypes';
-export {ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonPropTypes};
+import {ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonState, Props, DEFAULT_PROPS} from './ButtonTypes';
+export {ButtonSize, ButtonAnimationDirection, ButtonProps};
 
 import {PADDINGS, HORIZONTAL_PADDINGS, MIN_WIDTH, DEFAULT_SIZE, DISABLED_COLOR} from './ButtonConstants';
 

src/components/card/index.tsx

@@ -93,7 +93,6 @@ export type CardProps = ViewProps &
       hideIndicator?: boolean;
     };
   };
-export type CardPropTypes = CardProps; //TODO: remove after ComponentPropTypes deprecation;
 
 type PropTypes = BaseComponentInjectedProps &
   ForwardRefInjectedProps &

src/components/checkbox/index.tsx

@@ -83,7 +83,6 @@ export interface CheckboxProps extends TouchableOpacityProps {
    */
   containerStyle?: StyleProp<ViewStyle>;
 }
-export type CheckboxPropTypes = CheckboxProps; //TODO: remove after ComponentPropTypes deprecation;
 
 interface CheckboxState {
   isChecked: Animated.Value;

src/components/chip/index.tsx

@@ -128,7 +128,6 @@ export type ChipProps = ViewProps & TouchableOpacityProps & {
    */
   dismissContainerStyle?: StyleProp<ImageStyle>;
 }
-export type ChipPropTypes = ChipProps; //TODO: remove after ComponentPropTypes deprecation;
 
 const DEFAULT_SIZE = 26;