yewprint 0.5.0

Port of blueprintjs.com to Yew
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

use web_sys::Element;
use yew::prelude::*;

#[derive(Debug, Default)]
pub struct Portal {
    container_element: Option<Element>,
    node_ref: NodeRef,
}

#[derive(Debug, PartialEq, Properties)]
pub struct PortalProps {
    #[prop_or_default]
    pub children: Children,
}

impl Component for Portal {
    type Properties = PortalProps;
    type Message = ();

    fn create(_: &Context<Self>) -> Self {
        Self::default()
    }

    fn view(&self, ctx: &Context<Self>) -> Html {
        let contents = self
            .container_element
            .clone()
            .map(|container_element| {
                create_portal(
                    html! {
                        {for ctx.props().children.iter()}
                    },
                    container_element,
                )
            })
            .unwrap_or_default();

        html! {
            <div ref={self.node_ref.clone()}>
                {contents}
            </div>
        }
    }

    fn rendered(&mut self, ctx: &Context<Self>, first_render: bool) {
        if first_render {
            let container_element = gloo::utils::document().create_element("div").unwrap();
            container_element.set_class_name("bp3-portal");
            gloo::utils::body()
                .append_child(&container_element)
                .unwrap();
            self.container_element.replace(container_element);
            ctx.link().send_message(());
        }
    }
}