yew-autocomplete 0.3.1

Auto-complete input for yew.rs
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

mod bulma;
mod plain;
mod render_html;

use std::rc::Rc;

use web_sys::{KeyboardEvent, MouseEvent};
use yew::{classes, html, Callback, Html};

pub use bulma::Bulma;
pub use plain::Plain;
pub use render_html::RenderHtml;

#[derive(Clone, PartialEq)]
pub struct InputCallbacks {
    pub on_input: Callback<String>,
    pub on_keydown: Callback<KeyboardEvent>,
    pub resolve: Callback<MouseEvent>, // TODO: make this more generic
    pub select_item: Callback<usize>,
}

#[derive(Clone, PartialEq)]
pub struct Context<Item: Clone + PartialEq> {
    pub value: String,
    pub callbacks: InputCallbacks,
    pub items: Rc<Vec<Item>>,
    pub highlighted: Option<usize>,
    pub selected_items: Rc<Vec<Item>>,
    pub auto: bool,
}

pub(in crate::view) fn render_items<I: Clone + PartialEq + RenderHtml>(
    ctx: &Context<I>,
    additional_item_classes: &[&'static str],
    additional_highlighted_classes: &[&'static str],
) -> Vec<Html> {
    ctx.items
        .iter()
        .enumerate()
        .map(|(index, value)| {
            let select_item = ctx.callbacks.select_item.clone();
            let onclick = Callback::from(move |e: MouseEvent| {
                e.prevent_default();
                select_item.emit(index);
            });

            let mut classes = vec!["autocomplete-item"];
            classes.extend(additional_item_classes);

            if ctx.highlighted.iter().any(|h| *h == index) {
                classes.push("highlighted");
                classes.extend(additional_highlighted_classes);
            }

            html! { <a class={classes!(classes)} {onclick}>{value.render()}</a>}
        })
        .collect::<Vec<_>>()
}