@rh-support/manage 2.5.36 → 2.5.38

package/lib/esm/components/Configs/ConfigsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,YAAY,yBA4JxB,CAAC"}
+{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,YAAY,yBA6JxB,CAAC"}

package/lib/esm/components/Configs/ConfigsTable.js

@@ -13,11 +13,12 @@ import { defaultTableSortMethod, ErrorBoundary, ToastNotification, useFetch } fr
 import { formatDate } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
-import { Trans } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { ManageTable } from '../ManageTable/ManageTable';
 import { ConfigInLineEdit } from './ConfigInLineEdit';
 import { ConfigSwitch } from './ConfigSwitch';
 export const ConfigsTable = () => {
+    const { t } = useTranslation();
     const [configValues, setConfigValues] = useState([]);
     const [filteredValues, setFilteredValues] = useState([]);
     const [searchString, setSearchString] = useState('');
@@ -122,5 +123,5 @@ export const ConfigsTable = () => {
                     React.createElement(Trans, null, "Filter by")),
                 React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: 'There was an error loading config page' } },
-            React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: 'Table to manage pcm config', columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
+            React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: t('Table to manage pcm config'), columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
 };

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpiredContentManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentManager.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAqH5C"}
+{"version":3,"file":"ExpiredContentManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentManager.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAsH5C"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.js

@@ -59,7 +59,7 @@ export default function ExipredContentManager() {
                 React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center pf-v6-u-justify-content-flex-end" },
                     React.createElement("label", { htmlFor: 'tag-selector' },
                         React.createElement(Trans, null, "All tags")),
-                    React.createElement(TagsSelector, { tagOptions: availableTags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: expiredContentResponse.isFetching })))),
+                    React.createElement(TagsSelector, { typeahead: true, tagOptions: availableTags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: expiredContentResponse.isFetching })))),
         React.createElement("div", { className: "expired-content-manage-wrapper pf-v6-u-p-md", ref: expiredContentResultsRef }, expiredContentResponse.isFetching ? (React.createElement(Bullseye, null,
             React.createElement(EmptyState, { variant: EmptyStateVariant.full },
                 React.createElement(Spinner, { size: "lg" })))) : isEmpty(filteredEC) ? (React.createElement(EmptyState, { icon: SearchIcon, titleText: React.createElement(Trans, null, "No contents found"), variant: EmptyStateVariant.full },

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpiredContentSingleItemView.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentSingleItemView.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIjG,UAAU,MAAM;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACjD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,MAAM,qBA8NR"}
+{"version":3,"file":"ExpiredContentSingleItemView.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentSingleItemView.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIjG,UAAU,MAAM;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACjD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,MAAM,qBAgOR"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.js

@@ -24,6 +24,7 @@ export default function ExpiredContentSingleItemView({ category, content, onCanc
     const tagManagementEditState = useContext(TagManagementStateContext);
     const { tags: tagOptions } = tagManagementEditState;
     const ref = useRef(null);
+    const datePickerMenuAppendRef = useRef(null);
     const [isFetchingSolrSearch, setIsFetchingSolrSearch] = useState(false);
     const [localContentUrl, setLocalContentUrl] = useState(content.contentUrl);
     const [localContentTitle, setLocalContentTitle] = useState(content.contentTitle);
@@ -134,8 +135,8 @@ export default function ExpiredContentSingleItemView({ category, content, onCanc
                         React.createElement(FormGroup, { label: t('Tags') },
                             React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "expired-content-tag" }))),
                     React.createElement(FlexItem, null,
-                        React.createElement(FormGroup, { label: t('Expiry date') },
-                            React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
+                        React.createElement(FormGroup, { ref: datePickerMenuAppendRef, label: t('Expiry date') },
+                            React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format'), popoverProps: { position: 'top' } })))),
                 React.createElement("span", { className: "top-content-single-item-footer" },
                     React.createElement("span", null,
                         React.createElement(Button, { variant: "primary", onClick: onContentSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },

package/lib/esm/components/ManagePartnerships/NonOrgCustomerInfoModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonOrgCustomerInfoModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/NonOrgCustomerInfoModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,yBA2BnC,CAAC"}
+{"version":3,"file":"NonOrgCustomerInfoModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/NonOrgCustomerInfoModal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,yBA2BnC,CAAC"}

package/lib/esm/components/ManagePartnerships/NonOrgCustomerInfoModal.js

@@ -1,4 +1,4 @@
-import { Button, ButtonVariant, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
+import { Button, ButtonVariant, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 export const NonOrgCustomerInfoModal = () => {
@@ -7,8 +7,11 @@ export const NonOrgCustomerInfoModal = () => {
     const handleModalToggle = () => {
         setIsModalOpen(!isModalOpen);
     };
-    return (React.createElement(Modal, { variant: ModalVariant.small, title: t('Confirm partnership collaboration'), isOpen: isModalOpen, onClose: handleModalToggle },
-        React.createElement(Trans, null, "Only org admin customers can confirm partnership collaboration."),
+    return (React.createElement(Modal, { variant: ModalVariant.small, isOpen: isModalOpen, onClose: handleModalToggle },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Confirm partnership collaboration'))),
+        React.createElement(ModalBody, null,
+            React.createElement(Trans, null, "Only org admin customers can confirm partnership collaboration.")),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "cancel", variant: ButtonVariant.primary, onClick: handleModalToggle, "data-tracking-id": "confirm-partnership-collaboration-no-org-admin" },
                 React.createElement(Trans, null, "Cancel")))));

package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PartnershipsTermsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnershipsTermsModal.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,wBAAgB,SAAS,WAMxB;AAID,eAAO,MAAM,sBAAsB,yBAoMlC,CAAC"}
+{"version":3,"file":"PartnershipsTermsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnershipsTermsModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,wBAAgB,SAAS,WAMxB;AAID,eAAO,MAAM,sBAAsB,yBAsMlC,CAAC"}

package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Content, ContentVariants, Modal, ModalFooter, ModalVariant, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Content, ContentVariants, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import { LoadingDots, LoadingIndicator, ToastNotification } from '@rh-support/components';
 import { baseTnCUrl, TncConstants } from '@rh-support/utils';
@@ -115,8 +115,10 @@ export const PartnershipsTermsModal = () => {
             React.createElement(Trans, null, "A partner would like to collaborate with you for support when cases are shared. Please confirm the name below and continue to accept terms and conditions.")),
         React.createElement(Content, { className: "pf-v6-u-mt-lg" },
             React.createElement(Content, { component: ContentVariants.h3 }, linkAccountName))));
-    return (React.createElement(Modal, { id: "partnership-terms-and-conditions-modal", className: "pf-modal-overflow-visible", title: t('Confirm partnership collaboration'), isOpen: isTermsModalOpen, onClose: onClose, onEscapePress: onClose, variant: ModalVariant.large },
-        React.createElement(React.Fragment, null, isTermVisited ? modalContentWhenTermIsVisited() : modalContentBeforeTermVisited()),
+    return (React.createElement(Modal, { id: "partnership-terms-and-conditions-modal", className: "pf-modal-overflow-visible", isOpen: isTermsModalOpen, onClose: onClose, onEscapePress: onClose, variant: ModalVariant.large },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Confirm partnership collaboration'))),
+        React.createElement(ModalBody, null, isTermVisited ? modalContentWhenTermIsVisited() : modalContentBeforeTermVisited()),
         React.createElement(ModalFooter, null, !isTermVisited && !verificationFailMessage ? (React.createElement(React.Fragment, null,
             React.createElement(Button, { icon: React.createElement(ExternalLinkAltIcon, null), href: getTnCUrl(), component: "a", variant: ButtonVariant.primary, key: "go-to-agreement", "data-tracking-id": "go-to-agreement" },
                 '  ',

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC;AAID,eAAO,MAAM,yBAAyB,UAAW,MAAM,sBAgOtD,CAAC"}
+{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC;AAID,eAAO,MAAM,yBAAyB,UAAW,MAAM,sBAkOtD,CAAC"}

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalFooter, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
 import { ToastNotification, useCopyToClipboard } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useRef, useState } from 'react';
@@ -115,8 +115,10 @@ export const RequestCollaborationModal = (props) => {
         setIsCopyClicked(true);
     };
     const partnershipLinkId = 'partnership-link-id';
-    return (React.createElement(Modal, { id: "request-collaboration-modal", className: "pf-modal-overflow-visible", title: isRequestingAgain ? 'Request collaboration again' : 'Request collaboration', isOpen: props.isOpen, onClose: onClose, onEscapePress: onClose, variant: ModalVariant.large },
-        React.createElement(React.Fragment, null,
+    return (React.createElement(Modal, { id: "request-collaboration-modal", className: "pf-modal-overflow-visible", isOpen: props.isOpen, onClose: onClose, onEscapePress: onClose, variant: ModalVariant.large },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, isRequestingAgain ? t('Request collaboration again') : t('Request collaboration'))),
+        React.createElement(ModalBody, null,
             React.createElement("p", null, "Initiate a new collaboration by generating a unique link for your customer. Check the status under your requests to see if they accept or reject your collaboration."),
             React.createElement(Form, { className: "pf-v6-u-my-md" },
                 React.createElement(Grid, { sm: 12, md: 6, lg: 6 },
@@ -137,7 +139,7 @@ export const RequestCollaborationModal = (props) => {
                         React.createElement("code", { ref: clipboardRef }, generatedUrl)),
                     React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
                         React.createElement("button", { className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", "aria-hidden": "true", onClick: onClickOnCopyToClipboardButton, "data-tracking-id": "request-collaboration-link-copy-button", type: "button" }))),
-                React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-v6-u-danger-color-100' : '' },
+                React.createElement("p", { className: "pf-v6-u-text-color-status-danger" },
                     React.createElement(Trans, null,
                         ' ',
                         "Please ",

package/lib/esm/components/ManagePartnerships/Requests.js

@@ -110,12 +110,12 @@ export function Requests() {
         setIsRequestAgainModalOpen(true);
     };
     const actionResolver = (rowData) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         if (!rowData)
             return;
-        const friendlyName = ((_a = rowData.cells) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        const friendlyName = rowData === null || rowData === void 0 ? void 0 : rowData.friendlyName;
         //@ts-ignore
-        const status = ((_d = (_c = (_b = rowData.cells) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.status) || '';
+        const status = ((_c = (_b = (_a = rowData.cells) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.status) || '';
         return [
             ...(status === 'EXPIRED'
                 ? [
@@ -196,6 +196,7 @@ export function Requests() {
             catch (e) {
                 setIsFetchingStatuses(false);
                 ToastNotification.addDangerMessage(t('Failed to get partnership requests'));
+                console.error(e);
             }
             setIsUpdatingRequests(dispatch, false);
         });

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":"AA8BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBA4YlC"}
+{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAoZlC"}

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

@@ -18,7 +18,7 @@ import { isEmpty, isNull, isUndefined } from 'lodash';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { TagManagementDispatchContext, TagManagementStateContext } from '../../context/TagManagementContextProvider';
-import { createNewTags, deleteTag, fetchTopContentTags, updateTag } from '../../reducers/TagManagmentReducer';
+import { createNewTags, deleteTag, fetchTopContentTags, updateTag, } from '../../reducers/TagManagmentReducer';
 import { ManageTable } from '../ManageTable';
 export default function TagsManager() {
     const { t } = useTranslation();
@@ -49,16 +49,17 @@ export default function TagsManager() {
     };
     //filtering tags for user search
     const filteredTagIds = useMemo(() => {
+        const tagStates = Object.values(tagsByIds);
         if (isEmpty(tagSearchTerm))
-            return tags.map((t) => t.id);
+            return tagStates.map((t) => t.id);
         const filteredIds = [];
-        tags.forEach((t) => {
+        tagStates.forEach((t) => {
             if (t.tagName.toLowerCase().includes(tagSearchTerm.toLowerCase())) {
                 filteredIds.push(t.id);
             }
         });
         return filteredIds;
-    }, [tagSearchTerm, tags]);
+    }, [tagSearchTerm, tagsByIds]);
     const getTopContentTags = () => __awaiter(this, void 0, void 0, function* () {
         try {
             yield fetchTopContentTags(dispatch);
@@ -155,7 +156,7 @@ export default function TagsManager() {
     const onSearchClear = () => {
         setTagSearchTerm('');
     };
-    const columns = [
+    const columns = useMemo(() => [
         {
             accessor: (id) => tagsByIds[id].tagName,
             sortable: false,
@@ -195,7 +196,9 @@ export default function TagsManager() {
                 React.createElement(ActionListItem, 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]) })))),
         },
-    ];
+    ], 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [tagsByIds]);
     const CreateTagModel = (React.createElement(Modal, { onClose: onCancelCreateNewTag, isOpen: createTagModalOpen },
         React.createElement(ModalHeader, null,
             React.createElement("h2", null, t('Create a tag'))),

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

@@ -111,7 +111,7 @@ export const NotificationEmailsModal = (props) => {
         React.createElement(ModalBody, null,
             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 }),
+                    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 }),
                     !(isValidEmail && !isEmailDuplicate) && (React.createElement(FormHelperText, null,
                         React.createElement(HelperText, null,
                             React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, !isValidEmail

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,wBAAgB,kBAAkB,sBAmOjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,wBAAgB,kBAAkB,sBAsOjC"}

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

@@ -129,19 +129,22 @@ export function NotificationEmails() {
         },
     ];
     const actionResolver = (rowData) => {
+        const email = rowData['emailAddress'] || '';
+        const firstName = rowData['firstName'] || '';
+        const lastName = rowData['lastName'] || '';
         return [
             {
                 title: 'Edit',
                 onClick: () => editEmail({
-                    email: rowData['email-address'].title || '',
-                    firstName: rowData['first-name'].title || '',
-                    lastName: rowData['last-name'].title || '',
+                    email,
+                    firstName,
+                    lastName,
                 }),
                 itemKey: 'edit-notification-emails',
             },
             {
                 title: 'Remove',
-                onClick: () => removeEmail(rowData['email-address'].title),
+                onClick: () => removeEmail(email),
                 itemKey: 'remove-notification-emails',
             },
         ];

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,CA+DvC,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,CA8DvC,CAAC"}

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

@@ -18,7 +18,7 @@ export const ContentAccordion = ({ contentList, selectedVersion }) => {
         React.createElement(Panel, { variant: "bordered" },
             React.createElement(PanelMain, null,
                 React.createElement(PanelMainBody, null,
-                    React.createElement(Accordion, { isBordered: true }, contentList.map(({ contentTitle, topContentId, updatedOn, createdOn, updatedBy, createdBy, isAttentionNeeded, }) => {
+                    React.createElement(Accordion, null, contentList.map(({ contentTitle, topContentId, updatedOn, createdOn, updatedBy, createdBy, isAttentionNeeded, }) => {
                         const lastModifiedBy = t(`Last modified {{created}} by {{by}}`, {
                             created: formatDate(updatedOn || createdOn),
                             by: updatedBy || createdBy,
@@ -30,8 +30,6 @@ export const ContentAccordion = ({ contentList, selectedVersion }) => {
                                     contentTitle)),
                             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 }))));
+                                React.createElement(PerformanceMetricClickCount, { className: "pf-v6-u-mb-sm pf-v6-u-mt-sm", needsAttention: isAttentionNeeded, contentId: topContentId, selectedVersion: selectedVersion }))));
                     }))))))));
 };

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 interface IProps {
+    className?: string;
     contentId: number;
     needsAttention: boolean;
     selectedVersion: string;

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

@@ -1 +1 @@
-{"version":3,"file":"PerformanceMetricClickCount.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAKrD,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,MAAM,CAmDlD,CAAC"}
+{"version":3,"file":"PerformanceMetricClickCount.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAKrD,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,MAAM,CAmDlD,CAAC"}

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

@@ -2,7 +2,7 @@ import { HelperText, HelperTextItem, Panel, PanelMain, PanelMainBody, ToggleGrou
 import React, { useMemo, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { useTopContentContext } from '../../../context/TopContentProvider';
-export const PerformanceMetricClickCount = ({ contentId, needsAttention, selectedVersion }) => {
+export const PerformanceMetricClickCount = ({ className, contentId, needsAttention, selectedVersion }) => {
     const { categoryUsage } = useTopContentContext();
     const [selectedOption, setSelectedOption] = useState(0);
     const topContentUsageMetrics = useMemo(() => {
@@ -16,7 +16,7 @@ export const PerformanceMetricClickCount = ({ contentId, needsAttention, selecte
     };
     const count = (topContentUsageMetrics === null || topContentUsageMetrics === void 0 ? void 0 : topContentUsageMetrics[selectedOption]) || 0;
     return (React.createElement(React.Fragment, null,
-        React.createElement(ToggleGroup, { "aria-label": "performance-usage-days-selector" },
+        React.createElement(ToggleGroup, { className: className, "aria-label": "performance-usage-days-selector" },
             React.createElement(ToggleGroupItem, { buttonId: "last-30-days", text: "Last 30 days", isSelected: selectedOption === 0, onChange: onSelect(0) }),
             React.createElement(ToggleGroupItem, { buttonId: "last-60-days", text: "Last 60 days", isSelected: selectedOption === 1, onChange: onSelect(1) }),
             React.createElement(ToggleGroupItem, { buttonId: "last-90-days", text: "Last 90 days", isSelected: selectedOption === 2, onChange: onSelect(2) })),

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

@@ -1 +1 @@
-{"version":3,"file":"PerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetrics.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAwCzC,CAAC"}
+{"version":3,"file":"PerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetrics.tsx"],"names":[],"mappings":"AAUA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CA4CzC,CAAC"}

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

@@ -1,15 +1,17 @@
-import { Button, Modal, ModalFooter, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import { Button, Modal, ModalBody, ModalFooter, ModalHeader, 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 },
-        React.createElement(Title, { headingLevel: "h1", size: TitleSizes['2xl'] },
-            React.createElement(Trans, null, " Performance metrics ")),
-        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(ModalHeader, null,
+            React.createElement(Title, { headingLevel: "h1", size: TitleSizes['2xl'] },
+                React.createElement(Trans, null, " Performance metrics "))),
+        React.createElement(ModalBody, null,
+            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/VersionPerformanceMetrics.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"VersionPerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.tsx"],"names":[],"mappings":"AAgBA,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,CAuGhD,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, ModalFooter, ModalVariant, Title, TitleSizes, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Flex, FlexItem, Modal, ModalBody, ModalFooter, ModalHeader, 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';
@@ -50,7 +50,7 @@ export const VersionPerformanceMetrics = ({ isModalOpen, onHideModal, selectedVe
     };
     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, className: "performance-metrics-modal" },
-        React.createElement("div", { className: "sticky-header" },
+        React.createElement(ModalHeader, { className: "sticky-header" },
             React.createElement(Title, { headingLevel: "h1", size: TitleSizes['2xl'] },
                 React.createElement(Trans, null, " Performance metrics ")),
             React.createElement("p", { className: "pf-v6-u-pt-sm" },
@@ -61,8 +61,8 @@ export const VersionPerformanceMetrics = ({ isModalOpen, onHideModal, selectedVe
                     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-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(ModalBody, null,
+            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/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewCategoryDropDown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAGhG,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,UAAU,MAAM;IACZ,gBAAgB,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA0EnD"}
+{"version":3,"file":"AddNewCategoryDropDown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAGhG,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,UAAU,MAAM;IACZ,gBAAgB,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA2EnD"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.js

@@ -37,9 +37,10 @@ export function AddNewCategoryDropDown(props) {
         label: category.categoryName,
     })), [availableCategories]);
     const onSelect = (selection) => {
-        if (selection) {
+        const selected = availableCategories.find((v) => v.id === selection.key);
+        if (selected) {
             setSelected(selection);
-            props.onCategoryChange(selection.value);
+            props.onCategoryChange(selected);
         }
     };
     // Fetch categories only once when component mounts

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAgCtG,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OASzC;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,6CA2B/C;AAED,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,sBAugBzF,CAAC"}
+{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAiCtG,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OASzC;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,6CA2B/C;AAED,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,sBAihBzF,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js

@@ -78,12 +78,13 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
     const tagManagementEditState = useContext(TagManagementStateContext);
     const { tags: tagOptions } = tagManagementEditState;
     const ref = useRef(null);
+    const datePickerRef = useRef(null);
     const topContentDispatch = useTopContentDispatchContext();
     const [localContentUrl, setLocalContentUrl] = useState(content.contentUrl);
     const [localContentTitle, setLocalContentTitle] = useState(content.contentTitle);
     const [localSelectedTags, setLocalSelectedTags] = useState(content.tags || []);
     const [localExpiryDate, setLocalExpiryDate] = useState((content === null || content === void 0 ? void 0 : content.expiryDate) || '');
-    const [newCategory, setNewCategory] = useState(undefined);
+    const [newCategory, setNewCategory] = useState();
     const [contentTitleIsValid, setContentTitleIsValid] = useState(true);
     const [contentUrlIsValid, setContentUrlIsValid] = useState(true);
     const [showDuplicateError, setShowDuplicateError] = useState(false);
@@ -363,8 +364,14 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
                                 React.createElement("div", { className: `${isEmpty(tagOptions) ? 'menu-is-disabld' : ''}` },
                                     React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "top-content-tag" })))),
                         React.createElement(FlexItem, null,
-                            React.createElement(FormGroup, { label: t('Expiry date') },
-                                React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
+                            React.createElement(FormGroup, { ref: datePickerRef, label: t('Expiry date') },
+                                React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format'), popoverProps: {
+                                        position: 'left',
+                                        hasAutoWidth: true,
+                                        maxWidth: '22rem',
+                                        minWidth: '22rem',
+                                        appendTo: () => document.body,
+                                    } })))),
                     React.createElement("span", { className: "top-content-single-item-footer" },
                         React.createElement("span", null,
                             React.createElement(Button, { className: "pf-v6-u-mr-sm", variant: "primary", onClick: onSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAsX/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAuX/B"}

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

@@ -154,7 +154,7 @@ export function TopContentEditor() {
             React.createElement("div", { className: "toolbar-content pf-v6-u-ml-md" },
                 React.createElement("label", { htmlFor: 'tag-selector' },
                     React.createElement(Trans, null, "All tags")),
-                React.createElement(TagsSelector, { tagOptions: tags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: isEmpty(flagContentEditState) })))),
+                React.createElement(TagsSelector, { typeahead: true, tagOptions: tags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: isEmpty(flagContentEditState) })))),
         React.createElement("div", { className: "top-content-manage-wrapper pf-v6-u-p-md" },
             !topContentResponse.isFetching && React.createElement(TopContentSuggestion, { searchQuery: searchQuery }),
             topContentResponse.isFetching ? (React.createElement(Bullseye, null,

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAYnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,qBA6MtD;kBA7MQ,gCAAgC;;;AAgNzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}
+{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAc,MAAM,wCAAwC,CAAC;AAY/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,qBAiNtD;kBAjNQ,gCAAgC;;;AAoNzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}

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

@@ -72,9 +72,10 @@ function TopContentProductVersionSelector(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versions]);
     const onProductChange = (option) => {
+        var _a;
         setIsAddingCategory(topContentDispatch, false);
         props.onProductChange(option);
-        getProductVersions(option.name);
+        getProductVersions((_a = option === null || option === void 0 ? void 0 : option.name) !== null && _a !== void 0 ? _a : '');
     };
     const onVersionChange = (option) => {
         setIsAddingCategory(topContentDispatch, false);
@@ -92,24 +93,27 @@ function TopContentProductVersionSelector(props) {
         if (filteredOptions.length === 0) {
             return React.createElement(SelectOption, { key: "no-results" }, t('No results found'));
         }
-        return filteredOptions.map((product, id) => (React.createElement(SelectOption, { key: id, value: product, className: "pf-v6-c-select__menu-wrapper", onMouseDown: (e) => onProductSelect(e, product), isSelected: (selected === null || selected === void 0 ? void 0 : selected.name) === product.name },
-            React.createElement("span", null, product.name))));
+        return filteredOptions.map((product, index) => (React.createElement(SelectOption, { key: index, value: product.productId, className: "pf-v6-c-select__menu-wrapper", isSelected: (selected === null || selected === void 0 ? void 0 : selected.productId) === product.productId }, product.name)));
     };
     const onToggleClick = (e) => {
         var _a;
-        e.stopPropagation();
         setIsProductOpen((prev) => !prev);
         (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     const onProductSelect = (e, selection) => {
-        e.preventDefault();
-        onProductChange(selection);
-        setSelected(selection);
-        setInput(selection.name);
-        setIsProductOpen(false);
+        const product = productOptions === null || productOptions === void 0 ? void 0 : productOptions.find((v) => v.productId === selection);
+        if (product) {
+            onProductChange(product);
+            setSelected(product);
+            setInput(product.name);
+            setIsProductOpen(false);
+        }
     };
-    const onChange = (e) => {
-        setInput(e.target.value);
+    const onChange = (e, value) => {
+        setInput(value);
+        if (!isProductOpen) {
+            setIsProductOpen(true);
+        }
         return [];
     };
     const onVersionSelect = (selection) => {
@@ -128,9 +132,8 @@ function TopContentProductVersionSelector(props) {
         }));
     };
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isProductOpen, isFullWidth: true, isDisabled: isLoadingProducts, onBlur: () => {
-            setIsProductOpen(false);
-            if (!productOptions.some((p) => p.name.toLowerCase() === input.toLowerCase())) {
-                setInput(selected || '');
+            if (selected) {
+                setInput(selected === null || selected === void 0 ? void 0 : selected.name);
             }
         } },
         React.createElement(TextInputGroup, { isPlain: true },
@@ -143,7 +146,7 @@ function TopContentProductVersionSelector(props) {
         React.createElement("div", { className: "toolbar-left" },
             React.createElement("label", { htmlFor: 'tc-product-selector-dropdown-toggle' },
                 React.createElement(Trans, null, "Product")),
-            React.createElement(Select, Object.assign({ isScrollable: true, toggle: toggle, selected: selected, isOpen: isProductOpen, maxMenuHeight: "20rem", onSelect: onProductSelect }, (isLoadingProducts && { loadingVariant: 'spinner' }), { id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions, input))),
+            React.createElement(Select, Object.assign({ isScrollable: true, toggle: toggle, selected: selected, isOpen: isProductOpen, maxMenuHeight: "20rem", onSelect: onProductSelect, onOpenChange: (isOpen) => setIsProductOpen(isOpen) }, (isLoadingProducts && { loadingVariant: 'spinner' }), { id: productLabelId, "data-tracking-id": productLabelId, "aria-label": productLabelId }), getProductOptions(productOptions, input))),
         React.createElement("div", { className: "toolbar-right" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version")),

package/lib/esm/reducers/TagManagmentReducer.d.ts

@@ -7,7 +7,7 @@ export declare enum TagManagementReducerConstants {
     deleteTag = "deleteTag",
     resetTags = "resetTags"
 }
-interface ITagItemState extends ITag {
+export interface ITagItemState extends ITag {
     numberOfLinkedContents?: number;
 }
 export interface ITagManagementState {

package/lib/esm/reducers/TagManagmentReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagManagmentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TagManagmentReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACH,IAAI,EAEJ,YAAY,EACZ,WAAW,EACX,4BAA4B,EAC/B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,oBAAY,6BAA6B;IACrC,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;CAC1B;AAED,UAAU,aAAc,SAAQ,IAAI;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC;AACD,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,mBAAmB,CAAC,IAAI,EAAE,CAAC,CAAC;IACzC,IAAI,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,CAAC,6BAA6B,EAAE,mBAAmB,CAAC,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAErE,eAAO,MAAM,oBAAoB,UAAW,mBAAmB,UAAU,WAAW,KAAG,mBAsBtF,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAoB,yBAAyB,qBAAoB,OAAO,mBAsDvG,CAAC;AAEF,eAAO,MAAM,aAAa,aAAoB,yBAAyB,QAAQ,YAAY,EAAE,kBAW5F,CAAC;AAEF,eAAO,MAAM,SAAS,aAAoB,yBAAyB,OAAO,WAAW,aAAa,aAAa,EAAE,kBAahH,CAAC;AAEF,eAAO,MAAM,SAAS,aACR,yBAAyB,cACvB,IAAI,sBACI,mBAAmB,kBAe1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,aACvB,yBAAyB,WAC1B,4BAA4B,sBACjB,mBAAmB,kBAQ1C,CAAC"}
+{"version":3,"file":"TagManagmentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TagManagmentReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACH,IAAI,EAEJ,YAAY,EACZ,WAAW,EACX,4BAA4B,EAC/B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,oBAAY,6BAA6B;IACrC,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI;IACvC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC;AACD,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,mBAAmB,CAAC,IAAI,EAAE,CAAC,CAAC;IACzC,IAAI,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,CAAC,6BAA6B,EAAE,mBAAmB,CAAC,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAErE,eAAO,MAAM,oBAAoB,UAAW,mBAAmB,UAAU,WAAW,KAAG,mBAsBtF,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAoB,yBAAyB,qBAAoB,OAAO,mBAsDvG,CAAC;AAEF,eAAO,MAAM,aAAa,aAAoB,yBAAyB,QAAQ,YAAY,EAAE,kBAW5F,CAAC;AAEF,eAAO,MAAM,SAAS,aAAoB,yBAAyB,OAAO,WAAW,aAAa,aAAa,EAAE,kBAahH,CAAC;AAEF,eAAO,MAAM,SAAS,aACR,yBAAyB,cACvB,IAAI,sBACI,mBAAmB,kBAe1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,aACvB,yBAAyB,WAC1B,4BAA4B,sBACjB,mBAAmB,kBAQ1C,CAAC"}

package/lib/esm/scss/_main.scss

@@ -410,14 +410,28 @@ svg.hostnameSpinner {
     padding: var(--pf-t--global--spacer--md);
 }
 
+.pf-v6-c-calendar-month__header-year input {
+    font-size: var(--pf-t--global--font--size--body--default);
+    line-height: var(--pf-t--global--font--line-height--body);
+}
+
+.pf-v6-c-date-picker__input input[aria-label='Date picker'] {
+    min-width: 10rem;
+}
+
+.pf-v6-c-date-picker__input button {
+    flex: 0 0 auto;
+    height: 100%;
+}
+
 #manage-expired-content .toolbar {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: initial;
 
-    & > .toolbar-content button,
-    & > .toolbar-content input {
+    .top-content-search-input,
+    .tags-selector-menu-toggle {
         min-width: 25rem;
     }
 

package/lib/esm/scss/_pf-overrides.scss

@@ -179,3 +179,12 @@ div.pf-v6-c-pagination__nav-page-select {
         margin: 0;
     }
 }
+
+.pf-v6-c-calendar-month__header-month,
+.pf-v6-c-calendar-month__header-month button {
+    height: 100%;
+}
+
+.pf-v6-c-calendar-month__header-year {
+    min-width: 6rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.36",
+    "version": "2.5.38",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -79,9 +79,9 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.30",
+        "@rh-support/components": "2.5.32",
         "@rh-support/configs": "2.0.21",
-        "@rh-support/react-context": "2.5.32",
+        "@rh-support/react-context": "2.5.34",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.20",
         "@rh-support/utils": "2.5.19",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "9b66078ef07566416643fd8f268a34735cc622fb"
+    "gitHead": "0ecaec663e234789df10d8f8a98a46757388e573"
 }