update the size of full-width components when the width of their parents changes

Author: mikhailChelbaev

Examples/DemosApp/DemosApp.xcodeproj/project.pbxproj

@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 50;
+	objectVersion = 70;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -80,7 +80,6 @@
 		740D221F2CD3BECA006731A5 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				BuildIndependentTargetsInParallel = 1;
 				LastSwiftUpdateCheck = 1610;
 				LastUpgradeCheck = 1610;
 				TargetAttributes = {

Sources/ComponentsKit/Components/Button/UKButton.swift

@@ -2,7 +2,7 @@ import AutoLayout
 import UIKit
 
 /// A UIKit component that performs an action when it is tapped by a user.
-open class UKButton: UIView, UKComponent {
+open class UKButton: FullWidthComponent, UKComponent {
   // MARK: Properties
 
   /// A closure that is triggered when the button is tapped.

Sources/ComponentsKit/Components/InputField/UKInputField.swift

@@ -2,7 +2,7 @@ import AutoLayout
 import UIKit
 
 /// A UIKit component that displays a field to input a text.
-open class UKInputField: UIView, UKComponent {
+open class UKInputField: FullWidthComponent, UKComponent {
   // MARK: Public Properties
 
   /// A closure that is triggered when the text changes.
@@ -140,6 +140,8 @@ open class UKInputField: UIView, UKComponent {
     self.horizontalStackView.vertically()
     self.horizontalStackViewConstraints = self.horizontalStackView.horizontally(self.model.horizontalPadding)
 
+    self.captionLabel.horizontally()
+
     self.textField.setContentHuggingPriority(.defaultLow, for: .horizontal)
     self.titleLabel.setContentHuggingPriority(.defaultHigh, for: .horizontal)
   }

Sources/ComponentsKit/Components/ProgressBar/UKProgressBar.swift

@@ -2,7 +2,7 @@ import AutoLayout
 import UIKit
 
 /// A UIKit component that visually represents the progress of a task or process using a horizontal bar.
-open class UKProgressBar: UIView, UKComponent {
+open class UKProgressBar: FullWidthComponent, UKComponent {
   // MARK: - Public Properties
 
   /// A model that defines the appearance properties.

Sources/ComponentsKit/Components/SegmentedControl/UKSegmentedControl.swift

@@ -2,7 +2,7 @@ import AutoLayout
 import UIKit
 
 /// A UIKit component that allows users to choose between multiple segments or options.
-open class UKSegmentedControl<ID: Hashable>: UIView, UKComponent {
+open class UKSegmentedControl<ID: Hashable>: FullWidthComponent, UKComponent {
   // MARK: Properties
 
   /// A closure that is triggered when a selected segment changes.

Sources/ComponentsKit/Components/Slider/UKSlider.swift

@@ -2,7 +2,7 @@ import AutoLayout
 import UIKit
 
 /// A UIKit component that lets users select a value from a range by dragging a thumb along a track.
-open class UKSlider: UIView, UKComponent {
+open class UKSlider: FullWidthComponent, UKComponent {
   // MARK: - Properties
 
   /// A closure that is triggered when the `currentValue` changes.

Sources/ComponentsKit/Helpers/UIKit/FullWidthComponent.swift

@@ -0,0 +1,28 @@
+import UIKit
+
+/// A base-class for views whose intrinsic content size depends on the
+/// width of their super-view (e.g. full width button, input field, etc.).
+///
+/// By inheriting from `FullWidthComponent` the component gets automatic
+/// `invalidateIntrinsicContentSize()` calls whenever the device rotates, the
+/// window is resized (iPad multitasking, Stage Manager) or the view moves
+/// into a different container with a new width.
+open class FullWidthComponent: UIView {
+  private var lastKnownParentWidth: CGFloat = .nan
+
+  open override func layoutSubviews() {
+    super.layoutSubviews()
+
+    guard let parentWidth = self.superview?.bounds.width else { return }
+
+    if parentWidth != self.lastKnownParentWidth {
+      self.lastKnownParentWidth = parentWidth
+
+      // Defer to the next run-loop tick so the current layout pass
+      // finishes with the new parent size first.
+      DispatchQueue.main.async {
+        self.invalidateIntrinsicContentSize()
+      }
+    }
+  }
+}