Implemented single selection mode, multi selection mode and deletable mode

Author: cianiandreadev

Sources/SwiftChips/ChipsCollectionView.swift

@@ -11,6 +11,7 @@ public struct ChipsCollectionView<D: ChipData>: View {
     @Binding public var chips: [D]
 
     public var workingMode: WorkingMode
+    public var accentColor: Color = .accentColor
 
     public init(chips: Binding<[D]>, mode: WorkingMode = .multipleSelection) {
         self._chips = chips
@@ -23,13 +24,7 @@ public struct ChipsCollectionView<D: ChipData>: View {
         return GeometryReader { geo in
             ZStack(alignment: .topLeading, content: {
                 ForEach(0 ..< $chips.count, id: \.self) { i in
-                    ChipView(data: self.$chips[i]) { selected in
-                        if workingMode == .singleSelection && selected {
-                            for (index,_) in self.chips.enumerated() where index != i {
-                                self.chips[index].isSelected = false
-                            }
-                        }
-                    }
+                    buildChipView(at: i)
                         .padding(.all, 5)
                         .alignmentGuide(.leading) { dimension in
                             if (abs(width - dimension.width) > geo.size.width) {
@@ -54,8 +49,39 @@ public struct ChipsCollectionView<D: ChipData>: View {
                         }
                 }
             })
+        }.environment(\.accentColor, accentColor)
+    }
+    
+    // Used for single selection an multiple selection
+    @ViewBuilder
+    private func buildChipView(at i: Int) -> some View {
+        switch workingMode {
+        case .singleSelection, .multipleSelection:
+            ChipView(data: self.$chips[i]) { data in
+                if workingMode == .singleSelection && data.isSelected {
+                    for (index, item) in self.chips.enumerated() where index != i && item.isSelected {
+                        // where isSelected reduce the callbacks to the binding object state to
+                        // only the object that need to be changed
+                        self.chips[index].isSelected = false
+                    }
+                }
+            }
+        case .deletable:
+            DeletableChipView(data: self.$chips[i]) { data in
+                withAnimation {
+                    self.$chips.wrappedValue = self.$chips.wrappedValue.filter { $0.id != data.id }
+                }
+            }
         }
+        
     }
+    
+    // Used only for deletable mode
+    @ViewBuilder
+    private func builddDeletableChipView(at i: Int) -> some View {
+        
+    }
+    
 }
 
 struct ContentView_Previews: PreviewProvider {

Sources/SwiftChips/ChipView.swift …ces/SwiftChips/ChipsViews/ChipView.swiftSources/SwiftChips/ChipView.swift renamed to Sources/SwiftChips/ChipsViews/ChipView.swift Sources/SwiftChips/ChipView.swift renamed to Sources/SwiftChips/ChipsViews/ChipView.swift

@@ -9,20 +9,22 @@ import SwiftUI
 struct ChipView<D: ChipData>: View {
     @Binding var data: D
 
-    var onTap: (Bool) -> ()
+    var onTap: (D) -> ()
+    
+    @Environment(\.accentColor) var userAccentColor
 
     var body: some View {
         Text(data.text)
             .font(.system(size: 14))
             .padding(.horizontal, 10)
             .padding(.vertical, 5)
             .foregroundColor(data.isSelected ? .white : .black)
-            .background(data.isSelected ? Color.blue : Color.gray.opacity(0.3))
+            .background(data.isSelected ? userAccentColor : Color.gray.opacity(0.3))
             .cornerRadius(20)
             .animation(.spring(), value: data.isSelected)
             .onTapGesture {
                 data.isSelected.toggle()
-                onTap(data.isSelected)
+                onTap(data)
             }
     }
 }

Sources/SwiftChips/ChipsViews/DeletableChipView.swift

@@ -0,0 +1,48 @@
+//
+//  SwiftUIView.swift
+//  
+//
+//  Created by Andrea Ciani on 26.04.23.
+//
+
+import SwiftUI
+
+struct DeletableChipView<D: ChipData>: View {
+    
+    @Binding var data: D
+    
+    var onTap: (D) -> ()
+    
+    @Environment(\.accentColor) var userAccentColor
+    
+    var body: some View {
+        HStack {
+            Button {
+                onTap(data)
+            } label: {
+                Image(systemName: "x.circle.fill")
+                    .font(.system(size: 16))
+                    .foregroundColor(.white)
+            }
+            Text(data.text)
+        }
+        .font(.system(size: 14))
+        .padding(.horizontal, 10)
+        .padding(.vertical, 5)
+        .foregroundColor(data.isSelected ? .white : .black)
+        .background(userAccentColor)
+        .cornerRadius(20)
+        .animation(.spring(), value: data.isSelected)
+    }
+}
+
+struct SwiftUIView_Previews: PreviewProvider {
+    
+    @State private static var chipState = ExampleChipData(
+        text: "Example Chip",
+        isSelected: true)
+    
+    static var previews: some View {
+        DeletableChipView(data: $chipState, onTap: {_ in })
+    }
+}

Sources/SwiftChips/Environment/EnvironmentKeys.swift

@@ -0,0 +1,19 @@
+//
+//  EnvironmentKeys.swift
+//  
+//
+//  Created by Andrea Ciani on 26.04.23.
+//
+
+import SwiftUI
+
+struct AccentColorKey: EnvironmentKey {
+    static let defaultValue: Color = .accentColor
+}
+
+extension EnvironmentValues {
+    var accentColor: Color {
+        get { self[AccentColorKey.self] }
+        set { self[AccentColorKey.self] = newValue }
+    }
+}