@openshift-assisted/ui-lib 2.7.12-cim → 2.8.2-cim

package/build/common/components/hosts/HostRowDetail.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import { Grid, GridItem } from '@patternfly/react-core';
+import { Table, TableHeader, TableBody, TableVariant, RowWrapper, } from '@patternfly/react-table';
+import { DetailItem, DetailList } from '../ui';
+import { stringToJSON } from '../../api';
+import { DASH } from '../constants';
+import { getHostRowHardwareInfo } from './hardwareInfo';
+import { getHardwareTypeText, getInventory } from './utils';
+import NtpValidationStatus from './NtpValidationStatus';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import SectionTitle from '../ui/SectionTitle';
+import StorageDetail from '../storage/StorageDetail';
+const SectionColumn = ({ children }) => (React.createElement(GridItem, { span: 4 },
+    React.createElement(DetailList, null, children)));
+const nicsColumns = [
+    { title: 'Name' },
+    { title: 'MAC address' },
+    { title: 'IPv4 address' },
+    { title: 'IPv6 address' },
+    { title: 'Speed' },
+    // { title: 'Vendor' }, TODO(mlibra): search HW database for humanized values
+    // { title: 'Product' },
+];
+// eslint-disable-next-line
+const nicsRowKey = ({ rowData }) => { var _a; return (_a = rowData === null || rowData === void 0 ? void 0 : rowData.name) === null || _a === void 0 ? void 0 : _a.title; };
+const NICsTableRowWrapper = (props) => {
+    var _a;
+    return (React.createElement(RowWrapper, Object.assign({}, props, { "data-testid": `nic-row:${((_a = props === null || props === void 0 ? void 0 : props.row) === null || _a === void 0 ? void 0 : _a.key) || ''}` })));
+};
+const NicsTable = ({ interfaces, testId }) => {
+    const rows = interfaces
+        .sort((nicA, nicB) => { var _a; return ((_a = nicA.name) === null || _a === void 0 ? void 0 : _a.localeCompare(nicB.name || '')) || 0; })
+        .map((nic) => ({
+        cells: [
+            { title: nic.name, props: { 'data-testid': 'nic-name' } },
+            { title: nic.macAddress, props: { 'data-testid': 'nic-mac' } },
+            {
+                title: (nic.ipv4Addresses || []).join(', '),
+                props: { 'data-testid': 'nic-ipv4' },
+            },
+            {
+                title: (nic.ipv6Addresses || []).join(', '),
+                props: { 'data-testid': 'nic-ipv6' },
+            },
+            {
+                title: nic.speedMbps && nic.speedMbps > 0 ? `${nic.speedMbps} Mbps` : 'N/A',
+                props: { 'data-testid': 'nic-speed' },
+            },
+        ],
+        key: nic.name,
+    }));
+    const { t } = useTranslation();
+    return (React.createElement(Table, { "data-testid": testId, rows: rows, cells: nicsColumns, variant: TableVariant.compact, "aria-label": t("ai:Host's network interfaces table"), borders: false, rowWrapper: NICsTableRowWrapper },
+        React.createElement(TableHeader, null),
+        React.createElement(TableBody, { rowKey: nicsRowKey })));
+};
+export const HostDetail = ({ host, canEditDisks, onDiskRole, AdditionalNTPSourcesDialogToggleComponent, hideNTPStatus = false, updateDiskSkipFormatting, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { t } = useTranslation();
+    const { id, validationsInfo: hostValidationsInfo } = host;
+    const inventory = getInventory(host);
+    const validationsInfo = React.useMemo(() => stringToJSON(hostValidationsInfo) || {}, [hostValidationsInfo]);
+    const rowInfo = getHostRowHardwareInfo(inventory);
+    const nics = inventory.interfaces || [];
+    let bmcAddress = inventory.bmcAddress;
+    if (inventory.bmcV6address) {
+        bmcAddress = bmcAddress ? `${bmcAddress}, ${inventory.bmcV6address}` : inventory.bmcV6address;
+    }
+    bmcAddress = bmcAddress || DASH;
+    const hardwareType = getHardwareTypeText(inventory, t);
+    const ntpValidationStatus = React.useMemo(() => (React.createElement(NtpValidationStatus, { AdditionalNTPSourcesDialogToggleComponent: AdditionalNTPSourcesDialogToggleComponent, validationsInfo: validationsInfo })), [AdditionalNTPSourcesDialogToggleComponent, validationsInfo]);
+    return (React.createElement(Grid, { hasGutter: true },
+        React.createElement(SectionTitle, { testId: 'host-details-section', title: "Host details" }),
+        React.createElement(SectionColumn, null,
+            React.createElement(DetailItem, { testId: 'uuid', title: "UUID", value: id }),
+            React.createElement(DetailItem, { testId: 'manufacturer', title: t('ai:Manufacturer'), value: ((_a = inventory.systemVendor) === null || _a === void 0 ? void 0 : _a.manufacturer) || DASH }),
+            React.createElement(DetailItem, { testId: 'product', title: t('ai:Product'), value: ((_b = inventory.systemVendor) === null || _b === void 0 ? void 0 : _b.productName) || DASH }),
+            React.createElement(DetailItem, { testId: 'serial-number', title: "Serial number", value: rowInfo.serialNumber })),
+        React.createElement(SectionColumn, null,
+            React.createElement(DetailItem, { testId: 'memory-capacity', title: t('ai:Memory capacity'), value: rowInfo.memory.title }),
+            React.createElement(DetailItem, { testId: 'cpu-model', title: t('ai:CPU model name'), value: ((_c = inventory.cpu) === null || _c === void 0 ? void 0 : _c.modelName) || DASH }),
+            React.createElement(DetailItem, { testId: 'cpu-cores-and-clock', title: t('ai:CPU cores and clock speed'), value: rowInfo.cpuSpeed }),
+            React.createElement(DetailItem, { testId: 'cpu-arch', title: t('ai:CPU architecture'), value: ((_d = inventory.cpu) === null || _d === void 0 ? void 0 : _d.architecture) || DASH })),
+        React.createElement(SectionColumn, null,
+            React.createElement(DetailItem, { testId: 'hw-type', title: "Hardware type", value: hardwareType }),
+            React.createElement(DetailItem, { testId: 'bmc-address', title: "BMC address", value: bmcAddress }),
+            React.createElement(DetailItem, { testId: 'boot-mode', title: t('ai:Boot mode'), value: ((_e = inventory.boot) === null || _e === void 0 ? void 0 : _e.currentBootMode) || DASH }),
+            ((_f = inventory.boot) === null || _f === void 0 ? void 0 : _f.pxeInterface) && (React.createElement(DetailItem, { testId: 'pxe-interface', title: t('ai:PXE interface'), value: (_g = inventory.boot) === null || _g === void 0 ? void 0 : _g.pxeInterface })),
+            React.createElement(DetailItem, { isHidden: hideNTPStatus, testId: 'ntp-status', title: t('ai:NTP status'), value: ntpValidationStatus })),
+        onDiskRole && canEditDisks && (React.createElement(StorageDetail, { host: host, onDiskRole: onDiskRole, canEditDisks: canEditDisks, updateDiskSkipFormatting: updateDiskSkipFormatting })),
+        React.createElement(SectionTitle, { testId: 'nics-section', title: `${nics.length} NIC${nics.length === 1 ? '' : 's'}` }),
+        React.createElement(GridItem, null,
+            React.createElement(NicsTable, { interfaces: nics, testId: 'nics-table' }))));
+};
+//# sourceMappingURL=HostRowDetail.js.map

package/build/common/components/hosts/HostRowDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostRowDetail.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostRowDetail.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/HostStatus.js

@@ -0,0 +1,149 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Popover, Button, Text, TextContent, FlexItem, Flex, Stack, StackItem, } from '@patternfly/react-core';
+import hdate from 'human-date';
+import { ExternalLink, getHumanizedDateTime } from '../ui';
+import HostProgress from './HostProgress';
+import { getHostProgressStageNumber, getHostProgressStages } from './utils';
+import { HostValidationGroups, } from './HostValidationGroups';
+import OcpConsoleNodesSectionLink from './OcpConsoleNodesSectionLink';
+import { toSentence } from '../ui/table/utils';
+import { UnknownIcon } from '@patternfly/react-icons';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import { APPROVE_NODES_IN_CL_LINK } from '../../config';
+import { hostStatus } from './status';
+const getTitleWithProgress = (host, status) => {
+    const stages = getHostProgressStages(host);
+    const stageNumber = getHostProgressStageNumber(host);
+    return status.withProgress ? `${status.title} ${stageNumber}/${stages.length}` : status.title;
+};
+const HostStatusPopoverContent = (_a) => {
+    var { details, autoCSR, additionalPopoverContent } = _a, props = __rest(_a, ["details", "autoCSR", "additionalPopoverContent"]);
+    const { host } = props;
+    const { status, statusInfo } = host;
+    const { t } = useTranslation();
+    if (['installing-in-progress'].includes(status)) {
+        return (React.createElement(TextContent, null,
+            React.createElement(HostProgress, { host: host })));
+    }
+    if (['error', 'cancelled', 'installing-pending-user-action'].includes(status)) {
+        return (React.createElement(TextContent, null,
+            React.createElement(Text, null,
+                details,
+                React.createElement("br", null),
+                toSentence(statusInfo)),
+            React.createElement(HostProgress, { host: host })));
+    }
+    if (['installed'].includes(status)) {
+        return (React.createElement(TextContent, null,
+            React.createElement(Text, null, details),
+            React.createElement(HostProgress, { host: host })));
+    }
+    if (['added-to-existing-cluster'].includes(status)) {
+        return (React.createElement(TextContent, null,
+            React.createElement(Text, null, details),
+            !autoCSR && (React.createElement(React.Fragment, null,
+                React.createElement("br", null),
+                t("ai:To finish adding nodes to the cluster, approve the join request inside OpenShift Console's Nodes section."),
+                React.createElement("br", null),
+                t('ai:It may take a few minutes for the join request to appear.'),
+                React.createElement("br", null),
+                t('ai:If you prefer using the CLI, follow the instructions in'),
+                "\u00A0",
+                React.createElement(ExternalLink, { href: APPROVE_NODES_IN_CL_LINK }, t('ai:How to approve nodes using the CLI')))),
+            React.createElement(HostProgress, { host: host })));
+    }
+    if ([
+        'preparing-for-installation',
+        'preparing-successful',
+        'installing',
+        'unbinding-pending-user-action',
+        'binding',
+        'unbinding',
+        'reclaiming',
+        'reclaiming-rebooting',
+    ].includes(status)) {
+        // No additional error messages shown
+        return (React.createElement(TextContent, null,
+            React.createElement(Text, null, details)));
+    }
+    return (React.createElement(Stack, { hasGutter: true },
+        additionalPopoverContent,
+        React.createElement(StackItem, null,
+            details && (React.createElement(TextContent, null,
+                React.createElement(Text, null, details))),
+            React.createElement(HostValidationGroups, Object.assign({}, props)))));
+};
+const HostStatusPopoverFooter = ({ host }) => {
+    const { progress, statusUpdatedAt } = host;
+    const { t } = useTranslation();
+    if (host.status === 'added-to-existing-cluster') {
+        return (React.createElement(OcpConsoleNodesSectionLink, { id: `host-status-detail-link-to-ocp-nodes-${host.requestedHostname || host.id}` }));
+    }
+    let footerText;
+    if (host.status === 'installing-in-progress') {
+        if ((progress === null || progress === void 0 ? void 0 : progress.stageUpdatedAt) && progress.stageUpdatedAt !== progress.stageStartedAt) {
+            footerText = t('ai:Step started at {{startedAt}}, updated {{updatedAt}}', {
+                startedAt: getHumanizedDateTime(progress.stageStartedAt),
+                updatedAt: hdate.relativeTime(progress.stageUpdatedAt),
+            });
+        }
+        else {
+            footerText = t('ai:Step started at {{startedAt}}', {
+                startedAt: getHumanizedDateTime((progress === null || progress === void 0 ? void 0 : progress.stageStartedAt) || statusUpdatedAt),
+            });
+        }
+    }
+    else if (statusUpdatedAt) {
+        footerText = t('ai:Status updated at {{humanizedDataTime}}', {
+            humanizedDataTime: getHumanizedDateTime(statusUpdatedAt),
+        });
+    }
+    return React.createElement(React.Fragment, null, !!footerText && React.createElement("small", null, footerText));
+};
+const WithHostStatusPopover = (props) => (React.createElement(Popover, { headerContent: React.createElement("div", null, props.title), bodyContent: React.createElement("div", { style: { maxHeight: '33vh', overflow: 'auto' } },
+        React.createElement(HostStatusPopoverContent, Object.assign({}, props))), footerContent: React.createElement(HostStatusPopoverFooter, { host: props.host }), minWidth: "30rem", maxWidth: "50rem", hideOnOutsideClick: props.hideOnOutsideClick, zIndex: props.zIndex || 300 },
+    React.createElement(Button, { variant: 'link', isInline: true, isSmall: props.isSmall }, props.children)));
+const HostStatus = ({ host, validationsInfo, status, onEditHostname, AdditionalNTPSourcesDialogToggleComponent, UpdateDay2ApiVipDialogToggleComponent, children, zIndex, autoCSR, additionalPopoverContent, }) => {
+    const [keepOnOutsideClick, onValidationActionToggle] = React.useState(false);
+    const toggleHostname = React.useCallback(() => {
+        onValidationActionToggle(!keepOnOutsideClick);
+        onEditHostname === null || onEditHostname === void 0 ? void 0 : onEditHostname();
+    }, [keepOnOutsideClick, onEditHostname]);
+    const { title, icon, sublabel, details, noPopover } = status;
+    const titleWithProgress = getTitleWithProgress(host, status);
+    const popoverProps = {
+        hideOnOutsideClick: !keepOnOutsideClick,
+        host,
+        onEditHostname: toggleHostname,
+        AdditionalNTPSourcesDialogToggleComponent,
+        title,
+        validationsInfo,
+        details,
+        UpdateDay2ApiVipDialogToggleComponent,
+        zIndex,
+        autoCSR,
+        additionalPopoverContent,
+    };
+    return (React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, spaceItems: { default: 'spaceItemsXs' } },
+        React.createElement(FlexItem, null, (autoCSR && status.key === 'added-to-existing-cluster'
+            ? hostStatus.installed.icon
+            : icon) || React.createElement(UnknownIcon, null)),
+        React.createElement(Flex, { direction: { default: 'column' }, spaceItems: { default: 'spaceItemsXs' } },
+            !children && !sublabel && !noPopover ? (React.createElement(WithHostStatusPopover, Object.assign({}, popoverProps), titleWithProgress)) : (React.createElement(FlexItem, null, titleWithProgress)),
+            children && React.createElement(FlexItem, null, children),
+            sublabel && (React.createElement(FlexItem, { className: "pf-u-font-size-xs", style: { marginTop: 'calc(-1 * var(--pf-l-flex--spacer--xs))' } },
+                React.createElement(WithHostStatusPopover, Object.assign({}, popoverProps), sublabel))))));
+};
+export default HostStatus;
+//# sourceMappingURL=HostStatus.js.map

package/build/common/components/hosts/HostStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostStatus.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostStatus.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/HostToolbarActions.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { DropdownItem } from '@patternfly/react-core';
+export const ChangeHostnameAction = ({ onChangeHostname }) => (React.createElement(DropdownItem, { onClick: onChangeHostname }, "Change hostname"));
+export const DeleteHostAction = ({ onDeleteHost }) => (React.createElement(DropdownItem, { onClick: onDeleteHost }, "Delete"));
+//# sourceMappingURL=HostToolbarActions.js.map

package/build/common/components/hosts/HostToolbarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostToolbarActions.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostToolbarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAMtD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CACjG,oBAAC,YAAY,IAAC,OAAO,EAAE,gBAAgB,sBAAgC,CACxE,CAAC;AAMF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACrF,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY,aAAuB,CAC3D,CAAC"}

package/build/common/components/hosts/HostValidationGroups.css

@@ -0,0 +1,4 @@
+.host-validation-groups__validation-group {
+  margin-top: var(--pf-global--spacer--md) !important;
+  margin-bottom: var(--pf-global--spacer--sm) !important;
+}

package/build/common/components/hosts/HostValidationGroups.js

@@ -0,0 +1,135 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Fragment } 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 { hostValidationFailureHints, hostValidationGroupLabels, hostValidationLabels, } from '../../config';
+import { toSentence } from '../ui';
+import Hostname from './Hostname';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import { getKeys } from '../../utils';
+import './HostValidationGroups.css';
+const ValidationsAlert = ({ validations, variant, title, actionLinks = [], }) => {
+    const { t } = useTranslation();
+    return (React.createElement(Alert, { title: title, variant: variant, actionLinks: actionLinks, isInline: true },
+        React.createElement("ul", null, validations.map((v) => (React.createElement("li", { key: v.id },
+            React.createElement("strong", null,
+                hostValidationLabels(t)[v.id] || v.id,
+                ":"),
+            "\u00A0",
+            toSentence(v.message),
+            ' ',
+            v.status === 'failure' && hostValidationFailureHints(t)[v.id]))))));
+};
+const HostnameAlert = ({ onEditHostname, host, hostnameValidations, variant, }) => {
+    const { t } = useTranslation();
+    const actionLinks = [
+        React.createElement(Hostname, { key: "change-hostname", title: t('ai:Change hostname'), onEditHostname: onEditHostname, host: host }),
+    ];
+    const title = t('ai:Illegal hostname');
+    return hostnameValidations.length === 1 ? (React.createElement(Alert, { title: title, variant: variant, actionLinks: actionLinks, isInline: true }, toSentence(hostnameValidations[0].message))) : (React.createElement(ValidationsAlert, { title: title, validations: hostnameValidations, variant: variant, actionLinks: actionLinks }));
+};
+const NtpSyncAlert = ({ AdditionalNTPSourcesDialogToggleComponent, variant, validation, }) => {
+    const actionLinks = [React.createElement(AdditionalNTPSourcesDialogToggleComponent, { key: "add-ntp-sources" })];
+    const { t } = useTranslation();
+    return (React.createElement(Alert, { title: t('ai:NTP synchronization failure'), variant: variant, actionLinks: actionLinks, isInline: true },
+        toSentence(validation.message),
+        " ",
+        hostValidationFailureHints(t)[validation.id]));
+};
+const ApiVipConnectivityAlert = ({ UpdateDay2ApiVipDialogToggleComponent, variant, validation, }) => {
+    const actionLinks = [React.createElement(UpdateDay2ApiVipDialogToggleComponent, { key: "update-api-vip" })];
+    const { t } = useTranslation();
+    return (React.createElement(Alert, { title: t('ai:API connectivity failure'), variant: variant, actionLinks: actionLinks, isInline: true }, toSentence(validation.message)));
+};
+const ValidationGroupAlerts = ({ validations, title, variant, onEditHostname, AdditionalNTPSourcesDialogToggleComponent, UpdateDay2ApiVipDialogToggleComponent, host, }) => {
+    if (!validations.length) {
+        return null;
+    }
+    const validationsWithActions = {
+        ['hostname-unique']: undefined,
+        ['hostname-valid']: undefined,
+        ['ntp-synced']: undefined,
+        ['ignition-downloadable']: undefined,
+    };
+    const alerts = [];
+    const validationsWithoutActions = [];
+    for (const v of validations) {
+        if (v.id in validationsWithActions && v.status === 'failure') {
+            validationsWithActions[v.id] = v;
+        }
+        else {
+            validationsWithoutActions.push(v);
+        }
+    }
+    const hostnameValidations = [];
+    if (validationsWithActions['hostname-unique']) {
+        hostnameValidations.push(validationsWithActions['hostname-unique']);
+    }
+    if (validationsWithActions['hostname-valid']) {
+        hostnameValidations.push(validationsWithActions['hostname-valid']);
+    }
+    if (hostnameValidations.length > 0 && onEditHostname) {
+        alerts.push(React.createElement(HostnameAlert, { hostnameValidations: hostnameValidations, variant: variant, onEditHostname: onEditHostname, host: host, key: "hostname-alert" }));
+    }
+    if (validationsWithActions['ignition-downloadable'] && UpdateDay2ApiVipDialogToggleComponent) {
+        alerts.push(React.createElement(ApiVipConnectivityAlert, { UpdateDay2ApiVipDialogToggleComponent: UpdateDay2ApiVipDialogToggleComponent, validation: validationsWithActions['ignition-downloadable'], variant: variant, key: "ignition-downloadable-alert" }));
+    }
+    if (validationsWithActions['ntp-synced'] && AdditionalNTPSourcesDialogToggleComponent) {
+        alerts.push(React.createElement(NtpSyncAlert, { AdditionalNTPSourcesDialogToggleComponent: AdditionalNTPSourcesDialogToggleComponent, validation: validationsWithActions['ntp-synced'], variant: variant, key: "ntp-sync-alert" }));
+    }
+    if (validationsWithoutActions.length > 0) {
+        alerts.push(React.createElement(ValidationsAlert, { validations: validationsWithoutActions, variant: variant, title: title, key: "insufficient-alert" }));
+    }
+    return React.createElement(AlertGroup, null, alerts);
+};
+export const HostValidationGroups = (_a) => {
+    var { validationsInfo } = _a, props = __rest(_a, ["validationsInfo"]);
+    const { t } = useTranslation();
+    return (React.createElement(React.Fragment, null, getKeys(validationsInfo).map((groupName) => {
+        const validations = validationsInfo[groupName] || [];
+        const pendingValidations = validations.filter((v) => v.status === 'pending' && v.id !== 'ntp-synced');
+        const failedValidations = validations.filter((v) => (v.status === 'failure' || v.status === 'error') && v.id !== 'ntp-synced');
+        const softValidations = validations.filter((v) => ['pending', 'failure', 'error'].includes(v.status) && v.id === 'ntp-synced');
+        const getValidationGroupState = () => {
+            if (failedValidations.length) {
+                return (React.createElement(React.Fragment, null,
+                    t('ai:Failed'),
+                    " ",
+                    React.createElement(ExclamationTriangleIcon, { color: warningColor.value })));
+            }
+            else if (pendingValidations.length) {
+                return (React.createElement(React.Fragment, null,
+                    t('ai:Pending input'),
+                    " ",
+                    React.createElement(PendingIcon, null)));
+            }
+            return (React.createElement(React.Fragment, null,
+                t('ai:Ready'),
+                " ",
+                React.createElement(CheckCircleIcon, { color: okColor.value })));
+        };
+        const groupLabel = hostValidationGroupLabels(t)[groupName];
+        return (React.createElement(Fragment, { key: groupName },
+            React.createElement(Level, { className: "host-validation-groups__validation-group" },
+                React.createElement(LevelItem, null,
+                    React.createElement("strong", null, groupLabel)),
+                React.createElement(LevelItem, null, getValidationGroupState())),
+            // display pending and soft validations only if there are no failing validations
+            !failedValidations.length && (React.createElement(React.Fragment, null,
+                React.createElement(ValidationGroupAlerts, Object.assign({ variant: AlertVariant.info, title: t('ai:Pending validations:'), validations: pendingValidations }, props)),
+                React.createElement(ValidationGroupAlerts, Object.assign({ variant: AlertVariant.info, validations: softValidations, title: '' }, props)))),
+            React.createElement(ValidationGroupAlerts, Object.assign({ variant: AlertVariant.warning, title: t('ai:Failed validations:'), validations: failedValidations }, props))));
+    })));
+};
+//# sourceMappingURL=HostValidationGroups.js.map

package/build/common/components/hosts/HostValidationGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostValidationGroups.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostValidationGroups.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/Hostname.js

@@ -0,0 +1,31 @@
+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 { stringToJSON } from '../../api';
+import { getHostname } from './utils';
+import { DASH } from '../constants';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const Hostname = ({ host, inventory = {}, onEditHostname, title, className, hosts, readonly = false, }) => {
+    const hostname = title || getHostname(host, inventory) || DASH;
+    const isNotLocalhost = hostname !== 'localhost';
+    const isUnique = hosts
+        ? !hosts.find((h) => {
+            const hostInventory = stringToJSON(h.inventory || '') || {};
+            return h.id !== host.id && getHostname(h, hostInventory) === hostname;
+        })
+        : true;
+    const isValid = isUnique && isNotLocalhost;
+    const body = (React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
+        onEditHostname && !isValid && (React.createElement(FlexItem, { className: 'pf-u-mr-xs' },
+            React.createElement(ExclamationTriangleIcon, { color: warningColor.value }))),
+        React.createElement(FlexItem, null, hostname)));
+    const { t } = useTranslation();
+    return !readonly && onEditHostname ? (isValid ? (React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: onEditHostname, className: className }, body)) : (React.createElement(Popover, { headerContent: React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
+            React.createElement(FlexItem, { className: 'pf-u-mr-xs' },
+                React.createElement(ExclamationTriangleIcon, { color: warningColor.value })),
+            React.createElement(FlexItem, null, t('ai:Hostname is not valid'))), bodyContent: !isNotLocalhost ? t('ai:Hostname can not be localhost') : t('ai:Hostname is not unique'), footerContent: React.createElement(Button, { variant: ButtonVariant.link, isInline: true, className: className, onClick: onEditHostname }, t('ai:Change hostname')), minWidth: "30rem", maxWidth: "50rem", hideOnOutsideClick: true, zIndex: 300 },
+        React.createElement(Button, { variant: ButtonVariant.link, isInline: true, className: className }, body)))) : (body);
+};
+export default Hostname;
+//# sourceMappingURL=Hostname.js.map

package/build/common/components/hosts/Hostname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hostname.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/Hostname.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/HostsCount.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Popover, Level, LevelItem } from '@patternfly/react-core';
+import { getEnabledHostCount, getReadyHostCount, getTotalHostCount } from './utils';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const HostsCount = ({ cluster, inParenthesis = false, valueId = 'hosts-count', }) => {
+    const { t } = useTranslation();
+    const body = (React.createElement(React.Fragment, null,
+        'readyHostCount' in cluster && (React.createElement(Level, null,
+            React.createElement(LevelItem, null, t('ai:Ready for the installation')),
+            React.createElement(LevelItem, null, getReadyHostCount(cluster)))),
+        'enabledHostCount' in cluster && (React.createElement(Level, null,
+            React.createElement(LevelItem, null, t('ai:Enabled for the installation')),
+            React.createElement(LevelItem, null, getEnabledHostCount(cluster)))),
+        React.createElement(Level, null,
+            React.createElement(LevelItem, null, t('ai:All discovered')),
+            React.createElement(LevelItem, null, getTotalHostCount(cluster)))));
+    const summary = 'enabledHostCount' in cluster ? getEnabledHostCount(cluster) : getTotalHostCount(cluster);
+    return (React.createElement(Popover, { headerContent: t('ai:Hosts in the cluster'), bodyContent: body },
+        React.createElement("a", { id: valueId },
+            inParenthesis && '(',
+            summary,
+            inParenthesis && ')')));
+};
+export default HostsCount;
+//# sourceMappingURL=HostsCount.js.map

package/build/common/components/hosts/HostsCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostsCount.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostsCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAQrE,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,aAAa,GACxB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,CACX;QACG,gBAAgB,IAAI,OAAO,IAAI,CAC9B,oBAAC,KAAK;YACJ,oBAAC,SAAS,QAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;YAC3D,oBAAC,SAAS,QAAE,iBAAiB,CAAC,OAAO,CAAC,CAAa,CAC7C,CACT;QACA,kBAAkB,IAAI,OAAO,IAAI,CAChC,oBAAC,KAAK;YACJ,oBAAC,SAAS,QAAE,CAAC,CAAC,iCAAiC,CAAC,CAAa;YAC7D,oBAAC,SAAS,QAAE,mBAAmB,CAAC,OAAO,CAAC,CAAa,CAC/C,CACT;QACD,oBAAC,KAAK;YACJ,oBAAC,SAAS,QAAE,CAAC,CAAC,mBAAmB,CAAC,CAAa;YAC/C,oBAAC,SAAS,QAAE,iBAAiB,CAAC,OAAO,CAAC,CAAa,CAC7C,CACP,CACJ,CAAC;IAEF,MAAM,OAAO,GACX,kBAAkB,IAAI,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC5F,OAAO,CACL,oBAAC,OAAO,IAAC,aAAa,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAE,WAAW,EAAE,IAAI;QACrE,2BAAG,EAAE,EAAE,OAAO;YACX,aAAa,IAAI,GAAG;YACpB,OAAO;YACP,aAAa,IAAI,GAAG,CACnB,CACI,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/common/components/hosts/HostsTable.css

@@ -0,0 +1,15 @@
+.host-table-alerts {
+  padding-top: var(--pf-global--spacer--lg) !important;
+}
+
+.hosts-table .pf-c-dropdown__toggle-text {
+  color: var(--pf-global--Color--100) !important;
+}
+
+.hosts-table button {
+  font-size: var(--pf-c-table-cell--FontSize);
+}
+
+.hosts-table {
+  height: 1rem; /* Workaround for: https://bugzilla.redhat.com/show_bug.cgi?id=1879378 in FF; The actual table height will be recalculated accordingly. */
+}

package/build/common/components/hosts/HostsTable.js

@@ -0,0 +1,35 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { ConnectedIcon } from '@patternfly/react-icons';
+import { HostsNotShowingLink } from '../clusterConfiguration';
+import AITable from '../../../common/components/hosts/AITable';
+import { HostDetail } from './HostRowDetail';
+import EmptyState from '../ui/uiState/EmptyState';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const getHostId = (host) => host.id;
+export const HostsTableEmptyState = ({ setDiscoveryHintModalOpen, isSNO = false, }) => {
+    const { t } = useTranslation();
+    return (React.createElement(EmptyState, { icon: ConnectedIcon, title: t('ai:Waiting for host...', { count: +isSNO }), content: t('ai:Hosts may take a few minutes to appear here after booting.'), secondaryActions: setDiscoveryHintModalOpen && [
+            React.createElement(HostsNotShowingLink, { key: "hosts-not-showing", isSNO: isSNO, setDiscoveryHintModalOpen: setDiscoveryHintModalOpen }),
+        ] }));
+};
+export const DefaultExpandComponent = ({ obj }) => (React.createElement(HostDetail, { key: obj.id, host: obj }));
+const HostsTable = (_a) => {
+    var { hosts, skipDisabled } = _a, rest = __rest(_a, ["hosts", "skipDisabled"]);
+    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]);
+    return React.createElement(AITable, Object.assign({ getDataId: getHostId, data: data }, rest));
+};
+export default HostsTable;
+//# sourceMappingURL=HostsTable.js.map

package/build/common/components/hosts/HostsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostsTable.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostsTable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAA4B,MAAM,yBAAyB,CAAC;AAExF,OAAO,OAGN,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,MAAM,SAAS,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AAO1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,yBAAyB,EACzB,KAAK,GAAG,KAAK,GACa,EAAE,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,CAAC,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EACrD,OAAO,EAAE,CAAC,CAAC,+DAA+D,CAAC,EAC3E,gBAAgB,EACd,yBAAyB,IAAI;YAC3B,oBAAC,mBAAmB,IAClB,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,GACpD;SACH,GAEH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,GAAG,EAA8B,EAAE,EAAE,CAAC,CAC7E,oBAAC,UAAU,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,GAAI,CACvC,CAAC;AAoBF,MAAM,UAAU,GAAG,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,KAAK,EAAE,YAAY,OAAyC,EAApC,IAAI,cAA9B,yBAAgC,CAAF;IAChD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CACH,CAAC,KAAK,IAAI,EAAE,CAAC;SACV,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC;SAC7D,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvF,CAAC,KAAK,EAAE,YAAY,CAAC,CACtB,CAAC;IAEF,OAAO,oBAAC,OAAO,kBAAO,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,EAAI,CAAC;AACvE,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/common/components/hosts/HostsTableDetailContext.js

@@ -0,0 +1,19 @@
+import React from 'react';
+const HostsTableDetailContext = React.createContext(undefined);
+const HostsTableDetailContextProvider = ({ canEditDisks, onDiskRole, updateDiskSkipFormatting, children, }) => {
+    const context = {
+        canEditDisks,
+        onDiskRole,
+        updateDiskSkipFormatting,
+    };
+    return (React.createElement(HostsTableDetailContext.Provider, { value: context }, children));
+};
+const useHostsTableDetailContext = () => {
+    const context = React.useContext(HostsTableDetailContext);
+    if (context === undefined) {
+        throw new Error('useHostTableDetailContext must be used within a HostsTableDetailContextProvider');
+    }
+    return context;
+};
+export { HostsTableDetailContextProvider, useHostsTableDetailContext };
+//# sourceMappingURL=HostsTableDetailContext.js.map

package/build/common/components/hosts/HostsTableDetailContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostsTableDetailContext.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostsTableDetailContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CACjD,SAAS,CACV,CAAC;AAEF,MAAM,+BAA+B,GAA2C,CAAC,EAC/E,YAAY,EACZ,UAAU,EACV,wBAAwB,EACxB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,UAAU;QACV,wBAAwB;KACzB,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAuC,IAC7E,QAAQ,CACwB,CACpC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC1D,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,iFAAiF,CAClF,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,CAAC"}

package/build/common/components/hosts/MassChangeHostnameModal.css

@@ -0,0 +1,16 @@
+.hostname-preview {
+  background-color: var(--pf-global--BackgroundColor--200);
+  padding: var(--pf-global--spacer--sm);
+  max-height: 10rem;
+  overflow-y: auto;
+}
+
+.hostname-column__text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.hostname-column {
+  max-width: 30%;
+}