feat: initial commit

2 files changed, 328 insertions, 0 deletions

diff --git a/src/dialog.rs b/src/dialog.rs
new file mode 100644
index 0000000..d1e7b9d
--- /dev/null
+++ b/src/dialog.rs
@@ -0,0 +1,282 @@
+//! Dialogs can be used to provide users with
+//! important information and make them act on it.
+use iced_core::{
+    self as core, Alignment, Element, Length, Padding, Pixels,
+    alignment::Vertical, color,
+};
+use iced_widget::{
+    Column, Container, Row, Theme, center, container, mouse_area, opaque,
+    stack, text, vertical_space,
+};
+
+/// A message dialog.
+///
+/// Only the content is required, [`buttons`] and the [`title`] are optional.
+///
+/// [`buttons`]: Dialog::with_buttons
+/// [`title`]: Dialog::title
+pub struct Dialog<'a, Message, Theme, Renderer>
+where
+    Renderer: 'a + core::text::Renderer,
+    Theme: 'a + Catalog,
+{
+    is_open: bool,
+    base: Element<'a, Message, Theme, Renderer>,
+    title: Option<String>,
+    content: Element<'a, Message, Theme, Renderer>,
+    buttons: Vec<Element<'a, Message, Theme, Renderer>>,
+    font: Option<Renderer::Font>,
+    width: Length,
+    height: Length,
+    spacing: f32,
+    padding: Padding,
+    button_alignment: Alignment,
+    title_class: <Theme as text::Catalog>::Class<'a>,
+    container_class: <Theme as container::Catalog>::Class<'a>,
+}
+
+impl<'a, Message, Theme, Renderer> Dialog<'a, Message, Theme, Renderer>
+where
+    Renderer: 'a + core::Renderer + core::text::Renderer,
+    Theme: 'a + Catalog,
+    Message: 'a + Clone,
+    <Theme as container::Catalog>::Class<'a>:
+        From<container::StyleFn<'a, Theme>>,
+{
+    /// Creates a new [`Dialog`] with the given base and dialog content.
+    pub fn new(
+        is_open: bool,
+        base: impl Into<Element<'a, Message, Theme, Renderer>>,
+        content: impl Into<Element<'a, Message, Theme, Renderer>>,
+    ) -> Self {
+        Self::with_buttons(is_open, base, content, Vec::new())
+    }
+
+    /// Creates a new [`Dialog`] with the given base, dialog content and buttons.
+    pub fn with_buttons(
+        is_open: bool,
+        base: impl Into<Element<'a, Message, Theme, Renderer>>,
+        content: impl Into<Element<'a, Message, Theme, Renderer>>,
+        buttons: Vec<Element<'a, Message, Theme, Renderer>>,
+    ) -> Self {
+        Self {
+            is_open,
+            base: base.into(),
+            title: None,
+            content: content.into(),
+            buttons,
+            font: None,
+            width: 400.into(),
+            height: 260.into(),
+            spacing: 8.0,
+            padding: 24.into(),
+            button_alignment: Alignment::Start,
+            title_class: <Theme as Catalog>::default_title(),
+            container_class: <Theme as Catalog>::default_container(),
+        }
+    }
+
+    /// Sets the [`Dialog`]'s title.
+    pub fn title(mut self, title: impl Into<String>) -> Self {
+        self.title = Some(title.into());
+        self
+    }
+
+    /// Sets the [`Dialog`]'s width.
+    pub fn width(mut self, width: impl Into<Length>) -> Self {
+        self.width = width.into();
+        self
+    }
+
+    /// Sets the [`Dialog`]'s height.
+    pub fn height(mut self, height: impl Into<Length>) -> Self {
+        self.height = height.into();
+        self
+    }
+
+    /// Sets the [`Dialog`]'s padding.
+    pub fn padding(mut self, padding: impl Into<Padding>) -> Self {
+        self.padding = padding.into();
+        self
+    }
+
+    /// Sets the [`Dialog`]'s spacing.
+    pub fn spacing(mut self, spacing: impl Into<Pixels>) -> Self {
+        self.spacing = spacing.into().0;
+        self
+    }
+
+    /// Sets the vertical alignment of the [`Dialog`]'s buttons.
+    pub fn align_buttons(mut self, align: impl Into<Vertical>) -> Self {
+        self.button_alignment = Alignment::from(align.into());
+        self
+    }
+
+    /// Sets the [`Font`] of the [`Dialog`]'s title.
+    ///
+    /// [`Font`]: https://docs.iced.rs/iced_core/text/trait.Renderer.html#associatedtype.Font
+    pub fn font(mut self, font: impl Into<Renderer::Font>) -> Self {
+        self.font = Some(font.into());
+        self
+    }
+
+    /// Adds a button to the [`Dialog`].
+    pub fn push_button(
+        mut self,
+        button: impl Into<Element<'a, Message, Theme, Renderer>>,
+    ) -> Self {
+        self.buttons.push(button.into());
+        self
+    }
+
+    /// Adds a button to the [`Dialog`], if `Some`.
+    pub fn push_button_maybe(
+        self,
+        button: Option<impl Into<Element<'a, Message, Theme, Renderer>>>,
+    ) -> Self {
+        if let Some(button) = button {
+            self.push_button(button)
+        } else {
+            self
+        }
+    }
+
+    /// Extends the [`Dialog`] with the given buttons.
+    pub fn extend(
+        self,
+        buttons: impl IntoIterator<Item = Element<'a, Message, Theme, Renderer>>,
+    ) -> Self {
+        buttons.into_iter().fold(self, Self::push_button)
+    }
+
+    /// Sets the style of the [`Dialog`]'s title.
+    #[must_use]
+    pub fn title_style(
+        mut self,
+        style: impl Fn(&Theme) -> text::Style + 'a,
+    ) -> Self
+    where
+        <Theme as text::Catalog>::Class<'a>: From<text::StyleFn<'a, Theme>>,
+    {
+        self.title_class = (Box::new(style) as text::StyleFn<'a, Theme>).into();
+        self
+    }
+
+    /// Sets the style of the [`Dialog`]'s container.
+    #[must_use]
+    pub fn container_style(
+        mut self,
+        style: impl Fn(&Theme) -> container::Style + 'a,
+    ) -> Self
+    where
+        <Theme as container::Catalog>::Class<'a>:
+            From<container::StyleFn<'a, Theme>>,
+    {
+        self.container_class =
+            (Box::new(style) as container::StyleFn<'a, Theme>).into();
+        self
+    }
+
+    fn view(self) -> Element<'a, Message, Theme, Renderer> {
+        if self.is_open {
+            let contents = Container::new(
+                Column::new()
+                    .push_maybe(self.title.map(|title| {
+                        let text = text(title)
+                            .size(20)
+                            .line_height(text::LineHeight::Absolute(Pixels(
+                                26.0,
+                            )))
+                            .class(self.title_class);
+
+                        if let Some(font) = self.font {
+                            text.font(font)
+                        } else {
+                            text
+                        }
+                    }))
+                    .push(vertical_space().height(12))
+                    .push(self.content),
+            )
+            .width(Length::Fill)
+            .padding(self.padding);
+
+            let buttons = Container::new(
+                Row::with_children(self.buttons).spacing(self.spacing),
+            )
+            .height(80)
+            .padding(self.padding);
+
+            let dialog = Container::new(
+                Column::new()
+                    .push(contents)
+                    .push(vertical_space())
+                    .push(buttons),
+            )
+            .width(self.width)
+            .height(self.height)
+            .class(self.container_class)
+            .clip(true);
+
+            modal(self.base, dialog)
+        } else {
+            self.base
+        }
+    }
+}
+
+impl<'a, Message, Theme, Renderer> From<Dialog<'a, Message, Theme, Renderer>>
+    for Element<'a, Message, Theme, Renderer>
+where
+    Renderer: 'a + core::Renderer + core::text::Renderer,
+    Theme: 'a + Catalog,
+    Message: 'a + Clone,
+    <Theme as container::Catalog>::Class<'a>:
+        From<container::StyleFn<'a, Theme>>,
+{
+    fn from(dialog: Dialog<'a, Message, Theme, Renderer>) -> Self {
+        dialog.view()
+    }
+}
+
+fn modal<'a, Message, Theme, Renderer>(
+    base: impl Into<Element<'a, Message, Theme, Renderer>>,
+    content: impl Into<Element<'a, Message, Theme, Renderer>>,
+) -> Element<'a, Message, Theme, Renderer>
+where
+    Message: 'a + Clone,
+    Renderer: 'a + core::Renderer,
+    Theme: 'a + container::Catalog,
+    Theme::Class<'a>: From<container::StyleFn<'a, Theme>>,
+{
+    let area =
+        mouse_area(center(opaque(content)).style(|_theme| container::Style {
+            background: Some(color!(0x000000, 0.3).into()),
+            ..Default::default()
+        }));
+
+    stack![base.into(), opaque(area)].into()
+}
+
+/// The theme catalog of a [`Dialog`].
+pub trait Catalog: text::Catalog + container::Catalog {
+    /// The default class for the [`Dialog`]'s title.
+    fn default_title<'a>() -> <Self as text::Catalog>::Class<'a> {
+        <Self as text::Catalog>::default()
+    }
+
+    /// The default class for the [`Dialog`]'s container.
+    fn default_container<'a>() -> <Self as container::Catalog>::Class<'a> {
+        <Self as container::Catalog>::default()
+    }
+}
+
+impl Catalog for Theme {
+    fn default_container<'a>() -> <Self as container::Catalog>::Class<'a> {
+        Box::new(|theme| {
+            container::background(
+                theme.extended_palette().background.base.color,
+            )
+        })
+    }
+}
diff --git a/src/lib.rs b/src/lib.rs
new file mode 100644
index 0000000..856a45c
--- /dev/null
+++ b/src/lib.rs
@@ -0,0 +1,46 @@
+//! Custom dialog for `iced`
+//!
+//! # Example
+//! See [here](https://github.com/pml68/iced_dialog/tree/master/example)
+pub mod dialog;
+use dialog::Dialog;
+use iced_core as core;
+use iced_core::alignment::Horizontal;
+use iced_widget::Button;
+use iced_widget::{container, text};
+
+/// Creates a new [`Dialog`] with the given base and dialog content.
+pub fn dialog<'a, Message, Theme, Renderer>(
+    is_open: bool,
+    base: impl Into<core::Element<'a, Message, Theme, Renderer>>,
+    content: impl Into<core::Element<'a, Message, Theme, Renderer>>,
+) -> Dialog<'a, Message, Theme, Renderer>
+where
+    Renderer: 'a + core::Renderer + core::text::Renderer,
+    Theme: 'a + dialog::Catalog,
+    Message: 'a + Clone,
+    <Theme as container::Catalog>::Class<'a>:
+        From<container::StyleFn<'a, Theme>>,
+{
+    Dialog::new(is_open, base, content)
+}
+
+/// Pre-styled [`Button`] for [`Dialog`]s.
+///
+/// [`Button`]: https://docs.iced.rs/iced/widget/struct.Button.html
+pub fn button<'a, Message, Theme, Renderer>(
+    content: &'a str,
+) -> Button<'a, Message, Theme, Renderer>
+where
+    Theme: 'a + iced_widget::button::Catalog + text::Catalog,
+    Renderer: 'a + core::Renderer + core::text::Renderer,
+{
+    iced_widget::button(
+        text(content)
+            .size(14)
+            .line_height(text::LineHeight::Absolute(core::Pixels(20.0)))
+            .align_x(Horizontal::Center),
+    )
+    .height(32)
+    .width(core::Length::Fill)
+}