@bigbinary/neeto-filters-frontend 2.12.11 → 2.12.12

package/dist/index.cjs.js

@@ -6797,6 +6797,10 @@ var useFilters = function useFilters(_ref) {
     columns = _ref.columns,
     keyword = _ref.keyword,
     onSelectorsChange = _ref.onSelectorsChange;
+  var _useTransition = React.useTransition(),
+    _useTransition2 = _slicedToArray(_useTransition, 2);
+    _useTransition2[0];
+    var startTransition = _useTransition2[1];
   var initialRender = React.useRef(true);
   var prevFilters = React.useRef([]);
   var location = reactRouterDom.useLocation();
@@ -6818,6 +6822,13 @@ var useFilters = function useFilters(_ref) {
       search: params
     });
   };
+  var handleFiltersChange = function handleFiltersChange(filtersPayload) {
+    startTransition(function () {
+      onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
+        return !ramda.isNil(filter.node);
+      })));
+    });
+  };
 
   //This function sends the updated filters to host via callbacks.
   var sendUpdatedFilters = function sendUpdatedFilters() {
@@ -6826,9 +6837,7 @@ var useFilters = function useFilters(_ref) {
     }
     var newFilters = buildFiltersFromSearchParams(columns);
     var filtersPayload = keyword.value ? ramda.append(keywordFilter, newFilters) : newFilters;
-    onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
-      return !ramda.isNil(filter.node);
-    })));
+    handleFiltersChange(filtersPayload);
     onSelectorsChange(buildSelectorsFromURL(columns));
   };
   var handleChangesInURL = function handleChangesInURL() {