diff --git a/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/alert_details_app_section/index.tsx b/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/alert_details_app_section/index.tsx index 419961c1e2d55..4984c16a25941 100644 --- a/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/alert_details_app_section/index.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/alerting/log_threshold/components/alert_details_app_section/index.tsx @@ -88,7 +88,7 @@ const AlertDetailsAppSection = ({ rule, alert }: AlertDetailsAppSectionProps) => - + - + { return processesChartHttpResponse.default(); case '/api/metrics/snapshot': return snapshotAPItHttpResponse[params.mock as SnapshotAPIHttpMocks](); + case '/api/metrics/source/default': + return Promise.resolve({ + source: { + status: { + remoteClustersExist: true, + }, + configuration: { + metricAlias: 'metricbeat-*', + }, + }, + }); + case '/api/infra/services': + return Promise.resolve({ + services: [ + { + serviceName: 'service-1', + agentName: 'go', + }, + { + serviceName: 'service-2', + agentName: 'nodejs', + }, + ], + }); case INFA_ML_GET_METRICS_HOSTS_ANOMALIES_PATH: return anomaliesHttpResponse[params.mock as AnomaliesHttpMocks](); default: diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx index 4a7c80b69093e..b419861c75d78 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/__stories__/decorator.tsx @@ -15,7 +15,7 @@ import type { Observable } from 'rxjs'; import { of } from 'rxjs'; import { action } from '@storybook/addon-actions'; import type { Decorator } from '@storybook/react'; -import { useParameter } from '@storybook/manager-api'; +import { useParameter } from '@storybook/preview-api'; import type { DeepPartial } from 'utility-types'; import type { LocatorPublic } from '@kbn/share-plugin/public'; import type { IKibanaSearchRequest, ISearchOptions } from '@kbn/search-types'; @@ -24,6 +24,8 @@ import type { Theme } from '@elastic/charts/dist/utils/themes/theme'; import { defaultLogViewAttributes } from '@kbn/logs-shared-plugin/common'; import type { DataView, DataViewField } from '@kbn/data-views-plugin/common'; import { MemoryRouter } from 'react-router-dom'; +import type { ChromeStyle } from '@kbn/core-chrome-browser'; +import { ReloadRequestTimeProvider } from '../../../hooks/use_reload_request_time'; import { AlertPrefillProvider } from '../../../alerting/use_alert_prefill'; import { PluginConfigProvider } from '../../../containers/plugin_config_context'; import type { PluginKibanaContextValue } from '../../../hooks/use_kibana'; @@ -33,6 +35,8 @@ import { assetDetailsProps, getLogEntries } from './context/fixtures'; import { ContextProviders } from '../context_providers'; import { DataViewsProvider } from '../hooks/use_data_views'; import type { InfraConfig } from '../../../../server'; +import { TabSwitcherProvider } from '../hooks/use_tab_switcher'; +import type { TabIds } from '../types'; const settings: Record = { 'dateFormat:scaled': [['', 'HH:mm:ss.SSS']], @@ -57,6 +61,18 @@ export const DecorateWithKibanaContext: Decorator = (story) => { action(`Navigate to: ${url}`); }, getUrlForApp: (url: string) => url, + capabilities: { + maintenanceWindow: { + show: false, + }, + }, + }, + docLinks: { + links: { + observability: { + guide: 'https://www.elastic.co/guide/en/observability/current/index.html', + }, + }, }, chrome: { docTitle: { @@ -66,6 +82,7 @@ export const DecorateWithKibanaContext: Decorator = (story) => { }, }, setBreadcrumbs: () => {}, + getChromeStyle$: () => of({} as ChromeStyle), setBreadcrumbsAppendExtension: () => () => {}, }, data: { @@ -131,6 +148,12 @@ export const DecorateWithKibanaContext: Decorator = (story) => { getRedirectUrl: (args: any) => { action('share.url.locators.getRedirectUrl')(args); }, + useUrl: () => + ({ + getRedirectUrl: (args: any) => { + action('share.url.locators.useUrl.getRedirectUrl')(args); + }, + } as unknown as LocatorPublic), } as unknown as LocatorPublic), }, }, @@ -159,6 +182,7 @@ export const DecorateWithKibanaContext: Decorator = (story) => { reportAssetDetailsFlyoutViewed: () => {}, reportAssetDetailsPageViewed: () => {}, reportAssetDashboardLoaded: () => {}, + reportPerformanceMetricEvent: () => {}, }, observabilityShared: { navigation: { PageTemplate: ({ children }: { children?: any }) => <>{children} }, @@ -206,7 +230,9 @@ export const DecorateWithKibanaContext: Decorator = (story) => { - {story()} + + {story()} + @@ -229,3 +255,13 @@ export const DecorateWithAssetDetailsStateContext: Decorator = (story) => { ); }; + +export const DecorateWithTabSwitcherContext = + (defaultActiveTabId: TabIds): Decorator => + (story) => { + return ( + + {story()} + + ); + }; diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx index 3678ce82df409..ca83c83968140 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/asset_details.stories.tsx @@ -9,7 +9,7 @@ import React, { useState } from 'react'; import { EuiButton, EuiCallOut, EuiSelect, EuiSpacer } from '@elastic/eui'; import type { Meta, StoryFn } from '@storybook/react'; import { MemoryRouter } from 'react-router-dom'; -import { useArgs } from '@storybook/manager-api'; +import { useArgs } from '@storybook/preview-api'; import { AssetDetails } from './asset_details'; import { decorateWithGlobalStorybookThemeProviders } from '../../test_utils/use_global_storybook_theme'; import { type TabIds, type AssetDetailsProps } from './types'; diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx index 473bf2cbd7256..143679b40c924 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/metadata/metadata.stories.tsx @@ -12,12 +12,14 @@ import { Metadata } from './metadata'; import { DecorateWithKibanaContext, DecorateWithAssetDetailsStateContext, + DecorateWithTabSwitcherContext, } from '../../__stories__/decorator'; const stories: Meta = { title: 'infra/Asset Details View/Components/Metadata', decorators: [ decorateWithGlobalStorybookThemeProviders, + DecorateWithTabSwitcherContext('metadata'), DecorateWithAssetDetailsStateContext, DecorateWithKibanaContext, ], diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx index 83d4a6d817c9b..1f40e33162992 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/processes.stories.tsx @@ -10,6 +10,7 @@ import type { Meta, StoryFn } from '@storybook/react'; import { DecorateWithKibanaContext, DecorateWithAssetDetailsStateContext, + DecorateWithTabSwitcherContext, } from '../../__stories__/decorator'; import { Processes } from './processes'; import { decorateWithGlobalStorybookThemeProviders } from '../../../../test_utils/use_global_storybook_theme'; @@ -18,6 +19,7 @@ const stories: Meta = { title: 'infra/Asset Details View/Components/Processes', decorators: [ decorateWithGlobalStorybookThemeProviders, + DecorateWithTabSwitcherContext('processes'), DecorateWithAssetDetailsStateContext, DecorateWithKibanaContext, ], diff --git a/x-pack/solutions/observability/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/initial_configuration_step.stories.tsx b/x-pack/solutions/observability/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/initial_configuration_step.stories.tsx index 128ab95290e04..7cc7c84c279f2 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/initial_configuration_step.stories.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/initial_configuration_step.stories.tsx @@ -10,14 +10,12 @@ import type { Meta } from '@storybook/react'; import React from 'react'; import { decorateWithGlobalStorybookThemeProviders } from '../../../../test_utils/use_global_storybook_theme'; import { InitialConfigurationStep } from './initial_configuration_step'; +import { DecorateWithKibanaContext } from '../../../asset_details/__stories__/decorator'; export default { title: 'infra/logAnalysis/SetupInitialConfigurationStep', - decorators: [ - (renderStory) =>
{renderStory()}
, - decorateWithGlobalStorybookThemeProviders, - ], + decorators: [decorateWithGlobalStorybookThemeProviders, DecorateWithKibanaContext], } as Meta; export const ReconfigurationWithPartitionedWarnings = { @@ -86,25 +84,10 @@ export const ReconfigurationWithUnpartitionedWarnings = { }, { name: 'index-2-*', - validity: 'invalid', - errors: [{ index: 'index-2-*', error: 'INDEX_NOT_FOUND' }], - }, - ]} - previousQualityWarnings={[ - { - type: 'categoryQualityWarning', - jobId: 'job-1', - dataset: '', - reasons: [ - { type: 'noFrequentCategories' }, - { type: 'manyDeadCategories', deadCategoriesRatio: 0.9 }, - ], - }, - { - type: 'categoryQualityWarning', - jobId: 'job-1', - dataset: '', - reasons: [{ type: 'singleCategory' }], + validity: 'valid', + isSelected: false, + datasetFilter: { type: 'includeAll' }, + availableDatasets: ['first', 'second', 'third'], }, ]} /> diff --git a/x-pack/solutions/observability/plugins/infra/tsconfig.json b/x-pack/solutions/observability/plugins/infra/tsconfig.json index 260a19547cf1a..e746283226cc3 100644 --- a/x-pack/solutions/observability/plugins/infra/tsconfig.json +++ b/x-pack/solutions/observability/plugins/infra/tsconfig.json @@ -120,7 +120,8 @@ "@kbn/response-ops-rule-form", "@kbn/traced-es-client", "@kbn/fields-metadata-plugin", - "@kbn/deeplinks-analytics" + "@kbn/deeplinks-analytics", + "@kbn/core-chrome-browser" ], "exclude": ["target/**/*"] }