From 0db04a7b359f04eb68a9920a8751ae1aace786fe Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Mon, 27 Apr 2020 18:40:40 -0700
Subject: [PATCH] Change EuiFieldSearch to use onChange instead of onSearch

---
 .../public/components/alerting/metrics/expression.tsx    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/infra/public/components/alerting/metrics/expression.tsx b/x-pack/plugins/infra/public/components/alerting/metrics/expression.tsx
index bfd3838e90403d..f6a2425948d7d0 100644
--- a/x-pack/plugins/infra/public/components/alerting/metrics/expression.tsx
+++ b/x-pack/plugins/infra/public/components/alerting/metrics/expression.tsx
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { useCallback, useMemo, useEffect, useState } from 'react';
+import React, { ChangeEvent, useCallback, useMemo, useEffect, useState } from 'react';
 import {
   EuiFlexGroup,
   EuiFlexItem,
@@ -225,6 +225,11 @@ export const Expressions: React.FC<Props> = props => {
     }
   }, [alertsContext.metadata, defaultExpression, source]); // eslint-disable-line react-hooks/exhaustive-deps
 
+  const handleFieldSearchChange = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) => onFilterQuerySubmit(e.target.value),
+    [onFilterQuerySubmit]
+  );
+
   return (
     <>
       <EuiSpacer size={'m'} />
@@ -297,7 +302,7 @@ export const Expressions: React.FC<Props> = props => {
           />
         )) || (
           <EuiFieldSearch
-            onSearch={onFilterQuerySubmit}
+            onChange={handleFieldSearchChange}
             value={alertParams.filterQuery}
             fullWidth
           />