Handle booleans in filter editor (#13406)

* Handle booleans in filter editor

* Use select instead of checkbox

src/ui/public/directives/focus_on.js

@@ -5,7 +5,11 @@ module.directive('focusOn', ($timeout) => ({
   restrict: 'A',
   link: function (scope, elem, attrs) {
     scope.$on(attrs.focusOn, () => {
-      $timeout(() => elem.find('input').addBack('input').focus());
+      $timeout(() => {
+        return elem.find('input,select')
+          .addBack('input,select')
+          .focus();
+      });
     });
   }
 }));

src/ui/public/filter_editor/lib/filter_operators.js

@@ -15,11 +15,13 @@ export const FILTER_OPERATORS = [
     name: 'is one of',
     type: 'phrases',
     negate: false,
+    fieldTypes: ['string', 'number', 'date', 'ip', 'geo_point', 'geo_shape']
   },
   {
     name: 'is not one of',
     type: 'phrases',
     negate: true,
+    fieldTypes: ['string', 'number', 'date', 'ip', 'geo_point', 'geo_shape']
   },
   {
     name: 'is between',

src/ui/public/filter_editor/params_editor/filter_params_input_type.html

@@ -37,4 +37,13 @@
     ng-model="value"
     ng-change="onChange({ value: value })"
   />
+  <div ng-switch-when="boolean">
+    <select
+      class="kuiSelect"
+      ng-model="value"
+      ng-options="option for option in boolOptions"
+      ng-change="onChange({ value: value })"
+      ng-init="setDefaultBool()"
+    ></select>
+  </div>
 </div>

src/ui/public/filter_editor/params_editor/filter_params_input_type.js

@@ -13,6 +13,17 @@ module.directive('filterParamsInputType', function () {
       placeholder: '@',
       value: '=',
       onChange: '&'
+    },
+    link: function (scope) {
+      scope.boolOptions = [true, false];
+      scope.setDefaultBool = () => {
+        if (scope.value == null) {
+          scope.value = scope.boolOptions[0];
+          scope.onChange({
+            value: scope.value
+          });
+        }
+      };
     }
   };
 });