@blaze-cms/plugin-search-ui 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/lib-es/hooks/useDebounceSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounceSearch.js","names":["useEffect","useState","useDebounce","useSearchResults","SEARCH_PUBLISHED","useDebounceSearch","entities","resultKeys","fields","initialSearchTerm","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","value"],"sources":["../../src/hooks/useDebounceSearch.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../components/useSearchResults';\nimport { SEARCH_PUBLISHED } from '../constants';\n\nconst useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {\n  const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n        setQueryParams({ value: debouncedSearchTerm });\n        setPreviousSearchTerm(debouncedSearchTerm);\n      }\n    },\n    [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n  );\n\n  return {\n    loading,\n    results,\n    searchTerm,\n    setSearchTerm,\n    setPreviousSearchTerm,\n    debouncedSearchTerm,\n    previousSearchTerm\n  };\n};\n\nexport default useDebounceSearch;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,WAAW,QAAQ,oCAAoC;AAChE,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EACjF,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGV,QAAQ,CAACQ,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,EAAE,CAAC;EACrE,MAAM,CAACG,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGZ,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAMa,mBAAmB,GAAGZ,WAAW,CAACQ,UAAU,EAAE,GAAG,CAAC;EAExD,MAAM,CAAC;IAAEK,OAAO;IAAEC;EAAQ,CAAC,EAAEC,cAAc,CAAC,GAAGd,gBAAgB,CAAC;IAC9De,QAAQ,EAAEd,gBAAgB;IAC1BG,UAAU;IACVD,QAAQ;IACRE;EACF,CAAC,CAAC;EAEFR,SAAS,CACP,MAAM;IACJ,IAAIc,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAkB,EAAE;MACrEK,cAAc,CAAC;QAAEE,KAAK,EAAEL;MAAoB,CAAC,CAAC;MAC9CD,qBAAqB,CAACC,mBAAmB,CAAC;IAC5C;EACF,CAAC,EACD,CAACA,mBAAmB,EAAEF,kBAAkB,EAAEK,cAAc,CAC1D,CAAC;EAED,OAAO;IACLF,OAAO;IACPC,OAAO;IACPN,UAAU;IACVC,aAAa;IACbE,qBAAqB;IACrBC,mBAAmB;IACnBF;EACF,CAAC;AACH,CAAC;AAED,eAAeP,iBAAiB"}
+{"version":3,"file":"useDebounceSearch.js","names":["useEffect","useState","useDebounce","useSearchResults","SEARCH_PUBLISHED","useDebounceSearch","entities","resultKeys","fields","initialSearchTerm","queryHook","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","value"],"sources":["../../src/hooks/useDebounceSearch.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../components/useSearchResults';\nimport { SEARCH_PUBLISHED } from '../constants';\n\nconst useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm, queryHook }) => {\n  const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields,\n    queryHook\n  });\n\n  useEffect(() => {\n    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n      setQueryParams({ value: debouncedSearchTerm });\n      setPreviousSearchTerm(debouncedSearchTerm);\n    }\n  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);\n\n  return {\n    loading,\n    results,\n    searchTerm,\n    setSearchTerm,\n    setPreviousSearchTerm,\n    debouncedSearchTerm,\n    previousSearchTerm\n  };\n};\n\nexport default useDebounceSearch;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,WAAW,QAAQ,oCAAoC;AAChE,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,MAAM;EAAEC,iBAAiB;EAAEC;AAAU,CAAC,KAAK;EAC5F,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAACQ,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,EAAE,CAAC;EACrE,MAAM,CAACI,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAMc,mBAAmB,GAAGb,WAAW,CAACS,UAAU,EAAE,GAAG,CAAC;EAExD,MAAM,CAAC;IAAEK,OAAO;IAAEC;EAAQ,CAAC,EAAEC,cAAc,CAAC,GAAGf,gBAAgB,CAAC;IAC9DgB,QAAQ,EAAEf,gBAAgB;IAC1BG,UAAU;IACVD,QAAQ;IACRE,MAAM;IACNE;EACF,CAAC,CAAC;EAEFV,SAAS,CAAC,MAAM;IACd,IAAIe,mBAAmB,IAAIA,mBAAmB,KAAKF,kBAAkB,EAAE;MACrEK,cAAc,CAAC;QAAEE,KAAK,EAAEL;MAAoB,CAAC,CAAC;MAC9CD,qBAAqB,CAACC,mBAAmB,CAAC;IAC5C;EACF,CAAC,EAAE,CAACA,mBAAmB,EAAEF,kBAAkB,EAAEK,cAAc,CAAC,CAAC;EAE7D,OAAO;IACLF,OAAO;IACPC,OAAO;IACPN,UAAU;IACVC,aAAa;IACbE,qBAAqB;IACrBC,mBAAmB;IACnBF;EACF,CAAC;AACH,CAAC;AAED,eAAeR,iBAAiB","ignoreList":[]}

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchAdmin","SearchPublishedContent","SearchBar","useDebounceSearch"],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks/useDebounceSearch';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,0BAA0B;AAClD,OAAOC,sBAAsB,MAAM,qCAAqC;AACxE,OAAOC,SAAS,MAAM,oCAAoC;AAC1D,OAAOC,iBAAiB,MAAM,2BAA2B;AAEzD,SAASH,WAAW,EAAEC,sBAAsB,EAAEC,SAAS,EAAEC,iBAAiB"}
+{"version":3,"file":"index.js","names":["SearchAdmin","SearchPublishedContent","SearchBar","useDebounceSearch"],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks/useDebounceSearch';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,0BAA0B;AAClD,OAAOC,sBAAsB,MAAM,qCAAqC;AACxE,OAAOC,SAAS,MAAM,oCAAoC;AAC1D,OAAOC,iBAAiB,MAAM,2BAA2B;AAEzD,SAASH,WAAW,EAAEC,sBAAsB,EAAEC,SAAS,EAAEC,iBAAiB","ignoreList":[]}

package/package.json

@@ -1,24 +1,29 @@
 {
   "name": "@blaze-cms/plugin-search-ui",
-  "version": "0.146.0-translations.6",
+  "version": "0.147.0-rc-eagle.2",
   "description": "Blaze plugin search ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
-  "sideEffects": false,
+  "files": [
+    "lib",
+    "lib-es",
+    "src"
+  ],
+  "source": "src/index.js",
   "directories": {
     "src": "src/"
   },
   "scripts": {
     "test": "jest",
-    "lint": "yarn run lint:js",
+    "lint": "npm run lint:js",
     "lint:js": "eslint .",
     "clean": "rm -Rf ./lib/ && rm -Rf ./lib-es/",
     "build:cjs": "BABEL_ENV=cjs ../../node_modules/.bin/babel ./src --out-dir ./lib --source-maps --root-mode upward",
     "build:esm": "BABEL_ENV=esm ../../node_modules/.bin/babel ./src --out-dir ./lib-es --source-maps --root-mode upward",
-    "build": "yarn run build:cjs && yarn run build:esm",
-    "build:clean": "yarn run clean && yarn run build",
-    "prepublishOnly": "yarn run build:clean",
-    "postpublish": "yarn run clean"
+    "build": "npm run build:cjs && npm run build:esm",
+    "build:clean": "npm run clean && npm run build",
+    "prepublishOnly": "npm run build:clean",
+    "postpublish": "npm run clean"
   },
   "author": {
     "email": "hello@thebyte9.com",
@@ -27,30 +32,30 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.146.0-translations.6",
-    "@blaze-cms/core-errors": "0.146.0-translations.0",
-    "@blaze-cms/setup-ui": "^0.140.3",
+    "@blaze-cms/admin-ui-utils": "0.147.0-rc-eagle.2",
+    "@blaze-cms/core-errors": "0.147.0-rc-eagle.2",
+    "@blaze-cms/setup-ui": "0.147.0-rc-eagle.2",
     "@blaze-react/button": "0.5.19",
-    "@blaze-react/input": "0.8.0-alpha.78",
+    "@blaze-react/checkboxes": "^0.7.0",
+    "@blaze-react/input": "0.8.0-alpha.100",
     "@blaze-react/utils": "0.5.15",
     "classnames": "^2.2.6",
-    "core-js": "^3.2.1",
     "react-icons": "^4.11.0",
     "react-router-dom": "^5.0.1",
     "react-tiny-virtual-list": "2.2.0"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-translations.0"
+    "@blaze-cms/core-ui": "0.147.0-rc-eagle.2"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
-    "@blaze-cms/admin": "^0.97.2",
+    "@blaze-cms/admin": "^0.145.0",
     "prop-types": "^15.7.2",
-    "react": "^17.0.2"
+    "react": ">= 18"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "3cfd3eef1049e8d197602cbcc4a4d6f94c8fa71b"
+  "gitHead": "156a1560d7bc2bbd57b5b51fdf11098349bb26f5"
 }

package/src/components/SearchAdmin/SearchAdmin.js

@@ -25,14 +25,11 @@ const SearchAdmin = () => {
     entities
   });
 
-  useEffect(
-    () => {
-      if (searchInputRef && searchInputRef.current) {
-        searchInputRef.current.focus();
-      }
-    },
-    [displaySearchModalFrame]
-  );
+  useEffect(() => {
+    if (searchInputRef && searchInputRef.current) {
+      searchInputRef.current.focus();
+    }
+  }, [displaySearchModalFrame]);
 
   const handleSearchTerm = ({ target: { value } }) => {
     setSearchTerm(value);

package/src/components/SearchAdmin/SearchResults/SearchResults.js

@@ -6,7 +6,8 @@ import VirtualList from 'react-tiny-virtual-list';
 import { withRouter } from 'react-router-dom';
 import {
   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,
   FILE
 } from '../../../constants';
@@ -27,35 +28,32 @@ const SearchResults = ({
   const [allResults, setAllResults] = useState([]);
   const [currentParams, setCurrentParams] = useState('');
 
-  useEffect(
-    () => {
-      if (!loading) {
-        const newResults = results.map(({ id }) => id).join(',');
-        if (currentResults !== newResults) {
-          const newParams = `${currentValue},${entities.join(',')}`;
-          if (newParams !== currentParams) {
-            setAllResults(results);
-            setCurrentParams(newParams);
-            if (verifiedRanges.length) setVerifiedRanges([]);
-          } else {
-            setAllResults(allResults.concat(results));
-          }
-          setCurrentResults(newResults);
+  useEffect(() => {
+    if (!loading) {
+      const newResults = results.map(({ id }) => id).join(',');
+      if (currentResults !== newResults) {
+        const newParams = `${currentValue},${entities.join(',')}`;
+        if (newParams !== currentParams) {
+          setAllResults(results);
+          setCurrentParams(newParams);
+          if (verifiedRanges.length) setVerifiedRanges([]);
+        } else {
+          setAllResults(allResults.concat(results));
         }
+        setCurrentResults(newResults);
       }
-    },
-    [
-      allResults,
-      currentParams,
-      currentResults,
-      currentValue,
-      entities,
-      loading,
-      results,
-      total,
-      verifiedRanges.length
-    ]
-  );
+    }
+  }, [
+    allResults,
+    currentParams,
+    currentResults,
+    currentValue,
+    entities,
+    loading,
+    results,
+    total,
+    verifiedRanges.length
+  ]);
 
   const handleRenderedItems = async ({ startIndex }) => {
     const rowsLength = allResults.length;
@@ -101,23 +99,19 @@ const SearchResults = ({
       </div>
       <VirtualList
         width="100%"
-        height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
+        height={
+          window.innerHeight -
+          SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST -
+          SEARCH_RESULTS_HEIGHT_OFFSET
+        }
         itemCount={allResults.length}
         itemSize={SEARCH_RESULTS_ITEM_SIZE}
         overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}
         scrollToIndex={currentIndex}
         onItemsRendered={handleRenderedItems}
         renderItem={({ index, style }) => {
-          const {
-            id,
-            docType,
-            updated,
-            name,
-            entityIdentifier,
-            published,
-            created,
-            status
-          } = allResults[index];
+          const { id, docType, updated, name, entityIdentifier, published, created, status } =
+            allResults[index];
           const updatedDate = updated ? getDateFormat(updated) : null;
           const createdDate = created ? getDateFormat(created) : null;
           const publishedDate = published ? getDateFormat(published) : null;

package/src/components/SearchPublishedContent/SearchPublishedContent.js

@@ -53,15 +53,12 @@ const SearchPublishedContent = ({
     [displaySearchBar]
   );
 
-  useEffect(
-    () => {
-      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
-        setQueryParams({ value: `${debouncedSearchTerm}*` });
-        setPreviousSearchTerm(debouncedSearchTerm);
-      }
-    },
-    [debouncedSearchTerm, previousSearchTerm, setQueryParams]
-  );
+  useEffect(() => {
+    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
+      setQueryParams({ value: `${debouncedSearchTerm}*` });
+      setPreviousSearchTerm(debouncedSearchTerm);
+    }
+  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
 
   const handleOnChange = ({ target: { value = '' } = {} }) => {
     onChange(value);

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([]);
@@ -31,67 +31,67 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
     setParams({ ...queryParams, ...newQueryParams });
   };
 
-  useEffect(
-    () => {
-      const { limit, offset, value } = queryParams;
-      const isNewValueSet = value && value !== searchedValue;
-      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
-      const notSameLength = previousEntities.length !== entities.length;
-      const parsedEntities = entities.length
-        ? entities.map(entity => ({
-            match: { docType: entity }
-          }))
-        : [];
+  useEffect(() => {
+    const { limit, offset, value } = queryParams;
+    const isNewValueSet = value && value !== searchedValue;
+    const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
+    const notSameLength = previousEntities.length !== entities.length;
+    const parsedEntities = entities.length
+      ? entities.map(entity => ({
+          match: { docType: entity }
+        }))
+      : [];
 
-      if (isNewValueSet || isNewOffsetSet || notSameLength) {
-        getSearchResults({
-          variables: {
-            limit,
-            offset,
-            rawQuery: {
-              query: {
-                bool: {
-                  must: [
-                    {
-                      query_string: {
-                        query: value,
-                        fields,
-                        type: 'most_fields',
-                        default_operator: 'AND',
-                        extraFilters
-                      }
-                    },
-                    {
-                      bool: {
-                        should: parsedEntities
-                      }
+    if (value && (isNewValueSet || isNewOffsetSet || notSameLength)) {
+      const variables = {
+        variables: {
+          limit,
+          offset,
+          rawQuery: {
+            query: {
+              bool: {
+                must: [
+                  {
+                    query_string: {
+                      query: value,
+                      fields,
+                      type: 'most_fields',
+                      default_operator: 'AND',
+                      extraFilters
                     }
-                  ]
-                }
+                  },
+                  {
+                    bool: {
+                      should: parsedEntities
+                    }
+                  }
+                ]
               }
             }
           }
-        });
-        setSearchedValue(value);
-        setPreviousOffset(offset);
-        setPreviousEntities(entities);
-      }
-    },
-    [
-      queryParams,
-      queryParams.limit,
-      queryParams.value,
-      queryParams.offset,
-      searchedValue,
-      previousOffset,
-      getSearchResults,
-      entities,
-      fields,
-      entities.length,
-      previousEntities.length,
-      extraFilters
-    ]
-  );
+        }
+      };
+      const updatedVariables = queryHook ? queryHook(variables) : variables;
+      getSearchResults(updatedVariables);
+      setSearchedValue(value);
+      setPreviousOffset(offset);
+      setPreviousEntities(entities);
+    }
+  }, [
+    queryParams,
+    queryParams.limit,
+    queryParams.value,
+    queryParams.offset,
+    searchedValue,
+    previousOffset,
+    getSearchResults,
+    entities,
+    fields,
+    entities.length,
+    previousEntities.length,
+    extraFilters,
+    queryHook
+  ]);
 
   return [
     { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },

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,17 +11,14 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
       data: { results, total }
     },
     setParams
-  ] = useSearch({ queryKey, resultKeys, entities, fields });
+  ] = useSearch({ queryKey, resultKeys, entities, fields, queryHook });
 
-  useEffect(
-    () => {
-      if (currentResults.length !== results.length) {
-        setAllResults([...allResults, ...results]);
-        setCurrentResults(results);
-      }
-    },
-    [allResults, currentResults, results]
-  );
+  useEffect(() => {
+    if (currentResults.length !== results.length) {
+      setAllResults([...allResults, ...results]);
+      setCurrentResults(results);
+    }
+  }, [allResults, currentResults, results]);
 
   const clearList = params => {
     setAllResults([]);

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,18 +12,16 @@ const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm })
     queryKey: SEARCH_PUBLISHED,
     resultKeys,
     entities,
-    fields
+    fields,
+    queryHook
   });
 
-  useEffect(
-    () => {
-      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
-        setQueryParams({ value: debouncedSearchTerm });
-        setPreviousSearchTerm(debouncedSearchTerm);
-      }
-    },
-    [debouncedSearchTerm, previousSearchTerm, setQueryParams]
-  );
+  useEffect(() => {
+    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
+      setQueryParams({ value: debouncedSearchTerm });
+      setPreviousSearchTerm(debouncedSearchTerm);
+    }
+  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
 
   return {
     loading,