v2.0.0 Beta 4 (prescottprue#222)

* Fixes issue with deep listener paths - prescottprue#219, prescottprue#221
* react `v16.0.0-0` added to peer dependencies
* Webpack updated to `v3.4.1`
* `presence` and `sessions` options support passing a function:
  ```js
  {
    userProfile: 'users',
    // list of online users organize by group parameter
    presence: (user) => `presence/${user.group}`,
    sessions: (user) => `sessions/${user.group}`
  }
  ```
* `sessions` option can now be set to null to not writing user sessions when using `presence`
* Removed unnecessary constructor from `FirebaseConnect` component
* `combineReducers` is now internal instead of being imported from redux (shrinks bundle size and limits dependencies)
* [Material-UI example](https://github.com/prescottprue/react-redux-firebase/tree/v2.0.0/examples/complete/material) updates (Navbar state uses auth state instead of profile state)

Author: prescottprue

docs/api/connect.md

@@ -44,8 +44,6 @@ to provided firebase paths using React's Lifecycle hooks.
 
 **Parameters**
 
--   `props`  
--   `context`  
 -   `watchArray` **[Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)** Array of objects or strings for paths to sync
     from Firebase. Can also be a function that returns the array. The function
     is passed the current props and the firebase object.

docs/api/constants.md

@@ -71,11 +71,12 @@ Default configuration options
 
 -   `userProfile` **[String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** `null` Location on Firebase where user
     profiles are stored. Often set to `'users'`.
--   `presence` **[String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** `null` Location on Firebase where of currently
-    online users is stored. Often set to `'presence'` or `'onlineUsers'`.
--   `sessions` **[String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** `sessions` Location on Firebase where user
+-   `presence` **([String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) \| [Function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function))** `null` Location on Firebase where of currently
+    online users is stored. Often set to `'presence'` or `'onlineUsers'`. If a function
+    is passed, the arguments are: `(currentUser, firebase)`.
+-   `sessions` **([String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) \| [Function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function))** `sessions` Location on Firebase where user
     sessions are stored (only if presense is set). Often set to `'sessions'` or
-    `'userSessions'`.
+    `'userSessions'`. If a function is passed, the arguments are: `(currentUser, firebase)`.
 -   `enableLogging` **[Boolean](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** `false` Whether or not firebase
     database logging is enabled.
 -   `preserveOnLougout` **[Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)** `null` Data parameters to preserve when

docs/api/firebaseInstance.md

@@ -44,7 +44,8 @@ Sets data to Firebase.
 _Basic_
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 const Example = ({ firebase: { set } }) => (
   <button onClick={() => set('some/path', { here: 'is a value' })}>
@@ -86,7 +87,8 @@ Pushes data to Firebase.
 _Basic_
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 const Example = ({ firebase: { push } }) => (
   <button onClick={() => push('some/path', true)}>
@@ -126,7 +128,8 @@ Updates data on Firebase and sends new data.
 _Basic_
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 const Example = ({ firebase: { update } }) => (
   <button onClick={() => update('some/path', { here: 'is a value' })}>
@@ -166,7 +169,8 @@ Removes data from Firebase at a given path.
 _Basic_
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 const Example = ({ firebase: { remove } }) => (
   <button onClick={() => remove('some/path')}>
@@ -181,7 +185,8 @@ Returns **[Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe
 ## uniqueSet
 
 Sets data to Firebase only if the path does not already
-exist, otherwise it rejects.
+exist, otherwise it rejects. Internally uses a Firebase transaction to
+prevent a race condition between seperate clients calling uniqueSet.
 
 **Parameters**
 
@@ -194,7 +199,8 @@ exist, otherwise it rejects.
 _Basic_
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 const Example = ({ firebase: { uniqueSet } }) => (
   <button onClick={() => uniqueSet('some/unique/path', true)}>

docs/getting_started.md

@@ -96,9 +96,10 @@ View the [config section](/config.html) for full list of configuration options.
 ## Use in Components
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
-import { firebaseConnect, isLoaded, isEmpty, dataToJS } from 'react-redux-firebase'
+import { firebaseConnect, isLoaded, isEmpty } from 'react-redux-firebase'
 
 @firebaseConnect([
   'todos' // corresponds to 'todos' root on firebase

docs/recipes/actions.md

@@ -26,7 +26,8 @@ export default firebaseConnect()(SimpleComponent)
 #### Stateful Component
 
 ```js
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 
 @firebaseConnect()

docs/recipes/routing.md

@@ -13,7 +13,8 @@ Progress on supporting react-router 4 [is tracked within this issue](https://git
 Routing can be changed based on data by using react lifecycle hooks such as `componentWillMount`, and `componentWillReceiveProps` to route users. This can be particularly useful when doing things such as route protection (only allowing user to view a route if they are logged in):
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { firebaseConnect, isLoaded, isEmpty } from 'react-redux-firebase'
 

docs/storage.md

@@ -43,7 +43,8 @@ Available on `this.props.firebase` and `getFirebase`.
 #### Example
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 
 @firebaseConnect()
@@ -79,7 +80,8 @@ Access to Firebase's `storage` is available. This is useful for calling methods
 ##### File String Upload
 
 ```javascript
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { firebaseConnect } from 'react-redux-firebase'
 
 @firebaseConnect()

examples/complete/material/src/containers/Navbar/Navbar.js

@@ -61,8 +61,9 @@ export default class Navbar extends Component {
   }
 
   render () {
-    const { profile } = this.props
+    const { profile, auth } = this.props
     const profileExists = isLoaded(profile) && !isEmpty(profile)
+    const authExists = isLoaded(auth) && !isEmpty(auth)
 
     const iconButton = (
       <IconButton style={avatarStyles.button} disableTouchRipple>
@@ -93,7 +94,7 @@ export default class Navbar extends Component {
       </div>
     )
 
-    const rightMenu = profileExists ? (
+    const rightMenu = authExists ? (
       <IconMenu
         iconButtonElement={iconButton}
         targetOrigin={{ horizontal: 'right', vertical: 'bottom' }}
@@ -115,15 +116,15 @@ export default class Navbar extends Component {
       <AppBar
         title={
           <Link
-            to={accountExists ? `${LIST_PATH}` : '/'}
+            to={authExists ? `${LIST_PATH}` : '/'}
             className={classes.brand}
           >
             material example
           </Link>
         }
         showMenuIconButton={false}
         iconElementRight={rightMenu}
-        iconStyleRight={profileExists ? avatarStyles.wrapper : {}}
+        iconStyleRight={authExists ? avatarStyles.wrapper : {}}
         className={classes.appBar}
       />
     )

examples/snippets/stateBasedQuery/Todos.js

@@ -1,4 +1,5 @@
-import react, { Component, PropTypes } from 'react'
+import react, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import {
   firebaseConnect,