thaw_utils 0.1.2

Shared Thaw utility functions
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

use crate::BoxCallback;
use leptos::{html::Div, prelude::*};

pub fn call_on_click_outside(element: NodeRef<Div>, on_click: BoxCallback) {
    #[cfg(any(feature = "csr", feature = "hydrate"))]
    {
        let handle = window_event_listener(::leptos::ev::click, move |ev| {
            let Some(displayed_el) = element.get_untracked() else {
                return;
            };
            if ev.composed_path().includes(&displayed_el, 0) {
                return;
            }
            on_click();
        });
        on_cleanup(move || handle.remove());
    }
    #[cfg(not(any(feature = "csr", feature = "hydrate")))]
    {
        let _ = element;
        let _ = on_click;
    }
}

pub fn call_on_click_outside_with_list(refs: Vec<NodeRef<Div>>, on_click: BoxCallback) {
    #[cfg(any(feature = "csr", feature = "hydrate"))]
    {
        let handle = window_event_listener(::leptos::ev::click, move |ev| {
            let composed_path = ev.composed_path();
            if refs.iter().any(|r| {
                if let Some(el) = r.get_untracked() {
                    composed_path.includes(&el, 0)
                } else {
                    false
                }
            }) {
                return;
            }
            on_click();
        });
        on_cleanup(move || handle.remove());
    }
    #[cfg(not(any(feature = "csr", feature = "hydrate")))]
    {
        let _ = refs;
        let _ = on_click;
    }
}

pub fn on_click_outside<EF, CF>(els: EF, on_click: CF)
where
    EF: Fn() -> Option<Vec<web_sys::Element>> + 'static,
    CF: Fn() + 'static,
{
    #[cfg(any(feature = "csr", feature = "hydrate"))]
    {
        let handle = window_event_listener(::leptos::ev::click, move |ev| {
            let Some(els) = els() else {
                return;
            };
            let composed_path = ev.composed_path();
            if els.iter().any(|el| composed_path.includes(&el, 0)) {
                return;
            }
            on_click();
        });
        on_cleanup(move || handle.remove());
    }
    #[cfg(not(any(feature = "csr", feature = "hydrate")))]
    {
        let _ = els;
        let _ = on_click;
    }
}