New docs do not require fake components, all typing files should be types.ts

src/components/button/Button.driver.ts

@@ -1,4 +1,4 @@
-import {ButtonProps} from './ButtonTypes';
+import {ButtonProps} from './types';
 import {ImageDriver} from '../image/Image.driver';
 import {ComponentDriver, ComponentDriverArgs} from '../../testkit/Component.driver';
 import {TextDriver} from '../text/Text.driver';

src/components/button/ButtonConstants.ts

@@ -1,4 +1,4 @@
-import {ButtonSize} from './ButtonTypes';
+import {ButtonSize} from './types';
 
 
 export const PADDINGS = {

src/components/button/index.tsx

@@ -16,7 +16,7 @@ import {
   Props,
   DEFAULT_PROPS,
   ButtonSizeProp
-} from './ButtonTypes';
+} from './types';
 import {PADDINGS, HORIZONTAL_PADDINGS, MIN_WIDTH, DEFAULT_SIZE} from './ButtonConstants';
 
 export {ButtonSize, ButtonAnimationDirection, ButtonProps};

src/components/button/ButtonTypes.tsx → src/components/button/types.ts

@@ -1,4 +1,3 @@
-import {PureComponent} from 'react';
 import {ImageStyle, TextStyle, StyleProp} from 'react-native';
 import {
   BaseComponentInjectedProps,
@@ -166,22 +165,3 @@ export type Props = ButtonProps & BaseComponentInjectedProps & ForwardRefInjecte
 export const DEFAULT_PROPS = {
   iconOnRight: false
 };
-
-/**
- * @description: Basic button component
- * @extends: TouchableOpacity
- * @modifiers: margin, background
- * @image: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Sizes.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Typographies.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Outlines.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Corners.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Custom.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Inspirations.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Round.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Full.png?raw=true
- * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Button/Button%20Animated.gif?raw=true
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/ButtonsScreen.tsx
- */
-// @ts-ignore
-class FakeButtonForDocs extends PureComponent<ButtonProps> { // eslint-disable-line
-  static displayName = 'Button';
-
-  static defaultProps = DEFAULT_PROPS;
-
-  render() {
-    return null;
-  }
-}

src/components/carousel/types.tsx → src/components/carousel/types.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import {ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, Animated} from 'react-native';
 // @ts-expect-error No typings available for 'deprecated-react-native-prop-types'
 import {PointPropType} from 'deprecated-react-native-prop-types';
@@ -109,12 +108,3 @@ export interface CarouselState {
   initialOffset: PointPropType;
   prevProps: CarouselProps;
 }
-
-// @ts-ignore
-class CarouselTypesForDocs extends React.Component<CarouselProps> { // eslint-disable-line
-  static displayName = 'Carousel';
-
-  render() {
-    return null;
-  }
-}

src/components/connectionStatusBar/index.tsx

@@ -6,7 +6,7 @@ import {Colors, Typography} from '../../style';
 import TouchableOpacity from '../touchableOpacity';
 import View from '../view';
 import {Constants, asBaseComponent} from '../../commons/new';
-import {ConnectionStatusBarProps, ConnectionStatusBarState, DEFAULT_PROPS} from './Types';
+import {ConnectionStatusBarProps, ConnectionStatusBarState, DEFAULT_PROPS} from './types';
 export {ConnectionStatusBarProps};
 
 /**

src/components/connectionStatusBar/types.ts

@@ -0,0 +1,31 @@
+export type ConnectionStatusBarProps = {
+  /**
+   * Text to show as the status
+   */
+  label?: string;
+  /**
+   * Handler to get connection change events propagation
+   */
+  onConnectionChange?: (isConnected: boolean, isInitial: boolean) => void;
+  /**
+   * Text to show as the status
+   */
+  allowDismiss?: boolean;
+  /**
+   * Use absolute position for the component
+   */
+  useAbsolutePosition?: boolean;
+};
+
+export type ConnectionStatusBarState = {
+  /* Current connection type  */
+  type?: string;
+  isConnected: boolean;
+  isCancelled: boolean;
+};
+
+export const DEFAULT_PROPS = {
+  label: 'No internet. Check your connection.',
+  allowDismiss: false,
+  useAbsolutePosition: true
+};

src/components/loaderScreen/types.tsx → src/components/loaderScreen/types.ts

@@ -1,4 +1,3 @@
-import {PureComponent} from 'react';
 import {ActivityIndicatorProps, TextStyle, ViewStyle} from 'react-native';
 
 export type LoaderScreenProps = ActivityIndicatorProps & {
@@ -31,17 +30,3 @@ export type LoaderScreenProps = ActivityIndicatorProps & {
      */
     containerStyle?: ViewStyle;
 };
-
-
-/**
- * @description: Component that shows a full screen with an activity indicator
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/LoadingScreen.tsx
- */
-// @ts-ignore
-class FakeLoaderScreenForDocs extends PureComponent<LoaderScreenProps> { // eslint-disable-line
-  static displayName = 'LoaderScreen';
-
-  render() {
-    return null;
-  }
-}

src/components/picker/types.tsx → src/components/picker/types.ts

@@ -1,4 +1,4 @@
-import React, {PropsWithChildren, ReactNode} from 'react';
+import {PropsWithChildren, ReactNode} from 'react';
 import {FlatListProps, StyleProp, ViewStyle, TextStyle} from 'react-native';
 import {ExpandableOverlayProps, ExpandableOverlayMethods} from '../../incubator/expandableOverlay';
 import {ModalTopBarProps} from '../modal/TopBar';

src/components/stateScreen/types.tsx → src/components/stateScreen/types.ts

@@ -1,4 +1,3 @@
-import {PureComponent} from 'react';
 import {ImageURISource} from 'react-native';
 
 export type StateScreenProps = {
@@ -29,17 +28,3 @@ export type StateScreenProps = {
   testId?: string;
   testID?: string;
 };
-
-/**
- * @description: Component that shows a full screen for a certain state, like an empty state
- * @image: https://user-images.githubusercontent.com/33805983/34672894-f262ab84-f488-11e7-83f0-4ee0f0ac34ba.png
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/EmptyStateScreen.tsx
- */
-// @ts-ignore
-class FakeStateScreenForDocs extends PureComponent<StateScreenProps> { // eslint-disable-line
-  static displayName = 'StateScreen';
-
-  render() {
-    return null;
-  }
-}

src/components/wizard/types.tsx → src/components/wizard/types.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import {ImageProps} from '../image';
 import {StyleProp, TextStyle, ViewStyle} from 'react-native';
 
@@ -93,21 +92,3 @@ export interface WizardProps {
   testID?: string;
   children?: React.ReactNode;
 }
-
-// @ts-ignore
-class WizardTypesForDocs extends React.Component<WizardProps> { // eslint-disable-line
-  static displayName = 'Wizard';
-
-  render() {
-    return null;
-  }
-}
-
-// @ts-ignore
-class WizardStepTypesForDocs extends React.Component<WizardStepProps> { // eslint-disable-line
-  static displayName = 'Wizard.Step';
-
-  render() {
-    return null;
-  }
-}