re-com.dropdown — re-com 2.22.5

anchor cljs

(anchor {:keys [label placeholder style class attr transition!]})

auto-complete cljs

(auto-complete & {:keys [choices text sel-start sel-end ins]})

Return text/selection map after insertion in place of selection & completion

backdrop cljs

(backdrop {:keys [attr class style state transition!]})

body-wrapper cljs

(body-wrapper {:keys [state theme anchor-ref body-ref anchor-position
                      direction]}
              &
              children)

capitalize-first-letter cljs

(capitalize-first-letter text)

Capitalize the first letter leaving the rest as is

click-outside? cljs

(click-outside? element event)

dropdown cljs

(dropdown & {:keys [model] :or {model (reagent/atom nil)}})

A clickable anchor above an openable, floating body.

dropdown-args-desc cljs

dropdown-parts cljs

dropdown-parts-desc cljs

filter-choices-by-keyword cljs

(filter-choices-by-keyword choices keyword value)

Filter a list of choices extra data within the choices vector

handle-free-text-insertion cljs

(handle-free-text-insertion event
                            ins
                            auto-complete?
                            capitalize?
                            choices
                            internal-model
                            free-text-sel-range
                            free-text-change)

indicator cljs

(indicator {:keys [state style]})

make-choice-item cljs

(make-choice-item id-fn render-fn callback internal-model opt)

nearest cljs

(nearest x a b)

optimize-position! cljs

(optimize-position! anchor-el body-el & {:keys [direction]})

Returns an [x y] position for body, relative to anchor. Considers two possible vertical positions - above or below the anchor. If one vertical position clips outside the viewport, chooses the opposite position. If both vertical positions clip, picks the vertical position whose midpoint is nearest the viewport's midpoint. Calculates a left-justified horizontal position, constrained by the viewport width and the right edge of the anchor.

In other words, the body slides left & right within the anchor width, and blinks up & down, to find the least cut-off position.

show-selected-item cljs

(show-selected-item node)

single-dropdown cljs

(single-dropdown &
                 {:keys [choices model regex-filter? debounce-delay just-drop?]
                  :or {debounce-delay 250}
                  :as args})

Render a single dropdown component which emulates the bootstrap-choosen style. Sample choices object: [{:id "AU" :label "Australia" :group "Group 1"} {:id "US" :label "United States" :group "Group 1"} {:id "GB" :label "United Kingdom" :group "Group 1"} {:id "AF" :label "Afghanistan" :group "Group 2"}]

single-dropdown-args-desc cljs

single-dropdown-parts cljs

single-dropdown-parts-desc cljs