@openshift-assisted/ui-lib 2.18.1-cim → 2.18.3-cim

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.1-cim",
-    "@openshift-assisted/types": "2.18.1-cim",
+    "@openshift-assisted/locales": "2.18.3-cim",
+    "@openshift-assisted/types": "2.18.3-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.1-cim"
+  "version": "2.18.3-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>
-  );
-};