Createa @backstage/plugin-catalog-common-react package

plugins/api-docs/package.json

@@ -32,7 +32,7 @@
     "@asyncapi/react-component": "^0.18.2",
     "@backstage/catalog-model": "^0.7.0",
     "@backstage/core": "^0.5.0",
-    "@backstage/plugin-catalog": "^0.2.14",
+    "@backstage/plugin-catalog-common-react": "^0.0.1",
     "@backstage/theme": "^0.2.2",
     "@material-icons/font": "^1.0.2",
     "@material-ui/core": "^4.11.0",

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

@@ -16,7 +16,10 @@
 
 import { Entity } from '@backstage/catalog-model';
 import { ApiProvider, ApiRegistry, storageApiRef } from '@backstage/core';
-import { CatalogApi, catalogApiRef } from '@backstage/plugin-catalog';
+import {
+  CatalogApi,
+  catalogApiRef,
+} from '@backstage/plugin-catalog-common-react';
 import { MockStorageApi, wrapInTestApp } from '@backstage/test-utils';
 import { render } from '@testing-library/react';
 import React from 'react';

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

@@ -15,7 +15,7 @@
  */
 
 import { Content, ContentHeader, SupportButton, useApi } from '@backstage/core';
-import { catalogApiRef } from '@backstage/plugin-catalog';
+import { catalogApiRef } from '@backstage/plugin-catalog-common-react';
 import { Button } from '@material-ui/core';
 import React from 'react';
 import { Link as RouterLink } from 'react-router-dom';

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

@@ -16,7 +16,10 @@
 
 import { Entity, RELATION_CONSUMES_API } from '@backstage/catalog-model';
 import { ApiProvider, ApiRegistry } from '@backstage/core';
-import { CatalogApi, catalogApiRef } from '@backstage/plugin-catalog';
+import {
+  CatalogApi,
+  catalogApiRef,
+} from '@backstage/plugin-catalog-common-react';
 import { renderInTestApp } from '@backstage/test-utils';
 import { waitFor } from '@testing-library/react';
 import React from 'react';

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

@@ -16,7 +16,10 @@
 
 import { Entity, RELATION_PROVIDES_API } from '@backstage/catalog-model';
 import { ApiProvider, ApiRegistry } from '@backstage/core';
-import { CatalogApi, catalogApiRef } from '@backstage/plugin-catalog';
+import {
+  CatalogApi,
+  catalogApiRef,
+} from '@backstage/plugin-catalog-common-react';
 import { renderInTestApp } from '@backstage/test-utils';
 import { waitFor } from '@testing-library/react';
 import React from 'react';

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

@@ -16,7 +16,10 @@
 
 import { Entity, RELATION_API_CONSUMED_BY } from '@backstage/catalog-model';
 import { ApiProvider, ApiRegistry } from '@backstage/core';
-import { CatalogApi, catalogApiRef } from '@backstage/plugin-catalog';
+import {
+  CatalogApi,
+  catalogApiRef,
+} from '@backstage/plugin-catalog-common-react';
 import { renderInTestApp } from '@backstage/test-utils';
 import { waitFor } from '@testing-library/react';
 import React from 'react';

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

@@ -16,7 +16,10 @@
 
 import { Entity, RELATION_API_PROVIDED_BY } from '@backstage/catalog-model';
 import { ApiProvider, ApiRegistry } from '@backstage/core';
-import { CatalogApi, catalogApiRef } from '@backstage/plugin-catalog';
+import {
+  CatalogApi,
+  catalogApiRef,
+} from '@backstage/plugin-catalog-common-react';
 import { renderInTestApp } from '@backstage/test-utils';
 import { waitFor } from '@testing-library/react';
 import React from 'react';

plugins/api-docs/src/components/EntityLink/EntityLink.tsx

@@ -15,7 +15,10 @@
  */
 
 import { Entity } from '@backstage/catalog-model';
-import { entityRoute, entityRouteParams } from '@backstage/plugin-catalog';
+import {
+  entityRoute,
+  entityRouteParams,
+} from '@backstage/plugin-catalog-common-react';
 import { Link } from '@material-ui/core';
 import React, { PropsWithChildren } from 'react';
 import { generatePath, Link as RouterLink } from 'react-router-dom';

plugins/api-docs/src/components/useRelatedEntities.ts

@@ -15,7 +15,7 @@
  */
 import { Entity } from '@backstage/catalog-model';
 import { useApi } from '@backstage/core';
-import { catalogApiRef } from '@backstage/plugin-catalog';
+import { catalogApiRef } from '@backstage/plugin-catalog-common-react';
 import { useAsyncRetry } from 'react-use';
 
 // TODO: Maybe this hook is interesting for others too?