[Unified search] Improves the current filter/search experience

.buildkite/scripts/steps/storybooks/build_and_upload.js

@@ -38,6 +38,7 @@ const STORYBOOKS = [
   'security_solution',
   'shared_ux',
   'ui_actions_enhanced',
+  'unified_search',
 ];
 
 const GITHUB_CONTEXT = 'Build and Publish Storybooks';

packages/kbn-babel-preset/styled_components_files.js

@@ -13,7 +13,7 @@ module.exports = {
    */
   USES_STYLED_COMPONENTS: [
     /packages[\/\\]kbn-ui-shared-deps-(npm|src)[\/\\]/,
-    /src[\/\\]plugins[\/\\](unified_search|kibana_react)[\/\\]/,
+    /src[\/\\]plugins[\/\\](kibana_react)[\/\\]/,
     /x-pack[\/\\]plugins[\/\\](apm|beats_management|cases|fleet|infra|lists|observability|osquery|security_solution|timelines|synthetics|ux)[\/\\]/,
     /x-pack[\/\\]test[\/\\]plugin_functional[\/\\]plugins[\/\\]resolver_test[\/\\]/,
   ],

src/dev/storybook/aliases.ts

@@ -8,6 +8,7 @@
 
 // Please also add new aliases to test/scripts/jenkins_storybook.sh
 export const storybookAliases = {
+  unified_search: 'src/plugins/unified_search/.storybook',
   coloring: 'packages/kbn-coloring/.storybook',
   apm: 'x-pack/plugins/apm/.storybook',
   canvas: 'x-pack/plugins/canvas/storybook',

src/plugins/dashboard/public/application/top_nav/dashboard_top_nav.tsx

@@ -491,7 +491,7 @@ export function DashboardTopNav({
     const showQueryInput = shouldShowNavBarComponent(Boolean(embedSettings?.forceShowQueryInput));
     const showDatePicker = shouldShowNavBarComponent(Boolean(embedSettings?.forceShowDatePicker));
     const showFilterBar = shouldShowFilterBar(Boolean(embedSettings?.forceHideFilterBar));
-    const showQueryBar = showQueryInput || showDatePicker;
+    const showQueryBar = showQueryInput || showDatePicker || showFilterBar;
     const showSearchBar = showQueryBar || showFilterBar;
     const screenTitle = dashboardState.title;
 

src/plugins/data/public/types.ts

@@ -108,6 +108,7 @@ export interface IDataPluginServices extends Partial<CoreStart> {
   uiSettings: CoreStart['uiSettings'];
   savedObjects: CoreStart['savedObjects'];
   notifications: CoreStart['notifications'];
+  application: CoreStart['application'];
   http: CoreStart['http'];
   storage: IStorageWrapper;
   data: DataPublicPluginStart;

src/plugins/data_view_management/public/components/field_editor/components/scripting_help/test_script.tsx

@@ -6,8 +6,6 @@
  * Side Public License, v 1.
  */
 
-import './test_script.scss';
-
 import React, { Component, Fragment } from 'react';
 
 import {
@@ -223,8 +221,11 @@ export class TestScript extends Component<TestScriptProps, TestScriptState> {
           />
         </EuiFormRow>
 
+        <EuiSpacer size="s" />
+
         <div className="testScript__searchBar">
           <this.context.services.unifiedSearch.ui.SearchBar
+            displayStyle="inPage"
             appName={'indexPatternManagement'}
             showFilterBar={false}
             showDatePicker={false}

src/plugins/discover/kibana.json

@@ -17,7 +17,7 @@
     "dataViewEditor"
   ],
   "optionalPlugins": ["home", "share", "usageCollection", "spaces", "triggersActionsUi"],
-  "requiredBundles": ["kibanaUtils", "kibanaReact", "dataViews"],
+  "requiredBundles": ["kibanaUtils", "kibanaReact", "dataViews", "unifiedSearch"],
   "extraPublicDirs": ["common"],
   "owner": {
     "name": "Data Discovery",

src/plugins/discover/public/application/context/context_app.test.tsx

@@ -70,7 +70,8 @@ describe('ContextApp test', () => {
   const topNavProps = {
     appName: 'context',
     showSearchBar: true,
-    showQueryBar: false,
+    showQueryBar: true,
+    showQueryInput: false,
     showFilterBar: true,
     showSaveQuery: false,
     showDatePicker: false,

src/plugins/discover/public/application/context/context_app.tsx

@@ -133,7 +133,8 @@ export const ContextApp = ({ indexPattern, anchorId }: ContextAppProps) => {
     return {
       appName: 'context',
       showSearchBar: true,
-      showQueryBar: false,
+      showQueryBar: true,
+      showQueryInput: false,
       showFilterBar: true,
       showSaveQuery: false,
       showDatePicker: false,

src/plugins/discover/public/application/main/components/layout/discover_layout.scss

@@ -29,15 +29,14 @@ discover-app {
 
 .dscPageBody__contents {
   overflow: hidden;
-  padding-top: $euiSizeXS / 2; // A little breathing room for the index pattern button
 }
 
 .dscPageContent__wrapper {
-  padding: 0 $euiSize $euiSize 0;
+  padding: $euiSizeS $euiSizeS $euiSizeS 0;
   overflow: hidden; // Ensures horizontal scroll of table
 
   @include euiBreakpoint('xs', 's') {
-    padding: 0 $euiSize $euiSize;
+    padding: 0 $euiSizeS $euiSizeS;
   }
 }
 

src/plugins/discover/public/application/main/components/layout/discover_layout.tsx

@@ -226,6 +226,9 @@ export function DiscoverLayout({
         stateContainer={stateContainer}
         updateQuery={onUpdateQuery}
         resetSavedSearch={resetSavedSearch}
+        onChangeIndexPattern={onChangeIndexPattern}
+        onEditRuntimeField={onEditRuntimeField}
+        useNewFieldsApi={useNewFieldsApi}
       />
       <EuiPageBody className="dscPageBody" aria-describedby="savedSearchTitle">
         <SavedSearchURLConflictCallout
@@ -245,7 +248,7 @@ export function DiscoverLayout({
                 defaultMessage: 'Discover - Search not yet saved',
               })}
         </h1>
-        <EuiFlexGroup className="dscPageBody__contents" gutterSize="none">
+        <EuiFlexGroup className="dscPageBody__contents" gutterSize="s">
           <EuiFlexItem grow={false}>
             <SidebarMemoized
               columns={columns}