Add mobile-responsive support, upgrade dependencies. See CHANGELOG fo…

…r details.

.babelrc

@@ -1,3 +1,17 @@
 {
-  presets: ['es2015', 'react', 'stage-2']
+  "presets": [
+    ["env", {
+      "targets": {
+        "browsers": ["last 2 versions"]
+      }
+    }],
+    "react",
+    "stage-2"
+  ],
+  "plugins": ["transform-decorators-legacy", "transform-class-properties"],
+  "env": {
+    "test": {
+      "presets": [["env"], "react"]
+    }
+  }
 }

.eslintrc

@@ -4,16 +4,29 @@
     "es6": true,
     "node": true
   },
+  "plugins": [
+    "jsx-a11y"
+  ],
   "parser": "babel-eslint",
-  "extends": "airbnb",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "extends": [
+    "airbnb",
+    "plugin:jsx-a11y/recommended"
+  ],
   "rules": {
-    "camelcase": 1,
-    "comma-dangle": [2, "never"],
-    "no-underscore-dangle": ["error", { "allowAfterThis": true }],
-    "no-use-before-define": [2, "nofunc"],
-    "arrow-body-style":[0, "as-needed"],
-    "new-cap": [0],
-    "import/no-unresolved": [0]
+    "comma-dangle": ["error", "never"],
+    "no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
+    "no-underscore-dangle": [0],
+    // following 3 import rules cause conflicting errors with "resolve" settings in webpack
+    "import/no-extraneous-dependencies": [0],
+    "import/no-unresolved": [0],
+    "import/extensions": [0],
   },
   "globals": {
     "__DEV__": false,

CHANGELOG.md

@@ -0,0 +1,21 @@
+# Change Log
+
+## 0.2.0
+
+### Added
+- Change log
+- SASS (SCSS) Loader
+- Define `jsonpFunction` name in `webpack.config.js`, to reduce chances of conflicts
+
+### Changed
+- `<Grid>` now use flexbox
+- Upgraded various dependencies. Notably:
+  - React/ReactDOM to v16.2.0
+  - Webpack to v3.10.0
+- No longer import the entire `lodash` library to reduce bundle size
+- Moved `layouts` components to `components`
+- Included rendered components within `containers`, except for `<Filters>`,
+  which is used with and without redux
+
+### Fixed
+- Various lint errors, due to bumping versions of eslint and its extensions

README.md

@@ -79,8 +79,7 @@ you should be able to access this tool by navigating your browser to
 ├── src                         # application source code
 │   ├── components              # reusable components
 │   ├── constants               # static data, such as configurations
-│   ├── containers              # container components
-│   ├── layouts                 # layout components for major structures
+│   ├── containers              # container components, connected to Redux store
 │   ├── lib                     # custom helper libraries
 │   ├── modules                 # redux store modules, includes constants, actions and reducers
 │   ├── reducers                # collection of reducers from all modules

dev/custom.css

@@ -132,10 +132,10 @@ body {
 .siteOuterWrapper {
   border-top: 6px solid #075290;
   background-color: #FFFFFF;
-  min-width: 950px;
+  /*min-width: 950px;*/
 }
 .siteInnerWrapper {
-  width: 1185px;
+  /*width: 1185px;*/
 }
 
 #siteHeader .appLogo a {
@@ -344,7 +344,7 @@ body {
 }
 
 .siteContentWrapper {
-  padding: 0;
+  padding: 0 2em;
   /*CDC Footer is 95px tall*/
   padding-bottom: 95px !important;
 }
@@ -1741,7 +1741,7 @@ VIDEOS PAGE
 /* Responsive Design */
 @media only screen and (min-width: 0px) and (max-width: 1200px) {
   .siteInnerWrapper {
-    width: 950px;
+    /*width: 950px;*/
   }
   .cdc-home #intro .component-Carousel {
     width: 440px;