[TSVB] query bar shows randomly in editor page (elastic#35081)

* [TSVB] query bar shows randomly in editor page Fix: elastic#31267 * Fix PR comments
andreadelrio · Apr 22, 2019 · c1e5948 · c1e5948
1 parent 849e1f5
commit c1e5948
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 5 deletions.
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/dashboard_app.html b/src/legacy/core_plugins/kibana/public/dashboard/dashboard_app.html
@@ -23,7 +23,6 @@
           is-refresh-paused="model.refreshInterval.pause"
           refresh-interval="model.refreshInterval.value"
           on-refresh-change="onRefreshChange"
-          watch-depth="reference"
         ></search-bar>
       </div>
     </div>

diff --git a/src/legacy/core_plugins/kibana/public/discover/index.html b/src/legacy/core_plugins/kibana/public/discover/index.html
@@ -45,7 +45,6 @@ <h1 tabindex="0" id="kui_local_breadcrumb" class="kuiLocalBreadcrumb" ng-if="opt
           is-refresh-paused="refreshInterval.pause"
           refresh-interval="refreshInterval.value"
           on-refresh-change="onRefreshChange"
-          watch-depth="reference"
         ></search-bar>
       </div>
     </div>

diff --git a/src/legacy/core_plugins/kibana/public/visualize/editor/editor.html b/src/legacy/core_plugins/kibana/public/visualize/editor/editor.html
@@ -45,7 +45,6 @@
             refresh-interval="refreshInterval.value"
             show-auto-refresh-only="showAutoRefreshOnlyInQueryBar"
             on-refresh-change="onRefreshChange"
-            watch-depth="reference"
           ></search-bar>
         </div>
       </div>

diff --git a/src/legacy/ui/public/search_bar/components/search_bar.tsx b/src/legacy/ui/public/search_bar/components/search_bar.tsx
@@ -39,6 +39,10 @@ interface DateRange {
   to: string;
 }
 
+/**
+ * NgReact lib requires that changes to the props need to be made in the directive config as well
+ * See [search_bar\directive\index.js] file
+ */
 interface Props {
   query: {
     query: string;

diff --git a/src/legacy/ui/public/search_bar/directive/index.js b/src/legacy/ui/public/search_bar/directive/index.js
@@ -27,10 +27,33 @@ const app = uiModules.get('app/kibana', ['react']);
 app.directive('searchBar', (reactDirective, localStorage) => {
   return reactDirective(
     wrapInI18nContext(SearchBar),
-    undefined,
+    [
+      ['query', { watchDepth: 'reference' }],
+      ['store', { watchDepth: 'reference' }],
+      ['intl', { watchDepth: 'reference' }],
+
+      ['onQuerySubmit', { watchDepth: 'reference' }],
+      ['onFiltersUpdated', { watchDepth: 'reference' }],
+      ['onRefreshChange', { watchDepth: 'reference' }],
+
+      ['indexPatterns', { watchDepth: 'collection' }],
+      ['filters', { watchDepth: 'collection' }],
+
+      'appName',
+      'screenTitle',
+      'showFilterBar',
+      'showQueryBar',
+      'showDatePicker',
+      'dateRangeFrom',
+      'dateRangeTo',
+      'isRefreshPaused',
+      'refreshInterval',
+      'disableAutoFocus',
+      'showAutoRefreshOnly',
+    ],
     {},
     {
       store: localStorage,
-    }
+    },
   );
 });