add renderTag prop for custom wrapper

Author: vkbansal

README.md

@@ -238,6 +238,15 @@ 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.
 
+## Customization
+The higher order component created using `ContextMenuLayer` can accept the following props.
+
+**renderTag**
+
+Type: React Element (optional)
+
+The element inside which the Component must be wrapped. By default `div` is used. But this prop can used to customize it.
+
 ## Credits
 This project is based on the ideas from [react-dnd](https://github.com/gaearon/react-dnd) by [Dan Abramov](https://github.com/gaearon).
 

src/contextmenu-layer.js

@@ -6,8 +6,6 @@ import _isObject from "lodash.isobject";
 
 import store from "./redux/store";
 
-let { Component } = React;
-
 export default function(identifier, configure) {
     return function(Component) {
         const displayName = Component.displayName
@@ -33,6 +31,11 @@ export default function(identifier, configure) {
 
         return React.createClass({
             displayName: `${displayName}ContextMenuLayer`,
+            getDefaultProps() {
+                return {
+                    renderTag: "div"
+                };
+            },
             handleContextClick(event) {
                 let currentItem = typeof configure === "function"
                     ? configure(this.props)
@@ -57,12 +60,10 @@ export default function(identifier, configure) {
                 });
             },
             render() {
-                return (
-                    <div className="react-context-menu-wrapper"
-                        onContextMenu={this.handleContextClick}>
-                        <Component {...this.props}/>
-                    </div>
-                );
+                return React.createElement(this.props.renderTag, {
+                    className: "react-context-menu-wrapper",
+                    onContextMenu: this.handleContextClick
+                }, React.createElement(Component, this.props));
             }
         });
     };