rewrite components doc generator

Author: just-boris

.gitignore

@@ -1,4 +1,4 @@
 build
 lib
-node_modules
+/node_modules
 coverage

fixtures/components/complex-types/table/index.tsx

@@ -3,6 +3,8 @@
 import * as React from 'react';
 import { TableProps } from './interfaces';
 
+export { TableProps };
+
 export default function Table<T = any>(props: TableProps<T>) {
   return <table />;
 }

…ncorrect-component-name/button/index.tsx …nts/error-missing-props/button/index.tsxfixtures/components/error-incorrect-component-name/button/index.tsx renamed to fixtures/components/error-missing-props/button/index.tsx fixtures/components/error-incorrect-component-name/button/index.tsx renamed to fixtures/components/error-missing-props/button/index.tsx

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import * as React from 'react';
 
-export default function Input() {
-  return <span>Surprise, I am not Button!</span>;
+// should fail because ButtonProps export is missing
+export default function Button() {
+  return <span>Test</span>;
 }

…r-incorrect-component-name/tsconfig.json …onents/error-missing-props/tsconfig.jsonfixtures/components/error-incorrect-component-name/tsconfig.json renamed to fixtures/components/error-missing-props/tsconfig.json fixtures/components/error-incorrect-component-name/tsconfig.json renamed to fixtures/components/error-missing-props/tsconfig.json

@@ -3,12 +3,12 @@
 import * as React from 'react';
 
 export namespace ButtonProps {
-  interface Ref {
+  export interface Ref {
     value: string;
   }
 }
 
-const Button = React.forwardRef((props, ref) => {
+const Button = React.forwardRef<ButtonProps.Ref>((props, ref) => {
   return <button />;
 });
 

fixtures/components/error-ref-property-type/button/index.tsx

@@ -9,7 +9,7 @@ export interface FocusableProps {
   children: React.ReactNode;
 }
 
-export namespace SomethingElse {
+namespace SomethingElse {
   export interface Ref {
     /**
      * Should be ignored
@@ -29,6 +29,11 @@ export namespace FocusableProps {
      * Focuses element using the CSS-selector
      */
     focusBySelector(selector: string): void;
+
+    /**
+     * Showcase for optional functions
+     */
+    cancelEdit?(): void;
   }
 }
 

fixtures/components/forward-ref/focusable/index.tsx

@@ -1,20 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import * as React from 'react';
+import { DependencyProps } from './interfaces';
 
-export interface DependencyProps {
-  name?: string;
-  variant?: DependencyProps.Variant;
-}
-
-// should not be included in the Main component API definition
-export interface MainProps {
-  randomValue: string;
-}
-
-export namespace DependencyProps {
-  export type Variant = 'button' | 'link';
-}
+export { DependencyProps };
 
 export default function Dependency({ name, variant = 'button' }: DependencyProps) {
   return <div className={variant}>{name}</div>;

fixtures/components/import-types/dependency/index.tsx

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export interface DependencyProps {
+  name?: string;
+  variant?: DependencyProps.Variant;
+}
+
+// should not be included in the Main component API definition
+export interface MainProps {
+  randomValue: string;
+}
+
+export namespace DependencyProps {
+  export type Variant = 'button' | 'link';
+}