Title stack

MisticaCatalog/Source/Catalog/Mistica/Components/UICatalogSectionTitleViewController.swift

@@ -53,7 +53,7 @@ class UICatalogSectionTitleViewController: UITableViewController {
         tableView.sectionFooterHeight = 0.0
 
         tableView.register(ListTableViewCell.self, forCellReuseIdentifier: Constants.listCellReusableIdentifier)
-        tableView.register(TitleView.self, forHeaderFooterViewReuseIdentifier: Constants.sectionTitleReusableIdentifier)
+        tableView.register(TitleHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: Constants.sectionTitleReusableIdentifier)
     }
 
     override func numberOfSections(in _: UITableView) -> Int {
@@ -74,11 +74,14 @@ class UICatalogSectionTitleViewController: UITableViewController {
     }
 
     override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
-        let headerView = tableView.dequeueReusableHeaderFooterView(withIdentifier: Constants.sectionTitleReusableIdentifier) as! TitleView
+        let headerView = tableView.dequeueReusableHeaderFooterView(withIdentifier: Constants.sectionTitleReusableIdentifier) as! TitleHeaderFooterView
         let style = Constants.styles[section]
         headerView.title = style.title
         headerView.style = style.titleStyle
         headerView.linkTitle = style.linkTitle
+        headerView.onLinkLabelTapped = {
+            print("onLinkLabelTapped")
+        }
         return headerView
     }
 }

Sources/Mistica/Components/Title/TitleHeaderFooterView.swift

@@ -0,0 +1,91 @@
+//
+//  TitleHeaderFooterView.swift
+//
+//  Made with ❤️ by Novum
+//
+//  Copyright © Telefonica. All rights reserved.
+//
+
+import UIKit
+
+public class TitleHeaderFooterView: UITableViewHeaderFooterView {
+    public typealias Style = TitleView.Style
+
+    private lazy var titleView = TitleView()
+
+    public var onLinkLabelTapped: (() -> Void)? {
+        get {
+            titleView.onLinkLabelTapped
+        }
+        set {
+            titleView.onLinkLabelTapped = newValue
+        }
+    }
+
+    public var style: Style {
+        set {
+            titleView.style = newValue
+        }
+        get {
+            titleView.style
+        }
+    }
+
+    public var title: String? {
+        get {
+            titleView.title
+        }
+        set {
+            titleView.title = newValue
+        }
+    }
+
+    public var linkTitle: String? {
+        get {
+            titleView.linkTitle
+        }
+        set {
+            titleView.linkTitle = newValue
+        }
+    }
+
+    override public init(reuseIdentifier: String?) {
+        super.init(reuseIdentifier: reuseIdentifier)
+
+        commonInit()
+    }
+
+    public required init?(coder: NSCoder) {
+        super.init(coder: coder)
+
+        commonInit()
+    }
+
+    public init(style: Style, reuseIdentifier: String? = nil) {
+        super.init(reuseIdentifier: reuseIdentifier)
+        self.style = style
+
+        commonInit()
+    }
+}
+
+// MARK: - Accessibility
+
+public extension TitleHeaderFooterView {
+    var titleAccessibilityTraits: UIAccessibilityTraits {
+        get {
+            titleView.accessibilityTraits
+        }
+        set {
+            titleView.accessibilityTraits = newValue
+        }
+    }
+}
+
+// MARK: - Private methods
+
+private extension TitleHeaderFooterView {
+    func commonInit() {
+        contentView.addSubview(withDefaultConstraints: titleView)
+    }
+}

Sources/Mistica/Components/Title/TitleView.swift

@@ -15,7 +15,7 @@ private enum ViewStyles {
     static let minimumHeight: CGFloat = 40
 }
 
-public class TitleView: UITableViewHeaderFooterView {
+public class TitleView: UIView {
     public enum Style {
         case title1
         case title2
@@ -82,8 +82,8 @@ public class TitleView: UITableViewHeaderFooterView {
         }
     }
 
-    override public init(reuseIdentifier: String?) {
-        super.init(reuseIdentifier: reuseIdentifier)
+    override public init(frame: CGRect) {
+        super.init(frame: frame)
 
         commonInit()
     }
@@ -93,13 +93,6 @@ public class TitleView: UITableViewHeaderFooterView {
 
         commonInit()
     }
-
-    public init(style: Style, reuseIdentifier: String? = nil) {
-        super.init(reuseIdentifier: reuseIdentifier)
-        self.style = style
-
-        commonInit()
-    }
 }
 
 // MARK: - Accessibility
@@ -124,7 +117,7 @@ private extension TitleView {
     }
 
     func updateStyle() {
-        contentView.backgroundColor = .background
+        backgroundColor = .background
 
         titleLabel.text = style.format(text: unformattedTitle)
         titleLabel.font = style.font
@@ -139,6 +132,7 @@ private extension TitleView {
     func layoutViews() {
         linkLabel.setContentHuggingPriority(.required, for: .horizontal)
         linkLabel.setContentCompressionResistancePriority(.required, for: .horizontal)
+        linkLabel.isUserInteractionEnabled = true
         linkLabel.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(linkLabelTapped)))
 
         let stackView = UIStackView(arrangedSubviews: [
@@ -149,9 +143,8 @@ private extension TitleView {
         stackView.alignment = .firstBaseline
 
         preservesSuperviewLayoutMargins = false
-        contentView.preservesSuperviewLayoutMargins = false
-        contentView.addSubview(constrainedToLayoutMarginsGuideOf: stackView)
-        contentView.directionalLayoutMargins = NSDirectionalEdgeInsets(
+        addSubview(constrainedToLayoutMarginsGuideOf: stackView)
+        directionalLayoutMargins = NSDirectionalEdgeInsets(
             top: ViewStyles.topMargin,
             leading: ViewStyles.horizontalMargin,
             bottom: ViewStyles.bottomMargin,

Tests/MisticaTests/UI/TitleViewTests.swift → Tests/MisticaTests/UI/TitleHeaderFooterViewTests.swift

@@ -1,5 +1,5 @@
 //
-//  TitleViewTests.swift
+//  TitleHeaderFooterViewTests.swift
 //
 //  Made with ❤️ by Novum
 //
@@ -10,7 +10,7 @@
 import SnapshotTesting
 import XCTest
 
-final class TitleViewTests: XCTestCase {
+final class TitleHeaderFooterViewTests: XCTestCase {
     override func setUp() {
         super.setUp()
         UIView.setAnimationsEnabled(false)
@@ -75,18 +75,18 @@ final class TitleViewTests: XCTestCase {
     }
 }
 
-private extension TitleViewTests {
-    func makeSectionTitle(title: String, linkTitle: String? = nil, style: TitleView.Style) -> UIViewController {
-        SectionTitleViewController(titleText: title, linkTitleText: linkTitle, style: style)
+private extension TitleHeaderFooterViewTests {
+    func makeSectionTitle(title: String, linkTitle: String? = nil, style: TitleHeaderFooterView.Style) -> UIViewController {
+        SectionTitleHeaderFooterViewController(titleText: title, linkTitleText: linkTitle, style: style)
     }
 }
 
-private class SectionTitleViewController: UITableViewController {
+private class SectionTitleHeaderFooterViewController: UITableViewController {
     private let titleText: String
     private let linkTitleText: String?
-    private let style: TitleView.Style
+    private let style: TitleHeaderFooterView.Style
 
-    init(titleText: String, linkTitleText: String?, style: TitleView.Style) {
+    init(titleText: String, linkTitleText: String?, style: TitleHeaderFooterView.Style) {
         self.titleText = titleText
         self.linkTitleText = linkTitleText
         self.style = style
@@ -106,7 +106,7 @@ private class SectionTitleViewController: UITableViewController {
         tableView.tableFooterView = UIView(frame: CGRect.zero)
         tableView.sectionFooterHeight = 0.0
 
-        tableView.register(TitleView.self, forHeaderFooterViewReuseIdentifier: "Header")
+        tableView.register(TitleHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: "Header")
     }
 
     override func numberOfSections(in _: UITableView) -> Int {
@@ -122,7 +122,7 @@ private class SectionTitleViewController: UITableViewController {
     }
 
     override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
-        let headerView = tableView.dequeueReusableHeaderFooterView(withIdentifier: "Header") as! TitleView
+        let headerView = tableView.dequeueReusableHeaderFooterView(withIdentifier: "Header") as! TitleHeaderFooterView
         headerView.title = titleText
         headerView.style = style
         headerView.linkTitle = linkTitleText