Generate named type instead of function

Author: Maxim Shirshin

src/typings.ts

@@ -112,10 +112,12 @@ function createExportedClassComponent(m: dom.ModuleDeclaration, componentName: s
 
 function createExportedFunctionalComponent(m: dom.ModuleDeclaration, componentName: string, propTypes: any,
   exportType: dom.DeclarationFlags, interf: dom.InterfaceDeclaration): void {
-  const funcDelc = dom.create.function(componentName, propTypes ? [dom.create.parameter('props', interf)] : [],
-    dom.create.namedTypeReference('JSX.Element'));
-  funcDelc.flags = exportType;
-  m.members.push(funcDelc);
+
+  const typeDecl = dom.create.alias(
+    componentName,
+    dom.create.namedTypeReference(`React.SFC${ propTypes ? `<${interf.name}>` : '' }`));
+  typeDecl.flags = exportType;
+  m.members.push(typeDecl);
 }
 
 function createPropTypeTypings(interf: dom.InterfaceDeclaration, ast: AstQuery, propTypes: any,

tests/component-without-proptyes.d.ts renamed to tests/component-without-proptypes.d.ts

@@ -8,5 +8,5 @@ declare module 'component' {
     render(): JSX.Element;
   }
 
-  export function test(): JSX.Element;
+  export type test = React.SFC;
 }

tests/component-without-proptyes.jsx renamed to tests/component-without-proptypes.jsx

@@ -4,7 +4,7 @@ declare module 'component' {
     optionalAny?: any;
   }
 
-  export function Component(props: ComponentProps): JSX.Element;
+  export type Component = React.SFC<ComponentProps>;
 
-  export function Component2(): JSX.Element;
+  export type Component2 = React.SFC;
 }

tests/named-export-specifiers.d.ts

@@ -85,7 +85,7 @@ test('Parsing should create definition from class import PropTypes and instanceO
   compare(t, 'component', 'instance-of-proptype-names.jsx', 'instance-of-proptype-names.d.ts');
 });
 test('Parsing should create definition from file without propTypes', t => {
-  compare(t, 'component', 'component-without-proptyes.jsx', 'component-without-proptyes.d.ts');
+  compare(t, 'component', 'component-without-proptypes.jsx', 'component-without-proptypes.d.ts');
 });
 test('Parsing should create definition from file with references in propTypes', t => {
   compare(t, 'component', 'references-in-proptypes.jsx', 'references-in-proptypes.d.ts');

tests/parsing-test.ts

@@ -5,5 +5,5 @@ declare module 'component' {
     className?: string;
   }
 
-  export default function Component(props: ComponentProps): JSX.Element;
+  export default type Component = React.SFC<ComponentProps>;
 }

tests/stateless-export-as-default.d.ts

@@ -4,7 +4,7 @@ declare module 'component' {
     optionalAny?: any;
   }
 
-  export function Component(props: ComponentProps): JSX.Element;
+  export type Component = React.SFC<ComponentProps>;
 
-  export function Component2(): JSX.Element;
+  export type Component2 = React.SFC;
 }