@openshift-assisted/ui-lib 2.18.0-cim → 2.18.2-cim

package/lib/common/components/clusterWizard/networkingSteps/ThirdPartyCNIBanner.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useTranslation } from '../../../hooks';
+import { Alert, AlertVariant, Stack, StackItem } from '@patternfly/react-core';
+import { RED_HAT_CNI_SUPPORT_MATRIX_LINK } from '../../../config';
+import { ExternalLink } from '../../ui';
+
+export const ThirdPartyCNIBanner = () => {
+  const { t } = useTranslation();
+
+  return (
+    <StackItem>
+      <Alert variant={AlertVariant.warning} isInline title={t('ai:Third-party CNI')}>
+        <Stack hasGutter>
+          <StackItem>
+            {t(
+              'ai:Third-party CNIs require uploading CNI manifests. Please verify you have the required manifests and that the chosen CNI is compatible with your platform and OpenShift version.',
+            )}
+          </StackItem>
+          <StackItem>
+            <ExternalLink href={RED_HAT_CNI_SUPPORT_MATRIX_LINK}>
+              {t('ai:Red Hat CNI Support Matrix')}
+            </ExternalLink>
+          </StackItem>
+        </Stack>
+      </Alert>
+    </StackItem>
+  );
+};

package/lib/common/components/clusterWizard/networkingSteps/index.ts

@@ -14,3 +14,4 @@ export { VirtualIPControlGroup } from './VirtualIPControlGroup';
 export type { VirtualIPControlGroupProps } from './VirtualIPControlGroup';
 export { default as AdvancedNetworkFields } from './AdvancedNetworkFields';
 export type { AdvancedNetworkFieldsProps } from './AdvancedNetworkFields';
+export * from './ThirdPartyCNIBanner';

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

@@ -126,6 +126,12 @@ export const allSubnetsIPv4 = (
   return !!networks?.every((network) => network.cidr && Address4.isValid(network.cidr));
 };
 
+export const allSubnetsIPv6 = (
+  networks: (MachineNetwork | ClusterNetwork | ServiceNetwork)[] | undefined,
+) => {
+  return !!networks?.every((network) => network.cidr && Address6.isValid(network.cidr));
+};
+
 export const labelsToArray = (labels: { [key in string]: string } = {}): string[] => {
   const result: string[] = [];
   for (const key in labels) {

package/lib/common/config/constants.ts

@@ -289,8 +289,10 @@ export const CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV6 = {
 export const CLUSTER_DEFAULT_NETWORK_SETTINGS: Pick<
   ClusterDefaultConfig,
   | 'clusterNetworksIpv4'
+  | 'clusterNetworksIpv6'
   | 'clusterNetworksDualstack'
   | 'serviceNetworksIpv4'
+  | 'serviceNetworksIpv6'
   | 'serviceNetworksDualstack'
 > = {
   clusterNetworksIpv4: [
@@ -299,6 +301,12 @@ export const CLUSTER_DEFAULT_NETWORK_SETTINGS: Pick<
       hostPrefix: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV4.clusterNetworkHostPrefix,
     },
   ],
+  clusterNetworksIpv6: [
+    {
+      cidr: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV6.clusterNetworkCidr,
+      hostPrefix: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV6.clusterNetworkHostPrefix,
+    },
+  ],
   clusterNetworksDualstack: [
     {
       cidr: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV4.clusterNetworkCidr,
@@ -310,6 +318,7 @@ export const CLUSTER_DEFAULT_NETWORK_SETTINGS: Pick<
     },
   ],
   serviceNetworksIpv4: [{ cidr: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV4.serviceNetworkCidr }],
+  serviceNetworksIpv6: [{ cidr: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV6.serviceNetworkCidr }],
   serviceNetworksDualstack: [
     { cidr: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV4.serviceNetworkCidr },
     { cidr: CLUSTER_DEFAULT_NETWORK_SETTINGS_IPV6.serviceNetworkCidr },
@@ -333,7 +342,7 @@ export const MS_PER_DAY = 1000 * 60 * 60 * 24;
 
 export const NO_SUBNET_SET = 'NO_SUBNET_SET';
 
-export const IPV4_STACK = 'singleStack';
+export const SINGLE_STACK = 'singleStack';
 export const DUAL_STACK = 'dualStack';
 
 export const PREFIX_MAX_RESTRICTION = {

package/lib/common/types/networkType.ts

@@ -1,4 +1,5 @@
 import type { FeatureSupportLevelId } from '@openshift-assisted/types/assisted-installer-service';
+import { TFunction } from 'i18next';
 
 export type NetworkTypeKey =
   | 'OVNKubernetes'
@@ -15,14 +16,14 @@ export const NETWORK_TYPE_CILIUM: NetworkTypeKey = 'Cilium';
 export const NETWORK_TYPE_CALICO: NetworkTypeKey = 'Calico';
 export const NETWORK_TYPE_NONE: NetworkTypeKey = 'None';
 
-export const NETWORK_TYPE_LABELS: Record<string, string> = {
-  [NETWORK_TYPE_OVN]: 'Open Virtual Networking (OVN)',
-  [NETWORK_TYPE_SDN]: 'Software-Defined Networking (SDN)',
-  [NETWORK_TYPE_CISCO_ACI]: 'Cisco ACI',
-  [NETWORK_TYPE_CILIUM]: 'Isovalent Cilium',
-  [NETWORK_TYPE_CALICO]: 'Tigera Calico',
-  [NETWORK_TYPE_NONE]: 'None (Custom CNI)',
-};
+export const NETWORK_TYPE_LABELS = (t: TFunction): Record<string, string> => ({
+  [NETWORK_TYPE_OVN]: t('ai:Open Virtual Networking (OVN)'),
+  [NETWORK_TYPE_SDN]: t('ai:Software-Defined Networking (SDN)'),
+  [NETWORK_TYPE_CISCO_ACI]: t('ai:Cisco ACI'),
+  [NETWORK_TYPE_CILIUM]: t('ai:Isovalent Cilium'),
+  [NETWORK_TYPE_CALICO]: t('ai:Tigera Calico'),
+  [NETWORK_TYPE_NONE]: t('ai:None (Custom CNI)'),
+});
 
 export const NETWORK_TYPE_FEATURE_IDS: Record<string, FeatureSupportLevelId> = {
   [NETWORK_TYPE_OVN]: 'OVN_NETWORK_TYPE',

package/lib/common/validationSchemas/networkingValidation.tsx

@@ -13,7 +13,8 @@ import {
   ipBlockValidationSchema,
 } from './addressValidation';
 import { isMajorMinorVersionEqualOrGreater } from '../utils';
-import { allSubnetsIPv4 } from '../components/ui/formik/utils';
+import { allSubnetsIPv4, allSubnetsIPv6 } from '../components/ui/formik/utils';
+import { SINGLE_STACK } from '../config';
 
 export const machineNetworksValidationSchema = Yup.array().of(
   Yup.object({ cidr: hostSubnetValidationSchema, clusterId: Yup.string() }),
@@ -111,3 +112,40 @@ export const IPv4ValidationSchema = Yup.array().test(
   `All network subnets must be IPv4.`,
   (values?: (MachineNetwork | ClusterNetwork | ServiceNetwork)[]) => allSubnetsIPv4(values),
 );
+
+export const IPv6ValidationSchema = Yup.array().test(
+  'single-stack-ipv6',
+  'All network subnets must be IPv6.',
+  (values?: (MachineNetwork | ClusterNetwork | ServiceNetwork)[]) => allSubnetsIPv6(values),
+);
+
+export const clusterNetworksSchema = (
+  t: TFunction,
+  stackType: string,
+  primaryCidr: string | undefined,
+  openshiftVersion?: string,
+) => {
+  const singleStackFamilySchema =
+    primaryCidr && isCIDR.v6(primaryCidr) ? IPv6ValidationSchema : IPv4ValidationSchema;
+
+  const stackFamilySchema =
+    stackType === SINGLE_STACK
+      ? singleStackFamilySchema
+      : dualStackValidationSchema(t('ai:cluster network'), t, openshiftVersion);
+  return clusterNetworksValidationSchema(t).concat(stackFamilySchema);
+};
+
+export const serviceNetworksSchema = (
+  t: TFunction,
+  stackType: string,
+  primaryCidr: string | undefined,
+  openshiftVersion?: string,
+) => {
+  const singleStackFamilySchema =
+    primaryCidr && isCIDR.v6(primaryCidr) ? IPv6ValidationSchema : IPv4ValidationSchema;
+  const stackFamilySchema =
+    stackType === SINGLE_STACK
+      ? singleStackFamilySchema
+      : dualStackValidationSchema(t('ai:service network'), t, openshiftVersion);
+  return serviceNetworkValidationSchema(t).concat(stackFamilySchema);
+};

package/lib/ocm/components/clusterConfiguration/manifestsConfiguration/CustomManifestsPage.tsx

@@ -3,19 +3,21 @@ import {
   Content,
   ContentVariants,
   Alert,
-  AlertVariant,
   Grid,
   FormGroup,
   Switch,
   Tooltip,
-  Stack,
-  StackItem,
 } from '@patternfly/react-core';
 
 import { CustomManifests } from './components/CustomManifests';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 import { CustomManifestFormState } from './components/propTypes';
-import { ClustersAPI, ClusterWizardStepHeader, isThirdPartyCNI } from '../../../../common';
+import {
+  ClustersAPI,
+  ClusterWizardStepHeader,
+  CustomManifestsAlert,
+  isThirdPartyCNI,
+} from '../../../../common';
 import { getFieldId } from '../../../../common/components/ui/formik';
 import { isOciPlatformType } from '../../utils';
 import DeleteCustomManifestModal from './DeleteCustomManifestModal';
@@ -90,46 +92,6 @@ export const CustomManifestsPage = ({
     ? 'Custom manifests are required when using a third-party CNI or Oracle Cloud Infrastructure.'
     : '';
 
-  const showExternalPlatformReminder = isOciPlatformType(cluster);
-  const showThirdPartyCnIReminder = isThirdPartyCNI(cluster.networkType);
-  const showCombinedReminder = showExternalPlatformReminder && showThirdPartyCnIReminder;
-  let reminderAlerts: React.ReactNode = null;
-  if (showCombinedReminder) {
-    reminderAlerts = (
-      <Stack>
-        <StackItem>
-          <Alert
-            variant={AlertVariant.info}
-            isInline
-            title="You're using an external platform and a third-party CNI"
-          >
-            Make sure to upload the required custom and CNI manifests in this step.
-          </Alert>
-        </StackItem>
-      </Stack>
-    );
-  } else if (showExternalPlatformReminder) {
-    reminderAlerts = (
-      <Stack>
-        <StackItem>
-          <Alert variant={AlertVariant.info} isInline title="You're using an external platform">
-            Make sure to upload the required custom manifests in this step.
-          </Alert>
-        </StackItem>
-      </Stack>
-    );
-  } else if (showThirdPartyCnIReminder) {
-    reminderAlerts = (
-      <Stack>
-        <StackItem>
-          <Alert variant={AlertVariant.info} isInline title="You're using a third-party CNI">
-            Make sure to upload the required CNI manifests in this step.
-          </Alert>
-        </StackItem>
-      </Stack>
-    );
-  }
-
   return (
     <Grid hasGutter>
       <Content>
@@ -157,7 +119,10 @@ export const CustomManifestsPage = ({
       {!useCustomManifests && <div style={{ minHeight: '250px' }} aria-hidden="true" />}
       {useCustomManifests && (
         <>
-          {reminderAlerts}
+          <CustomManifestsAlert
+            usesExternalPlatform={isOciPlatformType(cluster)}
+            usesThirdPartyCNI={isThirdPartyCNI(cluster.networkType)}
+          />
           <Alert
             isInline
             variant="warning"

package/lib/ocm/components/clusterConfiguration/networkConfiguration/NetworkConfigurationForm.tsx

@@ -9,7 +9,7 @@ import {
   getFormikErrorFields,
   getHostSubnets,
   HostSubnets,
-  IPV4_STACK,
+  SINGLE_STACK,
   isSNO,
   LoadingState,
   NetworkConfigurationValues,
@@ -262,7 +262,7 @@ const NetworkConfigurationPage = ({ cluster }: { cluster: Cluster }) => {
         if (values.vipDhcpAllocation) {
           delete params.apiVips;
           delete params.ingressVips;
-        } else if (values.stackType === IPV4_STACK) {
+        } else if (values.stackType === SINGLE_STACK) {
           // The API will rebuild the default machineNetwork
           params.machineNetworks = [];
         }

package/lib/ocm/components/clusterConfiguration/networkConfiguration/NetworkTypeDropdown.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { useField, useFormikContext } from 'formik';
 import {
-  Alert,
-  AlertVariant,
   Dropdown,
   DropdownItem,
   FormGroup,
@@ -12,7 +10,7 @@ import {
   StackItem,
   Tooltip,
 } from '@patternfly/react-core';
-import { getFieldId, ExternalLink } from '../../../../common/components/ui';
+import { getFieldId } from '../../../../common/components/ui';
 import {
   NewFeatureSupportLevelMap,
   useNewFeatureSupportLevel,
@@ -25,7 +23,8 @@ import {
   NETWORK_TYPE_FEATURE_IDS,
   isThirdPartyCNI,
 } from '../../../../common/types/networkType';
-import { RED_HAT_CNI_SUPPORT_MATRIX_LINK } from '../../../../common/config/docs_links';
+import { useTranslation } from '../../../../common/hooks';
+import { ThirdPartyCNIBanner } from '../../../../common';
 
 export interface NetworkTypeDropDownProps {
   isDisabled?: boolean;
@@ -36,6 +35,7 @@ export const NetworkTypeDropDown = ({
   isDisabled = false,
   featureSupportLevelData,
 }: NetworkTypeDropDownProps) => {
+  const { t } = useTranslation();
   const [field, , { setValue }] = useField<string>('networkType');
   const [isOpen, setOpen] = React.useState(false);
   const { values } = useFormikContext<NetworkConfigurationValues>();
@@ -54,9 +54,9 @@ export const NetworkTypeDropDown = ({
     }
   }, [field.value, setValue, featureSupportLevelData, getFeatureDisabledReason]);
 
-  const currentDisplayValue = NETWORK_TYPE_LABELS[field.value];
+  const currentDisplayValue = NETWORK_TYPE_LABELS(t)[field.value];
 
-  const dropdownItems = Object.entries(NETWORK_TYPE_LABELS).map(([value, label]) => {
+  const dropdownItems = Object.entries(NETWORK_TYPE_LABELS(t)).map(([value, label]) => {
     const disabledReason = getFeatureDisabledReason(
       NETWORK_TYPE_FEATURE_IDS[value],
       featureSupportLevelData ?? undefined,
@@ -119,24 +119,7 @@ export const NetworkTypeDropDown = ({
           </Dropdown>
         </FormGroup>
       </StackItem>
-      {showThirdPartyBanner && (
-        <StackItem>
-          <Alert variant={AlertVariant.warning} isInline title="Third-party CNI">
-            <Stack hasGutter>
-              <StackItem>
-                Third-party CNIs require uploading CNI manifests. Please verify you have the
-                required manifests and that the chosen CNI is compatible with your platform and
-                OpenShift version.
-              </StackItem>
-              <StackItem>
-                <ExternalLink href={RED_HAT_CNI_SUPPORT_MATRIX_LINK}>
-                  Red Hat CNI Support Matrix
-                </ExternalLink>
-              </StackItem>
-            </Stack>
-          </Alert>
-        </StackItem>
-      )}
+      {showThirdPartyBanner && <ThirdPartyCNIBanner />}
     </Stack>
   );
 };

package/lib/ocm/components/clusterConfiguration/networkConfiguration/networkConfigurationValidation.ts

@@ -11,7 +11,7 @@ import {
   serviceNetworkValidationSchema,
   IPv4ValidationSchema,
   sshPublicKeyValidationSchema,
-  IPV4_STACK,
+  SINGLE_STACK,
   DUAL_STACK,
   vipArrayValidationSchema,
   NETWORK_TYPE_OVN,
@@ -50,7 +50,7 @@ export const getNetworkInitialValues = (
         : 'clusterManaged',
     networkType: cluster.networkType || NETWORK_TYPE_OVN,
     machineNetworks: cluster.machineNetworks || [],
-    stackType: isDualStackType ? DUAL_STACK : IPV4_STACK,
+    stackType: isDualStackType ? DUAL_STACK : SINGLE_STACK,
     clusterNetworks:
       cluster.clusterNetworks ||
       (isDualStackType
@@ -85,7 +85,8 @@ export const getNetworkConfigurationValidationSchema = (
         values.managedNetworkingType === 'userManaged'
           ? Yup.array()
           : machineNetworksValidationSchema.when('stackType', {
-              is: (stackType: NetworkConfigurationValues['stackType']) => stackType === IPV4_STACK,
+              is: (stackType: NetworkConfigurationValues['stackType']) =>
+                stackType === SINGLE_STACK,
               then: () => machineNetworksValidationSchema.concat(IPv4ValidationSchema),
               otherwise: () =>
                 values.machineNetworks && values.machineNetworks?.length >= 2
@@ -95,13 +96,13 @@ export const getNetworkConfigurationValidationSchema = (
                   : Yup.array(),
             }),
       clusterNetworks: clusterNetworksValidationSchema(t).when('stackType', {
-        is: (stackType: NetworkConfigurationValues['stackType']) => stackType === IPV4_STACK,
+        is: (stackType: NetworkConfigurationValues['stackType']) => stackType === SINGLE_STACK,
         then: (schema) => schema.concat(IPv4ValidationSchema),
         otherwise: (schema) =>
           schema.concat(dualStackValidationSchema('cluster network', t, openshiftVersion)),
       }),
       serviceNetworks: serviceNetworkValidationSchema(t).when('stackType', {
-        is: (stackType: NetworkConfigurationValues['stackType']) => stackType === IPV4_STACK,
+        is: (stackType: NetworkConfigurationValues['stackType']) => stackType === SINGLE_STACK,
         then: (schema) => schema.concat(IPv4ValidationSchema),
         otherwise: (schema) =>
           schema.concat(dualStackValidationSchema('service network', t, openshiftVersion)),

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

@@ -1,7 +1,12 @@
 import { Title } from '@patternfly/react-core';
 import { Table, TableVariant, Tbody, Td, Tr } from '@patternfly/react-table';
 import React from 'react';
-import { genericTableRowKey, isDualStack, NETWORK_TYPE_LABELS } from '../../../../common';
+import {
+  genericTableRowKey,
+  isDualStack,
+  NETWORK_TYPE_LABELS,
+  useTranslation,
+} from '../../../../common';
 import { getManagementType, getStackTypeLabel } from '../../clusterDetail/ClusterProperties';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
@@ -11,6 +16,7 @@ type ReviewTableRowsType = {
 }[];
 
 export const ReviewNetworkingTable = ({ cluster }: { cluster: Cluster }) => {
+  const { t } = useTranslation();
   const rows = React.useMemo(() => {
     const networkRows = [
       {
@@ -197,13 +203,13 @@ export const ReviewNetworkingTable = ({ cluster }: { cluster: Cluster }) => {
         cells: [
           { title: 'Networking type' },
           {
-            title: cluster.networkType ? NETWORK_TYPE_LABELS[cluster.networkType] : '-',
+            title: cluster.networkType ? NETWORK_TYPE_LABELS(t)[cluster.networkType] : '-',
             props: { 'data-testid': 'networking-type', colSpan: 2 },
           },
         ],
       },
     ] as ReviewTableRowsType;
-  }, [cluster]);
+  }, [cluster, t]);
 
   return (
     <>

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

@@ -18,14 +18,18 @@ import { ClusterFeatureSupportLevelsDetailItem } from '../featureSupportLevels';
 import OpenShiftVersionDetail from './OpenShiftVersionDetail';
 import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
 import { Cluster, DiskEncryption } from '@openshift-assisted/types/assisted-installer-service';
+import { TFunction } from 'i18next';
 
 type ClusterPropertiesProps = {
   cluster: Cluster;
   externalMode?: boolean;
 };
 
-export const getNetworkType = (clusterNetworkType: Cluster['networkType']): string => {
-  return NETWORK_TYPE_LABELS[clusterNetworkType || ''];
+export const getNetworkType = (
+  clusterNetworkType: Cluster['networkType'],
+  t: TFunction,
+): string => {
+  return NETWORK_TYPE_LABELS(t)[clusterNetworkType || ''];
 };
 
 export const getManagementType = ({ userManagedNetworking }: Cluster): string => {
@@ -111,7 +115,7 @@ const ClusterProperties = ({ cluster, externalMode = false }: ClusterPropertiesP
           />
           <DetailItem
             title="Networking Type"
-            value={getNetworkType(cluster.networkType)}
+            value={getNetworkType(cluster.networkType, t)}
             testId="networking-type"
           />
         </DetailList>

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.18.0-cim",
-    "@openshift-assisted/types": "2.18.0-cim",
+    "@openshift-assisted/locales": "2.18.2-cim",
+    "@openshift-assisted/types": "2.18.2-cim",
     "@openshift-console/dynamic-plugin-sdk": "^4.19.1",
     "@patternfly/patternfly": "6.4.0",
     "@patternfly/react-code-editor": "6.4.1",
@@ -136,5 +136,5 @@
       ]
     }
   },
-  "version": "2.18.0-cim"
+  "version": "2.18.2-cim"
 }

package/build/@types/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface NetworkTypeControlGroupProps {
-    isDisabled?: boolean;
-    isSDNSelectable: boolean;
-}
-export declare const NetworkTypeControlGroup: ({ isDisabled, isSDNSelectable, }: NetworkTypeControlGroupProps) => React.JSX.Element;
-//# sourceMappingURL=NetworkTypeControlGroup.d.ts.map

package/build/@types/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NetworkTypeControlGroup.d.ts","sourceRoot":"","sources":["../../../../../../lib/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,uBAAuB,qCAGjC,4BAA4B,sBAwD9B,CAAC"}

package/build/cjs/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NetworkTypeControlGroup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const formik_1 = require("../../ui/formik");
-const ui_1 = require("../../../components/ui");
-const networkType_1 = require("../../../types/networkType");
-const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
-const GROUP_NAME = 'networkType';
-const NetworkTypeControlGroup = ({ isDisabled = false, isSDNSelectable, }) => {
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    return (react_1.default.createElement(react_core_1.FormGroup, { isInline: true, fieldId: GROUP_NAME, label: t('ai:Network type') },
-        react_1.default.createElement(react_core_1.Split, null,
-            react_1.default.createElement(react_core_1.SplitItem, null,
-                react_1.default.createElement(react_core_1.Tooltip, { hidden: isSDNSelectable, content: t('ai:Network type selection is not supported for SNO clusters or when IPv6 is detected.') },
-                    react_1.default.createElement(formik_1.RadioField, { id: GROUP_NAME, name: GROUP_NAME, isDisabled: isDisabled || !isSDNSelectable, value: networkType_1.NETWORK_TYPE_OVN, label: react_1.default.createElement(react_1.default.Fragment, null,
-                            t('ai:Open Virtual Networking (OVN)'),
-                            "\u00A0") }))),
-            react_1.default.createElement(react_core_1.SplitItem, null,
-                react_1.default.createElement(ui_1.PopoverIcon, { bodyContent: t("ai:OVN separates the physical network topology from the logical one and is recommended if you're using new or telco features."), buttonStyle: { top: '-4px' } }))),
-        react_1.default.createElement(react_core_1.Split, null,
-            react_1.default.createElement(react_core_1.SplitItem, null,
-                react_1.default.createElement(react_core_1.Tooltip, { hidden: isSDNSelectable, content: t('ai:Network type selection is not supported for SNO clusters or when IPv6 is detected.') },
-                    react_1.default.createElement(formik_1.RadioField, { id: GROUP_NAME, name: GROUP_NAME, isDisabled: isDisabled || !isSDNSelectable, value: networkType_1.NETWORK_TYPE_SDN, label: react_1.default.createElement(react_1.default.Fragment, null,
-                            t('ai:Software-Defined Networking (SDN)'),
-                            "\u00A0") }))),
-            react_1.default.createElement(react_core_1.SplitItem, null,
-                react_1.default.createElement(ui_1.PopoverIcon, { bodyContent: t('ai:The classic bullet-proof networking type'), buttonStyle: { top: '-4px' } })))));
-};
-exports.NetworkTypeControlGroup = NetworkTypeControlGroup;
-//# sourceMappingURL=NetworkTypeControlGroup.js.map

package/build/cjs/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NetworkTypeControlGroup.js","sourceRoot":"","sources":["../../../../../../lib/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAA8E;AAC9E,4CAA6C;AAC7C,+CAAqD;AACrD,4DAAgF;AAChF,oFAAwE;AAExE,MAAM,UAAU,GAAG,aAAa,CAAC;AAO1B,MAAM,uBAAuB,GAAG,CAAC,EACtC,UAAU,GAAG,KAAK,EAClB,eAAe,GACc,EAAE,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,sBAAS,IAAC,QAAQ,QAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;QAClE,8BAAC,kBAAK;YACJ,8BAAC,sBAAS;gBACR,8BAAC,oBAAO,IACN,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,CAAC,CACR,uFAAuF,CACxF;oBAED,8BAAC,mBAAU,IACT,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,IAAI,CAAC,eAAe,EAC1C,KAAK,EAAE,8BAAgB,EACvB,KAAK,EAAE;4BAAG,CAAC,CAAC,kCAAkC,CAAC;qCAAU,GACzD,CACM,CACA;YACZ,8BAAC,sBAAS;gBACR,8BAAC,gBAAW,IACV,WAAW,EAAE,CAAC,CACZ,+HAA+H,CAChI,EACD,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAC5B,CACQ,CACN;QACR,8BAAC,kBAAK;YACJ,8BAAC,sBAAS;gBACR,8BAAC,oBAAO,IACN,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,CAAC,CACR,uFAAuF,CACxF;oBAED,8BAAC,mBAAU,IACT,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,IAAI,CAAC,eAAe,EAC1C,KAAK,EAAE,8BAAgB,EACvB,KAAK,EAAE;4BAAG,CAAC,CAAC,sCAAsC,CAAC;qCAAU,GAC7D,CACM,CACA;YACZ,8BAAC,sBAAS;gBACR,8BAAC,gBAAW,IACV,WAAW,EAAE,CAAC,CAAC,6CAA6C,CAAC,EAC7D,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAC5B,CACQ,CACN,CACE,CACb,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,uBAAuB,2BA2DlC"}

package/lib/common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup.tsx

@@ -1,74 +0,0 @@
-import React from 'react';
-import { Split, SplitItem, Tooltip, FormGroup } from '@patternfly/react-core';
-import { RadioField } from '../../ui/formik';
-import { PopoverIcon } from '../../../components/ui';
-import { NETWORK_TYPE_OVN, NETWORK_TYPE_SDN } from '../../../types/networkType';
-import { useTranslation } from '../../../hooks/use-translation-wrapper';
-
-const GROUP_NAME = 'networkType';
-
-export interface NetworkTypeControlGroupProps {
-  isDisabled?: boolean;
-  isSDNSelectable: boolean;
-}
-
-export const NetworkTypeControlGroup = ({
-  isDisabled = false,
-  isSDNSelectable,
-}: NetworkTypeControlGroupProps) => {
-  const { t } = useTranslation();
-  return (
-    <FormGroup isInline fieldId={GROUP_NAME} label={t('ai:Network type')}>
-      <Split>
-        <SplitItem>
-          <Tooltip
-            hidden={isSDNSelectable}
-            content={t(
-              'ai:Network type selection is not supported for SNO clusters or when IPv6 is detected.',
-            )}
-          >
-            <RadioField
-              id={GROUP_NAME}
-              name={GROUP_NAME}
-              isDisabled={isDisabled || !isSDNSelectable}
-              value={NETWORK_TYPE_OVN}
-              label={<>{t('ai:Open Virtual Networking (OVN)')}&nbsp;</>}
-            />
-          </Tooltip>
-        </SplitItem>
-        <SplitItem>
-          <PopoverIcon
-            bodyContent={t(
-              "ai:OVN separates the physical network topology from the logical one and is recommended if you're using new or telco features.",
-            )}
-            buttonStyle={{ top: '-4px' }}
-          />
-        </SplitItem>
-      </Split>
-      <Split>
-        <SplitItem>
-          <Tooltip
-            hidden={isSDNSelectable}
-            content={t(
-              'ai:Network type selection is not supported for SNO clusters or when IPv6 is detected.',
-            )}
-          >
-            <RadioField
-              id={GROUP_NAME}
-              name={GROUP_NAME}
-              isDisabled={isDisabled || !isSDNSelectable}
-              value={NETWORK_TYPE_SDN}
-              label={<>{t('ai:Software-Defined Networking (SDN)')}&nbsp;</>}
-            />
-          </Tooltip>
-        </SplitItem>
-        <SplitItem>
-          <PopoverIcon
-            bodyContent={t('ai:The classic bullet-proof networking type')}
-            buttonStyle={{ top: '-4px' }}
-          />
-        </SplitItem>
-      </Split>
-    </FormGroup>
-  );
-};