[Horizon] Add AlertToast

packages/HorizonUI/Sources/HorizonUI/Sources/Components/Toast/HorizonUI.Toast.Storybook.ViewModel .swift

@@ -0,0 +1,78 @@
+//
+// This file is part of Canvas.
+// Copyright (C) 2025-present  Instructure, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as
+// published by the Free Software Foundation, either version 3 of the
+// License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+//
+
+import Foundation
+import Observation
+
+extension HorizonUI.Toast {
+    @Observable
+    final class StorybookViewModel {
+        var toastViewModel = HorizonUI.Toast.ViewModel(text: "", style: .info)
+
+        func showErrorToast() {
+            toastViewModel = HorizonUI.Toast.ViewModel(
+                text: "Nunc ut lacus ac libero ultrices vestibulum. Integer elementum.",
+                style: .error,
+                isShowCancelButton: true,
+                direction: .bottom,
+                dismissAfter: 2
+            )
+        }
+
+        func showSuccessToast() {
+            let confirmButton = HorizonUI.Toast.ButtonAttribute(title: "Yes Now") {
+                print("confirmButton")
+            }
+            toastViewModel = HorizonUI.Toast.ViewModel(
+                text: "Nunc ut lacus ac libero ultrices vestibulum. Integer elementum.",
+                style: .success,
+                isShowCancelButton: true,
+                direction: .top,
+                confirmActionButton: confirmButton
+            )
+
+        }
+
+        func showWarningToast() {
+            let cancelButton = HorizonUI.Toast.ButtonAttribute(title: "no") {
+                print("cancelButton")
+            }
+            let confirmButton = HorizonUI.Toast.ButtonAttribute(title: "Yes Now") {
+                print("confirmButton")
+            }
+            toastViewModel = HorizonUI.Toast.ViewModel(
+                text: "Nunc ut lacus ac libero ultrices vestibulum. Integer elementum.",
+                style: .warning,
+                isShowCancelButton: false,
+                direction: .bottom,
+                dismissAfter: 15,
+                confirmActionButton: confirmButton,
+                cancelActionButton: cancelButton
+            )
+        }
+
+        func showInfoToast() {
+            toastViewModel = HorizonUI.Toast.ViewModel(
+                text: "Nunc ut lacus ac libero ultrices vestibulum. Integer elementum.Nunc ut lacus ac libero ultrices vestibulum. Integer elementum.Nunc ut lacus ac libero ultrices vestibulum.",
+                style: .info,
+                isShowCancelButton: true,
+                direction: .top
+            )
+        }
+    }
+}

packages/HorizonUI/Sources/HorizonUI/Sources/Components/Toast/HorizonUI.Toast.Storybook.swift

@@ -0,0 +1,71 @@
+//
+// This file is part of Canvas.
+// Copyright (C) 2025-present  Instructure, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as
+// published by the Free Software Foundation, either version 3 of the
+// License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+//
+
+import SwiftUI
+
+public extension HorizonUI.Toast {
+    struct Storybook: View {
+        let viewModel = StorybookViewModel()
+        @State var isPresented: Bool = false
+
+        public  var body: some View {
+            VStack {
+                Button {
+                    viewModel.showInfoToast()
+                    isPresented = true
+                } label: {
+                    Text(verbatim: "Show Info Alert")
+                }
+
+                Button {
+                    viewModel.showErrorToast()
+                    isPresented = true
+                } label: {
+                    Text(verbatim: "Show Error Alert")
+                }
+
+                Button {
+                    viewModel.showSuccessToast()
+                    isPresented = true
+                } label: {
+                    Text(verbatim: "Show Success Alert")
+                }
+                Button {
+                    viewModel.showWarningToast()
+                    isPresented = true
+                } label: {
+                    Text(verbatim: "Show Warning Alert")
+                }
+
+                Button {
+                    isPresented = false
+                } label: {
+                    Text(verbatim: "Dismiss")
+                }
+            }
+            .frame(maxWidth: .infinity, maxHeight: .infinity)
+            .huiToast(viewModel: viewModel.toastViewModel, isPresented: $isPresented)
+            .padding(16)
+            .navigationTitle("Alert Toast")
+        }
+    }
+}
+
+#Preview {
+    HorizonUI.Toast.Storybook()
+}

packages/HorizonUI/Sources/HorizonUI/Sources/Components/Toast/HorizonUI.Toast.Style.swift

@@ -0,0 +1,51 @@
+//
+// This file is part of Canvas.
+// Copyright (C) 2025-present  Instructure, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as
+// published by the Free Software Foundation, either version 3 of the
+// License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+//
+
+import SwiftUI
+
+public extension HorizonUI.Toast {
+    enum Style {
+        case info
+        case success
+        case warning
+        case error
+
+        var color: Color {
+            switch self {
+            case .info: HorizonUI.colors.surface.attention
+            case .success: HorizonUI.colors.surface.success
+            case .warning: HorizonUI.colors.surface.warning
+            case .error: HorizonUI.colors.surface.error
+            }
+        }
+
+        var image: Image {
+            switch self {
+            case .info: HorizonUI.icons.info
+            case .success: HorizonUI.icons.check
+            case .warning: HorizonUI.icons.warning
+            case .error: HorizonUI.icons.error
+            }
+        }
+    }
+
+    enum Buttons {
+        case single(confirmButton: ButtonAttribute)
+        case double(cancelButton: ButtonAttribute, confirmButton: ButtonAttribute)
+    }
+}

packages/HorizonUI/Sources/HorizonUI/Sources/Components/Toast/HorizonUI.Toast.swift

@@ -0,0 +1,176 @@
+//
+// This file is part of Canvas.
+// Copyright (C) 2025-present  Instructure, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as
+// published by the Free Software Foundation, either version 3 of the
+// License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+//
+
+import SwiftUI
+
+public extension HorizonUI {
+    struct Toast: View {
+        // MARK: - Properties
+
+        private let cornerRadius = CornerRadius.level3
+
+        // MARK: - Dependencies
+
+        private let viewModel: Toast.ViewModel
+        private let onTapDismiss: (() -> Void)?
+
+        public init(
+            viewModel: Toast.ViewModel,
+            onTapDismiss: (() -> Void)? = nil
+        ) {
+            self.viewModel = viewModel
+            self.onTapDismiss = onTapDismiss
+        }
+
+        public var body: some View {
+            HStack(alignment: .top, spacing: .zero) {
+                alertIcon
+                VStack(alignment: .leading, spacing: .zero) {
+                    textView
+                        .padding(.huiSpaces.primitives.mediumSmall)
+                    groupButtons
+                        .padding(.bottom, .huiSpaces.primitives.mediumSmall)
+                }
+                trailingButtons
+                    .padding(.top,.huiSpaces.primitives.mediumSmall)
+            }
+            .frame(minHeight: 64)
+            .huiBorder(level: .level2, color: viewModel.style.color, radius: cornerRadius.attributes.radius)
+            .huiCornerRadius(level: cornerRadius)
+            .fixedSize(horizontal: false, vertical: true)
+        }
+
+        private var alertIcon: some View {
+            Rectangle()
+                .fill(viewModel.style.color)
+                .frame(width: 50)
+                .overlay {
+                    viewModel.style.image
+                        .foregroundStyle(Color.huiColors.icon.surfaceColored)
+                }
+        }
+
+        private var textView: some View {
+            Text(viewModel.text)
+                .foregroundStyle(Color.huiColors.text.body)
+                .huiTypography(.p1)
+                .frame(maxWidth: .infinity, alignment: .leading)
+        }
+
+        private var trailingButtons: some View {
+            HStack(spacing: .huiSpaces.primitives.mediumSmall) {
+                if case .single(confirmButton: let confirmButton) =  viewModel.buttons {
+                    HorizonUI.PrimaryButton(confirmButton.title, type: .black) {
+                        confirmButton.action()
+                    }
+                }
+                if viewModel.isShowCancelButton {
+                    HorizonUI.IconButton( HorizonUI.icons.close, type: .white) {
+                        onTapDismiss?()
+                    }
+                    .padding(.trailing, .huiSpaces.primitives.mediumSmall)
+                }
+            }
+        }
+
+        @ViewBuilder
+        private var groupButtons: some View {
+            if case let .double(cancelButton: cancelButton, confirmButton: confirmButton) =  viewModel.buttons  {
+                HStack {
+                    HorizonUI.PrimaryButton(cancelButton.title, type: .white) {
+                        cancelButton.action()
+                    }
+
+                    HorizonUI.PrimaryButton(confirmButton.title, type: .black) {
+                        confirmButton.action()
+                    }
+                }
+            }
+        }
+    }
+}
+
+public extension HorizonUI.Toast {
+    struct ButtonAttribute {
+        let title: String
+        let action: () -> Void
+
+        public init(
+            title: String,
+            action: @escaping () -> Void
+        ) {
+            self.title = title
+            self.action = action
+        }
+    }
+
+    struct ViewModel {
+        let text: String
+        let style: HorizonUI.Toast.Style
+        let isShowCancelButton: Bool
+        let buttons: HorizonUI.Toast.Buttons?
+        let direction: Direction
+        let dismissAfter: Double
+        public init(
+            text: String,
+            style: HorizonUI.Toast.Style,
+            isShowCancelButton: Bool = true,
+            direction: Direction = .bottom,
+            dismissAfter: Double = 2.0,
+            confirmActionButton: ButtonAttribute? = nil,
+            cancelActionButton: ButtonAttribute? = nil
+        ) {
+            self.text = text
+            self.style = style
+            self.isShowCancelButton = isShowCancelButton
+            self.direction = direction
+            self.dismissAfter = dismissAfter
+            if let confirmActionButton, let cancelActionButton {
+                buttons = .double(cancelButton: cancelActionButton, confirmButton: confirmActionButton)
+            } else if let confirmActionButton {
+                buttons = .single(confirmButton: confirmActionButton)
+            } else {
+                self.buttons = nil
+            }
+        }
+    }
+
+    enum Direction {
+        case top
+        case bottom
+
+        public var alignment: Alignment {
+            switch self {
+            case .top: return .top
+            case .bottom: return .bottom
+            }
+        }
+
+        public var edge: Edge {
+            switch self {
+            case .top: return .top
+            case .bottom: return .bottom
+            }
+        }
+    }
+}
+
+#Preview {
+    HorizonUI.Toast(viewModel: .init(text: "Alert Toast", style: .info))
+        .padding(5)
+}