Added Y position for context menu

247software-akash-depra · 247software-akash-depra · commit e5e0d0dc1249 · 2018-07-20T19:55:17.000+05:30
diff --git a/coverage/clover.xml b/coverage/clover.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1532096164266" clover="3.2.0">
-  <project timestamp="1532096164267" name="All files">
+<coverage generated="1532096688222" clover="3.2.0">
+  <project timestamp="1532096688222" name="All files">
     <metrics statements="267" coveredstatements="91" conditionals="193" coveredconditionals="43" methods="72" coveredmethods="28" elements="532" coveredelements="162" complexity="0" loc="267" ncloc="267" packages="1" files="7" classes="7">
       <file name="AbstractMenu.js" path="/home/newISS/Documents/NewFramework/R&D/react-contextmenu/src/AbstractMenu.js">
         <metrics statements="64" coveredstatements="16" conditionals="51" coveredconditionals="8" methods="12" coveredmethods="4"/>
diff --git a/coverage/lcov-report/AbstractMenu.js.html b/coverage/lcov-report/AbstractMenu.js.html
@@ -505,7 +505,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/ContextMenu.js.html b/coverage/lcov-report/ContextMenu.js.html
@@ -667,7 +667,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/MenuItem.js.html b/coverage/lcov-report/MenuItem.js.html
@@ -271,7 +271,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/SubMenu.js.html b/coverage/lcov-report/SubMenu.js.html
@@ -850,7 +850,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/actions.js.html b/coverage/lcov-report/actions.js.html
@@ -151,7 +151,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/globalEventListener.js.html b/coverage/lcov-report/globalEventListener.js.html
@@ -184,7 +184,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/helpers.js.html b/coverage/lcov-report/helpers.js.html
@@ -139,7 +139,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/coverage/lcov-report/index.html b/coverage/lcov-report/index.html
@@ -158,7 +158,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:46:04 GMT+0530 (IST)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jul 20 2018 19:54:48 GMT+0530 (IST)
 </div>
 </div>
 <script src="prettify.js"></script>
diff --git a/dist/react-contextmenu.js b/dist/react-contextmenu.js
diff --git a/es6/ContextMenuTrigger.js b/es6/ContextMenuTrigger.js
@@ -82,6 +82,9 @@ var ContextMenuTrigger = function (_Component) {
             if (_this.props.posX) {
                 x -= _this.props.posX;
             }
+            if (_this.props.posY) {
+                y -= _this.props.posY;
+            }
 
             hideMenu();
 
@@ -140,6 +143,7 @@ ContextMenuTrigger.propTypes = {
     disable: PropTypes.bool,
     holdToDisplay: PropTypes.number,
     posX: PropTypes.number,
+    posY: PropTypes.number,
     renderTag: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
 };
 ContextMenuTrigger.defaultProps = {
@@ -151,6 +155,7 @@ ContextMenuTrigger.defaultProps = {
     disable: false,
     holdToDisplay: 1000,
     renderTag: 'div',
-    posX: 0
+    posX: 0,
+    posY: 0
 };
 export default ContextMenuTrigger;
diff --git a/modules/ContextMenuTrigger.js b/modules/ContextMenuTrigger.js
@@ -102,6 +102,9 @@ var ContextMenuTrigger = function (_Component) {
             if (_this.props.posX) {
                 x -= _this.props.posX;
             }
+            if (_this.props.posY) {
+                y -= _this.props.posY;
+            }
 
             (0, _actions.hideMenu)();
 
@@ -160,6 +163,7 @@ ContextMenuTrigger.propTypes = {
     disable: _propTypes2.default.bool,
     holdToDisplay: _propTypes2.default.number,
     posX: _propTypes2.default.number,
+    posY: _propTypes2.default.number,
     renderTag: _propTypes2.default.oneOfType([_propTypes2.default.node, _propTypes2.default.func])
 };
 ContextMenuTrigger.defaultProps = {
@@ -171,6 +175,7 @@ ContextMenuTrigger.defaultProps = {
     disable: false,
     holdToDisplay: 1000,
     renderTag: 'div',
-    posX: 0
+    posX: 0,
+    posY: 0
 };
 exports.default = ContextMenuTrigger;
diff --git a/src/ContextMenuTrigger.js b/src/ContextMenuTrigger.js
@@ -15,6 +15,7 @@ export default class ContextMenuTrigger extends Component {
         disable: PropTypes.bool,
         holdToDisplay: PropTypes.number,
         posX: PropTypes.number,
+        posY: PropTypes.number,
         renderTag: PropTypes.oneOfType([
             PropTypes.node,
             PropTypes.func
@@ -27,7 +28,8 @@ export default class ContextMenuTrigger extends Component {
         disable: false,
         holdToDisplay: 1000,
         renderTag: 'div',
-        posX: 0
+        posX: 0,
+        posY: 0
     };
 
     touchHandled = false;
@@ -97,11 +99,14 @@ export default class ContextMenuTrigger extends Component {
         event.stopPropagation();
 
         let x = event.clientX || (event.touches && event.touches[0].pageX);
-        const y = event.clientY || (event.touches && event.touches[0].pageY);
+        let y = event.clientY || (event.touches && event.touches[0].pageY);
 
         if (this.props.posX) {
             x -= this.props.posX;
         }
+        if (this.props.posY) {
+            y -= this.props.posY;
+        }
 
         hideMenu();
 
