feat: add easy way to configure search filtering for nested properties

src/app/modules/menu/context/context-menu.component.ts

@@ -17,7 +17,7 @@ import {LangChangeEvent, TranslateService} from '@ngx-translate/core';
 import {SCLanguage, SCThingTranslator, SCThingType, SCTranslations} from '@openstapps/core';
 import {Subscription} from 'rxjs';
 import {ContextMenuService} from './context-menu.service';
-import {FilterContext, SortContext, SortContextOption} from './context-type';
+import {FilterContext, FilterFacet, SortContext, SortContextOption} from './context-type';
 
 /**
  * The context menu
@@ -49,6 +49,19 @@ export class ContextMenuComponent implements OnDestroy {
    */
   filterOption: FilterContext;
 
+  /**
+   * Picks facets based on the compact filter option and sorts
+   * them based on
+   *
+   * No specific type => Type name alphabetically => Bucket count
+   */
+  get facets(): FilterFacet[] {
+    const options = this.filterOption.compact
+      ? this.filterOption.options.slice(0, this.compactFilterOptionCount)
+      : this.filterOption.options;
+    return options.filter(it => it.buckets.length > 0);
+  }
+
   /**
    * Possible languages to be used for translation
    */
@@ -102,18 +115,6 @@ export class ContextMenuComponent implements OnDestroy {
     this.contextMenuService.contextFilterChanged(this.filterOption);
   };
 
-  /**
-   * Returns translated property name
-   */
-  getTranslatedPropertyName(property: string, onlyForType?: SCThingType): string {
-    return (
-      this.translator.translatedPropertyNames(
-        onlyForType ?? SCThingType.AcademicEvent,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      ) as any
-    )[property];
-  }
-
   /**
    * Returns translated property value
    */