Browse Source

compose.html: Add visibility property (#2079)

By this PR I am adding opportunity to use visibility property according
to the [visibility
references](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)
pull/5118/head
InsanusMokrassar 3 months ago committed by GitHub
parent
commit
481bb539d0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 20
      html/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSEnums.kt
  2. 12
      html/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/properties/visibility.kt
  3. 11
      html/core/src/jsTest/kotlin/CSSEnums.kt
  4. 43
      html/core/src/jsTest/kotlin/css/CSSVisibilityTests.kt

20
html/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSEnums.kt

@ -260,4 +260,22 @@ object GridAutoFlow : StylePropertyString {
inline val Dense get() = "dense".unsafeCast<GridAutoFlow>()
inline val RowDense get() = "row dense".unsafeCast<GridAutoFlow>()
inline val ColumnDense get() = "column dense".unsafeCast<GridAutoFlow>()
}
}
interface VisibilityStyle: StylePropertyEnum {
companion object {
inline val Visible get() = VisibilityStyle("visible")
inline val Hidden get() = VisibilityStyle("hidden")
inline val Collapse get() = VisibilityStyle("collapse")
inline val Inherit get() = VisibilityStyle("inherit")
inline val Initial get() = VisibilityStyle("initial")
inline val Revert get() = VisibilityStyle("revert")
inline val RevertLayer get() = VisibilityStyle("revert-layer")
inline val Unset get() = VisibilityStyle("unset")
}
}
inline fun VisibilityStyle(value: String) = value.unsafeCast<VisibilityStyle>()

12
html/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/properties/visibility.kt

@ -0,0 +1,12 @@
/*
* Copyright 2020-2024 JetBrains s.r.o. and respective authors and developers.
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file.
*/
@file:Suppress("Unused", "NOTHING_TO_INLINE", "NESTED_CLASS_IN_EXTERNAL_INTERFACE", "INLINE_EXTERNAL_DECLARATION", "WRONG_BODY_OF_EXTERNAL_DECLARATION", "NESTED_EXTERNAL_DECLARATION")
package org.jetbrains.compose.web.css
fun StyleScope.visibility(visibilityStyle: VisibilityStyle) {
property("visibility", visibilityStyle.value)
}

11
html/core/src/jsTest/kotlin/CSSEnums.kt

@ -114,3 +114,14 @@ fun Position.Companion.values() = listOf(
Position.Sticky,
Position.Fixed
)
fun VisibilityStyle.Companion.values() = listOf(
VisibilityStyle.Visible,
VisibilityStyle.Hidden,
VisibilityStyle.Collapse,
VisibilityStyle.Inherit,
VisibilityStyle.Initial,
VisibilityStyle.Revert,
VisibilityStyle.RevertLayer,
VisibilityStyle.Unset
)

43
html/core/src/jsTest/kotlin/css/CSSVisibilityTests.kt

@ -0,0 +1,43 @@
/*
* Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers.
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file.
*/
package org.jetbrains.compose.web.core.tests.css
import org.jetbrains.compose.web.testutils.*
import org.jetbrains.compose.web.core.tests.values
import org.jetbrains.compose.web.css.VisibilityStyle
import org.jetbrains.compose.web.css.visibility
import org.jetbrains.compose.web.css.value
import org.jetbrains.compose.web.dom.Div
import kotlin.test.Test
import kotlin.test.assertEquals
class CSSVisibilityTests {
@Test
fun stylesDisplay() = runTest {
val enumValues = VisibilityStyle.values()
composition {
enumValues.forEach { displayStyle ->
Div(
{
style {
visibility(displayStyle)
}
}
)
}
}
enumValues.forEach { visibilityStyle ->
assertEquals(
visibilityStyle.value,
(nextChild()).style.visibility
)
}
}
}
Loading…
Cancel
Save