@@ -147,7 +147,7 @@ export function LinkedSearch({ savedSearch, eventEmitter }: LinkedSearchProps) {
>
diff --git a/src/plugins/visualizations/public/visualize_app/utils/use/use_linked_search_updates.ts b/src/plugins/visualizations/public/visualize_app/utils/use/use_linked_search_updates.ts
index 9a5ade9c4c26d..ab2a51b2beef5 100644
--- a/src/plugins/visualizations/public/visualize_app/utils/use/use_linked_search_updates.ts
+++ b/src/plugins/visualizations/public/visualize_app/utils/use/use_linked_search_updates.ts
@@ -48,7 +48,7 @@ export const useLinkedSearchUpdates = (
if (showToast) {
services.toastNotifications.addSuccess(
i18n.translate('visualizations.linkedToSearch.unlinkSuccessNotificationText', {
- defaultMessage: `Unlinked from saved search ''{searchTitle}''`,
+ defaultMessage: `Unlinked from Discover session ''{searchTitle}''`,
values: {
searchTitle: savedSearch.title,
},
diff --git a/src/plugins/visualizations/public/wizard/search_selection/search_selection.tsx b/src/plugins/visualizations/public/wizard/search_selection/search_selection.tsx
index 62d775dbdc07d..e0647737acb89 100644
--- a/src/plugins/visualizations/public/wizard/search_selection/search_selection.tsx
+++ b/src/plugins/visualizations/public/wizard/search_selection/search_selection.tsx
@@ -55,17 +55,17 @@ export class SearchSelection extends React.Component {
noItemsMessage={i18n.translate(
'visualizations.newVisWizard.searchSelection.notFoundLabel',
{
- defaultMessage: 'No matching indices or saved searches found.',
+ defaultMessage: 'No matching indices or Discover sessions found.',
}
)}
savedObjectMetaData={[
{
type: 'search',
- getIconForSavedObject: () => 'search',
+ getIconForSavedObject: () => 'discoverApp',
name: i18n.translate(
'visualizations.newVisWizard.searchSelection.savedObjectType.search',
{
- defaultMessage: 'Saved search',
+ defaultMessage: 'Discover session',
}
),
// ignore the saved searches that have text-based languages queries
diff --git a/x-pack/packages/kbn-ai-assistant/src/chat/chat_header.tsx b/x-pack/packages/kbn-ai-assistant/src/chat/chat_header.tsx
index c4b4fcba0329f..2488323842a10 100644
--- a/x-pack/packages/kbn-ai-assistant/src/chat/chat_header.tsx
+++ b/x-pack/packages/kbn-ai-assistant/src/chat/chat_header.tsx
@@ -19,7 +19,7 @@ import {
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { css } from '@emotion/css';
-import { AssistantAvatar } from '@kbn/observability-ai-assistant-plugin/public';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
import { ChatActionsMenu } from './chat_actions_menu';
import type { UseGenAIConnectorsResult } from '../hooks/use_genai_connectors';
import { FlyoutPositionMode } from './chat_flyout';
@@ -94,7 +94,7 @@ export function ChatHeader({
{loading ? (
| undefined;
@@ -18,13 +18,6 @@ interface ChatAvatarProps {
loading: boolean;
}
-const assistantAvatarClassName = css`
- svg {
- width: 16px;
- height: 16px;
- }
-`;
-
export function ChatItemAvatar({ currentUser, role, loading }: ChatAvatarProps) {
const isLoading = loading || !currentUser;
@@ -39,14 +32,7 @@ export function ChatItemAvatar({ currentUser, role, loading }: ChatAvatarProps)
case MessageRole.Assistant:
case MessageRole.Elastic:
case MessageRole.Function:
- return (
-
+
-
diff --git a/x-pack/packages/kbn-ai-assistant/tsconfig.json b/x-pack/packages/kbn-ai-assistant/tsconfig.json
index 159a38f67f426..c23f92085c28d 100644
--- a/x-pack/packages/kbn-ai-assistant/tsconfig.json
+++ b/x-pack/packages/kbn-ai-assistant/tsconfig.json
@@ -38,5 +38,6 @@
"@kbn/share-plugin",
"@kbn/ai-assistant-common",
"@kbn/storybook",
+ "@kbn/ai-assistant-icon",
]
}
diff --git a/x-pack/packages/kbn-cloud-security-posture/storybook/config/tsconfig.json b/x-pack/packages/kbn-cloud-security-posture/storybook/config/tsconfig.json
deleted file mode 100644
index 1f8b2275f5191..0000000000000
--- a/x-pack/packages/kbn-cloud-security-posture/storybook/config/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
- "extends": "../../../../../tsconfig.base.json",
- "compilerOptions": {
- "outDir": "target/types",
- "types": [
- "jest",
- "node",
- "@kbn/ambient-storybook-types",
- ]
- },
- "include": [
- "**/*.ts"
- ],
- "kbn_references": [
- "@kbn/storybook",
- ],
- "exclude": [
- "target/**/*",
- ]
-}
diff --git a/x-pack/platform/packages/private/ml/aiops_components/src/document_count_chart/document_count_chart.tsx b/x-pack/platform/packages/private/ml/aiops_components/src/document_count_chart/document_count_chart.tsx
index 6e44f01cbbd69..5a6f45f6a6ba3 100644
--- a/x-pack/platform/packages/private/ml/aiops_components/src/document_count_chart/document_count_chart.tsx
+++ b/x-pack/platform/packages/private/ml/aiops_components/src/document_count_chart/document_count_chart.tsx
@@ -28,6 +28,7 @@ import {
getSnappedTimestamps,
getSnappedWindowParameters,
getWindowParametersForTrigger,
+ useLogRateAnalysisBarColors,
type DocumentCountStatsChangePoint,
type LogRateHistogramItem,
type WindowParameters,
@@ -198,6 +199,7 @@ export const DocumentCountChart: FC = (props) => {
const { data, uiSettings, fieldFormats, charts } = dependencies;
const chartBaseTheme = charts.theme.useChartsBaseTheme();
+ const barColors = useLogRateAnalysisBarColors();
const xAxisFormatter = fieldFormats.deserialize({ id: 'date' });
const useLegacyTimeAxis = uiSettings.get('visualization:useLegacyTimeAxis', false);
@@ -422,8 +424,10 @@ export const DocumentCountChart: FC = (props) => {
const baselineBadgeMarginLeft =
(mlBrushMarginLeft ?? 0) + (windowParametersAsPixels?.baselineMin ?? 0);
- const barColor = barColorOverride ? [barColorOverride] : undefined;
- const barHighlightColor = barHighlightColorOverride ? [barHighlightColorOverride] : ['orange'];
+ const barColor = barColorOverride ? [barColorOverride] : barColors.barColor;
+ const barHighlightColor = barHighlightColorOverride
+ ? [barHighlightColorOverride]
+ : [barColors.barHighlightColor];
return (
<>
diff --git a/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.test.tsx b/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.test.tsx
index 4b8191de1d874..09c118e4d262b 100644
--- a/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.test.tsx
+++ b/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.test.tsx
@@ -10,6 +10,8 @@ import { render, renderHook } from '@testing-library/react';
import { KBN_FIELD_TYPES } from '@kbn/field-types';
+import type { EuiThemeComputed } from '@elastic/eui';
+
import type {
NumericChartData,
OrdinalChartData,
@@ -23,6 +25,10 @@ import {
import { getFieldType, getLegendText, getXScaleType, useColumnChart } from './use_column_chart';
+const euiThemeMock = {
+ size: { base: '16px' },
+} as EuiThemeComputed;
+
describe('getFieldType()', () => {
it('should return the Kibana field type for a given EUI data grid schema', () => {
expect(getFieldType('text')).toBe('string');
@@ -103,63 +109,81 @@ describe('isUnsupportedChartData()', () => {
describe('getLegendText()', () => {
it('should return the chart legend text for unsupported chart types', () => {
- expect(getLegendText(validUnsupportedChartData)).toBe('Chart not supported.');
+ expect(getLegendText(validUnsupportedChartData, euiThemeMock)).toBe('Chart not supported.');
});
it('should return the chart legend text for empty datasets', () => {
- expect(getLegendText(validNumericChartData)).toBe('0 documents contain field.');
+ expect(getLegendText(validNumericChartData, euiThemeMock)).toBe('0 documents contain field.');
});
it('should return the chart legend text for boolean chart types', () => {
const { getByText } = render(
<>
- {getLegendText({
- cardinality: 2,
- data: [
- { key: 'true', key_as_string: 'true', doc_count: 10 },
- { key: 'false', key_as_string: 'false', doc_count: 20 },
- ],
- id: 'the-id',
- type: 'boolean',
- })}
+ {getLegendText(
+ {
+ cardinality: 2,
+ data: [
+ { key: 'true', key_as_string: 'true', doc_count: 10 },
+ { key: 'false', key_as_string: 'false', doc_count: 20 },
+ ],
+ id: 'the-id',
+ type: 'boolean',
+ },
+ euiThemeMock
+ )}
);
expect(getByText('true')).toBeInTheDocument();
expect(getByText('false')).toBeInTheDocument();
});
it('should return the chart legend text for ordinal chart data with less than max categories', () => {
- expect(getLegendText({ ...validOrdinalChartData, data: [{ key: 'cat', doc_count: 10 }] })).toBe(
- '10 categories'
- );
+ expect(
+ getLegendText(
+ { ...validOrdinalChartData, data: [{ key: 'cat', doc_count: 10 }] },
+ euiThemeMock
+ )
+ ).toBe('10 categories');
});
it('should return the chart legend text for ordinal chart data with more than max categories', () => {
expect(
- getLegendText({
- ...validOrdinalChartData,
- cardinality: 30,
- data: [{ key: 'cat', doc_count: 10 }],
- })
+ getLegendText(
+ {
+ ...validOrdinalChartData,
+ cardinality: 30,
+ data: [{ key: 'cat', doc_count: 10 }],
+ },
+ euiThemeMock
+ )
).toBe('top 20 of 30 categories');
});
it('should return the chart legend text for numeric datasets', () => {
expect(
- getLegendText({
- ...validNumericChartData,
- data: [{ key: 1, doc_count: 10 }],
- stats: [1, 100],
- })
+ getLegendText(
+ {
+ ...validNumericChartData,
+ data: [{ key: 1, doc_count: 10 }],
+ stats: [1, 100],
+ },
+ euiThemeMock
+ )
).toBe('1 - 100');
expect(
- getLegendText({
- ...validNumericChartData,
- data: [{ key: 1, doc_count: 10 }],
- stats: [100, 100],
- })
+ getLegendText(
+ {
+ ...validNumericChartData,
+ data: [{ key: 1, doc_count: 10 }],
+ stats: [100, 100],
+ },
+ euiThemeMock
+ )
).toBe('100');
expect(
- getLegendText({
- ...validNumericChartData,
- data: [{ key: 1, doc_count: 10 }],
- stats: [1.2345, 6.3456],
- })
+ getLegendText(
+ {
+ ...validNumericChartData,
+ data: [{ key: 1, doc_count: 10 }],
+ stats: [1.2345, 6.3456],
+ },
+ euiThemeMock
+ )
).toBe('1.23 - 6.35');
});
});
diff --git a/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.tsx b/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.tsx
index f0ad27d464473..9292f17069e7e 100644
--- a/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.tsx
+++ b/x-pack/platform/packages/private/ml/data_grid/hooks/use_column_chart.tsx
@@ -12,9 +12,13 @@ import { css } from '@emotion/react';
import useObservable from 'react-use/lib/useObservable';
-import { euiPaletteColorBlind, type EuiDataGridColumn } from '@elastic/eui';
+import {
+ useEuiTheme,
+ euiPaletteColorBlind,
+ type EuiDataGridColumn,
+ type EuiThemeComputed,
+} from '@elastic/eui';
-import { euiThemeVars } from '@kbn/ui-theme';
import { i18n } from '@kbn/i18n';
import { KBN_FIELD_TYPES } from '@kbn/field-types';
@@ -29,14 +33,6 @@ import { isNumericChartData, isOrdinalChartData } from '../lib/field_histograms'
import { NON_AGGREGATABLE } from '../lib/common';
import type { DataGridItem } from '../lib/types';
-const cssHistogramLegendBoolean = css({
- width: '100%',
- // This was originally $euiButtonMinWidth, but that
- // is no longer exported from the EUI package,
- // so we're replicating it here inline.
- minWidth: `calc(${euiThemeVars.euiSize} * 7)`,
-});
-
const cssTextAlignCenter = css({
textAlign: 'center',
});
@@ -97,6 +93,7 @@ export const getFieldType = (schema: EuiDataGridColumn['schema']): KBN_FIELD_TYP
type LegendText = string | JSX.Element;
export const getLegendText = (
chartData: ChartData,
+ euiTheme: EuiThemeComputed,
maxChartColumns = MAX_CHART_COLUMNS
): LegendText => {
if (chartData.type === 'unsupported') {
@@ -112,6 +109,14 @@ export const getLegendText = (
}
if (chartData.type === 'boolean') {
+ const cssHistogramLegendBoolean = css({
+ width: '100%',
+ // This was originally $euiButtonMinWidth, but that
+ // is no longer exported from the EUI package,
+ // so we're replicating it here inline.
+ minWidth: `calc(${euiTheme.size.base} * 7)`,
+ });
+
return (
@@ -171,6 +176,8 @@ export const useColumnChart = (
columnType: EuiDataGridColumn,
maxChartColumns?: number
): ColumnChart => {
+ const { euiTheme } = useEuiTheme();
+
const fieldType = getFieldType(columnType.schema);
const hoveredRow = useObservable(hoveredRow$);
@@ -231,7 +238,7 @@ export const useColumnChart = (
return {
data,
- legendText: getLegendText(chartData, maxChartColumns),
+ legendText: getLegendText(chartData, euiTheme, maxChartColumns),
xScaleType,
};
};
diff --git a/x-pack/platform/packages/private/ml/data_grid/tsconfig.json b/x-pack/platform/packages/private/ml/data_grid/tsconfig.json
index db1fefe7ccca0..e2c0a81468556 100644
--- a/x-pack/platform/packages/private/ml/data_grid/tsconfig.json
+++ b/x-pack/platform/packages/private/ml/data_grid/tsconfig.json
@@ -28,7 +28,6 @@
"@kbn/ml-agg-utils",
"@kbn/ml-error-utils",
"@kbn/ml-data-frame-analytics-utils",
- "@kbn/ui-theme",
"@kbn/i18n-react",
"@kbn/ml-is-populated-object",
"@kbn/ml-date-picker",
diff --git a/x-pack/platform/packages/private/ml/field_stats_flyout/field_stats_flyout_provider.tsx b/x-pack/platform/packages/private/ml/field_stats_flyout/field_stats_flyout_provider.tsx
index 4e7a501140b01..16eb8a48798b8 100644
--- a/x-pack/platform/packages/private/ml/field_stats_flyout/field_stats_flyout_provider.tsx
+++ b/x-pack/platform/packages/private/ml/field_stats_flyout/field_stats_flyout_provider.tsx
@@ -7,7 +7,6 @@
import type { PropsWithChildren, FC } from 'react';
import React, { useCallback, useState } from 'react';
-import type { ThemeServiceStart } from '@kbn/core-theme-browser';
import type { DataView } from '@kbn/data-plugin/common';
import type { FieldStatsServices } from '@kbn/unified-field-list/src/components/field_stats';
import type { TimeRange as TimeRangeMs } from '@kbn/ml-date-picker';
@@ -36,7 +35,6 @@ import { PopulatedFieldsCacheManager } from './populated_fields/populated_fields
export type FieldStatsFlyoutProviderProps = PropsWithChildren<{
dataView: DataView;
fieldStatsServices: FieldStatsServices;
- theme: ThemeServiceStart;
timeRangeMs?: TimeRangeMs;
dslQuery?: FieldStatsProps['dslQuery'];
disablePopulatedFields?: boolean;
@@ -65,7 +63,6 @@ export const FieldStatsFlyoutProvider: FC = (prop
const {
dataView,
fieldStatsServices,
- theme,
timeRangeMs,
dslQuery,
disablePopulatedFields = false,
@@ -174,7 +171,6 @@ export const FieldStatsFlyoutProvider: FC = (prop
fieldValue,
timeRangeMs,
populatedFields,
- theme,
}}
>
= (props) => {
const { field, label, onButtonClick, disabled, isEmpty, hideTrigger } = props;
- const theme = useFieldStatsFlyoutThemeVars();
- const themeVars = useCurrentEuiThemeVars(theme);
+ const { euiTheme } = useEuiTheme();
const emptyFieldMessage = isEmpty
? ' ' +
@@ -100,7 +104,7 @@ export const FieldStatsInfoButton: FC = (props) => {
disabled={disabled === true}
size="xs"
iconType="fieldStatistics"
- css={{ color: isEmpty ? themeVars.euiTheme.euiColorDisabled : undefined }}
+ css={{ color: isEmpty ? euiTheme.colors.textDisabled : undefined }}
onClick={(ev: React.MouseEvent) => {
if (ev.type === 'click') {
ev.currentTarget.focus();
@@ -127,12 +131,12 @@ export const FieldStatsInfoButton: FC = (props) => {
{!hideTrigger ? (
{isLoading ? (
diff --git a/x-pack/platform/packages/private/ml/field_stats_flyout/tsconfig.json b/x-pack/platform/packages/private/ml/field_stats_flyout/tsconfig.json
index 33e65f0cebcae..1de626e740fc1 100644
--- a/x-pack/platform/packages/private/ml/field_stats_flyout/tsconfig.json
+++ b/x-pack/platform/packages/private/ml/field_stats_flyout/tsconfig.json
@@ -23,14 +23,11 @@
"@kbn/i18n",
"@kbn/react-field",
"@kbn/ml-anomaly-utils",
- "@kbn/ml-kibana-theme",
"@kbn/ml-data-grid",
"@kbn/ml-string-hash",
"@kbn/ml-is-populated-object",
"@kbn/ml-query-utils",
"@kbn/ml-is-defined",
"@kbn/field-types",
- "@kbn/ui-theme",
- "@kbn/core-theme-browser",
]
}
diff --git a/x-pack/platform/packages/private/ml/field_stats_flyout/use_field_stats_flyout_context.ts b/x-pack/platform/packages/private/ml/field_stats_flyout/use_field_stats_flyout_context.ts
index 121426352e6e4..2e58dbb1361a2 100644
--- a/x-pack/platform/packages/private/ml/field_stats_flyout/use_field_stats_flyout_context.ts
+++ b/x-pack/platform/packages/private/ml/field_stats_flyout/use_field_stats_flyout_context.ts
@@ -7,7 +7,6 @@
import { createContext, useContext } from 'react';
import type { TimeRange as TimeRangeMs } from '@kbn/ml-date-picker';
-import type { ThemeServiceStart } from '@kbn/core-theme-browser';
/**
* Represents the properties for the MLJobWizardFieldStatsFlyout component.
@@ -22,7 +21,6 @@ interface MLJobWizardFieldStatsFlyoutProps {
fieldValue?: string | number;
timeRangeMs?: TimeRangeMs;
populatedFields?: Set;
- theme?: ThemeServiceStart;
}
/**
@@ -36,7 +34,6 @@ export const MLFieldStatsFlyoutContext = createContext {},
timeRangeMs: undefined,
populatedFields: undefined,
- theme: undefined,
});
/**
@@ -52,17 +49,3 @@ export function useFieldStatsFlyoutContext() {
return fieldStatsFlyoutContext;
}
-
-/**
- * Retrieves the theme vars from the field stats flyout context.
- * @returns The theme vars.
- */
-export function useFieldStatsFlyoutThemeVars() {
- const { theme } = useFieldStatsFlyoutContext();
-
- if (!theme) {
- throw new Error('theme must be provided in the MLFieldStatsFlyoutContext');
- }
-
- return theme;
-}
diff --git a/x-pack/platform/packages/private/ml/kibana_theme/index.ts b/x-pack/platform/packages/private/ml/kibana_theme/index.ts
index 0bd52263c70fb..daa5b6ad8964c 100644
--- a/x-pack/platform/packages/private/ml/kibana_theme/index.ts
+++ b/x-pack/platform/packages/private/ml/kibana_theme/index.ts
@@ -5,4 +5,4 @@
* 2.0.
*/
-export { useIsDarkTheme, useCurrentEuiThemeVars, type EuiThemeType } from './src/hooks';
+export { useIsDarkTheme } from './src/hooks';
diff --git a/x-pack/platform/packages/private/ml/kibana_theme/src/hooks.ts b/x-pack/platform/packages/private/ml/kibana_theme/src/hooks.ts
index ed156f56f025b..68aa5bb4129a5 100644
--- a/x-pack/platform/packages/private/ml/kibana_theme/src/hooks.ts
+++ b/x-pack/platform/packages/private/ml/kibana_theme/src/hooks.ts
@@ -8,11 +8,8 @@
import { useMemo } from 'react';
import { of } from 'rxjs';
import useObservable from 'react-use/lib/useObservable';
-import { euiDarkVars as euiThemeDark, euiLightVars as euiThemeLight } from '@kbn/ui-theme';
import type { ThemeServiceStart } from '@kbn/core-theme-browser';
-export type EuiThemeType = typeof euiThemeLight | typeof euiThemeDark;
-
const themeDefault = { darkMode: false };
/**
@@ -28,11 +25,3 @@ export function useIsDarkTheme(theme: ThemeServiceStart): boolean {
return darkMode;
}
-
-/**
- * Returns an EUI theme definition based on the currently applied theme.
- */
-export function useCurrentEuiThemeVars(theme: ThemeServiceStart): { euiTheme: EuiThemeType } {
- const isDarkMode = useIsDarkTheme(theme);
- return useMemo(() => ({ euiTheme: isDarkMode ? euiThemeDark : euiThemeLight }), [isDarkMode]);
-}
diff --git a/x-pack/platform/packages/private/ml/kibana_theme/tsconfig.json b/x-pack/platform/packages/private/ml/kibana_theme/tsconfig.json
index 263f34ba27581..1342e03481c51 100644
--- a/x-pack/platform/packages/private/ml/kibana_theme/tsconfig.json
+++ b/x-pack/platform/packages/private/ml/kibana_theme/tsconfig.json
@@ -14,7 +14,6 @@
"target/**/*"
],
"kbn_references": [
- "@kbn/ui-theme",
"@kbn/core-theme-browser",
]
}
diff --git a/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/constants.ts b/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/constants.ts
index 2d915870ca129..6ae763ef40967 100644
--- a/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/constants.ts
+++ b/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/constants.ts
@@ -5,6 +5,8 @@
* 2.0.
*/
+import { useEuiTheme } from '@elastic/eui';
+
/** Log rate analysis settings */
export const LOG_RATE_ANALYSIS_SETTINGS = {
/**
@@ -32,7 +34,17 @@ export const LOG_RATE_ANALYSIS_SETTINGS = {
export const RANDOM_SAMPLER_SEED = 3867412;
/** Highlighting color for charts */
-export const LOG_RATE_ANALYSIS_HIGHLIGHT_COLOR = 'orange';
+export const useLogRateAnalysisBarColors = () => {
+ const { euiTheme } = useEuiTheme();
+ return {
+ barColor: euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis0
+ : euiTheme.colors.vis.euiColorVis0,
+ barHighlightColor: euiTheme.flags.hasVisColorAdjustment
+ ? 'orange'
+ : euiTheme.colors.vis.euiColorVis8,
+ };
+};
/** */
export const EMBEDDABLE_LOG_RATE_ANALYSIS_TYPE = 'aiopsLogRateAnalysisEmbeddable' as const;
diff --git a/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/index.ts b/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/index.ts
index 15762c09684c5..36041bbcca7c7 100644
--- a/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/index.ts
+++ b/x-pack/platform/packages/shared/ml/aiops_log_rate_analysis/index.ts
@@ -5,7 +5,7 @@
* 2.0.
*/
-export { LOG_RATE_ANALYSIS_HIGHLIGHT_COLOR } from './constants';
+export { useLogRateAnalysisBarColors } from './constants';
export { getLogRateAnalysisTypeForHistogram } from './get_log_rate_analysis_type_for_histogram';
export { LOG_RATE_ANALYSIS_TYPE, type LogRateAnalysisType } from './log_rate_analysis_type';
export type { LogRateHistogramItem } from './log_rate_histogram_item';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/_index.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/_index.scss
deleted file mode 100644
index ecc7a2fce1fa6..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import 'common/components/index';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/_index.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/_index.scss
deleted file mode 100644
index 232cb369a1d07..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/_index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import 'stats_table/index';
-@import 'top_values/top_values';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/document_count_content/document_count_chart/document_count_chart.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/document_count_content/document_count_chart/document_count_chart.tsx
index d6adf432fd575..75d000e8e8a4e 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/document_count_content/document_count_chart/document_count_chart.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/document_count_content/document_count_chart/document_count_chart.tsx
@@ -7,7 +7,8 @@
import type { FC } from 'react';
import React, { useCallback, useMemo } from 'react';
-import { i18n } from '@kbn/i18n';
+import moment from 'moment';
+
import type {
BrushEndListener,
ElementClickListener,
@@ -15,12 +16,13 @@ import type {
XYBrushEvent,
} from '@elastic/charts';
import { Axis, HistogramBarSeries, Chart, Position, ScaleType, Settings } from '@elastic/charts';
-import moment from 'moment';
+import { useEuiTheme, EuiFlexGroup, EuiLoadingSpinner, EuiFlexItem } from '@elastic/eui';
+
+import { i18n } from '@kbn/i18n';
import { getTimeZone } from '@kbn/visualization-utils';
import { MULTILAYER_TIME_AXIS_STYLE } from '@kbn/charts-plugin/common';
import type { LogRateHistogramItem } from '@kbn/aiops-log-rate-analysis';
-import { EuiFlexGroup, EuiLoadingSpinner, EuiFlexItem } from '@elastic/eui';
import { useDataVisualizerKibana } from '../../../../kibana_context';
interface Props {
@@ -50,6 +52,7 @@ export const DocumentCountChart: FC = ({
interval,
loading,
}) => {
+ const { euiTheme } = useEuiTheme();
const {
services: { data, uiSettings, fieldFormats, charts },
} = useDataVisualizerKibana();
@@ -154,6 +157,7 @@ export const DocumentCountChart: FC = ({
yAccessors={['value']}
data={adjustedChartPoints}
timeZone={timeZone}
+ color={euiTheme.colors.vis.euiColorVis0}
yNice
/>
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/link_card/link_card.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/link_card/link_card.tsx
index b65092514d59a..501b7385fbf67 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/link_card/link_card.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/link_card/link_card.tsx
@@ -9,6 +9,7 @@ import type { FC } from 'react';
import React from 'react';
import {
+ useEuiTheme,
EuiIcon,
EuiText,
EuiTitle,
@@ -18,7 +19,6 @@ import {
EuiLink,
} from '@elastic/eui';
import type { EuiIconType } from '@elastic/eui/src/components/icon/icon';
-import { useCurrentEuiTheme } from '../../hooks/use_current_eui_theme';
export interface LinkCardProps {
icon: EuiIconType | string;
@@ -43,7 +43,7 @@ export const LinkCard: FC = ({
isDisabled,
'data-test-subj': dataTestSubj,
}) => {
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
const linkHrefAndOnClickProps = {
...(href ? { href } : {}),
@@ -67,7 +67,7 @@ export const LinkCard: FC = ({
{...linkHrefAndOnClickProps}
>
-
+
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/multi_select_picker/multi_select_picker.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/multi_select_picker/multi_select_picker.tsx
index feabb32ecadbf..8c3c06ba08ce5 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/multi_select_picker/multi_select_picker.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/multi_select_picker/multi_select_picker.tsx
@@ -6,6 +6,7 @@
*/
import {
+ useEuiTheme,
EuiFieldSearch,
EuiFilterButton,
EuiFilterGroup,
@@ -21,7 +22,6 @@ import React, { useEffect, useState } from 'react';
import { FormattedMessage } from '@kbn/i18n-react';
import type { SerializedStyles } from '@emotion/react';
import { css } from '@emotion/react';
-import { useCurrentEuiTheme } from '../../hooks/use_current_eui_theme';
export interface Option {
name?: string | ReactNode;
@@ -60,7 +60,7 @@ export const MultiSelectPicker: FC<{
postfix?: React.ReactElement;
cssStyles?: MultiSelectPickerStyles;
}> = ({ options, onChange, title, checkedOptions, dataTestSubj, postfix, cssStyles }) => {
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
const [items, setItems] = useState(options);
const [searchTerm, setSearchTerm] = useState('');
@@ -153,8 +153,8 @@ export const MultiSelectPicker: FC<{
flexDirection: 'row',
color:
item.disabled === true
- ? euiTheme.euiColorDisabledText
- : euiTheme.euiTextColor,
+ ? euiTheme.colors.textDisabled
+ : euiTheme.colors.textParagraph,
}}
data-test-subj={`${dataTestSubj}-option-${item.value}${
checked ? '-checked' : ''
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/_index.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/_index.scss
deleted file mode 100644
index ccd38b8506a93..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/_index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import 'components/field_data_expanded_row/index';
-@import 'components/field_data_row/index';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/_index.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/_index.scss
deleted file mode 100644
index fdc591a140fea..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import 'number_content';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/_number_content.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/_number_content.scss
deleted file mode 100644
index 1f52b0763cdd3..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/_number_content.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.metricDistributionChartContainer {
- padding-top: $euiSizeXS;
- width: 100%;
-}
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/boolean_content.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/boolean_content.tsx
index 669c48b1db8bf..6be2d5e9fa285 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/boolean_content.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/boolean_content.tsx
@@ -7,20 +7,26 @@
import type { FC } from 'react';
import React, { useMemo } from 'react';
+
import { EuiSpacer } from '@elastic/eui';
import { Axis, BarSeries, Chart, Settings, ScaleType, LEGACY_LIGHT_THEME } from '@elastic/charts';
import { FormattedMessage } from '@kbn/i18n-react';
import { roundToDecimalPlace } from '@kbn/ml-number-utils';
import { i18n } from '@kbn/i18n';
+
import { TopValues } from '../../../top_values';
+
import type { FieldDataRowProps } from '../../types/field_data_row';
-import { ExpandedRowFieldHeader } from '../expanded_row_field_header';
import { getTFPercentage } from '../../utils';
import { useDataVizChartTheme } from '../../hooks';
+
+import { ExpandedRowFieldHeader } from '../expanded_row_field_header';
+
import { DocumentStatsTable } from './document_stats';
import { ExpandedRowContent } from './expanded_row_content';
import { ExpandedRowPanel } from './expanded_row_panel';
+import { useBarColor } from './use_bar_color';
function getPercentLabel(value: number): string {
if (value === 0) {
@@ -41,6 +47,8 @@ function getFormattedValue(value: number, totalCount: number): string {
const BOOLEAN_DISTRIBUTION_CHART_HEIGHT = 70;
export const BooleanContent: FC = ({ config, onAddFilter }) => {
+ const barColor = useBarColor();
+
const fieldFormat = 'fieldFormat' in config ? config.fieldFormat : undefined;
const formattedPercentages = useMemo(() => getTFPercentage(config), [config]);
const theme = useDataVizChartTheme();
@@ -54,7 +62,7 @@ export const BooleanContent: FC = ({ config, onAddFilter }) =
= ({ config, onAddFilter }) => {
+ const barColor = useBarColor();
+
const { stats } = config;
if (stats === undefined) return null;
const { count, sampleCount, cardinality } = stats;
@@ -26,7 +32,7 @@ export const IpContent: FC = ({ config, onAddFilter }) => {
= ({ config, onAddFilter }) => {
+ const barColor = useBarColor();
+
const [suggestion, setSuggestion] = useState(null);
const { stats, fieldName } = config;
const fieldFormat = 'fieldFormat' in config ? config.fieldFormat : undefined;
@@ -62,14 +70,14 @@ export const KeywordContent: FC = ({ config, onAddFilter }) =
= ({ config, onAddFilter }) => {
+ const { euiTheme } = useEuiTheme();
+
+ const metricDistributionChartContainer = css({
+ paddingTop: euiTheme.size.xs,
+ width: '100%',
+ });
+
const { stats } = config;
const distributionChartData = useMemo(
@@ -39,6 +60,8 @@ export const NumberContent: FC = ({ config, onAddFilter }) =>
[stats?.distribution]
);
+ const barColor = useBarColor();
+
if (stats === undefined) return null;
const { min, median, max, distribution } = stats;
const fieldFormat = 'fieldFormat' in config ? config.fieldFormat : undefined;
@@ -119,7 +142,7 @@ export const NumberContent: FC = ({ config, onAddFilter }) =>
= ({ config, onAddFilter }) =>
-
+
{
+ const { euiTheme } = useEuiTheme();
+
+ return euiTheme.flags.hasVisColorAdjustment ? 'success' : 'vis0';
+};
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_row/_index.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_row/_index.scss
deleted file mode 100644
index 3afa182560e1e..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/components/field_data_row/_index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.dataVisualizerColumnHeaderIcon {
- max-width: $euiSizeM;
-}
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx
index e0e43efb694f2..b4db9b26681ef 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx
@@ -41,7 +41,6 @@ import { BooleanContentPreview } from './components/field_data_row';
import { calculateTableColumnsDimensions } from './utils';
import { DistinctValues } from './components/field_data_row/distinct_values';
import { FieldTypeIcon } from '../field_type_icon';
-import './_index.scss';
import type { FieldStatisticTableEmbeddableProps } from '../../../index_data_visualizer/embeddables/grid_embeddable/types';
import type { DataVisualizerTableItem } from './types';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_color_range.ts b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_color_range.ts
index d230da125c13e..b929ec9a557db 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_color_range.ts
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_color_range.ts
@@ -7,8 +7,7 @@
import d3 from 'd3';
import { i18n } from '@kbn/i18n';
-import { useCurrentEuiTheme } from '../../../hooks/use_current_eui_theme';
-
+import { useEuiTheme } from '@elastic/eui';
/**
* Custom color scale factory that takes the amount of feature influencers
* into account to adjust the contrast of the color range. This is used for
@@ -155,16 +154,24 @@ export const useColorRange = (
colorRangeScale = COLOR_RANGE_SCALE.LINEAR,
featureCount = 1
) => {
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
const colorRanges: Record = {
[COLOR_RANGE.BLUE]: [
- d3.rgb(euiTheme.euiColorEmptyShade).toString(),
- d3.rgb(euiTheme.euiColorVis1).toString(),
+ d3.rgb(euiTheme.colors.emptyShade).toString(),
+ d3
+ .rgb(
+ // Amsterdam: euiTheme.colors.vis.euiColorVis1
+ // Borealis: euiTheme.colors.vis.euiColorVis2
+ euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis1
+ : euiTheme.colors.vis.euiColorVis2
+ )
+ .toString(),
],
[COLOR_RANGE.RED]: [
- d3.rgb(euiTheme.euiColorEmptyShade).toString(),
- d3.rgb(euiTheme.euiColorDanger).toString(),
+ d3.rgb(euiTheme.colors.emptyShade).toString(),
+ d3.rgb(euiTheme.colors.danger).toString(),
],
[COLOR_RANGE.RED_GREEN]: ['red', 'green'],
[COLOR_RANGE.GREEN_RED]: ['green', 'red'],
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_data_viz_chart_theme.ts b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_data_viz_chart_theme.ts
index 269c9b55fc3de..cf21569de6ebb 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_data_viz_chart_theme.ts
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/hooks/use_data_viz_chart_theme.ts
@@ -5,18 +5,22 @@
* 2.0.
*/
-import type { PartialTheme } from '@elastic/charts';
import { useMemo } from 'react';
-import { useCurrentEuiTheme } from '../../../hooks/use_current_eui_theme';
+
+import type { PartialTheme } from '@elastic/charts';
+import { useEuiFontSize, useEuiTheme } from '@elastic/eui';
+
export const useDataVizChartTheme = (): PartialTheme => {
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
+ const euiFontSizeXS = useEuiFontSize('xs', { unit: 'px' }).fontSize as string;
const chartTheme = useMemo(() => {
- const AREA_SERIES_COLOR = euiTheme.euiColorVis0;
+ // Amsterdam + Borealis
+ const AREA_SERIES_COLOR = euiTheme.colors.vis.euiColorVis0;
return {
axes: {
tickLabel: {
- fontSize: parseInt(euiTheme.euiFontSizeXS, 10),
- fontFamily: euiTheme.euiFontFamily,
+ fontSize: parseInt(euiFontSizeXS, 10),
+ fontFamily: euiTheme.font.family,
fontStyle: 'italic',
},
},
@@ -50,6 +54,6 @@ export const useDataVizChartTheme = (): PartialTheme => {
area: { visible: true, opacity: 1 },
},
};
- }, [euiTheme]);
+ }, [euiFontSizeXS, euiTheme]);
return chartTheme;
};
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/_top_values.scss b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/_top_values.scss
deleted file mode 100644
index bb227dd24d48a..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/_top_values.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.fieldDataTopValuesContainer {
- padding-top: $euiSizeXS;
-}
-
-.topValuesValueLabelContainer {
- margin-right: $euiSizeM;
-}
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/top_values.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/top_values.tsx
index 35c648e7135bb..d3337a7f676d6 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/top_values.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/top_values.tsx
@@ -34,7 +34,7 @@ import type { FieldVisStats } from '../../../../../common/types';
import { ExpandedRowPanel } from '../stats_table/components/field_data_expanded_row/expanded_row_panel';
import { EMPTY_EXAMPLE } from '../examples_list/examples_list';
-interface Props {
+interface TopValuesProps {
stats: FieldVisStats | undefined;
fieldFormat?: any;
barColor?: EuiProgressProps['color'];
@@ -53,7 +53,7 @@ function getPercentLabel(percent: number): string {
}
}
-export const TopValues: FC = ({
+export const TopValues: FC = ({
stats,
fieldFormat,
barColor,
@@ -72,7 +72,11 @@ export const TopValues: FC = ({
data: { fieldFormats },
},
} = useDataVisualizerKibana();
- const euiTheme = useEuiTheme();
+ const euiThemeContext = useEuiTheme();
+ const { euiTheme } = euiThemeContext;
+
+ const fieldDataTopValuesContainer = css({ paddingTop: euiTheme.size.xs });
+ const topValuesValueLabelContainer = css({ marginRight: euiTheme.size.m });
if (stats === undefined || !stats.topValues) return null;
const { fieldName, sampleCount, approximate } = stats;
@@ -175,7 +179,7 @@ export const TopValues: FC = ({
className={classNames('dvPanel__wrapper', compressed ? 'dvPanel--compressed' : undefined)}
css={css`
overflow-x: auto;
- ${euiScrollBarStyles(euiTheme)}
+ ${euiScrollBarStyles(euiThemeContext)}
`}
>
@@ -194,7 +198,8 @@ export const TopValues: FC = ({
{Array.isArray(topValues)
? topValues.map((value) => {
@@ -210,7 +215,8 @@ export const TopValues: FC = ({
color={barColor}
size="xs"
label={value.key ? kibanaFieldFormat(value.key, fieldFormat) : displayValue}
- className={classNames('eui-textTruncate', 'topValuesValueLabelContainer')}
+ className="eui-textTruncate"
+ css={topValuesValueLabelContainer}
valueText={`${value.doc_count}${
totalDocuments !== undefined
? ` (${getPercentLabel(value.percent * 100)})`
@@ -289,7 +295,8 @@ export const TopValues: FC = ({
defaultMessage="Other"
/>
}
- className={classNames('eui-textTruncate', 'topValuesValueLabelContainer')}
+ className="eui-textTruncate"
+ css={topValuesValueLabelContainer}
valueText={`${topValuesOtherCount}${
totalDocuments !== undefined
? ` (${getPercentLabel(topValuesOtherCountPercent * 100)})`
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/hooks/use_current_eui_theme.ts b/x-pack/platform/plugins/private/data_visualizer/public/application/common/hooks/use_current_eui_theme.ts
deleted file mode 100644
index bd2500b1b77e6..0000000000000
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/hooks/use_current_eui_theme.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import { useCurrentEuiThemeVars } from '@kbn/ml-kibana-theme';
-import { useDataVisualizerKibana } from '../../kibana_context';
-
-export function useCurrentEuiTheme() {
- const {
- services: { theme },
- } = useDataVisualizerKibana();
-
- return useCurrentEuiThemeVars(theme).euiTheme;
-}
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_overview_table.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_overview_table.tsx
index 7de413c74b4de..ddbc3d4e9efe2 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_overview_table.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_overview_table.tsx
@@ -20,12 +20,12 @@ import {
import { FieldTypeIcon } from '../common/components/field_type_icon';
import { COLLAPSE_ROW, EXPAND_ROW } from '../../../common/i18n_constants';
import { COMPARISON_LABEL, REFERENCE_LABEL } from './constants';
-import { useCurrentEuiTheme } from '../common/hooks/use_current_eui_theme';
import { type DataDriftField, type Feature, FETCH_STATUS } from './types';
import { formatSignificanceLevel } from './data_drift_utils';
import { SingleDistributionChart } from './charts/single_distribution_chart';
import { OverlapDistributionComparison } from './charts/overlap_distribution_chart';
import { DataDriftDistributionChart } from './charts/data_drift_distribution_chart';
+import { useDataDriftColors } from './use_data_drift_colors';
const dataComparisonYesLabel = i18n.translate('xpack.dataVisualizer.dataDrift.fieldTypeYesLabel', {
defaultMessage: 'Yes',
@@ -47,15 +47,8 @@ export const DataDriftOverviewTable = ({
data: Feature[];
status: FETCH_STATUS;
} & UseTableState) => {
- const euiTheme = useCurrentEuiTheme();
+ const colors = useDataDriftColors();
- const colors = useMemo(
- () => ({
- referenceColor: euiTheme.euiColorVis2,
- comparisonColor: euiTheme.euiColorVis1,
- }),
- [euiTheme]
- );
const [itemIdToExpandedRowMap, setItemIdToExpandedRowMap] = useState>(
{}
);
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_page.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_page.tsx
index 4623e886852d8..229290a1ace2b 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_page.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_page.tsx
@@ -45,7 +45,6 @@ import { useDataDriftStateManagerContext } from './use_state_manager';
import { useData } from '../common/hooks/use_data';
import type { DVKey, DVStorageMapped } from '../index_data_visualizer/types/storage';
import { DV_FROZEN_TIER_PREFERENCE } from '../index_data_visualizer/types/storage';
-import { useCurrentEuiTheme } from '../common/hooks/use_current_eui_theme';
import type { DataComparisonFullAppState } from './types';
import { getDefaultDataComparisonState } from './types';
import { useDataSource } from '../common/hooks/data_source_context';
@@ -55,6 +54,7 @@ import { COMPARISON_LABEL, REFERENCE_LABEL } from './constants';
import { SearchPanelContent } from '../index_data_visualizer/components/search_panel/search_bar';
import { useSearch } from '../common/hooks/use_search';
import { DocumentCountWithBrush } from './document_count_with_brush';
+import { useDataDriftColors } from './use_data_drift_colors';
const dataViewTitleHeader = css({
minWidth: '300px',
@@ -264,12 +264,7 @@ export const DataDriftPage: FC = ({ initialSettings }) => {
});
}, [dataService, searchQueryLanguage, searchString]);
- const euiTheme = useCurrentEuiTheme();
- const colors = {
- referenceColor: euiTheme.euiColorVis2,
- comparisonColor: euiTheme.euiColorVis1,
- overlapColor: '#490771',
- };
+ const colors = useDataDriftColors();
const [brushRanges, setBrushRanges] = useState();
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/document_count_chart_single_brush/document_count_chart_singular.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/document_count_chart_single_brush/document_count_chart_singular.tsx
index 94de2d2f4390a..71b2cbdd3c2f0 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/document_count_chart_single_brush/document_count_chart_singular.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/document_count_chart_single_brush/document_count_chart_singular.tsx
@@ -19,6 +19,8 @@ import type {
BarStyleAccessor,
RectAnnotationSpec,
} from '@elastic/charts/dist/chart_types/xy_chart/utils/specs';
+import { useEuiTheme } from '@elastic/eui';
+
import { getTimeZone } from '@kbn/visualization-utils';
import { i18n } from '@kbn/i18n';
import type { IUiSettingsClient } from '@kbn/core/public';
@@ -27,10 +29,10 @@ import { MULTILAYER_TIME_AXIS_STYLE } from '@kbn/charts-plugin/common';
import type { DataPublicPluginStart } from '@kbn/data-plugin/public';
import type { ChartsPluginStart } from '@kbn/charts-plugin/public';
import type { FieldFormatsStart } from '@kbn/field-formats-plugin/public';
-
import { DualBrushAnnotation } from '@kbn/aiops-components';
import { FormattedMessage } from '@kbn/i18n-react';
import { EuiText } from '@elastic/eui';
+
import {
SingleBrush,
getSingleBrushWindowParameters,
@@ -174,6 +176,8 @@ export const DocumentCountChartWithBrush: FC = (props)
const { data, uiSettings, fieldFormats, charts } = dependencies;
+ const { euiTheme } = useEuiTheme();
+
const chartBaseTheme = charts.theme.useChartsBaseTheme();
const xAxisFormatter = fieldFormats.deserialize({ id: 'date' });
@@ -374,7 +378,7 @@ export const DocumentCountChartWithBrush: FC = (props)
mlBrushWidth &&
mlBrushWidth > 0;
- const barColor = barColorOverride ? [barColorOverride] : undefined;
+ const barColor = barColorOverride ? [barColorOverride] : euiTheme.colors.vis.euiColorVis0;
const barHighlightColor = barHighlightColorOverride ? [barHighlightColorOverride] : ['orange'];
return (
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/use_data_drift_colors.ts b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/use_data_drift_colors.ts
new file mode 100644
index 0000000000000..7d63ee4c7c259
--- /dev/null
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/use_data_drift_colors.ts
@@ -0,0 +1,31 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { useMemo } from 'react';
+
+import { useEuiTheme } from '@elastic/eui';
+
+export const useDataDriftColors = () => {
+ const { euiTheme } = useEuiTheme();
+
+ return useMemo(
+ () => ({
+ // Amsterdam: euiTheme.colors.vis.euiColorVis2
+ // Borealis: euiTheme.colors.vis.euiColorVis4
+ referenceColor: euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis2
+ : euiTheme.colors.vis.euiColorVis4,
+ // Amsterdam: euiTheme.colors.vis.euiColorVis1
+ // Borealis: euiTheme.colors.vis.euiColorVis2
+ comparisonColor: euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis1
+ : euiTheme.colors.vis.euiColorVis2,
+ overlapColor: '#490771',
+ }),
+ [euiTheme]
+ );
+};
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx
index 64f08822617f4..e76fbf6e65494 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx
@@ -5,12 +5,13 @@
* 2.0.
*/
+import React, { type FC, useMemo } from 'react';
+import { css } from '@emotion/react';
+
+import { useEuiTheme } from '@elastic/eui';
+
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
-import { css } from '@emotion/react';
-import { euiThemeVars } from '@kbn/ui-theme';
-import type { FC } from 'react';
-import React from 'react';
import {
EuiFlexGroup,
@@ -30,14 +31,20 @@ interface Props {
hasPermissionToImport: boolean;
}
-const aboutPanelContentStyle = css({
- '.euiFilePicker__icon': {
- width: euiThemeVars.euiSizeXXL,
- height: euiThemeVars.euiSizeXXL,
- },
-});
-
export const AboutPanel: FC = ({ onFilePickerChange, hasPermissionToImport }) => {
+ const { euiTheme } = useEuiTheme();
+
+ const aboutPanelContentStyle = useMemo(
+ () =>
+ css({
+ '.euiFilePicker__icon': {
+ width: euiTheme.size.xxl,
+ height: euiTheme.size.xxl,
+ },
+ }),
+ [euiTheme]
+ );
+
return (
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx
index a5437ad49dc2d..af821dce63ddc 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx
@@ -5,33 +5,29 @@
* 2.0.
*/
-import { FormattedMessage } from '@kbn/i18n-react';
-import type { FC } from 'react';
-import React from 'react';
-import { euiThemeVars } from '@kbn/ui-theme';
+import React, { type FC, useMemo } from 'react';
import { css } from '@emotion/react';
-import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
-
-import { useDataVisualizerKibana } from '../../../kibana_context';
+import {
+ useEuiTheme,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiIcon,
+ EuiSpacer,
+ EuiText,
+ EuiTitle,
+} from '@elastic/eui';
-const docIconStyle = css({
- marginLeft: euiThemeVars.euiSizeL,
- marginTop: euiThemeVars.euiSizeXS,
-});
+import { FormattedMessage } from '@kbn/i18n-react';
-const mainIconStyle = css({
- width: '96px',
- height: '96px',
- marginLeft: euiThemeVars.euiSizeXL,
- marginRight: euiThemeVars.euiSizeL,
-});
+import { useDataVisualizerKibana } from '../../../kibana_context';
interface Props {
hasPermissionToImport: boolean;
}
export const WelcomeContent: FC = ({ hasPermissionToImport }) => {
+ const { euiTheme } = useEuiTheme();
const {
services: {
fileUpload: { getMaxBytesFormatted, getMaxTikaBytesFormatted },
@@ -40,6 +36,21 @@ export const WelcomeContent: FC = ({ hasPermissionToImport }) => {
const maxFileSize = getMaxBytesFormatted();
const maxTikaFileSize = getMaxTikaBytesFormatted();
+ const { docIconStyle, mainIconStyle } = useMemo(() => {
+ return {
+ docIconStyle: css({
+ marginLeft: euiTheme.size.l,
+ marginTop: euiTheme.size.xs,
+ }),
+ mainIconStyle: css({
+ width: '96px',
+ height: '96px',
+ marginLeft: euiTheme.size.xl,
+ marginRight: euiTheme.size.l,
+ }),
+ };
+ }, [euiTheme]);
+
return (
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/doc_count_chart/event_rate_chart.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/doc_count_chart/event_rate_chart.tsx
index e8bde09ef24cc..d60ab995d4157 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/doc_count_chart/event_rate_chart.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/doc_count_chart/event_rate_chart.tsx
@@ -5,8 +5,8 @@
* 2.0.
*/
-import type { FC } from 'react';
-import React from 'react';
+import React, { useMemo, type FC } from 'react';
+
import type { PartialTheme } from '@elastic/charts';
import {
HistogramBarSeries,
@@ -16,10 +16,11 @@ import {
Tooltip,
TooltipType,
} from '@elastic/charts';
+import { useEuiTheme } from '@elastic/eui';
+
import { i18n } from '@kbn/i18n';
-import { euiLightVars } from '@kbn/ui-theme';
+
import { Axes } from './axes';
-import { useCurrentEuiTheme } from '../../../common/hooks/use_current_eui_theme';
export interface LineChartPoint {
time: number | string;
@@ -33,23 +34,26 @@ interface Props {
}
export const EventRateChart: FC = ({ eventRateChartData, height, width }) => {
- const { euiColorLightShade } = useCurrentEuiTheme();
- const theme: PartialTheme = {
- scales: { histogramPadding: 0.2 },
- background: {
- color: 'transparent',
- },
- axes: {
- gridLine: {
- horizontal: {
- stroke: euiColorLightShade,
- },
- vertical: {
- stroke: euiColorLightShade,
+ const { euiTheme } = useEuiTheme();
+ const theme: PartialTheme = useMemo(
+ () => ({
+ scales: { histogramPadding: 0.2 },
+ background: {
+ color: 'transparent',
+ },
+ axes: {
+ gridLine: {
+ horizontal: {
+ stroke: euiTheme.colors.lightShade,
+ },
+ vertical: {
+ stroke: euiTheme.colors.lightShade,
+ },
},
},
- },
- };
+ }),
+ [euiTheme]
+ );
return (
= ({ eventRateChartData, height, width })
xAccessor={'time'}
yAccessors={['value']}
data={eventRateChartData}
- color={euiLightVars.euiColorVis0}
+ // Amsterdam + Borealis
+ color={euiTheme.colors.vis.euiColorVis0}
/>
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/field_badge.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/field_badge.tsx
index 55dea99a40424..4a9caf6948728 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/field_badge.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/field_badge.tsx
@@ -7,11 +7,10 @@
import type { FC } from 'react';
import React from 'react';
-import { EuiBadge, EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
+import { useEuiTheme, EuiBadge, EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
import { FieldIcon } from '@kbn/react-field';
import { i18n } from '@kbn/i18n';
import { getSupportedFieldType } from '../../../common/components/fields_stats_grid/get_field_names';
-import { useCurrentEuiTheme } from '../../../common/hooks/use_current_eui_theme';
interface Props {
type: string | undefined;
@@ -20,7 +19,9 @@ interface Props {
}
export const FieldBadge: FC = ({ type, value, name }) => {
- const { euiColorLightestShade, euiColorLightShade } = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
+ const euiColorLightestShade = euiTheme.colors.lightestShade;
+ const euiColorLightShade = euiTheme.colors.lightShade;
const supportedType = getSupportedFieldType(type ?? 'unknown');
const tooltip = type
? i18n.translate('xpack.dataVisualizer.file.fileContents.fieldBadge.tooltip', {
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/use_text_parser.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/use_text_parser.tsx
index 64684c7589499..ba381d10af9b8 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/use_text_parser.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/file_contents/use_text_parser.tsx
@@ -6,18 +6,17 @@
*/
import React, { useMemo } from 'react';
-import { EuiText } from '@elastic/eui';
+import { useEuiTheme, EuiText } from '@elastic/eui';
import type { FindFileStructureResponse } from '@kbn/file-upload-plugin/common';
import { FieldBadge } from './field_badge';
import { useDataVisualizerKibana } from '../../../kibana_context';
-import { useCurrentEuiTheme } from '../../../common/hooks/use_current_eui_theme';
import { GrokHighlighter } from './grok_highlighter';
export function useGrokHighlighter() {
const {
services: { http },
} = useDataVisualizerKibana();
- const { euiSizeL } = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
const createLines = useMemo(
() =>
@@ -56,7 +55,7 @@ export function useGrokHighlighter() {
return (
{formattedWords}
@@ -64,7 +63,7 @@ export function useGrokHighlighter() {
);
});
},
- [euiSizeL, http]
+ [euiTheme, http]
);
return createLines;
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/import_summary/failures.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/import_summary/failures.tsx
index 2e29b081765cf..15389fc404c7a 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/import_summary/failures.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/components/import_summary/failures.tsx
@@ -6,10 +6,9 @@
*/
import { FormattedMessage } from '@kbn/i18n-react';
-import React, { Component } from 'react';
-import { euiThemeVars } from '@kbn/ui-theme';
+import React, { useState, type FC } from 'react';
-import { EuiAccordion, EuiPagination } from '@elastic/eui';
+import { useEuiTheme, EuiAccordion, EuiPagination } from '@elastic/eui';
import { css } from '@emotion/react';
const PAGE_SIZE = 100;
@@ -22,63 +21,56 @@ export interface DocFailure {
};
}
-interface Props {
+interface FailuresProps {
failedDocs: DocFailure[];
}
-interface State {
- page: number;
-}
-
const containerStyle = css({
maxHeight: '200px',
overflowY: 'auto',
});
-const errorStyle = css({
- color: euiThemeVars.euiColorDanger,
-});
+export const Failures: FC = ({ failedDocs }) => {
+ const { euiTheme } = useEuiTheme();
-export class Failures extends Component {
- state: State = { page: 0 };
+ const [page, setPage] = useState(0);
- _renderPaginationControl() {
- return this.props.failedDocs.length > PAGE_SIZE ? (
- this.setState({ page })}
- compressed
- />
- ) : null;
- }
+ const startIndex = page * PAGE_SIZE;
+ const endIndex = startIndex + PAGE_SIZE;
- render() {
- const startIndex = this.state.page * PAGE_SIZE;
- const endIndex = startIndex + PAGE_SIZE;
- return (
- setPage(newPage)}
+ compressed
/>
- }
- paddingSize="m"
- >
-
- {this._renderPaginationControl()}
- {this.props.failedDocs.slice(startIndex, endIndex).map(({ item, reason, doc }) => (
-
-
- {item}: {reason}
-
- {JSON.stringify(doc)}
+ )}
+ {failedDocs.slice(startIndex, endIndex).map(({ item, reason, doc }) => (
+
+
+ {item}: {reason}
- ))}
-
-
- );
- }
-}
+ {JSON.stringify(doc)}
+
+ ))}
+
+
+ );
+};
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/file_data_visualizer.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/file_data_visualizer.tsx
index 6289a73e2a664..c8dbb53d68f47 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/file_data_visualizer.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/file_data_visualizer/file_data_visualizer.tsx
@@ -4,7 +4,6 @@
* 2.0; you may not use this file except in compliance with the Elastic License
* 2.0.
*/
-import '../_index.scss';
import type { FC, PropsWithChildren } from 'react';
import React from 'react';
import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/index_data_visualizer_view/index_data_visualizer_esql.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/index_data_visualizer_view/index_data_visualizer_esql.tsx
index 5953144e715fb..2f601498c8487 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/index_data_visualizer_view/index_data_visualizer_esql.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/index_data_visualizer_view/index_data_visualizer_esql.tsx
@@ -16,6 +16,7 @@ import { ESQLLangEditor } from '@kbn/esql/public';
import type { AggregateQuery } from '@kbn/es-query';
import {
+ useEuiTheme,
useEuiBreakpoint,
useIsWithinMaxBreakpoint,
EuiFlexGroup,
@@ -29,7 +30,6 @@ import {
import type { DataView } from '@kbn/data-views-plugin/common';
import { getIndexPatternFromESQLQuery } from '@kbn/esql-utils';
import { getOrCreateDataViewByIndexPattern } from '../../search_strategy/requests/get_data_view_by_index_pattern';
-import { useCurrentEuiTheme } from '../../../common/hooks/use_current_eui_theme';
import { DATA_VISUALIZER_INDEX_VIEWER } from '../../constants/index_data_visualizer_viewer';
import { useDataVisualizerKibana } from '../../../kibana_context';
import type { GetAdditionalLinks } from '../../../common/components/results_links';
@@ -58,7 +58,7 @@ const DEFAULT_ESQL_QUERY = { esql: '' };
export const IndexDataVisualizerESQL: FC = (dataVisualizerProps) => {
const { services } = useDataVisualizerKibana();
const { data } = services;
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
// Query that has been typed, but has not submitted with cmd + enter
const [localQuery, setLocalQuery] = useState(DEFAULT_ESQL_QUERY);
@@ -281,9 +281,9 @@ export const IndexDataVisualizerESQL: FC = (dataVi
grow={false}
data-test-subj="DataVisualizerESQLEditor"
css={css({
- borderTop: euiTheme.euiBorderThin,
- borderLeft: euiTheme.euiBorderThin,
- borderRight: euiTheme.euiBorderThin,
+ borderTop: euiTheme.border.thin,
+ borderLeft: euiTheme.border.thin,
+ borderRight: euiTheme.border.thin,
})}
>
= (dataVisualizerProps) => {
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
const [savedRandomSamplerPreference, saveRandomSamplerPreference] = useStorage<
DVKey,
@@ -520,7 +520,7 @@ export const IndexDataVisualizerView: FC = (dataVi
data-test-subj="dataViewTitleHeader"
direction="row"
alignItems="center"
- css={{ padding: `${euiTheme.euiSizeS} 0`, marginRight: `${euiTheme.euiSize}` }}
+ css={{ padding: `${euiTheme.size.s} 0`, marginRight: `${euiTheme.size.base}` }}
>
{currentDataView.getName()}
diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/field_type_filter.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/field_type_filter.tsx
index 2c9faf9d9a854..b7e3790620e3f 100644
--- a/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/field_type_filter.tsx
+++ b/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/field_type_filter.tsx
@@ -7,11 +7,10 @@
import type { FC } from 'react';
import React, { useMemo } from 'react';
-import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+import { useEuiTheme, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { css } from '@emotion/react';
import { getFieldTypeName } from '@kbn/field-utils';
-import { useCurrentEuiTheme } from '../../../common/hooks/use_current_eui_theme';
import { FieldTypesHelpPopover } from '../../../common/components/field_types_filter/field_types_help_popover';
import { FieldTypeIcon } from '../../../common/components/field_type_icon';
import type { Option } from '../../../common/components/multi_select_picker';
@@ -22,7 +21,7 @@ export const DataVisualizerFieldTypeFilter: FC<{
setVisibleFieldTypes(q: string[]): void;
visibleFieldTypes: string[];
}> = ({ indexedFieldTypes, setVisibleFieldTypes, visibleFieldTypes }) => {
- const euiTheme = useCurrentEuiTheme();
+ const { euiTheme } = useEuiTheme();
const options: Option[] = useMemo(() => {
return indexedFieldTypes.map((indexedFieldName) => {
const label = getFieldTypeName(indexedFieldName) ?? indexedFieldName;
@@ -61,7 +60,7 @@ export const DataVisualizerFieldTypeFilter: FC<{
postfix={ = ({
onPreview,
isNewPanel,
}) => {
+ const euiContext = useEuiTheme();
+ const { euiTheme } = euiContext;
+
+ // FIXME: add a token for this on euiTheme.components. https://github.com/elastic/eui/issues/8217
+ const formMaxWidth = mathWithUnits(euiTheme.size.base, (x) => x * 25);
+
const {
data: { dataViews },
unifiedSearch: {
@@ -130,7 +137,7 @@ export const FieldStatisticsInitializer: FC = ({
hasBorder={true}
css={css`
pointer-events: auto;
- background-color: ${euiThemeVars.euiColorEmptyShade};
+ background-color: ${euiTheme.colors.emptyShade};
`}
data-test-subj="editFlyoutHeader"
>
@@ -171,8 +178,8 @@ export const FieldStatisticsInitializer: FC = ({
css={css`
// styles needed to display extra drop targets that are outside of the config panel main area
overflow-y: auto;
- padding-left: ${euiThemeVars.euiFormMaxWidth};
- margin-left: -${euiThemeVars.euiFormMaxWidth};
+ padding-left: ${formMaxWidth};
+ margin-left: -${formMaxWidth};
pointer-events: none;
.euiFlyoutBody__overflow {
-webkit-mask-image: none;
@@ -190,7 +197,7 @@ export const FieldStatisticsInitializer: FC = ({
padding: 0;
block-size: 100%;
}
- border-bottom: 2px solid ${euiThemeVars.euiBorderColor};
+ border-bottom: 2px solid ${euiTheme.border.color};
`}
>
= ({
defaultMessage: 'Data view',
}
)}
- css={css({ padding: euiThemeVars.euiSizeM })}
+ css={css({ padding: euiTheme.size.m })}
>
{
if (!isDataView(fetchedDataView) && fetchedSavedSearch === undefined) {
setError(
i18n.translate('xpack.transform.searchItems.errorInitializationTitle', {
- defaultMessage: `An error occurred initializing the Kibana data view or saved search.`,
+ defaultMessage: `An error occurred initializing the Kibana data view or Discover session.`,
})
);
return;
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_form.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_form.tsx
index 92300d5580cbb..43efc8b1b4cad 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_form.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_form.tsx
@@ -377,8 +377,8 @@ export const StepDefineForm: FC = React.memo((props) => {
fullWidth
label={
searchItems?.savedSearch?.id !== undefined
- ? i18n.translate('xpack.transform.stepDefineForm.savedSearchLabel', {
- defaultMessage: 'Saved search',
+ ? i18n.translate('xpack.transform.stepDefineForm.discoverSessionLabel', {
+ defaultMessage: 'Discover session',
})
: i18n.translate('xpack.transform.stepDefineForm.searchFilterLabel', {
defaultMessage: 'Search filter',
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx
index b284eb3e1a021..9fc938cd2028e 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx
@@ -141,8 +141,8 @@ export const StepDefineSummary: FC = ({
{searchItems.savedSearch !== undefined && searchItems.savedSearch.id !== undefined && (
{searchItems.savedSearch.title}
diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/wizard/wizard.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/wizard/wizard.tsx
index 2c078f93627cc..ab2865b85eb8a 100644
--- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/wizard/wizard.tsx
+++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/wizard/wizard.tsx
@@ -111,7 +111,7 @@ export const CreateTransformWizardContext = createContext<{
export const Wizard: FC = React.memo(({ cloneConfig, searchItems }) => {
const { showNodeInfo } = useEnabledFeatures();
const appDependencies = useAppDependencies();
- const { uiSettings, data, fieldFormats, charts, theme } = appDependencies;
+ const { uiSettings, data, fieldFormats, charts } = appDependencies;
const { dataView } = searchItems;
// The current WIZARD_STEP
@@ -247,7 +247,6 @@ export const Wizard: FC = React.memo(({ cloneConfig, searchItems })
fieldStatsServices={fieldStatsServices}
timeRangeMs={stepDefineState.timeRangeMs}
dslQuery={transformConfig.source.query}
- theme={theme}
>
= ({
noItemsMessage={i18n.translate(
'xpack.transform.newTransform.searchSelection.notFoundLabel',
{
- defaultMessage: 'No matching indices or saved searches found.',
+ defaultMessage: 'No matching indices or saved Discover sessions found.',
}
)}
savedObjectMetaData={[
{
type: 'search',
- getIconForSavedObject: () => 'search',
+ getIconForSavedObject: () => 'discoverApp',
name: i18n.translate(
- 'xpack.transform.newTransform.searchSelection.savedObjectType.search',
+ 'xpack.transform.newTransform.searchSelection.savedObjectType.discoverSession',
{
- defaultMessage: 'Saved search',
+ defaultMessage: 'Discover session',
}
),
showSavedObject: (savedObject: SavedObject) =>
diff --git a/x-pack/platform/plugins/private/translations/translations/fr-FR.json b/x-pack/platform/plugins/private/translations/translations/fr-FR.json
index 162b2b57ab647..65bff9f9ca698 100644
--- a/x-pack/platform/plugins/private/translations/translations/fr-FR.json
+++ b/x-pack/platform/plugins/private/translations/translations/fr-FR.json
@@ -1454,7 +1454,6 @@
"dashboard.emptyScreen.noPermissionsTitle": "Ce tableau de bord est vide.",
"dashboard.emptyScreen.viewModeSubtitle": "Accédez au mode de modification, puis commencez à ajouter vos visualisations.",
"dashboard.emptyScreen.viewModeTitle": "Ajouter des visualisations à votre tableau de bord",
- "dashboard.featureCatalogue.dashboardDescription": "Affichez et partagez une collection de visualisations et de recherches enregistrées.",
"dashboard.featureCatalogue.dashboardSubtitle": "Analysez des données à l’aide de tableaux de bord.",
"dashboard.featureCatalogue.dashboardTitle": "Dashboard",
"dashboard.labs.enableLabsDescription": "Cet indicateur détermine si l'utilisateur a accès au bouton Ateliers, moyen rapide d'activer et de désactiver les fonctionnalités de la version d'évaluation technique dans le tableau de bord.",
@@ -1582,7 +1581,6 @@
"data.advancedSettings.courier.requestPreferenceTitle": "Préférence de requête",
"data.advancedSettings.defaultIndexText": "Utilisé par Discover et Visualisations lorsqu'une vue de données n'est pas définie.",
"data.advancedSettings.defaultIndexTitle": "Vue de données par défaut",
- "data.advancedSettings.docTableHighlightText": "Cela permet de mettre les résultats en surbrillance dans le tableau de bord Discover ainsi que dans les recherches enregistrées. À noter que la mise en surbrillance ralentit les requêtes dans le cas de documents volumineux.",
"data.advancedSettings.docTableHighlightTitle": "Mettre les résultats en surbrillance",
"data.advancedSettings.histogram.barTargetText": "Tente de générer ce nombre de compartiments lorsque l’intervalle \"auto\" est utilisé dans des histogrammes numériques et de date.",
"data.advancedSettings.histogram.barTargetTitle": "Nombre de compartiments cible",
@@ -2511,7 +2509,6 @@
"discover.advancedSettings.discover.showFieldStatisticsDescription": "Activez le {fieldStatisticsDocs} pour afficher des détails tels que les valeurs minimale et maximale d'un champ numérique ou une carte d'un champ géographique. Cette fonctionnalité est en version bêta et susceptible d'être modifiée.",
"discover.advancedSettings.discover.showMultifields": "Afficher les champs multiples",
"discover.advancedSettings.discover.showMultifieldsDescription": "Détermine si les {multiFields} doivent s'afficher dans la fenêtre de document étendue. Dans la plupart des cas, les champs multiples sont les mêmes que les champs d'origine. Cette option est uniquement disponible lorsque le paramètre `searchFieldsFromSource` est désactivé.",
- "discover.advancedSettings.docTableHideTimeColumnText": "Permet de masquer la colonne ''Time'' dans Discover et dans toutes les recherches enregistrées des tableaux de bord.",
"discover.advancedSettings.docTableHideTimeColumnTitle": "Masquer la colonne ''Time''",
"discover.advancedSettings.fieldsPopularLimitText": "Les N champs les plus populaires à afficher",
"discover.advancedSettings.fieldsPopularLimitTitle": "Limite de champs populaires",
@@ -2523,7 +2520,6 @@
"discover.advancedSettings.sampleRowsPerPageTitle": "Lignes par page",
"discover.advancedSettings.sampleSizeText": "Définit le nombre maximum de lignes pour l'ensemble du tableau de documents.",
"discover.advancedSettings.sampleSizeTitle": "Lignes max. par tableau",
- "discover.advancedSettings.searchOnPageLoadText": "Détermine si une recherche est exécutée lors du premier chargement de Discover. Ce paramètre n'a pas d'effet lors du chargement d’une recherche enregistrée.",
"discover.advancedSettings.searchOnPageLoadTitle": "Recherche au chargement de la page",
"discover.advancedSettings.sortDefaultOrderText": "Détermine le sens de tri par défaut pour les vues de données temporelles dans l'application Discover.",
"discover.advancedSettings.sortDefaultOrderTitle": "Sens de tri par défaut",
@@ -2533,7 +2529,6 @@
"discover.alerts.manageRulesAndConnectors": "Gérer les règles et les connecteurs",
"discover.alerts.missedTimeFieldToolTip": "La vue de données ne possède pas de champ temporel.",
"discover.badge.readOnly.text": "Lecture seule",
- "discover.badge.readOnly.tooltip": "Impossible d’enregistrer les recherches",
"discover.context.breadcrumb": "Documents relatifs",
"discover.context.contextOfTitle": "Les documents relatifs à #{anchorId}",
"discover.context.failedToLoadAnchorDocumentDescription": "Échec de chargement du document ancré",
@@ -2581,7 +2576,6 @@
"discover.dropZoneTableLabel": "Abandonner la zone pour ajouter un champ en tant que colonne dans la table",
"discover.embeddable.inspectorRequestDescription": "Cette requête interroge Elasticsearch afin de récupérer les données pour la recherche.",
"discover.embeddable.search.dataViewError": "Vue de données {indexPatternId} manquante",
- "discover.embeddable.search.displayName": "rechercher",
"discover.errorCalloutESQLReferenceButtonLabel": "Ouvrir la référence ES|QL",
"discover.errorCalloutShowErrorMessage": "Afficher les détails",
"discover.esqlMode.selectedColumnsCallout": "Affichage de {selectedColumnsNumber} champs sur {esqlQueryColumnsNumber}. Ajoutez-en d’autres depuis la liste des champs disponibles.",
@@ -2590,7 +2584,6 @@
"discover.esqlToDataViewTransitionModal.feedbackLink": "Soumettre des commentaires ES|QL",
"discover.esqlToDataViewTransitionModal.saveButtonLabel": "Sauvegarder et basculer",
"discover.esqlToDataViewTransitionModal.title": "Modifications non enregistrées",
- "discover.esqlToDataviewTransitionModalBody": "Un changement de vue de données supprime la requête ES|QL en cours. Sauvegardez cette recherche pour éviter de perdre votre travail.",
"discover.fieldChooser.availableFieldsTooltip": "Champs disponibles pour l'affichage dans le tableau.",
"discover.fieldChooser.discoverField.addFieldTooltip": "Ajouter le champ en tant que colonne",
"discover.fieldChooser.discoverField.removeFieldTooltip": "Supprimer le champ du tableau",
@@ -2618,19 +2611,10 @@
"discover.loadingDocuments": "Chargement des documents",
"discover.localMenu.alertsDescription": "Alertes",
"discover.localMenu.esqlTooltipLabel": "ES|QL est le nouveau langage de requête canalisé puissant d'Elastic.",
- "discover.localMenu.fallbackReportTitle": "Recherche Discover sans titre",
"discover.localMenu.inspectTitle": "Inspecter",
"discover.localMenu.localMenu.alertsTitle": "Alertes",
- "discover.localMenu.localMenu.newSearchTitle": "Nouveauté",
- "discover.localMenu.mustCopyOnSave": "Elastic gère cette recherche enregistrée. Enregistrez les modifications dans une nouvelle recherche enregistrée.",
- "discover.localMenu.newSearchDescription": "Nouvelle recherche",
"discover.localMenu.openInspectorForSearchDescription": "Ouvrir l'inspecteur de recherche",
- "discover.localMenu.openSavedSearchDescription": "Ouvrir une recherche enregistrée",
- "discover.localMenu.openTitle": "Ouvrir",
- "discover.localMenu.saveSaveSearchObjectType": "rechercher",
- "discover.localMenu.saveSearchDescription": "Enregistrer la recherche",
"discover.localMenu.saveTitle": "Enregistrer",
- "discover.localMenu.shareSearchDescription": "Partager la recherche",
"discover.localMenu.shareTitle": "Partager",
"discover.localMenu.switchToClassicTitle": "Basculer vers le classique",
"discover.localMenu.switchToClassicTooltipLabel": "Passez à la syntaxe KQL ou Lucene.",
@@ -2696,8 +2680,6 @@
"discover.noResults.suggestion.tryText": "Voici quelques solutions à essayer :",
"discover.notifications.invalidTimeRangeText": "La plage temporelle spécifiée n'est pas valide. (de : \"{from}\" à \"{to}\")",
"discover.notifications.invalidTimeRangeTitle": "Plage temporelle non valide",
- "discover.notifications.notSavedSearchTitle": "La recherche \"{savedSearchTitle}\" n'a pas été enregistrée.",
- "discover.notifications.savedSearchTitle": "La recherche \"{savedSearchTitle}\" a été enregistrée",
"discover.pageTitleWithoutSavedSearch": "Discover - Recherche non encore enregistrée",
"discover.pageTitleWithSavedSearch": "Discover - {savedSearchTitle}",
"discover.panelsToggle.hideChartButton": "Masquer le graphique",
@@ -2706,24 +2688,15 @@
"discover.panelsToggle.showSidebarButton": "Afficher la barre latérale",
"discover.rootBreadcrumb": "Discover",
"discover.sampleData.viewLinkLabel": "Discover",
- "discover.savedSearch.savedObjectName": "Recherche enregistrée",
- "discover.savedSearchAliasMatchRedirect.objectNoun": "Recherche {savedSearch}",
"discover.savedSearchEmbeddable.action.viewSavedSearch.displayName": "Ouvrir dans Discover",
- "discover.savedSearchURLConflictCallout.objectNoun": "Recherche {savedSearch}",
"discover.searchingTitle": "Recherche",
"discover.serverLocatorExtension.titleFromLocatorUnknown": "Recherche inconnue",
- "discover.share.shareModal.title": "Partager cette recherche",
"discover.showingDefaultDataViewWarningDescription": "Affichage de la vue de données par défaut : \"{loadedDataViewTitle}\" ({loadedDataViewId})",
"discover.showingSavedDataViewWarningDescription": "Affichage de la vue de données enregistrée : \"{ownDataViewTitle}\" ({ownDataViewId})",
"discover.singleDocRoute.errorMessage": "Aucune donnée correspondante pour l'ID {dataViewId}",
"discover.singleDocRoute.errorTitle": "Une erreur s'est produite",
"discover.skipToBottomButtonLabel": "Atteindre la fin du tableau",
- "discover.topNav.managedContentLabel": "Cette recherche sauvegardée est gérée par Elastic. Les modifications effectuées ici doivent être enregistrées dans une nouvelle recherche sauvegardée.",
- "discover.topNav.openSearchPanel.manageSearchesButtonLabel": "Gérer les recherches",
- "discover.topNav.openSearchPanel.noSearchesFoundDescription": "Aucune recherche correspondante trouvée.",
- "discover.topNav.openSearchPanel.openSearchTitle": "Ouvrir une recherche",
"discover.topNav.saveModal.storeTimeWithSearchToggleDescription": "Mettez à jour le filtre temporel et actualisez l'intervalle pour afficher la sélection actuelle lors de l'utilisation de cette recherche.",
- "discover.topNav.saveModal.storeTimeWithSearchToggleLabel": "Stocker la durée avec la recherche enregistrée",
"discover.uninitializedRefreshButtonText": "Actualiser les données",
"discover.uninitializedText": "Saisissez une requête, ajoutez quelques filtres, ou cliquez simplement sur Actualiser afin d’extraire les résultats pour la requête en cours.",
"discover.uninitializedTitle": "Commencer la recherche",
@@ -2844,7 +2817,6 @@
"embeddableExamples.unifiedFieldList.displayName": "Liste des champs",
"embeddableExamples.unifiedFieldList.noDefaultDataViewErrorMessage": "La liste de champs doit être utilisée avec au moins une vue de données présente",
"embeddableExamples.unifiedFieldList.selectDataViewMessage": "Veuillez sélectionner une vue de données",
- "esql.advancedSettings.enableESQLDescription": "Ce paramètre active ES|QL dans Kibana. En le désactivant, vous cacherez l'interface utilisateur ES|QL de diverses applications. Cependant, les utilisateurs pourront accéder aux recherches enregistrées ES|QL, en plus des visualisations, etc.",
"esql.advancedSettings.enableESQLTitle": "Activer ES|QL",
"esql.triggers.updateEsqlQueryTrigger": "Mettre à jour la requête ES|QL",
"esql.triggers.updateEsqlQueryTriggerDescription": "Mettre à jour la requête ES|QL en utilisant une nouvelle requête",
@@ -5074,7 +5046,6 @@
"indexPatternManagement.editIndexPattern.source.table.matchesHeader": "Correspondances",
"indexPatternManagement.editIndexPattern.source.table.notMatchedLabel": "Le filtre source ne correspond à aucun champ connu.",
"indexPatternManagement.editIndexPattern.source.table.saveAria": "Enregistrer",
- "indexPatternManagement.editIndexPattern.sourceLabel": "Les filtres de champ peuvent être utilisés pour exclure un ou plusieurs champs lors de la récupération d'un document. Cela se produit lors de l'affichage d'un document dans l'application Discover ou avec un tableau affichant les résultats d'une recherche enregistrée dans l'application Dashboard. Si vous avez des documents avec des champs de grande taille ou peu importants, il pourrait être utile de filtrer ces champs à ce niveau plus bas.",
"indexPatternManagement.editIndexPattern.sourcePlaceholder": "filtre de champ, accepte les caractères génériques (par ex. `user*` pour filtrer les champs commençant par `user`)",
"indexPatternManagement.editIndexPattern.tabs.fieldsHeader": "Champs",
"indexPatternManagement.editIndexPattern.tabs.relationshipsHeader": "Relations ({count})",
@@ -6667,9 +6638,7 @@
"savedObjectsManagement.view.inspectCodeEditorAriaLabel": "inspecter { title }",
"savedObjectsManagement.view.inspectItemTitle": "Inspecter {title}",
"savedObjectsManagement.view.savedObjectProblemErrorMessage": "Un problème est survenu avec cet objet enregistré.",
- "savedObjectsManagement.view.savedSearchDoesNotExistErrorMessage": "La recherche enregistrée associée à cet objet n'existe plus.",
"savedObjectsManagement.view.viewItemButtonLabel": "Afficher {title}",
- "savedSearch.contentManagementType": "Recherche enregistrée",
"savedSearch.kibana_context.filters.help": "Spécifier des filtres génériques Kibana",
"savedSearch.kibana_context.help": "Met à jour le contexte général de Kibana.",
"savedSearch.kibana_context.q.help": "Spécifier une recherche en texte libre Kibana",
@@ -8073,8 +8042,6 @@
"unifiedDataTable.rowHeight.single": "Unique",
"unifiedDataTable.rowHeightLabel": "Hauteur de ligne de cellule",
"unifiedDataTable.sampleSizeSettings.sampleSizeLabel": "Taille de l'échantillon",
- "unifiedDataTable.searchGenerationWithDescription": "Tableau généré par la recherche {searchTitle}",
- "unifiedDataTable.searchGenerationWithDescriptionGrid": "Tableau généré par la recherche {searchTitle} ({searchDescription})",
"unifiedDataTable.selectAllDocs": "Tout sélectionner ({rowsCount})",
"unifiedDataTable.selectAllRowsOnPageColumnHeader": "Sélectionner toutes les lignes visibles",
"unifiedDataTable.selectColumnHeader": "Sélectionner la colonne",
@@ -8645,11 +8612,6 @@
"visDefaultEditor.sidebar.errorButtonTooltip": "Les erreurs dans les champs mis en évidence doivent être corrigées.",
"visDefaultEditor.sidebar.indexPatternAriaLabel": "Modèle d'indexation : {title}",
"visDefaultEditor.sidebar.savedSearch.goToDiscoverButtonText": "Afficher cette recherche dans Discover",
- "visDefaultEditor.sidebar.savedSearch.linkButtonAriaLabel": "Lier à la recherche enregistrée. Cliquez pour en savoir plus ou rompre le lien.",
- "visDefaultEditor.sidebar.savedSearch.popoverHelpText": "Les modifications apportées ultérieurement à cette recherche enregistrée sont reflétées dans la visualisation. Pour désactiver les mises à jour automatiques, supprimez le lien.",
- "visDefaultEditor.sidebar.savedSearch.popoverTitle": "Lié à la recherche enregistrée",
- "visDefaultEditor.sidebar.savedSearch.titleAriaLabel": "Recherche enregistrée : {title}",
- "visDefaultEditor.sidebar.savedSearch.unlinkSavedSearchButtonText": "Supprimer le lien avec la recherche enregistrée",
"visDefaultEditor.sidebar.tabs.dataLabel": "Données",
"visDefaultEditor.sidebar.tabs.optionsLabel": "Options",
"visDefaultEditor.sidebar.updateChartButtonLabel": "Mettre à jour",
@@ -9640,7 +9602,6 @@
"visualizations.helpMenu.appName": "Bibliothèque Visualize",
"visualizations.legacyCharts.conditionalMessage.noPermissions": "Contactez votre administrateur système pour passer à l'ancienne bibliothèque.",
"visualizations.legacyUrlConflict.objectNoun": "Visualisation {visName}",
- "visualizations.linkedToSearch.unlinkSuccessNotificationText": "Dissocié de la recherche enregistrée \"{searchTitle}\"",
"visualizations.listing.betaTitle": "Bêta",
"visualizations.listing.betaTooltip": "Cette visualisation est en version bêta et susceptible d'être modifiée. La conception et le code sont moins matures que les fonctionnalités officielles en disponibilité générale et sont fournis tels quels sans aucune garantie. Les fonctionnalités bêta ne sont pas soumises aux accords de niveau de service d'assistance des fonctionnalités officielles en disponibilité générale",
"visualizations.listing.breadcrumb": "Bibliothèque Visualize",
@@ -9673,9 +9634,7 @@
"visualizations.newVisWizard.learnMoreText": "Envie d'en savoir plus ?",
"visualizations.newVisWizard.newVisTypeTitle": "Nouveau {visTypeName}",
"visualizations.newVisWizard.resultsFound": "{resultCount, plural, one {type trouvé} other {types trouvés}}",
- "visualizations.newVisWizard.searchSelection.notFoundLabel": "Aucun recherche enregistrée ni aucun index correspondants n'ont été trouvés.",
"visualizations.newVisWizard.searchSelection.savedObjectType.dataView": "Vue de données",
- "visualizations.newVisWizard.searchSelection.savedObjectType.search": "Recherche enregistrée",
"visualizations.newVisWizard.title": "Nouvelle visualisation",
"visualizations.noDataView.label": "vue de données",
"visualizations.noMatchRoute.bannerText": "L'application Visualize ne reconnaît pas cet itinéraire : {route}.",
@@ -9981,7 +9940,6 @@
"xpack.aiops.correlations.veryLowImpactText": "Très bas",
"xpack.aiops.dataGrid.field.documentCountChart.seriesLabel": "compte du document",
"xpack.aiops.dataGrid.field.documentCountChartSplit.seriesLabel": "Autre compte du document",
- "xpack.aiops.dataSourceContext.errorTitle": "Impossible de récupérer la vue de données ou la recherche enregistrée",
"xpack.aiops.dataViewNotBasedOnTimeSeriesWarning.title": "La vue de données \"{dataViewTitle}\" n'est pas basée sur une série temporelle.",
"xpack.aiops.documentCountChart.baselineBadgeLabel": "Référence de base",
"xpack.aiops.documentCountChart.deviationBadgeLabel": "général",
@@ -12674,7 +12632,6 @@
"xpack.canvas.functions.savedMap.args.titleHelpText": "Titre de la carte",
"xpack.canvas.functions.savedMap.args.zoomHelpText": "Niveau de zoom de la carte",
"xpack.canvas.functions.savedMapHelpText": "Renvoie un objet incorporable pour un objet de carte enregistré.",
- "xpack.canvas.functions.savedSearchHelpText": "Renvoie un objet incorporable pour un objet de recherche enregistré",
"xpack.canvas.functions.savedVisualization.args.colorsHelpText": "Définit la couleur à utiliser pour une série spécifique",
"xpack.canvas.functions.savedVisualization.args.hideLegendHelpText": "Spécifie l'option pour masquer la légende",
"xpack.canvas.functions.savedVisualization.args.idHelpText": "ID de l'objet de visualisation enregistré",
@@ -15575,7 +15532,6 @@
"xpack.dataVisualizer.index.lensChart.countLabel": "Décompte",
"xpack.dataVisualizer.index.lensChart.maximumOfLabel": "Maximum de {fieldName}",
"xpack.dataVisualizer.index.lensChart.topValuesLabel": "Valeurs les plus élevées",
- "xpack.dataVisualizer.index.savedSearchErrorMessage": "Erreur lors de la récupération de la recherche enregistrée {savedSearchId}",
"xpack.dataVisualizer.multiSelectPicker.NoFiltersFoundMessage": "Aucun filtre trouvé",
"xpack.dataVisualizer.nameCollisionMsg": "\"{name}\" existe déjà, veuillez fournir un nom unique",
"xpack.dataVisualizer.noData": "Aucune donnée",
@@ -19775,7 +19731,6 @@
"xpack.features.ossFeatures.discoverSearchSessionsFeatureName": "Stocker les sessions de recherche",
"xpack.features.ossFeatures.discoverShortUrlSubFeatureName": "URL courtes",
"xpack.features.ossFeatures.discoverStoreSearchSessionsPrivilegeName": "Stocker les sessions de recherche",
- "xpack.features.ossFeatures.reporting.dashboardDownloadCSV": "Générer les rapports CSV depuis les panneaux des recherches enregistrées",
"xpack.features.ossFeatures.reporting.dashboardGenerateScreenshot": "Générer des rapports PDF ou PNG",
"xpack.features.ossFeatures.reporting.discoverGenerateCSV": "Générer des rapports CSV",
"xpack.features.ossFeatures.reporting.reportingTitle": "Reporting",
@@ -20760,7 +20715,6 @@
"xpack.fleet.epm.assetTitles.mlModules": "Configurations de la détection d'anomalies",
"xpack.fleet.epm.assetTitles.osqueryPackAssets": "Packs Osquery",
"xpack.fleet.epm.assetTitles.osquerySavedQuery": "Requêtes Osquery enregistrées",
- "xpack.fleet.epm.assetTitles.savedSearches": "Recherches enregistrées",
"xpack.fleet.epm.assetTitles.securityRules": "Règles de sécurité",
"xpack.fleet.epm.assetTitles.tag": "Balises",
"xpack.fleet.epm.assetTitles.transforms": "Transformations",
@@ -24333,8 +24287,6 @@
"xpack.infra.logsPage.toolbar.logFilterErrorToastTitle": "Erreur de filtrage du log",
"xpack.infra.logsSettingsPage.loadingButtonLabel": "Chargement",
"xpack.infra.logsStreamEmbeddable.deprecationWarningDescription": "La maintenance des panneaux de flux de logs n'est plus assurée. Essayez d'utiliser {savedSearchDocsLink} pour une visualisation similaire.",
- "xpack.infra.logsStreamEmbeddable.deprecationWarningDescription.savedSearchesLinkLabel": "recherches enregistrées",
- "xpack.infra.logStreamEmbeddable.description": "Ajoutez un tableau de logs de diffusion en direct. Pour une expérience plus efficace, nous vous recommandons d'utiliser la page Découvrir pour créer une recherche enregistrée au lieu d'utiliser Logs Stream.",
"xpack.infra.logStreamEmbeddable.displayName": "Logs Stream (déclassé)",
"xpack.infra.logStreamEmbeddable.title": "Flux de log",
"xpack.infra.logStreamPageTemplate.backtoLogsStream": "Retour au flux de logs",
@@ -29111,15 +29063,10 @@
"xpack.ml.dataframe.analytics.create.resultsFieldHelpText": "Définissez le nom du champ dans lequel les résultats de l'analyse doivent être stockés. La valeur par défaut est ml.",
"xpack.ml.dataframe.analytics.create.resultsFieldInputAriaLabel": "Nom du champ dans lequel les résultats de l'analyse doivent être stockés.",
"xpack.ml.dataframe.analytics.create.resultsFieldLabel": "Champ de résultats",
- "xpack.ml.dataframe.analytics.create.savedSearchLabel": "Recherche enregistrée",
"xpack.ml.dataframe.analytics.create.scatterplotMatrixLabel": "Matrice de nuages de points",
"xpack.ml.dataframe.analytics.create.scatterplotMatrixLabelHelpText": "Permet de visualiser les relations entre les paires de champs inclus sélectionnés.",
- "xpack.ml.dataFrame.analytics.create.searchSelection.CcsErrorCallOutBody": "La recherche enregistrée \"{savedSearchTitle}\" utilise la vue de données \"{dataViewName}\".",
"xpack.ml.dataFrame.analytics.create.searchSelection.CcsErrorCallOutTitle": "Les vues de données utilisant la recherche inter-clusters ne sont pas prises en charge.",
- "xpack.ml.dataFrame.analytics.create.searchSelection.errorGettingDataViewTitle": "Erreur lors du chargement de la vue de données utilisée par la recherche enregistrée",
- "xpack.ml.dataFrame.analytics.create.searchSelection.notFoundLabel": "Aucun recherche enregistrée ni aucun index correspondants n'ont été trouvés.",
"xpack.ml.dataFrame.analytics.create.searchSelection.savedObjectType.dataView": "Vue de données",
- "xpack.ml.dataFrame.analytics.create.searchSelection.savedObjectType.search": "Recherche enregistrée",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitInputAriaLabel": "Les arbres de décision dépassant cette profondeur sont pénalisés dans les calculs de perte.",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitLabel": "Limite de profondeur d'arborescence non stricte",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitText": "Les arbres de décision dépassant cette profondeur sont pénalisés dans les calculs de perte. Doit être supérieur ou égal à 0.",
@@ -29412,7 +29359,6 @@
"xpack.ml.dataGridChart.notEnoughData": "0 document contient le champ.",
"xpack.ml.dataGridChart.singleCategoryLegend": "{cardinality, plural, one {# catégorie} other {# catégories}}",
"xpack.ml.dataGridChart.topCategoriesLegend": "Premières {maxChartColumns} des catégories {cardinality}",
- "xpack.ml.dataSourceContext.errorTitle": "Impossible de récupérer la vue de données ou la recherche enregistrée",
"xpack.ml.dataViewNotBasedOnTimeSeriesNotificationDescription": "La détection des anomalies ne s'exécute que sur des index temporels",
"xpack.ml.dataViewNotBasedOnTimeSeriesNotificationTitle": "La vue de données {dataViewIndexPattern} n'est pas basée sur une série temporelle",
"xpack.ml.dataViewUtils.createDataViewSwitchLabel": "Créer une vue de données",
@@ -29655,7 +29601,6 @@
"xpack.ml.feature.reserved.description": "Pour accorder l'accès aux utilisateurs, vous devez également affecter le rôle machine_learning_user ou machine_learning_admin.",
"xpack.ml.featureFeedbackButton.tellUsWhatYouThinkLink": "Dites-nous ce que vous pensez !",
"xpack.ml.featureRegistry.mlFeatureName": "Machine Learning",
- "xpack.ml.featureRegistry.privilegesTooltip": "L'octroi des privilèges de fonctionnalité Tout ou Lire au Machine Learning accordera également les privilèges de fonctionnalité équivalents à certains types d'objets Kibana enregistrés, à savoir les modèles d'indexation, les tableaux de bord, les recherches et visualisations enregistrées ainsi que les tâches de Machine Learning, les modèles entraînés et les objets de modules enregistrés.",
"xpack.ml.fieldTypeIcon.booleanTypeAriaLabel": "type booléen",
"xpack.ml.fieldTypeIcon.dateTypeAriaLabel": "type de données",
"xpack.ml.fieldTypeIcon.geoPointTypeAriaLabel": "Type {geoPointParam}",
@@ -30456,7 +30401,6 @@
"xpack.ml.newJob.recognize.running.startedAriaLabel": "Démarré",
"xpack.ml.newJob.recognize.running.startFailedAriaLabel": "Échec du démarrage",
"xpack.ml.newJob.recognize.runningLabel": "En cours d'exécution",
- "xpack.ml.newJob.recognize.savedSearchPageTitle": "recherche enregistrée {savedSearchTitle}",
"xpack.ml.newJob.recognize.saveJobOverrideLabel": "Enregistrer",
"xpack.ml.newJob.recognize.searchesLabel": "Recherches",
"xpack.ml.newJob.recognize.searchWillBeOverwrittenLabel": "La recherche sera écrasée",
@@ -30465,7 +30409,6 @@
"xpack.ml.newJob.recognize.startDatafeedAfterSaveLabel": "Démarrer le flux de données après l'enregistrement",
"xpack.ml.newJob.recognize.useDedicatedIndexLabel": "Utiliser l'index dédié",
"xpack.ml.newJob.recognize.useFullDataLabel": "Utiliser l'ensemble des données {dataViewIndexPattern}",
- "xpack.ml.newJob.recognize.usingSavedSearchDescription": "L'utilisation d'une recherche enregistrée signifie que la recherche utilisée dans les flux de données sera différente de celles par défaut que nous fournissons dans le module {moduleId}.",
"xpack.ml.newJob.recognize.viewResultsAriaLabel": "Afficher les résultats",
"xpack.ml.newJob.recognize.viewResultsLinkText": "Afficher les résultats",
"xpack.ml.newJob.recognize.visualizationsLabel": "Visualisations",
@@ -30485,7 +30428,6 @@
"xpack.ml.newJob.wizard.datafeedStep.dataView.description": "La vue de données actuellement utilisée pour cette tâche.",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step0.title": "Changer de vue de données",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step1.dataView": "Vue de données",
- "xpack.ml.newJob.wizard.datafeedStep.dataView.step1.noMatchingError": "Aucun recherche enregistrée ni aucun index correspondants n'ont été trouvés.",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step1.title": "Sélectionner une nouvelle vue de données pour la tâche",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step2.ApplyButton": "Appliquer",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step2.backButton": "Retour",
@@ -30595,8 +30537,6 @@
"xpack.ml.newJob.wizard.jobType.rareAriaLabel": "Tâche rare",
"xpack.ml.newJob.wizard.jobType.rareDescription": "Détectez les valeurs rares dans les données temporelles.",
"xpack.ml.newJob.wizard.jobType.rareTitle": "Rare",
- "xpack.ml.newJob.wizard.jobType.savedSearchPageTitleLabel": "recherche enregistrée {savedSearchTitle}",
- "xpack.ml.newJob.wizard.jobType.selectDifferentIndexLinkText": "Sélectionnez une autre vue de données ou une autre recherche enregistrée.",
"xpack.ml.newJob.wizard.jobType.singleMetricAriaLabel": "Tâche à indicateur unique",
"xpack.ml.newJob.wizard.jobType.singleMetricDescription": "Détectez les anomalies dans une série temporelle unique.",
"xpack.ml.newJob.wizard.jobType.singleMetricTitle": "Indicateur unique",
@@ -30606,7 +30546,6 @@
"xpack.ml.newJob.wizard.jsonFlyout.autoSetJobCreatorTimeRange.error": "Erreur lors de la récupération des heures de début et de fin de l'index",
"xpack.ml.newJob.wizard.jsonFlyout.closeButton": "Fermer",
"xpack.ml.newJob.wizard.jsonFlyout.datafeed.title": "JSON de configuration du flux de données",
- "xpack.ml.newJob.wizard.jsonFlyout.indicesChange.calloutText": "Vous ne pouvez pas altérer les index utilisés par le flux de données. Pour sélectionner une autre vue de données ou une autre recherche enregistrée, accédez à l’étape 1 de l’assistant et sélectionnez l’option permettant de changer de vue de données.",
"xpack.ml.newJob.wizard.jsonFlyout.indicesChange.calloutTitle": "Les index ont été modifiés",
"xpack.ml.newJob.wizard.jsonFlyout.job.title": "JSON de configuration de la tâche",
"xpack.ml.newJob.wizard.jsonFlyout.saveButton": "Enregistrer",
@@ -30738,10 +30677,7 @@
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.title": "Restaurer le snapshot du modèle {ssId}",
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.warningCallout.contents": "Tous les résultats de détection des anomalies postérieurs au {date} seront supprimés.",
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.warningCallout.title": "Les données d'anomalie seront supprimées",
- "xpack.ml.newJob.wizard.searchSelection.notFoundLabel": "Aucune vue de données ni recherche enregistrée correspondante détectée.",
"xpack.ml.newJob.wizard.searchSelection.savedObjectType.dataView": "Vue de données",
- "xpack.ml.newJob.wizard.searchSelection.savedObjectType.search": "Recherche enregistrée",
- "xpack.ml.newJob.wizard.selectDataViewOrSavedSearch": "Sélectionner une vue de données ou une recherche enregistrée",
"xpack.ml.newJob.wizard.shopValidationButton": "Ignorer la validation",
"xpack.ml.newJob.wizard.step.configureDatafeedTitle": "Configurer le flux de données",
"xpack.ml.newJob.wizard.step.jobDetailsTitle": "Détails de la tâche",
@@ -30753,7 +30689,6 @@
"xpack.ml.newJob.wizard.stepComponentWrapper.jobDetailsTitle": "Détails de la tâche",
"xpack.ml.newJob.wizard.stepComponentWrapper.pickFieldsTitle": "Choisir les champs",
"xpack.ml.newJob.wizard.stepComponentWrapper.summaryTitleDataView": "Nouvelle tâche de la vue de données {dataViewName}",
- "xpack.ml.newJob.wizard.stepComponentWrapper.summaryTitleSavedSearch": "Nouvelle tâche de la recherche enregistrée {title}",
"xpack.ml.newJob.wizard.stepComponentWrapper.timeRangeTitle": "Plage temporelle",
"xpack.ml.newJob.wizard.stepComponentWrapper.validationTitle": "Validation",
"xpack.ml.newJob.wizard.summaryStep.convertToAdvancedButton": "Convertir en tâche avancée",
@@ -37591,7 +37526,6 @@
"xpack.securitySolution.detectionEngine.body.summary.message": "La règle {ruleName} a généré {signalsCount} alertes",
"xpack.securitySolution.detectionEngine.buttonManageRules": "Gérer les règles",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkActionConfirmationCloseButtonLabel": "Fermer",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditConfirmation.confirmButtonLabel": "Modifier {customRulesCount, plural, =1 {# règle personnalisée} other {# règles personnalisées}}",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditConfirmationCancelButtonLabel": "Annuler",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.addIndexPatternsComboboxHelpText": "Entrez le modèle des index Elasticsearch que vous souhaitez ajouter. Par défaut, le menu déroulant comprend des modèles d'indexation définis dans les paramètres avancés de la solution Security.",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.addIndexPatternsComboboxLabel": "Ajouter des modèles d'indexation pour les règles sélectionnées",
@@ -37625,8 +37559,6 @@
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.setInvestigationFieldsWarningCallout": "Vous êtes sur le point d'écraser des champs en surbrillance personnalisés pour {rulesCount, plural, one {la règle sélectionnée} other {les # règles sélectionnées}}. Pour appliquer et enregistrer les modifications, cliquez sur Enregistrer.",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.setTagsWarningCallout": "Vous êtes sur le point d'écraser les balises pour {rulesCount, plural, one {# règle sélectionnée} other {# règles sélectionnées}}. Sélectionnez Enregistrer pour appliquer les modifications.",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.tagsComoboxRequiredErrorMessage": "Au moins une balise est requise.",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkExportConfirmation.confirmButtonLabel": "Exporter {customRulesCount, plural, =1 {# règle personnalisée} other {# règles personnalisées}}",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkManualRuleRunConfirmation.confirmButtonLabel": "Planifier {customRulesCount, plural, =1 {# règle personnalisée} other {# règles personnalisées}}",
"xpack.securitySolution.detectionEngine.components.allRules.bulkDeleteConfirmationTitle": "Confirmer la suppression groupée",
"xpack.securitySolution.detectionEngine.components.allRules.deleteConfirmationCancel": "Annuler",
"xpack.securitySolution.detectionEngine.components.allRules.deleteConfirmationConfirm": "Supprimer",
@@ -38848,7 +38780,6 @@
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.addRuleActionsTitle": "Ajouter des actions sur les règles",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.addTagsTitle": "Ajouter des balises",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.applyTimelineTemplateTitle": "Appliquer le modèle de chronologie",
- "xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkActionConfirmationPartlyTitle": "L'action peut être appliquée uniquement à {customRulesCount, plural, =1 {# règle personnalisée} other {# règles personnalisées}}",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditConfirmationDeniedTitle": "Impossible de modifier {rulesCount, plural, =1 {# règle} other {# règles}}.",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditWarningToastDescription": "{rulesCount, plural, =1 {# règle est} other {# règles sont}} en cours de mise à jour.",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditWarningToastNotifyButtonLabel": "M'envoyer une notification à la fin",
@@ -42382,7 +42313,6 @@
"xpack.securitySolution.timelines.components.templateFilter.elasticTitle": "Modèles Elastic",
"xpack.securitySolution.timelines.discoverInTimeline.save_saved_search_error": "Erreur pendant l'enregistrement de la recherche Discover",
"xpack.securitySolution.timelines.discoverInTimeline.save_saved_search_unknown_error": "Erreur inconnue pendant l'enregistrement de la recherche Discover",
- "xpack.securitySolution.timelines.discoverInTimeline.savedSearchTitle": "Recherche sauvegardée pour la chronologie – {title}",
"xpack.securitySolution.timelines.newTemplateTimelineButtonLabel": "Créer un nouveau modèle de chronologie",
"xpack.securitySolution.timelines.newTimelineButtonLabel": "Créer une nouvelle chronologie",
"xpack.securitySolution.timelines.pageTitle": "Chronologies",
@@ -44383,7 +44313,6 @@
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.disabledTitle": "Rechercher les objets existants",
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.enabledText": "Utilisez cette option pour créer une ou plusieurs copies de l'objet dans le même espace.",
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.enabledTitle": "Créer de nouveaux objets avec des ID aléatoires",
- "xpack.spaces.management.copyToSpace.copyModeControl.includeRelated.text": "Copier cet objet et ses objets associés. Pour les tableaux de bord, les visualisations associées, modèles d'indexation et recherches enregistrées sont également copiés.",
"xpack.spaces.management.copyToSpace.copyModeControl.includeRelated.title": "Inclure les objets associés",
"xpack.spaces.management.copyToSpace.copyModeControl.overwrite.disabledLabel": "Demander une action en cas de conflit",
"xpack.spaces.management.copyToSpace.copyModeControl.overwrite.enabledLabel": "Écraser automatiquement les conflits",
@@ -47156,15 +47085,12 @@
"xpack.transform.newTransform.chooseSourceTitle": "Choisir une source",
"xpack.transform.newTransform.newTransformTitle": "Nouvelle transformation",
"xpack.transform.newTransform.searchSelection.createADataView": "Créer une vue de données",
- "xpack.transform.newTransform.searchSelection.notFoundLabel": "Aucun recherche enregistrée ni aucun index correspondants n'ont été trouvés.",
"xpack.transform.newTransform.searchSelection.savedObjectType.dataView": "Vue de données",
- "xpack.transform.newTransform.searchSelection.savedObjectType.search": "Recherche enregistrée",
"xpack.transform.pivotPreview.copyClipboardTooltip": "Copier la déclaration Dev Console de l'aperçu de la transformation dans le presse-papiers.",
"xpack.transform.pivotPreview.PivotPreviewIncompleteConfigCalloutBody": "Veuillez choisir au moins un champ Regrouper par et une agrégation.",
"xpack.transform.pivotPreview.PivotPreviewNoDataCalloutBody": "La requête d'aperçu n'a renvoyé aucune donnée. Veuillez vous assurer que la requête facultative renvoie des données et que les valeurs existent pour le champ utilisé par le champ Regrouper par et le champ d'agrégation.",
"xpack.transform.pivotPreview.transformPreviewTitle": "Aperçu de la transformation",
"xpack.transform.progress": "Progression",
- "xpack.transform.searchItems.errorInitializationTitle": "Une erreur s'est produite lors de l'initialisation de la vue de données Kibana ou de la recherche enregistrée.",
"xpack.transform.statsBar.batchTransformsLabel": "Lot",
"xpack.transform.statsBar.continuousTransformsLabel": "Continu",
"xpack.transform.statsBar.failedTransformsLabel": "Échoué",
@@ -47246,7 +47172,6 @@
"xpack.transform.stepDefineForm.runtimeEditorSwitchModalTitle": "Les modifications seront perdues",
"xpack.transform.stepDefineForm.runtimeFieldsLabel": "Champs de temps d'exécution",
"xpack.transform.stepDefineForm.runtimeFieldsListLabel": "{runtimeFields}",
- "xpack.transform.stepDefineForm.savedSearchLabel": "Recherche enregistrée",
"xpack.transform.stepDefineForm.searchFilterLabel": "Filtre de recherche",
"xpack.transform.stepDefineForm.sortFieldOptionsEmptyError": "Aucun champ de date n'est disponible pour effectuer le tri. Pour utiliser un autre type de champ, copiez la configuration dans le presse-papiers et continuez à créer la transformation dans la Console.",
"xpack.transform.stepDefineForm.sortHelpText": "Sélectionnez le champ de date à utiliser pour identifier le document le plus récent.",
@@ -47259,7 +47184,6 @@
"xpack.transform.stepDefineSummary.groupByLabel": "Regrouper par",
"xpack.transform.stepDefineSummary.queryCodeBlockLabel": "Recherche",
"xpack.transform.stepDefineSummary.queryLabel": "Requête",
- "xpack.transform.stepDefineSummary.savedSearchLabel": "Recherche enregistrée",
"xpack.transform.stepDefineSummary.timeRangeLabel": "Plage temporelle",
"xpack.transform.stepDetailsForm.advancedSettingsAccordionButtonContent": "Paramètres avancés",
"xpack.transform.stepDetailsForm.continuousModeAriaLabel": "Choisissez un retard.",
diff --git a/x-pack/platform/plugins/private/translations/translations/ja-JP.json b/x-pack/platform/plugins/private/translations/translations/ja-JP.json
index b2bd6e25ec1f5..a9d26dc336ff0 100644
--- a/x-pack/platform/plugins/private/translations/translations/ja-JP.json
+++ b/x-pack/platform/plugins/private/translations/translations/ja-JP.json
@@ -1454,7 +1454,6 @@
"dashboard.emptyScreen.noPermissionsTitle": "このダッシュボードは空です。",
"dashboard.emptyScreen.viewModeSubtitle": "編集モードに切り替えて、ビジュアライゼーションの追加を開始します。",
"dashboard.emptyScreen.viewModeTitle": "ダッシュボードにビジュアライゼーションを追加",
- "dashboard.featureCatalogue.dashboardDescription": "ビジュアライゼーションと保存された検索のコレクションの表示と共有を行います。",
"dashboard.featureCatalogue.dashboardSubtitle": "ダッシュボードでデータを分析します。",
"dashboard.featureCatalogue.dashboardTitle": "ダッシュボード",
"dashboard.labs.enableLabsDescription": "このフラグはビューアーで［ラボ］ボタンを使用できるかどうかを決定します。ダッシュボードで実験的機能を有効および無効にするための簡単な方法です。",
@@ -1581,7 +1580,6 @@
"data.advancedSettings.courier.requestPreferenceTitle": "リクエスト設定",
"data.advancedSettings.defaultIndexText": "データビューが設定されていないときに、検索とビジュアライゼーションによって使用されます。",
"data.advancedSettings.defaultIndexTitle": "デフォルトのデータビュー",
- "data.advancedSettings.docTableHighlightText": "Discover と保存された検索ダッシュボードの結果をハイライトします。ハイライトすることで、大きなドキュメントを扱う際にリクエストが遅くなります。",
"data.advancedSettings.docTableHighlightTitle": "結果をハイライト",
"data.advancedSettings.histogram.barTargetText": "日付ヒストグラムで「自動」間隔を使用する際、この数に近いバケットの作成を試みます",
"data.advancedSettings.histogram.barTargetTitle": "目標バケット数",
@@ -2510,7 +2508,6 @@
"discover.advancedSettings.discover.showFieldStatisticsDescription": "{fieldStatisticsDocs}を有効にすると、数値フィールドの最大/最小値やジオフィールドの地図といった詳細が表示されます。この機能はベータ段階で、変更される可能性があります。",
"discover.advancedSettings.discover.showMultifields": "マルチフィールドを表示",
"discover.advancedSettings.discover.showMultifieldsDescription": "拡張ドキュメントビューに{multiFields}が表示されるかどうかを制御します。ほとんどの場合、マルチフィールドは元のフィールドと同じです。「searchFieldsFromSource」がオフのときにのみこのオプションを使用できます。",
- "discover.advancedSettings.docTableHideTimeColumnText": "Discover と、ダッシュボードのすべての保存された検索で、「時刻」列を非表示にします。",
"discover.advancedSettings.docTableHideTimeColumnTitle": "「時刻」列を非表示",
"discover.advancedSettings.fieldsPopularLimitText": "最も頻繁に使用されるフィールドのトップNを表示します",
"discover.advancedSettings.fieldsPopularLimitTitle": "頻繁に使用されるフィールドの制限",
@@ -2522,7 +2519,6 @@
"discover.advancedSettings.sampleRowsPerPageTitle": "ページごとの行数",
"discover.advancedSettings.sampleSizeText": "ドキュメントテーブル全体の最大行数を設定します。",
"discover.advancedSettings.sampleSizeTitle": "テーブルごとの最大行数",
- "discover.advancedSettings.searchOnPageLoadText": "Discover の最初の読み込み時に検索を実行するかを制御します。この設定は、保存された検索の読み込み時には影響しません。",
"discover.advancedSettings.searchOnPageLoadTitle": "ページの読み込み時の検索",
"discover.advancedSettings.sortDefaultOrderText": "Discover アプリのデータビューに基づく時刻のデフォルトの並べ替え方向をコントロールします。",
"discover.advancedSettings.sortDefaultOrderTitle": "デフォルトの並べ替え方向",
@@ -2532,7 +2528,6 @@
"discover.alerts.manageRulesAndConnectors": "ルールとコネクターの管理",
"discover.alerts.missedTimeFieldToolTip": "データビューには時間フィールドがありません。",
"discover.badge.readOnly.text": "読み取り専用",
- "discover.badge.readOnly.tooltip": "検索を保存できません",
"discover.context.breadcrumb": "周りのドキュメント",
"discover.context.contextOfTitle": "#{anchorId}の周りのドキュメント",
"discover.context.failedToLoadAnchorDocumentDescription": "アンカードキュメントの読み込みに失敗しました",
@@ -2580,7 +2575,6 @@
"discover.dropZoneTableLabel": "フィールドを列として表に追加するには、ゾーンをドロップします",
"discover.embeddable.inspectorRequestDescription": "このリクエストはElasticsearchにクエリーをかけ、検索データを取得します。",
"discover.embeddable.search.dataViewError": "データビュー{indexPatternId}が見つかりません",
- "discover.embeddable.search.displayName": "検索",
"discover.errorCalloutESQLReferenceButtonLabel": "ES|QL参照を開く",
"discover.errorCalloutShowErrorMessage": "詳細を表示",
"discover.esqlMode.selectedColumnsCallout": "{esqlQueryColumnsNumber}フィールド中{selectedColumnsNumber}フィールドを表示中です。利用可能なフィールドリストからさらに追加します。",
@@ -2589,7 +2583,6 @@
"discover.esqlToDataViewTransitionModal.feedbackLink": "ES|QLフィードバックを送信",
"discover.esqlToDataViewTransitionModal.saveButtonLabel": "保存して切り替え",
"discover.esqlToDataViewTransitionModal.title": "保存されていない変更",
- "discover.esqlToDataviewTransitionModalBody": "データビューを切り替えると、現在のES|QLクエリが削除されます。作業が失われないようにするには、この検索を保存してください。",
"discover.fieldChooser.availableFieldsTooltip": "フィールドをテーブルに表示できます。",
"discover.fieldChooser.discoverField.addFieldTooltip": "フィールドを列として追加",
"discover.fieldChooser.discoverField.removeFieldTooltip": "フィールドを表から削除",
@@ -2617,19 +2610,10 @@
"discover.loadingDocuments": "ドキュメントを読み込み中",
"discover.localMenu.alertsDescription": "アラート",
"discover.localMenu.esqlTooltipLabel": "ES|QLはElasticの強力な新しいパイプクエリ言語です。",
- "discover.localMenu.fallbackReportTitle": "無題のDiscover検索",
"discover.localMenu.inspectTitle": "検査",
"discover.localMenu.localMenu.alertsTitle": "アラート",
- "discover.localMenu.localMenu.newSearchTitle": "新規",
- "discover.localMenu.mustCopyOnSave": "Elasticはこの保存された検索を管理します。変更は新しい保存された検索に保存されます。",
- "discover.localMenu.newSearchDescription": "新規検索",
"discover.localMenu.openInspectorForSearchDescription": "検索用にインスペクターを開きます",
- "discover.localMenu.openSavedSearchDescription": "保存された検索を開きます",
- "discover.localMenu.openTitle": "開く",
- "discover.localMenu.saveSaveSearchObjectType": "検索",
- "discover.localMenu.saveSearchDescription": "検索を保存します",
"discover.localMenu.saveTitle": "保存",
- "discover.localMenu.shareSearchDescription": "検索を共有します",
"discover.localMenu.shareTitle": "共有",
"discover.localMenu.switchToClassicTitle": "クラシックに切り替える",
"discover.localMenu.switchToClassicTooltipLabel": "KQLまたはLucene構文に切り替えます。",
@@ -2695,8 +2679,6 @@
"discover.noResults.suggestion.tryText": "次の方法を試してください：",
"discover.notifications.invalidTimeRangeText": "指定された時間範囲が無効です。（開始：''{from}''、終了：''{to}''）",
"discover.notifications.invalidTimeRangeTitle": "無効な時間範囲",
- "discover.notifications.notSavedSearchTitle": "検索''{savedSearchTitle}''は保存されませんでした。",
- "discover.notifications.savedSearchTitle": "検索''{savedSearchTitle}''が保存されました。",
"discover.pageTitleWithoutSavedSearch": "Discover - 検索は保存されていません",
"discover.pageTitleWithSavedSearch": "Discover - {savedSearchTitle}",
"discover.panelsToggle.hideChartButton": "グラフを非表示",
@@ -2705,24 +2687,15 @@
"discover.panelsToggle.showSidebarButton": "サイドバーを表示",
"discover.rootBreadcrumb": "Discover",
"discover.sampleData.viewLinkLabel": "Discover",
- "discover.savedSearch.savedObjectName": "保存検索",
- "discover.savedSearchAliasMatchRedirect.objectNoun": "{savedSearch}検索",
"discover.savedSearchEmbeddable.action.viewSavedSearch.displayName": "Discoverで開く",
- "discover.savedSearchURLConflictCallout.objectNoun": "{savedSearch}検索",
"discover.searchingTitle": "検索中",
"discover.serverLocatorExtension.titleFromLocatorUnknown": "不明な検索",
- "discover.share.shareModal.title": "この検索を共有",
"discover.showingDefaultDataViewWarningDescription": "デフォルトデータビューを表示しています：\"{loadedDataViewTitle}\" ({loadedDataViewId})",
"discover.showingSavedDataViewWarningDescription": "保存されたデータビューを表示しています：\"{ownDataViewTitle}\" ({ownDataViewId})",
"discover.singleDocRoute.errorMessage": "ID {dataViewId}の一致するデータビューが見つかりません",
"discover.singleDocRoute.errorTitle": "エラーが発生しました",
"discover.skipToBottomButtonLabel": "テーブルの最後に移動",
- "discover.topNav.managedContentLabel": "この保存された検索は、Elasticによって管理されます。この変更は、新しく保存された検索に保存する必要があります。",
- "discover.topNav.openSearchPanel.manageSearchesButtonLabel": "検索の管理",
- "discover.topNav.openSearchPanel.noSearchesFoundDescription": "一致する検索が見つかりませんでした。",
- "discover.topNav.openSearchPanel.openSearchTitle": "検索を開く",
"discover.topNav.saveModal.storeTimeWithSearchToggleDescription": "この検索を使用するときには、時間フィルターを更新し、現在の選択に合わせて間隔を更新します。",
- "discover.topNav.saveModal.storeTimeWithSearchToggleLabel": "保存された検索で時間を保存",
"discover.uninitializedRefreshButtonText": "データを更新",
"discover.uninitializedText": "クエリーを作成、フィルターを追加、または［更新］をクリックして、現在のクエリーの結果を取得します。",
"discover.uninitializedTitle": "検索開始",
@@ -2839,7 +2812,6 @@
"embeddableExamples.unifiedFieldList.displayName": "フィールドリスト",
"embeddableExamples.unifiedFieldList.noDefaultDataViewErrorMessage": "フィールドリストは、1つ以上のデータビューで使用する必要があります。",
"embeddableExamples.unifiedFieldList.selectDataViewMessage": "データビューを選択してください",
- "esql.advancedSettings.enableESQLDescription": "この設定はKibanaのES|QLを有効にします。オフにすると、さまざまなアプリケーションからES|QLユーザーインターフェースが非表示になります。ただし、ユーザーは、既存のES|QLで保存された検索、ビジュアライゼーションなどにアクセスできます。",
"esql.advancedSettings.enableESQLTitle": "ES|QLを有効化",
"esql.triggers.updateEsqlQueryTrigger": "ES|QLクエリを更新",
"esql.triggers.updateEsqlQueryTriggerDescription": "ES|QLクエリを新しいクエリで更新",
@@ -5069,7 +5041,6 @@
"indexPatternManagement.editIndexPattern.source.table.matchesHeader": "一致",
"indexPatternManagement.editIndexPattern.source.table.notMatchedLabel": "ソースフィルターが既知のフィールドと一致しません。",
"indexPatternManagement.editIndexPattern.source.table.saveAria": "保存",
- "indexPatternManagement.editIndexPattern.sourceLabel": "フィールドフィルターは、ドキュメントの取得時に 1 つまたは複数のフィールドを除外するのに使用される場合もあります。これは Discover アプリでのドキュメントの表示中、またはダッシュボードアプリの保存された検索の結果を表示する表で起こります。ドキュメントに大きなフィールドや重要ではないフィールドが含まれている場合、この程度の低いレベルでフィルターにより除外すると良いかもしれません。",
"indexPatternManagement.editIndexPattern.sourcePlaceholder": "フィールドフィルター、ワイルドカード使用可（例：「user*」と入力して「user」で始まるフィールドをフィルタリング）",
"indexPatternManagement.editIndexPattern.tabs.fieldsHeader": "フィールド",
"indexPatternManagement.editIndexPattern.tabs.relationshipsHeader": "関係（{count}）",
@@ -6547,9 +6518,7 @@
"savedObjectsManagement.view.inspectCodeEditorAriaLabel": "{ title }の検査",
"savedObjectsManagement.view.inspectItemTitle": "{title}の検査",
"savedObjectsManagement.view.savedObjectProblemErrorMessage": "この保存されたオブジェクトに問題があります",
- "savedObjectsManagement.view.savedSearchDoesNotExistErrorMessage": "このオブジェクトに関連付けられた保存された検索は現在存在しません。",
"savedObjectsManagement.view.viewItemButtonLabel": "{title}を表示",
- "savedSearch.contentManagementType": "保存検索",
"savedSearch.kibana_context.filters.help": "Kibana ジェネリックフィルターを指定します",
"savedSearch.kibana_context.help": "Kibana グローバルコンテキストを更新します",
"savedSearch.kibana_context.q.help": "自由形式の Kibana テキストクエリーを指定します",
@@ -7949,8 +7918,6 @@
"unifiedDataTable.rowHeight.single": "単一",
"unifiedDataTable.rowHeightLabel": "セル行高さ",
"unifiedDataTable.sampleSizeSettings.sampleSizeLabel": "サンプルサイズ",
- "unifiedDataTable.searchGenerationWithDescription": "検索{searchTitle}で生成されたテーブル",
- "unifiedDataTable.searchGenerationWithDescriptionGrid": "検索{searchTitle}で生成されたテーブル（{searchDescription}）",
"unifiedDataTable.selectAllDocs": "すべての{rowsCount}を選択",
"unifiedDataTable.selectAllRowsOnPageColumnHeader": "すべての表示行を選択",
"unifiedDataTable.selectColumnHeader": "列を選択",
@@ -8521,11 +8488,6 @@
"visDefaultEditor.sidebar.errorButtonTooltip": "ハイライトされたフィールドのエラーを解決する必要があります。",
"visDefaultEditor.sidebar.indexPatternAriaLabel": "インデックスパターン：{title}",
"visDefaultEditor.sidebar.savedSearch.goToDiscoverButtonText": "Discover にこの検索を表示",
- "visDefaultEditor.sidebar.savedSearch.linkButtonAriaLabel": "保存された検索へのリンク。クリックして詳細を確認するかリンクを解除します。",
- "visDefaultEditor.sidebar.savedSearch.popoverHelpText": "保存したこの検索に今後加える修正は、ビジュアライゼーションに反映されます。自動更新を無効にするには、リンクを削除します。",
- "visDefaultEditor.sidebar.savedSearch.popoverTitle": "保存された検索にリンクされています",
- "visDefaultEditor.sidebar.savedSearch.titleAriaLabel": "保存された検索：{title}",
- "visDefaultEditor.sidebar.savedSearch.unlinkSavedSearchButtonText": "保存された検索へのリンクを削除",
"visDefaultEditor.sidebar.tabs.dataLabel": "データ",
"visDefaultEditor.sidebar.tabs.optionsLabel": "オプション",
"visDefaultEditor.sidebar.updateChartButtonLabel": "更新",
@@ -9515,7 +9477,6 @@
"visualizations.helpMenu.appName": "Visualizeライブラリ",
"visualizations.legacyCharts.conditionalMessage.noPermissions": "古いライブラリに切り替えるには、システム管理者に連絡してください。",
"visualizations.legacyUrlConflict.objectNoun": "{visName}ビジュアライゼーション",
- "visualizations.linkedToSearch.unlinkSuccessNotificationText": "保存された検索''{searchTitle}''からリンクが解除されました",
"visualizations.listing.betaTitle": "ベータ",
"visualizations.listing.betaTooltip": "このビジュアライゼーションはベータ段階で、変更される可能性があります。デザインとコードはオフィシャルGA機能よりも完成度が低く、現状のまま保証なしで提供されています。ベータ機能にはオフィシャルGA機能のSLAが適用されません",
"visualizations.listing.breadcrumb": "Visualizeライブラリ",
@@ -9548,9 +9509,7 @@
"visualizations.newVisWizard.learnMoreText": "詳細について",
"visualizations.newVisWizard.newVisTypeTitle": "新規 {visTypeName}",
"visualizations.newVisWizard.resultsFound": "{resultCount, plural, other {個のタイプ}} が見つかりました",
- "visualizations.newVisWizard.searchSelection.notFoundLabel": "一致インデックスまたは保存した検索が見つかりません。",
"visualizations.newVisWizard.searchSelection.savedObjectType.dataView": "データビュー",
- "visualizations.newVisWizard.searchSelection.savedObjectType.search": "保存検索",
"visualizations.newVisWizard.title": "新規ビジュアライゼーション",
"visualizations.noDataView.label": "データビュー",
"visualizations.noMatchRoute.bannerText": "Visualizeアプリケーションはこのルートを認識できません。{route}",
@@ -9857,7 +9816,6 @@
"xpack.aiops.correlations.veryLowImpactText": "非常に低い",
"xpack.aiops.dataGrid.field.documentCountChart.seriesLabel": "ドキュメントカウント",
"xpack.aiops.dataGrid.field.documentCountChartSplit.seriesLabel": "他のドキュメントカウント",
- "xpack.aiops.dataSourceContext.errorTitle": "データビューまたは保存された検索を取得できません",
"xpack.aiops.dataViewNotBasedOnTimeSeriesWarning.title": "データビュー\"{dataViewTitle}\"は時系列に基づいていません。",
"xpack.aiops.documentCountChart.baselineBadgeLabel": "ベースライン",
"xpack.aiops.documentCountChart.deviationBadgeLabel": "偏差",
@@ -12544,7 +12502,6 @@
"xpack.canvas.functions.savedMap.args.titleHelpText": "マップのタイトル",
"xpack.canvas.functions.savedMap.args.zoomHelpText": "マップのズームレベル",
"xpack.canvas.functions.savedMapHelpText": "保存されたマップオブジェクトの埋め込み可能なオブジェクトを返します。",
- "xpack.canvas.functions.savedSearchHelpText": "保存検索オブジェクトの埋め込み可能なオブジェクトを返します",
"xpack.canvas.functions.savedVisualization.args.colorsHelpText": "特定のシリーズに使用する色を指定します",
"xpack.canvas.functions.savedVisualization.args.hideLegendHelpText": "凡例を非表示にするオプションを指定します",
"xpack.canvas.functions.savedVisualization.args.idHelpText": "保存されたビジュアライゼーションオブジェクトのID",
@@ -15438,7 +15395,6 @@
"xpack.dataVisualizer.index.lensChart.countLabel": "カウント",
"xpack.dataVisualizer.index.lensChart.maximumOfLabel": "{fieldName}の最大",
"xpack.dataVisualizer.index.lensChart.topValuesLabel": "トップの値",
- "xpack.dataVisualizer.index.savedSearchErrorMessage": "保存された検索{savedSearchId}の取得エラー",
"xpack.dataVisualizer.multiSelectPicker.NoFiltersFoundMessage": "フィルターが見つかりません",
"xpack.dataVisualizer.nameCollisionMsg": "「{name}」はすでに存在します。一意の名前を入力してください。",
"xpack.dataVisualizer.noData": "データなし",
@@ -19632,7 +19588,6 @@
"xpack.features.ossFeatures.discoverSearchSessionsFeatureName": "検索セッションの保存",
"xpack.features.ossFeatures.discoverShortUrlSubFeatureName": "短い URL",
"xpack.features.ossFeatures.discoverStoreSearchSessionsPrivilegeName": "検索セッションの保存",
- "xpack.features.ossFeatures.reporting.dashboardDownloadCSV": "保存された検索パネルからCSVレポートを生成",
"xpack.features.ossFeatures.reporting.dashboardGenerateScreenshot": "PDFまたはPNGレポートを生成",
"xpack.features.ossFeatures.reporting.discoverGenerateCSV": "CSVレポートを生成",
"xpack.features.ossFeatures.reporting.reportingTitle": "レポート",
@@ -20618,7 +20573,6 @@
"xpack.fleet.epm.assetTitles.mlModules": "異常検知構成",
"xpack.fleet.epm.assetTitles.osqueryPackAssets": "Osqueryパック",
"xpack.fleet.epm.assetTitles.osquerySavedQuery": "Osqueryの保存されたクエリー",
- "xpack.fleet.epm.assetTitles.savedSearches": "保存された検索",
"xpack.fleet.epm.assetTitles.securityRules": "セキュリティルール",
"xpack.fleet.epm.assetTitles.tag": "タグ",
"xpack.fleet.epm.assetTitles.transforms": "トランスフォーム",
@@ -24194,8 +24148,6 @@
"xpack.infra.logsPage.toolbar.logFilterErrorToastTitle": "ログフィルターエラー",
"xpack.infra.logsSettingsPage.loadingButtonLabel": "読み込み中",
"xpack.infra.logsStreamEmbeddable.deprecationWarningDescription": "ログストリームパネルは管理されていません。{savedSearchDocsLink}を同様の視覚化に活用してください。",
- "xpack.infra.logsStreamEmbeddable.deprecationWarningDescription.savedSearchesLinkLabel": "保存された検索",
- "xpack.infra.logStreamEmbeddable.description": "ライブストリーミングログのテーブルを追加します。体験を効率化するために、ログストリームを使用するのではなく、検出ページを使用して、保存された検索を作成することをお勧めします。",
"xpack.infra.logStreamEmbeddable.displayName": "ログストリーム（廃止予定）",
"xpack.infra.logStreamEmbeddable.title": "ログストリーム",
"xpack.infra.logStreamPageTemplate.backtoLogsStream": "ログストリームに戻る",
@@ -28972,15 +28924,10 @@
"xpack.ml.dataframe.analytics.create.resultsFieldHelpText": "分析の結果を格納するフィールドの名前を定義します。デフォルトはmlです。",
"xpack.ml.dataframe.analytics.create.resultsFieldInputAriaLabel": "分析の結果を格納するフィールドの名前。",
"xpack.ml.dataframe.analytics.create.resultsFieldLabel": "結果フィールド",
- "xpack.ml.dataframe.analytics.create.savedSearchLabel": "保存検索",
"xpack.ml.dataframe.analytics.create.scatterplotMatrixLabel": "散布図マトリックス",
"xpack.ml.dataframe.analytics.create.scatterplotMatrixLabelHelpText": "選択した分析対象フィールドのペアの間の関係を可視化します。",
- "xpack.ml.dataFrame.analytics.create.searchSelection.CcsErrorCallOutBody": "保存された検索''{savedSearchTitle}''はデータビュー''{dataViewName}''を使用しています。",
"xpack.ml.dataFrame.analytics.create.searchSelection.CcsErrorCallOutTitle": "クラスター横断検索を使用するデータビューはサポートされていません。",
- "xpack.ml.dataFrame.analytics.create.searchSelection.errorGettingDataViewTitle": "保存された検索で使用されているデータビューの読み込みエラー",
- "xpack.ml.dataFrame.analytics.create.searchSelection.notFoundLabel": "一致インデックスまたは保存した検索が見つかりません。",
"xpack.ml.dataFrame.analytics.create.searchSelection.savedObjectType.dataView": "データビュー",
- "xpack.ml.dataFrame.analytics.create.searchSelection.savedObjectType.search": "保存検索",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitInputAriaLabel": "この深さを超える決定木は、損失計算でペナルティがあります。",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitLabel": "ソフトツリー深さ上限値",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitText": "この深さを超える決定木は、損失計算でペナルティがあります。0以上でなければなりません。",
@@ -29272,7 +29219,6 @@
"xpack.ml.dataGridChart.notEnoughData": "0個のドキュメントにフィールドが含まれます。",
"xpack.ml.dataGridChart.singleCategoryLegend": "{cardinality, plural, other {# カテゴリ}}",
"xpack.ml.dataGridChart.topCategoriesLegend": "上位 {maxChartColumns}/{cardinality} カテゴリ",
- "xpack.ml.dataSourceContext.errorTitle": "データビューまたは保存された検索を取得できません",
"xpack.ml.dataViewNotBasedOnTimeSeriesNotificationDescription": "異常検知は時間ベースのインデックスでのみ実行されます",
"xpack.ml.dataViewNotBasedOnTimeSeriesNotificationTitle": "データビュー{dataViewIndexPattern}は時系列に基づいていません。",
"xpack.ml.dataViewUtils.createDataViewSwitchLabel": "データビューを作成",
@@ -29516,7 +29462,6 @@
"xpack.ml.feature.reserved.description": "ユーザーアクセスを許可するには、machine_learning_user か machine_learning_admin ロールのどちらかを割り当てる必要があります。",
"xpack.ml.featureFeedbackButton.tellUsWhatYouThinkLink": "ご意見をお聞かせください。",
"xpack.ml.featureRegistry.mlFeatureName": "機械学習",
- "xpack.ml.featureRegistry.privilegesTooltip": "機械学習にすべてまたは読み取り機能権限を付与すると、特定のタイプのKibanaで保存されたオブジェクト（インデックスパターン、ダッシュボード、保存された検索、ビジュアライゼーション、機械学習ジョブ、学習済みモデル、モジュールで保存されたオブジェクト）にも同等の機能権限が付与されます。",
"xpack.ml.fieldTypeIcon.booleanTypeAriaLabel": "ブールタイプ",
"xpack.ml.fieldTypeIcon.dateTypeAriaLabel": "日付タイプ",
"xpack.ml.fieldTypeIcon.geoPointTypeAriaLabel": "{geoPointParam} タイプ",
@@ -30319,7 +30264,6 @@
"xpack.ml.newJob.recognize.running.startedAriaLabel": "開始",
"xpack.ml.newJob.recognize.running.startFailedAriaLabel": "開始に失敗",
"xpack.ml.newJob.recognize.runningLabel": "実行中",
- "xpack.ml.newJob.recognize.savedSearchPageTitle": "saved search {savedSearchTitle}",
"xpack.ml.newJob.recognize.saveJobOverrideLabel": "保存",
"xpack.ml.newJob.recognize.searchesLabel": "検索",
"xpack.ml.newJob.recognize.searchWillBeOverwrittenLabel": "検索は上書きされます",
@@ -30328,7 +30272,6 @@
"xpack.ml.newJob.recognize.startDatafeedAfterSaveLabel": "保存後データフィードを開始",
"xpack.ml.newJob.recognize.useDedicatedIndexLabel": "専用インデックスを使用",
"xpack.ml.newJob.recognize.useFullDataLabel": "完全な{dataViewIndexPattern}データを使用",
- "xpack.ml.newJob.recognize.usingSavedSearchDescription": "保存検索を使用すると、データフィードで使用されるクエリーが、{moduleId} モジュールでデフォルトで提供されるものと異なるものになります。",
"xpack.ml.newJob.recognize.viewResultsAriaLabel": "結果を表示",
"xpack.ml.newJob.recognize.viewResultsLinkText": "結果を表示",
"xpack.ml.newJob.recognize.visualizationsLabel": "ビジュアライゼーション",
@@ -30348,7 +30291,6 @@
"xpack.ml.newJob.wizard.datafeedStep.dataView.description": "現在このジョブで使用されているデータビュー。",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step0.title": "データビューを変更",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step1.dataView": "データビュー",
- "xpack.ml.newJob.wizard.datafeedStep.dataView.step1.noMatchingError": "一致インデックスまたは保存した検索が見つかりません。",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step1.title": "ジョブの新しいデータビューを選択",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step2.ApplyButton": "適用",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step2.backButton": "戻る",
@@ -30458,8 +30400,6 @@
"xpack.ml.newJob.wizard.jobType.rareAriaLabel": "まれなジョブ",
"xpack.ml.newJob.wizard.jobType.rareDescription": "時系列データでまれな値を検出します。",
"xpack.ml.newJob.wizard.jobType.rareTitle": "ほとんどない",
- "xpack.ml.newJob.wizard.jobType.savedSearchPageTitleLabel": "saved search {savedSearchTitle}",
- "xpack.ml.newJob.wizard.jobType.selectDifferentIndexLinkText": "別のデータビューまたは保存された検索を選択",
"xpack.ml.newJob.wizard.jobType.singleMetricAriaLabel": "シングルメトリックジョブ",
"xpack.ml.newJob.wizard.jobType.singleMetricDescription": "単独の時系列の異常を検知します。",
"xpack.ml.newJob.wizard.jobType.singleMetricTitle": "シングルメトリック",
@@ -30469,7 +30409,6 @@
"xpack.ml.newJob.wizard.jsonFlyout.autoSetJobCreatorTimeRange.error": "インデックスの開始時刻と終了時刻の取得中にエラーが発生しました",
"xpack.ml.newJob.wizard.jsonFlyout.closeButton": "閉じる",
"xpack.ml.newJob.wizard.jsonFlyout.datafeed.title": "データフィード構成 JSON",
- "xpack.ml.newJob.wizard.jsonFlyout.indicesChange.calloutText": "データフィードで使用されているインデックスはここで変更できません。別のデータビューまたは保存された検索を選択するには、ウィザードのステップ1に進み、［インデックスパターンを変更］オプションを選択します。",
"xpack.ml.newJob.wizard.jsonFlyout.indicesChange.calloutTitle": "インデックスが変更されました",
"xpack.ml.newJob.wizard.jsonFlyout.job.title": "ジョブ構成 JSON",
"xpack.ml.newJob.wizard.jsonFlyout.saveButton": "保存",
@@ -30601,10 +30540,7 @@
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.title": "モデルスナップショット{ssId}に戻す",
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.warningCallout.contents": "{date}後のすべての異常検知結果は削除されます。",
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.warningCallout.title": "異常値データが削除されます",
- "xpack.ml.newJob.wizard.searchSelection.notFoundLabel": "一致データビューまたは保存された検索が見つかりません。",
"xpack.ml.newJob.wizard.searchSelection.savedObjectType.dataView": "データビュー",
- "xpack.ml.newJob.wizard.searchSelection.savedObjectType.search": "保存検索",
- "xpack.ml.newJob.wizard.selectDataViewOrSavedSearch": "データビューまたは保存された検索を選択",
"xpack.ml.newJob.wizard.shopValidationButton": "検証をスキップ",
"xpack.ml.newJob.wizard.step.configureDatafeedTitle": "データフィードの構成",
"xpack.ml.newJob.wizard.step.jobDetailsTitle": "ジョブの詳細",
@@ -30616,7 +30552,6 @@
"xpack.ml.newJob.wizard.stepComponentWrapper.jobDetailsTitle": "ジョブの詳細",
"xpack.ml.newJob.wizard.stepComponentWrapper.pickFieldsTitle": "フィールドを選択",
"xpack.ml.newJob.wizard.stepComponentWrapper.summaryTitleDataView": "データビュー{dataViewName}の新しいジョブ",
- "xpack.ml.newJob.wizard.stepComponentWrapper.summaryTitleSavedSearch": "保存された検索 {title} からの新規ジョブ",
"xpack.ml.newJob.wizard.stepComponentWrapper.timeRangeTitle": "時間範囲",
"xpack.ml.newJob.wizard.stepComponentWrapper.validationTitle": "検証",
"xpack.ml.newJob.wizard.summaryStep.convertToAdvancedButton": "高度なジョブに変換",
@@ -37449,7 +37384,6 @@
"xpack.securitySolution.detectionEngine.body.summary.message": "ルール{ruleName}は{signalsCount}件のアラートを生成しました",
"xpack.securitySolution.detectionEngine.buttonManageRules": "ルールの管理",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkActionConfirmationCloseButtonLabel": "閉じる",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditConfirmation.confirmButtonLabel": "{customRulesCount, plural, other {# 個のカスタムルール}}を編集",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditConfirmationCancelButtonLabel": "キャンセル",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.addIndexPatternsComboboxHelpText": "追加するElasticsearchインデックスのパターンを入力します。デフォルトでは、ドロップダウンには、セキュリティソリューション詳細設定で定義されたインデックスパターンが含まれます。",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.addIndexPatternsComboboxLabel": "選択したルールのインデックスパターンを追加",
@@ -37483,8 +37417,6 @@
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.setInvestigationFieldsWarningCallout": "選択した{rulesCount, plural, other {#個のルール}}のカスタムハイライトされたフィールドを上書きしようとしています。変更を適用して、保存するには、［保存］をクリックします。",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.setTagsWarningCallout": "{rulesCount, plural, other {# 個の選択したルール}}のタグを上書きしようとしています。［保存］をクリックすると、変更が適用されます。\n",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.tagsComoboxRequiredErrorMessage": "1つ以上のタグが必要です。",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkExportConfirmation.confirmButtonLabel": "{customRulesCount, plural, other {# 個のカスタムルール}}をエクスポート",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkManualRuleRunConfirmation.confirmButtonLabel": "{customRulesCount, plural, other {# 個のカスタムルール}}をスケジュール",
"xpack.securitySolution.detectionEngine.components.allRules.bulkDeleteConfirmationTitle": "一括削除の確認",
"xpack.securitySolution.detectionEngine.components.allRules.deleteConfirmationCancel": "キャンセル",
"xpack.securitySolution.detectionEngine.components.allRules.deleteConfirmationConfirm": "削除",
@@ -38705,7 +38637,6 @@
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.addRuleActionsTitle": "ルールアクションを追加",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.addTagsTitle": "タグを追加",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.applyTimelineTemplateTitle": "タイムラインテンプレートを適用",
- "xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkActionConfirmationPartlyTitle": "このアクションは、{customRulesCount, plural, other {#個のカスタムルール}}にのみ適用できます",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditConfirmationDeniedTitle": "{rulesCount, plural, other {# 個のルール}}を編集できません",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditWarningToastDescription": "{rulesCount, plural, other {#個のルール}}を更新しています。",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditWarningToastNotifyButtonLabel": "完了時に通知",
@@ -42240,7 +42171,6 @@
"xpack.securitySolution.timelines.components.templateFilter.elasticTitle": "Elasticテンプレート",
"xpack.securitySolution.timelines.discoverInTimeline.save_saved_search_error": "Discover検索の保存エラー",
"xpack.securitySolution.timelines.discoverInTimeline.save_saved_search_unknown_error": "Discover検索の保存中に不明なエラーが発生しました",
- "xpack.securitySolution.timelines.discoverInTimeline.savedSearchTitle": "タイムラインの保存された検索 - {title}",
"xpack.securitySolution.timelines.newTemplateTimelineButtonLabel": "新規タイムラインテンプレートを作成",
"xpack.securitySolution.timelines.newTimelineButtonLabel": "新規タイムラインを作成",
"xpack.securitySolution.timelines.pageTitle": "タイムライン",
@@ -44234,7 +44164,6 @@
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.disabledTitle": "既存のオブジェクトを確認",
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.enabledText": "このオプションを使用すると、同じ場所でオブジェクトの1つ以上のコピーを作成します。",
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.enabledTitle": "ランダムIDで新しいオブジェクトを作成",
- "xpack.spaces.management.copyToSpace.copyModeControl.includeRelated.text": "このオブジェクトと関連するオブジェクトをコピーします。ダッシュボードでは、関連するビジュアライゼーション、インデックスパターン、および保存された検索もコピーされます。",
"xpack.spaces.management.copyToSpace.copyModeControl.includeRelated.title": "関連オブジェクトを含める",
"xpack.spaces.management.copyToSpace.copyModeControl.overwrite.disabledLabel": "競合時にアクションを要求",
"xpack.spaces.management.copyToSpace.copyModeControl.overwrite.enabledLabel": "自動的に競合を上書き",
@@ -47006,15 +46935,12 @@
"xpack.transform.newTransform.chooseSourceTitle": "ソースの選択",
"xpack.transform.newTransform.newTransformTitle": "新規トランスフォーム",
"xpack.transform.newTransform.searchSelection.createADataView": "データビューを作成",
- "xpack.transform.newTransform.searchSelection.notFoundLabel": "一致インデックスまたは保存した検索が見つかりません。",
"xpack.transform.newTransform.searchSelection.savedObjectType.dataView": "データビュー",
- "xpack.transform.newTransform.searchSelection.savedObjectType.search": "保存検索",
"xpack.transform.pivotPreview.copyClipboardTooltip": "トランスフォームプレビューの開発コンソールステートメントをクリップボードにコピーします。",
"xpack.transform.pivotPreview.PivotPreviewIncompleteConfigCalloutBody": "group-by フィールドと集約を 1 つ以上選んでください。",
"xpack.transform.pivotPreview.PivotPreviewNoDataCalloutBody": "プレビューリクエストはデータを返しませんでした。オプションのクエリがデータを返し、グループ分け基準により使用されるフィールドと集約フィールドに値が存在することを確認してください。",
"xpack.transform.pivotPreview.transformPreviewTitle": "トランスフォームプレビュー",
"xpack.transform.progress": "進捗",
- "xpack.transform.searchItems.errorInitializationTitle": "Kibanaデータビューまたは保存された検索を初期化するときにエラーが発生しました。",
"xpack.transform.statsBar.batchTransformsLabel": "バッチ",
"xpack.transform.statsBar.continuousTransformsLabel": "実行中",
"xpack.transform.statsBar.failedTransformsLabel": "失敗",
@@ -47095,7 +47021,6 @@
"xpack.transform.stepDefineForm.runtimeEditorSwitchModalTitle": "編集内容は失われます",
"xpack.transform.stepDefineForm.runtimeFieldsLabel": "ランタイムフィールド",
"xpack.transform.stepDefineForm.runtimeFieldsListLabel": "{runtimeFields}",
- "xpack.transform.stepDefineForm.savedSearchLabel": "保存検索",
"xpack.transform.stepDefineForm.searchFilterLabel": "検索フィルター",
"xpack.transform.stepDefineForm.sortFieldOptionsEmptyError": "並べ替えの条件にする日付フィールドがありません。別のフィールド型を使用するには、構成をクリップボードにコピーして、コンソールでトランスフォームを作成し続けます。",
"xpack.transform.stepDefineForm.sortHelpText": "最新のドキュメントを特定するために使用する日付フィールドを選択してます。",
@@ -47108,7 +47033,6 @@
"xpack.transform.stepDefineSummary.groupByLabel": "グループ分けの条件",
"xpack.transform.stepDefineSummary.queryCodeBlockLabel": "クエリー",
"xpack.transform.stepDefineSummary.queryLabel": "クエリー",
- "xpack.transform.stepDefineSummary.savedSearchLabel": "保存検索",
"xpack.transform.stepDefineSummary.timeRangeLabel": "時間範囲",
"xpack.transform.stepDetailsForm.advancedSettingsAccordionButtonContent": "高度な設定",
"xpack.transform.stepDetailsForm.continuousModeAriaLabel": "遅延を選択してください。",
diff --git a/x-pack/platform/plugins/private/translations/translations/zh-CN.json b/x-pack/platform/plugins/private/translations/translations/zh-CN.json
index 479e9acd6a26d..370c4d8fa63b9 100644
--- a/x-pack/platform/plugins/private/translations/translations/zh-CN.json
+++ b/x-pack/platform/plugins/private/translations/translations/zh-CN.json
@@ -1467,7 +1467,6 @@
"dashboard.emptyScreen.noPermissionsTitle": "此仪表板是空的。",
"dashboard.emptyScreen.viewModeSubtitle": "进入编辑模式，然后开始添加可视化。",
"dashboard.emptyScreen.viewModeTitle": "将可视化添加到仪表板",
- "dashboard.featureCatalogue.dashboardDescription": "显示和共享可视化和已保存搜索的集合。",
"dashboard.featureCatalogue.dashboardSubtitle": "在仪表板中分析数据。",
"dashboard.featureCatalogue.dashboardTitle": "仪表板",
"dashboard.labs.enableLabsDescription": "此标志决定查看者是否有权访问用于在仪表板中快速启用和禁用技术预览功能的'实验'按钮。",
@@ -1593,7 +1592,6 @@
"data.advancedSettings.courier.requestPreferenceTitle": "请求首选项",
"data.advancedSettings.defaultIndexText": "未设置数据视图时，供 Discover 和可视化使用。",
"data.advancedSettings.defaultIndexTitle": "默认数据视图",
- "data.advancedSettings.docTableHighlightText": "在 Discover 和已保存搜索仪表板中突出显示结果。处理大文档时，突出显示会使请求变慢。",
"data.advancedSettings.docTableHighlightTitle": "突出显示结果",
"data.advancedSettings.histogram.barTargetText": "在日期和数值直方图中使用'auto'时间间隔时尝试生成大约此数目的存储桶",
"data.advancedSettings.histogram.barTargetTitle": "目标存储桶",
@@ -2501,7 +2499,6 @@
"discover.advancedSettings.discover.showFieldStatisticsDescription": "启用 {fieldStatisticsDocs} 以显示详细信息，如数字字段的最小和最大值，或地理字段的地图。此功能为公测版，可能会进行更改。",
"discover.advancedSettings.discover.showMultifields": "显示多字段",
"discover.advancedSettings.discover.showMultifieldsDescription": "控制 {multiFields} 是否显示在展开的文档视图中。多数情况下，多字段与原始字段相同。此选项仅在 `searchFieldsFromSource` 关闭时可用。",
- "discover.advancedSettings.docTableHideTimeColumnText": "在 Discover 中和仪表板上的所有已保存搜索中隐藏'时间'列。",
"discover.advancedSettings.docTableHideTimeColumnTitle": "隐藏'时间'列",
"discover.advancedSettings.fieldsPopularLimitText": "要显示的排名前 N 最常见字段",
"discover.advancedSettings.fieldsPopularLimitTitle": "常见字段限制",
@@ -2513,7 +2510,6 @@
"discover.advancedSettings.sampleRowsPerPageTitle": "每页行数",
"discover.advancedSettings.sampleSizeText": "设置整个文档表的最大行数。",
"discover.advancedSettings.sampleSizeTitle": "每个表的最大行数",
- "discover.advancedSettings.searchOnPageLoadText": "控制在 Discover 首次加载时是否执行搜索。加载已保存搜索时，此设置无效。",
"discover.advancedSettings.searchOnPageLoadTitle": "在页面加载时搜索",
"discover.advancedSettings.sortDefaultOrderText": "在 Discover 应用中控制基于时间的数据视图的默认排序方向。",
"discover.advancedSettings.sortDefaultOrderTitle": "默认排序方向",
@@ -2523,7 +2519,6 @@
"discover.alerts.manageRulesAndConnectors": "管理规则和连接器",
"discover.alerts.missedTimeFieldToolTip": "数据视图没有时间字段。",
"discover.badge.readOnly.text": "只读",
- "discover.badge.readOnly.tooltip": "无法保存搜索",
"discover.context.breadcrumb": "周围文档",
"discover.context.contextOfTitle": "#{anchorId} 周围的文档",
"discover.context.failedToLoadAnchorDocumentDescription": "无法加载定位点文档",
@@ -2571,7 +2566,6 @@
"discover.dropZoneTableLabel": "放置区域以将字段作为列添加到表中",
"discover.embeddable.inspectorRequestDescription": "此请求将查询 Elasticsearch 以获取搜索的数据。",
"discover.embeddable.search.dataViewError": "缺少数据视图 {indexPatternId}",
- "discover.embeddable.search.displayName": "搜索",
"discover.errorCalloutESQLReferenceButtonLabel": "打开 ES|QL 参考",
"discover.errorCalloutShowErrorMessage": "查看详情",
"discover.esqlMode.selectedColumnsCallout": "正在显示 {selectedColumnsNumber} 个字段，共 {esqlQueryColumnsNumber} 个。从可用字段列表中添加更多字段。",
@@ -2580,7 +2574,6 @@
"discover.esqlToDataViewTransitionModal.feedbackLink": "提交 ES|QL 反馈",
"discover.esqlToDataViewTransitionModal.saveButtonLabel": "保存并切换",
"discover.esqlToDataViewTransitionModal.title": "未保存的更改",
- "discover.esqlToDataviewTransitionModalBody": "切换数据视图会移除当前的 ES|QL 查询。保存此搜索以避免丢失工作。",
"discover.fieldChooser.availableFieldsTooltip": "适用于在表中显示的字段。",
"discover.fieldChooser.discoverField.addFieldTooltip": "将字段添加为列",
"discover.fieldChooser.discoverField.removeFieldTooltip": "从表中移除字段",
@@ -2608,19 +2601,10 @@
"discover.loadingDocuments": "正在加载文档",
"discover.localMenu.alertsDescription": "告警",
"discover.localMenu.esqlTooltipLabel": "ES|QL 是 Elastic 支持的功能强大的全新管道查询语言。",
- "discover.localMenu.fallbackReportTitle": "未命名 Discover 搜索",
"discover.localMenu.inspectTitle": "检查",
"discover.localMenu.localMenu.alertsTitle": "告警",
- "discover.localMenu.localMenu.newSearchTitle": "新建",
- "discover.localMenu.mustCopyOnSave": "Elastic 将管理此已保存搜索。将任何更改保存到新的已保存搜索。",
- "discover.localMenu.newSearchDescription": "新搜索",
"discover.localMenu.openInspectorForSearchDescription": "打开 Inspector 以进行搜索",
- "discover.localMenu.openSavedSearchDescription": "打开已保存搜索",
- "discover.localMenu.openTitle": "打开",
- "discover.localMenu.saveSaveSearchObjectType": "搜索",
- "discover.localMenu.saveSearchDescription": "保存搜索",
"discover.localMenu.saveTitle": "保存",
- "discover.localMenu.shareSearchDescription": "共享搜索",
"discover.localMenu.shareTitle": "共享",
"discover.localMenu.switchToClassicTitle": "切换到经典模式",
"discover.localMenu.switchToClassicTooltipLabel": "切换到 KQL 或 Lucene 语法。",
@@ -2693,22 +2677,13 @@
"discover.panelsToggle.showSidebarButton": "显示侧边栏",
"discover.rootBreadcrumb": "Discover",
"discover.sampleData.viewLinkLabel": "Discover",
- "discover.savedSearch.savedObjectName": "已保存搜索",
- "discover.savedSearchAliasMatchRedirect.objectNoun": "{savedSearch} 搜索",
"discover.savedSearchEmbeddable.action.viewSavedSearch.displayName": "在 Discover 中打开",
- "discover.savedSearchURLConflictCallout.objectNoun": "{savedSearch} 搜索",
"discover.searchingTitle": "正在搜索",
"discover.serverLocatorExtension.titleFromLocatorUnknown": "未知搜索",
- "discover.share.shareModal.title": "共享此搜索",
"discover.singleDocRoute.errorMessage": "没有与 ID {dataViewId} 相匹配的数据视图",
"discover.singleDocRoute.errorTitle": "发生错误",
"discover.skipToBottomButtonLabel": "转到表尾",
- "discover.topNav.managedContentLabel": "此已保存搜索由 Elastic 托管。此处的更改必须保存到新的已保存搜索。",
- "discover.topNav.openSearchPanel.manageSearchesButtonLabel": "管理搜索",
- "discover.topNav.openSearchPanel.noSearchesFoundDescription": "未找到匹配的搜索。",
- "discover.topNav.openSearchPanel.openSearchTitle": "打开搜索",
"discover.topNav.saveModal.storeTimeWithSearchToggleDescription": "在使用此搜索时更新时间筛选并将时间间隔刷新到当前选择。",
- "discover.topNav.saveModal.storeTimeWithSearchToggleLabel": "将时间与已保存搜索一起存储",
"discover.uninitializedRefreshButtonText": "刷新数据",
"discover.uninitializedText": "编写查询，添加一些筛选，或只需单击'刷新'来检索当前查询的结果。",
"discover.uninitializedTitle": "开始搜索",
@@ -2829,7 +2804,6 @@
"embeddableExamples.unifiedFieldList.displayName": "字段列表",
"embeddableExamples.unifiedFieldList.noDefaultDataViewErrorMessage": "字段列表必须至少与一个存在的数据视图搭配使用",
"embeddableExamples.unifiedFieldList.selectDataViewMessage": "请选择数据视图",
- "esql.advancedSettings.enableESQLDescription": "此设置将在 Kibana 中启用 ES|QL。通过将其关闭，您将从各种应用程序中隐藏 ES|QL 用户界面。但是，用户将能够访问现有 ES|QL 已保存的搜索及可视化等。",
"esql.advancedSettings.enableESQLTitle": "启用 ES|QL",
"esql.triggers.updateEsqlQueryTrigger": "更新 ES|QL 查询",
"esql.triggers.updateEsqlQueryTriggerDescription": "使用新查询更新 ES|QL 查询",
@@ -5033,7 +5007,6 @@
"indexPatternManagement.editIndexPattern.source.table.matchesHeader": "匹配",
"indexPatternManagement.editIndexPattern.source.table.notMatchedLabel": "源筛选不匹配任何已知字段。",
"indexPatternManagement.editIndexPattern.source.table.saveAria": "保存",
- "indexPatternManagement.editIndexPattern.sourceLabel": "字段筛选可用于在提取文档时排除一个或多个字段。在 Discover 应用中查看文档时会使用字段筛选，表在 Dashboard 应用中显示已保存搜索的结果时也会使用字段筛选。如果您的文档含有较大或不重要的字段，则通过在此较低层级筛除这些字段可能会更好。",
"indexPatternManagement.editIndexPattern.sourcePlaceholder": "字段筛选，接受通配符（例如'user*'用于筛选以'user'开头的字段）",
"indexPatternManagement.editIndexPattern.tabs.fieldsHeader": "字段",
"indexPatternManagement.editIndexPattern.tabs.relationshipsHeader": "关系 ({count})",
@@ -6493,8 +6466,6 @@
"savedObjectsManagement.view.inspectCodeEditorAriaLabel": "检查 { title }",
"savedObjectsManagement.view.inspectItemTitle": "检查 {title}",
"savedObjectsManagement.view.savedObjectProblemErrorMessage": "此已保存对象有问题",
- "savedObjectsManagement.view.savedSearchDoesNotExistErrorMessage": "与此对象关联的已保存搜索已不存在。",
- "savedSearch.contentManagementType": "已保存搜索",
"savedSearch.kibana_context.filters.help": "指定 Kibana 常规筛选",
"savedSearch.kibana_context.help": "更新 kibana 全局上下文",
"savedSearch.kibana_context.q.help": "指定 Kibana 自由格式文本查询",
@@ -7826,8 +7797,6 @@
"unifiedDataTable.rowHeight.single": "单个",
"unifiedDataTable.rowHeightLabel": "单元格行高",
"unifiedDataTable.sampleSizeSettings.sampleSizeLabel": "样例大小",
- "unifiedDataTable.searchGenerationWithDescription": "搜索 {searchTitle} 生成的表",
- "unifiedDataTable.searchGenerationWithDescriptionGrid": "搜索 {searchTitle} 生成的表（{searchDescription}）",
"unifiedDataTable.selectAllDocs": "选择所有 {rowsCount} 行",
"unifiedDataTable.selectAllRowsOnPageColumnHeader": "选择所有可见行",
"unifiedDataTable.selectColumnHeader": "选择列",
@@ -8381,11 +8350,6 @@
"visDefaultEditor.sidebar.errorButtonTooltip": "需要解决突出显示的字段中的错误。",
"visDefaultEditor.sidebar.indexPatternAriaLabel": "索引模式：{title}",
"visDefaultEditor.sidebar.savedSearch.goToDiscoverButtonText": "在 Discover 中查看此搜索",
- "visDefaultEditor.sidebar.savedSearch.linkButtonAriaLabel": "链接到已保存搜索。单击以了解详情或断开链接。",
- "visDefaultEditor.sidebar.savedSearch.popoverHelpText": "对此已保存搜索的后续修改将反映在可视化中。要禁用自动更新，请移除该链接。",
- "visDefaultEditor.sidebar.savedSearch.popoverTitle": "已链接到已保存搜索",
- "visDefaultEditor.sidebar.savedSearch.titleAriaLabel": "已保存搜索：{title}",
- "visDefaultEditor.sidebar.savedSearch.unlinkSavedSearchButtonText": "移除已保存搜索的链接",
"visDefaultEditor.sidebar.tabs.dataLabel": "数据",
"visDefaultEditor.sidebar.tabs.optionsLabel": "选项",
"visDefaultEditor.sidebar.updateChartButtonLabel": "更新",
@@ -9399,9 +9363,7 @@
"visualizations.newVisWizard.learnMoreText": "希望了解详情？",
"visualizations.newVisWizard.newVisTypeTitle": "新建{visTypeName}",
"visualizations.newVisWizard.resultsFound": "{resultCount, plural, other {类型}}已找到",
- "visualizations.newVisWizard.searchSelection.notFoundLabel": "未找到匹配的索引或已保存搜索。",
"visualizations.newVisWizard.searchSelection.savedObjectType.dataView": "数据视图",
- "visualizations.newVisWizard.searchSelection.savedObjectType.search": "已保存搜索",
"visualizations.newVisWizard.title": "新建可视化",
"visualizations.noDataView.label": "数据视图",
"visualizations.noMatchRoute.bannerText": "Visualize 应用程序无法识别此路由：{route}。",
@@ -9694,7 +9656,6 @@
"xpack.aiops.correlations.veryLowImpactText": "极低",
"xpack.aiops.dataGrid.field.documentCountChart.seriesLabel": "文档计数",
"xpack.aiops.dataGrid.field.documentCountChartSplit.seriesLabel": "其他文档计数",
- "xpack.aiops.dataSourceContext.errorTitle": "无法提取数据视图或已保存搜索",
"xpack.aiops.documentCountChart.baselineBadgeLabel": "基线",
"xpack.aiops.documentCountChart.deviationBadgeLabel": "偏差",
"xpack.aiops.embeddableChangePointChart.dataViewLabel": "数据视图",
@@ -12328,7 +12289,6 @@
"xpack.canvas.functions.savedMap.args.titleHelpText": "地图的标题",
"xpack.canvas.functions.savedMap.args.zoomHelpText": "地图的缩放级别",
"xpack.canvas.functions.savedMapHelpText": "返回已保存地图对象的可嵌入对象。",
- "xpack.canvas.functions.savedSearchHelpText": "为已保存搜索对象返回可嵌入对象",
"xpack.canvas.functions.savedVisualization.args.colorsHelpText": "定义用于特定序列的颜色",
"xpack.canvas.functions.savedVisualization.args.hideLegendHelpText": "指定用于隐藏图例的选项",
"xpack.canvas.functions.savedVisualization.args.idHelpText": "已保存可视化对象的 ID",
@@ -15164,7 +15124,6 @@
"xpack.dataVisualizer.index.lensChart.countLabel": "计数",
"xpack.dataVisualizer.index.lensChart.maximumOfLabel": "{fieldName} 的最大值",
"xpack.dataVisualizer.index.lensChart.topValuesLabel": "排名最前值",
- "xpack.dataVisualizer.index.savedSearchErrorMessage": "检索已保存搜索 {savedSearchId} 时出错",
"xpack.dataVisualizer.multiSelectPicker.NoFiltersFoundMessage": "未找到任何筛选",
"xpack.dataVisualizer.noData": "无数据",
"xpack.dataVisualizer.randomSamplerPreference.offLabel": "关闭",
@@ -19325,7 +19284,6 @@
"xpack.features.ossFeatures.discoverSearchSessionsFeatureName": "存储搜索会话",
"xpack.features.ossFeatures.discoverShortUrlSubFeatureName": "短 URL",
"xpack.features.ossFeatures.discoverStoreSearchSessionsPrivilegeName": "存储搜索会话",
- "xpack.features.ossFeatures.reporting.dashboardDownloadCSV": "从已保存搜索面板生成 CSV 报告",
"xpack.features.ossFeatures.reporting.dashboardGenerateScreenshot": "生成 PDF 或 PNG 报告",
"xpack.features.ossFeatures.reporting.discoverGenerateCSV": "生成 CSV 报告",
"xpack.features.ossFeatures.reporting.reportingTitle": "Reporting",
@@ -20295,7 +20253,6 @@
"xpack.fleet.epm.assetTitles.mlModules": "异常检测配置",
"xpack.fleet.epm.assetTitles.osqueryPackAssets": "Osquery 包",
"xpack.fleet.epm.assetTitles.osquerySavedQuery": "Osquery 已保存查询",
- "xpack.fleet.epm.assetTitles.savedSearches": "已保存的搜索",
"xpack.fleet.epm.assetTitles.securityRules": "安全规则",
"xpack.fleet.epm.assetTitles.tag": "标签",
"xpack.fleet.epm.assetTitles.transforms": "转换",
@@ -23808,8 +23765,6 @@
"xpack.infra.logsPage.toolbar.logFilterErrorToastTitle": "日志筛选错误",
"xpack.infra.logsSettingsPage.loadingButtonLabel": "正在加载",
"xpack.infra.logsStreamEmbeddable.deprecationWarningDescription": "将不再维护日志流面板。尝试将 {savedSearchDocsLink} 用于类似可视化。",
- "xpack.infra.logsStreamEmbeddable.deprecationWarningDescription.savedSearchesLinkLabel": "已保存的搜索",
- "xpack.infra.logStreamEmbeddable.description": "添加实时流式传输日志的表。为了获得更高效的体验，建议使用 Discover 页面创建已保存搜索，而不是使用日志流。",
"xpack.infra.logStreamEmbeddable.displayName": "日志流（已过时）",
"xpack.infra.logStreamEmbeddable.title": "日志流",
"xpack.infra.logStreamPageTemplate.backtoLogsStream": "返回到日志流",
@@ -28501,14 +28456,10 @@
"xpack.ml.dataframe.analytics.create.resultsFieldHelpText": "定义用于存储分析结果的字段的名称。默认为 ml。",
"xpack.ml.dataframe.analytics.create.resultsFieldInputAriaLabel": "用于存储分析结果的字段的名称。",
"xpack.ml.dataframe.analytics.create.resultsFieldLabel": "结果字段",
- "xpack.ml.dataframe.analytics.create.savedSearchLabel": "已保存搜索",
"xpack.ml.dataframe.analytics.create.scatterplotMatrixLabel": "散点图矩阵",
"xpack.ml.dataframe.analytics.create.scatterplotMatrixLabelHelpText": "可视化选定包括字段对之间的关系。",
"xpack.ml.dataFrame.analytics.create.searchSelection.CcsErrorCallOutTitle": "不支持使用跨集群搜索的数据视图。",
- "xpack.ml.dataFrame.analytics.create.searchSelection.errorGettingDataViewTitle": "加载已保存搜索所使用的数据视图时出错",
- "xpack.ml.dataFrame.analytics.create.searchSelection.notFoundLabel": "未找到匹配的索引或已保存搜索。",
"xpack.ml.dataFrame.analytics.create.searchSelection.savedObjectType.dataView": "数据视图",
- "xpack.ml.dataFrame.analytics.create.searchSelection.savedObjectType.search": "已保存搜索",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitInputAriaLabel": "超过此深度的决策树将在损失计算中被罚分。",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitLabel": "软性树深度限制",
"xpack.ml.dataframe.analytics.create.softTreeDepthLimitText": "超过此深度的决策树将在损失计算中被罚分。必须大于或等于 0。",
@@ -28797,7 +28748,6 @@
"xpack.ml.dataGridChart.notEnoughData": "0 个文档包含字段。",
"xpack.ml.dataGridChart.singleCategoryLegend": "{cardinality, plural, other {# 个类别}}",
"xpack.ml.dataGridChart.topCategoriesLegend": "{cardinality} 个类别中的排名前 {maxChartColumns} 个",
- "xpack.ml.dataSourceContext.errorTitle": "无法提取数据视图或已保存搜索",
"xpack.ml.dataViewNotBasedOnTimeSeriesNotificationDescription": "仅针对基于时间的索引运行异常检测",
"xpack.ml.dataViewNotBasedOnTimeSeriesNotificationTitle": "数据视图 {dataViewIndexPattern} 并非基于时间序列",
"xpack.ml.dataViewUtils.createDataViewSwitchLabel": "创建数据视图",
@@ -29040,7 +28990,6 @@
"xpack.ml.feature.reserved.description": "要向用户授予访问权限，还应分配 machine_learning_user 或 machine_learning_admin 角色。",
"xpack.ml.featureFeedbackButton.tellUsWhatYouThinkLink": "告诉我们您的看法！",
"xpack.ml.featureRegistry.mlFeatureName": "Machine Learning",
- "xpack.ml.featureRegistry.privilegesTooltip": "为 Machine Learning 授予所有或读取功能权限还会向某些类型的 Kibana 已保存对象（即索引模式、仪表板、已保存搜索和可视化，以及 Machine Learning 作业、已训练模型和模块已保存对象）授予对等功能权限。",
"xpack.ml.fieldTypeIcon.booleanTypeAriaLabel": "布尔类型",
"xpack.ml.fieldTypeIcon.dateTypeAriaLabel": "日期类型",
"xpack.ml.fieldTypeIcon.geoPointTypeAriaLabel": "{geoPointParam} 类型",
@@ -29842,7 +29791,6 @@
"xpack.ml.newJob.recognize.running.startedAriaLabel": "已启动",
"xpack.ml.newJob.recognize.running.startFailedAriaLabel": "启动失败",
"xpack.ml.newJob.recognize.runningLabel": "正在运行",
- "xpack.ml.newJob.recognize.savedSearchPageTitle": "已保存搜索 {savedSearchTitle}",
"xpack.ml.newJob.recognize.saveJobOverrideLabel": "保存",
"xpack.ml.newJob.recognize.searchesLabel": "搜索",
"xpack.ml.newJob.recognize.searchWillBeOverwrittenLabel": "搜索将被覆盖",
@@ -29851,7 +29799,6 @@
"xpack.ml.newJob.recognize.startDatafeedAfterSaveLabel": "保存后启动数据馈送",
"xpack.ml.newJob.recognize.useDedicatedIndexLabel": "使用专用索引",
"xpack.ml.newJob.recognize.useFullDataLabel": "使用完整的 {dataViewIndexPattern} 数据",
- "xpack.ml.newJob.recognize.usingSavedSearchDescription": "使用已保存搜索意味着在数据馈送中使用的查询会与我们在 {moduleId} 模块中提供的默认查询不同。",
"xpack.ml.newJob.recognize.viewResultsAriaLabel": "查看结果",
"xpack.ml.newJob.recognize.viewResultsLinkText": "查看结果",
"xpack.ml.newJob.recognize.visualizationsLabel": "可视化",
@@ -29871,7 +29818,6 @@
"xpack.ml.newJob.wizard.datafeedStep.dataView.description": "当前用于此作业的数据视图。",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step0.title": "更改数据视图",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step1.dataView": "数据视图",
- "xpack.ml.newJob.wizard.datafeedStep.dataView.step1.noMatchingError": "未找到匹配的索引或已保存搜索。",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step1.title": "为该作业选择新数据视图",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step2.ApplyButton": "应用",
"xpack.ml.newJob.wizard.datafeedStep.dataView.step2.backButton": "返回",
@@ -29981,8 +29927,6 @@
"xpack.ml.newJob.wizard.jobType.rareAriaLabel": "罕见作业",
"xpack.ml.newJob.wizard.jobType.rareDescription": "检测时间序列数据中的罕见值。",
"xpack.ml.newJob.wizard.jobType.rareTitle": "极少",
- "xpack.ml.newJob.wizard.jobType.savedSearchPageTitleLabel": "已保存搜索 {savedSearchTitle}",
- "xpack.ml.newJob.wizard.jobType.selectDifferentIndexLinkText": "选择不同数据视图或已保存搜索",
"xpack.ml.newJob.wizard.jobType.singleMetricAriaLabel": "单一指标作业",
"xpack.ml.newJob.wizard.jobType.singleMetricDescription": "检测单个时序中的异常。",
"xpack.ml.newJob.wizard.jobType.singleMetricTitle": "单一指标",
@@ -29992,7 +29936,6 @@
"xpack.ml.newJob.wizard.jsonFlyout.autoSetJobCreatorTimeRange.error": "检索索引的开始和结束时间时出错",
"xpack.ml.newJob.wizard.jsonFlyout.closeButton": "关闭",
"xpack.ml.newJob.wizard.jsonFlyout.datafeed.title": "数据馈送配置 JSON",
- "xpack.ml.newJob.wizard.jsonFlyout.indicesChange.calloutText": "在此处无法更改数据馈送正在使用的索引。要选择不同数据视图或已保存搜索，请前往向导的第 1 步，然后选择更改数据视图选项。",
"xpack.ml.newJob.wizard.jsonFlyout.indicesChange.calloutTitle": "索引已更改",
"xpack.ml.newJob.wizard.jsonFlyout.job.title": "作业配置 JSON",
"xpack.ml.newJob.wizard.jsonFlyout.saveButton": "保存",
@@ -30123,10 +30066,7 @@
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.title": "恢复到模型快照 {ssId}",
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.warningCallout.contents": "将删除 {date} 后的所有异常检测结果。",
"xpack.ml.newJob.wizard.revertModelSnapshotFlyout.warningCallout.title": "将删除异常数据",
- "xpack.ml.newJob.wizard.searchSelection.notFoundLabel": "未找到匹配的数据视图或已保存搜索。",
"xpack.ml.newJob.wizard.searchSelection.savedObjectType.dataView": "数据视图",
- "xpack.ml.newJob.wizard.searchSelection.savedObjectType.search": "已保存搜索",
- "xpack.ml.newJob.wizard.selectDataViewOrSavedSearch": "选择数据视图或已保存搜索",
"xpack.ml.newJob.wizard.shopValidationButton": "跳过验证",
"xpack.ml.newJob.wizard.step.configureDatafeedTitle": "配置数据馈送",
"xpack.ml.newJob.wizard.step.jobDetailsTitle": "作业详情",
@@ -30138,7 +30078,6 @@
"xpack.ml.newJob.wizard.stepComponentWrapper.jobDetailsTitle": "作业详情",
"xpack.ml.newJob.wizard.stepComponentWrapper.pickFieldsTitle": "选择字段",
"xpack.ml.newJob.wizard.stepComponentWrapper.summaryTitleDataView": "从数据视图 {dataViewName} 新建作业",
- "xpack.ml.newJob.wizard.stepComponentWrapper.summaryTitleSavedSearch": "从已保存搜索 {title} 新建作业",
"xpack.ml.newJob.wizard.stepComponentWrapper.timeRangeTitle": "时间范围",
"xpack.ml.newJob.wizard.stepComponentWrapper.validationTitle": "验证",
"xpack.ml.newJob.wizard.summaryStep.convertToAdvancedButton": "转换成高级作业",
@@ -36878,7 +36817,6 @@
"xpack.securitySolution.detectionEngine.body.summary.message": "规则 {ruleName} 生成了 {signalsCount} 个告警",
"xpack.securitySolution.detectionEngine.buttonManageRules": "管理规则",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkActionConfirmationCloseButtonLabel": "关闭",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditConfirmation.confirmButtonLabel": "编辑 {customRulesCount, plural, other {# 个定制规则}}",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditConfirmationCancelButtonLabel": "取消",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.addIndexPatternsComboboxHelpText": "输入要添加的 Elasticsearch 索引的模式。默认情况下，下拉列表将包括 Security Solution 高级设置中定义的索引模式。",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.addIndexPatternsComboboxLabel": "为选定规则添加索引模式",
@@ -36912,8 +36850,6 @@
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.setInvestigationFieldsWarningCallout": "您即将覆盖选定的 {rulesCount, plural, other {# 个规则}}的突出显示的定制字段。要应用并保存更改，请单击'保存'。",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.setTagsWarningCallout": "您即将覆盖 {rulesCount, plural, other {# 个选定规则}}的标签，按'保存'可应用更改。",
"xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkEditFlyoutForm.tagsComoboxRequiredErrorMessage": "至少需要一个标签。",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkExportConfirmation.confirmButtonLabel": "导出 {customRulesCount, plural, other {# 个定制规则}}",
- "xpack.securitySolution.detectionEngine.components.allRules.bulkActions.bulkManualRuleRunConfirmation.confirmButtonLabel": "计划 {customRulesCount, plural, other {# 个定制规则}}",
"xpack.securitySolution.detectionEngine.components.allRules.bulkDeleteConfirmationTitle": "确认批量删除",
"xpack.securitySolution.detectionEngine.components.allRules.deleteConfirmationCancel": "取消",
"xpack.securitySolution.detectionEngine.components.allRules.deleteConfirmationConfirm": "删除",
@@ -38131,7 +38067,6 @@
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.addRuleActionsTitle": "添加规则操作",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.addTagsTitle": "添加标签",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.applyTimelineTemplateTitle": "应用时间线模板",
- "xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkActionConfirmationPartlyTitle": "只能对 {customRulesCount, plural, other {# 个定制规则}}应用此操作",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditConfirmationDeniedTitle": "无法编辑 {rulesCount, plural, other {# 个规则}}",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditWarningToastDescription": "{rulesCount, plural, other {# 个规则}}正在更新。",
"xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.bulkEditWarningToastNotifyButtonLabel": "在完成时通知我",
@@ -41627,7 +41562,6 @@
"xpack.securitySolution.timelines.components.templateFilter.elasticTitle": "Elastic 模板",
"xpack.securitySolution.timelines.discoverInTimeline.save_saved_search_error": "保存 Discover 搜索时出错",
"xpack.securitySolution.timelines.discoverInTimeline.save_saved_search_unknown_error": "保存 Discover 搜索时出现未知错误",
- "xpack.securitySolution.timelines.discoverInTimeline.savedSearchTitle": "时间线的已保存搜索 - {title}",
"xpack.securitySolution.timelines.newTemplateTimelineButtonLabel": "创建新时间线模板",
"xpack.securitySolution.timelines.newTimelineButtonLabel": "创建新时间线",
"xpack.securitySolution.timelines.pageTitle": "时间线",
@@ -43587,7 +43521,6 @@
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.disabledTitle": "检查现有对象",
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.enabledText": "使用此选项可在相同的工作区中创建该对象的一个或多个副本。",
"xpack.spaces.management.copyToSpace.copyModeControl.createNewCopies.enabledTitle": "使用随机 ID 创建新对象",
- "xpack.spaces.management.copyToSpace.copyModeControl.includeRelated.text": "复制此对象及其相关对象。对于仪表板，还将复制相关可视化、索引模式和已保存的搜索。",
"xpack.spaces.management.copyToSpace.copyModeControl.includeRelated.title": "包括相关对象",
"xpack.spaces.management.copyToSpace.copyModeControl.overwrite.disabledLabel": "冲突时请求操作",
"xpack.spaces.management.copyToSpace.copyModeControl.overwrite.enabledLabel": "自动覆盖冲突",
@@ -46315,15 +46248,12 @@
"xpack.transform.newTransform.chooseSourceTitle": "选择源",
"xpack.transform.newTransform.newTransformTitle": "新转换",
"xpack.transform.newTransform.searchSelection.createADataView": "创建数据视图",
- "xpack.transform.newTransform.searchSelection.notFoundLabel": "未找到匹配的索引或已保存搜索。",
"xpack.transform.newTransform.searchSelection.savedObjectType.dataView": "数据视图",
- "xpack.transform.newTransform.searchSelection.savedObjectType.search": "已保存搜索",
"xpack.transform.pivotPreview.copyClipboardTooltip": "将转换预览的开发控制台语句复制到剪贴板。",
"xpack.transform.pivotPreview.PivotPreviewIncompleteConfigCalloutBody": "请至少选择一个分组依据字段和聚合。",
"xpack.transform.pivotPreview.PivotPreviewNoDataCalloutBody": "预览请求未返回任何数据。请确保可选查询返回数据且分组依据和聚合字段使用的字段的值存在。",
"xpack.transform.pivotPreview.transformPreviewTitle": "转换预览",
"xpack.transform.progress": "进度",
- "xpack.transform.searchItems.errorInitializationTitle": "初始化 Kibana 数据视图或已保存搜索时发生错误。",
"xpack.transform.statsBar.batchTransformsLabel": "批量",
"xpack.transform.statsBar.continuousTransformsLabel": "连续",
"xpack.transform.statsBar.failedTransformsLabel": "失败",
@@ -46400,7 +46330,6 @@
"xpack.transform.stepDefineForm.runtimeEditorSwitchModalTitle": "编辑将会丢失",
"xpack.transform.stepDefineForm.runtimeFieldsLabel": "运行时字段",
"xpack.transform.stepDefineForm.runtimeFieldsListLabel": "{runtimeFields}",
- "xpack.transform.stepDefineForm.savedSearchLabel": "已保存搜索",
"xpack.transform.stepDefineForm.searchFilterLabel": "搜索筛选",
"xpack.transform.stepDefineForm.sortFieldOptionsEmptyError": "没有日期字段可用于排序。要使用其他字段类型，请将配置复制到剪贴板，然后继续在控制台中创建转换。",
"xpack.transform.stepDefineForm.sortHelpText": "选择要用于标识最新文档的日期字段。",
@@ -46413,7 +46342,6 @@
"xpack.transform.stepDefineSummary.groupByLabel": "分组依据",
"xpack.transform.stepDefineSummary.queryCodeBlockLabel": "查询",
"xpack.transform.stepDefineSummary.queryLabel": "查询",
- "xpack.transform.stepDefineSummary.savedSearchLabel": "已保存搜索",
"xpack.transform.stepDefineSummary.timeRangeLabel": "时间范围",
"xpack.transform.stepDetailsForm.advancedSettingsAccordionButtonContent": "高级设置",
"xpack.transform.stepDetailsForm.continuousModeAriaLabel": "选择延迟。",
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx
index 90d356809acf5..fb1a51c311668 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx
@@ -638,7 +638,7 @@ export const FieldsControls: FC> = ({
}) => {
const { splitFieldsOptions, combinedQuery } = useChangePointDetectionContext();
const { dataView } = useDataSource();
- const { data, uiSettings, fieldFormats, charts, fieldStats, theme } = useAiopsAppContext();
+ const { data, uiSettings, fieldFormats, charts, fieldStats } = useAiopsAppContext();
const timefilter = useTimefilter();
// required in order to trigger state updates
useTimeRangeUpdates();
@@ -677,7 +677,6 @@ export const FieldsControls: FC> = ({
}
: undefined
}
- theme={theme}
>
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/field_stats_popover/field_stats_popover.tsx b/x-pack/platform/plugins/shared/aiops/public/components/field_stats_popover/field_stats_popover.tsx
index 342485f68441b..fe18686e93d18 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/field_stats_popover/field_stats_popover.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/field_stats_popover/field_stats_popover.tsx
@@ -5,7 +5,7 @@
* 2.0.
*/
-import { EuiButtonIcon, EuiToolTip } from '@elastic/eui';
+import { useEuiTheme, EuiButtonIcon, EuiToolTip } from '@elastic/eui';
import React, { useCallback, useMemo, useState } from 'react';
import { i18n } from '@kbn/i18n';
import { isDefined } from '@kbn/ml-is-defined';
@@ -19,7 +19,6 @@ import {
} from '@kbn/unified-field-list/src/components/field_popover';
import type { DataView } from '@kbn/data-views-plugin/common';
import type { TimeRange as TimeRangeMs } from '@kbn/ml-date-picker';
-import { useEuiTheme } from '../../hooks/use_eui_theme';
import { FieldStatsContent } from './field_stats_content';
export function FieldStatsPopover({
@@ -38,7 +37,7 @@ export function FieldStatsPopover({
timeRangeMs?: TimeRangeMs;
}) {
const [infoIsOpen, setInfoOpen] = useState(false);
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
const closePopover = useCallback(() => setInfoOpen(false), []);
@@ -62,7 +61,7 @@ export function FieldStatsPopover({
defaultMessage: 'Show top field values',
})}
data-test-subj={'aiopsContextPopoverButton'}
- css={{ marginLeft: euiTheme.euiSizeXS }}
+ css={{ marginLeft: euiTheme.size.xs }}
/>
);
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/category_table.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/category_table.tsx
index 2a9591bb415a6..06ba0d128a9b4 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/category_table.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/category_table.tsx
@@ -10,6 +10,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
import type { EuiBasicTableColumn, EuiTableSelectionType } from '@elastic/eui';
import {
+ useEuiTheme,
useEuiBackgroundColor,
EuiInMemoryTable,
EuiButtonIcon,
@@ -24,8 +25,6 @@ import type { UseTableState } from '@kbn/ml-in-memory-table';
import { css } from '@emotion/react';
import type { Category } from '@kbn/aiops-log-pattern-analysis/types';
-import { useEuiTheme } from '../../../hooks/use_eui_theme';
-
import { MiniHistogram } from '../../mini_histogram';
import type { EventRate } from '../use_categorize_request';
@@ -63,7 +62,7 @@ export const CategoryTable: FC = ({
selectable = true,
onRenderComplete,
}) => {
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
const primaryBackgroundColor = useEuiBackgroundColor('primary');
const { onTableChange, pagination, sorting } = tableState;
@@ -221,12 +220,12 @@ export const CategoryTable: FC = ({
if (mouseOver.highlightedCategory && mouseOver.highlightedCategory.key === category.key) {
return {
- backgroundColor: euiTheme.euiColorLightestShade,
+ backgroundColor: euiTheme.colors.lightestShade,
};
}
return {
- backgroundColor: euiTheme.euiColorEmptyShade,
+ backgroundColor: euiTheme.colors.emptyShade,
};
};
@@ -235,8 +234,8 @@ export const CategoryTable: FC = ({
position: 'sticky',
insetBlockStart: 0,
zIndex: 1,
- backgroundColor: euiTheme.euiColorEmptyShade,
- boxShadow: `inset 0 0px 0, inset 0 -1px 0 ${euiTheme.euiBorderColor}`,
+ backgroundColor: euiTheme.colors.emptyShade,
+ boxShadow: `inset 0 0px 0, inset 0 -1px 0 ${euiTheme.border.color}`,
},
});
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/table_header.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/table_header.tsx
index 9157b4994adb4..82a8d99f7337e 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/table_header.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/table_header.tsx
@@ -7,10 +7,16 @@
import type { FC, PropsWithChildren } from 'react';
import React from 'react';
-import { EuiFlexGroup, EuiFlexItem, EuiText, EuiButtonEmpty, EuiToolTip } from '@elastic/eui';
+import {
+ useEuiTheme,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiText,
+ EuiButtonEmpty,
+ EuiToolTip,
+} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { QUERY_MODE } from '@kbn/aiops-log-pattern-analysis/get_category_query';
-import { useEuiTheme } from '../../../hooks/use_eui_theme';
import type { OpenInDiscover } from './use_open_in_discover';
interface Props {
@@ -24,9 +30,9 @@ export const TableHeader: FC = ({
selectedCategoriesCount,
openInDiscover,
}) => {
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
return (
-
+
({
+jest.mock('../../hooks/use_is_dark_theme', () => ({
useIsDarkTheme: () => false,
}));
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/format_category.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/format_category.tsx
index 5af9478349642..bd8c16f8f8f76 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/format_category.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/format_category.tsx
@@ -11,7 +11,7 @@ import { EuiText, EuiHorizontalRule } from '@elastic/eui';
import type { SerializedStyles } from '@emotion/react';
import { css } from '@emotion/react';
import type { Category } from '@kbn/aiops-log-pattern-analysis/types';
-import { useIsDarkTheme } from '../../hooks/use_eui_theme';
+import { useIsDarkTheme } from '../../hooks/use_is_dark_theme';
interface Props {
category: Category;
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_content/log_rate_analysis_content.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_content/log_rate_analysis_content.tsx
index fb3c17634fd31..37b3d796f4891 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_content/log_rate_analysis_content.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_content/log_rate_analysis_content.tsx
@@ -17,7 +17,7 @@ import {
getWindowParametersForTrigger,
getSnappedTimestamps,
getSnappedWindowParameters,
- LOG_RATE_ANALYSIS_HIGHLIGHT_COLOR,
+ useLogRateAnalysisBarColors,
LOG_RATE_ANALYSIS_TYPE,
type WindowParameters,
} from '@kbn/aiops-log-rate-analysis';
@@ -130,7 +130,7 @@ export const LogRateAnalysisContent: FC = ({
const barStyle = {
rect: {
opacity: 1,
- fill: LOG_RATE_ANALYSIS_HIGHLIGHT_COLOR,
+ fill: useLogRateAnalysisBarColors().barHighlightColor,
},
};
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_info_popover.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_info_popover.tsx
index afa1fd27ac99c..ec11caa24a72e 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_info_popover.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis/log_rate_analysis_info_popover.tsx
@@ -7,14 +7,12 @@
import React, { useState, type FC } from 'react';
-import { EuiBadge, EuiPopover, EuiPopoverTitle, EuiText } from '@elastic/eui';
+import { useEuiTheme, EuiBadge, EuiPopover, EuiPopoverTitle, EuiText } from '@elastic/eui';
import { LOG_RATE_ANALYSIS_TYPE } from '@kbn/aiops-log-rate-analysis';
import { useAppSelector } from '@kbn/aiops-log-rate-analysis/state';
import { i18n } from '@kbn/i18n';
-import { useEuiTheme } from '../../hooks/use_eui_theme';
-
export const LogRateAnalysisInfoPopoverButton: FC<{
onClick: React.MouseEventHandler;
label: string;
@@ -37,7 +35,7 @@ export const LogRateAnalysisInfoPopoverButton: FC<{
};
export const LogRateAnalysisInfoPopover: FC = () => {
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
const showInfoPopover = useAppSelector(
(s) => s.logRateAnalysisResults.significantItems.length > 0
@@ -117,7 +115,7 @@ export const LogRateAnalysisInfoPopover: FC = () => {
)}
-
+
{infoContent}
{fieldSelectionMessage && ` ${fieldSelectionMessage}`}
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx
index ded175a89dfbc..816d7654444e4 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx
@@ -11,7 +11,7 @@ import { orderBy, isEqual } from 'lodash';
import type * as estypes from '@elastic/elasticsearch/lib/api/typesWithBodyKey';
import type { Criteria, EuiTableSortingType } from '@elastic/eui';
-import { useEuiBackgroundColor, EuiBasicTable } from '@elastic/eui';
+import { useEuiTheme, useEuiBackgroundColor, EuiBasicTable } from '@elastic/eui';
import type { SignificantItem } from '@kbn/ml-agg-utils';
import {
@@ -22,7 +22,6 @@ import {
} from '@kbn/aiops-log-rate-analysis/state';
import type { GroupTableItemGroup } from '@kbn/aiops-log-rate-analysis/state';
-import { useEuiTheme } from '../../hooks/use_eui_theme';
import { useColumns, LOG_RATE_ANALYSIS_RESULTS_TABLE_TYPE } from './use_columns';
const PAGINATION_SIZE_OPTIONS = [5, 10, 20, 50];
@@ -48,7 +47,7 @@ export const LogRateAnalysisResultsTable: FC =
barHighlightColorOverride,
skippedColumns,
}) => {
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
const primaryBackgroundColor = useEuiBackgroundColor('primary');
const allItems = useAppSelector((s) => s.logRateAnalysisResults.significantItems);
@@ -227,12 +226,12 @@ export const LogRateAnalysisResultsTable: FC =
selectedSignificantItem.fieldValue === significantItem.fieldValue
) {
return {
- backgroundColor: euiTheme.euiColorLightestShade,
+ backgroundColor: euiTheme.colors.lightestShade,
};
}
return {
- backgroundColor: euiTheme.euiColorEmptyShade,
+ backgroundColor: euiTheme.colors.emptyShade,
};
};
diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/use_columns.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/use_columns.tsx
index c5b7a83e33641..a9657c907f938 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/use_columns.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/use_columns.tsx
@@ -7,6 +7,7 @@
import React, { useMemo, useCallback } from 'react';
import {
+ useEuiTheme,
type EuiBasicTableColumn,
EuiBadge,
EuiCode,
@@ -35,7 +36,6 @@ import { getFailedTransactionsCorrelationImpactLabel } from './get_failed_transa
import { FieldStatsPopover } from '../field_stats_popover';
import { useAiopsAppContext } from '../../hooks/use_aiops_app_context';
import { useDataSource } from '../../hooks/use_data_source';
-import { useEuiTheme } from '../../hooks/use_eui_theme';
import { useViewInDiscoverAction } from './use_view_in_discover_action';
import { useViewInLogPatternAnalysisAction } from './use_view_in_log_pattern_analysis_action';
import { useCopyToClipboardAction } from './use_copy_to_clipboard_action';
@@ -159,7 +159,7 @@ export const useColumns = (
): Array> => {
const { data, uiSettings, fieldFormats, charts } = useAiopsAppContext();
const { dataView } = useDataSource();
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
const viewInDiscoverAction = useViewInDiscoverAction(dataView.id);
const viewInLogPatternAnalysisAction = useViewInLogPatternAnalysisAction(dataView.id);
const copyToClipBoardAction = useCopyToClipboardAction();
@@ -265,8 +265,8 @@ export const useColumns = (
= ({
}) => {
const { charts } = useAiopsAppContext();
- const euiTheme = useEuiTheme();
+ const { euiTheme } = useEuiTheme();
const chartBaseTheme = charts.theme.useChartsBaseTheme();
+ const barColors = useLogRateAnalysisBarColors();
const miniHistogramChartTheme: PartialTheme = {
chartMargins: {
@@ -66,7 +66,7 @@ export const MiniHistogram: FC = ({
const cssChartSize = css({
width: '80px',
- height: euiTheme.euiSizeL,
+ height: euiTheme.size.l,
margin: '0px',
});
@@ -94,10 +94,10 @@ export const MiniHistogram: FC = ({
);
}
- const barColor = barColorOverride ? [barColorOverride] : undefined;
+ const barColor = barColorOverride ? [barColorOverride] : barColors.barColor;
const barHighlightColor = barHighlightColorOverride
? [barHighlightColorOverride]
- : [LOG_RATE_ANALYSIS_HIGHLIGHT_COLOR];
+ : [barColors.barHighlightColor];
return (
diff --git a/x-pack/platform/plugins/shared/aiops/public/embeddables/change_point_chart/change_point_chart_initializer.tsx b/x-pack/platform/plugins/shared/aiops/public/embeddables/change_point_chart/change_point_chart_initializer.tsx
index e69511fe45f92..f98714d6338aa 100644
--- a/x-pack/platform/plugins/shared/aiops/public/embeddables/change_point_chart/change_point_chart_initializer.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/embeddables/change_point_chart/change_point_chart_initializer.tsx
@@ -211,7 +211,7 @@ export const FormControls: FC<{
onChange: (update: FormControlsProps) => void;
onValidationChange: (isValid: boolean) => void;
}> = ({ formInput, onChange, onValidationChange }) => {
- const { charts, data, fieldFormats, theme, uiSettings } = useAiopsAppContext();
+ const { charts, data, fieldFormats, uiSettings } = useAiopsAppContext();
const { dataView } = useDataSource();
const { combinedQuery } = useChangePointDetectionContext();
const { metricFieldOptions, splitFieldsOptions } = useChangePointDetectionControlsContext();
@@ -290,7 +290,6 @@ export const FormControls: FC<{
}
: undefined
}
- theme={theme}
>
{
+ const { euiTheme } = useEuiTheme();
const isMounted = useMountedState();
const [formInput, setFormInput] = useState(
@@ -136,7 +137,7 @@ export const LogRateAnalysisEmbeddableInitializer: FC<
hasBorder={true}
css={{
pointerEvents: 'auto',
- backgroundColor: euiThemeVars.euiColorEmptyShade,
+ backgroundColor: euiTheme.colors.emptyShade,
}}
>
diff --git a/x-pack/platform/plugins/shared/aiops/public/embeddables/pattern_analysis/pattern_analysis_initializer.tsx b/x-pack/platform/plugins/shared/aiops/public/embeddables/pattern_analysis/pattern_analysis_initializer.tsx
index ef185518638b8..684ab9b988ed5 100644
--- a/x-pack/platform/plugins/shared/aiops/public/embeddables/pattern_analysis/pattern_analysis_initializer.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/embeddables/pattern_analysis/pattern_analysis_initializer.tsx
@@ -6,6 +6,7 @@
*/
import {
+ useEuiTheme,
EuiFlyoutHeader,
EuiTitle,
EuiFlyoutBody,
@@ -19,7 +20,6 @@ import {
EuiFlyoutFooter,
EuiCallOut,
} from '@elastic/eui';
-import { euiThemeVars } from '@kbn/ui-theme';
import { i18n } from '@kbn/i18n';
import type { FC } from 'react';
import React, { useEffect, useMemo, useState, useCallback } from 'react';
@@ -62,6 +62,7 @@ export const PatternAnalysisEmbeddableInitializer: FC {
+ const { euiTheme } = useEuiTheme();
const {
data: { dataViews },
unifiedSearch: {
@@ -128,7 +129,7 @@ export const PatternAnalysisEmbeddableInitializer: FC
diff --git a/x-pack/platform/plugins/shared/aiops/public/hooks/use_data_source.tsx b/x-pack/platform/plugins/shared/aiops/public/hooks/use_data_source.tsx
index ef574a348b928..7acdc24e069fa 100644
--- a/x-pack/platform/plugins/shared/aiops/public/hooks/use_data_source.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/hooks/use_data_source.tsx
@@ -100,7 +100,7 @@ export const DataSourceContextProvider: FC
= Object.create(null);
-export function tabColor(name: string): string {
+export function tabColor(name: string, euiTheme: EuiThemeComputed): string {
+ const COLORS = [
+ // Amsterdam + Borealis
+ euiTheme.colors.vis.euiColorVis0,
+ euiTheme.colors.vis.euiColorVis1,
+ euiTheme.colors.vis.euiColorVis2,
+ euiTheme.colors.vis.euiColorVis3,
+ euiTheme.colors.vis.euiColorVis4,
+ euiTheme.colors.vis.euiColorVis5,
+ euiTheme.colors.vis.euiColorVis6,
+ euiTheme.colors.vis.euiColorVis7,
+ euiTheme.colors.vis.euiColorVis8,
+ euiTheme.colors.vis.euiColorVis9,
+ euiTheme.colors.darkShade,
+ euiTheme.colors.primary,
+ ];
+
if (colorMap[name] === undefined) {
const n = stringHash(name);
const color = COLORS[n % COLORS.length];
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/anomalies_table/links_menu.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/anomalies_table/links_menu.tsx
index 1f81a94227611..dd963136f29ce 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/anomalies_table/links_menu.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/anomalies_table/links_menu.tsx
@@ -13,6 +13,7 @@ import React, { useEffect, useMemo, useState } from 'react';
import useMountedState from 'react-use/lib/useMountedState';
import {
+ useEuiTheme,
EuiButtonIcon,
EuiContextMenuItem,
EuiContextMenuPanel,
@@ -80,6 +81,7 @@ interface LinksMenuProps {
}
export const LinksMenuUI = (props: LinksMenuProps) => {
+ const { euiTheme } = useEuiTheme();
const isMounted = useMountedState();
const [dataViewId, setDataViewId] = useState(null);
@@ -195,7 +197,8 @@ export const LinksMenuUI = (props: LinksMenuProps) => {
) => {
// Create a layer for each of the geoFields
const initialLayers = getInitialSourceIndexFieldLayers(
- sourceIndicesWithGeoFields[anomaly.jobId]
+ sourceIndicesWithGeoFields[anomaly.jobId],
+ euiTheme
);
// Widen the timerange by one bucket span on start/end to increase chances of always having data on the map
const anomalyBucketStartMoment = moment(anomaly.source.timestamp).tz(
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/chart_tooltip/chart_tooltip_styles.ts b/x-pack/platform/plugins/shared/ml/public/application/components/chart_tooltip/chart_tooltip_styles.ts
index c53bdb5242f3c..be4735abb2148 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/chart_tooltip/chart_tooltip_styles.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/chart_tooltip/chart_tooltip_styles.ts
@@ -7,29 +7,23 @@
import { css } from '@emotion/react';
-import { mathWithUnits, transparentize, useEuiTheme } from '@elastic/eui';
+import { mathWithUnits, transparentize, useEuiFontSize, useEuiTheme } from '@elastic/eui';
// @ts-expect-error style types not defined
import { euiToolTipStyles } from '@elastic/eui/lib/components/tool_tip/tool_tip.styles';
-import { useCurrentEuiThemeVars } from '@kbn/ml-kibana-theme';
-
-import { useMlKibana } from '../../contexts/kibana';
-
export const useChartTooltipStyles = () => {
- const euiThemeContext = useEuiTheme();
- const {
- services: { theme },
- } = useMlKibana();
- const { euiTheme } = useCurrentEuiThemeVars(theme);
- const euiStyles = euiToolTipStyles(euiThemeContext);
+ const theme = useEuiTheme();
+ const { euiTheme } = theme;
+ const euiStyles = euiToolTipStyles(theme);
+ const euiFontSizeXS = useEuiFontSize('xs').fontSize;
return {
mlChartTooltip: css([
euiStyles.euiToolTip,
{
- fontSize: euiTheme.euiFontSizeXS,
+ fontSize: euiFontSizeXS,
padding: 0,
- transition: `opacity ${euiTheme.euiAnimSpeedNormal}`,
+ transition: `opacity ${euiTheme.animation.normal}`,
pointerEvents: 'none',
userSelect: 'none',
maxWidth: '512px',
@@ -37,26 +31,26 @@ export const useChartTooltipStyles = () => {
},
]),
mlChartTooltipList: css({
- margin: euiTheme.euiSizeXS,
- paddingBottom: euiTheme.euiSizeXS,
+ margin: euiTheme.size.xs,
+ paddingBottom: euiTheme.size.xs,
}),
mlChartTooltipHeader: css({
- fontWeight: euiTheme.euiFontWeightBold,
- padding: `${euiTheme.euiSizeXS} ${mathWithUnits(euiTheme.euiSizeS, (x) => x * 2)}`,
- marginBottom: euiTheme.euiSizeXS,
- borderBottom: `1px solid ${transparentize(euiTheme.euiBorderColor, 0.8)}`,
+ fontWeight: euiTheme.font.weight.bold,
+ padding: `${euiTheme.size.xs} ${mathWithUnits(euiTheme.size.xs, (x) => x * 2)}`,
+ marginBottom: euiTheme.size.xs,
+ borderBottom: `1px solid ${transparentize(euiTheme.border.color, 0.8)}`,
}),
mlChartTooltipItem: css({
display: 'flex',
padding: '3px',
boxSizing: 'border-box',
- borderLeft: `${euiTheme.euiSizeXS} solid transparent`,
+ borderLeft: `${euiTheme.size.xs} solid transparent`,
}),
mlChartTooltipLabel: css({
minWidth: '1px',
}),
mlChartTooltipValue: css({
- fontWeight: euiTheme.euiFontWeightBold,
+ fontWeight: euiTheme.font.weight.bold,
textAlign: 'right',
fontFeatureSettings: 'tnum',
marginLeft: '8px',
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/collapsible_panel.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/collapsible_panel.tsx
index b33d056467d1a..8d91d6eae009f 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/collapsible_panel.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/collapsible_panel.tsx
@@ -6,6 +6,7 @@
*/
import {
+ useEuiTheme,
EuiBadge,
EuiButtonIcon,
EuiFlexGroup,
@@ -18,7 +19,6 @@ import type { PropsWithChildren } from 'react';
import React, { type FC } from 'react';
import { i18n } from '@kbn/i18n';
import { PanelHeaderItems } from './panel_header_items';
-import { useCurrentThemeVars } from '../../contexts/kibana';
export interface CollapsiblePanelProps {
isOpen: boolean;
@@ -36,15 +36,15 @@ export const CollapsiblePanel: FC> = ({
headerItems,
ariaLabel,
}) => {
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
return (
@@ -88,7 +88,7 @@ export const CollapsiblePanel: FC> = ({
{isOpen ? (
{children}
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/panel_header_items.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/panel_header_items.tsx
index 75d43e6ebe6f5..bd657a6a58285 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/panel_header_items.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/collapsible_panel/panel_header_items.tsx
@@ -6,9 +6,8 @@
*/
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
-import { css } from '@emotion/react';
import React, { type FC } from 'react';
-import { useCurrentThemeVars } from '../../contexts/kibana';
+import { useEuiTheme } from '@elastic/eui';
export interface PanelHeaderItems {
headerItems: React.ReactElement[];
@@ -16,7 +15,7 @@ export interface PanelHeaderItems {
}
export const PanelHeaderItems: FC = ({ headerItems, compressed = false }) => {
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
return (
@@ -26,12 +25,10 @@ export const PanelHeaderItems: FC = ({ headerItems, compressed
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/color_range_legend.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/color_range_legend.tsx
index 9c121853cf6b4..4051b0632c2c0 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/color_range_legend.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/color_range_legend.tsx
@@ -6,36 +6,43 @@
*/
import type { FC } from 'react';
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef } from 'react';
import { css } from '@emotion/react';
import d3 from 'd3';
-import { EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
-
-import { euiThemeVars } from '@kbn/ui-theme';
+import { useEuiFontSize, useEuiTheme, EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
const COLOR_RANGE_RESOLUTION = 10;
// Overrides for d3/svg default styles
-const cssOverride = css({
- // Override default font size and color for axis
- text: {
- fontSize: `calc(${euiThemeVars.euiFontSizeXS} - 2px)`,
- fill: euiThemeVars.euiColorDarkShade,
- },
- // Override default styles for axis lines
- '.axis': {
- path: {
- fill: 'none',
- stroke: 'none',
- },
- line: {
- fill: 'none',
- stroke: euiThemeVars.euiColorMediumShade,
- shapeRendering: 'crispEdges',
- },
- },
-});
+const useCssOverride = () => {
+ const { euiTheme } = useEuiTheme();
+ const euiFontSizeXS = useEuiFontSize('xs', { unit: 'px' }).fontSize as string;
+
+ return useMemo(
+ () =>
+ css({
+ // Override default font size and color for axis
+ text: {
+ fontSize: `calc(${euiFontSizeXS} - 2px)`,
+ fill: euiTheme.colors.darkShade,
+ },
+ // Override default styles for axis lines
+ '.axis': {
+ path: {
+ fill: 'none',
+ stroke: 'none',
+ },
+ line: {
+ fill: 'none',
+ stroke: euiTheme.colors.mediumShade,
+ shapeRendering: 'crispEdges',
+ },
+ },
+ }),
+ [euiFontSizeXS, euiTheme]
+ );
+};
interface ColorRangeLegendProps {
colorRange: (d: number) => string;
@@ -60,6 +67,7 @@ export const ColorRangeLegend: FC = ({
title,
width = 250,
}) => {
+ const cssOverride = useCssOverride();
const d3Container = useRef(null);
const scale = d3.range(COLOR_RANGE_RESOLUTION + 1).map((d) => ({
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/index.ts b/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/index.ts
index 8e0549fb522fb..f614b5ae4ac4b 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/index.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/index.ts
@@ -6,7 +6,6 @@
*/
export { ColorRangeLegend } from './color_range_legend';
-export type { EuiThemeType } from './use_color_range';
export {
colorRangeOptions,
colorRangeScaleOptions,
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/use_color_range.ts b/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/use_color_range.ts
index 4e4e92b5352f3..49662ab00e510 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/use_color_range.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/color_range_legend/use_color_range.ts
@@ -6,10 +6,10 @@
*/
import d3 from 'd3';
-import type { euiDarkVars as euiThemeDark, euiLightVars as euiThemeLight } from '@kbn/ui-theme';
+
+import { useEuiTheme } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
-import { useCurrentThemeVars } from '../../contexts/kibana';
/**
* Custom color scale factory that takes the amount of feature influencers
@@ -148,16 +148,24 @@ export const useColorRange = (
colorRangeScale = COLOR_RANGE_SCALE.LINEAR,
featureCount = 1
) => {
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
const colorRanges: Record = {
[COLOR_RANGE.BLUE]: [
- d3.rgb(euiTheme.euiColorEmptyShade).toString(),
- d3.rgb(euiTheme.euiColorVis1).toString(),
+ d3.rgb(euiTheme.colors.emptyShade).toString(),
+ d3
+ .rgb(
+ // Amsterdam: euiTheme.colors.vis.euiColorVis1
+ // Borealis: euiTheme.colors.vis.euiColorVis2
+ euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis1
+ : euiTheme.colors.vis.euiColorVis2
+ )
+ .toString(),
],
[COLOR_RANGE.RED]: [
- d3.rgb(euiTheme.euiColorEmptyShade).toString(),
- d3.rgb(euiTheme.euiColorDanger).toString(),
+ d3.rgb(euiTheme.colors.emptyShade).toString(),
+ d3.rgb(euiTheme.colors.danger).toString(),
],
[COLOR_RANGE.RED_GREEN]: ['red', 'green'],
[COLOR_RANGE.GREEN_RED]: ['green', 'red'],
@@ -184,5 +192,3 @@ export const useColorRange = (
return scaleTypes[colorRangeScale];
};
-
-export type EuiThemeType = typeof euiThemeLight | typeof euiThemeDark;
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/influencers_list/influencers_list_styles.ts b/x-pack/platform/plugins/shared/ml/public/application/components/influencers_list/influencers_list_styles.ts
index 5a0732ceb8d70..d54eb495a0a33 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/influencers_list/influencers_list_styles.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/influencers_list/influencers_list_styles.ts
@@ -6,24 +6,24 @@
*/
import { css } from '@emotion/react';
-import { useCurrentEuiThemeVars } from '@kbn/ml-kibana-theme';
+
+import { useEuiFontSize, useEuiTheme } from '@elastic/eui';
+
import { mlColors } from '../../styles';
-import { useMlKibana } from '../../contexts/kibana';
export const useInfluencersListStyles = () => {
- const {
- services: { theme },
- } = useMlKibana();
- const { euiTheme } = useCurrentEuiThemeVars(theme);
+ const { euiTheme } = useEuiTheme();
+ const euiFontSizeXS = useEuiFontSize('xs').fontSize;
+ const euiFontSizeS = useEuiFontSize('s').fontSize;
return {
influencersList: css({
lineHeight: 1.45,
}),
fieldLabel: css({
- fontSize: euiTheme.euiFontSizeXS,
+ fontSize: euiFontSizeXS,
textAlign: 'left',
- maxHeight: euiTheme.euiFontSizeS,
+ maxHeight: euiFontSizeS,
maxWidth: 'calc(100% - 102px)',
}),
progress: css({
@@ -32,7 +32,7 @@ export const useInfluencersListStyles = () => {
height: '22px',
minWidth: '70px',
marginBottom: 0,
- color: euiTheme.euiColorDarkShade,
+ color: euiTheme.colors.darkShade,
backgroundColor: 'transparent',
}),
progressBarHolder: css({
@@ -40,9 +40,9 @@ export const useInfluencersListStyles = () => {
}),
progressBar: (severity: string, barScore: number) =>
css({
- height: `calc(${euiTheme.euiSizeXS} / 2)`,
+ height: `calc(${euiTheme.size.xs} / 2)`,
float: 'left',
- marginTop: euiTheme.euiSizeM,
+ marginTop: euiTheme.size.m,
textAlign: 'right',
lineHeight: '18px',
display: 'inline-block',
@@ -62,8 +62,8 @@ export const useInfluencersListStyles = () => {
textAlign: 'center',
lineHeight: '14px',
whiteSpace: 'nowrap',
- fontSize: euiTheme.euiFontSizeXS,
- marginLeft: euiTheme.euiSizeXS,
+ fontSize: euiFontSizeXS,
+ marginLeft: euiTheme.size.xs,
display: 'inline',
borderColor:
severity === 'critical'
@@ -75,16 +75,16 @@ export const useInfluencersListStyles = () => {
: mlColors.warning,
}),
totalScoreLabel: css({
- width: euiTheme.euiSizeXL,
+ width: euiTheme.size.xl,
verticalAlign: 'top',
textAlign: 'center',
- color: euiTheme.euiColorDarkShade,
+ color: euiTheme.colors.darkShade,
fontSize: '11px',
lineHeight: '14px',
- borderRadius: euiTheme.euiBorderRadius,
- padding: `calc(${euiTheme.euiSizeXS} / 2)`,
+ borderRadius: euiTheme.border.radius.small,
+ padding: `calc(${euiTheme.size.xs} / 2)`,
display: 'inline-block',
- border: euiTheme.euiBorderThin,
+ border: euiTheme.border.thin,
}),
};
};
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/job_selector/job_selector_badge/job_selector_badge.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/job_selector/job_selector_badge/job_selector_badge.tsx
index 8b277b84fac25..f3561944e6845 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/job_selector/job_selector_badge/job_selector_badge.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/job_selector/job_selector_badge/job_selector_badge.tsx
@@ -8,7 +8,7 @@
import type { FC } from 'react';
import React from 'react';
import type { EuiBadgeProps } from '@elastic/eui';
-import { EuiBadge } from '@elastic/eui';
+import { useEuiTheme, EuiBadge } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { tabColor } from '../../../../../common/util/group_color_utils';
@@ -27,7 +27,8 @@ export const JobSelectorBadge: FC = ({
numJobs,
removeId,
}) => {
- const color = isGroup ? tabColor(id) : 'hollow';
+ const { euiTheme } = useEuiTheme();
+ const color = isGroup ? tabColor(id, euiTheme) : 'hollow';
let props = { color } as EuiBadgeProps;
let jobCount;
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/test_pipeline.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/test_pipeline.tsx
index 10b02310b39d8..b2b46d5d59ace 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/test_pipeline.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/ml_inference/components/test_pipeline.tsx
@@ -8,10 +8,10 @@
import type { FC } from 'react';
import React, { memo, useEffect, useCallback, useMemo, useState } from 'react';
import { css } from '@emotion/react';
-import { euiThemeVars } from '@kbn/ui-theme';
import type * as estypes from '@elastic/elasticsearch/lib/api/typesWithBodyKey';
import {
+ useEuiTheme,
EuiAccordion,
EuiButton,
EuiButtonEmpty,
@@ -58,6 +58,7 @@ interface Props {
}
export const TestPipeline: FC = memo(({ state, sourceIndex, mode }) => {
+ const { euiTheme } = useEuiTheme();
const [simulatePipelineResult, setSimulatePipelineResult] = useState<
undefined | estypes.IngestSimulateResponse
>();
@@ -391,7 +392,7 @@ export const TestPipeline: FC = memo(({ state, sourceIndex, mode }) => {
{(EuiResizablePanel, EuiResizableButton) => (
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/model_snapshots/revert_model_snapshot_flyout/create_calendar.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/model_snapshots/revert_model_snapshot_flyout/create_calendar.tsx
index e4f87e7fa4acc..3c3abdc4d9950 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/model_snapshots/revert_model_snapshot_flyout/create_calendar.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/model_snapshots/revert_model_snapshot_flyout/create_calendar.tsx
@@ -12,6 +12,7 @@ import { FormattedMessage } from '@kbn/i18n-react';
import moment from 'moment';
import type { BrushEndListener, XYBrushEvent } from '@elastic/charts';
import {
+ useEuiTheme,
EuiButtonIcon,
EuiDatePicker,
EuiFieldText,
@@ -21,7 +22,6 @@ import {
EuiPanel,
EuiSpacer,
} from '@elastic/eui';
-import { useCurrentThemeVars } from '../../../contexts/kibana';
import { EventRateChart } from '../../../jobs/new_job/pages/components/charts/event_rate_chart/event_rate_chart';
import type { Anomaly } from '../../../jobs/new_job/common/results_loader/results_loader';
import type { LineChartPoint } from '../../../jobs/new_job/common/chart_loader/chart_loader';
@@ -54,7 +54,7 @@ export const CreateCalendar: FC = ({
const maxSelectableTimeMoment = moment(maxSelectableTimeStamp);
const minSelectableTimeMoment = moment(minSelectableTimeStamp);
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
const onBrushEnd = useCallback(
({ x }: XYBrushEvent) => {
@@ -155,7 +155,7 @@ export const CreateCalendar: FC = ({
end: c.end!.valueOf(),
}))}
onBrushEnd={onBrushEnd}
- overlayColor={euiTheme.euiColorPrimary}
+ overlayColor={euiTheme.colors.primary}
/>
= ({
= ({
{ items: any[]; backgroundItems: any[]; columns: string[]; messages: string[] } | undefined
>();
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
// formats the array of field names for EuiComboBox
const fieldOptions = useMemo(
@@ -418,6 +424,8 @@ export const ScatterplotMatrix: FC = ({
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [resultsField, splom, color, legendType, dynamicSize]);
+ const cssOverrides = useCssOverrides();
+
return (
<>
{splom === undefined || vegaSpec === undefined ? (
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.test.ts b/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.test.ts
index e2322ff7dd2b3..0ed09b2c9489c 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.test.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.test.ts
@@ -10,7 +10,7 @@ import 'jest-canvas-mock';
// @ts-ignore
import { compile } from 'vega-lite/build/vega-lite';
-import { euiLightVars as euiThemeLight } from '@kbn/ui-theme';
+import type { EuiThemeComputed } from '@elastic/eui';
import { LEGEND_TYPES } from '../vega_chart/common';
@@ -25,9 +25,17 @@ import {
SINGLE_POINT_CLICK,
} from './scatterplot_matrix_vega_lite_spec';
+const euiThemeMock = {
+ colors: {
+ lighestShade: '#f0f0f0',
+ lightShade: '#d3dae6',
+ textSubdued: '#6a7170',
+ },
+} as unknown as EuiThemeComputed;
+
describe('getColorSpec()', () => {
it('should return only user selection conditions and the default color for non-outlier specs', () => {
- const colorSpec = getColorSpec(false, euiThemeLight);
+ const colorSpec = getColorSpec(false);
expect(colorSpec).toEqual({
condition: [{ selection: USER_SELECTION }, { selection: SINGLE_POINT_CLICK }],
@@ -36,7 +44,7 @@ describe('getColorSpec()', () => {
});
it('should return user selection condition and conditional spec for outliers', () => {
- const colorSpec = getColorSpec(false, euiThemeLight, 'outlier_score');
+ const colorSpec = getColorSpec(false, 'outlier_score');
expect(colorSpec).toEqual({
condition: {
@@ -54,13 +62,7 @@ describe('getColorSpec()', () => {
it('should return user selection condition and a field based spec for non-outlier specs with legendType supplied', () => {
const colorName = 'the-color-field';
- const colorSpec = getColorSpec(
- false,
- euiThemeLight,
- undefined,
- colorName,
- LEGEND_TYPES.NOMINAL
- );
+ const colorSpec = getColorSpec(false, undefined, colorName, LEGEND_TYPES.NOMINAL);
expect(colorSpec).toEqual({
condition: {
@@ -137,7 +139,7 @@ describe('getScatterplotMatrixVegaLiteSpec()', () => {
data,
[],
['x', 'y'],
- euiThemeLight
+ euiThemeMock
);
const specForegroundLayer = vegaLiteSpec.spec.layer[0];
@@ -172,7 +174,7 @@ describe('getScatterplotMatrixVegaLiteSpec()', () => {
data,
[],
['x', 'y'],
- euiThemeLight,
+ euiThemeMock,
'ml'
);
const specForegroundLayer = vegaLiteSpec.spec.layer[0];
@@ -221,7 +223,7 @@ describe('getScatterplotMatrixVegaLiteSpec()', () => {
data,
[],
['x', 'y'],
- euiThemeLight,
+ euiThemeMock,
undefined,
'the-color-field',
LEGEND_TYPES.NOMINAL
@@ -267,7 +269,7 @@ describe('getScatterplotMatrixVegaLiteSpec()', () => {
data,
[],
['x.a', 'y[a]'],
- euiThemeLight,
+ euiThemeMock,
undefined,
'the-color-field',
LEGEND_TYPES.NOMINAL
diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.ts b/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.ts
index e7d7066339847..95ede4edcc9eb 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/scatterplot_matrix/scatterplot_matrix_vega_lite_spec.ts
@@ -9,9 +9,12 @@
// @ts-ignore
import type { TopLevelSpec } from 'vega-lite/build/vega-lite';
-import type { euiLightVars as euiThemeLight } from '@kbn/ui-theme';
-
-import { euiPaletteColorBlind, euiPaletteRed, euiPaletteGreen } from '@elastic/eui';
+import {
+ euiPaletteColorBlind,
+ euiPaletteRed,
+ euiPaletteGreen,
+ type EuiThemeComputed,
+} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
@@ -34,7 +37,6 @@ const CUSTOM_VIS_FIELDS_PATH = 'fields';
export const getColorSpec = (
forCustomVisLink: boolean,
- euiTheme: typeof euiThemeLight,
escapedOutlierScoreField?: string,
color?: string,
legendType?: LegendType
@@ -280,7 +282,7 @@ export const getScatterplotMatrixVegaLiteSpec = (
values: VegaValue[],
backgroundValues: VegaValue[],
columns: string[],
- euiTheme: typeof euiThemeLight,
+ euiTheme: EuiThemeComputed,
resultsField?: string,
color?: string,
legendType?: LegendType,
@@ -296,7 +298,6 @@ export const getScatterplotMatrixVegaLiteSpec = (
const colorSpec = getColorSpec(
forCustomVisLink,
- euiTheme,
resultsField && escapedOutlierScoreField,
color,
legendType
@@ -309,20 +310,20 @@ export const getScatterplotMatrixVegaLiteSpec = (
// for repeated charts, it seems to be fixed for facets but not repeat.
// This causes #ddd lines to stand out in dark mode.
// See: https://github.com/vega/vega-lite/issues/5908
- view: { fill: 'transparent', stroke: euiTheme.euiColorLightestShade },
+ view: { fill: 'transparent', stroke: euiTheme.colors.lightestShade },
padding: 10,
config: {
axis: {
- domainColor: euiTheme.euiColorLightShade,
- gridColor: euiTheme.euiColorLightestShade,
- tickColor: euiTheme.euiColorLightestShade,
- labelColor: euiTheme.euiTextSubduedColor,
- titleColor: euiTheme.euiTextSubduedColor,
+ domainColor: euiTheme.colors.lightShade,
+ gridColor: euiTheme.colors.lightestShade,
+ tickColor: euiTheme.colors.lightestShade,
+ labelColor: euiTheme.colors.textSubdued,
+ titleColor: euiTheme.colors.textSubdued,
},
legend: {
orient: 'right',
- labelColor: euiTheme.euiTextSubduedColor,
- titleColor: euiTheme.euiTextSubduedColor,
+ labelColor: euiTheme.colors.textSubdued,
+ titleColor: euiTheme.colors.textSubdued,
},
},
repeat: {
diff --git a/x-pack/platform/plugins/shared/ml/public/application/contexts/kibana/index.ts b/x-pack/platform/plugins/shared/ml/public/application/contexts/kibana/index.ts
index 47836e6495c06..e8c6c081d6e12 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/contexts/kibana/index.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/contexts/kibana/index.ts
@@ -14,5 +14,4 @@ export { useNotifications } from './use_notifications_context';
export { useMlLocator, useMlLink } from './use_create_url';
export { useMlApi } from './use_ml_api_context';
export { useFieldFormatter } from './use_field_formatter';
-export { useCurrentThemeVars } from './use_current_theme';
export { useMlLicenseInfo } from './use_ml_license';
diff --git a/x-pack/platform/plugins/shared/ml/public/application/contexts/ml/data_source_context.tsx b/x-pack/platform/plugins/shared/ml/public/application/contexts/ml/data_source_context.tsx
index 1c94200794a81..5855325f5918f 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/contexts/ml/data_source_context.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/contexts/ml/data_source_context.tsx
@@ -120,7 +120,7 @@ export const DataSourceContextProvider: FC> = ({ chil
}
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/configuration_step_form.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/configuration_step_form.tsx
index 7fd678e98f6fd..3e8933a5330aa 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/configuration_step_form.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/configuration_step_form.tsx
@@ -576,7 +576,6 @@ export const ConfigurationStepForm: FC = ({
fieldStatsServices={fieldStatsServices}
timeRangeMs={indexData.timeRangeMs}
dslQuery={jobConfigQuery}
- theme={services.theme}
>
= ({
{savedSearchQuery !== null && (
- {i18n.translate('xpack.ml.dataframe.analytics.create.savedSearchLabel', {
- defaultMessage: 'Saved search',
+ {i18n.translate('xpack.ml.dataframe.analytics.create.discoverSessionLabel', {
+ defaultMessage: 'Discover session',
})}
)}
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
index 0d30b0371a027..2b0002896e1ca 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
@@ -10,6 +10,7 @@ import React, { useEffect, useState } from 'react';
import type { EuiDataGridCellValueElementProps } from '@elastic/eui';
import {
+ useEuiTheme,
EuiButtonEmpty,
EuiDataGrid,
EuiFlexGroup,
@@ -27,7 +28,7 @@ import {
type DataFrameTaskStateType,
} from '@kbn/ml-data-frame-analytics-utils';
-import { useCurrentThemeVars, useMlKibana } from '../../../../../contexts/kibana';
+import { useMlKibana } from '../../../../../contexts/kibana';
// Separate imports for lazy loadable VegaChart and related code
import { VegaChart } from '../../../../../components/vega_chart';
@@ -111,7 +112,7 @@ export const EvaluatePanel: FC = ({ jobConfig, jobStatus, se
const {
services: { docLinks },
} = useMlKibana();
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
const [columns, setColumns] = useState([]);
const [columnsData, setColumnsData] = useState([]);
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/get_roc_curve_chart_vega_lite_spec.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/get_roc_curve_chart_vega_lite_spec.tsx
index 3bfdfa03a302e..1d148daac9e52 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/get_roc_curve_chart_vega_lite_spec.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/get_roc_curve_chart_vega_lite_spec.tsx
@@ -9,9 +9,8 @@
// @ts-ignore
import type { TopLevelSpec } from 'vega-lite/build/vega-lite';
-import { euiPaletteColorBlind, euiPaletteGray } from '@elastic/eui';
+import { euiPaletteColorBlind, euiPaletteGray, type EuiThemeComputed } from '@elastic/eui';
-import type { euiLightVars as euiThemeLight } from '@kbn/ui-theme';
import { i18n } from '@kbn/i18n';
import type { RocCurveItem } from '@kbn/ml-data-frame-analytics-utils';
@@ -44,7 +43,7 @@ export const getRocCurveChartVegaLiteSpec = (
classificationClasses: string[],
data: RocCurveDataRow[],
legendTitle: string,
- euiTheme: typeof euiThemeLight
+ euiTheme: EuiThemeComputed
): TopLevelSpec => {
// we append two rows which make up the data for the diagonal baseline
data.push({ tpr: 0, fpr: 0, threshold: 1, class_name: BASELINE });
@@ -60,8 +59,8 @@ export const getRocCurveChartVegaLiteSpec = (
config: {
legend: {
orient: 'right',
- labelColor: euiTheme.euiTextSubduedColor,
- titleColor: euiTheme.euiTextSubduedColor,
+ labelColor: euiTheme.colors.textSubdued,
+ titleColor: euiTheme.colors.textSubdued,
},
view: {
continuousHeight: SIZE,
@@ -104,9 +103,9 @@ export const getRocCurveChartVegaLiteSpec = (
type: 'quantitative',
axis: {
tickColor: GRAY,
- labelColor: euiTheme.euiTextSubduedColor,
+ labelColor: euiTheme.colors.textSubdued,
domainColor: GRAY,
- titleColor: euiTheme.euiTextSubduedColor,
+ titleColor: euiTheme.colors.textSubdued,
},
},
y: {
@@ -117,9 +116,9 @@ export const getRocCurveChartVegaLiteSpec = (
type: 'quantitative',
axis: {
tickColor: GRAY,
- labelColor: euiTheme.euiTextSubduedColor,
+ labelColor: euiTheme.colors.textSubdued,
domainColor: GRAY,
- titleColor: euiTheme.euiTextSubduedColor,
+ titleColor: euiTheme.colors.textSubdued,
},
},
tooltip: [
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/feature_importance/decision_path_chart.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/feature_importance/decision_path_chart.tsx
index b2532b225db2b..d6e64b6e8acda 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/feature_importance/decision_path_chart.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/feature_importance/decision_path_chart.tsx
@@ -23,51 +23,16 @@ import {
Settings,
LEGACY_LIGHT_THEME,
} from '@elastic/charts';
-import { EuiIcon } from '@elastic/eui';
+import { useEuiTheme, EuiIcon } from '@elastic/eui';
import React, { useCallback, useMemo } from 'react';
import { i18n } from '@kbn/i18n';
-import { euiLightVars as euiVars } from '@kbn/ui-theme';
import {
type FeatureImportanceBaseline,
isRegressionFeatureImportanceBaseline,
} from '@kbn/ml-data-frame-analytics-utils';
import type { DecisionPathPlotData } from './use_classification_path_data';
import { formatSingleValue } from '../../../../../formatters/format_value';
-const { euiColorFullShade, euiColorMediumShade } = euiVars;
-const axisColor = euiColorMediumShade;
-
-const baselineStyle: LineAnnotationStyle = {
- line: {
- strokeWidth: 1,
- stroke: euiColorFullShade,
- opacity: 0.75,
- },
-};
-
-const axes: RecursivePartial = {
- axisLine: {
- stroke: axisColor,
- },
- tickLabel: {
- fontSize: 10,
- fill: axisColor,
- },
- tickLine: {
- stroke: axisColor,
- },
- gridLine: {
- horizontal: {
- dash: [1, 2],
- },
- vertical: {
- strokeWidth: 0,
- },
- },
-};
-const theme: PartialTheme = {
- axes,
-};
interface DecisionPathChartProps {
decisionPathData: DecisionPathPlotData;
@@ -88,6 +53,49 @@ export const DecisionPathChart = ({
maxDomain,
baseline,
}: DecisionPathChartProps) => {
+ const { euiTheme } = useEuiTheme();
+
+ const { baselineStyle, theme } = useMemo<{
+ baselineStyle: LineAnnotationStyle;
+ theme: PartialTheme;
+ }>(() => {
+ const euiColorFullShade = euiTheme.colors.fullShade;
+ const euiColorMediumShade = euiTheme.colors.mediumShade;
+ const axisColor = euiColorMediumShade;
+
+ const axes: RecursivePartial = {
+ axisLine: {
+ stroke: axisColor,
+ },
+ tickLabel: {
+ fontSize: 10,
+ fill: axisColor,
+ },
+ tickLine: {
+ stroke: axisColor,
+ },
+ gridLine: {
+ horizontal: {
+ dash: [1, 2],
+ },
+ vertical: {
+ strokeWidth: 0,
+ },
+ },
+ };
+
+ return {
+ baselineStyle: {
+ line: {
+ strokeWidth: 1,
+ stroke: euiColorFullShade,
+ opacity: 0.75,
+ },
+ },
+ theme: { axes },
+ };
+ }, [euiTheme]);
+
const regressionBaselineData: LineAnnotationDatum[] | undefined = useMemo(
() =>
baseline && isRegressionFeatureImportanceBaseline(baseline)
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/total_feature_importance_summary/feature_importance_summary.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/total_feature_importance_summary/feature_importance_summary.tsx
index 9e7371580b12d..8a3ac185ef0ea 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/total_feature_importance_summary/feature_importance_summary.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/total_feature_importance_summary/feature_importance_summary.tsx
@@ -8,7 +8,7 @@
import type { FC } from 'react';
import React, { useCallback, useMemo } from 'react';
-import { EuiButtonEmpty, EuiSpacer, EuiText, EuiCallOut } from '@elastic/eui';
+import { useEuiTheme, EuiButtonEmpty, EuiSpacer, EuiText, EuiCallOut } from '@elastic/eui';
import type { RecursivePartial, AxisStyle, PartialTheme, BarSeriesProps } from '@elastic/charts';
import {
Chart,
@@ -22,7 +22,6 @@ import {
import { FormattedMessage } from '@kbn/i18n-react';
import { i18n } from '@kbn/i18n';
-import { euiLightVars as euiVars } from '@kbn/ui-theme';
import {
getAnalysisType,
isClassificationAnalysis,
@@ -40,40 +39,6 @@ import { useMlKibana } from '../../../../../contexts/kibana';
import { ExpandableSection } from '../expandable_section';
-const { euiColorMediumShade } = euiVars;
-const axisColor = euiColorMediumShade;
-
-const axes: RecursivePartial = {
- axisLine: {
- stroke: axisColor,
- },
- tickLabel: {
- fontSize: 12,
- fill: axisColor,
- },
- tickLine: {
- stroke: axisColor,
- },
- gridLine: {
- horizontal: {
- dash: [1, 2],
- },
- vertical: {
- strokeWidth: 0,
- },
- },
-};
-const theme: PartialTheme = {
- axes,
- legend: {
- /**
- * Added buffer between label and value.
- * Smaller values render a more compact legend
- */
- spacingBuffer: 100,
- },
-};
-
export interface FeatureImportanceSummaryPanelProps {
totalFeatureImportance: TotalFeatureImportance[];
jobConfig: DataFrameAnalyticsConfig;
@@ -94,21 +59,60 @@ const calculateTotalMeanImportance = (featureClass: ClassificationTotalFeatureIm
);
};
+interface Datum {
+ featureName: string;
+ meanImportance: number;
+ className?: FeatureImportanceClassName;
+}
+type PlotData = Datum[];
+type SeriesProps = Omit;
+
export const FeatureImportanceSummaryPanel: FC = ({
totalFeatureImportance,
jobConfig,
}) => {
+ const { euiTheme } = useEuiTheme();
const {
services: { docLinks },
} = useMlKibana();
- interface Datum {
- featureName: string;
- meanImportance: number;
- className?: FeatureImportanceClassName;
- }
- type PlotData = Datum[];
- type SeriesProps = Omit;
+ const theme: PartialTheme = useMemo(() => {
+ const euiColorMediumShade = euiTheme.colors.mediumShade;
+ const axisColor = euiColorMediumShade;
+
+ const axes: RecursivePartial = {
+ axisLine: {
+ stroke: axisColor,
+ },
+ tickLabel: {
+ fontSize: 12,
+ fill: axisColor,
+ },
+ tickLine: {
+ stroke: axisColor,
+ },
+ gridLine: {
+ horizontal: {
+ dash: [1, 2],
+ },
+ vertical: {
+ strokeWidth: 0,
+ },
+ },
+ };
+
+ return {
+ axes,
+ legend: {
+ /**
+ * Added buffer between label and value.
+ * Smaller values render a more compact legend
+ */
+ spacingBuffer: 100,
+ },
+ };
+ }, [euiTheme]);
+
const [plotData, barSeriesSpec, showLegend, chartHeight] = useMemo<
[plotData: PlotData, barSeriesSpec: SeriesProps, showLegend?: boolean, chartHeight?: number]
>(() => {
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/source_selection/source_selection.test.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/source_selection/source_selection.test.tsx
index c17490f4506d9..6c3508db1db32 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/source_selection/source_selection.test.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/source_selection/source_selection.test.tsx
@@ -203,7 +203,7 @@ describe('Data Frame Analytics: (undefi
interface CytoscapeProps {
elements: cytoscape.ElementDefinition[];
- theme: EuiThemeType;
height: number;
itemsDeleted: boolean;
resetCy: boolean;
@@ -70,21 +68,21 @@ function getLayoutOptions(width: number, height: number) {
export function Cytoscape({
children,
elements,
- theme,
height,
itemsDeleted,
resetCy,
style,
width,
}: PropsWithChildren) {
- const cytoscapeOptions = useMemo(() => {
+ const cytoscapeOptions = useCytoscapeOptions();
+ const cytoscapeOptionsWithElements = useMemo(() => {
return {
- ...getCytoscapeOptions(theme),
+ ...cytoscapeOptions,
elements,
};
- }, [theme, elements]);
+ }, [cytoscapeOptions, elements]);
- const [ref, cy] = useCytoscape(cytoscapeOptions);
+ const [ref, cy] = useCytoscape(cytoscapeOptionsWithElements);
// Add the height to the div style. The height is a separate prop because it
// is required and can trigger rendering when changed.
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/cytoscape_options.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/cytoscape_options.tsx
index 6877767907594..9eca6585ac2b3 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/cytoscape_options.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/cytoscape_options.tsx
@@ -5,9 +5,13 @@
* 2.0.
*/
+import { useMemo } from 'react';
import type cytoscape from 'cytoscape';
+
+import { useEuiFontSize, useEuiTheme, type EuiThemeComputed } from '@elastic/eui';
+
import { ANALYSIS_CONFIG_TYPE, JOB_MAP_NODE_TYPES } from '@kbn/ml-data-frame-analytics-utils';
-import type { EuiThemeType } from '../../../../components/color_range_legend';
+
import classificationJobIcon from './icons/ml_classification_job.svg';
import outlierDetectionJobIcon from './icons/ml_outlier_detection_job.svg';
import regressionJobIcon from './icons/ml_regression_job.svg';
@@ -57,85 +61,106 @@ function iconForNode(el: cytoscape.NodeSingular) {
}
}
-function borderColorForNode(el: cytoscape.NodeSingular, theme: EuiThemeType) {
+function borderColorForNode(el: cytoscape.NodeSingular, euiTheme: EuiThemeComputed) {
if (el.selected()) {
- return theme.euiColorPrimary;
+ return euiTheme.colors.primary;
}
const type = el.data('type');
switch (type) {
case JOB_MAP_NODE_TYPES.ANALYTICS_JOB_MISSING:
- return theme.euiColorFullShade;
+ return euiTheme.colors.fullShade;
case JOB_MAP_NODE_TYPES.ANALYTICS:
- return theme.euiColorVis0;
+ // Amsterdam + Borealis
+ return euiTheme.colors.vis.euiColorVis0;
case JOB_MAP_NODE_TYPES.TRANSFORM:
- return theme.euiColorVis1;
+ // Amsterdam: euiTheme.colors.vis.euiColorVis1
+ // Borealis: euiTheme.colors.vis.euiColorVis2
+ return euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis1
+ : euiTheme.colors.vis.euiColorVis2;
case JOB_MAP_NODE_TYPES.INDEX:
- return theme.euiColorVis2;
+ // Amsterdam: euiTheme.colors.vis.euiColorVis2
+ // Borealis: euiTheme.colors.vis.euiColorVis4
+ return euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis2
+ : euiTheme.colors.vis.euiColorVis4;
case JOB_MAP_NODE_TYPES.TRAINED_MODEL:
- return theme.euiColorVis3;
+ // Amsterdam: euiTheme.colors.vis.euiColorVis3
+ // Borealis: euiTheme.colors.vis.euiColorVis5
+ return euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis3
+ : euiTheme.colors.vis.euiColorVis5;
case JOB_MAP_NODE_TYPES.INGEST_PIPELINE:
- return theme.euiColorVis7;
+ // Amsterdam: euiTheme.colors.vis.euiColorVis7
+ // Borealis: euiTheme.colors.vis.euiColorVis8
+ return euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis7
+ : euiTheme.colors.vis.euiColorVis8;
default:
- return theme.euiColorMediumShade;
+ return euiTheme.colors.mediumShade;
}
}
-export const getCytoscapeOptions = (theme: EuiThemeType): cytoscape.CytoscapeOptions => {
- const lineColor = theme.euiColorLightShade;
+export const useCytoscapeOptions = (): cytoscape.CytoscapeOptions => {
+ const { euiTheme } = useEuiTheme();
+ const euiFontSizeXS = useEuiFontSize('xs', { unit: 'px' }).fontSize as string;
- return {
- autoungrabify: true,
- boxSelectionEnabled: false,
- maxZoom: 3,
- minZoom: 0.2,
- style: [
- {
- selector: 'node',
- style: {
- 'background-color': (el: cytoscape.NodeSingular) =>
- el.data('isRoot') ? theme.euiColorWarning : theme.euiColorGhost,
- 'background-height': '60%',
- 'background-width': '60%',
- 'border-color': (el: cytoscape.NodeSingular) => borderColorForNode(el, theme),
- 'border-style': 'solid',
- // @ts-ignore
- 'background-image': (el: cytoscape.NodeSingular) => iconForNode(el),
- 'border-width': (el: cytoscape.NodeSingular) => (el.selected() ? 4 : 3),
- color: theme.euiTextColor,
- 'font-family': 'Inter UI, Segoe UI, Helvetica, Arial, sans-serif',
- 'font-size': theme.euiFontSizeXS,
- 'min-zoomed-font-size': parseInt(theme.euiSizeL, 10),
- label: 'data(label)',
- shape: (el: cytoscape.NodeSingular) => shapeForNode(el),
- 'text-background-color': theme.euiColorLightestShade,
- 'text-background-opacity': 0,
- 'text-background-padding': theme.euiSizeXS,
- 'text-background-shape': 'roundrectangle',
- 'text-margin-y': parseInt(theme.euiSizeS, 10),
- 'text-max-width': '200px',
- 'text-valign': 'bottom',
- 'text-wrap': 'wrap',
+ return useMemo(
+ () => ({
+ autoungrabify: true,
+ boxSelectionEnabled: false,
+ maxZoom: 3,
+ minZoom: 0.2,
+ style: [
+ {
+ selector: 'node',
+ style: {
+ 'background-color': (el: cytoscape.NodeSingular) =>
+ el.data('isRoot') ? euiTheme.colors.warning : euiTheme.colors.ghost,
+ 'background-height': '60%',
+ 'background-width': '60%',
+ 'border-color': (el: cytoscape.NodeSingular) => borderColorForNode(el, euiTheme),
+ 'border-style': 'solid',
+ // @ts-ignore
+ 'background-image': (el: cytoscape.NodeSingular) => iconForNode(el),
+ 'border-width': (el: cytoscape.NodeSingular) => (el.selected() ? 4 : 3),
+ color: euiTheme.colors.textParagraph,
+ 'font-family': 'Inter UI, Segoe UI, Helvetica, Arial, sans-serif',
+ 'font-size': euiFontSizeXS,
+ 'min-zoomed-font-size': parseInt(euiTheme.size.l, 10),
+ label: 'data(label)',
+ shape: (el: cytoscape.NodeSingular) => shapeForNode(el),
+ 'text-background-color': euiTheme.colors.lightestShade,
+ 'text-background-opacity': 0,
+ 'text-background-padding': euiTheme.size.xs,
+ 'text-background-shape': 'roundrectangle',
+ 'text-margin-y': parseInt(euiTheme.size.s, 10),
+ 'text-max-width': '200px',
+ 'text-valign': 'bottom',
+ 'text-wrap': 'wrap',
+ },
},
- },
- {
- selector: 'edge',
- style: {
- 'curve-style': 'taxi',
- // @ts-ignore
- 'taxi-direction': 'rightward',
- 'line-color': lineColor,
- 'overlay-opacity': 0,
- 'target-arrow-color': lineColor,
- 'target-arrow-shape': 'triangle',
- // @ts-ignore
- 'target-distance-from-node': theme.euiSizeXS,
- width: 1,
- 'source-arrow-shape': 'none',
+ {
+ selector: 'edge',
+ style: {
+ 'curve-style': 'taxi',
+ // @ts-ignore
+ 'taxi-direction': 'rightward',
+ 'line-color': euiTheme.colors.lightShade,
+ 'overlay-opacity': 0,
+ 'target-arrow-color': euiTheme.colors.lightShade,
+ 'target-arrow-shape': 'triangle',
+ // @ts-ignore
+ 'target-distance-from-node': euiTheme.size.xs,
+ width: 1,
+ 'source-arrow-shape': 'none',
+ },
},
- },
- ],
- };
+ ],
+ }),
+ [euiFontSizeXS, euiTheme]
+ );
};
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/legend.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/legend.tsx
index cf22e9a3f2750..0a706aa7a82b2 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/legend.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/components/legend.tsx
@@ -9,6 +9,7 @@ import type { FC } from 'react';
import React, { useState, useMemo } from 'react';
import { i18n } from '@kbn/i18n';
import {
+ useEuiTheme,
EuiButtonIcon,
EuiFlexGroup,
EuiFlexItem,
@@ -19,7 +20,6 @@ import {
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { JOB_MAP_NODE_TYPES } from '@kbn/ml-data-frame-analytics-utils';
-import type { EuiThemeType } from '../../../../components/color_range_legend';
const getJobTypeList = () => (
<>
@@ -33,21 +33,48 @@ const getJobTypeList = () => (
);
-export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType }> = ({
- hasMissingJobNode,
- theme,
-}) => {
+export const JobMapLegend: FC<{ hasMissingJobNode: boolean }> = ({ hasMissingJobNode }) => {
+ const { euiTheme } = useEuiTheme();
+
const [showJobTypes, setShowJobTypes] = useState(false);
- const {
- euiSizeM,
- euiSizeS,
- euiColorGhost,
- euiColorWarning,
- euiBorderThin,
- euiBorderRadius,
- euiBorderRadiusSmall,
- euiBorderWidthThick,
- } = theme;
+
+ const euiSizeM = euiTheme.size.m;
+ const euiSizeS = euiTheme.size.s;
+ const euiColorFullShade = euiTheme.colors.fullShade;
+ const euiColorGhost = euiTheme.colors.ghost;
+ const euiColorWarning = euiTheme.colors.warning;
+ const euiBorderThin = euiTheme.border.thin;
+ const euiBorderRadius = euiTheme.border.radius.medium;
+ const euiBorderRadiusSmall = euiTheme.border.radius.small;
+ const euiBorderWidthThick = euiTheme.border.width.thick;
+ const euiPageBackgroundColor = euiTheme.colors.backgroundBasePlain;
+
+ // Amsterdam: euiTheme.colors.vis.euiColorVis2
+ // Borealis: euiTheme.colors.vis.euiColorVis4
+ const borderColorIndexPattern = euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis2
+ : euiTheme.colors.vis.euiColorVis4;
+
+ // Amsterdam: euiTheme.colors.vis.euiColorVis7
+ // Borealis: euiTheme.colors.vis.euiColorVis8
+ const borderColorIngestPipeline = euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis7
+ : euiTheme.colors.vis.euiColorVis8;
+
+ // Amsterdam: euiTheme.colors.vis.euiColorVis1
+ // Borealis: euiTheme.colors.vis.euiColorVis2
+ const borderColorTransform = euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis1
+ : euiTheme.colors.vis.euiColorVis2;
+
+ // Amsterdam: euiTheme.colors.vis.euiColorVis3
+ // Borealis: euiTheme.colors.vis.euiColorVis5
+ const borderBottomColorTrainedModel = euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis3
+ : euiTheme.colors.vis.euiColorVis5;
+
+ // Amsterdam + Borealis
+ const borderColorAnalytics = euiTheme.colors.vis.euiColorVis0;
const cssOverrideBase = useMemo(
() => ({
@@ -91,7 +118,7 @@ export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType
data-test-subj="mlJobMapLegend__indexPattern"
css={{
...cssOverrideBase,
- border: `${euiBorderWidthThick} solid ${theme.euiColorVis2}`,
+ border: `${euiBorderWidthThick} solid ${borderColorIndexPattern}`,
transform: 'rotate(45deg)',
}}
/>
@@ -113,7 +140,7 @@ export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType
data-test-subj="mlJobMapLegend__ingestPipeline"
css={{
...cssOverrideBase,
- border: `${euiBorderWidthThick} solid ${theme.euiColorVis7}`,
+ border: `${euiBorderWidthThick} solid ${borderColorIngestPipeline}`,
borderRadius: euiBorderRadiusSmall,
}}
/>
@@ -135,7 +162,7 @@ export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType
data-test-subj="mlJobMapLegend__transform"
css={{
...cssOverrideBase,
- border: `${euiBorderWidthThick} solid ${theme.euiColorVis1}`,
+ border: `${euiBorderWidthThick} solid ${borderColorTransform}`,
}}
/>
@@ -154,9 +181,9 @@ export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType
display: 'inline-block',
width: '0px',
height: '0px',
- borderLeft: `${euiSizeS} solid ${theme.euiPageBackgroundColor}`,
- borderRight: `${euiSizeS} solid ${theme.euiPageBackgroundColor}`,
- borderBottom: `${euiSizeM} solid ${theme.euiColorVis3}`,
+ borderLeft: `${euiSizeS} solid ${euiPageBackgroundColor}`,
+ borderRight: `${euiSizeS} solid ${euiPageBackgroundColor}`,
+ borderBottom: `${euiSizeM} solid ${borderBottomColorTrainedModel}`,
}}
/>
@@ -178,7 +205,7 @@ export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType
data-test-subj="mlJobMapLegend__analyticsMissing"
css={{
...cssOverrideBase,
- border: `${euiBorderWidthThick} solid ${theme.euiColorFullShade}`,
+ border: `${euiBorderWidthThick} solid ${euiColorFullShade}`,
borderRadius: '50%',
}}
/>
@@ -201,7 +228,7 @@ export const JobMapLegend: FC<{ hasMissingJobNode: boolean; theme: EuiThemeType
data-test-subj="mlJobMapLegend__analytics"
css={{
...cssOverrideBase,
- border: `${euiBorderWidthThick} solid ${theme.euiColorVis0}`,
+ border: `${euiBorderWidthThick} solid ${borderColorAnalytics}`,
borderRadius: '50%',
}}
/>
diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/job_map.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/job_map.tsx
index d03b62bf934a5..49a64f7dd5fae 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/job_map.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/job_map/job_map.tsx
@@ -9,32 +9,38 @@ import type { FC } from 'react';
import React, { useEffect, useMemo, useState } from 'react';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
-import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiSpacer } from '@elastic/eui';
+import {
+ useEuiTheme,
+ EuiButtonEmpty,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiSpacer,
+ type EuiThemeComputed,
+} from '@elastic/eui';
import { JOB_MAP_NODE_TYPES } from '@kbn/ml-data-frame-analytics-utils';
-import { useCurrentThemeVars, useMlKibana, useMlLocator } from '../../../contexts/kibana';
+import { useMlKibana, useMlLocator } from '../../../contexts/kibana';
import { Controls, Cytoscape, JobMapLegend } from './components';
import { ML_PAGES } from '../../../../../common/constants/locator';
-import type { EuiThemeType } from '../../../components/color_range_legend';
import { useRefresh } from '../../../routing/use_refresh';
import { useRefDimensions } from './components/use_ref_dimensions';
import { useFetchAnalyticsMapData } from './use_fetch_analytics_map_data';
-const getCytoscapeDivStyle = (theme: EuiThemeType) => ({
+const getCytoscapeDivStyle = (theme: EuiThemeComputed) => ({
background: `linear-gradient(
90deg,
- ${theme.euiPageBackgroundColor}
- calc(${theme.euiSizeL} - calc(${theme.euiSizeXS} / 2)),
+ ${theme.colors.backgroundBasePlain}
+ calc(${theme.size.l} - calc(${theme.size.xs} / 2)),
transparent 1%
)
center,
linear-gradient(
- ${theme.euiPageBackgroundColor}
- calc(${theme.euiSizeL} - calc(${theme.euiSizeXS} / 2)),
+ ${theme.colors.backgroundBasePlain}
+ calc(${theme.size.l} - calc(${theme.size.xs} / 2)),
transparent 1%
)
center,
-${theme.euiColorLightShade}`,
- backgroundSize: `${theme.euiSizeL} ${theme.euiSizeL}`,
+${theme.colors.lightShade}`,
+ backgroundSize: `${theme.size.l} ${theme.size.l}`,
marginTop: 0,
});
@@ -67,7 +73,7 @@ export const JobMap: FC = ({ defaultHeight, analyticsId, modelId, forceRe
},
} = useMlKibana();
const locator = useMlLocator()!;
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
const refresh = useRefresh();
const redirectToAnalyticsManagementPage = async () => {
@@ -162,7 +168,7 @@ export const JobMap: FC = ({ defaultHeight, analyticsId, modelId, forceRe
-
= ({ defaultHeight, analyticsId, modelId, forceRe
-
+
{
@@ -58,16 +58,16 @@ export const DataDriftIndexOrSearchRedirect: FC = () => {
onChoose={onObjectSelection}
showFilter
noItemsMessage={i18n.translate('xpack.ml.newJob.wizard.searchSelection.notFoundLabel', {
- defaultMessage: 'No matching data views or saved searches found.',
+ defaultMessage: 'No matching data views or saved Discover sessions found.',
})}
savedObjectMetaData={[
{
type: 'search',
- getIconForSavedObject: () => 'search',
+ getIconForSavedObject: () => 'discoverApp',
name: i18n.translate(
- 'xpack.ml.newJob.wizard.searchSelection.savedObjectType.search',
+ 'xpack.ml.newJob.wizard.searchSelection.savedObjectType.discoverSession',
{
- defaultMessage: 'Saved search',
+ defaultMessage: 'Discover session',
}
),
showSavedObject: (savedObject: SavedObject) =>
diff --git a/x-pack/platform/plugins/shared/ml/public/application/explorer/annotation_timeline.tsx b/x-pack/platform/plugins/shared/ml/public/application/explorer/annotation_timeline.tsx
index 3d12c55e05e16..5ab414fd8c310 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/explorer/annotation_timeline.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/explorer/annotation_timeline.tsx
@@ -8,8 +8,11 @@
import React, { type FC, type PropsWithChildren, useEffect } from 'react';
import d3 from 'd3';
import { scaleTime } from 'd3-scale';
+
+import { useEuiFontSize, useEuiTheme } from '@elastic/eui';
+
import { type ChartTooltipService, type TooltipData } from '../components/chart_tooltip';
-import { useCurrentThemeVars } from '../contexts/kibana';
+
import { Y_AXIS_LABEL_PADDING, Y_AXIS_LABEL_WIDTH } from './constants';
export interface AnnotationTimelineProps {
@@ -39,7 +42,8 @@ export const AnnotationTimeline = >): ReturnType => {
const canvasRef = React.useRef(null);
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
+ const euiFontSizeXS = useEuiFontSize('xs', { unit: 'px' }).fontSize as string;
useEffect(
function renderChart() {
@@ -69,8 +73,8 @@ export const AnnotationTimeline = tooltipService.hide());
});
},
- [
- chartWidth,
- domain,
- data,
- tooltipService,
- label,
- euiTheme.euiTextSubduedColor,
- euiTheme.euiFontSizeXS,
- euiTheme.euiBorderColor,
- getTooltipContent,
- ]
+ [chartWidth, domain, data, tooltipService, label, euiTheme, euiFontSizeXS, getTooltipContent]
);
return ;
diff --git a/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_annotation_container.tsx b/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_annotation_container.tsx
index ce506e03dae31..ec480da717675 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_annotation_container.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_annotation_container.tsx
@@ -9,13 +9,18 @@ import type { FC } from 'react';
import React, { useEffect } from 'react';
import d3 from 'd3';
import { scaleTime } from 'd3-scale';
-import { i18n } from '@kbn/i18n';
import moment from 'moment';
-import { useCurrentThemeVars } from '../contexts/kibana';
+
+import { useEuiFontSize, useEuiTheme } from '@elastic/eui';
+
+import { i18n } from '@kbn/i18n';
+
import type { Annotation, AnnotationsTable } from '../../../common/types/annotations';
+
import type { ChartTooltipService } from '../components/chart_tooltip';
+import { useAnnotationStyles } from '../timeseriesexplorer/styles';
+
import { Y_AXIS_LABEL_PADDING, Y_AXIS_LABEL_WIDTH } from './constants';
-import { getAnnotationStyles } from '../timeseriesexplorer/styles';
const ANNOTATION_CONTAINER_HEIGHT = 12;
const ANNOTATION_MIN_WIDTH = 8;
@@ -30,16 +35,16 @@ interface SwimlaneAnnotationContainerProps {
tooltipService: ChartTooltipService;
}
-const annotationStyles = getAnnotationStyles();
-
export const SwimlaneAnnotationContainer: FC = ({
chartWidth,
domain,
annotationsData,
tooltipService,
}) => {
+ const annotationStyles = useAnnotationStyles();
const canvasRef = React.useRef(null);
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
+ const euiFontSizeXS = useEuiFontSize('xs', { unit: 'px' }).fontSize as string;
useEffect(() => {
if (canvasRef.current !== null && Array.isArray(annotationsData)) {
@@ -71,8 +76,8 @@ export const SwimlaneAnnotationContainer: FC =
.attr('x', Y_AXIS_LABEL_WIDTH - Y_AXIS_LABEL_PADDING)
.attr('y', ANNOTATION_CONTAINER_HEIGHT / 2)
.attr('dominant-baseline', 'middle')
- .style('fill', euiTheme.euiTextSubduedColor)
- .style('font-size', euiTheme.euiFontSizeXS);
+ .style('fill', euiTheme.colors.textSubdued)
+ .style('font-size', euiFontSizeXS);
// Add border
svg
@@ -81,7 +86,7 @@ export const SwimlaneAnnotationContainer: FC =
.attr('y', 0)
.attr('height', ANNOTATION_CONTAINER_HEIGHT)
.attr('width', endingXPos - startingXPos)
- .style('stroke', euiTheme.euiBorderColor)
+ .style('stroke', euiTheme.border.color)
.style('fill', 'none')
.style('stroke-width', 1);
diff --git a/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx b/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx
index 5dd1440d7d817..7c1118b33cb6d 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx
@@ -7,13 +7,17 @@
import type { FC } from 'react';
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
import {
+ useEuiFontSize,
+ useEuiTheme,
EuiFlexGroup,
EuiFlexItem,
EuiLoadingChart,
EuiResizeObserver,
EuiText,
} from '@elastic/eui';
+
import { throttle } from 'lodash';
import type {
BrushEndListener,
@@ -62,7 +66,7 @@ import { FormattedTooltip } from '../components/chart_tooltip/chart_tooltip';
import './_explorer.scss';
import { EMPTY_FIELD_VALUE_LABEL } from '../timeseriesexplorer/components/entity_control/entity_control';
import { SWIM_LANE_LABEL_WIDTH, Y_AXIS_LABEL_PADDING } from './constants';
-import { useCurrentThemeVars, useMlKibana } from '../contexts/kibana';
+import { useMlKibana } from '../contexts/kibana';
declare global {
interface Window {
@@ -205,7 +209,7 @@ export const SwimlaneContainer: FC = ({
} = useMlKibana();
const isDarkTheme = useIsDarkTheme(themeService);
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
// Holds the container height for previously fetched data
const containerHeightRef = useRef();
@@ -297,18 +301,20 @@ export const SwimlaneContainer: FC = ({
const showBrush = !!onCellsSelection;
+ const euiFontSizeXS = useEuiFontSize('xs', { unit: 'px' }).fontSize as string;
+
const themeOverrides = useMemo(() => {
if (!showSwimlane) return {};
const theme: PartialTheme = {
background: {
- color: euiTheme.euiPanelBackgroundColorModifiers.plain,
+ color: euiTheme.colors.backgroundBasePlain,
},
heatmap: {
grid: {
stroke: {
width: BORDER_WIDTH,
- color: euiTheme.euiBorderColor,
+ color: euiTheme.border.color,
},
},
cell: {
@@ -318,21 +324,21 @@ export const SwimlaneContainer: FC = ({
visible: false,
},
border: {
- stroke: euiTheme.euiBorderColor,
+ stroke: euiTheme.colors.borderBasePlain,
strokeWidth: 0,
},
},
yAxisLabel: {
visible: showYAxis,
width: yAxisWidth,
- textColor: euiTheme.euiTextSubduedColor,
+ textColor: euiTheme.colors.textSubdued,
padding: Y_AXIS_LABEL_PADDING,
- fontSize: parseInt(euiTheme.euiFontSizeXS, 10),
+ fontSize: parseInt(euiFontSizeXS, 10),
},
xAxisLabel: {
visible: showTimeline,
- textColor: euiTheme.euiTextSubduedColor,
- fontSize: parseInt(euiTheme.euiFontSizeXS, 10),
+ textColor: euiTheme.colors.textSubdued,
+ fontSize: parseInt(euiFontSizeXS, 10),
},
brushMask: {
visible: showBrush,
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/datafeed_chart_flyout/datafeed_chart_flyout.tsx b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/datafeed_chart_flyout/datafeed_chart_flyout.tsx
index a2f271f243b1c..bc7b4b4d3a2fb 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/datafeed_chart_flyout/datafeed_chart_flyout.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/datafeed_chart_flyout/datafeed_chart_flyout.tsx
@@ -11,6 +11,7 @@ import { FormattedMessage } from '@kbn/i18n-react';
import { i18n } from '@kbn/i18n';
import moment from 'moment';
import {
+ useEuiTheme,
EuiButtonEmpty,
EuiCheckbox,
EuiDatePicker,
@@ -60,7 +61,7 @@ import type {
import type { JobMessage } from '../../../../../../common/types/audit_message';
import type { LineAnnotationDatumWithModelSnapshot } from '../../../../../../common/types/results';
import { useToastNotificationService } from '../../../../services/toast_notification_service';
-import { useCurrentThemeVars, useMlApi } from '../../../../contexts/kibana';
+import { useMlApi } from '../../../../contexts/kibana';
import { RevertModelSnapshotFlyout } from '../../../../components/model_snapshots/revert_model_snapshot_flyout';
import { JobMessagesPane } from '../job_details/job_messages_pane';
import { EditQueryDelay } from './edit_query_delay';
@@ -146,7 +147,7 @@ export const DatafeedChartFlyout: FC = ({
results: { getDatafeedResultChartData },
} = useMlApi();
const { displayErrorToast } = useToastNotificationService();
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
const handleChange = (date: moment.Moment) => setEndDate(date);
const handleEndDateChange = (direction: ChartDirectionType) => {
if (data.bucketSpan === undefined) return;
@@ -479,7 +480,7 @@ export const DatafeedChartFlyout: FC = ({
style={{
line: {
strokeWidth: 3,
- stroke: euiTheme.euiColorDangerText,
+ stroke: euiTheme.colors.textDanger,
opacity: 0.5,
},
}}
@@ -494,7 +495,7 @@ export const DatafeedChartFlyout: FC = ({
defaultMessage: 'Annotations rectangle result',
}
)}
- style={{ fill: euiTheme.euiColorDangerText }}
+ style={{ fill: euiTheme.colors.textDanger }}
/>
) : null}
@@ -514,7 +515,11 @@ export const DatafeedChartFlyout: FC = ({
style={{
line: {
strokeWidth: 3,
- stroke: euiTheme.euiColorVis1,
+ // Amsterdam: euiTheme.colors.vis.euiColorVis1
+ // Borealis: euiTheme.colors.vis.euiColorVis2
+ stroke: euiTheme.flags.hasVisColorAdjustment
+ ? euiTheme.colors.vis.euiColorVis1
+ : euiTheme.colors.vis.euiColorVis2,
opacity: 0.5,
},
}}
@@ -537,7 +542,7 @@ export const DatafeedChartFlyout: FC = ({
style={{
line: {
strokeWidth: 3,
- stroke: euiTheme.euiColorAccent,
+ stroke: euiTheme.colors.accent,
opacity: 0.5,
},
}}
@@ -546,7 +551,7 @@ export const DatafeedChartFlyout: FC = ({
) : null}
= ({
/>
{
- const groups = resp.map((g) => ({ label: g.id, color: tabColor(g.id) }));
+ const groups = resp.map((g) => ({ label: g.id, color: tabColor(g.id, euiTheme) }));
this.setState({ groups });
})
.catch((error) => {
@@ -58,7 +59,7 @@ export class JobDetailsUI extends Component {
static getDerivedStateFromProps(props) {
const selectedGroups =
props.jobGroups !== undefined
- ? props.jobGroups.map((g) => ({ label: g, color: tabColor(g) }))
+ ? props.jobGroups.map((g) => ({ label: g, color: tabColor(g, props.euiTheme) }))
: [];
const { datafeedRunning, jobClosed } = props;
@@ -261,12 +262,13 @@ export class JobDetailsUI extends Component {
);
}
}
-JobDetailsUI.propTypes = {
+EditJobDetailsTabUI.propTypes = {
datafeedRunning: PropTypes.bool.isRequired,
+ euiTheme: PropTypes.object.isRequired,
jobDescription: PropTypes.string.isRequired,
jobGroups: PropTypes.array.isRequired,
jobModelMemoryLimit: PropTypes.string.isRequired,
setJobDetails: PropTypes.func.isRequired,
};
-export const JobDetails = withKibana(JobDetailsUI);
+export const EditJobDetailsTab = withKibana(EditJobDetailsTabUI);
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/edit_job_flyout/tabs/index.js b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/edit_job_flyout/tabs/index.js
index 9ea9b3448541a..3b99a6ca59f5b 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/edit_job_flyout/tabs/index.js
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/edit_job_flyout/tabs/index.js
@@ -5,6 +5,6 @@
* 2.0.
*/
-export { JobDetails } from './job_details';
-export { Detectors } from './detectors';
-export { Datafeed } from './datafeed';
+export { EditJobDetailsTab } from './edit_job_details_tab';
+export { EditDetectorsTab } from './edit_detectors_tab';
+export { EditDatafeedTab } from './edit_datafeed_tab';
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/job_group/job_group.tsx b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/job_group/job_group.tsx
index 562d0c9bc4406..5989c35230e82 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/job_group/job_group.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/job_group/job_group.tsx
@@ -7,11 +7,17 @@
import type { FC } from 'react';
import React from 'react';
-import { EuiBadge } from '@elastic/eui';
+
+import { useEuiTheme, EuiBadge } from '@elastic/eui';
+
import { tabColor } from '../../../../../../common/util/group_color_utils';
-export const JobGroup: FC<{ name: string }> = ({ name }) => (
-
- {name}
-
-);
+export const JobGroup: FC<{ name: string }> = ({ name }) => {
+ const { euiTheme } = useEuiTheme();
+
+ return (
+
+ {name}
+
+ );
+};
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/jobs_list_view/jobs_list_view.js b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/jobs_list_view/jobs_list_view.js
index b80ad9bcc0e5a..9748d88899599 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/jobs_list_view/jobs_list_view.js
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/jobs_list_view/jobs_list_view.js
@@ -5,6 +5,7 @@
* 2.0.
*/
+import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { EuiFlexGroup, EuiFlexItem, EuiSpacer } from '@elastic/eui';
@@ -505,6 +506,7 @@ export class JobsListViewUI extends Component {
) : null}
this.refreshJobSummaryList()}
@@ -557,4 +559,8 @@ export class JobsListViewUI extends Component {
}
}
+JobsListViewUI.propTypes = {
+ euiTheme: PropTypes.object.isRequired,
+};
+
export const JobsListView = withKibana(JobsListViewUI);
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/jobs.tsx b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/jobs.tsx
index 0516fa1b7986d..6507480557704 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/jobs.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/jobs.tsx
@@ -7,6 +7,7 @@
import type { FC } from 'react';
import React from 'react';
+import { useEuiTheme } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { usePageUrlState } from '@kbn/ml-url-state';
import type { ListingPageUrlState } from '@kbn/ml-url-state';
@@ -44,6 +45,7 @@ export const JobsPage: FC = ({ isMlEnabledInSpace, lastRefresh })
const {
services: { docLinks },
} = useMlKibana();
+ const { euiTheme } = useEuiTheme();
const { showNodeInfo } = useEnabledFeatures();
const helpLink = docLinks.links.ml.anomalyDetection;
@@ -56,6 +58,7 @@ export const JobsPage: FC = ({ isMlEnabledInSpace, lastRefresh })
= memo(
({ existingGroups, selectedGroups, onChange, validation }) => {
+ const { euiTheme } = useEuiTheme();
+
const options = existingGroups.map((g) => ({
label: g,
- color: tabColor(g),
+ color: tabColor(g, euiTheme),
}));
const selectedOptions = selectedGroups.map((g) => ({
label: g,
- color: tabColor(g),
+ color: tabColor(g, euiTheme),
}));
function onChangeCallback(optionsIn: EuiComboBoxOptionOption[]) {
@@ -46,7 +48,7 @@ export const JobGroupsInput: FC = memo(
const newGroup: EuiComboBoxOptionOption = {
label: input,
- color: tabColor(input),
+ color: tabColor(input, euiTheme),
};
if (
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/common/settings.ts b/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/common/settings.ts
index 6f46aabef8aa2..38b25b33e0025 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/common/settings.ts
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/common/settings.ts
@@ -8,18 +8,18 @@
import type { IUiSettingsClient } from '@kbn/core/public';
import type { TimeBuckets } from '@kbn/ml-time-buckets';
import type { AreaSeriesStyle, LineSeriesStyle, RecursivePartial } from '@elastic/charts';
-import { useCurrentThemeVars } from '../../../../../../contexts/kibana';
+import { useEuiTheme } from '@elastic/eui';
import type { JobCreatorType } from '../../../../common/job_creator';
import { isMultiMetricJobCreator, isPopulationJobCreator } from '../../../../common/job_creator';
import { getTimeBucketsFromCache } from '../../../../../../util/get_time_buckets_from_cache';
export function useChartColors() {
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
return {
- LINE_COLOR: euiTheme.euiColorPrimary,
- MODEL_COLOR: euiTheme.euiColorPrimary,
- EVENT_RATE_COLOR: euiTheme.euiColorPrimary,
- EVENT_RATE_COLOR_WITH_ANOMALIES: euiTheme.euiColorLightShade,
+ LINE_COLOR: euiTheme.colors.primary,
+ MODEL_COLOR: euiTheme.colors.primary,
+ EVENT_RATE_COLOR: euiTheme.colors.primary,
+ EVENT_RATE_COLOR_WITH_ANOMALIES: euiTheme.colors.lightShade,
};
}
diff --git a/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/event_rate_chart/overlay_range.tsx b/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/event_rate_chart/overlay_range.tsx
index f9351ac783525..40d495b762901 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/event_rate_chart/overlay_range.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/charts/event_rate_chart/overlay_range.tsx
@@ -7,10 +7,9 @@
import type { FC } from 'react';
import React from 'react';
-import { EuiIcon } from '@elastic/eui';
+import { useEuiTheme, EuiIcon } from '@elastic/eui';
import { timeFormatter } from '@kbn/ml-date-utils';
import { AnnotationDomainType, LineAnnotation, Position, RectAnnotation } from '@elastic/charts';
-import { useCurrentThemeVars } from '../../../../../../contexts/kibana';
interface Props {
overlayKey: number;
@@ -21,7 +20,7 @@ interface Props {
}
export const OverlayRange: FC = ({ overlayKey, start, end, color, showMarker = true }) => {
- const { euiTheme } = useCurrentThemeVars();
+ const { euiTheme } = useEuiTheme();
return (
<>
@@ -57,7 +56,7 @@ export const OverlayRange: FC = ({ overlayKey, start, end, color, showMar
marker={showMarker ?
@@ -147,7 +147,7 @@ export function LinkedSearch({ savedSearch, eventEmitter }: LinkedSearchProps) {
>