@openshift-assisted/ui-lib 2.50.1 → 2.51.0

package/lib/ocm/components/featureSupportLevels/ReviewClusterFeatureSupportLevels.tsx

@@ -1,9 +1,7 @@
+import React from 'react';
 import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import React from 'react';
-import { t_global_color_status_success_default as okColor } from '@patternfly/react-tokens/dist/js/t_global_color_status_success_default';
-import { t_global_color_status_info_100 as infoColor } from '@patternfly/react-tokens/dist/js/t_global_color_status_info_100';
-import { Content } from '@patternfly/react-core';
+import { Content, Icon } from '@patternfly/react-core';
 import {
   FeatureId,
   FeatureIdToSupportLevel,
@@ -13,7 +11,7 @@ import {
 import { TECH_SUPPORT_LEVEL_LINK } from '../../../common/config/docs_links';
 import ExternalLink from '../../../common/components/ui/ExternalLink';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { DetailItem, UiIcon } from '../../../common';
+import { DetailItem } from '../../../common';
 import { getLimitedFeatureSupportLevels } from '../../../common/components/newFeatureSupportLevels/utils';
 import { WithErrorBoundary } from '../../../common/components/ErrorHandling/WithErrorBoundary';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
@@ -90,13 +88,17 @@ export const LimitedSupportedCluster = ({
   <>
     {showVersionWarning && (
       <Content component="p">
-        <UiIcon size="sm" icon={<InfoCircleIcon color={infoColor.var} />} />
+        <Icon status="info" size="sm">
+          <InfoCircleIcon />
+        </Icon>
         &nbsp;The installed OpenShift version is not production-ready
       </Content>
     )}
     {Object.keys(clusterFeatureSupportLevels).length > 0 && (
       <>
-        <UiIcon size="sm" icon={<InfoCircleIcon color={infoColor.var} />} />
+        <Icon status="info" size="sm">
+          <InfoCircleIcon />
+        </Icon>
         &nbsp;Your cluster will be subject to support limitations because it includes:
         <Content component="ul">{getPreviewFeatureList(clusterFeatureSupportLevels)}</Content>
       </>
@@ -106,7 +108,9 @@ export const LimitedSupportedCluster = ({
 
 export const FullySupportedCluster = () => (
   <>
-    <CheckCircleIcon color={okColor.value} />
+    <Icon status="success">
+      <CheckCircleIcon />
+    </Icon>
     &nbsp;Your installed cluster will be fully supported
   </>
 );

package/lib/ocm/components/featureSupportLevels/featureStateUtils.ts

@@ -181,6 +181,12 @@ export const getNewFeatureDisabledReason = (
     case 'OSC': {
       return getOscDisabledReason(cluster, activeFeatureConfiguration, isSupported);
     }
+    case 'SDN_NETWORK_TYPE': {
+      if (!isSupported) {
+        return 'SDN is not available for the selected configuration.';
+      }
+      return undefined;
+    }
     case 'NETWORK_TYPE_SELECTION': {
       return getNetworkTypeSelectionDisabledReason(cluster);
     }

package/lib/ocm/components/ui/InfoLinkWithModal.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import {
   Button,
   ButtonVariant,
+  Icon,
   IconComponentProps,
   Modal,
   ModalBody,
@@ -10,7 +11,6 @@ import {
   ModalProps,
 } from '@patternfly/react-core';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { UiIcon } from '../../../common';
 
 export interface InfoLinkWithModalProps {
   linkText: string;
@@ -43,7 +43,9 @@ const InfoLinkWithModal = ({
       <Button id={linkId} variant={ButtonVariant.link} onClick={handleLinkClick} isInline>
         {!isInline && (
           <>
-            <UiIcon size={infoCircleSize} icon={<InfoCircleIcon />} />
+            <Icon size={infoCircleSize}>
+              <InfoCircleIcon />
+            </Icon>
             &nbsp;
           </>
         )}

package/lib/ocm/components/utils.ts

@@ -1,7 +1,11 @@
 import { Cluster } from '@openshift-assisted/types/./assisted-installer-service';
+import { NETWORK_TYPE_OVN, NETWORK_TYPE_SDN } from '../../common/config';
 
 export const isOciPlatformType = (cluster: Cluster): boolean => {
   return (
     cluster.platform?.type === 'external' && cluster.platform?.external?.platformName === 'oci'
   );
 };
+
+export const isThirdPartyCNI = (networkType: Cluster['networkType']): boolean =>
+  !!networkType && networkType !== NETWORK_TYPE_OVN && networkType !== NETWORK_TYPE_SDN;

package/lib/ocm/hooks/useInfraEnvId.ts

@@ -55,12 +55,12 @@ export default function useInfraEnvId(
   ]);
 
   React.useEffect(() => {
-    if (!clusterId) {
+    if (!clusterId && !isSingleClusterFeatureEnabled) {
       setError('Missing clusterId to load infrastructure environment');
     } else if (!infraEnvId) {
       void findInfraEnvId();
     }
-  }, [clusterId, findInfraEnvId, infraEnvId]);
+  }, [clusterId, findInfraEnvId, infraEnvId, isSingleClusterFeatureEnabled]);
 
   return { infraEnvId, error };
 }

package/lib/ocm/hooks/useUISettings.ts

@@ -31,7 +31,6 @@ const useUISettings = (clusterId?: Cluster['id']) => {
           const { data: customManifests } = await ClustersAPI.getManifests(clusterId);
 
           const mockUISettings: UISettingsValues = {
-            addCustomManifests: !!customManifests.length,
             customManifestsAdded: !!customManifests.length,
           };
 

package/lib/ocm/services/ClusterDetailsService.ts

@@ -105,7 +105,6 @@ const ClusterDetailsService = {
     cluster,
     infraEnv,
     urlSearchParams,
-    addCustomManifests,
     ...args
   }: {
     cluster?: Cluster;
@@ -114,7 +113,6 @@ const ClusterDetailsService = {
     managedDomains: ManagedDomain[];
     ocpVersions: OpenshiftVersionOptionType[];
     urlSearchParams: string;
-    addCustomManifests?: boolean;
   }): OcmClusterDetailsValues {
     const values = getClusterDetailsInitialValues({
       cluster,
@@ -133,7 +131,6 @@ const ClusterDetailsService = {
       ...values,
       cpuArchitecture,
       hostsNetworkConfigurationType,
-      addCustomManifest: !!addCustomManifests,
       isCMNSupported: true,
       isSNODevPreview: false,
     };

package/lib/ocm/services/ClustersService.ts

@@ -171,5 +171,11 @@ const ClustersService = {
       this.getUpdateManifestParams(existingManifest, updatedManifest),
     );
   },
+  registerDisconnected(params: { name: string; openshiftVersion: string }) {
+    return ClustersAPI.registerDisconnected({
+      name: params.name,
+      openshiftVersion: params.openshiftVersion,
+    });
+  },
 };
 export default ClustersService;

package/lib/ocm/services/InfraEnvsService.ts

@@ -21,7 +21,10 @@ const InfraEnvsService = {
       const { data: infraEnvs } = await InfraEnvsAPI.list(
         !isSingleClusterFeatureEnabled ? clusterId : '',
       );
-      if (infraEnvs.length > 0) {
+      if (isSingleClusterFeatureEnabled) {
+        return infraEnvs[0].id;
+      }
+      if (infraEnvs.length > 0 && clusterId) {
         InfraEnvCache.updateInfraEnvs(clusterId, infraEnvs);
         infraEnvId = InfraEnvCache.getInfraEnvId(clusterId, cpuArchitecture);
       }

package/lib/ocm/services/types.ts

@@ -21,7 +21,6 @@ export enum HostsNetworkConfigurationType {
 
 export type OcmClusterDetailsValues = ClusterDetailsValues & {
   hostsNetworkConfigurationType: HostsNetworkConfigurationType;
-  addCustomManifest: boolean;
   isCMNSupported: boolean;
   isSNODevPreview: boolean;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.50.1",
-    "@openshift-assisted/types": "2.50.1",
+    "@openshift-assisted/locales": "2.51.0",
+    "@openshift-assisted/types": "2.51.0",
     "@openshift-console/dynamic-plugin-sdk": "1.0.0",
     "@patternfly/patternfly": "6.4.0",
     "@patternfly/react-code-editor": "6.4.0",
@@ -99,7 +99,7 @@
     "react-i18next": ">11.7.3",
     "react-monaco-editor": "^0.55.0",
     "react-redux": "^8.0.5",
-    "react-router-dom-v5-compat": "^6.21.2",
+    "react-router-dom-v5-compat": "^6.30.3",
     "redux": "^4",
     "uuid": "^8.1",
     "yup": "^1.4.0"
@@ -136,5 +136,5 @@
       ]
     }
   },
-  "version": "2.50.1"
+  "version": "2.51.0"
 }

package/build/@types/common/components/ui/UiIcon.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactElement } from 'react';
-import { IconComponentProps } from '@patternfly/react-core';
-export type UiIconProps = {
-    size?: IconComponentProps['size'];
-    status?: IconComponentProps['status'] | undefined;
-    icon?: ReactElement;
-    className?: string;
-};
-declare const UiIcon: React.FC<UiIconProps>;
-export default UiIcon;
-//# sourceMappingURL=UiIcon.d.ts.map

package/build/@types/common/components/ui/UiIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIcon.d.ts","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAQ,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAClD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAQjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/@types/ocm/components/clusterConfiguration/CustomManifestCheckbox.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type CustomManifestCheckboxProps = {
-    clusterId: string;
-    isDisabled: boolean;
-};
-declare const CustomManifestCheckbox: ({ clusterId, isDisabled }: CustomManifestCheckboxProps) => React.JSX.Element;
-export default CustomManifestCheckbox;
-//# sourceMappingURL=CustomManifestCheckbox.d.ts.map

package/build/@types/ocm/components/clusterConfiguration/CustomManifestCheckbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomManifestCheckbox.d.ts","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/CustomManifestCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,KAAK,2BAA2B,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9E,QAAA,MAAM,sBAAsB,8BAA+B,2BAA2B,sBA6ErF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build/cjs/common/components/ui/UiIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const UiIcon = (props) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Icon, { size: props.size ? props.size : 'md', status: props.status, className: props.className }, props.icon)));
-};
-exports.default = UiIcon;
-//# sourceMappingURL=UiIcon.js.map

package/build/cjs/common/components/ui/UiIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA4C;AAC5C,uDAAkE;AASlE,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC9C,OAAO,CACL;QACE,8BAAC,iBAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzF,KAAK,CAAC,IAAI,CACN,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/build/cjs/ocm/components/clusterConfiguration/CustomManifestCheckbox.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const formik_1 = require("formik");
-const common_1 = require("../../../common");
-const OcmFormFields_1 = require("../ui/OcmFormFields");
-const ClusterWizardContext_1 = require("../clusterWizard/ClusterWizardContext");
-const DeleteCustomManifestModal_1 = tslib_1.__importDefault(require("./manifestsConfiguration/DeleteCustomManifestModal"));
-const services_1 = require("../../services");
-const apis_1 = require("../../services/apis");
-const Label = () => {
-    return (React.createElement(React.Fragment, null,
-        "Include custom manifests",
-        ' ',
-        React.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: React.createElement("p", null, "Incorporate third-party manifests that are not supported in Assisted Installer and APIs.") })));
-};
-const CustomManifestCheckbox = ({ clusterId, isDisabled }) => {
-    const [{ name }, { value }, { setValue }] = (0, formik_1.useField)('addCustomManifest');
-    const fieldId = (0, common_1.getFieldId)(name, 'input');
-    const clusterWizardContext = (0, ClusterWizardContext_1.useClusterWizardContext)();
-    const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
-    const cleanCustomManifests = React.useCallback(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const { data: manifests } = yield apis_1.ClustersAPI.getManifests(clusterId);
-        void services_1.ClustersService.removeClusterManifests(manifests, clusterId);
-        setValue(false);
-        clusterWizardContext.setCustomManifestsStep(false);
-        setDeleteCustomManifestsOpen(false);
-        yield clusterWizardContext.updateUISettings({
-            addCustomManifests: false,
-            customManifestsAdded: false,
-        });
-    }), [clusterWizardContext, setValue, clusterId]);
-    const onChange = React.useCallback((checked) => {
-        var _a;
-        if (!checked && ((_a = clusterWizardContext.uiSettings) === null || _a === void 0 ? void 0 : _a.customManifestsAdded)) {
-            setDeleteCustomManifestsOpen(true);
-        }
-        setValue(checked);
-        clusterWizardContext.setCustomManifestsStep(checked);
-    }, [setValue, clusterWizardContext, setDeleteCustomManifestsOpen]);
-    const onClose = React.useCallback(() => {
-        setValue(true);
-        clusterWizardContext.setCustomManifestsStep(true);
-        setDeleteCustomManifestsOpen(false);
-    }, [clusterWizardContext, setValue]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, isInline: true, fieldId: fieldId },
-            React.createElement(OcmFormFields_1.OcmCheckbox, { id: fieldId, name: name, label: React.createElement(Label, null), "aria-describedby": `${fieldId}-helper`, description: React.createElement(react_core_1.FormGroup, null,
-                    React.createElement(react_core_1.FormHelperText, null,
-                        React.createElement(react_core_1.HelperText, { id: fieldId },
-                            React.createElement(react_core_1.HelperTextItem, { "data-testid": `input-custommanifestcheckbox-${fieldId}-helper-text` }, "Additional manifests will be applied at the install time for advanced configuration of the cluster.")))), onChange: (_event, value) => onChange(value), className: "with-tooltip", isChecked: value, isDisabled: isDisabled }),
-            React.createElement(DeleteCustomManifestModal_1.default, { isOpen: isDeleteCustomManifestsOpen, onClose: onClose, onDelete: () => void cleanCustomManifests() })),
-        value && (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: 'This is an advanced configuration feature.' }, "Custom manifests will be added to the wizard as a new step."))));
-};
-exports.default = CustomManifestCheckbox;
-//# sourceMappingURL=CustomManifestCheckbox.js.map

package/build/cjs/ocm/components/clusterConfiguration/CustomManifestCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomManifestCheckbox.js","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/CustomManifestCheckbox.tsx"],"names":[],"mappings":"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"}

package/lib/common/components/ui/UiIcon.tsx

@@ -1,21 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon, IconComponentProps } from '@patternfly/react-core';
-
-export type UiIconProps = {
-  size?: IconComponentProps['size'];
-  status?: IconComponentProps['status'] | undefined;
-  icon?: ReactElement;
-  className?: string;
-};
-
-const UiIcon: React.FC<UiIconProps> = (props) => {
-  return (
-    <>
-      <Icon size={props.size ? props.size : 'md'} status={props.status} className={props.className}>
-        {props.icon}
-      </Icon>
-    </>
-  );
-};
-
-export default UiIcon;

package/lib/ocm/components/clusterConfiguration/CustomManifestCheckbox.tsx

@@ -1,114 +0,0 @@
-import * as React from 'react';
-import {
-  Alert,
-  FormGroup,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-} from '@patternfly/react-core';
-import { useField } from 'formik';
-import { getFieldId, PopoverIcon } from '../../../common';
-import { OcmCheckbox } from '../ui/OcmFormFields';
-import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
-import DeleteCustomManifestModal from './manifestsConfiguration/DeleteCustomManifestModal';
-import { ClustersService } from '../../services';
-import { ClustersAPI } from '../../services/apis';
-
-const Label = () => {
-  return (
-    <>
-      Include custom manifests{' '}
-      <PopoverIcon
-        noVerticalAlign
-        bodyContent={
-          <p>
-            Incorporate third-party manifests that are not supported in Assisted Installer and APIs.
-          </p>
-        }
-      />
-    </>
-  );
-};
-
-type CustomManifestCheckboxProps = { clusterId: string; isDisabled: boolean };
-
-const CustomManifestCheckbox = ({ clusterId, isDisabled }: CustomManifestCheckboxProps) => {
-  const [{ name }, { value }, { setValue }] = useField<boolean>('addCustomManifest');
-  const fieldId = getFieldId(name, 'input');
-  const clusterWizardContext = useClusterWizardContext();
-  const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
-
-  const cleanCustomManifests = React.useCallback(async () => {
-    const { data: manifests } = await ClustersAPI.getManifests(clusterId);
-    void ClustersService.removeClusterManifests(manifests, clusterId);
-
-    setValue(false);
-    clusterWizardContext.setCustomManifestsStep(false);
-    setDeleteCustomManifestsOpen(false);
-    await clusterWizardContext.updateUISettings({
-      addCustomManifests: false,
-      customManifestsAdded: false,
-    });
-  }, [clusterWizardContext, setValue, clusterId]);
-
-  const onChange = React.useCallback(
-    (checked: boolean) => {
-      if (!checked && clusterWizardContext.uiSettings?.customManifestsAdded) {
-        setDeleteCustomManifestsOpen(true);
-      }
-
-      setValue(checked);
-      clusterWizardContext.setCustomManifestsStep(checked);
-    },
-    [setValue, clusterWizardContext, setDeleteCustomManifestsOpen],
-  );
-
-  const onClose = React.useCallback(() => {
-    setValue(true);
-    clusterWizardContext.setCustomManifestsStep(true);
-    setDeleteCustomManifestsOpen(false);
-  }, [clusterWizardContext, setValue]);
-
-  return (
-    <>
-      <FormGroup id={`form-control__${fieldId}`} isInline fieldId={fieldId}>
-        <OcmCheckbox
-          id={fieldId}
-          name={name}
-          label={<Label />}
-          aria-describedby={`${fieldId}-helper`}
-          description={
-            <FormGroup>
-              <FormHelperText>
-                <HelperText id={fieldId}>
-                  <HelperTextItem
-                    data-testid={`input-custommanifestcheckbox-${fieldId}-helper-text`}
-                  >
-                    Additional manifests will be applied at the install time for advanced
-                    configuration of the cluster.
-                  </HelperTextItem>
-                </HelperText>
-              </FormHelperText>
-            </FormGroup>
-          }
-          onChange={(_event, value) => onChange(value)}
-          className="with-tooltip"
-          isChecked={value}
-          isDisabled={isDisabled}
-        />
-        <DeleteCustomManifestModal
-          isOpen={isDeleteCustomManifestsOpen}
-          onClose={onClose}
-          onDelete={() => void cleanCustomManifests()}
-        />
-      </FormGroup>
-      {value && (
-        <Alert isInline variant="info" title={'This is an advanced configuration feature.'}>
-          Custom manifests will be added to the wizard as a new step.
-        </Alert>
-      )}
-    </>
-  );
-};
-
-export default CustomManifestCheckbox;