Replace search bar on Management > Groups

CHANGELOG.md

@@ -21,7 +21,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Changed the query to search for an agent in `management/configuration`. [#5485](https://github.com/wazuh/wazuh-kibana-app/pull/5485)
 - Changed the search bar in management/log to the one used in the rest of the app. [#5476](https://github.com/wazuh/wazuh-kibana-app/pull/5476)
 - Changed the design of the wizard to add agents. [#5457](https://github.com/wazuh/wazuh-kibana-app/pull/5457)
-- Changed the search bar in Management (Rules, Decoders, CDB List) and Modules (Vulnerabilities > Inventory, Security Configuration Assessment > Inventory > {Policy ID} > Checks, MITRE ATT&CK > Intelligence > {Resource}, Integrity monitoring > Inventory > Files, Integrity monitoring > Inventory > Registry), Agent Inventory data [#5363](https://github.com/wazuh/wazuh-kibana-app/pull/5363) [#5442](https://github.com/wazuh/wazuh-kibana-app/pull/5442) [#5443](https://github.com/wazuh/wazuh-kibana-app/pull/5443) [#5444](https://github.com/wazuh/wazuh-kibana-app/pull/5444)
+- Changed the search bar in Management (Rules, Decoders, CDB List, Groups) and Modules (Vulnerabilities > Inventory, Security Configuration Assessment > Inventory > {Policy ID} > Checks, MITRE ATT&CK > Intelligence > {Resource}, Integrity monitoring > Inventory > Files, Integrity monitoring > Inventory > Registry), Agent Inventory data [#5363](https://github.com/wazuh/wazuh-kibana-app/pull/5363) [#5442](https://github.com/wazuh/wazuh-kibana-app/pull/5442) [#5443](https://github.com/wazuh/wazuh-kibana-app/pull/5443) [#5444](https://github.com/wazuh/wazuh-kibana-app/pull/5444) [#5445](https://github.com/wazuh/wazuh-kibana-app/pull/5445)
 
 ### Fixed
 

plugins/main/public/controllers/management/components/management/groups/actions-buttons-agents.js

@@ -16,20 +16,12 @@ import { EuiFlexItem, EuiButtonEmpty } from '@elastic/eui';
 import { connect } from 'react-redux';
 
 import {
-  updateLoadingStatus,
-  updateIsProcessing,
   updateShowAddAgents,
-  updateReload,
 } from '../../../../../redux/actions/groupsActions';
 
-import exportCsv from '../../../../../react-services/wz-csv';
 import GroupsHandler from './utils/groups-handler';
-import { getToasts } from '../../../../../kibana-services';
 import { ExportConfiguration } from '../../../../agent/components/export-configuration';
 import { ReportingService } from '../../../../../react-services/reporting';
-import { UI_LOGGER_LEVELS } from '../../../../../../common/constants';
-import { UI_ERROR_SEVERITIES } from '../../../../../react-services/error-orchestrator/types';
-import { getErrorOrchestrator } from '../../../../../react-services/common-services';
 
 class WzGroupsActionButtonsAgents extends Component {
   _isMounted = false;
@@ -38,65 +30,10 @@ class WzGroupsActionButtonsAgents extends Component {
     super(props);
     this.reportingService = new ReportingService();
 
-    this.state = {
-      generatingCsv: false,
-      isPopoverOpen: false,
-      newGroupName: '',
-    };
-    this.exportCsv = exportCsv;
 
     this.groupsHandler = GroupsHandler;
-    this.refreshTimeoutId = null;
   }
 
-  componentDidMount() {
-    this._isMounted = true;
-    if (this._isMounted) this.bindEnterToInput();
-  }
-
-  componentDidUpdate() {
-    this.bindEnterToInput();
-  }
-
-  componentWillUnmount() {
-    this._isMounted = false;
-  }
-
-  /**
-   * Refresh the items
-   */
-  async refresh() {
-    try {
-      this.props.updateReload();
-      this.props.updateIsProcessing(true);
-      this.onRefreshLoading();
-    } catch (error) {
-      const options = {
-        context: `${WzGroupsActionButtonsAgents.name}.refresh`,
-        level: UI_LOGGER_LEVELS.ERROR,
-        severity: UI_ERROR_SEVERITIES.BUSINESS,
-        store: true,
-        error: {
-          error: error,
-          message: error.message || error,
-          title: error.message || error,
-        },
-      };
-      getErrorOrchestrator().handleError(options);
-    }
-  }
-
-  onRefreshLoading() {
-    clearInterval(this.refreshTimeoutId);
-
-    this.props.updateLoadingStatus(true);
-    this.refreshTimeoutId = setInterval(() => {
-      if (!this.props.state.isProcessing) {
-        this.props.updateLoadingStatus(false);
-        clearInterval(this.refreshTimeoutId);
-      }
-    }, 100);
-  }
 
   showManageAgents() {
     const { itemDetail } = this.props.state;
@@ -105,117 +42,6 @@ class WzGroupsActionButtonsAgents extends Component {
     this.props.updateShowAddAgents(true);
   }
 
-  closePopover() {
-    this.setState({
-      isPopoverOpen: false,
-      msg: false,
-      newGroupName: '',
-    });
-  }
-
-  clearGroupName() {
-    this.setState({
-      newGroupName: '',
-    });
-  }
-
-  onChangeNewGroupName = (e) => {
-    this.setState({
-      newGroupName: e.target.value,
-    });
-  };
-
-  /**
-   * Looking for the input element to bind the keypress event, once the input is found the interval is clear
-   */
-  bindEnterToInput() {
-    try {
-      const interval = setInterval(async () => {
-        const input = document.getElementsByClassName('groupNameInput');
-        if (input.length) {
-          const i = input[0];
-          if (!i.onkeypress) {
-            i.onkeypress = async (e) => {
-              if (e.which === 13) {
-                await this.createGroup();
-              }
-            };
-          }
-          clearInterval(interval);
-        }
-      }, 150);
-    } catch (error) {
-      const options = {
-        context: `${WzGroupsActionButtonsAgents.name}.bindEnterToInput`,
-        level: UI_LOGGER_LEVELS.ERROR,
-        severity: UI_ERROR_SEVERITIES.BUSINESS,
-        store: true,
-        error: {
-          error: error,
-          message: error.message || error,
-          title: error.message || error,
-        },
-      };
-      getErrorOrchestrator().handleError(options);
-    }
-  }
-
-  async createGroup() {
-    try {
-      this.props.updateLoadingStatus(true);
-      await this.groupsHandler.saveGroup(this.state.newGroupName);
-      this.showToast('success', 'Success', 'The group has been created successfully', 2000);
-      this.clearGroupName();
-
-      this.props.updateIsProcessing(true);
-      this.props.updateLoadingStatus(false);
-      this.closePopover();
-    } catch (error) {
-      this.props.updateLoadingStatus(false);
-      throw new Error(error);
-    }
-  }
-
-  /**
-   * Generates a CSV
-   */
-  async generateCsv() {
-    try {
-      this.setState({ generatingCsv: true });
-      const { section, filters } = this.props.state; //TODO get filters from the search bar from the REDUX store
-      await this.exportCsv(`/groups/${this.props.state.itemDetail.name}/agents`, filters, 'Groups');
-      this.showToast(
-        'success',
-        'Success',
-        'CSV. Your download should begin automatically...',
-        2000
-      );
-    } catch (error) {
-      const options = {
-        context: `${WzGroupsActionButtonsAgents.name}.generateCsv`,
-        level: UI_LOGGER_LEVELS.ERROR,
-        severity: UI_ERROR_SEVERITIES.BUSINESS,
-        store: true,
-        error: {
-          error: error,
-          message: error.message || error,
-          title: `Error when exporting the CSV file: ${error.message || error}`,
-        },
-      };
-      getErrorOrchestrator().handleError(options);
-    }
-    this.setState({ generatingCsv: false });
-  }
-
-  showToast = (color, title, text, time) => {
-    getToasts().add({
-      color: color,
-      title: title,
-      text: text,
-      toastLifeTimeMs: time,
-    });
-  };
-
   render() {
     // Add new group button
     const manageAgentsButton = (
@@ -237,30 +63,11 @@ class WzGroupsActionButtonsAgents extends Component {
         type="group"
       />
     );
-    // Export button
-    const exportCSVButton = (
-      <EuiButtonEmpty
-        iconType="exportAction"
-        onClick={async () => await this.generateCsv()}
-        isLoading={this.state.generatingCsv}
-      >
-        Export formatted
-      </EuiButtonEmpty>
-    );
-
-    // Refresh
-    const refreshButton = (
-      <EuiButtonEmpty iconType="refresh" onClick={async () => await this.refresh()}>
-        Refresh
-      </EuiButtonEmpty>
-    );
 
     return (
       <Fragment>
         <EuiFlexItem grow={false}>{manageAgentsButton}</EuiFlexItem>
         <EuiFlexItem grow={false}>{exportPDFButton}</EuiFlexItem>
-        <EuiFlexItem grow={false}>{exportCSVButton}</EuiFlexItem>
-        <EuiFlexItem grow={false}>{refreshButton}</EuiFlexItem>
       </Fragment>
     );
   }
@@ -274,10 +81,7 @@ const mapStateToProps = (state) => {
 
 const mapDispatchToProps = (dispatch) => {
   return {
-    updateLoadingStatus: (status) => dispatch(updateLoadingStatus(status)),
-    updateIsProcessing: (isProcessing) => dispatch(updateIsProcessing(isProcessing)),
     updateShowAddAgents: (showAddAgents) => dispatch(updateShowAddAgents(showAddAgents)),
-    updateReload: () => dispatch(updateReload()),
   };
 };