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

package/build/cim/components/Hypershift/DetailsPage/NodePoolsTable.js

@@ -0,0 +1,144 @@
+import * as React from 'react';
+import { Link } from 'react-router-dom';
+import { Button, Label, Popover, Stack, StackItem } from '@patternfly/react-core';
+import { PlusCircleIcon } from '@patternfly/react-icons';
+import { breakWord, expandable, sortable, TableComposable, Tbody, Td, Th, Thead, Tr, } from '@patternfly/react-table';
+import classnames from 'classnames';
+import { getHostRowHardwareInfo } from '../../../../common/components/hosts/hardwareInfo';
+import AgentStatus from '../../Agent/AgentStatus';
+import { INFRAENV_AGENTINSTALL_LABEL_KEY } from '../../common';
+import ManageHostsModal from '../modals/ManageHostsModal';
+import AddNodePoolModal from '../modals/AddNodePoolModal';
+import RemoveNodePoolModal from '../modals/RemoveNodePoolModal';
+import NodePoolStatus from './NodePoolStatus';
+import { fileSize } from '../../../../common';
+import { useTranslation } from '../../../../common/hooks/use-translation-wrapper';
+import { getNodepoolAgents } from '../utils';
+import './NodePoolsTable.css';
+export const nodePoolNameColumn = () => {
+    return {
+        header: {
+            title: 'Nodepool',
+            props: {
+                id: 'col-header-hostname', // ACM jest tests require id over testId
+            },
+            transforms: [sortable],
+            cellFormatters: [expandable],
+            cellTransforms: [breakWord],
+        },
+        cell: ({ nodePool }) => {
+            var _a, _b;
+            return {
+                title: (_a = nodePool.metadata) === null || _a === void 0 ? void 0 : _a.name,
+                props: { 'data-testid': 'nodepool-name' },
+                sortableValue: (_b = nodePool.metadata) === null || _b === void 0 ? void 0 : _b.name,
+            };
+        },
+    };
+};
+const NodePoolsTable = ({ nodePools, agents, onRemoveNodePool, onUpdateNodePool, hostedCluster, onAddNodePool, agentMachines, supportedVersionsCM, }) => {
+    var _a;
+    const { t } = useTranslation();
+    const [manageHostsOpen, setManageHostsOpen] = React.useState();
+    const [addNodePool, setAddNodePool] = React.useState(false);
+    const [removeNodePoolOpen, setRemoveNodePoolOpen] = React.useState();
+    const [expandedNodePools, setExpandedNodePools] = React.useState([]);
+    const manageNodePool = nodePools.find((np) => { var _a; return ((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid) === manageHostsOpen; });
+    const removeNodePool = nodePools.find((np) => { var _a; return ((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid) === removeNodePoolOpen; });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { hasGutter: true },
+            React.createElement(StackItem, null,
+                React.createElement(TableComposable, { variant: "compact" },
+                    React.createElement(Thead, null,
+                        React.createElement(Tr, null,
+                            React.createElement(Th, null),
+                            React.createElement(Th, null, t('ai:Nodepool')),
+                            React.createElement(Th, null, t('ai:Hostname')),
+                            React.createElement(Th, null, t('ai:Status')),
+                            React.createElement(Th, null, t('ai:Infrastructure env')),
+                            React.createElement(Th, null, t('ai:CPU cores')),
+                            React.createElement(Th, null, t('ai:Memory')),
+                            React.createElement(Th, null, t('ai:Total storage')),
+                            React.createElement(Th, null))),
+                    React.createElement(Tbody, null, ...nodePools.reduce((rows, np) => {
+                        var _a, _b;
+                        const nodePoolAgents = getNodepoolAgents(np, agents, agentMachines, hostedCluster);
+                        const isExpanded = expandedNodePools.some((uid) => { var _a; return uid === ((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid); });
+                        const totals = nodePoolAgents.reduce((acc, agent) => {
+                            var _a;
+                            const { memory, cores, disk } = getHostRowHardwareInfo(((_a = agent.status) === null || _a === void 0 ? void 0 : _a.inventory) || {});
+                            acc.memory += +memory.sortableValue;
+                            acc.cores += +cores.sortableValue;
+                            acc.disk += +disk.sortableValue;
+                            return acc;
+                        }, { memory: 0, cores: 0, disk: 0 });
+                        rows.push(React.createElement(Tr, { key: (_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid, className: isExpanded ? 'ai-nodepools-table__no-border' : undefined },
+                            React.createElement(Td, { expand: nodePoolAgents.length
+                                    ? {
+                                        isExpanded,
+                                        rowIndex: 0,
+                                        onToggle: () => {
+                                            var _a;
+                                            return isExpanded
+                                                ? setExpandedNodePools(expandedNodePools.filter((uid) => { var _a; return uid !== ((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid); }))
+                                                : setExpandedNodePools([
+                                                    ...expandedNodePools,
+                                                    ((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid) || '',
+                                                ]);
+                                        },
+                                    }
+                                    : undefined }),
+                            React.createElement(Td, null, (_b = np.metadata) === null || _b === void 0 ? void 0 : _b.name),
+                            React.createElement(Td, null,
+                                React.createElement(Popover, { "aria-label": "node pool hosts", hasAutoWidth: true, bodyContent: t('ai:{{agents}} of {{count}} host requested is available', {
+                                        agents: nodePoolAgents.length,
+                                        count: np.spec.replicas,
+                                    }) },
+                                    React.createElement(Label, { variant: "outline" }, t('ai:{{count}} host requested', { count: np.spec.replicas })))),
+                            React.createElement(Td, null,
+                                React.createElement(NodePoolStatus, { nodePool: np, agents: nodePoolAgents })),
+                            React.createElement(Td, null, "-"),
+                            React.createElement(Td, null, nodePoolAgents.length ? totals.cores : '-'),
+                            React.createElement(Td, null, nodePoolAgents.length ? fileSize(totals.memory, 2, 'iec') : '-'),
+                            React.createElement(Td, null, nodePoolAgents.length ? fileSize(totals.disk, 2, 'si') : '-'),
+                            React.createElement(Td, { actions: {
+                                    items: [
+                                        {
+                                            title: t('ai:Manage hosts'),
+                                            onClick: () => { var _a; return setManageHostsOpen((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid); },
+                                        },
+                                        {
+                                            title: t('ai:Remove Nodepool'),
+                                            onClick: () => { var _a; return setRemoveNodePoolOpen((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid); },
+                                        },
+                                    ],
+                                } })));
+                        if (expandedNodePools.find((uid) => { var _a; return uid === ((_a = np.metadata) === null || _a === void 0 ? void 0 : _a.uid); })) {
+                            nodePoolAgents.forEach((agent, index) => {
+                                var _a, _b, _c, _d, _e, _f, _g, _h;
+                                const { memory, cores, disk } = getHostRowHardwareInfo(((_a = agent.status) === null || _a === void 0 ? void 0 : _a.inventory) || {});
+                                rows.push(React.createElement(Tr, { key: (_b = agent.metadata) === null || _b === void 0 ? void 0 : _b.uid, className: classnames({
+                                        'ai-nodepools-table__no-border': index < nodePoolAgents.length - 1,
+                                    }) },
+                                    React.createElement(Td, null),
+                                    React.createElement(Td, null),
+                                    React.createElement(Td, null, agent.spec.hostname || ((_c = agent.status) === null || _c === void 0 ? void 0 : _c.inventory.hostname)),
+                                    React.createElement(Td, null,
+                                        React.createElement(AgentStatus, { agent: agent, isDay2: true })),
+                                    React.createElement(Td, null,
+                                        React.createElement(Link, { to: `/multicloud/infrastructure/environments/details/${((_d = agent.metadata) === null || _d === void 0 ? void 0 : _d.namespace) || ''}/${((_f = (_e = agent.metadata) === null || _e === void 0 ? void 0 : _e.labels) === null || _f === void 0 ? void 0 : _f[INFRAENV_AGENTINSTALL_LABEL_KEY]) || ''}` }, (_h = (_g = agent.metadata) === null || _g === void 0 ? void 0 : _g.labels) === null || _h === void 0 ? void 0 : _h[INFRAENV_AGENTINSTALL_LABEL_KEY])),
+                                    React.createElement(Td, null, cores.title),
+                                    React.createElement(Td, null, memory.title),
+                                    React.createElement(Td, null, disk.title)));
+                            });
+                        }
+                        return rows;
+                    }, [])))),
+            React.createElement(StackItem, null,
+                React.createElement(Button, { variant: "link", icon: React.createElement(PlusCircleIcon, null), iconPosition: "right", onClick: () => setAddNodePool(true) }, t('ai:Add Nodepool')))),
+        manageNodePool && (React.createElement(ManageHostsModal, { hostedCluster: hostedCluster, agents: agents, nodePool: manageNodePool, onClose: () => setManageHostsOpen(undefined), onSubmit: onUpdateNodePool, agentMachines: agentMachines })),
+        addNodePool && (React.createElement(AddNodePoolModal, { onClose: () => setAddNodePool(false), onSubmit: onAddNodePool, agentsNamespace: ((_a = hostedCluster.spec.platform.agent) === null || _a === void 0 ? void 0 : _a.agentNamespace) || '', agents: agents, hostedCluster: hostedCluster, supportedVersionsCM: supportedVersionsCM })),
+        removeNodePool && (React.createElement(RemoveNodePoolModal, { onClose: () => setRemoveNodePoolOpen(undefined), onRemove: onRemoveNodePool, nodePool: removeNodePool }))));
+};
+export default NodePoolsTable;
+//# sourceMappingURL=NodePoolsTable.js.map

package/build/cim/components/Hypershift/DetailsPage/NodePoolsTable.js.map

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

package/build/cim/components/Hypershift/DetailsPage/index.js

@@ -0,0 +1,3 @@
+export { default as NodePoolsTable } from './NodePoolsTable';
+export { default as ClusterInstallationProgress } from './ClusterInstallationProgress';
+//# sourceMappingURL=index.js.map

package/build/cim/components/Hypershift/DetailsPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/cim/components/Hypershift/DetailsPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/DetailsForm.js

@@ -0,0 +1,25 @@
+import { Form } from '@patternfly/react-core';
+import { useFormikContext } from 'formik';
+import * as React from 'react';
+import { InputField, OpenShiftVersionSelect, PullSecret } from '../../../../../common';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+import { BaseDnsHelperText } from '../../../ClusterDeployment/ClusterDetailsFormFields';
+import { useTemptiflySync } from '../../hooks/useTemptiflySync';
+const DetailsForm = ({ onValuesChanged, extensionAfter, ocpVersions, }) => {
+    const { values } = useFormikContext();
+    useTemptiflySync({ values, onValuesChanged });
+    const nameInputRef = React.useRef();
+    React.useEffect(() => {
+        var _a;
+        (_a = nameInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, []);
+    const { t } = useTranslation();
+    return (React.createElement(Form, null,
+        React.createElement(InputField, { ref: nameInputRef, label: t('ai:Cluster name'), name: "name", placeholder: t('ai:Enter cluster name'), isRequired: true }),
+        (extensionAfter === null || extensionAfter === void 0 ? void 0 : extensionAfter['name']) && extensionAfter['name'],
+        React.createElement(InputField, { label: t('ai:Base domain'), name: "baseDnsDomain", helperText: React.createElement(BaseDnsHelperText, { name: values.name, baseDnsDomain: values.baseDnsDomain }), placeholder: "example.com", isRequired: true }),
+        React.createElement(OpenShiftVersionSelect, { versions: ocpVersions }),
+        React.createElement(PullSecret, null)));
+};
+export default DetailsForm;
+//# sourceMappingURL=DetailsForm.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/DetailsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsForm.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/DetailsStep/DetailsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,WAAW,GAA+B,CAAC,EAC/C,eAAe,EACf,cAAc,EACd,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAqB,CAAC;IACzD,gBAAgB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;IACtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,UAAU,IACT,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACvC,UAAU,SACV;QACD,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,MAAM,CAAC,KAAI,cAAc,CAAC,MAAM,CAAC;QACnD,oBAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC1B,IAAI,EAAC,eAAe,EACpB,UAAU,EAAE,oBAAC,iBAAiB,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,CAAC,aAAa,GAAI,EACzF,WAAW,EAAC,aAAa,EACzB,UAAU,SACV;QACF,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,WAAW,GAAI;QACjD,oBAAC,UAAU,OAAG,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/DetailsStep.js

@@ -0,0 +1,36 @@
+import { Formik } from 'formik';
+import noop from 'lodash-es/noop.js';
+import * as React from 'react';
+import * as Yup from 'yup';
+import { dnsNameValidationSchema, getDefaultOpenShiftVersion, nameValidationSchema, pullSecretValidationSchema, } from '../../../../../common';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+import { useSupportedOCPVersions } from '../../hooks/useSupportedOCPVersions';
+import DetailsForm from './DetailsForm';
+const useDetailsFormik = ({ ocpVersions, usedClusterNames, initPullSecret = '', initBaseDomain = '', }) => {
+    const { t } = useTranslation();
+    const initialValues = React.useMemo(() => ({
+        name: '',
+        openshiftVersion: getDefaultOpenShiftVersion(ocpVersions),
+        pullSecret: initPullSecret,
+        baseDnsDomain: initBaseDomain,
+    }), []);
+    const validationSchema = React.useMemo(() => Yup.object({
+        name: nameValidationSchema(t, usedClusterNames),
+        baseDnsDomain: dnsNameValidationSchema.required('Required'),
+        pullSecret: pullSecretValidationSchema.required('Required.'),
+    }), [usedClusterNames, t]);
+    return [initialValues, validationSchema];
+};
+const DetailsStep = ({ usedClusterNames, clusterImages, onValuesChanged, extensionAfter, formRef, initBaseDomain, initPullSecret, supportedVersionsCM, }) => {
+    const ocpVersions = useSupportedOCPVersions(clusterImages, supportedVersionsCM);
+    const [initialValues, validationSchema] = useDetailsFormik({
+        ocpVersions,
+        usedClusterNames,
+        initPullSecret,
+        initBaseDomain,
+    });
+    return (React.createElement(Formik, { initialValues: initialValues, validationSchema: validationSchema, innerRef: formRef, onSubmit: noop },
+        React.createElement(DetailsForm, { onValuesChanged: onValuesChanged, ocpVersions: ocpVersions, extensionAfter: extensionAfter })));
+};
+export default DetailsStep;
+//# sourceMappingURL=DetailsStep.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/DetailsStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsStep.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/DetailsStep/DetailsStep.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,WAAW,MAAM,eAAe,CAAC;AAGxC,MAAM,gBAAgB,GAAqB,CAAC,EAC1C,WAAW,EACX,gBAAgB,EAChB,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,EAAE,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,EAAE;QACR,gBAAgB,EAAE,0BAA0B,CAAC,WAAW,CAAC;QACzD,UAAU,EAAE,cAAc;QAC1B,aAAa,EAAE,cAAc;KAC9B,CAAC,EACF,EAAE,CACH,CAAC;IACF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CACH,GAAG,CAAC,MAAM,CAAC;QACT,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,CAAC;QAC/C,aAAa,EAAE,uBAAuB,CAAC,QAAQ,CAAC,UAAU,CAAC;QAC3D,UAAU,EAAE,0BAA0B,CAAC,QAAQ,CAAC,WAAW,CAAC;KAC7D,CAAC,EACJ,CAAC,gBAAgB,EAAE,CAAC,CAAC,CACtB,CAAC;IAEF,OAAO,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,uBAAuB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;IAChF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;QACzD,WAAW;QACX,gBAAgB;QAChB,cAAc;QACd,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,MAAM,IACL,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,IAAI;QAEd,oBAAC,WAAW,IACV,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,GAC9B,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/index.js

@@ -0,0 +1,2 @@
+export { default as HostedClusterDetailsStep } from './DetailsStep';
+//# sourceMappingURL=index.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/DetailsStep/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,eAAe,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/DetailsStep/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/DetailsStep/types.ts"],"names":[],"mappings":""}

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/HostsForm.js

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { FieldArray, useFormikContext } from 'formik';
+import { PlusCircleIcon } from '@patternfly/react-icons';
+import { Alert, Button, Form, Grid, GridItem } from '@patternfly/react-core';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+import { PopoverIcon, SelectField } from '../../../../../common';
+import { getRandomString } from '../../../../../common/utils';
+import { useTemptiflySync } from '../../hooks/useTemptiflySync';
+import NodePoolForm from './NodePoolForm';
+const HostsForm = ({ onValuesChanged, infraEnvs, agents, clusterName, initReleaseImage, }) => {
+    const { values } = useFormikContext();
+    useTemptiflySync({ values, onValuesChanged });
+    const { t } = useTranslation();
+    const infraEnvOptions = infraEnvs.length
+        ? infraEnvs.map((ie) => {
+            var _a, _b;
+            return ({
+                label: ((_a = ie.metadata) === null || _a === void 0 ? void 0 : _a.namespace) || '',
+                value: ((_b = ie.metadata) === null || _b === void 0 ? void 0 : _b.namespace) || '',
+            });
+        })
+        : [
+            {
+                label: t('ai:No namespace with hosts is available'),
+                value: 'NOT_AVAILABLE',
+            },
+        ];
+    const totalHosts = values.nodePools.reduce((acc, nodePool) => {
+        acc += nodePool.count;
+        return acc;
+    }, 0);
+    return (React.createElement(Form, null,
+        React.createElement(Grid, { hasGutter: true },
+            React.createElement(GridItem, null,
+                React.createElement(SelectField, { label: t('ai:Namespace'), name: "agentNamespace", options: infraEnvOptions, isRequired: true, isDisabled: !infraEnvs.length, labelIcon: React.createElement(PopoverIcon, { position: "right", bodyContent: t('ai:Choose a namespace from your existing host inventory in order to select hosts for your node pools. The namespace will be composed of 1 or more infrastructure environments. After the cluster is created, a host will become a worker node.') }) })),
+            totalHosts === 0 && (React.createElement(GridItem, null,
+                React.createElement(Alert, { isInline: true, variant: "warning", title: t('ai:The cluster has 0 hosts. No workloads will be able to run.') }))),
+            React.createElement(FieldArray, { name: "nodePools" }, ({ remove, push }) => (React.createElement(React.Fragment, null,
+                values.nodePools.map((nodePool, index) => (React.createElement(GridItem, { key: index },
+                    React.createElement(NodePoolForm, { index: index, agents: agents, infraEnvs: infraEnvs, onRemove: () => remove(index) })))),
+                React.createElement(GridItem, null,
+                    React.createElement(Button, { variant: "link", icon: React.createElement(PlusCircleIcon, null), iconPosition: "right", onClick: () => {
+                            const uniquePoolName = `nodepool-${clusterName}-${getRandomString(5)}`;
+                            push({
+                                name: uniquePoolName,
+                                count: 1,
+                                agentLabels: [],
+                                releaseImage: initReleaseImage,
+                                clusterName,
+                            });
+                        } }, t('ai:Add Nodepool')))))))));
+};
+export default HostsForm;
+//# sourceMappingURL=HostsForm.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/HostsForm.js.map

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

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/HostsStep.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import * as Yup from 'yup';
+import { Formik } from 'formik';
+import noop from 'lodash-es/noop.js';
+import { Stack, StackItem } from '@patternfly/react-core';
+import HostsForm from './HostsForm';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+import { getAgentsForSelection } from '../../../helpers';
+import { INFRAENV_AGENTINSTALL_LABEL_KEY } from '../../../common';
+const validationSchema = (clusterName, nodePools, t) => Yup.lazy((values) => Yup.object().shape({
+    agentNamespace: Yup.string().required(t('ai:Required field')),
+    nodePools: Yup.array().of(Yup.object()
+        .shape({
+        name: Yup.string()
+            .required(t('ai:Required field'))
+            .test(t('ai:Must be unique'), t('ai:Must be unique'), (value) => {
+            if (!value) {
+                return true;
+            }
+            return (values.nodePools.filter(({ name }) => name === value).length === 1 &&
+                !nodePools.some(({ metadata }) => (metadata === null || metadata === void 0 ? void 0 : metadata.name) === value && (metadata === null || metadata === void 0 ? void 0 : metadata.namespace) === clusterName));
+        }),
+        clusterName: Yup.string().required(t('ai:Required field')),
+        count: Yup.number(),
+        releaseImage: Yup.string().required(t('ai:Required field')),
+    })
+        .required(t('ai:Required field'))),
+}));
+const HostsStep = ({ formRef, onValuesChanged, infraEnvs, agents, clusterName, initInfraEnv, initNodePools, initReleaseImage, nodePools, }) => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const availableAgents = getAgentsForSelection(agents);
+    const infraEnvsWithAgents = infraEnvs.filter((ie) => availableAgents.some((a) => {
+        var _a, _b, _c, _d, _e;
+        return ((_b = (_a = a.metadata) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b[INFRAENV_AGENTINSTALL_LABEL_KEY]) === ((_c = ie.metadata) === null || _c === void 0 ? void 0 : _c.name) &&
+            ((_d = a.metadata) === null || _d === void 0 ? void 0 : _d.namespace) === ((_e = ie.metadata) === null || _e === void 0 ? void 0 : _e.namespace) &&
+            !a.spec.clusterDeploymentName;
+    }));
+    return (React.createElement(Stack, { hasGutter: true },
+        React.createElement(StackItem, null, t('ai:Define the quantity of worker nodes and nodepools to create for your cluster. Additional worker nodes and nodepools can be added after the cluster is created.')),
+        React.createElement(StackItem, null,
+            React.createElement(Formik, { initialValues: {
+                    agentNamespace: initInfraEnv || ((_b = (_a = infraEnvsWithAgents[0]) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.namespace) || '',
+                    nodePools: initNodePools || [
+                        {
+                            name: `nodepool-${clusterName}-1`,
+                            count: 1,
+                            agentLabels: [],
+                            releaseImage: initReleaseImage,
+                            clusterName,
+                        },
+                    ],
+                }, validationSchema: validationSchema(clusterName, nodePools, t), innerRef: formRef, onSubmit: noop },
+                React.createElement(HostsForm, { onValuesChanged: onValuesChanged, infraEnvs: infraEnvsWithAgents, agents: agents, clusterName: clusterName, initReleaseImage: initReleaseImage })))));
+};
+export default HostsStep;
+//# sourceMappingURL=HostsStep.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/HostsStep.js.map

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

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/NodePoolForm.css

@@ -0,0 +1,15 @@
+.ai-node-pool__section {
+  padding-left: 1.75rem;
+}
+
+.ai-node-pool__expandable-button .pf-c-expandable-section__toggle {
+  padding-right: 0;
+}
+
+.ai-node-pool__expandable-button .pf-c-expandable-section__toggle-text {
+  color: black;
+}
+
+.ai-node-pool__header {
+  align-items: center;
+}

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/NodePoolForm.js

@@ -0,0 +1,69 @@
+import { Button, Divider, ExpandableSectionToggle, Flex, FlexItem, Label, Level, LevelItem, Split, SplitItem, Stack, StackItem, } from '@patternfly/react-core';
+import * as React from 'react';
+import { TrashIcon } from '@patternfly/react-icons';
+import isMatch from 'lodash-es/isMatch.js';
+import { PencilEditField } from '../../../../../common';
+import { isAgentOfInfraEnv } from '../../../ClusterDeployment';
+import { useFormikContext } from 'formik';
+import { getAgentsForSelection } from '../../../helpers';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+import { useFormikHelpers } from '../../../../../common/hooks/useFormikHelpers';
+import './NodePoolForm.css';
+import NodePoolAgentsForm from '../../forms/NodePoolAgentsForm';
+const NodePoolForm = ({ infraEnvs, agents, index, onRemove }) => {
+    const { t } = useTranslation();
+    const { values } = useFormikContext();
+    const { setValue } = useFormikHelpers(`nodePools[${index}].count`);
+    const [isExpanded, setExpanded] = React.useState(true);
+    const infraEnvAgents = React.useMemo(() => {
+        const infraEnv = infraEnvs.find((ie) => { var _a; return ((_a = ie.metadata) === null || _a === void 0 ? void 0 : _a.namespace) === values.agentNamespace; });
+        return agents.filter((agent) => isAgentOfInfraEnv(infraEnv, agent));
+    }, [infraEnvs, agents, values.agentNamespace]);
+    const { agentLabels } = values.nodePools[index];
+    const availableAgents = getAgentsForSelection(infraEnvAgents);
+    const matchingAgents = availableAgents.filter((agent) => {
+        var _a, _b, _c;
+        const labels = agentLabels.reduce((acc, { key, value }) => {
+            acc[key] = value;
+            return acc;
+        }, {});
+        return (isMatch(((_a = agent.metadata) === null || _a === void 0 ? void 0 : _a.labels) || {}, labels) &&
+            !((_b = agent.spec.clusterDeploymentName) === null || _b === void 0 ? void 0 : _b.name) &&
+            !((_c = agent.spec.clusterDeploymentName) === null || _c === void 0 ? void 0 : _c.namespace));
+    });
+    let previousNodePoolsCount = 0;
+    for (let i = 0; i < index; i++) {
+        previousNodePoolsCount += values.nodePools[i].count;
+    }
+    const maxAgents = Math.max(0, Math.min(matchingAgents.length, availableAgents.length - previousNodePoolsCount));
+    const currentCount = values.nodePools[index].count;
+    React.useEffect(() => {
+        if (currentCount > maxAgents) {
+            void setValue(maxAgents);
+        }
+    }, [maxAgents, setValue, currentCount]);
+    return (React.createElement(Stack, { hasGutter: true },
+        React.createElement(StackItem, null,
+            React.createElement(Level, { hasGutter: true },
+                React.createElement(LevelItem, null,
+                    React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, spaceItems: { default: 'spaceItemsMd' }, flexWrap: { default: 'wrap' } },
+                        React.createElement(FlexItem, null,
+                            React.createElement(Split, { className: "ai-node-pool__header" },
+                                React.createElement(SplitItem, null,
+                                    React.createElement(ExpandableSectionToggle, { className: "ai-node-pool__expandable-button", isExpanded: isExpanded, onToggle: setExpanded })),
+                                React.createElement(SplitItem, null,
+                                    React.createElement(PencilEditField, { name: `nodePools.${index}.name`, isRequired: true, showErrorMessage: false })))),
+                        !isExpanded && (React.createElement(React.Fragment, null,
+                            React.createElement(FlexItem, null,
+                                React.createElement(Divider, { isVertical: true })),
+                            React.createElement(FlexItem, null,
+                                React.createElement(Label, { variant: "outline" }, t('ai:{{count}} filtering label', {
+                                    count: values.nodePools[index].agentLabels.length,
+                                }))))))),
+                index !== 0 && (React.createElement(LevelItem, null,
+                    React.createElement(Button, { variant: "link", icon: React.createElement(TrashIcon, null), onClick: onRemove }))))),
+        isExpanded && (React.createElement(StackItem, { className: "ai-node-pool__section" },
+            React.createElement(NodePoolAgentsForm, { agents: infraEnvAgents, countName: `nodePools.${index}.count`, labelName: `nodePools.${index}.agentLabels`, maxAgents: maxAgents })))));
+};
+export default NodePoolForm;
+//# sourceMappingURL=NodePoolForm.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/NodePoolForm.js.map

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

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/index.js

@@ -0,0 +1,2 @@
+export { default as HostedClusterHostsStep } from './HostsStep';
+//# sourceMappingURL=index.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/HostsStep/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,aAAa,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/HostsStep/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/HostsStep/types.ts"],"names":[],"mappings":""}

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkForm.css

@@ -0,0 +1,7 @@
+.ai-advanced-fields .pf-c-check__body {
+  width: 100%;
+}
+
+.ai-nodeport-fields .pf-c-radio__body {
+  width: 100%;
+}

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkForm.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Form, FormGroup, Grid, GridItem } from '@patternfly/react-core';
+import { useFormikContext } from 'formik';
+import { Address6 } from 'ip-address';
+import { CheckboxField, InputField, NumberInputField, PopoverIcon, ProxyFields, RadioField, UploadSSH, } from '../../../../../common';
+import { useTemptiflySync } from '../../hooks/useTemptiflySync';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+import './NetworkForm.css';
+import AdvancedNetworkFields from '../../../../../common/components/clusterConfiguration/AdvancedNetworkFields';
+const NetworkForm = ({ onValuesChanged }) => {
+    const { values } = useFormikContext();
+    useTemptiflySync({ values, onValuesChanged });
+    const isClusterCIDRIPv6 = Address6.isValid(values.clusterNetworkCidr || '');
+    const { t } = useTranslation();
+    return (React.createElement(Form, null,
+        React.createElement(FormGroup, { label: t('ai:API server publishing strategy') },
+            React.createElement(Grid, { hasGutter: true },
+                React.createElement(GridItem, null,
+                    React.createElement(RadioField, { name: "apiPublishingStrategy", label: "LoadBalancer", value: "LoadBalancer", description: t(`ai:Exposes the service externally using a cloud provider's load balancer`) })),
+                React.createElement(GridItem, null,
+                    React.createElement(RadioField, { name: "apiPublishingStrategy", label: "NodePort", value: "NodePort", className: "ai-nodeport-fields", description: t(`ai:Exposes the service on each node's IP at a static port`), body: values.apiPublishingStrategy === 'NodePort' && (React.createElement(Grid, { hasGutter: true },
+                            React.createElement(GridItem, null,
+                                React.createElement(InputField, { isRequired: true, name: "nodePortAddress", label: t('ai:Host address'), labelIcon: React.createElement(PopoverIcon, { position: "right", bodyContent: t('ai:Address is the host/ip that the NodePort service is exposed over.') }) })),
+                            React.createElement(GridItem, null,
+                                React.createElement(NumberInputField, { label: t('ai:Host port'), idPostfix: "nodePortPort", name: "nodePortPort", minValue: 0, maxValue: 65535, labelIcon: React.createElement(PopoverIcon, { position: "right", bodyContent: t('ai:Port of the NodePort service. If set to 0, the port is dynamically assigned when the service is created.') }) })))) })))),
+        React.createElement(CheckboxField, { name: "isAdvanced", label: t('ai:Use advanced networking'), className: "ai-advanced-fields", body: values.isAdvanced && React.createElement(AdvancedNetworkFields, { isClusterCIDRIPv6: isClusterCIDRIPv6 }), helperText: t('ai:Configure advanced networking properties (e.g. CIDR ranges).') }),
+        React.createElement(ProxyFields, null),
+        React.createElement(UploadSSH, { isRequired: true })));
+};
+export default NetworkForm;
+//# sourceMappingURL=NetworkForm.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkForm.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAErF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,MAAM,6EAA6E,CAAC;AAEhH,MAAM,WAAW,GAA+B,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAqB,CAAC;IACzD,gBAAgB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAE9C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;IAE5E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,mCAAmC,CAAC;YACtD,oBAAC,IAAI,IAAC,SAAS;gBACb,oBAAC,QAAQ;oBACP,oBAAC,UAAU,IACT,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAE,CAAC,CACZ,0EAA0E,CAC3E,GACD,CACO;gBACX,oBAAC,QAAQ;oBACP,oBAAC,UAAU,IACT,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,oBAAoB,EAC9B,WAAW,EAAE,CAAC,CAAC,2DAA2D,CAAC,EAC3E,IAAI,EACF,MAAM,CAAC,qBAAqB,KAAK,UAAU,IAAI,CAC7C,oBAAC,IAAI,IAAC,SAAS;4BACb,oBAAC,QAAQ;gCACP,oBAAC,UAAU,IACT,UAAU,QACV,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,SAAS,EACP,oBAAC,WAAW,IACV,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAE,CAAC,CACZ,sEAAsE,CACvE,GACD,GAEJ,CACO;4BACX,oBAAC,QAAQ;gCACP,oBAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EACxB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,KAAK,EACf,SAAS,EACP,oBAAC,WAAW,IACV,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAE,CAAC,CACZ,6GAA6G,CAC9G,GACD,GAEJ,CACO,CACN,CACR,GAEH,CACO,CACN,CACG;QACZ,oBAAC,aAAa,IACZ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACtC,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,MAAM,CAAC,UAAU,IAAI,oBAAC,qBAAqB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,EAC1F,UAAU,EAAE,CAAC,CAAC,iEAAiE,CAAC,GAChF;QACF,oBAAC,WAAW,OAAG;QACf,oBAAC,SAAS,IAAC,UAAU,SAAG,CACnB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkStep.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Formik } from 'formik';
+import noop from 'lodash-es/noop.js';
+import * as Yup from 'yup';
+import NetworkForm from './NetworkForm';
+import { day2ApiVipValidationSchema, hostPrefixValidationSchema, httpProxyValidationSchema, ipBlockValidationSchema, noProxyValidationSchema, sshPublicKeyValidationSchema, } from '../../../../../common';
+import { useTranslation } from '../../../../../common/hooks/use-translation-wrapper';
+const getValidationSchema = (t) => Yup.lazy((values) => Yup.object().shape({
+    sshPublicKey: sshPublicKeyValidationSchema.required(t('ai:Required field')),
+    clusterNetworkCidr: values.isAdvanced
+        ? ipBlockValidationSchema(values.serviceNetworkCidr)
+        : Yup.string(),
+    serviceNetworkCidr: values.isAdvanced
+        ? ipBlockValidationSchema(values.clusterNetworkCidr)
+        : Yup.string(),
+    clusterNetworkHostPrefix: values.isAdvanced
+        ? hostPrefixValidationSchema(values.clusterNetworkCidr)
+        : Yup.number(),
+    httpProxy: httpProxyValidationSchema({ values, pairValueName: 'httpsProxy' }),
+    httpsProxy: httpProxyValidationSchema({ values, pairValueName: 'httpProxy' }),
+    noProxy: noProxyValidationSchema,
+    nodePortAddress: values.apiPublishingStrategy === 'NodePort'
+        ? day2ApiVipValidationSchema.required(t('ai:Required field'))
+        : Yup.string(),
+}));
+const NetworkStep = ({ formRef, onValuesChanged, initialValues }) => {
+    const { t } = useTranslation();
+    return (React.createElement(Formik, { initialValues: initialValues, validationSchema: getValidationSchema(t), innerRef: formRef, onSubmit: noop },
+        React.createElement(NetworkForm, { onValuesChanged: onValuesChanged })));
+};
+export default NetworkStep;
+//# sourceMappingURL=NetworkStep.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkStep.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/NetworkStep/NetworkStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,WAAW,MAAM,eAAe,CAAC;AAGxC,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,EACvB,4BAA4B,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAErF,MAAM,mBAAmB,GAAG,CAAC,CAAY,EAAE,EAAE,CAC3C,GAAG,CAAC,IAAI,CAAoB,CAAC,MAAM,EAAE,EAAE,CACrC,GAAG,CAAC,MAAM,EAAqB,CAAC,KAAK,CAAC;IACpC,YAAY,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,kBAAkB,EAAE,MAAM,CAAC,UAAU;QACnC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,kBAAkB,CAAC;QACpD,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;IAChB,kBAAkB,EAAE,MAAM,CAAC,UAAU;QACnC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,kBAAkB,CAAC;QACpD,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;IAChB,wBAAwB,EAAE,MAAM,CAAC,UAAU;QACzC,CAAC,CAAC,0BAA0B,CAAC,MAAM,CAAC,kBAAkB,CAAC;QACvD,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;IAChB,SAAS,EAAE,yBAAyB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;IAC7E,UAAU,EAAE,yBAAyB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;IAC7E,OAAO,EAAE,uBAAuB;IAChC,eAAe,EACb,MAAM,CAAC,qBAAqB,KAAK,UAAU;QACzC,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;QAC7D,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;CACnB,CAAC,CACH,CAAC;AAEJ,MAAM,WAAW,GAA+B,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,EAAE;IAC9F,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,MAAM,IACL,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAC,EACxC,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,IAAI;QAEd,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe,GAAI,CAC1C,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/index.js

@@ -0,0 +1,3 @@
+export { default as HostedClusterNetworkStep } from './NetworkStep';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/build/cim/components/Hypershift/HostedClusterWizard/NetworkStep/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/cim/components/Hypershift/HostedClusterWizard/NetworkStep/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACpE,cAAc,SAAS,CAAC"}