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

package/ios/OTPKeyboard/KeyboardButton.swift

@@ -0,0 +1,33 @@
+import Foundation
+import SwiftUI
+
+typealias SwiftButton = SwiftUI.Button
+
+// MARK: - KeyboardButton
+
+public struct KeyboardButton: View {
+    // MARK: Lifecycle
+
+    public init(_ key: String, action: @escaping (_ key: String)->Void) {
+        self.key = key
+        self.action = action
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        SwiftUI.Button(action: { self.action(key) }) {
+            HStack {
+                Text(key).font(.system(size: 24, weight: .bold))
+            }.frame(maxWidth: .infinity, minHeight: 48)
+                .background(Colors.card)
+                .foregroundColor(Colors.text)
+                .clipShape(RoundedRectangle(cornerRadius: 8))
+        }
+    }
+
+    // MARK: Internal
+
+    var key: String = ""
+    var action: (_ key: String)->Void
+}

package/ios/OTPKeyboard/OTPKeyboard.swift

@@ -0,0 +1,145 @@
+
+import Foundation
+import SwiftUI
+
+// MARK: - OTPKeyboard
+
+public struct OTPKeyboard: View {
+    // MARK: Lifecycle
+
+    public init(value: Binding<String>, length: Int, content: AnyView? = nil, onChange: ((String) -> Void)? = nil, onClose: @escaping () -> Void) {
+        self._value = value
+        self.length = length
+        self.content = content
+        self.onChange = onChange
+        self.onClose = onClose
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        return VStack {
+            VStack {
+                HStack(){
+                    SwiftUI.Button(action: onClose) {
+                        Image(systemName: "xmark")
+                            .foregroundColor(Colors.text)
+                    }
+                    Spacer()
+                }
+                
+                ZStack(alignment: .trailing) {
+                    ValueView(value, valueLength: length).padding(.trailing, 12)
+                    SwiftUI.Button(action: onClear) {
+                        Image(systemName: "xmark.circle.fill")
+                            .resizable()
+                            .frame(width: 12, height: 12)
+                            .foregroundColor(Colors.text)
+                    }.offset(x: -12)
+                }.frame(minWidth: 148, maxWidth: 180, minHeight: 40)
+                    .background(Colors.card)
+                    .clipShape(Capsule())
+                    .padding(.bottom, Spacing.M)
+            }
+
+            content
+
+            HStack {
+                KeyboardButton("7", action: self.onPressKey)
+                KeyboardButton("8", action: self.onPressKey)
+                KeyboardButton("9", action: self.onPressKey)
+            }
+
+            HStack {
+                KeyboardButton("4", action: self.onPressKey)
+                KeyboardButton("5", action: self.onPressKey)
+                KeyboardButton("6", action: self.onPressKey)
+            }
+
+            HStack {
+                KeyboardButton("1", action: self.onPressKey)
+                KeyboardButton("2", action: self.onPressKey)
+                KeyboardButton("3", action: self.onPressKey)
+            }
+
+            HStack {
+                KeyboardButton("", action: self.onPressKey).disabled(true).opacity(0)
+                KeyboardButton("0", action: self.onPressKey)
+                SwiftUI.Button(action: onPressBack) {
+                    HStack {
+                        Image(
+                            systemName: "delete.backward"
+                        ).foregroundColor(Colors.text)
+                    }
+                }.frame(maxWidth: .infinity, minHeight: 48)
+                    .clipShape(RoundedRectangle(cornerRadius: 8))
+            }
+        }
+        .background(Colors.background)
+        .onChange(of: value) { aa in
+            if onChange != nil {
+                self.onChange!(aa)
+            }
+        }
+    }
+
+    public func buildContent(_ content: @escaping () -> AnyView) -> OTPKeyboard {
+        var newSelf = self
+        newSelf.content = content()
+        return newSelf
+    }
+
+    // MARK: Internal
+
+    @Binding var value: String
+    var length: Int
+    var content: AnyView?
+    var onChange: ((String) -> Void)?
+    var onClose: () -> Void
+
+    func onPressKey(key: String) {
+        if value.count < length {
+            value.append(key)
+        }
+    }
+
+    func onPressBack() {
+        if !value.isEmpty {
+            value.removeLast()
+        }
+    }
+
+    func onClear() {
+        value.removeAll()
+    }
+}
+
+// MARK: - ValueView
+
+private struct ValueView: View {
+    // MARK: Lifecycle
+
+    public init(_ value: String, valueLength: Int) {
+        self.value = value
+        self.valueLength = valueLength
+    }
+
+    // MARK: Public
+
+    public var body: some View {
+        return HStack {
+            ForEach(0 ..< valueLength, id: \.self) { i in
+                if i < value.count {
+                    Circle().foregroundColor(Colors.text).frame(width: 8, height: 8)
+                } else {
+                    Circle().foregroundColor(Colors.textSecondary).frame(width: 8, height: 8)
+                }
+            }
+        }.frame(maxWidth: .infinity, minHeight: 40)
+    }
+
+    // MARK: Internal
+
+    var value: String = ""
+    var valueLength: Int
+}

package/ios/Popup/Modifiers.swift

@@ -0,0 +1,172 @@
+
+
+import SwiftUI
+
+extension View {
+
+    public func popup<Item: Equatable, PopupContent: View>(
+        item: Binding<Item?>,
+        type: Popup<Item, PopupContent>.PopupType = .`default`,
+        position: Popup<Item, PopupContent>.Position = .bottom,
+        animation: Animation = Animation.easeOut(duration: 0.3),
+        autohideIn: Double? = nil,
+        dragToDismiss: Bool = true,
+        closeOnTap: Bool = true,
+        closeOnTapOutside: Bool = false,
+        backgroundColor: Color = Color.clear,
+        @ViewBuilder view: @escaping () -> PopupContent) -> some View {
+            self.modifier(
+                Popup(
+                    item: item,
+                    type: type,
+                    position: position,
+                    animation: animation,
+                    autohideIn: autohideIn,
+                    dragToDismiss: dragToDismiss,
+                    closeOnTap: closeOnTap,
+                    closeOnTapOutside: closeOnTapOutside,
+                    backgroundColor: backgroundColor,
+                    dismissCallback: { _ in },
+                    view: view)
+            )
+        }
+
+    public func popup<PopupContent: View>(
+        isPresented: Binding<Bool>,
+        type: Popup<Int, PopupContent>.PopupType = .`default`,
+        position: Popup<Int, PopupContent>.Position = .bottom,
+        animation: Animation = Animation.easeOut(duration: 0.3),
+        autohideIn: Double? = nil,
+        dragToDismiss: Bool = true,
+        closeOnTap: Bool = true,
+        closeOnTapOutside: Bool = false,
+        backgroundColor: Color = Color.clear,
+        @ViewBuilder view: @escaping () -> PopupContent) -> some View {
+            self.modifier(
+                Popup<Int, PopupContent>(
+                    isPresented: isPresented,
+                    type: type,
+                    position: position,
+                    animation: animation,
+                    autohideIn: autohideIn,
+                    dragToDismiss: dragToDismiss,
+                    closeOnTap: closeOnTap,
+                    closeOnTapOutside: closeOnTapOutside,
+                    backgroundColor: backgroundColor,
+                    dismissCallback: { _ in },
+                    view: view)
+            )
+        }
+
+    public func popup<Item: Equatable, PopupContent: View>(
+        item: Binding<Item?>,
+        type: Popup<Item, PopupContent>.PopupType = .`default`,
+        position: Popup<Item, PopupContent>.Position = .bottom,
+        animation: Animation = Animation.easeOut(duration: 0.3),
+        autohideIn: Double? = nil,
+        dragToDismiss: Bool = true,
+        closeOnTap: Bool = true,
+        closeOnTapOutside: Bool = false,
+        backgroundColor: Color = Color.clear,
+        dismissCallback: @escaping () -> (),
+        @ViewBuilder view: @escaping () -> PopupContent) -> some View {
+            self.modifier(
+                Popup(
+                    item: item,
+                    type: type,
+                    position: position,
+                    animation: animation,
+                    autohideIn: autohideIn,
+                    dragToDismiss: dragToDismiss,
+                    closeOnTap: closeOnTap,
+                    closeOnTapOutside: closeOnTapOutside,
+                    backgroundColor: backgroundColor,
+                    dismissCallback: { _ in dismissCallback() },
+                    view: view)
+            )
+        }
+
+    public func popup<PopupContent: View>(
+        isPresented: Binding<Bool>,
+        type: Popup<Int, PopupContent>.PopupType = .`default`,
+        position: Popup<Int, PopupContent>.Position = .bottom,
+        animation: Animation = Animation.easeOut(duration: 0.3),
+        autohideIn: Double? = nil,
+        dragToDismiss: Bool = true,
+        closeOnTap: Bool = true,
+        closeOnTapOutside: Bool = false,
+        backgroundColor: Color = Color.clear,
+        dismissCallback: @escaping () -> (),
+        @ViewBuilder view: @escaping () -> PopupContent) -> some View {
+            self.modifier(
+                Popup<Int, PopupContent>(
+                    isPresented: isPresented,
+                    type: type,
+                    position: position,
+                    animation: animation,
+                    autohideIn: autohideIn,
+                    dragToDismiss: dragToDismiss,
+                    closeOnTap: closeOnTap,
+                    closeOnTapOutside: closeOnTapOutside,
+                    backgroundColor: backgroundColor,
+                    dismissCallback: { _ in dismissCallback() },
+                    view: view)
+            )
+        }
+
+    public func popup<Item: Equatable, PopupContent: View>(
+        item: Binding<Item?>,
+        type: Popup<Item, PopupContent>.PopupType = .`default`,
+        position: Popup<Item, PopupContent>.Position = .bottom,
+        animation: Animation = Animation.easeOut(duration: 0.3),
+        autohideIn: Double? = nil,
+        dragToDismiss: Bool = true,
+        closeOnTap: Bool = true,
+        closeOnTapOutside: Bool = false,
+        backgroundColor: Color = Color.clear,
+        dismissSourceCallback: @escaping (DismissSource) -> (),
+        @ViewBuilder view: @escaping () -> PopupContent) -> some View {
+            self.modifier(
+                Popup(
+                    item: item,
+                    type: type,
+                    position: position,
+                    animation: animation,
+                    autohideIn: autohideIn,
+                    dragToDismiss: dragToDismiss,
+                    closeOnTap: closeOnTap,
+                    closeOnTapOutside: closeOnTapOutside,
+                    backgroundColor: backgroundColor,
+                    dismissCallback: dismissSourceCallback,
+                    view: view)
+            )
+        }
+
+    public func popup<PopupContent: View>(
+        isPresented: Binding<Bool>,
+        type: Popup<Int, PopupContent>.PopupType = .`default`,
+        position: Popup<Int, PopupContent>.Position = .bottom,
+        animation: Animation = Animation.easeOut(duration: 0.3),
+        autohideIn: Double? = nil,
+        dragToDismiss: Bool = true,
+        closeOnTap: Bool = true,
+        closeOnTapOutside: Bool = false,
+        backgroundColor: Color = Color.clear,
+        dismissSourceCallback: @escaping (DismissSource) -> (),
+        @ViewBuilder view: @escaping () -> PopupContent) -> some View {
+            self.modifier(
+                Popup<Int, PopupContent>(
+                    isPresented: isPresented,
+                    type: type,
+                    position: position,
+                    animation: animation,
+                    autohideIn: autohideIn,
+                    dragToDismiss: dragToDismiss,
+                    closeOnTap: closeOnTap,
+                    closeOnTapOutside: closeOnTapOutside,
+                    backgroundColor: backgroundColor,
+                    dismissCallback: dismissSourceCallback,
+                    view: view)
+            )
+        }
+}