formgen: add type declaration generation

.changeset/famous-rockets-prove.md

@@ -0,0 +1,5 @@
+---
+'@aws-amplify/form-generator': patch
+---
+
+Generate type declaration files for rendered components

packages/form-generator/package.json

@@ -20,7 +20,7 @@
   "dependencies": {
     "@aws-amplify/appsync-modelgen-plugin": "^2.6.0",
     "@aws-amplify/codegen-ui": "^2.15.8",
-    "@aws-amplify/codegen-ui-react": "^2.15.9",
+    "@aws-amplify/codegen-ui-react": "^2.18.0",
     "@aws-amplify/graphql-docs-generator": "^4.1.0",
     "@aws-sdk/client-amplifyuibuilder": "^3.398.0",
     "@aws-sdk/client-appsync": "^3.398.0",

packages/form-generator/src/local_codegen_graphql_form_generator.ts

@@ -14,6 +14,7 @@ import {
   ScriptKind,
   ScriptTarget,
   UtilTemplateType,
+  getDeclarationFilename,
 } from '@aws-amplify/codegen-ui-react';
 import {
   FormGenerationOptions,
@@ -125,11 +126,20 @@ export class LocalGraphqlFormGenerator implements GraphqlFormGenerator {
       formFeatureFlags
     );
     const { componentText, declaration } = renderer.renderComponentInternal();
-    return {
-      componentText,
-      fileName: renderer.fileName,
-      declaration,
-    };
+    const files = [
+      {
+        componentText,
+        fileName: renderer.fileName,
+      },
+    ];
+    if (declaration) {
+      files.push({
+        componentText: declaration,
+        fileName: getDeclarationFilename(renderer.fileName),
+      });
+    }
+
+    return files;
   };
   private filterModelsByName = (
     filteredModelNames: string[],
@@ -262,8 +272,10 @@ export class LocalGraphqlFormGenerator implements GraphqlFormGenerator {
     );
     const forms = baseForms.reduce<Record<string, string>>(
       (prev, formSchema) => {
-        const result = this.codegenForm(dataSchema, formSchema);
-        prev[result.fileName] = result.componentText;
+        const results = this.codegenForm(dataSchema, formSchema);
+        results.forEach((result) => {
+          prev[result.fileName] = result.componentText;
+        });
         return prev;
       },
       {}