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';