@openshift-assisted/ui-lib 2.12.0-cim → 2.12.2-cim

package/lib/cim/components/InfraEnv/EnvironmentDetails.tsx

@@ -20,7 +20,12 @@ import { PencilAltIcon } from '@patternfly/react-icons/dist/js/icons/pencil-alt-
 import { global_palette_green_500 as okColor } from '@patternfly/react-tokens/dist/js/global_palette_green_500';
 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 
-import { CpuArchitecture, LabelValue } from '../../../common';
+import {
+  architectureData,
+  CpuArchitecture,
+  LabelValue,
+  SupportedCpuArchitecture,
+} from '../../../common';
 import { InfraEnvK8sResource, SecretK8sResource } from '../../types';
 import { AGENT_LOCATION_LABEL_KEY } from '../common';
 import EditPullSecretModal, { EditPullSecretModalProps } from '../modals/EditPullSecretModal';
@@ -160,7 +165,8 @@ const EnvironmentDetails: React.FC<EnvironmentDetailsProps> = ({
             <DescriptionListGroup>
               <DescriptionListTerm>{t('ai:CPU architecture')}</DescriptionListTerm>
               <DescriptionListDescription>
-                {infraEnv.spec?.cpuArchitecture ?? CpuArchitecture.x86}
+                {architectureData[infraEnv.spec?.cpuArchitecture as SupportedCpuArchitecture]
+                  .label ?? CpuArchitecture.x86}
               </DescriptionListDescription>
             </DescriptionListGroup>
             <DescriptionListGroup>

package/lib/cim/components/InfraEnv/InfraEnvFormPage.tsx

@@ -48,6 +48,7 @@ import './infra-env.css';
 import { getErrorMessage } from '../../../common/utils';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { TFunction } from 'i18next';
+import CpuArchitectureDropdown from '../common/CpuArchitectureDropdown';
 
 export type EnvironmentStepFormValues = {
   name: string;
@@ -60,7 +61,10 @@ export type EnvironmentStepFormValues = {
   enableProxy: boolean;
   labels: string[];
   networkType: 'dhcp' | 'static';
-  cpuArchitecture: CpuArchitecture;
+  cpuArchitecture: Extract<
+    CpuArchitecture,
+    CpuArchitecture.x86 | CpuArchitecture.ARM | CpuArchitecture.s390x
+  >;
   enableNtpSources: boolean;
   additionalNtpSources: string;
 };
@@ -136,6 +140,7 @@ const InfraEnvForm: React.FC<InfraEnvFormProps> = ({
     setFieldValue('sshPublicKey', sshPublicKey);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pullSecret, sshPublicKey]);
+
   return (
     <Stack hasGutter>
       <StackItem>
@@ -216,27 +221,7 @@ const InfraEnvForm: React.FC<InfraEnvFormProps> = ({
               </FlexItem>
             </Flex>
           </FormGroup>
-          <FormGroup fieldId="cpuArchitecture" label={t('ai:CPU architecture')}>
-            <Flex justifyContent={{ default: 'justifyContentFlexStart' }}>
-              <FlexItem>
-                <RadioField
-                  name="cpuArchitecture"
-                  id="x86_64"
-                  value="x86_64"
-                  label={t('ai:x86_64')}
-                />
-              </FlexItem>
-              <FlexItem spacer={{ default: 'spacer4xl' }} />
-              <FlexItem>
-                <RadioField
-                  name="cpuArchitecture"
-                  id="arm64"
-                  value="arm64"
-                  label={<>{t('ai:arm64')}&nbsp;</>}
-                />
-              </FlexItem>
-            </Flex>
-          </FormGroup>
+          <CpuArchitectureDropdown />
           <RichInputField
             label={t('ai:Location')}
             name="location"

package/lib/cim/components/InfraEnv/InfraTableToolbar.tsx

@@ -105,9 +105,7 @@ const InfraTableToolbar: React.FC<InfraTableToolbarProps> = ({
         <SearchInput
           placeholder={t('ai:Find by hostname')}
           value={hostnameFilter}
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          onChange={setHostnameFilter}
+          onChange={(_e, value) => setHostnameFilter(value)}
           onClear={() => setHostnameFilter(undefined)}
         />
       </ToolbarItem>

package/lib/cim/components/common/CpuArchitectureDropdown.tsx

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { Dropdown, DropdownItem, DropdownToggle, FormGroup } from '@patternfly/react-core';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+import {
+  architectureData,
+  CpuArchitecture,
+  getFieldId,
+  StaticField,
+  SupportedCpuArchitecture,
+} from '../../../common';
+import { useField } from 'formik';
+import { useFormikHelpers } from '../../../common/hooks/useFormikHelpers';
+
+const CpuArchitectureDropdown = ({ isDisabled = false }: { isDisabled?: boolean }) => {
+  const { t } = useTranslation();
+  const [{ name, value }, , { setValue }] = useField<SupportedCpuArchitecture>('cpuArchitecture');
+  const [cpuArchOpen, setCpuArchOpen] = React.useState(false);
+  const fieldId = getFieldId(name, 'input');
+  const { setValue: setUserManagedNetworking } = useFormikHelpers<boolean>('userManagedNetworking');
+
+  const onCpuArchSelect = (e?: React.SyntheticEvent<HTMLDivElement>) => {
+    const val = e?.currentTarget.id as SupportedCpuArchitecture;
+    setValue(val);
+    setUserManagedNetworking(val === CpuArchitecture.s390x);
+
+    setCpuArchOpen(false);
+  };
+
+  return !isDisabled ? (
+    <FormGroup isInline fieldId={fieldId} label={t('ai:CPU architecture')} required>
+      <Dropdown
+        toggle={
+          <DropdownToggle onToggle={() => setCpuArchOpen(!cpuArchOpen)} className="pf-u-w-100">
+            {value ? architectureData[value].label : t('ai:CPU architecture')}
+          </DropdownToggle>
+        }
+        name="cpuArchitecture"
+        isOpen={cpuArchOpen}
+        onSelect={onCpuArchSelect}
+        dropdownItems={[
+          <DropdownItem
+            key={'x86_64'}
+            id="x86_64"
+            description={architectureData['x86_64'].description}
+          >
+            {architectureData['x86_64'].label}
+          </DropdownItem>,
+          <DropdownItem
+            key={'arm64'}
+            id="arm64"
+            description={architectureData['arm64'].description}
+          >
+            {architectureData['arm64'].label}
+          </DropdownItem>,
+          <DropdownItem
+            key={'s390x'}
+            id="s390x"
+            description={architectureData['s390x'].description}
+          >
+            {architectureData['s390x'].label}
+          </DropdownItem>,
+        ]}
+        className="pf-u-w-100"
+      />
+    </FormGroup>
+  ) : (
+    <StaticField name={'cpuArchitecture'} label={t('ai:CPU architecture')} isRequired>
+      {architectureData[value].label}
+    </StaticField>
+  );
+};
+
+export default CpuArchitectureDropdown;

package/lib/cim/components/helpers/agentStatus.tsx

@@ -42,6 +42,11 @@ export const bmhStatus = (t: TFunction): HostStatus<string> => ({
     title: t('ai:Pending'),
     category: 'Bare Metal Host related',
   },
+  'externally provisioned': {
+    key: 'externally provisioned',
+    title: t('ai:Externally provisioned'),
+    category: 'Bare Metal Host related',
+  },
 });
 
 export const agentStatus = (t: TFunction): HostStatus<string> => ({

package/lib/cim/components/helpers/clusterDeployment.ts

@@ -234,5 +234,12 @@ export const getClusterDeploymentCpuArchitecture = (
     arch = clusterDeployment.metadata?.annotations?.[CPU_ARCHITECTURE_ANNOTATION_KEY];
   }
 
-  return arch === CpuArchitecture.ARM ? CpuArchitecture.ARM : CpuArchitecture.x86;
+  switch (arch) {
+    case CpuArchitecture.ARM:
+      return CpuArchitecture.ARM;
+    case CpuArchitecture.s390x:
+      return CpuArchitecture.s390x;
+    default:
+      return CpuArchitecture.x86;
+  }
 };

package/lib/cim/types/k8s/infra-env-k8s-resource.ts

@@ -23,7 +23,7 @@ export type InfraEnvK8sResource = K8sResourceCommon & {
     };
     nmStateConfigLabelSelector?: Selector;
     additionalNTPSources?: string[];
-    cpuArchitecture?: 'x86_64' | 'arm64';
+    cpuArchitecture?: 'x86_64' | 'arm64' | 's390x';
   };
   status?: {
     agentLabelSelector?: Selector;

package/lib/common/components/clusterWizard/clusterDetailsValidation.ts

@@ -76,6 +76,7 @@ export const getClusterDetailsInitialValues = ({
     diskEncryption: cluster?.diskEncryption ?? {},
     cpuArchitecture: cluster?.cpuArchitecture || getDefaultCpuArchitecture(),
     platform: cluster?.platform?.type || 'none',
+    userManagedNetworking: cluster?.userManagedNetworking || false,
   };
 };
 

package/lib/common/components/clusterWizard/types.ts

@@ -31,6 +31,7 @@ export type ClusterDetailsValues = {
   diskEncryption: DiskEncryption;
   cpuArchitecture: string;
   platform: PlatformType;
+  userManagedNetworking: boolean;
 };
 
 export type HostsValidationsProps<S extends string, V extends string[]> = {

package/lib/common/components/hosts/utils.ts

@@ -211,8 +211,10 @@ export const filterByHostname = (hosts: Host[], hostnameFilter: string | undefin
 
   const fuse = new Fuse(hostsWithHostname, {
     ignoreLocation: true,
+    threshold: 0.3,
     keys: ['hostname'],
   });
+
   return fuse.search(hostnameFilter).map(({ item }) => item.host);
 };
 

package/lib/common/components/ui/formik/validationSchemas.ts

@@ -3,6 +3,8 @@ import { Address4, Address6 } from 'ip-address';
 import isCIDR from 'is-cidr';
 import { isInSubnet } from 'is-in-subnet';
 import * as Yup from 'yup';
+import { head } from 'lodash-es';
+import parseUrl from 'parse-url';
 
 import { TFunction } from 'i18next';
 import {
@@ -28,7 +30,6 @@ import {
 } from './constants';
 import { allSubnetsIPv4, getAddress, trimCommaSeparatedList, trimSshPublicKey } from './utils';
 import { selectApiVip, selectIngressVip } from '../../../selectors';
-import { head } from 'lodash-es';
 
 const ALPHANUMERIC_REGEX = /^[a-zA-Z0-9]+$/;
 const NAME_START_END_REGEX = /^[a-z0-9](.*[a-z0-9])?$/;
@@ -45,10 +46,6 @@ const IP_V4_ZERO = '0.0.0.0';
 const IP_V6_ZERO = '0000:0000:0000:0000:0000:0000:0000:0000';
 const MAC_REGEX = /^([0-9A-Fa-f]{2}[:]){5}([0-9A-Fa-f]{2})$/;
 const HOST_NAME_REGEX = /^[^.]{1,63}(?:[.][^.]{1,63})*$/;
-
-// Source of information: https://github.com/metal3-io/baremetal-operator/blob/main/docs/api.md#baremetalhost-spec
-const BMC_REGEX =
-  /^((redfish-virtualmedia|idrac-virtualmedia)(\+https?)?:(\/\/([a-z0-9\-._~%!$&'()*+,;=]+@)?([a-z0-9\-._~%]+|\[[a-f0-9:.]+\]|\[v[a-f0-9][a-z0-9\-._~%!$&'()*+,;=:]+\])(:[0-9]+)?(\/[a-z0-9\-._~%!$&'()*+,;=:@]+)*\/?|(\/?[a-z0-9\-._~%!$&'()*+,;=:@]+(\/[a-z0-9\-._~%!$&'()*+,;=:@]+)*\/?)?)|([a-z0-9\-._~%!$&'()*+,;=@]+(\/[a-z0-9\-._~%!$&'()*+,;=:@]+)*\/?|(\/[a-z0-9\-._~%!$&'()*+,;=:@]+)+\/?))(\?[a-z0-9\-._~%!$&'()*+,;=:@/?]*)?(#[a-z0-9\-._~%!$&'()*+,;=:@/?]*)?$/i;
 const LOCATION_CHARS_REGEX = /^[a-zA-Z0-9-._]*$/;
 
 export const nameValidationSchema = (
@@ -645,10 +642,16 @@ export const day2ApiVipValidationSchema = Yup.string().test(
 export const bmcAddressValidationSchema = (t: TFunction) => {
   const bmcAddressValidationMessagesList = bmcAddressValidationMessages(t);
 
-  return Yup.string().required().matches(BMC_REGEX, {
-    message: bmcAddressValidationMessagesList.INVALID_VALUE,
-    excludeEmptyString: true,
-  });
+  return Yup.string()
+    .required()
+    .test('valid-bmc-address', bmcAddressValidationMessagesList.INVALID_VALUE, (val: string) => {
+      try {
+        const url = parseUrl(val);
+        return ['redfish-virtualmedia', 'idrac-virtualmedia'].includes(url.protocol as string);
+      } catch (error) {
+        return false;
+      }
+    });
 };
 export const locationValidationSchema = (t: TFunction) => {
   const locationValidationMessagesList = locationValidationMessages(t);

package/lib/common/types/cpuArchitecture.ts

@@ -2,6 +2,12 @@ import { ArchitectureSupportLevelId } from '@openshift-assisted/types/assisted-i
 
 export type ClusterCpuArchitecture = 'x86_64' | 'aarch64' | 'arm64' | 'ppc64le' | 's390x' | 'multi';
 
+export type CpuArchitectureItem = {
+  description: string;
+  featureSupportLevelId?: ArchitectureSupportLevelId;
+  label: string;
+};
+
 export enum CpuArchitecture {
   x86 = 'x86_64',
   ARM = 'arm64',
@@ -43,6 +49,28 @@ export const getAllCpuArchitectures = (): SupportedCpuArchitecture[] => [
   CpuArchitecture.s390x,
 ];
 
+export const architectureData: Record<SupportedCpuArchitecture, CpuArchitectureItem> = {
+  [CpuArchitecture.x86]: {
+    description: '',
+    label: 'x86_64',
+  },
+  [CpuArchitecture.ARM]: {
+    description: 'Some features may not be available',
+    featureSupportLevelId: 'ARM64_ARCHITECTURE',
+    label: 'Arm64',
+  },
+  [CpuArchitecture.ppc64le]: {
+    description: 'Some features may not be available',
+    featureSupportLevelId: 'PPC64LE_ARCHITECTURE',
+    label: 'IBM Power (ppc64le)',
+  },
+  [CpuArchitecture.s390x]: {
+    description: 'Some features may not be available',
+    featureSupportLevelId: 'S390X_ARCHITECTURE',
+    label: 'IBM Z (s390x)',
+  },
+};
+
 export const getSupportedCpuArchitectures = (
   cpuArchitectures: CpuArchitecture[],
   day1CpuArchitecture?: SupportedCpuArchitecture,

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

@@ -11,17 +11,14 @@ import {
 import { CaretDownIcon } from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
 import { useField } from 'formik';
 import {
+  architectureData,
   CpuArchitecture,
   FeatureId,
   getDefaultCpuArchitecture,
   getFieldId,
   SupportedCpuArchitecture,
 } from '../../../common';
-import {
-  ArchitectureSupportLevelId,
-  Cluster,
-  PlatformType,
-} from '@openshift-assisted/types/assisted-installer-service';
+import { Cluster, PlatformType } from '@openshift-assisted/types/assisted-installer-service';
 import {
   NewFeatureSupportLevelMap,
   useNewFeatureSupportLevel,
@@ -29,34 +26,6 @@ import {
 import useSupportLevelsAPI from '../../hooks/useSupportLevelsAPI';
 import { ExternalPlaformIds, ExternalPlatformLabels } from './platformIntegration/constants';
 
-export type CpuArchitectureItem = {
-  description: string;
-  featureSupportLevelId?: ArchitectureSupportLevelId;
-  label: string;
-};
-
-export const architectureData: Record<SupportedCpuArchitecture, CpuArchitectureItem> = {
-  [CpuArchitecture.x86]: {
-    description: '',
-    label: 'x86_64',
-  },
-  [CpuArchitecture.ARM]: {
-    description: 'Some features may not be available',
-    featureSupportLevelId: 'ARM64_ARCHITECTURE',
-    label: 'Arm64',
-  },
-  [CpuArchitecture.ppc64le]: {
-    description: 'Some features may not be available',
-    featureSupportLevelId: 'PPC64LE_ARCHITECTURE',
-    label: 'IBM Power (ppc64le)',
-  },
-  [CpuArchitecture.s390x]: {
-    description: 'Some features may not be available',
-    featureSupportLevelId: 'S390X_ARCHITECTURE',
-    label: 'IBM Z (s390x)',
-  },
-};
-
 const INPUT_NAME = 'cpuArchitecture';
 const fieldId = getFieldId(INPUT_NAME, 'input');
 

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

@@ -14,6 +14,7 @@ import {
   StaticTextField,
   getSupportedCpuArchitectures,
   SupportedCpuArchitecture,
+  architectureData,
 } from '../../../common';
 import DiskEncryptionControlGroup from '../../../common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionControlGroup';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
@@ -21,10 +22,7 @@ import { OcmRichInputField } from '../ui/OcmFormFields';
 import OcmOpenShiftVersion from './OcmOpenShiftVersion';
 import OcmOpenShiftVersionSelect from './OcmOpenShiftVersionSelect';
 import CustomManifestCheckbox from './CustomManifestCheckbox';
-import CpuArchitectureDropdown, {
-  architectureData,
-  CpuArchitectureItem,
-} from './CpuArchitectureDropdown';
+import CpuArchitectureDropdown from './CpuArchitectureDropdown';
 import { OcmBaseDomainField } from './OcmBaseDomainField';
 import OcmSNOControlGroup from './OcmSNOControlGroup';
 import useSupportLevelsAPI from '../../hooks/useSupportLevelsAPI';
@@ -80,9 +78,8 @@ export const OcmClusterDetailsFormFields = ({
     () => getSupportedCpuArchitectures(cpuArchitecturesByVersionImage),
     [cpuArchitecturesByVersionImage],
   );
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  const cpuArchitecture = (architectureData[values.cpuArchitecture] as CpuArchitectureItem).label;
+  const cpuArchitecture =
+    architectureData[values.cpuArchitecture as SupportedCpuArchitecture].label;
 
   const featureSupportLevelContext = useNewFeatureSupportLevel();
 

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

@@ -16,6 +16,7 @@ import {
   CpuArchitecture,
   FeatureId,
   SupportedCpuArchitecture,
+  architectureData,
   getFieldId,
 } from '../../../../common';
 import { ExternalPlaformIds, ExternalPlatformLabels, ExternalPlatformLinks } from './constants';
@@ -25,7 +26,6 @@ import {
   NewFeatureSupportLevelMap,
   useNewFeatureSupportLevel,
 } from '../../../../common/components/newFeatureSupportLevels';
-import { architectureData } from '../CpuArchitectureDropdown';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
 
 const INPUT_NAME = 'platform';

package/lib/ocm/components/featureSupportLevels/featureStateUtils.ts

@@ -1,12 +1,12 @@
 import {
   ActiveFeatureConfiguration,
+  architectureData,
   CpuArchitecture,
   FeatureId,
   isSNO,
   OperatorsValues,
   SupportedCpuArchitecture,
 } from '../../../common';
-import { architectureData } from '../clusterConfiguration/CpuArchitectureDropdown';
 import {
   Cluster,
   PlatformType,

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.12.0-cim",
-    "@openshift-assisted/types": "2.12.0-cim",
+    "@openshift-assisted/locales": "2.12.2-cim",
+    "@openshift-assisted/types": "2.12.2-cim",
     "@openshift-console/dynamic-plugin-sdk": "0.0.3",
     "@patternfly/patternfly": "^4.222.4",
     "@patternfly/react-code-editor": "^4.82.113",
@@ -25,6 +25,7 @@
     "is-in-subnet": "^4",
     "js-yaml": "^4.1.0",
     "lodash-es": "^4.17.21",
+    "parse-url": "^9.2.0",
     "prism-react-renderer": "^1.1.1",
     "react-error-boundary": "^3.1.4",
     "react-measure": "^2.5.2",
@@ -141,5 +142,5 @@
       ]
     }
   },
-  "version": "2.12.0-cim"
+  "version": "2.12.2-cim"
 }

package/build/@types/cim/components/ClusterDeployment/ArmCheckbox.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { OpenshiftVersionOptionType } from '../../../common';
-type ArmCheckboxProps = {
-    versions: OpenshiftVersionOptionType[];
-};
-declare const ArmCheckbox: React.FC<ArmCheckboxProps>;
-export default ArmCheckbox;
-//# sourceMappingURL=ArmCheckbox.d.ts.map

package/build/@types/cim/components/ClusterDeployment/ArmCheckbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArmCheckbox.d.ts","sourceRoot":"","sources":["../../../../../lib/cim/components/ClusterDeployment/ArmCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,0BAA0B,EAE3B,MAAM,iBAAiB,CAAC;AA4BzB,KAAK,gBAAgB,GAAG;IAAE,QAAQ,EAAE,0BAA0B,EAAE,CAAA;CAAE,CAAC;AAEnE,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2D3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/cjs/cim/components/ClusterDeployment/ArmCheckbox.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const formik_1 = require("formik");
-const common_1 = require("../../../common");
-const featureSupportLevels_1 = require("../../../common/components/featureSupportLevels");
-const use_translation_wrapper_1 = require("../../../common/hooks/use-translation-wrapper");
-const Label = ({ version }) => {
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    return (React.createElement(React.Fragment, null,
-        t('ai:Use arm64 CPU architecture'),
-        ' ',
-        React.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: React.createElement("p", null, t('ai:Check this option if you want to use the arm64 CPU architecture instead of the default x86_64 CPU architecture. Please note that some features will not be available.')) }),
-        React.createElement(featureSupportLevels_1.FeatureSupportLevelBadge, { featureId: "ARM64_ARCHITECTURE", openshiftVersion: version })));
-};
-const ArmCheckbox = ({ versions }) => {
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const { values: { openshiftVersion }, } = (0, formik_1.useFormikContext)();
-    const [{ name, value }, , { setValue }] = (0, formik_1.useField)('cpuArchitecture');
-    const fieldId = (0, common_1.getFieldId)(name, 'input');
-    const featureSupportLevelContext = (0, featureSupportLevels_1.useFeatureSupportLevel)();
-    const isSupportedVersionAvailable = !!versions.find((version) => featureSupportLevelContext.isFeatureSupported(version.value, 'ARM64_ARCHITECTURE'));
-    const prevVersionRef = React.useRef(openshiftVersion);
-    const handleChange = React.useCallback((checked) => setValue(checked ? common_1.CpuArchitecture.ARM : common_1.CpuArchitecture.x86), [setValue]);
-    React.useEffect(() => {
-        if (prevVersionRef.current !== openshiftVersion &&
-            !featureSupportLevelContext.isFeatureSupported(openshiftVersion, 'ARM64_ARCHITECTURE')) {
-            //invoke updating cpu architecture value only if the version changed to not be in danger of touching existing clusters
-            handleChange(false);
-        }
-        prevVersionRef.current = openshiftVersion;
-    }, [openshiftVersion, handleChange, featureSupportLevelContext]);
-    if (!isSupportedVersionAvailable) {
-        return null;
-    }
-    const disabledReason = featureSupportLevelContext.getFeatureDisabledReason(openshiftVersion, 'ARM64_ARCHITECTURE');
-    return (React.createElement(react_core_1.FormGroup, { isInline: true, fieldId: fieldId },
-        React.createElement(react_core_1.Tooltip, { hidden: !disabledReason, content: disabledReason },
-            React.createElement(react_core_1.Checkbox, { id: fieldId, name: name, isDisabled: featureSupportLevelContext.isFeatureDisabled(openshiftVersion, 'ARM64_ARCHITECTURE'), label: React.createElement(Label, { version: openshiftVersion }), "aria-describedby": `${fieldId}-helper`, description: React.createElement(common_1.HelperText, { fieldId: fieldId }, t('ai:Make sure all the hosts are using arm64 CPU architecture.')), isChecked: value === common_1.CpuArchitecture.ARM, onChange: handleChange }))));
-};
-exports.default = ArmCheckbox;
-//# sourceMappingURL=ArmCheckbox.js.map

package/build/cjs/cim/components/ClusterDeployment/ArmCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArmCheckbox.js","sourceRoot":"","sources":["../../../../../lib/cim/components/ClusterDeployment/ArmCheckbox.tsx"],"names":[],"mappings":"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"}

package/lib/cim/components/ClusterDeployment/ArmCheckbox.tsx

@@ -1,101 +0,0 @@
-import * as React from 'react';
-import { Checkbox, FormGroup, Tooltip } from '@patternfly/react-core';
-import { useField, useFormikContext } from 'formik';
-import {
-  CpuArchitecture,
-  getFieldId,
-  HelperText,
-  OpenshiftVersionOptionType,
-  PopoverIcon,
-} from '../../../common';
-import {
-  FeatureSupportLevelBadge,
-  useFeatureSupportLevel,
-} from '../../../common/components/featureSupportLevels';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import { ClusterCreateParams } from '@openshift-assisted/types/assisted-installer-service';
-
-const Label = ({ version }: { version: string }) => {
-  const { t } = useTranslation();
-  return (
-    <>
-      {t('ai:Use arm64 CPU architecture')}{' '}
-      <PopoverIcon
-        noVerticalAlign
-        bodyContent={
-          <p>
-            {t(
-              'ai:Check this option if you want to use the arm64 CPU architecture instead of the default x86_64 CPU architecture. Please note that some features will not be available.',
-            )}
-          </p>
-        }
-      />
-      <FeatureSupportLevelBadge featureId="ARM64_ARCHITECTURE" openshiftVersion={version} />
-    </>
-  );
-};
-
-type ArmCheckboxProps = { versions: OpenshiftVersionOptionType[] };
-
-const ArmCheckbox: React.FC<ArmCheckboxProps> = ({ versions }) => {
-  const { t } = useTranslation();
-  const {
-    values: { openshiftVersion },
-  } = useFormikContext<ClusterCreateParams>();
-  const [{ name, value }, , { setValue }] = useField<CpuArchitecture>('cpuArchitecture');
-  const fieldId = getFieldId(name, 'input');
-
-  const featureSupportLevelContext = useFeatureSupportLevel();
-  const isSupportedVersionAvailable = !!versions.find((version) =>
-    featureSupportLevelContext.isFeatureSupported(version.value, 'ARM64_ARCHITECTURE'),
-  );
-
-  const prevVersionRef = React.useRef(openshiftVersion);
-  const handleChange = React.useCallback(
-    (checked: boolean) => setValue(checked ? CpuArchitecture.ARM : CpuArchitecture.x86),
-    [setValue],
-  );
-
-  React.useEffect(() => {
-    if (
-      prevVersionRef.current !== openshiftVersion &&
-      !featureSupportLevelContext.isFeatureSupported(openshiftVersion, 'ARM64_ARCHITECTURE')
-    ) {
-      //invoke updating cpu architecture value only if the version changed to not be in danger of touching existing clusters
-      handleChange(false);
-    }
-    prevVersionRef.current = openshiftVersion;
-  }, [openshiftVersion, handleChange, featureSupportLevelContext]);
-  if (!isSupportedVersionAvailable) {
-    return null;
-  }
-  const disabledReason = featureSupportLevelContext.getFeatureDisabledReason(
-    openshiftVersion,
-    'ARM64_ARCHITECTURE',
-  );
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <Checkbox
-          id={fieldId}
-          name={name}
-          isDisabled={featureSupportLevelContext.isFeatureDisabled(
-            openshiftVersion,
-            'ARM64_ARCHITECTURE',
-          )}
-          label={<Label version={openshiftVersion} />}
-          aria-describedby={`${fieldId}-helper`}
-          description={
-            <HelperText fieldId={fieldId}>
-              {t('ai:Make sure all the hosts are using arm64 CPU architecture.')}
-            </HelperText>
-          }
-          isChecked={value === CpuArchitecture.ARM}
-          onChange={handleChange}
-        />
-      </Tooltip>
-    </FormGroup>
-  );
-};
-
-export default ArmCheckbox;