adds Toast, Transitions and Ratio components

Author: matdsoupe

src/Collapse.res

@@ -0,0 +1,21 @@
+type dimension = [#height | #width]
+
+@module("react-bootstrap") @react.component
+external make: (
+  ~appear: bool=?,
+  ~children: React.element,
+  ~dimension: dimension=?,
+  ~getDimensionValue: (~dimension: dimension, ~element: Dom.htmlElement) => int=?,
+  ~_in: bool=?,
+  ~mountOnEnter: bool=?,
+  ~onEnter: unit => unit=?,
+  ~onEntered: unit => unit=?,
+  ~onEntering: unit => unit=?,
+  ~onExit: unit => unit=?,
+  ~onExited: unit => unit=?,
+  ~onExiting: unit => unit=?,
+  ~role: string=?,
+  ~timeout: int=?,
+  ~unmountOnExit: bool=?,
+  ~className: string=?
+) => React.element = "Collapse"

src/Fade.res

@@ -0,0 +1,16 @@
+@module("react-bootstrap") @react.component
+external make: (
+  ~appear: bool=?,
+  ~children: React.element,
+  ~_in: bool=?,
+  ~mountOnEnter: bool=?,
+  ~onEnter: unit => unit=?,
+  ~onEntered: unit => unit=?,
+  ~onEntering: unit => unit=?,
+  ~onExit: unit => unit=?,
+  ~onExited: unit => unit=?,
+  ~onExiting: unit => unit=?,
+  ~timeout: int=?,
+  ~unmountOnExit: bool=?,
+  ~className: string=?
+) => React.element = "Fade"

src/Placeholder.res

@@ -18,7 +18,7 @@ module Button = {
     ~size: size=?,
     ~variant: Types.variant=?,
     ~className: string=?,
-    ~children: Rect.element,
+    ~children: React.element,
     ~bsPrefix: string=?,
   ) => React.element = "Button"
 }

src/Ratio.res

@@ -0,0 +1,7 @@
+@module("react-bootstrap") @react.component
+external make: (
+  ~aspectRatio: float=?,
+  ~classNmae: string=?,
+  ~children: React.element,
+  ~bsPrefix: string=?
+) => React.element = "Ratio"

src/ReactBootstrap.res

@@ -1,3 +1,4 @@
+// Layout
 module Layout = Layout
 
 module Accordion = Accordion
@@ -36,3 +37,12 @@ module Placeholder = Placeholder
 module ProgressBar = ProgressBar
 module Spinner = Spinner
 module Table = Table
+module Toast = Toast
+module ToastContainer = ToastContainer
+
+// Utils
+module Ratio = Ratio
+
+// Transisions
+module Collapse = Collapse
+module Fade = Fade

src/Toast.res

@@ -0,0 +1,37 @@
+open Types
+
+@module("react-bootstrap") @react.component
+external make: (
+  ~animation: bool=?,
+  ~autohide: bool=?,
+  ~bg: variant=?,
+  ~delay: int=?,
+  ~onClose: unit => unit=?,
+  ~show: bool=?,
+  ~transition: reactNode=?,
+  ~className: string=?,
+  ~children: React.element, 
+  ~bsPrefix: string=?
+) => React.element = "Toast"
+
+module Header = {
+  @module("react-bootstrap") @scope("Toast") @react.component
+  external make: (
+    ~closeButton: bool=?,
+    ~closeLabel: string=?,
+    ~closeVariant: [#white]=?,
+    ~className: string=?,
+    ~children: React.element,
+    ~bsPrefix: string=?
+  ) => React.element = "Header"
+}
+
+module Body = {
+  @module("react-bootstrap") @scope("Toast") @react.component
+  external make: (
+    ~_as: string=?,
+    ~className: string=?,
+    ~children: React.element,
+    ~bsPrefix: string
+  ) => React.element = "Body"
+}

src/ToastContainer.res

@@ -0,0 +1,19 @@
+type position = [
+  #"top-start"
+  | #"top-center"
+  | #"top-end"
+  | #"middle-start"
+  | #"middle-center"
+  | #"middle-end"
+  | #"bottom-start"
+  | #"bottom-center"
+  | #"bottom-end"
+]
+
+@module("react-bootstrap") @react.component
+external make: (
+  ~position: position=?,
+  ~className: string=?,
+  ~children: React.element,
+  ~bsPrefix: string=?
+) => React.element = "ToastContainer"