@momo-kits/native-kits 0.0.1-beta.4 → 0.0.2-alpha.1

package/example/ios/Example/ComponentModel.swift

@@ -1,33 +0,0 @@
-//
-//  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())
-        case "TextInput":
-            return AnyView(TextInputDemo())
-        default:
-            return nil
-        }
-    }
-}
-

package/example/ios/Example/ContentView.swift

@@ -1,53 +0,0 @@
-
-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

@@ -1,10 +0,0 @@
-<?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

@@ -1,80 +0,0 @@
-//
-//  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

@@ -1,136 +0,0 @@
-
-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()
-        }
-    }
-}
-

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

@@ -1,127 +0,0 @@
-
-
-import SwiftUI
-
-// MARK: - FloatTopFirst
-
-struct FloatTopFirst: View {
-    var body: some View {
-        ZStack {
-            RoundedRectangle(cornerRadius: 12)
-                .fill(Color(hex: "E0E3E8"))
-            
-            HStack(spacing: 0) {
-                Image("avatar1")
-                    .aspectRatio(1.0, contentMode: .fit)
-                    .cornerRadius(16)
-                    .padding(16.0)
-                
-                VStack(alignment: .leading, spacing: 8) {
-                    Group {
-                        Text("Adam Jameson")
-                            .bold()
-                            .foregroundColor(.black) +
-                            Text(" invites you to join his training")
-                            .foregroundColor(.black.opacity(0.6))
-                    }
-                    
-                    Button {
-                        debugPrint("Accepted!")
-                    } label: {
-                        Text("Accept".uppercased())
-                            .font(.system(size: 14, weight: .black))
-                    }
-                }
-                
-                Spacer()
-            }
-        }
-        .frame(height: 98)
-        .padding(.horizontal, 16)
-    }
-}
-
-// MARK: - FloatTopSecond
-
-struct FloatTopSecond: View {
-    var body: some View {
-        HStack(spacing: 0) {
-            VStack(alignment: .leading, spacing: 2) {
-                Text("We give you a gift!")
-                    .foregroundColor(.white)
-                    .font(.system(size: 18))
-                
-                Text("30% discount until the end of the month on all products of the company.")
-                    .foregroundColor(.white)
-                    .font(.system(size: 16))
-                    .opacity(0.8)
-            }
-            
-            Spacer()
-            
-            Image("gift")
-                .aspectRatio(1.0, contentMode: .fit)
-        }
-        .padding(16)
-        .background(Color(hex: "9265F8").cornerRadius(12))
-        .shadow(color: Color(hex: "9265F8").opacity(0.5), radius: 40, x: 0, y: 12)
-        .padding(.horizontal, 16)
-    }
-}
-
-// MARK: - FloatBottomFirst
-
-struct FloatBottomFirst: View {
-    var body: some View {
-        HStack(spacing: 0) {
-            Text("Your message has been sent to Alex Brant")
-                .font(.system(size: 15))
-                .foregroundColor(.black)
-            Spacer()
-            Image("avatar2")
-                .frame(width: 32, height: 32)
-                .cornerRadius(16)
-        }
-        .padding(16)
-        .background(Color.white.cornerRadius(12))
-        .shadow(color: .black.opacity(0.08), radius: 2, x: 0, y: 0)
-        .shadow(color: .black.opacity(0.16), radius: 24, x: 0, y: 0)
-        .padding(.horizontal, 16)
-    }
-}
-
-// MARK: - FloatBottomSecond
-
-struct FloatBottomSecond: View {
-    var body: some View {
-        HStack(spacing: 8) {
-            Image(systemName: "wifi.slash")
-                .foregroundColor(.white)
-                .frame(width: 24, height: 24)
-            
-            Text("Check your network connection and try again")
-                .foregroundColor(.white)
-                .font(.system(size: 16))
-        }
-        .padding(16)
-        .background(Color(hex: "FFB93D").cornerRadius(12))
-        .padding(.horizontal, 16)
-    }
-}
-
-// MARK: - Floats_Previews
-
-struct Floats_Previews: PreviewProvider {
-    static var previews: some View {
-        ZStack {
-            Rectangle()
-                .ignoresSafeArea()
-            VStack {
-                FloatTopFirst()
-                FloatTopSecond()
-                FloatBottomFirst()
-                FloatBottomSecond()
-            }
-        }
-    }
-}

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

@@ -1,101 +0,0 @@
-
-import SwiftUI
-
-// MARK: - PopupMiddle
-
-struct PopupMiddle: View {
-    @Binding var isPresented: Bool
-
-    var body: some View {
-        VStack(spacing: 12) {
-            Image("winner")
-                .resizable()
-                .scaledToFit()
-                .frame(maxWidth: 226, maxHeight: 226)
-
-            Text("Congratulations!")
-                .foregroundColor(.black)
-                .font(.system(size: 24))
-                .padding(.top, 12)
-
-            Text("In two weeks, you did 12 workouts and burned 2671 calories. That's 566 calories more than last month. Continue at the same pace and the result will please you.")
-                .foregroundColor(.black)
-                .font(.system(size: 16))
-                .opacity(0.6)
-                .multilineTextAlignment(.center)
-                .padding(.bottom, 20)
-
-            Button("Thanks") {
-                isPresented = false
-            }
-            .buttonStyle(.plain)
-            .font(.system(size: 18, weight: .bold))
-            .frame(maxWidth: .infinity)
-            .padding(.vertical, 18)
-            .padding(.horizontal, 24)
-            .foregroundColor(.white)
-            .background(Color(hex: "9265F8"))
-            .cornerRadius(12)
-        }
-        .padding(EdgeInsets(top: 37, leading: 24, bottom: 40, trailing: 24))
-        .background(Color.white.cornerRadius(20))
-        .shadow(color: .black.opacity(0.08), radius: 2, x: 0, y: 0)
-        .shadow(color: .black.opacity(0.16), radius: 24, x: 0, y: 0)
-        .padding(.horizontal, 40)
-    }
-}
-
-// MARK: - PopupBottomFirst
-
-struct PopupBottomFirst: View {
-    @Binding var isPresented: Bool
-
-    var body: some View {
-        VStack(spacing: 12) {
-            Text("Policy changes")
-                .foregroundColor(.black)
-                .font(.system(size: 24))
-
-            Text("Policy change occurs through interactions between wide external changes or shocks to the political system and the success of the ideas in the coalitions, which may cause actors in the advocacy coalition to shift coalitions.")
-                .foregroundColor(.black)
-                .font(.system(size: 16))
-                .opacity(0.6)
-                .multilineTextAlignment(.center)
-                .padding(.bottom, 12)
-
-            Button("Ok, I accept") {
-                isPresented = false
-            }
-            .buttonStyle(.plain)
-            .font(.system(size: 18, weight: .bold))
-            .frame(maxWidth: .infinity)
-            .padding(.vertical, 18)
-            .foregroundColor(.white)
-            .background(Color(hex: "FFB93D"))
-            .cornerRadius(12)
-        }
-        .padding(EdgeInsets(top: 37, leading: 24, bottom: 40, trailing: 24))
-        .background(Color.white.cornerRadius(20))
-        .shadow(color: .black.opacity(0.08), radius: 2, x: 0, y: 0)
-        .shadow(color: .black.opacity(0.16), radius: 24, x: 0, y: 0)
-        .padding(.horizontal, 16)
-    }
-}
-
-// MARK: - Popups_Previews
-
-struct Popups_Previews: PreviewProvider {
-    static var previews: some View {
-        ZStack {
-            Rectangle()
-                .ignoresSafeArea()
-            PopupMiddle(isPresented: .constant(true))
-        }
-
-        ZStack {
-            Rectangle()
-                .ignoresSafeArea()
-            PopupBottomFirst(isPresented: .constant(false))
-        }
-    }
-}