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-14.9.0.pre.alpha.PLAY1731inputmasking4927 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.play1742globalheightfixes4926 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.play1742globalheightfixes4925 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.14 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.13 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4903 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4901 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4898 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4891 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PLAY1731inputmasking4890 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment4889 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.12 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.11 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PLAY1731inputmasking4868 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PLAY1731inputmasking4866 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.9.0.pre.alpha.PBNTR738collapsiblewithintablekit4855 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.10 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.9 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.8 app/pb_kits/playbook/pb_typeahead/components/Option.tsx
playbook_ui-14.10.0.pre.rc.7 app/pb_kits/playbook/pb_typeahead/components/Option.tsx