Add Kotlin JS new IR compiler support

Author: samgarasx

build.gradle.kts

@@ -20,16 +20,20 @@ subprojects {
 
     plugins.withType<KotlinJsPluginWrapper> {
         extensions.configure<KotlinJsProjectExtension> {
-            js {
-                if (project.name.contains("samples")) {
+            if (project.name.contains("samples")) {
+                js(IR) {
                     browser {
                         commonWebpackConfig {
                             cssSupport.enabled = true
                         }
                     }
 
                     binaries.executable()
-                } else browser()
+                }
+            } else  {
+                js(BOTH) {
+                    browser()
+                }
             }
         }
 

buildSrc/src/main/kotlin/wrapper-publish.gradle.kts

@@ -17,7 +17,7 @@ configure<PublishingExtension> {
         artifactId = project.name
         version = "${version(project.name)}-kotlin-${kotlinVersion()}"
 
-        artifact(tasks.getByName<Zip>("jsSourcesJar"))
+        artifact(tasks.getByName<Zip>("jsLegacySourcesJar"))
 
         from(components["kotlin"])
 

gradle.properties

@@ -6,8 +6,8 @@ kotlin-react.version=17.0.2-pre.154
 kotlin-react-dom.version=17.0.2-pre.154
 kotlin-styled.version=5.2.3-pre.154
 
-kotlin-antd.version=4.8.6-pre.12
-kotlin-moment.version=2.27.0-pre.10
-kotlin-react-intl.version=5.8.1-pre.10
-kotlin-react-responsive.version=8.1.0-pre.10
-kotlin-uikit.version=3.5.7-pre.9
+kotlin-antd.version=4.8.6-pre.13
+kotlin-moment.version=2.27.0-pre.11
+kotlin-react-intl.version=5.8.1-pre.11
+kotlin-react-responsive.version=8.1.0-pre.11
+kotlin-uikit.version=3.5.7-pre.10

kotlin-antd/antd-samples/src/main/kotlin/samples/affix/Basic.kt

@@ -6,7 +6,7 @@ import react.*
 import react.dom.*
 import styled.*
 
-interface BasicDemoState : RState {
+external interface BasicDemoState : RState {
     var top: Number
     var bottom: Number
 }

kotlin-antd/antd-samples/src/main/kotlin/samples/alert/SmoothClosed.kt

@@ -5,7 +5,7 @@ import react.*
 import react.dom.*
 import styled.*
 
-interface SmoothClosedState : RState {
+external interface SmoothClosedState : RState {
     var visible: Boolean
 }
 

kotlin-antd/antd-samples/src/main/kotlin/samples/autocomplete/Basic.kt

@@ -9,7 +9,7 @@ private val handleSelect = { value: Any, _: Any ->
     console.log("onSelect", value)
 }
 
-interface BasicCompleteState : RState {
+external interface BasicCompleteState : RState {
     var dataSource: Array<DataSourceItemType>
 }
 

kotlin-antd/antd-samples/src/main/kotlin/samples/autocomplete/Custom.kt

@@ -12,7 +12,7 @@ private val handleSelect = { value: Any, _: Any ->
     console.log("onSelect", value)
 }
 
-interface CustomCompleteState : RState {
+external interface CustomCompleteState : RState {
     var dataSource: Array<DataSourceItemType>
 }
 

kotlin-antd/antd-samples/src/main/kotlin/samples/autocomplete/NonCaseSensitive.kt

@@ -9,7 +9,7 @@ import styled.*
 private val datasource = arrayOf("Burns Bay Road", "Downing Street", "Wall Street")
 
 private val filter: FilterFunc<Any> = { inputValue, option ->
-    option.asDynamic().props.children.unsafeCast<String>().toLowerCase().contains(inputValue.toLowerCase())
+    option.asDynamic().props.children.unsafeCast<String>().lowercase().contains(inputValue.lowercase())
 }
 
 fun RBuilder.nonCaseSensitiveComplete() {

kotlin-antd/antd-samples/src/main/kotlin/samples/autocomplete/Options.kt

@@ -6,7 +6,7 @@ import kotlinext.js.*
 import react.*
 import styled.*
 
-interface OptionsCompleteState : RState {
+external interface OptionsCompleteState : RState {
     var result: Array<String>
 }
 

kotlin-antd/antd-samples/src/main/kotlin/samples/avatar/Badge.kt

@@ -3,7 +3,8 @@ package samples.avatar
 import antd.avatar.*
 import antd.badge.*
 import antd.icon.userOutlined
-import kotlinext.js.*
+import kotlinx.css.marginRight
+import kotlinx.css.px
 import react.*
 import react.dom.*
 import styled.*
@@ -12,8 +13,8 @@ fun RBuilder.badge() {
     styledDiv {
         css { +AvatarStyles.badge }
         div {
-            span {
-                attrs.jsStyle = js { marginRight = 24 }
+            styledSpan {
+                css { marginRight = 24.px }
                 badge {
                     attrs.count = 1
                     avatar {