Fixes #37753 - Update to Patternfly 5

webpack/components/ConfirmModal.scss

@@ -1,3 +1,3 @@
-.pf-c-backdrop {
+.pf-v5-c-backdrop {
   z-index: 1040;
 }

webpack/components/EmptyState.js

@@ -39,7 +39,7 @@ const EmptyState = ({
   ouiaEmptyStateTitleId,
 }) => (
   <Bullseye>
-    <PfEmptyState variant={EmptyStateVariant.small}>
+    <PfEmptyState variant={EmptyStateVariant.sm}>
       <EmptyStateIcon error={!!error} search={search} lock={lock} />
       <Title ouiaId={ouiaEmptyStateTitleId} headingLevel="h2" size="lg">
         {title}

webpack/components/HostExtentions/HostKebabItems.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
-import { DropdownItem } from '@patternfly/react-core';
+import {
+	DropdownItem
+} from '@patternfly/react-core/deprecated';
 import { SecurityIcon } from '@patternfly/react-icons';
 import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
 import { useAPI } from 'foremanReact/common/hooks/API/APIHooks';

webpack/components/IndexTable/index.js

@@ -1,6 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Table, TableHeader, TableBody } from '@patternfly/react-table';
+import {
+	Table,
+	TableHeader,
+	TableBody
+} from '@patternfly/react-table/deprecated';
 import { Flex, FlexItem } from '@patternfly/react-core';
 import Pagination from 'foremanReact/components/Pagination';
 import { refreshPage } from './IndexTableHelper';

webpack/components/OpenscapRemediationWizard/Footer.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import {
-  Button,
-  WizardFooter,
-  WizardContextConsumer,
+	Button
 } from '@patternfly/react-core';
+import {
+	WizardFooter,
+	WizardContextConsumer
+} from '@patternfly/react-core/deprecated';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { WIZARD_TITLES } from './constants';
 

webpack/components/OpenscapRemediationWizard/index.js

@@ -1,7 +1,12 @@
 import React, { useState, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
-import { Button, Wizard } from '@patternfly/react-core';
+import {
+	Button
+} from '@patternfly/react-core';
+import {
+	Wizard
+} from '@patternfly/react-core/deprecated';
 
 import { sprintf, translate as __ } from 'foremanReact/common/I18n';
 import { API_OPERATIONS, get } from 'foremanReact/redux/API';

webpack/components/OpenscapRemediationWizard/steps/ReviewHosts.js

@@ -109,7 +109,7 @@
         selectAllMode,
       };
     }
   }, [selectedCount, fetchBulkParams, setHostIdsParam]);
 
   const selectionToolbar = (
     <ToolbarItem key="selectAll">
@@ -152,7 +152,7 @@
           if (!isSelecting) setIsAllHostsSelected(false);
         },
         isSelected: rowData.id === hostId || isSelected(rowData.id),
-        disable: rowData.id === hostId || false,
+        isDisabled: rowData.id === hostId || false,
       }}
     />
   );

webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.js

@@ -161,7 +161,7 @@ const ReviewRemediation = () => {
                   label={__('Reboot the system(s)')}
                   name="reboot-checkbox"
                   isChecked={isRebootSelected}
-                  onChange={selected => setIsRebootSelected(selected)}
+                  onChange={(_event, selected) => setIsRebootSelected(selected)}
                 />
               </GridItem>
             )}

webpack/components/OpenscapRemediationWizard/steps/SnippetSelect.js

@@ -113,7 +113,7 @@ const SnippetSelect = () => {
               ouiaId="snippet-select"
               isRequired
               value={snippet}
-              onChange={value => setSnippet(value)}
+              onChange={(_event, value) => setSnippet(value)}
               aria-label="FormSelect Input"
             >
               <FormSelectOption