use alerting component

Signed-off-by: Kawika Avilla <[email protected]>
opensearch-project · Feb 7, 2024 · a0809aa · a0809aa
1 parent 931b56e
commit a0809aa
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 14 deletions.
diff --git a/opensearch_dashboards.json b/opensearch_dashboards.json
@@ -20,9 +20,6 @@
   "requiredEnginePlugins": {
     "opensearch-alerting": "*"
   },
-  "requiredBundles": [
-    "assistantDashboards"
-  ],
   "server": true,
   "ui": true
 }
diff --git a/public/components/ContentPanel/ContentPanel.js b/public/components/ContentPanel/ContentPanel.js
@@ -13,7 +13,7 @@ import {
   EuiTitle,
   EuiText,
 } from '@elastic/eui';
-import { IncontextInsightComponent } from '../../../../../plugins/dashboards-assistant/public';
+import { IncontextInsightComponent } from './../../plugin';
 
 const ContentPanel = ({
   title = '',

diff --git a/public/pages/Monitors/containers/Monitors/utils/tableUtils.js b/public/pages/Monitors/containers/Monitors/utils/tableUtils.js
@@ -9,7 +9,7 @@ import moment from 'moment';
 import { DEFAULT_EMPTY_DATA, MONITOR_TYPE } from '../../../../../utils/constants';
 import { PLUGIN_NAME } from '../../../../../../utils/constants';
 import { getItemLevelType } from './helpers';
-import { IncontextInsightComponent } from '../../../../../../../../plugins/dashboards-assistant/public';
+import { IncontextInsightComponent } from './../../../../../plugin';
 
 const renderTime = (time) => {
   const momentTime = moment(time);

diff --git a/public/plugin.tsx b/public/plugin.tsx
@@ -3,20 +3,25 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import React from 'react';
 import { PLUGIN_NAME } from '../utils/constants';
-import {
-  Plugin,
-  CoreSetup,
-  CoreStart,
-} from '../../../src/core/public';
+import { Plugin, CoreSetup, CoreStart } from '../../../src/core/public';
 import { ACTION_ALERTING } from './actions/alerting_dashboard_action';
 import { CONTEXT_MENU_TRIGGER, EmbeddableStart } from '../../../src/plugins/embeddable/public';
 import { getActions, getAdAction } from './utils/contextMenu/actions';
 import { alertingTriggerAd } from './utils/contextMenu/triggers';
 import { ExpressionsSetup } from '../../../src/plugins/expressions/public';
 import { UiActionsSetup } from '../../../src/plugins/ui_actions/public';
 import { overlayAlertsFunction } from './expressions/overlay_alerts';
-import { setClient, setEmbeddable, setNotifications, setOverlays, setSavedAugmentVisLoader, setUISettings, setQueryService } from './services';
+import {
+  setClient,
+  setEmbeddable,
+  setNotifications,
+  setOverlays,
+  setSavedAugmentVisLoader,
+  setUISettings,
+  setQueryService,
+} from './services';
 import { VisAugmenterStart } from '../../../src/plugins/vis_augmenter/public';
 import { DataPublicPluginStart } from '../../../src/plugins/data/public';
 import { AssistantPublicPluginSetup } from './../../../plugins/dashboards-assistant/public';
@@ -27,6 +32,8 @@ declare module '../../../src/plugins/ui_actions/public' {
   }
 }
 
+export let IncontextInsightComponent = (props: any) => <div {...props} />;
+
 export interface AlertingSetup {}
 
 export interface AlertingStart {}
@@ -43,8 +50,12 @@ export interface AlertingStartDeps {
   data: DataPublicPluginStart;
 }
 
-export class AlertingPlugin implements Plugin<AlertingSetup, AlertingStart, AlertingSetupDeps, AlertingStartDeps> {
-  public setup(core: CoreSetup<AlertingStartDeps, AlertingStart>, { expressions, uiActions, assistantDashboards }: AlertingSetupDeps): AlertingSetup {
+export class AlertingPlugin
+  implements Plugin<AlertingSetup, AlertingStart, AlertingSetupDeps, AlertingStartDeps> {
+  public setup(
+    core: CoreSetup<AlertingStartDeps, AlertingStart>,
+    { expressions, uiActions, assistantDashboards }: AlertingSetupDeps
+  ): AlertingSetup {
     core.application.register({
       id: PLUGIN_NAME,
       title: 'Alerting',
@@ -63,6 +74,9 @@ export class AlertingPlugin implements Plugin<AlertingSetup, AlertingStart, Aler
     });
 
     if (assistantDashboards) {
+      IncontextInsightComponent = (props: any) => (
+        <>{assistantDashboards.renderIncontextInsight(props)}</>
+      );
       assistantDashboards.registerIncontextInsight([
         {
           key: 'query_level_monitor',
@@ -104,7 +118,10 @@ export class AlertingPlugin implements Plugin<AlertingSetup, AlertingStart, Aler
     return;
   }
 
-  public start(core: CoreStart, { visAugmenter, embeddable, data }: AlertingStartDeps): AlertingStart {
+  public start(
+    core: CoreStart,
+    { visAugmenter, embeddable, data }: AlertingStartDeps
+  ): AlertingStart {
     setEmbeddable(embeddable);
     setOverlays(core.overlays);
     setQueryService(data.query);