diff --git a/package.json b/package.json
index 68a7a99..ab028cf 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
},
"dependencies": {},
"devDependencies": {
+ "@types/enzyme-adapter-react-16": "^1.0.6",
"cypress": "9.5.4",
"eslint": "^6.8.0"
}
diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap
new file mode 100644
index 0000000..733aed3
--- /dev/null
+++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap
@@ -0,0 +1,4640 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Flyout component Renders flyout component 1`] = `
+
+ Enter a query in
+
+
+ OpenSearch Query DSL
+
+
+ (opens in a new tab or window)
+
+
+ . Use the
+
+
+ 1. Enter the search text in the search bar.
+
+ 2. Select an index for
+
+ Query 1
+
+ and enter a query.
+
+ The following example searches the
+
+
+ 3. Select an index for
+
+ Query 2
+
+ and enter a query.
+
+ You can see how boosting a field affects the results. The following query boosts the
+
+
+ To learn more about boosts, see the
+
+
+ Multi-match Query Documentation
+
+
+ (opens in a new tab or window)
+
+
+ .
+
+ 4. Compare results
+
+ Select
+
+ Search
+
+ and compare the results in Results 1 and Results 2.
+
+ Enter a query in
+
+
+ OpenSearch Query DSL
+
+
+ (opens in a new tab or window)
+
+
+ . Use the
+
+
+ 1. Enter the search text in the search bar.
+
+ 2. Select an index for
+
+ Query 1
+
+ and enter a query.
+
+ The following example searches the
+
+
+ 3. Select an index for
+
+ Query 2
+
+ and enter a query.
+
+ You can see how boosting a field affects the results. The following query boosts the
+
+
+ To learn more about boosts, see the
+
+
+ Multi-match Query Documentation
+
+
+ (opens in a new tab or window)
+
+
+ .
+
+ 4. Compare results
+
+ Select
+
+ Search
+
+ and compare the results in Results 1 and Results 2.
+
+ Enter a query in
+
+
+ OpenSearch Query DSL
+
+
+ (opens in a new tab or window)
+
+
+ . Use the
+
+
+ 1. Enter the search text in the search bar.
+
+ 2. Select an index for
+
+ Query 1
+
+ and enter a query.
+
+ The following example searches the
+
+
+ 3. Select an index for
+
+ Query 2
+
+ and enter a query.
+
+ You can see how boosting a field affects the results. The following query boosts the
+
+
+ To learn more about boosts, see the
+
+
+ Multi-match Query Documentation
+
+
+ (opens in a new tab or window)
+
+
+ .
+
+ 4. Compare results
+
+ Select
+
+ Search
+
+ and compare the results in Results 1 and Results 2.
+
+ Enter a query in
+
+
+ OpenSearch Query DSL
+
+
+ (opens in a new tab or window)
+
+
+ . Use the
+
+
+ 1. Enter the search text in the search bar.
+
+ 2. Select an index for
+
+ Query 1
+
+ and enter a query.
+
+ The following example searches the
+
+
+ 3. Select an index for
+
+ Query 2
+
+ and enter a query.
+
+ You can see how boosting a field affects the results. The following query boosts the
+
+
+ To learn more about boosts, see the
+
+
+ Multi-match Query Documentation
+
+
+ (opens in a new tab or window)
+
+
+ .
+
+ 4. Compare results
+
+ Select
+
+ Search
+
+ and compare the results in Results 1 and Results 2.
+
+ Enter a query in
+
+
+ OpenSearch Query DSL
+
+
+ (opens in a new tab or window)
+
+
+ . Use the
+
+
+ 1. Enter the search text in the search bar.
+
+ 2. Select an index for
+
+ Query 1
+
+ and enter a query.
+
+ The following example searches the
+
+
+ 3. Select an index for
+
+ Query 2
+
+ and enter a query.
+
+ You can see how boosting a field affects the results. The following query boosts the
+
+
+ To learn more about boosts, see the
+
+
+ Multi-match Query Documentation
+
+
+ (opens in a new tab or window)
+
+
+ .
+
+ 4. Compare results
+
+ Select
+
+ Search
+
+ and compare the results in Results 1 and Results 2.
+
+ Enter a query in
+
+
+ 1. Enter the search text in the search bar.
+
+ 2. Select an index for
+
+ Query 1
+
+ and enter a query.
+
+ The following example searches the
+
+ 3. Select an index for
+
+ Query 2
+
+ and enter a query.
+
+ You can see how boosting a field affects the results. The following query boosts the
+
+ To learn more about boosts, see the
+
+
+ 4. Compare results
+
+ Select
+
+ Search
+
+ and compare the results in Results 1 and Results 2.
+
+ Compare results using the same search text with different queries. For more information, see the
+
+
+ Help
+
+
+ Query format
+
+
+ %SearchText%
+
+
+ variable to refer to the text in the search bar. When you enter
+
+ Search
+
+ , the queries are sent to the search engine using the
+
+
+ GET
+
+
+ HTTP method and the
+
+
+ _search
+
+
+
+ endpoint.
+
+ Example
+
+
+
+ speaker
+
+
+ and
+
+
+
+ text_entry
+
+
+ fields of the
+
+
+ shakespeare
+
+
+ index for the search text:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ speaker
+
+
+ field:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker^3"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ Help
+
+
+ Query format
+
+
+ %SearchText%
+
+
+ variable to refer to the text in the search bar. When you enter
+
+ Search
+
+ , the queries are sent to the search engine using the
+
+
+ GET
+
+
+ HTTP method and the
+
+
+ _search
+
+
+
+ endpoint.
+
+ Example
+
+
+
+ speaker
+
+
+ and
+
+
+
+ text_entry
+
+
+ fields of the
+
+
+ shakespeare
+
+
+ index for the search text:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ speaker
+
+
+ field:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker^3"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ Help
+
+
+ Query format
+
+
+ %SearchText%
+
+
+ variable to refer to the text in the search bar. When you enter
+
+ Search
+
+ , the queries are sent to the search engine using the
+
+
+ GET
+
+
+ HTTP method and the
+
+
+ _search
+
+
+
+ endpoint.
+
+ Example
+
+
+
+ speaker
+
+
+ and
+
+
+
+ text_entry
+
+
+ fields of the
+
+
+ shakespeare
+
+
+ index for the search text:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ speaker
+
+
+ field:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker^3"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ Help
+
+
+ Query format
+
+
+ %SearchText%
+
+
+ variable to refer to the text in the search bar. When you enter
+
+ Search
+
+ , the queries are sent to the search engine using the
+
+
+ GET
+
+
+ HTTP method and the
+
+
+ _search
+
+
+
+ endpoint.
+
+ Example
+
+
+
+ speaker
+
+
+ and
+
+
+
+ text_entry
+
+
+ fields of the
+
+
+ shakespeare
+
+
+ index for the search text:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ speaker
+
+
+ field:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker^3"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ Help
+
+
+ Query format
+
+
+ %SearchText%
+
+
+ variable to refer to the text in the search bar. When you enter
+
+ Search
+
+ , the queries are sent to the search engine using the
+
+
+ GET
+
+
+ HTTP method and the
+
+
+ _search
+
+
+
+ endpoint.
+
+ Example
+
+
+
+ speaker
+
+
+ and
+
+
+
+ text_entry
+
+
+ fields of the
+
+
+ shakespeare
+
+
+ index for the search text:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ speaker
+
+
+ field:
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker^3"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ Help
+
+
+ Query format
+
+
+ %SearchText%
+
+
+
+ GET
+
+
+
+ _search
+
+
+
+ Example
+
+
+
+ speaker
+
+
+
+ text_entry
+
+
+
+ shakespeare
+
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ speaker
+
+
+
+
+
+
+
+
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "multi_match"
+
+
+ :
+
+
+
+ {
+
+
+
+
+
+
+
+ "query"
+
+
+ :
+
+
+
+ "%SearchText%"
+
+
+ ,
+
+
+
+
+
+
+
+ "fields"
+
+
+ :
+
+
+
+ [
+
+
+ "speaker^3"
+
+
+ ,
+
+
+
+ "text_entry"
+
+
+ ]
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ Compare search results
+
+
+ Result 1
+
+
+ 10
+ results
+
+
+
+
+
+
+
+
+
+ 1
+
+
+
+
+
+
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+
+
+
+
+
+
+ 3
+
+
+
+
+
+
+
+
+
+
+
+
+ 4
+
+
+
+
+
+
+
+
+
+
+
+
+ 5
+
+
+
+
+
+
+
+
+
+
+
+
+ 6
+
+
+
+
+
+
+
+
+
+
+
+
+ 7
+
+
+
+
+
+
+
+
+
+
+
+
+ 8
+
+
+
+
+
+
+
+
+
+
+
+
+ 9
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 10
+
+
+
+
+
+
+
+
+ Result 2
+
+
+ 10
+ results
+
+
+
+
+
+
+
+
+
+ 1
+
+
+
+
+
+
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+
+
+
+
+
+
+ 3
+
+
+
+
+
+
+
+
+
+
+
+
+ 4
+
+
+
+
+
+
+
+
+
+
+
+
+ 5
+
+
+
+
+
+
+
+
+
+
+
+
+ 6
+
+
+
+
+
+
+
+
+
+
+
+
+ 7
+
+
+
+
+
+
+
+
+
+
+
+
+ 8
+
+
+
+
+
+
+
+
+
+
+
+
+ 9
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 10
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1
+
+
+
+
+
+
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+
+
+
+
+
+
+ 3
+
+
+
+
+
+
+
+
+
+
+
+
+ 4
+
+
+
+
+
+
+
+
+
+
+
+
+ 5
+
+
+
+
+
+
+
+
+
+
+
+
+ 6
+
+
+
+
+
+
+
+
+
+
+
+
+ 7
+
+
+
+
+
+
+
+
+
+
+
+
+ 8
+
+
+
+
+
+
+
+
+
+
+
+
+ 9
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 10
+
+
+
+
+
+
+
+