[ML] Add tooltip help text for Transform filter query control (#108720)

* [ML] Add tooltip help text

* [ML] Remove unused import

* [ML] Update tooltip content to be clearer

Co-authored-by: Lisa Cawley <lcawley@elastic.co>

Co-authored-by: Lisa Cawley <lcawley@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Quynh Nguyen 2021-08-19 00:28:52 -05:00 committed by GitHub
parent 48ce73db15
commit 4d0623ee25
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -6,7 +6,7 @@
*/
import React, { useContext, useMemo } from 'react';
import { EuiFormRow, EuiSelect } from '@elastic/eui';
import { EuiFormRow, EuiIcon, EuiSelect, EuiToolTip } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n/react';
import useUpdateEffect from 'react-use/lib/useUpdateEffect';
import { CreateTransformWizardContext } from '../../../../wizard/wizard';
@ -72,10 +72,22 @@ export const FilterAggForm: PivotAggsConfigFilter['AggFormComponent'] = ({
<>
<EuiFormRow
label={
<FormattedMessage
id="xpack.transform.agg.popoverForm.filerAggLabel"
defaultMessage="Filter query"
/>
<>
<FormattedMessage
id="xpack.transform.agg.popoverForm.filerAggLabel"
defaultMessage="Filter query"
/>
<EuiToolTip
content={
<FormattedMessage
id="xpack.transform.agg.popoverForm.filerQueryAdvancedSuggestionTooltip"
defaultMessage="To add other filter query aggregations, edit the JSON config."
/>
}
>
<EuiIcon size="s" color="subdued" type="questionInCircle" className="eui-alignTop" />
</EuiToolTip>
</>
}
>
<EuiSelect