canonrs-core 0.1.0

CanonRS core types, traits and primitives
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153

//! @canon-level: strict
//! @canon-owner: primitives-team
//! Stat Primitive - Number + label display


#[derive(Clone, Copy, PartialEq, Default, Debug)]
pub enum StatSize {
    Sm,
    #[default]
    Md,
    Lg,
}
impl StatSize {
    pub fn as_str(&self) -> &'static str {
        match self { Self::Sm => "sm", Self::Md => "md", Self::Lg => "lg" }
    }
}

#[derive(Clone, Copy, PartialEq, Default, Debug)]
pub enum StatTrend {
    #[default]
    Neutral,
    Increase,
    Decrease,
}
impl StatTrend {
    pub fn as_str(&self) -> &'static str {
        match self { Self::Neutral => "neutral", Self::Increase => "increase", Self::Decrease => "decrease" }
    }
}

#[derive(Clone, Copy, PartialEq, Default, Debug)]
pub enum StatAlign {
    #[default]
    Start,
    Center,
    End,
}
impl StatAlign {
    pub fn as_str(&self) -> &'static str {
        match self { Self::Start => "start", Self::Center => "center", Self::End => "end" }
    }
}

use leptos::prelude::*;

#[component]
pub fn StatPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    let uid_sta = crate::infra::uid::generate("sta");
    view! {
        <div
            data-rs-stat=""
            data-rs-uid=uid_sta
            class=class
        >
            {children()}
        </div>
    }
}

#[component]
pub fn StatValuePrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <span data-rs-stat-value="" class=class>
            {children()}
        </span>
    }
}

#[component]
pub fn StatLabelPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <span data-rs-stat-label="" class=class>
            {children()}
        </span>
    }
}

#[component]
pub fn StatDeltaPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <span data-rs-stat-delta="" class=class>
            {children()}
        </span>
    }
}

#[component]
pub fn StatIconPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <span data-rs-stat-icon="" aria-hidden="true" class=class>
            {children()}
        </span>
    }
}

#[component]
pub fn StatHeaderPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <div data-rs-stat-header="" class=class>
            {children()}
        </div>
    }
}

#[component]
pub fn StatBodyPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <div data-rs-stat-body="" class=class>
            {children()}
        </div>
    }
}

#[component]
pub fn StatWrapperPrimitive(
    children: Children,
    #[prop(default = StatSize::Md)]    size:  StatSize,
    #[prop(default = StatTrend::Neutral)] trend: StatTrend,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <div
            data-rs-stat-wrapper=""
            data-rs-size=size.as_str()
            data-rs-trend=trend.as_str()
            class=class
        >
            {children()}
        </div>
    }
}