[SearchBar] Added support for emitting a Query as an Elasticsearch query string

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 - Relaxed query syntax of `EuiSearchBar` to allow usage of hyphens without escaping ([#581](https://github.com/elastic/eui/pull/581))
 - Added support for range queries in `EuiSearchBar` (works for numeric and date values) ([#485](https://github.com/elastic/eui/pull/485))
+- Added support for emitting a `EuiSearchBar` query to an Elasticsearch query string ([#598](https://github.com/elastic/eui/pull/598))
 - Add support for expandable rows to `EuiBasicTable` ([#585](https://github.com/elastic/eui/pull/585))
 
 # [`0.0.35`](https://github.com/elastic/eui/tree/v0.0.35)

src-docs/src/views/search_bar/search_bar.js

@@ -151,6 +151,12 @@ export class SearchBar extends Component {
         stars: {
           type: 'number'
         },
+        created: {
+          type: 'date'
+        },
+        owner: {
+          type: 'string'
+        },
         tag: {
           type: 'string',
           validate: (value) => {
@@ -251,20 +257,31 @@ export class SearchBar extends Component {
       query,
     } = this.state;
 
-    const esQuery = EuiSearchBar.Query.toESQuery(query);
+    const esQueryDsl = EuiSearchBar.Query.toESQuery(query);
+    const esQueryString = EuiSearchBar.Query.toESQueryString(query);
 
     const content = this.renderError() || (
       <EuiFlexGroup>
         <EuiFlexItem grow={4}>
+
           <EuiTitle size="s">
-            <h3>Elasticsearch query</h3>
+            <h3>Elasticsearch Query String</h3>
           </EuiTitle>
-
           <EuiSpacer size="s"/>
+          <EuiCodeBlock language="js">
+            {esQueryString ? esQueryString : ''}
+          </EuiCodeBlock>
+
+          <EuiSpacer size="l"/>
 
+          <EuiTitle size="s">
+            <h3>Elasticsearch Query DSL</h3>
+          </EuiTitle>`
+          <EuiSpacer size="s"/>
           <EuiCodeBlock language="js">
-            {esQuery ? JSON.stringify(esQuery, null, 2) : ''}
+            {esQueryDsl ? JSON.stringify(esQueryDsl, null, 2) : ''}
           </EuiCodeBlock>
+
         </EuiFlexItem>
 
         <EuiFlexItem grow={6}>

src/components/search_bar/query/__snapshots__/ast_to_es.test.js.snap → src/components/search_bar/query/__snapshots__/ast_to_es_query_dsl.test.js.snap

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`astToEs ast - '' 1`] = `
+exports[`astToEsQueryDsl ast - '' 1`] = `
 Object {
   "match_all": Object {},
 }
 `;
 
-exports[`astToEs ast - '-group:es group:kibana -group:beats group:logstash' 1`] = `
+exports[`astToEsQueryDsl ast - '-group:es group:kibana -group:beats group:logstash' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -33,7 +33,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - 'is:online group:kibana john' 1`] = `
+exports[`astToEsQueryDsl ast - 'is:online group:kibana john' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -60,7 +60,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - 'john -doe is:online group:eng group:es -group:kibana -is:active' 1`] = `
+exports[`astToEsQueryDsl ast - 'john -doe is:online group:eng group:es -group:kibana -is:active' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -107,7 +107,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - 'john -sales' 1`] = `
+exports[`astToEsQueryDsl ast - 'john -sales' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -128,7 +128,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - 'john group:(eng or "marketing org") -group:"kibana team" 1`] = `
+exports[`astToEsQueryDsl ast - 'john group:(eng or "marketing org") -group:"kibana team" 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -168,7 +168,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - 'john group:(eng or es) -group:kibana' 1`] = `
+exports[`astToEsQueryDsl ast - 'john group:(eng or es) -group:kibana' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -200,7 +200,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - -count<=4 size<5 age>=3 -number>9 1`] = `
+exports[`astToEsQueryDsl ast - -count<=4 size<5 age>=3 -number>9 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -239,7 +239,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - count>3 1`] = `
+exports[`astToEsQueryDsl ast - count>3 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -255,7 +255,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - date:'2004-03' -date<'2004-03-10' 1`] = `
+exports[`astToEsQueryDsl ast - date:'2004-03' -date<'2004-03-10' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -278,7 +278,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - date>'2004-02' -otherDate>='2004-03-10' 1`] = `
+exports[`astToEsQueryDsl ast - date>'2004-02' -otherDate>='2004-03-10' 1`] = `
 Object {
   "bool": Object {
     "must": Array [
@@ -303,7 +303,7 @@ Object {
 }
 `;
 
-exports[`astToEs ast - date>='2004-03-22' 1`] = `
+exports[`astToEsQueryDsl ast - date>='2004-03-22' 1`] = `
 Object {
   "bool": Object {
     "must": Array [

src/components/search_bar/query/__snapshots__/ast_to_es_query_string.test.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`astToEsQueryString ast - '' 1`] = `""`;
+
+exports[`astToEsQueryString ast - '-group:es group:kibana -group:beats group:logstash' 1`] = `"-group:es +group:kibana -group:beats +group:logstash"`;
+
+exports[`astToEsQueryString ast - 'is:online group:kibana john' 1`] = `"+online:true +group:kibana +john"`;
+
+exports[`astToEsQueryString ast - 'john -doe is:online group:eng group:es -group:kibana -is:active' 1`] = `"+john -doe +online:true +group:eng +group:es -group:kibana +active:false"`;
+
+exports[`astToEsQueryString ast - 'john -sales' 1`] = `"+john -sales"`;
+
+exports[`astToEsQueryString ast - 'john group:(eng or "marketing org") -group:"kibana team" 1`] = `"+john +(group:eng OR group:\\"marketing org\\") -group:\\"kibana team\\""`;
+
+exports[`astToEsQueryString ast - 'john group:(eng or es) -group:kibana' 1`] = `"+john +(group:eng OR group:es) -group:kibana"`;
+
+exports[`astToEsQueryString ast - -count<=4 size<5 age>=3 -number>9 1`] = `"-count:<=4 +size:<5 +age:>=3 -number:>9"`;
+
+exports[`astToEsQueryString ast - count>3 1`] = `"+count:>3"`;
+
+exports[`astToEsQueryString ast - date:'2004-03' -date<'2004-03-10' 1`] = `"+date:(>=2004-03 AND <2004-04) -date:<2004-03-10"`;
+
+exports[`astToEsQueryString ast - date>'2004-02' -otherDate>='2004-03-10' 1`] = `"+date:>=2004-03 -date:>=2004-03-10"`;
+
+exports[`astToEsQueryString ast - date>='2004-03-22' 1`] = `"+date:>=2004-03-22"`;

src/components/search_bar/query/ast_to_es.js → src/components/search_bar/query/ast_to_es_query_dsl.js

@@ -180,7 +180,7 @@ const collectFields = (ast) => {
   });
 };
 
-export const astToEs = (ast, options = {}) => {
+export const astToEsQueryDsl = (ast, options = {}) => {
 
   if (ast.clauses.length === 0) {
     return { match_all: {} };

src/components/search_bar/query/ast_to_es.test.js → src/components/search_bar/query/ast_to_es_query_dsl.test.js

@@ -1,26 +1,26 @@
-import { astToEs } from './ast_to_es';
 import { AST } from './ast';
 import moment from 'moment/moment';
 import { dateValue } from './date_value';
 import { Granularity } from './date_format';
+import { astToEsQueryDsl } from './ast_to_es_query_dsl';
 
-describe('astToEs', () => {
+describe('astToEsQueryDsl', () => {
 
   test(`ast - ''`, () => {
-    const query = astToEs(AST.create([]));
+    const query = astToEsQueryDsl(AST.create([]));
     expect(query).toMatchSnapshot();
   });
 
   test(`ast - 'john -sales'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Term.must('john'),
       AST.Term.mustNot('sales'),
     ]));
     expect(query).toMatchSnapshot();
   });
 
   test(`ast - '-group:es group:kibana -group:beats group:logstash'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Field.mustNot.eq('group', 'es'),
       AST.Field.must.eq('group', 'kibana'),
       AST.Field.mustNot.eq('group', 'beats'),
@@ -30,7 +30,7 @@ describe('astToEs', () => {
   });
 
   test(`ast - 'is:online group:kibana john'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Is.must('online'),
       AST.Field.must.eq('group', 'kibana'),
       AST.Term.must('john')
@@ -39,7 +39,7 @@ describe('astToEs', () => {
   });
 
   test(`ast - 'john -doe is:online group:eng group:es -group:kibana -is:active'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Term.must('john'),
       AST.Term.mustNot('doe'),
       AST.Is.must('online'),
@@ -52,7 +52,7 @@ describe('astToEs', () => {
   });
 
   test(`ast - 'john group:(eng or es) -group:kibana'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Term.must('john'),
       AST.Field.must.eq('group', ['eng', 'es']),
       AST.Field.mustNot.eq('group', 'kibana')
@@ -61,7 +61,7 @@ describe('astToEs', () => {
   });
 
   test(`ast - 'john group:(eng or "marketing org") -group:"kibana team"`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Term.must('john'),
       AST.Field.must.eq('group', ['eng', 'marketing org']),
       AST.Field.mustNot.eq('group', 'kibana team')
@@ -70,14 +70,14 @@ describe('astToEs', () => {
   });
 
   test(`ast - count>3`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Field.must.gt('count', 3)
     ]));
     expect(query).toMatchSnapshot();
   });
 
   test(`ast - -count<=4 size<5 age>=3 -number>9`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Field.mustNot.lte('count', 4),
       AST.Field.must.lt('size', 5),
       AST.Field.must.gte('age', 3),
@@ -87,22 +87,22 @@ describe('astToEs', () => {
   });
 
   test(`ast - date>='2004-03-22'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Field.must.gte('date', dateValue(moment.utc('2004-03-22'), Granularity.DAY))
     ]));
     expect(query).toMatchSnapshot();
   });
 
   test(`ast - date:'2004-03' -date<'2004-03-10'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Field.must.eq('date', dateValue(moment.utc('2004-03'), Granularity.MONTH)),
       AST.Field.mustNot.lt('date', dateValue(moment.utc('2004-03-10'), Granularity.DAY))
     ]));
     expect(query).toMatchSnapshot();
   });
 
   test(`ast - date>'2004-02' -otherDate>='2004-03-10'`, () => {
-    const query = astToEs(AST.create([
+    const query = astToEsQueryDsl(AST.create([
       AST.Field.must.gt('date', dateValue(moment.utc('2004-02'), Granularity.MONTH)),
       AST.Field.mustNot.gte('date', dateValue(moment.utc('2004-03-10'), Granularity.DAY))
     ]));