[FIX] Data filter : clear/select all button

Task: 6075166

Author: matho-odoo

src/components/filters/filter_menu_value_list/filter_menu_value_list.ts

@@ -115,14 +115,20 @@ export class FilterMenuValueList extends Component<Props, SpreadsheetChildEnv> {
     this.state.selectedValue = value.string;
   }
 
-  selectAll() {
-    this.state.displayedValues.forEach((value) => (value.checked = true));
-    this.props.onUpdateHiddenValues([]);
+  get filteredValues(): Value[] {
+    return !this.state.textFilter
+      ? this.state.values
+      : fuzzyLookup(this.state.textFilter, this.state.values, (val) => val.string);
   }
 
-  clearAll() {
-    this.state.displayedValues.forEach((value) => (value.checked = false));
-    const hiddenValues = this.state.values.map((val) => val.string);
+  setAllChecked(checked: boolean) {
+    const filteredValues = new Set(this.filteredValues);
+    this.state.values.forEach((value) => {
+      if (filteredValues.has(value)) {
+        value.checked = checked;
+      }
+    });
+    const hiddenValues = this.state.values.filter((val) => !val.checked).map((val) => val.string);
     this.props.onUpdateHiddenValues(hiddenValues);
   }
 
@@ -139,11 +145,8 @@ export class FilterMenuValueList extends Component<Props, SpreadsheetChildEnv> {
   }
 
   computeDisplayedValues() {
-    const values = !this.state.textFilter
-      ? this.state.values
-      : fuzzyLookup(this.state.textFilter, this.state.values, (val) => val.string);
-    this.state.displayedValues = values.slice(0, this.state.numberOfDisplayedValues);
-    this.state.hasMoreValues = values.length > this.state.numberOfDisplayedValues;
+    this.state.displayedValues = this.filteredValues.slice(0, this.state.numberOfDisplayedValues);
+    this.state.hasMoreValues = this.filteredValues.length > this.state.numberOfDisplayedValues;
   }
 
   loadMoreValues() {

src/components/filters/filter_menu_value_list/filter_menu_value_list.xml

@@ -1,8 +1,8 @@
 <templates>
   <t t-name="o-spreadsheet-FilterMenuValueList">
     <div class="o-filter-menu-actions d-flex">
-      <div class="o-button-link me-4" t-on-click="selectAll">Select all</div>
-      <div class="o-button-link me-4" t-on-click="clearAll">Clear</div>
+      <div class="o-button-link me-4" t-on-click="this.setAllChecked(true)">Select all</div>
+      <div class="o-button-link me-4" t-on-click="this.setAllChecked(false)">Clear</div>
     </div>
     <div class="position-relative">
       <input