@blaze-cms/plugin-search-ui 0.146.0-tooltips.6 → 0.146.0-translations.11

package/src/components/useSearch/useSearch.js

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { useLazyQuery } from '@apollo/client';
 import searchQueries from '../../application/query';
 
-function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }) {
+function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters, queryHook }) {
   const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });
   const [searchedValue, setSearchedValue] = useState(null);
   const [previousEntities, setPreviousEntities] = useState([]);
@@ -43,8 +43,8 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
           }))
         : [];
 
-      if (isNewValueSet || isNewOffsetSet || notSameLength) {
-        getSearchResults({
+      if (value && (isNewValueSet || isNewOffsetSet || notSameLength)) {
+        const variables = {
           variables: {
             limit,
             offset,
@@ -71,7 +71,9 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
               }
             }
           }
-        });
+        };
+        const updatedVariables = queryHook ? queryHook(variables) : variables;
+        getSearchResults(updatedVariables);
         setSearchedValue(value);
         setPreviousOffset(offset);
         setPreviousEntities(entities);
@@ -89,7 +91,8 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
       fields,
       entities.length,
       previousEntities.length,
-      extraFilters
+      extraFilters,
+      queryHook
     ]
   );
 

package/src/components/useSearchResults/useSearchResults.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import useSearch from '../useSearch';
 
-function useSearchResults({ queryKey, resultKeys, entities, fields }) {
+function useSearchResults({ queryKey, resultKeys, entities, fields, queryHook }) {
   const [currentResults, setCurrentResults] = useState([]);
   const [allResults, setAllResults] = useState([]);
   const [
@@ -11,7 +11,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
       data: { results, total }
     },
     setParams
-  ] = useSearch({ queryKey, resultKeys, entities, fields });
+  ] = useSearch({ queryKey, resultKeys, entities, fields, queryHook });
 
   useEffect(
     () => {

package/src/constants.js

@@ -1,7 +1,8 @@
 const SEARCH_ADMIN = 'SEARCH_ADMIN';
 const SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';
 const SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;
-const SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;
+const SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST = 186;
+const SEARCH_RESULTS_HEIGHT_OFFSET = 100;
 const SEARCH_RESULTS_ITEM_SIZE = 105;
 const DEFAULT_RESULTS_KEYS = 'name, url';
 const SEARCH_BUTTON = 'search-button';
@@ -11,7 +12,8 @@ export {
   SEARCH_ADMIN,
   SEARCH_PUBLISHED,
   SEARCH_RESULTS_OVER_SCAN_BUFFER,
-  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
+  SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST,
+  SEARCH_RESULTS_HEIGHT_OFFSET,
   SEARCH_RESULTS_ITEM_SIZE,
   DEFAULT_RESULTS_KEYS,
   SEARCH_BUTTON,

package/src/hooks/useDebounceSearch.js

@@ -3,7 +3,7 @@ import { useDebounce } from '@blaze-react/utils/lib/customHooks';
 import useSearchResults from '../components/useSearchResults';
 import { SEARCH_PUBLISHED } from '../constants';
 
-const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {
+const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm, queryHook }) => {
   const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');
   const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
   const debouncedSearchTerm = useDebounce(searchTerm, 500);
@@ -12,7 +12,8 @@ const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm })
     queryKey: SEARCH_PUBLISHED,
     resultKeys,
     entities,
-    fields
+    fields,
+    queryHook
   });
 
   useEffect(