Lumi.Components.Select

type SelectProps option = { allowMultiple :: Boolean, loadOnMount :: Boolean, loadOptions :: String -> Aff (Array option), onChange :: Array option -> Effect Unit, value :: Array option | SelectProps_Common option }

type SelectProps_Common option = (className :: String, disabled :: Boolean, id :: String, loading :: Boolean, name :: String, noResultsText :: String, optionRenderer :: option -> JSX, optionSort :: Maybe (String -> option -> option -> Ordering), placeholder :: String, searchable :: Boolean, style :: CSS, toSelectOption :: option -> SelectOption)

type SelectProps_Single option = { onChange :: Maybe option -> Effect Unit, options :: Array option, value :: Maybe option | SelectProps_Common option }

type SelectProps_SingleAsync option = { loadOptions :: String -> Aff (Array option), onChange :: Maybe option -> Effect Unit, value :: Maybe option | SelectProps_Common option }

type SelectProps_Multi option = { onChange :: Array option -> Effect Unit, options :: Array option, value :: Array option | SelectProps_Common option }

type SelectProps_MultiAsync option = { loadOptions :: String -> Aff (Array option), onChange :: Array option -> Effect Unit, value :: Array option | SelectProps_Common option }

select :: forall option. SelectProps option -> JSX

singleSelect :: forall option. SelectProps_Single option -> JSX

asyncSingleSelect :: forall option. SelectProps_SingleAsync option -> JSX

multiSelect :: forall option. SelectProps_Multi option -> JSX

asyncMultiSelect :: forall option. SelectProps_MultiAsync option -> JSX

styles :: JSS

data SelectOptions option

Constructors

• Ready (Array option)
• Failed String
• Loading

Instances

• Functor SelectOptions

type SelectOption = { label :: String, value :: String }

type SelectBackendProps option = { allowMultiple :: Boolean, disabled :: Boolean, isOpen :: Maybe Boolean, loadOnMount :: Boolean, loadOptions :: String -> Aff (Array option), onChange :: Array option -> Effect Unit, optionSort :: Maybe (String -> option -> option -> Ordering), render :: { addSelectedOption :: option -> Effect Unit, closeSelect :: Effect Unit, focusedIndex :: Maybe Int, isOpen :: Boolean, keydownEventHandler :: Event -> Effect Unit, openSelect :: Effect Unit, options :: SelectOptions option, removeAllSelectedOptions :: Effect Unit, removeSelectedOption :: option -> Effect Unit, searchTerm :: String, setSearchTerm :: String -> Effect Unit } -> JSX, toSelectOption :: option -> SelectOption, value :: Array option }

selectBackend :: forall option. SelectBackendProps option -> JSX