lucuma.react.primereact.InputText.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.InputText as CInputText
import lucuma.typed.primereact.tooltipTooltipoptionsMod.TooltipOptions as CTooltipOptions

import scalajs.js

case class InputText(
  id:             String,
  clazz:          js.UndefOr[Css] = js.undefined,
  value:          js.UndefOr[String] = js.undefined,
  disabled:       js.UndefOr[Boolean] = js.undefined,
  placeholder:    js.UndefOr[String] = js.undefined,
  tooltip:        js.UndefOr[String] = js.undefined,
  tooltipOptions: js.UndefOr[TooltipOptions] = js.undefined,
  onFocus:        js.UndefOr[ReactFocusEventFromInput => Callback] = js.undefined,
  onBlur:         js.UndefOr[ReactFocusEventFromInput => Callback] = js.undefined,
  onChange:       js.UndefOr[ReactEventFromInput => Callback] = js.undefined,
  onKeyDown:      js.UndefOr[ReactKeyboardEventFromInput => Callback] = js.undefined,
  modifiers:      Seq[TagMod] = Seq.empty
) extends ReactFnProps[InputText](InputText.component) {
  def addModifiers(modifiers: Seq[TagMod]) = copy(modifiers = this.modifiers ++ modifiers)
  def withMods(mods:          TagMod*)     = addModifiers(mods)
}

object InputText {
  private val component = ScalaFnComponent[InputText] { props =>
    CInputText
      .id(props.id)
      .applyOrNot(props.value, _.value(_))
      .applyOrNot(props.clazz, (c, p) => c.className(p.htmlClass))
      .applyOrNot(props.disabled, _.disabled(_))
      .applyOrNot(props.placeholder, _.placeholder(_))
      .applyOrNot(props.tooltip, _.tooltip(_))
      .applyOrNot(props.tooltipOptions, (c, p) => c.tooltipOptions(p.asInstanceOf[CTooltipOptions]))
      .applyOrNot(props.onFocus, _.onFocus(_))
      .applyOrNot(props.onBlur, _.onBlur(_))
      .applyOrNot(props.onChange, _.onChange(_))
      .applyOrNot(props.onKeyDown, _.onKeyDown(_))(
        props.modifiers.toTagMod
      )
  }
}