fix(dynamic-plugins-info): remove scalprum dep

This change swaps out the direct usage of useScalprum to the
useMountPoints hook provided by the dynamic plugins frontend API.  This
change also ensures the useMountPoints hook is exported from the API
package.

Signed-off-by: Stan Lewis <[email protected]>

Author: gashcrumb

packages/plugin-utils/src/hooks/index.ts

@@ -1 +1,2 @@
 export { useDynamicPluginConfig } from './useDynamicPlugin';
+export { default as useMountPoints } from './useMountPoints';

plugins/dynamic-plugins-info/package.json

@@ -39,7 +39,7 @@
     "@material-table/core": "3.2.5",
     "@mui/icons-material": "5.18.0",
     "@mui/material": "5.18.0",
-    "@scalprum/react-core": "0.9.5",
+    "@red-hat-developer-hub/plugin-utils": "workspace:*",
     "react-use": "17.6.0"
   },
   "peerDependencies": {

plugins/dynamic-plugins-info/src/components/DynamicPluginsInfoPage.tsx

@@ -7,7 +7,7 @@ import {
   TabbedLayout,
 } from '@backstage/core-components';
 
-import { useScalprum } from '@scalprum/react-core';
+import { useMountPoints } from '@red-hat-developer-hub/plugin-utils';
 
 export interface PluginTab {
   Component: React.ComponentType;
@@ -17,31 +17,17 @@ export interface PluginTab {
   };
 }
 
-export interface ScalprumState {
-  api?: {
-    dynamicRootConfig?: {
-      mountPoints?: {
-        'internal.plugins/tab': PluginTab[];
-      };
-    };
-  };
-}
-
 export const DynamicPluginsInfoPage = () => {
-  const scalprum = useScalprum<ScalprumState>();
-
-  const tabs =
-    scalprum.api?.dynamicRootConfig?.mountPoints?.['internal.plugins/tab'] ||
-    [];
-
+  // this coercion is necessary to preserve compatability with
+  // the original configuration definition
+  const tabs = useMountPoints('internal.plugins/tab') as unknown as PluginTab[];
   const FirstComponent = tabs[0]?.Component;
-
   return (
     <Page themeId="extensions">
       <Header title="Extensions" />
       {tabs.length > 1 ? (
         <TabbedLayout>
-          {tabs.map(({ Component, config }) => (
+          {tabs.map(({ Component, config }: PluginTab) => (
             <TabbedLayout.Route
               key={config.path}
               path={config.path}

yarn.lock

@@ -7734,7 +7734,7 @@ __metadata:
     "@material-table/core": 3.2.5
     "@mui/icons-material": 5.18.0
     "@mui/material": 5.18.0
-    "@scalprum/react-core": 0.9.5
+    "@red-hat-developer-hub/plugin-utils": "workspace:*"
     "@testing-library/jest-dom": 6.6.4
     "@testing-library/react": 14.3.1
     "@testing-library/user-event": 14.6.1
@@ -12081,7 +12081,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@red-hat-developer-hub/[email protected], @red-hat-developer-hub/plugin-utils@workspace:packages/plugin-utils":
+"@red-hat-developer-hub/[email protected], @red-hat-developer-hub/plugin-utils@workspace:*, @red-hat-developer-hub/plugin-utils@workspace:packages/plugin-utils":
   version: 0.0.0-use.local
   resolution: "@red-hat-developer-hub/plugin-utils@workspace:packages/plugin-utils"
   dependencies: