@rh-support/troubleshoot 2.2.39 → 2.2.42

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

@@ -1,17 +1,17 @@
 // Overrides for Patternfly 4 components
 
 :root {
-    //   --pf-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
+    //   --pf-v5-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
     --pfe-theme--font-size: 14.54545454px !important;
 }
 
-.pf-c-backdrop {
+.pf-v5-c-backdrop {
     -webkit-backdrop-filter: blur(10px);
     background-color: rgba(3, 3, 3, 0.619608);
     box-sizing: border-box;
     color: rgb(21, 21, 21);
 
-    .pf-c-modal-box {
+    .pf-v5-c-modal-box {
         max-width: 90%;
 
         @media (min-width: 992px) {
@@ -22,12 +22,12 @@
             max-width: 50%;
         }
 
-        .pf-c-title {
+        .pf-v5-c-title {
             margin-bottom: 1rem;
             font-size: 20px;
         }
 
-        .pf-c-modal-box__body {
+        .pf-v5-c-modal-box__body {
             margin-top: 0;
             margin-bottom: 0;
 
@@ -36,7 +36,7 @@
             }
         }
 
-        .pf-c-modal-box__footer {
+        .pf-v5-c-modal-box__footer {
             margin: 0;
 
             button:first-child {
@@ -46,11 +46,11 @@
 
         // feedback form specific overrides
         &.feedback-modal {
-            .pf-c-title {
+            .pf-v5-c-title {
                 margin-bottom: 1.5rem;
             }
 
-            .pf-c-modal-box__body {
+            .pf-v5-c-modal-box__body {
                 fieldset {
                     display: -ms-flexbox;
                     display: flex;
@@ -96,23 +96,23 @@
         }
     }
 
-    .pf-modal-overflow-visible .pf-c-modal-box__body {
+    .pf-modal-overflow-visible .pf-v5-c-modal-box__body {
         overflow: visible !important;
     }
 }
 
-.pf-c-divider {
+.pf-v5-c-divider {
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
 }
 
-.pf-c-alert {
-    .pf-c-alert__title {
+.pf-v5-c-alert {
+    .pf-v5-c-alert__title {
         font-weight: 600 !important;
         font-size: 15px;
     }
 
-    .pf-c-alert__description .restore-session-list {
+    .pf-v5-c-alert__description .restore-session-list {
         margin-bottom: 0;
         padding-left: 0;
         list-style: none;
@@ -147,13 +147,13 @@
                 padding: 0 10px;
 
                 &:hover svg {
-                    color: var(--pf-global--palette--blue-500) !important;
+                    color: var(--pf-v5-global--palette--blue-500) !important;
                 }
             }
         }
     }
 
-    .pf-c-alert__action {
+    .pf-v5-c-alert__action {
         button {
             padding: 6px 12px;
             background: transparent;
@@ -162,29 +162,29 @@
         }
     }
 
-    &.pf-c-alert.pf-m-info.pf-m-inline {
-        --pf-c-alert--m-inline--before--BackgroundColor: #39a5dc;
-        --pf-c-alert__icon--Color: #39a5dc;
+    &.pf-v5-c-alert.pf-m-info.pf-m-inline {
+        --pf-v5-c-alert--m-inline--before--BackgroundColor: #39a5dc;
+        --pf-v5-c-alert__icon--Color: #39a5dc;
 
-        .pf-c-alert__description > * {
+        .pf-v5-c-alert__description > * {
             margin-bottom: 0;
         }
     }
 }
 
 #rh-support-case {
-    .pf-c-expandable-section {
-        .pf-c-expandable-section__content {
+    .pf-v5-c-expandable-section {
+        .pf-v5-c-expandable-section__content {
             margin-top: 0 !important;
             padding: 10px 5px;
             border: 1px solid #d2d2d2;
             border-top: none;
         }
 
-        .pf-c-expandable-section__toggle {
+        .pf-v5-c-expandable-section__toggle {
             font-size: 16px;
 
-            .pf-c-expandable-section__toggle-text {
+            .pf-v5-c-expandable-section__toggle-text {
                 margin-left: 8px;
                 font-weight: 500;
             }
@@ -192,7 +192,8 @@
     }
 }
 
-.pf-c-accordion {
+.pf-v5-c-accordion {
+    padding: 0;
     .pf-m-expanded ul {
         list-style-type: none; //Because, FF
     }
@@ -200,13 +201,13 @@
     h3 {
         margin-bottom: 0;
 
-        .pf-c-accordion__toggle {
-            .pf-c-accordion__toggle-text {
+        .pf-v5-c-accordion__toggle {
+            .pf-v5-c-accordion__toggle-text {
                 font-size: 16px;
             }
 
             &.pf-m-expanded {
-                .pf-c-accordion__toggle-text {
+                .pf-v5-c-accordion__toggle-text {
                     font-weight: 600;
                 }
             }
@@ -215,25 +216,25 @@
 }
 
 .critical-solutions-modal {
-    &.pf-c-modal-box {
+    &.pf-v5-c-modal-box {
         max-width: 60% !important;
 
-        .pf-c-modal-box__body {
+        .pf-v5-c-modal-box__body {
             margin-bottom: 0;
             padding-top: 0.5rem;
             padding-bottom: 0;
         }
     }
 
-    .pf-c-accordion {
+    .pf-v5-c-accordion {
         h3 {
             margin-top: 0;
         }
 
-        .pf-c-accordion__toggle {
+        .pf-v5-c-accordion__toggle {
             padding: 0.8rem 1rem;
 
-            .pf-c-accordion__toggle-text {
+            .pf-v5-c-accordion__toggle-text {
                 overflow: visible;
                 max-width: 95%;
                 white-space: normal;
@@ -245,7 +246,7 @@
             }
         }
 
-        .pf-c-accordion__expanded-content-body {
+        .pf-v5-c-accordion__expanded-content-body {
             padding: 1rem 1.5rem;
 
             & > *:not(.ea-rule) .cta-link {
@@ -260,7 +261,7 @@
             }
         }
 
-        .pf-c-accordion__toggle-text .pf-c-label {
+        .pf-v5-c-accordion__toggle-text .pf-v5-c-label {
             font-weight: 400;
             padding: 4px 8px;
             line-height: 21px;
@@ -268,7 +269,7 @@
     }
 }
 
-.pf-c-alert-group {
+.pf-v5-c-alert-group {
     list-style: none;
 }
 
@@ -298,12 +299,12 @@
     margin-bottom: 0;
     padding: 0.5rem 0.8rem;
     font-size: 15px;
-    background-color: var(--pf-global--palette--black-500);
-    border: 1px solid var(--pf-global--palette--black-500);
-    color: var(--pf-global--palette--white);
+    background-color: var(--pf-v5-global--palette--black-500);
+    border: 1px solid var(--pf-v5-global--palette--black-500);
+    color: var(--pf-v5-global--palette--white);
 }
 
-.file-diag .file-buttons .pf-c-switch .pf-c-switch__label {
+.file-diag .file-buttons .pf-v5-c-switch .pf-v5-c-switch__label {
     padding-left: 10px;
     font-size: 15px;
 }
@@ -312,21 +313,21 @@
     top: 20px !important;
 }
 
-.pf-c-button.pf-m-secondary[disabled]::after {
+.pf-v5-c-button.pf-m-secondary[disabled]::after {
     border: 0;
 }
 
-.pf-c-button .pf-m-active {
+.pf-v5-c-button .pf-m-active {
     color: #06c;
 }
 
 // Override disable color on darker backgrounds
 .case-overview-secondary,
 #review {
-    .pf-c-select__toggle.pf-m-disabled,
-    .pf-c-select__toggle:disabled {
-        --pf-c-select__toggle--Color: #ccc;
-        --pf-c-select__toggle--BackgroundColor: #fff;
+    .pf-v5-c-select__toggle.pf-m-disabled,
+    .pf-v5-c-select__toggle:disabled {
+        --pf-v5-c-select__toggle--Color: #ccc;
+        --pf-v5-c-select__toggle--BackgroundColor: #fff;
     }
 }
 
@@ -342,11 +343,11 @@ section.grid-aside-content pfe-accordion {
     --pfe-accordion--FontWeight--header: 600;
 }
 
-div.pf-c-modal-box__body label.pf-c-switch {
+div.pf-v5-c-modal-box__body label.pf-v5-c-switch {
     padding: 1rem;
 }
 // override added padding
-div.pf-c-alert__description div.ea-rule p a.pf-c-button {
+div.pf-v5-c-alert__description div.ea-rule p a.pf-v5-c-button {
     padding: 0;
 }
 
@@ -364,20 +365,20 @@ section div.file-recommendations h5 {
     margin: 0 !important;
 }
 
-section div.file-recommendations h5 span div.pf-c-label-group {
+section div.file-recommendations h5 span div.pf-v5-c-label-group {
     display: flex;
 }
 
-div input.pf-c-form-control.pf-m-search {
+div input.pf-v5-c-form-control.pf-m-search {
     background-image: none;
 }
 // To override font weight in CEP Form - PCM-11644
-div#cep-details-modal.pf-c-modal-box__body {
-    form.pf-c-form.push-top-narrow {
-        div.pf-c-form__group {
-            div.pf-c-form__group-label {
-                label.pf-c-form__label {
-                    span.pf-c-form__label-text {
+div#cep-details-modal.pf-v5-c-modal-box__body {
+    form.pf-v5-c-form.push-top-narrow {
+        div.pf-v5-c-form__group {
+            div.pf-v5-c-form__group-label {
+                label.pf-v5-c-form__label {
+                    span.pf-v5-c-form__label-text {
                         font-weight: 600 !important;
                     }
                 }
@@ -388,24 +389,24 @@ div#cep-details-modal.pf-c-modal-box__body {
 
 // To override font weight in Request Escalation Form - PCM-11644
 div#request-mgmt-escalation-modal.request-escalation-modal {
-    div.pf-c-modal-box__body {
-        form.pf-c-form.request-escalation-form {
-            div.pf-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
-                div.pf-l-grid__item.pf-m-6-col {
-                    div.pf-c-form__group {
-                        div.pf-c-form__group-label {
-                            label.pf-c-form__label {
-                                span.pf-c-form__label-text {
+    div.pf-v5-c-modal-box__body {
+        form.pf-v5-c-form.request-escalation-form {
+            div.pf-v5-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
+                div.pf-v5-l-grid__item.pf-m-6-col {
+                    div.pf-v5-c-form__group {
+                        div.pf-v5-c-form__group-label {
+                            label.pf-v5-c-form__label {
+                                span.pf-v5-c-form__label-text {
                                     font-weight: 600 !important;
                                 }
                             }
                         }
                     }
                 }
-                div.pf-c-form__group {
-                    div.pf-c-form__group-label {
-                        label.pf-c-form__label {
-                            span.pf-c-form__label-text {
+                div.pf-v5-c-form__group {
+                    div.pf-v5-c-form__group-label {
+                        label.pf-v5-c-form__label {
+                            span.pf-v5-c-form__label-text {
                                 font-weight: 600 !important;
                             }
                         }
@@ -417,12 +418,12 @@ div#request-mgmt-escalation-modal.request-escalation-modal {
 }
 
 // To override font weight on reopen case modal - PCM-11644
-div#case-reopen-modal.pf-c-modal-box__body {
-    form.pf-c-form.case-reopen-modal-form {
-        div.pf-c-form__group {
-            div.pf-c-form__group-label {
-                label.pf-c-form__label {
-                    span.pf-c-form__label-text {
+div#case-reopen-modal.pf-v5-c-modal-box__body {
+    form.pf-v5-c-form.case-reopen-modal-form {
+        div.pf-v5-c-form__group {
+            div.pf-v5-c-form__group-label {
+                label.pf-v5-c-form__label {
+                    span.pf-v5-c-form__label-text {
                         font-weight: 600 !important;
                     }
                 }
@@ -435,18 +436,18 @@ pfe-accordion {
     box-shadow: inset 1px 1px 0px #d2d2d2, inset -1px -1px 0px #d2d2d2;
 }
 
-.pf-c-wizard__main,
-.pf-c-wizard__footer,
-.pf-c-wizard__nav {
+.pf-v5-c-wizard__main,
+.pf-v5-c-wizard__footer,
+.pf-v5-c-wizard__nav {
     z-index: 1 !important;
 }
 
-.pf-c-options-menu__menu {
+.pf-v5-c-options-menu__menu {
     z-index: 9 !important;
 }
 
 #tc-product-dropdown-selector {
-    .pf-c-select__menu {
+    .pf-v5-c-select__menu {
         z-index: 90 !important;
     }
 }
@@ -459,7 +460,7 @@ div.suggestions-result-section {
     margin-top: 2rem;
 }
 
-.all-product-selector-dropdown .pf-c-select__menu-group-title:empty {
+.all-product-selector-dropdown .pf-v5-c-select__menu-group-title:empty {
     display: none;
 }
 
@@ -468,10 +469,10 @@ div.suggestions-result-section {
 }
 
 .update-info-button {
-    --pf-c-button--BackgroundColor: #fff;
-    --pf-c-button--hover--BackgroundColor: #ededed;
-    --pf-c-button--active--BackgroundColor: #ededed;
-    --pf-c-button--focus--BackgroundColor: #ededed;
+    --pf-v5-c-button--BackgroundColor: #fff;
+    --pf-v5-c-button--hover--BackgroundColor: #ededed;
+    --pf-v5-c-button--active--BackgroundColor: #ededed;
+    --pf-v5-c-button--focus--BackgroundColor: #ededed;
 }
 
 .submit-case-check-icon {
@@ -483,6 +484,53 @@ div.suggestions-result-section {
     margin-bottom: 1rem !important;
 }
 
-.pf-c-alert p {
+.pf-v5-c-alert p {
+    margin-bottom: 0;
+}
+
+.pf-v5-c-label-group__list {
     margin-bottom: 0;
 }
+
+.pf-v5-c-panel__main-body {
+    padding: 0;
+}
+.pf-v5-c-form-control textarea,
+.pf-v5-c-form-control input {
+    outline: none;
+    &:focus {
+        border-bottom-color: #06c;
+    }
+}
+
+.pf-v5-c-wizard__main {
+    padding: 0 !important;
+}
+.pf-v5-c-card {
+    header {
+        font-weight: 500;
+    }
+}
+
+ul.pf-v5-c-tabs__list {
+    margin-bottom: 0px;
+}
+
+ul.pf-v5-c-chip-group__list {
+    margin: 0px;
+}
+
+span.pf-v5-c-input-group__text {
+    display: inline-flex;
+    width: 100%;
+}
+
+.bookmark-search-dropdown-wrapper {
+    div.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action {
+        width: 100%;
+    }
+}
+
+.pf-v5-c-list {
+    padding: 0;
+}

package/lib/esm/scss/index.scss

@@ -2,7 +2,6 @@
 ============================================ */
 
 #se-solution-engine {
-    @import './pf4-imports';
     font-size: inherit !important;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.39",
+    "version": "2.2.42",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -28,11 +28,11 @@
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.16.33",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "4.196.7",
+        "@patternfly/patternfly": "5.1.0",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.264.0",
+        "@patternfly/react-core": "5.1.1",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
         "i18next": "^19.0.1",
@@ -46,7 +46,6 @@
         "qs": "^6.7.0",
         "react": "17.0.2",
         "react-bootstrap-typeahead": "^5.1.4",
-        "react-content-loader": "^5.1.0",
         "react-dom": "17.0.2",
         "react-dropzone": "^10.2.1",
         "react-i18next": "^11.2.5",
@@ -58,18 +57,18 @@
     "dependencies": {
         "@cee-eng/hydrajs": "4.16.33",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "4.196.7",
+        "@patternfly/patternfly": "5.1.0",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-icon": "^1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.264.0",
+        "@patternfly/react-core": "5.1.1",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.23",
-        "@rh-support/react-context": "2.1.25",
+        "@rh-support/components": "2.1.25",
+        "@rh-support/react-context": "2.1.27",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.17",
+        "@rh-support/user-permissions": "2.1.18",
         "@rh-support/utils": "2.1.11",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
@@ -86,7 +85,6 @@
         "qs": "^6.11.0",
         "react": "17.0.2",
         "react-bootstrap-typeahead": "^5.1.4",
-        "react-content-loader": "^5.1.0",
         "react-dom": "17.0.2",
         "react-dropzone": "^10.2.1",
         "react-i18next": "^11.2.5",
@@ -133,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "c082a541ec56ac26470bb50a86a6c5af323f5c17"
+    "gitHead": "e67736e7b8a06c4617cc8e49a905ba7819e5ae63"
 }

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

@@ -1,30 +0,0 @@
-// Global imports for Patternfly 4 components
-
-$pf-global--load-pf-3: false;
-$pf-global--enable-reset: false;
-$pf-global--fonticon-path: '~@patternfly/patternfly/assets/pficon';
-
-// Base imports
-@import '~@patternfly/patternfly/patternfly-addons.scss';
-@import '~@patternfly/patternfly/base/_variables.scss';
-
-// Component imports
-@import '~@patternfly/patternfly/components/ModalBox/modal-box.scss';
-@import '~@patternfly/patternfly/components/Tooltip/tooltip.scss';
-@import '~@patternfly/patternfly/components/Popover/popover.scss';
-@import '~@patternfly/patternfly/components/Switch/switch.scss';
-@import '~@patternfly/patternfly/components/Label/label.scss';
-@import '~@patternfly/patternfly/components/Alert/alert.scss';
-
-// Layout imports
-@import '~@patternfly/patternfly/layouts/Bullseye/bullseye.scss';
-@import '~@patternfly/patternfly/layouts/Flex/flex.scss';
-@import '~@patternfly/patternfly/layouts/Grid/grid.scss';
-@import '~@patternfly/patternfly/layouts/Level/level.scss';
-@import '~@patternfly/patternfly/layouts/Split/split.scss';
-@import '~@patternfly/patternfly/layouts/Stack/stack.scss';
-
-// Global font overwrite
-:root {
-    // --pf-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
-}