@openshift-assisted/ui-lib 2.55.0 → 2.56.0

package/build/cjs/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/FormViewNetworkWideFields.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormViewNetworkWideFields = exports.ProtocolTypeSelect = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
+const formik_1 = require("formik");
+const common_1 = require("../../../../../../../common");
+const OcmFormFields_1 = require("../../../../../ui/OcmFormFields");
+const data_1 = require("../../data");
+const formViewNetworkWideValidationSchema_1 = require("./formViewNetworkWideValidationSchema");
+require("../staticIp.css");
+const hostsConfiguredAlert = (react_1.default.createElement(react_core_1.Alert, { variant: react_core_1.AlertVariant.warning, isInline: true, "data-testid": "hosts-configured-alert", title: "If you edit the values and click Next, the earlier configurations will be replaced with the new values for all of the hosts." }));
+const MachineNetwork = ({ fieldName, protocolVersion, }) => {
+    const [{ value }] = (0, formik_1.useField)(fieldName);
+    const ipFieldName = `${fieldName}.ip`;
+    const prefixLengthFieldName = `${fieldName}.prefixLength`;
+    const ipErrorMessage = (0, common_1.useFieldErrorMsg)({ name: ipFieldName });
+    const prefixLengthErrorMessage = (0, common_1.useFieldErrorMsg)({ name: prefixLengthFieldName });
+    const errorMessage = ipErrorMessage || prefixLengthErrorMessage;
+    const machineNetworkHelptext = react_1.default.useMemo(() => {
+        if (errorMessage) {
+            return '';
+        }
+        const cidr = (0, data_1.getMachineNetworkCidr)(value);
+        return (0, common_1.getHumanizedSubnetRange)((0, data_1.getAddressObject)(cidr, protocolVersion));
+    }, [value, protocolVersion, errorMessage]);
+    const fieldId = (0, common_1.getFieldId)(`${fieldName}`, 'input');
+    return (react_1.default.createElement(react_core_1.FormGroup, { labelHelp: react_1.default.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: "The range of IP addresses of the hosts." }), label: "Subnet", fieldId: fieldId, isRequired: true, className: "subnet" },
+        react_1.default.createElement(react_core_1.Flex, null,
+            react_1.default.createElement(react_core_1.FlexItem, { spacer: { default: 'spacerSm' } },
+                react_1.default.createElement(OcmFormFields_1.OcmInputField, { name: `${fieldName}.ip`, isRequired: true, "data-testid": `${protocolVersion}-machine-network-ip`, showErrorMessage: false })),
+            react_1.default.createElement(react_core_1.FlexItem, { spacer: { default: 'spacerSm' } }, '/'),
+            react_1.default.createElement(react_core_1.FlexItem, null,
+                react_1.default.createElement(OcmFormFields_1.OcmInputField, { name: `${fieldName}.prefixLength`, isRequired: true, "data-testid": `${protocolVersion}-machine-network-prefix-length`, type: react_core_1.TextInputTypes.number, showErrorMessage: false, min: formViewNetworkWideValidationSchema_1.MIN_PREFIX_LENGTH, max: protocolVersion === data_1.ProtocolVersion.ipv4
+                        ? formViewNetworkWideValidationSchema_1.MAX_PREFIX_LENGTH.ipv4
+                        : formViewNetworkWideValidationSchema_1.MAX_PREFIX_LENGTH.ipv6 }))),
+        (errorMessage || machineNetworkHelptext) && (react_1.default.createElement(react_core_1.FormHelperText, null,
+            react_1.default.createElement(react_core_1.HelperText, null,
+                react_1.default.createElement(react_core_1.HelperTextItem, { icon: errorMessage ? react_1.default.createElement(exclamation_circle_icon_1.default, null) : null, variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper`, "data-testid": `input-machine-network-${fieldId}-helper-text` }, errorMessage ? errorMessage : machineNetworkHelptext))))));
+};
+const IpConfigFields = ({ protocolVersion, fieldName }) => {
+    return (react_1.default.createElement(react_core_1.Grid, { hasGutter: true },
+        react_1.default.createElement(MachineNetwork, { fieldName: `${fieldName}.machineNetwork`, protocolVersion: protocolVersion }),
+        react_1.default.createElement(OcmFormFields_1.OcmInputField, { isRequired: true, label: "Default gateway", labelIcon: react_1.default.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: "An IP address to where any IP packet should be forwarded in case there is no other routing rule configured for a destination IP." }), name: `${fieldName}.gateway`, "data-testid": `${protocolVersion}-gateway` })));
+};
+const ipv6ValuesEmpty = (values) => values.ipConfigs.ipv6.gateway === '' &&
+    values.ipConfigs.ipv6.machineNetwork.ip === '' &&
+    values.ipConfigs.ipv6.machineNetwork.prefixLength === '';
+const ProtocolTypeSelect = () => {
+    const selectFieldName = 'protocolType';
+    const [{ value: protocolType }, , { setValue: setProtocolType }] = (0, formik_1.useField)(selectFieldName);
+    const [, , { setValue: setIpv6 }] = (0, formik_1.useField)(`ipConfigs.ipv6`);
+    const [openConfirmModal, setConfirmModal] = react_1.default.useState(false);
+    const { values } = (0, formik_1.useFormikContext)();
+    const onChange = (e) => {
+        const newProtocolType = e.target.value;
+        if (newProtocolType === protocolType) {
+            return;
+        }
+        if (newProtocolType === 'ipv4' && !ipv6ValuesEmpty(values)) {
+            setConfirmModal(true);
+        }
+        else {
+            //no need to empty ipv4, when switching back dual stack ipv4 remains as is
+            setIpv6((0, data_1.getEmptyIpConfig)());
+            setProtocolType(newProtocolType);
+        }
+    };
+    const isIpv4Selected = protocolType === 'ipv4';
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.FormGroup, { fieldId: (0, common_1.getFieldId)(selectFieldName, 'radio'), isInline: true, label: "Networking stack type", isRequired: true, onChange: onChange },
+            react_1.default.createElement(OcmFormFields_1.OcmRadioField, { label: react_1.default.createElement(react_1.default.Fragment, null,
+                    (0, data_1.getProtocolVersionLabel)(data_1.ProtocolVersion.ipv4),
+                    ' ',
+                    react_1.default.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: "Select this when your hosts are using only IPv4." })), name: selectFieldName, "data-testid": "select-ipv4", id: "select-ipv4", value: "ipv4", isChecked: isIpv4Selected, callFormikOnChange: false }),
+            react_1.default.createElement(OcmFormFields_1.OcmRadioField, { label: react_1.default.createElement(react_1.default.Fragment, null,
+                    'Dual-stack',
+                    ' ',
+                    react_1.default.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: "Select dual-stack when your hosts are using IPV4 together with IPV6." })), name: selectFieldName, "data-testid": "select-dual-stack", id: "select-dual-stack", value: "dualStack", isChecked: !isIpv4Selected, callFormikOnChange: false })),
+        openConfirmModal && (react_1.default.createElement(common_1.ConfirmationModal, { title: 'Change networking stack type?', titleIconVariant: 'warning', confirmationButtonText: 'Change', confirmationButtonVariant: react_core_1.ButtonVariant.primary, content: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", null, "All data and configuration done for 'Dual Stack' will be lost.")), onClose: () => {
+                setConfirmModal(false);
+                setProtocolType('dualStack');
+            }, onConfirm: () => {
+                setConfirmModal(false);
+                setProtocolType('ipv4');
+            } }))));
+};
+exports.ProtocolTypeSelect = ProtocolTypeSelect;
+const FormViewNetworkWideFields = ({ hosts }) => {
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Content, null,
+            react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.h3 }, "Network-wide configurations"),
+            react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.small }, "The following configurations are applicable to all the hosts.")),
+        hosts.length > 0 && hostsConfiguredAlert,
+        react_1.default.createElement(exports.ProtocolTypeSelect, null),
+        react_1.default.createElement(OcmFormFields_1.OcmCheckboxField, { label: react_1.default.createElement(react_1.default.Fragment, null,
+                'Use VLAN ',
+                react_1.default.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: "If the hosts are in a sub network, enter the VLAN ID." })), name: "useVlan", "data-testid": "use-vlan", onChange: () => setFieldValue('vlanId', '') }),
+        values.useVlan && (react_1.default.createElement("div", { className: "vlan-id" },
+            react_1.default.createElement(OcmFormFields_1.OcmInputField, { label: "VLAN ID", name: "vlanId", isRequired: true, "data-testid": "vlan-id", min: formViewNetworkWideValidationSchema_1.MIN_VLAN_ID, max: formViewNetworkWideValidationSchema_1.MAX_VLAN_ID }))),
+        react_1.default.createElement(OcmFormFields_1.OcmInputField, { isRequired: true, label: "DNS", name: `dns`, "data-testid": `dns`, helperText: 'List of your DNS server addresses, separated by commas.' }),
+        (0, data_1.getShownProtocolVersions)(values.protocolType).map((protocolVersion) => (react_1.default.createElement(react_core_1.FormGroup, { key: protocolVersion, label: (0, data_1.getProtocolVersionLabel)(protocolVersion), fieldId: (0, common_1.getFieldId)(`ip-configs-${protocolVersion}`, 'input') },
+            react_1.default.createElement(IpConfigFields, { fieldName: `ipConfigs.${protocolVersion}`, protocolVersion: protocolVersion }))))));
+};
+exports.FormViewNetworkWideFields = FormViewNetworkWideFields;
+//# sourceMappingURL=FormViewNetworkWideFields.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/FormViewNetworkWideFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormViewNetworkWideFields.js","sourceRoot":"","sources":["../../../../../../../../../lib/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/FormViewNetworkWideFields.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAcgC;AAChC,oIAAkG;AAClG,mCAAoD;AACpD,wDAMqC;AACrC,mEAAiG;AACjG,qCAYoB;AACpB,+FAK+C;AAE/C,2BAAyB;AAEzB,MAAM,oBAAoB,GAAG,CAC3B,8BAAC,kBAAK,IACJ,OAAO,EAAE,yBAAY,CAAC,OAAO,EAC7B,QAAQ,EAAE,IAAI,iBACF,wBAAwB,EACpC,KAAK,EAAC,8HAA8H,GACpI,CACH,CAAC;AAEF,MAAM,cAAc,GAAsE,CAAC,EACzF,SAAS,EACT,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAO,SAAS,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,GAAG,SAAS,KAAK,CAAC;IACtC,MAAM,qBAAqB,GAAG,GAAG,SAAS,eAAe,CAAC;IAC1D,MAAM,cAAc,GAAG,IAAA,yBAAgB,EAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAC/D,MAAM,wBAAwB,GAAG,IAAA,yBAAgB,EAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;IACnF,MAAM,YAAY,GAAG,cAAc,IAAI,wBAAwB,CAAC;IAChE,MAAM,sBAAsB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,IAAI,GAAG,IAAA,4BAAqB,EAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,IAAA,gCAAuB,EAAC,IAAA,uBAAgB,EAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,GAAG,SAAS,EAAE,EAAE,OAAO,CAAC,CAAC;IACpD,OAAO,CACL,8BAAC,sBAAS,IACR,SAAS,EACP,8BAAC,oBAAW,IAAC,eAAe,QAAC,WAAW,EAAC,yCAAyC,GAAG,EAEvF,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,QACV,SAAS,EAAC,QAAQ;QAElB,8BAAC,iBAAI;YACH,8BAAC,qBAAQ,IAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;gBACvC,8BAAC,6BAAa,IACZ,IAAI,EAAE,GAAG,SAAS,KAAK,EACvB,UAAU,EAAE,IAAI,iBACH,GAAG,eAAe,qBAAqB,EACpD,gBAAgB,EAAE,KAAK,GACvB,CACO;YACX,8BAAC,qBAAQ,IAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAG,GAAG,CAAY;YAC3D,8BAAC,qBAAQ;gBACP,8BAAC,6BAAa,IACZ,IAAI,EAAE,GAAG,SAAS,eAAe,EACjC,UAAU,EAAE,IAAI,iBACH,GAAG,eAAe,gCAAgC,EAC/D,IAAI,EAAE,2BAAc,CAAC,MAAM,EAC3B,gBAAgB,EAAE,KAAK,EACvB,GAAG,EAAE,uDAAiB,EACtB,GAAG,EACD,eAAe,KAAK,sBAAe,CAAC,IAAI;wBACtC,CAAC,CAAC,uDAAiB,CAAC,IAAI;wBACxB,CAAC,CAAC,uDAAiB,CAAC,IAAI,GAE5B,CACO,CACN;QACN,CAAC,YAAY,IAAI,sBAAsB,CAAC,IAAI,CAC3C,8BAAC,2BAAc;YACb,8BAAC,uBAAU;gBACT,8BAAC,2BAAc,IACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,8BAAC,iCAAqB,OAAG,CAAC,CAAC,CAAC,IAAI,EACrD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,iBACrD,yBAAyB,OAAO,cAAc,IAE1D,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAsB,CACtC,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAGf,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,EAAE;IACtC,OAAO,CACL,8BAAC,iBAAI,IAAC,SAAS;QACb,8BAAC,cAAc,IAAC,SAAS,EAAE,GAAG,SAAS,iBAAiB,EAAE,eAAe,EAAE,eAAe,GAAI;QAC9F,8BAAC,6BAAa,IACZ,UAAU,QACV,KAAK,EAAC,iBAAiB,EACvB,SAAS,EACP,8BAAC,oBAAW,IACV,eAAe,QACf,WAAW,EAAC,kIAAkI,GAC9I,EAEJ,IAAI,EAAE,GAAG,SAAS,UAAU,iBACf,GAAG,eAAe,UAAU,GACzC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,MAAiC,EAAE,EAAE,CAC5D,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,KAAK,EAAE;IACpC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE;IAC9C,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,KAAK,EAAE,CAAC;AAEpD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,eAAe,GAAG,cAAc,CAAC;IACvC,MAAM,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,GAC9D,IAAA,iBAAQ,EAAqB,eAAe,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAW,gBAAgB,CAAC,CAAC;IACzE,MAAM,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAA6B,CAAC;IAEjE,MAAM,QAAQ,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC1D,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAA2B,CAAC;QAC7D,IAAI,eAAe,KAAK,YAAY,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QACD,IAAI,eAAe,KAAK,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3D,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,0EAA0E;YAC1E,OAAO,CAAC,IAAA,uBAAgB,GAAE,CAAC,CAAC;YAC5B,eAAe,CAAC,eAAe,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,YAAY,KAAK,MAAM,CAAC;IAC/C,OAAO,CACL;QACE,8BAAC,sBAAS,IACR,OAAO,EAAE,IAAA,mBAAU,EAAC,eAAe,EAAE,OAAO,CAAC,EAC7C,QAAQ,QACR,KAAK,EAAC,uBAAuB,EAC7B,UAAU,QACV,QAAQ,EAAE,QAAQ;YAElB,8BAAC,6BAAa,IACZ,KAAK,EACH;oBACG,IAAA,8BAAuB,EAAC,sBAAe,CAAC,IAAI,CAAC;oBAAE,GAAG;oBACnD,8BAAC,oBAAW,IACV,eAAe,QACf,WAAW,EAAC,kDAAkD,GAC9D,CACD,EAEL,IAAI,EAAE,eAAe,iBACT,aAAa,EACzB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,cAAc,EACzB,kBAAkB,EAAE,KAAK,GACzB;YACF,8BAAC,6BAAa,IACZ,KAAK,EACH;oBACG,YAAY;oBAAE,GAAG;oBAClB,8BAAC,oBAAW,IACV,eAAe,QACf,WAAW,EAAC,sEAAsE,GAClF,CACD,EAEL,IAAI,EAAE,eAAe,iBACT,mBAAmB,EAC/B,EAAE,EAAC,mBAAmB,EACtB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,CAAC,cAAc,EAC1B,kBAAkB,EAAE,KAAK,GACzB,CACQ;QAEX,gBAAgB,IAAI,CACnB,8BAAC,0BAAiB,IAChB,KAAK,EAAE,+BAA+B,EACtC,gBAAgB,EAAE,SAAS,EAC3B,sBAAsB,EAAE,QAAQ,EAChC,yBAAyB,EAAE,0BAAa,CAAC,OAAO,EAChD,OAAO,EACL;gBACE,0GAAqE,CACpE,EAEL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,eAAe,CAAC,WAAW,CAAC,CAAC;YAC/B,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;gBACd,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,eAAe,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC,GACD,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AA1FW,QAAA,kBAAkB,sBA0F7B;AACK,MAAM,yBAAyB,GAAG,CAAC,EAAE,KAAK,EAA6B,EAAE,EAAE;IAChF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAA6B,CAAC;IAChF,OAAO,CACL;QACE,8BAAC,oBAAO;YACN,8BAAC,oBAAO,IAAC,SAAS,EAAE,4BAAe,CAAC,EAAE,kCAAuC;YAC7E,8BAAC,oBAAO,IAAC,SAAS,EAAE,4BAAe,CAAC,KAAK,oEAE/B,CACF;QAET,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAoB;QAEzC,8BAAC,0BAAkB,OAAG;QAEtB,8BAAC,gCAAgB,IACf,KAAK,EACH;gBACG,WAAW;gBACZ,8BAAC,oBAAW,IACV,eAAe,QACf,WAAW,EAAC,uDAAuD,GACnE,CACD,EAEL,IAAI,EAAC,SAAS,iBACF,UAAU,EACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,CAAC,GAC3C;QAED,MAAM,CAAC,OAAO,IAAI,CACjB,uCAAK,SAAS,EAAC,SAAS;YACtB,8BAAC,6BAAa,IACZ,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,UAAU,uBACE,SAAS,EACrB,GAAG,EAAE,iDAAW,EAChB,GAAG,EAAE,iDAAW,GAChB,CACE,CACP;QAED,8BAAC,6BAAa,IACZ,UAAU,QACV,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,KAAK,iBACE,KAAK,EAClB,UAAU,EAAE,yDAAyD,GACrE;QAED,IAAA,+BAAwB,EAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CACtE,8BAAC,sBAAS,IACR,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,IAAA,8BAAuB,EAAC,eAAe,CAAC,EAC/C,OAAO,EAAE,IAAA,mBAAU,EAAC,cAAc,eAAe,EAAE,EAAE,OAAO,CAAC;YAE7D,8BAAC,cAAc,IACb,SAAS,EAAE,aAAa,eAAe,EAAE,EACzC,eAAe,EAAE,eAAe,GAChC,CACQ,CACb,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,yBAAyB,6BAiEpC"}

package/build/cjs/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/formViewNetworkWideValidationSchema.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateNumber = exports.networkWideValidationSchema = exports.getIsNotNetworkOrBroadcastAddressSchema = exports.getInMachineNetworkValidationSchema = exports.MAX_VLAN_ID = exports.MIN_VLAN_ID = exports.MAX_PREFIX_LENGTH = exports.MIN_PREFIX_LENGTH = void 0;
+const tslib_1 = require("tslib");
+const Yup = tslib_1.__importStar(require("yup"));
+const data_1 = require("../../data");
+const commonValidationSchemas_1 = require("../../commonValidationSchemas");
+const REQUIRED_MESSAGE = 'A value is required';
+const MUST_BE_A_NUMBER = 'Must be a number';
+const ONLY_DIGITS_REGEX = /^\d+$/;
+exports.MIN_PREFIX_LENGTH = 1;
+exports.MAX_PREFIX_LENGTH = {
+    ipv4: 32,
+    ipv6: 128,
+};
+exports.MIN_VLAN_ID = 1;
+exports.MAX_VLAN_ID = 4094;
+const transformNumber = (originalValue) => {
+    return isNaN(originalValue) ? null : originalValue;
+};
+const getInMachineNetworkValidationSchema = (protocolVersion, machineNetwork) => {
+    return (0, commonValidationSchemas_1.getIpAddressInSubnetValidationSchema)(protocolVersion, (0, data_1.getMachineNetworkCidr)(machineNetwork));
+};
+exports.getInMachineNetworkValidationSchema = getInMachineNetworkValidationSchema;
+const getIsNotNetworkOrBroadcastAddressSchema = (protocolVersion, machineNetwork) => {
+    return (0, commonValidationSchemas_1.getIpIsNotNetworkOrBroadcastAddressSchema)(protocolVersion, (0, data_1.getMachineNetworkCidr)(machineNetwork));
+};
+exports.getIsNotNetworkOrBroadcastAddressSchema = getIsNotNetworkOrBroadcastAddressSchema;
+const getMachineNetworkValidationSchema = (protocolVersion) => Yup.object().shape({
+    ip: getIPValidationSchema(protocolVersion),
+    prefixLength: Yup.number()
+        .required('Prefix length is required')
+        .min(1, `Prefix length must be more than or equal to 1`)
+        .max(exports.MAX_PREFIX_LENGTH[protocolVersion], `Prefix length must be less than or equal to ${exports.MAX_PREFIX_LENGTH[protocolVersion]}`)
+        .transform(transformNumber), //add casting to not get typescript error caused by nullable
+});
+const getIPValidationSchema = (protocolVersion) => {
+    return (0, commonValidationSchemas_1.getIpAddressValidationSchema)(protocolVersion)
+        .required(REQUIRED_MESSAGE)
+        .concat((0, commonValidationSchemas_1.isNotReservedHostIPAddress)(protocolVersion));
+};
+const getDNSValidationSchema = (protocolType) => {
+    if (protocolType === 'dualStack') {
+        return (0, commonValidationSchemas_1.getMultipleIpAddressValidationSchema)()
+            .required(REQUIRED_MESSAGE)
+            .concat((0, commonValidationSchemas_1.isNotReservedHostDNSAddress)());
+    }
+    return (0, commonValidationSchemas_1.getMultipleIpAddressValidationSchema)(data_1.ProtocolVersion.ipv4)
+        .required(REQUIRED_MESSAGE)
+        .concat((0, commonValidationSchemas_1.isNotReservedHostDNSAddress)(data_1.ProtocolVersion.ipv4));
+};
+const getAddressDataValidationSchema = (protocolVersion, ipConfig) => {
+    return Yup.object({
+        machineNetwork: getMachineNetworkValidationSchema(protocolVersion),
+        gateway: getIPValidationSchema(protocolVersion)
+            .concat((0, exports.getInMachineNetworkValidationSchema)(protocolVersion, ipConfig.machineNetwork))
+            .concat((0, exports.getIsNotNetworkOrBroadcastAddressSchema)(protocolVersion, ipConfig.machineNetwork)),
+    });
+};
+exports.networkWideValidationSchema = Yup.lazy((values) => {
+    const ipConfigsValidationSchemas = Yup.object({
+        ipv4: getAddressDataValidationSchema(data_1.ProtocolVersion.ipv4, values.ipConfigs.ipv4),
+        ipv6: (0, data_1.showProtocolVersion)(values.protocolType, data_1.ProtocolVersion.ipv6)
+            ? getAddressDataValidationSchema(data_1.ProtocolVersion.ipv6, values.ipConfigs.ipv6)
+            : Yup.object(),
+    });
+    return Yup.object({
+        useVlan: Yup.boolean(),
+        vlanId: Yup.mixed().when('useVlan', {
+            is: (useVlan) => useVlan,
+            then: () => Yup.number()
+                .required(MUST_BE_A_NUMBER)
+                .min(1, `Must be more than or equal to 1`)
+                .max(exports.MAX_VLAN_ID, `Must be less than or equal to ${exports.MAX_VLAN_ID}`)
+                .test('not-number', MUST_BE_A_NUMBER, () => (0, exports.validateNumber)(values.vlanId))
+                .nullable()
+                .transform(transformNumber),
+        }),
+        protocolType: Yup.string(),
+        dns: getDNSValidationSchema(values.protocolType),
+        ipConfigs: ipConfigsValidationSchemas,
+    });
+});
+const validateNumber = (vlanId) => {
+    //We need to validate that value is a number(without letters) and is not an exponential number (ex: 1e2)
+    return new RegExp(ONLY_DIGITS_REGEX).test((vlanId || '').toString());
+};
+exports.validateNumber = validateNumber;
+//# sourceMappingURL=formViewNetworkWideValidationSchema.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/formViewNetworkWideValidationSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formViewNetworkWideValidationSchema.js","sourceRoot":"","sources":["../../../../../../../../../lib/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/formViewNetworkWideValidationSchema.tsx"],"names":[],"mappings":";;;;AAAA,iDAA2B;AAE3B,qCAQoB;AACpB,2EAOuC;AAEvC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;AAC/C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAC5C,MAAM,iBAAiB,GAAG,OAAO,CAAC;AAErB,QAAA,iBAAiB,GAAG,CAAC,CAAC;AACtB,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,GAAG;CACV,CAAC;AAEW,QAAA,WAAW,GAAG,CAAC,CAAC;AAChB,QAAA,WAAW,GAAG,IAAI,CAAC;AAEhC,MAAM,eAAe,GAAG,CAAC,aAAqB,EAAE,EAAE;IAChD,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC;AACrD,CAAC,CAAC;AAEK,MAAM,mCAAmC,GAAG,CACjD,eAAgC,EAChC,cAAoB,EACpB,EAAE;IACF,OAAO,IAAA,8DAAoC,EACzC,eAAe,EACf,IAAA,4BAAqB,EAAC,cAAc,CAAC,CACtC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,mCAAmC,uCAQ9C;AAEK,MAAM,uCAAuC,GAAG,CACrD,eAAgC,EAChC,cAAoB,EACpB,EAAE;IACF,OAAO,IAAA,mEAAyC,EAC9C,eAAe,EACf,IAAA,4BAAqB,EAAC,cAAc,CAAC,CACtC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,uCAAuC,2CAQlD;AAEF,MAAM,iCAAiC,GAAG,CAAC,eAAgC,EAAE,EAAE,CAC7E,GAAG,CAAC,MAAM,EAAQ,CAAC,KAAK,CAAC;IACvB,EAAE,EAAE,qBAAqB,CAAC,eAAe,CAAC;IAC1C,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE;SACvB,QAAQ,CAAC,2BAA2B,CAAC;SACrC,GAAG,CAAC,CAAC,EAAE,+CAA+C,CAAC;SACvD,GAAG,CACF,yBAAiB,CAAC,eAAe,CAAC,EAClC,+CAA+C,yBAAiB,CAAC,eAAe,CAAC,EAAE,CACpF;SACA,SAAS,CAAC,eAAe,CAAqB,EAAE,4DAA4D;CAChH,CAAC,CAAC;AAEL,MAAM,qBAAqB,GAAG,CAAC,eAAgC,EAAE,EAAE;IACjE,OAAO,IAAA,sDAA4B,EAAC,eAAe,CAAC;SACjD,QAAQ,CAAC,gBAAgB,CAAC;SAC1B,MAAM,CAAC,IAAA,oDAA0B,EAAC,eAAe,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,YAAgC,EAAE,EAAE;IAClE,IAAI,YAAY,KAAK,WAAW,EAAE,CAAC;QACjC,OAAO,IAAA,8DAAoC,GAAE;aAC1C,QAAQ,CAAC,gBAAgB,CAAC;aAC1B,MAAM,CAAC,IAAA,qDAA2B,GAAE,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,IAAA,8DAAoC,EAAC,sBAAe,CAAC,IAAI,CAAC;SAC9D,QAAQ,CAAC,gBAAgB,CAAC;SAC1B,MAAM,CAAC,IAAA,qDAA2B,EAAC,sBAAe,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CAAC,eAAgC,EAAE,QAAkB,EAAE,EAAE;IAC9F,OAAO,GAAG,CAAC,MAAM,CAAC;QAChB,cAAc,EAAE,iCAAiC,CAAC,eAAe,CAAC;QAClE,OAAO,EAAE,qBAAqB,CAAC,eAAe,CAAC;aAC5C,MAAM,CAAC,IAAA,2CAAmC,EAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;aACrF,MAAM,CAAC,IAAA,+CAAuC,EAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;KAC7F,CAAC,CAAC;AACL,CAAC,CAAC;AAEW,QAAA,2BAA2B,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,MAAiC,EAAE,EAAE;IACxF,MAAM,0BAA0B,GAAG,GAAG,CAAC,MAAM,CAAC;QAC5C,IAAI,EAAE,8BAA8B,CAAC,sBAAe,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;QACjF,IAAI,EAAE,IAAA,0BAAmB,EAAC,MAAM,CAAC,YAAY,EAAE,sBAAe,CAAC,IAAI,CAAC;YAClE,CAAC,CAAC,8BAA8B,CAAC,sBAAe,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YAC7E,CAAC,CAAC,GAAG,CAAC,MAAM,EAAY;KAC3B,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC,MAAM,CAAC;QAChB,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE;QACtB,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;YAClC,EAAE,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,OAAO;YACjC,IAAI,EAAE,GAAG,EAAE,CACT,GAAG,CAAC,MAAM,EAAE;iBACT,QAAQ,CAAC,gBAAgB,CAAC;iBAC1B,GAAG,CAAC,CAAC,EAAE,iCAAiC,CAAC;iBACzC,GAAG,CAAC,mBAAW,EAAE,iCAAiC,mBAAW,EAAE,CAAC;iBAChE,IAAI,CAAC,YAAY,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;iBACzE,QAAQ,EAAE;iBACV,SAAS,CAAC,eAAe,CAAqB;SACpD,CAAC;QACF,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE;QAC1B,GAAG,EAAE,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC;QAChD,SAAS,EAAE,0BAA0B;KACtC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEI,MAAM,cAAc,GAAG,CAAC,MAA2C,EAAE,EAAE;IAC5E,wGAAwG;IACxG,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;AACvE,CAAC,CAAC;AAHW,QAAA,cAAc,kBAGzB"}

package/build/cjs/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FormViewNetworkWide"), exports);
+tslib_1.__exportStar(require("./formViewNetworkWideValidationSchema"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../lib/ocm/components/wizard/steps/staticIp/components/FormViewNetworkWide/index.tsx"],"names":[],"mappings":";;;AAAA,gEAAsC;AACtC,gFAAsD"}

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpForm.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticIpForm = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const isEqual_js_1 = tslib_1.__importDefault(require("lodash-es/isEqual.js"));
+const common_1 = require("../../../../../../common");
+const store_1 = require("../../../../../store");
+const hooks_1 = require("../../../../../hooks");
+const fromInfraEnv_1 = require("../data/fromInfraEnv");
+/** Reports form state and triggers save on every value change (useFormikAutoSave) */
+const AutosaveWithParentUpdate = ({ onFormStateChange, getEmptyValues, }) => {
+    const emptyValues = react_1.default.useMemo(() => getEmptyValues(), [getEmptyValues]);
+    const { isSubmitting, isValid, touched, errors, values, initialValues, submitForm } = (0, formik_1.useFormikContext)();
+    const isEmpty = react_1.default.useMemo(() => (0, isEqual_js_1.default)(values, emptyValues), [values, emptyValues]);
+    const isAutoSaveRunning = (0, common_1.useFormikAutoSave)(0);
+    // Submit once on mount when form was opened with existing data (so it gets persisted).
+    react_1.default.useEffect(() => {
+        if (!(0, isEqual_js_1.default)(emptyValues, initialValues)) {
+            void submitForm();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: run only on mount.
+    }, []);
+    react_1.default.useEffect(() => {
+        onFormStateChange({
+            isSubmitting,
+            isAutoSaveRunning,
+            isValid,
+            touched,
+            errors,
+            isEmpty,
+            values: values,
+        });
+    }, [
+        isSubmitting,
+        isValid,
+        isAutoSaveRunning,
+        touched,
+        errors,
+        values,
+        isEmpty,
+        onFormStateChange,
+    ]);
+    return null;
+};
+const StaticIpForm = ({ infraEnv, updateInfraEnv, getInitialValues, getUpdateParams, validationSchema, onFormStateChange, getEmptyValues, children, showEmptyValues, }) => {
+    const { clearAlerts, addAlert } = (0, common_1.useAlerts)();
+    const { captureException } = (0, common_1.useErrorMonitor)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const isSingleClusterFeatureEnabled = (0, hooks_1.useFeature)('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
+    const prefillFromInfraEnv = isSingleClusterFeatureEnabled && !!(0, fromInfraEnv_1.getStaticNetworkConfig)(infraEnv);
+    const initialValues = react_1.default.useMemo(() => {
+        if (showEmptyValues && !prefillFromInfraEnv) {
+            return getEmptyValues();
+        }
+        return getInitialValues(infraEnv);
+    }, [showEmptyValues, prefillFromInfraEnv, infraEnv, getInitialValues, getEmptyValues]);
+    const handleSubmit = (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        try {
+            yield updateInfraEnv({
+                staticNetworkConfig: getUpdateParams(infraEnv, values),
+            });
+        }
+        catch (error) {
+            captureException(error);
+            addAlert({
+                title: 'Failed to update the static network config',
+                message: (0, common_1.getApiErrorMessage)(error),
+            });
+        }
+    });
+    const validate = (values) => {
+        try {
+            validationSchema.validateSync(values, {
+                abortEarly: false,
+                context: { values },
+            });
+            return {};
+        }
+        catch (error) {
+            return (0, formik_1.yupToFormErrors)(error);
+        }
+    };
+    if (!initialValues) {
+        return null;
+    }
+    const onSubmit = isViewerMode ? () => Promise.resolve() : handleSubmit;
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: initialValues, onSubmit: onSubmit, validate: validate, validateOnMount: true },
+        react_1.default.createElement(react_core_1.Form, null,
+            children,
+            react_1.default.createElement(AutosaveWithParentUpdate, { onFormStateChange: onFormStateChange, getEmptyValues: getEmptyValues }))));
+};
+exports.StaticIpForm = StaticIpForm;
+//# sourceMappingURL=StaticIpForm.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpForm.js.map

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

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpHostsArray.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticIpHostsArray = exports.RemoveItemButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const cloneDeep_js_1 = tslib_1.__importDefault(require("lodash-es/cloneDeep.js"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
+const common_1 = require("../../../../../../common");
+const store_1 = require("../../../../../store");
+const fieldName = 'hosts';
+const RemoveItemButton = ({ onRemove, showRemoveButton, dataTestId }) => (
+//use css visibility instead of conditional rendering to avoid button jumping when hovering
+react_1.default.createElement(react_core_1.Button, { icon: react_1.default.createElement(minus_circle_icon_1.MinusCircleIcon, { onClick: onRemove, "data-testid": dataTestId }), "aria-label": "remove host", style: { visibility: showRemoveButton ? 'visible' : 'hidden' }, variant: "plain" }));
+exports.RemoveItemButton = RemoveItemButton;
+const getHostName = (hostIdx) => `Host ${hostIdx + 1}`;
+const SingleHost = ({ fieldName, hostIdx, onRemove, onToggleExpand, isExpanded, isDisabled, CollapsedHostComponent, ExpandedHostComponent, enableRemoveHost, }) => {
+    //TODO: fix RemovableField reusable component to support this use case
+    const [showRemoveButton, setShowRemoveButton] = react_1.default.useState(false);
+    const updateShowRemoveButton = (value) => {
+        if (isDisabled) {
+            return;
+        }
+        if (!enableRemoveHost) {
+            setShowRemoveButton(false);
+        }
+        else {
+            setShowRemoveButton(value);
+        }
+    };
+    const hostFieldName = (0, common_1.getFormikArrayItemFieldName)(fieldName, hostIdx);
+    return (react_1.default.createElement(react_core_1.Grid, { onMouseEnter: () => updateShowRemoveButton(true), onMouseLeave: () => updateShowRemoveButton(false), hasGutter: true },
+        react_1.default.createElement(react_core_1.Flex, null,
+            react_1.default.createElement(react_core_1.FlexItem, null,
+                react_1.default.createElement(react_core_1.ExpandableSectionToggle, { isExpanded: isExpanded, onToggle: onToggleExpand, direction: "down", "data-testid": `toggle-host-${hostIdx}` }, getHostName(hostIdx))),
+            !isDisabled && enableRemoveHost && (react_1.default.createElement(react_core_1.FlexItem, { align: { default: 'alignRight' } },
+                react_1.default.createElement(exports.RemoveItemButton, { onRemove: onRemove, showRemoveButton: showRemoveButton, dataTestId: `remove-host-${hostIdx}` })))),
+        isExpanded ? (react_1.default.createElement(react_core_1.ExpandableSection, { isDetached: true, key: hostIdx, isExpanded: true },
+            react_1.default.createElement(ExpandedHostComponent, { fieldName: hostFieldName, hostIdx: hostIdx, isDisabled: isDisabled }))) : (react_1.default.createElement(CollapsedHostComponent, { fieldName: hostFieldName, hostIdx: hostIdx, isDisabled: isDisabled }))));
+};
+const getExpandedHostsInitialValue = (numHosts) => {
+    const ret = {};
+    for (let i = 0; i < numHosts; ++i) {
+        ret[i] = false;
+    }
+    return ret;
+};
+const getExpandedHostsDefaultValue = (numHosts) => {
+    const ret = getExpandedHostsInitialValue(numHosts);
+    if (numHosts === 1) {
+        ret[0] = true;
+    }
+    return ret;
+};
+const Hosts = (_a) => {
+    var { push, remove, enableCopyAboveConfiguration = false, emptyHostData } = _a, props = tslib_1.__rest(_a, ["push", "remove", "enableCopyAboveConfiguration", "emptyHostData"]);
+    const [field, { error }] = (0, formik_1.useField)({
+        name: fieldName,
+    });
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const canAddHosts = !(0, react_redux_1.useSelector)(store_1.selectIsCurrentClusterSNO) && !isViewerMode;
+    const [expandedHosts, setExpandedHosts] = react_1.default.useState(getExpandedHostsDefaultValue(field.value.length));
+    const [copyConfiguration, setCopyConfiguration] = react_1.default.useState(enableCopyAboveConfiguration);
+    const [hostIdxToRemove, setHostIdxToRemove] = react_1.default.useState(null);
+    if (field.value === undefined) {
+        return react_1.default.createElement(common_1.LoadingState, null);
+    }
+    const onAddHost = () => {
+        const newHostData = (0, cloneDeep_js_1.default)(emptyHostData);
+        if (copyConfiguration) {
+            newHostData.networkYaml = (0, cloneDeep_js_1.default)(field.value[field.value.length - 1].networkYaml);
+        }
+        const newExpandedHosts = getExpandedHostsInitialValue(field.value.length + 1);
+        newExpandedHosts[field.value.length] = true;
+        setExpandedHosts(newExpandedHosts);
+        push(newHostData);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        field.value.map((_data, hostIdx) => {
+            const onToggleExpand = (isExpanded) => {
+                const newExpandedHosts = (0, cloneDeep_js_1.default)(expandedHosts);
+                newExpandedHosts[hostIdx] = isExpanded;
+                setExpandedHosts(newExpandedHosts);
+            };
+            return (react_1.default.createElement(react_1.default.Fragment, { key: hostIdx },
+                react_1.default.createElement(SingleHost, Object.assign({ hostIdx: hostIdx, onToggleExpand: onToggleExpand, isExpanded: expandedHosts[hostIdx], isDisabled: isViewerMode, onRemove: () => setHostIdxToRemove(hostIdx), fieldName: fieldName, emptyHostData: emptyHostData, enableRemoveHost: field.value.length > 1 }, props)),
+                react_1.default.createElement(react_core_1.Divider, null)));
+        }),
+        canAddHosts && (react_1.default.createElement(react_core_1.Flex, null,
+            react_1.default.createElement(react_core_1.FlexItem, null,
+                react_1.default.createElement(react_core_1.Button, { variant: "secondary", onClick: onAddHost, "data-testid": "add-host", isDisabled: !!error }, "Add another host configuration")),
+            enableCopyAboveConfiguration && (react_1.default.createElement(react_core_1.FlexItem, { alignSelf: { default: 'alignSelfCenter' } },
+                react_1.default.createElement(react_core_1.Checkbox, { label: "Copy the YAML content", isChecked: copyConfiguration, onChange: (_event, val) => setCopyConfiguration(val), "aria-label": "copy host configuration", name: "copy-host-configuration", id: "copy-host-configuration", "data-testid": "copy-host-configuration" }))))),
+        hostIdxToRemove !== null && (react_1.default.createElement(common_1.ConfirmationModal, { title: `Delete ${getHostName(hostIdxToRemove)}?`, titleIconVariant: "warning", confirmationButtonText: "Delete", confirmationButtonVariant: react_core_1.ButtonVariant.danger, content: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", null, `All the network configurations of ${getHostName(hostIdxToRemove)} will be lost`)), onClose: () => setHostIdxToRemove(null), onConfirm: () => {
+                remove(hostIdxToRemove);
+                setHostIdxToRemove(null);
+            } }))));
+};
+const StaticIpHostsArray = (_a) => {
+    var props = tslib_1.__rest(_a, []);
+    const renderHosts = react_1.default.useCallback((arrayRenderProps) => (react_1.default.createElement(Hosts, Object.assign({}, Object.assign(props, arrayRenderProps)))), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return react_1.default.createElement(formik_1.FieldArray, { name: fieldName, render: renderHosts });
+};
+exports.StaticIpHostsArray = StaticIpHostsArray;
+//# sourceMappingURL=StaticIpHostsArray.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpHostsArray.js.map

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

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpPage.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticIpPage = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const hooks_1 = require("../../../../../hooks");
+const common_1 = require("../../../../../../common");
+const clusterWizardContext_1 = require("../../../clusterWizardContext");
+const data_1 = require("../data");
+const YamlView_1 = require("./YamlView");
+const FormViewHosts_1 = require("./FormViewHosts");
+const FormViewNetworkWide_1 = require("./FormViewNetworkWide");
+const StaticIpViewRadioGroup_1 = require("./StaticIpViewRadioGroup");
+require("./staticIp.css");
+const isoRegenerationAlert = (react_1.default.createElement(react_core_1.Alert, { variant: react_core_1.AlertVariant.warning, isInline: true, "data-testid": "regenerate-iso-alert", title: "To add new hosts that will use the new or edited configurations, you'll need to regenerate the\n  Discovery ISO in the 'Host discovery' step and boot your new hosts from it." }));
+const StaticIpPage = ({ infraEnv, updateInfraEnv, onFormStateChange: onFormStateChangeParent, }) => {
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const isSingleClusterFeatureEnabled = (0, hooks_1.useFeature)('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
+    const prefillFromInfraEnv = isSingleClusterFeatureEnabled && !!(0, data_1.getStaticNetworkConfig)(infraEnv);
+    const [confirmOnChangeView, setConfirmOnChangeView] = react_1.default.useState(false);
+    const [viewChanged, setViewChanged] = react_1.default.useState(false);
+    const onChangeView = react_1.default.useCallback((view) => {
+        clusterWizardContext.onUpdateStaticIpView(view);
+        setViewChanged(true);
+    }, [clusterWizardContext]);
+    const initialStaticIpInfo = react_1.default.useMemo(() => (0, data_1.getStaticIpInfo)(infraEnv), [infraEnv]);
+    const onFormStateChange = react_1.default.useCallback((formState) => {
+        const hasFilledData = clusterWizardContext.currentStepId === 'static-ip-host-configurations' ||
+            !formState.isEmpty;
+        setConfirmOnChangeView(hasFilledData);
+        onFormStateChangeParent(formState);
+    }, [clusterWizardContext.currentStepId, onFormStateChangeParent]);
+    const viewProps = {
+        onFormStateChange,
+        infraEnv,
+        updateInfraEnv,
+        showEmptyValues: viewChanged && !prefillFromInfraEnv,
+    };
+    const content = (() => {
+        switch (clusterWizardContext.currentStepId) {
+            case 'static-ip-yaml-view':
+                return react_1.default.createElement(YamlView_1.YamlView, Object.assign({}, viewProps));
+            case 'static-ip-network-wide-configurations':
+                return react_1.default.createElement(FormViewNetworkWide_1.FormViewNetworkWide, Object.assign({}, viewProps));
+            case 'static-ip-host-configurations':
+                return react_1.default.createElement(FormViewHosts_1.FormViewHosts, Object.assign({}, viewProps));
+            default:
+                throw new Error(`Unexpected wizard step id ${clusterWizardContext.currentStepId} when entering static ip page`);
+        }
+    })();
+    if (!initialStaticIpInfo) {
+        return null;
+    }
+    return (react_1.default.createElement(react_core_1.Grid, { hasGutter: true },
+        react_1.default.createElement(react_core_1.GridItem, null,
+            react_1.default.createElement(common_1.ClusterWizardStepHeader, null, "Static network configurations"),
+            react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.small }, "Network configuration can be done using either the form view or YAML view. Configurations done in this step are for discovering hosts.")),
+        (clusterWizardContext.currentStepId === 'static-ip-network-wide-configurations' ||
+            clusterWizardContext.currentStepId === 'static-ip-yaml-view') && (react_1.default.createElement(StaticIpViewRadioGroup_1.StaticIpViewRadioGroup, { initialView: initialStaticIpInfo.view, confirmOnChangeView: confirmOnChangeView, onChangeView: onChangeView })),
+        initialStaticIpInfo.isDataComplete && isoRegenerationAlert,
+        content));
+};
+exports.StaticIpPage = StaticIpPage;
+//# sourceMappingURL=StaticIpPage.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpPage.js.map

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

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpViewRadioGroup.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticIpViewRadioGroup = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../../common");
+const ui_1 = require("../../../../ui");
+const data_1 = require("../data");
+const StaticIpViewRadioGroup = ({ initialView, confirmOnChangeView, onChangeView, }) => {
+    const { clearAlerts } = (0, common_1.useAlerts)();
+    const GROUP_NAME = 'select-static-ip-view';
+    const [confirmView, setConfirmView] = react_1.default.useState();
+    const [view, setView] = react_1.default.useState(initialView);
+    const handleChange = (event) => {
+        const selectedView = event.currentTarget.value;
+        if (confirmOnChangeView) {
+            setConfirmView(selectedView);
+        }
+        else {
+            setView(selectedView);
+            onChangeView(selectedView);
+        }
+    };
+    const onConfirm = (selectedView) => {
+        clearAlerts();
+        setView(selectedView);
+        setConfirmView(undefined);
+        onChangeView(selectedView);
+    };
+    const onCancel = () => {
+        setConfirmView(undefined);
+    };
+    const getCurrentViewText = () => {
+        return view === data_1.StaticIpView.YAML ? 'YAML' : 'form';
+    };
+    const isFormViewSelected = view === data_1.StaticIpView.FORM;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Form, { isHorizontal: true },
+            react_1.default.createElement(react_core_1.FormGroup, { fieldId: (0, common_1.getFieldId)(GROUP_NAME, 'radio'), isInline: true, label: "Configure via :", className: "static-config-type-label" },
+                react_1.default.createElement(ui_1.OcmRadio, { label: "Form view", name: GROUP_NAME, "data-testid": "select-form-view", id: "select-form-view", value: data_1.StaticIpView.FORM, isChecked: isFormViewSelected, onChange: handleChange }),
+                react_1.default.createElement(ui_1.OcmRadio, { label: "YAML view", name: GROUP_NAME, "data-testid": "select-yaml-view", id: "select-yaml-view", value: data_1.StaticIpView.YAML, isChecked: !isFormViewSelected, onChange: handleChange }))),
+        isFormViewSelected && (react_1.default.createElement(react_core_1.Alert, { variant: react_core_1.AlertVariant.info, isInline: true, title: 'Form view supports basic configurations. Select YAML view for advanced configurations.' })),
+        confirmView && (react_1.default.createElement(common_1.ConfirmationModal, { title: 'Change configuration option?', titleIconVariant: 'warning', confirmationButtonText: 'Change', confirmationButtonVariant: react_core_1.ButtonVariant.primary, content: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", null, `All data and configuration done in ${getCurrentViewText()} view will be lost.`)), onClose: onCancel, onConfirm: () => onConfirm(confirmView) }))));
+};
+exports.StaticIpViewRadioGroup = StaticIpViewRadioGroup;
+//# sourceMappingURL=StaticIpViewRadioGroup.js.map

package/build/cjs/ocm/components/wizard/steps/staticIp/components/StaticIpViewRadioGroup.js.map

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