Merge "Talkback focus on Customize Widget button when on screen" into main

import androidx.compose.animation.fadeIn

import androidx.compose.animation.fadeOut

import androidx.compose.foundation.background

import androidx.compose.foundation.focusable

import androidx.compose.foundation.interaction.MutableInteractionSource

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Row

import androidx.compose.foundation.layout.Spacer

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.Text

import androidx.compose.runtime.Composable

import androidx.compose.runtime.LaunchedEffect

import androidx.compose.runtime.getValue

import androidx.compose.runtime.remember

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.focus.FocusRequester

import androidx.compose.ui.focus.focusRequester

import androidx.compose.ui.graphics.TransformOrigin

import androidx.compose.ui.graphics.graphicsLayer

import androidx.compose.ui.platform.LocalContext

import androidx.compose.ui.res.stringResource

import androidx.compose.ui.unit.IntOffset

import androidx.compose.ui.unit.dp

import com.android.systemui.communal.ui.viewmodel.PopupType

import com.android.systemui.res.R

import javax.inject.Inject

import kotlinx.coroutines.delay

class CommunalPopupSection

@Inject

        onClick: () -> Unit,

        onDismissRequest: () -> Unit,

    ) {

        val interactionSource = remember { MutableInteractionSource() }

        val focusRequester = remember { FocusRequester() }

        val context = LocalContext.current

        LaunchedEffect(Unit) {

            // Adding a delay to ensure the animation completes before requesting focus

            delay(250)

            focusRequester.requestFocus()

        }

        Popup(

            alignment = Alignment.TopCenter,

            offset = IntOffset(0, 40),

            Button(

                modifier =

                    Modifier.height(56.dp)

                        .focusRequester(focusRequester)

                        .focusable(interactionSource = interactionSource)

                        .graphicsLayer { transformOrigin = TransformOrigin(0f, 0f) }

                        .animateEnterExit(

                            enter =

                ) {

                    Icon(

                        imageVector = Icons.Outlined.Widgets,

                        contentDescription =

                            stringResource(R.string.button_to_configure_widgets_text),

                        contentDescription = null,

                        tint = colors.onSecondary,

                        modifier = Modifier.size(20.dp)

                    )