grep-components 1.24.0-GREPF-2126.2 → 1.24.0-GREPF-2126.4

package/dist/index.js

@@ -3123,16 +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,
-    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)));
-};
-
 var useStyles$g = makeStyles()(function (_a, _b) {
     var palette = _a.palette, transitions = _a.transitions;
     var open = _b.open;
@@ -3191,20 +3181,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,19 +3204,11 @@ 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));
@@ -3237,7 +3216,6 @@ var CollapsableMenuItem = function (_a) {
     }, [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]);
@@ -3251,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) {
@@ -3280,7 +3261,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 +3272,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)));