@lemonadejs/contextmenu 1.1.3 → 1.3.0

package/dist/index.js

@@ -1,4 +1,4 @@
-if (!lemonade && typeof (require) === 'function') {
+if (! lemonade && typeof(require) === 'function') {
     var lemonade = require('lemonadejs');
 }
 
@@ -42,12 +42,14 @@ if (! Modal && typeof (require) === 'function') {
             }
         }
 
+        self.hasSubmenu = !! self.submenu;
+
         if (self.type === 'line') {
             return `<hr />`;
         } else if (self.type === 'inline') {
             return `<div></div>`;
         } else {
-            return `<div class="lm-menu-item" data-cursor="{{self.cursor}}" data-icon="{{self.icon}}" data-submenu="{{self.submenu?true:''}}" onmouseup="self.parent.parent.mouseUp(self, e)" onmouseenter="self.parent.parent.mouseEnter(self)" onmouseleave="self.parent.parent.mouseLeave(self)">
+            return `<div class="lm-menu-item" data-disabled="{{self.disabled}}" data-cursor="{{self.cursor}}" data-icon="{{self.icon}}" data-submenu="{{self.hasSubmenu}}" onmouseup="self.parent.parent.mouseUp(self, e)" onmouseenter="self.parent.parent.mouseEnter(self)" onmouseleave="self.parent.parent.mouseLeave(self)">
                 <a>{{self.title}}</a> <div>{{self.shortcut}}</div>
             </div>`;
         }
@@ -250,7 +252,7 @@ if (! Modal && typeof (require) === 'function') {
         // Open submenu
         if (typeof(item) !== 'undefined') {
             // Open submenu in case that exists
-            if (item.submenu) {
+            if (item.submenu && ! item.disabled) {
                 this.parent.open(item, true);
                 return true;
             }
@@ -390,6 +392,8 @@ if (! Modal && typeof (require) === 'function') {
 
     lemonade.setComponents({ Contextmenu: Contextmenu });
 
+    lemonade.createWebComponent('contextmenu', Contextmenu);
+
     return function (root, options) {
         if (typeof (root) === 'object') {
             lemonade.render(Contextmenu, root, options)

package/dist/react.d.ts

@@ -6,10 +6,13 @@
 import Component from './index';
 
 interface Contextmenu {
+    ref?: MutableRefObject<undefined>;
     (): any
     [key: string]: any
 }
 
-declare function Contextmenu<Contextmenu>(props: Component.Options): any;
+type Props = IntrinsicAttributes & Component.Options & Contextmenu;
+
+declare function Contextmenu<Contextmenu>(props: Props): any;
 
 export default Contextmenu;

package/dist/style.css

@@ -11,6 +11,7 @@
     min-height: initial;
     padding-top: 4px;
     padding-bottom: 4px;
+    z-index: 16;
 }
 
 .lm-menu-submenu {
@@ -46,8 +47,9 @@
     content: '\25B6'
 }
 
-.lm-menu-submenu > div.lm-menu-item.disabled {
-    color: #ccc;
+.lm-menu-submenu > div.lm-menu-item[data-disabled="true"] {
+    opacity: 0.5;
+    pointer-events: none;
 }
 
 .lm-menu-submenu > div.lm-menu-item:hover,

package/package.json

@@ -14,10 +14,10 @@
         "build": "webpack --config webpack.config.js"
     },
     "dependencies": {
-        "@lemonadejs/modal": "^2.8.1",
-        "lemonadejs": "^4.2.2"
+        "lemonadejs": "^4.3.3",
+        "@lemonadejs/modal": "^3.2.0"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "1.1.3"
+    "version": "1.3.0"
 }