* replace NavigationStack with ElementNavigationStack to allow the content to be rendered without a NavigationStack in a11y tests * fix a11y tests * update xcodeproject * swiftformat fix * use iOS 26.1 for CI * use a wrapper to solve the issue for a11y tests * ElementNavigationStack only uses the trick in DEBUG mode, and added a swiftlint rule to prevent the usage of NavigationStack
90 lines
2.6 KiB
Swift
90 lines
2.6 KiB
Swift
//
|
|
// Copyright 2025 Element Creations Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
|
|
// Please see LICENSE files in the repository root for full details.
|
|
//
|
|
|
|
import Compound
|
|
import SwiftUI
|
|
|
|
struct ToolbarButton: View {
|
|
enum Role {
|
|
static let cancel = Role.cancel(title: L10n.actionCancel)
|
|
static let done = Role.confirm(title: L10n.actionDone)
|
|
static let save = Role.confirm(title: L10n.actionSave)
|
|
|
|
case cancel(title: String)
|
|
case confirm(title: String)
|
|
case destructive(title: String)
|
|
|
|
var title: String {
|
|
switch self {
|
|
case .cancel(let title), .confirm(let title), .destructive(let title):
|
|
title
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
var icon: some View {
|
|
switch self {
|
|
case .cancel:
|
|
CompoundIcon(\.close)
|
|
.foregroundStyle(.compound.iconPrimary)
|
|
case .confirm:
|
|
CompoundIcon(\.check)
|
|
.foregroundStyle(.compound.iconOnSolidPrimary)
|
|
case .destructive:
|
|
CompoundIcon(\.delete)
|
|
.foregroundStyle(.compound.iconOnSolidPrimary)
|
|
}
|
|
}
|
|
|
|
var tint: Color {
|
|
switch self {
|
|
case .cancel:
|
|
.compound.bgCanvasDefault
|
|
case .confirm:
|
|
.compound.bgAccentRest
|
|
case .destructive:
|
|
.compound.bgCriticalPrimary
|
|
}
|
|
}
|
|
}
|
|
|
|
let role: Role
|
|
let action: () -> Void
|
|
|
|
var body: some View {
|
|
if #available(iOS 26, *) {
|
|
Button(action: action) {
|
|
role.icon
|
|
.accessibilityLabel(role.title)
|
|
}
|
|
.tint(role.tint)
|
|
.backportButtonStyleGlassProminent()
|
|
} else {
|
|
Button(role.title, action: action)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct ToolbarButton_Previews: PreviewProvider, TestablePreview {
|
|
static var previews: some View {
|
|
ElementNavigationStack {
|
|
Color.clear
|
|
.toolbar {
|
|
ToolbarItem(placement: .confirmationAction) {
|
|
ToolbarButton(role: .done) { }
|
|
}
|
|
ToolbarItem(placement: .cancellationAction) {
|
|
ToolbarButton(role: .cancel) { }
|
|
}
|
|
ToolbarItem(placement: .primaryAction) {
|
|
ToolbarButton(role: .destructive(title: L10n.actionRemove)) { }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|