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

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

@@ -19,219 +19,234 @@ import {
 } from '@patternfly/react-tokens';
 import { Host } from '@openshift-assisted/types/assisted-installer-service';
 import { HostStatus } from './types';
+import { TFunction } from 'i18next';
 
-export const hostStatus: HostStatus<Host['status'] | 'finalizing'> = Object.freeze({
-  'unbinding-pending-user-action': {
-    key: 'unbinding-pending-user-action',
-    title: 'Removing from cluster',
-    category: 'Discovery related',
-    icon: <InProgressIcon />,
-    details:
-      'This host is being removed from the cluster. To finish, reboot the host with the infrastructure environment ISO.',
-  },
-  reclaiming: {
-    key: 'reclaiming',
-    title: 'Returning to the infrastructure environment',
-    category: 'Discovery related',
-    icon: <InProgressIcon />,
-    details: 'This host is being removed from the cluster.',
-  },
-  'reclaiming-rebooting': {
-    key: 'reclaiming-rebooting',
-    title: 'Rebooting while returning to the infrastructure environment',
-    category: 'Discovery related',
-    icon: <InProgressIcon />,
-    details: 'This host is being rebooted to be available for reuse in another cluster.',
-  },
-  'preparing-failed': {
-    key: 'preparing-failed',
-    title: 'Preparing step failed',
-    category: 'Installation related',
-    details: 'Preparing step failed',
-  },
-  unbinding: {
-    key: 'unbinding',
-    title: 'Removing from cluster',
-    category: 'Discovery related',
-    icon: <InProgressIcon />,
-    details: 'This host is being removed from the cluster.',
-  },
-  'disabled-unbound': {
-    key: 'disabled-unbound',
-    title: 'Disabled',
-    category: 'Discovery related',
-    icon: <BanIcon />,
-    details:
-      'This host was manually removed from a cluster and can not be included in another one. Enable this host to make it available again.',
-  },
-  'disconnected-unbound': {
-    key: 'disconnected-unbound',
-    title: 'Disconnected',
-    category: 'Discovery related',
-    icon: <DisconnectedIcon />,
-    details: 'Ensure the host is running, responsive, and is able to contact the installer.',
-  },
-  'discovering-unbound': {
-    key: 'discovering-unbound',
-    title: 'Discovering',
-    category: 'Discovery related',
-    icon: <ConnectedIcon />,
-    details:
-      'This host is transmitting its hardware and networking information to the installer. Please wait while this information is received.',
-  },
-  'insufficient-unbound': {
-    key: 'insufficient-unbound',
-    title: 'Insufficient',
-    category: 'Discovery related',
-    icon: <ExclamationTriangleIcon color={warningColor.value} />,
-    details:
-      'This host does not meet the minimum hardware or networking requirements and can not be included in the cluster.',
-  },
-  'known-unbound': {
-    key: 'known-unbound',
-    title: 'Available',
-    category: 'Discovery related',
-    icon: <PlusIcon color={blueColor.value} />,
-    details:
-      'This host meets the minimum hardware and networking requirements and can be included in the cluster.',
-  },
-  binding: {
-    key: 'binding',
-    title: 'Binding',
-    category: 'Discovery related',
-    icon: <LinkIcon />,
-    details: 'This host is being added to the cluster.',
-  },
-  discovering: {
-    key: 'discovering',
-    title: 'Discovering',
-    category: 'Discovery related',
-    icon: <ConnectedIcon />,
-    details:
-      'This host is transmitting its hardware and networking information to the installer. Please wait while this information is received.',
-  },
-  'pending-for-input': {
-    key: 'pending-for-input',
-    title: 'Pending input',
-    category: 'Discovery related',
-    icon: <PendingIcon />,
-  },
-  known: {
-    key: 'known',
-    title: 'Ready',
-    category: 'Discovery related',
-    icon: <CheckCircleIcon color={okColor.value} />,
-    details:
-      'This host meets the minimum hardware and networking requirements and will be included in the cluster.',
-  },
-  disconnected: {
-    key: 'disconnected',
-    title: 'Disconnected',
-    category: 'Discovery related',
-    icon: <DisconnectedIcon />,
-    details:
-      'This host has lost its connection to the installer and will not be included in the cluster unless connectivity is restored.',
-  },
-  insufficient: {
-    key: 'insufficient',
-    title: 'Insufficient',
-    category: 'Discovery related',
-    icon: <ExclamationTriangleIcon color={warningColor.value} />,
-    details:
-      'This host does not meet the minimum hardware or networking requirements and will not be included in the cluster.',
-  },
-  disabled: {
-    key: 'disabled',
-    title: 'Disabled',
-    category: 'Discovery related',
-    icon: <BanIcon />,
-    details:
-      'This host was manually disabled and will not be included in the cluster. Enable this host to include it again.',
-  },
-  'preparing-for-installation': {
-    key: 'preparing-for-installation',
-    title: 'Preparing for installation',
-    category: 'Installation related',
-    icon: <InProgressIcon />,
-  },
-  'preparing-successful': {
-    key: 'preparing-successful',
-    title: 'Preparing step successful',
-    category: 'Installation related',
-    icon: <InProgressIcon />,
-  },
-  installing: {
-    key: 'installing',
-    title: 'Starting installation',
-    category: 'Installation related',
-    icon: <InProgressIcon />,
-  },
-  'installing-in-progress': {
-    key: 'installing-in-progress',
-    title: 'Installing',
-    category: 'Installation related',
-    icon: <InProgressIcon />,
-    withProgress: true,
-  },
-  'installing-pending-user-action': {
-    key: 'installing-pending-user-action',
-    title: 'Pending user action',
-    category: 'Installation related',
-    icon: <ExclamationTriangleIcon color={warningColor.value} />,
-    details: 'This host is pending user action',
-  },
-  installed: {
-    key: 'installed',
-    title: 'Installed',
-    category: 'Installation related',
-    icon: <CheckCircleIcon color={okColor.value} />,
-    details: 'This host completed its installation successfully.',
-  },
-  cancelled: {
-    key: 'cancelled',
-    title: 'Installation cancelled',
-    category: 'Installation related',
-    icon: <BanIcon />,
-    details: 'This host installation has been cancelled.',
-    withProgress: true,
-  },
-  error: {
-    key: 'error',
-    title: 'Error',
-    category: 'Installation related',
-    icon: <ExclamationCircleIcon color={dangerColor.value} />,
-    details: 'This host failed its installation.',
-    withProgress: true,
-  },
-  resetting: {
-    key: 'resetting',
-    title: 'Resetting',
-    category: 'Installation related',
-    icon: <InProgressIcon />,
-    details: 'This host is resetting the installation.',
-  },
-  'resetting-pending-user-action': {
-    key: 'resetting-pending-user-action',
-    title: 'Reboot required',
-    category: 'Installation related',
-    icon: <ExclamationTriangleIcon color={warningColor.value} />,
-    details:
-      'Host has already been booted from disk during the previous installation. To finish resetting the installation, boot the host into the discovery image',
-  },
-  finalizing: {
-    key: 'finalizing',
-    title: 'Finalizing',
-    category: 'Installation related',
-    icon: <InProgressIcon />,
-  },
-  'added-to-existing-cluster': {
-    key: 'added-to-existing-cluster',
-    title: 'Installed',
-    category: 'Installation related',
-    icon: <CheckCircleIcon color={okColor.value} />,
-    details: 'This host completed its installation successfully.',
-  },
-});
+export const hostStatus = (t: TFunction): HostStatus<Host['status'] | 'finalizing'> =>
+  Object.freeze({
+    'unbinding-pending-user-action': {
+      key: 'unbinding-pending-user-action',
+      title: t('ai:Removing from cluster'),
+      category: 'Discovery related',
+      icon: <InProgressIcon />,
+      details: t(
+        'ai:This host is being removed from the cluster. To finish, reboot the host with the infrastructure environment ISO.',
+      ),
+    },
+    reclaiming: {
+      key: 'reclaiming',
+      title: t('ai:Returning to the infrastructure environment'),
+      category: 'Discovery related',
+      icon: <InProgressIcon />,
+      details: t('ai:This host is being removed from the cluster.'),
+    },
+    'reclaiming-rebooting': {
+      key: 'reclaiming-rebooting',
+      title: t('ai:Rebooting while returning to the infrastructure environment'),
+      category: 'Discovery related',
+      icon: <InProgressIcon />,
+      details: t('ai:This host is being rebooted to be available for reuse in another cluster.'),
+    },
+    'preparing-failed': {
+      key: 'preparing-failed',
+      title: t('ai:Preparing step failed'),
+      category: 'Installation related',
+      details: t('ai:Preparing step failed'),
+    },
+    unbinding: {
+      key: 'unbinding',
+      title: t('ai:Removing from cluster'),
+      category: 'Discovery related',
+      icon: <InProgressIcon />,
+      details: t('ai:This host is being removed from the cluster.'),
+    },
+    'disabled-unbound': {
+      key: 'disabled-unbound',
+      title: t('ai:Disabled'),
+      category: 'Discovery related',
+      icon: <BanIcon />,
+      details: t(
+        'ai:This host was manually removed from a cluster and can not be included in another one. Enable this host to make it available again.',
+      ),
+    },
+    'disconnected-unbound': {
+      key: 'disconnected-unbound',
+      title: t('ai:Disconnected'),
+      category: 'Discovery related',
+      icon: <DisconnectedIcon />,
+      details: t(
+        'ai:Ensure the host is running, responsive, and is able to contact the installer.',
+      ),
+    },
+    'discovering-unbound': {
+      key: 'discovering-unbound',
+      title: t('ai:Discovering'),
+      category: 'Discovery related',
+      icon: <ConnectedIcon />,
+      details: t(
+        'ai:This host is transmitting its hardware and networking information to the installer. Please wait while this information is received.',
+      ),
+    },
+    'insufficient-unbound': {
+      key: 'insufficient-unbound',
+      title: t('ai:Insufficient'),
+      category: 'Discovery related',
+      icon: <ExclamationTriangleIcon color={warningColor.value} />,
+      details: t(
+        'ai:This host does not meet the minimum hardware or networking requirements and can not be included in the cluster.',
+      ),
+    },
+    'known-unbound': {
+      key: 'known-unbound',
+      title: t('ai:Available'),
+      category: 'Discovery related',
+      icon: <PlusIcon color={blueColor.value} />,
+      details: t(
+        'ai:This host meets the minimum hardware and networking requirements and can be included in the cluster.',
+      ),
+    },
+    binding: {
+      key: 'binding',
+      title: t('ai:Binding'),
+      category: 'Discovery related',
+      icon: <LinkIcon />,
+      details: t('ai:This host is being added to the cluster.'),
+    },
+    discovering: {
+      key: 'discovering',
+      title: t('ai:Discovering'),
+      category: 'Discovery related',
+      icon: <ConnectedIcon />,
+      details: t(
+        'ai:This host is transmitting its hardware and networking information to the installer. Please wait while this information is received.',
+      ),
+    },
+    'pending-for-input': {
+      key: 'pending-for-input',
+      title: t('ai:Pending input'),
+      category: 'Discovery related',
+      icon: <PendingIcon />,
+    },
+    known: {
+      key: 'known',
+      title: t('ai:Ready'),
+      category: 'Discovery related',
+      icon: <CheckCircleIcon color={okColor.value} />,
+      details: t(
+        'ai:This host meets the minimum hardware and networking requirements and will be included in the cluster.',
+      ),
+    },
+    disconnected: {
+      key: 'disconnected',
+      title: t('ai:Disconnected'),
+      category: 'Discovery related',
+      icon: <DisconnectedIcon />,
+      details: t(
+        'ai:This host has lost its connection to the installer and will not be included in the cluster unless connectivity is restored.',
+      ),
+    },
+    insufficient: {
+      key: 'insufficient',
+      title: t('ai:Insufficient'),
+      category: 'Discovery related',
+      icon: <ExclamationTriangleIcon color={warningColor.value} />,
+      details: t(
+        'ai:This host does not meet the minimum hardware or networking requirements and will not be included in the cluster.',
+      ),
+    },
+    disabled: {
+      key: 'disabled',
+      title: t('ai:Disabled'),
+      category: 'Discovery related',
+      icon: <BanIcon />,
+      details: t(
+        'ai:This host was manually disabled and will not be included in the cluster. Enable this host to include it again.',
+      ),
+    },
+    'preparing-for-installation': {
+      key: 'preparing-for-installation',
+      title: t('ai:Preparing for installation'),
+      category: 'Installation related',
+      icon: <InProgressIcon />,
+    },
+    'preparing-successful': {
+      key: 'preparing-successful',
+      title: t('ai:Preparing step successful'),
+      category: 'Installation related',
+      icon: <InProgressIcon />,
+    },
+    installing: {
+      key: 'installing',
+      title: t('ai:Starting installation'),
+      category: 'Installation related',
+      icon: <InProgressIcon />,
+    },
+    'installing-in-progress': {
+      key: 'installing-in-progress',
+      title: t('ai:Installing'),
+      category: 'Installation related',
+      icon: <InProgressIcon />,
+      withProgress: true,
+    },
+    'installing-pending-user-action': {
+      key: 'installing-pending-user-action',
+      title: t('ai:Pending user action'),
+      category: 'Installation related',
+      icon: <ExclamationTriangleIcon color={warningColor.value} />,
+      details: t('ai:This host is pending user action'),
+    },
+    installed: {
+      key: 'installed',
+      title: t('ai:Installed'),
+      category: 'Installation related',
+      icon: <CheckCircleIcon color={okColor.value} />,
+      details: t('ai:This host completed its installation successfully.'),
+    },
+    cancelled: {
+      key: 'cancelled',
+      title: t('ai:Installation cancelled'),
+      category: 'Installation related',
+      icon: <BanIcon />,
+      details: t('ai:This host installation has been cancelled.'),
+      withProgress: true,
+    },
+    error: {
+      key: 'error',
+      title: t('ai:Error'),
+      category: 'Installation related',
+      icon: <ExclamationCircleIcon color={dangerColor.value} />,
+      details: t('ai:This host failed its installation.'),
+      withProgress: true,
+    },
+    resetting: {
+      key: 'resetting',
+      title: t('ai:Resetting'),
+      category: 'Installation related',
+      icon: <InProgressIcon />,
+      details: t('ai:This host is resetting the installation.'),
+    },
+    'resetting-pending-user-action': {
+      key: 'resetting-pending-user-action',
+      title: t('ai:Reboot required'),
+      category: 'Installation related',
+      icon: <ExclamationTriangleIcon color={warningColor.value} />,
+      details: t(
+        'ai:Host has already been booted from disk during the previous installation. To finish resetting the installation, boot the host into the discovery image',
+      ),
+    },
+    finalizing: {
+      key: 'finalizing',
+      title: t('ai:Finalizing'),
+      category: 'Installation related',
+      icon: <InProgressIcon />,
+    },
+    'added-to-existing-cluster': {
+      key: 'added-to-existing-cluster',
+      title: t('ai:Installed'),
+      category: 'Installation related',
+      icon: <CheckCircleIcon color={okColor.value} />,
+      details: t('ai:This host completed its installation successfully.'),
+    },
+  });
 
 export const hostStatusOrder: Host['status'][] = [
   'error',

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

@@ -154,7 +154,7 @@ export const statusColumn = (
         title: (
           <HostStatus
             host={host}
-            status={{ ...hostStatus[actualHostStatus], sublabel }}
+            status={{ ...hostStatus(t)[actualHostStatus], sublabel }}
             onEditHostname={editHostname}
             validationsInfo={validationsInfo}
             AdditionalNTPSourcesDialogToggleComponent={AdditionalNTPSourcesDialogToggleComponent}
@@ -286,8 +286,8 @@ export const countColumn = (cluster: Cluster): TableRow<Host> => ({
   header: { title: <HostsCount cluster={cluster} inParenthesis /> },
 });
 
-export const activeNICColumn = (cluster: Cluster): TableRow<Host> => ({
-  header: { title: 'Active NIC', transforms: [sortable] },
+export const activeNICColumn = (cluster: Cluster, t: TFunction): TableRow<Host> => ({
+  header: { title: t('ai:Active NIC'), transforms: [sortable] },
   cell: (host) => {
     const inventory = getInventory(host);
     const nics = inventory.interfaces || [];

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

@@ -42,14 +42,14 @@ interface DisksTableProps extends WithTestID {
 }
 
 const diskColumns = (t: TFunction, showFormat: boolean) => [
-  { title: 'Name' },
-  { title: 'Role' },
-  { title: 'Limitations' },
-  showFormat ? { title: 'Format?' } : '',
-  { title: 'Drive type' },
-  { title: 'Size' },
-  { title: 'Serial' },
-  { title: 'Model' },
+  { title: t('ai:Name') },
+  { title: t('ai:Role') },
+  { title: t('ai:Limitations') },
+  showFormat ? { title: t('ai:Format?') } : '',
+  { title: t('ai:Drive type') },
+  { title: t('ai:Size') },
+  { title: t('ai:Serial') },
+  { title: t('ai:Model') },
   {
     title: (
       <>

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

@@ -6,6 +6,7 @@ import { DiskFormattingType } from '../hosts/FormatDiskCheckbox';
 import { DisksTable } from './DisksTable';
 import SectionTitle from '../ui/SectionTitle';
 import { Host } from '@openshift-assisted/types/assisted-installer-service';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
 
 type StorageDetailProps = {
   host: Host;
@@ -23,11 +24,13 @@ const StorageDetail = ({
   const inventory = getInventory(host);
   const disks = inventory.disks || [];
 
+  const { t } = useTranslation();
+
   return (
     <Grid hasGutter>
       <SectionTitle
         testId={'disks-section'}
-        title={`${disks.length} Disk${disks.length === 1 ? '' : 's'}`}
+        title={t('ai:{{count}} Disk', { count: disks.length })}
       />
       <GridItem>
         <DisksTable

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

@@ -639,7 +639,7 @@ export const day2ApiVipValidationSchema = Yup.string().test(
 export const bmcAddressValidationSchema = (t: TFunction) => {
   const bmcAddressValidationMessagesList = bmcAddressValidationMessages(t);
 
-  return Yup.string().matches(BMC_REGEX, {
+  return Yup.string().required().matches(BMC_REGEX, {
     message: bmcAddressValidationMessagesList.INVALID_VALUE,
     excludeEmptyString: true,
   });

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

@@ -74,7 +74,7 @@ const NetworkConfigurationTableBase = ({
       hostnameColumn(t, onEditHost, undefined, canEditHostname),
       roleColumn(t, canEditRole, onEditRole, selectSchedulableMasters(cluster)),
       networkingStatusColumn(onEditHost),
-      activeNICColumn(cluster),
+      activeNICColumn(cluster, t),
       ipv4Column(cluster),
       ipv6Column(cluster),
       macAddressColumn(cluster),

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

@@ -5,6 +5,7 @@ import { getMostSevereHostStatus } from './utils';
 import { ExpandableSection } from '@patternfly/react-core';
 import './HostInventoryExpandable.css';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 
 type HostInventoryExpandableProps = {
   cluster: Cluster;
@@ -24,11 +25,12 @@ const ExpandableSectionTitle = ({
 );
 
 const HostInventoryExpandable = ({ cluster }: HostInventoryExpandableProps) => {
+  const { t } = useTranslation();
   const [isExpanded, setIsExpanded] = useState(false);
   const hosts = cluster.hosts || [];
   // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-assignment
   const mostSevereHostStatus = getMostSevereHostStatus(hosts);
-  const hostStatusDef = mostSevereHostStatus ? hostStatus[mostSevereHostStatus] : null;
+  const hostStatusDef = mostSevereHostStatus ? hostStatus(t)[mostSevereHostStatus] : null;
 
   return (
     <ExpandableSection

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

@@ -14,6 +14,7 @@ import { wizardStepsValidationsMap } from '../clusterWizard/wizardTransition';
 import { AdditionalNTPSourcesDialogToggle } from './AdditionaNTPSourceDialogToggle';
 import { stringToJSON } from '../../../common/utils';
 import { Host } from '@openshift-assisted/types/assisted-installer-service';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 
 type HardwareStatusProps = {
   host: Host;
@@ -25,12 +26,13 @@ type HardwareStatusProps = {
 const DELETE_MODAL_STATUS_Z_INDEX = 500;
 
 const HardwareStatus = (props: HardwareStatusProps) => {
+  const { t } = useTranslation();
   const hardwareStatus = getWizardStepHostStatus(
     'host-discovery',
     wizardStepsValidationsMap,
     props.host,
   );
-  const status = hostStatus[hardwareStatus];
+  const status = hostStatus(t)[hardwareStatus];
   const validationsInfo = getWizardStepHostValidationsInfo(
     props.validationsInfo,
     'host-discovery',

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

@@ -9,14 +9,16 @@ import {
 } from '../../../common';
 import { wizardStepsValidationsMap } from '../clusterWizard/wizardTransition';
 import { AdditionalNTPSourcesDialogToggle } from './AdditionaNTPSourceDialogToggle';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 
 const NetworkingStatus: React.FC<HostNetworkingStatusComponentProps> = (props) => {
+  const { t } = useTranslation();
   const networkingStatus = getWizardStepHostStatus(
     'networking',
     wizardStepsValidationsMap,
     props.host,
   );
-  const status = hostStatus[networkingStatus];
+  const status = hostStatus(t)[networkingStatus];
   const validationsInfo = getWizardStepHostValidationsInfo(
     props.validationsInfo,
     'networking',

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.9.13-cim",
-    "@openshift-assisted/types": "2.9.13-cim",
+    "@openshift-assisted/locales": "2.9.15-cim",
+    "@openshift-assisted/types": "2.9.15-cim",
     "@patternfly/patternfly": "^4.222.4",
     "@patternfly/react-code-editor": "^4.82.113",
     "@patternfly/react-core": "^4.168.8",
@@ -133,5 +133,5 @@
       ]
     }
   },
-  "version": "2.9.13-cim"
+  "version": "2.9.15-cim"
 }