Basic support for autoresizer

Author: cquiroz

.gitignore

@@ -2,3 +2,4 @@
 *.log
 target/
 .idea/
+react-virtualized

facade/src/main/scala/react/virtualized/AutoSizer.scala

@@ -0,0 +1,54 @@
+package react
+package virtualized
+
+import japgolly.scalajs.react._
+import japgolly.scalajs.react.vdom.VdomNode
+import japgolly.scalajs.react.component.Js.{RawMounted, UnmountedMapped}
+import japgolly.scalajs.react.internal.Effect.Id
+
+import scala.scalajs.js
+import scala.scalajs.js.annotation.JSImport
+
+object AutoSizer {
+  @js.native
+  @JSImport("react-virtualized", "AutoSizer")
+  object RawComponent extends js.Object
+
+  type OnResize = js.Function1[Size, Unit]
+
+  @js.native
+  trait Props extends js.Object {
+    /** Function responsible for rendering children.*/
+    // children: (warams: Size) => React.Element<*>, = js.native
+
+    /** Disable dynamic :height property */
+    var disableHeight: js.UndefOr[Boolean] = js.native
+
+    /** Disable dynamic :width property */
+    var disableWidth: js.UndefOr[Boolean] = js.native
+
+    /** Nonce of the inlined stylesheet for Content Security Policy */
+    var nonce: js.UndefOr[String] = js.native
+
+    /** Callback to be invoked on-resize */
+    var onResize: OnResize = js.native
+  }
+
+  def props(
+    disableHeight: js.UndefOr[Boolean] = js.undefined,
+    disableWidth: js.UndefOr[Boolean] = js.undefined,
+    nonce: js.UndefOr[String] = js.undefined,
+    onResize: Size => Callback = _ => Callback.empty,
+  ): Props = {
+    val p = (new js.Object).asInstanceOf[Props]
+    p.disableHeight = disableHeight
+    p.disableWidth = disableWidth
+    p.nonce = nonce
+    p.onResize = (s: Size) => onResize(s).runNow
+    p
+  }
+
+  private val component = JsComponent[Props, Children.Varargs, Null](RawComponent)
+
+  def apply(p: Props, children: VdomNode*): UnmountedMapped[Id, Props, Null, RawMounted, Props, Null] = component(p)(children: _*)
+}

facade/src/main/scala/react/virtualized/package.scala

@@ -15,7 +15,6 @@ package virtualized {
     def toJsObject(style: Style): js.Object =
       style.styles.toJSDictionary.asInstanceOf[js.Object]
 
-
     def fromJsObject(o: js.Object): Style = {
       val xDict = o.asInstanceOf[js.Dictionary[String | Int]]
       val map = (for ((prop, value) <- xDict) yield
@@ -25,6 +24,20 @@ package virtualized {
 
   }
 
+  @js.native
+  trait Size extends js.Object {
+    var height: Double = js.native
+    var width: Double = js.native
+  }
+  object Size {
+    def apply(height: Double, width: Double): Size = {
+      val p = (new js.Object).asInstanceOf[Size]
+      p.height = height
+      p.width = width
+      p
+    }
+  }
+
   trait HeaderRendererParameter extends js.Object {
     var columnData: js.Any
     var dataKey: String

facade/src/test/scala/react/virtualized/AutoSizerSpec.scala

@@ -0,0 +1,26 @@
+package react
+package virtualized
+
+import org.scalatest._
+import japgolly.scalajs.react._
+
+class AutoSizerSpec extends FlatSpec with Matchers with NonImplicitAssertions with TestUtils {
+
+  "AutoSizer" should
+    "require width and dataKey" in {
+      Column(Column.props(200, "key")).props.width should be (200)
+      Column(Column.props(200, "key")).props.dataKey should be ("key")
+    }
+    it should "support disableWidth" in {
+      AutoSizer(AutoSizer.props()).props.disableWidth.toOption should contain(false)
+      AutoSizer(AutoSizer.props(disableWidth = true)).props.disableWidth.toOption should contain(true)
+    }
+    it should "support disableHeight" in {
+      AutoSizer(AutoSizer.props()).props.disableHeight.toOption should contain(false)
+      AutoSizer(AutoSizer.props(disableHeight = true)).props.disableHeight.toOption should contain(true)
+    }
+    it should "support onResize" in {
+      val size = Size(height = 10, width = 20)
+      AutoSizer(AutoSizer.props(onResize = x => Callback.log(x))).props.onResize(size) should be(())
+    }
+}