
 - Adds the Switch component - Updates `Selected`, `Selectable` -> `ToggleState`, `Toggleable` - Adds `checkbox` and `switch` functions to align better with other elements in our layout system. We decided not to merge Switch and Checkbox. However, in a followup I'll introduce a Toggle or AnyToggle enum so we can update `CheckboxWithLabel` -> `ToggleWithLabel` as this component will work exactly the same with either a Checkbox or a Switch. Release Notes: - N/A
73 lines
1.9 KiB
Rust
73 lines
1.9 KiB
Rust
#![allow(missing_docs)]
|
|
use std::sync::Arc;
|
|
|
|
use gpui::{ClickEvent, CursorStyle};
|
|
|
|
use crate::{prelude::*, Color, IconButton, IconButtonShape, IconName, IconSize};
|
|
|
|
#[derive(IntoElement)]
|
|
pub struct Disclosure {
|
|
id: ElementId,
|
|
is_open: bool,
|
|
selected: bool,
|
|
on_toggle: Option<Arc<dyn Fn(&ClickEvent, &mut WindowContext) + 'static>>,
|
|
cursor_style: CursorStyle,
|
|
}
|
|
|
|
impl Disclosure {
|
|
pub fn new(id: impl Into<ElementId>, is_open: bool) -> Self {
|
|
Self {
|
|
id: id.into(),
|
|
is_open,
|
|
selected: false,
|
|
on_toggle: None,
|
|
cursor_style: CursorStyle::PointingHand,
|
|
}
|
|
}
|
|
|
|
pub fn on_toggle(
|
|
mut self,
|
|
handler: impl Into<Option<Arc<dyn Fn(&ClickEvent, &mut WindowContext) + 'static>>>,
|
|
) -> Self {
|
|
self.on_toggle = handler.into();
|
|
self
|
|
}
|
|
}
|
|
|
|
impl Toggleable for Disclosure {
|
|
fn toggle_state(mut self, selected: bool) -> Self {
|
|
self.selected = selected;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl Clickable for Disclosure {
|
|
fn on_click(mut self, handler: impl Fn(&ClickEvent, &mut WindowContext) + 'static) -> Self {
|
|
self.on_toggle = Some(Arc::new(handler));
|
|
self
|
|
}
|
|
|
|
fn cursor_style(mut self, cursor_style: gpui::CursorStyle) -> Self {
|
|
self.cursor_style = cursor_style;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl RenderOnce for Disclosure {
|
|
fn render(self, _cx: &mut WindowContext) -> impl IntoElement {
|
|
IconButton::new(
|
|
self.id,
|
|
match self.is_open {
|
|
true => IconName::ChevronDown,
|
|
false => IconName::ChevronRight,
|
|
},
|
|
)
|
|
.shape(IconButtonShape::Square)
|
|
.icon_color(Color::Muted)
|
|
.icon_size(IconSize::Small)
|
|
.toggle_state(self.selected)
|
|
.when_some(self.on_toggle, move |this, on_toggle| {
|
|
this.on_click(move |event, cx| on_toggle(event, cx))
|
|
})
|
|
}
|
|
}
|