Move compound-ios package into the project.

2026-11-03 16:10:20 +00:00 · 2025-09-28 15:19:46 +01:00
parent 9874d6fd84
commit ed73853c9b
80 changed files with 3658 additions and 25 deletions
@@ -0,0 +1,65 @@
+//
+// Copyright 2023, 2024 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+// Please see LICENSE files in the repository root for full details.
+//
+
+import SwiftUI
+
+// TODO: Check if the primitive style is actually needed now the insets are part of ListRow.
+// It might still be useful for ListRow(kind: .custom) usage?
+
+/// Default button styling for list rows.
+///
+/// The primitive style is needed to set the list row insets to `0`. The inner style is then needed
+/// to change the background colour depending on whether the button is currently pressed or not.
+public struct ListRowButtonStyle: PrimitiveButtonStyle {
+    public func makeBody(configuration: Configuration) -> some View {
+        Button(role: configuration.role, action: configuration.trigger) {
+            configuration.label
+        }
+        .buttonStyle(Style())
+    }
+    
+    /// Inner style used to set the pressed background colour.
+    struct Style: ButtonStyle {
+        func makeBody(configuration: Configuration) -> some View {
+            configuration.label
+                .contentShape(Rectangle())
+                .background(configuration.isPressed ? Color.compound.bgSubtlePrimary : .compound.bgCanvasDefaultLevel1)
+        }
+    }
+}
+
+// MARK: - Previews
+
+// TODO: Fix the previews, either the style should expand the label to fill or
+// the previews need to do this manually for demonstration purposes.
+
+public struct ListRowButtonStyle_Previews: PreviewProvider, TestablePreview {
+    public static var previews: some View {
+        Form {
+            Section {
+                Button("Title") { }
+                    .buttonStyle(ListRowButtonStyle.Style())
+            }
+            .listRowInsets(EdgeInsets())
+            
+            Section {
+                Button("Title") { }
+                Button("Title") { }
+                Button("Title") { }
+            }
+            .buttonStyle(ListRowButtonStyle())
+            .listRowInsets(EdgeInsets())
+            
+            Section {
+                ShareLink(item: "test")
+                    .buttonStyle(ListRowButtonStyle())
+            }
+            .listRowInsets(EdgeInsets())
+        }
+        .compoundList()
+    }
+}