@openshift-assisted/ui-lib 2.55.0 → 2.56.0

package/lib/ocm/components/clusterConfiguration/operators/utils.tsx

@@ -1,70 +0,0 @@
-import {
-  BundleCreateParams,
-  Bundle,
-  PreflightHardwareRequirements,
-} from '@openshift-assisted/types/assisted-installer-service';
-export const getOperatorDependencies = (
-  operatorId: string,
-  preflightRequirements: PreflightHardwareRequirements | undefined,
-  dependencies: Set<string> = new Set(),
-) => {
-  const originalSize = dependencies.size;
-  const deps =
-    preflightRequirements?.operators?.find(({ operatorName }) => operatorName === operatorId)
-      ?.dependencies || [];
-
-  deps.forEach((dep) => dependencies.add(dep));
-
-  if (originalSize !== dependencies.size) {
-    // add deps of new deps
-    deps.forEach((op) => {
-      getOperatorDependencies(op, preflightRequirements, dependencies);
-    });
-  }
-  return [...dependencies];
-};
-
-const getBundleOperators = (
-  bundle: Bundle,
-  preflightRequirements: PreflightHardwareRequirements | undefined,
-) => {
-  const bundleOperators = new Set(bundle.operators || []);
-  bundle.operators?.forEach((op) => {
-    getOperatorDependencies(op, preflightRequirements).forEach((dep) => bundleOperators.add(dep));
-  });
-  return Array.from(bundleOperators);
-};
-
-export const getNewBundleOperators = (
-  currentOperators: string[],
-  currentBundles: BundleCreateParams[],
-  allBundles: Bundle[],
-  newBundle: Bundle,
-  preflightRequirements: PreflightHardwareRequirements | undefined,
-  add: boolean,
-): string[] => {
-  const newBundleOperators = getBundleOperators(newBundle, preflightRequirements);
-
-  if (add) {
-    const combined = [...currentOperators, ...newBundleOperators];
-    return Array.from(new Set(combined));
-  }
-
-  const newBundles = currentBundles.filter((bundle) => bundle.id !== newBundle.id);
-  const operatorsToKeep = [
-    ...newBundles.reduce((acc, selectedBundle) => {
-      const bundle = allBundles.find(({ id }) => id === selectedBundle.id);
-      if (bundle) {
-        const bundleOperators = getBundleOperators(bundle, preflightRequirements);
-        bundleOperators.forEach((op) => {
-          acc.add(op);
-        });
-      }
-      return acc;
-    }, new Set<string>()),
-  ];
-
-  const operatorsToRemove = newBundleOperators.filter((op) => !operatorsToKeep.includes(op));
-
-  return currentOperators.filter((op) => !operatorsToRemove.includes(op));
-};

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

@@ -1,308 +0,0 @@
-import React, { MouseEvent } from 'react';
-import {
-  Button,
-  ButtonVariant,
-  FormGroup,
-  Split,
-  SplitItem,
-  Tooltip,
-  Dropdown,
-  DropdownItem,
-  MenuToggle,
-  MenuToggleElement,
-  DropdownList,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-} from '@patternfly/react-core';
-import { useField } from 'formik';
-import {
-  CpuArchitecture,
-  FeatureId,
-  SupportedCpuArchitecture,
-  architectureData,
-  getFieldId,
-  ExternalLink,
-  VSPHERE_LIMITATIONS_LINK,
-} from '../../../../common';
-import { ExternalPlaformIds, ExternalPlatformLabels, ExternalPlatformLinks } from './constants';
-import { PlatformType, SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
-import {
-  GetFeatureDisabledReason,
-  GetFeatureSupportLevel,
-  NewFeatureSupportLevelMap,
-  useNewFeatureSupportLevel,
-} from '../../../../common/components/newFeatureSupportLevels';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { useFeature } from '../../../hooks/use-feature';
-
-const INPUT_NAME = 'platform';
-const fieldId = getFieldId(INPUT_NAME, 'input');
-
-type ExternalPlatformDropdownProps = {
-  onChange: (selectedPlatform: PlatformType) => void;
-  cpuArchitecture?: SupportedCpuArchitecture;
-  featureSupportLevelData: NewFeatureSupportLevelMap | null;
-  isSNO: boolean;
-};
-
-export type ExternalPlatformInfo = {
-  label: string;
-  href?: string;
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-};
-
-const getDisabledReasonForExternalPlatform = (
-  isSNO: boolean,
-  getFeatureDisabledReason: GetFeatureDisabledReason,
-  platform: PlatformType,
-  featureSupportLevelData?: NewFeatureSupportLevelMap | null,
-  cpuArchitecture?: SupportedCpuArchitecture,
-): string | undefined => {
-  if (isSNO && (platform === 'nutanix' || platform === 'vsphere')) {
-    return `${ExternalPlatformLabels[platform]} integration is not supported for Single-Node OpenShift.`;
-  } else if (
-    isSNO &&
-    (cpuArchitecture === CpuArchitecture.ppc64le || cpuArchitecture === CpuArchitecture.s390x)
-  ) {
-    return `Plaform integration is not supported for Single-Node OpenShift with the selected CPU architecture.`;
-  } else {
-    return getFeatureDisabledReason(
-      ExternalPlaformIds[platform] as FeatureId,
-      featureSupportLevelData ?? undefined,
-      cpuArchitecture,
-    );
-  }
-};
-
-const isAvailablePlatform = (platform: PlatformType, isDisconnected?: boolean) => {
-  if (isDisconnected && platform === 'nutanix') {
-    return false;
-  }
-  return platform !== undefined;
-};
-
-const getExternalPlatformTypes = (
-  isSNO: boolean,
-  getFeatureSupportLevel: GetFeatureSupportLevel,
-  getFeatureDisabledReason: GetFeatureDisabledReason,
-  featureSupportLevelData?: NewFeatureSupportLevelMap | null,
-  cpuArchitecture?: SupportedCpuArchitecture,
-  isDisconnected?: boolean,
-): Partial<{ [key in PlatformType]: ExternalPlatformInfo }> => {
-  const platforms = ['none', 'nutanix', 'external', 'vsphere'] as PlatformType[];
-
-  const newPlatform = platforms
-    .filter((platform) => isAvailablePlatform(platform, isDisconnected))
-    .reduce(
-      (a, platform) => ({
-        ...a,
-        [platform]: {
-          label: ExternalPlatformLabels[platform],
-          href: ExternalPlatformLinks[platform],
-          disabledReason: getDisabledReasonForExternalPlatform(
-            isSNO,
-            getFeatureDisabledReason,
-            platform,
-            featureSupportLevelData ?? undefined,
-            cpuArchitecture,
-          ),
-          supportLevel: getFeatureSupportLevel(
-            ExternalPlaformIds[platform] as FeatureId,
-            featureSupportLevelData ?? undefined,
-          ),
-        },
-      }),
-      {},
-    );
-  return newPlatform;
-};
-
-export const areAllExternalPlatformIntegrationDisabled = (
-  externalPlatformTypes: Partial<{ [key in PlatformType]: ExternalPlatformInfo }>,
-): boolean => {
-  return Object.values(externalPlatformTypes)
-    .filter((info) => info.label !== 'No platform integration')
-    .every((info) => info.disabledReason !== undefined);
-};
-
-const getReasonForDropdownDisabled = (isSNO: boolean, labelCpuArch: string): string => {
-  if (!isSNO) {
-    return `Platform integration is not supported when ${labelCpuArch} is selected`;
-  } else {
-    return `Platform integration is not supported for SNO clusters`;
-  }
-};
-
-export const ExternalPlatformDropdown = ({
-  onChange,
-  cpuArchitecture,
-  featureSupportLevelData,
-  isSNO,
-}: ExternalPlatformDropdownProps) => {
-  const [field, , { setValue }] = useField<string>(INPUT_NAME);
-  const [isOpen, setOpen] = React.useState(false);
-  const [externalPlatformTypes, setExternalPlatformTypes] = React.useState<
-    Partial<{ [key in PlatformType]: ExternalPlatformInfo }>
-  >({});
-  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
-
-  const tooltipDropdownDisabled = getReasonForDropdownDisabled(
-    isSNO,
-    cpuArchitecture ? architectureData[cpuArchitecture].label : '',
-  );
-
-  const handleClick = (event: MouseEvent<HTMLButtonElement>, href: string): void => {
-    event.stopPropagation(); // Stop event propagation here
-    window.open(href, '_blank', 'noopener,noreferrer');
-  };
-
-  const { getFeatureSupportLevel, getFeatureDisabledReason } = useNewFeatureSupportLevel();
-
-  React.useEffect(() => {
-    // Calculate updated externalPlatformTypes based on the dependencies
-    const updatedExternalPlatformTypes = getExternalPlatformTypes(
-      isSNO,
-      getFeatureSupportLevel,
-      getFeatureDisabledReason,
-      featureSupportLevelData,
-      cpuArchitecture,
-      isSingleClusterFeatureEnabled,
-    );
-
-    // Update the state with the new externalPlatformTypes
-    setExternalPlatformTypes(updatedExternalPlatformTypes);
-  }, [
-    featureSupportLevelData,
-    cpuArchitecture,
-    isSNO,
-    isSingleClusterFeatureEnabled,
-    getFeatureSupportLevel,
-    getFeatureDisabledReason,
-  ]);
-
-  const dropdownIsDisabled = React.useMemo(() => {
-    return areAllExternalPlatformIntegrationDisabled(externalPlatformTypes);
-  }, [externalPlatformTypes]);
-
-  React.useEffect(() => {
-    let isCurrentValueDisabled = false;
-
-    if (field.value !== 'none') {
-      isCurrentValueDisabled =
-        externalPlatformTypes[field.value as PlatformType]?.disabledReason !== undefined;
-    }
-    if (dropdownIsDisabled || isCurrentValueDisabled) {
-      setValue('none');
-      onChange('none');
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dropdownIsDisabled, externalPlatformTypes]);
-
-  const enabledItems = Object.keys(externalPlatformTypes).map((platform) => {
-    const { label, href, disabledReason, supportLevel } = externalPlatformTypes[
-      platform as PlatformType
-    ] as ExternalPlatformInfo;
-
-    return (
-      <DropdownItem
-        value={platform}
-        key={platform}
-        id={platform}
-        isAriaDisabled={disabledReason !== undefined}
-      >
-        <Split>
-          <SplitItem>
-            <Tooltip hidden={!disabledReason} content={disabledReason} position="top">
-              <div>
-                {label}
-                <span onClick={(event) => event.stopPropagation()}>
-                  <NewFeatureSupportLevelBadge
-                    featureId={ExternalPlaformIds[platform as PlatformType] as FeatureId}
-                    supportLevel={supportLevel}
-                  />
-                </span>
-              </div>
-            </Tooltip>
-          </SplitItem>
-          {!!href && (
-            <>
-              <SplitItem isFilled />
-              <SplitItem>
-                <Button
-                  variant={ButtonVariant.link}
-                  isInline
-                  style={{ float: 'right' }}
-                  onClick={(event) => handleClick(event, href)}
-                >
-                  Learn more <i className="fas fa-external-link-alt" />
-                </Button>
-              </SplitItem>
-            </>
-          )}
-        </Split>
-      </DropdownItem>
-    );
-  });
-
-  const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
-    <MenuToggle
-      id={fieldId}
-      className="pf-v6-u-w-100"
-      style={{ minWidth: '420px' }}
-      ref={toggleRef}
-      onClick={() => setOpen(!isOpen)}
-      isDisabled={dropdownIsDisabled}
-      isExpanded={isOpen}
-      data-testid="external-platform-dropdown-toggle"
-    >
-      {externalPlatformTypes[field.value as PlatformType]?.label}
-    </MenuToggle>
-  );
-
-  return (
-    <>
-      <FormGroup
-        id={`form-control__${fieldId}`}
-        fieldId={fieldId}
-        label={'Integrate with external partner platforms'}
-      >
-        <Tooltip
-          content={tooltipDropdownDisabled}
-          hidden={!dropdownIsDisabled}
-          position="top"
-          distance={7}
-        >
-          <Dropdown
-            id={`${fieldId}-dropdown`}
-            toggle={toggle}
-            isOpen={isOpen}
-            onOpenChange={() => setOpen(!isOpen)}
-            onSelect={(event) => {
-              const selectedPlatform = event?.currentTarget.id as PlatformType;
-              setValue(selectedPlatform);
-              setOpen(false);
-              onChange(selectedPlatform);
-            }}
-            shouldFocusToggleOnSelect
-          >
-            <DropdownList>{enabledItems}</DropdownList>
-          </Dropdown>
-        </Tooltip>
-      </FormGroup>
-      {field.value === 'vsphere' && (
-        <FormHelperText>
-          <HelperText>
-            <HelperTextItem>
-              <ExternalLink href={VSPHERE_LIMITATIONS_LINK}>
-                Learn more about vSphere limitations
-              </ExternalLink>
-            </HelperTextItem>
-          </HelperText>
-        </FormHelperText>
-      )}
-    </>
-  );
-};

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Icon } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
-import { SupportedPlatformType } from '../../../../common';
-import { ExternalPlatformLinks } from './constants';
-
-const PlatformIntegrationNote = ({ platformType }: { platformType: SupportedPlatformType }) => {
-  const integrationPlatformLink = ExternalPlatformLinks[platformType];
-  return (
-    <p>
-      <Icon status="warning">
-        <ExclamationTriangleIcon />
-      </Icon>{' '}
-      You will need to modify your platform configuration after cluster installation is completed.{' '}
-      {!!integrationPlatformLink && (
-        <a
-          href={integrationPlatformLink || ''}
-          target="_blank"
-          rel="noopener noreferrer"
-          data-ouia-component-id="vm-integration-kb-page"
-        >
-          Learn more <i className="fas fa-external-link-alt" />
-        </a>
-      )}
-    </p>
-  );
-};
-
-export default PlatformIntegrationNote;

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

@@ -1,24 +0,0 @@
-import { NUTANIX_CONFIG_LINK, OCI_CONFIG_LINK, VSPHERE_CONFIG_LINK } from '../../../../common';
-import { PlatformType } from '@openshift-assisted/types/assisted-installer-service';
-
-export const ExternalPlatformLabels: { [key in PlatformType]: string } = {
-  baremetal: 'No platform integration',
-  none: 'No platform integration',
-  nutanix: 'Nutanix',
-  external: 'Oracle Cloud Infrastructure (Requires a custom manifest)',
-  vsphere: 'vSphere',
-};
-
-export const ExternalPlatformLinks: Partial<{ [key in PlatformType]: string }> = {
-  nutanix: NUTANIX_CONFIG_LINK,
-  vsphere: VSPHERE_CONFIG_LINK,
-  external: OCI_CONFIG_LINK,
-};
-
-export const ExternalPlaformIds: { [key in PlatformType]: string } = {
-  baremetal: '',
-  none: '',
-  nutanix: 'NUTANIX_INTEGRATION',
-  external: 'EXTERNAL_PLATFORM_OCI',
-  vsphere: 'VSPHERE_INTEGRATION',
-};

package/lib/ocm/components/clusterConfiguration/review/ReviewClusterDetailTable.tsx

@@ -1,103 +0,0 @@
-import React from 'react';
-import { Table, TableVariant, Tbody, Td, Tr } from '@patternfly/react-table';
-import { genericTableRowKey, getDefaultCpuArchitecture } from '../../../../common';
-import { getDiskEncryptionEnabledOnStatus } from './utils';
-import OpenShiftVersionDetail from '../../clusterDetail/OpenShiftVersionDetail';
-import { useNewFeatureSupportLevel } from '../../../../common/components/newFeatureSupportLevels';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-
-export const ReviewClusterDetailTable = ({ cluster }: { cluster: Cluster }) => {
-  const { activeFeatureConfiguration } = useNewFeatureSupportLevel();
-
-  const rows = React.useMemo(() => {
-    const cpuArchitecture =
-      activeFeatureConfiguration?.underlyingCpuArchitecture || getDefaultCpuArchitecture();
-    const hasStaticIp = activeFeatureConfiguration?.hasStaticIpNetworking || false;
-
-    const rows = [
-      {
-        rowId: 'address',
-        cells: [
-          { title: 'Cluster address' },
-          {
-            title: (
-              <>
-                {cluster.name || ''}
-                {'.'}
-                {cluster.baseDnsDomain || ''}
-              </>
-            ),
-            props: { 'data-testid': 'cluster-address' },
-          },
-        ],
-      },
-      {
-        rowId: 'version',
-        cells: [
-          { title: 'OpenShift version' },
-          {
-            title: <OpenShiftVersionDetail cluster={cluster} />,
-            props: { 'data-testid': 'openshift-version' },
-          },
-        ],
-      },
-      {
-        rowId: 'cpuArchitecture',
-        cells: [
-          { title: 'CPU architecture' },
-          {
-            title: <>{cpuArchitecture}</>,
-            props: { 'data-testid': 'cpu-architecture' },
-          },
-        ],
-      },
-      {
-        rowId: 'hostNetwork',
-
-        cells: [
-          { title: "Hosts' network configuration" },
-          {
-            title: <>{hasStaticIp ? 'Static IP' : 'DHCP'}</>,
-            props: { 'data-testid': 'network-configuration' },
-          },
-        ],
-      },
-    ];
-
-    const diskEncryptionTitle = getDiskEncryptionEnabledOnStatus(cluster.diskEncryption?.enableOn);
-    if (diskEncryptionTitle) {
-      rows.push({
-        rowId: 'diskEncryption',
-        cells: [
-          { title: 'Disk encryption' },
-          {
-            title: diskEncryptionTitle,
-            props: { 'data-testid': 'disk-encryption' },
-          },
-        ],
-      });
-    }
-    return rows;
-  }, [cluster, activeFeatureConfiguration]);
-
-  return (
-    <Table
-      variant={TableVariant.compact}
-      borders={false}
-      aria-label={'Cluster details review table'}
-      className="review-table"
-    >
-      <Tbody>
-        {rows.map((row, i) => (
-          <Tr key={genericTableRowKey(row.rowId)}>
-            {row.cells.map((cell, j) => (
-              <Td key={`cell-${i}-${j}`} {...cell.props}>
-                {cell.title}
-              </Td>
-            ))}
-          </Tr>
-        ))}
-      </Tbody>
-    </Table>
-  );
-};

package/lib/ocm/components/clusterConfiguration/review/ReviewCustomManifestsTable.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Table, TableVariant, Tbody, Td, Tr } from '@patternfly/react-table';
-import { Alert } from '@patternfly/react-core';
-import { ListManifestsExtended } from '../manifestsConfiguration/data/dataTypes';
-import { genericTableRowKey } from '../../../../common';
-
-export const ReviewCustomManifestsTable = ({ manifests }: { manifests: ListManifestsExtended }) => {
-  const rows = manifests?.map((manifest) => ({
-    rowId:
-      manifest.folder && manifest.fileName
-        ? `manifest-detail-${manifest.folder}-${manifest.fileName}`
-        : 'manifest-detail',
-    cells: [
-      {
-        title:
-          manifest.folder && manifest.fileName ? `${manifest.folder}/${manifest.fileName}` : '',
-        props: {
-          'data-testid':
-            manifest.folder && manifest.fileName
-              ? `manifest-detail-${manifest.folder}-${manifest.fileName}`
-              : 'manifest-detail',
-        },
-      },
-    ],
-  }));
-
-  return (
-    <>
-      <Table
-        variant={TableVariant.compact}
-        borders={false}
-        className="review-table"
-        aria-label="Custom manifests review table"
-      >
-        <Tbody>
-          {rows.map((row, i) => (
-            <Tr key={genericTableRowKey(row.rowId)}>
-              {row.cells.map((cell, j) => (
-                <Td key={`cell-${i}-${j}`} {...cell.props}>
-                  {cell.title}
-                </Td>
-              ))}
-            </Tr>
-          ))}
-        </Tbody>
-      </Table>
-      <Alert
-        isInline
-        variant="info"
-        title={
-          'The custom manifests might contain configurations which are conflicting with the above configurations and might cause installation failure.'
-        }
-      />
-    </>
-  );
-};