Compress data source selector on management's data sources page

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/manage_direct_query_data_connections_table.tsx

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

src/plugins/dev_tools/public/application.tsx

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

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

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

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

@@ -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/saved_objects_management/public/management_section/objects_table/components/flyout.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/vis_type_timeseries/public/application/components/index_pattern.js

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