Implemented UnitInputFormatter in TextFieldTableViewCell

Author: pmusolino

WooCommerce/Classes/ViewRelated/Products/Edit Product/Product Settings/Menu Order/ProductMenuOrderViewController.swift

@@ -139,9 +139,10 @@ private extension ProductMenuOrderViewController {
             }
             }, onTextDidBeginEditing: {
                 //TODO: Add analytics track
-        })
+        }, inputFormatter: IntegerInputFormatter())
         cell.configure(viewModel: viewModel)
         cell.textField.applyBodyStyle()
+        cell.textField.keyboardType = .decimalPad
     }
 }
 

WooCommerce/Classes/ViewRelated/Products/Edit Product/Product Settings/Slug/ProductSlugViewController.swift

@@ -148,7 +148,7 @@ private extension ProductSlugViewController {
             }
             }, onTextDidBeginEditing: {
                 //TODO: Add analytics track
-        })
+        }, inputFormatter: nil)
         cell.configure(viewModel: viewModel)
         cell.textField.applyBodyStyle()
     }

WooCommerce/Classes/ViewRelated/Products/Edit Product/ProductFormTableViewDataSource.swift

@@ -128,7 +128,7 @@ private extension ProductFormTableViewDataSource {
             self?.onNameChange?(newName)
             }, onTextDidBeginEditing: {
                 ServiceLocator.analytics.track(.productDetailViewProductNameTapped)
-        })
+        }, inputFormatter: nil)
         cell.configure(viewModel: viewModel)
     }
 

WooCommerce/Classes/ViewRelated/ReusableViews/TextFieldTableViewCell.swift

@@ -8,10 +8,12 @@ final class TextFieldTableViewCell: UITableViewCell {
         let placeholder: String?
         let onTextChange: ((_ text: String?) -> Void)?
         let onTextDidBeginEditing: (() -> Void)?
+        let inputFormatter: UnitInputFormatter?
     }
 
     @IBOutlet weak var textField: UITextField!
 
+    private var viewModel: ViewModel?
     private var onTextChange: ((_ text: String?) -> Void)?
     private var onTextDidBeginEditing: (() -> Void)?
 
@@ -24,6 +26,7 @@ final class TextFieldTableViewCell: UITableViewCell {
     }
 
     func configure(viewModel: ViewModel) {
+        self.viewModel = viewModel
         onTextChange = viewModel.onTextChange
         onTextDidBeginEditing = viewModel.onTextDidBeginEditing
 
@@ -45,7 +48,9 @@ private extension TextFieldTableViewCell {
 
 private extension TextFieldTableViewCell {
     @objc func textFieldDidChange(textField: UITextField) {
-        onTextChange?(textField.text)
+        let formattedText = viewModel?.inputFormatter?.format(input: textField.text) ?? textField.text
+        textField.text = formattedText
+        onTextChange?(formattedText)
     }
 
     @objc func textFieldDidBegin(textField: UITextField) {
@@ -54,6 +59,19 @@ private extension TextFieldTableViewCell {
 }
 
 extension TextFieldTableViewCell: UITextFieldDelegate {
+    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
+        guard let text = textField.text,
+            let textRange = Range(range, in: text) else {
+                                                        return false
+        }
+        let updatedText = text.replacingCharacters(in: textRange,
+                                                   with: string)
+        guard let isValid = viewModel?.inputFormatter?.isValid(input: updatedText) else {
+            return true
+        }
+        return isValid == true
+    }
+
     func textFieldShouldReturn(_ textField: UITextField) -> Bool {
         textField.resignFirstResponder()
         return true