2022-01-12 10:27:49 +00:00
|
|
|
package dev.inmo.jsuikit.elements
|
2021-12-22 08:38:12 +00:00
|
|
|
|
|
|
|
import androidx.compose.runtime.Composable
|
|
|
|
import androidx.compose.runtime.snapshots.SnapshotStateList
|
2022-01-12 13:58:52 +00:00
|
|
|
import dev.inmo.jsuikit.modifiers.UIKitModifier
|
|
|
|
import dev.inmo.jsuikit.modifiers.include
|
2021-12-22 08:38:12 +00:00
|
|
|
import org.jetbrains.compose.web.dom.*
|
2022-01-13 05:55:08 +00:00
|
|
|
import org.w3c.dom.HTMLHeadingElement
|
2021-12-22 08:38:12 +00:00
|
|
|
import org.w3c.dom.HTMLUListElement
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
fun <T> List(
|
|
|
|
title: String,
|
|
|
|
data: SnapshotStateList<T>,
|
2022-01-13 13:56:39 +00:00
|
|
|
vararg titleModifiers: UIKitModifier,
|
2021-12-22 08:38:12 +00:00
|
|
|
ulModifiers: Array<UIKitModifier> = emptyArray(),
|
|
|
|
besidesTitleAndList: (@Composable () -> Unit)? = null,
|
2022-01-13 07:49:58 +00:00
|
|
|
titleCustomizer: AttrBuilderContext<HTMLHeadingElement> = {},
|
|
|
|
ulCustomizer: AttrBuilderContext<HTMLUListElement> = {},
|
2021-12-22 08:38:12 +00:00
|
|
|
elementAllocator: @Composable ElementScope<HTMLUListElement>.(T) -> Unit
|
|
|
|
) {
|
2022-01-13 05:55:08 +00:00
|
|
|
H4({ include(*titleModifiers); titleCustomizer() }) {
|
2021-12-22 08:38:12 +00:00
|
|
|
Text(title)
|
|
|
|
}
|
|
|
|
besidesTitleAndList ?.invoke()
|
|
|
|
Ul(
|
|
|
|
{
|
|
|
|
classes("uk-list")
|
|
|
|
include(*ulModifiers)
|
2022-01-13 05:55:08 +00:00
|
|
|
ulCustomizer()
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
) {
|
|
|
|
data.forEach {
|
|
|
|
elementAllocator(it)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|