feat: LSDV-3025-4: Filtered regions hidden (#1325)

* feat: lsdv-3025-4: filtered regions hidden

* fix hiding logic in filters

* remove all hidden null block

* fix when remove some filter annotation should reset

* fix type

* fix type andg

* Filter changes to stop showing hides itens

* set back the logic variables

---------

Co-authored-by: Julio Sgarbi <[email protected]>

Author: Travis1282

src/components/Filter/Filter.tsx

@@ -63,9 +63,12 @@ export const Filter: FC<FilterInterface> = ({
       const newList = [...oldList];
 
       newList.splice(index, 1);
+
+      onChange(FilterItems(filterData, newList));
+
       return newList;
     });
-  }, [setFilterList]);
+  }, [setFilterList, filterData]);
 
   const renderFilterList = useMemo(() => {
     return filterList.map(({ field, operation, logic, value }, index) => (

src/mixins/Regions.js

@@ -13,6 +13,8 @@ const RegionsMixin = types
 
     hidden: types.optional(types.boolean, false),
 
+    filtered: types.optional(types.boolean, false),
+
     parentID: types.optional(types.string, ''),
 
     fromSuggestion: false,
@@ -230,7 +232,14 @@ const RegionsMixin = types
         self.setHighlight(!self._highlighted);
       },
 
-      toggleHidden(e) {
+      toggleFiltered(e) {
+        self.filtered = !self.filtered;
+        self.toggleHidden(e, true);
+        e && e.stopPropagation();
+      },
+
+      toggleHidden(e, isFiltered = false) {
+        if (!isFiltered) self.filtered = false;
         self.hidden = !self.hidden;
         e && e.stopPropagation();
       },

src/stores/RegionStore.js

@@ -456,6 +456,14 @@ export default types.model('RegionStore', {
 
   setFilteredRegions(filter) {
     self.filter = filter;
+
+    const filteredIds = filter.map((filter) => filter.id);
+    
+    self.regions.forEach((region) => {
+      if (!region.hideable || (region.hidden && !region.filtered)) return;
+      if (filteredIds.includes(region.id)) region.hidden && region.toggleFiltered();
+      else if (!region.hidden) region.toggleFiltered();
+    });
   },
 
   /**