fix: Use the context version of usePermissions (#1977)

usePermissions is unstable and cause bugs in apps that import the
InventoryTable module. This makes it stick to the RBAC context and
guarantees that RD are not checked.

package.json

@@ -13,9 +13,9 @@
     "@patternfly/react-table": "^4.113.3",
     "@patternfly/react-core": "^4.276.11",
     "@patternfly/react-icons": "^4.93.7",
-    "@redhat-cloud-services/frontend-components": "^3.11.2",
+    "@redhat-cloud-services/frontend-components": "^3.11.3",
     "@redhat-cloud-services/frontend-components-notifications": "^3.2.14",
-    "@redhat-cloud-services/frontend-components-utilities": "^3.7.4",
+    "@redhat-cloud-services/frontend-components-utilities": "^3.7.5",
     "@redhat-cloud-services/host-inventory-client": "1.2.3",
     "@unleash/proxy-client-react": "^3.5.0",
     "awesome-debounce-promise": "^2.1.0",

src/Utilities/Wrapper.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { usePermissions } from '@redhat-cloud-services/frontend-components-utilities/RBACHook';
+import { usePermissionsWithContext } from '@redhat-cloud-services/frontend-components-utilities/RBACHook';
+import { GENERAL_HOSTS_READ_PERMISSIONS } from '../constants';
 
 const RenderWrapper = ({
   cmp: Component,
@@ -9,7 +10,11 @@ const RenderWrapper = ({
   store,
   ...props
 }) => {
-  const { hasAccess } = usePermissions('inventory', ['inventory:hosts:read']);
+  const { hasAccess } = usePermissionsWithContext(
+    [GENERAL_HOSTS_READ_PERMISSIONS],
+    true,
+    false // omit RD check to find out if there are any inventory:hosts:read available
+  );
 
   return (
     <Component