chore: upgrade deps and react-flag-icon to version 1.0.14

Author: matteocng

package.json

@@ -37,46 +37,43 @@
     "flow"
   ],
   "dependencies": {
-    "node-sass": "^4.1.1",
-    "react": "^15.3.1",
-    "react-css-modules": "^4.0.0",
-    "react-dom": "^15.3.1",
-    "react-flag-icon-css": "^1.0.7",
-    "tcomb": "^3.2.16",
-    "webpack": "^2.2.0-rc.3",
-    "webpack-dev-server": "^2.2.0-rc.0"
+    "node-sass": "^4.5.3",
+    "react": "^15.5.4",
+    "react-css-modules": "^4.0.5",
+    "react-dom": "^15.5.4",
+    "react-flag-icon-css": "^1.0.14",
+    "webpack": "^2.5.1",
+    "webpack-dev-server": "^2.4.5"
   },
   "devDependencies": {
     "babel-cli": "^6.18.0",
     "babel-core": "^6.21.0",
     "babel-eslint": "^7.1.1",
     "babel-loader": "^6.2.10",
     "babel-plugin-transform-object-rest-spread": "^6.20.2",
-    "babel-preset-es2015": "^6.18.0",
-    "babel-preset-react": "^6.16.0",
-    "babel-register": "^6.18.0",
-    "css-loader": "^0.26.1",
-    "eslint": "^3.12.2",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "babel-register": "^6.24.1",
+    "css-loader": "^0.28.1",
+    "eslint": "^3.19.0",
     "eslint-config-airbnb": "^13.0.0",
     "eslint-plugin-babel": "^4.0.0",
     "eslint-plugin-flowtype": "^2.29.1",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^2.2.3",
     "eslint-plugin-react": "^6.8.0",
-    "extract-text-webpack-plugin": "^2.0.0-beta.4",
+    "extract-text-webpack-plugin": "^2.1.0",
     "file-loader": "^0.9.0",
-    "flow-bin": "^0.37.4",
-    "html-webpack-plugin": "^2.25.0",
+    "flow-bin": "^0.46.0",
+    "html-webpack-plugin": "^2.28.0",
     "json-loader": "^0.5.4",
-    "postcss-loader": "^1.2.1",
+    "postcss-loader": "^2.0.5",
     "pre-commit": "^1.2.2",
-    "react-flag-icon-css": "^1.0.7",
+    "react-flag-icon-css": "^1.0.14",
     "sass-lint": "^1.10.2",
-    "sass-loader": "^4.1.0",
+    "sass-loader": "^6.0.5",
     "style-loader": "^0.13.1",
-    "tcomb": "^3.2.16",
-    "tcomb-react": "^0.9.3",
-    "webpack": "^2.2.0-rc.3",
-    "webpack-dev-server": "^2.2.0-rc.0"
+    "webpack": "^2.5.1",
+    "webpack-dev-server": "^2.4.5"
   }
 }

postcss.config.js

@@ -1,3 +1,9 @@
+/**
+ * Note: this file doesn't have to contain SASS, you can write it in simple Css,
+ * PostCSS, or whatever preprocessor your app is using. See below for the Css
+ * version.
+*/
+
 $flag-icon-css-path: './images' !default;
 @import '../../node_modules/flag-icon-css/sass/variables';
 @import '../../node_modules/flag-icon-css/sass/flag-icon-base';
@@ -9,3 +15,30 @@ $flag-icon-css-path: './images' !default;
 .theme-base {
   cursor: default; // just a placeholder
 }
+
+// Css version of this file.
+/*
+.flag-icon-w1 {
+  background-image: url(./images/4x3/w1.svg);
+}
+
+.flag-icon-w1.flag-icon-squared {
+  background-image: url(./images/1x1/w1.svg);
+}
+
+.flag-icon-w2 {
+  background-image: url(./images/4x3/w2.svg);
+}
+
+.flag-icon-w2.flag-icon-squared {
+  background-image: url(./images/1x1/w2.svg);
+}
+
+.flag-icon-w3 {
+  background-image: url(./images/4x3/w3.svg);
+}
+
+.flag-icon-w3.flag-icon-squared {
+  background-image: url(./images/1x1/w3.svg);
+}
+*/

src/meta-flags-css/CustomFlags.scss

@@ -1 +1,10 @@
-export { default } from './CustomFlags.scss'
+export { default as styles } from './CustomFlags.scss'
+
+export const codes = {
+  w1: 'Example 1 country',
+  w2: 'Example 2 country',
+  w3: 'Example 3 country',
+}
+
+// You can comment or remove the following line if you don't use Facebook's Flow.
+export type CustomCodeType = $Keys<typeof codes>

src/meta-flags-css/index.js

@@ -24,14 +24,18 @@ const getRules = options => {
     {
       test: CSS_REGEX,
       loader: ExtractTextPlugin.extract({
-        fallbackLoader: "style-loader",
-        loader: [
+        fallback: "style-loader",
+        use: [
           { loader: 'css-loader', query: {
             modules: useCssModules,
             importLoaders: useCssModules ? 2 : '',
             localIdentName: useCssModules ? '[name]__[local]__[hash:base64:5]' : ''
           } },
-          { loader: 'postcss-loader' },
+          { loader: 'postcss-loader', options: {
+            plugins: [
+              autoprefixer({ browsers: ['last 4 versions'] }),
+            ],
+          } },
           { loader: 'sass-loader', options: {} }
         ]
       }),