BACKLOG-20903 Add possibility to determine visibility (#232)

* BACKLOG-20903 Add possibility to determine action visibility

* BACKLOG-20903 Revert unnecessary change

Author: AKarmanov

packages/ui-extender/src/actions/menuAction/menuAction.jsx

@@ -216,7 +216,7 @@ const reducer = (state, action) => {
 };
 
 const MenuActionComponent = props => {
-    const {rootMenuContext, parentMenuContext, isMenuPreload, render: Render, loading: Loading} = props;
+    const {rootMenuContext, parentMenuContext, isMenuPreload, render: Render, loading: Loading, visibilityPredicate} = props;
     const id = 'actionComponent-' + props.id;
 
     const elRef = useRef(document.getElementById('menuHolder'));
@@ -268,6 +268,12 @@ const MenuActionComponent = props => {
         }
     }, [id, menuState, menuContext]);
 
+    let isVisible = !isMenuPreload || menuState.loadedItems.length > 0;
+
+    if (visibilityPredicate) {
+        isVisible = visibilityPredicate(menuState);
+    }
+
     return (
         <>
             {menuState.isOpen && menuState.loadingItems.length > 0 && Loading ? (
@@ -276,7 +282,7 @@ const MenuActionComponent = props => {
                 <Render {...props}
                         menuContext={menuContext}
                         menuState={menuState}
-                        isVisible={!isMenuPreload || menuState.loadedItems.length > 0}
+                        isVisible={isVisible}
                         onClick={(eventProps, event) => {
                             // Handle click to open menu only if not in a submenu (already handled on mouse over)
                             if (!parentMenuContext) {
@@ -378,7 +384,11 @@ MenuActionComponent.propTypes = {
     /**
      * Render for the action button
      */
-    loading: PropTypes.func
+    loading: PropTypes.func,
+    /**
+     * Helps determine if action is visible
+     */
+    visibilityPredicate: PropTypes.func
 };
 
 /**