Refac onChange event arg of State Containers (#108)

* onChangeBinder

* onChangeProp

* first try with Active

* write failing tests

* rewrite all components' onChange

* update onChange docs

* fix flow types

Author: renatorib

.size-snapshot.json

@@ -1,18 +1,18 @@
 {
   "dist/react-powerplug.umd.js": {
-    "bundled": 23332,
-    "minified": 9312,
-    "gzipped": 2536
+    "bundled": 23340,
+    "minified": 9379,
+    "gzipped": 2578
   },
   "dist/react-powerplug.cjs.js": {
-    "bundled": 20402,
-    "minified": 10586,
-    "gzipped": 2413
+    "bundled": 20442,
+    "minified": 10525,
+    "gzipped": 2470
   },
   "dist/react-powerplug.esm.js": {
-    "bundled": 19740,
-    "minified": 10026,
-    "gzipped": 2275,
+    "bundled": 19780,
+    "minified": 9965,
+    "gzipped": 2334,
     "treeshaked": {
       "rollup": {
         "code": 365,

docs/components/Active.md

@@ -19,7 +19,8 @@ import { Active } from 'react-powerplug'
 
 ## Active Props
 
-_Don't have props_
+**onChange** _(optional)_  
+The onChange event of the Active is called whenever the isActive state changes.
 
 ## Active Children Props
 

docs/components/Counter.md

@@ -26,6 +26,9 @@ import { Counter } from 'react-powerplug'
 Specifies the initial count state, must be an number.
 By default, the initial count state is 0.
 
+**onChange** _(optional)_  
+The onChange event of the Counter is called whenever the count state changes.
+
 ## Counter Children Props
 
 TL;DR: `{ count, inc, dec }`

docs/components/Focus.md

@@ -20,7 +20,8 @@ import { Focus } from 'react-powerplug'
 
 ## Focus Props
 
-_Don't have props_
+**onChange** _(optional)_  
+The onChange event of the Focus is called whenever the isFocused state changes.
 
 ## Focus Children Props
 

docs/components/Hover.md

@@ -19,7 +19,8 @@ import { Hover } from 'react-powerplug'
 
 ## Hover Props
 
-_Don't have props_
+**onChange** _(optional)_  
+The onChange event of the Hover is called whenever the isHovered state changes.
 
 ## Hover Children Props
 

docs/components/Input.md

@@ -24,6 +24,9 @@ import { Input } from 'react-powerplug'
 Specifies the initial value state.  
 By default, the initial count state is an empty string.
 
+**onChange** _(optional)_  
+The onChange event of the Input is called whenever the value state changes.
+
 ## Input Children Props
 
 TL;DR: `{ value, set, bind }`

docs/components/List.md

@@ -28,7 +28,7 @@ Specifies the initial list state, must be an array.
 By default, the initial list state is an empty array.
 
 **onChange** _(optional)_  
-Callback that fires when state changes.
+The onChange event of the List is called whenever the list state changes.
 
 ## List Children Props
 

docs/components/Map.md

@@ -33,6 +33,9 @@ import { Map } from 'react-powerplug'
 Specifies the initial state, must be an object.  
 By default, the initial count state is an empty object
 
+**onChange** _(optional)_  
+The onChange event of the Map is called whenever the state changes.
+
 ## Map Children Props
 
 TL;DR: `{ values, set, get }`

docs/components/State.md

@@ -25,6 +25,9 @@ import { State } from 'react-powerplug'
 Specifies the initial state, must be an object.
 By default, the initial state is an empty object.
 
+**onChange** _(optional)_  
+The onChange event of the State is called whenever the state changes.
+
 ## State Children Props
 
 TL;DR: `{ state, setState }`

docs/components/Toggle.md

@@ -19,7 +19,7 @@ Specifies the initial on state, must be an boolean.
 By default, the initial on state is false.
 
 **onChange** _(optional)_  
-Callback that fires when state changes.
+The onChange event of the Toggle is called whenever the on state changes.
 
 ## Toggle Children Props