@openshift-assisted/ui-lib 2.14.0-cim → 2.14.2-cim

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

@@ -1,128 +0,0 @@
-import React from 'react';
-import { Alert, AlertGroup, AlertVariant } from '@patternfly/react-core';
-import {
-  Alerts,
-  WizardFooter,
-  useAlerts,
-  WizardFooterGenericProps,
-  ClusterWizardStepValidationsAlert,
-} from '../../../common';
-import ClusterDeploymentWizardContext from './ClusterDeploymentWizardContext';
-import { ClusterWizardStepHostStatusDeterminationObject } from '../../../common/types/hosts';
-import { ValidationsInfo } from '../../../common/types/clusters';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { ClusterWizardStepsType, wizardStepsValidationsMap } from './wizardTransition';
-import { AgentClusterInstallK8sResource } from '../../types/k8s/agent-cluster-install';
-import { AgentK8sResource } from '../../types/k8s/agent';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import ValidationsRunningAlert from '../common/ValidationsRunningAlert';
-
-type ValidationSectionProps = {
-  requireProxy?: boolean;
-  currentStepId: ClusterWizardStepsType;
-  validationsInfo?: ValidationsInfo;
-  clusterStatus?: Cluster['status'];
-  hosts: ClusterWizardStepHostStatusDeterminationObject[];
-};
-
-const ValidationSection: React.FC<ValidationSectionProps> = ({
-  currentStepId,
-  clusterStatus,
-  validationsInfo,
-  hosts,
-  children,
-}) => {
-  return (
-    <AlertGroup>
-      {children}
-      {clusterStatus && (
-        <ClusterWizardStepValidationsAlert
-          currentStepId={currentStepId}
-          clusterStatus={clusterStatus}
-          hosts={hosts}
-          validationsInfo={validationsInfo}
-          wizardStepsValidationsMap={wizardStepsValidationsMap}
-        >
-          <ValidationsRunningAlert />
-        </ClusterWizardStepValidationsAlert>
-      )}
-    </AlertGroup>
-  );
-};
-
-type ClusterDeploymentWizardFooterProps = React.ComponentProps<typeof WizardFooter> &
-  WizardFooterGenericProps & {
-    agentClusterInstall?: AgentClusterInstallK8sResource;
-    agents?: AgentK8sResource[];
-    showClusterErrors?: boolean;
-    onSyncError?: VoidFunction;
-  };
-
-const ClusterDeploymentWizardFooter: React.FC<ClusterDeploymentWizardFooterProps> = ({
-  agentClusterInstall,
-  agents,
-  showClusterErrors,
-  children,
-  onSyncError,
-  isNextDisabled,
-  ...rest
-}) => {
-  const { alerts } = useAlerts();
-  const { currentStepId } = React.useContext(ClusterDeploymentWizardContext);
-  const clusterStatus = showClusterErrors
-    ? agentClusterInstall?.status?.debugInfo?.state
-    : undefined;
-  const validationsInfo = showClusterErrors
-    ? agentClusterInstall?.status?.validationsInfo
-    : undefined;
-  const hosts = React.useMemo(
-    () =>
-      (agents || []).reduce<ClusterWizardStepHostStatusDeterminationObject[]>((result, agent) => {
-        const status = agent.status?.debugInfo?.state;
-        if (status) {
-          result.push({ status, validationsInfo: agent.status?.validationsInfo });
-        }
-        return result;
-      }, []),
-    [agents],
-  );
-
-  const syncError = agentClusterInstall?.status?.conditions?.find(
-    (c) => c.type === 'SpecSynced' && c.status === 'False',
-  )?.message;
-
-  const { t } = useTranslation();
-  React.useEffect(() => {
-    if (syncError && onSyncError) {
-      onSyncError();
-    }
-  }, [syncError, onSyncError]);
-
-  const alertsSection = alerts.length ? <Alerts /> : undefined;
-  const errorsSection = (
-    <ValidationSection
-      currentStepId={currentStepId}
-      clusterStatus={clusterStatus}
-      validationsInfo={validationsInfo}
-      hosts={hosts}
-    >
-      {syncError && (
-        <Alert variant={AlertVariant.danger} title={t('ai:An error occured')} isInline>
-          {syncError}
-        </Alert>
-      )}
-      {children}
-    </ValidationSection>
-  );
-
-  return (
-    <WizardFooter
-      alerts={alertsSection}
-      errors={errorsSection}
-      isNextDisabled={isNextDisabled || !!syncError}
-      {...rest}
-    />
-  );
-};
-
-export default ClusterDeploymentWizardFooter;

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

@@ -1,81 +0,0 @@
-import React from 'react';
-import { WizardNav } from '@patternfly/react-core/deprecated';
-import { WizardNavItem } from '../../../common';
-import { wizardStepNames } from './constants';
-import ClusterDeploymentWizardContext from './ClusterDeploymentWizardContext';
-import { ClusterDeploymentWizardStepsType } from './types';
-import { isCIMFlow } from './helpers';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-
-const wizardSteps = Object.keys(wizardStepNames) as ClusterDeploymentWizardStepsType[];
-
-const ClusterDeploymentWizardNavigation: React.FC<{
-  // cluster?: Cluster
-}> = () => {
-  const { currentStepId, setCurrentStepId, clusterDeployment } = React.useContext(
-    ClusterDeploymentWizardContext,
-  );
-  const { t } = useTranslation();
-  const stepNames = wizardStepNames(t);
-  return (
-    <WizardNav>
-      <WizardNavItem
-        key="installation-type"
-        content={t('ai:Installation type')}
-        step={0}
-        isDisabled
-      />
-      <WizardNavItem
-        key="cluster-details"
-        content={stepNames['cluster-details']}
-        isCurrent={currentStepId === 'cluster-details'}
-        // isValid={ () => !cluster || canNextHostDiscovery({ cluster }) }
-        isDisabled={false}
-        step={1}
-        onNavItemClick={() => setCurrentStepId('cluster-details')}
-      />
-      <WizardNavItem key="automation" content={t('ai:Automation')} step={2} isDisabled />
-      {isCIMFlow(clusterDeployment) ? (
-        <WizardNavItem
-          key="hosts-selection"
-          content={stepNames['hosts-selection']}
-          isDisabled={!wizardSteps.slice(1).includes(currentStepId)}
-          // isValid={ () => !cluster || canNextHostDiscovery({ cluster }) }
-          isCurrent={currentStepId === 'hosts-selection'}
-          step={2}
-          onNavItemClick={() => setCurrentStepId('hosts-selection')}
-        />
-      ) : (
-        <WizardNavItem
-          key="hosts-discovery"
-          content={stepNames['hosts-discovery']}
-          isDisabled={!wizardSteps.slice(1).includes(currentStepId)}
-          // isValid={ () => !cluster || canNextHostDiscovery({ cluster }) }
-          isCurrent={currentStepId === 'hosts-discovery'}
-          step={2}
-          onNavItemClick={() => setCurrentStepId('hosts-discovery')}
-        />
-      )}
-      <WizardNavItem
-        key="networking"
-        content={stepNames['networking']}
-        isDisabled={!wizardSteps.slice(2).includes(currentStepId)}
-        // isValid={ () => !cluster || canNextHostDiscovery({ cluster }) }
-        isCurrent={currentStepId === 'networking'}
-        step={3}
-        onNavItemClick={() => setCurrentStepId('networking')}
-      />
-      <WizardNavItem
-        key="review"
-        content={stepNames['review']}
-        isDisabled={!wizardSteps.slice(3).includes(currentStepId)}
-        // isValid={ () => !cluster || canNextHostDiscovery({ cluster }) }
-        isCurrent={currentStepId === 'review'}
-        step={4}
-        onNavItemClick={() => setCurrentStepId('review')}
-      />
-    </WizardNav>
-  );
-};
-
-export default ClusterDeploymentWizardNavigation;

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ClusterWizardStep } from '../../../common/components/clusterWizard';
-import ClusterDeploymentWizardNavigation from './ClusterDeploymentWizardNavigation';
-
-type ClusterDeploymentWizardStepProps = {
-  footer: React.ReactNode;
-};
-
-const ClusterDeploymentWizardStep: React.FC<ClusterDeploymentWizardStepProps> = (props) => (
-  <ClusterWizardStep navigation={<ClusterDeploymentWizardNavigation />} {...props} />
-);
-
-export default ClusterDeploymentWizardStep;