@openshift-assisted/ui-lib 2.9.15-cim → 2.10.0-cim

package/lib/common/components/hosts/HostRowDetail.tsx

@@ -37,7 +37,6 @@ type HostDetailProps = {
     hostId: Host['id'],
     diskId: Disk['id'],
   ) => Promise<unknown>;
-  hideStorage?: boolean;
 };
 
 type SectionColumnProps = {
@@ -118,7 +117,6 @@ export const HostDetail = ({
   AdditionalNTPSourcesDialogToggleComponent,
   hideNTPStatus = false,
   updateDiskSkipFormatting,
-  hideStorage,
 }: HostDetailProps) => {
   const { t } = useTranslation();
   const { id, validationsInfo: hostValidationsInfo } = host;
@@ -213,14 +211,12 @@ export const HostDetail = ({
           value={ntpValidationStatus}
         />
       </SectionColumn>
-      {!hideStorage && (
-        <StorageDetail
-          host={host}
-          onDiskRole={onDiskRole}
-          canEditDisks={canEditDisks}
-          updateDiskSkipFormatting={updateDiskSkipFormatting}
-        />
-      )}
+      <StorageDetail
+        host={host}
+        onDiskRole={onDiskRole}
+        canEditDisks={canEditDisks}
+        updateDiskSkipFormatting={updateDiskSkipFormatting}
+      />
       <SectionTitle testId={'nics-section'} title={t('ai:NIC', { count: nics.length })} />
       <GridItem>
         <NicsTable interfaces={nics} testId={'nics-table'} />

package/lib/common/components/hosts/HostStatus.tsx

@@ -28,7 +28,7 @@ import OcpConsoleNodesSectionLink from './OcpConsoleNodesSectionLink';
 import { toSentence } from '../ui/table/utils';
 import { HostStatusProps } from './types';
 import { UpdateDay2ApiVipPropsType } from './HostValidationGroups';
-import { UnknownIcon } from '@patternfly/react-icons';
+import { UnknownIcon } from '@patternfly/react-icons/dist/js/icons/unknown-icon';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 import { APPROVE_NODES_IN_CL_LINK } from '../../config';
 import { hostStatus } from './status';

package/lib/common/components/hosts/HostValidationGroups.tsx

@@ -1,10 +1,10 @@
 import React, { Fragment, ReactElement } from 'react';
 import { Alert, AlertGroup, AlertVariant, Level, LevelItem } from '@patternfly/react-core';
-import {
-  global_warning_color_100 as warningColor,
-  global_success_color_100 as okColor,
-} from '@patternfly/react-tokens';
-import { PendingIcon, CheckCircleIcon, ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
+import { global_success_color_100 as okColor } from '@patternfly/react-tokens/dist/js/global_success_color_100';
+import { PendingIcon } from '@patternfly/react-icons/dist/js/icons/pending-icon';
+import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 
 import { Host, HostValidationId } from '@openshift-assisted/types/assisted-installer-service';
 import { Validation, ValidationsInfo } from '../../types/hosts';

package/lib/common/components/hosts/Hostname.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button, ButtonVariant, Flex, FlexItem, Popover } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
-import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 import type { Host, Inventory } from '@openshift-assisted/types/assisted-installer-service';
 import { getHostname } from './utils';
 import { DASH } from '../constants';

package/lib/common/components/hosts/HostsTable.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ConnectedIcon } from '@patternfly/react-icons';
+import { ConnectedIcon } from '@patternfly/react-icons/dist/js/icons/connected-icon';
 import { HostsNotShowingLink, HostsNotShowingLinkProps } from '../clusterConfiguration';
 import { Host } from '@openshift-assisted/types/assisted-installer-service';
 import AITable, {

package/lib/common/components/hosts/MassChangeHostnameModal.tsx

@@ -18,7 +18,7 @@ import {
 import { Formik, useFormikContext } from 'formik';
 import * as Yup from 'yup';
 import { global_palette_blue_300 as blueInfoColor } from '@patternfly/react-tokens/dist/js/global_palette_blue_300';
-import { InfoCircleIcon } from '@patternfly/react-icons';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { TFunction } from 'i18next';
 
 import {

package/lib/common/components/hosts/OcpConsoleNodesSectionLink.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import { Button, ButtonVariant } from '@patternfly/react-core';
 import { AddHostsContext } from '../AddHosts/AddHostsContext';
 import { getOcpConsoleNodesPage } from '../../config';

package/lib/common/components/hosts/TableToolbar.tsx

@@ -16,7 +16,7 @@ import {
   ToolbarProps,
   Tooltip,
 } from '@patternfly/react-core';
-import { CaretDownIcon } from '@patternfly/react-icons';
+import { CaretDownIcon } from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 
 import './TableToolbar.css';
@@ -124,7 +124,7 @@ const TableToolbar: React.FC<TableToolbarProps> = ({
             {children}
             <ToolbarItem>
               {isDisabled ? (
-                <Tooltip content="Select one or more hosts">{actionsDropdown}</Tooltip>
+                <Tooltip content={t('ai:Select one or more hosts')}>{actionsDropdown}</Tooltip>
               ) : (
                 actionsDropdown
               )}

package/lib/common/components/hosts/VMRebootConfigurationInfo.tsx

@@ -7,7 +7,7 @@ import {
   TextContent,
   TextVariants,
 } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { Trans } from 'react-i18next';
 import { PrismCode } from '../../../common/components/ui';
 import { useTranslation } from '../../hooks/use-translation-wrapper';

package/lib/common/components/hosts/status.tsx

@@ -1,22 +1,18 @@
 import * as React from 'react';
-import {
-  BanIcon,
-  CheckCircleIcon,
-  ConnectedIcon,
-  DisconnectedIcon,
-  ExclamationCircleIcon,
-  ExclamationTriangleIcon,
-  InProgressIcon,
-  LinkIcon,
-  PendingIcon,
-  PlusIcon,
-} from '@patternfly/react-icons';
-import {
-  global_danger_color_100 as dangerColor,
-  global_warning_color_100 as warningColor,
-  global_success_color_100 as okColor,
-  chart_color_blue_300 as blueColor,
-} from '@patternfly/react-tokens';
+import { BanIcon } from '@patternfly/react-icons/dist/js/icons/ban-icon';
+import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
+import { ConnectedIcon } from '@patternfly/react-icons/dist/js/icons/connected-icon';
+import { DisconnectedIcon } from '@patternfly/react-icons/dist/js/icons/disconnected-icon';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { InProgressIcon } from '@patternfly/react-icons/dist/js/icons/in-progress-icon';
+import { LinkIcon } from '@patternfly/react-icons/dist/js/icons/link-icon';
+import { PendingIcon } from '@patternfly/react-icons/dist/js/icons/pending-icon';
+import { PlusIcon } from '@patternfly/react-icons/dist/js/icons/plus-icon';
+import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens/dist/js/global_danger_color_100';
+import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
+import { global_success_color_100 as okColor } from '@patternfly/react-tokens/dist/js/global_success_color_100';
+import { chart_color_blue_300 as blueColor } from '@patternfly/react-tokens/dist/js/chart_color_blue_300';
 import { Host } from '@openshift-assisted/types/assisted-installer-service';
 import { HostStatus } from './types';
 import { TFunction } from 'i18next';

package/lib/common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
 import { FeatureId, isPreviewSupportLevel } from '../../types';
-import { TechnologyPreview, DeveloperPreview } from '../ui/PreviewBadge';
+import { TechnologyPreview } from '../ui/TechnologyPreview';
+import { DeveloperPreview } from '../ui/DeveloperPreview';
 
 export type NewSupportLevelBadgeProps = {
   featureId: FeatureId;

package/lib/common/components/storage/DisksTable.tsx

@@ -21,7 +21,7 @@ import type { Disk, Host } from '@openshift-assisted/types/assisted-installer-se
 import type { WithTestID } from '../../types/index';
 import DiskRole, { OnDiskRoleType } from '../hosts/DiskRole';
 import DiskLimitations from '../hosts/DiskLimitations';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 import FormatDiskCheckbox, {
   DiskFormattingType,

package/lib/common/components/storage/StorageUtils.tsx

@@ -4,7 +4,7 @@ import { TFunction } from 'i18next';
 import { getHostRole, getInventory, RoleCell } from '../../index';
 import { TableRow } from '../hosts/AITable';
 import { Popover, Text, TextContent, TextVariants } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 import { Host } from '@openshift-assisted/types/assisted-installer-service';
 

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { DownloadIcon, IconSize } from '@patternfly/react-icons';
+import { DownloadIcon } from '@patternfly/react-icons/dist/js/icons/download-icon';
+import { IconSize } from '@patternfly/react-icons/dist/js/createIcon';
 
 export const getPadding = (size: IconSize | keyof typeof IconSize) => {
   switch (size) {

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

@@ -19,7 +19,8 @@ import {
   Badge,
   TextInputTypes,
 } from '@patternfly/react-core';
-import { SearchIcon, FilterIcon } from '@patternfly/react-icons';
+import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { FilterIcon } from '@patternfly/react-icons/dist/js/icons/filter-icon';
 import type { ClusterEventsFiltersType } from '../../types';
 import type {
   Cluster,

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import { PreviewBadge, PreviewBadgeProps } from './PreviewBadge';
+
+export type DeveloperPreviewProps = Omit<PreviewBadgeProps, 'text' | 'popoverText'>;
+
+export const DeveloperPreview: React.FC<DeveloperPreviewProps> = (props) => {
+  const { t } = useTranslation();
+  return (
+    <PreviewBadge
+      text={t('ai:Developer Preview')}
+      popoverText={t(
+        'ai:Developer preview features are not intended to be used in production environments. The clusters deployed with the developer preview features are considered to be development clusters and are not supported through the Red Hat Customer Portal case management system.',
+      )}
+      {...props}
+    />
+  );
+};
+DeveloperPreview.displayName = 'DeveloperPreview';

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

@@ -1,12 +1,10 @@
 import React from 'react';
 import { Button, ButtonVariant, Label } from '@patternfly/react-core';
 import { TableVariant, Table, TableBody, breakWord } from '@patternfly/react-table';
-import {
-  InfoCircleIcon,
-  ExclamationTriangleIcon,
-  ExclamationCircleIcon,
-  SearchIcon,
-} from '@patternfly/react-icons';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
 import { ExtraParamsType } from '@patternfly/react-table/dist/js/components/Table/base';
 import { Event, EventList } from '@openshift-assisted/types/assisted-installer-service';
 import { EmptyState } from './uiState';

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

@@ -1,6 +1,6 @@
 import React, { ReactNode, MouseEvent } from 'react';
 import { Text } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 
 interface ExternalLinkProps {
   href?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EmptyState, EmptyStateBody, EmptyStateIcon, Title } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
-import { global_disabled_color_100 as iconColor } from '@patternfly/react-tokens';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { global_disabled_color_100 as iconColor } from '@patternfly/react-tokens/dist/js/global_disabled_color_100';
 
 const NoPermissionsError = () => (
   <EmptyState id="not-found">

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

@@ -7,7 +7,7 @@ import {
   FormGroup,
   DropdownSeparator,
 } from '@patternfly/react-core';
-import { CaretDownIcon } from '@patternfly/react-icons';
+import { CaretDownIcon } from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
 
 import { OpenshiftVersionOptionType } from '../../types';
 import { TFunction } from 'i18next';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { Button, ButtonProps, Popover } from '@patternfly/react-core';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/js/icons/outlined-question-circle-icon';
 import { PopoverProps } from '@patternfly/react-core/dist/js/components/Popover/Popover';
 import { SVGIconProps } from '@patternfly/react-icons/dist/js/createIcon';
 

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

@@ -1,31 +1,25 @@
 import React from 'react';
 import { Label, Popover } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons';
-import { TECH_SUPPORT_LEVEL_LINK } from '../../config/constants';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import ExternalLink from './ExternalLink';
 import { WithTestID } from '../../types';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 
-export type DeveloperPreviewProps = {
-  position?: PreviewBadgePosition;
-  className?: string;
-} & WithTestID;
-
-export type TechnologyPreviewProps = DeveloperPreviewProps;
-
 export enum PreviewBadgePosition {
   default,
   inline,
   inlineRight,
 }
 
-type PreviewBadgeProps = DeveloperPreviewProps & {
+export type PreviewBadgeProps = {
+  position?: PreviewBadgePosition;
+  className?: string;
   text: string;
   externalLink?: string;
   popoverText: string;
-};
+} & WithTestID;
 
-const PreviewBadge: React.FC<PreviewBadgeProps> = ({
+export const PreviewBadge: React.FC<PreviewBadgeProps> = ({
   position = PreviewBadgePosition.inline,
   className = 'pf-u-ml-md',
   text,
@@ -55,7 +49,7 @@ const PreviewBadge: React.FC<PreviewBadgeProps> = ({
   );
   return (
     <span onClick={(e) => e.preventDefault()}>
-      <Popover bodyContent={bodyContent} position="top">
+      <Popover bodyContent={bodyContent} position="top" withFocusTrap={false}>
         <Label
           style={{ cursor: 'pointer' }}
           color="orange"
@@ -69,32 +63,4 @@ const PreviewBadge: React.FC<PreviewBadgeProps> = ({
     </span>
   );
 };
-
-export const DeveloperPreview: React.FC<DeveloperPreviewProps> = (props) => {
-  const { t } = useTranslation();
-  return (
-    <PreviewBadge
-      text={t('ai:Developer Preview')}
-      popoverText={t(
-        'ai:Developer preview features are not intended to be used in production environments. The clusters deployed with the developer preview features are considered to be development clusters and are not supported through the Red Hat Customer Portal case management system.',
-      )}
-      {...props}
-    />
-  );
-};
-DeveloperPreview.displayName = 'DeveloperPreview';
-
-export const TechnologyPreview: React.FC<TechnologyPreviewProps> = (props) => {
-  const { t } = useTranslation();
-  return (
-    <PreviewBadge
-      text={t('ai:Technology Preview')}
-      popoverText={t(
-        'ai:Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.',
-      )}
-      externalLink={TECH_SUPPORT_LEVEL_LINK}
-      {...props}
-    />
-  );
-};
-TechnologyPreview.displayName = 'TechnologyPreview';
+PreviewBadge.displayName = 'PreviewBadge';

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

@@ -1,11 +1,9 @@
 import React from 'react';
 import Highlight, { defaultProps, Language, PrismTheme } from 'prism-react-renderer';
 import { Text, TextVariants, ClipboardCopy, clipboardCopyFunc } from '@patternfly/react-core';
-import {
-  global_Color_100,
-  global_palette_purple_400,
-  global_palette_blue_300,
-} from '@patternfly/react-tokens';
+import { global_Color_100 } from '@patternfly/react-tokens/dist/js/global_Color_100';
+import { global_palette_purple_400 } from '@patternfly/react-tokens/dist/js/global_palette_purple_400';
+import { global_palette_blue_300 } from '@patternfly/react-tokens/dist/js/global_palette_blue_300';
 import defaultTheme from 'prism-react-renderer/themes/github';
 import './PrismCode.css';
 export const SimpleAIPrismTheme = {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DropdownItem, DropdownToggle, Dropdown, DropdownProps } from '@patternfly/react-core';
-import { CaretDownIcon } from '@patternfly/react-icons';
+import { CaretDownIcon } from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
 import { HostRole } from '../../../common/types/hosts';
 import './SimpleDropdown.css';
 

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TECH_SUPPORT_LEVEL_LINK } from '../../config/constants';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import { PreviewBadge, PreviewBadgeProps } from './PreviewBadge';
+
+export type TechnologyPreviewProps = Omit<
+  PreviewBadgeProps,
+  'text' | 'popoverText' | 'externalLink'
+>;
+
+export const TechnologyPreview: React.FC<TechnologyPreviewProps> = (props) => {
+  const { t } = useTranslation();
+
+  return (
+    <PreviewBadge
+      text={t('ai:Technology Preview')}
+      popoverText={t(
+        'ai:Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.',
+      )}
+      externalLink={TECH_SUPPORT_LEVEL_LINK}
+      {...props}
+    />
+  );
+};
+TechnologyPreview.displayName = 'TechnologyPreview';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonVariant } from '@patternfly/react-core';
 import { EventsModalButton } from './eventsModal';
-import { MonitoringIcon } from '@patternfly/react-icons';
+import { MonitoringIcon } from '@patternfly/react-icons/dist/js/icons/monitoring-icon';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 import { EventListFetchProps } from '../../types';
 import { useTranslation } from '../../hooks/use-translation-wrapper';

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

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren, ReactNode } from 'react';
 import { WizardNavItem, WizardNavItemProps } from '@patternfly/react-core';
-import { ExclamationCircleIcon } from '@patternfly/react-icons';
-import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens/dist/js/global_danger_color_100';
 
 const getNavItemContent = (
   content: ReactNode,

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

@@ -8,8 +8,8 @@ import {
   Spinner,
   Title,
 } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
-import { global_warning_color_100 as globalWarningColor100 } from '@patternfly/react-tokens';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { global_warning_color_100 as globalWarningColor100 } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 import { ToolbarButton } from './Toolbar';
 import { Cluster, Event } from '@openshift-assisted/types/assisted-installer-service';
 import { EventListFetchProps, EventsEntityKind } from '../../types';

package/lib/common/components/ui/formik/AddButton.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonProps, ButtonVariant } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/js/icons/plus-circle-icon';
 import React from 'react';
 
 interface AddButtonProps {

package/lib/common/components/ui/formik/AdditionalNTPSourcesField.tsx

@@ -20,7 +20,7 @@ const AdditionalNTPSourcesField: React.FC<AdditionalNTPSourcesFieldProps> = ({
 }) => {
   const [field, , { setValue, setTouched }] = useField<string>(name);
   const formatAdditionalNtpSources = () => {
-    if (field.value) {
+    if (field.value && field.value !== '') {
       setValue(trimCommaSeparatedList(field.value));
       setTouched(true);
     }

package/lib/common/components/ui/formik/PencilEditField.tsx

@@ -1,6 +1,6 @@
 import { useField } from 'formik';
 import * as React from 'react';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { PencilAltIcon } from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import InputField from './InputField';
 import { Split, SplitItem } from '@patternfly/react-core';
 

package/lib/common/components/ui/formik/PullSecretField.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import { CLUSTER_MANAGER_SITE_LINK, PULL_SECRET_INFO_LINK } from '../../../config';
 import PopoverIcon from '../PopoverIcon';
 import TextAreaField from './TextAreaField';

package/lib/common/components/ui/formik/RemovableField.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, ButtonVariant, Tooltip, TooltipProps } from '@patternfly/react-core';
-import { MinusCircleIcon } from '@patternfly/react-icons';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/js/icons/minus-circle-icon';
 import './RemovableField.css';
 import classnames from 'classnames';
 

package/lib/common/components/ui/formik/RichInputField.tsx

@@ -12,13 +12,11 @@ import {
   InputGroup,
   Button,
 } from '@patternfly/react-core';
-import {
-  CheckCircleIcon,
-  CheckIcon,
-  ExclamationCircleIcon,
-  InfoCircleIcon,
-  TimesIcon,
-} from '@patternfly/react-icons';
+import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
+import { CheckIcon } from '@patternfly/react-icons/dist/js/icons/check-icon';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { TimesIcon } from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { global_palette_green_500 as okColor } from '@patternfly/react-tokens/dist/js/global_palette_green_500';
 import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens/dist/js/global_danger_color_100';
 import { global_palette_blue_300 as blueInfoColor } from '@patternfly/react-tokens/dist/js/global_palette_blue_300';

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

@@ -122,11 +122,14 @@ export const sshPublicKeyListValidationSchema = Yup.string()
       if (!value) {
         return true;
       }
-      return (
-        trimSshPublicKey(value)
-          .split('\n')
-          .find((line: string) => !line.match(SSH_PUBLIC_KEY_REGEX)) === undefined
-      );
+      return !!trimSshPublicKey(value).match(SSH_PUBLIC_KEY_REGEX);
+
+      // disable until mutliple keys are supported (https://issues.redhat.com/browse/METAL-250)
+      // return (
+      //   trimSshPublicKey(value)
+      //     .split('\n')
+      //     .find((line: string) => !line.match(SSH_PUBLIC_KEY_REGEX)) === undefined
+      // );
     },
   )
   .test('ssh-public-keys-unique', 'SSH public keys must be unique.', (value: string) => {
@@ -608,7 +611,7 @@ export const ntpSourceValidationSchema = Yup.string()
     'ntp-source-validation',
     'Provide a comma separated list of valid DNS names or IP addresses.',
     (value: string) => {
-      if (!value) {
+      if (!value || value === '') {
         return true;
       }
       return trimCommaSeparatedList(value)
@@ -620,6 +623,9 @@ export const ntpSourceValidationSchema = Yup.string()
     'ntp-source-validation-unique',
     'DNS names and IP addresses must be unique.',
     (value: string) => {
+      if (!value || value === '') {
+        return true;
+      }
       const arr = trimCommaSeparatedList(value).split(',');
       return arr.length === new Set(arr).size;
     },

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

@@ -9,6 +9,8 @@ export * from './SimpleDropdown';
 export * from './DetailList';
 export * from './eventsModal';
 export * from './PreviewBadge';
+export * from './TechnologyPreview';
+export * from './DeveloperPreview';
 
 export * from './utils';
 

package/lib/common/components/ui/uiState/EmptyState.tsx

@@ -8,7 +8,7 @@ import {
   EmptyStateSecondaryActions,
   EmptyStateIconProps,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons';
+import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
 
 type Props = {
   title?: string;

package/lib/common/components/ui/uiState/ErrorState.tsx

@@ -11,8 +11,8 @@ import {
   EmptyStateSecondaryActions,
   EmptyStateIconProps,
 } from '@patternfly/react-core';
-import { ExclamationCircleIcon } from '@patternfly/react-icons';
-import { global_danger_color_200 as globalDangerColor200 } from '@patternfly/react-tokens';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { global_danger_color_200 as globalDangerColor200 } from '@patternfly/react-tokens/dist/js/global_danger_color_200';
 import { useTranslation } from '../../../hooks/use-translation-wrapper';
 
 type ErrorStateProps = {

package/lib/common/config/constants.ts

@@ -387,4 +387,4 @@ export const HOW_TO_KNOW_IF_CLUSTER_SUPPORTS_MULTIPLE_CPU_ARCHS =
   'https://access.redhat.com/documentation/en-us/assisted_installer_for_openshift_container_platform/2022/html-single/assisted_installer_for_openshift_container_platform/index#checking-for-multiple-architectures_expanding-the-cluster';
 
 export const MCE_LINK =
-  'https://docs.openshift.com/container-platform/4.13/architecture/mce-overview-ocp.html';
+  'https://docs.openshift.com/container-platform/4.14/architecture/mce-overview-ocp.html';