lucuma.react.primereact.Message.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.Message as CMessage
import lucuma.typed.primereact.primereactStrings.error
import lucuma.typed.primereact.primereactStrings.info
import lucuma.typed.primereact.primereactStrings.success
import lucuma.typed.primereact.primereactStrings.warn

import scalajs.js

case class Message(
  id:        js.UndefOr[String] = js.undefined,
  severity:  js.UndefOr[Message.Severity] = js.undefined,
  text:      js.UndefOr[String] = js.undefined,
  content:   js.UndefOr[VdomNode] = js.undefined,
  icon:      js.UndefOr[Icon] = js.undefined, // default: severity icon
  clazz:     js.UndefOr[Css] = js.undefined,
  modifiers: Seq[TagMod] = Seq.empty
) extends ReactFnProps(Message.component):
  def addModifiers(modifiers: Seq[TagMod]) = copy(modifiers = this.modifiers ++ modifiers)
  def withMods(mods:          TagMod*)     = addModifiers(mods)
  def apply(mods:             TagMod*)     = addModifiers(mods)

// If we ever get rid of ScalablyTyped and do a straight facade, get rid
// of the `asInstanceOf[String]` cast for MessageItem.severity.
object Message:
  enum Severity(val value: error | info | success | warn):
    case Error   extends Severity(error)
    case Info    extends Severity(info)
    case Success extends Severity(success)
    case Warning extends Severity(warn)

  private val component = ScalaFnComponent[Message] { props =>
    CMessage
      .applyOrNot(props.id, _.id(_))
      .applyOrNot(props.severity, (c, p) => c.severity(p.value))
      .applyOrNot(props.text, (c, p) => c.text(p.rawNode))
      .applyOrNot(props.content, (c, p) => c.content(p.rawNode))
      .applyOrNot(props.icon, (c, p) => c.icon(p.toPrimeWithClass(PrimeStyles.InlineMessageIcon)))
      .applyOrNot(props.clazz, (c, p) => c.className(p.htmlClass))(
        props.modifiers.toTagMod
      )
  }