[APM] Add kuery to apm ui (#19469)

* Add Kuery to APM UI * Format bool queries * Fix test * Add min-height * Updated css to vars * Added loading indicators * Update breadcrumbs * Update Discover links * Add search button * Fix readcrumb test * Remove debounce * Fix “undefined” kuery * Handle missing index pattern * Fix race condition in data fetching * Fix legacy url encoding * Filter out field-suggestions starting with "span*" * Convert KuiTable to EuiTable for service overview * Convert KuiTable to EuiTable for transaction overview * Convert KuiTable to EuiTable for error overview * Updated empty state messages * Bump CI jo * updated snapshots * Add beta tooltip and update to EuiSearch * Fixed issue with focus * Submit when clicking search button * Submit when clearing input * Handle missing index pattern * Remove query from spans
elastic · Jul 10, 2018 · bf3aa08 · bf3aa08
1 parent d42fef6
commit bf3aa08
Show file tree

Hide file tree

Showing 53 changed files with 2,555 additions and 2,164 deletions.
diff --git a/src/ui/public/index_patterns/static_utils/index.js b/src/ui/public/index_patterns/static_utils/index.js
@@ -28,6 +28,10 @@ export function isFilterable(field) {
 }
 
 export function getFromSavedObject(savedObject) {
+  if (!savedObject) {
+    return null;
+  }
+
   return {
     fields: JSON.parse(savedObject.attributes.fields),
     title: savedObject.attributes.title,

diff --git a/x-pack/package.json b/x-pack/package.json
@@ -132,6 +132,7 @@
     "pivotal-ui": "13.0.1",
     "pluralize": "3.1.0",
     "pngjs": "3.3.1",
+    "polished": "^1.9.2",
     "prop-types": "^15.6.0",
     "puid": "1.0.5",
     "react": "^16.3.0",

diff --git a/x-pack/plugins/apm/public/components/app/ErrorGroupDetails/DetailView/index.js b/x-pack/plugins/apm/public/components/app/ErrorGroupDetails/DetailView/index.js
@@ -130,7 +130,9 @@ function DetailView({ errorGroup, urlParams, location }) {
       interval: 'auto',
       query: {
         language: 'lucene',
-        query: `${SERVICE_NAME}:"${serviceName}" AND ${ERROR_GROUP_ID}:${groupId}`
+        query: `${SERVICE_NAME}:"${serviceName}" AND ${ERROR_GROUP_ID}:${groupId}${
+          urlParams.kuery ? ` AND ${urlParams.kuery}` : ``
+        }`
       },
       sort: { '@timestamp': 'desc' }
     }

diff --git a/x-pack/plugins/apm/public/components/app/ErrorGroupDetails/view.js b/x-pack/plugins/apm/public/components/app/ErrorGroupDetails/view.js
@@ -11,6 +11,7 @@ import { get } from 'lodash';
 import { HeaderLarge } from '../../shared/UIComponents';
 import DetailView from './DetailView';
 import Distribution from './Distribution';
+import { KueryBar } from '../../shared/KueryBar';
 
 import { EuiText, EuiBadge } from '@elastic/eui';
 import {
@@ -86,6 +87,8 @@ function ErrorGroupDetails({ urlParams, location }) {
               )}
             </HeaderLarge>
 
+            <KueryBar />
+
             {showDetails && (
               <Titles>
                 <EuiText>

diff --git a/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/ListItem.js b/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/ListItem.js