nexus-stratum-components 0.1.0

Styled UI components for NexusStratum
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

//! Skeleton loader component for content placeholders.

use crate::common::merge_classes;
use stratum_core::aria::AriaAttributes;
use stratum_core::render::RenderOutput;

/// Properties for the Skeleton component.
#[derive(Debug, Clone, PartialEq, Default)]
pub struct SkeletonProps {
    pub class: Option<String>,
}

pub struct Skeleton;

impl Skeleton {
    const BASE: &'static str = "animate-pulse rounded-md bg-primary/10";

    pub fn classes(props: &SkeletonProps) -> String {
        merge_classes(Self::BASE, &props.class)
    }

    pub fn render(props: &SkeletonProps) -> RenderOutput {
        let classes = Self::classes(props);
        let mut aria = AriaAttributes::new();
        aria.busy = Some(true);
        aria.hidden = Some(true);

        RenderOutput::new()
            .with_tag("div")
            .with_class(classes)
            .with_aria(aria)
    }
}

#[cfg(test)]
mod tests {
    use super::*;

    #[test]
    fn skeleton_classes() {
        let props = SkeletonProps::default();
        let classes = Skeleton::classes(&props);
        assert!(classes.contains("animate-pulse"));
        assert!(classes.contains("rounded-md"));
    }

    #[test]
    fn skeleton_aria_busy() {
        let props = SkeletonProps::default();
        let output = Skeleton::render(&props);
        assert_eq!(output.aria.busy, Some(true));
        assert_eq!(output.aria.hidden, Some(true));
    }
}