Move every component into a single Kotlin source file

Author: ShreckYe

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/Button.kt

@@ -0,0 +1,11 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+
+expect /*value*/ class ButtonScope {
+    @Composable
+    fun Label(text: String)
+}
+
+@Composable
+expect fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit)

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/Card.kt

@@ -0,0 +1,6 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+
+@Composable
+expect fun Card(content: @Composable () -> Unit)

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/Icon.kt

@@ -0,0 +1,7 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+import com.huanshankeji.compose.material.icon.MaterialIcon
+
+@Composable
+expect fun Icon(materialIcon: MaterialIcon)

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/IconButton.kt

@@ -0,0 +1,6 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+
+@Composable
+expect fun IconButton(onClick: () -> Unit, content: @Composable () -> Unit)

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/Components.kt renamed to compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/TopAppBarScaffold.kt

@@ -3,27 +3,6 @@ package com.huanshankeji.compose.material
 import androidx.compose.runtime.Composable
 import com.huanshankeji.compose.material.icon.MaterialIcon
 
-expect /*value*/ class ButtonScope {
-    @Composable
-    fun Label(text: String)
-}
-
-@Composable
-expect fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit)
-
-
-@Composable
-expect fun Card(content: @Composable () -> Unit)
-
-
-@Composable
-expect fun Icon(materialIcon: MaterialIcon)
-
-
-@Composable
-expect fun IconButton(onClick: () -> Unit, content: @Composable () -> Unit)
-
-
 expect class NavigationIconScope {
     @Composable
     fun NavButton(onClick: () -> Unit, content: @Composable () -> Unit)

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Button.kt

@@ -0,0 +1,17 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+import dev.petuska.kmdc.button.Label
+import dev.petuska.kmdc.button.MDCButton
+import dev.petuska.kmdc.button.MDCButtonScope
+import org.w3c.dom.HTMLButtonElement
+
+actual class ButtonScope(val mdcButtonScope: MDCButtonScope<HTMLButtonElement>) {
+    @Composable
+    actual fun Label(text: String) =
+        mdcButtonScope.Label(text)
+}
+
+@Composable
+actual fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit) =
+    MDCButton(attrs = { onClick { onClick() } }) { ButtonScope(this).content() }

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Card.kt

@@ -0,0 +1,8 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+import dev.petuska.kmdc.card.MDCCard
+
+@Composable
+actual fun Card(content: @Composable () -> Unit) =
+    MDCCard { content() }

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Icon.kt

@@ -0,0 +1,12 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+import com.huanshankeji.compose.material.icon.MaterialIcon
+import dev.petuska.kmdcx.icons.MDCIconSpan
+
+/**
+ * There is often a better alternative of adding the CSS rule to the parent element to using this composable directly.
+ */
+@Composable
+actual fun Icon(materialIcon: MaterialIcon) =
+    MDCIconSpan(materialIcon.mdcIcon)

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/IconButton.kt

@@ -0,0 +1,10 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+import dev.petuska.kmdc.icon.button.MDCIconButton
+
+@Composable
+actual fun IconButton(onClick: () -> Unit, content: @Composable () -> Unit) =
+    MDCIconButton(attrs = {
+        onClick { onClick() }
+    }) { content() }

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Components.kt renamed to compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/TopAppBarScaffold.kt

@@ -2,47 +2,8 @@ package com.huanshankeji.compose.material
 
 import androidx.compose.runtime.Composable
 import com.huanshankeji.compose.material.icon.MaterialIcon
-import dev.petuska.kmdc.button.Label
-import dev.petuska.kmdc.button.MDCButton
-import dev.petuska.kmdc.button.MDCButtonScope
-import dev.petuska.kmdc.card.MDCCard
-import dev.petuska.kmdc.icon.button.MDCIconButton
 import dev.petuska.kmdc.top.app.bar.*
-import dev.petuska.kmdcx.icons.MDCIconSpan
 import dev.petuska.kmdcx.icons.mdcIcon
-import org.jetbrains.compose.web.dom.Text
-import org.w3c.dom.HTMLButtonElement
-
-actual class ButtonScope(val mdcButtonScope: MDCButtonScope<HTMLButtonElement>) {
-    @Composable
-    actual fun Label(text: String) =
-        mdcButtonScope.Label(text)
-}
-
-@Composable
-actual fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit) =
-    MDCButton(attrs = { onClick { onClick() } }) { ButtonScope(this).content() }
-
-
-@Composable
-actual fun Card(content: @Composable () -> Unit) =
-    MDCCard { content() }
-
-
-/**
- * There is often a better alternative of adding the CSS rule to the parent element to using this composable directly.
- */
-@Composable
-actual fun Icon(materialIcon: MaterialIcon) =
-    MDCIconSpan(materialIcon.mdcIcon)
-
-
-@Composable
-actual fun IconButton(onClick: () -> Unit, content: @Composable () -> Unit) =
-    MDCIconButton(attrs = {
-        onClick { onClick() }
-    }) { content() }
-
 
 actual class NavigationIconScope(val mdcTopAppBarSectionScope: MDCTopAppBarSectionScope) {
     @Composable
@@ -51,7 +12,7 @@ actual class NavigationIconScope(val mdcTopAppBarSectionScope: MDCTopAppBarSecti
 
     @Composable
     actual fun MaterialIconNavButton(onClick: () -> Unit, materialIcon: MaterialIcon) =
-        mdcTopAppBarSectionScope.NavButton(attrs = { mdcIcon() }) { Text(materialIcon.mdcIcon.type) }
+        mdcTopAppBarSectionScope.NavButton(attrs = { mdcIcon() }) { org.jetbrains.compose.web.dom.Text(materialIcon.mdcIcon.type) }
 }
 
 actual class TopAppBarActionsScope(val mdcTopAppBarSectionScope: MDCTopAppBarSectionScope) {
@@ -64,7 +25,7 @@ actual class TopAppBarActionsScope(val mdcTopAppBarSectionScope: MDCTopAppBarSec
         onClick: () -> Unit,
         materialIcon: MaterialIcon
     ) =
-        mdcTopAppBarSectionScope.ActionButton(attrs = { mdcIcon() }) { Text(materialIcon.mdcIcon.type) }
+        mdcTopAppBarSectionScope.ActionButton(attrs = { mdcIcon() }) { org.jetbrains.compose.web.dom.Text(materialIcon.mdcIcon.type) }
 }
 
 @Composable