SingleSelect

A select component for a single selection with local data.

Architecture

The opaque type representing a particular smart select instance.

type Msg a

Opaque type representing cases to be passed to SingleSelect.update

{ selectionMsg : ( a, Msg a ) -> msg

, internalMsg : Msg a -> msg

, idPrefix : String

}

-> SmartSelect msg a

Instantiates and returns a smart select.

selectionMsg takes a function that expects a tuple representing the selection and a SinglSelect.Msg msg and returns an externally defined msg for handling selection.
internalMsg takes a function that expects a SinglSelect.Msg and returns an externally defined msg for handling the update of the select.
idPrefix takes a string with a unique prefix

{ selected : Maybe a

, options : List a

, optionLabelFn : a -> String

, settings : Settings msg

}

-> SmartSelect msg a

-> Html msg

The smart select view for selecting one option at a time with local data.

selected takes the currently selected entity, if any.
options takes a list of the data being selected from.
optionLabelFn takes a function that expects an instance of the data being selected from and returns a string naming/labeling the instance, i.e. if it is a "Product" being selected, the label may be "Garden Hose".
settings takes the settings record (see the Settings type)

viewCustom : Config msg a -> SmartSelect msg a -> Html msg

The smart select view for selecting one option at a time with local data. You have to pass a custom configuration here.

Events external to the smart select to which it is subscribed.

update : Msg a -> SmartSelect msg a -> ( SmartSelect msg a, Cmd msg )

Update the provided smart select and receive the updated select instance and a cmd to run.

Triggers an update of the provided smart select's alignment