thaw 0.4.8

An easy to use leptos component library
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

use crate::{InputRef, InputSize};
use leptos::prelude::*;
use std::collections::HashMap;
use thaw_utils::{ArcOneCallback, ComponentRef, Model};

#[slot]
pub struct AutoCompletePrefix {
    children: Children,
}

#[slot]
pub struct AutoCompleteSuffix {
    children: Children,
}

#[derive(Clone)]
pub(crate) struct AutoCompleteInjection {
    pub(super) value: Model<String>,
    pub(super) select_option: ArcOneCallback<String>,
    pub(super) options: StoredValue<HashMap<String, String>>,
}

impl AutoCompleteInjection {
    pub fn expect_context() -> Self {
        expect_context()
    }

    pub fn is_selected(&self, key: &String) -> bool {
        self.value.with(|value| value == key)
    }

    pub fn select_option(&self, value: String) {
        (self.select_option)(value);
    }

    pub fn insert_option(&self, id: String, value: String) {
        self.options.update_value(|options| {
            options.insert(id, value);
        });
    }

    pub fn remove_option(&self, id: &String) {
        self.options.update_value(|options| {
            options.remove(id);
        });
    }
}

#[derive(Clone)]
pub struct AutoCompleteRef {
    pub(super) input_ref: ComponentRef<InputRef>,
}

impl AutoCompleteRef {
    /// Focus the input element.
    pub fn focus(&self) {
        if let Some(input_ref) = self.input_ref.get_untracked() {
            input_ref.focus();
        }
    }

    /// Blur the input element.
    pub fn blur(&self) {
        if let Some(input_ref) = self.input_ref.get_untracked() {
            input_ref.blur();
        }
    }
}

#[derive(Debug, Default, PartialEq, Clone, Copy)]
pub enum AutoCompleteSize {
    Small,
    #[default]
    Medium,
    Large,
}

impl AutoCompleteSize {
    pub fn as_str(&self) -> &'static str {
        match self {
            Self::Small => "small",
            Self::Medium => "medium",
            Self::Large => "large",
        }
    }
}

impl From<AutoCompleteSize> for InputSize {
    fn from(value: AutoCompleteSize) -> Self {
        match value {
            AutoCompleteSize::Small => Self::Small,
            AutoCompleteSize::Medium => Self::Medium,
            AutoCompleteSize::Large => Self::Large,
        }
    }
}