Update CheckedContent method to enhance previews

Author: florentmaitre

core/src/main/java/com/orange/ouds/core/component/OudsTag.kt

@@ -171,10 +171,12 @@ private fun OudsTag(
     val hasAsset = hasBullet || nullableIcon != null || loading != null
     val isForbidden = status == OudsTag.Status.Disabled && loading != null
 
+    val tagShape = shape(shape)
     CheckedContent(
         expression = !isForbidden,
         exceptionMessage = { "An OudsTag with OudsTag.Status.Disabled status cannot have a loading spinner. This is not allowed." },
-        previewMessage = { "⛔" }
+        previewMessagePaddingValues = contentPadding(size, false),
+        shape = tagShape
     ) {
         // This outer box is necessary otherwise the user can change the size of the tag through the modifier
         Box(
@@ -184,7 +186,7 @@ private fun OudsTag(
             Row(
                 modifier = Modifier
                     .sizeIn(minWidth = minWidth(size), minHeight = minHeight(size))
-                    .clip(shape = shape(shape))
+                    .clip(shape = tagShape)
                     .background(status.backgroundColor(hierarchy = hierarchy))
                     .padding(paddingValues = contentPadding(size = size, hasAsset = hasAsset)),
                 verticalAlignment = Alignment.CenterVertically,

core/src/main/java/com/orange/ouds/core/utilities/CheckedContent.kt

@@ -14,18 +14,22 @@ package com.orange.ouds.core.utilities
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.platform.LocalInspectionMode
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import com.orange.ouds.core.theme.LocalColorMode
 import com.orange.ouds.core.theme.OudsTheme
 import com.orange.ouds.core.theme.dashedBorder
@@ -35,6 +39,8 @@ internal fun CheckedContent(
     expression: Boolean,
     exceptionMessage: () -> String,
     previewMessage: () -> String = { "⛔" },
+    previewMessagePaddingValues: PaddingValues = PaddingValues(all = OudsTheme.spaces.fixed.small),
+    shape: Shape = RectangleShape,
     content: @Composable () -> Unit
 ) {
     // Throw an exception at runtime if expression is false
@@ -50,16 +56,17 @@ internal fun CheckedContent(
         val backgroundColor = if (LocalColorMode.current != null) Color.Black.copy(alpha = 0.68f) else Color.Transparent
         Box(
             modifier = Modifier
-                .dashedBorder(width = 1.dp, color = color, intervals = listOf(10.dp, 5.dp))
+                .dashedBorder(width = 1.dp, color = color, shape = shape, intervals = listOf(10.dp, 5.dp))
                 .background(backgroundColor),
             contentAlignment = Alignment.Center
         ) {
             Box(modifier = Modifier.alpha(0f)) { content() } // Add content but hide it in order to make room for the text
             Text(
-                modifier = Modifier.padding(OudsTheme.spaces.fixed.small),
+                modifier = Modifier.padding(previewMessagePaddingValues),
                 text = previewMessage(),
                 color = color,
                 textAlign = TextAlign.Center,
+                fontSize = 14.sp,
                 style = TextStyle(fontFamily = FontFamily.Monospace)
             )
         }