diff --git a/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap b/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
index 7eb808caea..48a65f4ac6 100644
--- a/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
+++ b/public/components/application_analytics/__tests__/__snapshots__/create.test.tsx.snap
@@ -311,6 +311,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
>
source = openserach_dashboard_sample_logs
@@ -1564,6 +1565,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
>
source = openserach_dashboard_sample_logs
@@ -2758,6 +2760,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -3925,6 +3928,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -5151,6 +5155,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -6318,6 +6323,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -7537,6 +7543,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -8641,6 +8648,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -9807,6 +9815,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
>
source = openserach_dashboard_sample_logs
@@ -10940,6 +10949,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
>
source = openserach_dashboard_sample_logs
@@ -12132,6 +12142,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -13299,6 +13310,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -14525,6 +14537,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -15692,6 +15705,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
/>
@@ -16920,6 +16934,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
>
source = openserach_dashboard_sample_logs
@@ -18169,6 +18184,7 @@ Object {
placeholder="Enter PPL query"
rows="6"
spellcheck="false"
+ style="margin-top: 0px; height: 18px; padding: 8px;"
type="search"
>
source = openserach_dashboard_sample_logs
diff --git a/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap b/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap
index b958bdaf36..7a96c78913 100644
--- a/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap
+++ b/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap
@@ -516,6 +516,13 @@ exports[`Log Config component renders empty log config 1`] = `
onKeyDown={[Function]}
placeholder="Enter PPL query"
spellCheck="false"
+ style={
+ Object {
+ "height": "18px",
+ "marginTop": "0px",
+ "padding": "8px",
+ }
+ }
type="search"
value=""
>
@@ -541,6 +548,13 @@ exports[`Log Config component renders empty log config 1`] = `
placeholder="Enter PPL query"
rows={6}
spellCheck="false"
+ style={
+ Object {
+ "height": "18px",
+ "marginTop": "0px",
+ "padding": "8px",
+ }
+ }
type="search"
value=""
/>
@@ -1126,6 +1140,13 @@ exports[`Log Config component renders with query 1`] = `
onKeyDown={[Function]}
placeholder="Enter PPL query"
spellCheck="false"
+ style={
+ Object {
+ "height": "18px",
+ "marginTop": "0px",
+ "padding": "8px",
+ }
+ }
type="search"
value="source = openserach_dashboard_sample_logs"
>
@@ -1151,6 +1172,13 @@ exports[`Log Config component renders with query 1`] = `
placeholder="Enter PPL query"
rows={6}
spellCheck="false"
+ style={
+ Object {
+ "height": "18px",
+ "marginTop": "0px",
+ "padding": "8px",
+ }
+ }
type="search"
value="source = openserach_dashboard_sample_logs"
/>
diff --git a/public/components/common/search/autocomplete.tsx b/public/components/common/search/autocomplete.tsx
index 4b9ab22cb9..8272d329f1 100644
--- a/public/components/common/search/autocomplete.tsx
+++ b/public/components/common/search/autocomplete.tsx
@@ -4,15 +4,15 @@
*/
/* eslint-disable react-hooks/exhaustive-deps */
-import './search.scss';
-import $ from 'jquery';
-import React, { useEffect, useMemo, useState } from 'react';
import { AutocompleteState, createAutocomplete } from '@algolia/autocomplete-core';
import { EuiFieldText, EuiTextArea } from '@elastic/eui';
+import $ from 'jquery';
import DSLService from 'public/services/requests/dsl';
-import { IQueryBarProps } from './search';
-import { uiSettingsService } from '../../../../common/utils';
+import React, { useEffect, useMemo, useState } from 'react';
import { AutocompleteItem } from '../../../../common/constants/autocomplete';
+import { uiSettingsService } from '../../../../common/utils';
+import { IQueryBarProps } from './search';
+import './search.scss';
interface AutocompleteProps extends IQueryBarProps {
getSuggestions: (
@@ -136,6 +136,7 @@ export const Autocomplete = (props: AutocompleteProps) => {
return (
@@ -6799,23 +7205,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- geo
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ host
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+ Override
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ host
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ type="string"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- geo
+
+ host
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
-
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
- geo
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -7277,23 +7742,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- host
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ index
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+ Override
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ index
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- host
+
+ index
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
+
- host
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -7826,23 +8279,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
+
+
+
+
+
+
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
- index
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ ip
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ ip
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ type="ip"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- index
+
+ ip
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- index
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -8375,23 +8745,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
}
- }
- handleOverrideTimestamp={[MockFunction]}
- isFieldToggleButtonDisabled={false}
- isOverridingTimestamp={false}
- onToggleField={[Function]}
- selected={false}
- selectedTimestamp="timestamp"
- showTimestampOverrideButton={true}
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ machine
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- ip
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- />
- }
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ machine
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ type="struct"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- ip
+
+ machine
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
+
- ip
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -8853,23 +9211,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
- machine
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ memory
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ memory
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ type="double"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- machine
+
+ memory
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
+
- machine
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -9331,23 +9677,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- memory
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ message
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+ Override
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ message
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ type="string"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- memory
+
+ message
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
-
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
- memory
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -9809,23 +10214,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
+
+
+
+
+
+
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
- message
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ phpmemory
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ phpmemory
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
- Override
-
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
+
+
+
+
+
+
+
+
+
+
+
- message
+
+ phpmemory
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ referer
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
+
+
+
+
+ Override
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ referer
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ >
+
+
+
+
+
-
-
-
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
- message
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -10358,23 +11217,23 @@ exports[`Siderbar component Renders sidebar component 1`] = `
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- phpmemory
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- />
- }
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- phpmemory
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- phpmemory
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- referer
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- />
- }
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- referer
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- referer
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- request
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
+ request
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
+
+
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
+
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- request
-
-
- }
- isActive={false}
+ />
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ request
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ >
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- request
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
+
+
+
-
-
-
-
-
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -12018,463 +11838,451 @@ exports[`Siderbar component Renders sidebar component 1`] = `
}
tabIndex={0}
>
-
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
- response
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ Override
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
+ response
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
+
+
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
+
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- response
-
-
- }
- isActive={false}
+ />
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ response
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ >
+
+
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- response
-
-
+ className="euiIcon euiIcon--large euiIcon-isLoading"
+ focusable="false"
+ height={16}
+ role="img"
+ style={null}
+ viewBox="0 0 16 16"
+ width={16}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+
+
-
-
-
+
+
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -12556,474 +12364,462 @@ exports[`Siderbar component Renders sidebar component 1`] = `
data-rbd-draggable-id=""
data-test-subj="draggable"
draggable={false}
- onDragStart={[Function]}
- onTransitionEnd={null}
- role="button"
- style={
- Object {
- "transform": null,
- "transition": null,
- }
- }
- tabIndex={0}
- >
-
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- tags
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- />
- }
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ tags
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
+
+
+
+
+ Override
+
+
+
+
+
+
+
+
+
+
- tags
-
-
- }
- isActive={false}
+ />
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ tags
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ >
+
+
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- tags
-
-
+ className="euiIcon euiIcon--large euiIcon-isLoading"
+ focusable="false"
+ height={16}
+ role="img"
+ style={null}
+ viewBox="0 0 16 16"
+ width={16}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+
+
-
-
-
+
+
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -13116,415 +12912,403 @@ exports[`Siderbar component Renders sidebar component 1`] = `
}
tabIndex={0}
>
-
-
-
-
+
+
+
+
-
-
-
-
-
-
- Default Timestamp
-
-
-
-
-
-
-
-
-
+ Default Timestamp
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
- timestamp
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
+ timestamp
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
+
+
+
+
+
-
-
-
-
-
-
- Default Timestamp
-
-
-
-
-
-
-
-
-
+ Default Timestamp
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
- timestamp
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
- >
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ timestamp
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ >
+
+
+
+
+
-
-
+
- timestamp
-
-
+
+
+
-
-
-
+
+
+
+
-
-
-
-
+ timestamp
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
- Default Timestamp
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -13617,463 +13401,451 @@ exports[`Siderbar component Renders sidebar component 1`] = `
}
tabIndex={0}
>
-
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
- url
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ Override
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
- >
-
-
-
+ url
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
+
+
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
-
-
+
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
+
+
+
- url
-
-
- }
- isActive={false}
+ />
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ url
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ >
+
+
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- url
-
-
+ className="euiIcon euiIcon--large euiIcon-isLoading"
+ focusable="false"
+ height={16}
+ role="img"
+ style={null}
+ viewBox="0 0 16 16"
+ width={16}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+
+
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
@@ -14166,188 +13938,255 @@ exports[`Siderbar component Renders sidebar component 1`] = `
}
tabIndex={0}
>
-
-
-
-
+
+
+
+
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
+ Override
+
- }
- fieldIcon={
-
- }
- fieldName={
-
-
+
+
+
+
- utc_time
-
-
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+ />
+
+
+
+ }
+ fieldIcon={
+
}
- closePopover={[Function]}
- display="block"
- hasArrow={true}
- isOpen={false}
- ownFocus={true}
- panelClassName="explorerSidebarItem__fieldPopoverPanel"
- panelPaddingSize="m"
+ fieldName={
+
+
+ utc_time
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
+ />
+ }
+ closePopover={[Function]}
+ display="block"
+ hasArrow={true}
+ isOpen={false}
+ ownFocus={true}
+ panelClassName="explorerSidebarItem__fieldPopoverPanel"
+ panelPaddingSize="m"
+ >
+
+
-
+
+
+
+
+
+
+ Override
+
+
+
+
+
+
+
+
+
+
+ }
+ fieldIcon={
+
+ }
+ fieldName={
+
+
+ utc_time
+
+
+ }
+ isActive={false}
+ onClick={[Function]}
+ size="s"
>
-
-
-
-
-
-
-
- Override
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
+
+
- }
- fieldName={
+ >
+
+
+
+
+
+
+
+
+
+
+
+
- utc_time
+
+ utc_time
+
- }
- isActive={false}
- onClick={[Function]}
- size="s"
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
+
- utc_time
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
diff --git a/public/components/event_analytics/explorer/sidebar/sidebar.tsx b/public/components/event_analytics/explorer/sidebar/sidebar.tsx
index 9ae6fb1275..543ebb5fa9 100644
--- a/public/components/event_analytics/explorer/sidebar/sidebar.tsx
+++ b/public/components/event_analytics/explorer/sidebar/sidebar.tsx
@@ -3,26 +3,26 @@
* SPDX-License-Identifier: Apache-2.0
*/
-import React, { useState, useCallback, useContext } from 'react';
-import { batch, useDispatch } from 'react-redux';
-import { isEmpty } from 'lodash';
import {
- EuiTitle,
- EuiSpacer,
- EuiFieldSearch,
EuiAccordion,
- EuiHorizontalRule,
EuiDragDropContext,
- EuiDroppable,
EuiDraggable,
+ EuiDroppable,
+ EuiFieldSearch,
+ EuiHorizontalRule,
EuiPanel,
+ EuiSpacer,
+ EuiTitle,
} from '@elastic/eui';
import { I18nProvider } from '@osd/i18n/react';
-import { Field } from './field';
-import { ExplorerFields, IExplorerFields, IField } from '../../../../../common/types/explorer';
+import { isEmpty } from 'lodash';
+import React, { useCallback, useContext, useState } from 'react';
+import { batch, useDispatch } from 'react-redux';
import { AVAILABLE_FIELDS, SELECTED_FIELDS } from '../../../../../common/constants/explorer';
-import { sortFields, updateFields } from '../../redux/slices/field_slice';
+import { ExplorerFields, IExplorerFields, IField } from '../../../../../common/types/explorer';
import { TabContext } from '../../hooks/use_tab_context';
+import { sortFields, updateFields } from '../../redux/slices/field_slice';
+import { Field } from './field';
interface ISidebarProps {
query: string;
@@ -314,27 +314,20 @@ export const Sidebar = (props: ISidebarProps) => {
index={index}
draggableId=""
>
-
-
-
+
);
})}
diff --git a/public/components/event_analytics/explorer/visualizations/direct_query_vis.tsx b/public/components/event_analytics/explorer/visualizations/direct_query_vis.tsx
index 411d950eeb..73d55f0a56 100644
--- a/public/components/event_analytics/explorer/visualizations/direct_query_vis.tsx
+++ b/public/components/event_analytics/explorer/visualizations/direct_query_vis.tsx
@@ -3,16 +3,30 @@
* SPDX-License-Identifier: Apache-2.0
*/
+import { EuiCallOut, EuiFlexGroup, EuiFlexItem, EuiLink, EuiTitle } from '@elastic/eui';
import React from 'react';
-import { EuiFlexGroup, EuiFlexItem, EuiCallOut, EuiLink, EuiTitle } from '@elastic/eui';
+import { queryWorkbenchPluginID } from '../../../../../common/constants/shared';
+import { coreRefs } from '../../../../framework/core_refs';
-export const DirectQueryVisualization = () => {
+interface DirectQueryVisualizationProps {
+ currentDataSource: string;
+}
+
+export const DirectQueryVisualization = ({ currentDataSource }: DirectQueryVisualizationProps) => {
return (
- Index data to visualize .
+
+ coreRefs?.application!.navigateToApp(queryWorkbenchPluginID, {
+ path: `#/${currentDataSource}`,
+ })
+ }
+ >
+ Index data to visualize
+
diff --git a/public/components/event_analytics/redux/slices/query_slice.ts b/public/components/event_analytics/redux/slices/query_slice.ts
index 8267d72f96..b6e3b5f611 100644
--- a/public/components/event_analytics/redux/slices/query_slice.ts
+++ b/public/components/event_analytics/redux/slices/query_slice.ts
@@ -3,7 +3,7 @@
* SPDX-License-Identifier: Apache-2.0
*/
-import { createSlice, createSelector } from '@reduxjs/toolkit';
+import { createSelector, createSlice } from '@reduxjs/toolkit';
import {
APP_ANALYTICS_TAB_ID_REGEX,
FILTERED_PATTERN,