fix(grid): translate filter options

Author: CatalinB7

projects/angular/components/ui-grid/src/ui-grid.component.html

@@ -742,7 +742,7 @@
                             [searchable]="false"
                             [value]="suggestValue"
                             [placeholder]="column.title ?? ''"
-                            [items]="addAllFilterOption(column.dropdown!.suggestItems, column)"
+                            [items]="mapFilterOptions(column.dropdown!.suggestItems, column)"
                             [compactSummaryTemplate]="displayedFilterName"
                             [maxSelectionConfig]="{
                                 count: (disableFilterSelection$ | async) && (column.dropdown!.multi || selectedFilters === undefined) ? suggestValue.length : Infinity,

projects/angular/components/ui-grid/src/ui-grid.component.ts

@@ -1250,7 +1250,17 @@ export class UiGridComponent<T extends IGridDataEntry>
         return dropdownHasValue || searchableHasValue;
     }
 
-    addAllFilterOption(items: ISuggestDropdownValueData[], column: UiGridColumnDirective<T>) {
+    mapFilterOptions(items: ISuggestDropdownValueData[], column: UiGridColumnDirective<T>) {
+        items = items
+            .filter(item => !!column.dropdown!.findDropDownOptionBySuggestValue(item))
+            .map(item => {
+                const translatedText = this.intl.translateDropdownOption(column.dropdown!.findDropDownOptionBySuggestValue(item)!);
+                return {
+                    ...item,
+                    text: translatedText,
+                };
+            });
+
         if (column.dropdown?.multi || !column.dropdown?.showAllOption) { return items; }
 
         const allOption: ISuggestValueData<undefined> = {