Sha256: 203a67351eb62c9332108bacc13fb58b6fe5edba6860d8694c90ecaf38359bab
Contents?: true
Size: 1.3 KB
Versions: 142
Compression:
Stored size: 1.3 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, ...bgProps }: FilterSingleProps) => (
<FilterBackground {...bgProps}>
<Flex
orientation="row"
vertical="center"
>
<If condition={children}>
<FiltersPopover>
{children}
</FiltersPopover>
<CurrentFilters filters={filters} />
</If>
<ResultsCount results={results} />
<If condition={!isEmpty(sortOptions)}>
<SortMenu
onChange={onSortChange}
options={sortOptions}
value={sortValue}
/>
</If>
</Flex>
</FilterBackground>
)
export default FilterSingle
Version data entries
142 entries across 142 versions & 1 rubygems