@openshift-assisted/ui-lib 2.16.4-cim → 2.16.5-cim

package/lib/cim/components/modals/AddBmcHostYamlForm.tsx

@@ -7,12 +7,15 @@ import {
   ButtonVariant,
   EmptyState,
   EmptyStateBody,
+  EmptyStateHeader,
+  EmptyStateIcon,
   EmptyStateVariant,
+  ModalBoxBody,
+  ModalBoxFooter,
   Spinner,
   Stack,
   StackItem,
 } from '@patternfly/react-core';
-import { ModalBoxBody, ModalBoxFooter } from '@patternfly/react-core/deprecated';
 import { ErrorCircleOIcon } from '@patternfly/react-icons/dist/js/icons/error-circle-o-icon';
 import { UploadIcon } from '@patternfly/react-icons/dist/js/icons/upload-icon';
 import jsYaml from 'js-yaml';
@@ -129,12 +132,12 @@ const AddBmcHostYamlForm: React.FC<
       <ModalBoxBody>
         <Stack hasGutter>
           <StackItem>
-            <EmptyState
-              headingLevel="h4"
-              icon={UploadIcon}
-              titleText={<>{t('ai:Upload a YAML file')}</>}
-              variant={EmptyStateVariant.lg}
-            >
+            <EmptyState variant={EmptyStateVariant.lg}>
+              <EmptyStateHeader
+                titleText={<>{t('ai:Upload a YAML file')}</>}
+                icon={<EmptyStateIcon icon={UploadIcon} />}
+                headingLevel="h4"
+              />
               <EmptyStateBody>
                 <p>
                   {t(

package/lib/cim/components/modals/AddBmcHostYamlModal.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import { Modal, ModalVariant } from '@patternfly/react-core';
 import { UploadActionModalProps } from './types';
 import AddBmcHostYamlForm from './AddBmcHostYamlForm';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';

package/lib/cim/components/modals/AddHostModal.tsx

@@ -1,7 +1,14 @@
 import * as React from 'react';
 import { FormikHelpers } from 'formik';
-import { EmptyState, EmptyStateBody, Spinner } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  EmptyState,
+  EmptyStateBody,
+  EmptyStateHeader,
+  EmptyStateIcon,
+  Modal,
+  ModalVariant,
+  Spinner,
+} from '@patternfly/react-core';
 import { DownloadIso, DiscoveryImageConfigForm, DiscoveryImageFormValues } from '../../../common';
 import { AddHostModalProps } from './types';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
@@ -117,7 +124,8 @@ const GeneratingIsoDownload = ({
       docVersion={docVersion}
     />
   ) : (
-    <EmptyState icon={Spinner}>
+    <EmptyState>
+      <EmptyStateHeader icon={<EmptyStateIcon icon={Spinner} />} />
       <EmptyStateBody>{t('ai:Generating discovery ISO')}</EmptyStateBody>
     </EmptyState>
   );
@@ -140,7 +148,8 @@ const GeneratingIPXEDownload = ({
       onReset={onReset}
     />
   ) : (
-    <EmptyState icon={Spinner}>
+    <EmptyState>
+      <EmptyStateHeader icon={<EmptyStateIcon icon={Spinner} />} />
       <EmptyStateBody>{t('ai:Generating iPXE script')}</EmptyStateBody>
     </EmptyState>
   );

package/lib/cim/components/modals/CimConfiguration/CimConfigProgressAlert.tsx

@@ -65,13 +65,12 @@ export const CimConfigProgressAlert: React.FC<CimConfigProgressAlertProps> = ({
 
   const assistedServiceDeploymentLink = (
     <Button
-      icon={<ExternalLinkAltIcon />}
       variant={ButtonVariant.link}
       isInline
       key="assisted-service-deployment"
       onClick={() => navigate(assistedServiceDeploymentUrl)}
     >
-      {t('ai:Troubleshoot in the assisted service deployment')}
+      {t('ai:Troubleshoot in the assisted service deployment')} <ExternalLinkAltIcon />
     </Button>
   );
 

package/lib/cim/components/modals/CimConfiguration/CimConfigurationForm.css

@@ -1,4 +1,4 @@
-.cim-config-form-title .pf-v6-c-form__label-text {
+.cim-config-form-title .pf-v5-c-form__label-text {
   font-size: larger;
 }
 
@@ -11,13 +11,13 @@
 }
 
 .cim-config-form-aws {
-  margin-bottom: var(--pf-v6-global--spacer--md);
+  margin-bottom: var(--pf-v5-global--spacer--md);
 }
 
 .cim-config-form-volume input {
   width: 10rem;
 }
 
-.cim-config-modal .pf-v6-c-modal-box__body {
+.cim-config-modal .pf-v5-c-modal-box__body {
   overflow: hidden;
 }

package/lib/cim/components/modals/CimConfiguration/CimConfigurationForm.tsx

@@ -69,7 +69,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
         aria-label={t('ai:More info for load balancer on Amazon web services')}
         aria-describedby="cim-config-form-aws-title"
         onClick={(e) => e.preventDefault()}
-        className="pf-v6-c-form__group-label-help"
+        className="pf-v5-c-form__group-label-help"
       >
         <Icon>
           <HelpIcon />
@@ -84,7 +84,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
         fieldId="cim-config-form-storage-title"
         label={t('ai:Storage sizes')}
         className="cim-config-form-title"
-        labelHelp={
+        labelIcon={
           <Popover
             bodyContent={t(
               'ai:The storage sizes will be used to store different files and data for cluster creation.',
@@ -102,7 +102,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
               aria-label={t('ai:More info for configure storage sizes')}
               aria-describedby="cim-config-form-storage-title"
               onClick={(e) => e.preventDefault()}
-              className="pf-v6-c-form__group-label-help"
+              className="pf-v5-c-form__group-label-help"
             >
               <Icon>
                 <HelpIcon />
@@ -118,7 +118,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
           <FormGroup
             label={t('ai:Database storage')}
             fieldId="cim-config-form-storage-db"
-            labelHelp={
+            labelIcon={
               <Popover
                 bodyContent={t(
                   'ai:Specify how much storage is allocated for storing files such as database tables and database views for the clusters. Recommended is 10Gi or more. The value can not be updated later.',
@@ -129,7 +129,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
                   aria-label={t('ai:More info for database storage')}
                   aria-describedby="cim-config-form-storage-db"
                   onClick={(e) => e.preventDefault()}
-                  className="pf-v6-c-form__group-label-help"
+                  className="pf-v5-c-form__group-label-help"
                 >
                   <Icon>
                     <HelpIcon />
@@ -168,7 +168,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
           <FormGroup
             label={t('ai:System storage')}
             fieldId="cim-config-form-storage-sys"
-            labelHelp={
+            labelIcon={
               <Popover
                 bodyContent={t(
                   'ai:Specify how much storage is allocated for storing logs, manifests and "kubeconfig" files for the clusters. Recommended is 100Gi or more. The value can not be updated later.',
@@ -179,7 +179,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
                   aria-label={t('ai:More info for system storage')}
                   aria-describedby="cim-config-form-storage-sys"
                   onClick={(e) => e.preventDefault()}
-                  className="pf-v6-c-form__group-label-help"
+                  className="pf-v5-c-form__group-label-help"
                 >
                   <Icon>
                     <HelpIcon />
@@ -218,7 +218,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
           <FormGroup
             label={t('ai:Image storage')}
             fieldId="cim-config-form-storage-img"
-            labelHelp={
+            labelIcon={
               <Popover
                 bodyContent={t(
                   'ai:Specify how much storage to allocate for the images of the clusters. There must be 1G of image storage for each instance of Red Hat Enterprise Linux CoreOS that is running. Recommended is 50Gi or more. The value can not be updated later.',
@@ -229,7 +229,7 @@ export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
                   aria-label={t('ai:More info for image storage')}
                   aria-describedby="cim-config-form-storage-img"
                   onClick={(e) => e.preventDefault()}
-                  className="pf-v6-c-form__group-label-help"
+                  className="pf-v5-c-form__group-label-help"
                 >
                   <Icon>
                     <HelpIcon />

package/lib/cim/components/modals/CimConfiguration/CimConfigurationModal.css

@@ -1,3 +1,3 @@
-.cim-config-modal .pf-v6-c-alert {
-  margin-bottom: var(--pf-v6-global--spacer--md);
+.cim-config-modal .pf-v5-c-alert {
+  margin-bottom: var(--pf-v5-global--spacer--md);
 }

package/lib/cim/components/modals/CimConfiguration/CimConfigurationModal.tsx

@@ -1,6 +1,12 @@
 import * as React from 'react';
-import { Alert, AlertVariant, Button, ButtonVariant } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  Alert,
+  AlertVariant,
+  Button,
+  ButtonVariant,
+  Modal,
+  ModalVariant,
+} from '@patternfly/react-core';
 
 import { useTranslation } from '../../../../common/hooks/use-translation-wrapper';
 import { getStorageSizeGiB } from '../../helpers';

package/lib/cim/components/modals/EditBMHModal.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import { Modal, ModalVariant } from '@patternfly/react-core';
 import BMCForm from '../Agent/BMCForm';
 import { SecretK8sResource } from '../../types';
 import { LoadingState } from '../../../common';

package/lib/cim/components/modals/EditNtpSourcesModal.tsx

@@ -1,11 +1,16 @@
 import * as React from 'react';
-import { Alert, Button, ButtonVariant, Form, Stack, StackItem } from '@patternfly/react-core';
 import {
+  Alert,
+  Button,
+  ButtonVariant,
+  Form,
   Modal,
   ModalBoxBody,
   ModalBoxFooter,
   ModalVariant,
-} from '@patternfly/react-core/deprecated';
+  Stack,
+  StackItem,
+} from '@patternfly/react-core';
 import { Formik, FormikProps } from 'formik';
 import { InfraEnvK8sResource } from '../../types';
 import { RadioField, AdditionalNTPSourcesField } from '../../../common';

package/lib/cim/components/modals/EditProxyModal.tsx

@@ -1,12 +1,17 @@
 import * as React from 'react';
 import * as Yup from 'yup';
-import { Alert, Button, ButtonVariant, Form, Stack, StackItem } from '@patternfly/react-core';
 import {
+  Alert,
+  Button,
+  ButtonVariant,
+  Form,
   Modal,
   ModalBoxBody,
   ModalBoxFooter,
   ModalVariant,
-} from '@patternfly/react-core/deprecated';
+  Stack,
+  StackItem,
+} from '@patternfly/react-core';
 import { EditProxyModalProps } from './types';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { ProxyInputFields } from '../../../common/components/clusterConfiguration/ProxyFields';
@@ -106,7 +111,7 @@ const EditProxyModal: React.FC<EditProxyModalProps> = ({
                 <Form>
                   <ProxyInputFields />
                   {error && (
-                    <Alert variant="danger" title={t('ai:An error occured')} isInline>
+                    <Alert variant="danger" title={t('ai:An error occurred')} isInline>
                       {error}
                     </Alert>
                   )}

package/lib/cim/components/modals/EditPullSecretModal.tsx

@@ -1,13 +1,17 @@
 import * as React from 'react';
 import * as Yup from 'yup';
 import { TFunction } from 'i18next';
-import { Alert, Button, ButtonVariant, Stack, StackItem } from '@patternfly/react-core';
 import {
+  Alert,
+  Button,
+  ButtonVariant,
   Modal,
   ModalBoxBody,
   ModalBoxFooter,
   ModalVariant,
-} from '@patternfly/react-core/deprecated';
+  Stack,
+  StackItem,
+} from '@patternfly/react-core';
 import { Formik, useFormikContext } from 'formik';
 import { InfraEnvK8sResource, SecretK8sResource } from '../../types';
 import { LoadingState, PullSecretField, pullSecretValidationSchema } from '../../../common';

package/lib/cim/components/modals/EditSSHKeyModal.tsx

@@ -1,12 +1,16 @@
 import * as React from 'react';
 import * as Yup from 'yup';
-import { Alert, Button, ButtonVariant, Stack, StackItem } from '@patternfly/react-core';
 import {
+  Alert,
+  Button,
+  ButtonVariant,
   Modal,
   ModalBoxBody,
   ModalBoxFooter,
   ModalVariant,
-} from '@patternfly/react-core/deprecated';
+  Stack,
+  StackItem,
+} from '@patternfly/react-core';
 import { Formik, FormikProps } from 'formik';
 
 import { InfraEnvK8sResource } from '../../types';
@@ -64,7 +68,7 @@ const EditSSHKeyModal: React.FC<EditSSHKeyModalProps> = ({
             onClose();
           } catch (err) {
             const error = err as Error;
-            setError(error?.message || t('ai:An error occured'));
+            setError(error?.message || t('ai:An error occurred'));
           }
         }}
         validateOnMount

package/lib/cim/components/modals/MassApproveAgentModal.tsx

@@ -1,6 +1,14 @@
 import * as React from 'react';
-import { Alert, Button, ButtonVariant, Stack, StackItem } from '@patternfly/react-core';
-import { Modal, ModalBoxBody, ModalBoxFooter } from '@patternfly/react-core/deprecated';
+import {
+  Alert,
+  Button,
+  ButtonVariant,
+  Modal,
+  ModalBoxBody,
+  ModalBoxFooter,
+  Stack,
+  StackItem,
+} from '@patternfly/react-core';
 import { getAIHosts } from '../helpers';
 import { AgentK8sResource } from '../../types';
 import HostsTable from '../../../common/components/hosts/HostsTable';
@@ -19,7 +27,7 @@ type ApproveTableRowProps = {
 };
 
 const ApproveTableRow: React.FC<ApproveTableRowProps> = ({ agent, children }) => (
-  <div className={agent?.spec.approved ? 'pf-v6-u-color-200' : undefined}>{children}</div>
+  <div className={agent?.spec.approved ? 'pf-v5-u-color-200' : undefined}>{children}</div>
 );
 
 const hostnameColumn = (agents: AgentK8sResource[], t: TFunction): TableRow<Host> => {
@@ -33,7 +41,7 @@ const hostnameColumn = (agents: AgentK8sResource[], t: TFunction): TableRow<Host
     },
     cell: (host) => {
       const agent = agents.find((a) => a.metadata?.uid === host.id);
-      const hostname = agent?.spec.hostname || agent?.status?.inventory.hostname;
+      const hostname = agent?.spec?.hostname || agent?.status?.inventory?.hostname;
       return {
         title: <ApproveTableRow agent={agent}>{hostname}</ApproveTableRow>,
         props: { 'data-testid': 'hostname' },
@@ -113,7 +121,7 @@ const MassApproveAgentModal: React.FC<MassApproveAgentModalProps> = ({
       onClose();
     } catch (err) {
       setError({
-        title: t('ai:An error occured while approving agents'),
+        title: t('ai:An error occurred while approving agents'),
         message: getErrorMessage(err),
       });
       setProgress(null);

package/lib/cim/components/modals/MassDeleteAgentModal.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button, Flex, FlexItem, Popover } from '@patternfly/react-core';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { Link } from 'react-router-dom-v5-compat';
-import { t_global_icon_color_status_info_default as blueInfoColor } from '@patternfly/react-tokens/dist/js/t_global_icon_color_status_info_default';
+import { global_palette_blue_300 as blueInfoColor } from '@patternfly/react-tokens/dist/js/global_palette_blue_300';
 import {
   getHostname,
   getInventory,
@@ -43,7 +43,7 @@ const hostnameColumn = (agents: AgentK8sResource[], t: TFunction): TableRow<Host
         ?.clusterDeploymentName?.name;
       return {
         title: (
-          <div className={assignedToCluster ? 'pf-v6-u-color-200' : undefined}>
+          <div className={assignedToCluster ? 'pf-v5-u-color-200' : undefined}>
             {computedHostname}
           </div>
         ),

package/lib/cim/components/modals/ScaleUpModal.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import * as Yup from 'yup';
 import {
+  Modal,
+  ModalBoxBody,
+  ModalBoxFooter,
   Button,
   ButtonVariant,
   Alert,
@@ -9,7 +12,6 @@ import {
   Stack,
   StackItem,
 } from '@patternfly/react-core';
-import { Modal, ModalBoxBody, ModalBoxFooter } from '@patternfly/react-core/deprecated';
 import { Formik, FormikConfig, FormikProps } from 'formik';
 import { AgentK8sResource } from '../../types/k8s/agent';
 import { ClusterDeploymentK8sResource } from '../../types/k8s/cluster-deployment';

package/lib/cim/hooks/index.tsx

@@ -0,0 +1 @@
+export * from './useConfigMaps';

package/lib/cim/hooks/types.tsx

@@ -0,0 +1,8 @@
+import { WatchK8sResource } from '@openshift-console/dynamic-plugin-sdk';
+
+export type K8sWatchHookListProps = Omit<
+  WatchK8sResource,
+  'groupVersionKind' | 'name' | 'isList'
+> | null;
+
+export type K8sWatchHookProps = Pick<WatchK8sResource, 'name' | 'namespace' | 'isList'> | null;

package/lib/cim/hooks/useConfigMaps.tsx

@@ -0,0 +1,14 @@
+import { useK8sWatchResource } from './useK8sWatchResource';
+import { ConfigMapK8sResource } from '../types';
+import { K8sWatchHookProps } from './types';
+
+export const useConfigMaps = (props: K8sWatchHookProps) =>
+  useK8sWatchResource<ConfigMapK8sResource[]>(
+    {
+      groupVersionKind: {
+        kind: 'ConfigMap',
+        version: 'v1',
+      },
+    },
+    props,
+  );

package/lib/cim/hooks/useK8sWatchResource.tsx

@@ -0,0 +1,27 @@
+import {
+  useK8sWatchResource as consoleWatch,
+  K8sResourceCommon,
+  WatchK8sResource,
+} from '@openshift-console/dynamic-plugin-sdk';
+
+export type WatchK8sResult<R extends K8sResourceCommon | K8sResourceCommon[]> = [
+  R,
+  boolean,
+  unknown,
+];
+
+export const useK8sWatchResource = <R extends K8sResourceCommon | K8sResourceCommon[]>(
+  resource: Pick<WatchK8sResource, 'groupVersionKind'>,
+  props?: Omit<WatchK8sResource, 'groupVersionKind'> | null,
+): WatchK8sResult<R> => {
+  // eslint-disable-next-line
+  const [data, loaded, error] = consoleWatch<R>(
+    props !== null
+      ? {
+          ...resource,
+          ...(props || {}),
+        }
+      : null,
+  );
+  return [data, error ? true : loaded, error as unknown];
+};

package/lib/cim/types/index.ts

@@ -2,3 +2,4 @@ export * from './fromOCP';
 export * from './k8s';
 export * from './metal3';
 export * from './resources';
+export * from './models';

package/lib/cim/types/k8s/agent-cluster-install.ts

@@ -58,6 +58,7 @@ export type AgentClusterInstallK8sResource = K8sResourceCommon & {
     };
     holdInstallation?: boolean;
     platformType: string;
+    manifestsConfigMapRefs?: { name: string }[];
   };
   status?: {
     apiVIP?: string;

package/lib/cim/types/models.tsx

@@ -0,0 +1,12 @@
+import { K8sModel } from '@openshift-console/dynamic-plugin-sdk/lib/api/common-types';
+
+export const AgentClusterInstallModel: K8sModel = {
+  label: 'AgentClusterInstall',
+  apiVersion: 'v1beta1',
+  plural: 'agentclusterinstalls',
+  abbr: 'ACI',
+  namespaced: true,
+  kind: 'AgentClusterInstall',
+  labelPlural: 'AgentClusterInstalls',
+  apiGroup: 'extensions.hive.openshift.io',
+};

package/lib/cim/utils.ts

@@ -1,3 +1,5 @@
+import { Patch } from '@openshift-console/dynamic-plugin-sdk';
+import { isEqual } from 'lodash-es';
 import { StatusCondition } from './types';
 
 export function getConditionByType<ConditionType>(
@@ -6,3 +8,13 @@ export function getConditionByType<ConditionType>(
 ): StatusCondition<ConditionType> | undefined {
   return conditions.find((c) => c.type === type);
 }
+
+export const appendPatch = <V>(patches: Patch[], path: string, newVal?: V, existingVal?: V) => {
+  if (!isEqual(newVal, existingVal)) {
+    patches.push({
+      op: existingVal === undefined ? 'add' : 'replace',
+      path,
+      value: newVal,
+    });
+  }
+};

package/lib/common/api/assisted-service/BundleAPI.ts

@@ -6,21 +6,8 @@ const BundleAPI = {
     return `/v2/operators/bundles`;
   },
 
-  list(
-    openshiftVersion?: string,
-    cpuArchitecture?: string,
-    platformType?: string,
-    featureIds?: string,
-  ) {
-    return client.get<Bundle[]>(`${BundleAPI.makeBaseURI()}`, {
-      params: {
-        openshift_version: openshiftVersion,
-        cpu_architecture: cpuArchitecture,
-        platform_type: platformType,
-        feature_ids: featureIds,
-        ...(platformType === 'external' ? { external_platform_name: 'oci' } : {}),
-      },
-    });
+  list() {
+    return client.get<Bundle[]>(`${BundleAPI.makeBaseURI()}`);
   },
 
   listOperatorsForBundle(bundleName: string) {

package/lib/common/api/assisted-service/ClustersAPI.ts

@@ -245,12 +245,6 @@ const ClustersAPI = {
       headers: { 'Content-Type': 'application/json' },
     });
   },
-  registerDisconnected(params: { name: string; openshiftVersion: string }) {
-    return client.post<Cluster, AxiosResponse<Cluster>, { name: string; openshiftVersion: string }>(
-      `${ClustersAPI.makeBaseURI()}disconnected`,
-      params,
-    );
-  },
 };
 
 export default ClustersAPI;

package/lib/common/api/assisted-service/HostsAPI.ts

@@ -1,5 +1,4 @@
 import {
-  Cluster,
   Host,
   HostUpdateParams,
   InfraEnv,
@@ -63,18 +62,6 @@ const HostsAPI = {
       `${HostsAPI.makeActionsBaseURI(infraEnvId, hostId)}/install`,
     );
   },
-  bindHost(infraEnvId: InfraEnv['id'], hostId: Host['id'], clusterId: Cluster['id']) {
-    return client.post<Host, AxiosResponse<Host>, { cluster_id: string }>(
-      `${HostsAPI.makeActionsBaseURI(infraEnvId, hostId)}/bind`,
-      { cluster_id: clusterId },
-      {
-        headers: {
-          accept: 'application/json',
-          'Content-Type': 'application/json',
-        },
-      },
-    );
-  },
 };
 
 export default HostsAPI;

package/lib/common/api/assisted-service/InfraEnvsAPI.ts

@@ -4,7 +4,6 @@ import {
   InfraEnvCreateParams,
   PresignedUrl,
   InfraEnvUpdateParams,
-  Host,
 } from '@openshift-assisted/types/assisted-installer-service';
 import { AxiosResponse } from 'axios';
 
@@ -68,11 +67,6 @@ const InfraEnvsAPI = {
       `${InfraEnvsAPI.makeBaseURI(infraEnvId)}/downloads/files-presigned?file_name=ipxe-script`,
     );
   },
-  getHosts(infraEnvId: InfraEnv['id']) {
-    return client.get<Host[]>(`${InfraEnvsAPI.makeBaseURI(infraEnvId)}/hosts`, {
-      signal: _getRequestAbortController.signal,
-    });
-  },
 };
 
 export default InfraEnvsAPI;

package/lib/common/components/clusterConfiguration/CertificateFields.css

@@ -1,3 +1,3 @@
-.ai-certificate-fields .pf-v6-c-check__body {
+.ai-certificate-fields .pf-v5-c-check__body {
   width: 100%;
 }

package/lib/common/components/clusterConfiguration/CertificateFields.tsx

@@ -22,7 +22,7 @@ export const CertificateFieldsHelperText = ({ fieldId = FIELD_NAME }) => {
     <FormGroup>
       <FormHelperText>
         <HelperText id={fieldId}>
-          <HelperTextItem data-testid="certificate-fields-helper-text">
+          <HelperTextItem>
             {t(
               'ai:Paste in 1 or more PEM formatted certificates that you want the cluster to trust.',
             )}

package/lib/common/components/clusterConfiguration/ControlPlaneNodesDropdown.tsx

@@ -10,9 +10,10 @@ import {
 } from '@patternfly/react-core';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 import { getFieldId, StaticField } from '../..';
-import { useField } from 'formik';
 import toNumber from 'lodash-es/toNumber';
 import OcmTNADisclaimer from './OcmTNADisclaimer';
+import { ClusterDetailsValues } from '../clusterWizard';
+import { useField, useFormikContext } from 'formik';
 
 const isItemEnabled = (value: number, allowHighlyAvailable?: boolean, allowTNA?: boolean) => {
   switch (value) {
@@ -44,6 +45,7 @@ const ControlPlaneNodesDropdown = ({
 }) => {
   const { t } = useTranslation();
   const [{ name, value: selectedValue }, , { setValue }] = useField<number>('controlPlaneCount');
+  const { setFieldValue } = useFormikContext<ClusterDetailsValues>();
   const [controlPlanelOpen, setControlPlanelOpen] = React.useState(false);
   const fieldId = getFieldId(name, 'input');
 
@@ -85,6 +87,13 @@ const ControlPlaneNodesDropdown = ({
     e?: React.MouseEvent<Element, MouseEvent>,
     value?: string | number,
   ) => {
+    if (value === 1) {
+      setFieldValue('userManagedNetworking', true);
+      setFieldValue('platform', 'none');
+    } else {
+      setFieldValue('userManagedNetworking', false);
+      setFieldValue('platform', 'baremetal');
+    }
     setValue(toNumber(value));
     setControlPlanelOpen(false);
   };