@openshift-assisted/ui-lib 2.9.0-cim → 2.9.5-cim

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

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostValidationGroups = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_tokens_1 = require("@patternfly/react-tokens");
+const react_icons_1 = require("@patternfly/react-icons");
+const config_1 = require("../../config");
+const ui_1 = require("../ui");
+const Hostname_1 = tslib_1.__importDefault(require("./Hostname"));
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const utils_1 = require("../../utils");
+require("./HostValidationGroups.css");
+const ValidationsAlert = ({ validations, variant, title, actionLinks = [], }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(react_core_1.Alert, { title: title, variant: variant, actionLinks: actionLinks, isInline: true },
+        react_1.default.createElement("ul", null, validations.map((v) => (react_1.default.createElement("li", { key: v.id },
+            react_1.default.createElement("strong", null,
+                (0, config_1.hostValidationLabels)(t)[v.id] || v.id,
+                ":"),
+            "\u00A0",
+            (0, ui_1.toSentence)(v.message),
+            ' ',
+            v.status === 'failure' && (0, config_1.hostValidationFailureHints)(t)[v.id]))))));
+};
+const HostnameAlert = ({ onEditHostname, host, hostnameValidations, variant, }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const actionLinks = [
+        react_1.default.createElement(Hostname_1.default, { key: "change-hostname", title: t('ai:Change hostname'), onEditHostname: onEditHostname, host: host }),
+    ];
+    const title = t('ai:Illegal hostname');
+    return hostnameValidations.length === 1 ? (react_1.default.createElement(react_core_1.Alert, { title: title, variant: variant, actionLinks: actionLinks, isInline: true }, (0, ui_1.toSentence)(hostnameValidations[0].message))) : (react_1.default.createElement(ValidationsAlert, { title: title, validations: hostnameValidations, variant: variant, actionLinks: actionLinks }));
+};
+const NtpSyncAlert = ({ AdditionalNTPSourcesDialogToggleComponent, variant, validation, }) => {
+    const actionLinks = [react_1.default.createElement(AdditionalNTPSourcesDialogToggleComponent, { key: "add-ntp-sources" })];
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(react_core_1.Alert, { title: t('ai:NTP synchronization failure'), variant: variant, actionLinks: actionLinks, isInline: true },
+        (0, ui_1.toSentence)(validation.message),
+        " ",
+        (0, config_1.hostValidationFailureHints)(t)[validation.id]));
+};
+const ApiVipConnectivityAlert = ({ UpdateDay2ApiVipDialogToggleComponent, variant, validation, }) => {
+    const actionLinks = [react_1.default.createElement(UpdateDay2ApiVipDialogToggleComponent, { key: "update-api-vip" })];
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(react_core_1.Alert, { title: t('ai:API connectivity failure'), variant: variant, actionLinks: actionLinks, isInline: true }, (0, ui_1.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_1.default.createElement(HostnameAlert, { hostnameValidations: hostnameValidations, variant: variant, onEditHostname: onEditHostname, host: host, key: "hostname-alert" }));
+    }
+    if (validationsWithActions['ignition-downloadable'] && UpdateDay2ApiVipDialogToggleComponent) {
+        alerts.push(react_1.default.createElement(ApiVipConnectivityAlert, { UpdateDay2ApiVipDialogToggleComponent: UpdateDay2ApiVipDialogToggleComponent, validation: validationsWithActions['ignition-downloadable'], variant: variant, key: "ignition-downloadable-alert" }));
+    }
+    if (validationsWithActions['ntp-synced'] && AdditionalNTPSourcesDialogToggleComponent) {
+        alerts.push(react_1.default.createElement(NtpSyncAlert, { AdditionalNTPSourcesDialogToggleComponent: AdditionalNTPSourcesDialogToggleComponent, validation: validationsWithActions['ntp-synced'], variant: variant, key: "ntp-sync-alert" }));
+    }
+    if (validationsWithoutActions.length > 0) {
+        alerts.push(react_1.default.createElement(ValidationsAlert, { validations: validationsWithoutActions, variant: variant, title: title, key: "insufficient-alert" }));
+    }
+    return react_1.default.createElement(react_core_1.AlertGroup, null, alerts);
+};
+const HostValidationGroups = (_a) => {
+    var { validationsInfo } = _a, props = tslib_1.__rest(_a, ["validationsInfo"]);
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(react_1.default.Fragment, null, (0, utils_1.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_1.default.createElement(react_1.default.Fragment, null,
+                    t('ai:Failed'),
+                    " ",
+                    react_1.default.createElement(react_icons_1.ExclamationTriangleIcon, { color: react_tokens_1.global_warning_color_100.value })));
+            }
+            else if (pendingValidations.length) {
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    t('ai:Pending input'),
+                    " ",
+                    react_1.default.createElement(react_icons_1.PendingIcon, null)));
+            }
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                t('ai:Ready'),
+                " ",
+                react_1.default.createElement(react_icons_1.CheckCircleIcon, { color: react_tokens_1.global_success_color_100.value })));
+        };
+        const groupLabel = (0, config_1.hostValidationGroupLabels)(t)[groupName];
+        return (react_1.default.createElement(react_1.Fragment, { key: groupName },
+            react_1.default.createElement(react_core_1.Level, { className: "host-validation-groups__validation-group" },
+                react_1.default.createElement(react_core_1.LevelItem, null,
+                    react_1.default.createElement("strong", null, groupLabel)),
+                react_1.default.createElement(react_core_1.LevelItem, null, getValidationGroupState())),
+            // display pending and soft validations only if there are no failing validations
+            !failedValidations.length && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ValidationGroupAlerts, Object.assign({ variant: react_core_1.AlertVariant.info, title: t('ai:Pending validations:'), validations: pendingValidations }, props)),
+                react_1.default.createElement(ValidationGroupAlerts, Object.assign({ variant: react_core_1.AlertVariant.info, validations: softValidations, title: '' }, props)))),
+            react_1.default.createElement(ValidationGroupAlerts, Object.assign({ variant: react_core_1.AlertVariant.warning, title: t('ai:Failed validations:'), validations: failedValidations }, props))));
+    })));
+};
+exports.HostValidationGroups = HostValidationGroups;
+//# sourceMappingURL=HostValidationGroups.js.map

package/build/cjs/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/cjs/common/components/hosts/Hostname.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const react_tokens_1 = require("@patternfly/react-tokens");
+const utils_1 = require("./utils");
+const constants_1 = require("../constants");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const utils_2 = require("../../utils");
+const Hostname = ({ host, inventory = {}, onEditHostname, title, className, hosts, readonly = false, }) => {
+    const hostname = title || (0, utils_1.getHostname)(host, inventory) || constants_1.DASH;
+    const isNotLocalhost = hostname !== 'localhost';
+    const isUnique = hosts
+        ? !hosts.find((h) => {
+            const hostInventory = (0, utils_2.stringToJSON)(h.inventory || '') || {};
+            return h.id !== host.id && (0, utils_1.getHostname)(h, hostInventory) === hostname;
+        })
+        : true;
+    const isValid = isUnique && isNotLocalhost;
+    const body = (react_1.default.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' } },
+        onEditHostname && !isValid && (react_1.default.createElement(react_core_1.FlexItem, { className: 'pf-u-mr-xs' },
+            react_1.default.createElement(react_icons_1.ExclamationTriangleIcon, { color: react_tokens_1.global_warning_color_100.value }))),
+        react_1.default.createElement(react_core_1.FlexItem, null, hostname)));
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return !readonly && onEditHostname ? (isValid ? (react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.link, isInline: true, onClick: onEditHostname, className: className }, body)) : (react_1.default.createElement(react_core_1.Popover, { headerContent: react_1.default.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' } },
+            react_1.default.createElement(react_core_1.FlexItem, { className: 'pf-u-mr-xs' },
+                react_1.default.createElement(react_icons_1.ExclamationTriangleIcon, { color: react_tokens_1.global_warning_color_100.value })),
+            react_1.default.createElement(react_core_1.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_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.link, isInline: true, className: className, onClick: onEditHostname }, t('ai:Change hostname')), minWidth: "30rem", maxWidth: "50rem", hideOnOutsideClick: true, zIndex: 300 },
+        react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.link, isInline: true, className: className }, body)))) : (body);
+};
+exports.default = Hostname;
+//# sourceMappingURL=Hostname.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hostname.js","sourceRoot":"","sources":["../../../../../lib/common/components/hosts/Hostname.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAwF;AACxF,yDAAkE;AAClE,2DAAoF;AAEpF,mCAAsC;AACtC,4CAAoC;AACpC,iFAAqE;AACrE,uCAA2C;AAa3C,MAAM,QAAQ,GAA4B,CAAC,EACzC,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,cAAc,EACd,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAA,mBAAW,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,gBAAI,CAAC;IAE/D,MAAM,cAAc,GAAG,QAAQ,KAAK,WAAW,CAAC;IAChD,MAAM,QAAQ,GAAG,KAAK;QACpB,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAChB,MAAM,aAAa,GAAG,IAAA,oBAAY,EAAY,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;YACvE,OAAO,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,IAAA,mBAAW,EAAC,CAAC,EAAE,aAAa,CAAC,KAAK,QAAQ,CAAC;QACxE,CAAC,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,OAAO,GAAG,QAAQ,IAAI,cAAc,CAAC;IAE3C,MAAM,IAAI,GAAG,CACX,8BAAC,iBAAI,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QAC9C,cAAc,IAAI,CAAC,OAAO,IAAI,CAC7B,8BAAC,qBAAQ,IAAC,SAAS,EAAE,YAAY;YAC/B,8BAAC,qCAAuB,IAAC,KAAK,EAAE,uCAAY,CAAC,KAAK,GAAI,CAC7C,CACZ;QACD,8BAAC,qBAAQ,QAAE,QAAQ,CAAY,CAC1B,CACR,CAAC;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CAAC,QAAQ,IAAI,cAAc,CAAC,CAAC,CAAC,CACnC,OAAO,CAAC,CAAC,CAAC,CACR,8BAAC,mBAAM,IAAC,OAAO,EAAE,0BAAa,CAAC,IAAI,EAAE,QAAQ,QAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,IACxF,IAAI,CACE,CACV,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAO,IACN,aAAa,EACX,8BAAC,iBAAI,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;YAC/C,8BAAC,qBAAQ,IAAC,SAAS,EAAE,YAAY;gBAC/B,8BAAC,qCAAuB,IAAC,KAAK,EAAE,uCAAY,CAAC,KAAK,GAAI,CAC7C;YACX,8BAAC,qBAAQ,QAAE,CAAC,CAAC,0BAA0B,CAAC,CAAY,CAC/C,EAET,WAAW,EACT,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAE1F,aAAa,EACX,8BAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,CAAC,IAAI,EAC3B,QAAQ,QACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,cAAc,IAEtB,CAAC,CAAC,oBAAoB,CAAC,CACjB,EAEX,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,kBAAkB,QAClB,MAAM,EAAE,GAAG;QAEX,8BAAC,mBAAM,IAAC,OAAO,EAAE,0BAAa,CAAC,IAAI,EAAE,QAAQ,QAAC,SAAS,EAAE,SAAS,IAC/D,IAAI,CACE,CACD,CACX,CACF,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const utils_1 = require("./utils");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const HostsCount = ({ cluster, inParenthesis = false, valueId = 'hosts-count', }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const body = (react_1.default.createElement(react_1.default.Fragment, null,
+        'readyHostCount' in cluster && (react_1.default.createElement(react_core_1.Level, null,
+            react_1.default.createElement(react_core_1.LevelItem, null, t('ai:Ready for the installation')),
+            react_1.default.createElement(react_core_1.LevelItem, null, (0, utils_1.getReadyHostCount)(cluster)))),
+        'enabledHostCount' in cluster && (react_1.default.createElement(react_core_1.Level, null,
+            react_1.default.createElement(react_core_1.LevelItem, null, t('ai:Enabled for the installation')),
+            react_1.default.createElement(react_core_1.LevelItem, null, (0, utils_1.getEnabledHostCount)(cluster)))),
+        react_1.default.createElement(react_core_1.Level, null,
+            react_1.default.createElement(react_core_1.LevelItem, null, t('ai:All discovered')),
+            react_1.default.createElement(react_core_1.LevelItem, null, (0, utils_1.getTotalHostCount)(cluster)))));
+    const summary = 'enabledHostCount' in cluster ? (0, utils_1.getEnabledHostCount)(cluster) : (0, utils_1.getTotalHostCount)(cluster);
+    return (react_1.default.createElement(react_core_1.Popover, { headerContent: t('ai:Hosts in the cluster'), bodyContent: body },
+        react_1.default.createElement("a", { id: valueId },
+            inParenthesis && '(',
+            summary,
+            inParenthesis && ')')));
+};
+exports.default = HostsCount;
+//# sourceMappingURL=HostsCount.js.map

package/build/cjs/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,0DAA0B;AAC1B,uDAAmE;AAEnE,mCAAoF;AACpF,iFAAqE;AAQrE,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,aAAa,GACxB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,CACX;QACG,gBAAgB,IAAI,OAAO,IAAI,CAC9B,8BAAC,kBAAK;YACJ,8BAAC,sBAAS,QAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;YAC3D,8BAAC,sBAAS,QAAE,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAa,CAC7C,CACT;QACA,kBAAkB,IAAI,OAAO,IAAI,CAChC,8BAAC,kBAAK;YACJ,8BAAC,sBAAS,QAAE,CAAC,CAAC,iCAAiC,CAAC,CAAa;YAC7D,8BAAC,sBAAS,QAAE,IAAA,2BAAmB,EAAC,OAAO,CAAC,CAAa,CAC/C,CACT;QACD,8BAAC,kBAAK;YACJ,8BAAC,sBAAS,QAAE,CAAC,CAAC,mBAAmB,CAAC,CAAa;YAC/C,8BAAC,sBAAS,QAAE,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAa,CAC7C,CACP,CACJ,CAAC;IAEF,MAAM,OAAO,GACX,kBAAkB,IAAI,OAAO,CAAC,CAAC,CAAC,IAAA,2BAAmB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;IAC5F,OAAO,CACL,8BAAC,oBAAO,IAAC,aAAa,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAE,WAAW,EAAE,IAAI;QACrE,qCAAG,EAAE,EAAE,OAAO;YACX,aAAa,IAAI,GAAG;YACpB,OAAO;YACP,aAAa,IAAI,GAAG,CACnB,CACI,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultExpandComponent = exports.HostsTableEmptyState = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_icons_1 = require("@patternfly/react-icons");
+const clusterConfiguration_1 = require("../clusterConfiguration");
+const AITable_1 = tslib_1.__importDefault(require("../../../common/components/hosts/AITable"));
+const HostRowDetail_1 = require("./HostRowDetail");
+const EmptyState_1 = tslib_1.__importDefault(require("../ui/uiState/EmptyState"));
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const getHostId = (host) => host.id;
+const HostsTableEmptyState = ({ setDiscoveryHintModalOpen, isSNO = false, }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (React.createElement(EmptyState_1.default, { icon: react_icons_1.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(clusterConfiguration_1.HostsNotShowingLink, { key: "hosts-not-showing", isSNO: isSNO, setDiscoveryHintModalOpen: setDiscoveryHintModalOpen }),
+        ] }));
+};
+exports.HostsTableEmptyState = HostsTableEmptyState;
+const DefaultExpandComponent = ({ obj }) => (React.createElement(HostRowDetail_1.HostDetail, { key: obj.id, host: obj }));
+exports.DefaultExpandComponent = DefaultExpandComponent;
+const HostsTable = (_a) => {
+    var { hosts, skipDisabled } = _a, rest = tslib_1.__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_1.default, Object.assign({ getDataId: getHostId, data: data }, rest));
+};
+exports.default = HostsTable;
+//# sourceMappingURL=HostsTable.js.map

package/build/cjs/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,qDAA+B;AAC/B,yDAAwD;AACxD,kEAAwF;AAExF,+FAGkD;AAClD,mDAA6C;AAE7C,kFAAkD;AAElD,iFAAqE;AAErE,MAAM,SAAS,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AAOnC,MAAM,oBAAoB,GAAG,CAAC,EACnC,yBAAyB,EACzB,KAAK,GAAG,KAAK,GACa,EAAE,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,oBAAU,IACT,IAAI,EAAE,2BAAa,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,0CAAmB,IAClB,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,GACpD;SACH,GAEH,CACH,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,oBAAoB,wBAqB/B;AAEK,MAAM,sBAAsB,GAAG,CAAC,EAAE,GAAG,EAA8B,EAAE,EAAE,CAAC,CAC7E,oBAAC,0BAAU,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,GAAI,CACvC,CAAC;AAFW,QAAA,sBAAsB,0BAEjC;AAoBF,MAAM,UAAU,GAAG,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,KAAK,EAAE,YAAY,OAAyC,EAApC,IAAI,sBAA9B,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,iBAAO,kBAAO,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,EAAI,CAAC;AACvE,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHostsTableDetailContext = exports.HostsTableDetailContextProvider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const HostsTableDetailContext = react_1.default.createContext(undefined);
+const HostsTableDetailContextProvider = ({ canEditDisks, onDiskRole, updateDiskSkipFormatting, children, }) => {
+    const context = {
+        canEditDisks,
+        onDiskRole,
+        updateDiskSkipFormatting,
+    };
+    return (react_1.default.createElement(HostsTableDetailContext.Provider, { value: context }, children));
+};
+exports.HostsTableDetailContextProvider = HostsTableDetailContextProvider;
+const useHostsTableDetailContext = () => {
+    const context = react_1.default.useContext(HostsTableDetailContext);
+    if (context === undefined) {
+        throw new Error('useHostTableDetailContext must be used within a HostsTableDetailContextProvider');
+    }
+    return context;
+};
+exports.useHostsTableDetailContext = useHostsTableDetailContext;
+//# sourceMappingURL=HostsTableDetailContext.js.map

package/build/cjs/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,0DAA0B;AAU1B,MAAM,uBAAuB,GAAG,eAAK,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,8BAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAuC,IAC7E,QAAQ,CACwB,CACpC,CAAC;AACJ,CAAC,CAAC;AAYO,0EAA+B;AAVxC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,eAAK,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;AAEwC,gEAA0B"}

package/build/cjs/common/components/hosts/MassChangeHostnameModal.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const Yup = tslib_1.__importStar(require("yup"));
+const global_palette_blue_300_1 = require("@patternfly/react-tokens/dist/js/global_palette_blue_300");
+const react_icons_1 = require("@patternfly/react-icons");
+const ui_1 = require("../ui");
+const utils_1 = require("./utils");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const api_1 = require("../../api"); // eslint-disable-line no-restricted-imports
+require("./MassChangeHostnameModal.css");
+const getHostname = (host) => {
+    const inventory = (0, utils_1.getInventory)(host);
+    return (0, utils_1.getHostname)(host, inventory) || '';
+};
+const templateToHostname = (index, values) => values.hostname.replace(/{{n+}}/g, `${index + 1}`);
+const getNewHostnames = (values, selectedHosts, canChangeHostname) => {
+    let index = 0;
+    return selectedHosts.map((h) => {
+        const [changeEnabled, reason] = canChangeHostname(h);
+        const hostnameRes = {
+            newHostname: changeEnabled ? templateToHostname(index, values) : undefined,
+            reason: changeEnabled ? undefined : reason,
+        };
+        if (changeEnabled) {
+            index++;
+        }
+        return hostnameRes;
+    });
+};
+const initialValues = {
+    hostname: '',
+};
+const validationSchema = (initialValues, usedHostnames, t) => Yup.object().shape({
+    hostname: (0, ui_1.richHostnameValidationSchema)(t, usedHostnames, initialValues.hostname).required(t('ai:Required field')),
+});
+const updateHostnameValidationResult = (validationResult, message) => {
+    validationResult = Object.assign(Object.assign({}, (validationResult || {})), { hostname: ((validationResult === null || validationResult === void 0 ? void 0 : validationResult.hostname) || []).concat(message) });
+    return validationResult;
+};
+const withTemplate = (selectedHosts, hosts, schema, canChangeHostname, t) => (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const newHostnames = getNewHostnames(values, selectedHosts, canChangeHostname)
+        .filter((h) => !h.reason)
+        .map(({ newHostname }) => newHostname);
+    const usedHostnames = hosts.reduce((acc, host) => {
+        if (!selectedHosts.find((a) => a.id === host.id)) {
+            acc.push(getHostname(host));
+        }
+        return acc;
+    }, []);
+    let validationResult = yield (0, ui_1.getRichTextValidation)(schema)(Object.assign(Object.assign({}, values), { hostname: newHostnames[0] || '' }));
+    if (newHostnames.some((newHostname) => usedHostnames.includes(newHostname || '')) ||
+        new Set(newHostnames).size !== newHostnames.length) {
+        validationResult = updateHostnameValidationResult(validationResult, (0, ui_1.hostnameValidationMessages)(t).NOT_UNIQUE);
+    }
+    if (newHostnames.some((hostname) => ui_1.FORBIDDEN_HOSTNAMES.includes(hostname || ''))) {
+        validationResult = updateHostnameValidationResult(validationResult, (0, ui_1.hostnameValidationMessages)(t).LOCALHOST_ERR);
+    }
+    return validationResult;
+});
+const MassChangeHostnameForm = ({ selectedHosts: initHosts, isOpen, patchingHost, onClose, canChangeHostname, }) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    const { values, handleSubmit, isSubmitting, status, isValid } = (0, formik_1.useFormikContext)();
+    const hostnameInputRef = React.useRef();
+    const ref = React.useRef(initHosts);
+    React.useEffect(() => {
+        var _a;
+        isOpen && ((_a = hostnameInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+    }, [isOpen]);
+    React.useCallback(() => {
+        if (!isSubmitting) {
+            ref.current = initHosts;
+        }
+    }, [initHosts, isSubmitting]);
+    const selectedHosts = ref.current;
+    const newHostnames = getNewHostnames(values, selectedHosts, canChangeHostname);
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (React.createElement(react_core_1.Form, { onSubmit: handleSubmit },
+        React.createElement(react_core_1.ModalBoxBody, null,
+            React.createElement(react_core_1.Stack, { hasGutter: true },
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement("div", null, t('ai:Rename hostnames using the custom template:')),
+                    React.createElement("div", null,
+                        React.createElement("strong", null, `{{n}}`),
+                        " ",
+                        t('ai:to add a number.'))),
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(ui_1.RichInputField, { name: "hostname", ref: hostnameInputRef, isRequired: true, richValidationMessages: (0, ui_1.hostnameValidationMessages)(t) }),
+                    React.createElement(react_core_1.HelperText, null,
+                        React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, t('ai:For example: host-{{n}}', {
+                            interpolation: { suffix: '###', prefix: '###' },
+                        })))),
+                React.createElement(react_core_1.StackItem, null,
+                    t('ai:Preview'),
+                    React.createElement("div", { className: "hostname-preview" }, selectedHosts.map((h, index) => {
+                        const { newHostname, reason } = newHostnames[index];
+                        return (React.createElement(react_core_1.Split, { key: h.id || index, hasGutter: true },
+                            React.createElement(react_core_1.SplitItem, { className: "hostname-column" },
+                                React.createElement("div", { className: "hostname-column__text" },
+                                    React.createElement("strong", null, getHostname(h)))),
+                            React.createElement(react_core_1.SplitItem, null,
+                                React.createElement("div", null,
+                                    React.createElement("strong", null, '>'))),
+                            React.createElement(react_core_1.SplitItem, { isFilled: true }, reason ? (React.createElement(react_core_1.Popover, { "aria-label": t('ai:Cannot change hostname popover'), headerContent: React.createElement("div", null, t('ai:Hostname cannot be changed')), bodyContent: React.createElement("div", null, reason) },
+                                React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(react_icons_1.InfoCircleIcon, { color: global_palette_blue_300_1.global_palette_blue_300.value }), isInline: true }, t('ai:Not changeable')))) : (newHostname || t('ai:New hostname will appear here...')))));
+                    }))),
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(ui_1.ModalProgress
+                    // eslint-disable-next-line
+                    , { 
+                        // eslint-disable-next-line
+                        error: status === null || status === void 0 ? void 0 : status.error, progress: isSubmitting ? (100 * (patchingHost + 1)) / selectedHosts.length : null })))),
+        React.createElement(react_core_1.ModalBoxFooter, null,
+            React.createElement(react_core_1.Button, { key: "submit", type: react_core_1.ButtonType.submit, isDisabled: isSubmitting || !isValid }, t('ai:Change')),
+            React.createElement(react_core_1.Button, { onClick: onClose, variant: react_core_1.ButtonVariant.secondary, isDisabled: isSubmitting }, t('ai:Cancel')))));
+};
+const MassChangeHostnameModal = ({ isOpen, onClose, selectedHostIDs, hosts, onChangeHostname, canChangeHostname, reloadCluster, onHostSaveError, }) => {
+    const [patchingHost, setPatchingHost] = React.useState(0);
+    const selectedHosts = hosts.filter((h) => selectedHostIDs.includes(h.id));
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (React.createElement(react_core_1.Modal, { "aria-label": t('ai:Change hostnames dialog'), title: t('ai:Change hostnames'), isOpen: isOpen, onClose: onClose, hasNoBodyWrapper: true, id: "mass-change-hostname-modal", variant: "small" },
+        React.createElement(formik_1.Formik, { initialValues: initialValues, validate: withTemplate(selectedHosts, hosts, validationSchema(initialValues, [], t), canChangeHostname, t), onSubmit: (values, formikActions) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                let i = 0;
+                try {
+                    for (const agent of selectedHosts) {
+                        setPatchingHost(i);
+                        const newHostname = templateToHostname(i, values);
+                        yield onChangeHostname(agent, newHostname);
+                        i++;
+                    }
+                    reloadCluster && reloadCluster();
+                    onClose();
+                }
+                catch (e) {
+                    formikActions.setStatus({
+                        error: {
+                            title: t('ai:Failed to update host'),
+                            message: (0, api_1.getApiErrorMessage)(e),
+                        },
+                    });
+                    onHostSaveError && onHostSaveError(e);
+                }
+            }) },
+            React.createElement(MassChangeHostnameForm, { isOpen: isOpen, selectedHosts: selectedHosts, patchingHost: patchingHost, onClose: onClose, canChangeHostname: canChangeHostname }))));
+};
+exports.default = MassChangeHostnameModal;
+//# sourceMappingURL=MassChangeHostnameModal.js.map

package/build/cjs/common/components/hosts/MassChangeHostnameModal.js.map

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

package/build/cjs/common/components/hosts/MassDeleteHostModal.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ModalProgress_1 = tslib_1.__importDefault(require("../ui/ModalProgress"));
+const utils_1 = require("../../utils");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const MassDeleteHostModal = ({ isOpen, onClose, onDelete, reloadCluster, hosts, children, }) => {
+    const [progress, setProgress] = React.useState(null);
+    const [error, setError] = React.useState();
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const onClick = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        const i = 0;
+        try {
+            for (const host of hosts) {
+                setProgress((100 * (i + 1)) / hosts.length);
+                yield onDelete(host);
+            }
+            setProgress(null);
+            reloadCluster && reloadCluster();
+            onClose();
+        }
+        catch (e) {
+            setError({
+                title: t('ai:Failed to delete host'),
+                message: (0, utils_1.getErrorMessage)(e),
+            });
+            setProgress(null);
+        }
+    });
+    return (React.createElement(react_core_1.Modal, { "aria-label": t('ai:Remove hosts dialog'), title: t('ai:Remove hosts?'), isOpen: isOpen, onClose: onClose, hasNoBodyWrapper: true, id: "mass-delete-modal", variant: "medium", titleIconVariant: "warning" },
+        React.createElement(react_core_1.ModalBoxBody, null,
+            React.createElement(react_core_1.Stack, { hasGutter: true },
+                React.createElement(react_core_1.StackItem, null, t('ai:All of the listed hosts will be removed.')),
+                React.createElement(react_core_1.StackItem, null, children),
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(ModalProgress_1.default, { error: error, progress: progress })))),
+        React.createElement(react_core_1.ModalBoxFooter, null,
+            React.createElement(react_core_1.Button, { onClick: () => void onClick(), isDisabled: progress !== null, variant: react_core_1.ButtonVariant.danger }, t('ai:Remove hosts')),
+            React.createElement(react_core_1.Button, { onClick: onClose, variant: react_core_1.ButtonVariant.secondary, isDisabled: progress !== null }, t('ai:Cancel')))));
+};
+exports.default = MassDeleteHostModal;
+//# sourceMappingURL=MassDeleteHostModal.js.map

package/build/cjs/common/components/hosts/MassDeleteHostModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MassDeleteHostModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/hosts/MassDeleteHostModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAQgC;AAEhC,gFAAgD;AAEhD,uCAA8C;AAC9C,iFAAqE;AAYrE,MAAM,mBAAmB,GAAG,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,GACiB,EAAE,EAAE;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsC,CAAC;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,MAAM,CAAC,GAAG,CAAC,CAAC;QAEZ,IAAI;YACF,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACxB,WAAW,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC5C,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;aACtB;YACD,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,aAAa,IAAI,aAAa,EAAE,CAAC;YACjC,OAAO,EAAE,CAAC;SACX;QAAC,OAAO,CAAC,EAAE;YACV,QAAQ,CAAC;gBACP,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;gBACpC,OAAO,EAAE,IAAA,uBAAe,EAAC,CAAC,CAAC;aAC5B,CAAC,CAAC;YACH,WAAW,CAAC,IAAI,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,CAAC;IACF,OAAO,CACL,oBAAC,kBAAK,kBACQ,CAAC,CAAC,wBAAwB,CAAC,EACvC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,QAChB,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAC,QAAQ,EAChB,gBAAgB,EAAC,SAAS;QAE1B,oBAAC,yBAAY;YACX,oBAAC,kBAAK,IAAC,SAAS;gBACd,oBAAC,sBAAS,QAAE,CAAC,CAAC,6CAA6C,CAAC,CAAa;gBACzE,oBAAC,sBAAS,QAAE,QAAQ,CAAa;gBACjC,oBAAC,sBAAS;oBACR,oBAAC,uBAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACzC,CACN,CACK;QACf,oBAAC,2BAAc;YACb,oBAAC,mBAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,EAAE,EAC7B,UAAU,EAAE,QAAQ,KAAK,IAAI,EAC7B,OAAO,EAAE,0BAAa,CAAC,MAAM,IAE5B,CAAC,CAAC,iBAAiB,CAAC,CACd;YACT,oBAAC,mBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,0BAAa,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAK,IAAI,IACtF,CAAC,CAAC,WAAW,CAAC,CACR,CACM,CACX,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/build/cjs/common/components/hosts/NtpValidationStatus.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const HostPropertyValidationPopover_1 = tslib_1.__importDefault(require("./HostPropertyValidationPopover"));
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const getLabel = (t, validationStatus) => {
+    switch (validationStatus) {
+        case 'failure':
+            return t('ai:Unreachable');
+        case 'success':
+            return t('ai:Synced');
+        default:
+            return t('ai:Not available');
+    }
+};
+const NtpValidationStatus = ({ validationsInfo, AdditionalNTPSourcesDialogToggleComponent, }) => {
+    var _a;
+    const ntpSyncedValidation = (_a = validationsInfo.network) === null || _a === void 0 ? void 0 : _a.find((v) => v.id === 'ntp-synced');
+    const actions = [];
+    if (AdditionalNTPSourcesDialogToggleComponent) {
+        actions.push(react_1.default.createElement(AdditionalNTPSourcesDialogToggleComponent, { key: "add-ntp-sources" }));
+    }
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(HostPropertyValidationPopover_1.default, { validation: ntpSyncedValidation, failureActions: actions, pendingActions: actions, showSuccess: true, showPending: true }, getLabel(t, ntpSyncedValidation === null || ntpSyncedValidation === void 0 ? void 0 : ntpSyncedValidation.status)));
+};
+exports.default = NtpValidationStatus;
+//# sourceMappingURL=NtpValidationStatus.js.map

package/build/cjs/common/components/hosts/NtpValidationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NtpValidationStatus.js","sourceRoot":"","sources":["../../../../../lib/common/components/hosts/NtpValidationStatus.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,4GAA4E;AAE5E,iFAAqE;AAGrE,MAAM,QAAQ,GAAG,CAAC,CAAY,EAAE,gBAAuC,EAAE,EAAE;IACzE,QAAQ,gBAAgB,EAAE;QACxB,KAAK,SAAS;YACZ,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC;QAC7B,KAAK,SAAS;YACZ,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC;QACxB;YACE,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAAC;KAChC;AACH,CAAC,CAAC;AAOF,MAAM,mBAAmB,GAAwC,CAAC,EAChE,eAAe,EACf,yCAAyC,GAC1C,EAAE,EAAE;;IACH,MAAM,mBAAmB,GAAG,MAAA,eAAe,CAAC,OAAO,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACxF,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,IAAI,yCAAyC,EAAE;QAC7C,OAAO,CAAC,IAAI,CAAC,8BAAC,yCAAyC,IAAC,GAAG,EAAC,iBAAiB,GAAG,CAAC,CAAC;KACnF;IACD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,uCAA6B,IAC5B,UAAU,EAAE,mBAAmB,EAC/B,cAAc,EAAE,OAAO,EACvB,cAAc,EAAE,OAAO,EACvB,WAAW,QACX,WAAW,UAEV,QAAQ,CAAC,CAAC,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,CAAC,CACX,CACjC,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,mBAAmB,CAAC"}

package/build/cjs/common/components/hosts/OcpConsoleNodesSectionLink.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_icons_1 = require("@patternfly/react-icons");
+const react_core_1 = require("@patternfly/react-core");
+const AddHostsContext_1 = require("../AddHosts/AddHostsContext");
+const config_1 = require("../../config");
+const OcpConsoleNodesSectionLink = ({ id, title = 'OpenShift console' }) => {
+    const { ocpConsoleUrl } = react_1.default.useContext(AddHostsContext_1.AddHostsContext) || {};
+    if (!ocpConsoleUrl) {
+        return null;
+    }
+    return (react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.link, onClick: () => window.open((0, config_1.getOcpConsoleNodesPage)(ocpConsoleUrl), '_blank', 'noopener noreferrer'), id: id },
+        title,
+        " ",
+        react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null)));
+};
+exports.default = OcpConsoleNodesSectionLink;
+//# sourceMappingURL=OcpConsoleNodesSectionLink.js.map

package/build/cjs/common/components/hosts/OcpConsoleNodesSectionLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcpConsoleNodesSectionLink.js","sourceRoot":"","sources":["../../../../../lib/common/components/hosts/OcpConsoleNodesSectionLink.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,yDAA8D;AAC9D,uDAA+D;AAC/D,iEAA8D;AAC9D,yCAAsD;AAEtD,MAAM,0BAA0B,GAG3B,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,mBAAmB,EAAE,EAAE,EAAE;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,IAAI,EAAE,CAAC;IAClE,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,CAAC,IAAI,EAC3B,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,IAAI,CAAC,IAAA,+BAAsB,EAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,qBAAqB,CAAC,EAErF,EAAE,EAAE,EAAE;QAEL,KAAK;;QAAE,8BAAC,iCAAmB,OAAG,CACxB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}

package/build/cjs/common/components/hosts/RoleCell.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const RoleDropdown_1 = tslib_1.__importDefault(require("./RoleDropdown"));
+const RoleCell = ({ host, role, readonly = false, onEditRole }) => !readonly && onEditRole ? (react_1.default.createElement(RoleDropdown_1.default, { host: host, onEditRole: onEditRole, current: role })) : (react_1.default.createElement("span", null, role));
+exports.default = RoleCell;
+//# sourceMappingURL=RoleCell.js.map

package/build/cjs/common/components/hosts/RoleCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleCell.js","sourceRoot":"","sources":["../../../../../lib/common/components/hosts/RoleCell.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,0EAA0C;AAW1C,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CACzF,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,8BAAC,sBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,4CAAO,IAAI,CAAQ,CACpB,CAAC;AAEJ,kBAAe,QAAQ,CAAC"}

package/build/cjs/common/components/hosts/RoleDropdown.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../config/constants");
+const ui_1 = require("../ui");
+const hooks_1 = require("../../hooks");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const RoleDropdown = ({ host, onEditRole, current }) => {
+    const [isDisabled, setDisabled] = (0, hooks_1.useStateSafely)(false);
+    const setRole = (role) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        setDisabled(true);
+        try {
+            yield onEditRole(role);
+        }
+        finally {
+            setDisabled(false);
+        }
+    });
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(ui_1.SimpleDropdown, { defaultValue: (0, constants_1.hostRoles)(t)[0].value, current: current, items: (0, constants_1.hostRoles)(t), 
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        setValue: setRole, isDisabled: isDisabled, idPrefix: `role-${host.requestedHostname || ''}`, menuAppendTo: () => document.body }));
+};
+exports.default = RoleDropdown;
+//# sourceMappingURL=RoleDropdown.js.map