Sha256: 72f7b24bd313f8ea7b1b15e207bfbb41c709d557cb9e15dad058c1fce6b08599

Contents?: true

Size: 876 Bytes

Versions: 231

Compression:

Stored size: 876 Bytes

Contents

/* @flow */

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}>
      <div>
        <Choose>
          <When condition={!valueComponent && imageUrl}>
            <User
                align="left"
                avatarUrl={imageUrl}
                dark={props.selectProps.dark}
                name={props.label}
                orientation="horizontal"
            />
          </When>
          <When condition={valueComponent}>
            { valueComponent(props.data) }
          </When>
          <Otherwise>
            {props.label}
          </Otherwise>
        </Choose>
      </div>
    </components.Option>
  )
}

export default Option

Version data entries

231 entries across 231 versions & 1 rubygems

Version Path
playbook_ui-10.2.0 app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.1.0 app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.3.pre.alpha.walkthrough2 app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.3.pre.alpha.walkthrough app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.1.alpha.railscusticon app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.2.pre.alpha.pre.iconfix app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.1.alpha.rtflexfix app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.0.pre.alphafonts app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.1 app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-10.0.0 app/pb_kits/playbook/pb_typeahead/components/Option.jsx
playbook_ui-9.19.0.pre.alpha.pre.fonts2 app/pb_kits/playbook/pb_typeahead/components/Option.jsx