re-com.dropdown — re-com 2.21.0

anchor-part cljs

(anchor-part {:keys [label placeholder state theme]})

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-part cljs

(backdrop-part {:keys [state transition!]})

body-wrapper cljs

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

capitalize-first-letter cljs

(capitalize-first-letter text)

Capitalize the first letter leaving the rest as is

dropdown cljs

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

A clickable anchor above an openable, floating body.

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)

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 popover-el)

Returns an [x y] position for popover, relative to anchor. Considers two possible vertical positions - above or below the anchor. Picks the vertical position whose midpoint is nearest to 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 popover 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