[Unified search] Decrease plugin's size (#131784)

* [Unified search] Decrease plugin's size

* Load scss from a single file where possible

* Apply PR comment

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

src/plugins/unified_search/public/index.scss

@@ -1,5 +1 @@
-@import './typeahead/index';
-
-@import './saved_query_management/index';
-
-@import './query_string_input/index';
+@import './typeahead/suggestion';

src/plugins/unified_search/public/plugin.ts

@@ -23,6 +23,8 @@ import type {
 import { createFilterAction } from './actions/apply_filter_action';
 import { ACTION_GLOBAL_APPLY_FILTER } from './actions';
 
+import './index.scss';
+
 export class UnifiedSearchPublicPlugin
   implements Plugin<UnifiedSearchPluginSetup, UnifiedSearchPublicPluginStart>
 {

src/plugins/unified_search/public/query_string_input/_index.scss

@@ -1 +0,0 @@
-@import './query_bar';

src/plugins/unified_search/public/query_string_input/query_bar.scss

@@ -0,0 +1,13 @@
+.kbnQueryBar__datePickerWrapper {
+  .euiDatePopoverButton-isInvalid {
+    background-image: euiFormControlGradient($euiColorDanger);
+
+    // @todo Remove when EUI issue is resolved.
+    // @see https://github.com/elastic/eui/issues/4612
+    &:focus {
+      color: $euiTextColor;
+      background-color: $euiFormBackgroundColor;
+      background-image: euiFormControlGradient($euiColorPrimary);
+    }
+  }
+}

src/plugins/unified_search/public/query_string_input/query_bar_top_row.tsx

@@ -43,6 +43,7 @@ import { shallowEqual } from '../utils/shallow_equal';
 import { AddFilterPopover } from './add_filter_popover';
 import { DataViewPicker, DataViewPickerProps } from '../dataview_picker';
 import { FilterButtonGroup } from '../filter_bar/filter_button_group/filter_button_group';
+import './query_bar.scss';
 
 const SuperDatePicker = React.memo(
   EuiSuperDatePicker as any

src/plugins/unified_search/public/query_string_input/query_string_input.scss

@@ -4,7 +4,7 @@
   height: $euiFormControlHeight;
   display: flex;
 
-  > [aria-expanded='true'] {
+  >[aria-expanded='true'] {
     // Using filter allows it to adhere the children's bounds
     filter: drop-shadow(0 5.7px 12px rgba($euiShadowColor, shadowOpacity(.05)));
   }
@@ -52,7 +52,7 @@
 
   @include euiFormControlWithIcon($isIconOptional: true);
 
-  ~ .euiFormControlLayoutIcons {
+  ~.euiFormControlLayoutIcons {
     // By default form control layout icon is vertically centered, but our textarea
     // can expand to be multi-line, so we position it with padding that matches
     // the parent textarea padding
@@ -67,18 +67,4 @@
     margin-left: -1px;
     width: calc(100% + 1px);
   }
-}
-
-.kbnQueryBar__datePickerWrapper {
-  .euiDatePopoverButton-isInvalid {
-    background-image: euiFormControlGradient($euiColorDanger);
-
-    // @todo Remove when EUI issue is resolved.
-    // @see https://github.com/elastic/eui/issues/4612
-    &:focus {
-      color: $euiTextColor;
-      background-color: $euiFormBackgroundColor;
-      background-image: euiFormControlGradient($euiColorPrimary);
-    }
-  }
-}
+}

src/plugins/unified_search/public/query_string_input/query_string_input.tsx

@@ -45,6 +45,7 @@ import { onRaf } from '../utils';
 import { FilterButtonGroup } from '../filter_bar/filter_button_group/filter_button_group';
 import { QuerySuggestion, QuerySuggestionTypes } from '../autocomplete';
 import { getTheme, getAutocomplete } from '../services';
+import './query_string_input.scss';
 
 export interface QueryStringInputProps {
   indexPatterns: Array<DataView | string>;

src/plugins/unified_search/public/saved_query_management/_index.scss

@@ -1 +0,0 @@
-@import './saved_query_management_list';

src/plugins/unified_search/public/saved_query_management/saved_query_management_list.tsx

@@ -29,6 +29,7 @@ import { sortBy } from 'lodash';
 import { useKibana } from '@kbn/kibana-react-plugin/public';
 import { IDataPluginServices, SavedQuery, SavedQueryService } from '@kbn/data-plugin/public';
 import type { SavedQueryAttributes } from '@kbn/data-plugin/common';
+import './saved_query_management_list.scss';
 
 export interface SavedQueryManagementListProps {
   showSaveQuery?: boolean;

src/plugins/unified_search/public/search_bar/index.tsx

@@ -10,7 +10,6 @@ import React from 'react';
 import { injectI18n } from '@kbn/i18n-react';
 import { withKibana } from '@kbn/kibana-react-plugin/public';
 import type { SearchBarProps } from './search_bar';
-import '../index.scss';
 
 const Fallback = () => <div />;
 

src/plugins/unified_search/public/typeahead/_index.scss

@@ -1 +0,0 @@
-@import 'suggestion';