Ignore irrelevant components (#1195)

Author: ethanshar

generatedTypes/components/fader/index.d.ts

@@ -32,6 +32,10 @@ export declare type FaderProps = Pick<ImageProps, 'supportRTL'> & {
      */
     tintColor?: string;
 };
+/**
+ * @description: A gradient fading overlay to render on top of overflowing content (like scroll component)
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/FaderScreen.tsx
+ */
 declare function Fader(props: FaderProps): JSX.Element;
 declare namespace Fader {
     var displayName: string;

lib/components/SafeArea/SafeAreaSpacerView.js

@@ -9,6 +9,8 @@ const SafeAreaSpacerView = ({style}) => {
     NativeSafeAreaSpacerView ? <NativeSafeAreaSpacerView style={style}/> : <View style={style}/>
   );
 };
+
+SafeAreaSpacerView.displayName = 'IGNORE';
 SafeAreaSpacerView.propTypes = {
   style: PropTypes.oneOfType([PropTypes.object, PropTypes.number, PropTypes.array]),
 };

src/components/dialog/DialogDismissibleView.tsx

@@ -56,6 +56,7 @@ interface LocationProps {
 const DEFAULT_DIRECTION = PanningProvider.Directions.DOWN;
 
 class DialogDismissibleView extends PureComponent<Props, State> {
+  static displayName = 'IGNORE';
 
   public static defaultProps: Partial<Props> = {
     direction: DEFAULT_DIRECTION,

src/components/fader/index.tsx

@@ -40,6 +40,10 @@ export type FaderProps = Pick<ImageProps, 'supportRTL'> & {
 
 const DEFAULT_FADE_SIZE = 50;
 
+/**
+ * @description: A gradient fading overlay to render on top of overflowing content (like scroll component)
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/FaderScreen.tsx
+ */
 function Fader(props: FaderProps) {
   const getFadeSize = useCallback(() => {
     return props.size || DEFAULT_FADE_SIZE;

src/components/sharedTransition/SharedArea.js

@@ -8,6 +8,7 @@ import {Colors} from '../../style';
 import ShareTransitionContext from './ShareTransitionContext';
 
 class SharedArea extends Component {
+  displayName = 'IGNORE';
   static propTypes = {
     /**
      * render details screen

src/components/sharedTransition/SourceElement.js

@@ -5,6 +5,7 @@ import TouchableOpacity from '../touchableOpacity';
 import ShareTransitionContext from './ShareTransitionContext';
 
 class SourceElement extends Component {
+  displayName = 'IGNORE';
   static propTypes = {
     /**
      * Data to share between shared element and placeholder

src/components/sharedTransition/TargetElement.js

@@ -4,6 +4,7 @@ import TouchableOpacity from '../touchableOpacity';
 import ShareTransitionContext from './ShareTransitionContext';
 
 class TargetElement extends Component {
+  displayName = 'IGNORE';
   state = {};
 
   componentDidMount() {

src/components/tabController/FadedScrollView.tsx

@@ -73,4 +73,5 @@ const FadedScrollView = (props: Props) => {
   return null;
 };
 
+FadedScrollView.displayName = 'IGNORE';
 export default forwardRef<Props>(FadedScrollView);