@openshift-assisted/ui-lib 2.16.4-cim → 2.17.0-cim

package/build/cjs/common/components/ui/OpenShiftSelectWithSearch.js

@@ -3,30 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenShiftSelectWithSearch = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const times_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/esm/icons/times-icon"));
-const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
-const OpenShiftSelectWithSearch = ({ versions, getHelperText, setCustomOpenshiftSelect, }) => {
+const formik_1 = require("formik");
+const hooks_1 = require("../../hooks");
+const formik_2 = require("./formik");
+const OpenShiftSelectWithSearch = ({ versions, getHelperText, }) => {
+    const { t } = (0, hooks_1.useTranslation)();
+    const [{ value }] = (0, formik_1.useField)('customOpenshiftSelect');
     const initialSelectOptions = react_1.default.useMemo(() => versions.map((version) => ({
         children: version.supportLevel === 'beta'
             ? version.label + ' - ' + 'Developer preview release'
             : version.label,
         value: version.value,
     })), [versions]);
-    const [isOpen, setIsOpen] = react_1.default.useState(false);
-    const [selected, setSelected] = react_1.default.useState('');
-    const [inputValue, setInputValue] = react_1.default.useState('');
     const [filterValue, setFilterValue] = react_1.default.useState('');
     const [selectOptions, setSelectOptions] = react_1.default.useState(initialSelectOptions);
-    const [focusedItemIndex, setFocusedItemIndex] = react_1.default.useState(null);
-    const [activeItem, setActiveItem] = react_1.default.useState(null);
-    const textInputRef = react_1.default.useRef();
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    react_1.default.useEffect(() => {
-        if (textInputRef.current) {
-            textInputRef.current.maxLength = 30;
-        }
-    }, []);
+    const helperText = getHelperText && getHelperText(value, true);
     react_1.default.useEffect(() => {
         let newSelectOptions = initialSelectOptions;
         // Filter menu items based on the text input value when one exists
@@ -37,133 +28,23 @@ const OpenShiftSelectWithSearch = ({ versions, getHelperText, setCustomOpenshift
                 newSelectOptions = [
                     {
                         isDisabled: true,
-                        children: `No results found for "${filterValue}"`,
-                        value: 'no results',
+                        children: t('ai:No results found for {{filter}}', { filter: filterValue }),
+                        value: 'no_results',
                     },
                 ];
             }
-            // Open the menu when the input value changes and the new value is not empty
-            if (!isOpen) {
-                setIsOpen(true);
-            }
-        }
-        setSelectOptions(newSelectOptions);
-        setActiveItem(null);
-        setFocusedItemIndex(null);
-    }, [filterValue, initialSelectOptions, isOpen]);
-    const onToggleClick = () => {
-        setIsOpen(!isOpen);
-    };
-    const onSelect = (_event, value) => {
-        // Check if the specific value exists in newSelectOptions
-        const foundItem = selectOptions.find((menuItem) => String(menuItem.value) === String(value));
-        const newLabel = foundItem === null || foundItem === void 0 ? void 0 : foundItem.children;
-        if (value && value !== 'no results') {
-            setInputValue(newLabel);
-            setFilterValue('');
-            setSelected(value);
-            const filteredVersions = versions.filter((version) => version.value === value);
-            setCustomOpenshiftSelect({
-                label: filteredVersions[0].supportLevel === 'beta'
-                    ? filteredVersions[0].label + ' - ' + t('ai:Developer preview release')
-                    : filteredVersions[0].label,
-                value: filteredVersions[0].value,
-                version: filteredVersions[0].version,
-                default: filteredVersions[0].default,
-                supportLevel: filteredVersions[0].supportLevel,
-            });
-        }
-        setIsOpen(false);
-        setFocusedItemIndex(null);
-        setActiveItem(null);
-    };
-    const onTextInputChange = (_event, value) => {
-        setInputValue(value);
-        setFilterValue(value);
-    };
-    const handleMenuArrowKeys = (key) => {
-        let indexToFocus;
-        if (isOpen) {
-            if (key === 'ArrowUp') {
-                // When no index is set or at the first index, focus to the last, otherwise decrement focus index
-                if (focusedItemIndex === null || focusedItemIndex === 0) {
-                    indexToFocus = selectOptions.length - 1;
-                }
-                else {
-                    indexToFocus = focusedItemIndex - 1;
-                }
-            }
-            if (key === 'ArrowDown') {
-                // When no index is set or at the last index, focus to the first, otherwise increment focus index
-                if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
-                    indexToFocus = 0;
-                }
-                else {
-                    indexToFocus = focusedItemIndex + 1;
-                }
-            }
-            setFocusedItemIndex(indexToFocus !== null && indexToFocus !== void 0 ? indexToFocus : 0);
-            const focusedItem = selectOptions.filter((option) => !option.isDisabled)[indexToFocus !== null && indexToFocus !== void 0 ? indexToFocus : 0];
-            setActiveItem(`select-typeahead-${focusedItem.value.replace(' ', '-')}`);
-        }
-    };
-    const onInputKeyDown = (event) => {
-        const enabledMenuItems = selectOptions.filter((option) => !option.isDisabled);
-        const [firstMenuItem] = enabledMenuItems;
-        const focusedItem = focusedItemIndex ? enabledMenuItems[focusedItemIndex] : firstMenuItem;
-        switch (event.key) {
-            // Select the first available option
-            case 'Enter':
-                if (isOpen && focusedItem.value !== 'no results') {
-                    setInputValue(String(focusedItem.children));
-                    setFilterValue('');
-                    setSelected(String(focusedItem.children));
-                }
-                setIsOpen((prevIsOpen) => !prevIsOpen);
-                setFocusedItemIndex(null);
-                setActiveItem(null);
-                break;
-            case 'Tab':
-            case 'Escape':
-                setIsOpen(false);
-                setActiveItem(null);
-                break;
-            case 'ArrowUp':
-            case 'ArrowDown':
-                event.preventDefault();
-                handleMenuArrowKeys(event.key);
-                break;
         }
-    };
-    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, "data-testid": "openshift-version-dropdown-toggle" },
-        react_1.default.createElement(react_core_1.TextInputGroup, { isPlain: true },
-            react_1.default.createElement(react_core_1.TextInputGroupMain, Object.assign({ value: inputValue, onClick: onToggleClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, id: "typeahead-select-input", autoComplete: "off", innerRef: textInputRef, placeholder: "" }, (activeItem && { 'aria-activedescendant': activeItem }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" })),
-            react_1.default.createElement(react_core_1.TextInputGroupUtilities, null, !!inputValue && (react_1.default.createElement(react_core_1.Button, { icon: react_1.default.createElement(times_icon_1.default, { "aria-hidden": true }), variant: "plain", onClick: () => {
-                    var _a;
-                    setSelected('');
-                    setInputValue('');
-                    setFilterValue('');
-                    (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                }, "aria-label": "Clear input value" }))))));
-    const helperText = getHelperText && getHelperText(selected, true);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Select, { id: "customOpenshiftSelect", isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: () => {
-                setIsOpen(false);
-            }, toggle: toggle, isScrollable: true },
-            react_1.default.createElement(react_core_1.SelectList, { id: "select-typeahead-listbox" }, selectOptions.reverse().map((option, index) => {
-                const match = option.value.match(/\d+\.(\d+)\.\d+/);
-                const y = match ? match[1] : null;
-                const previousY = index > 0
-                    ? (selectOptions[index - 1].value.match(/\d+\.(\d+)\.\d+/) || [])[1]
-                    : null;
-                const showDivider = previousY !== null && y !== previousY;
-                return (react_1.default.createElement(react_1.default.Fragment, { key: index },
-                    showDivider && (react_1.default.createElement(react_core_1.Divider, { component: "li", id: `divider-${option.value}`, key: `divider-${option.value}` })),
-                    react_1.default.createElement(react_core_1.SelectOption, Object.assign({ key: option.value, isFocused: focusedItemIndex === index, className: option.className, onClick: () => setSelected(option.value), id: `select-typeahead-${option.value.replace(' ', '-')}` }, option, { ref: null }))));
-            }))),
-        react_1.default.createElement(react_core_1.FormHelperText, null,
-            react_1.default.createElement(react_core_1.HelperText, null,
-                react_1.default.createElement(react_core_1.HelperTextItem, { variant: "default", "data-testid": "openshift-select-with-search-helper-text" }, helperText !== null && helperText !== void 0 ? helperText : 'Select an OpenShift version from the list or use the type ahead to narrow down the list.')))));
+        const selectOptionsWithDividers = newSelectOptions.map((option, index) => {
+            const match = option.value.match(/\d+\.(\d+)\.\d+/);
+            const y = match ? match[1] : null;
+            const previousY = index > 0
+                ? (newSelectOptions[index - 1].value.match(/\d+\.(\d+)\.\d+/) || [])[1]
+                : null;
+            return Object.assign(Object.assign({}, option), { showDivider: previousY !== null && y !== previousY });
+        });
+        setSelectOptions(selectOptionsWithDividers);
+    }, [filterValue, initialSelectOptions, t]);
+    return (react_1.default.createElement(formik_2.SelectFieldWithSearch, { selectOptions: selectOptions, filterValue: filterValue, setFilterValue: setFilterValue, name: 'customOpenshiftSelect', helperText: helperText !== null && helperText !== void 0 ? helperText : t('ai:Select an OpenShift version from the list or use the type ahead to narrow down the list.') }));
 };
 exports.OpenShiftSelectWithSearch = OpenShiftSelectWithSearch;
 //# sourceMappingURL=OpenShiftSelectWithSearch.js.map

package/build/cjs/common/components/ui/OpenShiftSelectWithSearch.js.map

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

package/build/cjs/common/components/ui/OpenShiftVersionDropdown.js

@@ -17,7 +17,7 @@ const getParsedVersions = (items) => {
     }));
     return { parsedVersions: parsedVersions.reverse() };
 };
-const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, showOpenshiftVersionModal, customItems, }) => {
+const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, showOpenshiftVersionModal, customItem, }) => {
     const [field, , { setValue }] = (0, formik_1.useField)(name);
     const [isOpen, setOpen] = react_1.default.useState(false);
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
@@ -25,9 +25,13 @@ const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showRe
     const { values: { customOpenshiftSelect }, } = (0, formik_1.useFormikContext)();
     const [current, setCurrent] = react_1.default.useState();
     react_1.default.useEffect(() => {
-        const defaultVersion = customOpenshiftSelect
-            ? customOpenshiftSelect
-            : versions.find((item) => item.default);
+        let defaultVersion = versions.find((item) => item.default);
+        if (customOpenshiftSelect && customItem) {
+            defaultVersion = customItem;
+        }
+        else if (customOpenshiftSelect) {
+            defaultVersion = versions.find((item) => item.value === customOpenshiftSelect);
+        }
         setCurrent((defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.label) || '');
         setValue((defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.value) || '');
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -42,19 +46,10 @@ const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showRe
         lastY = y;
         return items;
     });
-    const parsedVersionsForCustomItems = getParsedVersions(customItems);
-    let lastCustomY = '';
-    const customDropdownItems = parsedVersionsForCustomItems.parsedVersions.map(({ y, versions }) => {
-        const customItems = versions.map(({ value, label }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value, value: value }, label)));
-        if (lastCustomY !== null && y !== lastCustomY) {
-            customItems.push(react_1.default.createElement(react_core_1.Divider, { key: `separator-${y || ''}` }));
-        }
-        lastCustomY = y;
-        return customItems;
-    });
     const dropdownGroup = [
         dropdownItems.length && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Latest releases", key: "latest-releases" }, dropdownItems)),
-        customDropdownItems.length && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Custom releases", key: "custom-releases" }, customDropdownItems)),
+        customItem && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Custom releases", key: "custom-releases" },
+            react_1.default.createElement(react_core_1.DropdownItem, { key: customItem.value, id: customItem.value, value: customItem.value }, customItem.label))),
         react_1.default.createElement(react_core_1.DropdownGroup, { key: "all-available-versions" },
             react_1.default.createElement(react_core_1.DropdownItem, { key: "all-versions", id: "all-versions", onSelect: (e) => e.preventDefault() },
                 react_1.default.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: () => {

package/build/cjs/common/components/ui/OpenShiftVersionDropdown.js.map

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

package/build/cjs/common/components/ui/OpenShiftVersionModal.js

@@ -2,29 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenShiftVersionModal = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const OpenShiftSelectWithSearch_1 = require("./OpenShiftSelectWithSearch");
 const formik_1 = require("formik");
 require("./OpenShiftVersionModal.css");
 const OpenShiftVersionModal = ({ allVersions, setOpenshiftVersionModalOpen, getHelperText, }) => {
     const { setFieldValue } = (0, formik_1.useFormikContext)();
-    const onClose = () => setOpenshiftVersionModalOpen(false);
-    const [customOpenshiftSelect, setCustomOpenshiftSelect] = (0, react_1.useState)(); // Cambiar el tipo según lo que esperes aquí
-    const handleSelect = () => {
-        if (customOpenshiftSelect) {
-            setFieldValue('customOpenshiftSelect', customOpenshiftSelect);
-        }
-        onClose();
+    const onCancel = () => {
+        setFieldValue('customOpenshiftSelect', null);
+        setOpenshiftVersionModalOpen(false);
     };
-    return (react_1.default.createElement(react_core_1.Modal, { id: "available-openshift-versions-modal", isOpen: true, onClose: onClose, variant: react_core_1.ModalVariant.small },
+    return (react_1.default.createElement(react_core_1.Modal, { id: "available-openshift-versions-modal", isOpen: true, onClose: () => setOpenshiftVersionModalOpen(false), variant: react_core_1.ModalVariant.small },
         react_1.default.createElement(react_core_1.ModalHeader, { title: "Available OpenShift Versions" }),
         react_1.default.createElement(react_core_1.ModalBody, null,
             react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__customOpenshiftSelect`, fieldId: 'customOpenshiftSelect', label: 'OpenShift version', isRequired: true },
-                react_1.default.createElement(OpenShiftSelectWithSearch_1.OpenShiftSelectWithSearch, { versions: allVersions, getHelperText: getHelperText, setCustomOpenshiftSelect: setCustomOpenshiftSelect }))),
+                react_1.default.createElement(OpenShiftSelectWithSearch_1.OpenShiftSelectWithSearch, { versions: allVersions, getHelperText: getHelperText }))),
         react_1.default.createElement(react_core_1.ModalFooter, null,
-            react_1.default.createElement(react_core_1.Button, { key: "select-custom-ocp", variant: react_core_1.ButtonVariant.primary, onClick: handleSelect }, "Select"),
-            react_1.default.createElement(react_core_1.Button, { key: "close-custom-ocp", variant: react_core_1.ButtonVariant.link, onClick: onClose }, "Cancel"))));
+            react_1.default.createElement(react_core_1.Button, { key: "select-custom-ocp", variant: react_core_1.ButtonVariant.primary, onClick: () => setOpenshiftVersionModalOpen(false) }, "Select"),
+            react_1.default.createElement(react_core_1.Button, { key: "close-custom-ocp", variant: react_core_1.ButtonVariant.link, onClick: onCancel }, "Cancel"))));
 };
 exports.OpenShiftVersionModal = OpenShiftVersionModal;
 //# sourceMappingURL=OpenShiftVersionModal.js.map

package/build/cjs/common/components/ui/OpenShiftVersionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftVersionModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/OpenShiftVersionModal.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,uDASgC;AAChC,2EAAwE;AAExE,mCAA0C;AAE1C,uCAAqC;AAQ9B,MAAM,qBAAqB,GAAG,CAAC,EACpC,WAAW,EACX,4BAA4B,EAC5B,aAAa,GACc,EAAE,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IACnE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,GAA8B,CAAC,CAAC,4CAA4C;IAE9I,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,qBAAqB,EAAE;YACzB,aAAa,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC;SAC/D;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAK,IACJ,EAAE,EAAC,oCAAoC,EACvC,MAAM,QACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,yBAAY,CAAC,KAAK;QAE3B,8BAAC,wBAAW,IAAC,KAAK,EAAC,8BAA8B,GAAG;QACpD,8BAAC,sBAAS;YACR,8BAAC,sBAAS,IACR,EAAE,EAAE,qCAAqC,EACzC,OAAO,EAAE,uBAAuB,EAChC,KAAK,EAAE,mBAAmB,EAC1B,UAAU;gBAEV,8BAAC,qDAAyB,IACxB,QAAQ,EAAE,WAAW,EACrB,aAAa,EAAE,aAAa,EAC5B,wBAAwB,EAAE,wBAAwB,GAClD,CACQ,CACF;QACZ,8BAAC,wBAAW;YACV,8BAAC,mBAAM,IAAC,GAAG,EAAC,mBAAmB,EAAC,OAAO,EAAE,0BAAa,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,aAE5E;YACT,8BAAC,mBAAM,IAAC,GAAG,EAAC,kBAAkB,EAAC,OAAO,EAAE,0BAAa,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,aAEnE,CACG,CACR,CACT,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,qBAAqB,yBAgDhC"}
+{"version":3,"file":"OpenShiftVersionModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/OpenShiftVersionModal.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDASgC;AAChC,2EAAwE;AAExE,mCAA0C;AAE1C,uCAAqC;AAQ9B,MAAM,qBAAqB,GAAG,CAAC,EACpC,WAAW,EACX,4BAA4B,EAC5B,aAAa,GACc,EAAE,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IAEnE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,aAAa,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;QAC7C,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAK,IACJ,EAAE,EAAC,oCAAoC,EACvC,MAAM,QACN,OAAO,EAAE,GAAG,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,EAClD,OAAO,EAAE,yBAAY,CAAC,KAAK;QAE3B,8BAAC,wBAAW,IAAC,KAAK,EAAC,8BAA8B,GAAG;QACpD,8BAAC,sBAAS;YACR,8BAAC,sBAAS,IACR,EAAE,EAAE,qCAAqC,EACzC,OAAO,EAAE,uBAAuB,EAChC,KAAK,EAAE,mBAAmB,EAC1B,UAAU;gBAEV,8BAAC,qDAAyB,IAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,CACxE,CACF;QACZ,8BAAC,wBAAW;YACV,8BAAC,mBAAM,IACL,GAAG,EAAC,mBAAmB,EACvB,OAAO,EAAE,0BAAa,CAAC,OAAO,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,aAG3C;YACT,8BAAC,mBAAM,IAAC,GAAG,EAAC,kBAAkB,EAAC,OAAO,EAAE,0BAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,aAEpE,CACG,CACR,CACT,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,qBAAqB,yBA4ChC"}

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

@@ -8,7 +8,7 @@ const utils_1 = require("./utils");
 const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../hooks/useFieldErrorMsg"));
 const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const InputField = React.forwardRef((_a, ref) => {
-    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, children, noDefaultOnChange, description, labelInfo, showErrorMessage = true } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "children", "noDefaultOnChange", "description", "labelInfo", "showErrorMessage"]);
+    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, children, noDefaultOnChange, description, labelInfo, showErrorMessage = true, type = 'text' } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "children", "noDefaultOnChange", "description", "labelInfo", "showErrorMessage", "type"]);
     const [field, { error, touched }] = (0, formik_1.useField)({
         name: props.name,
         validate,
@@ -26,13 +26,12 @@ const InputField = React.forwardRef((_a, ref) => {
                             !noDefaultOnChange && field.onChange(event);
                             onChange && onChange(event);
                         }
-                    } }))),
+                    }, type: type }))),
             React.createElement(react_core_1.SplitItem, null, children)),
         ((showErrorMessage && !isValid) || helperText) && (React.createElement(react_core_1.FormHelperText, null,
             React.createElement(react_core_1.HelperText, null,
-                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && errorMessage.trim() !== '' ? React.createElement(exclamation_circle_icon_1.default, null) : null, variant: errorMessage && errorMessage.trim() !== '' ? 'error' : 'default', id: errorMessage && errorMessage.trim() !== ''
-                        ? `${fieldId}-helper-error`
-                        : `${fieldId}-helper`, "data-testid": `input-field-${fieldId}-helper-text` }, showErrorMessage ? errorMessage : helperText))))));
+                showErrorMessage && !isValid && (React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.default, null), variant: 'error', id: `${fieldId}-helper-error` }, errorMessage)),
+                helperText && (React.createElement(react_core_1.HelperTextItem, { variant: 'default', id: `${fieldId}-helper` }, helperText)))))));
 });
 exports.default = InputField;
 //# sourceMappingURL=InputField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/InputField.tsx"],"names":[],"mappings":"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"}
+{"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,+FAA+D;AAC/D,oIAAkG;AAElG,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,WAAW,EACX,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,IAAI,GAAG,MAAM,OAEd,EADI,KAAK,sBAdV,gLAeC,CADS;IAIV,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QAC3C,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,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzF,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,sBAAS,IACR,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS;QAEnB,WAAW,IAAI,CACd,oBAAC,uBAAU;YACT,oBAAC,2BAAc,IACb,OAAO,EAAC,eAAe,iBACX,iDAAiD,IAE5D,WAAW,CACG,CACN,CACd;QACD,oBAAC,kBAAK;YACJ,oBAAC,sBAAS,IAAC,QAAQ;gBACjB,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,EAAE;wBAClB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;4BACrB,CAAC,iBAAiB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;4BAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;yBAC7B;oBACH,CAAC,EACD,IAAI,EAAE,IAAI,IACV,CACQ;YACZ,oBAAC,sBAAS,QAAE,QAAQ,CAAa,CAC3B;QACP,CAAC,CAAC,gBAAgB,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CACjD,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACR,gBAAgB,IAAI,CAAC,OAAO,IAAI,CAC/B,oBAAC,2BAAc,IACb,IAAI,EAAE,oBAAC,iCAAqB,OAAG,EAC/B,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,OAAO,eAAe,IAE5B,YAAY,CACE,CAClB;gBACA,UAAU,IAAI,CACb,oBAAC,2BAAc,IAAC,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,OAAO,SAAS,IACxD,UAAU,CACI,CAClB,CACU,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,153 @@
+"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 times_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/esm/icons/times-icon"));
+const formik_1 = require("formik");
+const lodash_es_1 = require("lodash-es");
+const NO_RESULTS = 'no_results';
+const createItemId = (val) => `select-multi-typeahead-${val.replace(' ', '-')}`;
+const SelectFieldWithSearch = ({ name, label, isRequired, selectOptions, filterValue, setFilterValue, isMultiSelect = false, isLoading = false, placeholder, helperText, }) => {
+    const [isOpen, setIsOpen] = react_1.default.useState(false);
+    const [{ value }, , { setValue }] = (0, formik_1.useField)(name);
+    const [focusedItemIndex, setFocusedItemIndex] = react_1.default.useState(null);
+    const [activeItemId, setActiveItemId] = react_1.default.useState(null);
+    const textInputRef = react_1.default.useRef();
+    const setActiveAndFocusedItem = (itemIndex) => {
+        setFocusedItemIndex(itemIndex);
+        const focusedItem = selectOptions[itemIndex];
+        setActiveItemId(createItemId(focusedItem.value));
+    };
+    const resetActiveAndFocusedItem = () => {
+        setFocusedItemIndex(null);
+        setActiveItemId(null);
+    };
+    const closeMenu = () => {
+        setIsOpen(false);
+        resetActiveAndFocusedItem();
+    };
+    const onInputClick = () => {
+        if (!isOpen) {
+            setIsOpen(true);
+        }
+        else if (!filterValue) {
+            closeMenu();
+        }
+    };
+    const handleMenuArrowKeys = (key) => {
+        let indexToFocus = 0;
+        if (!isOpen) {
+            setIsOpen(true);
+        }
+        if (selectOptions.every((option) => option.isDisabled)) {
+            return;
+        }
+        if (key === 'ArrowUp') {
+            // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+            if (focusedItemIndex === null || focusedItemIndex === 0) {
+                indexToFocus = selectOptions.length - 1;
+            }
+            else {
+                indexToFocus = focusedItemIndex - 1;
+            }
+            // Skip disabled options
+            while (selectOptions[indexToFocus].isDisabled) {
+                indexToFocus--;
+                if (indexToFocus === -1) {
+                    indexToFocus = selectOptions.length - 1;
+                }
+            }
+        }
+        if (key === 'ArrowDown') {
+            // When no index is set or at the last index, focus to the first, otherwise increment focus index
+            if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
+                indexToFocus = 0;
+            }
+            else {
+                indexToFocus = focusedItemIndex + 1;
+            }
+            // Skip disabled options
+            while (selectOptions[indexToFocus].isDisabled) {
+                indexToFocus++;
+                if (indexToFocus === selectOptions.length) {
+                    indexToFocus = 0;
+                }
+            }
+        }
+        setActiveAndFocusedItem(indexToFocus);
+    };
+    const onInputKeyDown = (event) => {
+        const focusedItem = focusedItemIndex !== null ? selectOptions[focusedItemIndex] : null;
+        switch (event.key) {
+            case 'Enter':
+                if (isOpen &&
+                    focusedItem &&
+                    focusedItem.value !== NO_RESULTS &&
+                    !focusedItem.isAriaDisabled) {
+                    onSelect(focusedItem.value);
+                }
+                if (!isOpen) {
+                    setIsOpen(true);
+                }
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                handleMenuArrowKeys(event.key);
+                break;
+        }
+    };
+    const onToggleClick = () => {
+        var _a;
+        setIsOpen(!isOpen);
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const onTextInputChange = (_event, value) => {
+        setFilterValue(value);
+        resetActiveAndFocusedItem();
+    };
+    const onSelect = react_1.default.useCallback((val) => {
+        var _a, _b;
+        if (val && val !== NO_RESULTS) {
+            if (isMultiSelect && Array.isArray(value)) {
+                setValue(value.some((v) => (0, lodash_es_1.isEqual)(v, val))
+                    ? value.filter((v) => !(0, lodash_es_1.isEqual)(v, val))
+                    : [...value, val]);
+            }
+            else {
+                setValue(val);
+                setFilterValue((_a = selectOptions.find((option) => option.value === val)) === null || _a === void 0 ? void 0 : _a.children);
+            }
+        }
+        (_b = textInputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [isMultiSelect, setValue, setFilterValue, selectOptions, value]);
+    const onClearButtonClick = () => {
+        var _a;
+        setFilterValue('');
+        resetActiveAndFocusedItem();
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { variant: "typeahead", "aria-label": "Multi typeahead checkbox menu toggle", onClick: onToggleClick, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true },
+        react_1.default.createElement(react_core_1.TextInputGroup, { isPlain: true },
+            react_1.default.createElement(react_core_1.TextInputGroupMain, Object.assign({ isExpanded: isOpen, value: filterValue, placeholder: placeholder, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, innerRef: textInputRef, autoComplete: "off", role: "combobox", id: "typeahead-select-input", "aria-controls": "typeahead-select-listbox" }, (activeItemId && { 'aria-activedescendant': activeItemId }))),
+            react_1.default.createElement(react_core_1.TextInputGroupUtilities, Object.assign({}, (!filterValue ? { style: { display: 'none' } } : {})),
+                react_1.default.createElement(react_core_1.Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value" },
+                    react_1.default.createElement(times_icon_1.default, { "aria-hidden": true }))))));
+    return (react_1.default.createElement(react_core_1.FormGroup, { label: label, isRequired: isRequired },
+        react_1.default.createElement(react_core_1.Select, { role: "menu", id: "typeahead-select", isOpen: isOpen, selected: value, onSelect: (_event, selection) => onSelect(selection), onOpenChange: (isOpen) => {
+                !isOpen && closeMenu();
+            }, toggle: toggle, isScrollable: true },
+            react_1.default.createElement(react_core_1.SelectList, { isAriaMultiselectable: true, id: "select-typeahead-listbox" }, isLoading ? (react_1.default.createElement(react_core_1.SelectOption, { key: 'loader' },
+                react_1.default.createElement(react_core_1.Bullseye, null,
+                    react_1.default.createElement(react_core_1.Spinner, { size: "lg" })))) : (selectOptions.map((option, index) => (react_1.default.createElement(react_1.default.Fragment, null,
+                option.showDivider && react_1.default.createElement(react_core_1.Divider, { component: "li", key: `divider-${index}` }),
+                react_1.default.createElement(react_core_1.SelectOption, Object.assign({ hasCheckbox: isMultiSelect && !option.isAriaDisabled, isSelected: isMultiSelect && Array.isArray(value)
+                        ? value.some((v) => (0, lodash_es_1.isEqual)(v, option.value))
+                        : value === option.value, key: `option-${index}`, isFocused: focusedItemIndex === index, ref: null }, option)))))))),
+        helperText && (react_1.default.createElement(react_core_1.FormHelperText, null,
+            react_1.default.createElement(react_core_1.HelperText, null,
+                react_1.default.createElement(react_core_1.HelperTextItem, null, helperText))))));
+};
+exports.default = SelectFieldWithSearch;
+//# sourceMappingURL=SelectFieldWithSearch.js.map

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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertFormikError = exports.PencilEditField = exports.AddButton = exports.RemovableField = exports.AdditionalNTPSourcesField = exports.RichInputField = exports.CodeField = exports.NumberInputField = exports.RadioField = exports.PullSecretField = exports.useFormikAutoSave = exports.FormikAutoSave = exports.SwitchField = exports.UploadField = exports.TextAreaSecretField = exports.MultiSelectField = exports.SelectField = exports.TextAreaField = exports.CheckboxField = exports.InputField = void 0;
+exports.SelectFieldWithSearch = exports.AlertFormikError = exports.PencilEditField = exports.AddButton = exports.RemovableField = exports.AdditionalNTPSourcesField = exports.RichInputField = exports.CodeField = exports.NumberInputField = exports.RadioField = exports.PullSecretField = exports.useFormikAutoSave = exports.FormikAutoSave = exports.SwitchField = exports.UploadField = exports.TextAreaSecretField = exports.MultiSelectField = exports.SelectField = exports.TextAreaField = exports.CheckboxField = exports.InputField = void 0;
 const tslib_1 = require("tslib");
 var InputField_1 = require("./InputField");
 Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return tslib_1.__importDefault(InputField_1).default; } });
@@ -41,6 +41,8 @@ var PencilEditField_1 = require("./PencilEditField");
 Object.defineProperty(exports, "PencilEditField", { enumerable: true, get: function () { return tslib_1.__importDefault(PencilEditField_1).default; } });
 var AlertFormikError_1 = require("./AlertFormikError");
 Object.defineProperty(exports, "AlertFormikError", { enumerable: true, get: function () { return tslib_1.__importDefault(AlertFormikError_1).default; } });
+var SelectFieldWithSearch_1 = require("./SelectFieldWithSearch");
+Object.defineProperty(exports, "SelectFieldWithSearch", { enumerable: true, get: function () { return tslib_1.__importDefault(SelectFieldWithSearch_1).default; } });
 tslib_1.__exportStar(require("./utils"), exports);
 tslib_1.__exportStar(require("./PullSecretField"), exports);
 tslib_1.__exportStar(require("./validationSchemas"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAAqD;AAA5C,iIAAA,OAAO,OAAc;AAC9B,iDAA2D;AAAlD,uIAAA,OAAO,OAAiB;AACjC,iDAA2D;AAAlD,uIAAA,OAAO,OAAiB;AACjC,6CAAuD;AAA9C,mIAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,6DAAuE;AAA9D,mJAAA,OAAO,OAAuB;AACvC,6CAAuD;AAA9C,mIAAA,OAAO,OAAe;AAC/B,6CAAuD;AAA9C,mIAAA,OAAO,OAAe;AAC/B,mDAAgF;AAAvE,yIAAA,OAAO,OAAkB;AAAE,mHAAA,iBAAiB,OAAA;AACrD,qDAA+D;AAAtD,2IAAA,OAAO,OAAmB;AACnC,2CAAqD;AAA5C,iIAAA,OAAO,OAAc;AAC9B,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,yCAAmD;AAA1C,+HAAA,OAAO,OAAa;AAC7B,mDAA6D;AAApD,yIAAA,OAAO,OAAkB;AAClC,yEAAmF;AAA1E,+JAAA,OAAO,OAA6B;AAC7C,mDAA6D;AAApD,yIAAA,OAAO,OAAkB;AAClC,yCAAmD;AAA1C,+HAAA,OAAO,OAAa;AAC7B,qDAA+D;AAAtD,2IAAA,OAAO,OAAmB;AACnC,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AAEpC,kDAAwB;AACxB,4DAAkC;AAClC,8DAAoC;AACpC,uDAA6B;AAC7B,sDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAAqD;AAA5C,iIAAA,OAAO,OAAc;AAC9B,iDAA2D;AAAlD,uIAAA,OAAO,OAAiB;AACjC,iDAA2D;AAAlD,uIAAA,OAAO,OAAiB;AACjC,6CAAuD;AAA9C,mIAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,6DAAuE;AAA9D,mJAAA,OAAO,OAAuB;AACvC,6CAAuD;AAA9C,mIAAA,OAAO,OAAe;AAC/B,6CAAuD;AAA9C,mIAAA,OAAO,OAAe;AAC/B,mDAAgF;AAAvE,yIAAA,OAAO,OAAkB;AAAE,mHAAA,iBAAiB,OAAA;AACrD,qDAA+D;AAAtD,2IAAA,OAAO,OAAmB;AACnC,2CAAqD;AAA5C,iIAAA,OAAO,OAAc;AAC9B,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,yCAAmD;AAA1C,+HAAA,OAAO,OAAa;AAC7B,mDAA6D;AAApD,yIAAA,OAAO,OAAkB;AAClC,yEAAmF;AAA1E,+JAAA,OAAO,OAA6B;AAC7C,mDAA6D;AAApD,yIAAA,OAAO,OAAkB;AAClC,yCAAmD;AAA1C,+HAAA,OAAO,OAAa;AAC7B,qDAA+D;AAAtD,2IAAA,OAAO,OAAmB;AACnC,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,iEAA2E;AAAlE,uJAAA,OAAO,OAAyB;AAEzC,kDAAwB;AACxB,4DAAkC;AAClC,8DAAoC;AACpC,uDAA6B;AAC7B,sDAA4B"}

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

@@ -31,7 +31,7 @@ const LOCATION_CHARS_REGEX = /^[a-zA-Z0-9-._]*$/;
 const nameValidationSchema = (t, usedClusterNames, baseDnsDomain = '', validateUniqueName, isOcm = false) => {
     const clusterNameValidationMessagesList = (0, constants_2.clusterNameValidationMessages)(t);
     return Yup.string()
-        .required('Required')
+        .required(t('ai:Required field'))
         .matches(CLUSTER_NAME_VALID_CHARS_REGEX, {
         message: clusterNameValidationMessagesList.INVALID_VALUE,
         excludeEmptyString: true,
@@ -70,13 +70,9 @@ exports.sshPublicKeyListValidationSchema = Yup.string()
     if (!value) {
         return true;
     }
-    return !!(0, utils_2.trimSshPublicKey)(value).match(SSH_PUBLIC_KEY_REGEX);
-    // disable until mutliple keys are supported (https://issues.redhat.com/browse/METAL-250)
-    // return (
-    //   trimSshPublicKey(value)
-    //     .split('\n')
-    //     .find((line: string) => !line.match(SSH_PUBLIC_KEY_REGEX)) === undefined
-    // );
+    return ((0, utils_2.trimSshPublicKey)(value)
+        .split('\n')
+        .find((line) => !line.match(SSH_PUBLIC_KEY_REGEX)) === undefined);
 })
     .test('ssh-public-keys-unique', 'SSH public keys must be unique.', (value) => {
     if (!value) {