Switch all TSVB comboboxes to plain text single selection (#31879)

Author: flash1293

src/legacy/core_plugins/metrics/public/components/color_rules.js

@@ -142,7 +142,7 @@ class ColorRules extends Component {
             options={operatorOptions}
             selectedOptions={selectedOperatorOption ? [selectedOperatorOption] : []}
             onChange={this.handleChange(model, 'operator')}
-            singleSelection={true}
+            singleSelection={{ asPlainText: true }}
             fullWidth
           />
         </EuiFlexItem>

src/legacy/core_plugins/metrics/public/components/data_format_picker.js

@@ -132,7 +132,7 @@ class DataFormatPicker extends Component {
                 options={options}
                 selectedOptions={selectedOption ? [selectedOption] : []}
                 onChange={this.handleChange}
-                singleSelection={true}
+                singleSelection={{ asPlainText: true }}
               />
             </EuiFormRow>
           </EuiFlexItem>
@@ -149,7 +149,7 @@ class DataFormatPicker extends Component {
                 options={durationInputOptions}
                 selectedOptions={selectedFrom ? [selectedFrom] : []}
                 onChange={this.handleDurationChange('from')}
-                singleSelection={true}
+                singleSelection={{ asPlainText: true }}
               />
             </EuiFormRow>
           </EuiFlexItem>
@@ -166,7 +166,7 @@ class DataFormatPicker extends Component {
                 options={durationOutputOptions}
                 selectedOptions={selectedTo ? [selectedTo] : []}
                 onChange={this.handleDurationChange('to')}
-                singleSelection={true}
+                singleSelection={{ asPlainText: true }}
               />
             </EuiFormRow>
           </EuiFlexItem>
@@ -224,7 +224,7 @@ class DataFormatPicker extends Component {
               options={options}
               selectedOptions={selectedOption ? [selectedOption] : []}
               onChange={this.handleChange}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>

src/legacy/core_plugins/metrics/public/components/icon_select.js

@@ -46,7 +46,7 @@ function IconSelect(props) {
       options={props.icons}
       selectedOptions={selectedIcon ? [selectedIcon] : []}
       onChange={props.onChange}
-      singleSelection={true}
+      singleSelection={{ asPlainText: true }}
       renderOption={renderOption}
     />
   );

src/legacy/core_plugins/metrics/public/components/splits/group_by_select.js

@@ -55,7 +55,7 @@ function GroupBySelectUi(props) {
       options={modeOptions}
       selectedOptions={[selectedOption]}
       onChange={props.onChange}
-      singleSelection={true}
+      singleSelection={{ asPlainText: true }}
     />
   );
 

src/legacy/core_plugins/metrics/public/components/splits/terms.js

@@ -142,7 +142,7 @@ const SplitByTermsUi = props => {
               options={dirOptions}
               selectedOptions={selectedDirectionOption ? [selectedDirectionOption] : []}
               onChange={handleSelectChange('terms_direction')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>

src/legacy/core_plugins/metrics/public/components/vis_types/table/config.js

@@ -180,7 +180,7 @@ class TableSeriesConfig extends Component {
                 options={functionOptions}
                 selectedOptions={selectedAggFuncOption ? [selectedAggFuncOption] : []}
                 onChange={handleSelectChange('aggregate_function')}
-                singleSelection={true}
+                singleSelection={{ asPlainText: true }}
                 fullWidth
               />
             </EuiFormRow>

src/legacy/core_plugins/metrics/public/components/vis_types/timeseries/config.js

@@ -109,7 +109,7 @@ const TimeseriesConfig = injectI18n(function (props) {
               options={chartTypeOptions}
               selectedOptions={selectedChartTypeOption ? [selectedChartTypeOption] : []}
               onChange={handleSelectChange('chart_type')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>
@@ -126,7 +126,7 @@ const TimeseriesConfig = injectI18n(function (props) {
               options={stackedOptions}
               selectedOptions={selectedStackedOption ? [selectedStackedOption] : []}
               onChange={handleSelectChange('stacked')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>
@@ -206,7 +206,7 @@ const TimeseriesConfig = injectI18n(function (props) {
               options={chartTypeOptions}
               selectedOptions={selectedChartTypeOption ? [selectedChartTypeOption] : []}
               onChange={handleSelectChange('chart_type')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>
@@ -223,7 +223,7 @@ const TimeseriesConfig = injectI18n(function (props) {
               options={stackedOptions}
               selectedOptions={selectedStackedOption ? [selectedStackedOption] : []}
               onChange={handleSelectChange('stacked')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>
@@ -366,7 +366,7 @@ const TimeseriesConfig = injectI18n(function (props) {
               options={splitColorOptions}
               selectedOptions={selectedSplitColorOption ? [selectedSplitColorOption] : []}
               onChange={handleSelectChange('split_color_mode')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>
@@ -444,7 +444,7 @@ const TimeseriesConfig = injectI18n(function (props) {
               options={positionOptions}
               selectedOptions={selectedAxisPosOption ? [selectedAxisPosOption] : []}
               onChange={handleSelectChange('axis_position')}
-              singleSelection={true}
+              singleSelection={{ asPlainText: true }}
             />
           </EuiFormRow>
         </EuiFlexItem>