diff --git a/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.scss b/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.scss
index 2593276473cc2a..eb4407bd76e195 100644
--- a/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.scss
+++ b/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.scss
@@ -2,4 +2,7 @@
.euiCallOutHeader__title {
width: 100%;
}
+ p {
+ margin-bottom: 0.5rem;
+ }
}
diff --git a/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.tsx b/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.tsx
index 6d472600554418..289672254690fc 100644
--- a/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.tsx
+++ b/src/plugins/discover/public/application/main/components/document_tour_callout/document_tour_callout.tsx
@@ -11,9 +11,8 @@ import './document_tour_callout.scss';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
import { EuiButton, EuiButtonIcon, EuiCallOut, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
-import { getServices } from '../../../../kibana_services';
-import { DOC_TABLE_LEGACY } from '../../../../../common';
import { Storage } from '../../../../../../kibana_utils/public';
+import { useDiscoverServices } from '../../../../utils/use_discover_services';
const CALLOUT_STATE_KEY = 'discover:docTourCalloutClosed';
@@ -26,7 +25,7 @@ const updateStoredCalloutState = (newState: boolean, storage: Storage) => {
};
export const DocumentTourCallout = ({ onStartTour }: { onStartTour: () => void }) => {
- const { storage, capabilities, addBasePath } = getServices();
+ const { storage, capabilities } = useDiscoverServices();
const [calloutClosed, setCalloutClosed] = useState(getStoredCalloutState(storage));
const onCloseCallout = () => {
@@ -47,11 +46,17 @@ export const DocumentTourCallout = ({ onStartTour }: { onStartTour: () => void }
-
+ {
+ onStartTour();
+ onCloseCallout();
+ }}
+ >
)}
{!isLegacy && (
-<<<<<<< HEAD
-
-
-
-=======
<>
@@ -223,7 +195,6 @@ function DiscoverDocumentsComponent({
searchTitle={savedSearch.title}
setExpandedDoc={setExpandedDoc}
showTimeCol={showTimeCol}
- services={services}
settings={state.grid}
onAddColumn={onAddColumn}
onFilter={onAddFilter as DocViewFilterFn}
@@ -238,7 +209,6 @@ function DiscoverDocumentsComponent({
/>
>
->>>>>>> Added callout banner that triggers tour.
)}
);
diff --git a/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx b/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
index 53e4f706c05b51..8030f0baa6a40a 100644
--- a/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
+++ b/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
@@ -434,6 +434,27 @@ export function DiscoverSidebarComponent({
/>
+
+
+ Field types
+
+
+
+
{
@@ -521,27 +542,6 @@ export function DiscoverSidebarComponent({
}
>
-
-
- Field types
-
-
-
-
{popularFields.length > 0 && (
<>
diff --git a/src/plugins/discover/public/components/discover_grid/discover_grid.tsx b/src/plugins/discover/public/components/discover_grid/discover_grid.tsx
index cbc07c02084707..82a2b305e513b0 100644
--- a/src/plugins/discover/public/components/discover_grid/discover_grid.tsx
+++ b/src/plugins/discover/public/components/discover_grid/discover_grid.tsx
@@ -176,40 +176,36 @@ export const EuiDataGridMemoized = React.memo((props: EuiDataGridProps) => {
const CONTROL_COLUMN_IDS_DEFAULT = ['openDetails', 'select'];
-export const DiscoverGrid = (
- // tourSteps: EuiTourStepProps[],
- // tourActions: EuiTourActions,
- {
- ariaLabelledBy,
- columns,
- indexPattern,
- isLoading,
- expandedDoc,
- onAddColumn,
- onFilter,
- onRemoveColumn,
- onResize,
- onSetColumns,
- onSort,
- rows,
- sampleSize,
- searchDescription,
- searchTitle,
- services,
- setExpandedDoc,
- settings,
- showTimeCol,
- sort,
- useNewFieldsApi,
- isSortEnabled = true,
- isPaginationEnabled = true,
- controlColumnIds = CONTROL_COLUMN_IDS_DEFAULT,
- className,
- rowHeightState,
- onUpdateRowHeight,
- tour,
- }: DiscoverGridProps
-) => {
+export const DiscoverGrid = ({
+ ariaLabelledBy,
+ columns,
+ indexPattern,
+ isLoading,
+ expandedDoc,
+ onAddColumn,
+ onFilter,
+ onRemoveColumn,
+ onResize,
+ onSetColumns,
+ onSort,
+ rows,
+ sampleSize,
+ searchDescription,
+ searchTitle,
+ setExpandedDoc,
+ settings,
+ showTimeCol,
+ sort,
+ useNewFieldsApi,
+ isSortEnabled = true,
+ isPaginationEnabled = true,
+ controlColumnIds = CONTROL_COLUMN_IDS_DEFAULT,
+ className,
+ rowHeightState,
+ onUpdateRowHeight,
+ tour,
+}: DiscoverGridProps) => {
+ const services = useDiscoverServices();
const [selectedDocs, setSelectedDocs] = useState([]);
const [isFilterActive, setIsFilterActive] = useState(false);
diff --git a/src/plugins/discover/public/components/discover_grid/discover_grid_expand_button.tsx b/src/plugins/discover/public/components/discover_grid/discover_grid_expand_button.tsx
index 9cdd5135795708..9d7071b400b206 100644
--- a/src/plugins/discover/public/components/discover_grid/discover_grid_expand_button.tsx
+++ b/src/plugins/discover/public/components/discover_grid/discover_grid_expand_button.tsx
@@ -13,10 +13,7 @@ import {
EuiToolTip,
EuiTourStep,
} from '@elastic/eui';
-import {
- euiLightVars as themeLight,
- euiDarkVars as themeDark,
-} from '@kbn/ui-shared-deps-src/theme';
+import { euiLightVars as themeLight, euiDarkVars as themeDark } from '@kbn/ui-theme';
import { i18n } from '@kbn/i18n';
import { DiscoverGridContext } from './discover_grid_context';
import { EsHitRecord } from '../../application/types';