QmlDesigner: Add Boolean delegate for the model editor

* Also the edit property of the StudioControls.CheckBox is removed,
because it might override the edit property of the item.

Fixes: QDS-12059
Change-Id: I2fe66061e2018cdbea44a51ffca2fb0e696d5bbc
Reviewed-by: Qt CI Patch Build Bot <ci_patchbuild_bot@qt.io>
Reviewed-by: Miikka Heikkinen <miikka.heikkinen@qt.io>
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>

share/qtcreator/qmldesigner/collectionEditorQmlSource/CollectionDetailsEditDelegate.qml

@@ -135,23 +135,6 @@ Item {
                 }
             }
         }
-
-        Component {
-            id: boolEditor
-
-            EditorPopup {
-
-                editor: boolField
-
-                StudioControls.CheckBox {
-                    id: boolField
-
-                    property alias editValue: boolField.checked
-
-                    actionIndicatorVisible: false
-                }
-            }
-        }
     }
 
     component EditorPopup: T.Popup {
@@ -225,15 +208,6 @@ Item {
                 sourceComponent: realEditor
             }
         },
-        State {
-            name: "bool"
-            when: columnType === CollectionDetails.DataType.Boolean
-
-            PropertyChanges {
-                target: editorLoader
-                sourceComponent: boolEditor
-            }
-        },
         State {
             name: "color"
             when: columnType === CollectionDetails.DataType.Color

share/qtcreator/qmldesigner/collectionEditorQmlSource/CollectionDetailsView.qml

@@ -360,6 +360,24 @@ Rectangle {
                             }
                         }
 
+                        Component {
+                            id: checkBoxComponent
+
+                            StudioControls.CheckBox {
+                                id: checkBoxDelegate
+
+                                readonly property bool editValue: edit
+
+                                text: ""
+                                actionIndicatorVisible: false
+                                checked: checkBoxDelegate.editValue
+                                onCheckedChanged: {
+                                    if (checkBoxDelegate.editValue !== checkBoxDelegate.checked)
+                                        edit = checkBoxDelegate.checked
+                                }
+                            }
+                        }
+
                         Component {
                             id: colorEditorComponent
 
@@ -369,6 +387,8 @@ Rectangle {
                         function resetSource() {
                             if (columnType === CollectionDetails.DataType.Color)
                                 cellContentLoader.sourceComponent = colorEditorComponent
+                            else if (columnType === CollectionDetails.DataType.Boolean)
+                                cellContentLoader.sourceComponent = checkBoxComponent
                             else
                                 cellContentLoader.sourceComponent = cellText
                         }

share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/StudioControls/CheckBox.qml

@@ -14,7 +14,6 @@ T.CheckBox {
 
     // This property is used to indicate the global hover state
     property bool hover: control.hovered && control.enabled
-    property bool edit: false
 
     property alias actionIndicatorVisible: actionIndicator.visible
     property real __actionIndicatorWidth: control.style.actionIndicatorSize.width