AS#101967871059519, Bundle NavBar components to be used by tc-site

-- Added new web pack config for navbar components, to publish it as library
-- Fixed issues with NavBar and SearchBar

Author: vikasrohit

.gitignore

@@ -7,4 +7,5 @@ coverage
 .idea
 .env
 npm-debug.log
-.DS_Store
+.DS_Store
+dist

components/Navbar/Navbar.jsx

@@ -7,9 +7,9 @@ import QuickLinks from '../QuickLinks/QuickLinks'
 import UserDropdownMenu from '../UserDropdownMenu/UserDropdownMenu'
 
 const primaryNavigationItems = [
-  {img: '../components/MenuBar/nav-community.svg', text: 'Community', link: 'javascript:;'},
-  {img: '../components/MenuBar/nav-compete.svg', text: 'Compete', link: 'javascript:;', selected: true},
-  {img: '../components/MenuBar/nav-learn.svg', text: 'Learn', link: 'javascript:;'}
+  {img: require('./nav-community.svg'), text: 'Community', link: 'javascript:;'},
+  {img: require('./nav-compete.svg'), text: 'Compete', link: 'javascript:;', selected: true},
+  {img: require('./nav-learn.svg'), text: 'Learn', link: 'javascript:;'}
 ]
 
 class Navbar extends Component {

components/Navbar/Navbar.scss

@@ -13,9 +13,6 @@ $super-wide: 1376px;
   background-color: $navbar-bg;
   border-bottom: 1px solid $border-color;
   padding: 10px 20px;
-  position: fixed;
-  top: 0;
-  left: 0;
   width: 100%;
 
   @media screen and (max-width: $mobile) {

components/Navbar/nav-community.svg

@@ -132,6 +132,7 @@ $active-icon-wrap-bg: #888894;
     top: 43px;
     left: 0;
     width: 100%;
+    z-index: 1000;
 
     strong {
       font-weight: 600;

components/Navbar/nav-compete.svg

@@ -1,2 +1,8 @@
+Router   = require './components/Router/Router.cjsx'
+
 module.exports =
   default: require './components/FileUploader/FileUploaderContainer.cjsx'
+  NavBar: require './components/Navbar/Navbar.jsx'
+  SearchBar: require './components/SearchBar/SearchBar.jsx'
+  UserDropdown: require './components/UserDropdownMenu/UserDropdownMenu.jsx'
+  TCFooter: require './components/TCFooter/TCFooter.jsx'

components/Navbar/nav-learn.svg

@@ -0,0 +1,20 @@
+webpackConfig = require 'appirio-tech-webpack-config'
+webpack = require('webpack')
+
+config = webpackConfig
+  dirname: __dirname
+  template: './index.html'
+  entry:
+    TCNavComponents: [
+      './index.coffee'
+    ]
+
+config.output.filename = 'TCNavComponents.[name].js';
+config.output.publicPath = 'http://local.topcoder.com/mf/js/app/header/partials/'
+config.output.libraryTarget = 'var'
+console.log config.output
+
+
+config.externals = {"react" : "React"}
+
+module.exports = config

components/SearchBar/SearchBar.scss

@@ -24,7 +24,8 @@
     "build": "webpack --config webpack.config.js; cp example/index.html dist/",
     "lint": "eslint --ext .js,.jsx .",
     "test": "cross-env NODE_ENV=test mocha --reporter progress --compilers js:babel-core/register --require ignore-styles --recursive \"./components/**/*.spec.js\"",
-    "test:watch": "npm run test -- --watch"
+    "test:watch": "npm run test -- --watch",
+    "build-navbar": "webpack --config navbar.webpack.config.coffee; cp index.html dist/",
   },
   "dependencies": {
     "appirio-styles": "0.0.25",
@@ -38,6 +39,9 @@
     "react-dom": "^0.14.7",
     "react-dropzone": "^3.3.2",
     "react-redux": "^4.2.1",
-    "react-select": "^0.9.1"
+    "react-select": "^0.9.1",
+    "url-loader": "^0.5.7",
+    "img-loader": "^1.2.0",
+    "file-loader": "^0.8.4"
   }
 }