minor packages update

Author: kulgavy

package.json

@@ -15,32 +15,32 @@
   ],
   "dependencies": {
     "animate.css": "3.5.2",
-    "awesome-bootstrap-checkbox": "1.0.0",
+    "awesome-bootstrap-checkbox": "1.0.1",
     "babel-polyfill": "6.23.0",
-    "bluebird": "3.5.0",
-    "body-parser": "1.17.1",
+    "bluebird": "3.5.2",
+    "body-parser": "1.17.2",
     "bootstrap": "4.0.0-beta",
-    "bundle-loader": "0.5.5",
-    "classnames": "2.2.5",
+    "bundle-loader": "0.5.6",
+    "classnames": "2.2.6",
     "cookie-parser": "1.4.3",
     "core-js": "2.4.1",
     "d3": "3.5.17",
     "draft-js": "0.10.x",
     "easy-pie-chart": "2.1.7",
-    "express": "4.15.2",
-    "express-graphql": "0.6.4",
-    "express-jwt": "5.3.0",
+    "express": "4.15.5",
+    "express-graphql": "0.6.12",
+    "express-jwt": "5.3.1",
     "fastclick": "1.0.6",
     "flot": "0.8.0-alpha",
     "font-awesome": "4.7.0",
     "formsy-react": "0.19.5",
     "fullcalendar": "3.4.0",
     "glyphicons-halflings": "https://github.com/inway/glyphicons-halflings.git#df545d9e4bdae9b5ffa112fcb70b3f8350929875",
     "govpredict-morris": "0.5.1",
-    "graphql": "0.9.3",
-    "graphql-relay": "0.5.1",
-    "graphql-sequelize": "5.3.2",
-    "history": "4.6.1",
+    "graphql": "0.9.6",
+    "graphql-relay": "0.5.5",
+    "graphql-sequelize": "5.3.3",
+    "history": "4.6.3",
     "immutable": "3.7.x",
     "imports-loader": "0.7.1",
     "isomorphic-style-loader": "2.0.0",
@@ -55,44 +55,44 @@
     "nvd3": "1.8.6",
     "passport": "0.3.2",
     "passport-facebook": "2.1.1",
-    "pretty-error": "2.1.0",
-    "prop-types": "15.5.8",
+    "pretty-error": "2.1.1",
+    "prop-types": "15.5.10",
     "query-string": "4.3.4",
     "rc-color-picker": "1.1.7",
-    "rc-hammerjs": "0.6.8",
+    "rc-hammerjs": "0.6.9",
     "react": "15.5.4",
     "react-addons-css-transition-group": "15.5.2",
-    "react-autosize-textarea": "0.4.8",
+    "react-autosize-textarea": "0.4.9",
     "react-bootstrap-slider": "2.0.1",
-    "react-bootstrap-table": "4.1.1",
+    "react-bootstrap-table": "4.1.5",
     "react-cookie": "1.0.5",
     "react-custom-scrollbars": "4.2.1",
-    "react-datetime": "2.10.1",
+    "react-datetime": "2.10.3",
     "react-dom": "15.5.4",
-    "react-draft-wysiwyg": "1.10.8",
-    "react-dropzone": "4.2.3",
-    "react-google-maps": "8.3.1",
-    "react-images": "0.5.6",
-    "react-maskedinput": "4.0.0",
-    "react-redux": "5.0.4",
+    "react-draft-wysiwyg": "1.10.12",
+    "react-dropzone": "4.2.13",
+    "react-google-maps": "8.3.5",
+    "react-images": "0.5.19",
+    "react-maskedinput": "4.0.1",
+    "react-redux": "5.0.7",
     "react-router": "4.0.0",
     "react-router-dom": "4.0.0",
-    "react-select2-wrapper": "1.0.4-beta5",
+    "react-select2-wrapper": "1.0.4-beta6",
     "react-sparklines": "1.7.0",
-    "react-table": "6.7.4",
-    "react-transition-group": "1.2.0",
-    "reactstrap": "5.0.0-alpha.3",
+    "react-table": "6.7.6",
+    "react-transition-group": "1.2.1",
+    "reactstrap": "5.0.0",
     "recompose": "0.25.1",
     "redux": "3.6.0",
-    "redux-logger": "3.0.1",
+    "redux-logger": "3.0.6",
     "redux-thunk": "2.2.0",
-    "rickshaw": "1.6.0",
+    "rickshaw": "1.6.6",
     "sequelize": "3.30.4",
     "serialize-javascript": "1.3.0",
-    "source-map-support": "0.4.14",
-    "sqlite3": "3.1.8",
+    "source-map-support": "0.4.18",
+    "sqlite3": "3.1.13",
     "webpack-raphael": "2.1.4",
-    "whatwg-fetch": "2.0.3"
+    "whatwg-fetch": "2.0.4"
   },
   "devDependencies": {
     "assets-webpack-plugin": "3.5.1",
@@ -109,41 +109,41 @@
     "babel-register": "6.24.1",
     "babel-template": "6.24.1",
     "babel-types": "6.24.1",
-    "browser-sync": "2.18.8",
+    "browser-sync": "2.18.13",
     "chai": "3.5.0",
     "chokidar": "1.6.1",
-    "css-loader": "0.28.0",
+    "css-loader": "0.28.11",
     "editorconfig-tools": "0.1.1",
     "enzyme": "2.8.2",
     "eslint": "3.19.0",
     "eslint-config-airbnb": "14.1.0",
     "eslint-loader": "1.7.1",
-    "eslint-plugin-css-modules": "2.7.1",
+    "eslint-plugin-css-modules": "2.7.5",
     "eslint-plugin-import": "2.2.0",
     "eslint-plugin-jsx-a11y": "4.0.0",
     "eslint-plugin-react": "6.10.3",
-    "file-loader": "0.11.1",
+    "file-loader": "0.11.2",
     "front-matter": "2.1.2",
-    "glob": "7.1.1",
-    "jquery": "3.2.1",
-    "json-loader": "0.5.4",
-    "lint-staged": "3.4.0",
-    "markdown-it": "8.3.1",
+    "glob": "7.1.3",
+    "jquery": "3.3.1",
+    "json-loader": "0.5.7",
+    "lint-staged": "3.4.2",
+    "markdown-it": "8.3.2",
     "mkdirp": "0.5.1",
     "mocha": "3.3.0",
     "moment": "2.18.1",
     "napa": "2.3.0",
-    "node-sass": "4.5.0",
+    "node-sass": "4.5.3",
     "pixrem": "3.0.2",
     "pleeease-filters": "3.0.1",
-    "postcss": "5.2.17",
+    "postcss": "5.2.18",
     "postcss-calc": "5.3.1",
     "postcss-color-function": "3.0.0",
     "postcss-custom-media": "5.0.1",
     "postcss-custom-properties": "5.0.2",
     "postcss-custom-selectors": "3.0.0",
     "postcss-flexbugs-fixes": "2.1.1",
-    "postcss-global-import": "1.0.0",
+    "postcss-global-import": "1.0.6",
     "postcss-import": "9.1.0",
     "postcss-loader": "1.3.3",
     "postcss-media-minmax": "2.1.2",
@@ -156,26 +156,29 @@
     "raw-loader": "0.5.1",
     "react-addons-test-utils": "15.5.1",
     "react-deep-force-update": "2.0.1",
-    "react-hot-loader": "3.0.0-beta.6",
-    "redbox-react": "1.3.6",
+    "react-hot-loader": "3.0.0",
+    "redbox-react": "1.3.7",
     "redux-mock-store": "1.2.3",
-    "rimraf": "2.6.1",
-    "sass-loader": "6.0.3",
+    "rimraf": "2.6.2",
+    "sass-loader": "6.0.7",
     "sinon": "2.1.0",
     "stylefmt": "5.3.2",
     "stylelint": "7.10.1",
     "stylelint-config-standard": "16.0.0",
-    "url-loader": "0.5.8",
+    "url-loader": "0.5.9",
     "webpack": "2.4.1",
-    "webpack-bundle-analyzer": "2.4.0",
+    "webpack-bundle-analyzer": "2.4.1",
     "webpack-dev-middleware": "1.10.2",
-    "webpack-hot-middleware": "2.18.0",
+    "webpack-hot-middleware": "2.18.2",
     "widgster": "1.0.0",
     "write-file-webpack-plugin": "4.0.2"
   },
   "napa": {
     "jquery.flot.animator": "https://github.com/Codicode/flotanimator.git#3c256c0183d713fd3bf41d04417873928eb1a751"
   },
+  "resolutions": {
+    "jquery": "3.3.1"
+  },
   "babel": {
     "presets": [
       [

src/components/Header/Header.js

@@ -12,7 +12,7 @@ import {
   InputGroup,
   Input,
   UncontrolledAlert,
-  NavDropdown,
+  Dropdown,
   NavbarBrand,
   Collapse,
   DropdownToggle,
@@ -125,7 +125,7 @@ class Header extends React.Component {
         </UncontrolledAlert>
         <Collapse className={`${s.searchCollapse} ml-auto ml-lg-0 mr-md-3`} isOpen={this.state.searchOpen}>
           <InputGroup className={`${s.navbarForm} ${this.state.searchFocused ? s.navbarFormFocused : ''}`}>
-            <InputGroupAddon className={s.inputAddon}><i className="fa fa-search" /></InputGroupAddon>
+            <InputGroupAddon addonType="prepend" className={s.inputAddon}><i className="fa fa-search" /></InputGroupAddon>
             <Input
               id="search-input" placeholder="Search..." className="input-transparent"
               onFocus={() => this.setState({ searchFocused: true })}
@@ -139,7 +139,7 @@ class Header extends React.Component {
               <i className="glyphicon glyphicon-search" />
             </NavLink>
           </NavItem>
-          <NavDropdown isOpen={this.state.messagesOpen} toggle={this.toggleMessagesDropdown}>
+          <Dropdown nav isOpen={this.state.messagesOpen} toggle={this.toggleMessagesDropdown}>
             <DropdownToggle nav className={s.navItem}>
               <i className="glyphicon glyphicon-comments" />
             </DropdownToggle>
@@ -177,8 +177,8 @@ class Header extends React.Component {
                 </a>
               </DropdownItem>
             </DropdownMenu>
-          </NavDropdown>
-          <NavDropdown isOpen={this.state.supportOpen} toggle={this.toggleSupportDropdown}>
+          </Dropdown>
+          <Dropdown nav isOpen={this.state.supportOpen} toggle={this.toggleSupportDropdown}>
             <DropdownToggle nav className={s.navItem}>
               <i className="glyphicon glyphicon-globe" />
               <span className={s.count}>8</span>
@@ -220,9 +220,9 @@ class Header extends React.Component {
                 </a>
               </DropdownItem>
             </DropdownMenu>
-          </NavDropdown>
+          </Dropdown>
           <NavItem className={s.divider} />
-          <NavDropdown isOpen={this.state.settingsOpen} toggle={this.toggleSettingsDropdown} className="d-sm-none-down">
+          <Dropdown nav isOpen={this.state.settingsOpen} toggle={this.toggleSettingsDropdown} className="d-sm-none-down">
             <DropdownToggle nav className={s.navItem}>
               <i className="glyphicon glyphicon-cog" />
             </DropdownToggle>
@@ -238,8 +238,8 @@ class Header extends React.Component {
                 <Button onClick={() => this.toggleVisibilitySidebar('hide')} className={this.props.sidebarState === 'hide' ? 'active' : ''}>Hide</Button>
               </ButtonGroup>
             </DropdownMenu>
-          </NavDropdown>
-          <NavDropdown isOpen={this.state.accountOpen} toggle={this.toggleAccountDropdown} className="d-sm-none-down">
+          </Dropdown>
+          <Dropdown nav isOpen={this.state.accountOpen} toggle={this.toggleAccountDropdown} className="d-sm-none-down">
             <DropdownToggle nav className={s.navItem}>
               <i className="glyphicon glyphicon-user" />
             </DropdownToggle>
@@ -267,7 +267,7 @@ class Header extends React.Component {
                 </NavLink>
               </DropdownItem>
             </DropdownMenu>
-          </NavDropdown>
+          </Dropdown>
           <NavItem className="d-sm-none-down">
             <NavLink onClick={this.doLogout} className={s.navItem} href="#">
               <i className="glyphicon glyphicon-off" />