Merge branch 'change-lint-query-to-use-connections' into 'master'

Update lint query with connections

See merge request gitlab-org/gitlab!49983

app/assets/javascripts/pipeline_editor/graphql/queries/ci_config.graphql

-#import "~/pipelines/graphql/queries/pipeline_stages.fragment.graphql"
+#import "~/pipelines/graphql/queries/pipeline_stages_connection.fragment.graphql"
 
 query getCiConfigData($content: String!) {
   ciConfig(content: $content) {
     errors
     status
     stages {
-      ...PipelineStagesData
+      ...PipelineStagesConnection
     }
   }
 }

app/assets/javascripts/pipeline_editor/pipeline_editor_app.vue

@@ -10,6 +10,7 @@ import TextEditor from './components/text_editor.vue';
 import commitCiFileMutation from './graphql/mutations/commit_ci_file.mutation.graphql';
 import getBlobContent from './graphql/queries/blob_content.graphql';
 import getCiConfigData from './graphql/queries/ci_config.graphql';
+import { unwrapStagesWithNeeds } from '~/pipelines/components/unwrapping_utils';
 
 const MR_SOURCE_BRANCH = 'merge_request[source_branch]';
 const MR_TARGET_BRANCH = 'merge_request[target_branch]';
@@ -99,7 +100,11 @@ export default {
         };
       },
       update(data) {
-        return data?.ciConfig ?? {};
+        const { ciConfigData } = data || {};
+        const stageNodes = ciConfigData?.stages?.nodes || [];
+        const stages = unwrapStagesWithNeeds(stageNodes);
+
+        return { ...ciConfigData, stages };
       },
       error() {
         this.reportFailure(LOAD_FAILURE_UNKNOWN);

app/assets/javascripts/pipelines/graphql/queries/pipeline_stages.fragment.graphql

-fragment PipelineStagesData on CiConfigStage {
-  name
-  groups {
-    name
-    jobs {
-      name
-      needs {
-        name
-      }
-    }
-  }
-}

app/assets/javascripts/pipelines/graphql/queries/pipeline_stages_connection.fragment.graphql

+fragment PipelineStagesConnection on CiConfigStageConnection {
+  nodes {
+    name
+    groups {
+      nodes {
+        name
+        jobs {
+          nodes {
+            name
+            needs {
+              nodes {
+                name
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}