@rh-support/troubleshoot 2.2.51 → 2.4.10-beta.6

package/lib/esm/scss/{_pf-overrides.scss → _pf4-overrides.scss}

@@ -1,17 +1,17 @@
 // Overrides for Patternfly 4 components
 
 :root {
-    //   --pf-v5-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
+    //   --pf-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
     --pfe-theme--font-size: 14.54545454px !important;
 }
 
-.pf-v5-c-backdrop {
+.pf-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-v5-c-modal-box {
+    .pf-c-modal-box {
         max-width: 90%;
 
         @media (min-width: 992px) {
@@ -22,12 +22,12 @@
             max-width: 50%;
         }
 
-        .pf-v5-c-title {
+        .pf-c-title {
             margin-bottom: 1rem;
             font-size: 20px;
         }
 
-        .pf-v5-c-modal-box__body {
+        .pf-c-modal-box__body {
             margin-top: 0;
             margin-bottom: 0;
 
@@ -36,7 +36,7 @@
             }
         }
 
-        .pf-v5-c-modal-box__footer {
+        .pf-c-modal-box__footer {
             margin: 0;
 
             button:first-child {
@@ -46,11 +46,11 @@
 
         // feedback form specific overrides
         &.feedback-modal {
-            .pf-v5-c-title {
+            .pf-c-title {
                 margin-bottom: 1.5rem;
             }
 
-            .pf-v5-c-modal-box__body {
+            .pf-c-modal-box__body {
                 fieldset {
                     display: -ms-flexbox;
                     display: flex;
@@ -96,23 +96,23 @@
         }
     }
 
-    .pf-modal-overflow-visible .pf-v5-c-modal-box__body {
+    .pf-modal-overflow-visible .pf-c-modal-box__body {
         overflow: visible !important;
     }
 }
 
-.pf-v5-c-divider {
+.pf-c-divider {
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
 }
 
-.pf-v5-c-alert {
-    .pf-v5-c-alert__title {
+.pf-c-alert {
+    .pf-c-alert__title {
         font-weight: 600 !important;
         font-size: 15px;
     }
 
-    .pf-v5-c-alert__description .restore-session-list {
+    .pf-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-v5-global--palette--blue-500) !important;
+                    color: var(--pf-global--palette--blue-500) !important;
                 }
             }
         }
     }
 
-    .pf-v5-c-alert__action {
+    .pf-c-alert__action {
         button {
             padding: 6px 12px;
             background: transparent;
@@ -162,29 +162,29 @@
         }
     }
 
-    &.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.pf-m-info.pf-m-inline {
+        --pf-c-alert--m-inline--before--BackgroundColor: #39a5dc;
+        --pf-c-alert__icon--Color: #39a5dc;
 
-        .pf-v5-c-alert__description > * {
+        .pf-c-alert__description > * {
             margin-bottom: 0;
         }
     }
 }
 
 #rh-support-case {
-    .pf-v5-c-expandable-section {
-        .pf-v5-c-expandable-section__content {
+    .pf-c-expandable-section {
+        .pf-c-expandable-section__content {
             margin-top: 0 !important;
             padding: 10px 5px;
             border: 1px solid #d2d2d2;
             border-top: none;
         }
 
-        .pf-v5-c-expandable-section__toggle {
+        .pf-c-expandable-section__toggle {
             font-size: 16px;
 
-            .pf-v5-c-expandable-section__toggle-text {
+            .pf-c-expandable-section__toggle-text {
                 margin-left: 8px;
                 font-weight: 500;
             }
@@ -192,23 +192,21 @@
     }
 }
 
-.pf-v5-c-accordion {
-    padding: 0;
+.pf-c-accordion {
     .pf-m-expanded ul {
         list-style-type: none; //Because, FF
     }
 
     h3 {
         margin-bottom: 0;
-        margin-top: 0;
 
-        .pf-v5-c-accordion__toggle {
-            .pf-v5-c-accordion__toggle-text {
+        .pf-c-accordion__toggle {
+            .pf-c-accordion__toggle-text {
                 font-size: 16px;
             }
 
             &.pf-m-expanded {
-                .pf-v5-c-accordion__toggle-text {
+                .pf-c-accordion__toggle-text {
                     font-weight: 600;
                 }
             }
@@ -217,25 +215,25 @@
 }
 
 .critical-solutions-modal {
-    &.pf-v5-c-modal-box {
+    &.pf-c-modal-box {
         max-width: 60% !important;
 
-        .pf-v5-c-modal-box__body {
+        .pf-c-modal-box__body {
             margin-bottom: 0;
             padding-top: 0.5rem;
             padding-bottom: 0;
         }
     }
 
-    .pf-v5-c-accordion {
+    .pf-c-accordion {
         h3 {
             margin-top: 0;
         }
 
-        .pf-v5-c-accordion__toggle {
+        .pf-c-accordion__toggle {
             padding: 0.8rem 1rem;
 
-            .pf-v5-c-accordion__toggle-text {
+            .pf-c-accordion__toggle-text {
                 overflow: visible;
                 max-width: 95%;
                 white-space: normal;
@@ -247,7 +245,7 @@
             }
         }
 
-        .pf-v5-c-accordion__expanded-content-body {
+        .pf-c-accordion__expanded-content-body {
             padding: 1rem 1.5rem;
 
             & > *:not(.ea-rule) .cta-link {
@@ -262,7 +260,7 @@
             }
         }
 
-        .pf-v5-c-accordion__toggle-text .pf-v5-c-label {
+        .pf-c-accordion__toggle-text .pf-c-label {
             font-weight: 400;
             padding: 4px 8px;
             line-height: 21px;
@@ -270,7 +268,7 @@
     }
 }
 
-.pf-v5-c-alert-group {
+.pf-c-alert-group {
     list-style: none;
 }
 
@@ -282,7 +280,6 @@
     background-color: #286869 !important;
     .card-title {
         color: #fff !important;
-        font-weight: 900;
     }
     div > button > span > svg {
         color: white !important;
@@ -291,12 +288,6 @@
         color: white !important;
     }
 }
-
-.popular-solutions-toggle-button {
-    padding-right: 5px;
-    margin-top: 2px;
-}
-
 .file-diag {
     border: 1px solid #ededed;
 }
@@ -307,12 +298,12 @@
     margin-bottom: 0;
     padding: 0.5rem 0.8rem;
     font-size: 15px;
-    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);
+    background-color: var(--pf-global--palette--black-500);
+    border: 1px solid var(--pf-global--palette--black-500);
+    color: var(--pf-global--palette--white);
 }
 
-.file-diag .file-buttons .pf-v5-c-switch .pf-v5-c-switch__label {
+.file-diag .file-buttons .pf-c-switch .pf-c-switch__label {
     padding-left: 10px;
     font-size: 15px;
 }
@@ -321,21 +312,21 @@
     top: 20px !important;
 }
 
-.pf-v5-c-button.pf-m-secondary[disabled]::after {
+.pf-c-button.pf-m-secondary[disabled]::after {
     border: 0;
 }
 
-.pf-v5-c-button .pf-m-active {
+.pf-c-button .pf-m-active {
     color: #06c;
 }
 
 // Override disable color on darker backgrounds
 .case-overview-secondary,
 #review {
-    .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;
+    .pf-c-select__toggle.pf-m-disabled,
+    .pf-c-select__toggle:disabled {
+        --pf-c-select__toggle--Color: #ccc;
+        --pf-c-select__toggle--BackgroundColor: #fff;
     }
 }
 
@@ -351,11 +342,11 @@ section.grid-aside-content pfe-accordion {
     --pfe-accordion--FontWeight--header: 600;
 }
 
-div.pf-v5-c-modal-box__body label.pf-v5-c-switch {
+div.pf-c-modal-box__body label.pf-c-switch {
     padding: 1rem;
 }
 // override added padding
-div.pf-v5-c-alert__description div.ea-rule p a.pf-v5-c-button {
+div.pf-c-alert__description div.ea-rule p a.pf-c-button {
     padding: 0;
 }
 
@@ -373,20 +364,20 @@ section div.file-recommendations h5 {
     margin: 0 !important;
 }
 
-section div.file-recommendations h5 span div.pf-v5-c-label-group {
+section div.file-recommendations h5 span div.pf-c-label-group {
     display: flex;
 }
 
-div input.pf-v5-c-form-control.pf-m-search {
+div input.pf-c-form-control.pf-m-search {
     background-image: none;
 }
 // To override font weight in CEP Form - PCM-11644
-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 {
+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 {
                         font-weight: 600 !important;
                     }
                 }
@@ -397,24 +388,24 @@ div#cep-details-modal.pf-v5-c-modal-box__body {
 
 // To override font weight in Request Escalation Form - PCM-11644
 div#request-mgmt-escalation-modal.request-escalation-modal {
-    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 {
+    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 {
                                     font-weight: 600 !important;
                                 }
                             }
                         }
                     }
                 }
-                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 {
+                div.pf-c-form__group {
+                    div.pf-c-form__group-label {
+                        label.pf-c-form__label {
+                            span.pf-c-form__label-text {
                                 font-weight: 600 !important;
                             }
                         }
@@ -426,13 +417,13 @@ div#request-mgmt-escalation-modal.request-escalation-modal {
 }
 
 // To override font weight on reopen case modal - PCM-11644
-#case-reopen-modal {
-    form.pf-v5-c-form.case-reopen-modal-form {
-        div.pf-v5-c-form__group {
-            div.pf-v5-c-form__group-label {
-                .pf-v5-c-form__label {
-                    .pf-v5-c-form__label-text {
-                        font-weight: 500 !important;
+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 {
+                        font-weight: 600 !important;
                     }
                 }
             }
@@ -444,18 +435,18 @@ pfe-accordion {
     box-shadow: inset 1px 1px 0px #d2d2d2, inset -1px -1px 0px #d2d2d2;
 }
 
-.pf-v5-c-wizard__main,
-.pf-v5-c-wizard__footer,
-.pf-v5-c-wizard__nav {
+.pf-c-wizard__main,
+.pf-c-wizard__footer,
+.pf-c-wizard__nav {
     z-index: 1 !important;
 }
 
-.pf-v5-c-options-menu__menu {
+.pf-c-options-menu__menu {
     z-index: 9 !important;
 }
 
 #tc-product-dropdown-selector {
-    .pf-v5-c-select__menu {
+    .pf-c-select__menu {
         z-index: 90 !important;
     }
 }
@@ -468,7 +459,7 @@ div.suggestions-result-section {
     margin-top: 2rem;
 }
 
-.all-product-selector-dropdown .pf-v5-c-select__menu-group-title:empty {
+.all-product-selector-dropdown .pf-c-select__menu-group-title:empty {
     display: none;
 }
 
@@ -477,10 +468,10 @@ div.suggestions-result-section {
 }
 
 .update-info-button {
-    --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;
+    --pf-c-button--BackgroundColor: #fff;
+    --pf-c-button--hover--BackgroundColor: #ededed;
+    --pf-c-button--active--BackgroundColor: #ededed;
+    --pf-c-button--focus--BackgroundColor: #ededed;
 }
 
 .submit-case-check-icon {
@@ -492,126 +483,6 @@ div.suggestions-result-section {
     margin-bottom: 1rem !important;
 }
 
-.pf-v5-c-alert p {
-    margin-bottom: 0;
-}
-
-.pf-v5-c-label-group__list {
+.pf-c-alert p {
     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;
-}
-
-.product-selector-group {
-    .pf-v5-c-select__menu-group-title {
-        font-weight: 700;
-    }
-}
-
-.pf-v5-c-accordion__expandable-content {
-    margin: 0;
-}
-
-.top-content-suggestion-accordion {
-    dl dt {
-        margin: 0px;
-    }
-    .pf-v5-c-accordion.pf-m-bordered {
-        margin: 0px;
-        padding: 0px;
-    }
-
-    border: 1px solid #d2d2d2;
-}
-
-.pf-v5-c-alert__title {
-    margin-bottom: 0px;
-}
-
-.restore-session-alert {
-    .pf-v5-c-alert__icon {
-        font-size: 18px;
-    }
-    .pf-v5-c-alert__description {
-        margin-top: 0px;
-    }
-}
-
-#cep-details-modal {
-    .pf-v5-c-form__label-text {
-        font-weight: 500;
-    }
-}
-
-.file-recommendations-file-upload-alert {
-    .pf-v5-c-alert__icon {
-        margin-top: 15px;
-    }
-}
-
-.close-case-modal-form {
-    .pf-v5-c-form__label {
-        .pf-v5-c-form__label-text {
-            font-weight: 500 !important;
-        }
-    }
-}
-
-ul.pf-v5-c-menu__list,
-.pf-v5-c-modal-box__title {
-    margin-bottom: 0px;
-}
-
-div.related-ticket-search-input-container#related-ticket-search-container {
-    float: right;
-    margin-bottom: 1rem;
-}
-
-.related-ticket-search-input {
-    width: 25rem;
-}
-
-button.pf-v5-c-toggle-group__button {
-    z-index: 1;
-}

package/lib/esm/scss/index.scss

@@ -2,8 +2,9 @@
 ============================================ */
 
 #se-solution-engine {
+    @import './pf4-imports';
     font-size: inherit !important;
 }
 
-@import './pf-overrides';
+@import './pf4-overrides';
 @import './main';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.51",
+    "version": "2.4.10-beta.6",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,13 +26,13 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.16.39",
+        "@cee-eng/hydrajs": "4.16.43",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "5.1.0",
+        "@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-core": "4.264.0",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
         "i18next": "^19.0.1",
@@ -46,6 +46,7 @@
         "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",
@@ -55,22 +56,21 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.16.39",
+        "@cee-eng/hydrajs": "4.16.43",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "5.1.0",
+        "@patternfly/patternfly": "4.196.7",
         "@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": "5.1.1",
-        "@patternfly/react-table": "^5.1.1",
+        "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.29",
-        "@rh-support/react-context": "2.1.32",
+        "@rh-support/components": "2.4.10-beta.6",
+        "@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-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.4.1",
@@ -86,6 +86,7 @@
         "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",
@@ -132,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "6ef07a6eed08ccdb4a4d97df9bdaca774b3780e0"
+    "gitHead": "f4caba45a2ffbc0cb441fdd30630769b447931d1"
 }

package/lib/esm/components/CaseEditView/CaseSolutions/HandpicketItem.d.ts

@@ -1,13 +0,0 @@
-import { ICaseDetailAsideRecommendation } from './CaseSolutionsItem';
-interface IProps {
-    pinTitle: string;
-    caseNumber: string;
-    index: number;
-    recommendation: ICaseDetailAsideRecommendation;
-    isPinLoading: any;
-    onRecommendationLike: () => void;
-    type: string;
-}
-export declare function HandpickedItem(props: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=HandpicketItem.d.ts.map

package/lib/esm/components/CaseEditView/CaseSolutions/HandpicketItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HandpicketItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/HandpicketItem.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,8BAA8B,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC;IAClB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eAwH3C"}