lucuma.react.primereact.SelectButtonBase.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 cats.Eq
import japgolly.scalajs.react.*
import japgolly.scalajs.react.vdom.html_<^.*
import lucuma.react.common.*
import lucuma.typed.primereact.components.SelectButton as CSelectButton
import lucuma.typed.primereact.selectitemSelectitemMod.SelectItem as CSelectItem
import lucuma.typed.primereact.tooltipTooltipoptionsMod.TooltipOptions as CTooltipOptions

import scalajs.js

private[primereact] trait SelectButtonBase {
  protected type AA
  protected type GG[_]
  implicit val eqAA: Eq[AA]

  val value: GG[AA]
  val options: List[SelectItem[AA]]
  val id: js.UndefOr[String]
  val multiple: js.UndefOr[Boolean]     // default: false
  val disabled: js.UndefOr[Boolean]
  val unselectable: js.UndefOr[Boolean] // default: true
  val itemTemplate: js.UndefOr[SelectItem[AA] => VdomNode]
  val clazz: js.UndefOr[Css]
  val tooltip: js.UndefOr[String]
  val tooltipOptions: js.UndefOr[TooltipOptions]
  val onChange: js.UndefOr[GG[AA] => Callback]
  val modifiers: Seq[TagMod]

  protected def getter: Any
  // used by onChange
  protected def valueFinder(i: Any): GG[AA]

  protected val optionsWithIndex: List[(SelectItem[AA], Int)] = options.zipWithIndex

  // called by itemTemplate, so should always find a value here.
  protected def selectItemFinder(i: Any): SelectItem[AA] =
    optionsWithIndex.findSelectItemByIndexOption(i.asInstanceOf[Int]).getOrElse(options(0))
}

object SelectButtonBase {
  private[primereact] val component = ScalaFnComponent[SelectButtonBase] { props =>
    CSelectButton
      .value(props.getter)
      .options(props.optionsWithIndex.raw)
      .applyOrNot(props.id, _.id(_))
      .applyOrNot(props.multiple, _.multiple(_))
      .applyOrNot(props.disabled, _.disabled(_))
      .applyOrNot(props.unselectable, _.unselectable(_))
      .applyOrNot(
        props.itemTemplate,
        (c, p) =>
          c.itemTemplate(raw =>
            p(props.selectItemFinder(raw.asInstanceOf[CSelectItem].value)).rawNode
          )
      )
      .applyOrNot(props.clazz, (c, p) => c.className(p.htmlClass))
      .applyOrNot(props.tooltip, _.tooltip(_))
      .applyOrNot(props.tooltipOptions, (c, p) => c.tooltipOptions(p.asInstanceOf[CTooltipOptions]))
      .applyOrNot(props.onChange, (c, p) => c.onChange(e => p(props.valueFinder(e.value))))(
        props.modifiers.toTagMod
      )
  }
}