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

package/build/cim/components/ClusterDeployment/ClusterDeploymentCredentials.js

@@ -0,0 +1,51 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { ClusterCredentials } from '../../../common';
+import { getAICluster } from '../helpers/toAssisted';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+const ClusterDeploymentCredentials = ({ clusterDeployment, agentClusterInstall, agents, consoleUrl, fetchSecret, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [credentials, setCredentials] = React.useState();
+    const [isError, setIsError] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(true);
+    const cluster = getAICluster({ clusterDeployment, agentClusterInstall, agents });
+    const adminPasswordSecretRefName = ((_c = (_b = (_a = agentClusterInstall.spec) === null || _a === void 0 ? void 0 : _a.clusterMetadata) === null || _b === void 0 ? void 0 : _b.adminPasswordSecretRef) === null || _c === void 0 ? void 0 : _c.name) ||
+        ((_f = (_e = (_d = clusterDeployment.spec) === null || _d === void 0 ? void 0 : _d.clusterMetadata) === null || _e === void 0 ? void 0 : _e.adminPasswordSecretRef) === null || _f === void 0 ? void 0 : _f.name);
+    const namespace = (_g = clusterDeployment.metadata) === null || _g === void 0 ? void 0 : _g.namespace;
+    const { t } = useTranslation();
+    React.useEffect(() => {
+        const fetchCredentials = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            setIsError(false);
+            try {
+                if (adminPasswordSecretRefName && namespace) {
+                    const secret = yield fetchSecret(adminPasswordSecretRefName, namespace);
+                    setCredentials({
+                        username: atob(((_a = secret === null || secret === void 0 ? void 0 : secret.data) === null || _a === void 0 ? void 0 : _a.username) || ''),
+                        password: atob(((_b = secret === null || secret === void 0 ? void 0 : secret.data) === null || _b === void 0 ? void 0 : _b.password) || ''),
+                        consoleUrl,
+                    });
+                }
+            }
+            catch (e) {
+                setIsError(true);
+                console.error(t('ai:Failed to fetch adminPasswordSecret secret.'), e);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        });
+        void fetchCredentials();
+    }, [adminPasswordSecretRefName, namespace, fetchSecret, consoleUrl, t]);
+    return (React.createElement(ClusterCredentials, { cluster: cluster, credentials: credentials, error: isError, notAvailable: !credentials && !isLoading }));
+};
+export default ClusterDeploymentCredentials;
+//# sourceMappingURL=ClusterDeploymentCredentials.js.map

package/build/cim/components/ClusterDeployment/ClusterDeploymentCredentials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterDeploymentCredentials.js","sourceRoot":"","sources":["../../../../lib/cim/components/ClusterDeployment/ClusterDeploymentCredentials.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAe,MAAM,iBAAiB,CAAC;AAIlE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAU/E,MAAM,4BAA4B,GAAG,CAAC,EACpC,iBAAiB,EACjB,mBAAmB,EACnB,MAAM,EACN,UAAU,EACV,WAAW,GACuB,EAAE,EAAE;;IACtC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,EAA2B,CAAC;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,EAAE,CAAC,CAAC;IAEjF,MAAM,0BAA0B,GAC9B,CAAA,MAAA,MAAA,MAAA,mBAAmB,CAAC,IAAI,0CAAE,eAAe,0CAAE,sBAAsB,0CAAE,IAAI;SACvE,MAAA,MAAA,MAAA,iBAAiB,CAAC,IAAI,0CAAE,eAAe,0CAAE,sBAAsB,0CAAE,IAAI,CAAA,CAAC;IACxE,MAAM,SAAS,GAAG,MAAA,iBAAiB,CAAC,QAAQ,0CAAE,SAAS,CAAC;IACxD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,gBAAgB,GAAG,GAAS,EAAE;;YAClC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI;gBACF,IAAI,0BAA0B,IAAI,SAAS,EAAE;oBAC3C,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;oBACxE,cAAc,CAAC;wBACb,QAAQ,EAAE,IAAI,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,QAAQ,KAAI,EAAE,CAAC;wBAC5C,QAAQ,EAAE,IAAI,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,QAAQ,KAAI,EAAE,CAAC;wBAC5C,UAAU;qBACX,CAAC,CAAC;iBACJ;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,gDAAgD,CAAC,EAAE,CAAC,CAAC,CAAC;aACvE;oBAAS;gBACR,YAAY,CAAC,KAAK,CAAC,CAAC;aACrB;QACH,CAAC,CAAA,CAAC;QAEF,KAAK,gBAAgB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,0BAA0B,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,OAAO,EACd,YAAY,EAAE,CAAC,WAAW,IAAI,CAAC,SAAS,GACxC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetails.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { Button, ButtonVariant, Card, CardBody, CardExpandableContent, CardHeader, CardTitle, Stack, StackItem, } from '@patternfly/react-core';
+import ClusterPropertiesList from '../../../common/components/clusterDetail/ClusterPropertiesList';
+import { getAICluster } from '../helpers/toAssisted';
+import ClusterDeploymentCredentials from './ClusterDeploymentCredentials';
+import { shouldShowClusterCredentials, shouldShowClusterInstallationProgress } from './helpers';
+import { EventsModalButton } from '../../../common/components/ui/eventsModal';
+import ClusterDeploymentDetailsTable from './ClusterDeploymentDetailsTable';
+import { getClusterProperties, getConsoleUrl } from '../helpers/clusterDeployment';
+import ClusterDeploymentKubeconfigDownload from './ClusterDeploymentKubeconfigDownload';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+const ClusterDeploymentDetails = ({ clusterDeployment, agentClusterInstall, agents, fetchSecret, onFetchEvents, }) => {
+    const [progressCardExpanded, setProgressCardExpanded] = React.useState(true);
+    const [inventoryCardExpanded, setInventoryCardExpanded] = React.useState(true);
+    const [detailsCardExpanded, setDetailsCardExpanded] = React.useState(true);
+    const clusterAgents = agents.filter((a) => {
+        var _a, _b, _c, _d;
+        return ((_a = a.spec.clusterDeploymentName) === null || _a === void 0 ? void 0 : _a.name) === ((_b = clusterDeployment.metadata) === null || _b === void 0 ? void 0 : _b.name) &&
+            ((_c = a.spec.clusterDeploymentName) === null || _c === void 0 ? void 0 : _c.namespace) === ((_d = clusterDeployment.metadata) === null || _d === void 0 ? void 0 : _d.namespace);
+    });
+    const cluster = getAICluster({ clusterDeployment, agentClusterInstall, agents: clusterAgents });
+    const clusterProperties = React.useMemo(() => getClusterProperties(clusterDeployment, agentClusterInstall), [clusterDeployment, agentClusterInstall]);
+    const { t } = useTranslation();
+    return (React.createElement(Stack, { hasGutter: true },
+        shouldShowClusterInstallationProgress(agentClusterInstall) && (React.createElement(StackItem, null,
+            React.createElement(Card, { id: "cluster-installation-progress-card", isExpanded: progressCardExpanded },
+                React.createElement(CardHeader, { onExpand: () => setProgressCardExpanded(!progressCardExpanded), toggleButtonProps: {
+                        id: 'progress-card-toggle-button',
+                        'aria-label': 'Cluster installation process',
+                        'aria-labelledby': 'titleId progress-card-toggle-button',
+                        'aria-expanded': progressCardExpanded,
+                    } },
+                    React.createElement(CardTitle, { id: "titleId" }, t('ai:Cluster installation process'))),
+                React.createElement(CardExpandableContent, null,
+                    React.createElement(CardBody, null,
+                        React.createElement(Stack, { hasGutter: true },
+                            shouldShowClusterCredentials(agentClusterInstall) && (React.createElement(StackItem, null,
+                                React.createElement(ClusterDeploymentCredentials, { clusterDeployment: clusterDeployment, agentClusterInstall: agentClusterInstall, agents: clusterAgents, fetchSecret: fetchSecret, consoleUrl: getConsoleUrl(clusterDeployment) }))),
+                            React.createElement(StackItem, null,
+                                React.createElement(ClusterDeploymentKubeconfigDownload, { clusterDeployment: clusterDeployment, agentClusterInstall: agentClusterInstall, fetchSecret: fetchSecret }),
+                                ' ',
+                                React.createElement(EventsModalButton, { id: "cluster-events-button", entityKind: "cluster", cluster: cluster, title: t('ai:Cluster Events'), variant: ButtonVariant.link, style: { textAlign: 'right' }, onFetchEvents: onFetchEvents, ButtonComponent: Button, disablePagination: true }, t('ai:View cluster events'))))))))),
+        React.createElement(StackItem, null,
+            React.createElement(Card, { id: "cluster-inventory-card", isExpanded: inventoryCardExpanded },
+                React.createElement(CardHeader, { onExpand: () => setInventoryCardExpanded(!inventoryCardExpanded), toggleButtonProps: {
+                        id: 'inventory-card-toggle-button',
+                        'aria-label': 'Hosts inventory',
+                        'aria-labelledby': 'titleId inventory-card-toggle-button',
+                        'aria-expanded': inventoryCardExpanded,
+                    } },
+                    React.createElement(CardTitle, { id: "titleId" }, t('ai:Hosts inventory'))),
+                React.createElement(CardExpandableContent, null,
+                    React.createElement(CardBody, null,
+                        React.createElement(ClusterDeploymentDetailsTable, { agents: clusterAgents, agentClusterInstall: agentClusterInstall }))))),
+        React.createElement(StackItem, null,
+            React.createElement(Card, { id: "cluster-details-card", isExpanded: detailsCardExpanded },
+                React.createElement(CardHeader, { onExpand: () => setDetailsCardExpanded(!detailsCardExpanded), toggleButtonProps: {
+                        id: 'details-card-toggle-button',
+                        'aria-label': 'Details',
+                        'aria-labelledby': 'titleId details-card-toggle-button',
+                        'aria-expanded': detailsCardExpanded,
+                    } },
+                    React.createElement(CardTitle, { id: "titleId" }, t('ai:Details'))),
+                React.createElement(CardExpandableContent, null,
+                    React.createElement(CardBody, null,
+                        React.createElement(ClusterPropertiesList, { leftItems: [
+                                clusterProperties.name,
+                                clusterProperties.openshiftVersion,
+                                clusterProperties.clusterId,
+                                clusterProperties.installedTimestamp,
+                                clusterProperties.baseDnsDomain,
+                            ], rightItems: [
+                                clusterProperties.apiVip,
+                                clusterProperties.ingressVip,
+                                clusterProperties.clusterNetworkCidr,
+                                clusterProperties.clusterNetworkHostPrefix,
+                                clusterProperties.serviceNetworkCidr,
+                            ] })))))));
+};
+export default ClusterDeploymentDetails;
+//# sourceMappingURL=ClusterDeploymentDetails.js.map

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetails.js.map

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

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetailsForm.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Alert, Stack, StackItem } from '@patternfly/react-core';
+import { getOCPVersions, getSelectedVersion } from '../helpers';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+import { ClusterDetailsFormFields, } from './ClusterDetailsFormFields';
+const ClusterDeploymentDetailsForm = ({ agentClusterInstall, clusterDeployment, clusterImages, extensionAfter, }) => {
+    const ocpVersions = React.useMemo(() => getOCPVersions(clusterImages), [clusterImages]);
+    const forceOpenshiftVersion = agentClusterInstall
+        ? getSelectedVersion(clusterImages, agentClusterInstall)
+        : undefined;
+    const isEditFlow = !!clusterDeployment;
+    const { t } = useTranslation();
+    return (React.createElement(Stack, { hasGutter: true },
+        isEditFlow && (React.createElement(StackItem, null,
+            React.createElement(Alert, { isInline: true, variant: "info", title: t('ai:Some details are not editable after the draft cluster was created.') }))),
+        React.createElement(StackItem, null,
+            React.createElement(ClusterDetailsFormFields, { versions: ocpVersions, isEditFlow: isEditFlow, forceOpenshiftVersion: forceOpenshiftVersion, extensionAfter: extensionAfter }))));
+};
+export default ClusterDeploymentDetailsForm;
+//# sourceMappingURL=ClusterDeploymentDetailsForm.js.map

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetailsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterDeploymentDetailsForm.js","sourceRoot":"","sources":["../../../../lib/cim/components/ClusterDeployment/ClusterDeploymentDetailsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AASpC,MAAM,4BAA4B,GAAgD,CAAC,EACjF,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACxF,MAAM,qBAAqB,GAAG,mBAAmB;QAC/C,CAAC,CAAC,kBAAkB,CAAC,aAAa,EAAE,mBAAmB,CAAC;QACxD,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GAAG,CAAC,CAAC,iBAAiB,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS;QACb,UAAU,IAAI,CACb,oBAAC,SAAS;YACR,oBAAC,KAAK,IACJ,QAAQ,QACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,CAAC,CAAC,uEAAuE,CAAC,GACjF,CACQ,CACb;QACD,oBAAC,SAAS;YACR,oBAAC,wBAAwB,IACvB,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,GAC9B,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetailsStep.js

@@ -0,0 +1,96 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Formik } from 'formik';
+import { Grid, GridItem } from '@patternfly/react-core';
+import { useAlerts, getClusterDetailsInitialValues, getClusterDetailsValidationSchema, ClusterWizardStepHeader, useFeatureSupportLevel, getRichTextValidation, } from '../../../common';
+import ClusterDeploymentWizardFooter from './ClusterDeploymentWizardFooter';
+import ClusterDeploymentWizardContext from './ClusterDeploymentWizardContext';
+import ClusterDeploymentWizardStep from './ClusterDeploymentWizardStep';
+import { getAICluster, getOCPVersions } from '../helpers';
+import ClusterDeploymentDetailsForm from './ClusterDeploymentDetailsForm';
+import { isCIMFlow, getGridSpans } from './helpers';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+export const useDetailsFormik = ({ clusterDeployment, agentClusterInstall, agents, clusterImages, usedClusterNames, infraEnv, }) => {
+    const { t } = useTranslation();
+    const featureSupportLevels = useFeatureSupportLevel();
+    const ocpVersions = getOCPVersions(clusterImages);
+    const cluster = React.useMemo(() => clusterDeployment && agentClusterInstall
+        ? getAICluster({
+            clusterDeployment,
+            agentClusterInstall,
+            agents,
+            infraEnv,
+        })
+        : undefined, [agentClusterInstall, clusterDeployment, agents, infraEnv]);
+    const initialValues = React.useMemo(() => getClusterDetailsInitialValues({
+        managedDomains: [],
+        cluster,
+        ocpVersions,
+    }), []);
+    const isEdit = !!clusterDeployment || !!agentClusterInstall;
+    const validationSchema = React.useMemo(() => getClusterDetailsValidationSchema({
+        usedClusterNames,
+        featureSupportLevels,
+        pullSecretSet: isEdit,
+        ocpVersions,
+        validateUniqueName: true,
+        t,
+    }), [usedClusterNames, ocpVersions, featureSupportLevels, isEdit, t]);
+    return [initialValues, validationSchema];
+};
+const ClusterDeploymentDetailsStep = ({ clusterImages, clusterDeployment, agentClusterInstall, agents, usedClusterNames, onSaveDetails, onClose, isPreviewOpen, infraEnv, }) => {
+    const { addAlert } = useAlerts();
+    const { setCurrentStepId } = React.useContext(ClusterDeploymentWizardContext);
+    const { t } = useTranslation();
+    const [initialValues, validationSchema] = useDetailsFormik({
+        clusterDeployment,
+        agentClusterInstall,
+        agents,
+        clusterImages,
+        usedClusterNames,
+        infraEnv,
+    });
+    const next = () => isCIMFlow(clusterDeployment)
+        ? setCurrentStepId('hosts-selection')
+        : setCurrentStepId('hosts-discovery');
+    const handleSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield onSaveDetails(values);
+            next();
+        }
+        catch (error) {
+            addAlert({
+                title: t('ai:Failed to save ClusterDeployment'),
+                message: error,
+            });
+        }
+    });
+    return (React.createElement(Formik, { initialValues: initialValues, validate: getRichTextValidation(validationSchema), onSubmit: handleSubmit }, ({ submitForm, isSubmitting, isValid, isValidating, dirty }) => {
+        const handleOnNext = () => {
+            if (dirty) {
+                void submitForm();
+            }
+            else {
+                next();
+            }
+        };
+        const footer = (React.createElement(ClusterDeploymentWizardFooter, { agentClusterInstall: agentClusterInstall, isSubmitting: isSubmitting, isNextDisabled: !isValid || isValidating || isSubmitting, onNext: handleOnNext, onCancel: onClose }));
+        const gridSpans = getGridSpans(isPreviewOpen);
+        return (React.createElement(ClusterDeploymentWizardStep, { footer: footer },
+            React.createElement(Grid, { hasGutter: true },
+                React.createElement(GridItem, null,
+                    React.createElement(ClusterWizardStepHeader, null, "Cluster Details")),
+                React.createElement(GridItem, Object.assign({}, gridSpans),
+                    React.createElement(ClusterDeploymentDetailsForm, { agentClusterInstall: agentClusterInstall, clusterDeployment: clusterDeployment, clusterImages: clusterImages })))));
+    }));
+};
+export default ClusterDeploymentDetailsStep;
+//# sourceMappingURL=ClusterDeploymentDetailsStep.js.map

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetailsStep.js.map

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

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetailsTable.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import DefaultEmptyState from '../../../common/components/ui/uiState/EmptyState';
+import { ConnectedIcon } from '@patternfly/react-icons';
+import { infraEnvColumn, agentStatusColumn, useAgentsTable } from '../Agent/tableUtils';
+import { cpuCoresColumn, disksColumn, hostnameColumn, memoryColumn, roleColumn, } from '../../../common/components/hosts/tableUtils';
+import HostsTable, { DefaultExpandComponent } from '../../../common/components/hosts/HostsTable';
+import { usePagination } from '../../../common/components/hosts/usePagination';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+export const getAgentId = (agent) => { var _a; return (_a = agent.metadata) === null || _a === void 0 ? void 0 : _a.uid; };
+export const AgentTableEmptyState = () => {
+    const { t } = useTranslation();
+    return (React.createElement(DefaultEmptyState, { icon: ConnectedIcon, title: t('ai:Waiting for hosts...'), content: t('ai:Hosts may take a few minutes to appear here after booting.') }));
+};
+const ClusterDeploymentDetailsTable = ({ agents, agentClusterInstall, }) => {
+    const agentClusterInstalls = React.useMemo(() => [agentClusterInstall], [agentClusterInstall]);
+    const [hosts, , actionResolver] = useAgentsTable({ agents, agentClusterInstalls });
+    const { t } = useTranslation();
+    const content = React.useMemo(() => [
+        hostnameColumn(t),
+        roleColumn(t),
+        agentStatusColumn({
+            agents,
+            t,
+        }),
+        infraEnvColumn(agents, t),
+        cpuCoresColumn,
+        memoryColumn,
+        disksColumn,
+    ], [agents, t]);
+    const paginationProps = usePagination(agents.length);
+    return (React.createElement(HostsTable, Object.assign({ hosts: hosts, content: content, actionResolver: actionResolver, ExpandComponent: DefaultExpandComponent }, paginationProps),
+        React.createElement(AgentTableEmptyState, null)));
+};
+export default ClusterDeploymentDetailsTable;
+//# sourceMappingURL=ClusterDeploymentDetailsTable.js.map

package/build/cim/components/ClusterDeployment/ClusterDeploymentDetailsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterDeploymentDetailsTable.js","sourceRoot":"","sources":["../../../../lib/cim/components/ClusterDeployment/ClusterDeploymentDetailsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACxF,OAAO,EACL,cAAc,EACd,WAAW,EACX,cAAc,EACd,YAAY,EACZ,UAAU,GACX,MAAM,6CAA6C,CAAC;AACrD,OAAO,UAAU,EAAE,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAa,CAAA,EAAA,CAAC;AAErF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,+DAA+D,CAAC,GAC3E,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,6BAA6B,GAAiD,CAAC,EACnF,MAAM,EACN,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC/F,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,cAAc,CAAC,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IACnF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC;QACJ,cAAc,CAAC,CAAC,CAAC;QACjB,UAAU,CAAC,CAAC,CAAC;QACb,iBAAiB,CAAC;YAChB,MAAM;YACN,CAAC;SACF,CAAC;QACF,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC;QACzB,cAAc;QACd,YAAY;QACZ,WAAW;KACZ,EACD,CAAC,MAAM,EAAE,CAAC,CAAC,CACZ,CAAC;IAEF,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACrD,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,sBAAsB,IACnC,eAAe;QAEnB,oBAAC,oBAAoB,OAAG,CACb,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/build/cim/components/ClusterDeployment/ClusterDeploymentHostDiscoveryTable.js

@@ -0,0 +1,87 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import * as React from 'react';
+import noop from 'lodash-es/noop.js';
+import { Stack, StackItem } from '@patternfly/react-core';
+import { discoveryTypeColumn, agentStatusColumn, useAgentsTable, canChangeHostname, } from '../Agent/tableUtils';
+import HostsTable, { DefaultExpandComponent, HostsTableEmptyState, } from '../../../common/components/hosts/HostsTable';
+import { cpuCoresColumn, discoveredAtColumn, disksColumn, hostnameColumn, memoryColumn, roleColumn, } from '../../../common/components/hosts/tableUtils';
+import { DiscoveryTroubleshootingModal, ChangeHostnameAction, MassChangeHostnameModal, TableToolbar, } from '../../../common';
+import MassApproveAgentModal from '../modals/MassApproveAgentModal';
+import MassApproveAction from '../modals/MassApproveAction';
+import { usePagination } from '../../../common/components/hosts/usePagination';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+import { ExpandComponent } from '../Agent/AgentsSelectionTable';
+import { HostsTableDetailContextProvider } from '../../../common/components/hosts/HostsTableDetailContext';
+const ClusterDeploymentHostDiscoveryTable = ({ agents, bareMetalHosts, infraEnv, onApprove, onChangeHostname, onChangeBMHHostname, onEditRole, onSetInstallationDiskId, onEditHost, onEditBMH, onDeleteHost, width, }) => {
+    const [isDiscoveryHintModalOpen, setDiscoveryHintModalOpen] = React.useState(false);
+    const [isMassChangeHostOpen, setMassChangeHostOpen] = React.useState(false);
+    const [isMassApproveOpen, setMassApproveOpen] = React.useState(false);
+    const [selectedHostIDs, setSelectedHostIDs] = React.useState([]);
+    const { t } = useTranslation();
+    const onSelect = (host, isSelected) => {
+        if (isSelected) {
+            setSelectedHostIDs([...selectedHostIDs, host.id]);
+        }
+        else {
+            setSelectedHostIDs(selectedHostIDs.filter((sa) => sa !== host.id));
+        }
+    };
+    const [hosts, hostActions, actionResolver] = useAgentsTable({
+        agents,
+        bmhs: bareMetalHosts,
+        infraEnv,
+    }, { onEditHost, onEditRole, onEditBMH, onDeleteHost, onSetInstallationDiskId });
+    const addAll = width && width > 700;
+    const content = React.useMemo(() => [
+        hostnameColumn(t, hostActions.onEditHost),
+        ...(addAll ? [discoveryTypeColumn(agents, bareMetalHosts, t)] : []),
+        agentStatusColumn({
+            agents,
+            bareMetalHosts,
+            onEditHostname: onEditHost,
+            onApprove,
+            wizardStepId: 'hosts-discovery',
+            t,
+        }),
+        roleColumn(t, hostActions.canEditRole, hostActions.onEditRole),
+        ...(addAll ? [discoveredAtColumn, cpuCoresColumn, memoryColumn, disksColumn] : []),
+    ], [agents, hostActions, bareMetalHosts, onApprove, onEditHost, addAll, t]);
+    const selectedAgents = agents.filter((a) => { var _a; return selectedHostIDs.includes(((_a = a.metadata) === null || _a === void 0 ? void 0 : _a.uid) || ''); });
+    const massActions = [
+        React.createElement(ChangeHostnameAction, { key: "hostname", onChangeHostname: () => setMassChangeHostOpen(!isMassChangeHostOpen) }),
+        React.createElement(MassApproveAction, { key: "approve", onApprove: () => setMassApproveOpen(!isMassApproveOpen), selectedAgents: selectedAgents }),
+    ];
+    const onAgentChangeHostname = (host, hostname) => __awaiter(void 0, void 0, void 0, function* () {
+        const agent = agents.find((a) => { var _a; return ((_a = a.metadata) === null || _a === void 0 ? void 0 : _a.uid) === host.id; });
+        if (agent) {
+            return onChangeHostname(agent, hostname);
+        }
+        else {
+            const bmh = bareMetalHosts.find((bmh) => { var _a; return ((_a = bmh.metadata) === null || _a === void 0 ? void 0 : _a.uid) === host.id; });
+            return bmh ? onChangeBMHHostname(bmh, hostname) : noop;
+        }
+    });
+    const paginationProps = usePagination(hosts.length);
+    const itemIDs = hosts.map((h) => h.id);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { hasGutter: true },
+            React.createElement(StackItem, null,
+                React.createElement(TableToolbar, Object.assign({ selectedIDs: selectedHostIDs, itemIDs: itemIDs, setSelectedIDs: setSelectedHostIDs, actions: massActions }, paginationProps))),
+            React.createElement(StackItem, null,
+                React.createElement(HostsTableDetailContextProvider, { canEditDisks: hostActions.canEditDisks, onDiskRole: hostActions.onDiskRole },
+                    React.createElement(HostsTable, Object.assign({ hosts: hosts, content: content, actionResolver: actionResolver, selectedIDs: selectedHostIDs, setSelectedIDs: setSelectedHostIDs, onSelect: onSelect, ExpandComponent: hostActions.onDiskRole ? ExpandComponent : DefaultExpandComponent }, paginationProps),
+                        React.createElement(HostsTableEmptyState, { setDiscoveryHintModalOpen: setDiscoveryHintModalOpen }))))),
+        isDiscoveryHintModalOpen && (React.createElement(DiscoveryTroubleshootingModal, { isOpen: isDiscoveryHintModalOpen, setDiscoveryHintModalOpen: setDiscoveryHintModalOpen })),
+        isMassChangeHostOpen && (React.createElement(MassChangeHostnameModal, { isOpen: isMassChangeHostOpen, hosts: hosts, selectedHostIDs: selectedHostIDs, onChangeHostname: onAgentChangeHostname, onClose: () => setMassChangeHostOpen(false), canChangeHostname: canChangeHostname(agents, bareMetalHosts, t) })),
+        isMassApproveOpen && (React.createElement(MassApproveAgentModal, { isOpen: isMassApproveOpen, agents: selectedAgents, onApprove: onApprove, onClose: () => setMassApproveOpen(false) }))));
+};
+export default ClusterDeploymentHostDiscoveryTable;
+//# sourceMappingURL=ClusterDeploymentHostDiscoveryTable.js.map

package/build/cim/components/ClusterDeployment/ClusterDeploymentHostDiscoveryTable.js.map

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

package/build/cim/components/ClusterDeployment/ClusterDeploymentHostSelectionStep.js

@@ -0,0 +1,202 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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 * as Yup from 'yup';
+import { Formik, useFormikContext } from 'formik';
+import { Alert, AlertVariant, Grid, GridItem } from '@patternfly/react-core';
+import { ClusterWizardStepHeader, useAlerts } from '../../../common';
+import ClusterDeploymentWizardContext from './ClusterDeploymentWizardContext';
+import ClusterDeploymentWizardFooter from './ClusterDeploymentWizardFooter';
+import ClusterDeploymentWizardStep from './ClusterDeploymentWizardStep';
+import ClusterDeploymentHostsSelection from './ClusterDeploymentHostsSelection';
+import { hostCountValidationSchema } from './validationSchemas';
+import { getAgentSelectorFieldsFromAnnotations, getIsSNOCluster, getWizardStepAgentStatus, } from '../helpers';
+import { canNextFromHostSelectionStep } from './wizardTransition';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+const getInitialValues = ({ agents, clusterDeployment, agentClusterInstall, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const isSNOCluster = getIsSNOCluster(agentClusterInstall);
+    const cdName = (_a = clusterDeployment === null || clusterDeployment === void 0 ? void 0 : clusterDeployment.metadata) === null || _a === void 0 ? void 0 : _a.name;
+    const cdNamespace = (_b = clusterDeployment === null || clusterDeployment === void 0 ? void 0 : clusterDeployment.metadata) === null || _b === void 0 ? void 0 : _b.namespace;
+    let hostCount = (((_d = (_c = agentClusterInstall === null || agentClusterInstall === void 0 ? void 0 : agentClusterInstall.spec) === null || _c === void 0 ? void 0 : _c.provisionRequirements) === null || _d === void 0 ? void 0 : _d.controlPlaneAgents) || 0) +
+        (((_f = (_e = agentClusterInstall === null || agentClusterInstall === void 0 ? void 0 : agentClusterInstall.spec) === null || _e === void 0 ? void 0 : _e.provisionRequirements) === null || _f === void 0 ? void 0 : _f.workerAgents) || 0);
+    if (isSNOCluster) {
+        hostCount = 1;
+    }
+    else if (hostCount === 2 || hostCount === 0) {
+        hostCount = 3;
+    }
+    else if (hostCount === 4) {
+        hostCount = 5;
+    }
+    const agentSelector = getAgentSelectorFieldsFromAnnotations((_g = clusterDeployment === null || clusterDeployment === void 0 ? void 0 : clusterDeployment.metadata) === null || _g === void 0 ? void 0 : _g.annotations);
+    const selectedIds = agents
+        .filter((agent) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = agent.spec) === null || _a === void 0 ? void 0 : _a.clusterDeploymentName) === null || _b === void 0 ? void 0 : _b.name) === cdName &&
+            ((_d = (_c = agent.spec) === null || _c === void 0 ? void 0 : _c.clusterDeploymentName) === null || _d === void 0 ? void 0 : _d.namespace) === cdNamespace;
+    })
+        .map((agent) => { var _a; return (_a = agent.metadata) === null || _a === void 0 ? void 0 : _a.uid; });
+    const autoSelectHosts = agentSelector.autoSelect;
+    return {
+        autoSelectHosts,
+        hostCount,
+        useMastersAsWorkers: hostCount === 1 || hostCount === 3,
+        agentLabels: (agentSelector === null || agentSelector === void 0 ? void 0 : agentSelector.labels) || [],
+        locations: (agentSelector === null || agentSelector === void 0 ? void 0 : agentSelector.locations) || [],
+        selectedHostIds: selectedIds,
+        autoSelectedHostIds: selectedIds,
+    };
+};
+const getValidationSchema = (agentClusterInstall, t) => {
+    const isSNOCluster = getIsSNOCluster(agentClusterInstall);
+    return Yup.lazy((values) => {
+        return Yup.object().shape({
+            hostCount: isSNOCluster ? Yup.number() : hostCountValidationSchema(t),
+            useMastersAsWorkers: Yup.boolean().required(t('ai:Required field')),
+            autoSelectedHostIds: values.autoSelectHosts
+                ? Yup.array().min(values.hostCount).max(values.hostCount)
+                : Yup.array(),
+            selectedHostIds: values.autoSelectHosts
+                ? Yup.array()
+                : isSNOCluster
+                    ? Yup.array()
+                        .min(1, t('ai:Please select one host for the cluster.'))
+                        .max(1, t('ai:Please select one host for the cluster.')) // TODO(jtomasek): replace this with Yup.array().length() after updating Yup
+                    : Yup.array().min(3, t('ai:Please select at least 3 hosts for the cluster.')),
+        });
+    });
+};
+export const useHostsSelectionFormik = ({ agents, clusterDeployment, agentClusterInstall, t, }) => {
+    const initialValues = React.useMemo(() => getInitialValues({ agents, clusterDeployment, agentClusterInstall }), [agentClusterInstall, agents, clusterDeployment]);
+    const validationSchema = React.useMemo(() => getValidationSchema(agentClusterInstall, t), [agentClusterInstall, t]);
+    return [initialValues, validationSchema];
+};
+const getSelectedAgents = (agents, values) => {
+    const selectedHostIds = values.autoSelectHosts
+        ? values.autoSelectedHostIds
+        : values.selectedHostIds;
+    return agents.filter((agent) => { var _a; return selectedHostIds.includes(((_a = agent.metadata) === null || _a === void 0 ? void 0 : _a.uid) || ''); });
+};
+const HostSelectionForm = ({ agents, agentClusterInstall, onClose, clusterDeployment, aiConfigMap, onEditRole: onEditRoleInit, onSetInstallationDiskId, }) => {
+    const { setCurrentStepId } = React.useContext(ClusterDeploymentWizardContext);
+    const [showClusterErrors, setShowClusterErrors] = React.useState(false);
+    const { values, isValid, isValidating, isSubmitting, touched, errors, validateForm, setTouched, submitForm, setSubmitting, } = useFormikContext();
+    const [nextRequested, setNextRequested] = React.useState(false);
+    const [showFormErrors, setShowFormErrors] = React.useState(false);
+    const selectedAgents = getSelectedAgents(agents, values);
+    const { t } = useTranslation();
+    const onEditRole = React.useCallback((agent, role) => __awaiter(void 0, void 0, void 0, function* () {
+        setNextRequested(false);
+        setShowClusterErrors(false);
+        setSubmitting(true);
+        const response = yield (onEditRoleInit === null || onEditRoleInit === void 0 ? void 0 : onEditRoleInit(agent, role));
+        setSubmitting(false);
+        return response;
+    }), [onEditRoleInit, setSubmitting]);
+    const onAutoSelectChange = React.useCallback(() => {
+        setNextRequested(false);
+        setShowClusterErrors(false);
+        setShowFormErrors(false);
+    }, []);
+    const onHostSelect = React.useCallback(() => {
+        setNextRequested(false);
+        setShowClusterErrors(false);
+    }, []);
+    const onNext = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!showFormErrors) {
+            setShowFormErrors(true);
+            const errors = yield validateForm();
+            setTouched(Object.keys(errors).reduce((acc, curr) => {
+                acc[curr] = true;
+                return acc;
+            }, {}));
+            if (Object.keys(errors).length) {
+                return;
+            }
+        }
+        void submitForm();
+        setNextRequested(true);
+    });
+    React.useEffect(() => {
+        if (nextRequested && !isSubmitting) {
+            const agentStatuses = selectedAgents.map((agent) => getWizardStepAgentStatus(agent, 'hosts-selection', t).status.key);
+            if (agentStatuses.some((status) => ['disconnected', 'disabled', 'error', 'insufficient', 'cancelled'].includes(status))) {
+                setNextRequested(false);
+            }
+            else if (!!selectedAgents.length &&
+                selectedAgents.every((agent) => getWizardStepAgentStatus(agent, 'hosts-selection', t).status.key === 'known')) {
+                setShowClusterErrors(true);
+                if (canNextFromHostSelectionStep(agentClusterInstall, selectedAgents)) {
+                    setCurrentStepId('networking');
+                }
+            }
+        }
+    }, [nextRequested, selectedAgents, agentClusterInstall, setCurrentStepId, isSubmitting, t]);
+    let submittingText = undefined;
+    if (isSubmitting) {
+        submittingText = t('ai:Saving changes...');
+    }
+    else if (nextRequested && !showClusterErrors) {
+        submittingText = t('ai:Binding hosts...');
+    }
+    const onSyncError = React.useCallback(() => setNextRequested(false), []);
+    const footer = (React.createElement(ClusterDeploymentWizardFooter, { agentClusterInstall: agentClusterInstall, agents: selectedAgents, isSubmitting: !!submittingText, submittingText: submittingText, isNextDisabled: nextRequested || isSubmitting || (showFormErrors ? !isValid || isValidating : false), 
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        onNext: onNext, onBack: () => setCurrentStepId('cluster-details'), onCancel: onClose, showClusterErrors: showClusterErrors, onSyncError: onSyncError }, showFormErrors && errors.selectedHostIds && touched.selectedHostIds && (React.createElement(Alert, { variant: AlertVariant.danger, title: t('ai:Provided cluster configuration is not valid'), isInline: true }, errors.selectedHostIds))));
+    return (React.createElement(ClusterDeploymentWizardStep, { footer: footer },
+        React.createElement(Grid, { hasGutter: true },
+            React.createElement(GridItem, null,
+                React.createElement(ClusterWizardStepHeader, null, t('ai:Cluster hosts'))),
+            React.createElement(GridItem, null,
+                React.createElement(ClusterDeploymentHostsSelection, { agentClusterInstall: agentClusterInstall, agents: agents, clusterDeployment: clusterDeployment, aiConfigMap: aiConfigMap, onEditRole: onEditRole, onSetInstallationDiskId: onSetInstallationDiskId, onAutoSelectChange: onAutoSelectChange, onHostSelect: onHostSelect })))));
+};
+const ClusterDeploymentHostSelectionStep = (_a) => {
+    var { onSaveHostsSelection } = _a, rest = __rest(_a, ["onSaveHostsSelection"]);
+    const { t } = useTranslation();
+    const { addAlert } = useAlerts();
+    const { agents, clusterDeployment, agentClusterInstall } = rest;
+    const [initialValues, validationSchema] = useHostsSelectionFormik({
+        agents,
+        clusterDeployment,
+        agentClusterInstall,
+        t,
+    });
+    const handleSubmit = (values, { setSubmitting }) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield onSaveHostsSelection(values);
+        }
+        catch (e) {
+            const error = e;
+            addAlert({
+                title: t('ai:Failed to save host selection.'),
+                message: error.message,
+            });
+        }
+        finally {
+            setSubmitting(false);
+        }
+    });
+    return (React.createElement(Formik, { initialValues: initialValues, validationSchema: validationSchema, onSubmit: handleSubmit },
+        React.createElement(HostSelectionForm, Object.assign({}, rest))));
+};
+export default ClusterDeploymentHostSelectionStep;
+//# sourceMappingURL=ClusterDeploymentHostSelectionStep.js.map