feat!(widget): rewrite button & icon widget APIs

src/widget/button/icon.rs

@@ -0,0 +1,179 @@
+// Copyright 2023 System76 <info@system76.com>
+// SPDX-License-Identifier: MPL-2.0
+
+use super::{button, Builder, Style};
+use crate::{widget::icon::Handle, Element};
+use apply::Apply;
+use iced_core::{font::Weight, text::LineHeight, widget::Id, Alignment, Length, Padding};
+use std::borrow::Cow;
+
+pub type Button<'a, Message> = Builder<'a, Message, Icon>;
+
+pub struct Icon {
+    handle: Handle,
+    selected: bool,
+    vertical: bool,
+}
+
+pub fn icon<Message>(handle: impl Into<Handle>) -> Button<'static, Message> {
+    Button::new(Icon {
+        handle: handle.into(),
+        selected: false,
+        vertical: false,
+    })
+}
+
+impl<'a, Message> Button<'a, Message> {
+    pub fn new(icon: Icon) -> Self {
+        crate::theme::THEME.with(|theme_cell| {
+            let theme = theme_cell.borrow();
+            let theme = theme.cosmic();
+            let padding = theme.space_xxs();
+
+            Self {
+                id: Id::unique(),
+                label: Cow::Borrowed(""),
+                on_press: None,
+                width: Length::Shrink,
+                height: Length::Fixed(46.0),
+                padding: Padding::from(padding),
+                spacing: theme.space_xxxs(),
+                icon_size: 16,
+                line_height: 20,
+                font_size: 14,
+                font_weight: Weight::Normal,
+                style: Style::Icon,
+                variant: icon,
+            }
+        })
+    }
+
+    /// Applies the **Extra Small** button size preset.
+    pub fn extra_small(mut self) -> Self {
+        crate::theme::THEME.with(|theme_cell| {
+            let theme = theme_cell.borrow();
+            let theme = theme.cosmic();
+
+            self.font_size = 14;
+            self.font_weight = Weight::Normal;
+            self.icon_size = 16;
+            self.line_height = 20;
+            self.height = Length::Fixed(36.0);
+            self.padding = Padding::from(theme.space_xxs());
+            self.spacing = theme.space_xxxs();
+        });
+
+        self
+    }
+
+    /// Applies the **Medium** button size preset.
+    pub fn medium(mut self) -> Self {
+        crate::theme::THEME.with(|theme_cell| {
+            let theme = theme_cell.borrow();
+            let theme = theme.cosmic();
+
+            self.font_size = 24;
+            self.font_weight = Weight::Normal;
+            self.icon_size = 32;
+            self.line_height = 32;
+            self.height = Length::Fixed(56.0);
+            self.padding = Padding::from(theme.space_xs());
+            self.spacing = theme.space_xxs();
+        });
+
+        self
+    }
+
+    /// Applies the **Large** button size preset.
+    pub fn large(mut self) -> Self {
+        crate::theme::THEME.with(|theme_cell| {
+            let theme = theme_cell.borrow();
+            let theme = theme.cosmic();
+
+            self.font_size = 28;
+            self.font_weight = Weight::Light;
+            self.icon_size = 40;
+            self.line_height = 36;
+            self.height = Length::Fixed(64.0);
+            self.padding = Padding::from(theme.space_xs());
+            self.spacing = theme.space_xxs();
+        });
+
+        self
+    }
+
+    /// Applies the **Extra Large** button size preset.
+    pub fn extra_large(mut self) -> Self {
+        crate::theme::THEME.with(|theme_cell| {
+            let theme = theme_cell.borrow();
+            let theme = theme.cosmic();
+            let padding = theme.space_xs();
+
+            self.font_size = 32;
+            self.font_weight = Weight::Light;
+            self.icon_size = 56;
+            self.line_height = 44;
+            self.height = Length::Fixed(80.0);
+            self.padding = Padding::from(padding);
+            self.spacing = theme.space_xxs();
+        });
+
+        self
+    }
+
+    pub fn selected(mut self, selected: bool) -> Self {
+        self.variant.selected = selected;
+        self
+    }
+}
+
+impl<'a, Message: Clone + 'static> From<Button<'a, Message>> for Element<'a, Message> {
+    fn from(builder: Button<'a, Message>) -> Element<'a, Message> {
+        let mut content = Vec::with_capacity(2);
+
+        content.push(
+            crate::widget::icon(builder.variant.handle.clone())
+                .size(builder.icon_size)
+                .into(),
+        );
+
+        if !builder.label.is_empty() {
+            content.push(
+                crate::widget::text(builder.label)
+                    .size(builder.font_size)
+                    .line_height(LineHeight::Absolute(builder.line_height.into()))
+                    .font({
+                        let mut font = crate::font::DEFAULT;
+                        font.weight = builder.font_weight;
+                        font
+                    })
+                    .into(),
+            );
+        }
+
+        let button = if builder.variant.vertical {
+            crate::widget::column::with_children(content)
+                .padding(builder.padding)
+                .width(builder.width)
+                .height(builder.height)
+                .spacing(builder.spacing)
+                .align_items(Alignment::Center)
+                .apply(button)
+        } else {
+            crate::widget::row::with_children(content)
+                .padding(builder.padding)
+                .width(builder.width)
+                .height(builder.height)
+                .spacing(builder.spacing)
+                .align_items(Alignment::Center)
+                .apply(button)
+        };
+
+        button
+            .padding(0)
+            .id(builder.id)
+            .on_press_maybe(builder.on_press)
+            .style(builder.style)
+            .into()
+    }
+}