@openshift-assisted/ui-lib 2.16.4-cim → 2.16.5-cim

package/lib/common/components/clusterConfiguration/DiscoveryImageConfigForm.tsx

@@ -3,12 +3,12 @@ import * as Yup from 'yup';
 import {
   Button,
   Form,
+  ModalBoxBody,
+  ModalBoxFooter,
   AlertVariant,
   Alert,
   Stack,
   StackItem,
-  ModalBody,
-  ModalFooter,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import { Formik, FormikHelpers } from 'formik';
@@ -114,7 +114,7 @@ export const DiscoveryImageConfigForm: React.FC<DiscoveryImageConfigFormProps> =
       {({ submitForm, isSubmitting, status }) => {
         return (
           <>
-            <ModalBody>
+            <ModalBoxBody>
               <Stack hasGutter>
                 {hasDHCP === false && (
                   <StackItem>
@@ -139,8 +139,8 @@ export const DiscoveryImageConfigForm: React.FC<DiscoveryImageConfigFormProps> =
                   </Form>
                 </StackItem>
               </Stack>
-            </ModalBody>
-            <ModalFooter>
+            </ModalBoxBody>
+            <ModalBoxFooter>
               <Button
                 // eslint-disable-next-line @typescript-eslint/no-misused-promises
                 onClick={submitForm}
@@ -156,7 +156,7 @@ export const DiscoveryImageConfigForm: React.FC<DiscoveryImageConfigFormProps> =
               <Button key="cancel" variant="link" onClick={onCancel}>
                 {t('ai:Cancel')}
               </Button>
-            </ModalFooter>
+            </ModalBoxFooter>
           </>
         );
       }}

package/lib/common/components/clusterConfiguration/DiscoveryInstructions.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Content, OrderType } from '@patternfly/react-core';
+import { TextListItem, OrderType, Text, TextContent, TextList } from '@patternfly/react-core';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 import { Trans } from 'react-i18next';
 
@@ -14,35 +14,35 @@ const DiscoveryInstructions = ({
 }: DiscoveryInstructionsProps) => {
   const { t } = useTranslation();
   return (
-    <>
-      <Content component="h3">{t('ai:Adding hosts instructions')}</Content>
-      <Content component="ol" type={OrderType.number} style={{ marginLeft: 0 }}>
-        <Content component="li" hidden={!showAllInstructions}>
+    <TextContent>
+      <Text component="h3">{t('ai:Adding hosts instructions')}</Text>
+      <TextList component="ol" type={OrderType.number} style={{ marginLeft: 0 }}>
+        <TextListItem hidden={!showAllInstructions}>
           {t('ai:Click the Add host button.', { count: +isSNO })}
-        </Content>
-        <Content component="li" hidden={!showAllInstructions}>
+        </TextListItem>
+        <TextListItem hidden={!showAllInstructions}>
           {t('ai:Configure the SSH key and proxy settings after the modal appears (optional).')}
-        </Content>
-        <Content component="li">
+        </TextListItem>
+        <TextListItem>
           {t(
             'ai:Download the Discovery ISO (onto a USB drive, attach it to a virtual media, etc.) and use it to boot your hosts.',
           )}
-        </Content>
-        <Content component="li">
+        </TextListItem>
+        <TextListItem>
           <Trans
             t={t}
             count={+isSNO}
             components={{ bold: <strong /> }}
             i18nKey="ai:Keep the Discovery ISO media connected to the device throughout the installation process and set each host to boot <bold>only one time</bold> from this device. "
           />
-        </Content>
-        <Content component="li">
+        </TextListItem>
+        <TextListItem>
           {t(
             'ai:Booted hosts should appear in the host inventory table. This may take a few minutes.',
           )}
-        </Content>
-      </Content>
-    </>
+        </TextListItem>
+      </TextList>
+    </TextContent>
   );
 };
 

package/lib/common/components/clusterConfiguration/DiscoveryIpxeInstructions.tsx

@@ -1,25 +1,25 @@
 import React from 'react';
-import { Content, OrderType } from '@patternfly/react-core';
+import { TextListItem, OrderType, Text, TextContent, TextList } from '@patternfly/react-core';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 
 const DiscoveryIpxeInstructions = () => {
   const { t } = useTranslation();
   return (
-    <>
-      <Content component="h3">{t('ai:Adding hosts instructions')}</Content>
-      <Content component="ol" type={OrderType.number} style={{ marginLeft: 0 }}>
-        <Content component="li">{t('ai:Download the example iPXE script file')}</Content>
-        <Content component="li">
+    <TextContent>
+      <Text component="h3">{t('ai:Adding hosts instructions')}</Text>
+      <TextList component="ol" type={OrderType.number} style={{ marginLeft: 0 }}>
+        <TextListItem>{t('ai:Download the example iPXE script file')}</TextListItem>
+        <TextListItem>
           {t('ai:Download the assets in the script file to your iPXE server')}
-        </Content>
-        <Content component="li">
+        </TextListItem>
+        <TextListItem>
           {t(
             'ai:Inside the example script file, customize the asset URLs to your local server address',
           )}
-        </Content>
-        <Content component="li">{t('ai:Set all the hosts to boot using iPXE script file')}</Content>
-      </Content>
-    </>
+        </TextListItem>
+        <TextListItem>{t('ai:Set all the hosts to boot using iPXE script file')}</TextListItem>
+      </TextList>
+    </TextContent>
   );
 };
 

package/lib/common/components/clusterConfiguration/DiscoveryTroubleshootingModal.tsx

@@ -1,19 +1,17 @@
 import React from 'react';
 import {
   Button,
+  Modal,
   ButtonVariant,
-  Content,
+  ModalVariant,
+  Text,
+  TextVariants,
   List,
   ListComponent,
   ListItem,
   OrderType,
   HelperText,
   HelperTextItem,
-  Modal,
-  ModalVariant,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
 } from '@patternfly/react-core';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { PrismCode, SimpleAIPrismTheme, UiIcon } from '../ui';
@@ -40,9 +38,9 @@ export const DiscoveryTroubleshootingModalContent = () => {
   return (
     <List component={ListComponent.ol} type={OrderType.number}>
       <ListItem>
-        <Content component="p">{t('ai:The host machine is powered on')}</Content>
+        <Text component={TextVariants.p}>{t('ai:The host machine is powered on')}</Text>
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-boot-time-helper">
+          <HelperTextItem variant="indeterminate">
             {t(
               'ai:Boot time depends on several factors such as your hardware and network configuration, and if you are booting from an ISO.',
             )}
@@ -50,21 +48,21 @@ export const DiscoveryTroubleshootingModalContent = () => {
         </HelperText>
       </ListItem>
       <ListItem>
-        <Content component="p">
+        <Text component={TextVariants.p}>
           {t('ai:If you used DHCP networking, verify that your DHCP server is enabled')}
-        </Content>
+        </Text>
       </ListItem>
       <ListItem>
-        <Content component="p">
+        <Text component={TextVariants.p}>
           {t(
             'ai:If you used static IP, bridges, and bonds networking, verify that your configurations are correct',
           )}
-        </Content>
+        </Text>
       </ListItem>
       <ListItem>
-        <Content component="p">{t('ai:SSH into your machine')}</Content>
+        <Text component={TextVariants.p}>{t('ai:SSH into your machine')}</Text>
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-ssh-access-helper">
+          <HelperTextItem variant="indeterminate">
             {t(
               'ai:Verify that you can access your host machine using SSH, or a console such as BMC or virtual machine console. In the CLI, enter the following command:',
             )}
@@ -72,7 +70,7 @@ export const DiscoveryTroubleshootingModalContent = () => {
         </HelperText>
         <PrismCode theme={SimpleAIPrismTheme} code="ssh -i <identity_file> core@<machine-ip>" />
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-ssh-auth-helper">
+          <HelperTextItem variant="indeterminate">
             {t(
               'ai:Authentication is provided by the discovery ISO, therefore when you access your host using SSH, a password is not required. Optional -i parameter can be used to specify the private key that matches the public key provided when generating Discovery ISO.',
             )}
@@ -80,11 +78,11 @@ export const DiscoveryTroubleshootingModalContent = () => {
         </HelperText>
       </ListItem>
       <ListItem>
-        <Content component="p">
+        <Text component={TextVariants.p}>
           {t('ai:Unable to SSH into your hosts through the network?')}
-        </Content>
+        </Text>
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-ssh-alternative-helper">
+          <HelperTextItem variant="indeterminate">
             {t(
               'ai:Try logging into the machine directly through physical access, out-of-band management, or a virtual machine console. To generate a new bootable image file with password-based login enabled, download the full image file and patch it locally with a login password of your choice using',
             )}{' '}
@@ -101,7 +99,7 @@ export const DiscoveryTroubleshootingModalContent = () => {
           </HelperTextItem>
         </HelperText>
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-script-usage-helper">
+          <HelperTextItem variant="indeterminate">
             {t('ai:Run these commands to use the script:')}
           </HelperTextItem>
         </HelperText>
@@ -112,12 +110,12 @@ export const DiscoveryTroubleshootingModalContent = () => {
         />
       </ListItem>
       <ListItem>
-        <Content component="p">
+        <Text component={TextVariants.p}>
           {t('ai:The discovery agent is running with the correct parameters')}
-        </Content>
+        </Text>
         <PrismCode theme={SimpleAIPrismTheme} code={`ps -ef | grep agent`} />
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-agent-output-helper">
+          <HelperTextItem variant="indeterminate">
             {t('ai:The output displays the following:')}
           </HelperTextItem>
         </HelperText>
@@ -128,15 +126,15 @@ core        2362    2311  0 08:04 pts/0    00:00:00 grep --color=auto agent`}
         />
       </ListItem>
       <ListItem>
-        <Content component="p">{t('ai:The agent ran successfully')}</Content>
+        <Text component={TextVariants.p}>{t('ai:The agent ran successfully')}</Text>
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-agent-logs-helper">
+          <HelperTextItem variant="indeterminate">
             {t('ai:To verify that the agent ran successfully, check the logs:')}
           </HelperTextItem>
         </HelperText>
         <PrismCode theme={SimpleAIPrismTheme} code="sudo journalctl -u agent.service" />
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-network-error-helper">
+          <HelperTextItem variant="indeterminate">
             {t('ai:In the following example, the errors indicate there is a network issue:')}
           </HelperTextItem>
         </HelperText>
@@ -154,7 +152,7 @@ Oct 15 11:26:35 localhost systemd[1]: agent.service: Failed with result 'exit-co
 Oct 15 11:26:35 localhost systemd[1]: Failed to start agent.service.`}
         />
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-proxy-network-helper">
+          <HelperTextItem variant="indeterminate">
             <Trans
               t={t}
               components={{ code: <code /> }}
@@ -164,16 +162,16 @@ Oct 15 11:26:35 localhost systemd[1]: Failed to start agent.service.`}
         </HelperText>
       </ListItem>
       <ListItem>
-        <Content component="p">{t('ai:Check agent logs')}</Content>
+        <Text component={TextVariants.p}>{t('ai:Check agent logs')}</Text>
         <HelperText>
-          <HelperTextItem data-testid="discovery-troubleshooting-detailed-logs-helper">
+          <HelperTextItem variant="indeterminate">
             {t('ai:To view detailed agent logs and communication use following command:')}
           </HelperTextItem>
         </HelperText>
         <PrismCode theme={SimpleAIPrismTheme} code="sudo journalctl TAG=agent | less" />
       </ListItem>
       <ListItem>
-        <Content component="p">{t('ai:Check assisted-installer logs')}</Content>
+        <Text component={TextVariants.p}>{t('ai:Check assisted-installer logs')}</Text>
         <PrismCode
           theme={SimpleAIPrismTheme}
           code={`sudo su
@@ -182,7 +180,7 @@ podman logs <container id>`}
         />
       </ListItem>
       <ListItem>
-        <Content component="p">{t('ai:Check bootkube logs')}</Content>
+        <Text component={TextVariants.p}>{t('ai:Check bootkube logs')}</Text>
         <PrismCode theme={SimpleAIPrismTheme} code={`sudo journalctl -u bootkube`} />
       </ListItem>
     </List>
@@ -223,23 +221,24 @@ export const DiscoveryTroubleshootingModal = ({
   setDiscoveryHintModalOpen,
   isOpen,
 }: DiscoveryTroubleshootingModalProps) => {
-  const { t } = useTranslation();
   const onClose = React.useCallback(
     () => setDiscoveryHintModalOpen(false),
     [setDiscoveryHintModalOpen],
   );
-
+  const { t } = useTranslation();
   return (
-    <Modal isOpen={isOpen} onClose={onClose} variant={ModalVariant.large}>
-      <ModalHeader title={t('ai:Hosts not showing up troubleshooter')} />
-      <ModalBody>
-        <DiscoveryTroubleshootingModalContent />
-      </ModalBody>
-      <ModalFooter>
+    <Modal
+      title={t('ai:Hosts not showing up troubleshooter')}
+      isOpen={isOpen}
+      actions={[
         <Button key="close" variant={ButtonVariant.primary} onClick={onClose}>
           {t('ai:Close')}
-        </Button>
-      </ModalFooter>
+        </Button>,
+      ]}
+      onClose={onClose}
+      variant={ModalVariant.large}
+    >
+      <DiscoveryTroubleshootingModalContent />
     </Modal>
   );
 };

package/lib/common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionControlGroup.tsx

@@ -129,32 +129,30 @@ const DiskEncryptionControlGroup = ({
             />
           </StackItem>
         </RenderIf>
-        <RenderIf condition={hasEnabledDiskEncryption}>
-          <StackItem>
-            <Alert
-              variant={AlertVariant.warning}
-              data-testid="alert-tpmv2-bios"
-              isInline
-              title={
-                <FlexItem>
-                  {diskEncryptionMode === 'tpmv2' && (
-                    <>
-                      To use this encryption method, enable TPMv2 encryption in the BIOS of each
-                      selected host.
-                    </>
-                  )}
-                  {diskEncryptionMode === 'tang' && (
-                    <>
-                      The use of Tang encryption mode to encrypt your disks is only supported for
-                      bare metal or vSphere installations on user-provisioned infrastructure.
-                    </>
-                  )}
-                </FlexItem>
-              }
-            />
-          </StackItem>
-        </RenderIf>
       </Stack>
+      {hasEnabledDiskEncryption && (
+        <Alert
+          variant={AlertVariant.warning}
+          data-testid="alert-tpmv2-bios"
+          isInline
+          title={
+            <FlexItem>
+              {diskEncryptionMode === 'tpmv2' && (
+                <>
+                  To use this encryption method, enable TPMv2 encryption in the BIOS of each
+                  selected host.
+                </>
+              )}
+              {diskEncryptionMode === 'tang' && (
+                <>
+                  The use of Tang encryption mode to encrypt your disks is only supported for bare
+                  metal or vSphere installations on user-provisioned infrastructure.
+                </>
+              )}
+            </FlexItem>
+          }
+        />
+      )}
     </FormGroup>
   );
 };

package/lib/common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionMode.tsx

@@ -5,8 +5,9 @@ import {
   FlexItem,
   Stack,
   StackItem,
-  Content,
-  ContentVariants,
+  Text,
+  TextVariants,
+  TextContent,
   TooltipProps,
   Tooltip,
 } from '@patternfly/react-core';
@@ -116,7 +117,9 @@ export const DiskEncryptionMode = ({
         <Stack>
           &nbsp;
           <StackItem>
-            <Content component={ContentVariants.h6}>{t('ai:Tang servers')}</Content>
+            <TextContent>
+              <Text component={TextVariants.h6}>{t('ai:Tang servers')}</Text>
+            </TextContent>
           </StackItem>
           &nbsp;
           <TangServers isDisabled={isDisabled} tooltipProps={tooltipProps} />

package/lib/common/components/clusterConfiguration/DownloadIpxeScript.tsx

@@ -6,8 +6,8 @@ import {
   ButtonVariant,
   ClipboardCopy,
   clipboardCopyFunc,
-  ModalBody,
-  ModalFooter,
+  ModalBoxBody,
+  ModalBoxFooter,
   Stack,
   StackItem,
 } from '@patternfly/react-core';
@@ -33,7 +33,7 @@ const DownloadIpxeScript = ({
   const { t } = useTranslation();
   return (
     <>
-      <ModalBody>
+      <ModalBoxBody>
         <Stack hasGutter>
           <StackItem>
             <Alert
@@ -74,8 +74,8 @@ const DownloadIpxeScript = ({
             </DetailList>
           </StackItem>
         </Stack>
-      </ModalBody>
-      <ModalFooter>
+      </ModalBoxBody>
+      <ModalBoxFooter>
         <Button
           variant={ButtonVariant.primary}
           onClick={() => downloadUrl && saveAs(downloadUrl)}
@@ -92,7 +92,7 @@ const DownloadIpxeScript = ({
         <Button variant={ButtonVariant.link} onClick={onClose} data-testid="edit-ipxe-btn">
           {t('ai:Cancel')}
         </Button>
-      </ModalFooter>
+      </ModalBoxFooter>
     </>
   );
 };

package/lib/common/components/clusterConfiguration/DownloadIso.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
+import { saveAs } from 'file-saver';
 import {
   Alert,
   Button,
   ButtonVariant,
   ClipboardCopy,
   clipboardCopyFunc,
-  ModalBody,
-  ModalFooter,
+  ModalBoxBody,
+  ModalBoxFooter,
   Stack,
   StackItem,
 } from '@patternfly/react-core';
@@ -48,7 +49,7 @@ const DownloadIso = ({
 
   return (
     <>
-      <ModalBody>
+      <ModalBoxBody>
         <Stack hasGutter>
           <StackItem>
             <Alert
@@ -103,8 +104,6 @@ const DownloadIso = ({
                 }
               />
             </DetailList>
-          </StackItem>
-          <StackItem>
             <Alert
               variant="info"
               isInline
@@ -114,17 +113,13 @@ const DownloadIso = ({
             />
           </StackItem>
         </Stack>
-      </ModalBody>
-      <ModalFooter>
+      </ModalBoxBody>
+      <ModalBoxFooter>
         <Button
           variant={ButtonVariant.primary}
+          onClick={() => downloadUrl && saveAs(downloadUrl)}
           data-testid="download-iso-btn"
           isDisabled={!downloadUrl}
-          component={'a'}
-          target="_blank"
-          href={downloadUrl}
-          download
-          rel="noopener noreferrer"
         >
           {t('ai:Download Discovery ISO')}
         </Button>
@@ -136,7 +131,7 @@ const DownloadIso = ({
             {t('ai:Edit ISO configuration')}
           </Button>
         )}
-      </ModalFooter>
+      </ModalBoxFooter>
     </>
   );
 };

package/lib/common/components/clusterConfiguration/DownloadIsoModal.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
+import { Modal, ModalVariant } from '@patternfly/react-core';
 import DownloadIso, { DownloadISOProps } from './DownloadIso';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
-import { Modal, ModalHeader, ModalVariant } from '@patternfly/react-core';
 
 type DownloadIsoModalProps = DownloadISOProps & {
   isOpen: boolean;
@@ -12,12 +12,13 @@ const DownloadIsoModal: React.FC<DownloadIsoModalProps> = ({ isOpen, ...props })
   return (
     <Modal
       aria-label={t('ai:Download host discovery ISO dialog')}
+      title={t('ai:Add host')}
       isOpen={isOpen}
       onClose={props.onClose}
       variant={ModalVariant.small}
+      hasNoBodyWrapper
       id="download-discovery-iso-modal"
     >
-      <ModalHeader title={t('ai:Add host')} />
       <DownloadIso {...props} />
     </Modal>
   );

package/lib/common/components/clusterConfiguration/ExternalPlatformsDropdown.tsx

@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { StaticField } from '../ui';
+import { useTranslation } from '../../hooks';
+import { TFunction } from 'i18next';
+import { PlatformType } from '@openshift-assisted/types/assisted-installer-service';
+import { Dropdown, DropdownItem, FormGroup, MenuToggle } from '@patternfly/react-core';
+import { useField, useFormikContext } from 'formik';
+import { ClusterDetailsValues } from '../clusterWizard';
+
+export const getPlatforms = (t: TFunction): { [key in PlatformType]: string } => ({
+  none: t('ai:No platform integration'),
+  baremetal: t('ai:No platform integration'),
+  nutanix: t('ai:Nutanix'),
+  vsphere: t('ai:vSphere'),
+  external: t('ai:External cloud provider'),
+});
+
+export const ExternalPlatformsDropdown = ({ isDisabled }: { isDisabled: boolean }) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [{ value }, , { setValue }] = useField<PlatformType>('platform');
+  const { setFieldValue, values } = useFormikContext<ClusterDetailsValues>();
+  const { t } = useTranslation();
+
+  const platforms = getPlatforms(t);
+  const isSNO = values.controlPlaneCount === 1;
+  const options = Object.entries(platforms)
+    .filter(([key]) => {
+      if (isSNO) {
+        return key === 'none' || key === 'vsphere' || key === 'external';
+      } else {
+        return key !== 'none';
+      }
+    })
+    .map(([platform, label]) => (
+      <DropdownItem
+        key={platform}
+        id={platform}
+        value={platform}
+        selected={platform === value}
+        onClick={(e: React.MouseEvent) => e.preventDefault()}
+      >
+        {label}
+      </DropdownItem>
+    ));
+
+  const onSelect = (
+    _event: React.MouseEvent<Element, MouseEvent> | undefined,
+    value: string | number | undefined,
+  ) => {
+    setValue(value as PlatformType);
+    setIsOpen(false);
+
+    if (value === 'external' || values.controlPlaneCount === 1) {
+      setFieldValue('userManagedNetworking', true);
+    } else {
+      setFieldValue('userManagedNetworking', false);
+    }
+  };
+
+  return isDisabled ? (
+    <StaticField
+      name={'platform'}
+      label={t('ai:Integrate with external partner platforms')}
+      isRequired
+    >
+      {platforms[value]}
+    </StaticField>
+  ) : (
+    <FormGroup
+      isInline
+      label={t('ai:Integrate with external partner platforms')}
+      isRequired
+      name={'platform'}
+    >
+      <Dropdown
+        isOpen={isOpen}
+        toggle={(toggleRef) => (
+          <MenuToggle ref={toggleRef} className="pf-v5-u-w-100" onClick={() => setIsOpen(!isOpen)}>
+            {value ? platforms[value] : t('ai:Integrate with external partner platforms')}
+          </MenuToggle>
+        )}
+        onSelect={onSelect}
+      >
+        {options}
+      </Dropdown>
+    </FormGroup>
+  );
+};

package/lib/common/components/clusterConfiguration/ProxyFields.css

@@ -1,3 +1,3 @@
-.ai-proxy-fields .pf-v6-c-check__body {
+.ai-proxy-fields .pf-v5-c-check__body {
   width: 100%;
 }

package/lib/common/components/clusterConfiguration/SecurityFields.tsx

@@ -15,7 +15,7 @@ export const SshPublicKeyHelperText: React.FC<{
   const { t } = useTranslation();
   return (
     <HelperText id={fieldId}>
-      <HelperTextItem data-testid="ssh-public-key-helper-text">
+      <HelperTextItem>
         {t(
           'ai:Paste the content of a public ssh key you want to use to connect to the hosts into this field.',
         )}{' '}

package/lib/common/components/clusterConfiguration/index.ts

@@ -9,3 +9,4 @@ export { default as SecurityFields } from './SecurityFields';
 export * from './utils';
 export * from './DiscoveryTroubleshootingModal';
 export * from './DiscoveryImageConfigForm';
+export * from './ExternalPlatformsDropdown';