@momo-kits/native-kits 0.152.4-beta.6 → 0.152.4-beta.7

package/ios/Button/Button.swift

@@ -0,0 +1,211 @@
+import Foundation
+import SwiftUI
+import Lottie
+
+// MARK: - ButtonType
+
+public enum ButtonType {
+    case primary
+    case secondary
+    case tonal
+    case outline
+    case danger
+    case text
+    case disabled
+}
+
+// MARK: - ButtonSize
+
+public enum ButtonSize {
+    case large
+    case medium
+    case small
+}
+
+public struct ButtonStyleData {
+    let background: Color
+    let content: Color
+    let border: Color?
+    let borderWidth: CGFloat
+}
+
+public extension ButtonType {
+    func backgroundColor(loading: Bool) -> Color {
+        switch self {
+        case .disabled: return Colors.black05.opacity(loading ? 0.75 : 1)
+        case .primary:  return Colors.primary.opacity(loading ? 0.75 : 1)
+        case .secondary: return Colors.card.opacity(loading ? 0.75 : 1)
+        case .outline: return Colors.card.opacity(loading ? 0.75 : 1)
+        case .tonal: return Colors.primaryLight.opacity(loading ? 0.75 : 1)
+        case .danger: return Colors.error.opacity(loading ? 0.75 : 1)
+        case .text: return .clear
+        }
+    }
+
+    func contentColor(loading: Bool) -> Color {
+        switch self {
+        case .disabled: return Colors.black06.opacity(loading ? 0.75 : 1)
+        case .primary: return Colors.black01
+        case .secondary: return Colors.black17
+        case .outline: return Colors.primary
+        case .tonal: return Colors.primary
+        case .danger: return Colors.black01
+        case .text: return Colors.primary
+        }
+    }
+
+    var borderColor: Color? {
+        switch self {
+        case .outline: return Colors.primary
+        case .secondary: return Colors.black04
+        default: return nil
+        }
+    }
+
+    var borderWidth: CGFloat {
+        switch self {
+        case .outline: return 1
+        case .secondary: return 1
+        default: return 0
+        }
+    }
+}
+
+extension ButtonSize {
+    var height: CGFloat {
+        switch self {
+        case .large: return 48
+        case .medium: return 36
+        case .small: return 28
+        }
+    }
+
+    var padding: CGFloat {
+        switch self {
+        case .large: return Spacing.L
+        case .medium: return Spacing.M
+        case .small: return Spacing.S
+        }
+    }
+
+    var radius: CGFloat {
+        Radius.S
+    }
+
+    var iconSize: CGFloat {
+        switch self {
+        case .large: return 24
+        case .medium, .small: return 16
+        }
+    }
+
+    var iconSpacing: CGFloat {
+        switch self {
+        case .small: return Spacing.XS
+        case .medium, .large: return Spacing.S
+        }
+    }
+
+    var font: Font {
+        switch self {
+        case .large: return .system(size: 16, weight: .bold)
+        case .medium: return .system(size: 14, weight: .bold)
+        case .small: return .system(size: 12, weight: .bold)
+        }
+    }
+}
+
+public struct Button: View {
+
+    var title: String
+    var action: () -> Void
+    var type: ButtonType
+    var size: ButtonSize
+    var iconLeft: AnyView?
+    var iconRight: AnyView?
+    var loading: Bool
+
+    public init(
+        title: String = "",
+        action: @escaping () -> Void,
+        type: ButtonType = .primary,
+        size: ButtonSize = .large,
+        iconLeft: AnyView? = nil,
+        iconRight: AnyView? = nil,
+        loading: Bool = false
+    ) {
+        self.title = title
+        self.action = action
+        self.type = type
+        self.size = size
+        self.iconLeft = iconLeft
+        self.iconRight = iconRight
+        self.loading = loading
+    }
+
+    private func shouldLoadingOnLeft(_ left: AnyView?, _ right: AnyView?) -> Bool {
+        let hasLeft = left != nil
+        let hasRight = right != nil
+
+        switch (hasLeft, hasRight) {
+        case (false, false): return true
+        case (true, false): return true
+        case (false, true): return false
+        case (true, true): return false
+        }
+    }
+
+    public var body: some View {
+
+        let loadingOnLeft = shouldLoadingOnLeft(iconLeft, iconRight)
+
+        let bg = type.backgroundColor(loading: loading)
+        let fg = type.contentColor(loading: loading)
+        let border = type.borderColor
+        let borderWidth = type.borderWidth
+
+        SwiftUI.Button(action: {
+            if !loading && type != .disabled {
+                action()
+            }
+        }) {
+            HStack(spacing: size.iconSpacing) {
+
+                if loading && loadingOnLeft {
+                    LottieView(name: "lottie_circle_loader", loopMode: .loop)
+                        .frame(width: size.iconSize, height: size.iconSize)
+                        .colorMultiply(fg)
+
+                } else if let iconLeft = iconLeft {
+                    iconLeft.frame(width: size.iconSize, height: size.iconSize)
+                }
+
+                Text(title)
+                    .font(size.font)
+                    .foregroundColor(fg)
+                    .lineLimit(1)
+                    .truncationMode(.tail)
+
+                if loading && !loadingOnLeft {
+                    LottieView(name: "lottie_circle_loader", loopMode: .loop)
+                        .frame(width: size.iconSize, height: size.iconSize)
+                        .colorMultiply(fg)
+
+                } else if let iconRight = iconRight {
+                    iconRight.frame(width: size.iconSize, height: size.iconSize)
+                }
+            }
+            .frame(maxWidth: .infinity)
+            .padding(.horizontal, size.padding)
+            .frame(height: size.height)
+            .background(bg)
+            .overlay(
+                RoundedRectangle(cornerRadius: size.radius)
+                    .stroke(border ?? .clear, lineWidth: border != nil ? borderWidth : 0)
+            )
+            .clipShape(RoundedRectangle(cornerRadius: size.radius))
+            .opacity(loading ? 0.75 : 1)
+        }
+        .disabled(type == .disabled || loading)
+    }
+}

package/ios/CalculatorKeyboard/CalculatorKeyboard.swift

@@ -0,0 +1,126 @@
+
+import Foundation
+import SwiftUI
+
+// MARK: - CalculatorKeyboard
+
+
+extension String {
+    var isNumber: Bool {
+        let digitsCharacters = CharacterSet(charactersIn: "0123456789")
+        return CharacterSet(charactersIn: self).isSubset(of: digitsCharacters)
+    }
+}
+
+
+public struct CalculatorKeyboard: View {
+    // MARK: Lifecycle
+    @Binding var value: String
+    @State var tempValue: String = ""
+    
+    public init(_ value: Binding<String>) {
+        self._value = value
+    }
+    
+    func onPressBack(){
+        if (value.count > 0 ){
+            value.removeLast()
+        }
+        
+    }
+    
+    func onPressClear(key: String){
+        value = ""
+        tempValue = ""
+    }
+    
+    func onPressEqual(key: String){
+        if (tempValue == "") {
+            return
+        }
+        if (tempValue.last?.isNumber == false){
+            tempValue.removeLast()
+        }
+        let expression = NSExpression(format: tempValue)
+        
+        value = String(expression.expressionValue(with: nil, context: nil) as! Int)
+        if (Int(value) ?? 0 < 0){
+            value = ""
+        }
+    }
+    
+    func onPressKey(key:String){
+        if (tempValue.last?.isNumber == false){
+            if (key.isNumber == false){
+                return
+            }
+        }
+        var convertedKey = key
+        if (key == "x") {convertedKey = "*"}
+        if (key == "÷") {convertedKey = "/"}
+        if (value == "" && (key == "0" || key == "000" || key.isNumber == false)) {
+            return
+        }
+        else {
+            value.append(key)
+            tempValue.append(convertedKey)
+        }
+    }
+    
+    // MARK: Public
+    
+    public var body: some View {
+        return GeometryReader { geo in
+            VStack {
+                HStack {
+                    KeyboardButton("AC", action: self.onPressClear, color: Colors.pink07, textColor: Colors.black01)
+                    KeyboardButton("÷", action: self.onPressKey, color: Colors.pink07, textColor: Colors.black01)
+                    KeyboardButton("x", action: self.onPressKey, color: Colors.pink07, textColor: Colors.black01)
+                    
+                    SwiftUI.Button(action: onPressBack) {
+                        HStack {
+                            Image(
+                                systemName: "delete.backward"
+                            ).foregroundColor(Colors.black01)
+                        }.frame(maxWidth: .infinity, minHeight: 48)
+                            .background(Colors.pink07)
+                            .foregroundColor(Colors.black01)
+                            .clipShape(RoundedRectangle(cornerRadius: 8))
+                    }
+                }
+                
+                HStack {
+                    KeyboardButton("7", action: self.onPressKey)
+                    KeyboardButton("8", action: self.onPressKey)
+                    KeyboardButton("9", action: self.onPressKey)
+                    KeyboardButton("-", action: self.onPressKey, color: Colors.pink07, textColor: Colors.black01)
+                }
+                
+                HStack {
+                    KeyboardButton("4", action: self.onPressKey)
+                    KeyboardButton("5", action: self.onPressKey)
+                    KeyboardButton("6", action: self.onPressKey)
+                    KeyboardButton("+", action: self.onPressKey, color: Colors.pink07, textColor: Colors.black01)
+                }
+                
+                HStack{
+                    VStack{
+                        HStack {
+                            KeyboardButton("1", action: self.onPressKey)
+                            KeyboardButton("2", action: self.onPressKey)
+                            KeyboardButton("3", action: self.onPressKey)
+                        }
+                        
+                        HStack{
+                            KeyboardButton("000", action: self.onPressKey)
+                            KeyboardButton("0", action: self.onPressKey, width: CGFloat(geo.size.width * 0.25 - 5))
+                        }
+                    }
+                    
+                    KeyboardButton("=", action: self.onPressEqual, width: CGFloat(geo.size.width * 0.25 - 5), height: 102, color: Colors.primary, textColor: Colors.black01)
+                    
+                }
+            }.background(Colors.background)
+        }
+    }
+}

package/ios/Checkbox/Checkbox.swift

@@ -0,0 +1,81 @@
+import Foundation
+import SwiftUI
+
+public struct Checkbox: View{
+    @Binding var checked: Bool
+    var disabled: Bool
+    var onChange: ((Bool)->Void)?
+    var indeterminate: Bool
+    var title: String
+
+
+    public init(_ checked: Binding<Bool>,disabled: Bool = false, onChange: ( (Bool) -> Void)? = nil,
+                indeterminate: Bool = false,
+                title: String = ""){
+        self._checked = checked
+        self.disabled = disabled
+        self.onChange = onChange
+        self.indeterminate = indeterminate
+        self.title = title
+    }
+
+    func onCheck(){
+        checked.toggle()
+        onChange?(checked)
+    }
+
+    public var body: some View {
+        HStack(spacing: Spacing.S) {
+            // Checkbox
+            ZStack {
+                RoundedRectangle(cornerRadius: Radius.XS)
+                    .fill(backgroundColor)
+                    .frame(width: 20, height: 20)
+                    .overlay(
+                        RoundedRectangle(cornerRadius: Radius.XS)
+                            .stroke(borderColor, lineWidth: Spacing.XXS)
+                    )
+
+                if checked {
+                    Image(systemName: indeterminate ? "minus.square.fill" : "checkmark.square.fill")
+                        .resizable()
+                        .foregroundColor(backgroundColor)
+                        .background(Colors.black01)
+                        .frame(width: 20, height: 20)
+                }
+            }
+
+            .onTapGesture {
+                if !disabled {
+                    onCheck()
+                }
+            }
+
+            // Title
+            if !title.isEmpty {
+                Text(title)
+                    .font(.description1)
+            }
+        }
+    }
+
+    private var borderColor: Color {
+        if disabled {
+            return Colors.black03
+        } else if checked {
+            return Colors.primary
+        } else {
+            return Colors.text
+        }
+    }
+
+    private var backgroundColor: Color {
+        if disabled && checked {
+            return Colors.pink08
+        } else if checked {
+            return Colors.primary
+        } else {
+            return Color.clear
+        }
+    }
+}

package/ios/Chip/Chip.swift

@@ -0,0 +1,96 @@
+import SwiftUI
+import Foundation
+
+public struct Chip: View {
+    public enum ChipSize { case small, large }
+
+    public struct Dimensions {
+        let horizontal: CGFloat
+        let vertical: CGFloat
+        let iconSize: CGFloat
+        let iconSpacing: CGFloat
+    }
+
+    public static let Large = Dimensions(horizontal: 12, vertical: 8, iconSize: 20, iconSpacing: 8)
+    public static let Small = Dimensions(horizontal: 10, vertical: 6, iconSize: 16, iconSpacing: 6)
+
+    private let label: String?
+    private let iconLeft: String?
+    private let iconRight: String?
+    private let selected: Bool
+    private let onClick: () -> Void
+    private let size: ChipSize
+    private let iconLeftTint: Color?
+    private let iconRightTint: Color?
+    private let backgroundColor: Color?
+    private let accessibilityLabel: String?
+
+    public init(
+        label: String? = "Label",
+        iconLeft: String? = nil,
+        iconRight: String? = nil,
+        selected: Bool = false,
+        onClick: @escaping () -> Void = {},
+        size: ChipSize = .large,
+        iconLeftTint: Color? = nil,
+        iconRightTint: Color? = nil,
+        backgroundColor: Color? = nil,
+        accessibilityLabel: String? = nil
+    ) {
+        self.label = label
+        self.iconLeft = iconLeft
+        self.iconRight = iconRight
+        self.selected = selected
+        self.onClick = onClick
+        self.size = size
+        self.iconLeftTint = iconLeftTint
+        self.iconRightTint = iconRightTint
+        self.backgroundColor = backgroundColor
+        self.accessibilityLabel = accessibilityLabel
+    }
+
+    public var body: some View {
+        let dims = (size == .small) ? Self.Small : Self.Large
+
+        let bg: Color = {
+            if selected { return Colors.pink10 }
+            if let explicit = backgroundColor { return explicit }
+            return Colors.black03
+        }()
+
+        let textColor: Color = selected ? Colors.primary : Colors.text
+        let leftTint: Color = selected ? Colors.primary : iconLeftTint ?? Colors.text
+        let rightTint: Color = selected ? Colors.primary : iconRightTint ?? Colors.text
+
+        HStack(spacing: dims.iconSpacing) {
+            if let iconLeft {
+                Icon(source: iconLeft, size: dims.iconSize, color: leftTint)
+            }
+
+            if let text = label, !text.isEmpty {
+                MomoText(text, typography: (size == .large) ? .labelDefaultMedium : .labelSMedium, color: textColor)
+                    .lineLimit(1)
+            }
+
+            if let iconRight {
+                Icon(source: iconRight, size: dims.iconSize, color: rightTint)
+            }
+        }
+        .padding(.horizontal, dims.horizontal)
+        .padding(.vertical, dims.vertical)
+        .background(
+            RoundedRectangle(cornerRadius: Radius.L, style: .continuous)
+                .fill(bg)
+        )
+        .overlay(
+            Group {
+                if selected {
+                    RoundedRectangle(cornerRadius: Radius.L, style: .continuous)
+                        .stroke(Colors.primary, lineWidth: 2)
+                }
+            }
+        )
+        .contentShape(RoundedRectangle(cornerRadius: Radius.L, style: .continuous))
+        .onTapGesture(perform: onClick)
+    }
+}

package/ios/Colors+Radius+Spacing/Colors.swift

@@ -0,0 +1,172 @@
+
+import Foundation
+import SwiftUI
+
+public enum Colors {
+    public static let primary = Color("Primary")
+    public static let primaryDark = Color("PrimaryDark")
+    public static let primaryLight = Color("PrimaryLight")
+    public static let secondary = Color("Secondary")
+    public static let background = Color("Background")
+    public static let border = Color("Border")
+    public static let text = Color("Text")
+    public static let textSecondary = Color("TextSecondary")
+    public static let card = Color("Card")
+    public static let error = Color("Error")
+    public static let info = Color("Info")
+    public static let success = Color("Success")
+
+    public static let black20 = Color(hex: "000000")
+    public static let black19 = Color(hex: "18191a")
+    public static let black18 = Color(hex: "242424")
+    public static let black17 = Color(hex: "303233")
+    public static let black16 = Color(hex: "404040")
+    public static let black15 = Color(hex: "484848")
+    public static let black14 = Color(hex: "565656")
+    public static let black13 = Color(hex: "646464")
+    public static let black12 = Color(hex: "727272")
+    public static let black11 = Color(hex: "878787")
+    public static let black10 = Color(hex: "a0a0a0")
+    public static let black09 = Color(hex: "b9b9b9")
+    public static let black08 = Color(hex: "c6c6c6")
+    public static let black07 = Color(hex: "cccccc")
+    public static let black06 = Color(hex: "d8d8d8")
+    public static let black05 = Color(hex: "e5e5e5")
+    public static let black04 = Color(hex: "e8e8e8")
+    public static let black03 = Color(hex: "f0f0f0")
+    public static let black02 = Color(hex: "f9f9f9")
+    public static let black01 = Color(hex: "ffffff")
+
+
+    public static let pink11 = Color(hex: "fef8fc")
+    public static let pink10 = Color(hex: "fef4fa")
+    public static let pink09 = Color(hex: "fdeaf4")
+    public static let pink08 = Color(hex: "fbd5ea")
+    public static let pink07 = Color(hex: "f7acd5")
+    public static let pink06 = Color(hex: "f382c0")
+    public static let pink05 = Color(hex: "ef59ab")
+    public static let pink04 = Color(hex: "ed43a0")
+    public static let pink03 = Color(hex: "eb2f96")
+    public static let pink02 = Color(hex: "d42a87")
+    public static let pink01 = Color(hex: "bc2678")
+
+
+    public static let violet10 = Color(hex: "fcf8fe")
+    public static let violet09 = Color(hex: "faf4fe")
+    public static let violet08 = Color(hex: "ead4fc")
+    public static let violet07 = Color(hex: "d5aaf9")
+    public static let violet06 = Color(hex: "f4e9fd")
+    public static let violet05 = Color(hex: "c07ff6")
+    public static let violet04 = Color(hex: "ab55f3")
+    public static let violet03 = Color(hex: "962af0")
+    public static let violet02 = Color(hex: "8726d8")
+    public static let violet01 = Color(hex: "7822c0")
+
+    public static let indigo11 = Color(hex: "f9f9ff")
+    public static let indigo10 = Color(hex: "f6f6ff")
+    public static let indigo09 = Color(hex: "ededff")
+    public static let indigo08 = Color(hex: "dcdbff")
+    public static let indigo07 = Color(hex: "b8b7ff")
+    public static let indigo06 = Color(hex: "9593ff")
+    public static let indigo05 = Color(hex: "716fff")
+    public static let indigo04 = Color(hex: "5f5dff")
+    public static let indigo03 = Color(hex: "4e4bff")
+    public static let indigo02 = Color(hex: "4644e6")
+    public static let indigo01 = Color(hex: "3e3ccc")
+
+    public static let blue11 = Color(hex: "f7fbff")
+    public static let blue10 = Color(hex: "f2f8ff")
+    public static let blue09 = Color(hex: "e5f1ff")
+    public static let blue08 = Color(hex: "cce4ff")
+    public static let blue07 = Color(hex: "99caff")
+    public static let blue06 = Color(hex: "66afff")
+    public static let blue05 = Color(hex: "3395ff")
+    public static let blue04 = Color(hex: "1987ff")
+    public static let blue03 = Color(hex: "007aff")
+    public static let blue02 = Color(hex: "006ee6")
+    public static let blue01 = Color(hex: "0062cc")
+
+    public static let mint11 = Color(hex: "f8fdfd")
+    public static let mint10 = Color(hex: "f3fcfc")
+    public static let mint09 = Color(hex: "e7f8f8")
+    public static let mint08 = Color(hex: "d0f3f3")
+    public static let mint07 = Color(hex: "a1e7e7")
+    public static let mint06 = Color(hex: "71dada")
+    public static let mint05 = Color(hex: "42cece")
+    public static let mint04 = Color(hex: "2ac8c8")
+    public static let mint03 = Color(hex: "13c2c2")
+    public static let mint02 = Color(hex: "11afaf")
+    public static let mint01 = Color(hex: "0f9b9b")
+
+    public static let green11 = Color(hex: "f9fdfa")
+    public static let green10 = Color(hex: "f5fcf6")
+    public static let green09 = Color(hex: "eaf9ee")
+    public static let green08 = Color(hex: "d6f4de")
+    public static let green07 = Color(hex: "aee9bd")
+    public static let green06 = Color(hex: "85dd9b")
+    public static let green05 = Color(hex: "5dd27a")
+    public static let green04 = Color(hex: "48cc69")
+    public static let green03 = Color(hex: "34c759")
+    public static let green02 = Color(hex: "2fb350")
+    public static let green01 = Color(hex: "2a9f47")
+
+    public static let lime11 = Color(hex: "fcfef8")
+    public static let lime10 = Color(hex: "fafdf3")
+    public static let lime09 = Color(hex: "f5fbe7")
+    public static let lime08 = Color(hex: "ecf7cf")
+    public static let lime07 = Color(hex: "d9f0a0")
+    public static let lime06 = Color(hex: "c6e870")
+    public static let lime05 = Color(hex: "b3e141")
+    public static let lime04 = Color(hex: "a9dc28")
+    public static let lime03 = Color(hex: "a0d911")
+    public static let lime02 = Color(hex: "90c30f")
+    public static let lime01 = Color(hex: "80ae0e")
+
+    public static let yellow11 = Color(hex: "fffdf7")
+    public static let yellow10 = Color(hex: "fffcf2")
+    public static let yellow09 = Color(hex: "fff9e5")
+    public static let yellow08 = Color(hex: "fff5cc")
+    public static let yellow07 = Color(hex: "ffeb99")
+    public static let yellow06 = Color(hex: "ffe066")
+    public static let yellow05 = Color(hex: "ffd633")
+    public static let yellow04 = Color(hex: "ffd119")
+    public static let yellow03 = Color(hex: "fc0")
+    public static let yellow02 = Color(hex: "e6b800")
+    public static let yellow01 = Color(hex: "cca300")
+
+    public static let gold11 = Color(hex: "fefbf8")
+    public static let gold10 = Color(hex: "fff9f3")
+    public static let gold09 = Color(hex: "fef3e7")
+    public static let gold08 = Color(hex: "fee8d0")
+    public static let gold07 = Color(hex: "fdd1a2")
+    public static let gold06 = Color(hex: "fcba73")
+    public static let gold05 = Color(hex: "fba345")
+    public static let gold04 = Color(hex: "fa972d")
+    public static let gold03 = Color(hex: "fa8c16")
+    public static let gold02 = Color(hex: "e17e14")
+    public static let gold01 = Color(hex: "c87012")
+
+    public static let orange11 = Color(hex: "fefaf8")
+    public static let orange10 = Color(hex: "fff6f3")
+    public static let orange09 = Color(hex: "feede8")
+    public static let orange08 = Color(hex: "feddd2")
+    public static let orange07 = Color(hex: "fdbba4")
+    public static let orange06 = Color(hex: "fc9877")
+    public static let orange05 = Color(hex: "fb7649")
+    public static let orange04 = Color(hex: "fa6532")
+    public static let orange03 = Color(hex: "fa541c")
+    public static let orange02 = Color(hex: "e14c19")
+    public static let orange01 = Color(hex: "c84316")
+
+    public static let red11 = Color(hex: "fef8f8")
+    public static let red10 = Color(hex: "fef4f4")
+    public static let red09 = Color(hex: "fee8ea")
+    public static let red08 = Color(hex: "fdd3d5")
+    public static let red07 = Color(hex: "fba7ab")
+    public static let red06 = Color(hex: "f97a81")
+    public static let red05 = Color(hex: "f74e57")
+    public static let red04 = Color(hex: "f63842")
+    public static let red03 = Color(hex: "f5222d")
+    public static let red02 = Color(hex: "dd1f29")
+    public static let red01 = Color(hex: "c41b24")
+}