@openshift-assisted/ui-lib 2.55.1 → 2.56.0

package/build/cjs/ocm/components/wizard/steps/networking/components/NetworkConfigurationTableBase.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkConfigurationTableBase = exports.networkingStatusColumn = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const common_1 = require("../../../../../../common");
+const clusterWizardContext_1 = require("../../../clusterWizardContext");
+const NetworkingStatus_1 = require("./NetworkingStatus");
+const networkingStatusColumn = (onEditHostname) => ({
+    header: {
+        title: 'Status',
+        sort: true,
+    },
+    cell: (host) => {
+        const editHostname = onEditHostname ? () => onEditHostname(host) : undefined;
+        const validationsInfo = (0, common_1.stringToJSON)(host.validationsInfo) || {};
+        return {
+            title: (React.createElement(NetworkingStatus_1.NetworkingStatus, { host: host, onEditHostname: editHostname, validationsInfo: validationsInfo })),
+            props: { 'data-testid': 'host-status' },
+            sortableValue: status,
+        };
+    },
+});
+exports.networkingStatusColumn = networkingStatusColumn;
+const NetworkConfigurationTableBase = ({ cluster, AdditionalNTPSourcesDialogToggleComponent, NtpSyncFailureMessageComponent, onEditHost, onEditRole, canEditRole, canEditHostname, actionResolver, children, onSelect, selectedIDs, }) => {
+    const { wizardPerPage, setWizardPerPage } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { t } = (0, common_1.useTranslation)();
+    const content = React.useMemo(() => [
+        (0, common_1.hostnameColumn)(t, onEditHost, undefined, canEditHostname),
+        (0, common_1.roleColumn)(t, canEditRole, onEditRole, (0, common_1.selectSchedulableMasters)(cluster)),
+        (0, exports.networkingStatusColumn)(onEditHost),
+        (0, common_1.activeNICColumn)(cluster, t),
+        (0, common_1.ipv4Column)(cluster),
+        (0, common_1.ipv6Column)(cluster),
+        (0, common_1.macAddressColumn)(cluster),
+        (0, common_1.countColumn)(cluster),
+    ], [t, onEditHost, onEditRole, canEditHostname, canEditRole, cluster]);
+    const hosts = cluster.hosts || [];
+    const paginationProps = (0, common_1.usePagination)(hosts.length, wizardPerPage, setWizardPerPage);
+    const ExpandComponent = React.useCallback(({ obj }) => {
+        return (React.createElement(common_1.HostDetail, { host: obj, AdditionalNTPSourcesDialogToggleComponent: AdditionalNTPSourcesDialogToggleComponent, NtpSyncFailureMessageComponent: NtpSyncFailureMessageComponent }));
+    }, [AdditionalNTPSourcesDialogToggleComponent, NtpSyncFailureMessageComponent]);
+    return (React.createElement(common_1.HostsTable, Object.assign({ testId: "networking-host-table", hosts: hosts, ExpandComponent: ExpandComponent, content: content, actionResolver: actionResolver, onSelect: onSelect, selectedIDs: selectedIDs }, paginationProps), children));
+};
+exports.NetworkConfigurationTableBase = NetworkConfigurationTableBase;
+//# sourceMappingURL=NetworkConfigurationTableBase.js.map

package/build/cjs/ocm/components/wizard/steps/networking/components/NetworkConfigurationTableBase.js.map

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

package/build/cjs/ocm/components/wizard/steps/networking/components/NetworkTypeDropdown.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkTypeDropDown = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../../common");
+const NetworkTypeDropDown = ({ isDisabled = false, featureSupportLevelData, }) => {
+    const { t } = (0, common_1.useTranslation)();
+    const [field, , { setValue }] = (0, formik_1.useField)('networkType');
+    const [isOpen, setOpen] = react_1.default.useState(false);
+    const { values } = (0, formik_1.useFormikContext)();
+    const { getFeatureDisabledReason, getFeatureSupportLevel } = (0, common_1.useNewFeatureSupportLevel)();
+    const fieldId = (0, common_1.getFieldId)('networkType', 'input');
+    const showThirdPartyBanner = (0, common_1.isThirdPartyCNI)(values.networkType);
+    react_1.default.useEffect(() => {
+        if (getFeatureDisabledReason(common_1.NETWORK_TYPE_FEATURE_IDS[field.value], featureSupportLevelData !== null && featureSupportLevelData !== void 0 ? featureSupportLevelData : undefined) !== undefined) {
+            setValue(common_1.NETWORK_TYPE_OVN);
+        }
+    }, [field.value, setValue, featureSupportLevelData, getFeatureDisabledReason]);
+    const currentDisplayValue = (0, common_1.NETWORK_TYPE_LABELS)(t)[field.value];
+    const dropdownItems = Object.entries((0, common_1.NETWORK_TYPE_LABELS)(t)).map(([value, label]) => {
+        const disabledReason = getFeatureDisabledReason(common_1.NETWORK_TYPE_FEATURE_IDS[value], featureSupportLevelData !== null && featureSupportLevelData !== void 0 ? featureSupportLevelData : undefined);
+        const featureId = common_1.NETWORK_TYPE_FEATURE_IDS[value];
+        const supportLevel = featureId
+            ? getFeatureSupportLevel(featureId, featureSupportLevelData !== null && featureSupportLevelData !== void 0 ? featureSupportLevelData : undefined)
+            : undefined;
+        const shouldDisable = supportLevel === 'unavailable' ||
+            supportLevel === 'unsupported' ||
+            disabledReason !== undefined;
+        return (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value, value: value, isAriaDisabled: shouldDisable },
+            react_1.default.createElement(react_core_1.Tooltip, { hidden: !disabledReason, content: disabledReason, position: "top" },
+                react_1.default.createElement("div", null,
+                    label,
+                    react_1.default.createElement("span", { onClick: (event) => event.stopPropagation() },
+                        react_1.default.createElement(common_1.NewFeatureSupportLevelBadge, { featureId: featureId, supportLevel: supportLevel }))))));
+    });
+    const onSelect = (event, nextValue) => {
+        if (nextValue) {
+            setValue(nextValue);
+        }
+        setOpen(false);
+    };
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: () => setOpen(!isOpen), isExpanded: isOpen, isDisabled: isDisabled, id: fieldId, className: "pf-v6-u-w-100", style: { minWidth: '100%' } }, currentDisplayValue));
+    return (react_1.default.createElement(react_core_1.Stack, { hasGutter: true },
+        react_1.default.createElement(react_core_1.StackItem, null,
+            react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: "Network type", id: `form-control__${fieldId}` },
+                react_1.default.createElement(react_core_1.Dropdown, { id: `${fieldId}-dropdown`, onOpenChange: (open) => setOpen(open), onSelect: onSelect, toggle: toggle, isOpen: isOpen }, dropdownItems))),
+        showThirdPartyBanner && react_1.default.createElement(common_1.ThirdPartyCNIBanner, null)));
+};
+exports.NetworkTypeDropDown = NetworkTypeDropDown;
+//# sourceMappingURL=NetworkTypeDropdown.js.map

package/build/cjs/ocm/components/wizard/steps/networking/components/NetworkTypeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkTypeDropdown.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/networking/components/NetworkTypeDropdown.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,mCAAoD;AACpD,uDASgC;AAChC,qDAYkC;AAO3B,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,GAAG,KAAK,EAClB,uBAAuB,GACE,EAAE,EAAE;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,aAAa,CAAC,CAAC;IAChE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAA8B,CAAC;IAClE,MAAM,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,GAAG,IAAA,kCAAyB,GAAE,CAAC;IACzF,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACnD,MAAM,oBAAoB,GAAG,IAAA,wBAAe,EAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAEjE,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IACE,wBAAwB,CACtB,iCAAwB,CAAC,KAAK,CAAC,KAAK,CAAC,EACrC,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,SAAS,CACrC,KAAK,SAAS,EACf,CAAC;YACD,QAAQ,CAAC,yBAAgB,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE/E,MAAM,mBAAmB,GAAG,IAAA,4BAAmB,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,IAAA,4BAAmB,EAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE;QAClF,MAAM,cAAc,GAAG,wBAAwB,CAC7C,iCAAwB,CAAC,KAAK,CAAC,EAC/B,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,SAAS,CACrC,CAAC;QACF,MAAM,SAAS,GAAG,iCAAwB,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,YAAY,GAAG,SAAS;YAC5B,CAAC,CAAC,sBAAsB,CAAC,SAAS,EAAE,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,SAAS,CAAC;YACzE,CAAC,CAAC,SAAS,CAAC;QACd,MAAM,aAAa,GACjB,YAAY,KAAK,aAAa;YAC9B,YAAY,KAAK,aAAa;YAC9B,cAAc,KAAK,SAAS,CAAC;QAC/B,OAAO,CACL,8BAAC,yBAAY,IAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa;YAC9E,8BAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,KAAK;gBACvE;oBACG,KAAK;oBACN,wCAAM,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE;wBAC/C,8BAAC,oCAA2B,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI,CAC5E,CACH,CACE,CACG,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,KAA6C,EAAE,SAAkB,EAAQ,EAAE;QAC3F,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAC1D,8BAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAC/B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAE1B,mBAAmB,CACT,CACd,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAK,IAAC,SAAS;QACd,8BAAC,sBAAS;YACR,8BAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE;gBAC9E,8BAAC,qBAAQ,IACP,EAAE,EAAE,GAAG,OAAO,WAAW,EACzB,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC9C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAEb,aAAa,CACL,CACD,CACF;QACX,oBAAoB,IAAI,8BAAC,4BAAmB,OAAG,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AA3FW,QAAA,mBAAmB,uBA2F9B"}

package/build/cjs/ocm/components/wizard/steps/networking/components/NetworkingStatus.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkingStatus = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const common_1 = require("../../../../../../common");
+const wizardTransition_1 = require("../../../utils/wizardTransition");
+const hostsTable_1 = require("../../../../hostsTable");
+const NtpSyncFailureMessage_1 = require("../../../../hostsTable/components/NtpSyncFailureMessage");
+const NetworkingStatus = (props) => {
+    const { t } = (0, common_1.useTranslation)();
+    const networkingStatus = (0, common_1.getWizardStepHostStatus)('networking', wizardTransition_1.wizardStepsValidationsMap, props.host);
+    const status = (0, common_1.hostStatus)(t)[networkingStatus];
+    const validationsInfo = (0, common_1.getWizardStepHostValidationsInfo)(props.validationsInfo, 'networking', wizardTransition_1.wizardStepsValidationsMap);
+    const sublabel = (0, common_1.areOnlySoftValidationsOfWizardStepFailing)(validationsInfo, 'networking', wizardTransition_1.wizardStepsValidationsMap)
+        ? 'Some validations failed'
+        : undefined;
+    return (react_1.default.createElement(common_1.HostStatus, Object.assign({}, props, { status: Object.assign(Object.assign({}, status), { sublabel }), validationsInfo: validationsInfo, AdditionalNTPSourcesDialogToggleComponent: hostsTable_1.AdditionalNTPSourcesDialogToggle, NtpSyncFailureMessageComponent: NtpSyncFailureMessage_1.NtpSyncFailureMessage })));
+};
+exports.NetworkingStatus = NetworkingStatus;
+//# sourceMappingURL=NetworkingStatus.js.map

package/build/cjs/ocm/components/wizard/steps/networking/components/NetworkingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkingStatus.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/networking/components/NetworkingStatus.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,qDAQkC;AAClC,sEAA4E;AAC5E,uDAA0E;AAC1E,mGAAgG;AAEzF,MAAM,gBAAgB,GAAiD,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAA,gCAAuB,EAC9C,YAAY,EACZ,4CAAyB,EACzB,KAAK,CAAC,IAAI,CACX,CAAC;IACF,MAAM,MAAM,GAAG,IAAA,mBAAU,EAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,IAAA,yCAAgC,EACtD,KAAK,CAAC,eAAe,EACrB,YAAY,EACZ,4CAAyB,CAC1B,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,kDAAyC,EACxD,eAAe,EACf,YAAY,EACZ,4CAAyB,CAC1B;QACC,CAAC,CAAC,yBAAyB;QAC3B,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,8BAAC,mBAAU,oBACL,KAAK,IACT,MAAM,kCAAO,MAAM,KAAE,QAAQ,KAC7B,eAAe,EAAE,eAAe,EAChC,yCAAyC,EAAE,6CAAgC,EAC3E,8BAA8B,EAAE,6CAAqB,IACrD,CACH,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,gBAAgB,oBA8B3B"}

package/build/cjs/ocm/components/wizard/steps/networking/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/networking/components/index.tsx"],"names":[],"mappings":";;;AAAA,uEAA6C;AAC7C,sEAA4C"}

package/build/cjs/ocm/components/wizard/steps/networking/components/utils.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNetworkDefaultsByFamily = exports.getManagedNetworkingState = exports.getClusterManagedDisabledReason = exports.getUserManagedDisabledReason = exports.getManagedNetworkingDisabledReason = void 0;
+const common_1 = require("../../../../../../common");
+const getManagedNetworkingDisabledReason = (isDualStack, isOracleCloudInfrastructure, featureSupportLevelData) => {
+    if (isOracleCloudInfrastructure) {
+        return 'Network management selection is not supported with Oracle Cloud Infrastructure';
+    }
+    else if (isDualStack) {
+        return 'Network management selection is not supported with dual-stack';
+    }
+    else if (featureSupportLevelData.isFeatureDisabled('NETWORK_TYPE_SELECTION')) {
+        return featureSupportLevelData.getFeatureDisabledReason('NETWORK_TYPE_SELECTION');
+    }
+};
+exports.getManagedNetworkingDisabledReason = getManagedNetworkingDisabledReason;
+const getUserManagedDisabledReason = (featureSupportLevelContext, platformType, featureSupportLevelMap) => {
+    if (!featureSupportLevelContext.isFeatureSupported('USER_MANAGED_NETWORKING')) {
+        return featureSupportLevelContext.getFeatureDisabledReason('USER_MANAGED_NETWORKING', featureSupportLevelMap !== null && featureSupportLevelMap !== void 0 ? featureSupportLevelMap : undefined, undefined, platformType);
+    }
+};
+exports.getUserManagedDisabledReason = getUserManagedDisabledReason;
+const getClusterManagedDisabledReason = (featureSupportLevelContext, featureSupportLevelMap) => {
+    if (!featureSupportLevelContext.isFeatureSupported('CLUSTER_MANAGED_NETWORKING')) {
+        return featureSupportLevelContext.getFeatureDisabledReason('CLUSTER_MANAGED_NETWORKING', featureSupportLevelMap !== null && featureSupportLevelMap !== void 0 ? featureSupportLevelMap : undefined);
+    }
+};
+exports.getClusterManagedDisabledReason = getClusterManagedDisabledReason;
+const getManagedNetworkingState = (isDualStack, isOracleCloudInfrastructure, featureSupportLevelData, platformType, featureSupportLevelMap) => {
+    const networkingReason = (0, exports.getManagedNetworkingDisabledReason)(isDualStack, isOracleCloudInfrastructure, featureSupportLevelData);
+    const cmnReason = (0, exports.getClusterManagedDisabledReason)(featureSupportLevelData, featureSupportLevelMap);
+    const umnReason = (0, exports.getUserManagedDisabledReason)(featureSupportLevelData, platformType, featureSupportLevelMap);
+    return {
+        isDisabled: !!(cmnReason || umnReason || networkingReason),
+        clusterManagedDisabledReason: cmnReason || networkingReason,
+        userManagedDisabledReason: umnReason || networkingReason,
+    };
+};
+exports.getManagedNetworkingState = getManagedNetworkingState;
+const getNetworkDefaultsByFamily = (settings, isDualStack, isIPv6) => {
+    if (isDualStack) {
+        return {
+            clusterNetworkDefaults: settings.clusterNetworksDualstack,
+            serviceNetworkDefaults: settings.serviceNetworksDualstack,
+        };
+    }
+    if (isIPv6) {
+        const ipv6Cluster = (0, common_1.getIPv6FromDualstack)(settings.clusterNetworksDualstack);
+        const ipv6Service = (0, common_1.getIPv6FromDualstack)(settings.serviceNetworksDualstack);
+        return {
+            clusterNetworkDefaults: ipv6Cluster ? [ipv6Cluster] : settings.clusterNetworksIpv4,
+            serviceNetworkDefaults: ipv6Service ? [ipv6Service] : settings.serviceNetworksIpv4,
+        };
+    }
+    return {
+        clusterNetworkDefaults: settings.clusterNetworksIpv4,
+        serviceNetworkDefaults: settings.serviceNetworksIpv4,
+    };
+};
+exports.getNetworkDefaultsByFamily = getNetworkDefaultsByFamily;
+//# sourceMappingURL=utils.js.map

package/build/cjs/ocm/components/wizard/steps/networking/components/utils.js.map

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

package/build/cjs/ocm/components/wizard/steps/networking/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/networking/index.tsx"],"names":[],"mappings":";;;AAAA,2DAAiC"}

package/build/cjs/ocm/components/wizard/steps/networking/initialValues.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNetworkInitialValues = void 0;
+const ip_address_1 = require("ip-address");
+const common_1 = require("../../../../../common");
+const getNetworkInitialValues = (cluster, defaultNetworkValues, isClusterManagedNetworkingUnsupported) => {
+    var _a, _b, _c;
+    const isSNOCluster = (0, common_1.isSNO)(cluster);
+    const isDualStackType = (0, common_1.isDualStack)(cluster);
+    const primaryMachineNetworkCidr = (_b = (_a = cluster.machineNetworks) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.cidr;
+    const isIPv6OnlyStack = !isDualStackType && !!primaryMachineNetworkCidr && ip_address_1.Address6.isValid(primaryMachineNetworkCidr);
+    const getStackType = () => {
+        if (isDualStackType)
+            return common_1.DUAL_STACK;
+        return common_1.SINGLE_STACK;
+    };
+    const getDefaultClusterNetworks = () => {
+        var _a;
+        if (isDualStackType)
+            return defaultNetworkValues.clusterNetworksDualstack;
+        if (isIPv6OnlyStack) {
+            const ipv6Entry = (0, common_1.getIPv6FromDualstack)(defaultNetworkValues.clusterNetworksDualstack);
+            return ipv6Entry ? [Object.assign(Object.assign({}, ipv6Entry), { clusterId: cluster === null || cluster === void 0 ? void 0 : cluster.id })] : undefined;
+        }
+        return (_a = defaultNetworkValues.clusterNetworksIpv4) === null || _a === void 0 ? void 0 : _a.map((network) => (Object.assign(Object.assign({}, network), { clusterId: cluster === null || cluster === void 0 ? void 0 : cluster.id })));
+    };
+    const getDefaultServiceNetworks = () => {
+        var _a;
+        if (isDualStackType)
+            return defaultNetworkValues.serviceNetworksDualstack;
+        if (isIPv6OnlyStack) {
+            const ipv6Entry = (0, common_1.getIPv6FromDualstack)(defaultNetworkValues.serviceNetworksDualstack);
+            return ipv6Entry ? [Object.assign(Object.assign({}, ipv6Entry), { clusterId: cluster === null || cluster === void 0 ? void 0 : cluster.id })] : undefined;
+        }
+        return (_a = defaultNetworkValues.serviceNetworksIpv4) === null || _a === void 0 ? void 0 : _a.map((network) => (Object.assign(Object.assign({}, network), { clusterId: cluster === null || cluster === void 0 ? void 0 : cluster.id })));
+    };
+    return {
+        apiVips: cluster.apiVips,
+        ingressVips: cluster.ingressVips,
+        sshPublicKey: cluster.sshPublicKey || '',
+        vipDhcpAllocation: cluster.vipDhcpAllocation,
+        managedNetworkingType: ((_c = cluster.platform) === null || _c === void 0 ? void 0 : _c.type) === 'none' ||
+            (cluster.apiVips && cluster.apiVips.length === 0 && isClusterManagedNetworkingUnsupported) ||
+            isSNOCluster
+            ? 'userManaged'
+            : 'clusterManaged',
+        networkType: cluster.networkType || common_1.NETWORK_TYPE_OVN,
+        machineNetworks: cluster.machineNetworks || [],
+        stackType: getStackType(),
+        clusterNetworks: cluster.clusterNetworks || getDefaultClusterNetworks(),
+        serviceNetworks: cluster.serviceNetworks || getDefaultServiceNetworks(),
+    };
+};
+exports.getNetworkInitialValues = getNetworkInitialValues;
+//# sourceMappingURL=initialValues.js.map

package/build/cjs/ocm/components/wizard/steps/networking/initialValues.js.map

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

package/build/cjs/ocm/components/wizard/steps/networking/validationSchema.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNetworkValidationSchema = void 0;
+const tslib_1 = require("tslib");
+const Yup = tslib_1.__importStar(require("yup"));
+const common_1 = require("../../../../../common");
+const getNetworkValidationSchema = (initialValues, hostSubnets, t, openshiftVersion) => Yup.lazy((values) => Yup.object().shape({
+    apiVips: (0, common_1.vipArrayValidationSchema)(hostSubnets, values, t),
+    ingressVips: (0, common_1.vipArrayValidationSchema)(hostSubnets, values, t),
+    sshPublicKey: (0, common_1.sshPublicKeyValidationSchema)(t),
+    machineNetworks: values.managedNetworkingType === 'userManaged'
+        ? Yup.array()
+        : common_1.machineNetworksValidationSchema.when('stackType', {
+            is: (stackType) => stackType === common_1.SINGLE_STACK,
+            then: () => {
+                if ((0, common_1.isPrimaryIPv6)(values.machineNetworks)) {
+                    return common_1.machineNetworksValidationSchema.concat(common_1.IPv6ValidationSchema);
+                }
+                return common_1.machineNetworksValidationSchema.concat(common_1.IPv4ValidationSchema);
+            },
+            otherwise: () => {
+                var _a;
+                return values.machineNetworks && ((_a = values.machineNetworks) === null || _a === void 0 ? void 0 : _a.length) >= 2
+                    ? common_1.machineNetworksValidationSchema.concat((0, common_1.dualStackValidationSchema)('machine networks', t, openshiftVersion))
+                    : Yup.array();
+            },
+        }),
+    clusterNetworks: (0, common_1.clusterNetworksValidationSchema)(t).when('stackType', {
+        is: (stackType) => stackType === common_1.SINGLE_STACK,
+        then: (schema) => {
+            if ((0, common_1.isPrimaryIPv6)(values.machineNetworks)) {
+                return schema.concat(common_1.IPv6ValidationSchema);
+            }
+            return schema.concat(common_1.IPv4ValidationSchema);
+        },
+        otherwise: (schema) => schema.concat((0, common_1.dualStackValidationSchema)('cluster network', t, openshiftVersion)),
+    }),
+    serviceNetworks: (0, common_1.serviceNetworkValidationSchema)(t).when('stackType', {
+        is: (stackType) => stackType === common_1.SINGLE_STACK,
+        then: (schema) => {
+            if ((0, common_1.isPrimaryIPv6)(values.machineNetworks)) {
+                return schema.concat(common_1.IPv6ValidationSchema);
+            }
+            return schema.concat(common_1.IPv4ValidationSchema);
+        },
+        otherwise: (schema) => schema.concat((0, common_1.dualStackValidationSchema)('service network', t, openshiftVersion)),
+    }),
+}));
+exports.getNetworkValidationSchema = getNetworkValidationSchema;
+//# sourceMappingURL=validationSchema.js.map

package/build/cjs/ocm/components/wizard/steps/networking/validationSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validationSchema.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/networking/validationSchema.tsx"],"names":[],"mappings":";;;;AACA,iDAA2B;AAE3B,kDAa+B;AAExB,MAAM,0BAA0B,GAAG,CACxC,aAAyC,EACzC,WAAwB,EACxB,CAAY,EACZ,gBAAyB,EACzB,EAAE,CACF,GAAG,CAAC,IAAI,CAAC,CAAC,MAAkC,EAAE,EAAE,CAC9C,GAAG,CAAC,MAAM,EAA8B,CAAC,KAAK,CAAC;IAC7C,OAAO,EAAE,IAAA,iCAAwB,EAAS,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;IACjE,WAAW,EAAE,IAAA,iCAAwB,EAAa,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;IACzE,YAAY,EAAE,IAAA,qCAA4B,EAAC,CAAC,CAAC;IAC7C,eAAe,EACb,MAAM,CAAC,qBAAqB,KAAK,aAAa;QAC5C,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE;QACb,CAAC,CAAC,wCAA+B,CAAC,IAAI,CAAC,WAAW,EAAE;YAChD,EAAE,EAAE,CAAC,SAAkD,EAAE,EAAE,CACzD,SAAS,KAAK,qBAAY;YAC5B,IAAI,EAAE,GAAG,EAAE;gBACT,IAAI,IAAA,sBAAa,EAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;oBAC1C,OAAO,wCAA+B,CAAC,MAAM,CAAC,6BAAoB,CAAC,CAAC;gBACtE,CAAC;gBACD,OAAO,wCAA+B,CAAC,MAAM,CAAC,6BAAoB,CAAC,CAAC;YACtE,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;;gBACd,OAAA,MAAM,CAAC,eAAe,IAAI,CAAA,MAAA,MAAM,CAAC,eAAe,0CAAE,MAAM,KAAI,CAAC;oBAC3D,CAAC,CAAC,wCAA+B,CAAC,MAAM,CACpC,IAAA,kCAAyB,EAAC,kBAAkB,EAAE,CAAC,EAAE,gBAAgB,CAAC,CACnE;oBACH,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAA;aAAA;SAClB,CAAC;IACR,eAAe,EAAE,IAAA,wCAA+B,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;QACpE,EAAE,EAAE,CAAC,SAAkD,EAAE,EAAE,CAAC,SAAS,KAAK,qBAAY;QACtF,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE;YACf,IAAI,IAAA,sBAAa,EAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;gBAC1C,OAAO,MAAM,CAAC,MAAM,CAAC,6BAAoB,CAAC,CAAC;YAC7C,CAAC;YACD,OAAO,MAAM,CAAC,MAAM,CAAC,6BAAoB,CAAC,CAAC;QAC7C,CAAC;QACD,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CACpB,MAAM,CAAC,MAAM,CAAC,IAAA,kCAAyB,EAAC,iBAAiB,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC;KACnF,CAAC;IACF,eAAe,EAAE,IAAA,uCAA8B,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;QACnE,EAAE,EAAE,CAAC,SAAkD,EAAE,EAAE,CAAC,SAAS,KAAK,qBAAY;QACtF,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE;YACf,IAAI,IAAA,sBAAa,EAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;gBAC1C,OAAO,MAAM,CAAC,MAAM,CAAC,6BAAoB,CAAC,CAAC;YAC7C,CAAC;YACD,OAAO,MAAM,CAAC,MAAM,CAAC,6BAAoB,CAAC,CAAC;QAC7C,CAAC;QACD,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CACpB,MAAM,CAAC,MAAM,CAAC,IAAA,kCAAyB,EAAC,iBAAiB,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC;KACnF,CAAC;CACH,CAAC,CACH,CAAC;AArDS,QAAA,0BAA0B,8BAqDnC"}

package/build/cjs/ocm/components/wizard/steps/operators/Operators.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Operators = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const react_router_1 = require("react-router");
+const formik_1 = require("formik");
+const common_1 = require("../../../../../common");
+const services_1 = require("../../../../services");
+const store_1 = require("../../../../store");
+const utils_1 = require("../../utils");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const wizardComponents_1 = require("../../wizardComponents");
+const OperatorsStep_1 = require("./OperatorsStep");
+// Balance debounce time: fast clicks should trigger a single API call,
+// but making it shorter will allow us to disable navigation buttons while changes are pending
+const operatorsAutoSaveDebounce = 500;
+const getOperatorsInitialValues = (uiSettings, cluster) => {
+    var _a;
+    const olmOperators = (0, common_1.selectOlmOperators)(cluster);
+    const selectedOperators = olmOperators
+        .filter((operator) => { var _a; return operator.name && !((_a = operator.sourceBundles) === null || _a === void 0 ? void 0 : _a.length); })
+        .map(({ name }) => name);
+    const selectedBundlesFromOperatorBundles = (cluster.operatorBundles || []).map(({ id, optionalOperators }) => ({
+        id,
+        optionalOperators: optionalOperators || [],
+    }));
+    // Backward compatibility: old clusters can miss `operatorBundles`.
+    const selectedBundlesFromUiSettings = ((uiSettings === null || uiSettings === void 0 ? void 0 : uiSettings.bundlesSelected) || []).map((id) => ({
+        id,
+        optionalOperators: [],
+    }));
+    const selectedBundles = !!((_a = cluster.operatorBundles) === null || _a === void 0 ? void 0 : _a.length)
+        ? selectedBundlesFromOperatorBundles
+        : selectedBundlesFromUiSettings;
+    return {
+        selectedBundles,
+        selectedOperators,
+    };
+};
+const OperatorsForm = ({ cluster }) => {
+    const { alerts } = (0, common_1.useAlerts)();
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const isAutoSaveRunning = (0, common_1.useFormikAutoSave)(operatorsAutoSaveDebounce);
+    const { errors, touched, isSubmitting, isValid } = (0, formik_1.useFormikContext)();
+    const navigate = (0, react_router_1.useNavigate)();
+    const { pathname } = (0, react_router_1.useLocation)();
+    const isNextDisabled = isAutoSaveRunning ||
+        !isValid ||
+        !!alerts.length ||
+        isSubmitting ||
+        !(0, utils_1.canNextOperators)({ cluster });
+    const handleNext = () => {
+        if (window.location.pathname.indexOf('assisted-installer') > -1) {
+            void navigate(pathname, { state: undefined, replace: true });
+        }
+        clusterWizardContext.moveNext();
+    };
+    return (react_1.default.createElement(common_1.ClusterWizardStep, { navigation: react_1.default.createElement(wizardComponents_1.ClusterWizardNavigation, { cluster: cluster }), footer: react_1.default.createElement(wizardComponents_1.ClusterWizardFooter, { cluster: cluster, errorFields: (0, common_1.getFormikErrorFields)(errors, touched), isSubmitting: isSubmitting, isNextDisabled: isNextDisabled, onNext: handleNext, onBack: () => clusterWizardContext.moveBack(), isBackDisabled: isSubmitting || isAutoSaveRunning }) },
+        react_1.default.createElement(OperatorsStep_1.OperatorsStep, { cluster: cluster })));
+};
+const Operators = ({ cluster }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const { updateUISettings, uiSettings } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { addAlert, clearAlerts } = (0, common_1.useAlerts)();
+    const initialValues = react_1.default.useMemo(() => getOperatorsInitialValues(uiSettings, cluster), [cluster, uiSettings]);
+    const handleSubmit = (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        clearAlerts();
+        try {
+            const { data: updatedCluster } = yield services_1.ClustersService.update(cluster.id, cluster.tags, {
+                operatorBundles: values.selectedBundles,
+                olmOperators: values.selectedOperators.map((name) => ({ name })),
+            });
+            dispatch((0, store_1.updateCluster)(updatedCluster));
+            // Backward compatibility: old clusters used uiSettings.bundlesSelected, keep operatorBundles as source of truth.
+            if ((_a = uiSettings === null || uiSettings === void 0 ? void 0 : uiSettings.bundlesSelected) === null || _a === void 0 ? void 0 : _a.length) {
+                try {
+                    yield updateUISettings({ bundlesSelected: undefined });
+                }
+                catch (uiSettingsError) {
+                    (0, common_1.handleApiError)(uiSettingsError, () => addAlert({
+                        title: 'Failed to update UI settings',
+                        message: (0, common_1.getApiErrorMessage)(uiSettingsError),
+                    }));
+                }
+            }
+        }
+        catch (e) {
+            (0, common_1.handleApiError)(e, () => addAlert({ title: 'Failed to update the cluster', message: (0, common_1.getApiErrorMessage)(e) }));
+            if ((0, common_1.isUnknownServerError)(e)) {
+                dispatch((0, store_1.setServerUpdateError)());
+            }
+        }
+    });
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: initialValues, onSubmit: handleSubmit },
+        react_1.default.createElement(OperatorsForm, { cluster: cluster })));
+};
+exports.Operators = Operators;
+//# sourceMappingURL=Operators.js.map

package/build/cjs/ocm/components/wizard/steps/operators/Operators.js.map

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

package/build/cjs/ocm/components/wizard/steps/operators/OperatorsBundles.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperatorsBundles = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const use_feature_1 = require("../../../../hooks/use-feature");
+const fields_1 = require("./fields");
+const OperatorsBundles = ({ bundles, allBundles, searchTerm, cluster, }) => {
+    const isSingleClusterFeatureEnabled = (0, use_feature_1.useFeature)('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
+    const openshiftAiGpuInfoMessage = React.useMemo(() => {
+        var _a;
+        const validationsInfo = (0, common_1.selectClusterValidationsInfo)(cluster);
+        if (!validationsInfo) {
+            return undefined;
+        }
+        return (_a = Object.values(validationsInfo)
+            .flat()
+            .find((validation) => (validation === null || validation === void 0 ? void 0 : validation.id) === 'openshift-ai-gpu-requirements-satisfied' &&
+            (validation === null || validation === void 0 ? void 0 : validation.status) === 'success' &&
+            !!validation.message)) === null || _a === void 0 ? void 0 : _a.message;
+    }, [cluster]);
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Title, { headingLevel: "h2", size: "lg" }, allBundles.length > 0 ? 'Bundles' : '')),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Gallery, { hasGutter: true, minWidths: { default: '350px' } }, (isSingleClusterFeatureEnabled
+                ? allBundles.filter((b) => b.id && common_1.singleClusterBundles.includes(b.id))
+                : allBundles).map((bundle) => (React.createElement(react_core_1.GalleryItem, { key: bundle.id },
+                React.createElement(fields_1.BundleCard, { bundle: bundles.find((b) => b.id === bundle.id) || bundle, bundles: bundles, searchTerm: searchTerm, informationalMessage: bundle.id === 'openshift-ai' ? openshiftAiGpuInfoMessage : undefined }))))))));
+};
+exports.OperatorsBundles = OperatorsBundles;
+//# sourceMappingURL=OperatorsBundles.js.map

package/build/cjs/ocm/components/wizard/steps/operators/OperatorsBundles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperatorsBundles.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/operators/OperatorsBundles.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAuF;AAEvF,kDAA2F;AAC3F,+DAA2D;AAC3D,qCAAsC;AAE/B,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,GAMR,EAAE,EAAE;IACH,MAAM,6BAA6B,GAAG,IAAA,wBAAU,EAAC,2CAA2C,CAAC,CAAC;IAC9F,MAAM,yBAAyB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACnD,MAAM,eAAe,GAAG,IAAA,qCAA4B,EAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,MAAA,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC;aAClC,IAAI,EAAE;aACN,IAAI,CACH,CAAC,UAAU,EAAE,EAAE,CACb,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,MAAK,yCAAyC;YAC5D,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,MAAK,SAAS;YAChC,CAAC,CAAC,UAAU,CAAC,OAAO,CACvB,0CAAE,OAAO,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACd,oBAAC,sBAAS;YACR,oBAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,IAC/B,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CACjC,CACE;QACZ,oBAAC,sBAAS;YACR,oBAAC,oBAAO,IAAC,SAAS,QAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAC/C,CAAC,6BAA6B;gBAC7B,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,6BAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACvE,CAAC,CAAC,UAAU,CACb,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChB,oBAAC,wBAAW,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;gBACzB,oBAAC,mBAAU,IACT,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,EACzD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAClB,MAAM,CAAC,EAAE,KAAK,cAAc,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,GAEtE,CACU,CACf,CAAC,CACM,CACA,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,gBAAgB,oBAuD3B"}

package/build/cjs/ocm/components/wizard/steps/operators/OperatorsSelect.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperatorsSelect = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const services_1 = require("../../../../services");
+const use_feature_1 = require("../../../../hooks/use-feature");
+const fields_1 = require("./fields");
+const utils_1 = require("./utils");
+const OperatorsSelect = ({ cluster, bundles, preflightRequirements, searchTerm, }) => {
+    const [isLoading, setIsLoading] = (0, common_1.useStateSafely)(true);
+    const { addAlert } = (0, common_1.useAlerts)();
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const [supportedOperators, setSupportedOperators] = (0, common_1.useStateSafely)([]);
+    const isSingleClusterFeatureEnabled = (0, use_feature_1.useFeature)('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
+    React.useEffect(() => {
+        const fetchSupportedOperators = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const fetchedOperators = yield services_1.OperatorsService.getSupportedOperators();
+                setSupportedOperators(fetchedOperators);
+            }
+            catch (error) {
+                (0, common_1.handleApiError)(error, () => addAlert({ title: 'Failed to fetch operators', message: (0, common_1.getApiErrorMessage)(error) }));
+            }
+            finally {
+                setIsLoading(false);
+            }
+        });
+        void fetchSupportedOperators();
+    }, [addAlert, setSupportedOperators, setIsLoading]);
+    const { values } = (0, formik_1.useFormikContext)();
+    const { byCategory, byKey: opSpecs } = (0, common_1.useOperatorSpecs)();
+    const operators = React.useMemo(() => {
+        return supportedOperators.filter((op) => {
+            if (!isSingleClusterFeatureEnabled) {
+                return true;
+            }
+            return common_1.singleClusterOperators.includes(op);
+        });
+    }, [isSingleClusterFeatureEnabled, supportedOperators]);
+    const bundleOperators = new Set();
+    values.selectedBundles.forEach((b) => {
+        var _a, _b, _c;
+        (_a = b.optionalOperators) === null || _a === void 0 ? void 0 : _a.forEach((op) => bundleOperators.add(op));
+        (_c = (_b = bundles.find(({ id }) => id === b.id)) === null || _b === void 0 ? void 0 : _b.operators) === null || _c === void 0 ? void 0 : _c.forEach((op) => bundleOperators.add(op));
+    });
+    const dependencies = new Set();
+    [...values.selectedOperators, ...bundleOperators].forEach((op) => (0, utils_1.getOperatorDependencies)(op, preflightRequirements, dependencies));
+    const checkedOperatorIds = new Set([
+        ...values.selectedOperators,
+        ...bundleOperators,
+        ...dependencies,
+    ]);
+    const operatorsCount = operators.filter((op) => checkedOperatorIds.has(op)).length;
+    if (isLoading) {
+        return React.createElement(common_1.LoadingState, null);
+    }
+    let foundAtLeastOneOperator = false;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.ExpandableSection, { toggleText: `Single operators (${operatorsCount} selected)`, onToggle: () => setIsExpanded(!isExpanded), isExpanded: isExpanded, "data-testid": "single-operators-section" },
+            React.createElement(react_core_1.Stack, { hasGutter: true, "data-testid": 'operators-form' }, Object.entries(byCategory).map(([categoryName, specs]) => {
+                let categoryOperators = specs.filter((spec) => operators.includes(spec.operatorKey));
+                // Filter by searchTerm
+                if (searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.trim()) {
+                    const term = searchTerm.trim().toLowerCase();
+                    categoryOperators = categoryOperators.filter((spec) => {
+                        var _a, _b;
+                        const op = opSpecs[spec.operatorKey];
+                        const title = ((_a = op === null || op === void 0 ? void 0 : op.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
+                        const description = ((_b = op === null || op === void 0 ? void 0 : op.descriptionText) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '';
+                        return title.includes(term) || description.includes(term);
+                    });
+                }
+                if (categoryOperators.length === 0) {
+                    return null;
+                }
+                foundAtLeastOneOperator = true;
+                if (!!(searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.trim()) && !isExpanded) {
+                    //if we found some results expand operators section
+                    setIsExpanded(true);
+                }
+                return (React.createElement(React.Fragment, { key: categoryName },
+                    React.createElement(react_core_1.StackItem, null,
+                        React.createElement(react_core_1.Content, { className: "pf-v6-u-font-weight-bold" }, categoryName)),
+                    categoryOperators.map((spec) => (React.createElement(react_core_1.StackItem, { key: spec.operatorKey },
+                        React.createElement(fields_1.OperatorCheckbox, Object.assign({ bundles: bundles, operatorId: spec.operatorKey, checkedOperatorIds: checkedOperatorIds, isChecked: checkedOperatorIds.has(spec.operatorKey), cluster: cluster, openshiftVersion: cluster.openshiftVersion, preflightRequirements: preflightRequirements, searchTerm: searchTerm }, spec)))))));
+            }))),
+        !foundAtLeastOneOperator && !!(searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.trim()) && React.createElement(react_core_1.StackItem, null, "No results found")));
+};
+exports.OperatorsSelect = OperatorsSelect;
+//# sourceMappingURL=OperatorsSelect.js.map