@openshift-assisted/ui-lib 2.43.5 → 2.44.1

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

@@ -80,6 +80,7 @@ export type AITableProps<R> = ReturnType<typeof usePagination> & {
   actionResolver?: ActionsResolver<R>;
   canSelectAll?: boolean;
   variant?: TableProps['variant'];
+  alreadySorted?: boolean;
 };
 
 // eslint-disable-next-line
@@ -103,8 +104,21 @@ const AITable = <R extends any>({
   perPageOptions,
   canSelectAll,
   variant,
+  alreadySorted,
 }: WithTestID & AITableProps<R>) => {
   const itemIDs = React.useMemo(() => data.map(getDataId), [data, getDataId]);
+  const [openRows, setOpenRows] = React.useState<OpenRows>({});
+
+  const sortByRef = React.useRef<ISortBy>();
+  const [sortBy, setSortBy] = React.useState<ISortBy>({
+    index: onSelect ? 1 : 0,
+    direction: SortByDirection.asc,
+  });
+
+  const dataRef = React.useRef(data);
+  if (dataRef.current !== data) {
+    dataRef.current = data;
+  }
 
   React.useEffect(() => {
     if (selectedIDs && setSelectedIDs) {
@@ -121,16 +135,29 @@ const AITable = <R extends any>({
     }
   }, [data, setSelectedIDs, selectedIDs, getDataId]);
 
-  const [openRows, setOpenRows] = React.useState<OpenRows>({});
-  const [sortBy, setSortBy] = React.useState<ISortBy>({
-    index: onSelect ? 1 : 0,
-    direction: SortByDirection.asc,
-  });
+  React.useEffect(() => {
+    if (alreadySorted) {
+      sortByRef.current = sortBy;
+      setSortBy({
+        index: -1,
+        direction: SortByDirection.asc,
+      });
+    } else {
+      if (sortBy.index === -1 && sortByRef.current) {
+        setSortBy(sortByRef.current);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [alreadySorted]);
+
+  React.useEffect(() => {
+    if (!alreadySorted) {
+      sortByRef.current = sortBy;
+    } else if (alreadySorted && sortBy.index !== -1) {
+      sortByRef.current = sortBy;
+    }
+  }, [sortBy, alreadySorted]);
 
-  const dataRef = React.useRef(data);
-  if (dataRef.current !== data) {
-    dataRef.current = data;
-  }
   const onSelectAll = React.useCallback(
     (isChecked: boolean) => {
       setSelectedIDs?.(isChecked ? dataRef.current.map(getDataId) : []);
@@ -169,33 +196,27 @@ const AITable = <R extends any>({
     return [newContent, columns];
   }, [canSelectAll, content, getDataId, onSelect, onSelectAll]);
 
-  const hostRows = React.useMemo(() => {
-    const rows = (data || [])
-      .map<IRow>((obj) => {
-        const id = getDataId(obj);
-        const cells = contentWithAdditions.filter((c) => !!c.cell).map((c) => c.cell?.(obj));
-        const isOpen = !!openRows[id];
-        return {
-          isOpen,
-          cells,
-          key: `${id}-master`,
-          id,
-          actions: actionResolver ? actionResolver(obj) : undefined,
-          nestedComponent: ExpandComponent ? <ExpandComponent obj={obj} /> : undefined,
-        };
-      })
-      .slice((page - 1) * perPage, page * perPage);
-    return rows;
-  }, [
-    data,
-    page,
-    perPage,
-    ExpandComponent,
-    getDataId,
-    contentWithAdditions,
-    openRows,
-    actionResolver,
-  ]);
+  const getRows = React.useCallback(
+    (data: R[]) =>
+      (data || [])
+        .map<IRow>((obj) => {
+          const id = getDataId(obj);
+          const cells = contentWithAdditions.filter((c) => !!c.cell).map((c) => c.cell?.(obj));
+          const isOpen = !!openRows[id];
+          return {
+            isOpen,
+            cells,
+            key: `${id}-master`,
+            id,
+            actions: actionResolver ? actionResolver(obj) : undefined,
+            nestedComponent: ExpandComponent ? <ExpandComponent obj={obj} /> : undefined,
+          };
+        })
+        .slice((page - 1) * perPage, page * perPage),
+    [page, perPage, getDataId, contentWithAdditions, openRows, actionResolver, ExpandComponent],
+  );
+
+  const hostRows = React.useMemo(() => getRows(data), [data, getRows]);
 
   const rows = React.useMemo(() => {
     if (hostRows.length) {
@@ -223,10 +244,13 @@ const AITable = <R extends any>({
   }, []);
 
   const sortedRows = React.useMemo(() => {
+    if (alreadySorted && sortBy.index === -1) {
+      return getRows(data);
+    }
     return rows.sort(
       rowSorter(sortBy, (row: IRow, index = 0) => row.cells?.[index] as string | HumanizedSortable),
     );
-  }, [rows, sortBy]);
+  }, [alreadySorted, sortBy, rows, getRows, data]);
 
   return (
     <>

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

@@ -60,20 +60,32 @@ type HostsTableProps = ReturnType<typeof usePagination> &
     | 'variant'
   > & {
     hosts: Host[];
+    alreadySorted?: boolean;
     skipDisabled?: boolean;
     children: React.ReactNode;
   };
 
-const HostsTable = ({ hosts, skipDisabled, ...rest }: HostsTableProps & WithTestID) => {
-  const data = React.useMemo(
-    () =>
-      (hosts || [])
-        .filter((host) => !skipDisabled || host.status !== 'disabled')
-        .sort((a, b) => (a.createdAt && b.createdAt && a.createdAt < b.createdAt ? -1 : 1)),
-    [hosts, skipDisabled],
-  );
+const HostsTable = ({
+  hosts,
+  skipDisabled,
+  alreadySorted,
+  ...rest
+}: HostsTableProps & WithTestID) => {
+  const data = React.useMemo(() => {
+    const filteredHosts = (hosts || []).filter(
+      (host) => !skipDisabled || host.status !== 'disabled',
+    );
+
+    return alreadySorted
+      ? filteredHosts
+      : filteredHosts.sort((a, b) =>
+          a.createdAt && b.createdAt && a.createdAt < b.createdAt ? -1 : 1,
+        );
+  }, [hosts, skipDisabled, alreadySorted]);
 
-  return <AITable<Host> getDataId={getHostId} data={data} {...rest} />;
+  return (
+    <AITable<Host> getDataId={getHostId} data={data} alreadySorted={alreadySorted} {...rest} />
+  );
 };
 
 export default HostsTable;

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

@@ -80,7 +80,7 @@ export const hostnameColumn = (
             inventory={inventory}
             onEditHostname={editHostname}
             hosts={hosts}
-            readonly={canEditHostname ? !canEditHostname() : false}
+            readonly={canEditHostname ? !canEditHostname(host) : false}
           />
         ),
         props: { 'data-testid': 'host-name' },

package/lib/common/components/hosts/types.ts

@@ -47,7 +47,7 @@ export type HostsTableActions = {
   onEditBMH?: (host: Host) => void;
   canEditBMH?: (host: Host) => ActionCheck;
   onSelect?: (host: Host, selected: boolean) => void;
-  canEditHostname?: () => boolean;
+  canEditHostname?: (host?: Host) => boolean;
   canUnbindHost?: (host: Host) => ActionCheck;
   onUnbindHost?: (host: Host) => void;
   onExcludedODF?: (

package/lib/common/components/hosts/utils.ts

@@ -80,8 +80,19 @@ export const canEditRole = (
   isSNO?: boolean,
 ) => canEditHost(clusterStatus, status) && !isSNO;
 
-export const canEditHostname = (clusterStatus: Cluster['status']) =>
-  ['insufficient', 'adding-hosts', 'ready', 'pending-for-input'].includes(clusterStatus);
+export const canEditHostname = (clusterStatus: Cluster['status'], host?: Host) => {
+  // First check if the cluster status allows hostname editing
+  if (!['insufficient', 'adding-hosts', 'ready', 'pending-for-input'].includes(clusterStatus)) {
+    return false;
+  }
+
+  // For Day2 hosts, also check the host status
+  if (host && host.kind === 'AddToExistingClusterHost') {
+    return canHostnameBeChanged(host.status);
+  }
+
+  return true;
+};
 
 export const canEditDisks = canEditHost;
 
@@ -196,7 +207,7 @@ export const getInventory = (host: Host) => {
 
 export const filterByHostname = (hosts: Host[], hostnameFilter: string | undefined) => {
   if (!hostnameFilter) {
-    return hosts;
+    return { hosts, sorted: false };
   }
   const hostsWithHostname = hosts.map((host) => {
     const { inventory: inventoryString = '' } = host;
@@ -209,12 +220,28 @@ export const filterByHostname = (hosts: Host[], hostnameFilter: string | undefin
   });
 
   const fuse = new Fuse(hostsWithHostname, {
+    includeScore: true,
     ignoreLocation: true,
     threshold: 0.3,
     keys: ['hostname'],
   });
 
-  return fuse.search(hostnameFilter).map(({ item }) => item.host);
+  const filteredHosts = fuse.search(hostnameFilter);
+
+  const sortedHosts = filteredHosts
+    .sort((a, b) => (a.score || 0) - (b.score || 0))
+    .map(({ item }) => item.host);
+
+  const sorted =
+    filteredHosts.length > 1 &&
+    filteredHosts.some(
+      (result, index) => index > 0 && (result.score || 0) !== (filteredHosts[0].score || 0),
+    );
+
+  return {
+    hosts: sortedHosts,
+    sorted,
+  };
 };
 
 export const getFailingHostValidations = (validationsInfo: HostValidationsInfo) =>

package/lib/common/components/operators/operatorDescriptions.tsx

@@ -56,3 +56,15 @@ export const DESCRIPTION_SERVICEMESH =
 
 export const DESCRIPTION_LVM =
   'Storage virtualization that offers a more flexible approach for disk space management.';
+
+export const DESCRIPTION_CLUSTER_OBSERVABILITY =
+  'Provides observability and monitoring capabilities for your OpenShift cluster.';
+
+export const DESCRIPTION_NUMA_RESOURCES =
+  'Provides NUMA-aware scheduling to improve workload performance on NUMA systems.';
+
+export const DESCRIPTION_OADP =
+  'Backup and restore OpenShift cluster resources and persistent volumes.';
+
+export const DESCRIPTION_METALLB =
+  'Provides load balancer services for bare metal OpenShift clusters.';

package/lib/common/components/operators/operatorSpecs.tsx

@@ -23,20 +23,28 @@ import {
   OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
   OPERATOR_NAME_NODE_MAINTENANCE,
   OPERATOR_NAME_KUBE_DESCHEDULER,
+  OPERATOR_NAME_CLUSTER_OBSERVABILITY,
+  OPERATOR_NAME_NUMA_RESOURCES,
+  OPERATOR_NAME_OADP,
+  OPERATOR_NAME_METALLB,
 } from '../../config/constants';
 import { ExternalLink } from '../ui';
 import {
   AUTHORINO_OPERATOR_LINK,
   CNV_LINK,
   FENCE_AGENTS_REMEDIATION_LINK,
+  getClusterObservabilityLink,
   getKmmDocsLink,
   getKubeDeschedulerLink,
   getLsoLink,
   getLvmsDocsLink,
   getMceDocsLink,
+  getMetalLbLink,
   getNmstateLink,
   getNodeFeatureDiscoveryLink,
+  getNumaResourcesLink,
   getNvidiaGpuLink,
+  getOadpLink,
   MTV_LINK,
   NODE_HEALTHCHECK_LINK,
   NODE_MAINTENANCE_LINK,
@@ -74,6 +82,10 @@ import {
   DESCRIPTION_SERVERLESS,
   DESCRIPTION_SERVICEMESH,
   DESCRIPTION_LVM,
+  DESCRIPTION_CLUSTER_OBSERVABILITY,
+  DESCRIPTION_NUMA_RESOURCES,
+  DESCRIPTION_OADP,
+  DESCRIPTION_METALLB,
 } from './operatorDescriptions';
 
 // TODO check if it's unused and it can be deleted in favor of "isMajorMinorVersionEqualOrGreater"
@@ -178,6 +190,20 @@ export const getOperatorSpecs = (
         ),
         supportLevel: getFeatureSupportLevel('ODF'),
       },
+      {
+        operatorKey: OPERATOR_NAME_OADP,
+        title: 'OADP',
+        featureId: 'OADP',
+        descriptionText: DESCRIPTION_OADP,
+        Description: ({ openshiftVersion, searchTerm }) => (
+          <>
+            <HighlightedText text={DESCRIPTION_OADP} searchTerm={searchTerm} />{' '}
+            <ExternalLink href={getOadpLink(openshiftVersion)}>Learn more</ExternalLink>
+          </>
+        ),
+        notStandalone: true,
+        supportLevel: getFeatureSupportLevel('OADP'),
+      },
     ],
     [categories[Category.VIRT]]: [
       {
@@ -302,6 +328,20 @@ export const getOperatorSpecs = (
         notStandalone: true,
         supportLevel: getFeatureSupportLevel('SERVICEMESH'),
       },
+      {
+        operatorKey: OPERATOR_NAME_METALLB,
+        title: 'MetalLB',
+        featureId: 'METALLB',
+        descriptionText: DESCRIPTION_METALLB,
+        Description: ({ openshiftVersion, searchTerm }) => (
+          <>
+            <HighlightedText text={DESCRIPTION_METALLB} searchTerm={searchTerm} />{' '}
+            <ExternalLink href={getMetalLbLink(openshiftVersion)}>Learn more</ExternalLink>
+          </>
+        ),
+        notStandalone: true,
+        supportLevel: getFeatureSupportLevel('METALLB'),
+      },
     ],
     [categories[Category.REMEDIATION]]: [
       {
@@ -420,6 +460,22 @@ export const getOperatorSpecs = (
         notStandalone: true,
         supportLevel: getFeatureSupportLevel('NODE_MAINTENANCE'),
       },
+      {
+        operatorKey: OPERATOR_NAME_CLUSTER_OBSERVABILITY,
+        title: 'Cluster Observability',
+        featureId: 'CLUSTER_OBSERVABILITY',
+        descriptionText: DESCRIPTION_CLUSTER_OBSERVABILITY,
+        Description: ({ openshiftVersion, searchTerm }) => (
+          <>
+            <HighlightedText text={DESCRIPTION_CLUSTER_OBSERVABILITY} searchTerm={searchTerm} />{' '}
+            <ExternalLink href={getClusterObservabilityLink(openshiftVersion)}>
+              Learn more
+            </ExternalLink>
+          </>
+        ),
+        notStandalone: true,
+        supportLevel: getFeatureSupportLevel('CLUSTER_OBSERVABILITY'),
+      },
     ],
     [categories[Category.SCHEDULING]]: [
       {
@@ -451,6 +507,20 @@ export const getOperatorSpecs = (
         notStandalone: true,
         supportLevel: getFeatureSupportLevel('KUBE_DESCHEDULER'),
       },
+      {
+        operatorKey: OPERATOR_NAME_NUMA_RESOURCES,
+        title: 'NUMA Resources',
+        featureId: 'NUMA_RESOURCES',
+        descriptionText: DESCRIPTION_NUMA_RESOURCES,
+        Description: ({ openshiftVersion, searchTerm }) => (
+          <>
+            <HighlightedText text={DESCRIPTION_NUMA_RESOURCES} searchTerm={searchTerm} />{' '}
+            <ExternalLink href={getNumaResourcesLink(openshiftVersion)}>Learn more</ExternalLink>
+          </>
+        ),
+        notStandalone: true,
+        supportLevel: getFeatureSupportLevel('NUMA_RESOURCES'),
+      },
     ],
   };
 };

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

@@ -244,6 +244,7 @@ const ClusterEventsToolbar = ({
                   onClick={onHostToggle}
                   isExpanded={isHostExpanded}
                   badge={hostChips.length && <Badge isRead>{hostChips.length}</Badge>}
+                  data-testid="cluster-events-hosts-dropdown-button"
                 >
                   <Placeholder text="Hosts" />
                 </MenuToggle>
@@ -253,6 +254,7 @@ const ClusterEventsToolbar = ({
               <DropdownList>
                 <DropdownItem
                   id={`checkbox-${CLUSTER_LEVEL}`}
+                  data-testid="cluster-level-events-filter-option"
                   hasCheckbox
                   isSelected={getSelections().includes(CLUSTER_LEVEL)}
                   key={CLUSTER_LEVEL}
@@ -262,6 +264,7 @@ const ClusterEventsToolbar = ({
                 </DropdownItem>
                 <DropdownItem
                   id={`checkbox-${DELETED_HOSTS}`}
+                  data-testid="deleted-hosts-filter-option"
                   hasCheckbox
                   isSelected={getSelections().includes(DELETED_HOSTS)}
                   key={DELETED_HOSTS}
@@ -272,6 +275,7 @@ const ClusterEventsToolbar = ({
                 {...sortedHosts.map((host) => (
                   <DropdownItem
                     id={`checkbox-${host.id}`}
+                    data-testid={`host-${host.id}-filter-option`}
                     hasCheckbox
                     isSelected={getSelections().includes(host.id)}
                     key={host.id}
@@ -314,6 +318,7 @@ const ClusterEventsToolbar = ({
                 badge={
                   filters.severities?.length && <Badge isRead>{filters.severities.length}</Badge>
                 }
+                data-testid="cluster-events-severity-dropdown-button"
               >
                 <Placeholder text="Severity" />
               </MenuToggle>

package/lib/common/config/constants.ts

@@ -150,6 +150,10 @@ export const hostValidationLabels = (t: TFunction): { [key in HostValidationId]:
   'fence-agents-remediation-requirements-satisfied': t('ai:Fence Agents Remediation requirements'),
   'node-maintenance-requirements-satisfied': t('ai:Node Maintenance requirements'),
   'kube-descheduler-requirements-satisfied': t('ai:Kube Descheduler requirements'),
+  'cluster-observability-requirements-satisfied': t('ai:Cluster Observability requirements'),
+  'numa-resources-requirements-satisfied': t('ai:NUMA Resources requirements'),
+  'oadp-requirements-satisfied': t('ai:OADP requirements'),
+  'metallb-requirements-satisfied': t('ai:MetalLB requirements'),
 });
 
 export const hostValidationFailureHints = (
@@ -217,6 +221,10 @@ export const hostValidationFailureHints = (
   'fence-agents-remediation-requirements-satisfied': '',
   'node-maintenance-requirements-satisfied': '',
   'kube-descheduler-requirements-satisfied': '',
+  'cluster-observability-requirements-satisfied': '',
+  'numa-resources-requirements-satisfied': '',
+  'oadp-requirements-satisfied': '',
+  'metallb-requirements-satisfied': '',
 });
 
 export const clusterValidationLabels = (
@@ -246,6 +254,10 @@ export const clusterValidationLabels = (
   'cnv-requirements-satisfied': t('ai:CNV requirements'),
   'mce-requirements-satisfied': t('ai:MCE requirements'),
   'platform-requirements-satisfied': t('ai:Platform requirements'),
+  'cluster-observability-requirements-satisfied': t('ai:Cluster Observability requirements'),
+  'numa-resources-requirements-satisfied': t('ai:NUMA Resources requirements'),
+  'oadp-requirements-satisfied': t('ai:OADP requirements'),
+  'metallb-requirements-satisfied': t('ai:MetalLB requirements'),
 });
 
 export const clusterValidationGroupLabels = (
@@ -326,13 +338,23 @@ export const OPERATOR_NAME_SELF_NODE_REMEDIATION = 'self-node-remediation';
 export const OPERATOR_NAME_FENCE_AGENTS_REMEDIATION = 'fence-agents-remediation';
 export const OPERATOR_NAME_NODE_MAINTENANCE = 'node-maintenance';
 export const OPERATOR_NAME_KUBE_DESCHEDULER = 'kube-descheduler';
+export const OPERATOR_NAME_CLUSTER_OBSERVABILITY = 'cluster-observability';
+export const OPERATOR_NAME_NUMA_RESOURCES = 'numaresources';
+export const OPERATOR_NAME_OADP = 'oadp';
+export const OPERATOR_NAME_METALLB = 'metallb';
 
 export const singleClusterOperators = [
   OPERATOR_NAME_CNV,
   OPERATOR_NAME_MTV,
   OPERATOR_NAME_NMSTATE,
+  OPERATOR_NAME_NODE_HEALTHCHECK,
   OPERATOR_NAME_NODE_MAINTENANCE,
+  OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
   OPERATOR_NAME_KUBE_DESCHEDULER,
+  OPERATOR_NAME_CLUSTER_OBSERVABILITY,
+  OPERATOR_NAME_NUMA_RESOURCES,
+  OPERATOR_NAME_OADP,
+  OPERATOR_NAME_METALLB,
 ];
 
 export const singleClusterBundles = ['virtualization'];

package/lib/common/config/docs_links.ts

@@ -199,3 +199,23 @@ export const SERVERLESS_OPERATOR_LINK =
 
 export const KUBECONFIG_INFO_LINK =
   'https://docs.redhat.com/en/documentation/openshift_container_platform/4.18/html/cli_tools/openshift-cli-oc#about-switches-between-cli-profiles_managing-cli-profiles';
+
+export const getOadpLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/backup_and_restore/oadp-application-backup-and-restore`;
+
+export const getMetalLbLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/networking_operators/metallb-operator`;
+
+export const getClusterObservabilityLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/cluster_observability_operator/cluster-observability-operator-overview`;
+
+export const getNumaResourcesLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/scalability_and_performance/cnf-numa-aware-scheduling`;

package/lib/ocm/components/Routes.tsx

@@ -30,15 +30,18 @@ export const UILibRoutes = ({
   useFeatureDetection(allEnabledFeatures);
 
   const routes = (
-    <Routes>
-      <Route path="assisted-installer/clusters" element={<Outlet />}>
-        <Route path="~new" element={<NewClusterPage />} />
-        <Route path=":clusterId" element={<ClusterPage />} />
-        <Route index element={<Clusters />} />
-      </Route>
-      {children}
-      <Route path="*" element={<Navigate to="assisted-installer/clusters" />} />
-    </Routes>
+    <>
+      <Routes>
+        <Route path="assisted-installer/clusters" element={<Outlet />}>
+          <Route path="~new" element={<NewClusterPage />} />
+          <Route path=":clusterId" element={<ClusterPage />} />
+          <Route index element={<Clusters />} />
+        </Route>
+        {children}
+        <Route path="*" element={<Navigate to="assisted-installer/clusters" />} />
+      </Routes>
+      {additionalComponents}
+    </>
   );
 
   return (
@@ -51,7 +54,6 @@ export const UILibRoutes = ({
       ) : (
         routes
       )}
-      {additionalComponents}
     </Provider>
   );
 };

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

@@ -89,7 +89,12 @@ const NetworkConfigurationForm: React.FC<{
       try {
         await ClustersAPI.updateInstallConfig(
           cluster.id,
-          JSON.stringify(JSON.stringify({ featureSet: 'TechPreviewNoUpgrade' })),
+          JSON.stringify(
+            JSON.stringify({
+              featureSet: 'CustomNoUpgrade',
+              featureGates: ['NoRegistryClusterOperations=true'],
+            }),
+          ),
         );
       } catch (e) {
         handleApiError(e, () =>

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

@@ -188,7 +188,7 @@ const ClustersListToolbar: React.FC<ClustersListToolbarProps> = ({
             isDisabled={clustersUIState === ResourceUIState.RELOADING}
           >
             <Tooltip content="Refresh">
-              <SyncIcon />
+              <SyncIcon data-testid="refresh-clusters-icon" />
             </Tooltip>
           </ToolbarButton>
         </ToolbarGroup>

package/lib/ocm/components/hosts/use-hosts-table.tsx

@@ -263,7 +263,7 @@ export const useHostsTable = (cluster: Cluster) => {
       canDelete: (host: Host) => !isViewerMode && canDeleteUtil(cluster.status, host.status),
       canEditHost: (host: Host) => !isViewerMode && canEditHostUtil(cluster.status, host.status),
       canReset: (host: Host) => !isViewerMode && canResetUtil(cluster.status, host.status),
-      canEditHostname: () => !isViewerMode && canEditHostnameUtil(cluster.status),
+      canEditHostname: (host?: Host) => !isViewerMode && canEditHostnameUtil(cluster.status, host),
     }),
     [cluster, isViewerMode, isSingleClusterFeatureEnabled],
   );

package/package.json

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

package/build/@types/common/components/clusterConfiguration/OpenShiftVersionSelect.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { OpenshiftVersionOptionType } from '../../types';
-import { SelectFieldProps } from '../ui/formik/types';
-type OpenShiftVersionSelectProps = {
-    versions: OpenshiftVersionOptionType[];
-    onChange?: SelectFieldProps['onChange'];
-};
-declare const OpenShiftVersionSelect: React.FC<OpenShiftVersionSelectProps>;
-export default OpenShiftVersionSelect;
-//# sourceMappingURL=OpenShiftVersionSelect.d.ts.map

package/build/@types/common/components/clusterConfiguration/OpenShiftVersionSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenShiftVersionSelect.d.ts","sourceRoot":"","sources":["../../../../../lib/common/components/clusterConfiguration/OpenShiftVersionSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA4CtD,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,0BAA0B,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CACzC,CAAC;AACF,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAqBjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}