Query String(Bar) Input - cleanup (#51598) (#51804)

* Moved Suggestions to NP
Renamed QueryBarInput to QueryStringInput
Changed IndexPattern to IIndexPattern

* fix import

* Update snapshot

* css import

* scss

* eslint

src/core/MIGRATION.md

@@ -1171,7 +1171,7 @@ import { setup, start } from '../core_plugins/visualizations/public/legacy';
 | ------------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `import 'ui/apply_filters'`                       | `import { applyFiltersPopover } from '../data/public'`       | Directive is deprecated.                                                                                 |
 | `import 'ui/filter_bar'`                          | `import { FilterBar } from '../data/public'`                 | Directive is deprecated.                                                                                   |
-| `import 'ui/query_bar'`                           | `import { QueryBarInput } from '../data/public'`   | Directives are deprecated.                                                                                                                                             |
+| `import 'ui/query_bar'`                           | `import { QueryStringInput } from '../data/public'`          | Directives are deprecated.                                                                                                                                             |
 | `import 'ui/search_bar'`                          | `import { SearchBar } from '../data/public'`                 | Directive is deprecated.                                                                                                                                     |
 | `import 'ui/kbn_top_nav'`                         | `import { TopNavMenu } from '../navigation/public'`          | Directive is still available in `ui/kbn_top_nav`.                                                                                                            |
 | `ui/saved_objects/components/saved_object_finder` | `import { SavedObjectFinder } from '../kibana_react/public'` |                                                                                                                                                              |

src/legacy/core_plugins/data/public/index.scss

@@ -4,4 +4,6 @@
 
 @import 'src/plugins/data/public/ui/filter_bar/index';
 
+@import 'src/plugins/data/public/ui/typeahead/index';
+
 @import './search/search_bar/index';

src/legacy/core_plugins/data/public/index.ts

@@ -37,7 +37,7 @@ export {
   IndexPatterns,
   StaticIndexPattern,
 } from './index_patterns';
-export { QueryBarInput } from './query';
+export { QueryStringInput } from './query';
 export { SearchBar, SearchBarProps, SavedQueryAttributes, SavedQuery } from './search';
 
 /** @public static code */

src/legacy/core_plugins/data/public/query/query_bar/components/_index.scss

@@ -1,2 +1 @@
 @import './query_bar';
-@import './typeahead/index';

src/legacy/core_plugins/data/public/query/query_bar/components/query_bar_top_row.test.tsx

@@ -17,12 +17,16 @@
  * under the License.
  */
 
-import { mockPersistedLogFactory } from './query_bar_input.test.mocks';
+import { mockPersistedLogFactory } from './query_string_input.test.mocks';
 
 import React from 'react';
 import { mount } from 'enzyme';
 import { QueryBarTopRow } from './query_bar_top_row';
-import { IndexPattern } from '../../../index';
+
+/* eslint-disable @kbn/eslint/no-restricted-paths */
+
+import { stubIndexPatternWithFields } from '../../../../../../../plugins/data/public/stubs';
+/* eslint-enable @kbn/eslint/no-restricted-paths */
 
 import { coreMock } from '../../../../../../../core/public/mocks';
 import { KibanaContextProvider } from 'src/plugins/kibana_react/public';
@@ -85,21 +89,6 @@ const createMockStorage = () => ({
   clear: jest.fn(),
 });
 
-const mockIndexPattern = {
-  id: '1234',
-  title: 'logstash-*',
-  fields: [
-    {
-      name: 'response',
-      type: 'number',
-      esTypes: ['integer'],
-      aggregatable: true,
-      filterable: true,
-      searchable: true,
-    },
-  ],
-} as IndexPattern;
-
 function wrapQueryBarTopRowInContext(testProps: any) {
   const defaultOptions = {
     screenTitle: 'Another Screen',
@@ -124,7 +113,7 @@ function wrapQueryBarTopRowInContext(testProps: any) {
 }
 
 describe('QueryBarTopRowTopRow', () => {
-  const QUERY_INPUT_SELECTOR = 'QueryBarInputUI';
+  const QUERY_INPUT_SELECTOR = 'QueryStringInputUI';
   const TIMEPICKER_SELECTOR = 'EuiSuperDatePicker';
   const TIMEPICKER_DURATION = '[data-shared-timefilter-duration]';
 
@@ -138,7 +127,7 @@ describe('QueryBarTopRowTopRow', () => {
         query: kqlQuery,
         screenTitle: 'Another Screen',
         isDirty: false,
-        indexPatterns: [mockIndexPattern],
+        indexPatterns: [stubIndexPatternWithFields],
         timeHistory: mockTimeHistory,
       })
     );
@@ -152,7 +141,7 @@ describe('QueryBarTopRowTopRow', () => {
       wrapQueryBarTopRowInContext({
         query: kqlQuery,
         screenTitle: 'Another Screen',
-        indexPatterns: [mockIndexPattern],
+        indexPatterns: [stubIndexPatternWithFields],
         timeHistory: mockTimeHistory,
         disableAutoFocus: true,
         isDirty: false,
@@ -225,7 +214,7 @@ describe('QueryBarTopRowTopRow', () => {
     const component = mount(
       wrapQueryBarTopRowInContext({
         query: kqlQuery,
-        indexPatterns: [mockIndexPattern],
+        indexPatterns: [stubIndexPatternWithFields],
         isDirty: false,
         screenTitle: 'Another Screen',
         showDatePicker: false,
@@ -245,7 +234,7 @@ describe('QueryBarTopRowTopRow', () => {
         query: kqlQuery,
         isDirty: false,
         screenTitle: 'Another Screen',
-        indexPatterns: [mockIndexPattern],
+        indexPatterns: [stubIndexPatternWithFields],
         showQueryInput: false,
         showDatePicker: false,
         timeHistory: mockTimeHistory,

src/legacy/core_plugins/data/public/query/query_bar/components/query_bar_top_row.tsx

@@ -34,6 +34,7 @@ import { FormattedMessage, InjectedIntl, injectI18n } from '@kbn/i18n/react';
 import { Toast } from 'src/core/public';
 import {
   IDataPluginServices,
+  IIndexPattern,
   TimeRange,
   TimeHistoryContract,
   Query,
@@ -42,8 +43,7 @@ import {
   esKuery,
 } from '../../../../../../../plugins/data/public';
 import { useKibana, toMountPoint } from '../../../../../../../plugins/kibana_react/public';
-import { IndexPattern } from '../../../index_patterns';
-import { QueryBarInput } from './query_bar_input';
+import { QueryStringInput } from './query_string_input';
 
 interface Props {
   query?: Query;
@@ -53,7 +53,7 @@ interface Props {
   dataTestSubj?: string;
   disableAutoFocus?: boolean;
   screenTitle?: string;
-  indexPatterns?: Array<IndexPattern | string>;
+  indexPatterns?: Array<IIndexPattern | string>;
   intl: InjectedIntl;
   isLoading?: boolean;
   prepend?: React.ReactNode;
@@ -178,7 +178,7 @@ function QueryBarTopRowUI(props: Props) {
     if (!shouldRenderQueryInput()) return;
     return (
       <EuiFlexItem>
-        <QueryBarInput
+        <QueryStringInput
           disableAutoFocus={props.disableAutoFocus}
           indexPatterns={props.indexPatterns!}
           prepend={props.prepend}

src/legacy/core_plugins/data/public/query/query_bar/components/query_bar_input.test.mocks.ts → src/legacy/core_plugins/data/public/query/query_bar/components/query_string_input.test.mocks.ts

@@ -17,20 +17,10 @@
  * under the License.
  */
 
-const mockIndexPattern = {
-  id: '1234',
-  title: 'logstash-*',
-  fields: [
-    {
-      name: 'response',
-      type: 'number',
-      esTypes: ['integer'],
-      aggregatable: true,
-      filterable: true,
-      searchable: true,
-    },
-  ],
-};
+/* eslint-disable @kbn/eslint/no-restricted-paths */
+
+import { stubIndexPatternWithFields } from '../../../../../../../plugins/data/public/stubs';
+/* eslint-enable @kbn/eslint/no-restricted-paths */
 
 export const mockPersistedLog = {
   add: jest.fn(),
@@ -43,7 +33,7 @@ export const mockPersistedLogFactory = jest.fn<jest.Mocked<typeof mockPersistedL
 
 export const mockFetchIndexPatterns = jest
   .fn()
-  .mockReturnValue(Promise.resolve([mockIndexPattern]));
+  .mockReturnValue(Promise.resolve([stubIndexPatternWithFields]));
 
 jest.mock('../../../../../../../plugins/data/public/query/persisted_log', () => ({
   PersistedLog: mockPersistedLogFactory,