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

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/FormViewHosts/formViewHostsValidationSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formViewHostsValidationSchema.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/clusterConfiguration/staticIp/components/FormViewHosts/formViewHostsValidationSchema.tsx"],"names":[],"mappings":";;;;AAAA,iDAA2B;AAE3B,oDAM8B;AAC9B,qDAAsE;AACtE,gEAAgE;AAChE,oHAAiH;AACjH,2EAIuC;AACvC,8DAAkE;AAClE,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAE1C,MAAM,mBAAmB,GAAoD,CAC3E,MAA2B,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAE/C,MAAM,mBAAmB,GAAoD,CAC3E,MAA2B,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAE/C,MAAM,kBAAkB,GAAoD,CAC1E,MAA2B,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAEjD,MAAM,uBAAuB,GAAG,CAAC,iBAA4C,EAAE,EAAE,CAC/E,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAe;IAC/B,UAAU,EAAE,mCAA0B;SACnC,QAAQ,CAAC,WAAW,CAAC;SACrB,MAAM,CAAC,IAAA,mDAAyB,EAAC,kBAAkB,CAAC,CAAC;IACxD,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAU;QAC/B,IAAI,EAAE,IAAA,0BAAQ,EAAC,iBAAiB,CAAC,YAAY,CAAC;YAC5C,CAAC,CAAC,IAAA,yEAAmC,EACjC,2BAAe,CAAC,IAAI,EACpB,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,cAAc,CACnD;iBACE,QAAQ,CAAC,WAAW,CAAC;iBACrB,MAAM,CAAC,IAAA,mDAAyB,EAAC,mBAAmB,CAAC,CAAC;iBACtD,MAAM,CACL,IAAA,mEAAyC,EACvC,2BAAe,CAAC,IAAI,EACpB,IAAA,sCAAqB,EAAC,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAC1E,CACF;YACL,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;QAChB,IAAI,EAAE,IAAA,0BAAQ,EAAC,iBAAiB,CAAC,YAAY,CAAC;YAC5C,CAAC,CAAC,IAAA,yEAAmC,EACjC,2BAAe,CAAC,IAAI,EACpB,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,cAAc,CACnD;iBACE,QAAQ,CAAC,WAAW,CAAC;iBACrB,MAAM,CAAC,IAAA,mDAAyB,EAAC,mBAAmB,CAAC,CAAC;iBACtD,MAAM,CACL,IAAA,mEAAyC,EACvC,2BAAe,CAAC,IAAI,EACpB,IAAA,sCAAqB,EAAC,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAC1E,CACF;YACL,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;KACjB,CAAC;CACH,CAAC,CAAC;AAEE,MAAM,gCAAgC,GAAG,CAAC,iBAA4C,EAAE,EAAE;IAC/F,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC;QACxB,KAAK,EAAE,GAAG,CAAC,KAAK,EAAgB,CAAC,EAAE,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;KAChF,CAAC,CAAC;AACL,CAAC,CAAC;AAJW,QAAA,gCAAgC,oCAI3C"}

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/FormViewNetworkWide/FormViewNetworkWide.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormViewNetworkWide = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const StaticIpForm_1 = require("../StaticIpForm");
+const formViewNetworkWideValidationSchema_1 = require("./formViewNetworkWideValidationSchema");
+const formDataToInfraEnvField_1 = require("../../data/formDataToInfraEnvField");
+const FormViewNetworkWideFields_1 = require("./FormViewNetworkWideFields");
+const fromInfraEnv_1 = require("../../data/fromInfraEnv");
+const emptyData_1 = require("../../data/emptyData");
+const FormViewNetworkWide = (_a) => {
+    var { infraEnv } = _a, props = tslib_1.__rest(_a, ["infraEnv"]);
+    const [formProps, setFormProps] = react_1.default.useState();
+    const [hosts, setHosts] = react_1.default.useState();
+    react_1.default.useEffect(() => {
+        const _hosts = (0, fromInfraEnv_1.getFormData)(infraEnv).hosts;
+        setHosts(_hosts);
+        if (!_hosts) {
+            return;
+        }
+        setFormProps(Object.assign(Object.assign({ infraEnv }, props), { validationSchema: formViewNetworkWideValidationSchema_1.networkWideValidationSchema, getInitialValues: (infraEnv) => {
+                return (0, fromInfraEnv_1.getFormViewNetworkWideValues)(infraEnv);
+            }, getUpdateParams: (currentInfraEnv, values) => (0, formDataToInfraEnvField_1.networkWideToInfraEnvField)(currentInfraEnv, values), getEmptyValues: () => (0, emptyData_1.getEmptyNetworkWideConfigurations)() }));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    if (!hosts || !formProps) {
+        return null;
+    }
+    return (react_1.default.createElement(StaticIpForm_1.StaticIpForm, Object.assign({}, formProps),
+        react_1.default.createElement(FormViewNetworkWideFields_1.FormViewNetworkWideFields, { hosts: hosts })));
+};
+exports.FormViewNetworkWide = FormViewNetworkWide;
+//# sourceMappingURL=FormViewNetworkWide.js.map

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/FormViewNetworkWide/FormViewNetworkWide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormViewNetworkWide.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/clusterConfiguration/staticIp/components/FormViewNetworkWide/FormViewNetworkWide.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,kDAA+C;AAG/C,+FAAoF;AACpF,gFAAgF;AAChF,2EAAwE;AACxE,0DAAoF;AACpF,oDAAyE;AAGlE,MAAM,mBAAmB,GAAgC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACnF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAgD,CAAC;IACjG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAkB,CAAC;IAE3D,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,IAAA,0BAAW,EAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;QAC3C,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,YAAY,+BACV,QAAQ,IACL,KAAK,KACR,gBAAgB,EAAE,iEAA2B,EAC7C,gBAAgB,EAAE,CAAC,QAAkB,EAAE,EAAE;gBACvC,OAAO,IAAA,2CAA4B,EAAC,QAAQ,CAAC,CAAC;YAChD,CAAC,EACD,eAAe,EAAE,CAAC,eAAyB,EAAE,MAAiC,EAAE,EAAE,CAChF,IAAA,oDAA0B,EAAC,eAAe,EAAE,MAAM,CAAC,EACrD,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,6CAAiC,GAAE,IACzD,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,8BAAC,2BAAY,oBAAgC,SAAS;QACpD,8BAAC,qDAAyB,IAAC,KAAK,EAAE,KAAK,GAAI,CAC9B,CAChB,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,mBAAmB,uBA+B9B"}

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/FormViewNetworkWide/FormViewNetworkWideFields.js

@@ -0,0 +1,109 @@
+"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 formik_1 = require("formik");
+const common_1 = require("../../../../../../common");
+const protocolVersion_1 = require("../../data/protocolVersion");
+const emptyData_1 = require("../../data/emptyData");
+const dataTypes_1 = require("../../data/dataTypes");
+const machineNetwork_1 = require("../../data/machineNetwork");
+const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../../../../common/hooks/useFieldErrorMsg"));
+const formViewNetworkWideValidationSchema_1 = require("./formViewNetworkWideValidationSchema");
+const OcmFormFields_1 = require("../../../../ui/OcmFormFields");
+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, useFieldErrorMsg_1.default)({ name: ipFieldName });
+    const prefixLengthErrorMessage = (0, useFieldErrorMsg_1.default)({ name: prefixLengthFieldName });
+    const errorMessage = ipErrorMessage || prefixLengthErrorMessage;
+    const machineNetworkHelptext = react_1.default.useMemo(() => {
+        if (errorMessage) {
+            return '';
+        }
+        const cidr = (0, machineNetwork_1.getMachineNetworkCidr)(value);
+        return (0, common_1.getHumanizedSubnetRange)((0, protocolVersion_1.getAddressObject)(cidr, protocolVersion));
+    }, [value, protocolVersion, errorMessage]);
+    return (react_1.default.createElement(react_core_1.FormGroup, { labelIcon: react_1.default.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: "The range of IP addresses of the hosts." }), label: "Machine network", fieldId: (0, common_1.getFieldId)(`${fieldName}`, 'input'), isRequired: true, helperTextInvalid: errorMessage, validated: errorMessage ? 'error' : 'default', helperText: machineNetworkHelptext, className: "machine-network" },
+        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 === dataTypes_1.ProtocolVersion.ipv4
+                        ? formViewNetworkWideValidationSchema_1.MAX_PREFIX_LENGTH.ipv4
+                        : formViewNetworkWideValidationSchema_1.MAX_PREFIX_LENGTH.ipv6 })))));
+};
+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, emptyData_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, protocolVersion_1.getProtocolVersionLabel)(dataTypes_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.TextContent, null,
+            react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.h3 }, "Network-wide configurations"),
+            react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.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, protocolVersion_1.getShownProtocolVersions)(values.protocolType).map((protocolVersion) => (react_1.default.createElement(react_core_1.FormGroup, { key: protocolVersion, label: (0, protocolVersion_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/clusterConfiguration/staticIp/components/FormViewNetworkWide/FormViewNetworkWideFields.js.map

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

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/FormViewNetworkWide/formViewNetworkWideValidationSchema.js

@@ -0,0 +1,92 @@
+"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 dataTypes_1 = require("../../data/dataTypes");
+const protocolVersion_1 = require("../../data/protocolVersion");
+const machineNetwork_1 = require("../../data/machineNetwork");
+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, machineNetwork_1.getMachineNetworkCidr)(machineNetwork));
+};
+exports.getInMachineNetworkValidationSchema = getInMachineNetworkValidationSchema;
+const getIsNotNetworkOrBroadcastAddressSchema = (protocolVersion, machineNetwork) => {
+    return (0, commonValidationSchemas_1.getIpIsNotNetworkOrBroadcastAddressSchema)(protocolVersion, (0, machineNetwork_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]}`)
+        .nullable()
+        .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)(dataTypes_1.ProtocolVersion.ipv4)
+        .required(REQUIRED_MESSAGE)
+        .concat((0, commonValidationSchemas_1.isNotReservedHostDNSAddress)(dataTypes_1.ProtocolVersion.ipv4));
+};
+const getAddressDataValidationSchema = (protocolVersion, ipConfig) => {
+    return Yup.object().shape({
+        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().shape({
+        ipv4: getAddressDataValidationSchema(dataTypes_1.ProtocolVersion.ipv4, values.ipConfigs.ipv4),
+        ipv6: (0, protocolVersion_1.showProtocolVersion)(values.protocolType, dataTypes_1.ProtocolVersion.ipv6)
+            ? getAddressDataValidationSchema(dataTypes_1.ProtocolVersion.ipv6, values.ipConfigs.ipv6)
+            : Yup.object(),
+    });
+    return Yup.object().shape({
+        useVlan: Yup.boolean(),
+        vlanId: Yup.mixed().when('useVlan', {
+            is: true,
+            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/clusterConfiguration/staticIp/components/FormViewNetworkWide/formViewNetworkWideValidationSchema.js.map

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

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/StaticIpForm.js

@@ -0,0 +1,78 @@
+"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 ErrorMonitorContext_1 = require("../../../../../common/components/ErrorHandling/ErrorMonitorContext");
+const api_1 = require("../../../../api");
+const selectors_1 = require("../../../../store/slices/current-cluster/selectors");
+const AutosaveWithParentUpdate = ({ onFormStateChange, getEmptyValues, }) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const emptyValues = react_1.default.useMemo(() => getEmptyValues(), []);
+    const { isSubmitting, isValid, touched, errors, values } = (0, formik_1.useFormikContext)();
+    const isEmpty = react_1.default.useMemo(() => {
+        return (0, isEqual_js_1.default)(values, emptyValues);
+    }, [values, emptyValues]);
+    const isAutoSaveRunning = (0, common_1.useFormikAutoSave)();
+    react_1.default.useEffect(() => {
+        onFormStateChange({ isSubmitting, isAutoSaveRunning, isValid, touched, errors, isEmpty });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isSubmitting, isValid, isAutoSaveRunning, touched, errors]);
+    return null;
+};
+const StaticIpForm = ({ infraEnv, updateInfraEnv, getInitialValues, getUpdateParams, validationSchema, onFormStateChange, getEmptyValues, children, showEmptyValues, }) => {
+    const { clearAlerts, addAlert } = (0, common_1.useAlerts)();
+    const { captureException } = (0, ErrorMonitorContext_1.useErrorMonitor)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(selectors_1.selectCurrentClusterPermissionsState);
+    const [initialValues, setInitialValues] = react_1.default.useState();
+    react_1.default.useEffect(() => {
+        if (showEmptyValues) {
+            //after view changed the formik should be rendered with empty values
+            setInitialValues(getEmptyValues());
+        }
+        else {
+            setInitialValues(getInitialValues(infraEnv));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    if (!initialValues) {
+        return null;
+    }
+    const handleSubmit = (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        try {
+            const staticNetworkConfig = getUpdateParams(infraEnv, values);
+            yield updateInfraEnv({
+                staticNetworkConfig: staticNetworkConfig,
+            });
+        }
+        catch (error) {
+            captureException(error);
+            addAlert({
+                title: 'Failed to update the static network config',
+                message: (0, api_1.getApiErrorMessage)(error),
+            });
+        }
+    });
+    const validate = (values) => {
+        try {
+            validationSchema.validateSync(values, { abortEarly: false, context: { values } });
+            return {};
+        }
+        catch (error) {
+            return (0, formik_1.yupToFormErrors)(error);
+        }
+    };
+    const onSubmit = isViewerMode ? () => Promise.resolve() : handleSubmit;
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: initialValues, onSubmit: onSubmit, validate: validate, validateOnMount: true, enableReinitialize: 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/clusterConfiguration/staticIp/components/StaticIpForm.js.map

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

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/StaticIpHostsArray.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const formik_1 = require("formik");
+const cloneDeep_js_1 = tslib_1.__importDefault(require("lodash-es/cloneDeep.js"));
+const common_1 = require("../../../../../common");
+const ConfirmationModal_1 = tslib_1.__importDefault(require("../../../../../common/components/ui/ConfirmationModal"));
+const selectors_1 = require("../../../../store/slices/current-cluster/selectors");
+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, { "aria-label": "remove host", style: { visibility: showRemoveButton ? 'visible' : 'hidden' }, variant: "plain" },
+    react_1.default.createElement(react_icons_1.MinusCircleIcon, { onClick: onRemove, "data-testid": dataTestId })));
+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)(selectors_1.selectCurrentClusterPermissionsState);
+    const canAddHosts = !(0, react_redux_1.useSelector)(selectors_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: setCopyConfiguration, "aria-label": "copy host configuration", name: "copy-host-configuration", id: "copy-host-configuration", "data-testid": "copy-host-configuration" }))))),
+        hostIdxToRemove !== null && (react_1.default.createElement(ConfirmationModal_1.default, { 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.default = StaticIpHostsArray;
+//# sourceMappingURL=StaticIpHostsArray.js.map

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/StaticIpHostsArray.js.map

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

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/StaticIpPage.js

@@ -0,0 +1,66 @@
+"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 StaticIpViewRadioGroup_1 = tslib_1.__importDefault(require("./StaticIpViewRadioGroup"));
+const fromInfraEnv_1 = require("../data/fromInfraEnv");
+const YamlView_1 = require("./YamlView/YamlView");
+const ClusterWizardContext_1 = require("../../../clusterWizard/ClusterWizardContext");
+const FormViewHosts_1 = require("./FormViewHosts/FormViewHosts");
+const FormViewNetworkWide_1 = require("./FormViewNetworkWide/FormViewNetworkWide");
+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 [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(() => {
+        return (0, fromInfraEnv_1.getStaticIpInfo)(infraEnv);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    if (!initialStaticIpInfo) {
+        return null;
+    }
+    const onFormStateChange = (formState) => {
+        const hasFilledData = clusterWizardContext.currentStepId === 'static-ip-host-configurations' || !formState.isEmpty;
+        setConfirmOnChangeView(hasFilledData);
+        onFormStateChangeParent(formState);
+    };
+    const viewProps = {
+        onFormStateChange,
+        infraEnv,
+        updateInfraEnv,
+        showEmptyValues: viewChanged,
+    };
+    const getContent = () => {
+        switch (clusterWizardContext.currentStepId) {
+            case 'static-ip-yaml-view':
+                return react_1.default.createElement(YamlView_1.YamlView, Object.assign({}, viewProps));
+            case 'static-ip-host-configurations':
+                return react_1.default.createElement(FormViewHosts_1.FormViewHosts, Object.assign({}, viewProps));
+            case 'static-ip-network-wide-configurations':
+                return react_1.default.createElement(FormViewNetworkWide_1.FormViewNetworkWide, Object.assign({}, viewProps));
+            default:
+                throw `Unexpected wizard step id ${clusterWizardContext.currentStepId} when entering static ip page`;
+        }
+    };
+    const content = getContent();
+    if (!content) {
+        return null;
+    }
+    return (react_1.default.createElement(react_core_1.Grid, { hasGutter: true },
+        react_1.default.createElement(react_core_1.TextContent, null,
+            react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.h2 }, "Static network configurations"),
+            react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.small }, "Network configuration can be done using either the form view or YAML view. Configurations done in this step are for discovering hosts.")),
+        react_1.default.createElement(StaticIpViewRadioGroup_1.default, { initialView: initialStaticIpInfo.view, confirmOnChangeView: confirmOnChangeView, onChangeView: onChangeView }),
+        initialStaticIpInfo.isDataComplete && isoRegenerationAlert,
+        content));
+};
+exports.StaticIpPage = StaticIpPage;
+//# sourceMappingURL=StaticIpPage.js.map

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/StaticIpPage.js.map

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

package/build/cjs/ocm/components/clusterConfiguration/staticIp/components/StaticIpViewRadioGroup.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const dataTypes_1 = require("../data/dataTypes");
+const common_1 = require("../../../../../common");
+const ConfirmationModal_1 = tslib_1.__importDefault(require("../../../../../common/components/ui/ConfirmationModal"));
+const OcmFormFields_1 = require("../../../ui/OcmFormFields");
+const StaticIpViewRadioGroup = ({ initialView, confirmOnChangeView, onChangeView, }) => {
+    const GROUP_NAME = 'select-static-ip-view';
+    const [confirmView, setConfirmView] = react_1.default.useState();
+    const [view, setView] = react_1.default.useState(initialView);
+    const handleChange = (_checked, event) => {
+        const selectedView = event.currentTarget.value;
+        if (confirmOnChangeView) {
+            setConfirmView(selectedView);
+        }
+        else {
+            setView(selectedView);
+            onChangeView(selectedView);
+        }
+    };
+    const onConfirm = (selectedView) => {
+        setView(selectedView);
+        setConfirmView(undefined);
+        onChangeView(selectedView);
+    };
+    const onCancel = () => {
+        setConfirmView(undefined);
+    };
+    const getCurrentViewText = () => {
+        return view === dataTypes_1.StaticIpView.YAML ? 'YAML' : 'form';
+    };
+    const isFormViewSelected = view === dataTypes_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(OcmFormFields_1.OcmRadio, { label: "Form view", name: GROUP_NAME, "data-testid": "select-form-view", id: "select-form-view", value: dataTypes_1.StaticIpView.FORM, isChecked: isFormViewSelected, onChange: handleChange }),
+                react_1.default.createElement(OcmFormFields_1.OcmRadio, { label: "YAML view", name: GROUP_NAME, "data-testid": "select-yaml-view", id: "select-yaml-view", value: dataTypes_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(ConfirmationModal_1.default, { 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.default = StaticIpViewRadioGroup;
+//# sourceMappingURL=StaticIpViewRadioGroup.js.map