Update GraphQLSettingsConfigurable to the modern UI DSL

Author: vepanimas

src/main/com/intellij/lang/jsgraphql/ui/GraphQLSettingsConfigurable.kt

@@ -10,9 +10,11 @@ import com.intellij.openapi.options.BoundSearchableConfigurable
 import com.intellij.openapi.project.Project
 import com.intellij.openapi.ui.DialogPanel
 import com.intellij.ui.EditorNotifications
-import com.intellij.ui.layout.CellBuilder
-import com.intellij.ui.layout.applyToComponent
-import com.intellij.ui.layout.panel
+import com.intellij.ui.dsl.builder.Cell
+import com.intellij.ui.dsl.builder.bindSelected
+import com.intellij.ui.dsl.builder.bindText
+import com.intellij.ui.dsl.builder.panel
+import com.intellij.ui.dsl.gridLayout.HorizontalAlign
 import javax.swing.JComponent
 
 private const val CONFIGURABLE_ID = "settings.jsgraphql"
@@ -40,65 +42,64 @@ class GraphQLSettingsConfigurable(private val project: Project) :
 
     override fun createPanel(): DialogPanel {
         return panel {
-            titledRow(message("graphql.settings.introspection")) {
+            group(message("graphql.settings.introspection")) {
                 row(message("graphql.settings.introspection.query.label") + ":") {
-                    expandableTextField(settings::getIntrospectionQuery, settings::setIntrospectionQuery)
-                        .constraints(growX)
+                    expandableTextField()
+                        .bindText(settings::getIntrospectionQuery, settings::setIntrospectionQuery)
+                        .horizontalAlign(HorizontalAlign.FILL)
                         .applyToComponent {
                             emptyText.text = message("graphql.settings.introspection.query.empty.text")
                             toolTipText = message("graphql.settings.introspection.query.tooltip")
                         }
                 }
                 row {
-                    checkBox(
-                        message("graphql.settings.introspection.default.values.label"),
-                        settings::isEnableIntrospectionDefaultValues,
-                        settings::setEnableIntrospectionDefaultValues
-                    ).applyToComponent { toolTipText = message("graphql.settings.introspection.default.values.tooltip") }
+                    checkBox(message("graphql.settings.introspection.default.values.label"))
+                        .bindSelected(
+                            settings::isEnableIntrospectionDefaultValues,
+                            settings::setEnableIntrospectionDefaultValues
+                        )
+                        .applyToComponent {
+                            toolTipText = message("graphql.settings.introspection.default.values.tooltip")
+                        }
                 }
                 row {
-                    checkBox(
-                        message("graphql.settings.introspection.repeatable.directives.label"),
-                        settings::isEnableIntrospectionRepeatableDirectives,
-                        settings::setEnableIntrospectionRepeatableDirectives
-                    ).applyToComponent { toolTipText = message("graphql.settings.introspection.repeatable.directives.tooltip") }
+                    checkBox(message("graphql.settings.introspection.repeatable.directives.label"))
+                        .bindSelected(
+                            settings::isEnableIntrospectionRepeatableDirectives,
+                            settings::setEnableIntrospectionRepeatableDirectives
+                        )
+                        .applyToComponent {
+                            toolTipText = message("graphql.settings.introspection.repeatable.directives.tooltip")
+                        }
                 }
                 row {
-                    checkBox(
-                        message("graphql.settings.introspection.open.editor.label"),
-                        settings::isOpenEditorWithIntrospectionResult,
-                        settings::setOpenEditorWithIntrospectionResult
-                    )
+                    checkBox(message("graphql.settings.introspection.open.editor.label"))
+                        .bindSelected(
+                            settings::isOpenEditorWithIntrospectionResult,
+                            settings::setOpenEditorWithIntrospectionResult
+                        )
                 }
             }
-
-            titledRow(message("graphql.settings.frameworks")) {
+            group(message("graphql.settings.frameworks")) {
                 row {
-                    checkBox(
-                        message("graphql.library.relay"),
-                        settings::isRelaySupportEnabled,
-                        settings::setRelaySupportEnabled
-                    )
+                    checkBox(message("graphql.library.relay"))
+                        .bindSelected(settings::isRelaySupportEnabled, settings::setRelaySupportEnabled)
                         .applyToComponent { toolTipText = message("graphql.settings.frameworks.relay.tooltip") }
                         .updateLibraries()
                 }
                 row {
-                    checkBox(
-                        message("graphql.library.federation"),
-                        settings::isFederationSupportEnabled,
-                        settings::setFederationSupportEnabled
-                    ).updateLibraries()
+                    checkBox(message("graphql.library.federation"))
+                        .bindSelected(settings::isFederationSupportEnabled, settings::setFederationSupportEnabled)
+                        .updateLibraries()
                 }
                 row {
-                    checkBox(
-                        message("graphql.library.apollokotlin"),
-                        settings::isApolloKotlinSupportEnabled,
-                        settings::setApolloKotlinSupportEnabled
-                    ).updateLibraries()
+                    checkBox(message("graphql.library.apollokotlin"))
+                        .bindSelected(settings::isApolloKotlinSupportEnabled, settings::setApolloKotlinSupportEnabled)
+                        .updateLibraries()
                 }
             }
         }
     }
 
-    private fun <T : JComponent> CellBuilder<T>.updateLibraries(): CellBuilder<T> = onApply { shouldUpdateLibraries = true }
+    private fun <T : JComponent> Cell<T>.updateLibraries(): Cell<T> = onApply { shouldUpdateLibraries = true }
 }