-
Notifications
You must be signed in to change notification settings - Fork 57
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: 🎸 HCPSDKFIORIUIKIT-2479 SwiftUI FUIStepper migration (#689)
- Loading branch information
1 parent
ba834a1
commit fefbb49
Showing
25 changed files
with
1,653 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
119 changes: 119 additions & 0 deletions
119
Apps/Examples/Examples/FioriSwiftUICore/FormCells/StepperViewExample.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,119 @@ | ||
| import FioriSwiftUICore | ||
| import SwiftUI | ||
|
|
||
| struct StepperViewExample: View { | ||
| @State var normalStepValue = "3" | ||
| @State var longTitleStepValue = "3" | ||
| @State var customStyleStepValue = "3" | ||
| @State var noHintStepValue = "79" | ||
| @State var negativeValue = "80" | ||
| @State var disabledValue = "63" | ||
| @State var isInputValueValid: Bool = true | ||
|
|
||
| var newStyle: any InformationViewStyle { | ||
| if self.isInputValueValid { | ||
| return InformationViewFioriStyle.fiori | ||
| } else { | ||
| return InformationViewErrorStyle.error | ||
| } | ||
| } | ||
|
|
||
| var body: some View { | ||
| List { | ||
| StepperView( | ||
| title: { Text("Value") }, | ||
| text: self.$normalStepValue, | ||
| step: 1, | ||
| stepRange: 0 ... 100, | ||
| description: { Text("Hint Text") } | ||
| ) | ||
| StepperView( | ||
| title: { Text("Value") }, | ||
| text: self.$negativeValue, | ||
| step: 1, | ||
| stepRange: 0 ... 100, | ||
| description: { Text(self.isInputValueValid ? "Hint Text" : "Validation failed.") } | ||
| ).onChange(of: self.negativeValue, perform: { value in | ||
| if Int(value) ?? 1 > 80 { | ||
| self.isInputValueValid = false | ||
| } else { | ||
| self.isInputValueValid = true | ||
| } | ||
| }) | ||
| .informationViewStyle(self.newStyle).typeErased | ||
| StepperView( | ||
| title: { Text("Value") }, | ||
| text: self.$disabledValue, | ||
| step: 1, | ||
| stepRange: 0 ... 100, | ||
| description: { Text("Disabled Stepper") } | ||
| ) | ||
| .disabled(true) | ||
| StepperView( | ||
| title: { Text("loooooooooooooooooooooongTitle") }, | ||
| text: self.$longTitleStepValue, | ||
| step: 3, | ||
| stepRange: 0 ... 100, | ||
| description: { Text("Increment/decrement 3 each step") } | ||
| ) | ||
| StepperView( | ||
| title: { Text("Value") }, | ||
| text: self.$noHintStepValue, | ||
| step: 1, | ||
| stepRange: 0 ... 100 | ||
| ) | ||
| StepperView( | ||
| title: { Text("Value") }, | ||
| text: self.$customStyleStepValue, | ||
| step: 1, | ||
| stepRange: 0 ... 100, | ||
| description: { Text("Custom style") } | ||
| ) | ||
| .titleStyle(content: { titleConfiguration in | ||
| titleConfiguration.title | ||
| .foregroundColor(.purple) | ||
| }) | ||
| .descriptionStyle(content: { config in | ||
| config.description | ||
| .foregroundColor(.purple) | ||
| }) | ||
| .stepperFieldStyle(content: { config in | ||
| StepperField(config) | ||
| .overlay(RoundedRectangle(cornerRadius: 10) | ||
| .stroke(lineWidth: 1) | ||
| .foregroundColor(.purple) | ||
| ) | ||
| }) | ||
| .textInputFieldStyle(content: { config in | ||
| TextInputField(config).foregroundColor(.purple) | ||
| }) | ||
| .incrementActionStyle(content: { config in | ||
| config.incrementAction.fioriButtonStyle(IncrementBtnStyle()) | ||
| }) | ||
| .decrementActionStyle(content: { config in | ||
| config.decrementAction.fioriButtonStyle(DecrementBtnStyle()) | ||
| }) | ||
| Spacer() | ||
| } | ||
| } | ||
|
|
||
| func getDescription(isValid: Bool) -> any View { | ||
| if isValid { | ||
| return EmptyView() | ||
| } else { | ||
| return Text("Validation failed") | ||
| } | ||
| } | ||
| } | ||
|
|
||
| struct IncrementBtnStyle: FioriButtonStyle { | ||
| func makeBody(configuration: FioriButtonStyle.Configuration) -> some View { | ||
| configuration.label.foregroundColor(Color.purple) | ||
| } | ||
| } | ||
|
|
||
| struct DecrementBtnStyle: FioriButtonStyle { | ||
| func makeBody(configuration: FioriButtonStyle.Configuration) -> some View { | ||
| configuration.label.foregroundColor(Color.purple) | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
35 changes: 35 additions & 0 deletions
35
Sources/FioriSwiftUICore/_FioriStyles/DecrementActionStyle.fiori.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| import FioriThemeManager | ||
|
|
||
| // Generated using Sourcery 2.1.7 — https://github.com/krzysztofzablocki/Sourcery | ||
| // DO NOT EDIT | ||
| import Foundation | ||
| import SwiftUI | ||
|
|
||
| /** | ||
| This file provides default fiori style for the component. | ||
| 1. Uncomment the following code. | ||
| 2. Implement layout and style in corresponding places. | ||
| 3. Delete `.generated` from file name. | ||
| 4. Move this file to `_FioriStyles` folder under `FioriSwiftUICore`. | ||
| */ | ||
|
|
||
| // Base Layout style | ||
| public struct DecrementActionBaseStyle: DecrementActionStyle { | ||
| @ViewBuilder | ||
| public func makeBody(_ configuration: DecrementActionConfiguration) -> some View { | ||
| // Add default layout here | ||
| configuration.decrementAction | ||
| } | ||
| } | ||
|
|
||
| // Default fiori styles | ||
| public struct DecrementActionFioriStyle: DecrementActionStyle { | ||
| @ViewBuilder | ||
| public func makeBody(_ configuration: DecrementActionConfiguration) -> some View { | ||
| DecrementAction(configuration) | ||
| // Add default style here | ||
| // .foregroundStyle(Color.preferredColor(<#fiori color#>)) | ||
| // .font(.fiori(forTextStyle: <#fiori font#>)) | ||
| } | ||
| } |
35 changes: 35 additions & 0 deletions
35
Sources/FioriSwiftUICore/_FioriStyles/IncrementActionStyle.fiori.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| import FioriThemeManager | ||
|
|
||
| // Generated using Sourcery 2.1.7 — https://github.com/krzysztofzablocki/Sourcery | ||
| // DO NOT EDIT | ||
| import Foundation | ||
| import SwiftUI | ||
|
|
||
| /** | ||
| This file provides default fiori style for the component. | ||
| 1. Uncomment the following code. | ||
| 2. Implement layout and style in corresponding places. | ||
| 3. Delete `.generated` from file name. | ||
| 4. Move this file to `_FioriStyles` folder under `FioriSwiftUICore`. | ||
| */ | ||
|
|
||
| // Base Layout style | ||
| public struct IncrementActionBaseStyle: IncrementActionStyle { | ||
| @ViewBuilder | ||
| public func makeBody(_ configuration: IncrementActionConfiguration) -> some View { | ||
| // Add default layout here | ||
| configuration.incrementAction | ||
| } | ||
| } | ||
|
|
||
| // Default fiori styles | ||
| public struct IncrementActionFioriStyle: IncrementActionStyle { | ||
| @ViewBuilder | ||
| public func makeBody(_ configuration: IncrementActionConfiguration) -> some View { | ||
| IncrementAction(configuration) | ||
| // Add default style here | ||
| // .foregroundStyle(Color.preferredColor(<#fiori color#>)) | ||
| // .font(.fiori(forTextStyle: <#fiori font#>)) | ||
| } | ||
| } |
Oops, something went wrong.