2019-08-31 20:51:14 -07:00

31 lines
821 B
TypeScript

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);
}
}