fix(InputField): Avoid TextField auto expands horizontally (#289)

* fix(InputField): Avoid TextField auto expands horizontally

* IOS-8333

* Run swiftformat

---------

Co-authored-by: WanaldinoTelefonica <WanaldinoTelefonica@users.noreply.github.com>

Sources/MisticaSwiftUI/Components/Inputfield/InputField.swift

@@ -69,6 +69,7 @@ public struct InputField: View {
                         Text(placeholder)
                             .font(.textPreset1(weight: .regular))
                             .opacity(0)
+                            .lineLimit(1)
 
                         HStack {
                             leadingText
@@ -91,6 +92,7 @@ public struct InputField: View {
                         .offset(x: 0, y: placeholderOffset)
                         .animation(.misticaTimingCurve, value: placeholderTextColor)
                         .allowsHitTesting(false)
+                        .lineLimit(1)
                 }
 
                 trailingImage

Sources/MisticaSwiftUI/Components/Inputfield/LegacyTextField.swift

@@ -171,6 +171,18 @@ extension LegacyTextFieldCoordinator {
 
 private class ActionsTextField: UITextField {
     var canPerformActions = true
+
+    override func contentCompressionResistancePriority(for axis: NSLayoutConstraint.Axis) -> UILayoutPriority {
+        switch axis {
+        case .horizontal:
+            return .defaultLow
+        case .vertical:
+            fallthrough
+        @unknown default:
+            return super.contentCompressionResistancePriority(for: axis)
+        }
+    }
+
     override func canPerformAction(_ action: Selector, withSender sender: Any?) -> Bool {
         guard canPerformActions else { return false }
         return super.canPerformAction(action, withSender: sender)

Tests/MisticaSwiftUITests/UI/InputFieldTests.swift

@@ -72,6 +72,33 @@ final class InputFieldTests: XCTestCase {
             as: .image
         )
     }
+
+    func testLongText() {
+        let input = makeTemplate(style: .text, text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper at justo eget porta. Pellentesque sit amet felis vel eros commodo euismod vel quis nisl.")
+
+        assertSnapshot(
+            matching: input,
+            as: .image
+        )
+    }
+
+    func testLongPlaceholder() {
+        let input = makeTemplate(style: .text, placeholder: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper at justo eget porta. Pellentesque sit amet felis vel eros commodo euismod vel quis nisl.")
+
+        assertSnapshot(
+            matching: input,
+            as: .image
+        )
+    }
+
+    func testLongAssistiveText() {
+        let input = makeTemplate(style: .text, assistiveText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper at justo eget porta. Pellentesque sit amet felis vel eros commodo euismod vel quis nisl.")
+
+        assertSnapshot(
+            matching: input,
+            as: .image
+        )
+    }
 }
 
 private extension InputFieldTests {