Compress data source selector on (#7329) (#7412)

* management's data sources page
* dev tools
* home
* query enhancements
* saved object mgmt
* time series



(cherry picked from commit 3526f96)

Signed-off-by: Miki <miki@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: ZilongX <99905560+ZilongX@users.noreply.github.com>

Author: 3 people

changelogs/fragments/7329.yml

@@ -0,0 +1,2 @@
+feat:
+- Use compressed DataSourceSelector ([#7329](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7329))

src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap

@@ -234,6 +234,7 @@ export const ManageDirectQueryDataConnectionsTable: React.FC<ManageDirectQueryDa
             fullWidth={true}
             uiSettings={uiSettings}
             disabled={false}
+            compressed={true}
           />
         </EuiFlexItem>
       )}

src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_connection/manage_direct_query_data_connections_table.tsx

@@ -124,7 +124,7 @@ function DevToolsWrapper({
           onSelectedDataSource={onChange}
           disabled={!dataSourceEnabled}
           fullWidth={false}
-          compressed
+          compressed={true}
         />
       </div>
     );

src/plugins/dev_tools/public/application.tsx

@@ -240,6 +240,7 @@ class TutorialDirectoryUi extends React.Component {
           disabled={!isDataSourceEnabled}
           hideLocalCluster={isLocalClusterHidden}
           uiSettings={getServices().uiSettings}
+          compressed={true}
         />
       </div>
     ) : null;

src/plugins/home/public/application/components/tutorial_directory.js

@@ -81,6 +81,7 @@ export const ConnectionsBar: React.FC<ConnectionsProps> = ({ connectionsService,
           notifications={toasts}
           disabled={false}
           fullWidth={false}
+          compressed={true}
           removePrepend={true}
           isClearable={false}
           onSelectedDataSource={(dataSource) =>

src/plugins/query_enhancements/public/data_source_connection/components/connections_bar.tsx

@@ -837,6 +837,7 @@ export class Flyout extends Component<FlyoutProps, FlyoutState> {
             disabled={!this.props.dataSourceEnabled}
             fullWidth={true}
             isClearable={false}
+            compressed={true}
           />
         </EuiFormFieldset>
         <EuiSpacer />

src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap

@@ -189,6 +189,7 @@ export const IndexPattern = ({ fields, prefix, onChange, disabled, model: _model
                 }
                 disabled={false}
                 fullWidth={false}
+                compressed={true}
                 removePrepend={true}
                 isClearable={false}
               />