IBX-11089: Added disabled state for popup menu (#1812)

Author: GrabowskiM

src/bundle/Resources/public/scss/ui/modules/common/_popup.menu.scss

@@ -65,10 +65,14 @@
         border-radius: $ibexa-border-radius;
         transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
 
-        &:hover {
+        &:hover:not(&:disabled) {
             background-color: $ibexa-color-light-300;
             color: $ibexa-color-black;
             text-decoration: none;
         }
+
+        &:disabled {
+            color: $ibexa-color-dark-300;
+        }
     }
 }

src/bundle/ui-dev/src/modules/common/popup-menu/popup.menu.item.js

@@ -10,7 +10,12 @@ const PopupMenuItem = ({ item, filterText, onItemClick }) => {
 
     return (
         <div className="c-popup-menu__item">
-            <button type="button" className="c-popup-menu__item-content" onClick={() => onItemClick(item)}>
+            <button
+                type="button"
+                className="c-popup-menu__item-content"
+                disabled={item.disabled ?? false}
+                onClick={() => onItemClick(item)}
+            >
                 <span className="c-popup-menu__item-label">{item.label}</span>
             </button>
         </div>
@@ -19,6 +24,7 @@ const PopupMenuItem = ({ item, filterText, onItemClick }) => {
 
 PopupMenuItem.propTypes = {
     item: PropTypes.shape({
+        disabled: PropTypes.bool,
         label: PropTypes.string.isRequired,
     }).isRequired,
     onItemClick: PropTypes.func.isRequired,