Merge pull request #125 from cquiroz/textarea

Textarea/FormTextArea/FormDropdown

Author: cquiroz

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changes
 
+## 0.4.12
+
+* Add TextArea facade
+* Add FormTextArea/FormatDropdown facade
+
 ## 0.4.11
 
 * Add FormButton/FormCheckbox/FormInput facade

facade/src/main/scala/react/semanticui/addons/textarea/TextArea.scala

@@ -0,0 +1,109 @@
+package react.semanticui.addons.textarea
+
+import scala.scalajs.js
+import js.annotation._
+import js.|
+import japgolly.scalajs.react._
+import japgolly.scalajs.react.raw.JsNumber
+import react.common._
+import react.semanticui._
+import japgolly.scalajs.react.vdom.TagMod
+import react.semanticui.collections.form.Form
+
+final case class TextArea(
+  as:                     js.UndefOr[AsC]               = js.undefined,
+  onChangeE:              js.UndefOr[TextArea.Event]    = js.undefined,
+  onChange:               js.UndefOr[Callback]          = js.undefined,
+  onInputE:               js.UndefOr[TextArea.Event]    = js.undefined,
+  onInput:                js.UndefOr[Callback]          = js.undefined,
+  rows:                   js.UndefOr[Int | String]      = js.undefined,
+  value:                  js.UndefOr[String | JsNumber] = js.undefined,
+  override val modifiers: Seq[TagMod]                   = Seq.empty
+) extends GenericComponentPA[TextArea.TextAreaProps, TextArea] {
+  override protected def cprops    = TextArea.props(this)
+  override protected val component = TextArea.component
+  override def addModifiers(modifiers: Seq[TagMod]) = copy(modifiers = this.modifiers ++ modifiers)
+}
+
+object TextArea {
+  type Event    = (Form.ReactFormEvent, TextAreaProps) => Callback
+  type RawEvent = js.Function2[Form.ReactFormEvent, TextAreaProps, Unit]
+
+  @js.native
+  @JSImport("semantic-ui-react", "TextArea")
+  object RawComponent extends js.Object
+
+  @js.native
+  trait TextAreaProps extends js.Object {
+    @JSBracketAccess
+    def apply(key: String): js.Any = js.native
+
+    @JSBracketAccess
+    def update(key: String, v: js.Any): Unit = js.native
+
+    /** An element type to render as (string or function). */
+    var as: js.UndefOr[AsT] = js.native
+
+    /**
+      * Called on change.
+      *
+      * @param {SyntheticEvent} event - The React SyntheticEvent object
+      * @param {object} data - All props and the event value.
+      */
+    var onChange: js.UndefOr[RawEvent] = js.undefined
+
+    /**
+      * Called on input.
+      *
+      * @param {SyntheticEvent} event - The React SyntheticEvent object
+      * @param {object} data - All props and the event value.
+      */
+    var onInput: js.UndefOr[RawEvent] = js.undefined
+
+    /** Indicates row count for a TextArea. */
+    var rows: js.UndefOr[JsNumber | String] = js.undefined
+
+    /** The value of the textarea. */
+    var value: js.UndefOr[JsNumber | String] = js.undefined
+
+  }
+
+  def props(q: TextArea): TextAreaProps =
+    rawprops(
+      q.as,
+      q.onChangeE,
+      q.onChange,
+      q.onInputE,
+      q.onInput,
+      q.rows,
+      q.value
+    )
+
+  def rawprops(
+    as:        js.UndefOr[AsC]               = js.undefined,
+    onChangeE: js.UndefOr[TextArea.Event]    = js.undefined,
+    onChange:  js.UndefOr[Callback]          = js.undefined,
+    onInputE:  js.UndefOr[TextArea.Event]    = js.undefined,
+    onInput:   js.UndefOr[Callback]          = js.undefined,
+    rows:      js.UndefOr[Int | String]      = js.undefined,
+    value:     js.UndefOr[String | JsNumber] = js.undefined
+  ): TextAreaProps = {
+    val p = as.toJsObject[TextAreaProps]
+    as.toJs.foreach(v => p.as                          = v)
+    (onChangeE, onChange).toJs.foreach(v => p.onChange = v)
+    (onInputE, onInput).toJs.foreach(v => p.onInput    = v)
+    rows.foreach(v => p.rows                           = v)
+    value.foreach(v => p.value                         = v)
+    p
+  }
+
+  private val component =
+    JsComponent[TextAreaProps, Children.None, Null](RawComponent)
+
+  val Default: TextArea = TextArea()
+
+  val defaultProps: TextAreaProps = props(Default)
+
+  def apply(modifiers: TagMod*): TextArea =
+    new TextArea(modifiers = modifiers)
+}