Constraint modal sizing to parent (screen) size to support iPadOS window resizing capabilities

Author: staskus

WooCommerce/Classes/POS/Presentation/Reusable Views/POSModalSizing.swift

@@ -9,6 +9,7 @@ extension View {
 
 struct POSModalSizing: ViewModifier {
     @Environment(\.sizeCategory) private var sizeCategory
+    @Environment(\.posModalParentSize) private var parentSize
 
     func body(content: Content) -> some View {
         content
@@ -19,6 +20,10 @@ struct POSModalSizing: ViewModifier {
 
 private extension POSModalSizing {
     var frameWidth: CGFloat {
+        return min(preferredFrameWidth, maxAvailableFrameWidth)
+    }
+
+    var preferredFrameWidth: CGFloat {
         switch sizeCategory {
         case .extraSmall, .small:
             return 560
@@ -37,7 +42,15 @@ private extension POSModalSizing {
         }
     }
 
+    var maxAvailableFrameWidth: CGFloat {
+        return parentSize.width
+    }
+
     var frameHeight: CGFloat {
+        return min(preferredFrameHeight, parentSize.height)
+    }
+
+    var preferredFrameHeight: CGFloat {
         switch sizeCategory {
         case .extraSmall, .small:
             return 640
@@ -56,6 +69,10 @@ private extension POSModalSizing {
         }
     }
 
+    var maxAvailableFrameHeight: CGFloat {
+        parentSize.height
+    }
+
     var windowBounds: CGRect {
         window?.bounds ?? UIScreen.main.bounds
     }