yew-duskmoon 0.9.2

DuskMoon, a Yew component libaray.
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
59
60
61
62

use yew::prelude::*;

#[derive(Properties, Clone, PartialEq)]
pub struct DialogProps {
    /// Stable DOM id targeted by `commandfor` on dialog invoker buttons.
    pub id: AttrValue,
    #[prop_or_default]
    pub class: Classes,
    #[prop_or_default]
    pub children: Children,
    #[prop_or_default]
    pub variant: Option<String>,
}

#[function_component(Dialog)]
pub fn dialog(props: &DialogProps) -> Html {
    dialog_view(props)
}

pub(crate) fn dialog_view(props: &DialogProps) -> Html {
    let mut classes = classes!("dialog");
    if let Some(variant) = &props.variant {
        classes.push(format!("dialog-{}", variant));
    }
    classes.push(props.class.clone());

    html! {
        <dialog id={props.id.clone()} class={classes}>
            { for props.children.iter() }
        </dialog>
    }
}

#[cfg(test)]
mod tests {
    use std::collections::HashMap;

    use super::*;
    use yew::virtual_dom::VNode;

    #[test]
    fn renders_a_native_dialog_target() {
        let props = DialogProps {
            id: "confirm-deploy".into(),
            class: classes!("dialog-divider"),
            children: Children::default(),
            variant: Some("primary".to_owned()),
        };
        let VNode::VTag(tag) = dialog_view(&props) else {
            panic!("dialog should render an HTML element");
        };
        let attributes: HashMap<_, _> = tag.attributes.iter().collect();

        assert_eq!(tag.tag(), "dialog");
        assert_eq!(attributes.get("id"), Some(&"confirm-deploy"));
        assert_eq!(
            attributes.get("class"),
            Some(&"dialog dialog-primary dialog-divider")
        );
        assert_eq!(attributes.get("open"), None);
    }
}