cronixui 1.1.1 → 1.1.3

package/packages/rust/cronixui/src/components/search.rs

@@ -1,185 +1,185 @@
-//! Search component
-
-use egui::*;
-use crate::{colors::*, tokens::*};
-
-pub struct SearchItem {
-    pub title: String,
-    pub subtitle: Option<String>,
-}
-
-impl SearchItem {
-    pub fn new(title: impl Into<String>) -> Self {
-        Self { title: title.into(), subtitle: None }
-    }
-
-    pub fn subtitle(mut self, subtitle: impl Into<String>) -> Self {
-        self.subtitle = Some(subtitle.into());
-        self
-    }
-}
-
-pub struct Search {
-    pub items: Vec<SearchItem>,
-    pub query: String,
-    id: Id,
-}
-
-impl Search {
-    pub fn new(id: impl Into<Id>) -> Self {
-        Self { items: Vec::new(), query: String::new(), id: id.into() }
-    }
-
-    pub fn item(mut self, item: SearchItem) -> Self {
-        self.items.push(item);
-        self
-    }
-
-    pub fn set_items(&mut self, items: Vec<SearchItem>) {
-        self.items = items;
-    }
-
-    pub fn filter(&self) -> Vec<&SearchItem> {
-        if self.query.is_empty() {
-            return self.items.iter().collect();
-        }
-        self.items
-            .iter()
-            .filter(|item| item.title.to_lowercase().contains(&self.query.to_lowercase()))
-            .collect()
-    }
-
-    /// Render the search UI with text input and results list
-    pub fn show(&mut self, ui: &mut Ui) -> Option<usize> {
-        let colors = Colors::default();
-        let mut selected = None;
-
-        // Search input field
-        ui.horizontal(|ui| {
-            ui.label("🔍");
-            let response = ui.add(
-                TextEdit::singleline(&mut self.query)
-                    .hint_text("Search...")
-                    .desired_width(f32::INFINITY)
-                    .font(FontId::new(tokens::FONT_SIZE_BASE, FontFamily::Proportional)),
-            );
-
-            if response.has_focus() {
-                // Show results dropdown when focused
-            }
-        });
-
-        // Results list
-        let results = self.filter();
-        if !results.is_empty() {
-            egui::Frame::none()
-                .fill(colors.surface)
-                .stroke(egui::Stroke::new(1.0, colors.border))
-                .rounding(Rounding::same(tokens::RADIUS))
-                .inner_margin(SPACE_2)
-                .show(ui, |ui| {
-                    for (idx, item) in results.iter().enumerate() {
-                        let response = ui.horizontal(|ui| {
-                            ui.label(
-                                RichText::new(&item.title)
-                                    .size(tokens::FONT_SIZE_BASE)
-                                    .color(colors.text),
-                            );
-                            if let Some(subtitle) = &item.subtitle {
-                                ui.label(
-                                    RichText::new(subtitle)
-                                        .size(tokens::FONT_SIZE_SM)
-                                        .color(colors.text_muted),
-                                );
-                            }
-                        });
-
-                        if response.response.clicked() {
-                            // Find original index
-                            if let Some(orig_idx) = self.items.iter().position(|i| std::ptr::eq(i, *item)) {
-                                selected = Some(orig_idx);
-                            }
-                        }
-                    }
-                });
-        } else if !self.query.is_empty() {
-            ui.label(
-                RichText::new("No results found")
-                    .size(tokens::FONT_SIZE_SM)
-                    .color(colors.text_muted),
-            );
-        }
-
-        selected
-    }
-}
-
-impl Default for Search {
-    fn default() -> Self {
-        Self::new("default_search")
-    }
-}
-
-/// Functional search helper
-pub fn search(ui: &mut Ui, query: &mut String, items: &[SearchItem]) -> Vec<&SearchItem> {
-    let colors = Colors::default();
-
-    ui.add(
-        TextEdit::singleline(query)
-            .hint_text("Search...")
-            .desired_width(f32::INFINITY),
-    );
-
-    if query.is_empty() {
-        return items.iter().collect();
-    }
-
-    items
-        .iter()
-        .filter(|item| item.title.to_lowercase().contains(&query.to_lowercase()))
-        .collect()
-}
-
-/// Render search results list
-pub fn search_results(ui: &mut Ui, results: &[&SearchItem]) -> Option<usize> {
-    let colors = Colors::default();
-    let mut clicked = None;
-
-    if !results.is_empty() {
-        egui::Frame::none()
-            .fill(colors.surface)
-            .stroke(egui::Stroke::new(1.0, colors.border))
-            .rounding(Rounding::same(tokens::RADIUS))
-            .inner_margin(SPACE_2)
-            .show(ui, |ui| {
-                for (idx, item) in results.iter().enumerate() {
-                    let response = ui.horizontal(|ui| {
-                        ui.label(
-                            RichText::new(&item.title)
-                                .size(tokens::FONT_SIZE_BASE)
-                                .color(colors.text),
-                        );
-                        if let Some(subtitle) = &item.subtitle {
-                            ui.label(
-                                RichText::new(subtitle)
-                                    .size(tokens::FONT_SIZE_SM)
-                                    .color(colors.text_muted),
-                            );
-                        }
-                    });
-
-                    if response.response.clicked() {
-                        clicked = Some(idx);
-                    }
-                }
-            });
-    } else {
-        ui.label(
-            RichText::new("No results found")
-                .size(tokens::FONT_SIZE_SM)
-                .color(colors.text_muted),
-        );
-    }
-
-    clicked
-}
+//! Search component
+
+use egui::*;
+use crate::{colors::*, tokens::*};
+
+pub struct SearchItem {
+    pub title: String,
+    pub subtitle: Option<String>,
+}
+
+impl SearchItem {
+    pub fn new(title: impl Into<String>) -> Self {
+        Self { title: title.into(), subtitle: None }
+    }
+
+    pub fn subtitle(mut self, subtitle: impl Into<String>) -> Self {
+        self.subtitle = Some(subtitle.into());
+        self
+    }
+}
+
+pub struct Search {
+    pub items: Vec<SearchItem>,
+    pub query: String,
+    id: Id,
+}
+
+impl Search {
+    pub fn new(id: impl Into<Id>) -> Self {
+        Self { items: Vec::new(), query: String::new(), id: id.into() }
+    }
+
+    pub fn item(mut self, item: SearchItem) -> Self {
+        self.items.push(item);
+        self
+    }
+
+    pub fn set_items(&mut self, items: Vec<SearchItem>) {
+        self.items = items;
+    }
+
+    pub fn filter(&self) -> Vec<&SearchItem> {
+        if self.query.is_empty() {
+            return self.items.iter().collect();
+        }
+        self.items
+            .iter()
+            .filter(|item| item.title.to_lowercase().contains(&self.query.to_lowercase()))
+            .collect()
+    }
+
+    /// Render the search UI with text input and results list
+    pub fn show(&mut self, ui: &mut Ui) -> Option<usize> {
+        let colors = Colors::default();
+        let mut selected = None;
+
+        // Search input field
+        ui.horizontal(|ui| {
+            ui.label("🔍");
+            let response = ui.add(
+                TextEdit::singleline(&mut self.query)
+                    .hint_text("Search...")
+                    .desired_width(f32::INFINITY)
+                    .font(FontId::new(tokens::FONT_SIZE_BASE, FontFamily::Proportional)),
+            );
+
+            if response.has_focus() {
+                // Show results dropdown when focused
+            }
+        });
+
+        // Results list
+        let results = self.filter();
+        if !results.is_empty() {
+            egui::Frame::none()
+                .fill(colors.surface)
+                .stroke(egui::Stroke::new(1.0, colors.border))
+                .rounding(Rounding::same(tokens::RADIUS))
+                .inner_margin(SPACE_2)
+                .show(ui, |ui| {
+                    for (idx, item) in results.iter().enumerate() {
+                        let response = ui.horizontal(|ui| {
+                            ui.label(
+                                RichText::new(&item.title)
+                                    .size(tokens::FONT_SIZE_BASE)
+                                    .color(colors.text),
+                            );
+                            if let Some(subtitle) = &item.subtitle {
+                                ui.label(
+                                    RichText::new(subtitle)
+                                        .size(tokens::FONT_SIZE_SM)
+                                        .color(colors.text_muted),
+                                );
+                            }
+                        });
+
+                        if response.response.clicked() {
+                            // Find original index
+                            if let Some(orig_idx) = self.items.iter().position(|i| std::ptr::eq(i, *item)) {
+                                selected = Some(orig_idx);
+                            }
+                        }
+                    }
+                });
+        } else if !self.query.is_empty() {
+            ui.label(
+                RichText::new("No results found")
+                    .size(tokens::FONT_SIZE_SM)
+                    .color(colors.text_muted),
+            );
+        }
+
+        selected
+    }
+}
+
+impl Default for Search {
+    fn default() -> Self {
+        Self::new("default_search")
+    }
+}
+
+/// Functional search helper
+pub fn search(ui: &mut Ui, query: &mut String, items: &[SearchItem]) -> Vec<&SearchItem> {
+    let colors = Colors::default();
+
+    ui.add(
+        TextEdit::singleline(query)
+            .hint_text("Search...")
+            .desired_width(f32::INFINITY),
+    );
+
+    if query.is_empty() {
+        return items.iter().collect();
+    }
+
+    items
+        .iter()
+        .filter(|item| item.title.to_lowercase().contains(&query.to_lowercase()))
+        .collect()
+}
+
+/// Render search results list
+pub fn search_results(ui: &mut Ui, results: &[&SearchItem]) -> Option<usize> {
+    let colors = Colors::default();
+    let mut clicked = None;
+
+    if !results.is_empty() {
+        egui::Frame::none()
+            .fill(colors.surface)
+            .stroke(egui::Stroke::new(1.0, colors.border))
+            .rounding(Rounding::same(tokens::RADIUS))
+            .inner_margin(SPACE_2)
+            .show(ui, |ui| {
+                for (idx, item) in results.iter().enumerate() {
+                    let response = ui.horizontal(|ui| {
+                        ui.label(
+                            RichText::new(&item.title)
+                                .size(tokens::FONT_SIZE_BASE)
+                                .color(colors.text),
+                        );
+                        if let Some(subtitle) = &item.subtitle {
+                            ui.label(
+                                RichText::new(subtitle)
+                                    .size(tokens::FONT_SIZE_SM)
+                                    .color(colors.text_muted),
+                            );
+                        }
+                    });
+
+                    if response.response.clicked() {
+                        clicked = Some(idx);
+                    }
+                }
+            });
+    } else {
+        ui.label(
+            RichText::new("No results found")
+                .size(tokens::FONT_SIZE_SM)
+                .color(colors.text_muted),
+        );
+    }
+
+    clicked
+}

package/packages/rust/cronixui/src/components/skeleton.rs

@@ -1,63 +1,63 @@
-//! Skeleton loading placeholder
-
-use egui::*;
-
-use crate::{colors::*, tokens::*};
-
-pub struct Skeleton {
-    pub width: f32,
-    pub height: f32,
-    pub variant: SkeletonVariant,
-}
-
-#[derive(Clone, Copy)]
-pub enum SkeletonVariant {
-    Text,
-    Title,
-    Avatar,
-    Block,
-}
-
-impl Skeleton {
-    pub fn text() -> Self {
-        Self { width: 100.0, height: 14.0, variant: SkeletonVariant::Text }
-    }
-
-    pub fn title() -> Self {
-        Self { width: 150.0, height: 20.0, variant: SkeletonVariant::Title }
-    }
-
-    pub fn avatar() -> Self {
-        Self { width: 40.0, height: 40.0, variant: SkeletonVariant::Avatar }
-    }
-
-    pub fn block(width: f32, height: f32) -> Self {
-        Self { width, height, variant: SkeletonVariant::Block }
-    }
-
-    pub fn width(mut self, width: f32) -> Self {
-        self.width = width;
-        self
-    }
-
-    pub fn height(mut self, height: f32) -> Self {
-        self.height = height;
-        self
-    }
-
-    pub fn show(&self, ui: &mut Ui) -> Response {
-        let colors = Colors::default();
-
-        let rounding = match self.variant {
-            SkeletonVariant::Avatar => Rounding::same(self.width / 2.0),
-            SkeletonVariant::Block => Rounding::same(tokens::RADIUS),
-            _ => Rounding::same(tokens::RADIUS_SM),
-        };
-
-        let (rect, response) = ui.allocate_at_least(vec2(self.width, self.height), Sense::hover());
-        ui.painter().rect_filled(rect, rounding, colors.surface_3);
-        ui.painter().rect_stroke(rect, rounding, Stroke::new(1.0, colors.border));
-
-        response
-    }
-}
+//! Skeleton loading placeholder
+
+use egui::*;
+
+use crate::{colors::*, tokens::*};
+
+pub struct Skeleton {
+    pub width: f32,
+    pub height: f32,
+    pub variant: SkeletonVariant,
+}
+
+#[derive(Clone, Copy)]
+pub enum SkeletonVariant {
+    Text,
+    Title,
+    Avatar,
+    Block,
+}
+
+impl Skeleton {
+    pub fn text() -> Self {
+        Self { width: 100.0, height: 14.0, variant: SkeletonVariant::Text }
+    }
+
+    pub fn title() -> Self {
+        Self { width: 150.0, height: 20.0, variant: SkeletonVariant::Title }
+    }
+
+    pub fn avatar() -> Self {
+        Self { width: 40.0, height: 40.0, variant: SkeletonVariant::Avatar }
+    }
+
+    pub fn block(width: f32, height: f32) -> Self {
+        Self { width, height, variant: SkeletonVariant::Block }
+    }
+
+    pub fn width(mut self, width: f32) -> Self {
+        self.width = width;
+        self
+    }
+
+    pub fn height(mut self, height: f32) -> Self {
+        self.height = height;
+        self
+    }
+
+    pub fn show(&self, ui: &mut Ui) -> Response {
+        let colors = Colors::default();
+
+        let rounding = match self.variant {
+            SkeletonVariant::Avatar => Rounding::same(self.width / 2.0),
+            SkeletonVariant::Block => Rounding::same(tokens::RADIUS),
+            _ => Rounding::same(tokens::RADIUS_SM),
+        };
+
+        let (rect, response) = ui.allocate_at_least(vec2(self.width, self.height), Sense::hover());
+        ui.painter().rect_filled(rect, rounding, colors.surface_3);
+        ui.painter().rect_stroke(rect, rounding, Stroke::new(1.0, colors.border));
+
+        response
+    }
+}

package/packages/rust/cronixui/src/components/table.rs

@@ -1,56 +1,56 @@
-//! Table component
-
-use egui::*;
-use crate::{colors::*, tokens::*};
-
-pub struct Table<'a> {
-    headers: Vec<&'a str>,
-    rows: Vec<Vec<String>>,
-}
-
-impl<'a> Table<'a> {
-    pub fn new(headers: impl IntoIterator<Item = &'a str>) -> Self {
-        Self { headers: headers.into_iter().collect(), rows: Vec::new() }
-    }
-
-    pub fn row(mut self, cells: impl IntoIterator<Item = impl Into<String>>) -> Self {
-        self.rows.push(cells.into_iter().map(|s| s.into()).collect());
-        self
-    }
-
-    pub fn show(&self, ui: &mut Ui) {
-        let colors = Colors::default();
-
-        // Render headers
-        ui.horizontal(|ui| {
-            for header in &self.headers {
-                egui::Frame::none()
-                    .fill(colors.surface_2)
-                    .stroke(egui::Stroke::new(1.0, colors.border))
-                    .rounding(Rounding::same(tokens::RADIUS_SM))
-                    .inner_margin(vec2(tokens::SPACE_2, tokens::SPACE_1))
-                    .show(ui, |ui| {
-                        ui.strong(*header);
-                    });
-            }
-        });
-
-        ui.add_space(tokens::SPACE_2);
-
-        // Render rows
-        for row in &self.rows {
-            ui.horizontal(|ui| {
-                for cell in row {
-                    egui::Frame::none()
-                        .fill(colors.surface)
-                        .stroke(egui::Stroke::new(1.0, colors.border))
-                        .rounding(Rounding::same(tokens::RADIUS_SM))
-                        .inner_margin(vec2(tokens::SPACE_2, tokens::SPACE_1))
-                        .show(ui, |ui| {
-                            ui.label(cell);
-                        });
-                }
-            });
-        }
-    }
-}
+//! Table component
+
+use egui::*;
+use crate::{colors::*, tokens::*};
+
+pub struct Table<'a> {
+    headers: Vec<&'a str>,
+    rows: Vec<Vec<String>>,
+}
+
+impl<'a> Table<'a> {
+    pub fn new(headers: impl IntoIterator<Item = &'a str>) -> Self {
+        Self { headers: headers.into_iter().collect(), rows: Vec::new() }
+    }
+
+    pub fn row(mut self, cells: impl IntoIterator<Item = impl Into<String>>) -> Self {
+        self.rows.push(cells.into_iter().map(|s| s.into()).collect());
+        self
+    }
+
+    pub fn show(&self, ui: &mut Ui) {
+        let colors = Colors::default();
+
+        // Render headers
+        ui.horizontal(|ui| {
+            for header in &self.headers {
+                egui::Frame::none()
+                    .fill(colors.surface_2)
+                    .stroke(egui::Stroke::new(1.0, colors.border))
+                    .rounding(Rounding::same(tokens::RADIUS_SM))
+                    .inner_margin(vec2(tokens::SPACE_2, tokens::SPACE_1))
+                    .show(ui, |ui| {
+                        ui.strong(*header);
+                    });
+            }
+        });
+
+        ui.add_space(tokens::SPACE_2);
+
+        // Render rows
+        for row in &self.rows {
+            ui.horizontal(|ui| {
+                for cell in row {
+                    egui::Frame::none()
+                        .fill(colors.surface)
+                        .stroke(egui::Stroke::new(1.0, colors.border))
+                        .rounding(Rounding::same(tokens::RADIUS_SM))
+                        .inner_margin(vec2(tokens::SPACE_2, tokens::SPACE_1))
+                        .show(ui, |ui| {
+                            ui.label(cell);
+                        });
+                }
+            });
+        }
+    }
+}