adds Nav and Navbar components

Author: matdsoupe

src/Nav.res

@@ -0,0 +1,47 @@
+@module("react-bootstrap") @react.component
+external make: (
+  ~id: string=?,
+  ~activeKey: string=?,
+  ~className: string=?,
+  ~navbarScroll: bool=?,
+  ~_as: string=?,
+  ~fill: bool=?,
+  ~justify: bool=?,
+  ~navbar: bool=?,
+  ~navbarBsPrefix: string=?,
+  ~cardHeaderBsPrefix: string=?,
+  ~role: string=?,
+  ~onSelect: (~eventKey: string, ~event: ReactEvent.Synthetic.t) => unit=?,
+  ~onKeyDown: unit => unit=?,
+  ~variant: [#tabs | #pills],
+  ~className: string=?,
+  ~children: React.element,
+  ~bsPrefix: string=?,
+) => React.element = "Nav"
+
+module Item = {
+  @module("react-bootstrap") @scope("Nav") @react.component
+  external make: (
+    ~id: string=?,
+    ~className: string=?,
+    ~children: React.element,
+    ~_as: string=?,
+    ~bsPrefix: string,
+  ) => React.element = "Item"
+}
+
+module Link = {
+  @module("react-bootstrap") @scope("Nav") @react.component
+  external make: (
+    ~id: string=?,
+    ~children: React.element,
+    ~_as: string=?,
+    ~active: bool=?,
+    ~disabled: bool=?,
+    ~href: string,
+    ~className: string=?,
+    ~eventKey: string=?,
+    ~role: string=?,
+    ~bsPrefix: string=?,
+  ) => React.element = "Link"
+}

src/NavDropdown.res

@@ -0,0 +1,15 @@
+@module("react-bootstrap") @react.component
+external make: (
+  ~active: bool=?,
+  ~disabled: bool=?,
+  ~id: string=?,
+  ~menuRole: string=?,
+  ~menuVariant: [#dark]=?,
+  ~onClick: ReactEvent.Mouse.t => unit=?,
+  ~renderMenuOnMount: bool=?,
+  ~rootCloseEvent: string=?,
+  ~title: string,
+  ~className: string=?,
+  ~children: React.element,
+  ~bsPrefix: string=?,
+) => React.element = "NavDropdown"

src/Navbar.res

@@ -0,0 +1,54 @@
+@module("react-bootstrap") @react.component
+external make: (
+  ~id: string=?,
+  ~_as: string=?,
+  ~children: React.element,
+  ~bg: string=?,
+  ~expand: [#sm | #md | #lg | #xl | #xxl],
+  ~expanded: bool=?,
+  ~fixed: [#top | #bottom],
+  ~role: string=?,
+  ~variant: [#light | #dark],
+  ~collapseOnSelect: bool=?,
+  ~onSelect: (~eventKey: string, ~event: ReactEvent.Synthetic.t) => unit=?,
+  ~onToggle: bool => unit=?,
+  ~sticky: [#top]=?,
+  ~className: string=?,
+  ~bsPrefix: string=?,
+) => React.element = "Navbar"
+
+module Brand = {
+  @module("react-bootstrap") @scope("Navbar") @react.component
+  external make: (
+    ~is: string=?,
+    ~_as: string=?,
+    ~href: string,
+    ~className: string=?,
+    ~children: React.element,
+    ~bsPrefix: string=?,
+  ) => React.element = "Brand"
+}
+
+module Collapse = {
+  @module("react-bootstrap") @scope("Navbar") @react.component
+  external make: (
+    ~id: string=?,
+    ~className: string=?,
+    ~children: React.element,
+    ~bsPrefix: string=?,
+  ) => React.element = "Collapse"
+}
+
+module Toggle = {
+  @module("react-bootstrap") @scope("Navbar") @react.component
+  external make: (
+    ~id: string=?,
+    ~_as: string=?,
+    ~children: React.element=?,
+    ~label: string=?,
+    ~onClick: ReactEvent.Mouse.t => unit=?,
+    ~\"aria-controls": string=?,
+    ~className: string=?,
+    ~bsPrefix: string=?,
+  ) => React.element = "Toggle"
+}

src/ReactBootstrap.res

@@ -23,94 +23,6 @@ module InputGroup = InputGroup
 module Image = Image
 module ListGroup = ListGroup
 module Modal = Modal
-
-module Navbar = {
-  @module("react-bootstrap") @react.component
-  external make: (
-    ~id: string=?,
-    ~_as: string=?,
-    ~children: React.element,
-    ~bg: string=?,
-    ~expand: [#sm | #md | #lg | #xl | #xxl],
-    ~expanded: bool=?,
-    ~fixed: [#top | #bottom],
-    ~role: string=?,
-    ~variant: [#light | #dark],
-    ~collapseOnSelect: bool=?,
-    ~sticky: string=?,
-    ~className: string=?,
-  ) => React.element = "Navbar"
-
-  module Brand = {
-    @module("react-bootstrap") @scope("Navbar") @react.component
-    external make: (
-      ~is: string=?,
-      ~_as: string=?,
-      ~href: string,
-      ~className: string=?,
-      ~children: React.element,
-    ) => React.element = "Brand"
-  }
-
-  module Collapse = {
-    @module("react-bootstrap") @scope("Navbar") @react.component
-    external make: (
-      ~id: string=?,
-      ~className: string=?,
-      ~children: React.element,
-    ) => React.element = "Collapse"
-  }
-
-  module Toggle = {
-    @module("react-bootstrap") @scope("Navbar") @react.component
-    external make: (
-      ~id: string=?,
-      ~_as: string=?,
-      ~children: React.element=?,
-      ~label: string=?,
-      ~\"aria-controls": string=?,
-      ~className: string=?,
-    ) => React.element = "Toggle"
-  }
-}
-
-module Nav = {
-  @module("react-bootstrap") @react.component
-  external make: (
-    ~id: string=?,
-    ~activeKey: string=?,
-    ~className: string=?,
-    ~navbarScroll: bool=?,
-    ~_as: string=?,
-    ~fill: bool=?,
-    ~justify: bool=?,
-    ~navbar: bool=?,
-    ~role: string=?,
-    ~variant: [#tabs | #pills],
-    ~className: string=?,
-    ~children: React.element,
-  ) => React.element = "Nav"
-
-  module Item = {
-    @module("react-bootstrap") @scope("Nav") @react.component
-    external make: (
-      ~id: string=?,
-      ~className: string=?,
-      ~children: React.element,
-      ~_as: string=?,
-    ) => React.element = "Item"
-  }
-
-  module Link = {
-    @module("react-bootstrap") @scope("Nav") @react.component
-    external make: (
-      ~id: string=?,
-      ~children: React.element,
-      ~_as: string=?,
-      ~active: bool=?,
-      ~disabled: bool=?,
-      ~href: string,
-      ~className: string=?,
-    ) => React.element = "Link"
-  }
-}
+module Nav = Nav
+module NavDropdown = NavDropdown
+module Navbar = Navbar