From ca578cd348771fc1296384c73a7c24a14e55d908 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sami=20M=C3=A4ki?= <sami.maki@cybercom.com>
Date: Mon, 5 Mar 2018 11:36:46 +0200
Subject: [PATCH] Update navbar props and examples.

Updated and checked components: Navbar, NavbarBrand, NavbarToggler.
---
 types/reactstrap/lib/NavbarToggler.d.ts |  2 --
 types/reactstrap/reactstrap-tests.tsx   | 37 ++++++++++++++++++-------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/types/reactstrap/lib/NavbarToggler.d.ts b/types/reactstrap/lib/NavbarToggler.d.ts
index 1eea9880a5..542b671d28 100644
--- a/types/reactstrap/lib/NavbarToggler.d.ts
+++ b/types/reactstrap/lib/NavbarToggler.d.ts
@@ -5,8 +5,6 @@ export interface NavbarTogglerProps extends React.HTMLProps<HTMLAnchorElement> {
   type?: string;
   className?: string;
   cssModule?: CSSModule;
-  right?: boolean;
-  left?: boolean;
 }
 
 declare const NavbarToggler: React.StatelessComponent<NavbarTogglerProps>;
diff --git a/types/reactstrap/reactstrap-tests.tsx b/types/reactstrap/reactstrap-tests.tsx
index 3e93ecb5bc..8b58c9f886 100644
--- a/types/reactstrap/reactstrap-tests.tsx
+++ b/types/reactstrap/reactstrap-tests.tsx
@@ -2107,9 +2107,9 @@ class Example75 extends React.Component<any, any> {
   render() {
     return (
       <div>
-        <Navbar color="faded" light toggleable>
-          <NavbarToggler right onClick={this.toggle} />
+        <Navbar color="faded" light expand="md">
           <NavbarBrand href="/">reactstrap</NavbarBrand>
+          <NavbarToggler onClick={this.toggle} />
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="ml-auto" navbar>
               <NavItem>
@@ -2118,6 +2118,23 @@ class Example75 extends React.Component<any, any> {
               <NavItem>
                 <NavLink href="https://github.com/reactstrap/reactstrap">Github</NavLink>
               </NavItem>
+              <UncontrolledDropdown nav inNavbar>
+                <DropdownToggle nav caret>
+                  Options
+                </DropdownToggle>
+                <DropdownMenu >
+                  <DropdownItem>
+                    Option 1
+                  </DropdownItem>
+                  <DropdownItem>
+                    Option 2
+                  </DropdownItem>
+                  <DropdownItem divider />
+                  <DropdownItem>
+                    Reset
+                  </DropdownItem>
+                </DropdownMenu>
+              </UncontrolledDropdown>
             </Nav>
           </Collapse>
         </Navbar>
@@ -2145,9 +2162,9 @@ class Example76 extends React.Component<any, any> {
     return (
       <div>
         <Navbar color="faded" light>
-          <NavbarToggler onClick={this.toggleNavbar} />
-          <Collapse className="navbar-toggleable-md" isOpen={!this.state.collapsed}>
-            <NavbarBrand href="/">reactstrap</NavbarBrand>
+          <NavbarBrand href="/" className="mr-auto">reactstrap</NavbarBrand>
+          <NavbarToggler onClick={this.toggleNavbar} className="mr-2" />
+          <Collapse isOpen={!this.state.collapsed} navbar>
             <Nav navbar>
               <NavItem>
                 <NavLink href="/components/">Components</NavLink>
@@ -3330,7 +3347,7 @@ class Example108 extends React.Component<any, any> {
     return (
       <div>
         <Navbar color="faded" dark toggleable>
-          <NavbarToggler right onClick={this.toggle} />
+          <NavbarToggler onClick={this.toggle} />
           <NavbarBrand href="/">reactstrap</NavbarBrand>
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="ml-auto" navbar>
@@ -3366,7 +3383,7 @@ class Example109 extends React.Component<any, any> {
     return (
       <div>
         <Navbar color="faded" light expand>
-          <NavbarToggler right onClick={this.toggle} />
+          <NavbarToggler onClick={this.toggle} />
           <NavbarBrand href="/">reactstrap</NavbarBrand>
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="ml-auto" navbar>
@@ -3402,7 +3419,7 @@ class Example110 extends React.Component<any, any> {
     return (
       <div>
         <Navbar color="faded" light expand="md">
-          <NavbarToggler right onClick={this.toggle} />
+          <NavbarToggler onClick={this.toggle} />
           <NavbarBrand href="/">reactstrap</NavbarBrand>
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="ml-auto" navbar>
@@ -3438,7 +3455,7 @@ class Example111 extends React.Component<any, any> {
     return (
       <div>
         <Navbar color="faded" light expand="md">
-          <NavbarToggler right onClick={this.toggle} />
+          <NavbarToggler onClick={this.toggle} />
           <NavbarBrand tag="a" href="/">reactstrap</NavbarBrand>
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="ml-auto" navbar>
@@ -3474,7 +3491,7 @@ class Example112 extends React.Component<any, any> {
     return (
       <div>
         <Navbar color="faded" light expand="md">
-          <NavbarToggler right onClick={this.toggle} />
+          <NavbarToggler onClick={this.toggle} />
           <NavbarBrand className="logo" href="/">reactstrap</NavbarBrand>
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="ml-auto" navbar>