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

package/build/cjs/common/components/ui/formik/FormikAutoSave.js.map

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

package/build/cjs/common/components/ui/formik/HelperText.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_styles_1 = require("@patternfly/react-styles");
+/**
+ * HelperText component standardizes the format of non string helperText prop on FormGroup
+ * which is otherwise rendered 'as is' in FormGroup
+ */
+const HelperText = ({ fieldId, children, isError = false }) => (react_1.default.createElement("div", { className: (0, react_styles_1.css)('pf-c-form__helper-text', { 'pf-m-error': isError }), id: isError ? `${fieldId}-helper-error` : `${fieldId}-helper`, "aria-live": "polite" }, children));
+exports.default = HelperText;
+//# sourceMappingURL=HelperText.js.map

package/build/cjs/common/components/ui/formik/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/HelperText.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,2DAA+C;AAO/C;;;GAGG;AACH,MAAM,UAAU,GAA8B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACxF,uCACE,SAAS,EAAE,IAAA,kBAAG,EAAC,wBAAwB,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EACnE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,eACnD,QAAQ,IAEjB,QAAQ,CACL,CACP,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/cjs/common/components/ui/formik/InputField.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../hooks/useFieldErrorMsg"));
+const InputField = React.forwardRef((_a, ref) => {
+    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, children, noDefaultOnChange, inputError, description, labelInfo, showErrorMessage = true } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "children", "noDefaultOnChange", "inputError", "description", "labelInfo", "showErrorMessage"]);
+    const [field] = (0, formik_1.useField)({
+        name: props.name,
+        validate,
+    });
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
+    const errorMessage = (0, useFieldErrorMsg_1.default)({ name: props.name, inputError, validate });
+    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
+    const isValid = !errorMessage;
+    return (React.createElement(react_core_1.Stack, { id: `form-control__${fieldId}` },
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon, labelInfo: labelInfo },
+                description && (React.createElement(HelperText_1.default, { fieldId: fieldId },
+                    React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, description))),
+                React.createElement(react_core_1.Split, null,
+                    React.createElement(react_core_1.SplitItem, { isFilled: true },
+                        React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
+                                if (!props.isDisabled) {
+                                    !noDefaultOnChange && field.onChange(event);
+                                    onChange && onChange(event);
+                                }
+                            } }))),
+                    React.createElement(react_core_1.SplitItem, null, children)))),
+        React.createElement(react_core_1.StackItem, null, showErrorMessage && errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+});
+exports.default = InputField;
+//# sourceMappingURL=InputField.js.map

package/build/cjs/common/components/ui/formik/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/InputField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAQgC;AAEhC,mCAAqC;AACrC,sEAAsC;AACtC,+FAA+D;AAE/D,MAAM,UAAU,GAGZ,KAAK,CAAC,UAAU,CAClB,CACE,EAeC,EACD,GAAgC,EAChC,EAAE;QAjBF,EACE,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,SAAS,EACT,gBAAgB,GAAG,IAAI,OAExB,EADI,KAAK,sBAdV,sLAeC,CADS;IAIV,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClF,MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAChF,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;IAE9B,OAAO,CACL,oBAAC,kBAAK,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE;QACnC,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS;gBAEnB,WAAW,IAAI,CACd,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO;oBAC1B,oBAAC,2BAAc,IAAC,OAAO,EAAC,eAAe,IAAE,WAAW,CAAkB,CAC3D,CACd;gBACD,oBAAC,kBAAK;oBACJ,oBAAC,sBAAS,IAAC,QAAQ;wBACjB,oBAAC,sBAAS,oBACJ,KAAK,EACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gCACzB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;oCACrB,CAAC,iBAAiB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oCAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;iCAC7B;4BACH,CAAC,IACD,CACQ;oBACZ,oBAAC,sBAAS,QAAE,QAAQ,CAAa,CAC3B,CACE,CACF;QACZ,oBAAC,sBAAS,QACP,gBAAgB,IAAI,YAAY,IAAI,CACnC,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/cjs/common/components/ui/formik/LabelField.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelField = exports.LabelValue = 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 react_tagsinput_1 = tslib_1.__importDefault(require("react-tagsinput"));
+const utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+require("./LabelField.css");
+const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const LabelValue = ({ value, onClose }) => (React.createElement(react_core_1.Label, { className: "label-field__value", variant: "outline", onClose: onClose }, value));
+exports.LabelValue = LabelValue;
+const LabelField = (_a) => {
+    var _b;
+    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix"]);
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const [input, setInput] = React.useState('');
+    const [field, { touched, error }, { setValue, setTouched }] = (0, formik_1.useField)({
+        name: props.name,
+        validate,
+    });
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
+    return (React.createElement(react_core_1.Stack, null,
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                t("ai:Enter key=value and then press 'enter' or 'space' or use a ',' to input the label."),
+                React.createElement("div", { className: "co-search-input pf-c-form-control" },
+                    React.createElement(react_tagsinput_1.default, Object.assign({}, field, { onChange: (tags) => {
+                            setValue(tags);
+                            setInput('');
+                            onChange && onChange(tags);
+                            !touched && setTouched(true);
+                        }, addKeys: [13, 32, 188], renderTag: ({ tag, key, onRemove, getTagDisplayValue }) => (React.createElement(exports.LabelValue, { key: key, onClose: () => onRemove(key), value: getTagDisplayValue(tag) })), addOnBlur: true, inputProps: {
+                            autoFocus: false,
+                            className: 'label-field__input',
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                            placeholder: ((_b = field.value) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'app=frontend',
+                            spellCheck: 'false',
+                            id: 'tags-input',
+                            value: input,
+                            // eslint-disable-next-line
+                            onChange: (e) => setInput(e.target.value),
+                            ['data-test']: 'tags-input',
+                        } }))))),
+        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+exports.LabelField = LabelField;
+//# sourceMappingURL=LabelField.js.map

package/build/cjs/common/components/ui/formik/LabelField.js.map

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

package/build/cjs/common/components/ui/formik/MultiSelectField.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const formik_1 = require("formik");
+const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
+const react_core_1 = require("@patternfly/react-core");
+const utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+// Field value is a string[]
+const MultiSelectField = (_a) => {
+    var _b;
+    var { label, options, helperText, placeholderText, isRequired, onChange, getHelperText, idPostfix, labelIcon } = _a, props = tslib_1.__rest(_a, ["label", "options", "helperText", "placeholderText", "isRequired", "onChange", "getHelperText", "idPostfix", "labelIcon"]);
+    const [isOpen, setOpen] = react_1.default.useState(false);
+    const [field, { touched, error }, { setValue }] = (0, formik_1.useField)(props.name);
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'multiinput', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const hText = getHelperText ? getHelperText(((_b = field.value) === null || _b === void 0 ? void 0 : _b.join(',')) || '') : helperText;
+    const onToggle = (isOpen) => setOpen(isOpen);
+    const onClearSelection = () => {
+        // onChange && onChange(event);
+        setValue([]);
+        onChange && onChange([]);
+        setOpen(false);
+    };
+    const onSelect = (event, selection) => {
+        // already selected
+        const selected = field.value;
+        // selected just now
+        const selectionValue = selection.value || selection;
+        let newValue;
+        if (selected.includes(selectionValue)) {
+            newValue = selected.filter((sel) => sel !== selectionValue);
+        }
+        else {
+            newValue = [...field.value, selectionValue];
+        }
+        setValue(newValue);
+        onChange && onChange(newValue);
+    };
+    // list of already selected options
+    const selections = field.value.map((value) => {
+        const option = options.find((opt) => opt.value === value);
+        return option
+            ? {
+                value: option.value,
+                toString: () => option.displayName,
+                compareTo: (selectOption) => selectOption.value === value,
+            }
+            : value;
+    });
+    const children = options
+        .filter((option) => !(field.value || []).includes(option.value.toString()))
+        .map((option) => (react_1.default.createElement(react_core_1.SelectOption, { key: option.id, id: option.id, value: option.value }, option.displayName)));
+    const fuse = new fuse_js_1.default(options, {
+        ignoreLocation: true,
+        keys: ['displayName'],
+    });
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const fieldHelperText = react_1.default.createElement(HelperText_1.default, { fieldId: fieldId }, hText);
+    return (react_1.default.createElement(react_core_1.Stack, null,
+        react_1.default.createElement(react_core_1.StackItem, null,
+            react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                react_1.default.createElement(react_core_1.Select, Object.assign({}, field, props, { id: fieldId, variant: react_core_1.SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('ai:Select a state'), validated: isValid ? 'default' : 'error', "aria-describedby": `${fieldId}-helper`, isCreatable: false, placeholderText: placeholderText, isOpen: isOpen, onToggle: onToggle, onSelect: onSelect, onClear: onClearSelection, selections: selections, onFilter: (e, val) => {
+                        if (!val || val === '') {
+                            return children;
+                        }
+                        const results = fuse.search(val).map((result) => result.item.id);
+                        return react_1.default.Children.toArray(children).filter(({ props }) => results.includes(props.id));
+                    } }), children))),
+        react_1.default.createElement(react_core_1.StackItem, null, errorMessage && (react_1.default.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+exports.default = MultiSelectField;
+//# sourceMappingURL=MultiSelectField.js.map

package/build/cjs/common/components/ui/formik/MultiSelectField.js.map

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

package/build/cjs/common/components/ui/formik/NumberInputField.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+// eslint-disable-next-line react/display-name
+const NumberInputField = React.forwardRef((_a, ref) => {
+    var { label, labelIcon, helperText, isRequired, validate, idPostfix, minValue = 0, maxValue, children, formatValue, onChange } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "validate", "idPostfix", "minValue", "maxValue", "children", "formatValue", "onChange"]);
+    const [field, { touched, error }, { setValue }] = (0, formik_1.useField)({
+        name: props.name,
+        validate,
+    });
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'numberinput', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const doChange = (value) => {
+        let newValue = value < minValue ? minValue : value;
+        newValue = maxValue && newValue > maxValue ? maxValue : newValue;
+        newValue = formatValue ? formatValue(newValue) : newValue;
+        setValue(newValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    const onPlus = () => {
+        doChange(field.value + 1);
+    };
+    const onMinus = () => {
+        doChange(field.value - 1);
+    };
+    const handleChange = (event) => {
+        const targetValue = event.target.value;
+        doChange(isNaN(targetValue) ? 0 : Number(targetValue));
+    };
+    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
+    return (React.createElement(react_core_1.Stack, null,
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                React.createElement(react_core_1.Split, null,
+                    React.createElement(react_core_1.SplitItem, { isFilled: true },
+                        React.createElement(react_core_1.NumberInput, Object.assign({}, props, { value: field.value, onMinus: onMinus, onChange: handleChange, onPlus: onPlus, min: minValue, max: maxValue, ref: ref, id: fieldId, "aria-describedby": `${fieldId}-helper` }))),
+                    React.createElement(react_core_1.SplitItem, null, children)))),
+        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+});
+exports.default = NumberInputField;
+//# sourceMappingURL=NumberInputField.js.map

package/build/cjs/common/components/ui/formik/NumberInputField.js.map

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

package/build/cjs/common/components/ui/formik/PencilEditField.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const formik_1 = require("formik");
+const React = tslib_1.__importStar(require("react"));
+const react_icons_1 = require("@patternfly/react-icons");
+const InputField_1 = tslib_1.__importDefault(require("./InputField"));
+const react_core_1 = require("@patternfly/react-core");
+require("./PencilEditField.css");
+const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../hooks/useFieldErrorMsg"));
+const InputFieldFocus = ({ name, isRequired, onBlur, showErrorMessage, }) => {
+    const textInputRef = React.useRef();
+    React.useEffect(() => { var _a; return (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
+    return (React.createElement(InputField_1.default, { name: name, isRequired: isRequired, onBlur: onBlur, ref: textInputRef, showErrorMessage: showErrorMessage }));
+};
+const PencilEditField = ({ name, isRequired, showErrorMessage }) => {
+    const [edit, setEdit] = React.useState(false);
+    const [field] = (0, formik_1.useField)({ name });
+    const errrMsg = (0, useFieldErrorMsg_1.default)({ name });
+    return (React.createElement(React.Fragment, null,
+        edit ? (React.createElement(InputFieldFocus, { name: name, isRequired: isRequired, onBlur: () => setEdit(false), showErrorMessage: showErrorMessage })) : (React.createElement(React.Fragment, null,
+            React.createElement(react_core_1.Split, null,
+                React.createElement(react_core_1.SplitItem, { className: "ai-pencil-field__text" }, field.value),
+                React.createElement(react_core_1.SplitItem, null,
+                    React.createElement(react_icons_1.PencilAltIcon, { onClick: () => setEdit(true) }))))),
+        React.createElement("div", { className: "pf-c-form__helper-text pf-m-error" }, errrMsg)));
+};
+exports.default = PencilEditField;
+//# sourceMappingURL=PencilEditField.js.map

package/build/cjs/common/components/ui/formik/PencilEditField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PencilEditField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/PencilEditField.tsx"],"names":[],"mappings":";;;AAAA,mCAAkC;AAClC,qDAA+B;AAC/B,yDAAwD;AACxD,sEAAsC;AACtC,uDAA0D;AAE1D,iCAA+B;AAC/B,+FAA+D;AAE/D,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,gBAAgB,GAC4D,EAAE,EAAE;IAChF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAwB,EAAE,EAAE;IACvF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL;QACG,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF;YACE,oBAAC,kBAAK;gBACJ,oBAAC,sBAAS,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,KAAK,CAAa;gBACtE,oBAAC,sBAAS;oBACR,oBAAC,2BAAa,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAI,CACrC,CACN,CACP,CACJ;QACD,6BAAK,SAAS,EAAC,mCAAmC,IAAE,OAAO,CAAO,CACjE,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/build/cjs/common/components/ui/formik/PullSecretField.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PullSecretInfo = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_icons_1 = require("@patternfly/react-icons");
+const config_1 = require("../../../config");
+const PopoverIcon_1 = tslib_1.__importDefault(require("../PopoverIcon"));
+const TextAreaField_1 = tslib_1.__importDefault(require("./TextAreaField"));
+const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const react_i18next_1 = require("react-i18next");
+const PullSecretInfo = ({ isOcm }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(PopoverIcon_1.default, { noVerticalAlign: true, bodyContent: react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(react_i18next_1.Trans, { t: t },
+                "ai:Pull secrets are used to download OpenShift Container Platform components and connect clusters to a Red Hat account.",
+                ' '),
+            isOcm ? (react_1.default.createElement(PullSecretInfoLink, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_i18next_1.Trans, { t: t }, "ai:Pull secrets can be found in"),
+                " ",
+                react_1.default.createElement(ClusterManagerSiteLink, null)))) }));
+};
+exports.PullSecretInfo = PullSecretInfo;
+const ClusterManagerSiteLink = () => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement("a", { href: config_1.CLUSTER_MANAGER_SITE_LINK, target: "_blank", rel: "noopener noreferrer" },
+        t('ai:OpenShift Cluster Manager'),
+        " ",
+        react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null)));
+};
+const PullSecretInfoLink = () => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement("a", { href: config_1.PULL_SECRET_INFO_LINK, target: "_blank", rel: "noopener noreferrer" },
+        t('ai:Learn more about pull secrets and view examples'),
+        " ",
+        react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null),
+        "."));
+};
+const GetPullSecretHelperText = ({ isOcm }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return isOcm ? (react_1.default.createElement(PullSecretInfoLink, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+        t("ai:A Red Hat account's pull secret can be found in "),
+        "\u00A0",
+        react_1.default.createElement(ClusterManagerSiteLink, null)));
+};
+const PullSecretField = ({ isOcm }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(TextAreaField_1.default, { name: "pullSecret", label: t('ai:Pull secret'), labelIcon: isOcm ? undefined : react_1.default.createElement(exports.PullSecretInfo, { isOcm: isOcm }), getErrorText: (error) => error, helperText: react_1.default.createElement(GetPullSecretHelperText, { isOcm: isOcm }), rows: 10, isRequired: true }));
+};
+exports.default = PullSecretField;
+//# sourceMappingURL=PullSecretField.js.map

package/build/cjs/common/components/ui/formik/PullSecretField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullSecretField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/PullSecretField.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,yDAA8D;AAC9D,4CAAmF;AACnF,yEAAyC;AACzC,4EAA4C;AAC5C,oFAAwE;AACxE,iDAAsC;AAO/B,MAAM,cAAc,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,qBAAW,IACV,eAAe,QACf,WAAW,EACT;YACE,8BAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;gBAEsB,GAAG,CAC5B;YACP,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,kBAAkB,OAAG,CACvB,CAAC,CAAC,CAAC,CACF;gBACE,8BAAC,qBAAK,IAAC,CAAC,EAAE,CAAC,sCAAyC;;gBAAC,8BAAC,sBAAsB,OAAG,CAC9E,CACJ,CACA,GAEL,CACH,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,qCAAG,IAAI,EAAE,kCAAyB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QAC1E,CAAC,CAAC,8BAA8B,CAAC;;QAAE,8BAAC,iCAAmB,OAAG,CACzD,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,qCAAG,IAAI,EAAE,8BAAqB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QACtE,CAAC,CAAC,oDAAoD,CAAC;;QAAE,8BAAC,iCAAmB,OAAG;YAC/E,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,8BAAC,kBAAkB,OAAG,CACvB,CAAC,CAAC,CAAC,CACF;QACG,CAAC,CAAC,qDAAqD,CAAC;;QACzD,8BAAC,sBAAsB,OAAG,CACzB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,uBAAa,IACZ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC1B,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,sBAAc,IAAC,KAAK,EAAE,KAAK,GAAI,EAC/D,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC9B,UAAU,EAAE,8BAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,GAAI,EACrD,IAAI,EAAE,EAAE,EACR,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/build/cjs/common/components/ui/formik/RadioField.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 utils_1 = require("./utils");
+const RadioField = (_a) => {
+    var { callFormikOnChange = true, name, value, onChange } = _a, rest = tslib_1.__rest(_a, ["callFormikOnChange", "name", "value", "onChange"]);
+    const [field] = (0, formik_1.useField)({
+        name,
+        value,
+        type: 'radio',
+    });
+    const fieldId = (0, utils_1.getFieldId)(name, 'radio', field.value);
+    return (react_1.default.createElement(react_core_1.Radio, Object.assign({}, field, rest, { id: fieldId, isChecked: !!field.checked, onChange: (checked, e) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+            callFormikOnChange && field.onChange(e);
+        } })));
+};
+exports.default = RadioField;
+//# sourceMappingURL=RadioField.js.map

package/build/cjs/common/components/ui/formik/RadioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RadioField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,mCAAkC;AAClC,uDAA+C;AAC/C,mCAAqC;AAGrC,MAAM,UAAU,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EAClB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,OAEQ,EADb,IAAI,sBALW,mDAMnB,CADQ;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvB,IAAI;QACJ,KAAK;QACL,IAAI,EAAE,OAAO;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAA2B,CAAC,CAAC;IAE7E,OAAO,CACL,8BAAC,kBAAK,oBACA,KAAK,EACL,IAAI,IACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,EAAE,CAAC,CAAC,CAAC;YACvB,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/cjs/common/components/ui/formik/RadioFieldWithTooltip.js

@@ -0,0 +1,13 @@
+"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 RadioField_1 = tslib_1.__importDefault(require("./RadioField"));
+const RadioFieldWithTooltip = (_a) => {
+    var { tooltipProps } = _a, radioFieldProps = tslib_1.__rest(_a, ["tooltipProps"]);
+    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({}, tooltipProps),
+        react_1.default.createElement(RadioField_1.default, Object.assign({}, radioFieldProps))));
+};
+exports.default = RadioFieldWithTooltip;
+//# sourceMappingURL=RadioFieldWithTooltip.js.map

package/build/cjs/common/components/ui/formik/RadioFieldWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioFieldWithTooltip.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RadioFieldWithTooltip.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAA2E;AAC3E,sEAAsC;AAKtC,MAAM,qBAAqB,GAAG,CAAC,EAGF,EAAE,EAAE;QAHF,EAC7B,YAAY,OAEe,EADxB,eAAe,sBAFW,gBAG9B,CADmB;IAElB,OAAO,CACL,8BAAC,oBAAO,oBAAK,YAAY;QACvB,8BAAC,oBAAU,oBAAK,eAAe,EAAI,CAC3B,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/build/cjs/common/components/ui/formik/RemovableField.js

@@ -0,0 +1,16 @@
+"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 react_icons_1 = require("@patternfly/react-icons");
+require("./RemovableField.css");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const REMOVE_BUTTON_EXIT_DELAY = 1500;
+const RemovableField = (_a) => {
+    var { onRemove, hideRemoveButton = true, children, className, removeButtonDataTestId } = _a, props = tslib_1.__rest(_a, ["onRemove", "hideRemoveButton", "children", "className", "removeButtonDataTestId"]);
+    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ hidden: hideRemoveButton, exitDelay: REMOVE_BUTTON_EXIT_DELAY, flipBehavior: ['right', 'bottom'], position: "right-start", distance: 0, content: react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, onClick: onRemove, "data-testid": removeButtonDataTestId },
+            react_1.default.createElement(react_icons_1.MinusCircleIcon, { size: "sm" })), className: (0, classnames_1.default)('ai-remove-button__tooltip ', className) }, props), children));
+};
+exports.default = RemovableField;
+//# sourceMappingURL=RemovableField.js.map

package/build/cjs/common/components/ui/formik/RemovableField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RemovableField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAsF;AACtF,yDAA0D;AAC1D,gCAA8B;AAC9B,oEAAoC;AAQpC,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAEtC,MAAM,cAAc,GAAkE,CAAC,EAOtF,EAAE,EAAE;QAPkF,EACrF,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,QAAQ,EACR,SAAS,EACT,sBAAsB,OAEvB,EADI,KAAK,sBAN6E,mFAOtF,CADS;IAER,OAAO,CACL,8BAAC,oBAAO,kBACN,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,wBAAwB,EACnC,YAAY,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,EACjC,QAAQ,EAAC,aAAa,EACtB,QAAQ,EAAE,CAAC,EACX,OAAO,EACL,8BAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,QAAQ,iBACJ,sBAAsB;YAEnC,8BAAC,6BAAe,IAAC,IAAI,EAAC,IAAI,GAAG,CACtB,EAEX,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,KAAK,GAER,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/build/cjs/common/components/ui/formik/RichInputField.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichValidation = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const global_palette_green_500_1 = require("@patternfly/react-tokens/dist/js/global_palette_green_500");
+const global_danger_color_100_1 = require("@patternfly/react-tokens/dist/js/global_danger_color_100");
+const global_palette_blue_300_1 = require("@patternfly/react-tokens/dist/js/global_palette_blue_300");
+const utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+require("./RichInputField.css");
+const getHelperTextVariant = (validationMessage, value, errors) => {
+    if (!value) {
+        return { variant: 'indeterminate' };
+    }
+    else if (errors === null || errors === void 0 ? void 0 : errors.includes(validationMessage)) {
+        return { variant: 'error', icon: React.createElement(react_icons_1.TimesIcon, null) };
+    }
+    return { variant: 'success', icon: React.createElement(react_icons_1.CheckIcon, null) };
+};
+const RichValidation = ({ value, error, richValidationMessages, }) => {
+    return (React.createElement(react_core_1.HelperText, { component: "ul", className: "rich-input__rules" }, Object.keys(richValidationMessages).map((key) => {
+        const variant = getHelperTextVariant(richValidationMessages[key], value, error);
+        return (React.createElement(react_core_1.HelperTextItem, Object.assign({ key: key, isDynamic: true, component: "li" }, variant), richValidationMessages[key]));
+    })));
+};
+exports.RichValidation = RichValidation;
+// eslint-disable-next-line react/display-name
+const RichInputField = React.forwardRef((_a, ref) => {
+    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, noDefaultOnChange, richValidationMessages } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "noDefaultOnChange", "richValidationMessages"]);
+    const [popoverOpen, setPopoverOpen] = React.useState(false);
+    const [field, { error, value, touched }, { setTouched }] = (0, formik_1.useField)({
+        name: props.name,
+        validate,
+    });
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
+    const isValid = !touched || !(error === null || error === void 0 ? void 0 : error.length);
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText)), validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+        React.createElement(react_core_1.InputGroup, { className: (0, classnames_1.default)('rich-input__group', { 'rich_input__group--invalid': !isValid }) },
+            React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
+                    !popoverOpen && setPopoverOpen(true);
+                    !noDefaultOnChange && field.onChange(event);
+                    setTouched(true, false);
+                    onChange && onChange(event);
+                }, className: "rich-input__text", onBlur: () => setPopoverOpen(false) })),
+            React.createElement(react_core_1.Popover, { isVisible: popoverOpen, shouldClose: () => setPopoverOpen(false), shouldOpen: () => setPopoverOpen(true), "aria-label": "validation popover", position: react_core_1.PopoverPosition.top, bodyContent: React.createElement(exports.RichValidation, { value: value, error: error, richValidationMessages: richValidationMessages }) },
+                React.createElement(react_core_1.Button, { variant: "plain", "aria-label": "Validation" }, !isValid ? (React.createElement(react_icons_1.ExclamationCircleIcon, { color: global_danger_color_100_1.global_danger_color_100.value })) : value ? (React.createElement(react_icons_1.CheckCircleIcon, { color: global_palette_green_500_1.global_palette_green_500.value })) : (React.createElement(react_icons_1.InfoCircleIcon, { color: global_palette_blue_300_1.global_palette_blue_300.value })))))));
+});
+exports.default = RichInputField;
+//# sourceMappingURL=RichInputField.js.map

package/build/cjs/common/components/ui/formik/RichInputField.js.map

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

package/build/cjs/common/components/ui/formik/SelectField.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+// Reimplement this component to use custom Select in case of using it along the MultiSelectField component due to visual differences.
+// Idea: use Formik's field.multiple to switch among single and multi-selection.
+// See: https://www.patternfly.org/v4/components/form-select/design-guidelines#usage
+const SelectField = (_a) => {
+    var { label, options, helperText, isRequired, onChange, getHelperText, idPostfix, labelIcon, callFormikOnChange = true } = _a, props = tslib_1.__rest(_a, ["label", "options", "helperText", "isRequired", "onChange", "getHelperText", "idPostfix", "labelIcon", "callFormikOnChange"]);
+    const [field, { touched, error }] = (0, formik_1.useField)(props.name);
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const hText = getHelperText ? getHelperText(field.value) : helperText;
+    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, hText);
+    return (React.createElement(react_core_1.Stack, { id: `form-control__${fieldId}` },
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                React.createElement(react_core_1.FormSelect, Object.assign({}, field, props, { id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
+                        //customHandleChange enables calling formik change handler explicitly, useful for example to have the previous value
+                        callFormikOnChange && field.onChange(event);
+                        onChange && onChange(event);
+                    } }), options.map((option, index) => (React.createElement(react_core_1.FormSelectOption, Object.assign({ key: option.id || index }, option))))))),
+        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+exports.default = SelectField;
+//# sourceMappingURL=SelectField.js.map

package/build/cjs/common/components/ui/formik/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SelectField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAmG;AACnG,mCAAqC;AAErC,sEAAsC;AAEtC,sIAAsI;AACtI,gFAAgF;AAChF,oFAAoF;AACpF,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,kBAAkB,GAAG,IAAI,OAE1B,EADI,KAAK,sBAVuC,6HAWhD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAc,CAAC;IAE3E,OAAO,CACL,oBAAC,kBAAK,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE;QACnC,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS;gBAEpB,oBAAC,uBAAU,oBACL,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACzB,oHAAoH;wBACpH,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC,KAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,6BAAgB,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK,IAAM,MAAM,EAAI,CAC1D,CAAC,CACS,CACH,CACF;QACZ,oBAAC,sBAAS,QACP,YAAY,IAAI,CACf,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/build/cjs/common/components/ui/formik/SingleNodeCheckbox.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 features_1 = require("../../../features");
+const utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const featureSupportLevels_1 = require("../../featureSupportLevels");
+const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const SingleNodeCheckbox = (_a) => {
+    var { versions, validate, idPostfix } = _a, props = tslib_1.__rest(_a, ["versions", "validate", "idPostfix"]);
+    const { values: { openshiftVersion }, } = (0, formik_1.useFormikContext)();
+    const isSingleNodeOpenshiftEnabled = (0, features_1.useFeature)('ASSISTED_INSTALLER_SNO_FEATURE');
+    const [field, meta, helpers] = (0, formik_1.useField)({ name: props.name, validate });
+    const featureSupportLevelContext = (0, featureSupportLevels_1.useFeatureSupportLevel)();
+    const prevVersionRef = React.useRef(openshiftVersion);
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const { value } = meta;
+    const { setValue } = helpers;
+    const isSupportedVersionAvailable = !!versions.find((version) => featureSupportLevelContext.isFeatureSupported(version.value, 'SNO'));
+    const onChanged = React.useCallback((checked) => setValue(checked ? 'None' : 'Full'), [setValue]);
+    const disabledReason = featureSupportLevelContext.getFeatureDisabledReason(openshiftVersion, 'SNO', t);
+    React.useEffect(() => {
+        if (prevVersionRef.current !== openshiftVersion &&
+            !featureSupportLevelContext.isFeatureSupported(openshiftVersion, 'SNO')) {
+            //invoke updating SNO value only if the version changed to not be in danger of touching existing clusters
+            onChanged(false);
+        }
+        prevVersionRef.current = openshiftVersion;
+    }, [openshiftVersion, onChanged, featureSupportLevelContext]);
+    if (isSingleNodeOpenshiftEnabled && isSupportedVersionAvailable) {
+        return (React.createElement(react_core_1.FormGroup, { isInline: true, fieldId: fieldId },
+            React.createElement(react_core_1.Tooltip, { hidden: !disabledReason, content: disabledReason },
+                React.createElement(react_core_1.Checkbox, Object.assign({}, field, props, { id: fieldId, label: React.createElement(React.Fragment, null,
+                        t('ai:Install single node OpenShift (SNO)'),
+                        "\u00A0",
+                        React.createElement(featureSupportLevels_1.FeatureSupportLevelBadge, { featureId: "SNO", openshiftVersion: openshiftVersion })), "aria-describedby": `${fieldId}-helper`, description: React.createElement(HelperText_1.default, { fieldId: fieldId }, t('ai:SNO enables you to install OpenShift using only one host.')), isChecked: value === 'None', onChange: onChanged, className: "with-tooltip" })))));
+    }
+    return null;
+};
+exports.default = SingleNodeCheckbox;
+//# sourceMappingURL=SingleNodeCheckbox.js.map

package/build/cjs/common/components/ui/formik/SingleNodeCheckbox.js.map

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