@openshift-assisted/ui-lib 2.13.0-cim → 2.14.1-cim

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

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

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

@@ -6,6 +6,6 @@ const react_1 = tslib_1.__importDefault(require("react"));
  * This component allows to maintain grid gap behaviour of PF Form by wrapping
  * FormGroup components which are inside of Grid
  */
-const GridGap = (props) => react_1.default.createElement("div", Object.assign({}, props, { className: "pf-c-form" }));
+const GridGap = (props) => react_1.default.createElement("div", Object.assign({}, props, { className: "pf-v5-c-form" }));
 exports.default = GridGap;
 //# sourceMappingURL=GridGap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridGap.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/GridGap.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B;;;GAGG;AACH,MAAM,OAAO,GAAa,CAAC,KAAK,EAAE,EAAE,CAAC,uDAAS,KAAK,IAAE,SAAS,EAAC,WAAW,IAAG,CAAC;AAE9E,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"GridGap.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/GridGap.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B;;;GAGG;AACH,MAAM,OAAO,GAAa,CAAC,KAAK,EAAE,EAAE,CAAC,uDAAS,KAAK,IAAE,SAAS,EAAC,cAAc,IAAG,CAAC;AAEjF,kBAAe,OAAO,CAAC"}

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

@@ -4,54 +4,81 @@ exports.OpenShiftVersionDropdown = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
+const deprecated_1 = require("@patternfly/react-core/deprecated");
 const caret_down_icon_1 = require("@patternfly/react-icons/dist/js/icons/caret-down-icon");
 const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
 const formik_1 = require("formik");
 const formik_2 = require("./formik");
 const ExternalLink_1 = tslib_1.__importDefault(require("./ExternalLink"));
 const config_1 = require("../../config");
-const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, }) => {
-    const [field, , { setValue }] = (0, formik_1.useField)(name);
-    const [isOpen, setOpen] = react_1.default.useState(false);
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const fieldId = (0, formik_2.getFieldId)(name, 'input');
-    const isDisabled = versions.length === 0;
-    const { defaultLabel, defaultValue } = react_1.default.useMemo(() => {
-        const defaultVersion = versions.find((item) => item.default);
-        return {
-            defaultLabel: (defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.label) || '',
-            defaultValue: (defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.value) || '',
-        };
-    }, [versions]);
-    const [helperText, setHelperText] = react_1.default.useState(getHelperText(versions, defaultValue, t));
-    const [current, setCurrent] = react_1.default.useState(defaultLabel);
+require("./OpenshiftVersionDropdown.css");
+const getParsedVersions = (items) => {
     const versionsY = Array.from(new Set(items.map((val) => { var _a; return (_a = val.value.match(/^\d+\.(\d+)/)) === null || _a === void 0 ? void 0 : _a[1]; })));
-    const lastVersion = versionsY.slice(-1)[0];
     const parsedVersions = versionsY.map((y) => ({
         y: y,
         versions: items.filter((val) => { var _a; return ((_a = val.value.match(/^\d+\.(\d+)/)) === null || _a === void 0 ? void 0 : _a[1]) === y; }),
     }));
-    const dropdownItems = parsedVersions.map(({ y, versions }) => {
-        const items = versions.map(({ value, label }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value }, label)));
-        if (y !== lastVersion) {
-            items.push(react_1.default.createElement(react_core_1.DropdownSeparator, { key: `separator-${y || ''}` }));
+    return { parsedVersions: parsedVersions.reverse() };
+};
+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)();
+    const fieldId = (0, formik_2.getFieldId)(name, 'input');
+    const isDisabled = versions.length === 0;
+    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);
+        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
+    }, [customOpenshiftSelect]);
+    const parsedVersionsForItems = getParsedVersions(items);
+    let lastY = '';
+    const dropdownItems = parsedVersionsForItems.parsedVersions.map(({ y, versions }) => {
+        const items = versions.map(({ value, label }) => (react_1.default.createElement(deprecated_1.DropdownItem, { key: value, id: value }, label)));
+        if (lastY !== null && y !== lastY) {
+            items.push(react_1.default.createElement(deprecated_1.DropdownSeparator, { key: `separator-${y || ''}` }));
         }
+        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(deprecated_1.DropdownItem, { key: value, id: value }, label)));
+        if (lastCustomY !== null && y !== lastCustomY) {
+            customItems.push(react_1.default.createElement(deprecated_1.DropdownSeparator, { key: `separator-${y || ''}` }));
+        }
+        lastCustomY = y;
+        return customItems;
+    });
+    const dropdownGroup = [
+        react_1.default.createElement(deprecated_1.DropdownGroup, { label: "Latest releases", key: "latest-releases" }, dropdownItems),
+        react_1.default.createElement(deprecated_1.DropdownGroup, { label: "Custom releases", key: "custom-releases", hidden: customDropdownItems.length === 0 }, customDropdownItems),
+        react_1.default.createElement(deprecated_1.DropdownGroup, { key: "all-available-versions" },
+            react_1.default.createElement(deprecated_1.DropdownItem, { key: "all-versions", id: "all-versions" },
+                react_1.default.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: () => showOpenshiftVersionModal(), id: "show-all-versions" }, "Show all available versions"))),
+    ];
     const onSelect = react_1.default.useCallback((event) => {
         const newLabel = event === null || event === void 0 ? void 0 : event.currentTarget.innerText;
-        const newValue = event === null || event === void 0 ? void 0 : event.currentTarget.id;
-        if (newLabel && newValue) {
+        const newValue = (event === null || event === void 0 ? void 0 : event.currentTarget.id) || '';
+        if (newLabel && newValue !== 'all-versions') {
             setCurrent(newLabel);
             setValue(newValue);
-            setHelperText(getHelperText(versions, newValue, t));
             setOpen(false);
         }
-    }, [setCurrent, setHelperText, setOpen, getHelperText, t, versions, setValue]);
-    const toggle = react_1.default.useMemo(() => (react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: (val) => setOpen(!isDisabled && val), toggleIndicator: caret_down_icon_1.CaretDownIcon, isDisabled: isDisabled, isText: true, className: "pf-u-w-100" }, current)), [setOpen, current, isDisabled]);
+    }, [setValue]);
+    const toggle = react_1.default.useMemo(() => (react_1.default.createElement(deprecated_1.DropdownToggle, { onToggle: (_event, val) => setOpen(!isDisabled && val), toggleIndicator: caret_down_icon_1.CaretDownIcon, isDisabled: isDisabled, isText: true, className: "pf-v5-u-w-100" }, current)), [setOpen, current, isDisabled]);
+    const helperText = 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, { name: name, id: fieldId, onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, className: "pf-u-w-100" })),
-        react_1.default.createElement(react_core_1.HelperText, { style: { display: 'inherit' } }, helperText),
+        react_1.default.createElement(deprecated_1.Dropdown, Object.assign({}, field, { name: name, id: fieldId, onSelect: onSelect, dropdownItems: dropdownGroup, toggle: toggle, isOpen: isOpen, className: "pf-v5-u-w-100" })),
+        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'))))));
 };

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/OpenshiftSelectWithSearch.js

@@ -0,0 +1,170 @@
+"use strict";
+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 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;
+        }
+    }, []);
+    react_1.default.useEffect(() => {
+        let newSelectOptions = initialSelectOptions;
+        // Filter menu items based on the text input value when one exists
+        if (filterValue) {
+            newSelectOptions = initialSelectOptions.filter((menuItem) => String(menuItem.children).toLowerCase().includes(filterValue.toLowerCase()));
+            // When no options are found after filtering, display 'No results found'
+            if (!newSelectOptions.length) {
+                newSelectOptions = [
+                    {
+                        isDisabled: true,
+                        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 toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true },
+        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, { 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" },
+                react_1.default.createElement(times_icon_1.default, { "aria-hidden": true })))))));
+    const helperText = 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" }, 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

@@ -0,0 +1 @@
+{"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.css

@@ -0,0 +1,4 @@
+#form-input-openshiftVersion-field .pf-v5-c-dropdown__menu {
+  max-height: 22vh;
+  overflow: auto;
+}

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

@@ -8,8 +8,9 @@ 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-c-form__group-label-help', 'pf-u-p-0', buttonClassName), ouiaId: buttonOuiaId, style: buttonStyle },
-            react_1.default.createElement(IconComponent, { noVerticalAlign: noVerticalAlign }))));
+        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)))));
 };
 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,uDAAsE;AACtE,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,6BAA6B,EAAE,UAAU,EAAE,eAAe,CAAC,EACjF,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,WAAW;YAElB,8BAAC,aAAa,IAAC,eAAe,EAAE,eAAe,GAAI,CAC5C,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,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"}

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-u-ml-md', text, popoverText, externalLink, testId, }) => {
+const PreviewBadge = ({ position = PreviewBadgePosition.inline, className = 'pf-v5-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-u-float-right';
+            clsName += ' pf-v5-u-float-right';
             break;
         case PreviewBadgePosition.inline:
-            clsName += ' pf-u-display-inline';
+            clsName += ' pf-v5-u-display-inline';
             break;
     }
     const bodyContent = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { style: { marginBottom: 'var(--pf-global--spacer--sm)' } }, popoverText),
+        react_1.default.createElement("div", { style: { marginBottom: 'var(--pf-v5-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-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, { color: "var(--pf-v5-c-label__content--Color)" }), 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,YAAY,EACxB,IAAI,EACJ,WAAW,EACX,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,mBAAmB,CAAC;YAC/B,MAAM;QACR,KAAK,oBAAoB,CAAC,MAAM;YAC9B,OAAO,IAAI,sBAAsB,CAAC;YAClC,MAAM;KACT;IACD,MAAM,WAAW,GAAG,CAClB;QACE,uCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,8BAA8B,EAAE,IAAG,WAAW,CAAO;QAChF,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,mCAAmC,GAAG,EAClE,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,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"}

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

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

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

@@ -32,7 +32,7 @@ exports.SimpleAIPrismTheme = {
     ],
 };
 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 },
-    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' } })),
+    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;
 //# sourceMappingURL=PrismCode.js.map

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,GAGlC,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,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"}

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

@@ -3,18 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleDropdown = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
+const deprecated_1 = require("@patternfly/react-core/deprecated");
 const caret_down_icon_1 = require("@patternfly/react-icons/dist/js/icons/caret-down-icon");
 require("./SimpleDropdown.css");
 const SimpleDropdown = ({ current, defaultValue, items, setValue, isDisabled, idPrefix, menuAppendTo, }) => {
     const [isOpen, setOpen] = react_1.default.useState(false);
-    const dropdownItems = items.map(({ value, label, description }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value, description: description }, label)));
+    const dropdownItems = items.map(({ value, label, description }) => (react_1.default.createElement(deprecated_1.DropdownItem, { key: value, id: value, description: description }, label)));
     const onSelect = react_1.default.useCallback((event) => {
         setValue(event === null || event === void 0 ? void 0 : event.currentTarget.id);
         setOpen(false);
     }, [setValue, setOpen]);
-    const toggle = react_1.default.useMemo(() => (react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: (val) => setOpen(!isDisabled && val), toggleIndicator: caret_down_icon_1.CaretDownIcon, isDisabled: isDisabled, id: idPrefix ? `${idPrefix}-dropdown-toggle-items` : undefined, className: "role-dropdown" }, current || defaultValue)), [setOpen, current, isDisabled, defaultValue, idPrefix]);
-    return (react_1.default.createElement(react_core_1.Dropdown, { onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, isPlain: true, id: idPrefix ? `${idPrefix}-dropdown-toggle` : undefined, menuAppendTo: menuAppendTo }));
+    const toggle = react_1.default.useMemo(() => (react_1.default.createElement(deprecated_1.DropdownToggle, { onToggle: (_event, val) => setOpen(!isDisabled && val), toggleIndicator: caret_down_icon_1.CaretDownIcon, isDisabled: isDisabled, id: idPrefix ? `${idPrefix}-dropdown-toggle-items` : undefined, className: "role-dropdown" }, current || defaultValue)), [setOpen, current, isDisabled, defaultValue, idPrefix]);
+    return (react_1.default.createElement(deprecated_1.Dropdown, { onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, isPlain: true, id: idPrefix ? `${idPrefix}-dropdown-toggle` : undefined, menuAppendTo: menuAppendTo }));
 };
 exports.SimpleDropdown = SimpleDropdown;
 //# sourceMappingURL=SimpleDropdown.js.map

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,uDAA+F;AAC/F,2FAAsF;AAEtF,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,KAA4C,EAAE,EAAE;QAC/C,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,eAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CACJ,8BAAC,2BAAc,IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,EAC9C,eAAe,EAAE,+BAAa,EAC9B,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAC9D,SAAS,EAAC,eAAe,IAExB,OAAO,IAAI,YAAY,CACT,CAClB,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CACvD,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,QACP,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACxD,YAAY,EAAE,YAAY,GAC1B,CACH,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,kEAK2C;AAC3C,2FAAsF;AAEtF,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,KAA4C,EAAE,EAAE;QAC/C,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,eAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CACJ,8BAAC,2BAAc,IACb,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,EACtD,eAAe,EAAE,+BAAa,EAC9B,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAC9D,SAAS,EAAC,eAAe,IAExB,OAAO,IAAI,YAAY,CACT,CAClB,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CACvD,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,QACP,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACxD,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,cAAc,kBAkDzB"}

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

@@ -6,9 +6,14 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const formik_2 = require("./formik");
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const StaticField = ({ label, name, children, helperText, helperTextInvalid, isRequired, isValid = true, }) => {
     const fieldId = (0, formik_2.getFieldId)(name, 'static');
-    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(formik_2.HelperText, { fieldId: fieldId }, helperText)), helperTextInvalid: helperTextInvalid, validated: isValid ? 'default' : 'error', isRequired: isRequired }, children));
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, isRequired: isRequired },
+        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))))));
 };
 exports.StaticField = StaticField;
 const FormikStaticField = (_a) => {

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,uDAAsE;AACtE,qCAAkD;AAW3C,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,EACR,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/B,UAAU,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CACxD,EAEH,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,WAAW,eA8BtB;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,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"}

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TechnologyPreview = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const constants_1 = require("../../config/constants");
+const docs_links_1 = require("../../config/docs_links");
 const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
 const PreviewBadge_1 = require("./PreviewBadge");
 const TechnologyPreview = (props) => {
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    return (react_1.default.createElement(PreviewBadge_1.PreviewBadge, Object.assign({ text: t('ai:Technology Preview'), popoverText: t('ai:Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.'), externalLink: constants_1.TECH_SUPPORT_LEVEL_LINK }, props)));
+    return (react_1.default.createElement(PreviewBadge_1.PreviewBadge, Object.assign({ text: t('ai:Technology Preview'), popoverContent: t('ai:Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.'), externalLink: docs_links_1.TECH_SUPPORT_LEVEL_LINK }, props)));
 };
 exports.TechnologyPreview = TechnologyPreview;
 exports.TechnologyPreview.displayName = 'TechnologyPreview';

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

@@ -1 +1 @@
-{"version":3,"file":"TechnologyPreview.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/TechnologyPreview.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sDAAiE;AACjE,iFAAqE;AACrE,iDAAiE;AAO1D,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAE/B,OAAO,CACL,8BAAC,2BAAY,kBACX,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAChC,WAAW,EAAE,CAAC,CACZ,8KAA8K,CAC/K,EACD,YAAY,EAAE,mCAAuB,IACjC,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AACF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"TechnologyPreview.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/TechnologyPreview.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,wDAAkE;AAClE,iFAAqE;AACrE,iDAAiE;AAO1D,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAE/B,OAAO,CACL,8BAAC,2BAAY,kBACX,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAChC,cAAc,EAAE,CAAC,CACf,8KAA8K,CAC/K,EACD,YAAY,EAAE,oCAAuB,IACjC,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AACF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarSecondaryGroup.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/Toolbar/ToolbarSecondaryGroup.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAsD;AAEtD,MAAM,qBAAqB,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,8BAAC,yBAAY,IAAC,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAgB,CACzE,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ToolbarSecondaryGroup.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/Toolbar/ToolbarSecondaryGroup.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAsD;AAEtD,MAAM,qBAAqB,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,8BAAC,yBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAgB,CACrE,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,11 @@
+"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 UiIcon = (props) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Icon, { size: props.size ? props.size : 'md', status: props.status, className: props.className }, props.icon)));
+};
+exports.default = UiIcon;
+//# sourceMappingURL=UiIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA4C;AAC5C,uDAAkE;AASlE,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC9C,OAAO,CACL;QACE,8BAAC,iBAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzF,KAAK,CAAC,IAAI,CACN,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}