Merge pull request wso2#250 from madushajg/idm-query

[Inline Data Mapper] Fix create mappings within query expressinos with top level arrays

Author: kanushka

workspaces/ballerina/data-mapper-view/src/components/DataMapper/DataMapper.tsx

@@ -100,6 +100,18 @@ const classes = {
         position: 'absolute',
         left: '50%',
         transform: 'translateX(-50%)'
+    }),
+    errorBanner: css({
+        borderColor: "var(--vscode-errorForeground)"
+    }),
+    errorMessage: css({
+        zIndex: 1,
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        width: '500px',
+        animation: `${fadeIn} 0.5s ease-in-out`
     })
 }
 

workspaces/ballerina/inline-data-mapper/src/components/Diagram/Node/ArrayOutput/ArrayOutputNode.ts

@@ -88,7 +88,7 @@ export class ArrayOutputNode extends DataMapperNodeModel {
                             field: this.outputType.member,
                             type: "IN",
                             parentId: this.rootName,
-                            mappings,
+                            mappings: element.mappings,
                             portPrefix: ARRAY_OUTPUT_TARGET_PORT_PREFIX,
                             parent: parentPort,
                             collapsedFields,
@@ -128,8 +128,8 @@ export class ArrayOutputNode extends DataMapperNodeModel {
 
     private createLinks(mappings: Mapping[]) {
         mappings.forEach((mapping) => {
-            const { isComplex, inputs, output, expression, diagnostics } = mapping;
-            if (isComplex || inputs.length !== 1) {
+            const { isComplex, isQueryExpression, isFunctionCall, inputs, output, expression, diagnostics } = mapping;
+            if (isComplex || isQueryExpression || isFunctionCall || inputs.length !== 1) {
                 // Complex mappings are handled in the LinkConnectorNode
                 return;
             }

workspaces/ballerina/inline-data-mapper/src/components/Diagram/Node/Input/InputNode.ts

@@ -100,6 +100,13 @@ export class InputNode extends DataMapperNodeModel {
                     });
                 });
             } else if (this.filteredInputType.kind === TypeKind.Array) {
+                const focusedMemberId = this.filteredInputType?.focusedMemberId;
+                if (focusedMemberId) {
+                    const focusedMemberField = this.context.model.inputs.find(input => input.id === focusedMemberId);
+                    if (focusedMemberField) {
+                        this.filteredInputType.member = focusedMemberField;
+                    }
+                }
                 this.numberOfFields += this.addPortsForInputField({
                     field: this.filteredInputType?.member,
                     portType: "OUT",