@bigbinary/neeto-filters-frontend 2.12.11 → 2.12.13

package/dist/index.cjs.js

@@ -4072,7 +4072,8 @@ var Segment = function Segment(_ref) {
   var entity = _ref.entity,
     filters = _ref.filters,
     columns = _ref.columns,
-    childrenKeys = _ref.childrenKeys;
+    childrenKeys = _ref.childrenKeys,
+    setIsFilterPaneOpen = _ref.setIsFilterPaneOpen;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSavePaneOpen = _useState2[0],
@@ -4139,7 +4140,8 @@ var Segment = function Segment(_ref) {
     label: t("segments.saveAsSegment"),
     style: "secondary",
     onClick: function onClick() {
-      return setIsSavePaneOpen(true);
+      setIsFilterPaneOpen(false);
+      setIsSavePaneOpen(true);
     }
   }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     buttonStyle: "secondary",
@@ -4148,7 +4150,10 @@ var Segment = function Segment(_ref) {
     isDisabled: ramda.equals(filtersPayload, selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.filters),
     onClick: setIsUpdateAlertOpen
   }, t("segments.saveSegment")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: setIsSavePaneOpen
+    onClick: function onClick() {
+      setIsFilterPaneOpen(false);
+      setIsSavePaneOpen(true);
+    }
   }, t("segments.saveAsNewSegment")))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
     initialFocusRef: inputRef,
     isOpen: isSavePaneOpen,
@@ -4315,7 +4320,8 @@ var Bar = function Bar(_ref) {
     childrenKeys: childrenKeys,
     columns: columns,
     entity: entity,
-    filters: filters
+    filters: filters,
+    setIsFilterPaneOpen: setIsPaneOpen
   }), !hideClearButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "neeto-filters-bar-clear-btn",
     label: t("common.clearFilters"),
@@ -6797,6 +6803,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 +6828,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 +6843,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() {