[OutlineView] better React HOC support

[maggialejandro]

Hi guys! It would be really nice if Outline view had better support for React Higher Order Components

For example:

/* @flow */
import React from 'react';
import { Modal } from 'react-native';

import styles from './styles';

type PropsType = {
  isVisible: boolean,
  onClose: () => void,
};

const ModalHOC = (): Function => (
  WrappedComponent: React.Element<*>,
): React.Element<*> =>
  class CustomModal extends React.PureComponent<PropsType> {
    handleClose = (): any => this.props.onClose();

    render(): React.Element<*> {
      return (
        <Modal
          style={styles.modal}
          hardwareAccelerated
          visible={this.props.isVisible}
          transparent
          onRequestClose={this.handleClose}
          supportedOrientations={['portrait', 'landscape']}
        >
          <WrappedComponent {...this.props} />
        </Modal>
      );
    }
  };

export default ModalHOC;

Expected Behavior (VS Code)

Actual Behavior

Versions

• Atom: 1.31.2
• Nuclide: 0.354.0
• Client OS: macOS