@rh-support/cases 2.6.6 → 2.6.8

package/lib/esm/css/caseList.css

@@ -46,15 +46,19 @@
     width: 220px;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle > * {
+.case-search-top .bookmark-search-dropdown > :nth-child(2) {
+    border-left: none;
+}
+
+.case-search-top .bookmark-search-dropdown .pf-v6-c-dropdown__toggle > * {
     font-size: 16px;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button {
+.case-search-top .bookmark-search-dropdown .pf-v6-c-dropdown__toggle-button {
     padding: 6px 1rem;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button:first-child {
+.case-search-top .bookmark-search-dropdown .pf-v6-c-dropdown__toggle-button:first-child {
     -ms-flex: 1;
     flex-grow: 1;
     text-align: left;
@@ -63,12 +67,12 @@
     white-space: nowrap;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button[disabled] {
+.case-search-top .bookmark-search-dropdown .pf-v6-c-dropdown__toggle-button[disabled] {
     background-color: #e6e6e6;
     color: #73767b;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button[disabled]:hover {
+.case-search-top .bookmark-search-dropdown .pf-v6-c-dropdown__toggle-button[disabled]:hover {
     border-bottom-color: #151515;
 }
 
@@ -124,39 +128,39 @@
     flex-direction: column;
 }
 
-.case-search-top .filter-chip-wrapper .pf-v5-c-chip-group {
+.case-search-top .filter-chip-wrapper .pf-v6-c-chip-group {
     padding: 4px;
     background-color: #f0f0f0;
     border-radius: 4px;
 }
 
-.case-search-top .filter-chip-wrapper .pf-v5-c-chip-group + .pf-v5-c-chip-group {
+.case-search-top .filter-chip-wrapper .pf-v6-c-chip-group + .pf-v6-c-chip-group {
     margin-left: 0.25rem;
 }
 
-.case-search-top .filter-chip-wrapper .pf-v5-c-chip-group.pf-v5-c-chip-group__simple {
+.case-search-top .filter-chip-wrapper .pf-v6-c-chip-group.pf-v6-c-chip-group__simple {
     padding: 6px;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper .pf-v5-c-chip-group__label {
+.cases-main .case-search-top .filter-chip-wrapper .pf-v6-c-chip-group__label {
     font-size: 14px;
     padding-left: 6px;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper .pf-v5-c-chip-group__main {
+.cases-main .case-search-top .filter-chip-wrapper .pf-v6-c-chip-group__main {
     align-items: center;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper .pf-v5-c-chip__text {
+.cases-main .case-search-top .filter-chip-wrapper .pf-v6-c-chip__text {
     font-size: 14px;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper button.pf-v5-c-select__toggle {
+.cases-main .case-search-top .filter-chip-wrapper button.pf-v6-c-select__toggle {
     font-size: 13px;
     --pf-v5-c-select__toggle-text--Color: var(--pf-v5-c-select__toggle--m-placeholder__toggle-text--Color) !important;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper button.pf-v5-c-select__toggle svg {
+.cases-main .case-search-top .filter-chip-wrapper button.pf-v6-c-select__toggle svg {
     margin-left: 4px;
 }
 
@@ -188,8 +192,11 @@
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
-    padding: 1rem 1.8rem;
-    background-color: #bcc0c2;
+    min-height: 4rem;
+    padding-left: 1rem;
+    background-color: var(--pf-t--color--gray--10);
+    border-top: 1px solid var(--pf-t--global--border--color--100);
+    border-right: 1px solid var(--pf-t--global--border--color--100);
 }
 
 .case-search-bottom .case-list-table-toolbar .toolbar-actions {
@@ -220,7 +227,13 @@
 }
 
 .cases-main .case-search-table .case-list-table {
-    border: 1px solid #ccc;
+    border-top: 1px solid var(--pf-t--global--border--color--100);
+    border-right: 1px solid var(--pf-t--global--border--color--100);
+    border-bottom: 1px solid var(--pf-t--global--border--color--100);
+}
+
+.case-list-table .pf-v6-c-label .pf-v6-c-label__content .pf-v6-c-label__icon {
+    display: none;
 }
 
 .case-list-table td[data-label='Title'] {
@@ -231,7 +244,7 @@
     margin-top: 4px;
 }
 
-.case-search-bottom .case-list-table tr td:not(.pf-v5-c-table__check) {
+.case-search-bottom .case-list-table tr td:not(.pf-v6-c-table__check) {
     min-width: 80px;
 }
 
@@ -242,8 +255,7 @@
     font-weight: 500;
 }
 
-.case-search-bottom .case-list-table th.pf-v5-c-table__th {
-    padding: 16px 24px !important;
+.case-search-bottom .case-list-table th.pf-v6-c-table__th {
     word-break: inherit;
     vertical-align: middle;
     background-color: white;
@@ -264,8 +276,12 @@
 
 .case-search-bottom .case-search-table footer.toolbar-pagination {
     margin-top: 0 !important;
-    border: 1px solid #ccc;
-    border-top-color: #fff;
+    border-right: 1px solid var(--pf-t--global--border--color--100);
+    border-bottom: 1px solid var(--pf-t--global--border--color--100);
+}
+
+.case-search-bottom .case-search-table footer.toolbar-pagination > :first-child {
+    padding: 1rem;
 }
 
 .case-search-bottom #case-filters-panel {
@@ -275,18 +291,37 @@
     overflow: visible;
 }
 
+.case-search-filters {
+    border-top: 1px solid var(--pf-t--global--border--color--100);
+    border-right: 1px solid var(--pf-t--global--border--color--100);
+    border-bottom: 1px solid var(--pf-t--global--border--color--100);
+}
+
 .case-search-filters .filter-header {
-    background-color: #f2f2f2;
-    border-top: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    padding: 0.98rem 1.35rem;
+    min-height: 4rem;
     margin: 0;
+    padding: 0.5rem;
+}
+
+.case-search-filters .filter-header .pf-v6-svg {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.case-search-filters .filter-header,
+.case-search-filters.case-search-filters.collapsed .filter-header {
+    background-color: var(--pf-t--color--gray--10);
+    border-bottom: 1px solid var(--pf-t--global--border--color--100);
 }
 
 .case-search-filters.collapsed .filter-wrapper {
     padding: 0;
 }
 
+.case-search-filters .filter-header > button svg.mirrored {
+    transform: scaleX(-1);
+}
+
 .case-search-filters .filter-header button {
     display: flex;
     -ms-flex-align: center;
@@ -313,15 +348,16 @@
 
 .filter-wrapper {
     padding: 1.8rem 1.9rem;
+    background-color: var(--pf-t--color--gray--10);
 }
 
 .filter-wrapper .filter-group > * {
     margin-bottom: 2rem;
 }
 
-.filter-wrapper .filter-group > .pf-v5-c-select h3,
+.filter-wrapper .filter-group > .pf-v6-c-select h3,
 .filter-wrapper .filter-group > .additional-filters h3,
-.filter-wrapper .filter-group > .pf-v5-c-select label {
+.filter-wrapper .filter-group > .pf-v6-c-select label {
     margin-bottom: 0;
     padding-bottom: 8px;
     font-family: 'Red Hat Text';
@@ -333,7 +369,7 @@
     padding-bottom: 10px;
 }
 
-.filter-wrapper .filter-group > .additional-filters .pf-v5-c-check {
+.filter-wrapper .filter-group > .additional-filters .pf-v6-c-check {
     margin-bottom: 14px;
 }
 
@@ -341,7 +377,7 @@
     margin-right: 0;
 }
 
-#rh-support-cases .pf-v5-c-select .pf-v5-c-select__menu li label,
+#rh-support-cases .pf-v6-c-select .pf-v6-c-select__menu li label,
 .filter-wrapper .filter-group > .additional-filters label {
     margin-bottom: 0;
     font-size: 15px;
@@ -396,7 +432,7 @@
         margin-bottom: 0;
     }
 
-    .case-search-top .filter-chips .pf-v5-c-chip-group {
+    .case-search-top .filter-chips .pf-v6-c-chip-group {
         margin-top: 0;
     }
 
@@ -429,9 +465,9 @@
     }
 
     .case-search-top .bookmark-search-dropdown-wrapper .most-recent-search-button {
-        margin-top: 1rem;
         padding-right: 0;
         padding-left: 0;
+        margin-top: 0.5rem;
     }
 }
 
@@ -461,29 +497,26 @@
         max-width: 380px;
         min-width: 300px;
     }
-
-    .case-search-filters .filter-header {
-        padding: 0.98rem 1.35rem;
-    }
 }
 
-.filter-group .pf-v5-c-select__toggle {
+.filter-group .pf-v6-c-select__toggle {
     --pf-v5-c-select__toggle-text--Color: var(--pf-v5-c-select__toggle--m-placeholder__toggle-text--Color) !important;
 }
 
 .toolbar-actions > :first-child {
     margin-right: 1rem;
+    min-width: 7rem;
 }
 
 #table-actions-dropdown button {
     pointer-events: fill !important;
 }
 
-#table-actions-dropdown .pf-v5-c-icon {
+#table-actions-dropdown .pf-v6-c-icon {
     cursor: pointer;
 }
 
-#table-actions-dropdown .pf-v5-c-icon {
+#table-actions-dropdown .pf-v6-c-icon {
     margin-left: 1rem;
 }
 
@@ -508,7 +541,7 @@
     }
 
     /*  Case ID Header */
-    th#number.pf-v5-c-table__th {
+    th#number.pf-v6-c-table__th {
         position: sticky;
         left: 50px;
         z-index: 1;
@@ -517,21 +550,19 @@
 
     /* Vertical border to divide sticky columns and other columns*/
     .case-list-table tbody > tr > :nth-child(2):before,
-    th#number.pf-v5-c-table__th:before {
+    th#number.pf-v6-c-table__th:before {
         position: absolute;
         content: '';
         top: 0px;
         right: 0px;
         height: 100%;
-        border-right: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
+        border-right: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
     }
 
     /*  Problem statement Header */
-    th#summary.pf-v5-c-table__th {
+    th#summary.pf-v6-c-table__th {
         min-width: 270px !important;
         max-width: none;
-        display: flex !important;
-        justify-content: center !important;
     }
 
     .case-list-table tbody > tr > :nth-child(3) {
@@ -540,49 +571,47 @@
         text-align: center;
     }
 
-    th#contactName.pf-v5-c-table__th,
-    th#status.pf-v5-c-table__th,
-    th#folderName.pf-v5-c-table__th {
+    th#contactName.pf-v6-c-table__th,
+    th#status.pf-v6-c-table__th,
+    th#folderName.pf-v6-c-table__th {
         min-width: 140px !important;
     }
 
-    th#severity.pf-v5-c-table__th,
-    th#number.pf-v5-c-table__th {
+    th#severity.pf-v6-c-table__th,
+    th#number.pf-v6-c-table__th {
         min-width: 150px !important;
     }
 
-    th#lastModifiedDate.pf-v5-c-table__th,
-    th#createdDate.pf-v5-c-table__th {
+    th#lastModifiedDate.pf-v6-c-table__th,
+    th#createdDate.pf-v6-c-table__th {
         min-width: 180px !important;
     }
 
-    th#product.pf-v5-c-table__th,
-    th#type.pf-v5-c-table__th {
+    th#product.pf-v6-c-table__th,
+    th#type.pf-v6-c-table__th {
         min-width: 190px !important;
     }
 
-    th#accountNumber.pf-v5-c-table__th {
+    th#accountNumber.pf-v6-c-table__th {
         min-width: 205px;
     }
 
-    th#alternateCaseId.pf-v5-c-table__th {
+    th#alternateCaseId.pf-v6-c-table__th {
         min-width: 242px !important;
     }
 
     /*  Closed Date Header  */
-    th#closedDate.pf-v5-c-table__th,
-    th.pf-v5-c-table__sort[data-label='Support type'] {
+    th#closedDate.pf-v6-c-table__th,
+    th.pf-v6-c-table__sort[data-label='Support type'] {
         min-width: 200px !important;
     }
 }
 
 @media (min-width: 1800px) {
     /*  Problem statement */
-    th#summary.pf-v5-c-table__th {
+    th#summary.pf-v6-c-table__th {
         min-width: 500px !important;
         max-width: none;
-        display: flex !important;
-        justify-content: center !important;
     }
 
     .case-list-table tbody > tr > :nth-child(3) {

package/lib/esm/css/caseSearch.css

@@ -18,7 +18,6 @@
     display: -ms-flexbox;
     display: flex;
     position: relative;
-    width: 100%;
     margin-right: 0;
 }
 
@@ -28,8 +27,20 @@
     }
 }
 
-.case-search-input-container button.search-btn {
+.case-search-form-group button.search-btn {
     margin-left: 1rem;
+    margin-right: 0.5rem;
+    min-width: 6rem;
+}
+
+.case-search-form-group .case-search-input {
+    min-width: 30rem;
+}
+
+.case-search-form-group .case-search-toggle {
+    border-radius: var(--pf-t--global--border--radius--400);
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
 }
 
 .case-search-form-group .filter-save-success-msg {

package/lib/esm/css/escalation.css

@@ -1,8 +1,8 @@
 .escalation-form fieldset .escalation-form-fields {
     display: -ms-grid;
     display: grid;
-    grid-gap: var(--pf-v5-c-form--GridGap);
-    padding: var(--pf-v5-global--spacer--lg);
+    grid-gap: var(--pf-v6-c-form--GridGap);
+    padding: var(--pf-t--global--spacer--lg);
     padding-bottom: 0;
 }
 
@@ -10,6 +10,6 @@
     margin-bottom: 5rem;
 }
 
-input[aria-invalid='true'].pf-v5-c-form-control {
-    border-bottom: var(--pf-v5-c-form-control--BorderBottomColor) solid;
+input[aria-invalid='true'].pf-v6-c-form-control {
+    border-bottom: var(--pf-v6-c-form-control--BorderBottomColor) solid;
 }

package/lib/esm/scss/_main.scss

@@ -1,14 +1,14 @@
 // .grid-row-gap-md {
-//     grid-row-gap: var(--pf-v5-l-grid--m-gutter--GridGap);
+//     grid-row-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
 // }
 
-div.pf-v5-c-modal-box__body {
-    form.pf-v5-c-form.save-search-form {
+div.pf-v6-c-modal-box__body {
+    form.pf-v6-c-form.save-search-form {
         // Overrides the style for Name field in save search modal
-        div.pf-v5-c-form__group.form-group.pull-bottom-narrow.save-for-later-name {
-            div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
+        div.pf-v6-c-form__group.form-group.pull-bottom-narrow.save-for-later-name {
+            div.pf-v6-c-form__group-label {
+                label.pf-v6-c-form__label {
+                    span.pf-v6-c-form__label-text {
                         span.save-for-later-label-name {
                             font-weight: 600 !important;
                         }
@@ -18,10 +18,10 @@ div.pf-v5-c-modal-box__body {
         }
 
         // Overrides the style for Search and filtery query field in save search modal
-        div.pf-v5-c-form__group.form-group.pf-v5-u-mt-lg.save-for-later-query {
-            div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
+        div.pf-v6-c-form__group.form-group.pf-v6-u-mt-lg.save-for-later-query {
+            div.pf-v6-c-form__group-label {
+                label.pf-v6-c-form__label {
+                    span.pf-v6-c-form__label-text {
                         span.save-for-later-label-query {
                             font-weight: 600 !important;
                         }
@@ -31,3 +31,7 @@ div.pf-v5-c-modal-box__body {
         }
     }
 }
+
+#advance-search-typeahead {
+    min-width: 30rem;
+}

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

@@ -1,33 +1,35 @@
 // Override disable color on darker backgrounds - Different variation. Should be consistent.
 .case-search-filters {
-    .pf-v5-c-button:disabled,
-    .pf-v5-c-button.pf-m-disabled,
-    .pf-v5-c-button.pf-m-aria-disabled {
+    .pf-v6-c-button:disabled,
+    .pf-v6-c-button.pf-m-disabled,
+    .pf-v6-c-button.pf-m-aria-disabled {
         color: #ccc;
         background-color: #fff;
     }
-    .pf-v5-c-select__menu {
+    .pf-v6-c-select__menu {
         z-index: 1;
     }
-    li.pf-v5-c-menu__list-item {
+    li.pf-v6-c-menu__list-item {
         font-size: 16px;
         font-weight: 400;
     }
 }
 
-.pf-v5-c-menu__group-title {
+.pf-v6-c-menu__group-title {
     margin: 0;
     padding: 0;
 }
 
-label.pf-v5-u-mb-sm.group-filter-label,
+label.pf-v6-u-mb-sm.group-filter-label,
 .case-list-account-filter-label,
-.case-list-username-filter-label {
+.case-list-username-filter-label,
+.case-list-type-filter-label,
+.products-filter-label {
     font-size: 14px !important;
 }
 
 .group-filter {
-    span.pf-v5-c-menu-toggle__text {
+    span.pf-v6-c-menu-toggle__text {
         color: var(--pf-v5-global--palette--black-600);
     }
     #case-list-group-filter {
@@ -39,8 +41,19 @@ label.pf-v5-u-mb-sm.group-filter-label,
     }
 }
 
-.pf-v5-c-menu-toggle {
-    .pf-v5-c-menu-toggle__text {
-        color: #6a6e73;
+.product-filter {
+    span.pf-v6-c-menu-toggle__text {
+        color: var(--pf-v5-global--palette--black-600);
+    }
+    #case-list-products-filter {
+        z-index: 9 !important;
+    }
+
+    .case-products-filter {
+        margin: 0 !important;
     }
 }
+
+#rh-support-cases .filter-wrapper .pf-v6-c-text-input-group__text-input::placeholder {
+    color: var(--pf-v6-c-menu-toggle--Color);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.6",
+    "version": "2.6.8",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -27,9 +27,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",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "react": "18.2.0",
@@ -40,14 +40,14 @@
     },
     "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.24",
-        "@rh-support/react-context": "2.5.26",
+        "@patternfly/patternfly": "6.2.1",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-table": "6.2.1",
+        "@rh-support/components": "2.5.26",
+        "@rh-support/react-context": "2.5.28",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.16",
-        "@rh-support/utils": "2.5.15",
+        "@rh-support/user-permissions": "2.5.18",
+        "@rh-support/utils": "2.5.17",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "c3b867501d42f1a3b5cfd0ae1dd6c262003fdb23"
+    "gitHead": "4e42960cc47766cce9312ba7e236d2ede9facd33"
 }