grep-components 1.26.0-GREPF-2179.2 → 1.26.0

package/dist/index.js

@@ -3123,12 +3123,6 @@ var CollapsableMenu = function (_a) {
         React__default.createElement(MenuList, { disablePadding: true, autoFocusItem: true, onKeyDown: onKeyDown }, children)));
 };
 
-var TooltipMenuItem = function (_a) {
-    var children = _a.children, tooltipText = _a.tooltipText, disabled = _a.disabled, props = __rest$1(_a, ["children", "tooltipText", "disabled"]);
-    return (React__default.createElement(Tooltip, { title: tooltipText },
-        React__default.createElement(MenuItem, __assign({ role: "menuitem", disabled: disabled, sx: { pointerEvents: 'inherit !important' } }, props), children)));
-};
-
 var useStyles$g = makeStyles()(function (_a, _b) {
     var palette = _a.palette, transitions = _a.transitions;
     var open = _b.open;
@@ -3235,7 +3229,10 @@ var CollapsableMenuItem = function (_a) {
                     return window.dispatchEvent(new Event('resize'));
                 });
             } }, items)))); };
-    return tooltipText ? (React__default.createElement(TooltipMenuItem, { className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); }, disabled: disabled, selected: open, onClick: handleClick, onKeyDown: handleKey }, renderInner())) : (React__default.createElement(MenuItem, __assign({ className: classes.root, ref: listItemRef, selected: open, disabled: disabled, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
+    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText },
+        React__default.createElement(MenuItem, { role: "menuitem", sx: disabled && !items
+                ? { cursor: 'not-allowed', pointerEvents: 'inherit !important' }
+                : { pointerEvents: 'inherit !important' }, className: classes.root, onMouseOver: function (e) { return e.currentTarget.focus(); }, selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: handleKey }, renderInner()))) : (React__default.createElement(MenuItem, __assign({ sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
 };
 
 var useStyles$f = makeStyles()(function (_a) {
@@ -3251,20 +3248,37 @@ var useStyles$f = makeStyles()(function (_a) {
 var DropdownMenu = function (_a) {
     var context = _a.context, menuItems = _a.menuItems, menuProps = __rest$1(_a, ["context", "menuItems"]);
     var classes = useStyles$f().classes;
-    var renderChild = function (level) {
+    var renderChild = function (level, parentDisabled) {
         if (level === void 0) { level = 0; }
         // eslint-disable-next-line react/display-name
         return function (item, index) {
+            var _a;
             var label = item.label, children = item.children, handleClick = item.handleClick, disabled = item.disabled, props = __rest$1(item, ["label", "children", "handleClick", "disabled"]);
+            var itemOrParentDisabled = (_a = (parentDisabled || disabled)) !== null && _a !== void 0 ? _a : false;
             props.key = "child-item-".concat(index);
             props.classes = { selected: classes.selected };
             // ninja way, since rewriting existing code on lpu and admin is daunting
             props.onClick = function (e) {
+                if (itemOrParentDisabled) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    return;
+                }
                 menuProps.onClose && menuProps.onClose(e, 'backdropClick');
-                handleClick && handleClick(context);
+                !itemOrParentDisabled && handleClick && handleClick(context);
             };
-            return (React__default.createElement(CollapsableMenuItem, __assign({ level: level, id: label, disabled: typeof disabled === 'function' ? disabled(context) : disabled, items: children === null || children === void 0 ? void 0 : children.map(renderChild(level + 1)) }, props),
-                React__default.createElement("span", { style: { paddingLeft: "".concat(level * 0.5, "rem") } }, label)));
+            var style = !itemOrParentDisabled
+                ? { paddingLeft: "".concat(level * 0.5, "rem") }
+                : {
+                    paddingLeft: "".concat(level * 0.5, "rem"),
+                    opacity: 0.4,
+                };
+            return (React__default.createElement(CollapsableMenuItem, __assign({ sx: itemOrParentDisabled && !children ? { cursor: 'not-allowed' } : {}, level: level, id: label, disabled: itemOrParentDisabled
+                    ? true
+                    : typeof disabled === 'function'
+                        ? disabled(context)
+                        : disabled, items: children === null || children === void 0 ? void 0 : children.map(renderChild(level + 1, itemOrParentDisabled)) }, props),
+                React__default.createElement("span", { style: style }, label)));
         };
     };
     return (React__default.createElement(Menu, __assign({}, menuProps, { anchorOrigin: (menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorOrigin) || {