@openshift-assisted/ui-lib 2.55.2 → 2.56.1

package/lib/ocm/components/clusterConfiguration/OcmBaseDomainField.tsx

@@ -1,135 +0,0 @@
-import React from 'react';
-import {
-  FormGroup,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-  Tooltip,
-  Dropdown,
-  DropdownItem,
-  MenuToggle,
-  MenuToggleElement,
-} from '@patternfly/react-core';
-import { useField, useFormikContext } from 'formik';
-import { ClusterDetailsValues, getFieldId } from '../../../common';
-import { OcmCheckboxField, OcmInputField } from '../ui/OcmFormFields';
-import { ManagedDomain } from '@openshift-assisted/types/assisted-installer-service';
-import { clusterExistsReason } from '../featureSupportLevels/featureStateUtils';
-
-const INPUT_NAME = 'baseDnsDomain';
-const INPUT_LABEL = 'Base domain';
-const fieldId = getFieldId(INPUT_NAME, 'input');
-
-const getManagedDomainLabel = (domain: ManagedDomain) =>
-  `${domain?.domain || ''} (${domain?.provider || ''})`;
-
-export const BaseDnsHelperText = ({
-  name,
-  baseDnsDomain,
-}: {
-  name?: string;
-  baseDnsDomain?: string;
-}) => (
-  <FormHelperText>
-    <HelperText id={fieldId}>
-      <HelperTextItem data-testid={`input-basednshelpertext-${fieldId}-helper-text`}>
-        Enter the name of your domain [domainname] or [domainname.com]. This cannot be changed after
-        cluster installed. All DNS records must include the cluster name and be subdomains of the
-        base you enter. The full cluster address will be: <br />
-        <span className="pf-v6-u-font-weight-bold">
-          {name || '[Cluster Name]'}.{baseDnsDomain || '[domainname.com]'}
-        </span>
-      </HelperTextItem>
-    </HelperText>
-  </FormHelperText>
-);
-
-export const OcmBaseDomainField = ({
-  managedDomains,
-  clusterExists,
-}: {
-  managedDomains: ManagedDomain[];
-  clusterExists: boolean;
-}) => {
-  const [, { value }, { setValue }] = useField<string>(INPUT_NAME);
-  const { values } = useFormikContext<ClusterDetailsValues>();
-  const { name, baseDnsDomain, useRedHatDnsService } = values;
-  const [isOpen, setOpen] = React.useState(false);
-
-  const dropdownItems = React.useMemo(() => {
-    return managedDomains?.map((d) => (
-      <DropdownItem key={d.domain} id={d.domain}>
-        {getManagedDomainLabel(d)}
-      </DropdownItem>
-    ));
-  }, [managedDomains]);
-
-  const dropdownToggle = (toggleRef: React.Ref<MenuToggleElement>) => {
-    const selectedDomain = managedDomains.find((d) => d.domain === value);
-    return (
-      <MenuToggle
-        ref={toggleRef}
-        onClick={() => setOpen(!isOpen)}
-        isExpanded={isOpen}
-        className="pf-v6-u-w-100"
-        data-testid="base-domain-dropdown-toggle"
-      >
-        {selectedDomain ? getManagedDomainLabel(selectedDomain) : 'Base domain'}
-      </MenuToggle>
-    );
-  };
-
-  const toggleRedHatDnsService = (checked: boolean) =>
-    setValue((checked && managedDomains.map((d) => d.domain)[0]) || '');
-
-  const onSelect = React.useCallback(
-    (event?: React.MouseEvent<Element, MouseEvent>): void => {
-      const selectedDomain = event?.currentTarget.id || '';
-      setValue(selectedDomain);
-      setOpen(false);
-    },
-    [setValue],
-  );
-
-  return (
-    <>
-      {!!managedDomains.length && toggleRedHatDnsService && (
-        <Tooltip content={clusterExistsReason} hidden={!clusterExists}>
-          <OcmCheckboxField
-            name="useRedHatDnsService"
-            label="Use a temporary 60-day domain"
-            helperText="A base domain will be provided for temporary, non-production clusters."
-            onChange={toggleRedHatDnsService}
-            isDisabled={clusterExists}
-          />
-        </Tooltip>
-      )}
-      <FormGroup
-        id={`form-control__${fieldId}`}
-        fieldId={fieldId}
-        name={INPUT_NAME}
-        label={INPUT_LABEL}
-        isRequired
-      >
-        {useRedHatDnsService ? (
-          <Dropdown
-            toggle={dropdownToggle}
-            isOpen={isOpen}
-            onSelect={onSelect}
-            onOpenChange={() => setOpen(!isOpen)}
-          >
-            {dropdownItems}
-          </Dropdown>
-        ) : (
-          <OcmInputField
-            name={INPUT_NAME}
-            placeholder="localhost.com"
-            isDisabled={useRedHatDnsService}
-            isRequired
-          />
-        )}
-        <BaseDnsHelperText name={name} baseDnsDomain={baseDnsDomain} />
-      </FormGroup>
-    </>
-  );
-};

package/lib/ocm/components/clusterConfiguration/OcmClusterDetailsFormFields.tsx

@@ -1,238 +0,0 @@
-import * as React from 'react';
-import { Form } from '@patternfly/react-core';
-import { useFormikContext } from 'formik';
-
-import { HostsNetworkConfigurationControlGroup } from './HostsNetworkConfigurationControlGroup';
-import {
-  ClusterDetailsValues,
-  OpenshiftVersionOptionType,
-  PullSecret,
-  ocmClusterNameValidationMessages,
-  uniqueOcmClusterNameValidationMessages,
-  CLUSTER_NAME_MAX_LENGTH,
-  StaticTextField,
-  getSupportedCpuArchitectures,
-  SupportedCpuArchitecture,
-  architectureData,
-} from '../../../common';
-import DiskEncryptionControlGroup from '../../../common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionControlGroup';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import { OcmRichInputField } from '../ui/OcmFormFields';
-import OcmOpenShiftVersion from './OcmOpenShiftVersion';
-import OcmOpenShiftVersionSelect from './OcmOpenShiftVersionSelect';
-import CpuArchitectureDropdown from './CpuArchitectureDropdown';
-import { OcmBaseDomainField } from './OcmBaseDomainField';
-import useSupportLevelsAPI from '../../hooks/useSupportLevelsAPI';
-import { useOpenShiftVersionsContext } from '../clusterWizard/OpenShiftVersionsContext';
-import { ExternalPlatformDropdown } from './platformIntegration/ExternalPlatformDropdown';
-import { HostsNetworkConfigurationType } from '../../services/types';
-import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
-import { ExternalPlatformLabels } from './platformIntegration/constants';
-import {
-  Cluster,
-  ManagedDomain,
-  PlatformType,
-} from '@openshift-assisted/types/assisted-installer-service';
-import { useFeature } from '../../hooks/use-feature';
-import ControlPlaneNodesDropdown, {
-  ControlPlaneNodesLabel,
-  DEFAULT_VALUE_CPN,
-  isCPNDropdownItemEnabled,
-} from './ControlPlaneNodesDropdown';
-import { isFeatureSupportedAndAvailable } from '../featureSupportLevels/featureStateUtils';
-
-export type OcmClusterDetailsFormFieldsProps = {
-  cluster?: Cluster;
-  defaultPullSecret?: string;
-  isOcm: boolean;
-  managedDomains?: ManagedDomain[];
-  versions: OpenshiftVersionOptionType[];
-};
-
-export const OcmClusterDetailsFormFields = ({
-  managedDomains = [],
-  versions,
-  defaultPullSecret,
-  isOcm,
-  cluster,
-}: OcmClusterDetailsFormFieldsProps) => {
-  const clusterExists = !!cluster;
-  const { values, setFieldValue } = useFormikContext<ClusterDetailsValues>();
-  const { useRedHatDnsService } = values;
-  const nameInputRef = React.useRef<HTMLInputElement>();
-
-  const { t } = useTranslation();
-  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
-  const { openshiftVersion, platform } = values;
-  const { getCpuArchitectures } = useOpenShiftVersionsContext();
-  const cpuArchitecturesByVersionImage = getCpuArchitectures(openshiftVersion);
-  const featureSupportLevelData = useSupportLevelsAPI(
-    'features',
-    values.openshiftVersion,
-    values.cpuArchitecture as SupportedCpuArchitecture,
-  );
-  const cpuArchitectures = React.useMemo(
-    () => getSupportedCpuArchitectures(cpuArchitecturesByVersionImage),
-    [cpuArchitecturesByVersionImage],
-  );
-  const cpuArchitecture =
-    architectureData[values.cpuArchitecture as SupportedCpuArchitecture].label;
-
-  const featureSupportLevelContext = useNewFeatureSupportLevel();
-  const tnaSupport = featureSupportLevelContext.getFeatureSupportLevel(
-    'TNA',
-    featureSupportLevelData ?? undefined,
-  );
-  const isArbiterEncryptionAvailable = isSingleClusterFeatureEnabled
-    ? false
-    : isFeatureSupportedAndAvailable(tnaSupport);
-
-  React.useEffect(() => {
-    nameInputRef.current?.focus();
-  }, []);
-
-  const handleExternalPartnerIntegrationsChange = React.useCallback(
-    (selectedPlatform: PlatformType) => {
-      const isOracleSelected = selectedPlatform === 'external';
-      if (isOracleSelected) {
-        setFieldValue('hostsNetworkConfigurationType', HostsNetworkConfigurationType.DHCP);
-      }
-    },
-    [setFieldValue],
-  );
-
-  React.useEffect(() => {
-    setFieldValue(
-      'isCMNSupported',
-      featureSupportLevelContext.isFeatureSupported(
-        'CLUSTER_MANAGED_NETWORKING',
-        featureSupportLevelData ?? undefined,
-      ),
-      false,
-    );
-    setFieldValue(
-      'isSNODevPreview',
-      featureSupportLevelContext.getFeatureSupportLevel(
-        'SNO',
-        featureSupportLevelData ?? undefined,
-      ) === 'dev-preview',
-    );
-  }, [setFieldValue, featureSupportLevelContext, featureSupportLevelData]);
-
-  React.useEffect(() => {
-    const currentCount = values.controlPlaneCount;
-    const isNonStandardControlPlaneEnabled = featureSupportLevelContext.isFeatureSupported(
-      'NON_STANDARD_HA_CONTROL_PLANE',
-      featureSupportLevelData ?? undefined,
-    );
-    const isTnaEnabled = featureSupportLevelContext.isFeatureSupported(
-      'TNA',
-      featureSupportLevelData ?? undefined,
-    );
-
-    const isItemEnabled = isCPNDropdownItemEnabled(
-      currentCount,
-      isNonStandardControlPlaneEnabled,
-      isTnaEnabled,
-    );
-
-    if (!isItemEnabled) {
-      setFieldValue('controlPlaneCount', DEFAULT_VALUE_CPN, false);
-    }
-  }, [
-    values.openshiftVersion,
-    featureSupportLevelData,
-    featureSupportLevelContext,
-    values.controlPlaneCount,
-    setFieldValue,
-  ]);
-  return (
-    <Form id="wizard-cluster-details__form">
-      <OcmRichInputField
-        ref={nameInputRef}
-        label="Cluster name"
-        name="name"
-        placeholder={isOcm ? '' : 'Enter cluster name'}
-        isRequired
-        richValidationMessages={
-          useRedHatDnsService
-            ? uniqueOcmClusterNameValidationMessages(t)
-            : ocmClusterNameValidationMessages(t)
-        }
-        maxLength={CLUSTER_NAME_MAX_LENGTH}
-      />
-
-      <OcmBaseDomainField managedDomains={managedDomains} clusterExists={clusterExists} />
-
-      {clusterExists || isSingleClusterFeatureEnabled ? (
-        <OcmOpenShiftVersion
-          versions={versions}
-          openshiftVersion={values.openshiftVersion}
-          clusterCpuArchitecture={values.cpuArchitecture}
-          withPreviewText
-          withMultiText
-        />
-      ) : (
-        <OcmOpenShiftVersionSelect />
-      )}
-      {clusterExists || isSingleClusterFeatureEnabled ? (
-        <StaticTextField name="cpuArchitecture" label="CPU architecture" isRequired>
-          {cpuArchitecture}
-        </StaticTextField>
-      ) : (
-        <CpuArchitectureDropdown
-          openshiftVersion={openshiftVersion}
-          cpuArchitectures={cpuArchitectures}
-        />
-      )}
-
-      {!cluster?.pullSecretSet && (
-        <PullSecret
-          isOcm={isOcm}
-          defaultPullSecret={defaultPullSecret}
-          isSingleClusterFeatureEnabled={isSingleClusterFeatureEnabled}
-        />
-      )}
-
-      {!isSingleClusterFeatureEnabled &&
-        (clusterExists ? (
-          <StaticTextField
-            name="platform"
-            label="Integrate with external partner platforms"
-            isRequired
-          >
-            {ExternalPlatformLabels[values.platform]}
-          </StaticTextField>
-        ) : (
-          <ExternalPlatformDropdown
-            onChange={handleExternalPartnerIntegrationsChange}
-            cpuArchitecture={values.cpuArchitecture as SupportedCpuArchitecture}
-            featureSupportLevelData={featureSupportLevelData}
-            isSNO={values.controlPlaneCount === 1}
-          />
-        ))}
-
-      {clusterExists ? (
-        <StaticTextField name="controlPlaneCount" label={<ControlPlaneNodesLabel />}>
-          {values.controlPlaneCount}
-        </StaticTextField>
-      ) : (
-        <ControlPlaneNodesDropdown featureSupportLevelData={featureSupportLevelData} />
-      )}
-      {!isSingleClusterFeatureEnabled && (
-        <HostsNetworkConfigurationControlGroup
-          clusterExists={clusterExists}
-          isDisabled={platform === 'external'}
-        />
-      )}
-
-      <DiskEncryptionControlGroup
-        values={values}
-        isDisabled={cluster?.pullSecretSet}
-        isSNO={values.controlPlaneCount === 1}
-        isArbiterEncryptionAvailable={isArbiterEncryptionAvailable}
-        docVersion={openshiftVersion}
-      />
-    </Form>
-  );
-};

package/lib/ocm/components/clusterConfiguration/OcmClusterProgressItems.tsx

@@ -1,64 +0,0 @@
-import { Grid, GridItem } from '@patternfly/react-core';
-import React from 'react';
-import {
-  EventListFetchProps,
-  getEnabledHosts,
-  RenderIf,
-  selectAllOlmOperators,
-} from '../../../common';
-import { FinalizingProgress } from '../../../common/components/clusterDetail/FinalizingProgress';
-import { ProgressBarTexts } from '../../../common/components/clusterDetail/ProgressBarTexts';
-import OcmOperatorsProgressItem from './OcmOperatorProgressItem';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-
-type OcmClusterProgressItemsProps = {
-  cluster: Cluster;
-  minimizedView?: boolean;
-  onFetchEvents: EventListFetchProps['onFetchEvents'];
-  totalPercentage?: number;
-  fallbackEventsURL?: string;
-};
-
-const OcmClusterProgressItems = ({
-  cluster,
-  minimizedView = false,
-  onFetchEvents,
-  fallbackEventsURL,
-}: OcmClusterProgressItemsProps) => {
-  const enabledHosts = getEnabledHosts(cluster.hosts);
-  const olmOperators = selectAllOlmOperators(cluster);
-
-  const masterHosts = enabledHosts.filter((host) => host.role && 'master' === host.role);
-  const workerHosts = enabledHosts.filter((host) => host.role && 'worker' === host.role);
-
-  return (
-    <>
-      <RenderIf condition={!minimizedView}>
-        <Grid hasGutter>
-          <GridItem span={3}>
-            <ProgressBarTexts hosts={masterHosts} hostRole="master" />
-          </GridItem>
-          <RenderIf condition={workerHosts.length > 0}>
-            <GridItem span={3}>
-              <ProgressBarTexts hosts={workerHosts} hostRole="worker" />
-            </GridItem>
-          </RenderIf>
-          <GridItem span={3}>
-            <FinalizingProgress
-              cluster={cluster}
-              onFetchEvents={onFetchEvents}
-              fallbackEventsURL={fallbackEventsURL}
-            />
-          </GridItem>
-          <RenderIf condition={olmOperators.length > 0}>
-            <GridItem span={3}>
-              <OcmOperatorsProgressItem operators={olmOperators} />
-            </GridItem>
-          </RenderIf>
-        </Grid>
-      </RenderIf>
-    </>
-  );
-};
-
-export default OcmClusterProgressItems;

package/lib/ocm/components/clusterConfiguration/OcmDiscoveryImageConfigForm.tsx

@@ -1,212 +0,0 @@
-import React from 'react';
-import * as Yup from 'yup';
-import {
-  Button,
-  Form,
-  AlertVariant,
-  Alert,
-  Stack,
-  StackItem,
-  ModalBody,
-  ModalFooter,
-  Flex,
-  FlexItem,
-} from '@patternfly/react-core';
-import { Formik, FormikHelpers } from 'formik';
-import { TFunction } from 'i18next';
-import {
-  HostStaticNetworkConfig,
-  ImageType,
-  InfraEnv,
-  Proxy,
-} from '@openshift-assisted/types/assisted-installer-service';
-import { AlertFormikError } from '../../../common/components/ui';
-import {
-  DiscoveryImageType,
-  ProxyFieldsType,
-  StatusErrorType,
-  SupportedCpuArchitecture,
-  TrustedCertificateFieldsType,
-} from '../../../common/types';
-import ProxyFields from '../../../common/components/clusterConfiguration/ProxyFields';
-import UploadSSH from '../../../common/components/clusterConfiguration/UploadSSH';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import DiscoveryImageTypeDropdown, { discoveryImageTypes } from './DiscoveryImageTypeDropdown';
-import CertificateFields from '../../../common/components/clusterConfiguration/CertificateFields';
-import {
-  httpProxyValidationSchema,
-  noProxyValidationSchema,
-  sshPublicKeyValidationSchema,
-} from '../../../common';
-
-export interface OcmImageCreateParams {
-  /**
-   * SSH public key for debugging the installation.
-   */
-  sshPublicKey?: string;
-  staticNetworkConfig?: HostStaticNetworkConfig[];
-  /**
-   * Type of image that should be generated.
-   */
-  imageType?: DiscoveryImageType;
-}
-
-export type OcmDiscoveryImageFormValues = OcmImageCreateParams &
-  ProxyFieldsType &
-  TrustedCertificateFieldsType;
-
-const validationSchema = (t: TFunction) =>
-  Yup.lazy((values: OcmDiscoveryImageFormValues) =>
-    Yup.object<OcmDiscoveryImageFormValues>().shape({
-      sshPublicKey: sshPublicKeyValidationSchema(t),
-      httpProxy: httpProxyValidationSchema({ values, pairValueName: 'httpsProxy', t }),
-      httpsProxy: httpProxyValidationSchema({ values, pairValueName: 'httpProxy', t }), // share the schema, httpS is currently not supported
-      noProxy: noProxyValidationSchema(t),
-    }),
-  );
-
-type OcmDiscoveryImageConfigFormProps = Proxy & {
-  onCancel: () => void;
-  handleSubmit: (
-    values: OcmDiscoveryImageFormValues,
-    formikActions: FormikHelpers<OcmDiscoveryImageFormValues>,
-  ) => Promise<void>;
-  sshPublicKey?: string;
-  imageType?: ImageType;
-  isIpxeSelected?: boolean;
-  enableCertificate?: boolean;
-  trustBundle?: InfraEnv['additionalTrustBundle'];
-  selectedCpuArchitecture?: SupportedCpuArchitecture;
-  isOracleCloudInfrastructure?: boolean;
-};
-
-export const OcmDiscoveryImageConfigForm = ({
-  handleSubmit,
-  onCancel,
-  sshPublicKey,
-  httpProxy,
-  httpsProxy,
-  noProxy,
-  imageType,
-  isIpxeSelected,
-  enableCertificate,
-  trustBundle,
-  selectedCpuArchitecture,
-  isOracleCloudInfrastructure = false,
-}: OcmDiscoveryImageConfigFormProps) => {
-  const imageTypeValue = isIpxeSelected
-    ? 'discovery-image-ipxe'
-    : imageType
-    ? imageType
-    : 'full-iso';
-
-  const initialValues: OcmDiscoveryImageFormValues = {
-    sshPublicKey: sshPublicKey || '',
-    httpProxy: httpProxy || '',
-    httpsProxy: httpsProxy || '',
-    noProxy: noProxy || '',
-    enableProxy: !!(httpProxy || httpsProxy || noProxy),
-    imageType: imageTypeValue as DiscoveryImageType,
-    enableCertificate: enableCertificate || false,
-    trustBundle: trustBundle || '',
-  };
-
-  const { t } = useTranslation();
-  const [buttonText, setButtonText] = React.useState<string>(t('ai:Generate Discovery ISO'));
-
-  const updateDiscoveryButtonAndAlertText = React.useCallback(
-    (isIpxeSelected?: boolean) => {
-      if (!isIpxeSelected) {
-        setButtonText(t('ai:Generate Discovery ISO'));
-        setAlertDiscoveryText(t('ai:To add hosts to the cluster, generate a Discovery ISO.'));
-      } else {
-        setButtonText(t('ai:Generate script file'));
-        setAlertDiscoveryText(t('ai:To add hosts to the cluster, generate iPXE script.'));
-      }
-    },
-    [t],
-  );
-
-  React.useEffect(() => {
-    updateDiscoveryButtonAndAlertText(isIpxeSelected);
-  }, [updateDiscoveryButtonAndAlertText, isIpxeSelected]);
-
-  const [alertDiscoveryText, setAlertDiscoveryText] = React.useState<string>(
-    t('ai:To add hosts to the cluster, generate a Discovery ISO.'),
-  );
-
-  return (
-    <Formik
-      initialValues={initialValues}
-      initialStatus={{ error: null }}
-      validationSchema={validationSchema(t)}
-      onSubmit={handleSubmit}
-    >
-      {({ submitForm, isSubmitting, status, setStatus }) => {
-        return (
-          <>
-            <ModalBody style={{ maxHeight: '611px' }}>
-              <Stack hasGutter>
-                <StackItem>
-                  <Alert variant={AlertVariant.info} isInline title={alertDiscoveryText} />
-                </StackItem>
-
-                <StackItem>
-                  <Form>
-                    <DiscoveryImageTypeDropdown
-                      name="imageType"
-                      defaultValue={discoveryImageTypes[imageTypeValue as DiscoveryImageType]}
-                      onChange={updateDiscoveryButtonAndAlertText}
-                      selectedCpuArchitecture={selectedCpuArchitecture}
-                      isDisabled={isOracleCloudInfrastructure}
-                    />
-                    <UploadSSH
-                      labelText={t(
-                        'ai:Provide an SSH key to be able to connect to the hosts for debugging purposes during the discovery process',
-                      )}
-                    />
-                    <ProxyFields />
-                    <CertificateFields />
-                  </Form>
-                </StackItem>
-              </Stack>
-            </ModalBody>
-            <ModalFooter>
-              <Stack hasGutter style={{ width: '100%' }}>
-                {(status as StatusErrorType)?.error && (
-                  <StackItem>
-                    <AlertFormikError
-                      status={status as StatusErrorType}
-                      onClose={() => setStatus(undefined)}
-                    />
-                  </StackItem>
-                )}
-                <StackItem>
-                  <Flex>
-                    <FlexItem>
-                      <Button
-                        onClick={() => {
-                          void submitForm();
-                        }}
-                        isDisabled={isSubmitting}
-                        isLoading={isSubmitting}
-                        data-testid="generate-discovery-iso-button"
-                      >
-                        {isSubmitting ? t('ai:Generating') : buttonText}
-                      </Button>
-                    </FlexItem>
-                    <FlexItem>
-                      <Button key="cancel" variant="link" onClick={onCancel}>
-                        {t('ai:Cancel')}
-                      </Button>
-                    </FlexItem>
-                  </Flex>
-                </StackItem>
-              </Stack>
-            </ModalFooter>
-          </>
-        );
-      }}
-    </Formik>
-  );
-};

package/lib/ocm/components/clusterConfiguration/OcmOpenShiftVersion.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Stack, StackItem } from '@patternfly/react-core';
-import {
-  ClusterCpuArchitecture,
-  getOpenshiftVersionText,
-  OpenshiftVersionOptionType,
-  StaticTextField,
-} from '../../../common';
-
-type OcmOpenShiftVersionProps = {
-  versions?: OpenshiftVersionOptionType[];
-  openshiftVersion: string;
-  clusterCpuArchitecture?: string;
-  withPreviewText?: boolean;
-  withMultiText?: boolean;
-};
-
-const OcmOpenShiftVersion = ({
-  openshiftVersion,
-  clusterCpuArchitecture,
-  versions,
-  withPreviewText,
-  withMultiText,
-  children,
-}: React.PropsWithChildren<OcmOpenShiftVersionProps>) => {
-  return (
-    <StaticTextField name="openshiftVersion" label="OpenShift version" isRequired>
-      <Stack>
-        <StackItem>
-          OpenShift{' '}
-          {getOpenshiftVersionText({
-            openshiftVersion,
-            cpuArchitecture: clusterCpuArchitecture as ClusterCpuArchitecture,
-            versions,
-            withPreviewText,
-            withMultiText,
-          })}
-        </StackItem>
-        {children && <StackItem>{children}</StackItem>}
-      </Stack>
-    </StaticTextField>
-  );
-};
-
-export default OcmOpenShiftVersion;