[EuiInMemoryTable] Allow search prop changes to update internal query state

CHANGELOG.md

@@ -5,6 +5,7 @@
 
 **Bug Fixes**
 
+- Fixed EuiInMemoryTable does not update its internal query state after changes to `search` prop ([#3371](https://github.com/elastic/eui/pull/3371))
 - Fixed `EuiInMemoryTable` `isClearable` property to initiate reset ([#3328](https://github.com/elastic/eui/pull/3328))
 - Fixed `EuiCollapsibleNav` docked states on mobile ([#3330](https://github.com/elastic/eui/pull/3330))
 - Fixed `EuiPopover` positioning from being overridden by `style` prop ([#3329](https://github.com/elastic/eui/pull/3329))

src/components/basic_table/in_memory_table.tsx

@@ -108,7 +108,9 @@ interface State<T> {
     items: T[];
     sortName: ReactNode;
     sortDirection?: Direction;
+    search?: Search | undefined;
   };
+  search?: Search | undefined;
   query: Query | null;
   pageIndex: number;
   pageSize?: number;
@@ -124,7 +126,21 @@ const getInitialQuery = (search: Search | undefined) => {
   if (!search) {
     query = '';
   } else {
-    query = (search as EuiSearchBarProps).defaultQuery || '';
+    query =
+      (search as EuiSearchBarProps).defaultQuery ||
+      (search as EuiSearchBarProps).query ||
+      '';
+  }
+
+  return isString(query) ? EuiSearchBar.Query.parse(query) : query;
+};
+
+const getQueryFromSearch = (search: Search | undefined) => {
+  let query: Query | string;
+  if (!search) {
+    query = '';
+  } else {
+    query = (search as EuiSearchBarProps).query || '';
   }
 
   return isString(query) ? EuiSearchBar.Query.parse(query) : query;
@@ -258,6 +274,16 @@ export class EuiInMemoryTable<T> extends Component<
         sortDirection,
       };
     }
+
+    if (nextProps.search !== prevState.prevProps.search) {
+      return {
+        prevProps: {
+          ...prevState.prevProps,
+          search: nextProps.search,
+        },
+        query: getQueryFromSearch(nextProps.search),
+      };
+    }
     return null;
   }
 
@@ -278,7 +304,9 @@ export class EuiInMemoryTable<T> extends Component<
         items: props.items,
         sortName,
         sortDirection,
+        search,
       },
+      search: search,
       query: getInitialQuery(search),
       pageIndex: pageIndex || 0,
       pageSize,