@openshift-assisted/ui-lib 2.38.5 → 2.39.0

package/lib/ocm/components/clusterConfiguration/operators/MtvOperatorCheckbox.tsx

@@ -28,7 +28,7 @@ const MtvLabel = ({
 }) => (
   <>
     <Tooltip hidden={!disabledReason} content={disabledReason}>
-      <span>Install Migration Toolkit for Virtualization </span>
+      <span>Migration Toolkit for Virtualization </span>
     </Tooltip>
     <PopoverIcon
       component={'a'}
@@ -43,9 +43,8 @@ const MtvHelperText = () => {
   return (
     <HelperText>
       <HelperTextItem variant="indeterminate">
-        The Migration Toolkit for Virtualization (MTV) enables you to migrate virtual machines from
-        VMware vSphere, Red Hat Virtualization, or OpenStack to OpenShift Virtualization running on
-        Red Hat OpenShift.{' '}
+        This Toolkit (MTV) enables you to migrate virtual machines from VMware vSphere, Red Hat
+        Virtualization, or OpenStack to OpenShift Virtualization running on Red Hat OpenShift.{' '}
         <a href={MTV_LINK} target="_blank" rel="noopener noreferrer">
           {'Learn more'} <ExternalLinkAltIcon />
         </a>

package/lib/ocm/components/clusterConfiguration/operators/NmstateCheckbox.tsx

@@ -21,7 +21,7 @@ const NmstateLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install NMState </span>
+        <span>NMState </span>
       </Tooltip>
       <PopoverIcon
         id={NMSTATE_FIELD_NAME}

package/lib/ocm/components/clusterConfiguration/operators/NodeFeatureDiscoveryCheckbox.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, getNodeFeatureDiscoveryLink, PopoverIcon } from '../../../../common';
+import { getFieldId, getNodeFeatureDiscoveryLink } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
@@ -18,13 +18,8 @@ const NodeFeatureDiscoveryLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Node Feature Discovery </span>
+        <span>Node Feature Discovery </span>
       </Tooltip>
-      <PopoverIcon
-        id={NODEFEATUREDISCOVERY_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
       <NewFeatureSupportLevelBadge featureId="NODE_FEATURE_DISCOVERY" supportLevel={supportLevel} />
     </>
   );

package/lib/ocm/components/clusterConfiguration/operators/NodeHealthcheckCheckbox.tsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, NODE_HEALTHCHECK_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const NODE_HEALTHCHECK_FIELD_NAME = 'useNodeHealthcheck';
+const NODE_HEALTHCHECK_FEATURE_ID = 'NODE_HEALTHCHECK';
+
+const NodeHealthcheckLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Node Healthcheck </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={NODE_HEALTHCHECK_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const NodeHealthcheckHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Identify Unhealthy Nodes.{' '}
+        <a href={NODE_HEALTHCHECK_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const NodeHealthcheckCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(NODE_HEALTHCHECK_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={NODE_HEALTHCHECK_FIELD_NAME}
+        label={<NodeHealthcheckLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
+        helperText={<NodeHealthcheckHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default NodeHealthcheckCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/NodeMaintenanceOperatorCheckbox.tsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, NODE_HEALTHCHECK_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const NODE_MAINTENANCE_FIELD_NAME = 'useNodeMaintenance';
+const NODE_MAINTENANCE_FEATURE_ID = 'NODE_MAINTENANCE';
+
+const NodeMaintenanceLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Node Maintenance </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={NODE_MAINTENANCE_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const NodeMaintenanceHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Place nodes in maintenance mode.{' '}
+        <a href={NODE_HEALTHCHECK_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const NodeMaintenanceCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(NODE_MAINTENANCE_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={NODE_MAINTENANCE_FIELD_NAME}
+        label={<NodeMaintenanceLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
+        helperText={<NodeMaintenanceHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default NodeMaintenanceCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/NvidiaGpuCheckbox.tsx

@@ -18,10 +18,11 @@ const NvidiaGpuLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install NVIDIA GPU </span>
+        <span>NVIDIA GPU </span>
       </Tooltip>
       <PopoverIcon
         id={NVIDIAGPU_FIELD_NAME}
+        headerContent="Additional requirements"
         component={'a'}
         bodyContent={'Requires at least one supported NVIDIA GPU'}
       />

package/lib/ocm/components/clusterConfiguration/operators/OdfCheckbox.tsx

@@ -25,7 +25,7 @@ const OdfLabel = ({
 }) => (
   <>
     <Tooltip hidden={!disabledReason} content={disabledReason}>
-      <span>Install OpenShift Data Foundation </span>
+      <span>OpenShift Data Foundation </span>
     </Tooltip>
     <PopoverIcon
       component={'a'}

package/lib/ocm/components/clusterConfiguration/operators/OpenShiftAICheckbox.tsx

@@ -18,7 +18,7 @@ const OpenShiftAILabel = ({ disabledReason, supportLevel }: OpenShiftAILabelProp
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install OpenShift AI </span>
+        <span>OpenShift AI </span>
       </Tooltip>
       <PopoverIcon
         component={'a'}

package/lib/ocm/components/clusterConfiguration/operators/OpenshiftAIAmdRequirements.tsx

@@ -16,7 +16,7 @@ const OpenshiftAIAmdRequirements = () => {
       </List>
       Bundle operators:
       <List>
-        <ListItem>Openshift AI</ListItem>
+        <ListItem>OpenShift AI</ListItem>
         <ListItem>OpenShift Data Foundation</ListItem>
         <ListItem>AMD GPU</ListItem>
         <ListItem>Node Feature Discovery</ListItem>

package/lib/ocm/components/clusterConfiguration/operators/OpenshiftAINvidiaRequirements.tsx

@@ -18,7 +18,7 @@ const OpenshiftAINvidiaRequirements = () => {
       </List>
       Bundle operators:
       <List>
-        <ListItem>Openshift AI</ListItem>
+        <ListItem>OpenShift AI</ListItem>
         <ListItem>OpenShift Data Foundation</ListItem>
         <ListItem>NVIDIA GPU</ListItem>
         <ListItem>Node Feature Discovery</ListItem>

package/lib/ocm/components/clusterConfiguration/operators/OscCheckbox.tsx

@@ -17,7 +17,7 @@ const OscLabel = ({ disabledReason, supportLevel }: OscLabelProps) => {
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install OpenShift sandboxed containers </span>
+        <span>OpenShift sandboxed containers </span>
       </Tooltip>
       <PopoverIcon
         component={'a'}

package/lib/ocm/components/clusterConfiguration/operators/PipelinesChekbox.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, PIPELINES_OPERATOR_LINK, PopoverIcon } from '../../../../common';
+import { getFieldId, PIPELINES_OPERATOR_LINK } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
@@ -18,13 +18,8 @@ const PipelinesLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Pipelines </span>
+        <span>Pipelines </span>
       </Tooltip>
-      <PopoverIcon
-        id={PIPELINES_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
       <NewFeatureSupportLevelBadge featureId="PIPELINES" supportLevel={supportLevel} />
     </>
   );

package/lib/ocm/components/clusterConfiguration/operators/SelfNodeRemediationCheckbox.tsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, SELF_NODE_REMEDIATION_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const SELF_NODE_REMEDIATION_FIELD_NAME = 'useSelfNodeRemediation';
+const SELF_NODE_REMEDIATION_FEATURE_ID = 'SELF_NODE_REMEDIATION';
+
+const SelfNodeRemediationLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Self Node Remediation </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={SELF_NODE_REMEDIATION_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const SelfNodeRemediationHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Allows nodes to reboot themselves when they become unhealthy.{' '}
+        <a href={SELF_NODE_REMEDIATION_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const SelfNodeRemediationCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(SELF_NODE_REMEDIATION_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={SELF_NODE_REMEDIATION_FIELD_NAME}
+        label={
+          <SelfNodeRemediationLabel disabledReason={disabledReason} supportLevel={supportLevel} />
+        }
+        helperText={<SelfNodeRemediationHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default SelfNodeRemediationCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/ServerlessCheckbox.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, PopoverIcon, SERVERLESS_OPERATOR_LINK } from '../../../../common';
+import { getFieldId, SERVERLESS_OPERATOR_LINK } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
@@ -18,13 +18,8 @@ const ServerlessLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Serverless </span>
+        <span>Serverless </span>
       </Tooltip>
-      <PopoverIcon
-        id={SERVERLESS_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
       <NewFeatureSupportLevelBadge featureId="SERVERLESS" supportLevel={supportLevel} />
     </>
   );

package/lib/ocm/components/clusterConfiguration/operators/ServicemeshCheckbox.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, getServiceMeshLink, PopoverIcon } from '../../../../common';
+import { getFieldId, getServiceMeshLink } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
@@ -18,13 +18,8 @@ const ServiceMeshLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Service Mesh </span>
+        <span>Service Mesh </span>
       </Tooltip>
-      <PopoverIcon
-        id={SERVICEMESH_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
       <NewFeatureSupportLevelBadge featureId="SERVICEMESH" supportLevel={supportLevel} />
     </>
   );

package/lib/ocm/components/clusterConfiguration/operators/SupportedOperators.tsx

@@ -16,6 +16,11 @@ import ServiceMeshCheckbox from './ServicemeshCheckbox';
 import NvidiaGpuCheckbox from './NvidiaGpuCheckbox';
 import AmdGpuCheckbox from './AmdGpuCheckbox';
 import KmmCheckbox from './KmmCheckbox';
+import NodeHealthcheckCheckbox from './NodeHealthcheckCheckbox';
+import SelfNodeRemediationCheckbox from './SelfNodeRemediationCheckbox';
+import FenceAgentsRemediationCheckbox from './FenceAgentsRemediationCheckbox';
+import NodeMaintenanceCheckbox from './NodeMaintenanceOperatorCheckbox';
+import KubeDeschedulerCheckbox from './KubeDeschedulerCheckbox';
 import {
   FeatureId,
   OPERATOR_NAME_AMD_GPU,
@@ -35,6 +40,11 @@ import {
   OPERATOR_NAME_PIPELINES,
   OPERATOR_NAME_SERVERLESS,
   OPERATOR_NAME_SERVICEMESH,
+  OPERATOR_NAME_NODE_HEALTHCHECK,
+  OPERATOR_NAME_SELF_NODE_REMEDIATION,
+  OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
+  OPERATOR_NAME_NODE_MAINTENANCE,
+  OPERATOR_NAME_KUBE_DESCHEDULER,
 } from '../../../../common';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
 
@@ -72,6 +82,11 @@ export const operatorComponentMap: Record<string, (props: OperatorProps) => JSX.
   'nvidia-gpu': (props) => <NvidiaGpuCheckbox {...props} />,
   'amd-gpu': (props) => <AmdGpuCheckbox {...props} />,
   kmm: (props) => <KmmCheckbox {...props} />,
+  'node-healthcheck': (props) => <NodeHealthcheckCheckbox {...props} />,
+  'self-node-remediation': (props) => <SelfNodeRemediationCheckbox {...props} />,
+  'fence-agents-remediation': (props) => <FenceAgentsRemediationCheckbox {...props} />,
+  'node-maintenance': (props) => <NodeMaintenanceCheckbox {...props} />,
+  'kube-descheduler': (props) => <KubeDeschedulerCheckbox {...props} />,
 };
 
 export const mapOperatorsToFieldIds: { [key: string]: string } = {
@@ -92,6 +107,11 @@ export const mapOperatorsToFieldIds: { [key: string]: string } = {
   [OPERATOR_NAME_NVIDIA_GPU]: 'useNvidiaGpu',
   [OPERATOR_NAME_AMD_GPU]: 'useAmdGpu',
   [OPERATOR_NAME_KMM]: 'useKmm',
+  [OPERATOR_NAME_NODE_HEALTHCHECK]: 'useNodeHealthcheck',
+  [OPERATOR_NAME_SELF_NODE_REMEDIATION]: 'useSelfNodeRemediation',
+  [OPERATOR_NAME_FENCE_AGENTS_REMEDIATION]: 'useFenceAgentsRemediation',
+  [OPERATOR_NAME_NODE_MAINTENANCE]: 'useNodeMaintenance',
+  [OPERATOR_NAME_KUBE_DESCHEDULER]: 'useKubeDescheduler',
 };
 
 export const mapOperatorIdToFeatureId: { [key: string]: FeatureId } = {
@@ -112,4 +132,9 @@ export const mapOperatorIdToFeatureId: { [key: string]: FeatureId } = {
   [OPERATOR_NAME_NVIDIA_GPU]: 'NVIDIA_GPU',
   [OPERATOR_NAME_AMD_GPU]: 'AMD_GPU',
   [OPERATOR_NAME_KMM]: 'KMM',
+  [OPERATOR_NAME_NODE_HEALTHCHECK]: 'NODE_HEALTHCHECK',
+  [OPERATOR_NAME_SELF_NODE_REMEDIATION]: 'SELF_NODE_REMEDIATION',
+  [OPERATOR_NAME_FENCE_AGENTS_REMEDIATION]: 'FENCE_AGENTS_REMEDIATION',
+  [OPERATOR_NAME_NODE_MAINTENANCE]: 'NODE_MAINTENANCE',
+  [OPERATOR_NAME_KUBE_DESCHEDULER]: 'KUBE_DESCHEDULER',
 };

package/lib/ocm/components/clusterConfiguration/operators/VirtualizationRequirements.tsx

@@ -12,12 +12,21 @@ const VirtualizationRequirements = () => {
           Each control plane node requires an additional 1024 MiB of memory and 3 CPUs.
         </ListItem>
         <ListItem>Each worker node requires an additional 1024 MiB of memory and 5 CPUs.</ListItem>
+        <ListItem>
+          Additional resources may be required to support the selected storage operator.
+        </ListItem>
       </List>
       Bundle operators:
       <List>
         <ListItem>OpenShift Virtualization</ListItem>
         <ListItem>Migration Toolkit for Virtualization</ListItem>
         <ListItem>Nmstate</ListItem>
+        <ListItem>Storage operator (either LSO/LVMS)</ListItem>
+        <ListItem>Node Healthcheck</ListItem>
+        <ListItem>Self Node Remediation</ListItem>
+        <ListItem>Fence Agents Remediation</ListItem>
+        <ListItem>Node Maintenance</ListItem>
+        <ListItem>Kube Descheduler</ListItem>
       </List>
     </>
   );

package/lib/ocm/components/clusterConfiguration/platformIntegration/ExternalPlatformDropdown.tsx

@@ -20,11 +20,13 @@ import {
 import { ExternalPlaformIds, ExternalPlatformLabels, ExternalPlatformLinks } from './constants';
 import { PlatformType, SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
 import {
-  NewFeatureSupportLevelData,
+  GetFeatureDisabledReason,
+  GetFeatureSupportLevel,
   NewFeatureSupportLevelMap,
   useNewFeatureSupportLevel,
 } from '../../../../common/components/newFeatureSupportLevels';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { useFeature } from '../../../hooks/use-feature';
 
 const INPUT_NAME = 'platform';
 const fieldId = getFieldId(INPUT_NAME, 'input');
@@ -45,7 +47,7 @@ export type ExternalPlatformInfo = {
 
 const getDisabledReasonForExternalPlatform = (
   isSNO: boolean,
-  newFeatureSupportLevelContext: NewFeatureSupportLevelData,
+  getFeatureDisabledReason: GetFeatureDisabledReason,
   platform: PlatformType,
   featureSupportLevelData?: NewFeatureSupportLevelMap | null,
   cpuArchitecture?: SupportedCpuArchitecture,
@@ -58,7 +60,7 @@ const getDisabledReasonForExternalPlatform = (
   ) {
     return `Plaform integration is not supported for Single-Node OpenShift with the selected CPU architecture.`;
   } else {
-    return newFeatureSupportLevelContext.getFeatureDisabledReason(
+    return getFeatureDisabledReason(
       ExternalPlaformIds[platform] as FeatureId,
       featureSupportLevelData ?? undefined,
       cpuArchitecture,
@@ -66,35 +68,47 @@ const getDisabledReasonForExternalPlatform = (
   }
 };
 
+const isAvailablePlatform = (platform: PlatformType, isDisconnected?: boolean) => {
+  if (isDisconnected && platform === 'nutanix') {
+    return false;
+  }
+  return platform !== undefined;
+};
+
 const getExternalPlatformTypes = (
   isSNO: boolean,
-  newFeatureSupportLevelContext: NewFeatureSupportLevelData,
+  getFeatureSupportLevel: GetFeatureSupportLevel,
+  getFeatureDisabledReason: GetFeatureDisabledReason,
   featureSupportLevelData?: NewFeatureSupportLevelMap | null,
   cpuArchitecture?: SupportedCpuArchitecture,
+  isDisconnected?: boolean,
 ): Partial<{ [key in PlatformType]: ExternalPlatformInfo }> => {
   const platforms = ['none', 'nutanix', 'external', 'vsphere'] as PlatformType[];
 
-  return platforms.filter(Boolean).reduce(
-    (a, platform) => ({
-      ...a,
-      [platform]: {
-        label: ExternalPlatformLabels[platform],
-        href: ExternalPlatformLinks[platform],
-        disabledReason: getDisabledReasonForExternalPlatform(
-          isSNO,
-          newFeatureSupportLevelContext,
-          platform,
-          featureSupportLevelData ?? undefined,
-          cpuArchitecture,
-        ),
-        supportLevel: newFeatureSupportLevelContext.getFeatureSupportLevel(
-          ExternalPlaformIds[platform] as FeatureId,
-          featureSupportLevelData ?? undefined,
-        ),
-      },
-    }),
-    {},
-  );
+  const newPlatform = platforms
+    .filter((platform) => isAvailablePlatform(platform, isDisconnected))
+    .reduce(
+      (a, platform) => ({
+        ...a,
+        [platform]: {
+          label: ExternalPlatformLabels[platform],
+          href: ExternalPlatformLinks[platform],
+          disabledReason: getDisabledReasonForExternalPlatform(
+            isSNO,
+            getFeatureDisabledReason,
+            platform,
+            featureSupportLevelData ?? undefined,
+            cpuArchitecture,
+          ),
+          supportLevel: getFeatureSupportLevel(
+            ExternalPlaformIds[platform] as FeatureId,
+            featureSupportLevelData ?? undefined,
+          ),
+        },
+      }),
+      {},
+    );
+  return newPlatform;
 };
 
 export const areAllExternalPlatformIntegrationDisabled = (
@@ -124,30 +138,41 @@ export const ExternalPlatformDropdown = ({
   const [externalPlatformTypes, setExternalPlatformTypes] = React.useState<
     Partial<{ [key in PlatformType]: ExternalPlatformInfo }>
   >({});
+  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
 
   const tooltipDropdownDisabled = getReasonForDropdownDisabled(
     isSNO,
     cpuArchitecture ? architectureData[cpuArchitecture].label : '',
   );
 
-  const handleClick = (event: MouseEvent<HTMLButtonElement>, href: string) => {
+  const handleClick = (event: MouseEvent<HTMLButtonElement>, href: string): void => {
     event.stopPropagation(); // Stop event propagation here
     window.open(href, '_blank');
   };
-  const newFeatureSupportLevelContext = useNewFeatureSupportLevel();
+
+  const { getFeatureSupportLevel, getFeatureDisabledReason } = useNewFeatureSupportLevel();
+
   React.useEffect(() => {
     // Calculate updated externalPlatformTypes based on the dependencies
     const updatedExternalPlatformTypes = getExternalPlatformTypes(
       isSNO,
-      newFeatureSupportLevelContext,
+      getFeatureSupportLevel,
+      getFeatureDisabledReason,
       featureSupportLevelData,
       cpuArchitecture,
+      isSingleClusterFeatureEnabled,
     );
 
     // Update the state with the new externalPlatformTypes
     setExternalPlatformTypes(updatedExternalPlatformTypes);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [featureSupportLevelData, cpuArchitecture, isSNO]);
+  }, [
+    featureSupportLevelData,
+    cpuArchitecture,
+    isSNO,
+    isSingleClusterFeatureEnabled,
+    getFeatureSupportLevel,
+    getFeatureDisabledReason,
+  ]);
 
   const dropdownIsDisabled = React.useMemo(() => {
     return areAllExternalPlatformIntegrationDisabled(externalPlatformTypes);

package/lib/ocm/components/clusterConfiguration/review/ReviewPreflightChecks.tsx

@@ -22,7 +22,7 @@ import {
   UiIcon,
 } from '../../../../common';
 import { useClusterWizardContext } from '../../clusterWizard/ClusterWizardContext';
-import { useOpenshiftVersionsContext } from '../../clusterWizard/OpenshiftVersionsContext';
+import { useOpenShiftVersionsContext } from '../../clusterWizard/OpenShiftVersionsContext';
 import { wizardStepNames } from '../../clusterWizard/constants';
 import {
   ClusterWizardStepsType,
@@ -118,7 +118,7 @@ const getCheckIcon = (validationStatuses: string[]) => {
 const PreflightChecksDetailCollapsed = ({ cluster }: { cluster: Cluster }) => {
   const { t } = useTranslation();
   const featureSupportLevelData = useNewFeatureSupportLevel();
-  const { isSupportedOpenShiftVersion } = useOpenshiftVersionsContext();
+  const { isSupportedOpenShiftVersion } = useOpenShiftVersionsContext();
 
   const { isFullySupported } = React.useMemo<SupportLevelMemo>(
     () => getSupportLevelInfo(cluster, featureSupportLevelData, isSupportedOpenShiftVersion, t),

package/lib/ocm/components/clusterConfiguration/staticIp/commonValidationSchemas.tsx

@@ -234,7 +234,7 @@ export const getIpIsNotNetworkOrBroadcastAddressSchema = (
     (value) => {
       const subnetAddr = getAddressObject(subnet, protocolVersion);
       if (!subnetAddr) {
-        return false;
+        return true;
       } else {
         const subnetStart = subnetAddr?.startAddress().correctForm();
         const subnetEnd = subnetAddr?.endAddress().correctForm();