BAH 1231 | Validate PR for form-controls

.github/workflows/validate_pr.yaml

@@ -0,0 +1,24 @@
+name: Validate PR
+
+on: 
+  pull_request:
+    branches:
+      - master
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Setup Node
+      uses: actions/setup-node@v1
+      with:
+        node-version: '14.17.0'
+    - name: Setup Java 8
+      uses: actions/setup-java@v2
+      with:
+        distribution: 'adopt'
+        java-version: '8'
+    - name: Install Dependencies    
+      run: yarn
+    - name: Build production bundle
+      run: yarn build

package.json

@@ -25,6 +25,7 @@
   "devDependencies": {
     "@kadira/storybook": "^2.21.0",
     "@kadira/storybook-deployer": "^1.2.0",
+    "ansi-regex": "^4.0.1",
     "babel-cli": "^6.11.4",
     "babel-core": "^6.10.4",
     "babel-eslint": "^6.1.2",
@@ -38,32 +39,34 @@
     "core-js": "^2.4.1",
     "css-loader": "^0.25.0",
     "enzyme": "^3.6.0",
-    "eslint": "^3.9.0",
-    "eslint-config-airbnb": "^6.2.0",
+    "eslint": "^8.0.0",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-import-resolver-webpack": "^0.4.0",
     "eslint-loader": "^1.4.1",
-    "eslint-plugin-import": "^1.11.1",
-    "eslint-plugin-jsx-a11y": "^2.0.1",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-jsx-control-statements": "^2.1.1",
     "eslint-plugin-react": "^5.2.2",
-    "extract-text-webpack-plugin": "^1.0.1",
-    "fetch-mock": "^5.1.2",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "fetch-mock": "^9.11.0",
     "file-loader": "^0.11.1",
-    "image-webpack-loader": "^3.3.0",
-    "isparta-loader": "^2.0.0",
+    "image-webpack-loader": "^8.1.0",
+    "isparta-loader": "^1.0.0",
     "json-loader": "^0.5.4",
-    "karma": "^1.1.1",
+    "karma": "^6.4.1",
     "karma-chai": "^0.1.0",
     "karma-coverage": "^1.1.0",
-    "karma-jsdom-launcher": "^3.0.0",
+    "karma-jsdom-launcher": "^14.0.0",
     "karma-mocha": "^1.1.1",
     "karma-mocha-reporter": "^2.0.4",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^1.7.0",
     "karma-webpack-with-fast-source-maps": "^1.10.0",
-    "mocha": "^2.5.3",
-    "node-sass": "^3.10.1",
-    "react": "^16.12.0",
+    "less": "^4.1.1",
+    "less-loader": "7.3.0",
+    "lodash": "^4.17.21",
+    "mocha": "^8.2.0",
+    "postcss-loader": "^7.0.0",
     "react-addons-test-utils": "^15.4.1",
     "react-dom": "^16.12.0",
     "react-json-syntax-highlighter": "^0.1.15",
@@ -72,16 +75,24 @@
     "sass-loader": "^4.0.2",
     "sinon": "^2.0.0-pre.2",
     "sinon-stub-promise": "^4.0.0",
-    "style-loader": "^0.13.1",
-    "webpack": "^1.13.1",
-    "webpack-dev-server": "^1.14.1"
+    "style-loader": "^2.0.0",
+    "webpack": "^3.12.0",
+    "webpack-cli": "^3.0.0",
+    "webpack-dev-server": " 4.11.1"
   },
   "dependencies": {
+    "ansi-regex": "^4.0.1",
     "base64-inline-loader": "^1.1.0",
     "classnames": "^2.2.5",
+    "enhanced-resolve": "^5.12.0",
     "enzyme-adapter-react-16": "^1.1.0",
+    "imagemin-pngquant": "^8.0.0",
     "immutable": "3.8.1",
-    "lodash": "4.17.12",
+    "lodash": "^4.17.21",
+    "lodash.isfunction": "^3.0.9",
+    "node-gyp-build": "^4.6.0",
+    "node-sass": "^4.14.1",
+    "npm": "^3.0.0",
     "prop-types": "^15.6.2",
     "react-intl": "^3.12.0",
     "react-select": "^1.0.0-rc.2",
@@ -90,16 +101,17 @@
     "sinon-as-promised": "^4.0.3",
     "whatwg-fetch": "^1.0.0"
   },
-  "resolutions": { 
-    "**/**/lodash": "^4.17.12",
+  "resolutions": {
+    "**/**/lodash": "^4.17.21",
     "**/**/lodash-es": "^4.17.14",
     "**/**/mixin-deep": "^1.3.2",
     "**/**/set-value": "^2.0.1",
-    "**/**/decompress": "^4.2.1",
+    "**/**/decompress": "^3.0.0",
     "**/**/xmlhttprequest-ssl": "^1.6.1",
     "**/**/open": "^6.0.0",
     "**/**/lodash.template": "^4.5.0",
     "**/**/growl": "^1.10.0",
-    "**/**/handlebars": "^4.7.7"
+    "**/**/handlebars": "^4.7.7",
+    "**/**/image-webpack-loader": "^5.0.1"
   }
 }

webpack.config.js

@@ -37,7 +37,7 @@ module.exports = {
     loaders: [
       {
         test: /\.(js|jsx)$/,
-        loaders: ['babel'],
+        loaders: ['babel-loader'],
         include: path.join(__dirname, 'src')
       },
       {
@@ -46,7 +46,7 @@ module.exports = {
       },
       {
         test: /\.scss$/,
-        loaders: ["style", "css", "sass"]
+        loaders: ["style-loader", "css-loader", "sass-loader"]
       },
       {
         test: /\.(jpe?g|png|gif|svg)$/i,