Sha256: 2a90136c33d54fc58782e0dbfd514caf4432a2a78c78d8634a5164a7286d342a

Contents?: true

Size: 1.5 KB

Versions: 142

Compression:

Stored size: 1.5 KB

Contents

/* @flow */

import React from 'react'
import { Caption, Flex, SectionSeparator } 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 FilterDoubleProps = {
  children: Node,
  filters?: FilterDescription,
  onSortChange: SortingChangeCallback,
  results?: number,
  sortOptions: SortOptions,
  sortValue?: SortValue,
} & FilterBackgroundProps

const FilterDouble = ({ onSortChange, sortOptions, sortValue, filters, results, children, ...bgProps }: FilterDoubleProps) => (
  <FilterBackground {...bgProps}>
    <Flex
        orientation="row"
        vertical="center"
    >
      <FiltersPopover>
        {children}
      </FiltersPopover>
      <CurrentFilters filters={filters} />
    </Flex>
    <SectionSeparator />
    <Flex
        className="filter-bottom"
        orientation="row"
        spacing="between"
        vertical="center"
    >
      <ResultsCount
          results={results}
          title
      />
      <Flex
          orientation="row"
          vertical="center"
      >
        <Caption text="sort by:" />
        <SortMenu
            onChange={onSortChange}
            options={sortOptions}
            value={sortValue}
        />
      </Flex>
    </Flex>
  </FilterBackground>
)

export default FilterDouble

Version data entries

142 entries across 142 versions & 1 rubygems

Version Path
playbook_ui-7.7.0.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.7.0 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.6.2.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.6.2 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.6.1.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.6.1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.6.0 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.5.1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.5.0 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.2 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.alpha6 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.alpha5 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.test4 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.test3 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.test2 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.alpha4 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.alpha2 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
playbook_ui-7.4.0.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx