synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
32 lines • 1.5 kB
TypeScript
import { SearchQuery, Facet } from '@sage-bionetworks/synapse-types';
type SearchFacetPanelProps = {
query: SearchQuery;
setQuery: (newQuery: SearchQuery) => void;
facets: Facet[];
disabled?: boolean;
expanded: boolean;
onCollapse: () => void;
onAddFacet: (facetName: string, facetValue: string) => void;
onRemoveFacet: (facetName: string, facetValue: string) => void;
onSetRangeFacet: (facetName: string, minValue: string) => void;
onRemoveRangeFacet: (facetName: string) => void;
isRangeFacetApplied: (facetName: string) => boolean;
getAppliedRangeFacet: (facetName: string) => {
min: string;
} | undefined;
};
/**
* Main facet panel component that displays all available facets
*/
export declare function SearchFacetPanel({ query, setQuery, facets, disabled, onAddFacet, onRemoveFacet, onSetRangeFacet, onRemoveRangeFacet, isRangeFacetApplied, getAppliedRangeFacet, expanded, onCollapse, }: SearchFacetPanelProps): import("react/jsx-runtime").JSX.Element;
type AppliedFacetsChipsProps = {
query: SearchQuery;
onRemoveFacet: (facetName: string, facetValue: string) => void;
onRemoveRangeFacet: (facetName: string) => void;
};
/**
* Component that displays applied facets as chips with delete icons
*/
export declare function AppliedFacetsChips({ query, onRemoveFacet, onRemoveRangeFacet, }: AppliedFacetsChipsProps): import("react/jsx-runtime").JSX.Element | null;
export {};
//# sourceMappingURL=SearchFacetPanel.d.ts.map