Sha256: 98eaa2edbb2a44b1e1a1099264a8a59453fbd61856b788c182a4062931609ed3

Contents?: true

Size: 746 Bytes

Versions: 831

Compression:

Stored size: 746 Bytes

Contents

import React from 'react'
import { components } from 'react-select'

import User from '../../pb_user/_user'

const Option = (props: any) => {
  const {
    imageUrl,
  } = props.data
  const { valueComponent } = props.selectProps

  return (
    <components.Option {...props}>
      <>
        {!valueComponent && imageUrl &&
          <User
            align="left"
            avatarUrl={imageUrl}
            dark={props.selectProps.dark}
            name={props.label}
            orientation="horizontal"
          />
        }

        {valueComponent &&
          valueComponent(props.data)
        }

        {!valueComponent && !imageUrl &&
          props.label
        }
      </>
    </components.Option>
  )
}

export default Option

Version data entries

831 entries across 831 versions & 1 rubygems

Version Path
playbook_ui-12.36.0 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.35.0 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.34.0 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.33.1 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.33.0 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.32.0 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.31.0.pre.alpha.hoverrails951 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.31.0.pre.alpha.hoverrails948 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns944 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns941 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_typeahead/components/Option.tsx