2.0.0

Author: MoOx

.flowconfig

@@ -8,7 +8,6 @@
 node_modules
 
 [libs]
-node_modules/flow-interfaces/interfaces
 interfaces
 
 [options]

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 2.0.0 - 2016-04-01
+
+- react 16 compat
+- update props type via babel-plugin-flow-react-proptypes
+- use of babel-preset-env for transpilation instead of es2015
+
 # 1.0.0 - 2016-04-01
 
 ✨ Initial release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-topbar-progress-indicator",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "topbar progress indicator React component",
   "keywords": [
     "react",
@@ -25,27 +25,26 @@
   },
   "devDependencies": {
     "ava": "^0.13.0",
-    "babel-cli": "^6.3.17",
-    "babel-core": "^6.3.26",
-    "babel-eslint": "^6.0.0-beta.6",
+    "babel-cli": "^6.4.0",
+    "babel-core": "^6.4.0",
+    "babel-eslint": "^6.0.0",
     "babel-plugin-flow-react-proptypes": "^2.2.1",
-    "babel-preset-es2015": "^6.3.13",
-    "babel-preset-react": "^6.3.13",
-    "babel-preset-stage-1": "^6.3.13",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-react": "^6.4.0",
+    "babel-preset-stage-2": "^6.4.0",
     "coveralls": "^2.11.9",
     "eslint": "^2.0.0",
     "eslint-config-i-am-meticulous": "^4.1.0",
     "eslint-loader": "^1.3.0",
     "eslint-plugin-ava": "^1.3.1",
     "eslint-plugin-flow-vars": "^0.2.1",
     "eslint-plugin-react": "^4.0.0",
-    "flow-bin": "^0.22.1",
-    "flow-interfaces": "^0.5.0",
+    "flow-bin": "^0.54.0",
     "npmpub": "^3.0.0",
     "nyc": "^6.1.1",
-    "react": "^15.0.0-rc.2",
-    "react-addons-test-utils": "^15.0.0-rc.2",
-    "react-dom": "^15.0.0-rc.2"
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
+    "react-test-renderer": "^16.0.0"
   },
   "scripts": {
     "transpile": "babel --ignore __tests__ --copy-files src --out-dir lib",
@@ -63,9 +62,9 @@
   },
   "babel": {
     "presets": [
-      "babel-preset-react",
-      "babel-preset-es2015",
-      "babel-preset-stage-1"
+      "babel-preset-env",
+      "babel-preset-stage-2",
+      "babel-preset-react"
     ],
     "env": {
       "development": {

src/__tests__/index.js

@@ -1,7 +1,7 @@
 import test from "ava"
 
 import React from "react"
-import { createRenderer } from "react-addons-test-utils"
+import ShallowRenderer from "react-test-renderer/shallow"
 
 import ReactTopBar from "../index"
 
@@ -15,7 +15,7 @@ test("ReactTopBar can show topbar", (t) => {
     hide() {},
   }
 
-  const renderer = createRenderer()
+  const renderer = new ShallowRenderer()
   renderer.render(<ReactTopBar topbar={ topbar } />)
   renderer.getRenderOutput()
   renderer.unmount()
@@ -31,7 +31,7 @@ test("ReactTopBar can hide topbar", (t) => {
     },
   }
 
-  const renderer = createRenderer()
+  const renderer = new ShallowRenderer()
   renderer.render(<ReactTopBar topbar={ topbar } />)
   renderer.getRenderOutput()
   renderer.unmount()
@@ -49,7 +49,7 @@ test("ReactTopBar can show/hide topbar", (t) => {
     },
   }
 
-  const renderer = createRenderer()
+  const renderer = new ShallowRenderer()
   renderer.render(<ReactTopBar topbar={ topbar } />)
   renderer.getRenderOutput()
   renderer.unmount()
@@ -68,10 +68,10 @@ test("ReactTopBar can show/hide topbar even with multiples call, but once",
     },
   }
 
-  const renderer = createRenderer()
+  const renderer = new ShallowRenderer()
   renderer.render(<ReactTopBar topbar={ topbar } />)
   renderer.getRenderOutput()
-  const renderer2 = createRenderer()
+  const renderer2 = new ShallowRenderer()
   renderer2.render(<ReactTopBar topbar={ topbar } />)
   renderer2.getRenderOutput()
 

src/index.js

@@ -1,4 +1,4 @@
-/* @flow */
+// @flow
 
 /* eslint-disable no-unused-vars */
 // for React, since flow type is converted to props
@@ -26,26 +26,26 @@ const getTopBar = (props: Props): Topbar => {
   return props.topbar || topbar
 }
 
-class TopBar extends Component<void, Props, void> {
+class TopBar extends Component<Props> {
   props: Props;
 
-  static config: Function = topbar.config;
+  static config = topbar.config;
 
-  componentWillMount(): void {
+  componentWillMount() {
     if (semaphore === 0) {
       getTopBar(this.props).show()
     }
     semaphore++
   }
 
-  componentWillUnmount(): void {
+  componentWillUnmount() {
     semaphore--
     if (semaphore === 0) {
       getTopBar(this.props).hide()
     }
   }
 
-  render(): null {
+  render() {
     return null
   }
 }