Search bar related to Wazuh server data does not display the external filters when reapplied

[Desvelao]

Wazuh	Rev	Browser
4.10.x	xyzw	Chrome, Firefox, Safari, etc

Description
The search bar of tables related to the Wazuh server could not display the filters that were applied externally. See the Steps to reproduce for more information about the use case.

TableWzAPI component

Steps to reproduce

1. Apply an external filter
2. Use the search bar to apply a new filter
3. Apply the same external filter of step 1 (using the external interaction, do not use the search bar)

Peek.2024-10-23.14-42.mp4

Expected Result

1. The search bar should display the current filter applied

Actual Result

1. The search bar does not display the current filter applied in the commented use case

[JuanGarriuz]

Research

input is correctly set to the filter we added the first time

When clear the search-bar input work as expected

2º time it fail

[JuanGarriuz]

Update 02/12

In charge rest.input render on SearchBar component has no value.

plugins/main/public/components/search-bar/index.tsx

On filter added rest.input work correctly, changes to the expected value filter.

When I delete the filter on search-bar this code tracks the new filter, but rest.input are not managed:

  // Handler on change the input field text
  const onChangeInput = event => setInput(event.target.value);

It means that the useEffect that we are using doesn't get the conditional requirements to run up. When the rest.input doesn't change it can't do anything.

  useEffect(() => {
    var _searchBarQueryLangua3, _searchBarQueryLangua4, _searchBarQueryLangua5;
    // React to external changes and set the internal input text. Use the `transformInput` of
    // the query language in use
    rest.input && ((_searchBarQueryLangua3 = searchBarQueryLanguages[queryLanguage.id]) === null || _searchBarQueryLangua3 === void 0 ? void 0 : _searchBarQueryLangua3.transformInput) && setInput((_searchBarQueryLangua4 = searchBarQueryLanguages[queryLanguage.id]) === null || _searchBarQueryLangua4 === void 0 || (_searchBarQueryLangua5 = _searchBarQueryLangua4.transformInput) === null || _searchBarQueryLangua5 === void 0 ? void 0 : _searchBarQueryLangua5.call(_searchBarQueryLangua4, rest.input, {
      configuration: queryLanguage.configuration,
      parameters: selectedQueryLanguageParameters
    }));
  }, [rest.input]);