Get rid of jsx extensions 🔮

.bumpedrc

@@ -3,9 +3,7 @@ files: [
 ]
 
 plugins:
-
   prerelease:
-
     'Linting config files':
       plugin: 'bumped-finepack'
 
@@ -18,7 +16,6 @@ plugins:
       command: 'npm run prepublish'
 
   postrelease:
-
     'Commiting new version':
       plugin: 'bumped-terminal'
       command: 'git add package.json && git commit package.json -m "$newVersion release" && git push origin master'

components/_globals.scss

@@ -54,30 +54,28 @@ $z-index-normal: 1 !default;
 $z-index-low: -100 !default;
 $z-index-lower: -200 !default;
 
-
 //-- Breakpoints
 // height of app bar
 // https://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-keylines-spacing
-$standard-increment-mobile:                          (5.6 * $unit) !default;
-$standard-increment-desktop:                         (6.4 * $unit) !default;
+$standard-increment-mobile: (5.6 * $unit) !default;
+$standard-increment-desktop: (6.4 * $unit) !default;
 
 // https://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-baseline-grids
-$baseline-grid:                                      (0.8 * $unit) !default;
-$layout-gutter-width-sm:                      ($baseline-grid * 2) !default;
-$layout-gutter-width:                         ($baseline-grid * 3) !default;
-
+$baseline-grid: (0.8 * $unit) !default;
+$layout-gutter-width-sm: ($baseline-grid * 2) !default;
+$layout-gutter-width: ($baseline-grid * 3) !default;
 
 // https://www.google.com/design/spec/layout/responsive-ui.html#responsive-ui-breakpoints
 // 4 columns
-$layout-breakpoint-xxs:                               480px !default;
+$layout-breakpoint-xxs: 480px !default;
 // 8 columns
-$layout-breakpoint-xs:                                600px !default;
+$layout-breakpoint-xs: 600px !default;
 // 12 columns
-$layout-breakpoint-sm-tablet:                         720px !default;
-$layout-breakpoint-sm:                                840px !default;
-$layout-breakpoint-md:                                960px !default;
-$layout-breakpoint-lg-tablet:                        1024px !default;
-$layout-breakpoint-lg:                               1280px !default;
-$layout-breakpoint-xl:                               1440px !default;
-$layout-breakpoint-xxl:                              1600px !default;
-$layout-breakpoint-xxxl:                             1920px !default;
+$layout-breakpoint-sm-tablet: 720px !default;
+$layout-breakpoint-sm: 840px !default;
+$layout-breakpoint-md: 960px !default;
+$layout-breakpoint-lg-tablet: 1024px !default;
+$layout-breakpoint-lg: 1280px !default;
+$layout-breakpoint-xl: 1440px !default;
+$layout-breakpoint-xxl: 1600px !default;
+$layout-breakpoint-xxxl: 1920px !default;

components/app_bar/style.scss

@@ -19,7 +19,7 @@
     top: 0;
     right: 0;
     left: 0;
-    z-index: $z-index-high;
+    z-index: $z-index-highest;
   }
 
   a {

docs/app/components/layout/main/index.js

@@ -3,8 +3,8 @@ import ReactDOM from 'react-dom';
 import { Button } from 'react-toolbox';
 import Appbar from '../../../components/appbar';
 import Markdown from '../../../components/markdown';
-import Playground from './components/playground';
-import MainNavigation from './components/navigation';
+import Playground from './components/playground.js';
+import MainNavigation from './components/navigation.js';
 import BaseDocs from './modules/components.md';
 import components from './modules/components.js';
 import style from './style';

docs/app/components/layout/main/style.scss

@@ -15,7 +15,7 @@ hr {
   position: fixed;
   top: $appbar-height - ($button-floating-height / 2);
   right: $button-floating-height / 2;
-  z-index: $z-index-higher;
+  z-index: $z-index-highest;
 }
 
 .documentation {

docs/webpack.config.development.js

@@ -9,7 +9,7 @@ module.exports = {
 	devtool: 'inline-source-map',
   entry: [
     'webpack-hot-middleware/client',
-    './app/index.jsx'
+    './app/index.js'
   ],
   output: {
     path: path.join(__dirname, 'build'),
@@ -17,7 +17,7 @@ module.exports = {
     publicPath: '/'
   },
   resolve: {
-    extensions: ['', '.jsx', '.scss', '.js', '.json', '.md'],
+    extensions: ['', '.scss', '.js', '.json', '.md'],
     packageMains: ['browser', 'web', 'browserify', 'main', 'style'],
     alias: {
       'react-toolbox': path.resolve(__dirname + './../components')
@@ -32,7 +32,7 @@ module.exports = {
   module: {
     loaders: [
       {
-        test: /\.(js|jsx)$/,
+        test: /\.js$/,
         exclude: /(node_modules)/,
         loader: 'babel'
       }, {

docs/webpack.config.production.js

@@ -7,13 +7,13 @@ const TransferWebpackPlugin = require('transfer-webpack-plugin');
 
 module.exports = {
   context: __dirname,
-  entry: ['./app/index.jsx'],
+  entry: ['./app/index.js'],
   output: {
     path: path.join(__dirname, 'build'),
     filename: 'docs.js'
   },
   resolve: {
-    extensions: ['', '.jsx', '.scss', '.js', '.json', '.md'],
+    extensions: ['', '.scss', '.js', '.json', '.md'],
     packageMains: ['browser', 'web', 'browserify', 'main', 'style'],
     alias: {
       'react-toolbox': path.resolve(__dirname + './../components')
@@ -28,7 +28,7 @@ module.exports = {
   module: {
     loaders: [
       {
-        test: /\.(js|jsx)$/,
+        test: /\.js$/,
         exclude: /(node_modules)/,
         loader: 'babel'
       }, {

package.json

@@ -96,7 +96,7 @@
     "build": "cross-env NODE_ENV=production npm run babel && npm run sass",
     "clean": "rimraf ./lib",
     "lint": "npm run lint:js && npm run lint:scss",
-    "lint:js": "eslint ./ --ext .js,.jsx",
+    "lint:js": "eslint ./ --ext .js",
     "lint:scss": "sass-lint ./components/**/*.scss -v -i ./components/slider/style.scss",
     "patch": "bumped release patch",
     "prebuild": "npm run clean",