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

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

@@ -3,21 +3,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenShiftSelectWithSearch = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-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 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 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 helperText = getHelperText && getHelperText(value, true);
+    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;
+        }
+    }, []);
     react_1.default.useEffect(() => {
         let newSelectOptions = initialSelectOptions;
         // Filter menu items based on the text input value when one exists
@@ -28,23 +37,133 @@ const OpenShiftSelectWithSearch = ({ versions, getHelperText, }) => {
                 newSelectOptions = [
                     {
                         isDisabled: true,
-                        children: t('ai:No results found for {{filter}}', { filter: filterValue }),
-                        value: 'no_results',
+                        children: `No results found for "${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 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.') }));
+    };
+    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.')))));
 };
 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":";;;;AAAA,0DAAwD;AACxD,uDAegC;AAChC,2GAA0E;AAG1E,iFAAqE;AAQ9D,MAAM,yBAAyB,GAA4D,CAAC,EACjG,QAAQ,EACR,aAAa,EACb,wBAAwB,GACO,EAAE,EAAE;IACnC,MAAM,oBAAoB,GAAG,eAAK,CAAC,OAAO,CACxC,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACzB,QAAQ,EACN,OAAO,CAAC,YAAY,KAAK,MAAM;YAC7B,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,GAAG,2BAA2B;YACrD,CAAC,CAAC,OAAO,CAAC,KAAK;QACnB,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB,CAAC,CAAC,EACL,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,eAAK,CAAC,QAAQ,CAAsB,oBAAoB,CAAC,CAAC;IAC5D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,EAAoB,CAAC;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAE/B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;SACrC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,GAAwB,oBAAoB,CAAC;QAEjE,kEAAkE;QAClE,IAAI,WAAW,EAAE;YACf,gBAAgB,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAC1D,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAC5E,CAAC;YAEF,wEAAwE;YACxE,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;gBAC5B,gBAAgB,GAAG;oBACjB;wBACE,UAAU,EAAE,IAAI;wBAChB,QAAQ,EAAE,yBAAyB,WAAW,GAAG;wBACjD,KAAK,EAAE,YAAY;qBACpB;iBACF,CAAC;aACH;YAED,4EAA4E;YAC5E,IAAI,CAAC,MAAM,EAAE;gBACX,SAAS,CAAC,IAAI,CAAC,CAAC;aACjB;SACF;QAED,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QACnC,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,WAAW,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,MAAyD,EACzD,KAAkC,EAClC,EAAE;QACF,yDAAyD;QACzD,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7F,MAAM,QAAQ,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC;QACrC,IAAI,KAAK,IAAI,KAAK,KAAK,YAAY,EAAE;YACnC,aAAa,CAAC,QAAkB,CAAC,CAAC;YAClC,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,WAAW,CAAC,KAAe,CAAC,CAAC;YAC7B,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;YAC/E,wBAAwB,CAAC;gBACvB,KAAK,EACH,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAAY,KAAK,MAAM;oBACzC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,8BAA8B,CAAC;oBACvE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK;gBAC/B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK;gBAChC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO;gBACpC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO;gBACpC,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAAY;aAC/C,CAAC,CAAC;SACJ;QACD,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC1B,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,MAAyC,EAAE,KAAa,EAAE,EAAE;QACrF,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAE;QAC1C,IAAI,YAAY,CAAC;QAEjB,IAAI,MAAM,EAAE;YACV,IAAI,GAAG,KAAK,SAAS,EAAE;gBACrB,iGAAiG;gBACjG,IAAI,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,CAAC,EAAE;oBACvD,YAAY,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;iBACzC;qBAAM;oBACL,YAAY,GAAG,gBAAgB,GAAG,CAAC,CAAC;iBACrC;aACF;YAED,IAAI,GAAG,KAAK,WAAW,EAAE;gBACvB,iGAAiG;gBACjG,IAAI,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9E,YAAY,GAAG,CAAC,CAAC;iBAClB;qBAAM;oBACL,YAAY,GAAG,gBAAgB,GAAG,CAAC,CAAC;iBACrC;aACF;YAED,mBAAmB,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAC;YACvC,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAC;YAC5F,aAAa,CAAC,oBAAqB,WAAW,CAAC,KAAgB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;SACtF;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAA4C,EAAE,EAAE;QACtE,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC9E,MAAM,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAAC;QACzC,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QAE1F,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,oCAAoC;YACpC,KAAK,OAAO;gBACV,IAAI,MAAM,IAAI,WAAW,CAAC,KAAK,KAAK,YAAY,EAAE;oBAChD,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC5C,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;iBAC3C;gBAED,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;gBACvC,mBAAmB,CAAC,IAAI,CAAC,CAAC;gBAC1B,aAAa,CAAC,IAAI,CAAC,CAAC;gBAEpB,MAAM;YACR,KAAK,KAAK,CAAC;YACX,KAAK,QAAQ;gBACX,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,MAAM;YACR,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM;SACT;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAC1D,8BAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,MAAM,EAClB,WAAW,uBACC,mCAAmC;QAE/C,8BAAC,2BAAc,IAAC,OAAO;YACrB,8BAAC,+BAAkB,kBACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,EAAE,EAAC,wBAAwB,EAC3B,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,EAAE,IACV,CAAC,UAAU,IAAI,EAAE,uBAAuB,EAAE,UAAU,EAAE,CAAC,IAC3D,IAAI,EAAC,UAAU,EACf,UAAU,EAAE,MAAM,mBACJ,0BAA0B,IACxC;YAEF,8BAAC,oCAAuB,QACrB,CAAC,CAAC,UAAU,IAAI,CACf,8BAAC,mBAAM,IACL,IAAI,EAAE,8BAAC,oBAAS,0BAAe,EAC/B,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE;;oBACZ,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChB,aAAa,CAAC,EAAE,CAAC,CAAC;oBAClB,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;gBACjC,CAAC,gBACU,mBAAmB,GAC9B,CACH,CACuB,CACX,CACN,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,IAAI,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAElE,OAAO,CACL;QACE,8BAAC,mBAAM,IACL,EAAE,EAAC,uBAAuB,EAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,GAAG,EAAE;gBACjB,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,YAAY;YAEZ,8BAAC,uBAAU,IAAC,EAAE,EAAC,0BAA0B,IACtC,aAAa,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7C,MAAM,KAAK,GAAI,MAAM,CAAC,KAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;gBAChE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBAElC,MAAM,SAAS,GACb,KAAK,GAAG,CAAC;oBACP,CAAC,CAAC,CAAE,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;oBAChF,CAAC,CAAC,IAAI,CAAC;gBAEX,MAAM,WAAW,GAAG,SAAS,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,CAAC;gBAC1D,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;oBACvB,WAAW,IAAI,CACd,8BAAC,oBAAO,IACN,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,WAAW,MAAM,CAAC,KAAe,EAAE,EACvC,GAAG,EAAE,WAAW,MAAM,CAAC,KAAe,EAAE,GACxC,CACH;oBACD,8BAAC,yBAAY,kBACX,GAAG,EAAE,MAAM,CAAC,KAAe,EAC3B,SAAS,EAAE,gBAAgB,KAAK,KAAK,EACrC,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,KAAe,CAAC,EAClD,EAAE,EAAE,oBAAqB,MAAM,CAAC,KAAgB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,IAChE,MAAM,IACV,GAAG,EAAE,IAAI,IACT,CACa,CAClB,CAAC;YACJ,CAAC,CAAC,CACS,CACN;QACT,8BAAC,2BAAc;YACb,8BAAC,uBAAU;gBACT,8BAAC,2BAAc,IAAC,OAAO,EAAC,SAAS,iBAAa,0CAA0C,IACrF,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,0FAA0F,CAC7E,CACN,CACE,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AAzQW,QAAA,yBAAyB,6BAyQpC"}

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, customItem, }) => {
+const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, showOpenshiftVersionModal, customItems, }) => {
     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,13 +25,9 @@ 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(() => {
-        let defaultVersion = versions.find((item) => item.default);
-        if (customOpenshiftSelect && customItem) {
-            defaultVersion = customItem;
-        }
-        else if (customOpenshiftSelect) {
-            defaultVersion = versions.find((item) => item.value === customOpenshiftSelect);
-        }
+        const defaultVersion = customOpenshiftSelect
+            ? customOpenshiftSelect
+            : versions.find((item) => item.default);
         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
@@ -46,13 +42,25 @@ 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)),
-        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))),
+        customDropdownItems.length && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Custom releases", key: "custom-releases" }, customDropdownItems)),
         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: () => showOpenshiftVersionModal(), id: "show-all-versions" }, t('ai:Show all available versions')))),
+                react_1.default.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: () => {
+                        setOpen(false);
+                        showOpenshiftVersionModal();
+                    }, id: "show-all-versions" }, t('ai:Show all available versions')))),
     ].filter(Boolean);
     const onSelect = react_1.default.useCallback((event, val) => {
         const newLabel = event === null || event === void 0 ? void 0 : event.currentTarget.textContent;
@@ -63,15 +71,16 @@ const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showRe
             setOpen(false);
         }
     }, [setValue]);
-    const dropdownToggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { id: fieldId, className: "pf-v5-u-w-100", ref: toggleRef, isFullWidth: true, onClick: () => setOpen(!isOpen), isExpanded: isOpen }, current || t('ai:OpenShift version')));
+    const dropdownToggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { id: fieldId, className: "pf-v6-u-w-100", style: { minWidth: '420px' }, ref: toggleRef, isFullWidth: true, onClick: () => setOpen(!isOpen), isExpanded: isOpen, "data-testid": "openshift-version-dropdown-toggle" }, current || t('ai:OpenShift version')));
     const helperText = getHelperText && getHelperText(field.value);
     return (react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: t('ai:OpenShift version'), isRequired: true },
         react_1.default.createElement(react_core_1.Dropdown, Object.assign({}, field, { id: `${fieldId}-dropdown`, shouldFocusToggleOnSelect: true, isOpen: isOpen, onSelect: onSelect, onOpenChange: () => setOpen(!isOpen), toggle: dropdownToggle }), dropdownGroup),
         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, { variant: "default" }, helperText)))),
-        showReleasesLink && (react_1.default.createElement(ExternalLink_1.default, { href: `${window.location.origin}/${config_1.OCP_RELEASES_PAGE}` },
-            react_1.default.createElement("span", { "data-ouia-id": "openshift-releases-link" }, t('ai:Learn more about OpenShift releases'))))));
+                react_1.default.createElement(react_core_1.HelperTextItem, { variant: "default", "data-testid": "openshift-version-dropdown-helper-text" }, helperText)))),
+        showReleasesLink && (react_1.default.createElement("div", { className: "pf-v6-u-mt-sm" },
+            react_1.default.createElement(ExternalLink_1.default, { href: `${window.location.origin}/${config_1.OCP_RELEASES_PAGE}` },
+                react_1.default.createElement("span", { "data-ouia-id": "openshift-releases-link" }, t('ai:Learn more about OpenShift releases')))))));
 };
 exports.OpenShiftVersionDropdown = OpenShiftVersionDropdown;
 //# sourceMappingURL=OpenShiftVersionDropdown.js.map

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.css

@@ -2,6 +2,6 @@
   height: 44vh;
   display: flex;
 }
-#customOpenshiftSelect .pf-v5-c-menu__content {
+#customOpenshiftSelect .pf-v6-c-menu__content {
   max-height: 22vh;
 }

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

@@ -2,23 +2,29 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenShiftVersionModal = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(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 onCancel = () => {
-        setFieldValue('customOpenshiftSelect', null);
-        setOpenshiftVersionModalOpen(false);
+    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();
     };
-    return (react_1.default.createElement(react_core_1.Modal, { title: "Available OpenShift Versions", id: "available-openshift-versions-modal", isOpen: true, actions: [
-            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"),
-        ], onClose: onCancel, variant: react_core_1.ModalVariant.small },
-        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 }))));
+    return (react_1.default.createElement(react_core_1.Modal, { id: "available-openshift-versions-modal", isOpen: true, onClose: onClose, 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(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"))));
 };
 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,0DAA0B;AAC1B,uDAA+F;AAC/F,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,KAAK,EAAC,8BAA8B,EACpC,EAAE,EAAC,oCAAoC,EACvC,MAAM,QACN,OAAO,EAAE;YACP,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;SACV,EACD,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,yBAAY,CAAC,KAAK;QAE3B,8BAAC,sBAAS,IACR,EAAE,EAAE,qCAAqC,EACzC,OAAO,EAAE,uBAAuB,EAChC,KAAK,EAAE,mBAAmB,EAC1B,UAAU;YAEV,8BAAC,qDAAyB,IAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,CACxE,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,qBAAqB,yBA0ChC"}
+{"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"}

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

@@ -8,9 +8,8 @@ const outlined_question_circle_icon_1 = require("@patternfly/react-icons/dist/js
 const PopoverIcon = (_a) => {
     var { component, variant = 'plain', IconComponent = outlined_question_circle_icon_1.OutlinedQuestionCircleIcon, noVerticalAlign = false, buttonClassName, buttonOuiaId, buttonStyle } = _a, props = tslib_1.__rest(_a, ["component", "variant", "IconComponent", "noVerticalAlign", "buttonClassName", "buttonOuiaId", "buttonStyle"]);
     return (react_1.default.createElement(react_core_1.Popover, Object.assign({}, props),
-        react_1.default.createElement(react_core_1.Button, { component: component, variant: variant, onClick: (e) => e.preventDefault(), className: (0, classnames_1.default)('pf-v5-c-form__group-label-help', 'pf-v5-u-p-0', buttonClassName), ouiaId: buttonOuiaId, style: buttonStyle },
-            react_1.default.createElement(react_core_1.Icon, { isInline: noVerticalAlign },
-                react_1.default.createElement(IconComponent, null)))));
+        react_1.default.createElement(react_core_1.Button, { icon: react_1.default.createElement(react_core_1.Icon, { isInline: noVerticalAlign },
+                react_1.default.createElement(IconComponent, null)), component: component, variant: variant, onClick: (e) => e.preventDefault(), className: (0, classnames_1.default)('pf-v6-c-form__group-label-help', 'pf-v6-u-p-0', buttonClassName), ouiaId: buttonOuiaId, style: buttonStyle })));
 };
 exports.default = PopoverIcon;
 //# sourceMappingURL=PopoverIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PopoverIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAoC;AACpC,uDAA4E;AAC5E,uHAAiH;AAcjH,MAAM,WAAW,GAA+B,CAAC,EAShD,EAAE,EAAE;QAT4C,EAC/C,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,aAAa,GAAG,0DAA0B,EAC1C,eAAe,GAAG,KAAK,EACvB,eAAe,EACf,YAAY,EACZ,WAAW,OAEZ,EADI,KAAK,sBARuC,8GAShD,CADS;IACJ,OAAA,CACJ,8BAAC,oBAAO,oBAAK,KAAK;QAChB,8BAAC,mBAAM,IACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAClC,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAgC,EAAE,aAAa,EAAE,eAAe,CAAC,EACvF,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,WAAW;YAElB,8BAAC,iBAAI,IAAC,QAAQ,EAAE,eAAe;gBAC7B,8BAAC,aAAa,OAAG,CACZ,CACA,CACD,CACX,CAAA;CAAA,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"PopoverIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PopoverIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAoC;AACpC,uDAA4E;AAC5E,uHAAiH;AAcjH,MAAM,WAAW,GAA+B,CAAC,EAShD,EAAE,EAAE;QAT4C,EAC/C,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,aAAa,GAAG,0DAA0B,EAC1C,eAAe,GAAG,KAAK,EACvB,eAAe,EACf,YAAY,EACZ,WAAW,OAEZ,EADI,KAAK,sBARuC,8GAShD,CADS;IACJ,OAAA,CACJ,8BAAC,oBAAO,oBAAK,KAAK;QAChB,8BAAC,mBAAM,IACL,IAAI,EACF,8BAAC,iBAAI,IAAC,QAAQ,EAAE,eAAe;gBAC7B,8BAAC,aAAa,OAAG,CACZ,EAET,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAClC,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAgC,EAAE,aAAa,EAAE,eAAe,CAAC,EACvF,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,WAAW,GAClB,CACM,CACX,CAAA;CAAA,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

@@ -13,24 +13,24 @@ var PreviewBadgePosition;
     PreviewBadgePosition[PreviewBadgePosition["inline"] = 1] = "inline";
     PreviewBadgePosition[PreviewBadgePosition["inlineRight"] = 2] = "inlineRight";
 })(PreviewBadgePosition = exports.PreviewBadgePosition || (exports.PreviewBadgePosition = {}));
-const PreviewBadge = ({ position = PreviewBadgePosition.inline, className = 'pf-v5-u-ml-md', text, popoverContent, externalLink, testId, }) => {
+const PreviewBadge = ({ position = PreviewBadgePosition.inline, className = 'pf-v6-u-ml-md', text, popoverContent, externalLink, testId, }) => {
     let clsName = className;
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
     switch (position) {
         case PreviewBadgePosition.inlineRight:
-            clsName += ' pf-v5-u-float-right';
+            clsName += ' pf-v6-u-float-right';
             break;
         case PreviewBadgePosition.inline:
-            clsName += ' pf-v5-u-display-inline';
+            clsName += ' pf-v6-u-display-inline';
             break;
     }
     const bodyContent = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { style: { marginBottom: 'var(--pf-v5-global--spacer--sm)' } }, popoverContent),
+        react_1.default.createElement("div", { style: { marginBottom: 'var(--pf-t--global--spacer--sm)' } }, popoverContent),
         externalLink && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(ExternalLink_1.default, { href: externalLink }, t('ai:Learn more'))))));
     return (react_1.default.createElement("span", { onClick: (e) => e.preventDefault() },
         react_1.default.createElement(react_core_1.Popover, { bodyContent: bodyContent, position: "top", withFocusTrap: false },
-            react_1.default.createElement(react_core_1.Label, Object.assign({ style: { cursor: 'pointer' }, color: "orange", icon: react_1.default.createElement(info_circle_icon_1.InfoCircleIcon, { color: "var(--pf-v5-c-label__content--Color)" }), className: clsName }, (testId ? { 'data-testid': testId } : {})), text))));
+            react_1.default.createElement(react_core_1.Label, Object.assign({ style: { cursor: 'pointer' }, color: "orange", icon: react_1.default.createElement(info_circle_icon_1.InfoCircleIcon, null), className: clsName }, (testId ? { 'data-testid': testId } : {})), text))));
 };
 exports.PreviewBadge = PreviewBadge;
 exports.PreviewBadge.displayName = 'PreviewBadge';

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewBadge.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PreviewBadge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAAwD;AACxD,6FAAwF;AACxF,0EAA0C;AAE1C,iFAAqE;AAErE,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,qEAAO,CAAA;IACP,mEAAM,CAAA;IACN,6EAAW,CAAA;AACb,CAAC,EAJW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAI/B;AAUM,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,GAAG,oBAAoB,CAAC,MAAM,EACtC,SAAS,GAAG,eAAe,EAC3B,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;IACH,IAAI,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,QAAQ,QAAQ,EAAE;QAChB,KAAK,oBAAoB,CAAC,WAAW;YACnC,OAAO,IAAI,sBAAsB,CAAC;YAClC,MAAM;QACR,KAAK,oBAAoB,CAAC,MAAM;YAC9B,OAAO,IAAI,yBAAyB,CAAC;YACrC,MAAM;KACT;IACD,MAAM,WAAW,GAAG,CAClB;QACE,uCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,iCAAiC,EAAE,IAAG,cAAc,CAAO;QACtF,YAAY,IAAI,CACf;YACE,8BAAC,sBAAY,IAAC,IAAI,EAAE,YAAY,IAAG,CAAC,CAAC,eAAe,CAAC,CAAgB,CACpE,CACJ,CACA,CACJ,CAAC;IACF,OAAO,CACL,wCAAM,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;QACtC,8BAAC,oBAAO,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAC,KAAK,EAAC,aAAa,EAAE,KAAK;YACpE,8BAAC,kBAAK,kBACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,8BAAC,iCAAc,IAAC,KAAK,EAAC,sCAAsC,GAAG,EACrE,SAAS,EAAE,OAAO,IACd,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE5C,IAAI,CACC,CACA,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,YAAY,gBA2CvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"PreviewBadge.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PreviewBadge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAAwD;AACxD,6FAAwF;AACxF,0EAA0C;AAE1C,iFAAqE;AAErE,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,qEAAO,CAAA;IACP,mEAAM,CAAA;IACN,6EAAW,CAAA;AACb,CAAC,EAJW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAI/B;AAUM,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,GAAG,oBAAoB,CAAC,MAAM,EACtC,SAAS,GAAG,eAAe,EAC3B,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;IACH,IAAI,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,QAAQ,QAAQ,EAAE;QAChB,KAAK,oBAAoB,CAAC,WAAW;YACnC,OAAO,IAAI,sBAAsB,CAAC;YAClC,MAAM;QACR,KAAK,oBAAoB,CAAC,MAAM;YAC9B,OAAO,IAAI,yBAAyB,CAAC;YACrC,MAAM;KACT;IACD,MAAM,WAAW,GAAG,CAClB;QACE,uCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,iCAAiC,EAAE,IAAG,cAAc,CAAO;QACtF,YAAY,IAAI,CACf;YACE,8BAAC,sBAAY,IAAC,IAAI,EAAE,YAAY,IAAG,CAAC,CAAC,eAAe,CAAC,CAAgB,CACpE,CACJ,CACA,CACJ,CAAC;IACF,OAAO,CACL,wCAAM,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;QACtC,8BAAC,oBAAO,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAC,KAAK,EAAC,aAAa,EAAE,KAAK;YACpE,8BAAC,kBAAK,kBACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,8BAAC,iCAAc,OAAG,EACxB,SAAS,EAAE,OAAO,IACd,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE5C,IAAI,CACC,CACA,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,YAAY,gBA2CvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/build/cjs/common/components/ui/PrismCode.css

@@ -1,4 +1,4 @@
 pre.prism-code {
-  padding: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--md);
+  padding: var(--pf-v6-global--spacer--sm) var(--pf-v6-global--spacer--md);
   overflow-x: auto;
 }

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

@@ -5,14 +5,13 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const prism_react_renderer_1 = tslib_1.__importStar(require("prism-react-renderer"));
 const react_core_1 = require("@patternfly/react-core");
-const global_Color_100_1 = require("@patternfly/react-tokens/dist/js/global_Color_100");
-const global_palette_purple_400_1 = require("@patternfly/react-tokens/dist/js/global_palette_purple_400");
-const global_palette_blue_300_1 = require("@patternfly/react-tokens/dist/js/global_palette_blue_300");
+const t_global_color_nonstatus_purple_300_1 = require("@patternfly/react-tokens/dist/js/t_global_color_nonstatus_purple_300");
+const t_global_color_nonstatus_blue_default_1 = require("@patternfly/react-tokens/dist/js/t_global_color_nonstatus_blue_default");
 const github_1 = tslib_1.__importDefault(require("prism-react-renderer/themes/github"));
 require("./PrismCode.css");
 exports.SimpleAIPrismTheme = {
     plain: {
-        color: global_Color_100_1.global_Color_100.value,
+        color: '#333333',
         backgroundColor: github_1.default.plain.backgroundColor,
         fontSize: '.93em',
     },
@@ -20,18 +19,18 @@ exports.SimpleAIPrismTheme = {
         {
             types: ['variable'],
             style: {
-                color: global_palette_blue_300_1.global_palette_blue_300.value,
+                color: t_global_color_nonstatus_blue_default_1.t_global_color_nonstatus_blue_default.value,
             },
         },
         {
             types: ['class-name', 'function', 'tag', 'attr-name'],
             style: {
-                color: global_palette_purple_400_1.global_palette_purple_400.value,
+                color: t_global_color_nonstatus_purple_300_1.t_global_color_nonstatus_purple_300.value,
             },
         },
     ],
 };
-const PrismCode = ({ code, language = 'bash', theme = github_1.default, copiable = false, }) => (react_1.default.createElement(prism_react_renderer_1.default, Object.assign({}, prism_react_renderer_1.defaultProps, { code: code, language: language, theme: theme }), ({ className, style, tokens, getLineProps, getTokenProps }) => (react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.pre, className: className, style: style },
+const PrismCode = ({ code, language = 'bash', theme = github_1.default, copiable = false, }) => (react_1.default.createElement(prism_react_renderer_1.default, Object.assign({}, prism_react_renderer_1.defaultProps, { code: code, language: language, theme: theme }), ({ className, style, tokens, getLineProps, getTokenProps }) => (react_1.default.createElement(react_core_1.Content, { component: "pre", className: className, style: style },
     copiable && (react_1.default.createElement(react_core_1.ClipboardCopy, { isReadOnly: true, variant: 'inline-compact', onCopy: (e) => (0, react_core_1.clipboardCopyFunc)(e, code), style: { float: 'right', background: 'inherit' } }, '')),
     tokens.map((line, i) => (react_1.default.createElement("div", Object.assign({ key: i }, getLineProps({ line, key: i })), line.map((token, key) => (react_1.default.createElement("span", Object.assign({ key: key }, getTokenProps({ token, key }))))))))))));
 exports.default = PrismCode;

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

@@ -1 +1 @@
-{"version":3,"file":"PrismCode.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PrismCode.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,qFAAqF;AACrF,uDAA8F;AAC9F,wFAAqF;AACrF,0GAAuG;AACvG,sGAAmG;AACnG,wFAA8D;AAC9D,2BAAyB;AACZ,QAAA,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,mCAAgB,CAAC,KAAK;QAC7B,eAAe,EAAE,gBAAY,CAAC,KAAK,CAAC,eAAe;QACnD,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN;YACE,KAAK,EAAE,CAAC,UAAU,CAAC;YACnB,KAAK,EAAE;gBACL,KAAK,EAAE,iDAAuB,CAAC,KAAK;aACrC;SACF;QACD;YACE,KAAK,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC;YACrD,KAAK,EAAE;gBACL,KAAK,EAAE,qDAAyB,CAAC,KAAK;aACvC;SACF;KACF;CACF,CAAC;AAOF,MAAM,SAAS,GAA6B,CAAC,EAC3C,IAAI,EACJ,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG,gBAAY,EACpB,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE,CAAC,CACJ,8BAAC,8BAAS,oBAAK,mCAAY,IAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,KACtE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;IAClE,QAAQ,IAAI,CACX,8BAAC,0BAAa,IACZ,UAAU,QACV,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,8BAAiB,EAAC,CAAC,EAAE,IAAI,CAAC,EACzC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,IAE/C,EAAE,CACW,CACjB;IACA,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,qDAAK,GAAG,EAAE,CAAC,IAAM,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,sDAAM,GAAG,EAAE,GAAG,IAAM,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAI,CACtD,CAAC,CACE,CACP,CAAC,CACG,CACR,CACS,CACb,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"PrismCode.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PrismCode.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,qFAAqF;AACrF,uDAAmF;AACnF,8HAA2H;AAC3H,kIAA6I;AAC7I,wFAA8D;AAC9D,2BAAyB;AACZ,QAAA,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,gBAAY,CAAC,KAAK,CAAC,eAAe;QACnD,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN;YACE,KAAK,EAAE,CAAC,UAAU,CAAC;YACnB,KAAK,EAAE;gBACL,KAAK,EAAE,6EAAU,CAAC,KAAK;aACxB;SACF;QACD;YACE,KAAK,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC;YACrD,KAAK,EAAE;gBACL,KAAK,EAAE,yEAAmC,CAAC,KAAK;aACjD;SACF;KACF;CACF,CAAC;AAOF,MAAM,SAAS,GAA6B,CAAC,EAC3C,IAAI,EACJ,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG,gBAAY,EACpB,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE,CAAC,CACJ,8BAAC,8BAAS,oBAAK,mCAAY,IAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,KACtE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,oBAAO,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;IACxD,QAAQ,IAAI,CACX,8BAAC,0BAAa,IACZ,UAAU,QACV,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,8BAAiB,EAAC,CAAC,EAAE,IAAI,CAAC,EACzC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,IAE/C,EAAE,CACW,CACjB;IACA,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,qDAAK,GAAG,EAAE,CAAC,IAAM,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,sDAAM,GAAG,EAAE,GAAG,IAAM,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAI,CACtD,CAAC,CACE,CACP,CAAC,CACM,CACX,CACS,CACb,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -4,7 +4,6 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const SectionTitle = ({ title, testId }) => (react_1.default.createElement(react_core_1.GridItem, null,
-    react_1.default.createElement(react_core_1.TextContent, null,
-        react_1.default.createElement(react_core_1.Text, { "data-testid": testId, component: react_core_1.TextVariants.h3 }, title))));
+    react_1.default.createElement(react_core_1.Content, { "data-testid": testId, component: react_core_1.ContentVariants.h3 }, title)));
 exports.default = SectionTitle;
 //# sourceMappingURL=SectionTitle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SectionTitle.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/SectionTitle.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAmF;AAOnF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqB,EAAE,EAAE,CAAC,CAC7D,8BAAC,qBAAQ;IACP,8BAAC,wBAAW;QACV,8BAAC,iBAAI,mBAAc,MAAM,EAAE,SAAS,EAAE,yBAAY,CAAC,EAAE,IAClD,KAAK,CACD,CACK,CACL,CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"SectionTitle.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/SectionTitle.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAA4E;AAO5E,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqB,EAAE,EAAE,CAAC,CAC7D,8BAAC,qBAAQ;IACP,8BAAC,oBAAO,mBAAc,MAAM,EAAE,SAAS,EAAE,4BAAe,CAAC,EAAE,IACxD,KAAK,CACE,CACD,CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -12,7 +12,7 @@ const SimpleDropdown = ({ current, defaultValue, items, setValue, isDisabled, id
         setValue(event === null || event === void 0 ? void 0 : event.currentTarget.id);
         setOpen(false);
     }, [setValue, setOpen]);
-    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { id: idPrefix ? `${idPrefix}-dropdown-toggle-items` : undefined, className: "role-dropdown", ref: toggleRef, variant: "plainText", onClick: () => setOpen(!isOpen), isDisabled: isDisabled, isExpanded: isOpen }, current || defaultValue));
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { id: idPrefix ? `${idPrefix}-dropdown-toggle-items` : undefined, className: "role-dropdown", ref: toggleRef, variant: "plainText", onClick: () => setOpen(!isOpen), isDisabled: isDisabled, isExpanded: isOpen, "data-testid": "simple-dropdown-toggle" }, current || defaultValue));
     return (react_1.default.createElement(react_core_1.Dropdown, { onSelect: onSelect, onOpenChange: () => setOpen(!isOpen), toggle: toggle, isOpen: isOpen, id: idPrefix ? `${idPrefix}-dropdown-toggle` : undefined, popperProps: { appendTo: menuAppendTo } }, dropdownItems));
 };
 exports.SimpleDropdown = SimpleDropdown;

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/SimpleDropdown.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAMgC;AAEhC,gCAA8B;AAYvB,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,GACQ,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACjE,8BAAC,yBAAY,IAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IAC1D,KAAK,CACO,CAChB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,eAAK,CAAC,WAAW,CAChC,CAAC,KAA6C,EAAE,EAAE;QAChD,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,EAAE,CAAC,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAC1D,8BAAC,uBAAU,IACT,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAC9D,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAC/B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,MAAM,IAEjB,OAAO,IAAI,YAAY,CACb,CACd,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EACpC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACxD,WAAW,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,IAEtC,aAAa,CACL,CACZ,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,cAAc,kBAkDzB"}
+{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/SimpleDropdown.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAMgC;AAEhC,gCAA8B;AAYvB,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,GACQ,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACjE,8BAAC,yBAAY,IAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IAC1D,KAAK,CACO,CAChB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,eAAK,CAAC,WAAW,CAChC,CAAC,KAA6C,EAAE,EAAE;QAChD,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,EAAE,CAAC,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAC1D,8BAAC,uBAAU,IACT,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAC9D,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAC/B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,MAAM,iBACN,wBAAwB,IAEnC,OAAO,IAAI,YAAY,CACb,CACd,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EACpC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACxD,WAAW,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,IAEtC,aAAa,CACL,CACZ,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,cAAc,kBAmDzB"}

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

@@ -13,7 +13,7 @@ const StaticField = ({ label, name, children, helperText, helperTextInvalid, isR
         children,
         (helperText || helperTextInvalid) && (React.createElement(react_core_1.FormHelperText, null,
             React.createElement(react_core_1.HelperText, null,
-                React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.default, null), variant: isValid ? 'default' : 'error', id: isValid ? `${fieldId}-helper` : `${fieldId}-helper-error` }, isValid ? helperText : helperTextInvalid))))));
+                React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.default, null), variant: isValid ? 'default' : 'error', id: isValid ? `${fieldId}-helper` : `${fieldId}-helper-error`, "data-testid": "static-text-field-helper-text" }, isValid ? helperText : helperTextInvalid))))));
 };
 exports.StaticField = StaticField;
 const FormikStaticField = (_a) => {
@@ -33,8 +33,7 @@ const StaticTextField = (_a) => {
     var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
     const fieldId = (0, formik_2.getFieldId)(props.name, 'static');
     return (React.createElement(exports.StaticField, Object.assign({}, props),
-        React.createElement(react_core_1.TextContent, null,
-            React.createElement(react_core_1.Text, { component: "p", id: fieldId, "aria-describedby": `${fieldId}-helper` }, children))));
+        React.createElement(react_core_1.Content, { component: "p", id: fieldId, "aria-describedby": `${fieldId}-helper` }, children)));
 };
 exports.StaticTextField = StaticTextField;
 //# sourceMappingURL=StaticTextField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StaticTextField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/StaticTextField.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAOgC;AAChC,qCAAsC;AACtC,oIAAkG;AAW3F,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,OAAO,GAAG,IAAI,GACf,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,sBAAS,IACR,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU;QAErB,QAAQ;QACR,CAAC,UAAU,IAAI,iBAAiB,CAAC,IAAI,CACpC,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,oBAAC,iCAAqB,OAAG,EAC/B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACtC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,IAE5D,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAC1B,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,WAAW,eAkCtB;AASK,MAAM,iBAAiB,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACnF,MAAM,CAAC,EAAE,AAAD,EAAG,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAE/D,OAAO,oBAAC,mBAAW,oBAAK,KAAK,EAAI,CAAC;AACpC,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF;;;GAGG;AACI,MAAM,eAAe,GAA+B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC9E,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,mBAAW,oBAAK,KAAK;QACpB,oBAAC,wBAAW;YACV,oBAAC,iBAAI,IAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAE,OAAO,sBAAoB,GAAG,OAAO,SAAS,IACnE,QAAQ,CACJ,CACK,CACF,CACf,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}
+{"version":3,"file":"StaticTextField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/StaticTextField.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAMgC;AAChC,qCAAsC;AACtC,oIAAkG;AAW3F,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,OAAO,GAAG,IAAI,GACf,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,sBAAS,IACR,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU;QAErB,QAAQ;QACR,CAAC,UAAU,IAAI,iBAAiB,CAAC,IAAI,CACpC,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,oBAAC,iCAAqB,OAAG,EAC/B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACtC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,iBACjD,+BAA+B,IAE1C,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAC1B,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,WAAW,eAmCtB;AASK,MAAM,iBAAiB,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACnF,MAAM,CAAC,EAAE,AAAD,EAAG,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAE/D,OAAO,oBAAC,mBAAW,oBAAK,KAAK,EAAI,CAAC;AACpC,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF;;;GAGG;AACI,MAAM,eAAe,GAA+B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC9E,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,mBAAW,oBAAK,KAAK;QACpB,oBAAC,oBAAO,IAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAE,OAAO,sBAAoB,GAAG,OAAO,SAAS,IACtE,QAAQ,CACD,CACE,CACf,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B"}

package/build/cjs/common/components/ui/Toolbar/ToolbarSecondaryGroup.js

@@ -3,6 +3,6 @@ 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 ToolbarSecondaryGroup = ({ children }) => (react_1.default.createElement(react_core_1.ToolbarGroup, { align: { md: 'alignRight' } }, children));
+const ToolbarSecondaryGroup = ({ children }) => (react_1.default.createElement(react_core_1.ToolbarGroup, { align: { md: 'alignEnd' } }, children));
 exports.default = ToolbarSecondaryGroup;
 //# sourceMappingURL=ToolbarSecondaryGroup.js.map