diff --git a/src/platform/plugins/shared/unified_search/moon.yml b/src/platform/plugins/shared/unified_search/moon.yml index e4df7ce39717a..0455c60082149 100644 --- a/src/platform/plugins/shared/unified_search/moon.yml +++ b/src/platform/plugins/shared/unified_search/moon.yml @@ -53,7 +53,6 @@ dependsOn: - '@kbn/field-utils' - '@kbn/esql-types' - '@kbn/background-search' - - '@kbn/split-button' - '@kbn/cps' - '@kbn/css-utils' - '@kbn/kql' diff --git a/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx b/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx index 7912e5d67ac61..bdb10d7769428 100644 --- a/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx +++ b/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx @@ -43,6 +43,7 @@ import { EuiButton, EuiButtonIcon, EuiIconTip, + EuiSplitButton, useEuiTheme, type EuiTimeZoneDisplayProps, } from '@elastic/eui'; @@ -53,7 +54,6 @@ import { UI_SETTINGS } from '@kbn/data-plugin/common'; import type { DataView } from '@kbn/data-views-plugin/public'; import type { ESQLControlVariable, ESQLQueryStats } from '@kbn/esql-types'; import { useKibana } from '@kbn/kibana-react-plugin/public'; -import { SplitButton } from '@kbn/split-button'; import { useMemoCss } from '@kbn/css-utils/public/use_memo_css'; import { QueryStringInput, FilterButtonGroup } from '@kbn/kql/public'; import type { SuggestionsAbstraction, SuggestionsListSize } from '@kbn/kql/public'; @@ -75,8 +75,6 @@ import { FilterBarContextProvider } from '../filter_bar/filter_bar_context'; /** Feature flag key for the new DateRangePicker. Falls back to `true` (new picker). */ const DATE_RANGE_PICKER_FEATURE_FLAG = 'unifiedSearch.newDateRangePickerEnabled'; -const BUTTON_MIN_WIDTH = 108; - const SuperDatePicker = React.memo( EuiSuperDatePicker as any ) as unknown as typeof EuiSuperDatePicker; @@ -863,25 +861,27 @@ export const QueryBarTopRow = React.memo( if (props.useBackgroundSearchButton) { return ( - - {buttonLabelCancel} - + + + {buttonLabelCancel} + + + ); } @@ -955,25 +955,27 @@ export const QueryBarTopRow = React.memo( } = getSubmitButtonProps(); const updateButton = props.useBackgroundSearchButton ? ( - - {buttonText} - + + + {buttonText} + + + ) : (