yororen_ui 0.2.0

Reusable UI components and widgets built on top of gpui.
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

use gpui::{
    AbsoluteLength, DefiniteLength, Div, ElementId, InteractiveElement, IntoElement, ParentElement,
    RenderOnce, Styled, div, prelude::FluentBuilder,
};

pub fn button_group() -> ButtonGroup {
    ButtonGroup::new()
}

#[derive(IntoElement)]
pub struct ButtonGroup {
    element_id: ElementId,
    base: Div,
    children: Vec<gpui::AnyElement>,
    gap: Option<DefiniteLength>,
    radius: Option<AbsoluteLength>,
    connected: bool,
}

impl Default for ButtonGroup {
    fn default() -> Self {
        Self::new()
    }
}

impl ButtonGroup {
    pub fn new() -> Self {
        Self {
            element_id: "ui:button-group".into(),
            base: div(),
            children: Vec::new(),
            gap: None,
            radius: None,
            connected: false,
        }
    }

    pub fn id(mut self, id: impl Into<ElementId>) -> Self {
        self.element_id = id.into();
        self
    }

    /// Alias for `id(...)`. Use `key(...)` when you want to emphasize state identity.
    pub fn key(self, key: impl Into<ElementId>) -> Self {
        self.id(key)
    }

    pub fn gap(mut self, gap: DefiniteLength) -> Self {
        self.gap = Some(gap);
        self
    }

    pub fn radius(mut self, radius: AbsoluteLength) -> Self {
        self.radius = Some(radius);
        self
    }

    pub fn connected(mut self, connected: bool) -> Self {
        self.connected = connected;
        self
    }
}

impl ParentElement for ButtonGroup {
    fn extend(&mut self, elements: impl IntoIterator<Item = gpui::AnyElement>) {
        self.children.extend(elements);
    }
}

impl Styled for ButtonGroup {
    fn style(&mut self) -> &mut gpui::StyleRefinement {
        self.base.style()
    }
}

impl RenderOnce for ButtonGroup {
    fn render(self, _window: &mut gpui::Window, _cx: &mut gpui::App) -> impl IntoElement {
        let gap = self.gap;
        let radius = self.radius;
        let connected = self.connected;
        let element_id = self.element_id;

        let mut group = self.base.id(element_id).flex().items_center();
        if let Some(gap) = gap
            && !connected
        {
            group = group.gap(gap);
        }

        if connected {
            group = group
                .when_some(radius, |this, radius| this.rounded(radius))
                .overflow_hidden();
        }

        group.children(self.children)
    }
}