Input controls crashes if index pattern is not available

Closes #72664

Author: DianaDerevyankina

src/plugins/input_control_vis/public/control/control.ts

@@ -83,7 +83,7 @@ export abstract class Control<FilterManager extends BaseFilterManager> {
   format = (value: any) => {
     const indexPattern = this.filterManager.getIndexPattern();
     const field = this.filterManager.getField();
-    if (field) {
+    if (field && indexPattern) {
       return indexPattern.getFormatterForField(field).convert(value);
     }
 

src/plugins/input_control_vis/public/control/filter_manager/filter_manager.ts

@@ -25,7 +25,7 @@ export abstract class FilterManager {
   constructor(
     public controlId: string,
     public fieldName: string,
-    public indexPattern: IndexPattern,
+    public indexPattern: IndexPattern | null,
     public queryFilter: QueryFilterManager
   ) {}
 
@@ -41,12 +41,12 @@ export abstract class FilterManager {
 
   abstract getValueFromFilterBar(): any;
 
-  getIndexPattern(): IndexPattern {
+  getIndexPattern(): IndexPattern | null {
     return this.indexPattern;
   }
 
   getField() {
-    return this.indexPattern.fields.getByName(this.fieldName);
+    return this.indexPattern?.fields.getByName(this.fieldName);
   }
 
   findFilters(): Filter[] {

src/plugins/input_control_vis/public/control/filter_manager/phrase_filter_manager.ts

@@ -31,13 +31,14 @@ export class PhraseFilterManager extends FilterManager {
   constructor(
     controlId: string,
     fieldName: string,
-    indexPattern: IndexPattern,
+    indexPattern: IndexPattern | null,
     queryFilter: QueryFilterManager
   ) {
     super(controlId, fieldName, indexPattern, queryFilter);
   }
 
   createFilter(phrases: any): PhraseFilter {
+    if (!this.indexPattern) return {} as PhraseFilter;
     let newFilter: PhraseFilter;
     const value = this.indexPattern.fields.getByName(this.fieldName);
 

src/plugins/input_control_vis/public/control/filter_manager/range_filter_manager.ts

@@ -61,6 +61,7 @@ export class RangeFilterManager extends FilterManager {
    * @return {object} range filter
    */
   createFilter(value: SliderValue): RangeFilter {
+    if (!this.indexPattern) return {} as RangeFilter;
     const newFilter = esFilters.buildRangeFilter(
       // TODO: Fix type to be required
       this.indexPattern.fields.getByName(this.fieldName) as IFieldType,

src/plugins/input_control_vis/public/control/list_control_factory.ts

@@ -213,17 +213,23 @@ export async function listControlFactory(
   deps: InputControlVisDependencies
 ) {
   const [, { data: dataPluginStart }] = await deps.core.getStartServices();
-  const indexPattern = await dataPluginStart.indexPatterns.get(controlParams.indexPattern);
+
+  let indexPattern;
+  try {
+    indexPattern = await dataPluginStart.indexPatterns.get(controlParams.indexPattern);
+  } catch (e) {
+    indexPattern = null;
+  }
 
   // dynamic options are only allowed on String fields but the setting defaults to true so it could
   // be enabled for non-string fields (since UI input is hidden for non-string fields).
   // If field is not string, then disable dynamic options.
-  const field = indexPattern.fields.getAll().find(({ name }) => name === controlParams.fieldName);
+  const field = indexPattern?.fields.getAll().find(({ name }) => name === controlParams.fieldName);
   if (field && field.type !== 'string') {
     controlParams.options.dynamicOptions = false;
   }
 
-  const listControl = new ListControl(
+  return new ListControl(
     controlParams,
     new PhraseFilterManager(
       controlParams.id,
@@ -235,5 +241,4 @@ export async function listControlFactory(
     dataPluginStart.search.searchSource,
     deps
   );
-  return listControl;
 }

src/plugins/input_control_vis/public/control/range_control_factory.ts

@@ -134,7 +134,13 @@ export async function rangeControlFactory(
   deps: InputControlVisDependencies
 ): Promise<RangeControl> {
   const [, { data: dataPluginStart }] = await deps.core.getStartServices();
-  const indexPattern = await dataPluginStart.indexPatterns.get(controlParams.indexPattern);
+
+  let indexPattern;
+  try {
+    indexPattern = await dataPluginStart.indexPatterns.get(controlParams.indexPattern);
+  } catch (e) {
+    indexPattern = null;
+  }
 
   return new RangeControl(
     controlParams,