chore: more work on tap

Signed-off-by: Pierre-Yves Lapersonne <[email protected]>
Orange-OpenSource · Feb 3, 2025 · 7c99e1d · 7c99e1d
1 parent da77e15
commit 7c99e1d
Show file tree

Hide file tree

Showing 3 changed files with 145 additions and 121 deletions.
diff --git a/DesignToolbox/DesignToolbox/Pages/Components/Checkbox/CheckboxPage.swift b/DesignToolbox/DesignToolbox/Pages/Components/Checkbox/CheckboxPage.swift
@@ -21,105 +21,103 @@ import SwiftUI
 // TODO: #264 - Update page
 
 // swiftlint:disable accessibility_label_for_image
-// swiftlint:disable closure_body_length
 struct CheckboxPage: View {
 
     var body: some View {
 
         VStack(spacing: 2) {
 
             // Enabled
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .selected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .unselected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .undeterminate, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorSelected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default, layout: .inverse) { }
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.selected), style: .default, layout: .inverse) { }
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.unselected), style: .default, layout: .inverse) { }
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.undeterminate), style: .default, layout: .inverse) { }
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.errorSelected), style: .default, layout: .inverse) { }
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.errorUnselected), style: .default, layout: .inverse) { }
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.errorUndeterminate), style: .default, layout: .inverse) { }
 
             // Disabled
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .selected, style: .default, layout: .inverse) { }.disabled(true)
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .unselected, style: .default, layout: .inverse) { }.disabled(true)
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .undeterminate, style: .default, layout: .inverse) { }.disabled(true)
-
-            // Enabled
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorSelected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default, layout: .inverse) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default, layout: .inverse) { }
-
-            // Disabled
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default, layout: .inverse) { }.disabled(true)
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default, layout: .inverse) { }.disabled(true)
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default, layout: .inverse) { }.disabled(true)
-
-            // Enabled
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .selected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorSelected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default) { }
-
-            // Disabled
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .selected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }.disabled(true)
-
-            // Enabled
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorSelected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default) { }
-
-            // Disabled
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }.disabled(true)
-
-            // Enabled
-            OUDSCheckbox(label: "Hello", helper: "World", status: .selected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", status: .unselected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", status: .undeterminate, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", status: .errorSelected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", status: .errorUnselected, style: .default) { }
-            OUDSCheckbox(label: "Hello", helper: "World", status: .errorUndeterminate, style: .default) { }
-
-            // Disabled
-            OUDSCheckbox(label: "Hello", helper: "World", status: .selected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello", helper: "World", status: .unselected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello", helper: "World", status: .undeterminate, style: .default) { }.disabled(true)
-
-            // Enabled
-            OUDSCheckbox(label: "Hello world", status: .selected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", status: .unselected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", status: .undeterminate, style: .default) { }
-            OUDSCheckbox(label: "Hello world", status: .errorSelected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", status: .errorUnselected, style: .default) { }
-            OUDSCheckbox(label: "Hello world", status: .errorUndeterminate, style: .default) { }
-
-            // Disabled
-            OUDSCheckbox(label: "Hello world", status: .selected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello world", status: .unselected, style: .default) { }.disabled(true)
-            OUDSCheckbox(label: "Hello world", status: .undeterminate, style: .default) { }.disabled(true)
-
-            // Enabled
-            OUDSCheckbox(status: .selected, style: .default) { print("@@@ high level tap") }
-            OUDSCheckbox(status: .unselected, style: .default) { }
-            OUDSCheckbox(status: .undeterminate, style: .default) { }
-            OUDSCheckbox(status: .errorSelected, style: .default) { }
-            OUDSCheckbox(status: .errorUnselected, style: .default) { }
-            OUDSCheckbox(status: .errorUndeterminate, style: .default) { }
-
-            // Disabled
-            OUDSCheckbox(status: .selected, style: .default) { }.disabled(true)
-            OUDSCheckbox(status: .unselected, style: .default) { }.disabled(true)
-            OUDSCheckbox(status: .undeterminate, style: .default) { }.disabled(true)
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.selected), style: .default, layout: .inverse) { }.disabled(true)
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.unselected), style: .default, layout: .inverse) { }.disabled(true)
+            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .constant(.undeterminate), style: .default, layout: .inverse) { }.disabled(true)
+
+//            // Enabled
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default, layout: .inverse) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default, layout: .inverse) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default, layout: .inverse) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorSelected, style: .default, layout: .inverse) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default, layout: .inverse) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default, layout: .inverse) { }
+//
+//            // Disabled
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default, layout: .inverse) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default, layout: .inverse) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default, layout: .inverse) { }.disabled(true)
+//
+//            // Enabled
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .selected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorSelected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default) { }
+//
+//            // Disabled
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .selected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello world", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }.disabled(true)
+//
+//            // Enabled
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorSelected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUnselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .errorUndeterminate, style: .default) { }
+//
+//            // Disabled
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .selected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .unselected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello", helper: "World", icon: Image(systemName: "heart"), status: .undeterminate, style: .default) { }.disabled(true)
+//
+//            // Enabled
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .selected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .unselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .undeterminate, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .errorSelected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .errorUnselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .errorUndeterminate, style: .default) { }
+//
+//            // Disabled
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .selected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .unselected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello", helper: "World", status: .undeterminate, style: .default) { }.disabled(true)
+//
+//            // Enabled
+//            OUDSCheckbox(label: "Hello world", status: .selected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", status: .unselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", status: .undeterminate, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", status: .errorSelected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", status: .errorUnselected, style: .default) { }
+//            OUDSCheckbox(label: "Hello world", status: .errorUndeterminate, style: .default) { }
+//
+//            // Disabled
+//            OUDSCheckbox(label: "Hello world", status: .selected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello world", status: .unselected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(label: "Hello world", status: .undeterminate, style: .default) { }.disabled(true)
+//
+//            // Enabled
+//            OUDSCheckbox(status: .selected, style: .default) { print("@@@ high level tap") }
+//            OUDSCheckbox(status: .unselected, style: .default) { }
+//            OUDSCheckbox(status: .undeterminate, style: .default) { }
+//            OUDSCheckbox(status: .errorSelected, style: .default) { }
+//            OUDSCheckbox(status: .errorUnselected, style: .default) { }
+//            OUDSCheckbox(status: .errorUndeterminate, style: .default) { }
+//
+//            // Disabled
+//            OUDSCheckbox(status: .selected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(status: .unselected, style: .default) { }.disabled(true)
+//            OUDSCheckbox(status: .undeterminate, style: .default) { }.disabled(true)
         }
     }
 }
 // swiftlint:enable accessibility_label_for_image
-// swiftlint:enable closure_body_length