teksilo-widgets 0.9.0

Widget library for Teksilo — over a hundred widgets and layout primitives, from Button to TreeTableView.
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
99
100
101
102
103
104
105
106
107

// SPDX-License-Identifier: MPL-2.0
// SPDX-FileCopyrightText: 2026 FernTech

//! Default `SearchFieldStyle` impl + design tokens.
//!
//! Design tokens for `SearchField` live as `pub const`s on this module.
//! `SearchField` and `SuggestionPanel` read them directly when
//! building the magnifier glyph, the suggestion-list row chrome, and
//! the popup padding. The suggestion popup *surface* is routed through
//! `PopoverStyle::Menu`; only the row chrome + panel padding remain
//! SearchField-specific.

use teksilo_core::build_context::BuildContext;
use teksilo_core::styles::{SearchFieldStyle, SearchFieldStyleConfig, SharedSearchFieldStyle};
use teksilo_core::widget_id::WidgetId;

// ─── IntUI design tokens for SearchField ───────────────────────────

/// Visual size of the magnifier glyph drawn inside the leading slot.
pub const GLYPH_SIZE: f32 = 14.0;
/// Reserved width of the leading slot — wider than the glyph so it
/// doesn't sit flush against the field's leading edge.
pub const GLYPH_SLOT_WIDTH: f32 = 22.0;
/// Vertical gap between the input field and the suggestions popup
/// rendered below it.
pub const INPUT_PANEL_GAP: f32 = 2.0;
/// Padding between the popup surface border and the row column.
pub const PANEL_PADDING: f32 = 4.0;
/// Suggestion popup outer corner radius.
pub const PANEL_CORNER_RADIUS: f32 = 6.0;
/// Per-row hover-highlight corner radius.
pub const ROW_CORNER_RADIUS: f32 = 2.0;
pub const ROW_PADDING_HORIZONTAL: f32 = 10.0;
pub const ROW_PADDING_VERTICAL: f32 = 4.0;
pub const ROW_HEIGHT: f32 = 26.0;

/// Dimension tokens for `SearchField` bundled into a copyable struct.
///
/// `RecipeSearchFieldStyle::default()` fills every field from the
/// corresponding `pub const` above.  Apps that want a custom size can
/// construct `SearchFieldRecipe { row_height: 32.0, ..Default::default() }`
/// and pass it to `RecipeSearchFieldStyle::new(recipe)`.
#[derive(Debug, Clone, Copy, PartialEq)]
pub struct SearchFieldRecipe {
    pub glyph_size: f32,
    pub glyph_slot_width: f32,
    pub input_panel_gap: f32,
    pub panel_padding: f32,
    pub panel_corner_radius: f32,
    pub row_corner_radius: f32,
    pub row_padding_horizontal: f32,
    pub row_padding_vertical: f32,
    pub row_height: f32,
}

impl Default for SearchFieldRecipe {
    fn default() -> Self {
        Self {
            glyph_size: GLYPH_SIZE,
            glyph_slot_width: GLYPH_SLOT_WIDTH,
            input_panel_gap: INPUT_PANEL_GAP,
            panel_padding: PANEL_PADDING,
            panel_corner_radius: PANEL_CORNER_RADIUS,
            row_corner_radius: ROW_CORNER_RADIUS,
            row_padding_horizontal: ROW_PADDING_HORIZONTAL,
            row_padding_vertical: ROW_PADDING_VERTICAL,
            row_height: ROW_HEIGHT,
        }
    }
}

/// Default `SearchFieldStyle` shipped with Teksilo. Passthrough —
/// IntUI's search-field chrome lives inside `TextInput`'s leading
/// slot + clear button, which are already themed.
#[derive(Debug, Default, Clone, Copy)]
pub struct RecipeSearchFieldStyle {
    pub recipe: SearchFieldRecipe,
}

impl RecipeSearchFieldStyle {
    pub fn new(recipe: SearchFieldRecipe) -> Self {
        Self { recipe }
    }
}

impl SearchFieldStyle for RecipeSearchFieldStyle {
    fn make_body(&self, cfg: &SearchFieldStyleConfig, _ctx: &mut BuildContext) -> WidgetId {
        cfg.body
    }
}

pub fn resolve_search_field_style(
    override_: &Option<SharedSearchFieldStyle>,
    ctx: &BuildContext,
) -> SharedSearchFieldStyle {
    if let Some(s) = override_.clone() {
        return s;
    }
    ctx.theme_signal()
        .get()
        .style_slots
        .search_field
        .clone()
        .unwrap_or_else(|| {
            std::rc::Rc::new(RecipeSearchFieldStyle::default()) as SharedSearchFieldStyle
        })
}