commonMain.com.ivianuu.essentials.ui.popup.PopupMenuButton.kt Maven / Gradle / Ivy

Go to download
/*
 * Copyright 2022 Manuel Wrage. Use of this source code is governed by the Apache 2.0 license.
 */

package com.ivianuu.essentials.ui.popup

import androidx.compose.foundation.Indication
import androidx.compose.foundation.LocalIndication
import androidx.compose.foundation.clickable
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.size
import androidx.compose.material.Icon
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.MoreVert
import androidx.compose.material.ripple.rememberRipple
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.runtime.setValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import androidx.compose.ui.layout.LayoutCoordinates
import androidx.compose.ui.layout.boundsInRoot
import androidx.compose.ui.layout.onGloballyPositioned
import androidx.compose.ui.unit.dp
import com.ivianuu.essentials.ui.LocalUiElements
import com.ivianuu.essentials.ui.UiScope
import com.ivianuu.essentials.ui.navigation.Navigator
import com.ivianuu.essentials.ui.navigation.push
import com.ivianuu.injekt.Provide
import com.ivianuu.injekt.common.Element
import kotlinx.coroutines.launch

@Composable fun PopupMenuButton(
  items: List,
  onCancel: (() -> Unit)? = null,
  modifier: Modifier = Modifier
) {
  Box(
    modifier = Modifier
      .size(size = 40.dp)
      .popupClickable(
        items = items,
        onCancel = onCancel,
        indication = rememberRipple(bounded = false)
      )
      .then(modifier),
    contentAlignment = Alignment.Center
  ) {
    Icon(Icons.Default.MoreVert, null)
  }
}

@Composable fun Modifier.popupClickable(
  items: List,
  onCancel: (() -> Unit)? = null,
  indication: Indication = LocalIndication.current,
) = composed {
  val component = LocalUiElements.current()

  var coordinates by remember { mutableStateOf(null) }

  val scope = rememberCoroutineScope()
  onGloballyPositioned { coordinates = it }
    .clickable(
      interactionSource = remember { MutableInteractionSource() },
      indication = indication
    ) {
      scope.launch {
        component.navigator.push(
          PopupKey(
            position = coordinates!!.boundsInRoot(),
            onCancel = onCancel
          ) {
            PopupMenu(items = items)
          }
        )
      }
    }
}

@Provide @Element
data class PopupMenuButtonComponent(val navigator: Navigator)