Refactor POSSearchTextFieldStyle to a view modifier to avoid using private API _body.

Author: jaclync

WooCommerce/Classes/POS/Presentation/Item Search/POSSearchTextFieldStyle.swift

@@ -1,8 +1,8 @@
 import SwiftUI
 import WooFoundation
 
-/// Text field style for search fields that includes a magnifier icon and clear button
-struct POSSearchTextFieldStyle: TextFieldStyle {
+/// View modifier for search fields that includes a magnifier icon and clear button
+struct POSSearchTextFieldModifier: ViewModifier {
     private let focused: Bool
     @Binding private var searchTerm: String
     @ScaledMetric private var searchFieldHeight: CGFloat = 56.0
@@ -12,8 +12,8 @@ struct POSSearchTextFieldStyle: TextFieldStyle {
         self._searchTerm = searchTerm
     }
 
-    func _body(configuration: TextField<Self._Label>) -> some View {
-        configuration
+    func body(content: Content) -> some View {
+        content
         .textFieldStyle(WooRoundedBorderTextFieldStyle(
             focused: focused,
             focusedBorderColor: .posPrimary,
@@ -49,7 +49,13 @@ struct POSSearchTextFieldStyle: TextFieldStyle {
     }
 }
 
-private extension POSSearchTextFieldStyle {
+extension View {
+    func posSearchTextFieldStyle(focused: Bool, searchTerm: Binding<String>) -> some View {
+        modifier(POSSearchTextFieldModifier(focused: focused, searchTerm: searchTerm))
+    }
+}
+
+private extension POSSearchTextFieldModifier {
     enum Localization {
         static let searchFieldClearButtonAccessibilityLabel = NSLocalizedString(
             "pos.searchview.searchField.clearButton.accessibilityLabel",

WooCommerce/Classes/POS/Presentation/Item Search/POSSearchView.swift

@@ -47,8 +47,8 @@ struct POSSearchField: View {
             TextField(text: $searchTerm) {
                 Text(searchable.searchFieldPlaceholder)
             }
-            .textFieldStyle(POSSearchTextFieldStyle(focused: isSearchFieldFocused,
-                                                    searchTerm: $searchTerm))
+            .posSearchTextFieldStyle(focused: isSearchFieldFocused,
+                                     searchTerm: $searchTerm)
             .font(.posBodyLargeBold)
             .autocorrectionDisabled()
             .textInputAutocapitalization(.never)