Migrate to TLC

Change-Id: I172534bfcd6dcafb5e7819534fefc2ac77480382

Author: kul3r4

gradle/libs.versions.toml

@@ -38,7 +38,7 @@ kotlin = "2.1.10"
 kotlinxSerializationJson = "1.8.0"
 ksp = "2.1.10-1.0.30"
 maps-compose = "6.4.4"
-material = "1.13.0-alpha10"
+material = "1.13.0-alpha13"
 material3-adaptive = "1.0.0"
 material3-adaptive-navigation-suite = "1.3.1"
 media3 = "1.5.1"
@@ -54,7 +54,7 @@ version-catalog-update = "0.8.5"
 wear = "1.3.0"
 wearComposeFoundation = "1.4.1"
 wearComposeMaterial = "1.4.1"
-wearComposeMaterial3 = "1.0.0-alpha32"
+wearComposeMaterial3 = "1.0.0-alpha37"
 wearToolingPreview = "1.0.0"
 
 [libraries]

wear/src/main/java/com.example.wear.snippets.m3/MainActivity.kt

@@ -20,8 +20,7 @@ import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.runtime.Composable
-import com.example.wear.snippets.list.ComposeList
-import com.example.wear.snippets.m3.navigation.navigation
+import com.example.wear.snippets.m3.list.ComposeList
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -36,5 +35,5 @@ class MainActivity : ComponentActivity() {
 @Composable
 fun WearApp() {
     // insert here the snippet you want to test
-   // navigation()
+   ComposeList()
 }

wear/src/main/java/com.example.wear.snippets.m3/list/List.kt

@@ -16,49 +16,77 @@
 
 package com.example.wear.snippets.m3.list
 
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Build
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalConfiguration
-import androidx.wear.compose.material.Text
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.wear.compose.foundation.lazy.rememberTransformingLazyColumnState
 import androidx.wear.compose.ui.tooling.preview.WearPreviewDevices
 import androidx.wear.compose.ui.tooling.preview.WearPreviewFontScales
 import com.google.android.horologist.annotations.ExperimentalHorologistApi
+import com.google.android.horologist.compose.layout.ColumnItemType
+import com.google.android.horologist.compose.layout.rememberResponsiveColumnPadding
+import com.google.android.horologist.compose.layout.rememberResponsiveColumnState
+import androidx.wear.compose.material3.ListHeader
+import androidx.wear.compose.material3.ScreenScaffold
+import androidx.wear.compose.foundation.lazy.TransformingLazyColumn
+import androidx.wear.compose.material3.Icon
 import com.google.android.horologist.compose.layout.ScalingLazyColumn
 import com.google.android.horologist.compose.layout.ScalingLazyColumnDefaults
 import com.google.android.horologist.compose.layout.ScalingLazyColumnState
 import com.google.android.horologist.compose.layout.ScreenScaffold
-import com.google.android.horologist.compose.layout.rememberResponsiveColumnState
 import com.google.android.horologist.compose.material.Button
 import com.google.android.horologist.compose.material.ListHeaderDefaults.firstItemPadding
 import com.google.android.horologist.compose.material.ResponsiveListHeader
+import androidx.wear.compose.material3.Button
+import androidx.wear.compose.material3.SurfaceTransformation
+import androidx.wear.compose.material3.lazy.rememberTransformationSpec
+import androidx.wear.compose.material3.lazy.transformedHeight
+import androidx.wear.compose.material3.Text
 
-@OptIn(ExperimentalHorologistApi::class)
 @Composable
 fun ComposeList() {
     // [START android_wear_list]
-    val columnState = rememberResponsiveColumnState(
-        contentPadding = ScalingLazyColumnDefaults.padding(
-            first = ScalingLazyColumnDefaults.ItemType.Text,
-            last = ScalingLazyColumnDefaults.ItemType.SingleButton
-        )
+    val columnState = rememberTransformingLazyColumnState()
+    val contentPadding = rememberResponsiveColumnPadding(
+        first = ColumnItemType.ListHeader,
+        last = ColumnItemType.Button,
     )
-    ScreenScaffold(scrollState = columnState) {
-        ScalingLazyColumn(
-            columnState = columnState
+    val transformationSpec = rememberTransformationSpec()
+    ScreenScaffold(scrollState = columnState,
+        contentPadding = contentPadding) { contentPadding ->
+        TransformingLazyColumn(
+            state = columnState,
+            contentPadding = contentPadding
         ) {
             item {
-                ResponsiveListHeader(contentPadding = firstItemPadding()) {
+                ListHeader(modifier = Modifier.fillMaxWidth().transformedHeight(this, transformationSpec),
+                    transformation = SurfaceTransformation(transformationSpec)){
                     Text(text = "Header")
                 }
             }
             // ... other items
             item {
-                Button(
-                    imageVector = Icons.Default.Build,
-                    contentDescription = "Example Button",
-                    onClick = { }
-                )
+                Button(modifier = Modifier.fillMaxWidth().transformedHeight(this, transformationSpec),
+                    transformation = SurfaceTransformation(transformationSpec),
+                    onClick = { /* ... */ },
+                    icon = {
+                        Icon(
+                            imageVector = Icons.Default.Build,
+                            contentDescription = "build",
+                        )
+                    },
+                ){
+                    Text(
+                        text = "Build",
+                        maxLines = 1,
+                        overflow = TextOverflow.Ellipsis,
+                    )
+                }
+
             }
         }
     }
@@ -87,7 +115,7 @@ fun SnapAndFlingComposeList() {
             // [START_EXCLUDE]
             item {
                 ResponsiveListHeader(contentPadding = firstItemPadding()) {
-                    Text(text = "Header")
+                    androidx.wear.compose.material.Text(text = "Header")
                 }
             }
             // ... other items