thaw 0.4.8

An easy to use leptos component library
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
63
64
65
66
67
68
69
70

mod tab;

pub use tab::*;

use leptos::{context::Provider, html, prelude::*};
use std::collections::HashMap;
use thaw_utils::{class_list, mount_style, Model};

#[component]
pub fn TabList(
    #[prop(optional, into)] class: MaybeProp<String>,
    /// The value of the currently selected tab.
    #[prop(optional, into)]
    selected_value: Model<String>,
    children: Children,
) -> impl IntoView {
    mount_style("tab-list", include_str!("./tab-list.css"));

    let registered_tabs = RwSignal::new(HashMap::new());

    view! {
        <Provider value=TabListInjection {
            previous_selected_value: StoredValue::new(selected_value.get_untracked()),
            selected_value,
            registered_tabs,
        }>
            <div class=class_list!["thaw-tab-list", class] role="tablist">
                {children()}
            </div>
        </Provider>
    }
}

#[derive(Clone)]
pub(crate) struct TabListInjection {
    pub previous_selected_value: StoredValue<String>,
    pub selected_value: Model<String>,
    pub registered_tabs: RwSignal<HashMap<String, TabRegisterData>>,
}

impl Copy for TabListInjection {}

impl TabListInjection {
    pub fn expect_context() -> Self {
        expect_context()
    }

    pub fn register(&self, data: TabRegisterData) {
        self.registered_tabs.update(|map| {
            map.insert(data.value.clone(), data);
        });
    }

    pub fn unregister(&self, value: &String) {
        self.registered_tabs.update(|map| {
            map.remove(value);
        });
    }

    pub fn on_select(&self, value: String) {
        self.previous_selected_value
            .set_value(self.selected_value.get_untracked());
        self.selected_value.set(value);
    }
}

pub(crate) struct TabRegisterData {
    pub value: String,
    pub tab_ref: NodeRef<html::Button>,
}