update docs and examples

Author: vkbansal

CHANGELOG.md

@@ -9,6 +9,9 @@ All the changes can be found below. Order used:
 - Fixed
 - Security
 
+## v1.2.0
+- Added `connect` helper to render different items based on which component was (right) clicked.
+
 ## v1.1.1
 
 ### Fixed

README.md

@@ -97,6 +97,7 @@ The module exports the following:
 - `MenuItem`
 - `SubMenu`
 - `monitor`
+- `connect`
 
 
 ### ContextMenu(props)
@@ -223,6 +224,20 @@ Type: `Function`
 
 A utility function to hide the currently active contextmenu programmatically.
 
+### connect(Menu)
+
+Type: `Function`
+
+Returns: React Component
+
+A simple wrapper to be used when different items must be rendered based on which component was (right) clicked.
+
+**Menu**
+
+Type: React Component
+
+The `Menu` component that needs to be updated depending on the current selection. The component will receive object from `monitor.getItem()` in its props with `item` as key. All the other props will be simply passed through.
+
 ## Credits
 This project is based on the ideas from [react-dnd](https://github.com/gaearon/react-dnd) by [Dan Abramov](https://github.com/gaearon).
 

examples/multiple-targets/menu.js

@@ -1,22 +1,28 @@
 "use strict";
 
 import React from "react";
-import { ContextMenu, MenuItem } from "../../src";
+import { ContextMenu, MenuItem, connect } from "../../src";
 import MenuTypes from "./constants";
 
 const Menu = React.createClass({
     displayName: "Menu",
     handleClick(e, data) {
         this.props.addLog(`Clicked on menu ${data.item} on ${data.name}`);
     },
+    handleEat(e, data) {
+        this.props.addLog(`Must Eat ${data.name}`);
+    },
     render() {
+        let { name } = this.props.item;
+
         return (
             <ContextMenu identifier={MenuTypes.multi}>
                 <MenuItem onClick={this.handleClick} data={{item: "item 1"}}>Menu Item 1</MenuItem>
                 <MenuItem onClick={this.handleClick} data={{item: "item 2"}}>Menu Item 2</MenuItem>
+                <MenuItem onClick={this.handleEat}>Eat {name}</MenuItem>
             </ContextMenu>
         );
     }
 });
 
-export default Menu;
+export default connect(Menu);