Remove React Router integration.

Remove `RelocationRouter` component and related logic from state and connect component. Tightly binding this lib to React Router is not the best idea.

The behavior removed here can be easily replicated by manually dispatching `setComponent` from the `componentWillMount` and `removeComponent` from the `componentWillUnmount` method of a route handler component.

Author: Neal Granger

src/connect.js

@@ -32,15 +32,6 @@ export default ({scope, ...defaultProps} = {}) => (WrappedComponent) => {
       router: PropTypes.object,
     }
 
-    navigateToPath(path) {
-      // Check for the react-router context.
-      if (!this.context.router) {
-        return;
-      }
-
-      this.context.router.push(path);
-    }
-
     render() {
       const {components, renderMap} = this.props.___relocationState___;
       const {
@@ -56,9 +47,7 @@ export default ({scope, ...defaultProps} = {}) => (WrappedComponent) => {
           ...component,
           render: renderMap[component.type],
           update: (props) => updateComponent(component.id, props),
-          remove: typeof component.removePath === 'string'
-            ? () => this.navigateToPath(component.removePath)
-            : () => removeComponent(component.id),
+          remove: () => removeComponent(component.id),
         };
 
         if (scope) {

src/index.js

@@ -2,5 +2,4 @@ export {ADD_COMPONENT, REMOVE_COMPONENT} from './action';
 export {addComponent, removeComponent} from './action';
 export {default as relocation} from './connect';
 export {default as reducer} from './reducer';
-export {default as createRelocationRouter} from './router';
 export {default} from './connect';

src/reducer.js

@@ -4,7 +4,6 @@ import {
   SET_COMPONENT,
   UPDATE_COMPONENT,
   REMOVE_COMPONENT,
-  SET_ROUTE_COMPONENTS,
 } from './action';
 
 export default combineReducers({
@@ -25,9 +24,4 @@ export default combineReducers({
       state.filter((item) => item.id !== payload.id),
 
   }[action.type] || (() => state))(state, action),
-
-  routeComponents: (state = [], action) =>
-    action.type === SET_ROUTE_COMPONENTS
-      ? action.payload
-      : state,
 });

src/router.js

@@ -3,14 +3,5 @@ export const getRelocation = (state, props) =>
     ? props.getRelocationState(state, props)
     : state.relocation;
 
-export const getComponents = (state, props) => {
-  const routeComponents = getRelocation(state, props).routeComponents;
-  const components = getRelocation(state, props).components;
-
-  // Concat components and route components uniquely by id.
-  return routeComponents
-    .filter(({id: routeId}) =>
-      !components.filter(({id}) => id === routeId).length
-    )
-    .concat(components);
-};
+export const getComponents = (state, props) =>
+  getRelocation(state, props).components;

src/selector.js

@@ -15,7 +15,7 @@ export const componentShape = PropTypes.shape({
   scope: PropTypes.string,
   props: PropTypes.object,
   remove: PropTypes.func,
-  removePath: PropTypes.string,
+  update: PropTypes.func,
   render: renderShape,
 });