Sha256: ac3c0c060b89c30564d419cef1336c4dcdb6dfb82620ffbad878ce3d8ee65cd1
Contents?: true
Size: 1.64 KB
Versions: 96
Compression:
Stored size: 1.64 KB
Contents
/* @flow */
import React from 'react'
import { isEmpty } from 'lodash'
import { Flex } from '../../'
import CurrentFilters, { FilterDescription } from './CurrentFilters'
import FilterBackground, { FilterBackgroundProps } from './FilterBackground'
import FiltersPopover from './FiltersPopover'
import ResultsCount from './ResultsCount'
import SortMenu, {
SortingChangeCallback,
SortOptions,
SortValue,
} from './SortMenu'
export type FilterSingleProps = {
children?: Node,
filters?: FilterDescription,
onSortChange?: SortingChangeCallback,
results?: number,
sortOptions?: SortOptions,
sortValue?: SortValue,
} & FilterBackgroundProps
const FilterSingle = ({
onSortChange,
sortOptions,
sortValue,
filters,
results,
children,
dark,
minWidth,
...bgProps
}: FilterSingleProps) => {
return (
<FilterBackground
dark={dark}
{...bgProps}
>
<Flex
orientation="row"
paddingRight="lg"
vertical="center"
>
<If condition={children}>
<FiltersPopover
dark={dark}
minWidth={minWidth}
>
{children}
</FiltersPopover>
<CurrentFilters
dark={dark}
filters={filters}
/>
</If>
<ResultsCount
dark={dark}
results={results}
/>
<If condition={!isEmpty(sortOptions)}>
<SortMenu
dark={dark}
onChange={onSortChange}
options={sortOptions}
value={sortValue}
/>
</If>
</Flex>
</FilterBackground>
)
}
export default FilterSingle
Version data entries
96 entries across 96 versions & 1 rubygems