From 06c18d917916b0de2cb71dec1117fdb5ea64b319 Mon Sep 17 00:00:00 2001
From: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
Date: Wed, 31 Jul 2024 14:34:56 +0200
Subject: [PATCH] [Unified Search] Display dataviews in the EuiCombobox as a
 text and not pills (#189474)

Doesn't display dataviews as pills but as a plain text. Before:

<img width="409" alt="Screenshot 2024-07-30 at 10 47 25"
src="https://github.com/user-attachments/assets/067f362d-8c5f-4895-8354-132e973fb2b3">

After:
<img width="403" alt="Screenshot 2024-07-30 at 10 46 52"
src="https://github.com/user-attachments/assets/1c67988f-0259-4345-bab2-f66f7efe194e">
---
 .../public/index_pattern_select/index_pattern_select.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/plugins/unified_search/public/index_pattern_select/index_pattern_select.tsx b/src/plugins/unified_search/public/index_pattern_select/index_pattern_select.tsx
index d8517eedba4ed..3ca57bc70fd32 100644
--- a/src/plugins/unified_search/public/index_pattern_select/index_pattern_select.tsx
+++ b/src/plugins/unified_search/public/index_pattern_select/index_pattern_select.tsx
@@ -13,7 +13,10 @@ import { Required } from '@kbn/utility-types';
 import { EuiComboBox, EuiComboBoxProps } from '@elastic/eui';
 import { calculateWidthFromEntries } from '@kbn/calculate-width-from-char-count';
 import type { DataViewsContract } from '@kbn/data-views-plugin/public';
-import { MIDDLE_TRUNCATION_PROPS } from '../filter_bar/filter_editor/lib/helpers';
+import {
+  MIDDLE_TRUNCATION_PROPS,
+  SINGLE_SELECTION_AS_TEXT_PROPS,
+} from '../filter_bar/filter_editor/lib/helpers';
 
 export type IndexPatternSelectProps = Required<
   Omit<EuiComboBoxProps<any>, 'onSearchChange' | 'options' | 'selectedOptions' | 'onChange'>,
@@ -117,7 +120,7 @@ export default class IndexPatternSelect extends Component<IndexPatternSelectInte
 
     this.setState({
       isLoading: false,
-      options,
+      options: options.sort((a, b) => a.label.localeCompare(b.label)),
     });
 
     if (this.props.onNoIndexPatterns && searchValue === '' && options.length === 0) {
@@ -155,7 +158,7 @@ export default class IndexPatternSelect extends Component<IndexPatternSelectInte
       <EuiComboBox
         {...rest}
         placeholder={placeholder}
-        singleSelection={true}
+        singleSelection={SINGLE_SELECTION_AS_TEXT_PROPS}
         isLoading={this.state.isLoading || this.props.isLoading}
         onSearchChange={this.fetchOptions}
         options={this.state.options}