lucuma.react.primereact.Splitter.scala Maven / Gradle / Ivy
// Copyright (c) 2016-2023 Association of Universities for Research in Astronomy, Inc. (AURA)
// For license information see LICENSE or https://opensource.org/licenses/BSD-3-Clause
package lucuma.react.primereact
import japgolly.scalajs.react.*
import japgolly.scalajs.react.vdom.html_<^.*
import lucuma.react.common.*
import lucuma.typed.primereact.components.{Splitter => CSplitter}
import scalajs.js
case class Splitter(
id: js.UndefOr[String] = js.undefined,
clazz: js.UndefOr[Css] = js.undefined,
layout: js.UndefOr[Layout] = js.undefined, // default: Horizontal
gutterSize: js.UndefOr[Int] = js.undefined, // size of divider in px, default: 4
stateKey: js.UndefOr[String] = js.undefined, // key for stateful storage
stateStorage: js.UndefOr[StateStorage] =
js.undefined, // provide `stateKey` to enable statefulness. Default: Session
onResizeEnd: js.UndefOr[(Double, Double) => Callback] = js.undefined,
panel1: js.UndefOr[SplitterPanel] = js.undefined,
panel2: js.UndefOr[SplitterPanel] = js.undefined,
modifiers: Seq[TagMod] = Seq.empty
) extends ReactFnProps[Splitter](Splitter.component) {
def addModifiers(modifiers: Seq[TagMod]) = copy(modifiers = this.modifiers ++ modifiers)
def withMods(mods: TagMod*) = addModifiers(mods)
// This sets panel 1 and panel 2 for a more natural usage as child-like
def apply(panel1: SplitterPanel, panel2: SplitterPanel) = copy(panel1 = panel1, panel2 = panel2)
}
object Splitter {
private val component = ScalaFnComponent[Splitter] { props =>
CSplitter
.applyOrNot(props.id, _.id(_))
.applyOrNot(props.clazz, (c, p) => c.className(p.htmlClass))
.applyOrNot(props.layout, (c, p) => c.layout(p.value))
.applyOrNot(props.gutterSize, (c, p) => c.gutterSize(p.toDouble))
.applyOrNot(props.stateKey, _.stateKey(_))
.applyOrNot(props.stateStorage, (c, p) => c.stateStorage(p.value))
.applyOrNot(props.onResizeEnd, (c, p) => c.onResizeEnd(rp => p(rp.sizes(0), rp.sizes(1))))(
props.modifiers.toTagMod,
props.panel1,
props.panel2
)
}
}