@openshift-assisted/ui-lib 2.11.3-cim → 2.12.1-cim

package/lib/ocm/components/clusterWizard/ClusterWizardFooter.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useHistory } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom-v5-compat';
 import { Alert, AlertGroup, AlertVariant } from '@patternfly/react-core';
 import {
   WizardFooter,
@@ -9,7 +9,6 @@ import {
   clusterFieldLabels,
   selectClusterValidationsInfo,
 } from '../../../common';
-import { routeBasePath } from '../../config';
 import { wizardStepsValidationsMap } from './wizardTransition';
 import { useClusterWizardContext } from './ClusterWizardContext';
 import ClusterWizardStepValidationsAlert from '../../../common/components/clusterWizard/ClusterWizardStepValidationsAlert';
@@ -79,12 +78,9 @@ const ClusterWizardFooter = ({
   ...rest
 }: ClusterWizardFooterProps) => {
   const { alerts } = useAlerts();
-  const history = useHistory();
+  const navigate = useNavigate();
 
-  const handleCancel = React.useCallback(
-    () => history.push(`${routeBasePath}/clusters/`),
-    [history],
-  );
+  const handleCancel = React.useCallback(() => navigate('..'), [navigate]);
 
   const alertsSection = alerts.length ? <Alerts /> : undefined;
 

package/lib/ocm/components/clusterWizard/Operators.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useDispatch } from 'react-redux';
-import { useHistory, useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom-v5-compat';
 import { Formik, FormikConfig, useFormikContext } from 'formik';
 import {
   ClusterWizardStep,
@@ -42,7 +42,7 @@ const OperatorsForm = ({ cluster }: { cluster: Cluster }) => {
   const clusterWizardContext = useClusterWizardContext();
   const isAutoSaveRunning = useFormikAutoSave();
   const { errors, touched, isSubmitting, isValid } = useFormikContext<OperatorsValues>();
-  const history = useHistory();
+  const navigate = useNavigate();
   const { pathname } = useLocation();
 
   const isNextDisabled =
@@ -53,7 +53,9 @@ const OperatorsForm = ({ cluster }: { cluster: Cluster }) => {
     !canNextOperators({ cluster });
 
   const handleNext = () => {
-    history.replace(pathname, undefined);
+    if (window.location.pathname.indexOf('assisted-installer') > -1) {
+      navigate(pathname, { state: undefined, replace: true });
+    }
     clusterWizardContext.moveNext();
   };
 

package/lib/ocm/components/clusters/ClusterBreadcrumbs.tsx

@@ -5,8 +5,7 @@ import {
   BreadcrumbItem,
   PageSection,
 } from '@patternfly/react-core';
-import { Link } from 'react-router-dom';
-import { routeBasePath } from '../../config';
+import { Link } from 'react-router-dom-v5-compat';
 import { isInOcm } from '../../../common/api';
 
 const ClusterBreadcrumbs = ({ clusterName }: { clusterName?: string }) => (
@@ -18,7 +17,7 @@ const ClusterBreadcrumbs = ({ clusterName }: { clusterName?: string }) => (
         </BreadcrumbItem>
         {clusterName ? (
           <BreadcrumbItem>
-            <Link to={`${routeBasePath}/clusters`}>Assisted Clusters</Link>
+            <Link to={`..`}>Assisted Clusters</Link>
           </BreadcrumbItem>
         ) : (
           <BreadcrumbItem isActive>Assisted Clusters</BreadcrumbItem>

package/lib/ocm/components/clusters/ClusterPage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Redirect, RouteComponentProps } from 'react-router-dom';
+import { useParams, Navigate } from 'react-router-dom-v5-compat';
 import { useDispatch } from 'react-redux';
 import { PageSection, PageSectionVariants, Text, TextContent } from '@patternfly/react-core';
 import {
@@ -34,13 +34,12 @@ import { usePullSecret } from '../../hooks';
 import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
 import { AssistedInstallerHeader } from './AssistedInstallerHeader';
 
-type MatchParams = {
-  clusterId: string;
-};
-
-const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolean }> = ({
+const ClusterPageGeneric = ({
   clusterId,
   showBreadcrumbs = false,
+}: {
+  clusterId: string;
+  showBreadcrumbs?: boolean;
 }) => {
   if (!clusterId) {
     // console.error('ClusterPageGeneric: missing clusterId');
@@ -129,7 +128,7 @@ const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolea
 
   if (uiState === ResourceUIState.POLLING_ERROR && !cluster) {
     if (Number(errorDetail?.code) === 404) {
-      return <Redirect to={`${routeBasePath}/clusters`} />;
+      return <Navigate to={`${routeBasePath}/clusters`} />;
     }
     return (
       <PageSection variant={PageSectionVariants.light} isFilled>
@@ -138,7 +137,7 @@ const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolea
           fetchData={
             Number(errorDetail?.code) === 401 ? () => window.location.reload() : fetchCluster
           }
-          actions={[<BackButton key={'cancel'} to={`${routeBasePath}/clusters`} />]}
+          actions={[<BackButton key={'cancel'} to={'..'} />]}
         />
       </PageSection>
     );
@@ -149,7 +148,7 @@ const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolea
       <PageSection variant={PageSectionVariants.light} isFilled>
         <ErrorState
           title="Cluster details not found"
-          actions={[<BackButton key={'cancel'} to={`${routeBasePath}/clusters`} />]}
+          actions={[<BackButton key={'cancel'} to={`..`} />]}
           content={
             'Check to make sure the cluster-ID is valid. Otherwise, the cluster details may have been deleted.'
           }
@@ -193,16 +192,20 @@ const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolea
     );
   }
 
-  return <Redirect to="/clusters" />;
+  return <Navigate to="/clusters" />;
 };
 
-export const SingleClusterPage: React.FC<{ clusterId: string }> = ({ clusterId }) => (
+export const SingleClusterPage = ({ clusterId }: { clusterId: string }) => (
   <AlertsContextProvider>
     <ClusterPageGeneric clusterId={clusterId} />
   </AlertsContextProvider>
 );
-export const ClusterPage: React.FC<RouteComponentProps<MatchParams>> = ({ match }) => (
-  <AlertsContextProvider>
-    <ClusterPageGeneric clusterId={match.params.clusterId} showBreadcrumbs />
-  </AlertsContextProvider>
-);
+
+export const ClusterPage = () => {
+  const { clusterId } = useParams<{ clusterId: string }>();
+  return (
+    <AlertsContextProvider>
+      <ClusterPageGeneric clusterId={clusterId || ''} showBreadcrumbs />
+    </AlertsContextProvider>
+  );
+};

package/lib/ocm/components/clusters/ClusterPageErrors.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
 import { PageSection, PageSectionVariants } from '@patternfly/react-core';
 import { ErrorState } from '../../../common';
-import { routeBasePath } from '../../config';
 import { BackButton } from '../ui/Buttons/BackButton';
 
 export const ClusterUiError = () => (
   <PageSection variant={PageSectionVariants.light} isFilled>
     <ErrorState
       title="Failed to retrieve the default configuration"
-      actions={[<BackButton key={'cancel'} to={`${routeBasePath}/clusters`} />]}
+      actions={[<BackButton key={'cancel'} to={'..'} />]}
     />
   </PageSection>
 );

package/lib/ocm/components/clusters/Clusters.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom-v5-compat';
 import {
   Button,
   ButtonVariant,
@@ -22,7 +22,6 @@ import ClustersTable from './ClustersTable';
 import { fetchClustersAsync, deleteCluster } from '../../store/slices/clusters/slice';
 import { handleApiError, getApiErrorMessage } from '../../../common/api';
 import ClusterBreadcrumbs from './ClusterBreadcrumbs';
-import { routeBasePath } from '../../config';
 import { ClustersService } from '../../services';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import ClusterPollingErrorModal from '../clusterDetail/ClusterPollingErrorModal';
@@ -33,9 +32,8 @@ import {
   selectClusterTableRows,
 } from '../../store/slices/clusters/selectors';
 
-type ClustersProps = RouteComponentProps;
-
-const Clusters: React.FC<ClustersProps> = ({ history }) => {
+const Clusters = () => {
+  const navigate = useNavigate();
   const { LOADING, EMPTY, POLLING_ERROR, RELOADING } = ResourceUIState;
   const { addAlert } = useAlerts();
   const { t } = useTranslation();
@@ -85,7 +83,7 @@ const Clusters: React.FC<ClustersProps> = ({ history }) => {
             primaryAction={
               <Button
                 variant={ButtonVariant.primary}
-                onClick={() => history.push(`${routeBasePath}/clusters/~new`)}
+                onClick={() => navigate(`~new`)}
                 id="empty-state-new-cluster-button"
                 data-ouia-id="button-create-new-cluster"
               >
@@ -129,9 +127,9 @@ const Clusters: React.FC<ClustersProps> = ({ history }) => {
   }
 };
 
-const ClustersPage: React.FC<RouteComponentProps> = (props) => (
+const ClustersPage = () => (
   <AlertsContextProvider>
-    <Clusters {...props} />
+    <Clusters />
   </AlertsContextProvider>
 );
 

package/lib/ocm/components/clusters/ClustersListToolbar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useHistory } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom-v5-compat';
 import {
   Toolbar,
   ToolbarItem,
@@ -23,7 +23,6 @@ import { SyncIcon } from '@patternfly/react-icons/dist/js/icons/sync-icon';
 import { clusterStatusLabels, isSelectEventChecked, ToolbarButton } from '../../../common';
 import { ResourceUIState } from '../../../common';
 import { fetchClustersAsync } from '../../store/slices/clusters/slice';
-import { routeBasePath } from '../../config';
 import omit from 'lodash-es/omit.js';
 import { TFunction } from 'i18next';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
@@ -52,7 +51,7 @@ const ClustersListToolbar: React.FC<ClustersListToolbarProps> = ({
   setFilters,
 }) => {
   const [isStatusExpanded, setStatusExpanded] = React.useState(false);
-  const history = useHistory();
+  const navigate = useNavigate();
   const clustersUIState = useSelectorDay1(selectClustersUIState);
   const dispatch = useDispatchDay1();
   const fetchClusters = React.useCallback(() => void dispatch(fetchClustersAsync()), [dispatch]);
@@ -153,7 +152,7 @@ const ClustersListToolbar: React.FC<ClustersListToolbarProps> = ({
         </ToolbarFilter>
         <ToolbarButton
           variant={ButtonVariant.primary}
-          onClick={() => history.push(`${routeBasePath}/clusters/~new`)}
+          onClick={() => navigate(`~new`)}
           id="button-create-new-cluster"
           data-ouia-id="button-create-new-cluster"
         >

package/lib/ocm/components/clusters/NewClusterPage.tsx

@@ -11,9 +11,7 @@ import { ClusterUiError } from './ClusterPageErrors';
 import { NewFeatureSupportLevelProvider } from '../featureSupportLevels';
 import { AssistedInstallerHeader } from './AssistedInstallerHeader';
 
-const NewClusterPageGeneric: React.FC<{ pageTitleSection?: ReactNode }> = ({
-  pageTitleSection,
-}) => {
+const NewClusterPageGeneric = ({ pageTitleSection }: { pageTitleSection?: ReactNode }) => {
   return (
     <AlertsContextProvider>
       <SentryErrorMonitorContextProvider>
@@ -35,7 +33,7 @@ const NewClusterPageGeneric: React.FC<{ pageTitleSection?: ReactNode }> = ({
   );
 };
 
-const NewClusterTitleSection: React.FC = () => (
+const NewClusterTitleSection = () => (
   <>
     <ClusterBreadcrumbs clusterName="New cluster" />
     <PageSection variant={PageSectionVariants.light}>
@@ -44,7 +42,7 @@ const NewClusterTitleSection: React.FC = () => (
   </>
 );
 
-export const NewSingleClusterPage: React.FC = () => <NewClusterPageGeneric />;
-export const NewClusterPage: React.FC = () => (
+export const NewSingleClusterPage = () => <NewClusterPageGeneric />;
+export const NewClusterPage = () => (
   <NewClusterPageGeneric pageTitleSection={<NewClusterTitleSection />} />
 );

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/lib/ocm/components/ui/Buttons/BackButton.tsx

@@ -1,12 +1,10 @@
-import { Link } from 'react-router-dom';
-import type { LinkProps } from 'react-router-dom';
-import type { LocationState } from 'history';
+import { Link, LinkProps } from 'react-router-dom-v5-compat';
 import type { ButtonProps } from '@patternfly/react-core';
 import { Button } from '@patternfly/react-core';
 import React from 'react';
 
 export type BackButtonProps = {
-  to: LinkProps<LocationState>['to'];
+  to: LinkProps['to'];
   variant?: ButtonProps['variant'];
 };
 export const BackButton = ({ to, variant = 'secondary' }: BackButtonProps) => (

package/lib/ocm/store/slices/clusters/selectors.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createSelector } from '@reduxjs/toolkit';
 import type { IRow, IRowData } from '@patternfly/react-table';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router-dom-v5-compat';
 import type { TFunction } from 'i18next';
 import {
   DASH,
@@ -14,7 +14,6 @@ import {
 } from '../../../../common';
 import type { ClusterTableRows, HumanizedSortable } from '../../../../common';
 import ClusterStatus, { getClusterStatusText } from '../../../components/clusters/ClusterStatus';
-import { routeBasePath } from '../../../config';
 import { RootStateDay1 } from '../../store-day1';
 import type { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
@@ -53,7 +52,7 @@ const clusterToClusterTableRow = (cluster: Cluster, t: TFunction): IRow => {
     cells: [
       {
         title: (
-          <Link key={name} to={`${routeBasePath}/clusters/${id}`} id={`cluster-link-${id}`}>
+          <Link key={name} to={id} id={`cluster-link-${id}`}>
             {name}
           </Link>
         ),

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.11.3-cim",
-    "@openshift-assisted/types": "2.11.3-cim",
+    "@openshift-assisted/locales": "2.12.1-cim",
+    "@openshift-assisted/types": "2.12.1-cim",
     "@openshift-console/dynamic-plugin-sdk": "0.0.3",
     "@patternfly/patternfly": "^4.222.4",
     "@patternfly/react-code-editor": "^4.82.113",
@@ -103,7 +103,7 @@
     "react-i18next": ">11.7.3",
     "react-monaco-editor": "^0.51.0",
     "react-redux": "^8.0.5",
-    "react-router-dom": "^5.3.0",
+    "react-router-dom-v5-compat": "^6.21.2",
     "react-tagsinput": "^3.20",
     "redux": "^4",
     "uuid": "^8.1",
@@ -141,5 +141,5 @@
       ]
     }
   },
-  "version": "2.11.3-cim"
+  "version": "2.12.1-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/@types/ocm/components/ui/RedirectToCluster.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { History } from 'history';
-export declare const redirectToCluster: (history: History, id: string) => void;
-declare const RedirectToCluster: React.FC<{
-    id: string;
-}>;
-export default RedirectToCluster;
-//# sourceMappingURL=RedirectToCluster.d.ts.map

package/build/@types/ocm/components/ui/RedirectToCluster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RedirectToCluster.d.ts","sourceRoot":"","sources":["../../../../../lib/ocm/components/ui/RedirectToCluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGlC,eAAO,MAAM,iBAAiB,YAAa,OAAO,MAAM,MAAM,SAE7D,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAE/C,CAAC;AAEF,eAAe,iBAAiB,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/build/cjs/ocm/components/ui/RedirectToCluster.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.redirectToCluster = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const config_1 = require("../../config");
-const redirectToCluster = (history, id) => {
-    history.push(`${config_1.routeBasePath}/clusters/${id}`);
-};
-exports.redirectToCluster = redirectToCluster;
-const RedirectToCluster = ({ id }) => (react_1.default.createElement(react_router_dom_1.Redirect, { to: `${config_1.routeBasePath}/clusters/${id}` }));
-exports.default = RedirectToCluster;
-//# sourceMappingURL=RedirectToCluster.js.map

package/build/cjs/ocm/components/ui/RedirectToCluster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RedirectToCluster.js","sourceRoot":"","sources":["../../../../../lib/ocm/components/ui/RedirectToCluster.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAA4C;AAE5C,yCAA6C;AAEtC,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAE,EAAU,EAAE,EAAE;IAChE,OAAO,CAAC,IAAI,CAAC,GAAG,sBAAa,aAAa,EAAE,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B;AAEF,MAAM,iBAAiB,GAA6B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,2BAAQ,IAAC,EAAE,EAAE,GAAG,sBAAa,aAAa,EAAE,EAAE,GAAI,CACpD,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

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;

package/lib/ocm/components/ui/RedirectToCluster.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Redirect } from 'react-router-dom';
-import { History } from 'history';
-import { routeBasePath } from '../../config';
-
-export const redirectToCluster = (history: History, id: string) => {
-  history.push(`${routeBasePath}/clusters/${id}`);
-};
-
-const RedirectToCluster: React.FC<{ id: string }> = ({ id }) => (
-  <Redirect to={`${routeBasePath}/clusters/${id}`} />
-);
-
-export default RedirectToCluster;