Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
lucuma.react.primereact.Dialog.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 cats.syntax.all.*
import japgolly.scalajs.react.*
import japgolly.scalajs.react.vdom.html_<^.*
import lucuma.react.common.*
import lucuma.typed.primereact.components.Dialog as CDialog
import org.scalajs.dom.HTMLElement
import scalajs.js
case class Dialog(
onHide: Callback, // use to set `visible` state/view to false
visible: Boolean,
id: js.UndefOr[String] = js.undefined,
header: js.UndefOr[VdomNode] = js.undefined,
footer: js.UndefOr[VdomNode] = js.undefined,
position: js.UndefOr[DialogPosition] = js.undefined, // default: center
modal: js.UndefOr[Boolean] = js.undefined, // default: false
resizable: js.UndefOr[Boolean] = js.undefined, // default: true
draggable: js.UndefOr[Boolean] = js.undefined, // default: true
keepInViewport: js.UndefOr[Boolean] = js.undefined, // default: true
showHeader: js.UndefOr[Boolean] = js.undefined, // default: true
closable: js.UndefOr[Boolean] = js.undefined, // default: true
closeOnEscape: js.UndefOr[Boolean] = js.undefined, // default: true
icons: js.UndefOr[List[Button]] = js.undefined, // Should be buttons with an icon but no label
dismissableMask: js.UndefOr[Boolean] = js.undefined, // default: false
maximizable: js.UndefOr[Boolean] = js.undefined, // default: false
blockScroll: js.UndefOr[Boolean] = js.undefined, // default: false
focusOnShow: js.UndefOr[Boolean] = js.undefined, // default: true
maximized: js.UndefOr[Boolean] = js.undefined, // default: false
clazz: js.UndefOr[Css] = js.undefined,
headerClass: js.UndefOr[Css] = js.undefined,
contentClass: js.UndefOr[Css] = js.undefined,
maskClass: js.UndefOr[Css] = js.undefined,
appendTo: js.UndefOr[SelfPosition | HTMLElement] = js.undefined, // default: document.body
baseZIndex: js.UndefOr[Double] = js.undefined, // default: 0
modifiers: Seq[TagMod] = Seq.empty
) extends ReactFnPropsWithChildren[Dialog](Dialog.component) {
def addModifiers(modifiers: Seq[TagMod]) = copy(modifiers = this.modifiers ++ modifiers)
// You can add content to the dialog as children without this method, but if you want
// to add event handlers or other attributes, you'll need to use the modifiers.
def withMods(mods: TagMod*) = addModifiers(mods)
}
object Dialog {
private val component =
ScalaFnComponent
.withHooks[Dialog]
.withPropsChildren
.render { (props, children) =>
CDialog(props.onHide)
.visible(props.visible)
.applyOrNot(props.id, _.id(_))
.applyOrNot(props.header, (c, p) => c.header(p.rawNode))
.applyOrNot(props.footer, (c, p) => c.footer(p.rawNode))
.applyOrNot(props.position, (c, p) => c.position(p.value))
.applyOrNot(props.modal, _.modal(_))
.applyOrNot(props.resizable, _.resizable(_))
.applyOrNot(props.draggable, _.draggable(_))
.applyOrNot(props.keepInViewport, _.keepInViewport(_))
.applyOrNot(props.showHeader, _.showHeader(_))
.applyOrNot(props.closable, _.closable(_))
.applyOrNot(props.closeOnEscape, _.closeOnEscape(_))
.applyOrNot(
props.icons,
(c, p) =>
c.icons(
p.map(b =>
b.copy(clazz = b.clazz.toOption.orEmpty |+| PrimeStyles.DialogHeaderIcon)
).toReactFragment
.rawNode
)
)
.applyOrNot(props.dismissableMask, _.dismissableMask(_))
.applyOrNot(props.maximizable, _.maximizable(_))
.applyOrNot(props.blockScroll, _.blockScroll(_))
.applyOrNot(props.focusOnShow, _.focusOnShow(_))
.applyOrNot(props.maximized, _.maximized(_))
.applyOrNot(props.clazz, (c, p) => c.className(p.htmlClass))
.applyOrNot(props.headerClass, (c, p) => c.headerClassName(p.htmlClass))
.applyOrNot(props.contentClass, (c, p) => c.contentClassName(p.htmlClass))
.applyOrNot(props.maskClass, (c, p) => c.maskClassName(p.htmlClass))
.applyOrNot(props.appendTo, _.appendTo(_))
.applyOrNot(props.baseZIndex, _.baseZIndex(_))(props.modifiers.toTagMod, children)
}
}
