@rh-support/manage 2.6.1 → 2.6.11

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?"))),
             });
@@ -74,6 +73,7 @@ export function NotificationEmails() {
             ToastNotification.addSuccessMessage(t('Notification email has been successfully removed'));
         }
         catch (e) {
+            console.error(e);
             // we come here if error happens or user didn't confirm the delete action
             !isEmpty(e) && ToastNotification.addDangerMessage(t('Notification email account failed to update'));
         }
@@ -130,19 +130,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',
             },
         ];
@@ -163,12 +166,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, { color: "#5e40be" })), 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,CAgEvC,CAAC"}

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

@@ -18,20 +18,18 @@ 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,
                         });
-                        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-text-color-status-danger' : '' },
                                     ' ',
                                     contentTitle)),
-                            React.createElement(AccordionContent, { id: contentTitle, isHidden: expanded !== topContentId },
-                                React.createElement("span", { className: "pf-v5-u-font-size-sm" }, lastModifiedBy),
-                                React.createElement("br", null),
-                                React.createElement("br", null),
-                                React.createElement(PerformanceMetricClickCount, { needsAttention: isAttentionNeeded, contentId: topContentId, selectedVersion: selectedVersion }))));
+                            React.createElement(AccordionContent, { id: contentTitle },
+                                React.createElement("span", { className: "pf-v6-u-font-size-sm" }, lastModifiedBy),
+                                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":"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,CA4CzC,CAAC"}

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

@@ -1,15 +1,17 @@
-import { Button, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import { Button, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } 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"),
-        ] },
-        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 })));
+    return (React.createElement(Modal, { variant: ModalVariant.small, id: "top-content-performance-metric", "aria-label": "top-content-performance-metric", isOpen: isModalOpen, onClose: onHideModal },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", { className: "pf-v6-u-mb-0" },
+                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/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, ModalBody, ModalFooter, ModalHeader, ModalVariant, } 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,20 @@ 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" },
-        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" },
+    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(ModalHeader, { className: "sticky-header" },
+            React.createElement("h2", { className: "pf-v6-u-mb-0" },
+                React.createElement(Trans, null, "Performance metrics")),
+            React.createElement("p", { className: "pf-v6-u-p-0 pf-v6-u-mb-0" },
                 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("br", null),
-        React.createElement(ContentAccordion, { contentList: selectedContent, selectedVersion: selectedVersion })));
+                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(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/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,qBA2FR"}

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

@@ -1,4 +1,4 @@
-import { Button, ButtonVariant, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, } from '@patternfly/react-core';
+import { Button, ButtonVariant, EmptyState, EmptyStateBody, EmptyStateVariant } from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import { isNumber, isRegularVersion } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
@@ -10,15 +10,15 @@ export function NoTopContentFound({ version, product, dataLength, onAddCategory,
     // 1.1, 1.x are normal semver versions but we have versions line online or dedicated that don't follw semver
     const iSemverVersion = isRegularVersion(version) && isNumber(version.split('.')[1]);
     const getCreateSetMessage = () => (React.createElement(React.Fragment, null,
-        iSemverVersion && (React.createElement("p", { className: "pf-v5-u-mb-md" },
+        iSemverVersion && (React.createElement("p", { className: "pf-v6-u-mb-md" },
             React.createElement(Trans, null, "Customers can't view any content while troubleshooting this version."))),
-        isXVersion && (React.createElement("p", { className: "pf-v5-u-mb-md" },
+        isXVersion && (React.createElement("p", { className: "pf-v6-u-mb-md" },
             React.createElement(Trans, null,
                 "Customers will see content for ",
                 xVersion,
                 " when minor version content is unavailable."))),
-        React.createElement("p", { className: "pf-v5-u-mb-md" },
-            React.createElement(Button, { variant: isXVersion ? ButtonVariant.secondary : ButtonVariant.primary, isInline: true, onClick: () => onAddCategory(false, true, version) },
+        React.createElement("p", { className: "pf-v6-u-mb-md" },
+            React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => onAddCategory(false, true, version) },
                 React.createElement(Trans, null,
                     ' ',
                     "Create ",
@@ -38,21 +38,20 @@ export function NoTopContentFound({ version, product, dataLength, onAddCategory,
                 xVersion),
             ' ',
             "troubleshooting this version"),
-        React.createElement("div", { className: "pf-v5-u-mt-lg" },
-            React.createElement(Button, { isInline: true, className: "pf-v5-c-alert__action", variant: ButtonVariant.primary, onClick: () => onAddCategory(false, true, version, true) },
+        React.createElement("div", { className: "pf-v6-u-mt-lg" },
+            React.createElement(Button, { isInline: true, className: "pf-v6-c-alert__action", variant: ButtonVariant.primary, onClick: () => onAddCategory(false, true, version, true) },
                 React.createElement(Trans, null,
                     "Create new set for ",
                     version)))));
     const noContent = dataLength === 0 && !isContentOnlyForMajorVersion;
     const noMinorButHaveMajorContent = dataLength !== 0 && isContentOnlyForMajorVersion;
-    return (React.createElement(EmptyState, { variant: EmptyStateVariant.xs, id: "no-content" },
-        React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null, isEmpty(product) || isEmpty(version) ? (React.createElement(Trans, null, "No top content found")) : isRegularVersion(version) && isNumber(version.split('.')[1]) && dataLength === 0 ? (React.createElement(Trans, null,
-                "No content available for ",
-                version,
-                " or ",
-                xVersion)) : (React.createElement(Trans, null,
-                "No content available for ",
-                version))), icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }), headingLevel: "h2" }),
+    return (React.createElement(EmptyState, { headingLevel: "h2", icon: SearchIcon, titleText: React.createElement(React.Fragment, null, isEmpty(product) || isEmpty(version) ? (React.createElement(Trans, null, "No top content found")) : isRegularVersion(version) && isNumber(version.split('.')[1]) && dataLength === 0 ? (React.createElement(Trans, null,
+            "No content available for ",
+            version,
+            " or ",
+            xVersion)) : (React.createElement(Trans, null,
+            "No content available for ",
+            version))), variant: EmptyStateVariant.xs, id: "no-content" },
         React.createElement(EmptyStateBody, null,
             isEmpty(product) && React.createElement(Trans, null, "Please select a product and version to edit"),
             !isEmpty(product) && isEmpty(version) && React.createElement(Trans, null, "Please select a version to edit"),

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;AAIhG,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAiFnD"}
+{"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

@@ -1,7 +1,15 @@
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
-import { ToastNotification } from '@rh-support/components';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { SingleSelectDropdown, ToastNotification } from '@rh-support/components';
 import sortBy from 'lodash/sortBy';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
 import { fetchCategories } from '../../../../reducers/TopContentReducer';
@@ -9,48 +17,48 @@ export function AddNewCategoryDropDown(props) {
     const { t } = useTranslation();
     const { topContentEditState, categories } = useTopContentContext();
     const topContentDispatch = useTopContentDispatchContext();
-    const allAddedCategories = topContentEditState.map((cat) => cat.categoryName);
-    const availableCategories = sortBy(categories.data.filter((category) => !(allAddedCategories || []).includes(category.categoryName)), [
-        function (obj) {
-            return obj.categoryName.toLowerCase();
-        },
-    ]);
-    const [isOpen, setIsOpen] = useState(false);
-    const [selected, setSelected] = useState();
-    const getCategoryOptions = (options) => {
-        return options.map((category, id) => (React.createElement(SelectOption, { key: id, value: category }, category.categoryName)));
-    };
-    const onFilter = (_, value) => {
-        if (!value)
-            return getCategoryOptions(availableCategories);
-        const input = new RegExp(value, 'i');
-        const newOptions = availableCategories.filter((c) => input.test(c.categoryName));
-        return getCategoryOptions(newOptions);
-    };
-    const onToggle = (isExpanded) => {
-        setIsOpen(isExpanded);
-    };
-    const onSelect = (event, selection, isPlaceholder) => {
-        setSelected(selection);
-        props.onCategoryChange(selection);
-        onToggle(false);
-    };
-    const onClearCategory = () => {
-        props.onCategoryChange(undefined);
-        setSelected(undefined);
+    const [selected, setSelected] = useState({
+        value: '',
+        label: '',
+    });
+    // Memoize available categories to prevent unnecessary recalculations
+    const availableCategories = useMemo(() => {
+        const allAddedCategories = topContentEditState.map((cat) => cat.categoryName);
+        return sortBy(categories.data.filter((category) => !(allAddedCategories || []).includes(category.categoryName)), [
+            function (obj) {
+                return obj.categoryName.toLowerCase();
+            },
+        ]);
+    }, [categories.data, topContentEditState]);
+    // Memoize dropdown options to prevent unnecessary recreations
+    const dropdownOptions = useMemo(() => availableCategories.map((category) => ({
+        key: category.id,
+        value: category.categoryName,
+        label: category.categoryName,
+    })), [availableCategories]);
+    const onSelect = (selection) => {
+        const selected = availableCategories.find((v) => v.id === selection.key);
+        if (selected) {
+            setSelected(selection);
+            props.onCategoryChange(selected);
+        }
     };
+    // Fetch categories only once when component mounts
     useEffect(() => {
-        try {
-            fetchCategories(topContentDispatch);
-        }
-        catch (_a) {
-            ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
-        }
+        const loadCategories = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield fetchCategories(topContentDispatch);
+            }
+            catch (_a) {
+                ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
+            }
+        });
+        loadCategories();
     }, [topContentDispatch, t]);
     return (React.createElement("div", { className: "form-group add-new-category" },
         React.createElement("label", { htmlFor: "new-category" },
             React.createElement(Trans, null, "Category"),
             ' ',
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, onToggle: (_event, isExpanded) => onToggle(isExpanded), isOpen: isOpen, onClear: onClearCategory, onSelect: onSelect, onFilter: onFilter, selections: selected === null || selected === void 0 ? void 0 : selected.categoryName, placeholderText: t('Select an option or enter a new category') }, (categories.isFetching && { loadingVariant: 'spinner' }), { id: "new-category", "data-tracking-id": "new-category" }), getCategoryOptions(availableCategories))));
+        React.createElement(SingleSelectDropdown, { id: "new-category", dataTrackingId: "new-category", selected: selected, options: dropdownOptions, isLoading: categories.isFetching, placeholder: t('Select an option or enter a new category'), onSelect: onSelect, isScrollable: true })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentCategory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAgB,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAI5F,UAAU,MAAM;IACZ,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA6D/C"}
+{"version":3,"file":"TopContentCategory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAgB,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAI5F,UAAU,MAAM;IACZ,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA6E/C"}

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

@@ -33,14 +33,20 @@ export function TopContentCategory(props) {
         props.isExpanded !== isExpanded && setIsExpanded(props.isExpanded);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.isExpanded]);
-    return (React.createElement("div", Object.assign({ ref: props.innerRef }, props.provided.draggableProps, props.provided.dragHandleProps), props.category.content.length > 0 && (React.createElement(AccordionItem, null,
-        React.createElement(AccordionToggle, { id: props.category.categoryName, onClick: toggleExpanded, isExpanded: isExpanded },
+    return (React.createElement("div", Object.assign({ ref: props.innerRef }, props.provided.draggableProps, props.provided.dragHandleProps), props.category.content.length > 0 && (React.createElement(AccordionItem, { isExpanded: isExpanded },
+        props.isArrangingCats ? (React.createElement("div", { id: props.category.categoryName, className: "pf-v6-c-accordion" },
+            React.createElement("div", { className: "pf-v6-c-accordion__item" },
+                React.createElement("div", { className: "pf-v6-c-accordion__toggle" },
+                    React.createElement("h3", { ref: headerRef, className: "pf-v6-c-accordion__toggle-text" },
+                        React.createElement(Icon, { size: "md", className: "pf-v6-u-mr-sm pf-v6-c-accordion__toggle-icon" },
+                            React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag'), color: "#0066CC" })),
+                        props.category.categoryName,
+                        ' ',
+                        props.category.isAttentionNeeded && React.createElement(NeedsAttention, null)))))) : (React.createElement(AccordionToggle, { id: props.category.categoryName, onClick: toggleExpanded },
             React.createElement("h3", { ref: headerRef },
-                props.isArrangingCats && (React.createElement(Icon, { size: "md", className: "pf-v5-u-mr-sm" },
-                    React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag') }))),
                 props.category.categoryName,
                 " ",
-                props.category.isAttentionNeeded && React.createElement(NeedsAttention, null))),
-        React.createElement(AccordionContent, { isHidden: !isExpanded },
+                props.category.isAttentionNeeded && React.createElement(NeedsAttention, null)))),
+        React.createElement(AccordionContent, null,
             React.createElement(TopContentComponent, { category: props.category, scrollToTop: scrollToTop, categoryMode: CategoryMode.EXISTING_SECTION }))))));
 }

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

@@ -15,13 +15,13 @@ export function TopContentCategoryNew({ category, version }) {
         scrollToTop();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React.createElement(AccordionItem, null,
-        React.createElement(AccordionToggle, { id: "addToCategoryAccordion", onClick: toggleExpanded, isExpanded: isExpanded },
+    return (React.createElement(AccordionItem, { isExpanded: isExpanded },
+        React.createElement(AccordionToggle, { id: "addToCategoryAccordion", onClick: toggleExpanded },
             React.createElement("div", { className: "reference-div", ref: addNewCategoryRef }, !getVersion(version).minor && isRegularVersion(version) ? (React.createElement(Trans, null,
                 "Creating a new set for major version ",
                 version)) : getVersion(version).minor ? (React.createElement(Trans, null,
                 "Creating a new set for ",
                 version)) : (React.createElement(Trans, null, "Add new section")))),
-        React.createElement(AccordionContent, { isHidden: !isExpanded },
+        React.createElement(AccordionContent, null,
             React.createElement(TopContentComponent, { category: category, scrollToTop: scrollToTop, categoryMode: CategoryMode.NEW_SECTION }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAGH,oBAAoB,EAGvB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA0GlF,CAAC"}
+{"version":3,"file":"TopContentComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAGH,oBAAoB,EAGvB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAsHlF,CAAC"}