Allow logical expressions to be read-only

Author: philptr

Example/PredicateViewExample/CustomExpressionDemoView.swift

@@ -64,13 +64,21 @@ struct StatusExpressionView: CustomExpressionView {
     /// The binding to the current status value.
     @Binding var value: Item.Status.RawValue?
 
+    @Environment(\.isEnabled) private var isEnabled
+    
     /// The body of the view, which creates a picker for selecting the status.
     var body: some View {
-        Picker("", selection: $value) {
-            ForEach(Item.Status.allCases, id: \.rawValue) { item in
-                Text(item.rawValue)
-                    .tag(item.rawValue)
+        if isEnabled {
+            // The control is read-write. Allow the user to pick the status.
+            Picker("", selection: $value) {
+                ForEach(Item.Status.allCases, id: \.rawValue) { item in
+                    Text(item.rawValue)
+                        .tag(item.rawValue)
+                }
             }
+        } else {
+            // The control is read-only; display text instead.
+            Text(value ?? "")
         }
     }
 }

Sources/PredicateView/Expressions/LogicalExpression.swift

@@ -161,6 +161,7 @@ public struct LogicalExpressionView<Root>: HierarchicalExpressionView {
                 NewItemMenuButton { menuItems }
             }
         }
+        .fixedSize(horizontal: false, vertical: true)
     }
 
     @ViewBuilder

Sources/PredicateView/Views/TokenView.swift

@@ -50,16 +50,17 @@ struct TokenView<Root, Header: View, Content: View, MenuItems: View, Widget: Vie
             }
             .padding(4)
 
+            widget
+            
             if isEnabled {
-                widget
-                
                 Menu("") { menuItems }
                     .padding(6)
                     .fixedSize()
                     .menuStyle(.borderlessButton)
                     .preference(key: PredicateDeletedStatusPreferenceKey.self, value: isDeleted)
             }
         }
+        .frame(maxHeight: .infinity, alignment: .top)
         .background {
             shape
                 .strokeBorder(Color.accentColor.opacity(0.3), lineWidth: 1)