Compose Poll creation UI attachment components (1)

build.gradle

@@ -69,6 +69,7 @@ buildscript {
         classpath Dependencies.gradleVersionsPlugin
         classpath Dependencies.navigationSafeArgsGradlePlugin
         classpath Dependencies.gradleNexusPublishPlugin
+        classpath Dependencies.paparazziPlugin
         classpath Dependencies.baselineProfilePlugin
         classpath Dependencies.dokka
         classpath Dependencies.kotlinBinaryValidator

buildSrc/src/main/kotlin/io/getstream/chat/android/Dependencies.kt

@@ -10,7 +10,8 @@ object Versions {
     internal const val ANDROIDX_ACTIVITY_KTX = "1.7.2"
     internal const val ANDROIDX_ANNOTATIONS = "1.6.0"
     internal const val ANDROIDX_APPCOMPAT = "1.6.1"
-    internal const val ANDROIDX_COMPOSE = "1.6.2"
+    internal const val ANDROIDX_COMPOSE = "1.6.8"
+    internal const val ANDROIDX_COMPOSE_MATERIAL3 = "1.2.1"
     internal const val ANDROIDX_CORE_TEST = "2.2.0"
     internal const val ANDROIDX_FRAGMENT = "1.6.1"
     internal const val ANDROIDX_KTX = "1.10.1"
@@ -64,10 +65,12 @@ object Versions {
     internal const val MOSHI = "1.15.0"
     internal const val OK2CURL = "0.8.0"
     internal const val OKHTTP = "4.11.0"
+    internal const val PAPARAZZI = "1.3.4"
     internal const val PERMISSIONX = "1.7.1"
     internal const val PHOTOVIEW = "1.0.1"
     internal const val RETROFIT = "2.9.0"
     internal const val ROBOLECTRIC = "4.10.3"
+    internal const val REORDERABLE = "2.1.1"
     internal const val ROOM = "2.5.2"
     internal const val SHIMMER = "0.5.0"
     internal const val SHOT = "5.14.1"
@@ -123,6 +126,7 @@ object Dependencies {
     const val composeUiTooling = "androidx.compose.ui:ui-tooling:${Versions.ANDROIDX_COMPOSE}"
     const val composeFoundation = "androidx.compose.foundation:foundation:${Versions.ANDROIDX_COMPOSE}"
     const val composeMaterial = "androidx.compose.material:material:${Versions.ANDROIDX_COMPOSE}"
+    const val composeMaterial3 = "androidx.compose.material3:material3:${Versions.ANDROIDX_COMPOSE_MATERIAL3}"
     const val composeAccompanistPermissions =
         "com.google.accompanist:accompanist-permissions:${Versions.COMPOSE_ACCOMPANIST}"
     const val composeAccompanistPager = "com.google.accompanist:accompanist-pager:${Versions.COMPOSE_ACCOMPANIST}"
@@ -199,6 +203,7 @@ object Dependencies {
     const val okhttp = "com.squareup.okhttp3:okhttp:${Versions.OKHTTP}"
     const val okhttpLoggingInterceptor = "com.squareup.okhttp3:logging-interceptor:${Versions.OKHTTP}"
     const val okhttpMockWebserver = "com.squareup.okhttp3:mockwebserver:${Versions.OKHTTP}"
+    const val paparazziPlugin = "app.cash.paparazzi:paparazzi-gradle-plugin:${Versions.PAPARAZZI}"
     const val permissionx = "com.guolindev.permissionx:permissionx:${Versions.PERMISSIONX}"
     const val photoview = "io.getstream:photoview:${Versions.PHOTOVIEW}"
     const val photoviewDialog = "io.getstream:photoview-dialog:${Versions.PHOTOVIEW}"
@@ -209,6 +214,7 @@ object Dependencies {
     const val roomKtx = "androidx.room:room-ktx:${Versions.ROOM}"
     const val roomRuntime = "androidx.room:room-runtime:${Versions.ROOM}"
     const val roomTesting = "androidx.room:room-testing:${Versions.ROOM}"
+    const val reorderable = "sh.calvin.reorderable:reorderable:${Versions.REORDERABLE}"
     const val shimmer = "com.facebook.shimmer:shimmer:${Versions.SHIMMER}"
     const val shot = "com.karumi:shot:${Versions.SHOT}"
     const val spotlessGradlePlugin = "com.diffplug.spotless:spotless-plugin-gradle:${Versions.SPOTLESS}"

docusaurus/android_versioned_docs/version-5.x.x/04-compose/05-message-components/05-attachments-picker.mdx

@@ -147,6 +147,7 @@ class AttachmentsPickerCustomTabFactory: AttachmentsPickerTabFactory {
 
     @Composable
     override fun pickerTabContent(
+        onAttachmentPickerAction: (AttachmentPickerAction) -> Unit,
         attachments: List<AttachmentPickerItemState>,
         onAttachmentsChanged: (List<AttachmentPickerItemState>) -> Unit,
         onAttachmentItemSelected: (AttachmentPickerItemState) -> Unit,

docusaurus/android_versioned_docs/version-6.x.x-before-refactoring/05-compose/05-message-components/05-attachments-picker.mdx

@@ -161,6 +161,7 @@ class AttachmentsPickerCustomTabFactory: AttachmentsPickerTabFactory {
 
     @Composable
     override fun PickerTabContent(
+        onAttachmentPickerAction: (AttachmentPickerAction) -> Unit,
         attachments: List<AttachmentPickerItemState>,
         onAttachmentsChanged: (List<AttachmentPickerItemState>) -> Unit,
         onAttachmentItemSelected: (AttachmentPickerItemState) -> Unit,

docusaurus/docs/Android/compose-cookbook/06-custom-attachments-picker.mdx

@@ -84,6 +84,12 @@ private fun CustomAttachmentsPicker(
 
                         tabFactories.getOrNull(selectedOptionIndex)
                             ?.PickerTabContent(
+                                onAttachmentPickerAction = { pickerAction ->
+                                    when (pickerAction) {
+                                        AttachmentPickerBack -> onDismiss.invoke()
+                                        AttachmentPickerPollCreation -> Unit
+                                    }
+                                },
                                 attachments = attachmentsPickerViewModel.attachments,
                                 onAttachmentItemSelected = attachmentsPickerViewModel::changeSelectedAttachments,
                                 onAttachmentsChanged = { attachmentsPickerViewModel.attachments = it },

docusaurus/docs/Android/compose/message-components/attachments-picker.mdx

@@ -180,6 +180,7 @@ class AttachmentsPickerCustomTabFactory: AttachmentsPickerTabFactory {
 
     @Composable
     override fun PickerTabContent(
+        onAttachmentPickerAction: (AttachmentPickerAction) -> Unit,
         attachments: List<AttachmentPickerItemState>,
         onAttachmentsChanged: (List<AttachmentPickerItemState>) -> Unit,
         onAttachmentItemSelected: (AttachmentPickerItemState) -> Unit,

stream-chat-android-compose-sample/detekt-baseline.xml

@@ -6,6 +6,7 @@
     <ID>LongMethod:MessagesActivity.kt$MessagesActivity$@Composable fun MyCustomUi()</ID>
     <ID>MagicNumber:ChannelsActivity.kt$ChannelsActivity$0.5f</ID>
     <ID>MagicNumber:MessagesActivity.kt$MessagesActivity$7f</ID>
+    <ID>MaxLineLength:MessagesActivity.kt$MessagesActivity$targetValue = if (isFullScreenContent) screenHeight.dp else ChatTheme.dimens.attachmentsPickerHeight</ID>
     <ID>MaxLineLength:PredefinedUserCredentials.kt$PredefinedUserCredentials$token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiYW1pdCJ9.MNfrDsGkFINEZ3kCQ9hAqI38lZ6S-miHINAuH3kQy2o"</ID>
     <ID>MaxLineLength:PredefinedUserCredentials.kt$PredefinedUserCredentials$token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiYmVsYWwifQ.a0DwMMb0V1Lona_1dIB7a4GtNl4oQ_WCp-W-UP3_CUQ"</ID>
     <ID>MaxLineLength:PredefinedUserCredentials.kt$PredefinedUserCredentials$token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiZG1pdHJpaSJ9._j7pM2kqj46ztls0tG1DiUMl45l54VOLvl8jp5VCmZU"</ID>

stream-chat-android-compose-sample/src/main/java/io/getstream/chat/android/compose/sample/ui/MessagesActivity.kt

@@ -21,6 +21,7 @@ import android.content.Intent
 import android.os.Bundle
 import androidx.activity.compose.setContent
 import androidx.activity.viewModels
+import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -36,16 +37,21 @@ import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.foundation.layout.wrapContentWidth
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.Icon
 import androidx.compose.material.Scaffold
 import androidx.compose.material.Text
 import androidx.compose.material.ripple.rememberRipple
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalConfiguration
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.unit.dp
 import io.getstream.chat.android.compose.sample.ChatApp
@@ -214,15 +220,28 @@ class MessagesActivity : BaseConnectedActivity() {
             }
 
             if (isShowingAttachments) {
+                var isFullScreenContent by rememberSaveable { mutableStateOf(false) }
+                val screenHeight = LocalConfiguration.current.screenHeightDp
+                val pickerHeight by animateDpAsState(
+                    targetValue = if (isFullScreenContent) screenHeight.dp else ChatTheme.dimens.attachmentsPickerHeight,
+                    label = "full sized picker animation",
+                )
+
                 AttachmentsPicker(
                     attachmentsPickerViewModel = attachmentsPickerViewModel,
                     modifier = Modifier
                         .align(Alignment.BottomCenter)
-                        .height(350.dp),
+                        .height(pickerHeight),
+                    shape = if (isFullScreenContent) {
+                        RoundedCornerShape(0.dp)
+                    } else {
+                        ChatTheme.shapes.bottomSheet
+                    },
                     onAttachmentsSelected = { attachments ->
                         attachmentsPickerViewModel.changeAttachmentState(false)
                         composerViewModel.addSelectedAttachments(attachments)
                     },
+                    onTabClick = { _, tab -> isFullScreenContent = tab.isFullContent },
                     onDismiss = {
                         attachmentsPickerViewModel.changeAttachmentState(false)
                         attachmentsPickerViewModel.dismissAttachments()