Remove implicit filter from search bar UI (#6174)

* feat(search-bar): remove implicit filter from search bar UI * changelog: add pull request entry * test(search-bar): update tests of wql --------- Co-authored-by: Chantal Belén kelm <[email protected]>
wazuh · Nov 30, 2023 · 2b875e8 · 2b875e8
1 parent a61d777
commit 2b875e8
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 76 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -30,6 +30,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 - Removed the `disabled_roles` and `customization.logo.sidebar` settings [#5840](https://github.com/wazuh/wazuh-dashboard-plugins/pull/5840)
 - Removed the ability to configure the visibility of modules and removed `extensions.*` settings [#5840](https://github.com/wazuh/wazuh-dashboard-plugins/pull/5840)
+- Removed the implicit filter of WQL language of the search bar UI [#6174](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6174)
 
 ## Wazuh v4.7.1 - OpenSearch Dashboards 2.8.0 - Revision 01
 

diff --git a/plugins/main/public/components/search-bar/query-language/__snapshots__/wql.test.tsx.snap b/plugins/main/public/components/search-bar/query-language/__snapshots__/wql.test.tsx.snap
@@ -17,46 +17,6 @@ exports[`SearchBar component Renders correctly to match the snapshot of query la
             <div
               class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
             >
-              <div
-                class="euiPopover euiPopover--anchorDownCenter euiFormControlLayout__prepend"
-              >
-                <div
-                  class="euiPopover__anchor"
-                >
-                  <button
-                    class="euiButtonEmpty euiButtonEmpty--primary"
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      />
-                      <span
-                        class="euiButtonEmpty__text"
-                      >
-                        <span
-                          class="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline prismjs language-none"
-                        >
-                          <code
-                            class="euiCodeBlock__code"
-                          >
-                            id!=000 and 
-                          </code>
-                        </span>
-                      </span>
-                    </span>
-                  </button>
-                </div>
-              </div>
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >

diff --git a/plugins/main/public/components/search-bar/query-language/wql.test.tsx b/plugins/main/public/components/search-bar/query-language/wql.test.tsx
@@ -41,10 +41,6 @@ describe('SearchBar component', () => {
     const wrapper = render(<SearchBar {...componentProps} />);
 
     await waitFor(() => {
-      const elementImplicitQuery = wrapper.container.querySelector(
-        '.euiCodeBlock__code',
-      );
-      expect(elementImplicitQuery?.innerHTML).toEqual('id!=000 and ');
       expect(wrapper.container).toMatchSnapshot();
     });
   });

diff --git a/plugins/main/public/components/search-bar/query-language/wql.tsx b/plugins/main/public/components/search-bar/query-language/wql.tsx
@@ -1156,38 +1156,6 @@ export const WQL = {
             );
           }
         },
-        prepend: implicitQueryAsQL ? (
-          <EuiPopover
-            button={
-              <EuiButtonEmpty
-                onClick={() =>
-                  params.setQueryLanguageConfiguration(state => ({
-                    ...state,
-                    isOpenPopoverImplicitFilter:
-                      !state.isOpenPopoverImplicitFilter,
-                  }))
-                }
-                iconType='filter'
-              >
-                <EuiCode>{implicitQueryAsQL}</EuiCode>
-              </EuiButtonEmpty>
-            }
-            isOpen={
-              params.queryLanguage.configuration.isOpenPopoverImplicitFilter
-            }
-            closePopover={() =>
-              params.setQueryLanguageConfiguration(state => ({
-                ...state,
-                isOpenPopoverImplicitFilter: false,
-              }))
-            }
-          >
-            <EuiText>
-              Implicit query: <EuiCode>{implicitQueryAsQL}</EuiCode>
-            </EuiText>
-            <EuiText color='subdued'>This query is added to the input.</EuiText>
-          </EuiPopover>
-        ) : null,
         // Disable the focus trap in the EuiInputPopover.
         // This causes when using the Search suggestion, the suggestion popover can be closed.
         // If this is disabled, then the suggestion popover is open after a short time for this