Add standard modules filters management

plugins/main/common/constants.ts

@@ -223,8 +223,11 @@ export enum WAZUH_MENU_SETTINGS_SECTIONS_ID {
   ABOUT = 'about',
 }
 
-export const AUTHORIZED_AGENTS = 'authorized-agents';
-export const DATA_SOURCE_FILTER_CONTROLLED_EXCLUDE_SERVER = 'exclude-server';
+export const AUTHORIZED_AGENTS = 'hidden-authorized-agents';
+export const DATA_SOURCE_FILTER_CONTROLLED_EXCLUDE_SERVER = 'hidden-exclude-server';
+export const DATA_SOURCE_FILTER_CONTROLLED_PINNED_AGENT = 'pinned-agent';
+export const DATA_SOURCE_FILTER_CONTROLLED_CLUSTER_MANAGER = 'cluster-manager';
+export const DATA_SOURCE_FILTER_CONTROLLED_VULNERABILITIES_RULE_GROUP = 'vulnerabilities-rule-group';
 
 // Wazuh links
 export const WAZUH_LINK_GITHUB = 'https://github.com/wazuh';

plugins/main/public/components/common/data-source/components/wz-data-source-selector/wz-data-source-selector.tsx

@@ -0,0 +1,92 @@
+import React from 'react';
+import { useEffect, useState } from 'react';
+import {
+    EuiFormRow,
+    EuiSelect,
+} from '@elastic/eui';
+import {
+    tDataSource,
+    tDataSourceSelector,
+    PatternDataSourceFactory,
+    PatternDataSource,
+    AlertsDataSourceRepository,
+    tParsedIndexPattern
+} from '../../index';
+import {
+    ErrorHandler,
+    ErrorFactory,
+    HttpError,
+} from '../../../../../react-services/error-management';
+import { 
+    PatternDataSourceSelector,
+} from '../../pattern/pattern-data-source-selector';
+
+type tWzDataSourceSelector<T extends tParsedIndexPattern, K extends tDataSource> = {
+    name: 'string';
+    onChange?: (dataSource: T) => void;
+    dataSourceSelector?: tDataSourceSelector<K>;
+}
+
+const WzDataSourceSelector = (props: tWzDataSourceSelector<tParsedIndexPattern, PatternDataSource>) => {
+    const { onChange, name = 'data source', dataSourceSelector: defaultDataSourceSelector } = props;
+    const [dataSourceList, setDataSourceList] = useState<tDataSource[] | []>([]);
+    const [selectedPattern, setSelectedPattern] = useState<tDataSource>();
+    const [isLoading, setIsLoading] = useState(false);
+    const [dataSourceSelector, setDataSourceSelector] = useState<tDataSourceSelector<PatternDataSource> | undefined>(defaultDataSourceSelector);
+
+    useEffect(() => {
+        init();
+    }, [])
+
+    async function init() {
+        let selector;
+        let dataSources;
+        setIsLoading(true);
+        if(!dataSourceSelector){
+            const factory = new PatternDataSourceFactory();
+            const repository = new AlertsDataSourceRepository();
+            dataSources = await factory.createAll(PatternDataSource,await repository.getAll());
+            selector = new PatternDataSourceSelector(dataSources, repository);
+            setDataSourceSelector(selector);
+        }
+        const defaultIndexPattern = await selector.getSelectedDataSource();
+        dataSources = await selector.getAllDataSources();
+        setSelectedPattern(defaultIndexPattern);
+        setDataSourceList(dataSources);
+        setIsLoading(false);
+    }
+
+    async function selectDataSource(e) {
+        const dataSourceId = e.target.value;
+        if(!dataSourceSelector){
+            throw new Error('Data source selector not initialized');
+        };
+        try {
+            await dataSourceSelector.selectDataSource(dataSourceId);
+            const selected = await dataSourceSelector.getSelectedDataSource();
+            setSelectedPattern(await dataSourceSelector.getDataSource(dataSourceId));
+            onChange && onChange(selected.toJSON());
+        } catch (error) {
+            const searchError = ErrorFactory.create(HttpError, {
+                error,
+                message: `Error selecting the ${name.toLowerCase()} '${dataSourceId}`
+            });
+            ErrorHandler.handleError(searchError);
+        }
+    }
+
+    return (
+        <EuiFormRow>
+            <EuiSelect
+                options={dataSourceList.map((item) => {
+                    return { value: item.id, text: item.title };
+                })}
+                value={selectedPattern?.id}
+                onChange={selectDataSource}
+                aria-label={name}
+            />
+        </EuiFormRow>
+    );
+}
+
+export default WzDataSourceSelector;

plugins/main/public/components/common/data-source/hooks/index.ts

@@ -0,0 +1 @@
+export * from './use-data-source';