@rh-support/manage 2.1.37 → 2.4.10-beta.6

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

@@ -7,8 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Card, CardBody, Form, FormGroup, TextInput, Tooltip, ValidatedOptions } from '@patternfly/react-core';
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
+import { Button, Card, CardBody, Form, FormGroup, Select, SelectOption, SelectVariant, TextInput, Tooltip, ValidatedOptions, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import { ToastNotification } from '@rh-support/components';
 import { getVersion, isRegularVersion, isValidUrl } from '@rh-support/utils';
@@ -118,25 +117,25 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
             ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
         }
     }, [topContentDispatch, t]);
-    return (React.createElement(Card, { className: "pf-v5-u-m-sm" },
+    return (React.createElement(Card, { className: "pf-u-m-sm" },
         React.createElement(CardBody, { className: "card-hint" },
             React.createElement(Form, null,
                 isEditClicked ? (React.createElement(React.Fragment, null,
                     React.createElement(FormGroup, { label: t('Link to content'), isRequired: true, fieldId: "top-content-link" },
-                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-resource-link", name: "top-content-resource-link", "data-tracking-id": "top-content-resource-link", value: linkToContent, onChange: (_event, val) => setLinkToContent(val), placeholder: t('Enter link to content'), validated: isEmpty(linkToContent) || !isValidUrl(linkToContent)
+                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-resource-link", name: "top-content-resource-link", "data-tracking-id": "top-content-resource-link", value: linkToContent, onChange: setLinkToContent, placeholder: t('Enter link to content'), validated: isEmpty(linkToContent) || !isValidUrl(linkToContent)
                                 ? ValidatedOptions.error
                                 : ValidatedOptions.default })),
                     React.createElement(FormGroup, { label: t('Headline'), isRequired: true, fieldId: "simple-form-email-01" },
-                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-headline-category", name: "top-content-headline-category", "data-tracking-id": "top-content-headline-category", value: resourceTitle, onChange: (_event, val) => setResourceTitle(val), placeholder: t('Copy and paste the heading for consistency'), validated: isEmpty(trim(resourceTitle)) ? ValidatedOptions.error : ValidatedOptions.default })))) : (React.createElement("span", null,
+                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-headline-category", name: "top-content-headline-category", "data-tracking-id": "top-content-headline-category", value: resourceTitle, onChange: setResourceTitle, placeholder: t('Copy and paste the heading for consistency'), validated: isEmpty(trim(resourceTitle)) ? ValidatedOptions.error : ValidatedOptions.default })))) : (React.createElement("span", null,
                     React.createElement(Button, { variant: "link", isInline: true },
                         React.createElement("u", null,
-                            React.createElement("a", { className: "hint-title pf-v5-u-font-size-md", target: "_blank", href: linkToContent, rel: "noreferrer" }, resources.resourceTitle))),
+                            React.createElement("a", { className: "hint-title pf-u-font-size-md", target: "_blank", href: linkToContent, rel: "noreferrer" }, resources.resourceTitle))),
                     React.createElement(Tooltip, { content: t('Edit Link to content and Headline'), position: "top" },
                         React.createElement(Button, { variant: "link", icon: React.createElement(PencilAltIcon, null), onClick: () => setIsEditClicked((pre) => !pre) })))),
                 React.createElement(FormGroup, { label: t('Category'), isRequired: true, fieldId: "simple-form-email-01" },
                     React.createElement(Select, Object.assign({ variant: SelectVariant.single, id: "category-selection", name: "category-selection", "data-testid": "category-selection", placeholderText: "Select a category", onToggle: onToggle, isOpen: isSelectOpen, onSelect: onSelect, selections: selected === null || selected === void 0 ? void 0 : selected.categoryName, isDisabled: categories.isError, loadingVariant: 'spinner' }, (categories.isFetching && { loadingVariant: 'spinner' })), categories.data.map((category, id) => (React.createElement(SelectOption, { key: id, value: category },
                         React.createElement("div", null, category.categoryName)))))),
-                React.createElement("div", { className: "pf-v5-u-mt-sm" },
+                React.createElement("div", { className: "pf-u-mt-sm" },
                     isCategoryLimitReached && !isCategoryInList && !isUndefined(selected) && React.createElement(CategoryLimit, null),
                     React.createElement(Button, { variant: "primary", onClick: onSaveContent, isDisabled: isSaving || isDisabled, isLoading: isSaving, "data-tracking-id": "suggested-content-save-button" },
                         React.createElement(Trans, null, "Save")),

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

@@ -4,7 +4,7 @@ export function TopContentHeader() {
     return (React.createElement("header", null,
         React.createElement("h2", null,
             React.createElement(Trans, null, "Top content")),
-        React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+        React.createElement("p", { className: "pf-u-mt-md pf-u-mb-sm" },
             React.createElement(Trans, null, "Add, edit, or remove top content solutions and categories. You can also create a new set of top content recommendations for specific versions.")),
         React.createElement("p", null,
             React.createElement(Trans, { i18nKey: "i18IRDashboard" },

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

@@ -1,5 +1,5 @@
 import { products as productsApi } from '@cee-eng/hydrajs';
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import { useFetch } from '@rh-support/components';
 import { getUniqueSortedVersions, getVersion } from '@rh-support/utils';
@@ -81,9 +81,9 @@ function TopContentProductVersionSelector(props) {
         setSelected(undefined);
     };
     const getProductOptions = (options) => {
-        return options.map((product, id) => (React.createElement(SelectOption, { key: id, value: product, className: "pf-v5-c-select__menu-wrapper" },
-            React.createElement("div", { className: "pf-v5-c-select__menu-item-main" }, product.name),
-            selected && product.name === selected.name && (React.createElement("span", { className: "pf-v5-c-select__menu-item-icon" },
+        return options.map((product, id) => (React.createElement(SelectOption, { key: id, value: product, className: "pf-c-select__menu-wrapper" },
+            React.createElement("div", { className: "pf-c-select__menu-item-main" }, product.name),
+            selected && product.name === selected.name && (React.createElement("span", { className: "pf-c-select__menu-item-icon" },
                 React.createElement(CheckIcon, { "aria-hidden": true }))))));
     };
     const onProductFilter = (_, value) => {
@@ -114,11 +114,11 @@ 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({ variant: SelectVariant.typeahead, onToggle: (_event, isExpanded) => onProductToggle(isExpanded), selections: selected, isOpen: isProductOpen, onSelect: onProductSelect, onClear: onProductClear, placeholderText: t('Select a product') }, (isLoadingProducts && { loadingVariant: 'spinner' }), { onFilter: onProductFilter, isDisabled: isLoadingProducts, id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions))),
+            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, onToggle: onProductToggle, selections: selected, isOpen: isProductOpen, onSelect: onProductSelect, onClear: onProductClear, placeholderText: t('Select a product') }, (isLoadingProducts && { loadingVariant: 'spinner' }), { onFilter: onProductFilter, isDisabled: isLoadingProducts, id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions))),
         React.createElement("div", { className: "toolbar-right" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version")),
-            React.createElement(Select, Object.assign({ variant: SelectVariant.single, onToggle: (_event, isExpanded) => onVersionToggle(isExpanded), onSelect: onVersionSelect, selections: selectedVersion, isOpen: isVersionOpen, placeholderText: t('Select a version'), isDisabled: isEmpty(versions === null || versions === void 0 ? void 0 : versions.items) }, (isLoadingVersions && { loadingVariant: 'spinner' }), { id: versionLabelId, "data-tracking-id": versionLabelId, "aria-label": t(versionLabelId) }), ((versions === null || versions === void 0 ? void 0 : versions.items) || []).map((version, id) => (React.createElement(SelectOption, { key: id, value: version }, version)))))));
+            React.createElement(Select, Object.assign({ variant: SelectVariant.single, onToggle: onVersionToggle, onSelect: onVersionSelect, selections: selectedVersion, isOpen: isVersionOpen, placeholderText: t('Select a version'), isDisabled: isEmpty(versions === null || versions === void 0 ? void 0 : versions.items) }, (isLoadingVersions && { loadingVariant: 'spinner' }), { id: versionLabelId, "data-tracking-id": versionLabelId, "aria-label": t(versionLabelId) }), ((versions === null || versions === void 0 ? void 0 : versions.items) || []).map((version, id) => (React.createElement(SelectOption, { key: id, value: version }, version)))))));
 }
 TopContentProductVersionSelector.defaultProps = defaultProps;
 export { TopContentProductVersionSelector };

package/lib/esm/reducers/TopContentHelpers.js

@@ -24,14 +24,14 @@ export const getContentUrls = (contentsArray) => {
     return contentsArray.reduce((result, category) => {
         category.content.forEach((content) => {
             if (isEmpty(result[encodeURI(content.contentUrl)])) {
-                result[encodeURI(content.contentUrl)] = { [category.categoryName]: 1 };
+                result[content.contentUrl] = { [encodeURI(category.categoryName)]: 1 };
             }
             else {
-                if (result[encodeURI(content.contentUrl)][category.categoryName]) {
-                    result[encodeURI(content.contentUrl)][category.categoryName]++;
+                if (result[content.contentUrl][encodeURI(category.categoryName)]) {
+                    result[content.contentUrl][encodeURI(category.categoryName)]++;
                 }
                 else {
-                    result[encodeURI(content.contentUrl)][category.categoryName] = 1;
+                    result[content.contentUrl][encodeURI(category.categoryName)] = 1;
                 }
             }
         });

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentReducer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopContentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentReducer.ts"],"names":[],"mappings":"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"}

package/lib/esm/reducers/TopContentReducer.js

@@ -372,15 +372,14 @@ export const saveAddToTopContent = (dispatch, topContentEditState, id, categoryI
         const toAdd = {
             categoryName: categoryToBeSave.categoryName,
             categoryId,
-            topContentMasterDataId: categoryToBeSave === null || categoryToBeSave === void 0 ? void 0 : categoryToBeSave.topContentMasterDataId,
+            topContentMasterDataId: categoryToBeSave.topContentMasterDataId,
             contentTitle: content.contentTitle,
             contentUrl: content.contentUrl,
             contentRank: index,
             isActive: 1,
         };
         const res = yield pcm.topContent.postTopContent({ topContents: [toAdd] });
-        const newTopContentEditState = [...topContentEditState];
-        newTopContentEditState.forEach((cat) => {
+        topContentEditState.forEach((cat) => {
             var _a, _b, _c, _d, _e, _f;
             if (cat.id === id) {
                 if (index === -1) {
@@ -398,7 +397,7 @@ export const saveAddToTopContent = (dispatch, topContentEditState, id, categoryI
         dispatch({
             type: TopContentReducerConstants.changeTopContentStateOnSave,
             payload: {
-                topContentEditState: newTopContentEditState,
+                topContentEditState,
                 topContentResponse: getApiResourceObject(cloneDeep(topContentEditState)),
                 contentUrls: getContentUrls(topContentEditState),
             },

package/lib/esm/scss/_main.scss

@@ -8,11 +8,15 @@
     }
 }
 
-.pf-v5-c-accordion .pf-v5-c-accordion-footer {
+.pf-c-accordion .pf-m-expanded ul {
+    list-style-type: disc;
+}
+
+.pf-c-accordion .pf-c-accordion-footer {
     padding: 16px 32px;
 }
 
-.pf-v5-c-accordion .pf-v5-c-accordion__expanded-content-body {
+.pf-c-accordion .pf-c-accordion__expanded-content-body {
     .edit-solution {
         margin-bottom: 2rem;
     }
@@ -25,12 +29,33 @@
             flex-direction: row;
         }
 
+        button {
+            margin-left: 1rem;
+        }
+
         &.add-new-category {
             margin-bottom: 2rem;
         }
     }
 }
 
+.pf-c-accordion .pf-c-accordion__expanded-content-body .pf-c-accordion__expanded-content-footer {
+    display: flex;
+    flex-direction: row;
+
+    .content-actions {
+        margin-left: auto;
+
+        & > * {
+            margin-right: 0.5rem;
+        }
+
+        & > *:last-child {
+            margin-right: 0;
+        }
+    }
+}
+
 .manage {
     header {
         margin-bottom: 1.3rem;
@@ -150,8 +175,8 @@
             border-top: none;
         }
 
-        .pf-v5-c-table__action {
-            .pf-v5-c-dropdown__menu button.pf-m-disabled:hover {
+        .pf-c-table__action {
+            .pf-c-dropdown__menu button.pf-m-disabled:hover {
                 cursor: not-allowed;
             }
         }
@@ -161,14 +186,14 @@
             padding: 0.5rem 1.2rem;
             background-color: #f0f0f0;
 
-            .pf-v5-c-pagination {
+            .pf-c-pagination {
                 padding: 0;
                 background-color: transparent;
 
-                .pf-v5-c-pagination__nav {
+                .pf-c-pagination__nav {
                     align-items: baseline;
 
-                    .pf-v5-c-pagination__nav-page-select {
+                    .pf-c-pagination__nav-page-select {
                         display: flex;
                         align-items: baseline;
                     }
@@ -196,27 +221,27 @@
         border-top: none;
     }
     .top-content-needs-attention {
-        color: var(--pf-v5-global--danger-color--100);
+        color: var(--pf-global--danger-color--100);
     }
     .top-content-tooltip {
-        color: var(--pf-v5-global--danger-color--100);
+        color: var(--pf-global--danger-color--100);
         padding: 2px;
     }
 }
 
 // specific overrides under manage because of a different implementation
-.pf-v5-c-select {
-    .pf-v5-c-select__toggle-wrapper > form:first-child {
+.pf-c-select {
+    .pf-c-select__toggle-wrapper > form:first-child {
         width: 100%;
     }
 
-    .pf-v5-c-select__toggle-wrapper {
-        .pf-v5-c-select__toggle-icon {
+    .pf-c-select__toggle-wrapper {
+        .pf-c-select__toggle-icon {
             margin-left: 4px;
             margin-right: 0;
         }
 
-        .pf-v5-c-select__toggle-typeahead {
+        .pf-c-select__toggle-typeahead {
             border-left: none;
             border-right: none;
         }
@@ -227,7 +252,7 @@
     }
 }
 
-.pf-v5-c-button {
+.pf-c-button {
     font-size: 14px;
 }
 
@@ -250,12 +275,12 @@
     width: -webkit-fill-available;
 }
 
-.pf-v5-c-table__action li:hover button:not(.pf-m-disabled) {
+.pf-c-table__action li:hover button:not(.pf-m-disabled) {
     color: #06c;
 }
 
-.pf-v5-c-table__action li:nth-child(2) button:hover,
-.pf-v5-c-table__action li:nth-child(3) button:hover {
+.pf-c-table__action li:nth-child(2) button:hover,
+.pf-c-table__action li:nth-child(3) button:hover {
     color: #a30000;
 }
 
@@ -294,10 +319,3 @@ svg.hostnameSpinner {
 #requests-detached-toggle-content thead {
     display: none;
 }
-
-.top-content-single-item-footer {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-}

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

@@ -0,0 +1,132 @@
+// Patternfly overrides
+
+div#top-content-performance-metric.pf-c-modal-box {
+    .pf-c-modal-box__body {
+        .pf-c-title {
+            margin-bottom: unset;
+        }
+        .top-content-tooltip-view-metric-label {
+            color: var(--pf-global--primary-color--100);
+        }
+        .pf-c-panel__main-body {
+            padding: var(--pf-global--spacer--md);
+        }
+        .pf-c-toggle-group__button {
+            /* Somehow below style is getting added by Patternfly which is overriding default button padding  
+            * [class*="pf-c-"], [class*="pf-c-"]::before, [class*="pf-c-"]::after {
+                padding: 0;
+                margin: 0;
+                background-color: transparent;
+            */
+            padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight)
+                var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
+        }
+    }
+}
+
+div#top-content-category-limit-guidelines.pf-c-modal-box {
+    .pf-c-modal-box__body {
+        .pf-c-title {
+            margin-bottom: unset;
+        }
+    }
+}
+
+div#top-content-major-version-performance-metric.pf-c-modal-box {
+    .pf-c-modal-box__body {
+        overflow-x: unset;
+        overflow-y: unset;
+        .pf-c-title {
+            margin-bottom: unset;
+        }
+        .pf-c-toggle-group__button {
+            /* Somehow below style is getting added by Patternfly which is overriding default button padding  
+            * [class*="pf-c-"], [class*="pf-c-"]::before, [class*="pf-c-"]::after {
+                padding: 0;
+                margin: 0;
+                background-color: transparent;
+            */
+            padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight)
+                var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
+        }
+        .sticky-header {
+            position: sticky;
+            top: 0;
+            background: var(--pf-c-modal-box--BackgroundColor);
+            z-index: 89; // As .pf-c-toggle-group__button is having z-index: var(--pf-c-toggle-group__button--ZIndex)
+            padding-bottom: var(--pf-global--spacer--sm);
+        }
+        .content {
+            height: 30vh;
+            overflow: auto;
+        }
+        .panel-body {
+            padding: var(--pf-global--spacer--md);
+        }
+    }
+}
+
+// Overrides performance metrics modal font weight
+div.performance-metrics-modal {
+    div.pf-c-modal-box__body {
+        div.sticky-header {
+            div.pf-l-flex.pf-m-justify-content-space-between {
+                // For versions dropdown
+                div.pf-u-w-50.pf-u-pr-md {
+                    div.pf-u-font-weight-bold {
+                        font-weight: 600 !important;
+                    }
+                }
+                // For categories dropdown
+                div.pf-u-w-50.pf-u-pl-md {
+                    div.pf-u-font-weight-bold {
+                        font-weight: 600 !important;
+                    }
+                }
+            }
+        }
+
+        // To override font weight on the accordion text in performance metrics modal - PCM-11644
+        div.content {
+            div.pf-c-panel.pf-m-bordered {
+                div.pf-c-panel__main {
+                    div.pf-c-panel__main-body {
+                        dl.pf-c-accordion.pf-m-bordered {
+                            dt {
+                                button {
+                                    span.pf-c-accordion__toggle-text {
+                                        span {
+                                            font-weight: 500 !important;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+#top-content-suggestion {
+    .pf-c-expandable-section__content {
+        border: unset;
+    }
+    .card-hint {
+        background-color: var(--pf-global--BackgroundColor--200);
+    }
+    .card-body {
+        padding: var(--pf-global--spacer--md);
+    }
+    .hint-title {
+        color: var(--pf-global--primary-color--100);
+    }
+    .accordion_title {
+        color: var(--pf-global--Color--100);
+    }
+}
+
+.top-content-panel {
+    z-index: 9;
+}

package/lib/esm/scss/index.scss

@@ -19,15 +19,15 @@
             }
         }
     }
-    .pf-v5-c-popover {
-        .pf-v5-c-popover__content {
-            .pf-v5-c-popover__body {
+    .pf-c-popover {
+        .pf-c-popover__content {
+            .pf-c-popover__body {
                 .top-content-tooltip-view-metric-label {
-                    color: var(--pf-v5-global--primary-color--100);
+                    color: var(--pf-global--primary-color--100);
                 }
             }
         }
     }
 }
 
-@import './pf-overrides';
+@import './pf4-overrides';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.1.37",
+    "version": "2.4.10-beta.6",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -46,13 +46,13 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.16.39",
-        "@patternfly/patternfly": "5.1.0",
+        "@cee-eng/hydrajs": "4.16.43",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "5.1.1",
-        "@patternfly/react-table": "5.1.1",
+        "@patternfly/react-core": "4.264.0",
+        "@patternfly/react-table": "4.111.33",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
         "react": "17.0.2",
@@ -77,19 +77,19 @@
         "typescript": "4.3.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.16.39",
-        "@patternfly/patternfly": "5.1.0",
+        "@cee-eng/hydrajs": "4.16.43",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "5.1.1",
-        "@patternfly/react-table": "5.1.1",
-        "@rh-support/components": "2.1.28",
-        "@rh-support/configs": "2.0.12",
-        "@rh-support/react-context": "2.1.31",
+        "@patternfly/react-core": "4.264.0",
+        "@patternfly/react-table": "4.111.33",
+        "@rh-support/components": "2.4.10-beta.6",
+        "@rh-support/configs": "2.0.10",
+        "@rh-support/react-context": "2.4.10-beta.6",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.20",
-        "@rh-support/utils": "2.1.13",
+        "@rh-support/user-permissions": "2.4.10-beta.6",
+        "@rh-support/utils": "2.4.10-beta.6",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "d17dacfd35aa08c446f37c8f0f92760346b8eb7a"
+    "gitHead": "f4caba45a2ffbc0cb441fdd30630769b447931d1"
 }

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

@@ -1,134 +0,0 @@
-// Patternfly overrides
-
-div#top-content-performance-metric.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        .pf-v5-c-title {
-            margin-bottom: unset;
-        }
-        .top-content-tooltip-view-metric-label {
-            color: var(--pf-v5-global--primary-color--100);
-        }
-        .pf-v5-c-toggle-group__button {
-            /* Somehow below style is getting added by Patternfly which is overriding default button padding  
-            * [class*="pf-v5-c-"], [class*="pf-v5-c-"]::before, [class*="pf-v5-c-"]::after {
-                padding: 0;
-                margin: 0;
-                background-color: transparent;
-            */
-            padding: var(--pf-v5-c-toggle-group__button--PaddingTop) var(--pf-v5-c-toggle-group__button--PaddingRight)
-                var(--pf-v5-c-toggle-group__button--PaddingBottom) var(--pf-v5-c-toggle-group__button--PaddingLeft);
-        }
-    }
-}
-
-div#top-content-category-limit-guidelines.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        .pf-v5-c-title {
-            margin-bottom: unset;
-        }
-    }
-}
-
-div#top-content-major-version-performance-metric.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        overflow-x: unset;
-        overflow-y: unset;
-        .pf-v5-c-title {
-            margin-bottom: unset;
-        }
-        .pf-v5-c-toggle-group__button {
-            /* Somehow below style is getting added by Patternfly which is overriding default button padding  
-            * [class*="pf-v5-c-"], [class*="pf-v5-c-"]::before, [class*="pf-v5-c-"]::after {
-                padding: 0;
-                margin: 0;
-                background-color: transparent;
-            */
-            padding: var(--pf-v5-c-toggle-group__button--PaddingTop) var(--pf-v5-c-toggle-group__button--PaddingRight)
-                var(--pf-v5-c-toggle-group__button--PaddingBottom) var(--pf-v5-c-toggle-group__button--PaddingLeft);
-        }
-        .sticky-header {
-            position: sticky;
-            top: 0;
-            background: var(--pf-v5-c-modal-box--BackgroundColor);
-            z-index: 89; // As .pf-v5-c-toggle-group__button is having z-index: var(--pf-v5-c-toggle-group__button--ZIndex)
-            padding-bottom: var(--pf-v5-global--spacer--sm);
-        }
-        .content {
-            height: 30vh;
-            overflow: auto;
-        }
-        .panel-body {
-            padding: var(--pf-v5-global--spacer--md);
-        }
-    }
-}
-
-// Overrides performance metrics modal font weight
-div.performance-metrics-modal {
-    div.pf-v5-c-modal-box__body {
-        div.sticky-header {
-            div.pf-v5-l-flex.pf-m-justify-content-space-between {
-                // For versions dropdown
-                div.pf-v5-u-w-50.pf-v5-u-pr-md {
-                    div.pf-v5-u-font-weight-bold {
-                        font-weight: 600 !important;
-                    }
-                }
-                // For categories dropdown
-                div.pf-v5-u-w-50.pf-v5-u-pl-md {
-                    div.pf-v5-u-font-weight-bold {
-                        font-weight: 600 !important;
-                    }
-                }
-            }
-        }
-
-        // To override font weight on the accordion text in performance metrics modal - PCM-11644
-        div.content {
-            div.pf-v5-c-panel.pf-m-bordered {
-                div.pf-v5-c-panel__main {
-                    div.pf-v5-c-panel__main-body {
-                        dl.pf-v5-c-accordion.pf-m-bordered {
-                            dt {
-                                button {
-                                    span.pf-v5-c-accordion__toggle-text {
-                                        span {
-                                            font-weight: 500 !important;
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-#top-content-suggestion {
-    .pf-v5-c-expandable-section__content {
-        border: unset;
-    }
-    .card-hint {
-        background-color: var(--pf-v5-global--BackgroundColor--200);
-    }
-    .card-body {
-        padding: var(--pf-v5-global--spacer--md);
-    }
-    .hint-title {
-        color: var(--pf-v5-global--primary-color--100);
-    }
-    .accordion_title {
-        color: var(--pf-v5-global--Color--100);
-        margin: 0;
-    }
-}
-
-.top-content-panel {
-    z-index: 9;
-}
-
-.pf-v5-c-accordion__expandable-content {
-    margin: 0;
-}