@momo-kits/native-kits 0.0.1-beta.2

package/example/ios/Example/Assets.xcassets/PrimaryDark.colorset/Contents.json

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

package/example/ios/Example/Assets.xcassets/PrimaryLight.colorset/Contents.json

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

package/example/ios/Example/Assets.xcassets/Secondary.colorset/Contents.json

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

package/example/ios/Example/Assets.xcassets/Success.colorset/Contents.json

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

package/example/ios/Example/Assets.xcassets/Text.colorset/Contents.json

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

package/example/ios/Example/Assets.xcassets/TextSecondary.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.812",
+          "green" : "0.796",
+          "red" : "0.784"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.376",
+          "green" : "0.318",
+          "red" : "0.278"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/example/ios/Example/Assets.xcassets/Warning.colorset/Contents.json

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

package/example/ios/Example/ComponentDetail.swift

@@ -0,0 +1,35 @@
+//
+//  ComponentDetail.swift
+//  Example
+//
+//  Created by Wem on 23/12/2022.
+//
+
+import SwiftUI
+
+struct ComponentDetail: View {
+    // MARK: Lifecycle
+
+    init(_ item: ComponentModel) {
+        self.item = item
+    }
+
+    // MARK: Internal
+
+    var item: ComponentModel
+
+    var body: some View {
+        let defaultView = AnyView(ScrollView {
+            VStack(alignment: .leading) {
+                Text(item.name)
+                    .font(.title2)
+                Text(item.description)
+            }
+            .padding()
+        })
+
+        (self.item.component ?? defaultView)
+            .navigationTitle(item.name)
+            .navigationBarTitleDisplayMode(.inline)
+    }
+}

package/example/ios/Example/ComponentItem.swift

@@ -0,0 +1,24 @@
+//
+//  ComponentItem.swift
+//  Example
+//
+//  Created by Wem on 23/12/2022.
+//
+
+import SwiftUI
+
+struct ComponentItem: View {
+    var item: ComponentModel
+    
+    init(_ item: ComponentModel){
+        self.item = item
+    }
+    
+    var body: some View {
+        HStack {
+            Text(item.name)
+            Spacer()
+        }.frame(minHeight: 40)
+    }
+}
+

package/example/ios/Example/ComponentModel.swift

@@ -0,0 +1,31 @@
+//
+//  ComponentModel.swift
+//  Example
+//
+//  Created by Wem on 23/12/2022.
+//
+
+import Foundation
+import SwiftUI
+import CoreLocation
+
+struct ComponentModel: Hashable, Codable, Identifiable {
+    var id: String
+    var name: String
+    var description: String
+    var component: AnyView? {
+        switch id {
+        case "Typography":
+            return AnyView(TypographyDemo())
+        case "Button":
+            return AnyView(ButtonDemo())
+        case "SwipeableCell":
+            return AnyView(SwipeableDemo())
+        case "Popup":
+            return AnyView(PopupDemo())
+        default:
+            return nil
+        }
+    }
+}
+

package/example/ios/Example/ContentView.swift

@@ -0,0 +1,53 @@
+
+import MoMoUIKits
+import SwiftUI
+
+// MARK: - ContentView
+
+struct ContentView: View {
+    @State var foundations: [ComponentModel] = []
+    @State var libraries: [ComponentModel] = []
+    @State var otpValue: String = ""
+
+    @AppStorage("showOTPKeyboard") var showOTPKeyboard: Bool = false
+
+    var body: some View {
+        TabView {
+            Overview()
+                .tabItem {
+                    Label("Overview", systemImage: "lightbulb")
+                }
+            Foundation(foundations: foundations)
+                .tabItem {
+                    Label("Foundation", systemImage: "internaldrive")
+                }
+            Library(libraries: libraries)
+                .tabItem {
+                    Label("Library", systemImage: "folder")
+                }
+        }.onAppear {
+            foundations = load("foundation.json")
+            libraries = load("library.json")
+        }
+        .popup(isPresented: $showOTPKeyboard, type: .toast, dragToDismiss: false, closeOnTap: false, backgroundColor: .black.opacity(0.4)) {
+            VStack {
+                OTPKeyboard(value: $otpValue, length: 8, onChange: onChange, onClose: {
+                    showOTPKeyboard = false
+                }).padding()
+            }
+            .background(Colors.background)
+        }
+    }
+
+    func onChange(otp: String) {
+        print(otp)
+    }
+}
+
+// MARK: - ContentView_Previews
+
+struct ContentView_Previews: PreviewProvider {
+    static var previews: some View {
+        ContentView()
+    }
+}

package/example/ios/Example/Example.entitlements

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>com.apple.security.app-sandbox</key>
+    <true/>
+    <key>com.apple.security.files.user-selected.read-only</key>
+    <true/>
+</dict>
+</plist>

package/example/ios/Example/Foundation/ButtonDemo.swift

@@ -0,0 +1,80 @@
+//
+//  Foundation.swift
+//  Example
+//
+//  Created by Wem on 13/12/2022.
+//
+
+import Foundation
+import MoMoUIKits
+import SwiftUI
+
+// MARK: - ButtonDemo
+
+struct ButtonDemo: View {
+    // MARK: Internal
+
+    var body: some View {
+        ScrollView {
+            VStack {
+                Toggle("Disabled", isOn: $disabled)
+                
+                Group {
+                    Button(title: "Button", action: onPress, type: disabled ? .disabled : .primary, size: .large, iconRight: AnyView(Image(systemName: "checkmark.circle")))
+                    Button(title: "Button", action: onPress, size: .medium, iconRight: AnyView(ProgressView().padding(.leading, 2).progressViewStyle(CircularProgressViewStyle(tint: Colors.background))
+                    ))
+                    Button(title: "Button", action: onPress, size: .small)
+                }
+                
+                Group {
+                    Button(title: "Button", action: onPress, type: .danger, iconLeft: AnyView(Image(
+                        systemName: "checkmark.circle"
+                    )))
+                    Button(title: "Button", action: onPress, type: .danger, size: .medium)
+                    Button(title: "Button", action: onPress, type: .danger, size: .small)
+                }
+                
+                Group {
+                    Button(title: "Button", action: onPress, type: .tonal, size: .large)
+                    Button(title: "Button", action: onPress, type: .tonal, size: .medium)
+                    Button(title: "Button", action: onPress, type: .tonal, size: .small)
+                }
+                
+                Group {
+                    Button(title: "Button", action: onPress, type: .secondary, size: .large)
+                    Button(title: "Button", action: onPress, type: .secondary, size: .medium)
+                    Button(title: "Button", action: onPress, type: .secondary, size: .small)
+                }
+                
+                Group {
+                    Button(title: "Button", action: onPress, type: .outline, size: .large)
+                    Button(title: "Button", action: onPress, type: .outline, size: .medium)
+                    Button(title: "Button", action: onPress, type: .outline, size: .small)
+                }
+                
+                Group {
+                    Button(title: "Button", action: onPress, type: .disabled, size: .large)
+                    Button(title: "Button", action: onPress, type: .disabled, size: .medium)
+                    Button(title: "Button", action: onPress, type: .disabled, size: .small)
+                }
+            }.padding(16)
+        }.padding(.top)
+    }
+
+    func onPress() {
+        print("Button")
+    }
+
+    // MARK: Private
+
+    @State private var value: String = ""
+    @State private var disabled: Bool = false
+}
+
+// MARK: - ButtonDemo_Previews
+
+struct ButtonDemo_Previews: PreviewProvider {
+    static var previews: some View {
+        ButtonDemo()
+    }
+}

package/example/ios/Example/Foundation/Popup/ActionSheets.swift

@@ -0,0 +1,136 @@
+
+import SwiftUI
+
+// MARK: - ActionSheetView
+
+struct ActionSheetView<Content: View>: View {
+    // MARK: Lifecycle
+
+    init(topPadding: CGFloat = 100, fixedHeight: Bool = false, bgColor: Color = .white, @ViewBuilder content: () -> Content) {
+        self.content = content()
+        self.topPadding = topPadding
+        self.fixedHeight = fixedHeight
+        self.bgColor = bgColor
+    }
+
+    // MARK: Internal
+
+    let content: Content
+    let topPadding: CGFloat
+    let fixedHeight: Bool
+    let bgColor: Color
+
+    var body: some View {
+        ZStack {
+            VStack {
+                Color.black
+                    .opacity(0.2)
+                    .frame(width: 30, height: 6)
+                    .clipShape(Capsule())
+                    .padding(.top, 15)
+                    .padding(.bottom, 10)
+
+                content
+                    .padding(.bottom, 30)
+                    .applyIf(fixedHeight) {
+                        $0.frame(height: UIScreen.main.bounds.height - topPadding)
+                    }
+                    .applyIf(!fixedHeight) {
+                        $0.frame(maxHeight: UIScreen.main.bounds.height - topPadding)
+                    }
+            }
+        }
+        .background(bgColor)
+        .fixedSize(horizontal: false, vertical: true)
+    }
+}
+
+// MARK: - ActivityView
+
+private struct ActivityView: View {
+    let emoji: String
+    let name: String
+    let isSelected: Bool
+
+    var body: some View {
+        HStack(spacing: 12) {
+            Text(emoji)
+                .font(.system(size: 24))
+
+            Text(name.uppercased())
+                .font(.system(size: 13, weight: isSelected ? .regular : .light))
+
+            Spacer()
+
+            if isSelected {
+                Image(systemName: "checkmark")
+                    .foregroundColor(Color(hex: "9265F8"))
+            }
+        }
+        .opacity(isSelected ? 1.0 : 0.8)
+    }
+}
+
+// MARK: - ActionSheetFirst
+
+struct ActionSheetFirst: View {
+    var body: some View {
+        ActionSheetView(bgColor: .white) {
+            ScrollView {
+                VStack(alignment: .leading, spacing: 24) {
+                    ActivityView(emoji: "🤼‍♂️", name: "Sparring", isSelected: true)
+                    ActivityView(emoji: "🧘", name: "Yoga", isSelected: false)
+                    ActivityView(emoji: "🚴", name: "cycling", isSelected: false)
+                    ActivityView(emoji: "🏊", name: "Swimming", isSelected: false)
+                    ActivityView(emoji: "🏄", name: "Surfing", isSelected: false)
+                    ActivityView(emoji: "🤸", name: "Fitness", isSelected: false)
+                    ActivityView(emoji: "⛹️", name: "Basketball", isSelected: true)
+                    ActivityView(emoji: "🏋️", name: "Lifting Weights", isSelected: false)
+                    ActivityView(emoji: "⚽️", name: "Football", isSelected: false)
+                }
+                .padding(.horizontal, 20)
+            }
+        }
+    }
+}
+
+// MARK: - ActionSheetSecond
+
+struct ActionSheetSecond: View {
+    var description: String = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consectetur orci eget rutrum dignissim. Vivamus aliquam a massa a scelerisque. Integer eleifend lectus non blandit ultricies."
+
+    var body: some View {
+        ActionSheetView(bgColor: .white) {
+            ScrollView {
+                VStack(alignment: .leading, spacing: 16) {
+                    Text("Privacy Policy")
+                        .font(.system(size: 24))
+
+                    Text("\(description)\(description)\(description)\(description)\(description)\(description)")
+                        .font(.system(size: 14))
+                        .opacity(0.6)
+                }
+                .padding(.horizontal, 24)
+            }
+        }
+    }
+}
+
+// MARK: - ActionSheets_Previews
+
+struct ActionSheets_Previews: PreviewProvider {
+    static var previews: some View {
+        ZStack {
+            Rectangle()
+                .ignoresSafeArea()
+            ActionSheetFirst()
+        }
+
+        ZStack {
+            Rectangle()
+                .ignoresSafeArea()
+            ActionSheetSecond()
+        }
+    }
+}
+