diff --git a/x-pack/plugins/aiops/public/components/log_categorization/log_categorization_page.tsx b/x-pack/plugins/aiops/public/components/log_categorization/log_categorization_page.tsx index d62685ab2bce39..2531a47419dc48 100644 --- a/x-pack/plugins/aiops/public/components/log_categorization/log_categorization_page.tsx +++ b/x-pack/plugins/aiops/public/components/log_categorization/log_categorization_page.tsx @@ -311,7 +311,6 @@ export const LogCategorizationPage: FC = ({ embeddin = ({ - dataView, timeRange, esSearchQuery = DEFAULT_SEARCH_QUERY, stickyHistogram, @@ -93,6 +90,8 @@ export const LogRateAnalysisContent: FC = ({ onWindowParametersChange, embeddingOrigin, }) => { + const { dataView } = useDataSource(); + const [windowParameters, setWindowParameters] = useState(); const [isBrushCleared, setIsBrushCleared] = useState(true); const [logRateAnalysisType, setLogRateAnalysisType] = useState( @@ -272,7 +271,6 @@ export const LogRateAnalysisContent: FC = ({ {showLogRateAnalysisResults && ( = ({ stickyHistogram }) => { = ({ stickyHistogram }) => { /> = ({ - dataView, analysisType = LOG_RATE_ANALYSIS_TYPE.SPIKE, earliest, isBrushCleared, @@ -139,6 +137,7 @@ export const LogRateAnalysisResults: FC = ({ embeddingOrigin, }) => { const { analytics, http } = useAiopsAppContext(); + const { dataView } = useDataSource(); // Store the performance metric's start time using a ref // to be able to track it across rerenders. @@ -485,7 +484,6 @@ export const LogRateAnalysisResults: FC = ({ significantItems={data.significantItems} groupTableItems={groupTableItems} loading={isRunning} - dataView={dataView} timeRangeMs={timeRangeMs} searchQuery={searchQuery} barColorOverride={barColorOverride} @@ -497,7 +495,6 @@ export const LogRateAnalysisResults: FC = ({ = ({ significantItems, - dataView, loading, isExpandedRow, searchQuery, @@ -84,6 +81,7 @@ export const LogRateAnalysisResultsTable: FC = }) => { const euiTheme = useEuiTheme(); const primaryBackgroundColor = useEuiBackgroundColor('primary'); + const { dataView } = useDataSource(); const dataViewId = dataView.id; const { diff --git a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx index aefe170fc4b5bb..2d5acb80576790 100644 --- a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx +++ b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx @@ -30,10 +30,11 @@ import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n-react'; import type { SignificantItem } from '@kbn/ml-agg-utils'; import type { TimeRange as TimeRangeMs } from '@kbn/ml-date-picker'; -import type { DataView } from '@kbn/data-views-plugin/public'; import { stringHash } from '@kbn/ml-string-hash'; import { useLogRateAnalysisStateContext, type GroupTableItem } from '@kbn/aiops-components'; +import { useDataSource } from '../../hooks/use_data_source'; + import { MiniHistogram } from '../mini_histogram'; import { getFailedTransactionsCorrelationImpactLabel } from './get_failed_transactions_correlation_impact_label'; @@ -60,7 +61,6 @@ interface LogRateAnalysisResultsTableProps { loading: boolean; searchQuery: estypes.QueryDslQueryContainer; timeRangeMs: TimeRangeMs; - dataView: DataView; /** Optional color override for the default bar color for charts */ barColorOverride?: string; /** Optional color override for the highlighted bar color for charts */ @@ -72,13 +72,14 @@ export const LogRateAnalysisResultsGroupsTable: FC { + const { dataView } = useDataSource(); + const [pageIndex, setPageIndex] = useState(0); const [pageSize, setPageSize] = useState(10); const [sortField, setSortField] = useState<'docCount' | 'pValue'>( @@ -125,7 +126,6 @@ export const LogRateAnalysisResultsGroupsTable: FC void; } -export const SearchPanel: FC = ({ - dataView, - searchString, - searchQueryLanguage, - setSearchParams, -}) => { +export const SearchPanel: FC = ({ searchString, searchQueryLanguage, setSearchParams }) => { const { uiSettings, unifiedSearch: { @@ -48,6 +43,7 @@ export const SearchPanel: FC = ({ notifications: { toasts }, data: { query: queryManager }, } = useAiopsAppContext(); + const { dataView } = useDataSource(); // The internal state of the input query bar updated on every key stroke. const [searchInput, setSearchInput] = useState({