feat: add support for TSIndexedAccessType and fix TSQualifiedName for imported types (#31)

* feat: add support for TSIndexedAccessType and fix TSQualifiedName for imported types

* test: add test for TSIndexedAccessType

Author: MarshallOfSound

__snapshots__/test.js.snap

@@ -4093,6 +4093,26 @@ Object {
 }
 `;
 
+exports[`typescript indexed type 1`] = `
+Object {
+  "classes": Array [
+    Object {
+      "kind": "generic",
+      "name": Object {
+        "kind": "id",
+        "name": "Component",
+        "type": null,
+      },
+      "value": Object {
+        "kind": "object",
+        "name": "MyType['props']",
+      },
+    },
+  ],
+  "kind": "program",
+}
+`;
+
 exports[`unary operator 1`] = `
 Object {
   "classes": Array [

index.js

@@ -826,6 +826,23 @@ converters.NullableTypeAnnotation = (path, context) /*: K.Nullable*/ => {
   };
 };
 
+converters.TSIndexedAccessType = (path, context) => {
+  const type = convert(path.get('objectType'), context);
+  const indexKey = path.get('indexType').node.literal.value;
+
+  if (type.kind === 'generic') {
+    return {
+      kind: 'generic',
+      value: {
+        kind: type.value.kind,
+        name: `${type.value.name || type.value.referenceIdName}['${indexKey}']`
+      }
+    };
+  } else {
+    throw new Error(`Unsupported TSIndexedAccessType kind: ${type.kind}`)
+  }
+}
+
 converters.TSStringKeyword = (path) /*: K.String */ => {
   return { kind: 'string' };
 };
@@ -971,7 +988,7 @@ converters.TSQualifiedName = (path, context) /*: K.Id */ => {
 
   return {
     kind: 'id',
-    name: `${left.name}.${right.name}`
+    name: `${left.name || left.referenceIdName}.${right.name}`
   };
 };
 

test.js

@@ -1109,6 +1109,17 @@ const TESTS = [
       class Component extends React.Component<RecursiveType> {}
     `
   },
+  {
+    name: 'typescript indexed type',
+    typeSystem: 'typescript',
+    code: `
+      type MyType = {
+        props: RecursiveType
+      }
+
+      class Component extends React.Component<MyType['props']> {}
+    `
+  },
 ];
 
 for (let testCase /*: TestCase */ of TESTS) {