freya-components 0.4.0-rc.18

Components for Freya apps
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

use freya_core::{
    integration::AppComponent,
    layers::Layer,
    prelude::*,
};
use torin::prelude::Position;

use crate::context_menu::{
    ContextMenu,
    ContextMenuCloseRequest,
};

pub fn integration(app: AppComponent) -> impl IntoElement {
    let platform = use_hook(Platform::get);
    let mut context = use_hook(ContextMenu::get);

    let on_global_key_down = move |e: Event<KeyboardEventData>| match e.key {
        Key::Named(NamedKey::Tab) if e.modifiers == Modifiers::SHIFT => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Backward(AccessibilityFocusMovement::OutsideGroup),
            ));
        }
        Key::Named(NamedKey::Tab) if e.modifiers.is_empty() => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Forward(AccessibilityFocusMovement::OutsideGroup),
            ));
        }
        Key::Named(NamedKey::ArrowUp) if e.modifiers.is_empty() => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Backward(AccessibilityFocusMovement::InsideGroup),
            ));
        }
        Key::Named(NamedKey::ArrowDown) if e.modifiers.is_empty() => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Forward(AccessibilityFocusMovement::InsideGroup),
            ));
        }
        _ => {}
    };

    let on_global_pointer_move = move |e: Event<PointerEventData>| {
        context.location.set(e.global_location());
    };

    rect()
        .on_global_pointer_move(on_global_pointer_move)
        .on_global_key_down(on_global_key_down)
        .child(app)
        .maybe_child(context.menu.read().clone().map(|(location, menu)| {
            let location = location.to_f32();
            rect()
                .layer(Layer::Overlay)
                .position(Position::new_global().left(location.x).top(location.y))
                .child(menu.on_close(move |_| match (context.close_request)() {
                    ContextMenuCloseRequest::None => {
                        context.close_request.set(ContextMenuCloseRequest::Pending);
                    }
                    ContextMenuCloseRequest::Pending => {
                        context.menu.set(None);
                        context.close_request.set(ContextMenuCloseRequest::None);
                    }
                }))
        }))
}