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

package/example/ios/Example/Library/SwipeableDemo.swift

@@ -0,0 +1,105 @@
+
+import MoMoUIKits
+import SwiftUI
+
+// MARK: - SwipeableDemo
+
+struct SwipeableDemo: View {
+    @State var data = (1 ... 10).map { "Item \($0)" }
+    @State var currentUserInteractionCellID: String?
+
+    var body: some View {
+        GeometryReader { _ in
+            ScrollView {
+                LazyVStack(alignment: .center, spacing: 10) {
+                    ForEach(data, id: \.self) { item in
+                        RowView(item: item, deletionCallback: { item in
+                            self.data = self.data.filter { anyItem->Bool in
+                                anyItem != item
+                            }
+                        }, currentUserInteractionCellID: $currentUserInteractionCellID)
+                    }
+                }.animation(.default, value: data)
+                    .padding(20)
+            }
+        }
+    }
+}
+
+// MARK: - RowView
+
+struct RowView: View {
+    var item: String
+    var deletionCallback: (String)->()
+    @Binding var currentUserInteractionCellID: String?
+
+    var body: some View {
+        Text(item)
+            .frame(maxWidth: .infinity)
+            .padding(.vertical, 16)
+            .background(RoundedRectangle(cornerRadius: 5).foregroundColor(.green))
+            .swipeCell(id: self.item, leadingSideGroup: leftGroup(), trailingSideGroup: rightGroup())
+            .onTapGesture {}
+    }
+
+    func leftGroup()->[SwipeCellActionItem] {
+        return [SwipeCellActionItem(buttonView: {
+            self.pinView(swipeOut: false)
+            
+        }, swipeOutButtonView: {
+            self.pinView(swipeOut: true)
+        }, buttonWidth: 80, backgroundColor: .yellow, swipeOutAction: true, swipeOutHapticFeedbackType: .success, swipeOutIsDestructive: false)
+            {}]
+    }
+    
+    func pinView(swipeOut: Bool)->AnyView {
+        Group {
+            Spacer()
+            VStack(spacing: 2) {
+                Image(systemName: "pin").font(.system(size: 24)).foregroundColor(.white)
+            }.frame(maxHeight: 80).padding(.horizontal, swipeOut ? 20 : 5)
+            if swipeOut == false {
+                Spacer()
+            }
+        }.animation(.default).castToAnyView()
+    }
+    
+    func rightGroup()->[SwipeCellActionItem] {
+        return [
+            SwipeCellActionItem(buttonView: {
+                VStack(spacing: 2) {
+                    Image(systemName: "person.crop.circle.badge.plus").font(.system(size: 22)).foregroundColor(.white)
+                    Text("Share").fixedSize().font(.system(size: 12)).foregroundColor(.white)
+                }.frame(maxHeight: 80).castToAnyView()
+
+            }, backgroundColor: .blue) {
+                print("share action!")
+            },
+            SwipeCellActionItem(buttonView: {
+                VStack(spacing: 2) {
+                    Image(systemName: "folder.fill").font(.system(size: 22)).foregroundColor(.white)
+                    Text("Move").fixedSize().font(.system(size: 12)).foregroundColor(.white)
+                }.frame(maxHeight: 80).castToAnyView()
+          
+            }, backgroundColor: .purple, actionCallback: {
+                print("folder action")
+            }),
+            
+            SwipeCellActionItem(buttonView: {
+                self.trashView(swipeOut: false)
+            }, swipeOutButtonView: {
+                self.trashView(swipeOut: true)
+            }, backgroundColor: .red, swipeOutAction: true, swipeOutHapticFeedbackType: .warning, swipeOutIsDestructive: true) {
+                print("delete action")
+                self.deletionCallback(item)
+            }
+        ]
+    }
+    
+    func trashView(swipeOut: Bool)->AnyView {
+        VStack(spacing: 3) {
+            Image(systemName: "trash").font(.system(size: swipeOut ? 28 : 22)).foregroundColor(.white)
+            Text("Delete").fixedSize().font(.system(size: swipeOut ? 16 : 12)).foregroundColor(.white)
+        }.frame(maxHeight: 80).animation(.default).castToAnyView()
+    }
+}

package/example/ios/Example/Library.swift

@@ -0,0 +1,26 @@
+//
+//  Library.swift
+//  Example
+//
+//  Created by Wem on 13/12/2022.
+//
+
+import Foundation
+import SwiftUI
+
+struct Library: View {
+    var libraries: [ComponentModel]
+    
+    var body: some View {
+        NavigationView {
+            List(libraries) { item in
+                NavigationLink {
+                    ComponentDetail(item)
+                } label: {
+                    ComponentItem(item)
+                }
+            }
+            .navigationTitle("Libraries")
+        }
+    }
+}

package/example/ios/Example/Main.swift

@@ -0,0 +1,11 @@
+import MoMoUIKits
+import SwiftUI
+
+@main
+struct Main: App {
+    var body: some Scene {
+        WindowGroup {
+            ContentView().modifier(DarkViewModifier())
+        }
+    }
+}

package/example/ios/Example/Overview.swift

@@ -0,0 +1,20 @@
+//
+//  Overview.swift
+//  Example
+//
+//  Created by Wem on 13/12/2022.
+//
+
+import Foundation
+import SwiftUI
+import MoMoUIKits
+
+struct Overview: View {
+    @AppStorage("isDarkMode") var isDarkMode: Bool = true
+
+    var body: some View {
+        VStack {
+            Toggle("DarkMode", isOn: $isDarkMode)
+        }.padding()
+    }
+}

package/example/ios/Example/Preview Content/Preview Assets.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/example/ios/Example/Resource/foundation.json

@@ -0,0 +1,33 @@
+[
+    {
+        "id": "Typography",
+        "name": "Typography",
+        "description": "The typography system",
+    },
+    {
+        "id": "TextInput",
+        "name": "TextInput",
+        "description": "Text fields let users enter and edit text",
+    },
+    {
+        "id": "Button",
+        "name": "Button",
+        "description": "Button component that should render nicely on any platform.",
+    },
+    {
+        "id": "IconButton",
+        "name": "IconButton",
+        "description": "Icon buttons allow users to take actions, and make choices, with a single tap.",
+    },
+    {
+        "id": "Image",
+        "name": "Image",
+        "description": "Imagery communicates and differentiates a product through visuals.",
+    },
+    {
+        "id": "Popup",
+        "name": "Popup",
+        "description": "sheet & popup in application",
+    }
+]
+

package/example/ios/Example/Resource/library.json

@@ -0,0 +1,8 @@
+[
+    {
+        "id": "SwipeableCell",
+        "name": "SwipeableCell",
+        "description": "The swipeable view",
+    }
+]
+

package/example/ios/Example/Utils.swift

@@ -0,0 +1,30 @@
+//
+//  Utils.swift
+//  Example
+//
+//  Created by Wem on 23/12/2022.
+//
+
+import Foundation
+
+func load<T: Decodable>(_ filename: String) -> T {
+    let data: Data
+
+    guard let file = Bundle.main.url(forResource: filename, withExtension: nil)
+        else {
+            fatalError("Couldn't find \(filename) in main bundle.")
+    }
+
+    do {
+        data = try Data(contentsOf: file)
+    } catch {
+        fatalError("Couldn't load \(filename) from main bundle:\n\(error)")
+    }
+
+    do {
+        let decoder = JSONDecoder()
+        return try decoder.decode(T.self, from: data)
+    } catch {
+        fatalError("Couldn't parse \(filename) as \(T.self):\n\(error)")
+    }
+}

package/example/ios/Example/ViewModifier/DarkViewModifier.swift

@@ -0,0 +1,22 @@
+//
+//  ViewModifier.swift
+//  Example
+//
+//  Created by Wem on 17/12/2022.
+//
+
+import Foundation
+import SwiftUI
+
+public struct DarkViewModifier: ViewModifier {
+    // MARK: Public
+
+    public func body(content: Content) -> some View {
+        content
+            .preferredColorScheme(isDarkMode ? .dark : .light)
+    }
+
+    // MARK: Internal
+
+    @AppStorage("isDarkMode") var isDarkMode: Bool = true
+}