Sha256: d56cf8b123484d9e8c58856f11d1c4c68dd3f73f052e3f505e0bc73574db897e

Contents?: true

Size: 1.42 KB

Versions: 353

Compression:

Stored size: 1.42 KB

Contents

import React, { ReactNode, useState } from 'react'

import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
import PbReactPopover from '../../pb_popover/_popover'

type FiltersPopoverProps = {
  children?: React.ReactChild[] | React.ReactChild | (({closePopover}: {closePopover: () => void}) =>  ReactNode), 
  dark?: boolean,
  maxHeight?: string,
  minWidth?: string,
  placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end",
}
const FiltersPopover = ({ children, dark, maxHeight, minWidth, placement = "bottom-start" }: FiltersPopoverProps): React.ReactElement => {
  const [hide, updateHide] = useState(true)
  const toggle = () => updateHide(!hide)

  const filterButton = (
    <CircleIconButton
        dark={dark}
        icon="filter"
        id="filter"
        onClick={toggle}
        variant="secondary"
    />
  )

  return (
    <PbReactPopover
        closeOnClick="outside"
        maxHeight={maxHeight}
        minWidth={minWidth}
        placement={placement}
        reference={filterButton}
        shouldClosePopover={updateHide}
        show={!hide}
    >
        <div className="pb-form">
          {typeof children === 'function'
            ? children({ closePopover: () => (updateHide(true)) })
            : children}
        </div>
    </PbReactPopover>
  )
}

export default FiltersPopover

Version data entries

353 entries across 353 versions & 1 rubygems

Version Path
playbook_ui-14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.16 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.15 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.14 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.PBNTR417addcolorsupdatedefaultcolor3791 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.13 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3785 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.revert3614PBNTR455ganttchartPOC3783 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.12 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.play1472newicons3773 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.11 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.PBNTR490multilevelselect3771 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.10 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.PBNTR490multilevelselect3766 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.9 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.8 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.PBNTR480radiocustomchildrenprop3759 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3756 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
playbook_ui-14.4.0.pre.rc.7 app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx