Offline: Remove downloaded area and view details

Sources/ArcGISToolkit/Components/Offline/MetadataDetailView.swift

@@ -0,0 +1,128 @@
+// Copyright 2024 Esri
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//   https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import ArcGIS
+import SwiftUI
+
+struct MetadataDetailView: View {
+    /// The view model for the preplanned map.
+    @ObservedObject var model: PreplannedMapModel
+
+    /// The action to dismiss the view.
+    @Environment(\.dismiss) private var dismiss: DismissAction
+
+    public var body: some View {
+        Form {
+            Section {
+                VStack(alignment: .leading) {
+                    if let image = model.preplannedMapArea.thumbnail {
+                        VStack(alignment: .leading, spacing: 0) {
+                            Text("Thumbnail")
+                                .font(.caption)
+                                .foregroundStyle(.secondary)
+                            LoadableImageView(loadableImage: image)
+                                .clipShape(.rect(cornerRadius: 10))
+                                .padding(.vertical, 10)
+                        }
+                        Divider()
+                    }
+                    VStack(alignment: .leading, spacing: 0) {
+                        Text("Name")
+                            .font(.caption)
+                            .foregroundStyle(.secondary)
+                        Text(model.preplannedMapArea.title)
+                            .font(.subheadline)
+                    }
+                    Divider()
+                    VStack(alignment: .leading, spacing: 0) {
+                        Text("Description")
+                            .font(.caption)
+                            .foregroundStyle(.secondary)
+                        Text(model.preplannedMapArea.description)
+                            .font(.subheadline)
+                    }
+                    Divider()
+                    if let size = model.directorySize {
+                        VStack(alignment: .leading, spacing: 0) {
+                            Text("Size")
+                                .font(.caption)
+                                .foregroundStyle(.secondary)
+                            Text(size.formatted(.byteCount(style: .file, allowedUnits: [.kb, .mb])))
+                                .font(.subheadline)
+                        }
+                    }
+                }
+            }
+            Section {
+                HStack {
+                    ZStack {
+                        Image(systemName: "circle.fill")
+                            .foregroundStyle(.secondary)
+                            .opacity(0.1)
+                            .font(.title)
+                        Image(systemName: "trash.fill")
+                            .foregroundStyle(.red)
+                            .imageScale(.medium)
+                    }
+                    Button {
+                        dismiss()
+                        Task {
+                            await model.removeDownloadedPreplannedMapArea()
+                        }
+                    } label: {
+                        Text("Delete Map Area")
+                            .font(.subheadline)
+                            .foregroundColor(.red)
+                    }
+                }
+            }
+        }
+        .navigationTitle(model.preplannedMapArea.title)
+        .navigationBarTitleDisplayMode(.inline)
+        .navigationBarBackButtonHidden()
+        .toolbar {
+            ToolbarItem(placement: .confirmationAction) {
+                Button {
+                    dismiss()
+                } label: {
+                    Text("Done")
+                        .bold()
+                }
+            }
+        }
+    }
+}
+
+#Preview {
+    struct MockPreplannedMapArea: PreplannedMapAreaProtocol {
+        var packagingStatus: PreplannedMapArea.PackagingStatus? = .complete
+        var title: String = "Mock Preplanned Map Area"
+        var description: String = "This is the description text"
+        var thumbnail: LoadableImage? = nil
+
+        func retryLoad() async throws { }
+        func makeParameters(using offlineMapTask: OfflineMapTask) async throws -> DownloadPreplannedOfflineMapParameters {
+            DownloadPreplannedOfflineMapParameters()
+        }
+    }
+
+    return MetadataDetailView(
+        model: PreplannedMapModel(
+            offlineMapTask: OfflineMapTask(onlineMap: Map()),
+            mapArea: MockPreplannedMapArea(),
+            portalItemID: .init("preview")!,
+            preplannedMapAreaID: .init("preview")!
+        )
+    )
+}

Sources/ArcGISToolkit/Components/Offline/OfflineMapAreasView.swift

@@ -89,6 +89,8 @@ public struct OfflineMapAreasView: View {
                     PreplannedListItemView(model: preplannedMapModel) { newMap in
                         selectedMap = newMap
                         dismiss()
+                    } onMapDeletion: {
+                        selectedMap = nil
                     }
                 }
             } else {

Sources/ArcGISToolkit/Components/Offline/PreplannedListItemView.swift

@@ -21,9 +21,15 @@ struct PreplannedListItemView: View {
     /// The view model for the preplanned map.
     @ObservedObject var model: PreplannedMapModel
 
+    /// A Boolean value indicating whether the metadata view is presented.
+    @State private var detailsViewIsPresented = false
+
     /// The closure to perform when the map selection changes.
     let onMapSelectionChanged: (Map) -> Void
 
+    /// The closure to perform when the map is removed from local disk.
+    let onMapDeletion: () -> Void
+
     var body: some View {
         HStack(alignment: .center, spacing: 10) {
             thumbnailView
@@ -37,6 +43,19 @@ struct PreplannedListItemView: View {
                 statusView
             }
         }
+        .swipeActions {
+            deleteButton
+        }
+        .onTapGesture {
+            if case .downloaded = model.status {
+                detailsViewIsPresented = true
+            }
+        }
+        .sheet(isPresented: $detailsViewIsPresented) {
+            NavigationStack {
+                MetadataDetailView(model: model)
+            }
+        }
         .task {
             await model.load()
         }
@@ -55,6 +74,20 @@ struct PreplannedListItemView: View {
             .font(.body)
     }
 
+    @ViewBuilder private var deleteButton: some View {
+        if model.status.allowsRemoval {
+            Button {
+                Task {
+                    await model.removeDownloadedPreplannedMapArea()
+                    onMapDeletion()
+                }
+            } label: {
+                Label("Remove Area", systemImage: "trash")
+            }
+            .tint(.red)
+        }
+    }
+
     @ViewBuilder private var downloadButton: some View {
         switch model.status {
         case .downloaded:
@@ -154,6 +187,6 @@ struct PreplannedListItemView: View {
             portalItemID: .init("preview")!,
             preplannedMapAreaID: .init("preview")!
         )
-    ) { _ in }
+    ) { _ in } onMapDeletion: { }
     .padding()
 }