fix : enable previews in all modules

core/designsystem/build.gradle.kts

@@ -61,6 +61,9 @@ kotlin {
     }
 }
 
+dependencies {
+    debugImplementation(compose.uiTooling)
+}
 
 compose.resources {
     publicResClass = true

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosAlertDialog.kt

@@ -12,7 +12,9 @@ package com.mifos.core.designsystem.component
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.heightIn
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -29,6 +31,8 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.window.Dialog
+import com.mifos.core.designsystem.theme.MifosTheme
+import org.jetbrains.compose.ui.tooling.preview.Preview
 
 @Composable
 fun MifosDialogBox(
@@ -166,3 +170,76 @@ fun MifosCustomDialog(
         modifier = modifier,
     )
 }
+
+@Preview
+@Composable
+fun MifosDialogBoxWithMessagePreview() {
+    MifosTheme {
+        MifosDialogBox(
+            title = "Delete Item",
+            showDialogState = true,
+            confirmButtonText = "Yes",
+            dismissButtonText = "No",
+            onConfirm = {},
+            onDismiss = {},
+            message = "Are you sure you want to delete this item?",
+        )
+    }
+}
+
+@Preview
+@Composable
+fun MifosDialogBoxWithComposableMessagePreview() {
+    MifosTheme {
+        MifosDialogBox(
+            title = "Info",
+            showDialogState = true,
+            confirmButtonText = "Okay",
+            dismissButtonText = "Cancel",
+            onConfirm = {},
+            onDismiss = {},
+            message = {
+                Column {
+                    Text("This is a custom composable inside the dialog.")
+                    Spacer(modifier = Modifier.height(8.dp))
+                    Text("You can place anything here, like a list or input field.")
+                }
+            },
+        )
+    }
+}
+
+@Preview
+@Composable
+fun MifosRadioButtonDialogPreview() {
+    MifosTheme {
+        MifosRadioButtonDialog(
+            title = "Choose Option",
+            selectedItem = "Option 2",
+            items = arrayOf("Option 1", "Option 2", "Option 3", "Option 4"),
+            selectItem = { _, _ -> },
+            onDismissRequest = {},
+        )
+    }
+}
+
+@Preview
+@Composable
+fun MifosCustomDialogPreview() {
+    MifosTheme {
+        MifosCustomDialog(
+            onDismiss = {},
+            content = {
+                Card(
+                    modifier = Modifier.padding(16.dp),
+                ) {
+                    Column(modifier = Modifier.padding(16.dp)) {
+                        Text("This is a custom dialog.")
+                        Spacer(modifier = Modifier.height(8.dp))
+                        Text("You can fully customize this content.")
+                    }
+                }
+            },
+        )
+    }
+}

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosAndroidClientIcon.kt

@@ -10,11 +10,17 @@
 package com.mifos.core.designsystem.component
 
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Android
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.graphics.vector.rememberVectorPainter
 import androidx.compose.ui.unit.dp
+import com.mifos.core.designsystem.theme.MifosTheme
+import org.jetbrains.compose.ui.tooling.preview.Preview
 
 @Composable
 fun MifosAndroidClientIcon(imageVector: Painter, modifier: Modifier = Modifier) {
@@ -24,3 +30,14 @@ fun MifosAndroidClientIcon(imageVector: Painter, modifier: Modifier = Modifier)
         modifier = modifier.then(Modifier.size(200.dp, 100.dp)),
     )
 }
+
+@Preview
+@Composable
+fun MifosAndroidClientIconPreview() {
+    MifosTheme {
+        MifosAndroidClientIcon(
+            imageVector = rememberVectorPainter(Icons.Default.Android),
+            modifier = Modifier.padding(16.dp),
+        )
+    }
+}

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosBasicDialog.kt

@@ -19,6 +19,8 @@ import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.semantics.testTag
 import com.mifos.core.designsystem.theme.MifosTheme
 import org.jetbrains.compose.ui.tooling.preview.Preview
+import org.jetbrains.compose.ui.tooling.preview.PreviewParameter
+import org.jetbrains.compose.ui.tooling.preview.PreviewParameterProvider
 
 @Composable
 fun MifosBasicDialog(
@@ -140,3 +142,31 @@ sealed class BasicDialogState {
         val title: String = "An Error Occurred!",
     ) : BasicDialogState()
 }
+
+class BasicDialogStatePreviewProvider : PreviewParameterProvider<BasicDialogState> {
+    override val values: Sequence<BasicDialogState> = sequenceOf(
+        BasicDialogState.Shown(
+            title = "An error has occurred.",
+            message = "Username or password is incorrect. Try again.",
+        ),
+        BasicDialogState.Shown(
+            title = "Confirm Action",
+            message = "Are you sure you want to continue?",
+        ),
+    )
+}
+
+@Preview
+@Composable
+private fun MifosBasicDialogPreview(
+    @PreviewParameter(BasicDialogStatePreviewProvider::class)
+    state: BasicDialogState,
+) {
+    MifosTheme {
+        MifosBasicDialog(
+            visibilityState = state,
+            onConfirm = {},
+            onDismissRequest = {},
+        )
+    }
+}

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosButton.kt

@@ -17,17 +17,23 @@ import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.sizeIn
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Star
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonColors
 import androidx.compose.material3.ButtonDefaults
 import androidx.compose.material3.ButtonElevation
+import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedButton
+import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.unit.dp
+import com.mifos.core.designsystem.theme.MifosTheme
+import org.jetbrains.compose.ui.tooling.preview.Preview
 
 /**
  * Mifos button with generic content slot. Wraps Material 3 [Button].
@@ -237,3 +243,67 @@ object MifosButtonDefaults {
     // OutlinedButton default border width isn't exposed via ButtonDefaults
     val OutlinedButtonBorderWidth = 1.dp
 }
+
+@Preview
+@Composable
+private fun MifosButtonPreview() {
+    MifosTheme {
+        MifosButton(
+            onClick = {},
+        ) {
+            Text("Default Button")
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun MifosButtonWithTextPreview() {
+    MifosTheme {
+        MifosButton(
+            onClick = {},
+            text = { Text("Text Button") },
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun MifosOutlinedButtonPreview() {
+    MifosTheme {
+        MifosOutlinedButton(
+            onClick = {},
+        ) {
+            Text("Outlined Button")
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun MifosTextButtonPreview() {
+    MifosTheme {
+        MifosTextButton(
+            onClick = {},
+        ) {
+            Text("Text Button")
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun MifosTextButtonWithIconPreview() {
+    MifosTheme {
+        MifosTextButton(
+            text = { Text("With Icon") },
+            onClick = {},
+            leadingIcon = {
+                Icon(
+                    imageVector = Icons.Default.Star,
+                    contentDescription = null,
+                )
+            },
+        )
+    }
+}

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosCard.kt

@@ -10,17 +10,22 @@
 package com.mifos.core.designsystem.component
 
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.ColumnScope
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Card
 import androidx.compose.material3.CardColors
 import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
+import com.mifos.core.designsystem.theme.MifosTheme
+import org.jetbrains.compose.ui.tooling.preview.Preview
 
 @Composable
 fun MifosCard(
@@ -43,3 +48,18 @@ fun MifosCard(
         content = content,
     )
 }
+
+@Preview
+@Composable
+private fun MifosCardPreview() {
+    MifosTheme {
+        MifosCard {
+            Column(
+                modifier = Modifier.padding(16.dp),
+            ) {
+                Text("Simple Mifos Card")
+                Text("This is the card content.")
+            }
+        }
+    }
+}

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosEmptyContent.kt

@@ -24,6 +24,8 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.unit.dp
+import com.mifos.core.designsystem.theme.MifosTheme
+import org.jetbrains.compose.ui.tooling.preview.Preview
 
 @Composable
 fun MifosErrorContent(
@@ -56,3 +58,26 @@ fun MifosErrorContent(
         }
     }
 }
+
+@Preview
+@Composable
+private fun MifosErrorContentPreview() {
+    MifosTheme {
+        MifosErrorContent(
+            message = "Something went wrong. Please try again later.",
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun MifosErrorContentWithRefreshPreview() {
+    MifosTheme {
+        MifosErrorContent(
+            message = "Failed to load data.",
+            isRefreshEnabled = true,
+            refreshButtonText = "Retry",
+            onRefresh = { /* Handle refresh */ },
+        )
+    }
+}

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosMenuDropdown.kt

@@ -10,12 +10,15 @@
 package com.mifos.core.designsystem.component
 
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.DropdownMenu
 import androidx.compose.material3.DropdownMenuItem
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
+import com.mifos.core.designsystem.theme.MifosTheme
+import org.jetbrains.compose.ui.tooling.preview.Preview
 
 @Composable
 fun MifosMenuDropDownItem(
@@ -35,3 +38,27 @@ fun MifosMenuDropDownItem(
         modifier = modifier,
     )
 }
+
+@Preview
+@Composable
+private fun MifosMenuDropDownItemPreview() {
+    MifosTheme {
+        DropdownMenu(
+            expanded = true,
+            onDismissRequest = {},
+        ) {
+            MifosMenuDropDownItem(
+                option = "Profile",
+                onClick = {},
+            )
+            MifosMenuDropDownItem(
+                option = "Settings",
+                onClick = {},
+            )
+            MifosMenuDropDownItem(
+                option = "Logout",
+                onClick = {},
+            )
+        }
+    }
+}