orbital-core-components 0.1.1

Themed Orbital UI components for Leptos applications
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

use leptos::prelude::*;
use orbital_base_components::{BackdropMode, OpenBind};

use crate::BackdropConfig;

use super::types::SpotlightBackdrop;

/// Map spotlight backdrop options to core [`BackdropConfig`].
pub fn spotlight_backdrop_config(
    open: OpenBind,
    backdrop: SpotlightBackdrop,
    anchor_id: Signal<Option<String>>,
) -> Option<(BackdropConfig, Option<Callback<leptos::ev::MouseEvent>>)> {
    let show = open.signal();
    match backdrop {
        SpotlightBackdrop::None => None,
        SpotlightBackdrop::Dim { dismiss_on_click } => {
            let on_click = dismiss_on_click.then(|| {
                let open = open;
                Callback::new(move |_: leptos::ev::MouseEvent| open.set(false))
            });
            Some((BackdropConfig::new(show), on_click))
        }
        SpotlightBackdrop::Spotlight {
            padding,
            dismiss_on_click,
        } => {
            let on_click = dismiss_on_click.then(|| {
                let open = open;
                Callback::new(move |_: leptos::ev::MouseEvent| open.set(false))
            });
            Some((
                BackdropConfig::new(show).with_mode(BackdropMode::Spotlight { anchor_id, padding }),
                on_click,
            ))
        }
    }
}