Add support for imported propTypes

Importing prop types is a fairly common use case which doesn’t appear to be possible at this stage. Any plans to support this pattern?

Example:

// defaultPropTypes.js

import { PropTypes } from 'react';

export default {
    prop1: PropTypes.string
};

// otherPropTypes.js

import { PropTypes } from 'react';

export default {
    prop2: PropTypes.object
};

// MyComponent.jsx

import { Component } from 'react';
import defaultPropTypes from './defaultPropTypes.js';
import otherPropTypes './otherPropTypes.js';

export default class MyComponent extends Component {
    static propTypes = {
        ...defaultPropTypes,
        ...otherPropTypes
    }
    // etc...
}

Results in:

{
  "MyComponent.jsx": {
    "description": ""
  }
}

[devongovett]

I started hacking on this today and managed to get importing working for propTypes, flow, and typescript types. See https://github.com/devongovett/react-docgen/compare/typescript...devongovett:importing. I’ll open up a PR once the typescript PR (#348) is merged, since this builds on that. In the meantime, feel free to try out my branch.

Current limitations:

• ES6 imports only. Could add CommonJS support, but it’s a bit more complicated and I’m not sure it’s worth it when most apps should be using ES6 now anyway.
• Namespace imports are unsupported (import * as foo from '...')
• Wildcard re-exports are unsupported (export * from '...')
• Resolving from node_modules is supported, but flow libdefs (flow-typed folder, .js.flow files, and .d.ts files) are unsupported. Would need to reimplement a custom resolver for those.

Please let me know if you try it out and encounter bugs.

[devongovett]

PR opened: https://github.com/reactjs/react-docgen/pull/352