@openshift-assisted/ui-lib 2.39.1 → 2.39.3

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

@@ -1,61 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { List, ListItem } from '@patternfly/react-core';
-import { useClusterPreflightRequirements } from '../../../hooks';
-import { ErrorState, LoadingState, OPERATOR_NAME_MCE, RenderIf } from '../../../../common';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { selectIsCurrentClusterSNO } from '../../../store/slices/current-cluster/selectors';
-import { getOdfLvmsText } from './utils';
-
-const MceRequirements = ({
-  clusterId,
-  isVersionEqualsOrMajorThan4_15,
-}: {
-  clusterId: Cluster['id'];
-  isVersionEqualsOrMajorThan4_15: boolean;
-}) => {
-  const { preflightRequirements, error, isLoading } = useClusterPreflightRequirements(clusterId);
-  const isSingleNode = useSelector(selectIsCurrentClusterSNO);
-
-  if (isLoading) {
-    return <LoadingState content="Loading hardware requirements ..." />;
-  }
-  if (error) {
-    return <ErrorState />;
-  }
-
-  const mceRequirements = preflightRequirements?.operators?.find(
-    (operatorRequirements) => operatorRequirements.operatorName === OPERATOR_NAME_MCE,
-  );
-
-  const workerRequirements = mceRequirements?.requirements?.worker?.quantitative;
-  const masterRequirements = mceRequirements?.requirements?.master?.quantitative;
-  const odfLvmsText = getOdfLvmsText(isSingleNode, isVersionEqualsOrMajorThan4_15);
-  return (
-    <>
-      <List>
-        <RenderIf condition={!isSingleNode}>
-          <ListItem>
-            Each worker node requires an additional {workerRequirements?.ramMib || 360} MiB of
-            memory {workerRequirements?.diskSizeGb ? ',' : ' and'}{' '}
-            {workerRequirements?.cpuCores || 2} CPUs
-            {workerRequirements?.diskSizeGb
-              ? ` and ${workerRequirements?.diskSizeGb} storage space`
-              : ''}
-          </ListItem>
-        </RenderIf>
-        <ListItem>
-          Each control plane node requires an additional {masterRequirements?.ramMib || 150} MiB of
-          memory {masterRequirements?.diskSizeGb ? ',' : ' and'} {masterRequirements?.cpuCores || 4}{' '}
-          CPUs
-          {masterRequirements?.diskSizeGb
-            ? ` and ${masterRequirements?.diskSizeGb} storage space`
-            : ''}
-        </ListItem>
-        <ListItem>{odfLvmsText}</ListItem>
-      </List>
-    </>
-  );
-};
-
-export default MceRequirements;

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

@@ -1,94 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import {
-  getFieldId,
-  PopoverIcon,
-  MTV_LINK,
-  OperatorsValues,
-  ClusterOperatorProps,
-} from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import { useFormikContext } from 'formik';
-import MtvRequirements from './MtvRequirements';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { useNewFeatureSupportLevel } from '../../../../common/components/newFeatureSupportLevels';
-
-const Mtv_FIELD_NAME = 'useMigrationToolkitforVirtualization';
-
-const MtvLabel = ({
-  disabledReason,
-  clusterId,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  clusterId: string;
-  supportLevel?: SupportLevel;
-}) => (
-  <>
-    <Tooltip hidden={!disabledReason} content={disabledReason}>
-      <span>Migration Toolkit for Virtualization </span>
-    </Tooltip>
-    <PopoverIcon
-      component={'a'}
-      headerContent="Additional requirements"
-      bodyContent={<MtvRequirements clusterId={clusterId} />}
-    />
-    <NewFeatureSupportLevelBadge featureId="MTV" supportLevel={supportLevel} />
-  </>
-);
-
-const MtvHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        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>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const MtvCheckbox = ({
-  clusterId,
-  disabledReason,
-  supportLevel,
-}: {
-  clusterId: ClusterOperatorProps['clusterId'];
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const { setFieldValue } = useFormikContext<OperatorsValues>();
-  const fieldId = getFieldId(Mtv_FIELD_NAME, 'input');
-  const featureSupportLevelData = useNewFeatureSupportLevel();
-
-  const selectCNVOperator = (checked: boolean) => {
-    if (featureSupportLevelData.isFeatureSupported('CNV'))
-      setFieldValue('useContainerNativeVirtualization', checked);
-    if (featureSupportLevelData.isFeatureSupported('LSO')) setFieldValue('useLso', checked);
-  };
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={Mtv_FIELD_NAME}
-        label={
-          <MtvLabel
-            disabledReason={disabledReason}
-            clusterId={clusterId}
-            supportLevel={supportLevel}
-          />
-        }
-        isDisabled={!!disabledReason}
-        helperText={<MtvHelperText />}
-        onChange={selectCNVOperator}
-      />
-    </FormGroup>
-  );
-};
-
-export default MtvCheckbox;

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { List, ListItem } from '@patternfly/react-core';
-import { useClusterPreflightRequirements } from '../../../hooks';
-import { ErrorState, LoadingState, OPERATOR_NAME_MTV, RenderIf } from '../../../../common';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { selectIsCurrentClusterSNO } from '../../../store/slices/current-cluster/selectors';
-
-const MtvRequirements = ({ clusterId }: { clusterId: Cluster['id'] }) => {
-  const { preflightRequirements, error, isLoading } = useClusterPreflightRequirements(clusterId);
-  const isSingleNode = useSelector(selectIsCurrentClusterSNO);
-
-  if (isLoading) {
-    return <LoadingState content="Loading hardware requirements ..." />;
-  }
-  if (error) {
-    return <ErrorState />;
-  }
-
-  const mtvRequirements = preflightRequirements?.operators?.find(
-    (operatorRequirements) => operatorRequirements.operatorName === OPERATOR_NAME_MTV,
-  );
-
-  const workerRequirements = mtvRequirements?.requirements?.worker?.quantitative;
-  const masterRequirements = mtvRequirements?.requirements?.master?.quantitative;
-  return (
-    <>
-      <List>
-        <RenderIf condition={!isSingleNode}>
-          <ListItem>
-            Each worker node requires an additional {workerRequirements?.ramMib || 360} MiB of
-            memory {workerRequirements?.diskSizeGb ? ',' : ' and'}{' '}
-            {workerRequirements?.cpuCores || 2} CPUs
-            {workerRequirements?.diskSizeGb
-              ? ` and ${workerRequirements?.diskSizeGb} storage space`
-              : ''}
-          </ListItem>
-        </RenderIf>
-        <ListItem>
-          Each control plane node requires an additional {masterRequirements?.ramMib || 150} MiB of
-          memory {masterRequirements?.diskSizeGb ? ',' : ' and'} {masterRequirements?.cpuCores || 4}{' '}
-          CPUs
-          {masterRequirements?.diskSizeGb
-            ? ` and ${masterRequirements?.diskSizeGb} storage space`
-            : ''}
-        </ListItem>
-      </List>
-    </>
-  );
-};
-
-export default MtvRequirements;

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

@@ -1,82 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, PopoverIcon, ClusterOperatorProps, getNmstateLink } from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import NmstateRequirements from './NmstateRequirements';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-const NMSTATE_FIELD_NAME = 'useNmstate';
-
-const NmstateLabel = ({
-  disabledReason,
-  clusterId,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  clusterId: ClusterOperatorProps['clusterId'];
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>NMState </span>
-      </Tooltip>
-      <PopoverIcon
-        id={NMSTATE_FIELD_NAME}
-        component={'a'}
-        headerContent="Additional requirements"
-        bodyContent={<NmstateRequirements clusterId={clusterId} />}
-      />
-      <NewFeatureSupportLevelBadge featureId="NMSTATE" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const NmstateHelperText = ({ openshiftVersion }: { openshiftVersion?: string }) => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Provides users with functionality to configure various network interface types, DNS, and
-        routing on cluster nodes.{' '}
-        <a href={getNmstateLink(openshiftVersion)} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const NmstateCheckbox = ({
-  clusterId,
-  disabledReason,
-  supportLevel,
-  openshiftVersion,
-}: {
-  clusterId: ClusterOperatorProps['clusterId'];
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-  openshiftVersion?: string;
-}) => {
-  const fieldId = getFieldId(NMSTATE_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={NMSTATE_FIELD_NAME}
-        label={
-          <NmstateLabel
-            clusterId={clusterId}
-            disabledReason={disabledReason}
-            supportLevel={supportLevel}
-          />
-        }
-        helperText={<NmstateHelperText openshiftVersion={openshiftVersion || '4.17'} />}
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default NmstateCheckbox;

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

@@ -1,53 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { List, ListItem } from '@patternfly/react-core';
-import { useClusterPreflightRequirements } from '../../../hooks';
-import { ErrorState, LoadingState, OPERATOR_NAME_NMSTATE, RenderIf } from '../../../../common';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { selectIsCurrentClusterSNO } from '../../../store/slices/current-cluster/selectors';
-
-const NmstateRequirements = ({ clusterId }: { clusterId: Cluster['id'] }) => {
-  const { preflightRequirements, error, isLoading } = useClusterPreflightRequirements(clusterId);
-  const isSingleNode = useSelector(selectIsCurrentClusterSNO);
-
-  if (isLoading) {
-    return <LoadingState content="Loading hardware requirements ..." />;
-  }
-  if (error) {
-    return <ErrorState />;
-  }
-
-  const NmstateRequirements = preflightRequirements?.operators?.find(
-    (operatorRequirements) => operatorRequirements.operatorName === OPERATOR_NAME_NMSTATE,
-  );
-
-  const workerRequirements = NmstateRequirements?.requirements?.worker?.quantitative;
-  const masterRequirements = NmstateRequirements?.requirements?.master?.quantitative;
-
-  return (
-    <>
-      <List>
-        <RenderIf condition={!isSingleNode}>
-          <ListItem>
-            Each worker node requires an additional {workerRequirements?.ramMib || 360} MiB of
-            memory {workerRequirements?.diskSizeGb ? ',' : ''}{' '}
-            {workerRequirements?.cpuCores ? ` and ${workerRequirements?.cpuCores} CPUs` : ''}
-            {workerRequirements?.diskSizeGb
-              ? ` and ${workerRequirements?.diskSizeGb} storage space`
-              : ''}
-          </ListItem>
-        </RenderIf>
-        <ListItem>
-          Each control plane node requires an additional {masterRequirements?.ramMib || 150} MiB of
-          memory {masterRequirements?.diskSizeGb ? ',' : ''}{' '}
-          {masterRequirements?.cpuCores ? ` and ${masterRequirements?.cpuCores} CPUs` : ''}
-          {masterRequirements?.diskSizeGb
-            ? ` and ${masterRequirements?.diskSizeGb} storage space`
-            : ''}
-        </ListItem>
-      </List>
-    </>
-  );
-};
-
-export default NmstateRequirements;

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

@@ -1,73 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-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';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-const NODEFEATUREDISCOVERY_FIELD_NAME = 'useNodeFeatureDiscovery';
-
-const NodeFeatureDiscoveryLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Node Feature Discovery </span>
-      </Tooltip>
-      <NewFeatureSupportLevelBadge featureId="NODE_FEATURE_DISCOVERY" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const NodeFeatureDiscoveryHelperText = ({ openshiftVersion }: { openshiftVersion?: string }) => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Manage the detection of hardware features and configuration by labeling nodes with
-        hardware-specific information.{' '}
-        <a
-          href={getNodeFeatureDiscoveryLink(openshiftVersion)}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const NodeFeatureDiscoveryCheckbox = ({
-  disabledReason,
-  supportLevel,
-  openshiftVersion,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-  openshiftVersion?: string;
-}) => {
-  const fieldId = getFieldId(NODEFEATUREDISCOVERY_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={NODEFEATUREDISCOVERY_FIELD_NAME}
-        label={
-          <NodeFeatureDiscoveryLabel disabledReason={disabledReason} supportLevel={supportLevel} />
-        }
-        helperText={
-          <NodeFeatureDiscoveryHelperText openshiftVersion={openshiftVersion || '4.17'} />
-        }
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default NodeFeatureDiscoveryCheckbox;

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

@@ -1,66 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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

@@ -1,70 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, getNvidiaGpuLink, PopoverIcon } from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-const NVIDIAGPU_FIELD_NAME = 'useNvidiaGpu';
-
-const NvidiaGpuLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>NVIDIA GPU </span>
-      </Tooltip>
-      <PopoverIcon
-        id={NVIDIAGPU_FIELD_NAME}
-        headerContent="Additional requirements"
-        component={'a'}
-        bodyContent={'Requires at least one supported NVIDIA GPU'}
-      />
-      <NewFeatureSupportLevelBadge featureId="NVIDIA_GPU" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const NvidiaGpuHelperText = ({ openshiftVersion }: { openshiftVersion?: string }) => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Automate the management of NVIDIA software components needed to provision and monitor GPUs.{' '}
-        <a href={getNvidiaGpuLink(openshiftVersion)} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const NvidiaGpuCheckbox = ({
-  disabledReason,
-  supportLevel,
-  openshiftVersion,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-  openshiftVersion?: string;
-}) => {
-  const fieldId = getFieldId(NVIDIAGPU_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={NVIDIAGPU_FIELD_NAME}
-        label={<NvidiaGpuLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        helperText={<NvidiaGpuHelperText openshiftVersion={openshiftVersion || '4.17'} />}
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default NvidiaGpuCheckbox;