orbital-base-components 0.1.1

Headless base primitives for Orbital — structure, semantics, and accessibility
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
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

use leptos::prelude::*;

#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
pub enum PresenceStatus {
    #[default]
    Available,
    Away,
    Busy,
    Offline,
    OutOfOffice,
    Unknown,
}

impl PresenceStatus {
    pub fn as_str(&self) -> &'static str {
        match self {
            Self::Available => "available",
            Self::Away => "away",
            Self::Busy => "busy",
            Self::Offline => "offline",
            Self::OutOfOffice => "out-of-office",
            Self::Unknown => "unknown",
        }
    }

    pub fn aria_label(&self) -> &'static str {
        match self {
            Self::Available => "Available",
            Self::Away => "Away",
            Self::Busy => "Busy",
            Self::Offline => "Offline",
            Self::OutOfOffice => "Out of office",
            Self::Unknown => "Unknown",
        }
    }
}

#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
pub enum PresenceBadgeSize {
    ExtraSmall,
    Small,
    #[default]
    Medium,
    Large,
    ExtraLarge,
}

impl PresenceBadgeSize {
    pub fn as_str(&self) -> &'static str {
        match self {
            Self::ExtraSmall => "extra-small",
            Self::Small => "small",
            Self::Medium => "medium",
            Self::Large => "large",
            Self::ExtraLarge => "extra-large",
        }
    }
}

#[component]
pub fn BasePresenceBadge(
    #[prop(optional, into)] class: MaybeProp<String>,
    #[prop(optional, into)] status: Signal<PresenceStatus>,
    #[prop(optional, into)] size: Signal<PresenceBadgeSize>,
    #[prop(optional)] children: Option<Children>,
) -> impl IntoView {
    let standalone = children.is_none();

    view! {
        <span
            class=move || {
                let mut parts = vec![
                    "orbital-presence-badge".to_string(),
                    format!("orbital-presence-badge--{}", status.get().as_str()),
                    format!("orbital-presence-badge--{}", size.get().as_str()),
                ];
                if standalone {
                    parts.push("orbital-presence-badge--standalone".to_string());
                }
                if let Some(extra) = class.get() {
                    if !extra.is_empty() {
                        parts.push(extra);
                    }
                }
                parts.join(" ")
            }
        >
            {children.map(|c| c())}
            <span
                class=move || {
                    format!(
                        "orbital-presence-badge__indicator orbital-presence-badge__indicator--{}",
                        status.get().as_str()
                    )
                }
                role="img"
                aria-label=move || status.get().aria_label()
            />
        </span>
    }
}