fix(npm): export deprecated card components to be backward compatible

workspaces/npm/.changeset/violet-foxes-clean.md

@@ -0,0 +1,5 @@
+---
+'@backstage-community/plugin-npm': patch
+---
+
+export deprecated card components to be backward compatible

workspaces/npm/plugins/npm/report.api.md

@@ -22,6 +22,9 @@ export const EntityNpmReleaseTableCard: () => JSX_2.Element;
 // @public
 export const isNpmAvailable: (entity: Entity) => boolean;
 
+// @public @deprecated (undocumented)
+export const NpmInfoCard: () => JSX_2.Element;
+
 // @public
 export const npmPlugin: BackstagePlugin<
   {
@@ -30,4 +33,10 @@ export const npmPlugin: BackstagePlugin<
   {},
   {}
 >;
+
+// @public @deprecated (undocumented)
+export const NpmReleaseOverviewCard: () => JSX_2.Element;
+
+// @public @deprecated (undocumented)
+export const NpmReleaseTableCard: () => JSX_2.Element;
 ```

workspaces/npm/plugins/npm/src/components/NpmInfoCard.tsx → workspaces/npm/plugins/npm/src/components/EntityNpmInfoCard.tsx

@@ -78,8 +78,9 @@ function GridItem({
  * name, description, keywords, license, some links and
  * the latest version if available.
  *
+ * @public
  */
-export const NpmInfoCard = () => {
+export const EntityNpmInfoCard = () => {
   const { entity } = useEntity();
 
   const packageName = entity.metadata.annotations?.[NPM_PACKAGE_ANNOTATION];

workspaces/npm/plugins/npm/src/components/NpmReleaseOverviewCard.tsx → workspaces/npm/plugins/npm/src/components/EntityNpmReleaseOverviewCard.tsx

@@ -62,8 +62,9 @@ const tagColumns: TableColumn<TagRow>[] = [
  * Card for the catalog (entiy page) that shows the latest tags
  * with their version number and the release date.
  *
+ * @public
  */
-export const NpmReleaseOverviewCard = () => {
+export const EntityNpmReleaseOverviewCard = () => {
   const { entity } = useEntity();
 
   const packageName = entity.metadata.annotations?.[NPM_PACKAGE_ANNOTATION];

workspaces/npm/plugins/npm/src/components/NpmReleaseTableCard.tsx → workspaces/npm/plugins/npm/src/components/EntityNpmReleaseTableCard.tsx

@@ -86,8 +86,9 @@ const columns: TableColumn<TableData>[] = [
  * One for the latest tags and versions of a npm package.
  * And another one for the complete version history.
  *
+ * @public
  */
-export const NpmReleaseTableCard = () => {
+export const EntityNpmReleaseTableCard = () => {
   const { entity } = useEntity();
 
   const packageName = entity.metadata.annotations?.[NPM_PACKAGE_ANNOTATION];

workspaces/npm/plugins/npm/src/index.ts

@@ -25,6 +25,9 @@ export {
   EntityNpmInfoCard,
   EntityNpmReleaseOverviewCard,
   EntityNpmReleaseTableCard,
+  NpmInfoCard,
+  NpmReleaseOverviewCard,
+  NpmReleaseTableCard,
 } from './plugin';
 
 export { isNpmAvailable } from './utils/isNpmAvailable';

workspaces/npm/plugins/npm/src/plugin.ts

@@ -36,22 +36,28 @@ export const npmPlugin = createPlugin({
  * Page content for the catalog (entiy page) that shows two tables.
  * One for the latest tags and versions of a npm package.
  * And another one for the complete version history.
- *  @public
+ *
+ * @public
  */
 export const EntityNpmReleaseTableCard = npmPlugin.provide(
   createComponentExtension({
     name: 'EntityNpmReleaseTableCard',
     component: {
       lazy: () =>
-        import('./components/NpmReleaseTableCard').then(
-          m => m.NpmReleaseTableCard,
+        import('./components/EntityNpmReleaseTableCard').then(
+          m => m.EntityNpmReleaseTableCard,
         ),
     },
   }),
 );
 
 /**
- *
+ * @deprecated please use `EntityNpmReleaseTableCard` instead.
+ * @public
+ */
+export const NpmReleaseTableCard = EntityNpmReleaseTableCard;
+
+/**
  * Card for the catalog (entity page) that shows the npm
  * name, description, keywords, license, some links and
  * the latest version if available.
@@ -62,11 +68,18 @@ export const EntityNpmInfoCard = npmPlugin.provide(
   createComponentExtension({
     name: 'EntityNpmInfoCard',
     component: {
-      lazy: () => import('./components/NpmInfoCard').then(m => m.NpmInfoCard),
+      lazy: () =>
+        import('./components/EntityNpmInfoCard').then(m => m.EntityNpmInfoCard),
     },
   }),
 );
 
+/**
+ * @deprecated please use `EntityNpmInfoCard` instead.
+ * @public
+ */
+export const NpmInfoCard = EntityNpmInfoCard;
+
 /**
  * Card for the catalog (entiy page) that shows the latest tags
  * with their version number and the release date.
@@ -78,9 +91,15 @@ export const EntityNpmReleaseOverviewCard = npmPlugin.provide(
     name: 'EntityNpmReleaseOverviewCard',
     component: {
       lazy: () =>
-        import('./components/NpmReleaseOverviewCard').then(
-          m => m.NpmReleaseOverviewCard,
+        import('./components/EntityNpmReleaseOverviewCard').then(
+          m => m.EntityNpmReleaseOverviewCard,
         ),
     },
   }),
 );
+
+/**
+ * @deprecated please use `EntityNpmReleaseOverviewCard` instead.
+ * @public
+ */
+export const NpmReleaseOverviewCard = EntityNpmReleaseOverviewCard;