@openshift-assisted/ui-lib 2.46.2 → 2.47.0

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

@@ -1,25 +1,29 @@
 import React from 'react';
-import { Button, ButtonVariant } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+} from '@patternfly/react-core';
 
 const ClusterUpdateErrorModal = () => (
-  <Modal
-    title="Unable to update cluster"
-    isOpen
-    variant={ModalVariant.small}
-    showClose={false}
-    titleIconVariant="danger"
-    actions={[
+  <Modal isOpen variant={ModalVariant.small} onClose={undefined}>
+    <ModalHeader title="Unable to update cluster" titleIconVariant="danger" />
+    <ModalBody>
+      The service is down, undergoing maintenance, or experiencing another issue.
+    </ModalBody>
+    <ModalFooter>
       <Button
         key="refresh"
         variant={ButtonVariant.primary}
         onClick={() => window.location.reload()}
       >
         Refresh page
-      </Button>,
-    ]}
-  >
-    The service is down, undergoing maintenance, or experiencing another issue.
+      </Button>
+    </ModalFooter>
   </Modal>
 );
 

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

@@ -10,10 +10,8 @@ const UnsupportedVersion = ({ version }: { version: string }) => {
   const { t } = useTranslation();
 
   const hint = (
-    <Content>
-      <Content component={ContentVariants.p}>
-        {t('ai:Please note that this version is not production-ready.')}
-      </Content>
+    <Content component={ContentVariants.p}>
+      {t('ai:Please note that this version is not production-ready.')}
     </Content>
   );
   return (

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

@@ -124,13 +124,11 @@ export const HostsInstallationFailed = ({
   } else {
     title = 'Initialization failed';
     message = (
-      <Content>
-        <Content component="p">
-          {toSentence(cluster.statusInfo)}
-          <br />
-          Reset the installation process to return to the configuration and try again. Some hosts
-          may need to be re-registered by rebooting into the Discovery ISO.
-        </Content>
+      <Content component="p">
+        {toSentence(cluster.statusInfo)}
+        <br />
+        Reset the installation process to return to the configuration and try again. Some hosts may
+        need to be re-registered by rebooting into the Discovery ISO.
       </Content>
     );
   }

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

@@ -1,7 +1,15 @@
 import React from 'react';
 import { useDispatch } from 'react-redux';
-import { Button, ButtonVariant, Content } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  Content,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+} from '@patternfly/react-core';
 import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 
 import { getApiErrorMessage, handleApiError } from '../../../common/api';
@@ -64,7 +72,7 @@ const ResetClusterModal: React.FC = () => {
     }
 
     return (
-      <Content>
+      <>
         <Content component="p">
           This will reset the installation and return to the cluster configuration. Some hosts may
           need to be re-registered by rebooting into the Discovery ISO.
@@ -83,7 +91,7 @@ const ResetClusterModal: React.FC = () => {
         </Content>
 
         <Content component="p">Are you sure you want to reset the cluster?</Content>
-      </Content>
+      </>
     );
   };
 
@@ -110,14 +118,10 @@ const ResetClusterModal: React.FC = () => {
   );
 
   return (
-    <Modal
-      title="Reset Cluster Installation"
-      isOpen={isOpen}
-      variant={ModalVariant.small}
-      actions={actions}
-      onClose={handleClose}
-    >
-      {getModalContent()}
+    <Modal isOpen={isOpen} variant={ModalVariant.small} onClose={handleClose}>
+      <ModalHeader title="Reset Cluster Installation" />
+      <ModalBody>{getModalContent()}</ModalBody>
+      <ModalFooter>{actions}</ModalFooter>
     </Modal>
   );
 };

package/lib/ocm/components/clusterWizard/disconnected/BasicStep.tsx

@@ -36,9 +36,7 @@ const BasicStep = () => {
             <GridItem>
               <Split>
                 <SplitItem>
-                  <Content>
-                    <Content component="h2">Basic information</Content>
-                  </Content>
+                  <Content component="h2">Basic information</Content>
                 </SplitItem>
                 <SplitItem>
                   <DeveloperPreview />

package/lib/ocm/components/clusterWizard/disconnected/ReviewStep.tsx

@@ -62,9 +62,7 @@ const ReviewStep = () => {
           <Grid hasGutter>
             <Split>
               <SplitItem>
-                <Content>
-                  <Content component="h2">Review and download ISO</Content>
-                </Content>
+                <Content component="h2">Review and download ISO</Content>
               </SplitItem>
               <SplitItem>
                 <DeveloperPreview />

package/lib/ocm/components/clusters/AssistedInstallerHeader.tsx

@@ -11,7 +11,7 @@ import { useFeature } from '../../hooks/use-feature';
 export const AssistedInstallerHeader = () => {
   const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
   return (
-    <Content>
+    <>
       <Content component="h1" className="pf-v6-u-display-inline">
         Install OpenShift with the Assisted Installer
       </Content>
@@ -30,6 +30,6 @@ export const AssistedInstallerHeader = () => {
           </SplitItem>
         )}
       </Split>
-    </Content>
+    </>
   );
 };

package/lib/ocm/components/clusters/ClusterPage.tsx

@@ -91,9 +91,7 @@ const ClusterPageGeneric = ({
         <>
           {showBreadcrumbs && <ClusterBreadcrumbs clusterName={cluster.name} />}
           <PageSection hasBodyWrapper={false}>
-            <Content>
-              <Content component="h1">{cluster.name}</Content>
-            </Content>
+            <Content component="h1">{cluster.name}</Content>
           </PageSection>
           <PageSection hasBodyWrapper={false} isFilled>
             <ClusterDetail cluster={cluster} />

package/lib/ocm/components/clusters/Clusters.tsx

@@ -108,9 +108,7 @@ const Clusters = () => {
           <>
             <ClusterBreadcrumbs />
             <PageSection hasBodyWrapper={false}>
-              <Content>
-                <Content component="h1">Assisted Clusters</Content>
-              </Content>
+              <Content component="h1">Assisted Clusters</Content>
             </PageSection>
             <PageSection hasBodyWrapper={false} isFilled>
               <Alerts />

package/lib/ocm/components/clusters/DeleteClusterModal.tsx

@@ -1,6 +1,12 @@
 import * as React from 'react';
-import { Button } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+} from '@patternfly/react-core';
 
 type DeleteClusterModalProps = {
   name: string;
@@ -18,12 +24,13 @@ const DeleteClusterModal: React.FC<DeleteClusterModalProps> = ({
   isOpen,
 }) => (
   <Modal
-    title="Delete cluster"
     isOpen={isOpen}
-    onClose={onClose}
+    onClose={isDeleteInProgress ? undefined : () => onClose()}
     variant={ModalVariant.small}
-    showClose={!isDeleteInProgress}
-    actions={[
+  >
+    <ModalHeader title="Delete cluster" />
+    <ModalBody>Are you sure you want to delete cluster {name} ?</ModalBody>
+    <ModalFooter>
       <Button
         data-testid="delete-cluster-submit"
         key="confirm"
@@ -33,13 +40,11 @@ const DeleteClusterModal: React.FC<DeleteClusterModalProps> = ({
         isLoading={isDeleteInProgress}
       >
         Delete
-      </Button>,
+      </Button>
       <Button key="cancel" variant="link" onClick={onClose} isDisabled={isDeleteInProgress}>
         Cancel
-      </Button>,
-    ]}
-  >
-    Are you sure you want to delete cluster {name} ?
+      </Button>
+    </ModalFooter>
   </Modal>
 );
 

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

@@ -86,7 +86,7 @@ export const LimitedSupportedCluster = ({
   clusterFeatureSupportLevels: FeatureIdToSupportLevel;
   showVersionWarning: boolean;
 }) => (
-  <Content>
+  <>
     {showVersionWarning && (
       <Content component="p">
         <UiIcon size="sm" icon={<InfoCircleIcon color={infoColor.var} />} />
@@ -100,7 +100,7 @@ export const LimitedSupportedCluster = ({
         <Content component="ul">{getPreviewFeatureList(clusterFeatureSupportLevels)}</Content>
       </>
     )}
-  </Content>
+  </>
 );
 
 export const FullySupportedCluster = () => (

package/lib/ocm/components/hosts/DeleteHostModal.tsx

@@ -1,6 +1,13 @@
 import React from 'react';
-import { Button, ButtonVariant } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+} from '@patternfly/react-core';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 
 type DeleteHostModalProps = {
@@ -18,8 +25,12 @@ const DeleteHostModal = ({ isOpen, hostname, onClose, onDelete }: DeleteHostModa
       isOpen={isOpen}
       onClose={onClose}
       variant={ModalVariant.small}
-      titleIconVariant="warning"
-      actions={[
+    >
+      <ModalHeader title={t('ai:Remove host?')} titleIconVariant="warning" />
+      <ModalBody>
+        {t('ai:Host {{hostname}} will be removed', { hostname: hostname || '' })}
+      </ModalBody>
+      <ModalFooter>
         <Button
           data-testid="delete-host-submit"
           key="confirm"
@@ -27,13 +38,11 @@ const DeleteHostModal = ({ isOpen, hostname, onClose, onDelete }: DeleteHostModa
           onClick={onDelete}
         >
           {t('ai:Remove host')}
-        </Button>,
+        </Button>
         <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
           {t('ai:Cancel')}
-        </Button>,
-      ]}
-    >
-      {t('ai:Host {{hostname}} will be removed', { hostname: hostname || '' })}
+        </Button>
+      </ModalFooter>
     </Modal>
   );
 };

package/lib/ocm/components/hosts/HostRequirementsContent.tsx

@@ -41,11 +41,9 @@ const HostRequirementsContent = ({
 
   if (isAddingHosts) {
     return (
-      <Content>
-        <Content
-          component={'p'}
-        >{`Worker hosts must have at least ${contentForWorkerNodes}`}</Content>
-      </Content>
+      <Content
+        component={'p'}
+      >{`Worker hosts must have at least ${contentForWorkerNodes}`}</Content>
     );
   }
 

package/lib/ocm/components/hosts/ResetHostModal.tsx

@@ -1,6 +1,13 @@
 import React from 'react';
-import { Button, ButtonVariant } from '@patternfly/react-core';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+} from '@patternfly/react-core';
 
 type ResetHostModalProps = {
   hostname?: string;
@@ -10,12 +17,10 @@ type ResetHostModalProps = {
 };
 
 const ResetHostModal: React.FC<ResetHostModalProps> = ({ isOpen, hostname, onClose, onReset }) => (
-  <Modal
-    title="Reset Host"
-    isOpen={isOpen}
-    onClose={onClose}
-    variant={ModalVariant.small}
-    actions={[
+  <Modal isOpen={isOpen} onClose={onClose} variant={ModalVariant.small}>
+    <ModalHeader title="Reset Host" />
+    <ModalBody>Are you sure you want to reset host{` ${hostname || ''}`} ?</ModalBody>
+    <ModalFooter>
       <Button
         data-testid="reset-host-submit"
         key="confirm"
@@ -23,13 +28,11 @@ const ResetHostModal: React.FC<ResetHostModalProps> = ({ isOpen, hostname, onClo
         onClick={onReset}
       >
         Reset
-      </Button>,
+      </Button>
       <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
         Cancel
-      </Button>,
-    ]}
-  >
-    Are you sure you want to reset host{` ${hostname || ''}`} ?
+      </Button>
+    </ModalFooter>
   </Modal>
 );
 

package/lib/ocm/components/hosts/UpdateDay2ApiVipForm.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
 import * as Yup from 'yup';
-import { Button, ButtonVariant, ButtonType, Form } from '@patternfly/react-core';
-import { ModalBoxBody, ModalBoxFooter } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  ButtonType,
+  Form,
+  ModalBody,
+  ModalFooter,
+} from '@patternfly/react-core';
 import { Formik } from 'formik';
 import {
   AlertFormikError,
@@ -69,7 +75,7 @@ const UpdateDay2ApiVipForm: React.FC<UpdateDay2ApiVipFormProps> = ({
       {({ handleSubmit, status, setStatus, isSubmitting, isValid, dirty }) => {
         return (
           <Form onSubmit={handleSubmit}>
-            <ModalBoxBody>
+            <ModalBody>
               <GridGap>
                 <AlertFormikError
                   status={status as StatusErrorType}
@@ -83,8 +89,8 @@ const UpdateDay2ApiVipForm: React.FC<UpdateDay2ApiVipFormProps> = ({
                   isRequired
                 />
               </GridGap>
-            </ModalBoxBody>
-            <ModalBoxFooter>
+            </ModalBody>
+            <ModalFooter>
               <Button
                 key="submit"
                 type={ButtonType.submit}
@@ -95,7 +101,7 @@ const UpdateDay2ApiVipForm: React.FC<UpdateDay2ApiVipFormProps> = ({
               <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
                 Cancel
               </Button>
-            </ModalBoxFooter>
+            </ModalFooter>
           </Form>
         );
       }}

package/lib/ocm/components/hosts/UpdateDay2ApiVipModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
 import UpdateDay2ApiVipForm, { UpdateDay2ApiVipFormProps } from './UpdateDay2ApiVipForm';
+import { Modal, ModalHeader, ModalVariant } from '@patternfly/react-core';
 
 type UpdateDay2ApiVipModalProps = {
   isOpen: boolean;
@@ -13,12 +13,11 @@ const UpdateDay2ApiVipModal: React.FC<UpdateDay2ApiVipModalProps> = ({
 }) => (
   <Modal
     aria-label="Update cluster hostname"
-    title="Update cluster hostname"
     isOpen={isOpen}
     variant={ModalVariant.small}
-    hasNoBodyWrapper
     onClose={onClose}
   >
+    <ModalHeader title="Update cluster hostname" />
     <UpdateDay2ApiVipForm {...props} onClose={onClose} />
   </Modal>
 );

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

@@ -1,6 +1,14 @@
 import React from 'react';
-import { Button, ButtonVariant, IconComponentProps } from '@patternfly/react-core';
-import { Modal, ModalProps } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  IconComponentProps,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalProps,
+} from '@patternfly/react-core';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { UiIcon } from '../../../common';
 
@@ -41,11 +49,10 @@ const InfoLinkWithModal = ({
         )}
         {linkText}
       </Button>
-      <Modal
-        title={modalTitle}
-        id={modalId}
-        isOpen={isModalOpen}
-        actions={[
+      <Modal id={modalId} isOpen={isModalOpen} onClose={handleModalClose} variant={modalVariant}>
+        <ModalHeader title={modalTitle} />
+        <ModalBody>{children}</ModalBody>
+        <ModalFooter>
           <Button
             id={closebuttonId}
             key="close"
@@ -53,12 +60,8 @@ const InfoLinkWithModal = ({
             onClick={handleModalClose}
           >
             Close
-          </Button>,
-        ]}
-        onClose={handleModalClose}
-        variant={modalVariant}
-      >
-        {children}
+          </Button>
+        </ModalFooter>
       </Modal>
     </>
   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.46.2",
-    "@openshift-assisted/types": "2.46.2",
+    "@openshift-assisted/locales": "2.47.0",
+    "@openshift-assisted/types": "2.47.0",
     "@openshift-console/dynamic-plugin-sdk": "0.0.3",
     "@patternfly/patternfly": "6.2.3",
     "@patternfly/react-code-editor": "6.2.2",
@@ -140,5 +140,5 @@
       ]
     }
   },
-  "version": "2.46.2"
+  "version": "2.47.0"
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"OcmTNADisclaimer.d.ts","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/OcmTNADisclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,gBAAgB,yBAgBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/@types/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface UserManagedNetworkingTextContentProps {
-    shouldDisplayLoadBalancersBullet?: boolean;
-}
-export declare const UserManagedNetworkingTextContent: ({ shouldDisplayLoadBalancersBullet, }: UserManagedNetworkingTextContentProps) => React.JSX.Element;
-//# sourceMappingURL=UserManagedNetworkingTextContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserManagedNetworkingTextContent.d.ts","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,qCAAqC;IACpD,gCAAgC,CAAC,EAAE,OAAO,CAAC;CAC5C;AAED,eAAO,MAAM,gCAAgC,0CAE1C,qCAAqC,sBAkBvC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"OcmTNADisclaimer.js","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/OcmTNADisclaimer.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAA6E;AAC7E,2FAA+E;AAE/E,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAE/B,OAAO,CACL,8BAAC,kBAAK,IACJ,OAAO,EAAE,yBAAY,CAAC,IAAI,EAC1B,KAAK,EAAE,CAAC,CAAC,sDAAsD,CAAC,EAChE,QAAQ;QAER,8BAAC,iBAAI;YACH,8BAAC,qBAAQ,QACN,CAAC,CAAC,+EAA+E,CAAC,CAC1E,CACN,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserManagedNetworkingTextContent = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const ui_1 = require("../../../../common/components/ui");
-const docs_links_1 = require("../../../../common/config/docs_links");
-const UserManagedNetworkingTextContent = ({ shouldDisplayLoadBalancersBullet = false, }) => {
-    return (react_1.default.createElement(react_core_1.Content, null,
-        react_1.default.createElement(react_core_1.Content, { component: 'p' },
-            "Please refer to the",
-            ' ',
-            react_1.default.createElement(ui_1.ExternalLink, { href: (0, docs_links_1.getOpenShiftNetworkingDocsLink)() }, "OpenShift networking documentation"),
-            ' ',
-            "to configure your cluster's networking, including:",
-            ' '),
-        react_1.default.createElement(react_core_1.List, null,
-            react_1.default.createElement(react_core_1.ListItem, null, "DHCP or static IP Addresses"),
-            shouldDisplayLoadBalancersBullet && react_1.default.createElement(react_core_1.ListItem, null, "Load balancers"),
-            react_1.default.createElement(react_core_1.ListItem, null, "Network ports"),
-            react_1.default.createElement(react_core_1.ListItem, null, "DNS"))));
-};
-exports.UserManagedNetworkingTextContent = UserManagedNetworkingTextContent;
-//# sourceMappingURL=UserManagedNetworkingTextContent.js.map

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserManagedNetworkingTextContent.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAAiE;AACjE,yDAAgE;AAChE,qEAAsF;AAM/E,MAAM,gCAAgC,GAAG,CAAC,EAC/C,gCAAgC,GAAG,KAAK,GACF,EAAE,EAAE;IAC1C,OAAO,CACL,8BAAC,oBAAO;QACN,8BAAC,oBAAO,IAAC,SAAS,EAAE,GAAG;;YACD,GAAG;YACvB,8BAAC,iBAAY,IAAC,IAAI,EAAE,IAAA,2CAA8B,GAAE,yCAErC;YAAC,GAAG;;YACgC,GAAG,CAC9C;QACV,8BAAC,iBAAI;YACH,8BAAC,qBAAQ,sCAAuC;YAC/C,gCAAgC,IAAI,8BAAC,qBAAQ,yBAA0B;YACxE,8BAAC,qBAAQ,wBAAyB;YAClC,8BAAC,qBAAQ,cAAe,CACnB,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,gCAAgC,oCAoB3C"}

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { List, ListItem, Content } from '@patternfly/react-core';
-import { ExternalLink } from '../../../../common/components/ui';
-import { getOpenShiftNetworkingDocsLink } from '../../../../common/config/docs_links';
-
-export interface UserManagedNetworkingTextContentProps {
-  shouldDisplayLoadBalancersBullet?: boolean;
-}
-
-export const UserManagedNetworkingTextContent = ({
-  shouldDisplayLoadBalancersBullet = false,
-}: UserManagedNetworkingTextContentProps) => {
-  return (
-    <Content>
-      <Content component={'p'}>
-        Please refer to the{' '}
-        <ExternalLink href={getOpenShiftNetworkingDocsLink()}>
-          OpenShift networking documentation
-        </ExternalLink>{' '}
-        to configure your cluster's networking, including:{' '}
-      </Content>
-      <List>
-        <ListItem>DHCP or static IP Addresses</ListItem>
-        {shouldDisplayLoadBalancersBullet && <ListItem>Load balancers</ListItem>}
-        <ListItem>Network ports</ListItem>
-        <ListItem>DNS</ListItem>
-      </List>
-    </Content>
-  );
-};