lucuma.react.primereact.Splitter.scala Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of lucuma-react-prime-react_sjs1_3 Show documentation

lucuma-react-prime-react

The newest version!

// 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 as 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
      )
  }
}