[Multiple Datasource][Version Decoupling] Add data source version and…

… installed plugins in data source viewer returns (opensearch-project#7420)

* [Multiple Datasource][Version Decoupling] Add data source version and installed plugins in data source viewer returns

Signed-off-by: Zilong Xia <zilongx@amazon.com>

* [Multiple Datasource][Version Decoupling] Add data source version and installed plugins in data source viewer returns

Signed-off-by: Zilong Xia <zilongx@amazon.com>

* Lint fix

Signed-off-by: Zilong Xia <zilongx@amazon.com>

* Update src/plugins/data_source_management/public/components/data_source_view/data_source_view.tsx

Co-authored-by: Lu Yu <nluyu@amazon.com>
Signed-off-by: ZilongX <99905560+ZilongX@users.noreply.github.com>

* Changeset file for PR opensearch-project#7420 created/updated

---------

Signed-off-by: Zilong Xia <zilongx@amazon.com>
Signed-off-by: ZilongX <99905560+ZilongX@users.noreply.github.com>
Co-authored-by: Lu Yu <nluyu@amazon.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>

changelogs/fragments/7420.yml

@@ -0,0 +1,2 @@
+fix:
+- [Version Decoupling] Add data source version and installed plugins in data source viewer returns ([#7420](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7420))

src/plugins/data_source_management/public/components/data_source_view/data_source_view.tsx

@@ -82,11 +82,7 @@ export class DataSourceView extends React.Component<DataSourceViewProps, DataSou
       return;
     }
 
-    if (
-      (optionId === '' && this.props.hideLocalCluster) ||
-      (this.props.dataSourceFilter &&
-        this.props.selectedOption.filter(this.props.dataSourceFilter).length === 0)
-    ) {
+    if (optionId === '' && this.props.hideLocalCluster) {
       this.setState({
         selectedOption: [],
       });
@@ -100,6 +96,17 @@ export class DataSourceView extends React.Component<DataSourceViewProps, DataSou
           optionId,
           this.props.savedObjectsClient!
         );
+        if (
+          this.props.dataSourceFilter &&
+          [selectedDataSource].filter(this.props.dataSourceFilter).length === 0
+        ) {
+          this.setState({
+            selectedOption: [],
+          });
+          this.onSelectedDataSources([]);
+          return;
+        }
+
         if (!this._isMounted) return;
         this.setState({
           selectedOption: [{ id: optionId, label: selectedDataSource.title }],

src/plugins/data_source_management/public/components/utils.ts

@@ -205,6 +205,8 @@ export async function getDataSourceById(
     endpoint: attributes.endpoint,
     description: attributes.description || '',
     auth: attributes.auth,
+    datasourceversion: attributes.dataSourceVersion,
+    installedplugins: attributes.installedPlugins,
   };
 }