datahub/datahub-web/packages/data-portal/app/components/search/search-facet.ts

import Component from '@ember/component';
import { computed } from '@ember/object';
import { ISearchFacet, IFacetSelections } from '@datahub/data-models/types/entity/facets';

/**
 * Presentation component of a facet
 */
export default class SearchFacet extends Component {
  /**
   * Facet to display
   */
  facet!: ISearchFacet;

  /**
   * Facet selections
   */
  selections!: IFacetSelections;

  /**
   * Computed property to check if there is any selection in the
   * facet. If that is the case, a clear button will show up.
   */
  @computed('selections')
  get showClearBtn(): boolean {
    const selections = this.selections || {};
    return Object.keys(selections).reduce((willShowClearBtn: boolean, selectionKey: string) => {
      return willShowClearBtn || selections[selectionKey];
    }, false);
  }
}