canonrs-server 0.1.0

CanonRS server-side rendering support
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122

#![allow(unreachable_pub, dead_code)]
use leptos::prelude::*;
use canonrs_core::primitives::{
    TablePrimitive, TableHeaderPrimitive,
    TableBodyPrimitive, TableFooterPrimitive, TableRowPrimitive,
    TableHeadPrimitive, TableCellPrimitive, TableCaptionPrimitive,
    SortDirection,
};
use canonrs_core::meta::SelectionState;
pub use canonrs_core::primitives::TableState;

#[component]
pub fn Table(
    #[prop(optional)] children: Option<Children>,
    #[prop(default = TableState::Idle)] state: TableState,
    #[prop(default = false)] striped: bool,
    #[prop(default = false)] hoverable: bool,
    #[prop(into, optional)] aria_label: Option<String>,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <TablePrimitive state=state striped=striped hoverable=hoverable aria_label=aria_label.unwrap_or_default() class=class>
            {children.map(|c| c())}
        </TablePrimitive>
    }
}

#[component]
pub fn TableHeader(
    #[prop(optional)] children: Option<Children>,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <TableHeaderPrimitive class=class>
            {children.map(|c| c())}
        </TableHeaderPrimitive>
    }
}

#[component]
pub fn TableBody(
    #[prop(optional)] children: Option<Children>,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <TableBodyPrimitive class=class>
            {children.map(|c| c())}
        </TableBodyPrimitive>
    }
}

#[component]
pub fn TableFooter(
    #[prop(optional)] children: Option<Children>,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <TableFooterPrimitive class=class>
            {children.map(|c| c())}
        </TableFooterPrimitive>
    }
}

#[component]
pub fn TableRow(
    #[prop(optional)] children: Option<Children>,
    #[prop(default = SelectionState::Unselected)] selected: SelectionState,
    #[prop(into, default = TextProp::from(""))] class: TextProp,
    #[prop(into, optional)] href: Option<String>,
    #[prop(into, optional)] row_action: Option<String>,
    #[prop(into, optional)] row_label: Option<String>,
    #[prop(into, optional)] row_meta: Option<String>,
) -> impl IntoView {
    let href = href.unwrap_or_default();
    let row_action = row_action.unwrap_or_default();
    let row_label = row_label.unwrap_or_default();
    let row_meta = row_meta.unwrap_or_default();
    view! {
        <TableRowPrimitive selected=selected class=class href=href row_action=row_action row_label=row_label row_meta=row_meta>
            {children.map(|c| c())}
        </TableRowPrimitive>
    }
}

#[component]
pub fn TableHead(
    #[prop(optional)] children: Option<Children>,
    #[prop(default = SortDirection::None)] sort: SortDirection,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <TableHeadPrimitive sort=sort class=class>
            {children.map(|c| c())}
        </TableHeadPrimitive>
    }
}

#[component]
pub fn TableCell(
    #[prop(optional)] children: Option<Children>,
    #[prop(into, default = String::new())] class: String,
    #[prop(default = false)] copyable: bool,
    #[prop(default = false)] truncate: bool,
) -> impl IntoView {
    view! {
        <TableCellPrimitive class=class copyable=copyable truncate=truncate>
            {children.map(|c| c())}
        </TableCellPrimitive>
    }
}

#[component]
pub fn TableCaption(
    #[prop(optional)] children: Option<Children>,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <TableCaptionPrimitive class=class>
            {children.map(|c| c())}
        </TableCaptionPrimitive>
    }
}