diff --git a/examples/search_examples/public/components/app.tsx b/examples/search_examples/public/components/app.tsx
index 33ad8bbfe3d..1e83fb34f9e 100644
--- a/examples/search_examples/public/components/app.tsx
+++ b/examples/search_examples/public/components/app.tsx
@@ -40,6 +40,7 @@ import {
EuiCode,
EuiComboBox,
EuiFormLabel,
+ EuiButton,
} from '@elastic/eui';
import { CoreStart } from '../../../../src/core/public';
@@ -60,6 +61,7 @@ import {
isCompleteResponse,
isErrorResponse,
} from '../../../../src/plugins/data/public';
+import { buildFilter, FILTERS, FilterStateStore } from '../../../../src/plugins/data/common';
interface SearchExamplesAppDeps {
basename: string;
@@ -271,6 +273,7 @@ export const SearchExamplesApp = ({
showSearchBar={true}
useDefaultBehaviors={true}
indexPatterns={indexPattern ? [indexPattern] : undefined}
+ onFiltersUpdated={() => {}}
/>
<EuiPage>
<EuiPageBody>
@@ -345,6 +348,25 @@ export const SearchExamplesApp = ({
</EuiFlexGroup>
</EuiText>
<EuiSpacer />
+ <EuiTitle size="s">
+ <h3>
+ Add or remove filter from application
+ </h3>
+ </EuiTitle>
+ <EuiText>
+ <EuiButton onClick={() => {
+ if (!indexPattern) return;
+ const filterType = FILTERS.PHRASE;
+ const newFilter = buildFilter(indexPattern, indexPattern.getFieldByName('extension')!, filterType, true, false, 'jpg', null, FilterStateStore.APP_STATE);
+ data.query.filterManager.addFilters(newFilter)
+ }}>Add FILTER</EuiButton>
+
+ <EuiButton onClick={() => {
+ const filters = data.query.filterManager.getAppFilters();
+ if (filters.length) data.query.filterManager.removeFilter(filters[0])
+ }}>Remove FILTER</EuiButton>
+ </EuiText>
+ <EuiSpacer />
<EuiTitle size="s">
<h3>
Searching Elasticsearch using <EuiCode>data.search</EuiCode>
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}