@truedat/core 6.12.0 → 6.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "6.12.0",
+  "version": "6.12.1",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -118,5 +118,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "a182d4660919ab242d3150ef4a51641815913a39"
+  "gitHead": "0e64673b5e798d15560f153c6ae0aede669b1dab"
 }

package/src/search/SearchContext.js

@@ -2,6 +2,7 @@ import _ from "lodash/fp";
 import React, {
   useState,
   useEffect,
+  useCallback,
   useContext,
   createContext,
   useMemo,
@@ -16,6 +17,8 @@ import { makeOption } from "@truedat/core/services/i18n";
 
 const SearchContext = createContext();
 
+const debounceQueryTime = 300;
+
 export const SearchContextProvider = (props) => {
   const initialDefaultFilters = _.prop("defaultFilters")(props);
   const initialActiveFilters = _.propOr({}, "defaultSelectedFilters")(props);
@@ -56,6 +59,27 @@ export const SearchContextProvider = (props) => {
 
   const [onSearchChange, setOnSearchChange] = useState();
 
+  const debouncedTriggerSearch = useCallback(
+    _.debounce(debounceQueryTime)((filterParam) => {
+      triggerSearch(filterParam).then(({ data, headers }) => {
+        setSearchData(data);
+        setCountData(headers);
+        setLoading(false);
+      });
+    }),
+    []
+  );
+
+  const debouncedTriggerSearchFilters = useCallback(
+    _.debounce(debounceQueryTime)((filterParam) => {
+      triggerFilters(filterParam).then(({ data }) => {
+        setFiltersPayload(data);
+        setLoadingFilters(false);
+      });
+    }),
+    []
+  );
+
   useEffect(() => {
     if (initialDefaultFilters !== defaultFilters) {
       setDefaultFilters(initialDefaultFilters);
@@ -188,10 +212,7 @@ export const SearchContextProvider = (props) => {
       ...(!_.isEmpty(query) && { query }),
       must: filterMust,
     };
-    triggerFilters(filterParam).then(({ data }) => {
-      setFiltersPayload(data);
-      setLoadingFilters(false);
-    });
+    debouncedTriggerSearchFilters(filterParam);
   }, [query, filterMust]);
 
   const { trigger: triggerSearch } = useSearch();
@@ -209,11 +230,7 @@ export const SearchContextProvider = (props) => {
     };
     setFilterParams(filterParam);
 
-    triggerSearch(filterParam).then(({ data, headers }) => {
-      setSearchData(data);
-      setCountData(headers);
-      setLoading(false);
-    });
+    debouncedTriggerSearch(filterParam);
   }, [
     query,
     searchMust,

package/src/search/SearchWidget.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import { Button, Icon, Input } from "semantic-ui-react";
 import { useIntl } from "react-intl";
 import PropTypes from "prop-types";