@openshift-assisted/ui-lib 2.39.5 → 2.41.0

package/lib/common/components/clusterDetail/ClusterCredentials.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import { GridItem, ClipboardCopy, clipboardCopyFunc, Button, Alert } from '@patternfly/react-core';
+import {
+  GridItem,
+  ClipboardCopy,
+  clipboardCopyFunc,
+  Button,
+  Alert,
+  TextInput,
+} from '@patternfly/react-core';
 import { Credentials, Cluster } from '@openshift-assisted/types/assisted-installer-service';
 import { LoadingState, ErrorState } from '../../components/ui/uiState';
 import { DetailList, DetailItem } from '../../components/ui/DetailList';
@@ -98,7 +105,10 @@ const ClusterCredentials: React.FC<ClusterCredentialsProps> = ({
         )}
         {credentials.username && (
           <>
-            <DetailItem title="Username" value={credentials.username} />
+            <DetailItem
+              title={t('ai:Username')}
+              value={<TextInput value={credentials.username} readOnlyVariant="default" />}
+            />
             <DetailItem
               title={t('ai:Password')}
               value={

package/lib/common/components/clusterWizard/ClusterWizardStep.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WizardBody, WizardBodyProps } from '@patternfly/react-core/deprecated';
+import { WizardBody } from '@patternfly/react-core';
 import { css } from '@patternfly/react-styles';
 
 import './ClusterWizardStep.css';
@@ -14,13 +14,11 @@ export const ClusterWizardStep = ({
   footer,
   children,
 }: React.PropsWithChildren<ClusterWizardStepProps>) => {
-  // activeStep is required, but we're not passing it. Using the cast to avoid TS error
-  const activeStep = undefined as unknown as WizardBodyProps['activeStep'];
   return (
     <div className={css('pf-v5-c-wizard__outer-wrap', 'cluster-wizard-step')}>
       <div className={css('pf-v5-c-wizard__inner-wrap')}>
         {navigation}
-        <WizardBody aria-labelledby="step-id" hasNoBodyPadding={false} activeStep={activeStep}>
+        <WizardBody aria-labelledby="step-id" hasNoPadding={false}>
           {children}
         </WizardBody>
       </div>

package/lib/common/components/operators/operatorSpecs.tsx

@@ -30,6 +30,7 @@ import {
   AUTHORINO_OPERATOR_LINK,
   CNV_LINK,
   FENCE_AGENTS_REMEDIATION_LINK,
+  getKubeDeschedulerLink,
   getLsoLink,
   getLvmsDocsLink,
   getMceDocsLink,
@@ -154,10 +155,10 @@ export const getOperatorSpecs = (useLVMS?: boolean): { [key: string]: OperatorSp
     [OPERATOR_NAME_KUBE_DESCHEDULER]: {
       title: 'Kube Descheduler',
       featureId: 'KUBE_DESCHEDULER',
-      Description: () => (
+      Description: ({ openshiftVersion }) => (
         <>
           Evicts pods to reschedule them onto more suitable nodes.{' '}
-          <ExternalLink href={NODE_HEALTHCHECK_LINK}>Learn more</ExternalLink>
+          <ExternalLink href={getKubeDeschedulerLink(openshiftVersion)}>Learn more</ExternalLink>
         </>
       ),
       notStandalone: true,

package/lib/common/components/ui/ClusterEventsToolbar.tsx

@@ -16,8 +16,12 @@ import {
   Badge,
   TextInputTypes,
   InputGroupItem,
+  Dropdown,
+  DropdownItem,
+  DropdownList,
+  MenuToggle,
+  MenuToggleElement,
 } from '@patternfly/react-core';
-import { Select, SelectOption, SelectProps } from '@patternfly/react-core/deprecated';
 import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
 import { FilterIcon } from '@patternfly/react-icons/dist/js/icons/filter-icon';
 import type { ClusterEventsFiltersType } from '../../types';
@@ -137,7 +141,7 @@ const ClusterEventsToolbar = ({
     setFilters(nextFilters);
   };
 
-  const onHostToggle: SelectProps['onToggle'] = () => setHostExpanded(!isHostExpanded);
+  const onHostToggle = () => setHostExpanded(!isHostExpanded);
   const onHostSelect = (value: string, isChecked: boolean) => {
     switch (value) {
       case DELETED_HOSTS:
@@ -157,7 +161,7 @@ const ClusterEventsToolbar = ({
     }
   };
 
-  const onSeverityToggle: SelectProps['onToggle'] = () => setSeverityExpanded(!isSeverityExpanded);
+  const onSeverityToggle = () => setSeverityExpanded(!isSeverityExpanded);
   const onSeveritySelect = (value: string, isChecked: boolean) => {
     onSelect('severities', isChecked, value);
   };
@@ -227,41 +231,56 @@ const ClusterEventsToolbar = ({
             }
             deleteChipGroup={onDeleteChipGroup}
           >
-            <Select
-              variant="checkbox"
-              aria-label="hosts"
-              toggleId="cluster-events-hosts-dropdown-button"
-              onToggle={onHostToggle}
-              onSelect={(e, value) => onHostSelect(value as string, isSelectEventChecked(e))}
-              selections={getSelections()}
-              customBadgeText={hostChips.length}
+            <Dropdown
               isOpen={isHostExpanded}
-              placeholderText={<Placeholder text="Hosts" />}
-              maxHeight={280}
-              zIndex={600}
+              onSelect={(e, value) => onHostSelect(value as string, isSelectEventChecked(e))}
+              onOpenChange={onHostToggle}
+              toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+                <MenuToggle
+                  id="cluster-events-hosts-dropdown-button"
+                  ref={toggleRef}
+                  isFullWidth
+                  onClick={onHostToggle}
+                  isExpanded={isHostExpanded}
+                  badge={hostChips.length && <Badge isRead>{hostChips.length}</Badge>}
+                >
+                  <Placeholder text="Hosts" />
+                </MenuToggle>
+              )}
+              shouldFocusToggleOnSelect
             >
-              {[
-                <SelectOption
-                  inputId={`checkbox-${CLUSTER_LEVEL}`}
+              <DropdownList>
+                <DropdownItem
+                  id={`checkbox-${CLUSTER_LEVEL}`}
+                  hasCheckbox
+                  isSelected={getSelections().includes(CLUSTER_LEVEL)}
                   key={CLUSTER_LEVEL}
                   value={CLUSTER_LEVEL}
                 >
                   {t('ai:Cluster-level events')}
-                </SelectOption>,
-                <SelectOption
-                  inputId={`checkbox-${DELETED_HOSTS}`}
+                </DropdownItem>
+                <DropdownItem
+                  id={`checkbox-${DELETED_HOSTS}`}
+                  hasCheckbox
+                  isSelected={getSelections().includes(DELETED_HOSTS)}
                   key={DELETED_HOSTS}
                   value={DELETED_HOSTS}
                 >
                   {t('ai:Deleted hosts')}
-                </SelectOption>,
-                ...sortedHosts.map((host) => (
-                  <SelectOption inputId={`checkbox-${host.id}`} key={host.id} value={host.id}>
+                </DropdownItem>
+                {...sortedHosts.map((host) => (
+                  <DropdownItem
+                    id={`checkbox-${host.id}`}
+                    hasCheckbox
+                    isSelected={getSelections().includes(host.id)}
+                    key={host.id}
+                    value={host.id}
+                  >
                     {host.hostname}
-                  </SelectOption>
-                )),
-              ]}
-            </Select>
+                  </DropdownItem>
+                ))}
+              </DropdownList>
+            </Dropdown>
           </CustomToolbarFilter>
         )}
 
@@ -278,28 +297,42 @@ const ClusterEventsToolbar = ({
           deleteChipGroup={onDeleteChipGroup}
           categoryName="Severity"
         >
-          <Select
-            variant="checkbox"
-            aria-label="Severity"
-            toggleId="cluster-events-severity-dropdown-button"
-            onToggle={onSeverityToggle}
+          <Dropdown
+            isOpen={isSeverityExpanded}
             onSelect={(event, value) =>
               onSeveritySelect(value as string, isSelectEventChecked(event))
             }
-            selections={filters.severities}
-            isOpen={isSeverityExpanded}
-            placeholderText={<Placeholder text="Severity" />}
-          >
-            {EVENT_SEVERITIES.map((severity) => (
-              <SelectOption
-                data-testid={`${severity}-filter-option`}
-                key={severity}
-                value={severity}
+            onOpenChange={onSeverityToggle}
+            toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+              <MenuToggle
+                id="cluster-events-severity-dropdown-button"
+                ref={toggleRef}
+                isFullWidth
+                onClick={onSeverityToggle}
+                isExpanded={isSeverityExpanded}
+                badge={
+                  filters.severities?.length && <Badge isRead>{filters.severities.length}</Badge>
+                }
               >
-                {capitalize(severity)} <Badge isRead>{severityCounts[severity]}</Badge>
-              </SelectOption>
-            ))}
-          </Select>
+                <Placeholder text="Severity" />
+              </MenuToggle>
+            )}
+            shouldFocusToggleOnSelect
+          >
+            <DropdownList>
+              {EVENT_SEVERITIES.map((severity) => (
+                <DropdownItem
+                  data-testid={`${severity}-filter-option`}
+                  hasCheckbox
+                  isSelected={filters.severities?.includes(severity)}
+                  key={severity}
+                  value={severity}
+                >
+                  {capitalize(severity)} <Badge isRead>{severityCounts[severity]}</Badge>
+                </DropdownItem>
+              ))}
+            </DropdownList>
+          </Dropdown>
         </ToolbarFilter>
 
         <ToolbarItem>

package/lib/common/components/ui/WizardFooter.tsx

@@ -26,6 +26,7 @@ export type WizardFooterGenericProps = {
   isSubmitting?: boolean;
   submittingText?: string;
   nextButtonText?: string;
+  isNextButtonLoading?: boolean;
 };
 
 type WizardFooterProps = WizardFooterGenericProps & {
@@ -51,6 +52,7 @@ export const WizardFooter: React.FC<WizardFooterProps> = ({
   nextButtonText,
   cluster,
   onFetchEvents,
+  isNextButtonLoading,
 }) => {
   const { t } = useTranslation();
   submittingText = submittingText || t('ai:Saving changes...');
@@ -68,6 +70,7 @@ export const WizardFooter: React.FC<WizardFooterProps> = ({
                 name="next"
                 onClick={onNext}
                 isDisabled={isNextDisabled}
+                isLoading={isNextButtonLoading}
               >
                 {nextButtonText || t('ai:Next')}
               </Button>

package/lib/common/components/ui/WizardNavItem.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren, ReactNode } from 'react';
-import { WizardNavItem, WizardNavItemProps } from '@patternfly/react-core/deprecated';
+import { WizardNavItem, WizardNavItemProps } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import UiIcon from './UiIcon';
 

package/lib/common/components/ui/formik/MultiSelectField.tsx

@@ -1,19 +1,27 @@
 import React from 'react';
 import { useField } from 'formik';
-import Fuse from 'fuse.js';
-import { FormGroup, FormHelperText, HelperText, HelperTextItem } from '@patternfly/react-core';
 import {
-  Select,
-  SelectOption,
-  SelectOptionObject,
-  SelectOptionProps,
-  SelectProps,
-  SelectVariant,
-} from '@patternfly/react-core/deprecated';
-import { MultiSelectFieldProps, MultiSelectOption } from './types';
+  FormGroup,
+  FormHelperText,
+  HelperText,
+  HelperTextItem,
+  Dropdown,
+  DropdownItem,
+  DropdownList,
+  MenuToggle,
+  MenuToggleElement,
+  TextInputGroup,
+  TextInputGroupMain,
+  TextInputGroupUtilities,
+  Button,
+  LabelGroup,
+  Label,
+} from '@patternfly/react-core';
+import { MultiSelectFieldProps } from './types';
 import { getFieldId } from './utils';
-import { useTranslation } from '../../../hooks/use-translation-wrapper';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import { useTranslation } from '../../../hooks/use-translation-wrapper';
 
 // Field value is a string[]
 const MultiSelectField: React.FC<MultiSelectFieldProps> = ({
@@ -29,21 +37,24 @@ const MultiSelectField: React.FC<MultiSelectFieldProps> = ({
   ...props
 }) => {
   const [isOpen, setOpen] = React.useState(false);
+  const [textValue, setTextValue] = React.useState('');
   const [field, { touched, error }, { setValue }] = useField<string[]>(props.name);
   const fieldId = getFieldId(props.name, 'multiinput', idPostfix);
   const isValid = !(touched && error);
   const errorMessage = !isValid ? error : '';
   const hText = getHelperText ? getHelperText(field.value?.join(',') || '') : helperText;
+  const { t } = useTranslation();
 
   const onToggle = (isOpen: boolean) => setOpen(isOpen);
   const onClearSelection = () => {
     // onChange && onChange(event);
     setValue([]);
+    setTextValue('');
     onChange && onChange([]);
     setOpen(false);
   };
 
-  const onSelect: SelectProps['onSelect'] = (event, selection) => {
+  const onSelect = (selection: string) => {
     // already selected
     const selected = field.value;
 
@@ -53,7 +64,7 @@ const MultiSelectField: React.FC<MultiSelectFieldProps> = ({
         selection as {
           /* TypeScript hack, debug hint: created as part of "selections" array below */ value?: string;
         }
-      ).value || (selection as string);
+      ).value || selection;
 
     let newValue: string[];
     if (selected.includes(selectionValue)) {
@@ -65,61 +76,90 @@ const MultiSelectField: React.FC<MultiSelectFieldProps> = ({
     onChange && onChange(newValue);
   };
 
-  // list of already selected options
-  const selections: (SelectOptionObject | string)[] = field.value.map((value: string) => {
-    const option = options.find((opt) => opt.value === value);
-    return option
-      ? {
-          value: option.value,
-          toString: () => option.displayName,
-          compareTo: (selectOption: { value: string }) => selectOption.value === value,
-        }
-      : value;
+  const deleteChip = (chip: string) => {
+    const newValue = field.value.filter((val) => val !== chip);
+    setValue(newValue);
+    setTextValue('');
+    onChange && onChange(newValue);
+  };
+
+  const filteredOptions = options.filter((option) => {
+    const value = option.value as string;
+    return (
+      option.displayName.toLowerCase().includes(textValue.toLowerCase()) &&
+      !(field.value || []).includes(value.toString())
+    );
   });
 
-  const children = options
-    .filter((option) => !(field.value || []).includes(option.value.toString()))
-    .map((option) => (
-      <SelectOption key={option.id} id={option.id} value={option.value}>
+  const children = filteredOptions.map((option) => {
+    const value = option.value as string;
+    return (
+      <DropdownItem key={option.id} id={option.id} value={value}>
         {option.displayName}
-      </SelectOption>
-    ));
-
-  const fuse = new Fuse(options, {
-    ignoreLocation: true,
-    keys: ['displayName'],
+      </DropdownItem>
+    );
   });
-  const { t } = useTranslation();
 
   return (
     <FormGroup fieldId={fieldId} label={label} isRequired={isRequired} labelIcon={labelIcon}>
-      <Select
-        {...field}
-        {...props}
+      <Dropdown
         id={fieldId}
-        variant={SelectVariant.typeaheadMulti}
-        typeAheadAriaLabel={t('ai:Select a state')}
-        validated={isValid ? 'default' : 'error'}
-        aria-describedby={`${fieldId}-helper`}
-        isCreatable={false}
-        placeholderText={placeholderText}
         isOpen={isOpen}
-        onToggle={(_event, isOpen: boolean) => onToggle(isOpen)}
-        onSelect={onSelect}
-        onClear={onClearSelection}
-        selections={selections}
-        onFilter={(e, val) => {
-          if (!val || val === '') {
-            return children;
-          }
-          const results = fuse.search<MultiSelectOption>(val).map((result) => result.item.id);
-          return (
-            React.Children.toArray(children) as React.ReactElement<SelectOptionProps>[]
-          ).filter(({ props }) => results.includes(props.id as string));
-        }}
+        onSelect={(event, value) => onSelect(value as string)}
+        onOpenChange={onToggle}
+        toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+          <MenuToggle
+            ref={toggleRef}
+            isFullWidth
+            onClick={() => onToggle(!isOpen)}
+            isExpanded={isOpen}
+            variant="typeahead"
+          >
+            <TextInputGroup>
+              <LabelGroup>
+                {field.value.map((currentChip) => (
+                  <Label
+                    key={currentChip}
+                    variant="outline"
+                    onClose={() => deleteChip(currentChip)}
+                  >
+                    {currentChip}
+                  </Label>
+                ))}
+              </LabelGroup>
+              <TextInputGroupMain
+                placeholder={placeholderText}
+                onClick={() => onToggle(!isOpen)}
+                value={textValue}
+                onChange={(event, value) => setTextValue(value)}
+              />
+              <TextInputGroupUtilities>
+                <Button
+                  variant="plain"
+                  onClick={onClearSelection}
+                  aria-label="Clear button and input"
+                  icon={<TimesIcon />}
+                />
+              </TextInputGroupUtilities>
+            </TextInputGroup>
+          </MenuToggle>
+        )}
+        shouldFocusToggleOnSelect
       >
-        {children}
-      </Select>
+        <DropdownList>
+          {children.length ? (
+            children
+          ) : (
+            <DropdownItem
+              key="No options available"
+              id="No options available"
+              value="No options available"
+            >
+              {t('ai:No options available')}
+            </DropdownItem>
+          )}
+        </DropdownList>
+      </Dropdown>
       {(errorMessage || hText) && (
         <FormHelperText>
           <HelperText>

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

@@ -7,7 +7,7 @@ import {
   FormSelectProps,
   DropEvent,
 } from '@patternfly/react-core';
-import { SelectOptionProps } from '@patternfly/react-core/deprecated';
+import { DropdownItemProps } from '@patternfly/react-core';
 import { FieldValidator, FieldHelperProps } from 'formik';
 import { DropzoneProps } from 'react-dropzone';
 import { CodeEditorProps } from '@patternfly/react-code-editor';
@@ -44,7 +44,7 @@ export interface SelectFieldProps extends FieldProps {
   // onBlur?: (event: React.FormEvent<HTMLSelectElement>) => void;
 }
 
-export type MultiSelectOption = SelectOptionProps & { id: string; displayName: string };
+export type MultiSelectOption = DropdownItemProps & { id: string; displayName: string };
 
 export interface MultiSelectFieldProps extends FieldProps {
   options: MultiSelectOption[];

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

@@ -14,7 +14,9 @@ export const getHumanizedTime = (dateTime?: string) => {
 };
 
 // TypesScript safe
-export const isSelectEventChecked = (event: React.MouseEvent | React.ChangeEvent): boolean => {
-  const target = event.target as { checked?: boolean };
+export const isSelectEventChecked = (
+  event: React.MouseEvent | React.ChangeEvent | undefined,
+): boolean => {
+  const target = event?.target as { checked?: boolean };
   return !!target?.checked;
 };

package/lib/common/config/constants.ts

@@ -319,15 +319,13 @@ export const OPERATOR_NAME_KUBE_DESCHEDULER = 'kube-descheduler';
 
 export const singleClusterOperators = [
   OPERATOR_NAME_CNV,
-  OPERATOR_NAME_NODE_HEALTHCHECK,
-  OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
-  OPERATOR_NAME_NODE_MAINTENANCE,
   OPERATOR_NAME_MTV,
-  OPERATOR_NAME_KUBE_DESCHEDULER,
   OPERATOR_NAME_NMSTATE,
+  OPERATOR_NAME_NODE_HEALTHCHECK,
+  OPERATOR_NAME_NODE_MAINTENANCE,
+  OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
   OPERATOR_NAME_SELF_NODE_REMEDIATION,
-  OPERATOR_NAME_ODF,
-  OPERATOR_NAME_LSO,
+  OPERATOR_NAME_KUBE_DESCHEDULER,
 ];
 
 export const singleClusterBundles = ['virtualization'];

package/lib/common/config/docs_links.ts

@@ -182,3 +182,6 @@ export const getServiceMeshLink = (ocpVersion?: string) =>
 
 export const SERVERLESS_OPERATOR_LINK =
   'https://docs.openshift.com/serverless/1.28/install/install-serverless-operator.html#serverless-install-web-console_install-serverless-operator';
+
+export const KUBECONFIG_INFO_LINK =
+  'https://docs.redhat.com/en/documentation/openshift_container_platform/4.18/html/cli_tools/openshift-cli-oc#about-switches-between-cli-profiles_managing-cli-profiles';

package/lib/common/index.ts

@@ -1,7 +1,3 @@
-import './configurations';
-import './styles.css';
-import './utils';
-
 export * from './components';
 export * from './api';
 export * from './types';

package/lib/ocm/components/AddHosts/day2Wizard/Day2Wizard.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Modal, ModalVariant } from '@patternfly/react-core';
-import { WizardHeader } from '@patternfly/react-core/deprecated';
+import { WizardHeader } from '@patternfly/react-core';
 import classNames from 'classnames';
 import { ClusterWizardStep } from '../../../../common';
 import { useModalDialogsContext } from '../../hosts/ModalDialogsContext';

package/lib/ocm/components/AddHosts/day2Wizard/Day2WizardNav.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WizardNav, WizardNavItem } from '@patternfly/react-core/deprecated';
+import { WizardNav, WizardNavItem } from '@patternfly/react-core';
 import { Day2WizardStepsType, day2WizardStepNames, staticIpFormViewSubSteps } from './constants';
 import { useDay2WizardContext } from './Day2WizardContext';
 import { isStaticIpStep } from '../../clusterWizard/wizardTransition';
@@ -18,10 +18,10 @@ const Day2WizardNav = () => {
   const getNavItem = (idx: number, stepId: Day2WizardStepsType): React.ReactNode => {
     return (
       <WizardNavItem
-        step={idx}
+        stepIndex={idx}
         key={stepId}
         content={day2WizardStepNames[stepId]}
-        onNavItemClick={() => wizardContext.setCurrentStepId(stepId)}
+        onClick={() => wizardContext.setCurrentStepId(stepId)}
         isCurrent={wizardContext.currentStepId === stepId}
         isDisabled={isStepDisabled(idx, stepId)}
       />
@@ -31,14 +31,14 @@ const Day2WizardNav = () => {
   const getStaticIpFormViewNavItem = (idx: number): React.ReactNode => {
     return (
       <WizardNavItem
-        step={idx}
+        stepIndex={idx}
         isExpandable={true}
         content="Static network configurations"
         key="static-network-configuration-form-view"
         isCurrent={isStaticIpStep(wizardContext.currentStepId)}
         isDisabled={isStepIdxAfterCurrent(idx)}
       >
-        <WizardNav returnList>
+        <WizardNav isInnerList>
           {staticIpFormViewSubSteps.map((stepId, subIdx) => {
             return getNavItem(idx + subIdx, stepId);
           })}

package/lib/ocm/components/HostsClusterDetailTab/utils.ts

@@ -37,7 +37,11 @@ const makeState = (
 };
 
 export const getAddHostsTabState = (cluster: OcmClusterType): AddHostsTabState => {
-  const isClusterStateReady = /ready|installed/.test(cluster.state);
+  // Prioritize aiCluster.status over cluster.state to prevent inconsistencies
+  // where metrics might show the cluster as ready while installation is still in progress
+  const isClusterStateReady = cluster.aiCluster?.status
+    ? /ready|installed/.test(cluster.aiCluster.status)
+    : /ready|installed/.test(cluster.state);
   const wasInstalledUsingAssistedInstaller = cluster.product?.id === 'OCP-AssistedInstall';
   // Checking if the Day1 cluster has reported metrics, so it can be determined if it's an SNO / multi node and has required information
   const day1ClusterHostCount = cluster.metrics?.nodes?.total || 0;

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

@@ -13,7 +13,6 @@ import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
 import DeleteCustomManifestModal from './manifestsConfiguration/DeleteCustomManifestModal';
 import { ClustersService } from '../../services';
 import { ClustersAPI } from '../../services/apis';
-import { useLocation } from 'react-router-dom-v5-compat';
 
 const Label = () => {
   return (
@@ -38,18 +37,6 @@ const CustomManifestCheckbox = ({ clusterId, isDisabled }: CustomManifestCheckbo
   const fieldId = getFieldId(name, 'input');
   const clusterWizardContext = useClusterWizardContext();
   const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
-  const location = useLocation();
-
-  React.useEffect(() => {
-    const searchParams = new URLSearchParams(location.search);
-    const isAssistedMigration = searchParams.get('source') === 'assisted_migration';
-
-    if (isAssistedMigration) {
-      setValue(true);
-      clusterWizardContext.setCustomManifestsStep(true);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [location]);
 
   const cleanCustomManifests = React.useCallback(async () => {
     const { data: manifests } = await ClustersAPI.getManifests(clusterId);