@openshift-assisted/ui-lib 2.38.5 → 2.39.0

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;

package/lib/common/components/ui/OpenshiftVersionDropdown.css

@@ -1,4 +0,0 @@
-#form-input-openshiftVersion-field .pf-v5-c-dropdown__menu {
-  max-height: 22vh;
-  overflow: auto;
-}

package/lib/ocm/components/clusterDetail/RebootNodeZeroModal.css

@@ -1,7 +0,0 @@
-.ai-reboot-modal .detail-list dt {
-  margin-top: var(--pf-v5-global--spacer--lg);
-}
-
-.ai-reboot-modal__item {
-  margin-top: var(--pf-v5-global--spacer--lg);
-}

package/lib/ocm/components/clusterDetail/RebootNodeZeroModal.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import { Button, Checkbox, Modal, ModalVariant, Text, TextContent } from '@patternfly/react-core';
-
-import { useClusterStatusVarieties } from './ClusterDetailStatusVarieties';
-import { KubeconfigDownload, ClusterCredentials } from '../../../common';
-
-import './RebootNodeZeroModal.css';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-
-// TODO(mlibra): Following will be reimplemented based on future decisions in https://issues.redhat.com/browse/AGENT-522
-export const RebootNodeZeroModal: React.FC<{ cluster: Cluster }> = ({ cluster }) => {
-  const [rebootConfirmed, setRebootCofirmed] = React.useState(false);
-  const clusterVarieties = useClusterStatusVarieties(cluster);
-  const { credentials, credentialsError, fetchCredentials } = clusterVarieties;
-
-  const onReboot = () => {
-    // console.error('onReboot handler to be implemented');
-    // TODO(mlibra): Make HTTP Rest call to the assisted-service to restart the node, such endpoint is not yet implemented
-  };
-
-  // Do not merge, development only:
-  // credentials = credentials || {
-  //   username: 'mock-user',
-  //   password: 'mock-password',
-  //   consoleUrl: 'https://www.google.com/search?q=mock',
-  // };
-
-  return (
-    <Modal
-      title="Reboot node?"
-      className="ai-reboot-modal"
-      isOpen={true}
-      variant={ModalVariant.medium}
-      actions={[
-        <Button key="reboot" onClick={onReboot} isDisabled={!rebootConfirmed}>
-          Reboot
-        </Button>,
-      ]}
-    >
-      <TextContent>
-        <Text>
-          This node is about to reboot. Make sure you have downloaded the kubeconfig before you
-          proceed to reboot.
-        </Text>
-      </TextContent>
-      <KubeconfigDownload
-        status={cluster.status}
-        clusterId={cluster.id}
-        className="ai-reboot-modal__item"
-        data-testid="button-download-kubeconfig"
-      />
-      <ClusterCredentials
-        cluster={cluster}
-        credentials={credentials}
-        error={!!credentialsError}
-        retry={fetchCredentials}
-        credentialsError={credentialsError}
-      />
-      <Checkbox
-        label="I have downloaded the kubeconfig, saved the credentials and the node is ready to reboot"
-        className="ai-reboot-modal__item"
-        isChecked={rebootConfirmed}
-        onChange={() => setRebootCofirmed(!rebootConfirmed)}
-        id="checkbox-confirm-reboot"
-        name="confirm-reboot"
-      />
-    </Modal>
-  );
-};