grep-components 1.24.0-GREPF-2126.2 → 1.24.0-GREPF-2126.3

package/dist/index.js

@@ -3124,13 +3124,9 @@ var CollapsableMenu = function (_a) {
 };
 
 var TooltipMenuItem = function (_a) {
-    var children = _a.children, tooltipText = _a.tooltipText, 
-    //disabled,
-    props = __rest$1(_a, ["children", "tooltipText"]);
+    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", 
-            //disabled={disabled}
-            sx: { pointerEvents: 'inherit !important' } }, props), children)));
+        React__default.createElement(MenuItem, __assign({ role: "menuitem", sx: { pointerEvents: 'inherit !important' } }, props), children)));
 };
 
 var useStyles$g = makeStyles()(function (_a, _b) {
@@ -3191,20 +3187,17 @@ var CollapsableMenuItem = function (_a) {
     var onStatusChange = useCallback$1(function (type) { return new CollapsableMenuStatusEvent(type, listItemRef); }, [listItemRef]);
     var expand = useCallback$1(function () {
         var event = onStatusChange('expand');
-        if (!event.defaultPrevented)
-            console.log('expand');
         !event.defaultPrevented && setOpen(true);
         return !event.defaultPrevented;
-    }, [onStatusChange]);
+    }, [onStatusChange, setOpen]);
     var collapse = useCallback$1(function () {
         var event = onStatusChange('collapse');
         if (!event.defaultPrevented) {
-            console.log('collapse');
             setOpen(false);
             requestAnimationFrame(function () { var _a; return (_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
         }
         return !event.defaultPrevented;
-    }, [onStatusChange, listItemRef]);
+    }, [onStatusChange, setOpen, listItemRef]);
     var handleKey = function (e) {
         if (items) {
             switch (e.keyCode) {
@@ -3217,27 +3210,18 @@ var CollapsableMenuItem = function (_a) {
             }
         }
     };
-    // const onToggleClick = useCallback(
-    //   (e: React.MouseEvent) => {
-    //     e.preventDefault();
-    //     e.stopPropagation();
-    //     open ? collapse() : expand();
-    //   },
-    //   [open, collapse, expand],
-    // );
-    var onToggleClick = function (e) {
+    var onToggleClick = useCallback$1(function (e) {
         e.preventDefault();
         e.stopPropagation();
         open ? collapse() : expand();
-    };
+    }, [open, collapse, expand]);
     var onScrimClick = useCallback$1(function (e) {
         var _a;
         var scrimClick = !((_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
-        scrimClick && collapse();
+        scrimClick && !disabled && collapse();
     }, [listItemRef, collapse]);
     var handleClick = items ? onToggleClick : onClick;
     useEffect(function () {
-        console.log('scrim');
         document.addEventListener('click', onScrimClick, { capture: true });
         return function () { return document.removeEventListener('click', onScrimClick); };
     }, [listItemRef, onScrimClick]);
@@ -3280,7 +3264,6 @@ var DropdownMenu = function (_a) {
             // ninja way, since rewriting existing code on lpu and admin is daunting
             props.onClick = function (e) {
                 if (itemOrParentDisabled) {
-                    console.log('e.preventDefault()');
                     e.preventDefault();
                     e.stopPropagation();
                     return;
@@ -3292,8 +3275,7 @@ var DropdownMenu = function (_a) {
                 ? { paddingLeft: "".concat(level * 0.5, "rem") }
                 : {
                     paddingLeft: "".concat(level * 0.5, "rem"),
-                    textDecoration: 'line-through',
-                    opacity: 0.5,
+                    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),
                 React__default.createElement("span", { style: style }, label)));