9f847454e7
* Fix Timeline on Xcode 14/iOS 16
Raise requirement to iOS 16+
Reduce pagination jumping.
Sonarcloud fixes.
Fix verification test.
Adopt if let optional { syntax.
* Remove unused ScrollViewReader
The ScrollViewReader didn't appear to change the behaviour.
* Fix warnings on Run Scripts.
Run script build phase 'SwiftLint' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase.
128 lines
4.6 KiB
Swift
128 lines
4.6 KiB
Swift
//
|
|
// Copyright 2022 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import DesignTokens
|
|
import Introspect
|
|
import SwiftUI
|
|
|
|
/// A bordered style of text input
|
|
///
|
|
/// As defined in:
|
|
/// https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=2039%3A26415
|
|
public struct BorderedInputFieldStyle: TextFieldStyle {
|
|
@Environment(\.isEnabled) var isEnabled
|
|
@Environment(\.colorScheme) var colorScheme
|
|
|
|
public var isEditing: Bool
|
|
public var isError: Bool
|
|
public var returnKey: UIReturnKeyType?
|
|
|
|
private var borderColor: Color {
|
|
guard !isError else { return .element.alert }
|
|
return isEditing ? .element.accent : .element.quinaryContent
|
|
}
|
|
|
|
private var accentColor: Color {
|
|
isError ? .element.alert : .element.accent
|
|
}
|
|
|
|
private var textColor: Color {
|
|
if colorScheme == .dark {
|
|
return isEnabled ? .element.primaryContent : .element.tertiaryContent
|
|
} else {
|
|
return isEnabled ? .element.primaryContent : .element.quaternaryContent
|
|
}
|
|
}
|
|
|
|
private var backgroundColor: Color {
|
|
if !isEnabled, colorScheme == .dark {
|
|
return .element.quinaryContent
|
|
}
|
|
return .element.background
|
|
}
|
|
|
|
private var placeholderColor: Color {
|
|
.element.tertiaryContent
|
|
}
|
|
|
|
private var borderWidth: CGFloat {
|
|
isEditing || isError ? 2.0 : 1.5
|
|
}
|
|
|
|
/// Creates the text field style configured as required.
|
|
/// - Parameters:
|
|
/// - isEditing: Whether or not the text field is currently being edited.
|
|
/// - isError: Whether or not the text field is currently in the error state.
|
|
/// - returnKey: The return key to be used. Pass `nil` for iOS 15+ and use `.submitLabel` instead.
|
|
public init(isEditing: Bool = false, isError: Bool = false, returnKey: UIReturnKeyType? = .done) {
|
|
self.isEditing = isEditing
|
|
self.isError = isError
|
|
self.returnKey = returnKey
|
|
}
|
|
|
|
public func _body(configuration: TextField<_Label>) -> some View {
|
|
let rect = RoundedRectangle(cornerRadius: 8.0)
|
|
return configuration
|
|
.font(.element.callout)
|
|
.foregroundColor(textColor)
|
|
.accentColor(accentColor)
|
|
.padding(.vertical, 12.0)
|
|
.padding(.horizontal, 8.0)
|
|
.background(backgroundColor)
|
|
.clipShape(rect)
|
|
.overlay(rect.stroke(borderColor, lineWidth: borderWidth))
|
|
.introspectTextField { textField in
|
|
if let returnKey {
|
|
textField.returnKeyType = returnKey
|
|
}
|
|
|
|
textField.clearButtonMode = .whileEditing
|
|
textField.attributedPlaceholder = NSAttributedString(string: textField.placeholder ?? "",
|
|
attributes: [NSAttributedString.Key.foregroundColor: UIColor(placeholderColor)])
|
|
}
|
|
}
|
|
}
|
|
|
|
public struct BorderedInputFieldStyle_Previews: PreviewProvider {
|
|
public static var states: some View {
|
|
VStack {
|
|
TextField("Placeholder", text: .constant(""))
|
|
.textFieldStyle(BorderedInputFieldStyle())
|
|
TextField("Placeholder", text: .constant(""))
|
|
.textFieldStyle(BorderedInputFieldStyle(isEditing: true))
|
|
TextField("Placeholder", text: .constant("Web"))
|
|
.textFieldStyle(BorderedInputFieldStyle())
|
|
TextField("Placeholder", text: .constant("Web"))
|
|
.textFieldStyle(BorderedInputFieldStyle(isEditing: true))
|
|
TextField("Placeholder", text: .constant("Web"))
|
|
.textFieldStyle(BorderedInputFieldStyle())
|
|
.disabled(true)
|
|
TextField("Placeholder", text: .constant("Web"))
|
|
.textFieldStyle(BorderedInputFieldStyle(isEditing: true, isError: true))
|
|
}
|
|
.padding()
|
|
}
|
|
|
|
public static var previews: some View {
|
|
Group {
|
|
states
|
|
.preferredColorScheme(.light)
|
|
states
|
|
.preferredColorScheme(.dark)
|
|
}
|
|
}
|
|
}
|