totoapp compose 1.2.0-rc01 (#2387)

* compose 1.2.0-rc01
* apply eymar patch to fix js

Author: dima-avdeev-jb

examples/todoapp/buildSrc/gradle.properties

@@ -1,3 +1,3 @@
 # TODO can we get rid of duplication with root gradle.properties?
-kotlin.version=1.6.10
-compose.version=1.1.0
+kotlin.version=1.7.10
+compose.version=1.2.0-rc01

examples/todoapp/gradle.properties

@@ -22,5 +22,7 @@ kotlin.code.style=official
 org.gradle.parallel=true
 org.gradle.caching=true
 kotlin.native.disableCompilerDaemon=true
+
+#TODO also change version in buildSrc/gradle.properties
 kotlin.version=1.7.10
 compose.version=1.2.0-rc01

examples/todoapp/web/build.gradle.kts

@@ -1,4 +1,5 @@
 import org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootExtension
+import org.jetbrains.compose.compose
 
 plugins {
     kotlin("multiplatform")
@@ -17,7 +18,7 @@ kotlin {
         named("jsMain") {
             dependencies {
                 implementation(compose.runtime)
-                implementation(compose.web.widgets)
+                implementation(compose.web.core)
                 implementation(project(":common:utils"))
                 implementation(project(":common:database"))
                 implementation(project(":common:root"))
@@ -37,6 +38,6 @@ kotlin {
 afterEvaluate {
     rootProject.extensions.configure<NodeJsRootExtension> {
         versions.webpackDevServer.version = "4.0.0"
-        versions.webpackCli.version = "4.9.0"
+        versions.webpackCli.version = "4.10.0"
     }
 }

examples/todoapp/web/src/jsMain/kotlin/example/todo/web/App.kt

@@ -8,9 +8,7 @@ import example.todo.common.database.DefaultTodoSharedDatabase
 import example.todo.common.database.todoDatabaseDriver
 import example.todo.common.root.integration.TodoRootComponent
 import kotlinx.browser.document
-import org.jetbrains.compose.web.css.Style
 import org.jetbrains.compose.web.renderComposable
-import org.jetbrains.compose.web.ui.Styles
 import org.w3c.dom.HTMLElement
 
 fun main() {
@@ -28,8 +26,6 @@ fun main() {
     lifecycle.resume()
 
     renderComposable(root = rootElement) {
-        Style(Styles)
-
         TodoRootUi(root)
     }
 }

examples/todoapp/web/src/jsMain/kotlin/example/todo/web/Components.kt

@@ -1,8 +1,6 @@
 package example.todo.web
 
 import androidx.compose.runtime.Composable
-import org.jetbrains.compose.common.material.Text
-import org.jetbrains.compose.common.ui.ExperimentalComposeWebWidgetsApi
 import org.jetbrains.compose.web.attributes.InputType
 import org.jetbrains.compose.web.css.AlignItems
 import org.jetbrains.compose.web.css.DisplayStyle
@@ -66,7 +64,6 @@ fun Card(attrs: AttrBuilderContext<*> = {}, content: @Composable () -> Unit) {
     }
 }
 
-@OptIn(ExperimentalComposeWebWidgetsApi::class)
 @Composable
 fun MaterialTextArea(
     id: String,
@@ -95,7 +92,7 @@ fun MaterialTextArea(
         )
 
         Label(forId = id) {
-            Text(text = label)
+            Text(value = label)
         }
     }
 }