grep-components 1.24.0-GREPF-2126.3 → 1.24.0-GREPF-2126.5

package/dist/components/DropdownMenu/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { MenuItemProps, MenuProps } from '@mui/material';
+declare type BooleanFunction<T> = (context?: T) => boolean;
 export declare type DropdownMenuItem<T> = Omit<MenuItemProps, 'disabled'> & {
     label: string;
     tooltipText?: string;
-    disabled?: boolean;
+    disabled?: BooleanFunction<T> | boolean;
     children?: Array<DropdownMenuItem<T>>;
     handleClick?: (context?: T) => void;
 };

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, props = __rest$1(_a, ["children", "tooltipText"]);
-    return (React__default.createElement(Tooltip, { title: tooltipText },
-        React__default.createElement(MenuItem, __assign({ role: "menuitem", sx: { pointerEvents: 'inherit !important' } }, props), children)));
-};
-
 var useStyles$g = makeStyles()(function (_a, _b) {
     var palette = _a.palette, transitions = _a.transitions;
     var open = _b.open;
@@ -3218,7 +3212,7 @@ var CollapsableMenuItem = function (_a) {
     var onScrimClick = useCallback$1(function (e) {
         var _a;
         var scrimClick = !((_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
-        scrimClick && !disabled && collapse();
+        scrimClick && collapse();
     }, [listItemRef, collapse]);
     var handleClick = items ? onToggleClick : onClick;
     useEffect(function () {
@@ -3235,7 +3229,10 @@ var CollapsableMenuItem = function (_a) {
                     return window.dispatchEvent(new Event('resize'));
                 });
             } }, items)))); };
-    return tooltipText ? (React__default.createElement(TooltipMenuItem, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); }, selected: open, 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()));
+    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) {
@@ -3253,7 +3250,6 @@ var DropdownMenu = function (_a) {
     var classes = useStyles$f().classes;
     var renderChild = function (level, parentDisabled) {
         if (level === void 0) { level = 0; }
-        if (parentDisabled === void 0) { parentDisabled = false; }
         // eslint-disable-next-line react/display-name
         return function (item, index) {
             var _a;
@@ -3277,7 +3273,11 @@ var DropdownMenu = function (_a) {
                     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, items: children === null || children === void 0 ? void 0 : children.map(renderChild(level + 1, itemOrParentDisabled)) }, props),
+            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)));
         };
     };