[refactor] #173 PokitSelect에 PokitSelectSheet 적용

Author: ShapeKim98

Projects/DSKit/Sources/Components/PokitSelect.swift

@@ -50,11 +50,18 @@ public struct PokitSelect<Item: PokitSelectItem>: View {
         }
         .onChange(of: selectedItem) { onChangedSeletedItem($0) }
         .sheet(isPresented: $showSheet) {
-            listSheet
-                .presentationDragIndicator(.visible)
-                .pokitPresentationCornerRadius()
-                .presentationDetents([.height(564)])
-                .pokitPresentationBackground()
+            PokitSelectSheet(
+                list: list,
+                itemSelected: { item in
+                    listDismiss()
+                    action(item)
+                },
+                pokitAddAction: addAction
+            )
+            .presentationDragIndicator(.visible)
+            .pokitPresentationCornerRadius()
+            .presentationDetents([.height(564)])
+            .pokitPresentationBackground()
         }
     }
 
@@ -96,63 +103,6 @@ public struct PokitSelect<Item: PokitSelectItem>: View {
             .animation(.pokitDissolve, value: self.state)
     }
 
-    private var listSheet: some View {
-        Group {
-            if let list {
-                VStack(spacing: 0) {
-                    if let addAction {
-                        addButton {
-                            listDismiss()
-                            addAction()
-                        }
-                    }
-                    
-                    PokitList(
-                        selectedItem: selectedItem,
-                        list: list
-                    ) { item in
-                        action(item)
-                        listCellTapped(item)
-                    }
-                }
-                .padding(.top, 12)
-                .padding(.bottom, 20)
-            } else {
-                PokitLoading()
-            }
-        }
-    }
-    
-    @ViewBuilder
-    private func addButton(
-        action: @escaping () -> Void
-    ) -> some View {
-        Button(action: action) {
-            HStack(spacing: 20) {
-                PokitIconButton(
-                    .icon(.plusR),
-                    state: .default(.secondary),
-                    size: .medium,
-                    shape: .round,
-                    action: action
-                )
-                
-                Text("포킷 추가하기")
-                    .pokitFont(.b1(.b))
-                    .foregroundStyle(.pokit(.text(.primary)))
-                
-                Spacer()
-            }
-            .padding(.vertical, 22)
-            .padding(.horizontal, 30)
-            .background(alignment: .bottom) {
-                Rectangle()
-                    .fill(.pokit(.border(.tertiary)))
-                    .frame(height: 1)
-            }
-        }
-    }
-    
     private func partSelectButtonTapped() {
         showSheet = true
     }

Projects/DSKit/Sources/Components/PokitSelectSheet.swift

@@ -10,16 +10,21 @@ import Util
 
 
 public struct PokitSelectSheet<Item: PokitSelectItem>: View {
+    @Binding
+    private var selectedItem: Item?
+    
     private let list: [Item]?
     private let itemSelected: (Item) -> Void
     private let pokitAddAction: (() -> Void)?
 
     public init(
         list: [Item]?,
+        selectedItem: Binding<Item?> = .constant(nil),
         itemSelected: @escaping (Item) -> Void,
         pokitAddAction: (() -> Void)?
     ) {
         self.list = list
+        self._selectedItem = selectedItem
         self.itemSelected = itemSelected
         self.pokitAddAction = pokitAddAction
     }
@@ -35,10 +40,10 @@ public struct PokitSelectSheet<Item: PokitSelectItem>: View {
                         }
                     }
                     PokitList(
-                        selectedItem: nil,
+                        selectedItem: selectedItem,
                         list: list
                     ) { item in
-                            itemSelected(item)
+                        itemSelected(item)
                     }
                 }
                 .padding(.top, 12)