diff --git a/x-pack/plugins/security_solution/public/common/components/header_section/index.tsx b/x-pack/plugins/security_solution/public/common/components/header_section/index.tsx index 153764e8ef13b..024c221f42a0d 100644 --- a/x-pack/plugins/security_solution/public/common/components/header_section/index.tsx +++ b/x-pack/plugins/security_solution/public/common/components/header_section/index.tsx @@ -68,7 +68,7 @@ export interface HeaderSectionProps extends HeaderProps { toggleQuery?: (status: boolean) => void; toggleStatus?: boolean; title: string | React.ReactNode; - inspectTitle?: string; + inspectTitle?: React.ReactNode; titleSize?: EuiTitleSize; tooltip?: string; } @@ -193,7 +193,7 @@ const HeaderSectionComponent: React.FC = ({ queryId={id} multiple={inspectMultiple} showInspectButton={showInspectButton} - title={inspectTitle != null ? inspectTitle : title} + title={inspectTitle ?? title} /> )} diff --git a/x-pack/plugins/security_solution/public/common/components/visualization_actions/types.ts b/x-pack/plugins/security_solution/public/common/components/visualization_actions/types.ts index 46c18e19f12fd..ec4de64ade9ee 100644 --- a/x-pack/plugins/security_solution/public/common/components/visualization_actions/types.ts +++ b/x-pack/plugins/security_solution/public/common/components/visualization_actions/types.ts @@ -70,7 +70,7 @@ export interface LensEmbeddableComponentProps { height?: string; id: string; inputsModelId?: InputsModelId.global | InputsModelId.timeline; - inspectTitle?: string; + inspectTitle?: React.ReactNode; lensAttributes?: LensAttributes; onLoad?: OnEmbeddableLoaded; scopeId?: SourcererScopeName; diff --git a/x-pack/plugins/security_solution/public/detections/components/alerts_kpis/alerts_histogram_panel/index.tsx b/x-pack/plugins/security_solution/public/detections/components/alerts_kpis/alerts_histogram_panel/index.tsx index e1945ca151cd8..7b5119c0ee0e0 100644 --- a/x-pack/plugins/security_solution/public/detections/components/alerts_kpis/alerts_histogram_panel/index.tsx +++ b/x-pack/plugins/security_solution/public/detections/components/alerts_kpis/alerts_histogram_panel/index.tsx @@ -85,7 +85,7 @@ interface AlertsHistogramPanelProps { extraActions?: Action[]; filters?: Filter[]; headerChildren?: React.ReactNode; - inspectTitle?: string; + inspectTitle?: React.ReactNode; legendPosition?: Position; onFieldSelected?: (field: string) => void; /** Override all defaults, and only display this field */ @@ -444,7 +444,7 @@ export const AlertsHistogramPanel = memo( getLensAttributes={getLensAttributes} height={ChartHeight} id={visualizationId} - inspectTitle={inspectTitle} + inspectTitle={inspectTitle ?? title} scopeId={SourcererScopeName.detections} stackByField={selectedStackByOption} timerange={timerange}