Migrate search fragment to compose UI

core/data/src/main/java/com/mifos/core/data/di/DataModule.kt

@@ -3,9 +3,11 @@ package com.mifos.core.data.di
 import com.mifos.core.data.repository.CheckerInboxTasksRepository
 import com.mifos.core.data.repository.GroupsListRepository
 import com.mifos.core.data.repository.NewIndividualCollectionSheetRepository
+import com.mifos.core.data.repository.SearchRepository
 import com.mifos.core.data.repository_imp.CheckerInboxTasksRepositoryImp
 import com.mifos.core.data.repository_imp.GroupsListRepositoryImpl
 import com.mifos.core.data.repository_imp.NewIndividualCollectionSheetRepositoryImp
+import com.mifos.core.data.repository_imp.SearchRepositoryImp
 import dagger.Binds
 import dagger.Module
 import dagger.hilt.InstallIn
@@ -25,4 +27,7 @@ abstract class DataModule {
     internal abstract fun provideGroupListRepository(
         groupsListRepositoryImpl: GroupsListRepositoryImpl
     ): GroupsListRepository
+
+    @Binds
+    internal abstract fun provideSearchRepository(repository: SearchRepositoryImp): SearchRepository
 }

mifosng-android/src/main/java/com/mifos/mifosxdroid/online/search/SearchRepository.kt → core/data/src/main/java/com/mifos/core/data/repository/SearchRepository.kt

@@ -1,17 +1,17 @@
-package com.mifos.mifosxdroid.online.search
+package com.mifos.core.data.repository
 
 import com.mifos.core.objects.SearchedEntity
-import rx.Observable
+import kotlinx.coroutines.flow.Flow
 
 /**
  * Created by Aditya Gupta on 06/08/23.
  */
 interface SearchRepository {
 
-    fun searchResources(
+    suspend fun searchResources(
         query: String?,
         resources: String?,
         exactMatch: Boolean?
-    ): Observable<List<SearchedEntity>>
+    ): Flow<List<SearchedEntity>>
 
 }

core/data/src/main/java/com/mifos/core/data/repository_imp/SearchRepositoryImp.kt

@@ -0,0 +1,33 @@
+package com.mifos.core.data.repository_imp
+
+import com.mifos.core.common.network.Dispatcher
+import com.mifos.core.common.network.MifosDispatchers
+import com.mifos.core.data.repository.SearchRepository
+import com.mifos.core.network.datamanager.DataManagerSearch
+import com.mifos.core.objects.SearchedEntity
+import kotlinx.coroutines.CoroutineDispatcher
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.distinctUntilChanged
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.flow.flowOn
+import javax.inject.Inject
+
+/**
+ * Created by Aditya Gupta on 06/08/23.
+ */
+class SearchRepositoryImp @Inject constructor(
+    private val dataManagerSearch: DataManagerSearch,
+    @Dispatcher(MifosDispatchers.IO)
+    private val ioDispatcher: CoroutineDispatcher,
+) : SearchRepository {
+
+    override suspend fun searchResources(
+        query: String?,
+        resources: String?,
+        exactMatch: Boolean?
+    ): Flow<List<SearchedEntity>> = flow {
+        val result = dataManagerSearch.searchResources(query, resources, exactMatch)
+        emit(result)
+    }.flowOn(ioDispatcher)
+        .distinctUntilChanged()
+}

core/designsystem/src/main/java/com/mifos/core/designsystem/component/MifosEditTextField.kt

@@ -34,6 +34,7 @@ import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.input.PasswordVisualTransformation
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.mifos.core.designsystem.theme.BluePrimary
@@ -143,6 +144,8 @@ fun MifosOutlinedTextField(
             Text(
                 text = label,
                 style = MaterialTheme.typography.labelMedium,
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis,
             )
         },
         leadingIcon = {

core/designsystem/src/main/java/com/mifos/core/designsystem/component/MifosProgressIndicator.kt

@@ -42,10 +42,11 @@ fun MifosPagingAppendProgress() {
 
 @Composable
 fun MifosCircularProgress(
-    contentDesc: String = "loadingIndicator"
+    modifier: Modifier = Modifier,
+    contentDesc: String = "loadingIndicator",
 ) {
     Box(
-        modifier = Modifier
+        modifier = modifier
             .fillMaxSize()
             .semantics { contentDescription = contentDesc },
         contentAlignment = Alignment.Center
@@ -60,5 +61,4 @@ fun MifosCircularProgress(
             color = DarkGray
         )
     }
-
 }

core/designsystem/src/main/java/com/mifos/core/designsystem/component/MifosScaffold.kt

@@ -1,28 +1,39 @@
-@file:OptIn(ExperimentalMaterial3Api::class)
-
 package com.mifos.core.designsystem.component
 
 import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.material3.FabPosition
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.SnackbarHost
 import androidx.compose.material3.SnackbarHostState
+import androidx.compose.material3.contentColorFor
 import androidx.compose.runtime.Composable
-import com.mifos.core.designsystem.theme.White
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 
 @Composable
 fun MifosScaffold(
-    topBar: @Composable () -> Unit,
-    snackbarHostState: SnackbarHostState?,
-    bottomBar: @Composable () -> Unit,
+    modifier: Modifier = Modifier,
+    topBar: @Composable () -> Unit = {},
+    bottomBar: @Composable () -> Unit = {},
+    floatingActionButton: @Composable () -> Unit = {},
+    snackbarHostState: SnackbarHostState = remember { SnackbarHostState() },
+    floatingActionButtonPosition: FabPosition = FabPosition.End,
+    containerColor: Color = Color.White,
+    contentColor: Color = contentColorFor(containerColor),
     content: @Composable (PaddingValues) -> Unit
 ) {
-
     Scaffold(
+        modifier = modifier,
         topBar = topBar,
-        snackbarHost = { snackbarHostState?.let { SnackbarHost(it) } },
-        containerColor = White,
-        bottomBar = bottomBar
+        floatingActionButton = floatingActionButton,
+        floatingActionButtonPosition = floatingActionButtonPosition,
+        snackbarHost = { SnackbarHost(snackbarHostState) },
+        bottomBar = bottomBar,
+        containerColor = containerColor,
+        contentColor = contentColor,
+        contentWindowInsets = WindowInsets(0, 0, 0, 0)
     ) { padding ->
         content(padding)
     }

core/network/src/main/java/com/mifos/core/network/datamanager/DataManagerSearch.kt

@@ -11,10 +11,10 @@ import javax.inject.Singleton
  */
 @Singleton
 class DataManagerSearch @Inject constructor(private val baseApiManager: BaseApiManager) {
-    fun searchResources(
+    suspend fun searchResources(
         query: String?, resources: String?,
         exactMatch: Boolean?
-    ): Observable<List<SearchedEntity>> {
+    ): List<SearchedEntity> {
         return baseApiManager.searchApi.searchResources(query, resources, exactMatch)
     }
 }

core/network/src/main/java/com/mifos/core/network/services/SearchService.kt

@@ -15,9 +15,9 @@ import rx.Observable
  */
 interface SearchService {
     @GET(APIEndPoint.SEARCH)
-    fun searchResources(
+    suspend fun searchResources(
         @Query("query") clientName: String?,
         @Query("resource") resources: String?,
         @Query("exactMatch") exactMatch: Boolean?
-    ): Observable<List<SearchedEntity>>
+    ): List<SearchedEntity>
 }

core/ui/src/main/java/com/mifos/core/ui/components/MultiFloatingActionButton.kt

@@ -0,0 +1,116 @@
+package com.mifos.core.ui.components
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.animation.expandVertically
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.shrinkVertically
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Add
+import androidx.compose.material3.FloatingActionButton
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.rotate
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+
+enum class FabType {
+    CLIENT, CENTER, GROUP
+}
+
+sealed class FabButtonState {
+    data object Collapsed : FabButtonState()
+
+    data object Expand : FabButtonState()
+
+    fun isExpanded() = this == Expand
+
+    fun toggleValue() = if (isExpanded()) {
+        Collapsed
+    } else {
+        Expand
+    }
+}
+
+data class FabButton(
+    val fabType: FabType,
+    val iconRes: Int,
+)
+
+@Composable
+fun FabItem(
+    modifier: Modifier = Modifier,
+    fabButton: FabButton,
+    onFabClick: (FabType) -> Unit
+) {
+    FloatingActionButton(
+        onClick = {
+            onFabClick(fabButton.fabType)
+        },
+        modifier = modifier
+            .size(48.dp)
+    ) {
+        Icon(
+            painter = painterResource(id = fabButton.iconRes),
+            contentDescription = fabButton.fabType.name
+        )
+    }
+}
+
+@Composable
+fun MultiFloatingActionButton(
+    modifier: Modifier = Modifier,
+    fabButtons: List<FabButton>,
+    fabButtonState: FabButtonState,
+    onFabButtonStateChange: (FabButtonState) -> Unit,
+    onFabClick: (FabType) -> Unit,
+) {
+    val rotation by animateFloatAsState(
+        if (fabButtonState.isExpanded())
+            45f
+        else
+            0f, label = "mainFabRotation"
+    )
+
+    Column(
+        modifier = modifier,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        AnimatedVisibility(
+            visible = fabButtonState.isExpanded(),
+            enter = fadeIn() + expandVertically(),
+            exit = fadeOut() + shrinkVertically()
+        ) {
+            Column {
+                fabButtons.forEach {
+                    FabItem(
+                        fabButton = it,
+                        onFabClick = onFabClick
+                    )
+                    Spacer(modifier = Modifier.height(24.dp))
+                }
+            }
+        }
+
+        FloatingActionButton(
+            onClick = {
+                onFabButtonStateChange(fabButtonState.toggleValue())
+            },
+            modifier = Modifier
+                .rotate(rotation)
+        ) {
+            Icon(
+                imageVector = Icons.Default.Add,
+                contentDescription = "mainFabIcon"
+            )
+        }
+    }
+}