Add ComponentBoxScreen

Author: matt-ramotar

samples/discovery/ios/ios.xcodeproj/project.pbxproj

@@ -15,8 +15,8 @@
 		33071932281A6A16230C3841 /* HomeScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33071ECAFCCA78581373E7B2 /* HomeScreen.swift */; };
 		33071DF31FDF10941C1EA2A2 /* AccountScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33071206F5D3CBC31B9A9765 /* AccountScreen.swift */; };
 		33071ED5854FEB12779EB378 /* PhotosScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33071576A17B16DDA1042633 /* PhotosScreen.swift */; };
-		6677D6A627F0E8EF003A69D2 /* ComponentBoxUI in Frameworks */ = {isa = PBXBuildFile; productRef = 6677D6A527F0E8EF003A69D2 /* ComponentBoxUI */; };
 		6677D6A927F0ECEE003A69D2 /* ComponentBox in Frameworks */ = {isa = PBXBuildFile; productRef = 6677D6A827F0ECEE003A69D2 /* ComponentBox */; };
+		6677D6AB27F1245E003A69D2 /* ComponentBoxUI in Frameworks */ = {isa = PBXBuildFile; productRef = 6677D6AA27F1245E003A69D2 /* ComponentBoxUI */; };
 		66A6A28027E7AD3500F27257 /* KMPNativeCoroutinesAsync in Frameworks */ = {isa = PBXBuildFile; productRef = 66A6A27F27E7AD3500F27257 /* KMPNativeCoroutinesAsync */; };
 		66A6A28227E7AD3500F27257 /* KMPNativeCoroutinesCombine in Frameworks */ = {isa = PBXBuildFile; productRef = 66A6A28127E7AD3500F27257 /* KMPNativeCoroutinesCombine */; };
 		66A6A28427E7AD3500F27257 /* KMPNativeCoroutinesCore in Frameworks */ = {isa = PBXBuildFile; productRef = 66A6A28327E7AD3500F27257 /* KMPNativeCoroutinesCore */; };
@@ -87,7 +87,7 @@
 				66A6A28027E7AD3500F27257 /* KMPNativeCoroutinesAsync in Frameworks */,
 				66A6A28227E7AD3500F27257 /* KMPNativeCoroutinesCombine in Frameworks */,
 				66A6A28427E7AD3500F27257 /* KMPNativeCoroutinesCore in Frameworks */,
-				6677D6A627F0E8EF003A69D2 /* ComponentBoxUI in Frameworks */,
+				6677D6AB27F1245E003A69D2 /* ComponentBoxUI in Frameworks */,
 				66A6A28627E7AD3500F27257 /* KMPNativeCoroutinesRxSwift in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -274,8 +274,8 @@
 				66A6A28127E7AD3500F27257 /* KMPNativeCoroutinesCombine */,
 				66A6A28327E7AD3500F27257 /* KMPNativeCoroutinesCore */,
 				66A6A28527E7AD3500F27257 /* KMPNativeCoroutinesRxSwift */,
-				6677D6A527F0E8EF003A69D2 /* ComponentBoxUI */,
 				6677D6A827F0ECEE003A69D2 /* ComponentBox */,
+				6677D6AA27F1245E003A69D2 /* ComponentBoxUI */,
 			);
 			productName = ios;
 			productReference = 7555FF7B242A565900829871 /* ios.app */;
@@ -784,15 +784,15 @@
 /* End XCRemoteSwiftPackageReference section */
 
 /* Begin XCSwiftPackageProductDependency section */
-		6677D6A527F0E8EF003A69D2 /* ComponentBoxUI */ = {
-			isa = XCSwiftPackageProductDependency;
-			productName = ComponentBoxUI;
-		};
 		6677D6A827F0ECEE003A69D2 /* ComponentBox */ = {
 			isa = XCSwiftPackageProductDependency;
 			package = 6677D6A727F0ECED003A69D2 /* XCRemoteSwiftPackageReference "ComponentBoxPackage" */;
 			productName = ComponentBox;
 		};
+		6677D6AA27F1245E003A69D2 /* ComponentBoxUI */ = {
+			isa = XCSwiftPackageProductDependency;
+			productName = ComponentBoxUI;
+		};
 		66A6A27F27E7AD3500F27257 /* KMPNativeCoroutinesAsync */ = {
 			isa = XCSwiftPackageProductDependency;
 			package = 66A6A27E27E7AD3500F27257 /* XCRemoteSwiftPackageReference "KMP-NativeCoroutines" */;

samples/discovery/ios/ios.xcodeproj/project.xcworkspace/xcuserdata/mramotar.xcuserdatad/UserInterfaceState.xcuserstate

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x19",
+          "green" : "0xDC",
+          "red" : "0xB4"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "1.000",
+          "green" : "1.000",
+          "red" : "1.000"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

samples/discovery/ios/ios/Assets.xcassets/SuccessFill.colorset/Contents.json

@@ -0,0 +1,38 @@
+//
+// Created by Matt Ramotar on 3/27/22.
+// Copyright (c) 2022 Dropbox, Inc. All rights reserved.
+
+import Foundation
+import SwiftUI
+import componentbox
+
+
+@available(iOS 14.0, *)
+public struct ComponentBoxScreen: View, Identifiable {
+    public let id: String
+    let title: String?
+    let verticalArrangement: componentbox.Arrangement?
+    let horizontalAlignment: componentbox.Alignment?
+    let components: [componentbox.Component]?
+    
+    public init(id: String, title: String?, verticalArrangement: componentbox.Arrangement?, horizontalAlignment: componentbox.Alignment?, components: [componentbox.Component]?) {
+        self.id = id
+        self.title = title
+        self.verticalArrangement = verticalArrangement
+        self.horizontalAlignment = horizontalAlignment
+        self.components = components
+    }
+
+    public var body: some View {
+
+        if (self.components?.isEmpty == false) {
+
+        VStack {
+            ForEach(self.components!, id: \.self) { component in
+                component.inflate()
+            }
+        }.frame(maxWidth: .infinity, maxHeight: .infinity).padding(0)
+        }
+    }
+}
+

samples/discovery/ios/ios/ComponentBoxUI/Sources/ComponentBoxUI/ComponentBoxScreen.swift

@@ -88,5 +88,3 @@ enum ComponentBoxUI {
         }
     }
 }
-
-

samples/discovery/ios/ios/ComponentBoxUI/Sources/ComponentBoxUI/ComponentBoxUI.swift

@@ -17,7 +17,7 @@ struct ComponentBoxUIIcon: View, Identifiable {
     let color: componentbox.Color?
 
     func getForegroundColor() -> SwiftUI.Color {
-        return color?.title != nil ? color!.title.ui() : "On background".ui()
+        return color?.title != nil ? color!.title.ui() : modifier?.background?.title != nil ? modifier!.background!.title.ui() : "On background".ui()
     }
 
     var body: some View {

samples/discovery/ios/ios/ComponentBoxUI/Sources/ComponentBoxUI/components/Icon.swift

@@ -32,21 +32,8 @@ struct PlansScreen: View {
 private struct Content: View {
 
     let screen: ComponentBox.Screen?
-    let button: Component = Component.Button(id: "1", components: [Component.Text(id: "2", modifier: nil, text: "Upgrade", color: nil, textStyle: nil)], modifier: nil, isEnabled: true, action: nil, variant: nil)
 
     var body: some View {
-        VStack {
-            
-            if (screen?.components != nil) {
-                ForEach(screen!.components, id: \.self) { component in
-                    component.inflate()
-                }
-            }
-            
-            
-            Text(screen?.title ?? "No title")
-            
-        }
-                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: Alignment.top).padding()
+        ComponentBoxScreen(id: UUID().uuidString, title: screen?.title, verticalArrangement: screen?.verticalArrangement, horizontalAlignment: screen?.horizontalAlignment, components: screen?.components )
     }
 }