@rh-support/manage 2.6.1 → 2.32.2-prodBackup

package/lib/esm/scss/_main.scss

@@ -8,11 +8,11 @@
     }
 }
 
-.pf-v5-c-accordion .pf-v5-c-accordion-footer {
+.pf-v6-c-accordion .pf-v6-c-accordion-footer {
     padding: 16px 32px;
 }
 
-.pf-v5-c-accordion .pf-v5-c-accordion__expanded-content-body {
+.pf-v6-c-accordion .pf-v6-c-accordion__expanded-content-body {
     .edit-solution {
         margin-bottom: 2rem;
     }
@@ -42,10 +42,19 @@
         -ms-flex-direction: column;
         flex-direction: column;
         flex-wrap: wrap;
-        padding: 1rem 1.2rem;
+        justify-content: space-between !important;
+        padding-left: var(--pf-t--global--spacer--lg);
+        padding-right: var(--pf-t--global--spacer--lg);
+        padding-top: var(--pf-t--global--spacer--md);
+        padding-bottom: var(--pf-t--global--spacer--md);
         background-color: #f0f0f0;
         border: 1px solid #d2d2d2;
 
+        &:not(.secondary-toolbar) {
+            border-top-left-radius: var(--pf-t--global--border--radius--small);
+            border-top-right-radius: var(--pf-t--global--border--radius--small);
+        }
+
         .toolbar-content {
             width: 49%;
         }
@@ -66,6 +75,15 @@
             margin-bottom: 1rem;
             display: inherit;
 
+            .manage-group-actions-toggle-options {
+                padding-top: 10px;
+                padding-bottom: 10px;
+            }
+
+            .manage-group-actions-toggle-options .pf-v6-c-menu-toggle__controls {
+                display: none;
+            }
+
             & > *:nth-child(2):not(.group-action) {
                 width: 100%;
                 // max-width: 440px;
@@ -107,15 +125,13 @@
             align-items: flex-start;
 
             .toolbar-left {
-                flex: 0 1 70%;
-                width: 70%;
+                flex: 0 1 50%;
                 margin-bottom: 0;
             }
 
             .toolbar-right {
-                flex: 1 1 28%;
-                max-width: 28%;
-                margin-left: auto;
+                flex: 1 1 35%;
+                max-width: 35%;
             }
         }
 
@@ -123,6 +139,7 @@
             background-color: #d2d2d2;
             border: 1px solid #d2d2d2;
             color: #6a6e73;
+            border-radius: var(--pf-t--global--border--radius--small);
         }
 
         .group-actions-dropdown [disabled] {
@@ -157,8 +174,8 @@
             border-top: none;
         }
 
-        .pf-v5-c-table__action {
-            .pf-v5-c-dropdown__menu button.pf-m-disabled:hover {
+        .pf-v6-c-table__action {
+            .pf-v6-c-dropdown__menu button.pf-m-disabled:hover {
                 cursor: not-allowed;
             }
         }
@@ -167,15 +184,17 @@
             margin-top: 0;
             padding: 0.5rem 1.2rem;
             background-color: #f0f0f0;
+            border-bottom-left-radius: var(--pf-t--global--border--radius--small);
+            border-bottom-right-radius: var(--pf-t--global--border--radius--small);
 
-            .pf-v5-c-pagination {
+            .pf-v6-c-pagination {
                 padding: 0;
                 background-color: transparent;
 
-                .pf-v5-c-pagination__nav {
+                .pf-v6-c-pagination__nav {
                     align-items: baseline;
 
-                    .pf-v5-c-pagination__nav-page-select {
+                    .pf-v6-c-pagination__nav-page-select {
                         display: flex;
                         align-items: baseline;
                     }
@@ -183,7 +202,7 @@
             }
         }
     }
-    .pf-v5-c-tabs__item {
+    .pf-v6-c-tabs__item {
         white-space: nowrap;
         a {
             color: gray;
@@ -193,7 +212,7 @@
         }
     }
 
-    .pf-v5-c-tabs__item.pf-m-current {
+    .pf-v6-c-tabs__item.pf-m-current {
         background-color: white;
         min-width: 200px;
         a {
@@ -201,9 +220,13 @@
         }
     }
 
-    .pf-v5-c-tab-content {
+    .pf-v6-c-tab-content {
         flex: 1;
     }
+
+    #comment-signature-textarea {
+        resize: none !important;
+    }
 }
 
 #manage-top-content {
@@ -222,6 +245,10 @@
     .top-content-manage-wrapper {
         border: 1px solid #ccc;
         border-top: none;
+
+        #no-content {
+            min-height: 30rem;
+        }
     }
     .top-content-needs-attention {
         color: var(--pf-v5-global--danger-color--100);
@@ -240,6 +267,10 @@
         dt {
             margin: 0;
         }
+
+        .pf-v6-c-empty-state {
+            min-height: 25rem;
+        }
     }
 }
 
@@ -255,18 +286,18 @@
 }
 
 // specific overrides under manage because of a different implementation
-.pf-v5-c-select {
-    .pf-v5-c-select__toggle-wrapper > form:first-child {
+.pf-v6-c-select {
+    .pf-v6-c-select__toggle-wrapper > form:first-child {
         width: 100%;
     }
 
-    .pf-v5-c-select__toggle-wrapper {
-        .pf-v5-c-select__toggle-icon {
+    .pf-v6-c-select__toggle-wrapper {
+        .pf-v6-c-select__toggle-icon {
             margin-left: 4px;
             margin-right: 0;
         }
 
-        .pf-v5-c-select__toggle-typeahead {
+        .pf-v6-c-select__toggle-typeahead {
             border-left: none;
             border-right: none;
         }
@@ -277,7 +308,11 @@
     }
 }
 
-.pf-v5-c-button {
+.permissions-select {
+    max-width: 80%;
+}
+
+.pf-v6-c-button {
     font-size: 14px;
 }
 
@@ -300,17 +335,22 @@
     width: -webkit-fill-available;
 }
 
-.pf-v5-c-table__action li:hover button:not(.pf-m-disabled) {
+.pf-v6-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-v6-c-table__action li:nth-child(2) button:hover,
+.pf-v6-c-table__action li:nth-child(3) button:hover {
     color: #a30000;
 }
 
 .preference-card {
     background-color: #f0f0f0;
+    min-height: 25rem;
+}
+
+.preference-card .pf-v6-c-card__header-main h3 {
+    font-weight: var(--pf-t--global--font--weight--heading--bold);
 }
 
 .preference-dropdown {
@@ -351,3 +391,96 @@ svg.hostnameSpinner {
     flex-direction: row;
     justify-content: space-between;
 }
+
+#manage-bookmarked-accounts {
+    .bookmark-account {
+        min-width: 22rem;
+    }
+
+    .pf-v6-c-empty-state__icon {
+        color: var(--pf-t--color--gray--30);
+    }
+}
+
+.pf-v6-c-empty-state__icon {
+    color: var(--pf-t--color--gray--30);
+}
+
+.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-button:not(.pf-v6-c-menu-toggle__button) .pf-v6-svg,
+.pf-v6-c-menu-toggle__text .pf-v6-c-button .pf-v6-svg {
+    color: var(--pf-t--color--gray--50);
+}
+
+.pf-v6-c-accordion__item.pf-m-expanded {
+    display: flex;
+    flex-direction: column;
+}
+
+.pf-v6-c-accordion__expandable-content-body {
+    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 button {
+    flex: 0 0 auto;
+    height: 100%;
+}
+
+#manage-expired-content .toolbar {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: initial;
+
+    .top-content-search-input,
+    .tags-selector-menu-toggle {
+        min-width: 25rem;
+    }
+
+    & > .toolbar-content:last-child {
+        justify-content: flex-end;
+    }
+
+    & > .toolbar-content:first-child {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: start;
+    }
+}
+
+#tag-search-input input {
+    min-width: 30rem;
+}
+
+.grid-main.manage {
+    header > h2 {
+        margin-bottom: var(--pf-t--global--spacer--sm);
+    }
+
+    header {
+        margin-bottom: var(--pf-t--global--spacer--lg);
+    }
+
+    .pf-v6-c-tab-content {
+        padding-top: var(--pf-t--global--spacer--lg);
+        padding-bottom: var(--pf-t--global--spacer--lg);
+        padding-right: var(--pf-t--global--spacer--xl);
+        padding-left: var(--pf-t--global--spacer--xl);
+    }
+}
+
+.pf-v6-c-table__th {
+    padding-left: var(--pf-t--global--spacer--xl);
+}
+
+.pf-v6-c-table__td {
+    padding-left: calc(var(--pf-t--global--spacer--xl) + 1.35px);
+}
+
+.border-none {
+}

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

@@ -1,82 +1,86 @@
 // Patternfly overrides
 
-div#top-content-performance-metric.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        .pf-v5-c-title {
+div#top-content-performance-metric.pf-v6-c-modal-box {
+    .pf-v6-c-modal-box__body {
+        .pf-v6-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 {
+        .pf-v6-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 {
+            * [class*="pf-v6-c-"], [class*="pf-v6-c-"]::before, [class*="pf-v6-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);
+            padding: var(--pf-v6-c-toggle-group__button--PaddingBlockStart)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingBlockEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
         }
     }
 }
 
-div#top-content-category-limit-guidelines.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        .pf-v5-c-title {
+div#top-content-category-limit-guidelines.pf-v6-c-modal-box {
+    .pf-v6-c-modal-box__body {
+        .pf-v6-c-title {
             margin-bottom: unset;
         }
     }
 }
 
-div#top-content-major-version-performance-metric.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
+div#top-content-major-version-performance-metric.pf-v6-c-modal-box {
+    .pf-v6-c-modal-box__body {
         overflow-x: unset;
         overflow-y: unset;
-        .pf-v5-c-title {
+        .pf-v6-c-title {
             margin-bottom: unset;
         }
-        .pf-v5-c-toggle-group__button {
+        .pf-v6-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 {
+            * [class*="pf-v6-c-"], [class*="pf-v6-c-"]::before, [class*="pf-v6-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);
+            padding: var(--pf-v6-c-toggle-group__button--PaddingBlockStart)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingBlockEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
         }
         .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);
+            background: var(--pf-v6-c-modal-box--BackgroundColor);
+            z-index: 89; // As .pf-v6-c-toggle-group__button is having z-index: var(--pf-v6-c-toggle-group__button--ZIndex)
+            padding-bottom: var(--pf-t--global--spacer--sm);
         }
         .content {
             height: 30vh;
             overflow: auto;
         }
         .panel-body {
-            padding: var(--pf-v5-global--spacer--md);
+            padding: var(--pf-t--global--spacer--md);
         }
     }
 }
 
 // Overrides performance metrics modal font weight
 div.performance-metrics-modal {
-    div.pf-v5-c-modal-box__body {
+    div.pf-v6-c-modal-box__body {
         div.sticky-header {
-            div.pf-v5-l-flex.pf-m-justify-content-space-between {
+            div.pf-v6-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 {
+                div.pf-v6-u-w-50.pf-v6-u-pr-md {
+                    div.pf-v6-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 {
+                div.pf-v6-u-w-50.pf-v6-u-pl-md {
+                    div.pf-v6-u-font-weight-bold {
                         font-weight: 600 !important;
                     }
                 }
@@ -85,13 +89,13 @@ div.performance-metrics-modal {
 
         // 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 {
+            div.pf-v6-c-panel.pf-m-bordered {
+                div.pf-v6-c-panel__main {
+                    div.pf-v6-c-panel__main-body {
+                        dl.pf-v6-c-accordion.pf-m-bordered {
                             dt {
                                 button {
-                                    span.pf-v5-c-accordion__toggle-text {
+                                    span.pf-v6-c-accordion__toggle-text {
                                         span {
                                             font-weight: 500 !important;
                                         }
@@ -107,14 +111,14 @@ div.performance-metrics-modal {
 }
 
 #top-content-suggestion {
-    .pf-v5-c-expandable-section__content {
+    .pf-v6-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);
+        padding: var(--pf-t--global--spacer--md);
     }
     .hint-title {
         color: var(--pf-v5-global--primary-color--100);
@@ -129,53 +133,57 @@ div.performance-metrics-modal {
     z-index: 9;
 }
 
-.pf-v5-c-accordion__expandable-content {
-    margin: 0;
-}
-
-div.pf-v5-c-pagination__nav-page-select {
-    span.pf-v5-c-form-control {
+div.pf-v6-c-pagination__nav-page-select {
+    span.pf-v6-c-form-control {
         background-color: white;
     }
 }
 
-.pf-v5-c-select__menu {
+.pf-v6-c-select__menu {
     padding: 0;
 }
 
-.pf-v5-c-form-control.pf-m-disabled {
-    background-color: #e0e0e0;
-    border-bottom: 1px solid black;
-}
-
-.pf-v5-c-form-control.pf-m-disabled.issue-title-disabled {
+.pf-v6-c-form-control.pf-m-disabled.issue-title-disabled {
     border: none !important;
 }
 
-.pf-v5-c-chip {
+.pf-v6-c-chip {
     .pf-v5-svg {
         font-size: 12px;
     }
 }
 
-.pf-v5-c-switch__label {
+.pf-v6-c-switch__label {
     color: black !important;
     font-size: 16px;
     font-weight: 400;
     outline: none !important;
 }
 
-.pf-v5-c-menu__content {
+.pf-v6-c-menu__content {
     width: 100%;
 }
 
-.pf-v5-c-accordion .pf-v5-c-accordion__toggle {
+.pf-v6-c-accordion .pf-v6-c-accordion__toggle {
     padding: 1rem !important;
 }
 
-.pf-v5-c-chip-group__list {
+.pf-v6-c-chip-group__list {
     padding: 0;
-    .pf-v5-c-chip-group__list-item {
+    .pf-v6-c-chip-group__list-item {
         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;
+}
+
+.pf-v6-c-alert {
+    margin-top: 0;
+}

package/lib/esm/scss/index.scss

@@ -13,15 +13,15 @@
             min-width: 0;
             background-color: #ededed;
 
-            & > section.pf-v5-c-tab-content {
+            & > section.pf-v6-c-tab-content {
                 padding: 3rem;
                 background-color: #fff;
             }
         }
     }
-    .pf-v5-c-popover {
-        .pf-v5-c-popover__content {
-            .pf-v5-c-popover__body {
+    .pf-v6-c-popover {
+        .pf-v6-c-popover__content {
+            .pf-v6-c-popover__body {
                 .top-content-tooltip-view-metric-label {
                     color: var(--pf-v5-global--primary-color--100);
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.6.1",
+    "version": "2.32.2-prodBackup",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -46,9 +46,9 @@
     },
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.18.57",
-        "@patternfly/patternfly": "5.4.2",
-        "@patternfly/react-core": "5.4.2",
-        "@patternfly/react-table": "5.4.2",
+        "@patternfly/patternfly": "6.2.1",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-table": "6.2.1",
         "lodash": ">=4.17.15",
         "mark.js": "^8.11.1",
         "react": "18.2.0",
@@ -76,15 +76,15 @@
     },
     "dependencies": {
         "@cee-eng/hydrajs": "4.18.57",
-        "@patternfly/patternfly": "5.4.2",
-        "@patternfly/react-core": "5.4.2",
-        "@patternfly/react-table": "5.4.2",
-        "@rh-support/components": "2.5.20",
+        "@patternfly/patternfly": "6.2.1",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-table": "6.2.1",
+        "@rh-support/components": "2.5.45",
         "@rh-support/configs": "2.0.21",
-        "@rh-support/react-context": "2.5.22",
+        "@rh-support/react-context": "2.32.2-prodBackup",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.13",
-        "@rh-support/utils": "2.5.12",
+        "@rh-support/user-permissions": "2.5.20",
+        "@rh-support/utils": "2.5.19",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": "^23.15.0",
         "lodash": ">=4.17.15",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "aacb8a94e2321eb61f1afdb2751276f6c767dec1"
+    "gitHead": "98f1df5d7050c0998559e7c9b355f2e1c5650b46"
 }