@rh-support/manage 2.5.31 → 2.5.32

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js

@@ -8,8 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { accounts } from '@cee-eng/hydrajs';
-import { Card, CardBody, CardHeader, Popover, PopoverPosition, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
-import { SelectOption } from '@patternfly/react-core/deprecated';
+import { Card, CardBody, CardHeader, Popover, PopoverPosition, SelectOption, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { EditorMode, ToastNotification, useFetch } from '@rh-support/components';
 import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
@@ -130,7 +129,7 @@ export function PreferencesCaseView(props) {
     });
     const onPrefCaseViewSelect = (event, selection) => __awaiter(this, void 0, void 0, function* () {
         try {
-            let selectedView = event.currentTarget.getAttribute('data-index');
+            let selectedView = caseViewTypes.findIndex((option) => option.value === selection);
             updateOriginalCaseView(selectedView);
             setOriginalCaseView(+selectedView);
         }
@@ -192,7 +191,7 @@ export function PreferencesCaseView(props) {
         React.createElement(Trans, null, "Default case view"),
         React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
                 React.createElement(Trans, null, "Choose the default view you want to see when looking at a case")), showClose: false },
-            React.createElement(InfoCircleIcon, { "aria-label": "Preferred-default-case-view-info-icon", className: "pf-v5-u-ml-sm" }))));
+            React.createElement(InfoCircleIcon, { "aria-label": "Preferred-default-case-view-info-icon", className: "pf-v6-u-ml-sm" }))));
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -200,7 +199,7 @@ export function PreferencesCaseView(props) {
         React.createElement(CardBody, null,
             React.createElement("form", null,
                 isInternalUserPermission && (React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { onSelect: onPrefCaseViewSelect, selections: caseViewPrefSelection(), id: defaultCaseViewID, label: prefCasePopover }, caseViewTypes.map((option, index) => (React.createElement(SelectOption, Object.assign({ "data-index": index, key: index, value: option.value }, (option.description && { description: option.description })))))))),
+                    React.createElement(PreferenceSelect, { onSelect: (event, selection) => onPrefCaseViewSelect(event, selection), selections: caseViewPrefSelection(), id: defaultCaseViewID, label: prefCasePopover }, caseViewTypes.map((option, index) => (React.createElement(SelectOption, Object.assign({ "data-index": index, key: index, value: option.value }, (option.description && { description: option.description })))))))),
                 React.createElement("div", { className: "form-group" },
                     React.createElement(PreferenceSelect, { onSelect: onCommentSelect, selections: setOptionCase(originalCommentType, false), id: defaultCommentTitleID, label: "Default comment type" }, commentTypes.map((option, index) => (React.createElement(SelectOption, { key: index, value: setOptionCase(option, false) }))))),
                 React.createElement("div", { className: "form-group" },
@@ -217,6 +216,6 @@ export function PreferencesCaseView(props) {
                         React.createElement(PreferenceSwitch, { id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
                         React.createElement("div", { className: "prefhostnameTooltip" },
                             React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
-                                React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm" })),
-                            isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
+                                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm" })),
+                            isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
 }

package/lib/esm/components/ManageTable/ManageTable.d.ts

@@ -1,5 +1,4 @@
 import { AlertVariant } from '@patternfly/react-core';
-import { IActions, IActionsResolver, IAreActionsDisabled } from '@patternfly/react-table';
 import { IColumn, ISortInfo } from '@rh-support/components';
 import React from 'react';
 interface IProps {
@@ -14,9 +13,9 @@ interface IProps {
     isError: boolean;
     pagination?: boolean;
     keepPageNumberOnDataChange?: boolean;
-    actions?: IActions;
-    areActionsDisabled?: IAreActionsDisabled;
-    actionResolver?: IActionsResolver;
+    actions?: any;
+    areActionsDisabled?: any;
+    actionResolver?: any;
     noResultText?: string;
     perPage?: number;
 }

package/lib/esm/components/ManageTable/ManageTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAA4C,MAAM,wBAAwB,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoDxC"}
+{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAMf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,SAAS,EAA4C,MAAM,wBAAwB,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoDxC"}

package/lib/esm/components/ManageTable/ManageTable.js

@@ -9,34 +9,27 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Alert, AlertActionCloseButton, Bullseye, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, PaginationVariant, } from '@patternfly/react-core';
-import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { Alert, AlertActionCloseButton, Bullseye, EmptyState, EmptyStateBody, EmptyStateVariant, PaginationVariant, } from '@patternfly/react-core';
+// Removed direct imports from @patternfly/react-table to avoid version conflicts
 import { PFTable, TableComponent, TablePagination } from '@rh-support/components';
 import React from 'react';
 import { Trans } from 'react-i18next';
-const noResultFoundRow = (noResultString = '') => [
-    {
-        heightAuto: true,
-        cells: [
-            {
-                props: { colSpan: 10 },
-                title: (React.createElement(Bullseye, null,
-                    React.createElement(EmptyState, { variant: EmptyStateVariant.xs },
-                        React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null,
-                                React.createElement(Trans, null, "No results found")), icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }), headingLevel: "h3" }),
-                        React.createElement(EmptyStateBody, null, noResultString ? noResultString : React.createElement(Trans, null, "There are no results to display."))))),
-            },
-        ],
-    },
-];
+const noResultFoundRow = (noResultString = '') => ({
+    heightAuto: true,
+    colSpan: 10,
+    content: (React.createElement(Bullseye, null,
+        React.createElement(EmptyState, { headingLevel: "h3", titleText: React.createElement(React.Fragment, null,
+                React.createElement(Trans, null, "No results found")), variant: EmptyStateVariant.xs },
+            React.createElement(EmptyStateBody, null, noResultString ? noResultString : React.createElement(Trans, null, "There are no results to display."))))),
+});
 export function ManageTable(props) {
     const { ariaLabel, errorComponent, errorTitle, errorVariant, isError, isFetching, sortInfo, actions, keepPageNumberOnDataChange, areActionsDisabled, actionResolver } = props, tableProps = __rest(props, ["ariaLabel", "errorComponent", "errorTitle", "errorVariant", "isError", "isFetching", "sortInfo", "actions", "keepPageNumberOnDataChange", "areActionsDisabled", "actionResolver"]);
     const pagination = () => (props.pagination !== undefined ? props.pagination : true);
     return (React.createElement("div", { className: "table-wrapper" },
         isError && (React.createElement(React.Fragment, null,
-            React.createElement(Alert, { variant: errorVariant, isInline: true, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null), className: "pf-v5-u-my-sm" }, errorComponent))),
+            React.createElement(Alert, { variant: errorVariant, isInline: true, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null), className: "pf-v6-u-my-sm" }, errorComponent))),
         React.createElement(TableComponent, Object.assign({}, tableProps),
-            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: pagination(), emptyStateRow: noResultFoundRow(props.noResultText), actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
+            React.createElement(PFTable, Object.assign({ sortInfo: sortInfo, "aria-label": ariaLabel, pagination: pagination(), emptyStateRow: noResultFoundRow(props.noResultText) }, (actions && { actions }), (areActionsDisabled && { areActionsDisabled }), (actionResolver && { actionResolver }), { isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange })),
             tableProps.data.length > 0 && pagination() && (React.createElement("footer", null,
                 React.createElement(TablePagination, { variant: PaginationVariant.bottom, perPage: props.perPage || 10 }))))));
 }

package/lib/esm/components/ManageTags/TagsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAyYlC"}
+{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBA8XlC"}

package/lib/esm/components/ManageTags/TagsManager.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { ActionList, ActionListItem, Bullseye, Button, ButtonVariant, EmptyState, EmptyStateVariant, Flex, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, Spinner, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { ActionList, ActionListItem, Bullseye, Button, ButtonVariant, EmptyState, EmptyStateVariant, Flex, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, Spinner, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
@@ -191,18 +191,12 @@ export default function TagsManager() {
             cellWidth: 10,
             cell: (id) => (React.createElement(ActionList, { isIconList: true },
                 React.createElement(ActionListItem, null,
-                    React.createElement(Button, { variant: "plain", "data-tracking-id": "edit-tag", "aria-label": `edit tag ${tagsByIds[id].tagName}`, onClick: () => onEditTagClick(tagsByIds[id]) },
-                        React.createElement(PencilAltIcon, null))),
+                    React.createElement(Button, { icon: React.createElement(PencilAltIcon, null), variant: "plain", "data-tracking-id": "edit-tag", "aria-label": `edit tag ${tagsByIds[id].tagName}`, onClick: () => onEditTagClick(tagsByIds[id]) })),
                 React.createElement(ActionListItem, null,
-                    React.createElement(Button, { "aria-label": `delete tag ${tagsByIds[id].tagName}`, variant: "plain", "data-tracking-id": "delete-tag", onClick: () => onDeleteTagClick(tagsByIds[id]) },
-                        React.createElement(TrashIcon, null))))),
+                    React.createElement(Button, { icon: React.createElement(TrashIcon, null), "aria-label": `delete tag ${tagsByIds[id].tagName}`, variant: "plain", "data-tracking-id": "delete-tag", onClick: () => onDeleteTagClick(tagsByIds[id]) })))),
         },
     ];
-    const CreateTagModel = (React.createElement(Modal, { title: t('Create a tag'), onClose: onCancelCreateNewTag, isOpen: createTagModalOpen, actions: [
-            React.createElement(Button, { key: "create-tag", variant: ButtonVariant.primary, onClick: onCreateNewTag, isLoading: isCreatingNewTag, isDisabled: !isEmpty(createTagError) || isCreatingNewTag },
-                React.createElement(Trans, null, "Create")),
-            React.createElement(Button, { key: "cancel-create-tag", variant: ButtonVariant.link, onClick: onCancelCreateNewTag }, "Cancel"),
-        ] },
+    const CreateTagModel = (React.createElement(Modal, { title: t('Create a tag'), onClose: onCancelCreateNewTag, isOpen: createTagModalOpen },
         React.createElement(FormGroup, { label: "Tag name", isRequired: true },
             React.createElement(TextInput, { isRequired: true, type: "text", id: "create-new-tag-text-input", value: newTagName, onChange: (e, v) => {
                     setNewTagName(v);
@@ -210,12 +204,12 @@ export default function TagsManager() {
                 }, placeholder: t('Enter a unique name to create a tag'), validated: isEmpty(createTagError) ? 'default' : 'error' }),
             !isEmpty(createTagError) && (React.createElement(FormHelperText, null,
                 React.createElement(HelperText, null,
-                    React.createElement(HelperTextItem, { variant: "error" }, createTagError)))))));
-    const EditTagModal = (React.createElement(Modal, { title: t('Edit Tag'), isOpen: editTagModalOpen, onClose: onEditCancel, actions: [
-            React.createElement(Button, { key: "edit-tag", variant: ButtonVariant.primary, onClick: onEditTagConfirm, isLoading: isEditingTagName, isDisabled: !isEmpty(editTagError) || isEditingTagName },
-                React.createElement(Trans, null, "Save")),
-            React.createElement(Button, { key: "cancel-edit-tag", variant: ButtonVariant.link, onClick: onEditCancel }, "Cancel"),
-        ] },
+                    React.createElement(HelperTextItem, { variant: "error" }, createTagError))))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "create-tag", variant: ButtonVariant.primary, onClick: onCreateNewTag, isLoading: isCreatingNewTag, isDisabled: !isEmpty(createTagError) || isCreatingNewTag },
+                React.createElement(Trans, null, "Create")),
+            React.createElement(Button, { key: "cancel-create-tag", variant: ButtonVariant.link, onClick: onCancelCreateNewTag }, "Cancel"))));
+    const EditTagModal = (React.createElement(Modal, { title: t('Edit Tag'), isOpen: editTagModalOpen, onClose: onEditCancel },
         React.createElement(FormGroup, { label: "Tag name", isRequired: true },
             React.createElement(TextInput, { isRequired: true, type: "text", id: "edit-tag-text-input", value: editTagName, onChange: (e, v) => {
                     setEditTagName(v);
@@ -223,32 +217,35 @@ export default function TagsManager() {
                 }, placeholder: t('Enter a unique name for this tag') }),
             !isEmpty(editTagError) && (React.createElement(FormHelperText, null,
                 React.createElement(HelperText, null,
-                    React.createElement(HelperTextItem, { variant: "error" }, editTagError)))))));
-    const DeleteTagModel = () => (React.createElement(Modal, { title: t('Are you sure?'), isOpen: deleteTagModalOpen, onClose: () => setDeleteTagModalOpen(false), actions: [
+                    React.createElement(HelperTextItem, { variant: "error" }, editTagError))))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "edit-tag", variant: ButtonVariant.primary, onClick: onEditTagConfirm, isLoading: isEditingTagName, isDisabled: !isEmpty(editTagError) || isEditingTagName },
+                React.createElement(Trans, null, "Save")),
+            React.createElement(Button, { key: "cancel-edit-tag", variant: ButtonVariant.link, onClick: onEditCancel }, "Cancel"))));
+    const DeleteTagModel = () => (React.createElement(Modal, { title: t('Are you sure?'), isOpen: deleteTagModalOpen, onClose: () => setDeleteTagModalOpen(false) },
+        React.createElement(Trans, null, "Deleting this tag will permanently untag all content associated with it. Are you sure you want to proceed?"),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "delete-tag", variant: ButtonVariant.danger, onClick: onDeleteTagConfirm, isLoading: isDeletingTag, isDisabled: isDeletingTag },
                 React.createElement(Trans, null, "Yes, I am sure")),
-            React.createElement(Button, { key: "cancel-delete-tag", variant: ButtonVariant.link, onClick: () => setDeleteTagModalOpen(false) }, "Cancel"),
-        ] },
-        React.createElement(Trans, null, "Deleting this tag will permanently untag all content associated with it. Are you sure you want to proceed?")));
+            React.createElement(Button, { key: "cancel-delete-tag", variant: ButtonVariant.link, onClick: () => setDeleteTagModalOpen(false) }, "Cancel"))));
     return (React.createElement(React.Fragment, null,
         CreateTagModel,
         EditTagModal,
         React.createElement(DeleteTagModel, null),
         React.createElement("header", null,
             React.createElement("h2", null, "Tags"),
-            React.createElement("p", { className: "pf-v5-u-my-sm" },
+            React.createElement("p", { className: "pf-v6-u-my-sm" },
                 React.createElement(Trans, null, "Add, edit or remove tags and manage tagged top content."))),
         React.createElement("div", { className: "toolbar" },
-            React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, className: "pf-v5-u-w-100" },
+            React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, className: "pf-v6-u-w-100" },
                 React.createElement("label", { htmlFor: "tag-search-input" },
                     React.createElement(Trans, null, "Search Tag")),
-                React.createElement("div", { className: "pf-v5-u-flex-grow-1" },
+                React.createElement("div", { className: "pf-v6-u-flex-grow-1" },
                     React.createElement(TextInputGroup, null,
                         React.createElement(TextInputGroupMain, { type: "text", id: "tag-search-input", placeholder: t('Search for a tag'), icon: React.createElement(SearchIcon, null), value: tagSearchTerm, onChange: (e, v) => setTagSearchTerm(v) }),
                         !isEmpty(tagSearchTerm) && (React.createElement(TextInputGroupUtilities, null,
-                            React.createElement(Button, { variant: "plain", onClick: onSearchClear, "aria-label": "Clear button and input" },
-                                React.createElement(TimesIcon, null)))))),
-                React.createElement("span", { className: "pf-v5-u-ml-sm" },
+                            React.createElement(Button, { icon: React.createElement(TimesIcon, null), variant: "plain", onClick: onSearchClear, "aria-label": "Clear button and input" }))))),
+                React.createElement("span", { className: "pf-v6-u-ml-sm" },
                     React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => {
                             setCreateTagModalOpen(true);
                             setNewTagName(tagSearchTerm);

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,sBA0NpD,CAAC"}
+{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,sBAyNpD,CAAC"}

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { customEmail } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import { isEmailValid } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
@@ -105,18 +105,7 @@ export const NotificationEmailsModal = (props) => {
         const specialCharRegex = /[^a-zA-Z0-9\s]/;
         return specialCharRegex.test(s);
     };
-    return (React.createElement(Modal, { id: "Add-edit-notification-email-modal", className: "pf-modal-overflow-visible", title: t('Edit notification email'), "aria-describedby": "Add-edit-notification-email-modal", isOpen: props.isOpen, onClose: props.onClose, showClose: true, onEscapePress: props.onClose, variant: ModalVariant.medium, actions: [
-            React.createElement(Button, { key: "save", variant: ButtonVariant.primary, onClick: save, isDisabled: !isFormDirty() ||
-                    isUpdating ||
-                    isAdding ||
-                    !isValidFirstName ||
-                    !isValidLastName ||
-                    !isValidEmail ||
-                    isEmailDuplicate, spinnerAriaValueText: isUpdating || isAdding ? t('Adding') : undefined, isLoading: isUpdating || isAdding },
-                React.createElement(Trans, null, "Save")),
-            React.createElement(Button, { key: "cancel", isDisabled: isLoading, variant: ButtonVariant.secondary, onClick: close },
-                React.createElement(Trans, null, "Cancel")),
-        ] },
+    return (React.createElement(Modal, { id: "Add-edit-notification-email-modal", className: "pf-modal-overflow-visible", title: t('Edit notification email'), "aria-describedby": "Add-edit-notification-email-modal", isOpen: props.isOpen, onClose: props.onClose, onEscapePress: props.onClose, variant: ModalVariant.medium },
         React.createElement(Form, null,
             React.createElement(FormGroup, { label: t('Email address'), isRequired: true, fieldId: "email-notification-first-emailaddress" },
                 React.createElement(TextInput, { value: email, isRequired: true, type: "text", onChange: (_event, localemail) => onEmailChange(localemail), "aria-label": t('Email address'), placeholder: t('Email address'), maxLength: 254, validated: isValidEmail && !isEmailDuplicate ? ValidatedOptions.default : ValidatedOptions.error, isDisabled: !props.isAddingNotificationEmail }),
@@ -135,5 +124,16 @@ export const NotificationEmailsModal = (props) => {
                 !isValidLastName && (React.createElement(FormHelperText, null,
                     React.createElement(HelperText, null,
                         React.createElement(HelperTextItem, { variant: ValidatedOptions.error },
-                            React.createElement(Trans, null, "Last name cannot contain special characters")))))))));
+                            React.createElement(Trans, null, "Last name cannot contain special characters"))))))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "save", variant: ButtonVariant.primary, onClick: save, isDisabled: !isFormDirty() ||
+                    isUpdating ||
+                    isAdding ||
+                    !isValidFirstName ||
+                    !isValidLastName ||
+                    !isValidEmail ||
+                    isEmailDuplicate, spinnerAriaValueText: isUpdating || isAdding ? t('Adding') : undefined, isLoading: isUpdating || isAdding },
+                React.createElement(Trans, null, "Save")),
+            React.createElement(Button, { key: "cancel", isDisabled: isLoading, variant: ButtonVariant.secondary, onClick: close },
+                React.createElement(Trans, null, "Cancel")))));
 };

package/lib/esm/components/NotificationEmails/index.js

@@ -63,7 +63,6 @@ export function NotificationEmails() {
             yield confirmation({
                 catchOnCancel: true,
                 confirmText: t('Yes, I am sure'),
-                confirmButtonVariant: ButtonVariant.danger,
                 description: (React.createElement("strong", null,
                     React.createElement(Trans, null, "Are you sure you want to remove this notification email?"))),
             });
@@ -163,12 +162,12 @@ export function NotificationEmails() {
             React.createElement("div", { className: "toolbar-left" },
                 React.createElement("label", { htmlFor: "notification-emails-input" }, t('Add an Email')),
                 React.createElement(TextInput, { id: "notification-email-input", placeholder: t('Enter a valid email address'), "aria-label": t('Enter a valid email address'), onChange: (_event, email) => onEmailInputBoxChange(email) }),
-                React.createElement("span", { className: "pf-v5-u-ml-sm" },
+                React.createElement("span", { className: "pf-v6-u-ml-sm" },
                     React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: addEmail, "data-tracking-id": "email-address-add-button", isDisabled: isAddButtonDisabled },
                         React.createElement(Trans, null, "Add")))),
             React.createElement("div", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "search-notification-emails-selector" }, t('Filter by')),
-                React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100", id: "search-notification-emails-selector", placeholder: t('Search for an existing email'), value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": t('Search for an existing email') }))),
+                React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", id: "search-notification-emails-selector", placeholder: t('Search for an existing email'), value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": t('Search for an existing email') }))),
         React.createElement(ManageTable, { ariaLabel: t('Table to manage Notification emails'), columns: columns, data: emailLists || [], sortInfo: { column: 'first-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: accountCustomEmails.isFetching, isError: accountCustomEmails.isError, errorTitle: t('Notification emails error'), errorComponent: React.createElement(Trans, null, "Could not get notification emails"), actionResolver: emailLists && emailLists.length !== 0 ? actionResolver : null, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
         React.createElement(NotificationEmailsModal, { isOpen: isEditModalOpen, onClose: onModalClose, selectedEmailNotification: selectedEmailNotification, onUpdate: onUpdate, onAdd: onAdd, accountNumber: loggedInUserJwtToken.account_number, isAddingNotificationEmail: isAddingNotificationEmail, emailsList: (accountCustomEmails.data || []).map((e) => e.emailAddress) })));
 }

package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryLimit.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/CategoryLimit/CategoryLimit.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,QAAA,MAAM,aAAa,EAAE,EAgCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CategoryLimit.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/CategoryLimit/CategoryLimit.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,QAAA,MAAM,aAAa,EAAE,EAmCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimit.js

@@ -13,9 +13,8 @@ const CategoryLimit = () => {
                         hide();
                         setModalOpen(true);
                     } }, "Review guidelines."))) },
-            React.createElement(Button, { variant: "plain" },
-                React.createElement(Icon, { size: "md" },
-                    React.createElement(CircleInfo, null)))),
+            React.createElement(Button, { icon: React.createElement(Icon, { size: "md" },
+                    React.createElement(CircleInfo, null)), variant: "plain" })),
         React.createElement(CategoryLimitGuidelines, { isModalOpen: isModalOpen, onHideModal: onHideModal })));
 };
 export default CategoryLimit;

package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimitGuidelines.js

@@ -1,17 +1,17 @@
-import { Button, ButtonVariant, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import { Button, ButtonVariant, Modal, ModalFooter, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
 import React from 'react';
 import { Trans } from 'react-i18next';
 import { CATEGORY_LIMIT, DIGIT_WORD_MAP } from '../../../constants/TopContent';
 import QuestionAnswer from './QuestionAnswer';
 export const CategoryLimitGuidelines = ({ isModalOpen, onHideModal }) => {
-    return (React.createElement(Modal, { variant: ModalVariant.medium, id: "top-content-category-limit-guidelines", "aria-label": "top-content-category-limit-guidelines", isOpen: isModalOpen, onClose: onHideModal, actions: [
-            React.createElement(Button, { variant: ButtonVariant.secondary, key: "close-button", onClick: onHideModal }, "Cancel"),
-        ] },
+    return (React.createElement(Modal, { variant: ModalVariant.medium, id: "top-content-category-limit-guidelines", "aria-label": "top-content-category-limit-guidelines", isOpen: isModalOpen, onClose: onHideModal },
         React.createElement(Title, { headingLevel: "h1", size: TitleSizes['2xl'] },
             React.createElement(Trans, null, " Top content guideline ")),
         React.createElement(Trans, null,
-            React.createElement("p", { className: "pf-v5-u-pt-sm" }, "Guidelines and limitations for top content resources.")),
+            React.createElement("p", { className: "pf-v6-u-pt-sm" }, "Guidelines and limitations for top content resources.")),
         React.createElement(QuestionAnswer, { question: "What is top content?", answer: "Top content is defined as the top resource for given product and version that will provide the most value for our customer and the highest likelihood for case deflection." }),
         React.createElement(QuestionAnswer, { question: "What is not top content", answer: "Resource that are accessible in other parts of the customer journey throughout the Customer Portal. For example, labs are not a top content resource. " }),
-        React.createElement(QuestionAnswer, { question: "Category and link restrictions", answer: `we allow for a minimum of ${DIGIT_WORD_MAP[CATEGORY_LIMIT.MIN]} and max ${DIGIT_WORD_MAP[CATEGORY_LIMIT.MAX]} categories, and links within each category.` })));
+        React.createElement(QuestionAnswer, { question: "Category and link restrictions", answer: `we allow for a minimum of ${DIGIT_WORD_MAP[CATEGORY_LIMIT.MIN]} and max ${DIGIT_WORD_MAP[CATEGORY_LIMIT.MAX]} categories, and links within each category.` }),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { variant: ButtonVariant.secondary, key: "close-button", onClick: onHideModal }, "Cancel"))));
 };

package/lib/esm/components/TopContentManagement/CategoryLimit/QuestionAnswer.js

@@ -1,7 +1,7 @@
 import { Title } from '@patternfly/react-core';
 import React from 'react';
 import { Trans } from 'react-i18next';
-const QuestionAnswer = ({ question, answer }) => (React.createElement("div", { className: "pf-v5-u-pt-lg" },
+const QuestionAnswer = ({ question, answer }) => (React.createElement("div", { className: "pf-v6-u-pt-lg" },
     React.createElement(Title, { headingLevel: "h6", size: "md" },
         React.createElement(Trans, null,
             " ",

package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/ContentAccordion.tsx"],"names":[],"mappings":"AAUA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAG3E,UAAU,MAAM;IACZ,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAsEvC,CAAC"}
+{"version":3,"file":"ContentAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/ContentAccordion.tsx"],"names":[],"mappings":"AAUA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAG3E,UAAU,MAAM;IACZ,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,MAAM,CA+DvC,CAAC"}

package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.js

@@ -23,13 +23,13 @@ export const ContentAccordion = ({ contentList, selectedVersion }) => {
                             created: formatDate(updatedOn || createdOn),
                             by: updatedBy || createdBy,
                         });
-                        return (React.createElement(AccordionItem, { key: topContentId },
-                            React.createElement(AccordionToggle, { onClick: onToggle(topContentId), isExpanded: expanded === topContentId, id: contentTitle },
-                                React.createElement("span", { className: isAttentionNeeded ? 'pf-v5-u-danger-color-200' : '' },
+                        return (React.createElement(AccordionItem, { isExpanded: expanded === topContentId, key: topContentId },
+                            React.createElement(AccordionToggle, { onClick: onToggle(topContentId), id: contentTitle },
+                                React.createElement("span", { className: isAttentionNeeded ? 'pf-v6-u-danger-color-200' : '' },
                                     ' ',
                                     contentTitle)),
-                            React.createElement(AccordionContent, { id: contentTitle, isHidden: expanded !== topContentId },
-                                React.createElement("span", { className: "pf-v5-u-font-size-sm" }, lastModifiedBy),
+                            React.createElement(AccordionContent, { id: contentTitle },
+                                React.createElement("span", { className: "pf-v6-u-font-size-sm" }, lastModifiedBy),
                                 React.createElement("br", null),
                                 React.createElement("br", null),
                                 React.createElement(PerformanceMetricClickCount, { needsAttention: isAttentionNeeded, contentId: topContentId, selectedVersion: selectedVersion }))));

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.js

@@ -1,15 +1,15 @@
-import { Button, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import { Button, Modal, ModalFooter, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
 import React from 'react';
 import { Trans } from 'react-i18next';
 import { PerformanceMetricClickCount } from './PerformanceMetricClickCount';
 export const PerformanceMetrics = ({ isModalOpen, onHideModal, needsAttention, contentId, title, lastModifiedBy, selectedVersion, }) => {
-    return (React.createElement(Modal, { variant: ModalVariant.small, id: "top-content-performance-metric", "aria-label": "top-content-performance-metric", isOpen: isModalOpen, onClose: onHideModal, actions: [
-            React.createElement(Button, { variant: "secondary", key: "close-button", onClick: onHideModal }, "Cancel"),
-        ] },
+    return (React.createElement(Modal, { variant: ModalVariant.small, id: "top-content-performance-metric", "aria-label": "top-content-performance-metric", isOpen: isModalOpen, onClose: onHideModal },
         React.createElement(Title, { headingLevel: "h1", size: TitleSizes['2xl'] },
             React.createElement(Trans, null, " Performance metrics ")),
-        React.createElement("p", { className: "pf-v5-u-pb-lg pf-v5-u-pt-sm" }, "Better understand the Performance for the top content resources."),
-        React.createElement("div", { className: "pf-v5-u-pb-xs top-content-tooltip-view-metric-label" }, title),
-        React.createElement("div", { className: "pf-v5-u-pb-lg" }, lastModifiedBy),
-        React.createElement(PerformanceMetricClickCount, { needsAttention: needsAttention, contentId: contentId, selectedVersion: selectedVersion })));
+        React.createElement("p", { className: "pf-v6-u-pb-lg pf-v6-u-pt-sm" }, "Better understand the Performance for the top content resources."),
+        React.createElement("div", { className: "pf-v6-u-pb-xs top-content-tooltip-view-metric-label" }, title),
+        React.createElement("div", { className: "pf-v6-u-pb-lg" }, lastModifiedBy),
+        React.createElement(PerformanceMetricClickCount, { needsAttention: needsAttention, contentId: contentId, selectedVersion: selectedVersion }),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { variant: "secondary", key: "close-button", onClick: onHideModal }, "Cancel"))));
 };

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.d.ts

@@ -1,9 +1,8 @@
-import { SelectOptionObject } from '@patternfly/react-core/deprecated';
-import React, { FC } from 'react';
+import { FC } from 'react';
 interface IProps {
     placeholderText: string;
     title: string;
-    onSelectCallback: (event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
+    onSelectCallback: (value: string, isPlaceholder?: boolean) => void;
     options: Array<any>;
     optionValue: (option: any) => string;
     isLoading?: boolean;

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceMetricsSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,kBAAkB,EAAiB,MAAM,mCAAmC,CAAC;AAC5G,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,UAAU,MAAM;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,EAC3C,KAAK,EAAE,MAAM,GAAG,kBAAkB,EAClC,aAAa,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;IACV,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,WAAW,EAAE,CAAC,MAAM,KAAA,KAAK,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CAuC/C,CAAC"}
+{"version":3,"file":"PerformanceMetricsSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,UAAU,MAAM;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,WAAW,EAAE,CAAC,MAAM,KAAA,KAAK,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CA2C/C,CAAC"}

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.js

@@ -1,20 +1,27 @@
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
+import { SingleSelectDropdown } from '@rh-support/components';
 import React, { useState } from 'react';
 import { Trans } from 'react-i18next';
 export const PerformanceMetricsSelect = ({ placeholderText, title, onSelectCallback, options, optionValue, isLoading = false, isDisabled, }) => {
-    const [isOpen, setOpen] = useState(false);
     const [selected, setSelected] = useState(null);
-    const onToggle = (isOpen) => setOpen(isOpen);
-    const onSelect = (e, selected) => {
-        setSelected(selected);
-        onSelectCallback(e, selected);
-        setOpen(false);
+    const onSelect = (selected) => {
+        setSelected(selected.value);
+        onSelectCallback(selected.value);
+    };
+    const getSelectedDropdownOption = {
+        label: selected,
+        value: selected,
+    };
+    const getDropdownOptions = (options) => {
+        return options.map((option) => ({
+            label: optionValue(option),
+            value: optionValue(option),
+        }));
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "pf-v5-u-font-weight-bold" },
+        React.createElement("div", { className: "pf-v6-u-font-weight-bold" },
             React.createElement(Trans, null,
                 " ",
                 title,
                 " ")),
-        React.createElement(Select, { variant: SelectVariant.single, placeholderText: placeholderText, "aria-label": "Select Input with descriptions", onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, selections: selected, isOpen: isOpen, isDisabled: isDisabled || isLoading }, options.map((option, index) => (React.createElement(SelectOption, { key: index, value: optionValue(option) }))))));
+        React.createElement(SingleSelectDropdown, { placeholder: placeholderText, ariaLabel: "Select Input with descriptions", options: getDropdownOptions(options), onSelect: onSelect, isDisabled: isDisabled || isLoading, selected: getSelectedDropdownOption })));
 };

package/lib/esm/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VersionPerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAUhE,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,MAAM,CAsGhD,CAAC"}
+{"version":3,"file":"VersionPerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.tsx"],"names":[],"mappings":"AAcA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAUhE,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,MAAM,CAsGhD,CAAC"}

package/lib/esm/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Flex, FlexItem, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import { Button, ButtonVariant, Flex, FlexItem, Modal, ModalFooter, ModalVariant, Title, TitleSizes, } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useMemo, useState } from 'react';
@@ -27,7 +27,7 @@ export const VersionPerformanceMetrics = ({ isModalOpen, onHideModal, selectedVe
     const { categoryUsage } = useTopContentContext();
     const { request: getTopContent, isFetching: isTopContentLoading, data: topContent, } = useFetch(pcm.topContent.getTopContent, { initialData: [] });
     const flagContentEditState = useMemo(() => flagContentUsage(topContent, categoryUsage, selectedVersion), [topContent, categoryUsage, selectedVersion]);
-    const onVersionSelect = (e, selectedOption) => __awaiter(void 0, void 0, void 0, function* () {
+    const onVersionSelect = (selectedOption) => __awaiter(void 0, void 0, void 0, function* () {
         setVersion(selectedOption);
         getTopContent &&
             (yield getTopContent({
@@ -49,21 +49,21 @@ export const VersionPerformanceMetrics = ({ isModalOpen, onHideModal, selectedVe
         onHideModal();
     };
     const versionOptions = isMajorProjectVersion ? versionDifference : [selectedVersionProp];
-    return (React.createElement(Modal, { variant: ModalVariant.large, id: "top-content-major-version-performance-metric", "aria-label": "top-content-performance-metric", isOpen: isModalOpen, onClose: onModalClose, actions: [
-            React.createElement(Button, { variant: ButtonVariant.secondary, key: "close-button", onClick: onModalClose },
-                React.createElement(Trans, null, "Cancel")),
-        ], className: "performance-metrics-modal" },
+    return (React.createElement(Modal, { variant: ModalVariant.large, id: "top-content-major-version-performance-metric", "aria-label": "top-content-performance-metric", isOpen: isModalOpen, onClose: onModalClose, className: "performance-metrics-modal" },
         React.createElement("div", { className: "sticky-header" },
             React.createElement(Title, { headingLevel: "h1", size: TitleSizes['2xl'] },
                 React.createElement(Trans, null, " Performance metrics ")),
-            React.createElement("p", { className: "pf-v5-u-pt-sm" },
+            React.createElement("p", { className: "pf-v6-u-pt-sm" },
                 React.createElement(Trans, null, "Better understand the Performance for the top content resources.")),
             React.createElement("br", null),
             React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
-                React.createElement(FlexItem, { className: "pf-v5-u-w-50 pf-v5-u-pr-md", style: { marginRight: 'unset' } },
+                React.createElement(FlexItem, { className: "pf-v6-u-w-50 pf-v6-u-pr-md", style: { marginRight: 'unset' } },
                     React.createElement(PerformanceMetricsSelect, { placeholderText: t(!isEmpty(versionOptions) ? 'Select a version' : 'No versions available'), title: t(`Version using ${selectedVersionProp}`), onSelectCallback: onVersionSelect, options: versionOptions, optionValue: (option) => option, isLoading: isLoading, isDisabled: isEmpty(versionOptions) })),
-                React.createElement(FlexItem, { className: "pf-v5-u-w-50 pf-v5-u-pl-md" },
-                    React.createElement(PerformanceMetricsSelect, { placeholderText: t('select a category'), title: t('Categories'), options: flagContentEditState, optionValue: (option) => option.categoryName, onSelectCallback: (e, selectedOption) => setSelectedCategory(selectedOption), isLoading: !selectedVersion || isTopContentLoading })))),
+                React.createElement(FlexItem, { className: "pf-v6-u-w-50 pf-v6-u-pl-md" },
+                    React.createElement(PerformanceMetricsSelect, { placeholderText: t('select a category'), title: t('Categories'), options: flagContentEditState, optionValue: (option) => option.categoryName, onSelectCallback: (selectedOption) => setSelectedCategory(selectedOption), isLoading: !selectedVersion || isTopContentLoading })))),
         React.createElement("br", null),
-        React.createElement(ContentAccordion, { contentList: selectedContent, selectedVersion: selectedVersion })));
+        React.createElement(ContentAccordion, { contentList: selectedContent, selectedVersion: selectedVersion }),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { variant: ButtonVariant.secondary, key: "close-button", onClick: onModalClose },
+                React.createElement(Trans, null, "Cancel")))));
 };

package/lib/esm/components/TopContentManagement/NoTopContentFound.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoTopContentFound.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/NoTopContentFound.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CACX,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,EACf,mCAAmC,CAAC,EAAE,OAAO,KAC5C,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,4BAA4B,GAC/B,EAAE,MAAM,qBA8FR"}
+{"version":3,"file":"NoTopContentFound.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/NoTopContentFound.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CACX,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,EACf,mCAAmC,CAAC,EAAE,OAAO,KAC5C,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,4BAA4B,GAC/B,EAAE,MAAM,qBA+FR"}