stitch targetRef and backwards compat inject it on read

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

plugins/api-docs/src/components/ApiExplorerPage/DefaultApiExplorerPage.test.tsx

@@ -66,7 +66,8 @@ describe('DefaultApiExplorerPage', () => {
         relations: [
           {
             type: RELATION_MEMBER_OF,
-            target: { namespace: 'default', kind: 'Group', name: 'tools' },
+            targetRef: 'group:default/tools',
+            target: { namespace: 'default', kind: 'group', name: 'tools' },
           },
         ],
       };

plugins/api-docs/src/components/ApisCards/ConsumedApisCard.test.tsx

@@ -95,10 +95,11 @@ describe('<ConsumedApisCard />', () => {
       relations: [
         {
           target: {
-            kind: 'API',
+            kind: 'api',
             namespace: 'my-namespace',
             name: 'target-name',
           },
+          targetRef: 'api:my-namespace/target-name',
           type: RELATION_CONSUMES_API,
         },
       ],

plugins/api-docs/src/components/ApisCards/HasApisCard.test.tsx

@@ -95,10 +95,11 @@ describe('<HasApisCard />', () => {
       relations: [
         {
           target: {
-            kind: 'API',
+            kind: 'api',
             namespace: 'my-namespace',
             name: 'target-name',
           },
+          targetRef: 'api:my-namespace/target-name',
           type: RELATION_HAS_PART,
         },
       ],

plugins/api-docs/src/components/ApisCards/ProvidedApisCard.test.tsx

@@ -95,10 +95,11 @@ describe('<ProvidedApisCard />', () => {
       relations: [
         {
           target: {
-            kind: 'API',
+            kind: 'api',
             namespace: 'my-namespace',
             name: 'target-name',
           },
+          targetRef: 'api:my-namespace/target-name',
           type: RELATION_PROVIDES_API,
         },
       ],

plugins/api-docs/src/components/ComponentsCards/ConsumingComponentsCard.test.tsx

@@ -98,10 +98,11 @@ describe('<ConsumingComponentsCard />', () => {
       relations: [
         {
           target: {
-            kind: 'Component',
+            kind: 'component',
             namespace: 'my-namespace',
             name: 'target-name',
           },
+          targetRef: 'component:my-namespace/target-name',
           type: RELATION_API_CONSUMED_BY,
         },
       ],

plugins/api-docs/src/components/ComponentsCards/ProvidingComponentsCard.test.tsx

@@ -98,10 +98,11 @@ describe('<ProvidingComponentsCard />', () => {
       relations: [
         {
           target: {
-            kind: 'Component',
+            kind: 'component',
             namespace: 'my-namespace',
             name: 'target-name',
           },
+          targetRef: 'component:my-namespace/target-name',
           type: RELATION_API_PROVIDED_BY,
         },
       ],