Fix invisible filters caused by missing index pattern (elastic#14131)

"invisible filters" occur when the mapping chain throws an error. If a single filter throws an error, the entire chain rejects. As a result, not even the valid filters appear in the filter bar because they never get added to the scope. However the filters still exist in app state and still get sent with each search request.

The most common error occurs when the filter's meta.index property points to a non-existing index pattern. Since this property is only used for looking up field formatters and it is not essential for a working filter, we now fall back on raw values instead of failing if the index pattern is not found. See the PR this one replaces for discussion about other solutions we tried and why we chose to go this route.

src/ui/public/filter_bar/lib/map_filter.js

@@ -9,7 +9,6 @@ import { FilterBarLibMapMissingProvider } from './map_missing';
 import { FilterBarLibMapQueryStringProvider } from './map_query_string';
 import { FilterBarLibMapGeoBoundingBoxProvider } from './map_geo_bounding_box';
 import { FilterBarLibMapGeoPolygonProvider } from './map_geo_polygon';
-import { FilterBarLibMapScriptProvider } from './map_script';
 import { FilterBarLibMapDefaultProvider } from './map_default';
 
 export function FilterBarLibMapFilterProvider(Promise, Private) {
@@ -42,7 +41,6 @@ export function FilterBarLibMapFilterProvider(Promise, Private) {
     Private(FilterBarLibMapQueryStringProvider),
     Private(FilterBarLibMapGeoBoundingBoxProvider),
     Private(FilterBarLibMapGeoPolygonProvider),
-    Private(FilterBarLibMapScriptProvider),
     Private(FilterBarLibMapDefaultProvider),
   ];
 

src/ui/public/filter_bar/lib/map_geo_bounding_box.js

@@ -1,20 +1,38 @@
 import _ from 'lodash';
+import { SavedObjectNotFound } from '../../errors';
 
 export function FilterBarLibMapGeoBoundingBoxProvider(Promise, courier) {
   return function (filter) {
     if (filter.geo_bounding_box) {
-      return courier
-      .indexPatterns
-      .get(filter.meta.index).then(function (indexPattern) {
+      function getParams(indexPattern) {
         const type = 'geo_bounding_box';
         const key = _.keys(filter.geo_bounding_box)
           .filter(key => key !== 'ignore_unmapped')[0];
-        const field = indexPattern.fields.byName[key];
         const params = filter.geo_bounding_box[key];
-        const topLeft = field.format.convert(params.top_left);
-        const bottomRight = field.format.convert(params.bottom_right);
+
+        // Sometimes a filter will end up with an invalid index param. This could happen for a lot of reasons,
+        // for example a user might manually edit the url or the index pattern's ID might change due to
+        // external factors e.g. a reindex. We only need the index in order to grab the field formatter, so we fallback
+        // on displaying the raw value if the index is invalid.
+        const topLeft = indexPattern
+          ? indexPattern.fields.byName[key].format.convert(params.top_left)
+          : JSON.stringify(params.top_left);
+        const bottomRight = indexPattern
+          ? indexPattern.fields.byName[key].format.convert(params.bottom_right)
+          : JSON.stringify(params.bottom_right);
         const value = topLeft + ' to ' + bottomRight;
         return { type, key, value, params };
+      }
+
+      return courier
+      .indexPatterns
+      .get(filter.meta.index)
+      .then(getParams)
+      .catch((error) => {
+        if (error instanceof SavedObjectNotFound) {
+          return getParams();
+        }
+        throw error;
       });
     }
     return Promise.reject(filter);

src/ui/public/filter_bar/lib/map_geo_polygon.js

@@ -1,19 +1,37 @@
 import _ from 'lodash';
+import { SavedObjectNotFound } from '../../errors';
 
 export function FilterBarLibMapGeoPolygonProvider(Promise, courier) {
   return function (filter) {
     if (filter.geo_polygon) {
-      return courier
-      .indexPatterns
-      .get(filter.meta.index).then(function (indexPattern) {
+      function getParams(indexPattern) {
         const type = 'geo_polygon';
         const key = _.keys(filter.geo_polygon)
         .filter(key => key !== 'ignore_unmapped')[0];
-        const field = indexPattern.fields.byName[key];
         const params = filter.geo_polygon[key];
-        const points = params.points.map((point) => field.format.convert(point));
+
+        // Sometimes a filter will end up with an invalid index param. This could happen for a lot of reasons,
+        // for example a user might manually edit the url or the index pattern's ID might change due to
+        // external factors e.g. a reindex. We only need the index in order to grab the field formatter, so we fallback
+        // on displaying the raw value if the index is invalid.
+        const points = params.points.map((point) => {
+          return indexPattern
+          ? indexPattern.fields.byName[key].format.convert(point)
+          : JSON.stringify(point);
+        });
         const value = points.join(', ');
         return { type, key, value, params };
+      }
+
+      return courier
+      .indexPatterns
+      .get(filter.meta.index)
+      .then(getParams)
+      .catch((error) => {
+        if (error instanceof SavedObjectNotFound) {
+          return getParams();
+        }
+        throw error;
       });
     }
     return Promise.reject(filter);

src/ui/public/filter_bar/lib/map_phrase.js

@@ -1,4 +1,5 @@
 import _ from 'lodash';
+import { SavedObjectNotFound } from '../../errors';
 
 export function FilterBarLibMapPhraseProvider(Promise, courier) {
   return function (filter) {
@@ -7,16 +8,29 @@ export function FilterBarLibMapPhraseProvider(Promise, courier) {
       return Promise.reject(filter);
     }
 
-    return courier
-    .indexPatterns
-    .get(filter.meta.index).then(function (indexPattern) {
+    function getParams(indexPattern) {
       const type = 'phrase';
       const key = isScriptedPhraseFilter ? filter.meta.field : Object.keys(filter.query.match)[0];
-      const field = indexPattern.fields.byName[key];
       const params = isScriptedPhraseFilter ? filter.script.script.params : filter.query.match[key];
       const query = isScriptedPhraseFilter ? params.value : params.query;
-      const value = field.format.convert(query);
+
+      // Sometimes a filter will end up with an invalid index param. This could happen for a lot of reasons,
+      // for example a user might manually edit the url or the index pattern's ID might change due to
+      // external factors e.g. a reindex. We only need the index in order to grab the field formatter, so we fallback
+      // on displaying the raw value if the index is invalid.
+      const value = indexPattern ? indexPattern.fields.byName[key].format.convert(query) : query;
       return { type, key, value, params };
+    }
+
+    return courier
+    .indexPatterns
+    .get(filter.meta.index)
+    .then(getParams)
+    .catch((error) => {
+      if (error instanceof SavedObjectNotFound) {
+        return getParams();
+      }
+      throw error;
     });
   };
 }

src/ui/public/filter_bar/lib/map_range.js

@@ -1,4 +1,5 @@
 import { has, get } from 'lodash';
+import { SavedObjectNotFound } from '../../errors';
 
 export function FilterBarLibMapRangeProvider(Promise, courier) {
   return function (filter) {
@@ -7,13 +8,9 @@ export function FilterBarLibMapRangeProvider(Promise, courier) {
       return Promise.reject(filter);
     }
 
-    return courier
-    .indexPatterns
-    .get(filter.meta.index)
-    .then(function (indexPattern) {
+    function getParams(indexPattern) {
       const type = 'range';
       const key = isScriptedRangeFilter ? filter.meta.field : Object.keys(filter.range)[0];
-      const convert = indexPattern.fields.byName[key].format.getConverterFor('text');
       const params = isScriptedRangeFilter ? filter.script.script.params : filter.range[key];
 
       let left = has(params, 'gte') ? params.gte : params.gt;
@@ -22,9 +19,28 @@ export function FilterBarLibMapRangeProvider(Promise, courier) {
       let right = has(params, 'lte') ? params.lte : params.lt;
       if (right == null) right = Infinity;
 
-      const value = `${convert(left)} to ${convert(right)}`;
+      // Sometimes a filter will end up with an invalid index param. This could happen for a lot of reasons,
+      // for example a user might manually edit the url or the index pattern's ID might change due to
+      // external factors e.g. a reindex. We only need the index in order to grab the field formatter, so we fallback
+      // on displaying the raw value if the index is invalid.
+      let value = `${left} to ${right}`;
+      if (indexPattern) {
+        const convert = indexPattern.fields.byName[key].format.getConverterFor('text');
+        value = `${convert(left)} to ${convert(right)}`;
+      }
 
       return { type, key, value, params };
+    }
+
+    return courier
+    .indexPatterns
+    .get(filter.meta.index)
+    .then(getParams)
+    .catch((error) => {
+      if (error instanceof SavedObjectNotFound) {
+        return getParams();
+      }
+      throw error;
     });
 
   };