CONSOLE-4841: Use usePluginInfo to get plugin info

Also remove `usePluginInfo` and `usePluginStore` from the barrel file so we can move towards removing the barrel file entirely

Author: logonoff

frontend/packages/console-app/src/components/console-operator/ConsolePluginDescriptionDetail.tsx

@@ -1,23 +1,21 @@
 import * as React from 'react';
 import { DetailsItemComponentProps } from '@console/dynamic-plugin-sdk/src/extensions/details-item';
 import { isLoadedDynamicPluginInfo } from '@console/plugin-sdk/src';
-import { usePluginStore } from '@console/plugin-sdk/src/api/usePluginStore';
+import { usePluginInfo } from '@console/plugin-sdk/src/api/usePluginInfo';
 import { DASH } from '@console/shared/src/constants';
 
 const ConsolePluginDescriptionDetail: React.FC<DetailsItemComponentProps> = ({ obj }) => {
-  const pluginStore = usePluginStore();
   const pluginName = React.useMemo(() => obj?.metadata?.name, [obj?.metadata?.name]);
 
+  const [pluginInfoEntries] = usePluginInfo();
   const pluginInfo = React.useMemo(
     () =>
-      pluginStore
-        .getPluginInfo()
-        .find((entry) =>
-          isLoadedDynamicPluginInfo(entry)
-            ? entry.metadata.name === pluginName
-            : entry.pluginName === pluginName,
-        ),
-    [pluginStore, pluginName],
+      pluginInfoEntries.find((entry) =>
+        isLoadedDynamicPluginInfo(entry)
+          ? entry.metadata.name === pluginName
+          : entry.pluginName === pluginName,
+      ),
+    [pluginInfoEntries, pluginName],
   );
 
   return isLoadedDynamicPluginInfo(pluginInfo) ? (

frontend/packages/console-app/src/components/console-operator/ConsolePluginEnabledStatusDetail.tsx

@@ -2,29 +2,27 @@ import * as React from 'react';
 import { DASH } from '@console/dynamic-plugin-sdk/src/app/constants';
 import { DetailsItemComponentProps } from '@console/dynamic-plugin-sdk/src/extensions/details-item';
 import { isLoadedDynamicPluginInfo } from '@console/plugin-sdk/src';
-import { usePluginStore } from '@console/plugin-sdk/src/api/usePluginStore';
+import { usePluginInfo } from '@console/plugin-sdk/src/api/usePluginInfo';
 import {
   ConsolePluginEnabledStatus,
   developmentMode,
   useConsoleOperatorConfigData,
 } from './ConsoleOperatorConfig';
 
 const ConsolePluginEnabledStatusDetail: React.FC<DetailsItemComponentProps> = ({ obj }) => {
-  const pluginStore = usePluginStore();
+  const [pluginInfoEntries] = usePluginInfo();
   const { consoleOperatorConfig, consoleOperatorConfigLoaded } = useConsoleOperatorConfigData();
 
   const pluginName = React.useMemo(() => obj?.metadata?.name, [obj?.metadata?.name]);
 
   const pluginInfo = React.useMemo(
     () =>
-      pluginStore
-        .getPluginInfo()
-        .find((entry) =>
-          isLoadedDynamicPluginInfo(entry)
-            ? entry.metadata.name === pluginName
-            : entry.pluginName === pluginName,
-        ),
-    [pluginStore, pluginName],
+      pluginInfoEntries.find((entry) =>
+        isLoadedDynamicPluginInfo(entry)
+          ? entry.metadata.name === pluginName
+          : entry.pluginName === pluginName,
+      ),
+    [pluginInfoEntries, pluginName],
   );
   const enabledPlugins = React.useMemo<string[]>(() => consoleOperatorConfig?.spec?.plugins ?? [], [
     consoleOperatorConfig?.spec?.plugins,

frontend/packages/console-app/src/components/console-operator/ConsolePluginStatusDetail.tsx

@@ -1,24 +1,22 @@
 import * as React from 'react';
 import { DetailsItemComponentProps } from '@console/dynamic-plugin-sdk/src/extensions/details-item';
 import { isLoadedDynamicPluginInfo } from '@console/plugin-sdk/src';
-import { usePluginStore } from '@console/plugin-sdk/src/api/usePluginStore';
+import { usePluginInfo } from '@console/plugin-sdk/src/api/usePluginInfo';
 import { DASH } from '@console/shared/src/constants';
 import { ConsolePluginStatus } from './ConsoleOperatorConfig';
 
 const ConsolePluginStatusDetail: React.FC<DetailsItemComponentProps> = ({ obj }) => {
-  const pluginStore = usePluginStore();
+  const [pluginInfoEntries] = usePluginInfo();
   const pluginName = React.useMemo(() => obj?.metadata?.name, [obj?.metadata?.name]);
 
   const pluginInfo = React.useMemo(
     () =>
-      pluginStore
-        .getPluginInfo()
-        .find((entry) =>
-          isLoadedDynamicPluginInfo(entry)
-            ? entry.metadata.name === pluginName
-            : entry.pluginName === pluginName,
-        ),
-    [pluginStore, pluginName],
+      pluginInfoEntries.find((entry) =>
+        isLoadedDynamicPluginInfo(entry)
+          ? entry.metadata.name === pluginName
+          : entry.pluginName === pluginName,
+      ),
+    [pluginInfoEntries, pluginName],
   );
 
   return pluginInfo ? (

frontend/packages/console-app/src/components/console-operator/ConsolePluginVersionDetail.tsx

@@ -1,23 +1,22 @@
 import * as React from 'react';
 import { DetailsItemComponentProps } from '@console/dynamic-plugin-sdk/src/extensions/details-item';
 import { isLoadedDynamicPluginInfo } from '@console/plugin-sdk/src';
-import { usePluginStore } from '@console/plugin-sdk/src/api/usePluginStore';
+import { usePluginInfo } from '@console/plugin-sdk/src/api/usePluginInfo';
 import { DASH } from '@console/shared/src/constants';
 
 const ConsolePluginVersionDetail: React.FC<DetailsItemComponentProps> = ({ obj }) => {
-  const pluginStore = usePluginStore();
+  const [pluginInfoEntries] = usePluginInfo();
+
   const pluginName = React.useMemo(() => obj?.metadata?.name, [obj?.metadata?.name]);
 
   const pluginInfo = React.useMemo(
     () =>
-      pluginStore
-        .getPluginInfo()
-        .find((entry) =>
-          isLoadedDynamicPluginInfo(entry)
-            ? entry.metadata.name === pluginName
-            : entry.pluginName === pluginName,
-        ),
-    [pluginStore, pluginName],
+      pluginInfoEntries.find((entry) =>
+        isLoadedDynamicPluginInfo(entry)
+          ? entry.metadata.name === pluginName
+          : entry.pluginName === pluginName,
+      ),
+    [pluginInfoEntries, pluginName],
   );
 
   return isLoadedDynamicPluginInfo(pluginInfo) ? <>{pluginInfo.metadata.version}</> : <>{DASH}</>;

frontend/packages/console-plugin-sdk/src/index.ts

@@ -5,5 +5,3 @@ export * from './store';
 // React integrations
 export * from './api/useExtensions';
 export * from './api/withExtensions';
-export * from './api/usePluginInfo';
-export * from './api/usePluginStore';

frontend/public/components/notification-drawer.tsx

@@ -4,11 +4,8 @@ import { useTranslation } from 'react-i18next';
 import i18next from 'i18next';
 import { useDispatch } from 'react-redux';
 import { Link, NavigateFunction, useNavigate } from 'react-router-dom-v5-compat';
-import {
-  isNotLoadedDynamicPluginInfo,
-  usePluginInfo,
-  DynamicPluginInfo,
-} from '@console/plugin-sdk';
+import { isNotLoadedDynamicPluginInfo, DynamicPluginInfo } from '@console/plugin-sdk';
+import { usePluginInfo } from '@console/plugin-sdk/src/api/usePluginInfo';
 import * as UIActions from '@console/internal/actions/ui';
 import { resourcePath } from '@console/internal/components/utils';
 import { Timestamp } from '@console/shared/src/components/datetime/Timestamp';