First Commit

libraries/featureflag/ui/build.gradle.kts

@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+plugins {
+    id("io.element.android-compose-library")
+    id("kotlin-parcelize")
+}
+
+android {
+    namespace = "io.element.android.libraries.featureflag.ui"
+}
+
+dependencies {
+    implementation(projects.libraries.designsystem)
+}

libraries/featureflag/ui/src/main/kotlin/io/element/android/libraries/featureflag/ui/FeatureListView.kt

@@ -0,0 +1,60 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.libraries.featureflag.ui
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import io.element.android.libraries.designsystem.components.preferences.PreferenceCheckbox
+import io.element.android.libraries.designsystem.preview.ElementPreview
+import io.element.android.libraries.designsystem.preview.PreviewsDayNight
+import io.element.android.libraries.featureflag.ui.model.FeatureUiModel
+import io.element.android.libraries.featureflag.ui.model.aFeatureUiModelList
+import kotlinx.collections.immutable.ImmutableList
+
+@Composable
+fun FeatureListView(
+    features: ImmutableList<FeatureUiModel>,
+    onCheckedChange: (FeatureUiModel, Boolean) -> Unit,
+    modifier: Modifier = Modifier
+) {
+    Column(
+        modifier = modifier,
+    ) {
+        features.forEach { feature ->
+            fun onCheckedChange(isChecked: Boolean) {
+                onCheckedChange(feature, isChecked)
+            }
+
+            FeaturePreferenceView(feature = feature, onCheckedChange = ::onCheckedChange)
+        }
+    }
+}
+
+@Composable
+private fun FeaturePreferenceView(
+    feature: FeatureUiModel,
+    onCheckedChange: (Boolean) -> Unit,
+) {
+    PreferenceCheckbox(
+        title = feature.title,
+        supportingText = feature.description,
+        isChecked = feature.isEnabled,
+        onCheckedChange = onCheckedChange
+    )
+}
+
+@PreviewsDayNight
+@Composable
+internal fun FeatureListViewPreview() = ElementPreview {
+    FeatureListView(
+        features = aFeatureUiModelList(),
+        onCheckedChange = { _, _ -> }
+    )
+}

libraries/featureflag/ui/src/main/kotlin/io/element/android/libraries/featureflag/ui/model/FeatureUiModel.kt

@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.libraries.featureflag.ui.model
+
+import io.element.android.libraries.designsystem.theme.components.IconSource
+
+data class FeatureUiModel(
+    val key: String,
+    val title: String,
+    val description: String?,
+    val icon: IconSource?,
+    val isEnabled: Boolean
+)

libraries/featureflag/ui/src/main/kotlin/io/element/android/libraries/featureflag/ui/model/FeatureUiModelProvider.kt

@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.libraries.featureflag.ui.model
+
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+
+fun aFeatureUiModelList(): ImmutableList<FeatureUiModel> {
+    return persistentListOf(
+        FeatureUiModel(key = "key1", title = "Display State Events", description = "Show state events in the timeline", icon = null, isEnabled = true),
+        FeatureUiModel(key = "key2", title = "Display Room Events", description = null, icon = null, isEnabled = false),
+    )
+}