Merge pull request #331 from GSM-MSG/330-design-system-file-field

🔀 :: [#330] DesignSystem / FileField

Projects/Core/DesignSystem/Resources/Icon/Icons.xcassets/File.imageset/Contents.json

@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "file.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Projects/Core/DesignSystem/Sources/File/FileField.swift

@@ -0,0 +1,70 @@
+import SwiftUI
+import ViewUtil
+import UniformTypeIdentifiers
+
+public struct FileField: View {
+    @State var fileText: String
+    @State var isShow: Bool
+    @State var isError: Bool
+    let errorText: String
+    let allowedContentTypes: [UTType]
+    let action: (URL) -> Void
+
+    public init(
+        fileText: String,
+        isShow: Bool,
+        isError: Bool = false,
+        errorText: String = "",
+        allowedContentTypes: [UTType] = [.content],
+        action: @escaping (URL) -> Void
+    ) {
+        self.fileText = fileText
+        self.isShow = isShow
+        self.isError = isError
+        self.errorText = errorText
+        self.allowedContentTypes = allowedContentTypes
+        self.action = action
+    }
+
+    public var body: some View {
+        SMSTextField(
+            "",
+            text: Binding(
+                get: { fileText },
+                set: { _ in }
+            ),
+            errorText: errorText,
+            isError: isError,
+            isOnClear: false
+        )
+        .disabled(true)
+        .overlay(alignment: .trailing) {
+            SMSIcon(.file)
+                .padding(.trailing, 12)
+        }
+        .simultaneousGesture(
+            TapGesture()
+                .onEnded {
+                    self.isShow = true
+                }
+        )
+        .fileImporter(
+            isPresented: Binding(
+                get: { isShow },
+                set: { active in
+                    isShow = active
+                }
+            ),
+            allowedContentTypes: allowedContentTypes
+        ) { result in
+            switch result {
+            case .success(let url):
+                fileText = url.lastPathComponent
+                action(url)
+
+            case .failure:
+                self.isError = true
+            }
+        }
+    }
+}

Projects/Core/DesignSystem/Sources/Icon/SMSIcon.swift

@@ -25,6 +25,7 @@ public struct SMSIcon: View {
         case check
         case checkmark
         case downChevron
+        case file
         case filter
         case greenCheck
         case photo
@@ -74,6 +75,9 @@ public struct SMSIcon: View {
         case .downChevron:
             return DesignSystemAsset.Icons.downChevron.swiftUIImage
 
+        case .file:
+            return DesignSystemAsset.Icons.file.swiftUIImage
+
         case .filter:
             return DesignSystemAsset.Icons.filter.swiftUIImage
 

Projects/Core/DesignSystem/Sources/TextField/SMSTextEditor.swift

@@ -34,7 +34,7 @@ public struct SMSTextEditor: View {
                         .onSubmit(onSubmit)
                         .smsFont(.body1, color: .neutral(.n50))
                         .focused($isFocused)
-                    
+
                     SMSIcon(.xmark)
                         .buttonWrapper {
                             text = ""
@@ -54,7 +54,7 @@ public struct SMSTextEditor: View {
                 .onTapGesture {
                     isFocused = true
                 }
-            
+
                 if text.isEmpty {
                     Text(placeholder)
                         .smsFont(.body1, color: .neutral(.n30))