fix(graphql): graphql tab schema not handling tabs correctly (#13850)

Fixes #13833

When generating graphql schemas, named tabs were not properly being
accounted for. This PR fixes that and ensure that the correct schema
types are generated for named tabs.

Author: JarrodMFlesch

.vscode/launch.json

@@ -269,6 +269,27 @@
       "outputCapture": "std",
       "request": "launch",
       "type": "node-terminal"
+    },
+    {
+      "name": "Debug GraphQL Schema Generation",
+      "type": "node",
+      "request": "launch",
+      "program": "${workspaceFolder}/test/generateGraphQLSchema.ts",
+      "args": ["graphql"],
+      "cwd": "${workspaceFolder}",
+      "env": {
+        "NODE_OPTIONS": "--no-deprecation --no-experimental-strip-types"
+      },
+      "runtimeArgs": [
+        "--no-deprecation",
+        "--no-experimental-strip-types",
+        "--import",
+        "@swc-node/register/esm-register"
+      ],
+      "console": "integratedTerminal",
+      "outputCapture": "std",
+      "sourceMaps": true,
+      "skipFiles": ["<node_internals>/**"]
     }
   ],
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387

packages/graphql/src/schema/buildPoliciesType.ts

@@ -69,7 +69,7 @@ const buildFields = (label, fieldsToBuild) =>
         }
       }
 
-      if (!field.name && field.fields) {
+      if (!field.name && field.fields && field.fields.length) {
         const subFields = buildFields(label, field.fields)
 
         return {
@@ -81,6 +81,18 @@ const buildFields = (label, fieldsToBuild) =>
       if (field.type === 'tabs') {
         return field.tabs.reduce(
           (fieldsWithTabFields, tab) => {
+            if ('name' in tab) {
+              if (tab.fields.length) {
+                const tabName = formatName(tab.name)
+                fieldsWithTabFields[tabName] = {
+                  type: new GraphQLObjectType({
+                    name: `${label}_${tabName}`,
+                    fields: buildFields(`${label}_${tabName}`, tab.fields),
+                  }),
+                }
+              }
+              return fieldsWithTabFields
+            }
             return {
               ...fieldsWithTabFields,
               ...buildFields(label, tab.fields),

packages/graphql/src/schema/recursivelyBuildNestedPaths.ts

@@ -22,7 +22,14 @@ export const recursivelyBuildNestedPaths = ({ field, nestedFieldName2, parentNam
         ...recursivelyBuildNestedPaths({
           field: {
             ...tab,
-            type: 'name' in tab ? 'group' : 'row',
+            ...('name' in tab
+              ? {
+                  name: `${nestedFieldName ? `${nestedFieldName}__` : ''}${tab.name}`,
+                  type: 'group',
+                }
+              : {
+                  type: 'row',
+                }),
           },
           nestedFieldName2: nestedFieldName,
           parentName,