@bigbinary/neeto-filters-frontend 2.12.11 → 2.12.12

package/dist/index.js

@@ -1,4 +1,4 @@
-import React, { createElement, isValidElement, cloneElement, createContext, useContext, useState, useRef, useEffect, useMemo } from 'react';
+import React, { createElement, isValidElement, cloneElement, createContext, useContext, useState, useRef, useEffect, useTransition, useMemo } from 'react';
 import classnames from 'classnames';
 import { capitalize as capitalize$1, removeBy, findBy, isNotEmpty, humanize, noop as noop$2, toLabelAndValue, replaceBy, isPresent, existsBy, filterBy } from '@bigbinary/neeto-commons-frontend/pure';
 import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Alert, Select, DatePicker, TimePicker, Input as Input$1, Accordion, Spinner } from '@bigbinary/neetoui';
@@ -6762,6 +6762,10 @@ var useFilters = function useFilters(_ref) {
     columns = _ref.columns,
     keyword = _ref.keyword,
     onSelectorsChange = _ref.onSelectorsChange;
+  var _useTransition = useTransition(),
+    _useTransition2 = _slicedToArray(_useTransition, 2);
+    _useTransition2[0];
+    var startTransition = _useTransition2[1];
   var initialRender = useRef(true);
   var prevFilters = useRef([]);
   var location = useLocation();
@@ -6783,6 +6787,13 @@ var useFilters = function useFilters(_ref) {
       search: params
     });
   };
+  var handleFiltersChange = function handleFiltersChange(filtersPayload) {
+    startTransition(function () {
+      onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
+        return !isNil(filter.node);
+      })));
+    });
+  };
 
   //This function sends the updated filters to host via callbacks.
   var sendUpdatedFilters = function sendUpdatedFilters() {
@@ -6791,9 +6802,7 @@ var useFilters = function useFilters(_ref) {
     }
     var newFilters = buildFiltersFromSearchParams(columns);
     var filtersPayload = keyword.value ? append(keywordFilter, newFilters) : newFilters;
-    onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
-      return !isNil(filter.node);
-    })));
+    handleFiltersChange(filtersPayload);
     onSelectorsChange(buildSelectorsFromURL(columns));
   };
   var handleChangesInURL = function handleChangesInURL() {