feat: create component - bottom sheet

[paulinea]

No description provided.

[github-actions]

🟢 Netlify deploy for commit dd60bc1 succeeded

Deploy preview: https://69d8c9fb35399523a4af0350--ouds-android.netlify.app
Deploy log: https://app.netlify.com/projects/ouds-android/deploys/69d8c9fb35399523a4af0350

[florentmaitre]

A few remarks about the parameters:

• sheetMaxWidth and sheetShape use default values thus do not need to be set.
• I think containerColor could be exposed in our API, because if a user wants to add a background color, he will add a Box in the content anyway.

[florentmaitre]

I found an issue in the Paparazzi GitHub repository about the modal bottom sheet snapshots. The fix is to set the initialValue of the sheetState to Expanded:

val density = LocalDensity.current
OudsModalBottomSheet(
    onDismissRequest = { },
    sheetState = remember {
        SheetState(
            skipPartiallyExpanded = true,
            positionalThreshold = { with(density) { 56.dp.toPx() } },
            velocityThreshold = { with(density) { 125.dp.toPx() } },
            initialValue = SheetValue.Expanded,
        )
    },
) 

However the code is a bit verbose because the initialValue cannot be changed with rememberModalBottomSheetState and we must instantiate SheetState directly. As an alternative, this seems to work too:

val sheetState = rememberModalBottomSheetState()
LaunchedEffect(Unit) {
    // This line is needed otherwise the modal bottom sheet is not displayed in snapshots
    sheetState.expand()
}
OudsModalBottomSheet(
    onDismissRequest = { },
    sheetState = sheetState,
) {
    Column(modifier = Modifier.padding(vertical = OudsTheme.spaces.fixed.medium, horizontal = OudsTheme.grids.margin)) {
        Text(text = "Modal bottom sheet content.")
    }
}

But maybe the first solution is more robust because the second one calls expand() asynchronously.