feat(parser): Support styled components through convention

If the parser detects a styled component, it will use filename instead
of StyledComponentClass. This gives basic support for Styled Components
in the parser.

Author: bebraw

src/__tests__/data/StatelessDisplayNameStyledComponent.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+export interface StyledComponentClassProps {
+  /** myProp description */
+  myProp: string;
+}
+
+/** Stateless description */
+const StyledComponentClass: React.SFC<StyledComponentClassProps> = props => (
+  <div>My Property = {props.myProp}</div>
+);
+
+// If we had a styled component, it would emit StyledComponentClass
+// by default.
+export default StyledComponentClass;

src/__tests__/parser.ts

@@ -532,6 +532,13 @@ describe('parser', () => {
       assert.equal(parsed.displayName, 'StatelessDisplayNameDefaultExport');
     });
 
+    it('should be taken from filename for styled components', () => {
+      const [parsed] = parse(
+        fixturePath('StatelessDisplayNameStyledComponent')
+      );
+      assert.equal(parsed.displayName, 'StatelessDisplayNameStyledComponent');
+    });
+
     it('should be taken from stateful component `displayName` property (using default export)', () => {
       const [parsed] = parse(fixturePath('StatefulDisplayNameDefaultExport'));
       assert.equal(parsed.displayName, 'StatefulDisplayNameDefaultExport');

src/parser.ts

@@ -665,6 +665,7 @@ function computeComponentName(exp: ts.Symbol, source: ts.SourceFile) {
   if (
     exportName === 'default' ||
     exportName === '__function' ||
+    exportName === 'StyledComponentClass' ||
     exportName === 'StatelessComponent'
   ) {
     // Default export for a file: named after file