@rh-support/cases 2.6.186 → 2.6.187

package/lib/esm/css/caseList.css

@@ -186,11 +186,17 @@
 .cases-main .case-search-table {
     -ms-flex: 1;
     flex-grow: 1;
-    display: block;
-    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
     border-radius: 0 0 16px !important;
 }
 
+.cases-main .case-search-table > .pf-v6-c-scroll-inner-wrapper {
+    overflow-x: auto;
+    flex: 1;
+}
+
 .case-search-bottom .case-list-table-toolbar {
     -ms-flex-align: center;
     align-items: center;
@@ -200,6 +206,10 @@
     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);
+    border-bottom: 1px solid var(--pf-t--global--border--color--100);
+    position: sticky;
+    top: 0;
+    z-index: 100;
 }
 
 .case-search-bottom .case-list-table-toolbar .toolbar-actions {
@@ -219,18 +229,21 @@
     color: #06c !important;
 }
 
-.case-search-bottom .case-list-table-toolbar .toolbar-pagination button[disabled] {
-    color: #999;
-}
-
 .case-search-bottom .case-list-table-toolbar button.pf-m-secondary:not([disabled]),
 .case-search-bottom .case-list-table-toolbar button.pf-m-tertiary:not([disabled]),
 .case-search-bottom .case-list-table-toolbar button.pf-m-control:not([disabled]) {
     background-color: #fff;
 }
 
+.case-count-indicator {
+    font-size: 14px !important;
+    line-height: 1.5em;
+    white-space: nowrap;
+    padding-right: 1rem;
+    color: var(--pf-t--global--text--color--regular, #151515);
+}
+
 .cases-main .case-search-table .case-list-table {
-    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);
 }
@@ -277,17 +290,6 @@
     text-transform: uppercase;
 }
 
-.case-search-bottom .case-search-table footer.toolbar-pagination {
-    margin-top: 0 !important;
-    border-right: 1px solid var(--pf-t--global--border--color--100);
-    border-bottom: 1px solid var(--pf-t--global--border--color--100);
-    border-radius: 16px !important;
-}
-
-.case-search-bottom .case-search-table footer.toolbar-pagination > :first-child {
-    padding: 1rem;
-}
-
 .case-search-bottom #case-filters-panel {
     -ms-flex: 100%;
     flex-basis: 100%;
@@ -300,11 +302,13 @@
     border-right: 1px solid var(--pf-t--global--border--color--100);
     border-bottom: 1px solid var(--pf-t--global--border--color--100);
     border-radius: 0 0 0 16px;
+    align-self: stretch;
 }
 
 .case-search-filters .filter-header {
     min-height: 4rem;
     margin: 0;
+    padding: 0;
 }
 
 .case-search-filters .filter-header .pf-v6-svg {
@@ -349,6 +353,10 @@
     font-size: 1rem;
     font-weight: 600;
     height: 4.3rem;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background-color: #f2f2f2;
 
     .pf-v6-c-button__icon.pf-m-end {
         margin-right: -4px !important;
@@ -359,6 +367,8 @@
 .filter-wrapper {
     padding: 24px;
     background-color: var(--pf-t--color--gray--10);
+    position: relative;
+    z-index: 0;
 }
 
 .filter-wrapper .filter-group > * {
@@ -413,10 +423,6 @@
     .case-search-bottom .case-list-table-toolbar .toolbar-actions > * {
         margin-bottom: 0;
     }
-
-    .case-search-bottom .case-list-table-toolbar .toolbar-pagination {
-        margin-top: 0;
-    }
 }
 
 @media (min-width: 768px) {
@@ -645,3 +651,86 @@ th#product.pf-v6-c-table__th {
 .case-list-table .pf-v6-c-table__button {
     margin-bottom: 0px !important;
 }
+
+.skeleton-loader-row {
+    height: 62px;
+}
+
+.skeleton-loader-row .skeleton-sentinel {
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+.skeleton-loader-row .skeleton-bar {
+    display: block;
+    height: 24px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.skeleton-loader-row .skeleton-bar--checkbox {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 3px;
+}
+
+@keyframes skeleton-pulse {
+    0% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.4;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+.infinite-scroll-footer-message {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 0;
+    position: sticky;
+    left: 0;
+    background-color: #fff;
+}
+
+.infinite-scroll-footer-text,
+.infinite-scroll-alert,
+.infinite-scroll-alert * {
+    font-size: 14px !important;
+}
+
+.infinite-scroll-footer-message .pf-v6-c-alert.pf-m-inline.pf-m-plain {
+    padding: 0;
+}
+
+.infinite-scroll-footer-message .pf-v6-c-button.pf-m-link.pf-m-inline {
+    text-decoration: none;
+}
+
+.infinite-scroll-retry-btn.pf-v6-c-button.pf-m-secondary {
+    border-radius: 999px;
+    padding: 8px 24px;
+    gap: 6px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.5;
+    display: inline-flex;
+    align-items: center;
+}
+
+.infinite-scroll-retry-btn .pf-v6-c-button__icon {
+    display: inline-flex;
+    align-items: center;
+    line-height: 0;
+}
+
+.infinite-scroll-retry-btn .pf-v6-c-button__icon svg {
+    vertical-align: middle;
+}

package/lib/esm/css/caseSearch.css

@@ -42,6 +42,102 @@
     min-width: 30rem;
 }
 
+.case-search-form-group,
+.case-search-input-container,
+.cases-main .case-search-top .search-wrapper,
+.cases-main .case-search-top .search-wrapper form,
+.cases-main .case-search-top {
+    overflow: visible;
+}
+
+.advance-search-panel-container {
+    position: relative;
+    flex-shrink: 0;
+}
+
+.case-search-form-group .advance-search-toggle-btn.pf-v6-c-button {
+    border-radius: var(--pf-t--global--border--radius--pill);
+    flex-shrink: 0;
+    margin-left: 0;
+}
+
+.advance-search-panel-container:has(.advance-search-modal) {
+    z-index: var(--pf-t--global--z-index--xl);
+}
+
+.advance-search-modal-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 0;
+    background-color: transparent;
+}
+
+.pf-v6-c-modal-box.advance-search-modal {
+    position: absolute;
+    top: calc(100% + var(--pf-t--global--spacer--sm, 8px));
+    right: 0;
+    z-index: 1;
+    margin: 0;
+    width: 360px;
+    max-width: min(400px, calc(100vw - var(--pf-t--global--spacer--lg, 24px)));
+    max-height: min(70vh, calc(100dvh - var(--pf-t--global--spacer--2xl, 48px)));
+    border-radius: 0;
+    --pf-v6-c-modal-box--BorderRadius: 0;
+    --pf-v6-c-modal-box--Width: 400px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    min-height: 0;
+}
+
+.pf-v6-c-modal-box.advance-search-modal > .pf-v6-c-modal-box__body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+.pf-v6-c-modal-box.advance-search-modal > .pf-v6-c-modal-box__body::-webkit-scrollbar {
+    display: none;
+}
+
+.pf-v6-c-modal-box.advance-search-modal > .pf-v6-c-modal-box__footer {
+    flex: 0 0 auto;
+    width: 100%;
+    background-color: var(--pf-v6-c-modal-box--BackgroundColor);
+}
+
+.advance-search-modal .pf-v6-c-expandable-section__toggle .pf-v6-c-button.pf-m-link {
+    --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--regular, #151515);
+    --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--regular, #151515);
+    --pf-v6-c-button--m-link--visited--Color: var(--pf-t--global--text--color--regular, #151515);
+}
+
+.advance-search-modal .advance-search-expandable-section {
+    --pf-v6-c-expandable-section--Gap: 0;
+}
+
+.advance-search-modal .advance-search-expandable-section .pf-v6-c-expandable-section__toggle {
+    padding-inline: var(--pf-t--global--spacer--md);
+}
+
+.advance-search-modal .advance-search-expandable-section .pf-v6-c-expandable-section__content {
+    padding-inline: 0;
+}
+
+.advance-search-product-version-search .pf-v6-c-search-input {
+    width: 100%;
+}
+
+.advance-search-product-menu-item-badge.pf-v6-c-badge {
+    --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
+    --pf-v6-c-badge--Color: var(--pf-t--global--text--color--on-brand--default);
+    --pf-v6-c-badge--BackgroundColor: var(--pf-t--global--color--brand--default);
+    font-size: var(--pf-t--global--font--size--body--sm);
+    min-width: 1.25rem;
+}
+
 .case-search-form-group .filter-save-success-msg {
     color: var(--pf-v5-global--success-color--200);
     padding: 6px 0px;
@@ -59,3 +155,21 @@
         margin-left: 0.5rem;
     }
 }
+
+.advance-search-modal .advance-search-dropdown-toggle-content {
+    gap: var(--pf-t--global--spacer--sm);
+}
+
+.advance-search-modal .advance-search-dropdown-toggle-badge-wrap {
+    flex-shrink: 0;
+}
+
+.advance-search-modal .advance-search-dropdown-toggle-badge.pf-v6-c-badge,
+.advance-search-modal .pf-v6-c-text-input-group .advance-search-dropdown-toggle-badge.pf-v6-c-badge {
+    --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
+    --pf-v6-c-badge--Color: var(--pf-t--global--text--color--on-brand--default);
+    --pf-v6-c-badge--BackgroundColor: var(--pf-t--global--color--brand--default);
+    font-size: var(--pf-t--global--font--size--body--sm);
+    font-weight: var(--pf-t--global--font--weight--body--bold);
+    padding-inline: var(--pf-t--global--spacer--sm);
+}

package/lib/esm/enums/case.d.ts

@@ -9,7 +9,7 @@ export declare enum CaseStatus {
 export declare enum CaseSeverity {
     Urgent = "1 - Urgent",
     Important = "2 - Important",
-    Normal = "3 - Normal",
+    Medium = "3 - Medium",
     Low = "4 - Low"
 }
 export declare const caseListFields = "case_createdByName,case_createdDate,case_lastModifiedDate,case_lastModifiedByName,id,uri,case_summary,case_status,case_product,case_version,case_accountNumber,case_number,case_contactName,case_owner,case_severity,case_last_public_update_date,case_last_public_update_by,case_customer_escalation,case_folderName,case_closedDate";
@@ -56,6 +56,7 @@ export declare const caseListSortColumnIdsToSFDCMap: {
     type: SFDCKeys;
     closedDate: SFDCKeys;
 };
+export declare const caseListSortColumnIdsToGraphQLMap: Record<string, string>;
 export declare const caseTableColumSortNamesMap: {
     number: string;
     summary: string;

package/lib/esm/enums/case.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"case.d.ts","sourceRoot":"","sources":["../../../src/enums/case.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/C,oBAAY,UAAU;IAClB,iBAAiB,wBAAwB;IACzC,eAAe,uBAAuB;IACtC,IAAI,mBAAmB;IACvB,MAAM,WAAW;IACjB,GAAG,cAAc;CACpB;AAED,oBAAY,YAAY;IACpB,MAAM,eAAe;IACrB,SAAS,kBAAkB;IAC3B,MAAM,eAAe;IACrB,GAAG,YAAY;CAClB;AAED,eAAO,MAAM,cAAc,0UACgT,CAAC;AAE5U,oBAAY,iBAAiB;IACzB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,gBAAgB;IACrB,OAAO,gBAAgB;IACvB,MAAM,WAAW;IACjB,QAAQ,qBAAqB;IAC7B,iBAAiB,YAAY;IAC7B,aAAa,kBAAkB;IAC/B,KAAK,eAAe;IACpB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,cAAc,eAAe;CAChC;AAED,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;CAatC,CAAC"}
+{"version":3,"file":"case.d.ts","sourceRoot":"","sources":["../../../src/enums/case.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/C,oBAAY,UAAU;IAClB,iBAAiB,wBAAwB;IACzC,eAAe,uBAAuB;IACtC,IAAI,mBAAmB;IACvB,MAAM,WAAW;IACjB,GAAG,cAAc;CACpB;AAED,oBAAY,YAAY;IACpB,MAAM,eAAe;IACrB,SAAS,kBAAkB;IAC3B,MAAM,eAAe;IACrB,GAAG,YAAY;CAClB;AAED,eAAO,MAAM,cAAc,0UACgT,CAAC;AAE5U,oBAAY,iBAAiB;IACzB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,gBAAgB;IACrB,OAAO,gBAAgB;IACvB,MAAM,WAAW;IACjB,QAAQ,qBAAqB;IAC7B,iBAAiB,YAAY;IAC7B,aAAa,kBAAkB;IAC/B,KAAK,eAAe;IACpB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,cAAc,eAAe;CAChC;AAED,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;CAa1C,CAAC;AAGF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpE,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;CAatC,CAAC"}

package/lib/esm/enums/case.js

@@ -11,7 +11,7 @@ export var CaseSeverity;
 (function (CaseSeverity) {
     CaseSeverity["Urgent"] = "1 - Urgent";
     CaseSeverity["Important"] = "2 - Important";
-    CaseSeverity["Normal"] = "3 - Normal";
+    CaseSeverity["Medium"] = "3 - Medium";
     CaseSeverity["Low"] = "4 - Low";
 })(CaseSeverity || (CaseSeverity = {}));
 export const caseListFields = 'case_createdByName,case_createdDate,case_lastModifiedDate,case_lastModifiedByName,id,uri,case_summary,case_status,case_product,case_version,case_accountNumber,case_number,case_contactName,case_owner,case_severity,case_last_public_update_date,case_last_public_update_by,case_customer_escalation,case_folderName,case_closedDate';
@@ -59,6 +59,19 @@ export const caseListSortColumnIdsToSFDCMap = {
     [CaseListColumnIds.type]: SFDCKeys.caseType,
     [CaseListColumnIds.caseClosedDate]: SFDCKeys.caseClosedDate,
 };
+// Maps CaseListColumnIds to GraphQL SalesforceSupportCase_OrderBy field paths
+export const caseListSortColumnIdsToGraphQLMap = {
+    [CaseListColumnIds.caseId]: 'CaseNumber',
+    [CaseListColumnIds.summary]: 'Subject',
+    [CaseListColumnIds.severity]: 'Priority',
+    [CaseListColumnIds.owner]: 'OwnerId',
+    [CaseListColumnIds.created]: 'CreatedDate',
+    [CaseListColumnIds.status]: 'Status',
+    [CaseListColumnIds.modified]: 'LastModifiedDate',
+    [CaseListColumnIds.accountNumber]: 'Account_Number__c',
+    [CaseListColumnIds.type]: 'Type',
+    [CaseListColumnIds.caseClosedDate]: 'ClosedDate',
+};
 export const caseTableColumSortNamesMap = {
     [CaseListColumnIds.caseId]: 'Case ID',
     [CaseListColumnIds.summary]: 'Title',

package/lib/esm/enums/caseSearch.d.ts

@@ -33,6 +33,7 @@ export declare const advanceSearchFieldNameToSolrFieldMapping: {
     case_description: string;
     case_summary: string;
     case_alternate_id: string;
+    case_openshift_cluster_id: string;
     case_closedDate: string;
     case_product: string;
     case_status: string;

package/lib/esm/enums/caseSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseSearch.d.ts","sourceRoot":"","sources":["../../../src/enums/caseSearch.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,oBAAY,mBAAmB;IAC3B,KAAK,UAAU;IACf,QAAQ,aAAa;CACxB;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;CAavC,CAAC;AAEF,eAAO,MAAM,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBpD,CAAC"}
+{"version":3,"file":"caseSearch.d.ts","sourceRoot":"","sources":["../../../src/enums/caseSearch.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,oBAAY,mBAAmB;IAC3B,KAAK,UAAU;IACf,QAAQ,aAAa;CACxB;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;CAavC,CAAC;AAEF,eAAO,MAAM,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBpD,CAAC"}

package/lib/esm/enums/caseSearch.js

@@ -19,4 +19,4 @@ export const fieldNameToSolrFieldMapping = {
     [SolrKeys.type]: 'supportType',
     [SolrKeys.isPrivate]: 'private',
 };
-export const advanceSearchFieldNameToSolrFieldMapping = Object.assign(Object.assign({}, fieldNameToSolrFieldMapping), { [SolrKeys.fts]: 'FTS', [SolrKeys.cep]: 'CEP', [SolrKeys.accountName]: 'accountName', [SolrKeys.caseNumber]: 'caseNumber', [SolrKeys.caseOwner]: 'ownerSSO', [SolrKeys.modifiedBy]: 'lastModifiedByName', [SolrKeys.createdBySsoUsername]: 'createdBySSO', [SolrKeys.createdBy]: 'createdByName', [SolrKeys.contactName]: 'contactName', [SolrKeys.caseContactSSO]: 'contactSSO', [SolrKeys.modifiedDate]: 'lastModifiedDate', [SolrKeys.createdDate]: 'createdDate', [SolrKeys.description]: 'description', [SolrKeys.caseSummary]: 'summary', [SolrKeys.alternateId]: 'personalReferenceNumber', [SolrKeys.caseClosedDate]: 'closedDate' });
+export const advanceSearchFieldNameToSolrFieldMapping = Object.assign(Object.assign({}, fieldNameToSolrFieldMapping), { [SolrKeys.fts]: 'FTS', [SolrKeys.cep]: 'CEP', [SolrKeys.accountName]: 'accountName', [SolrKeys.caseNumber]: 'caseNumber', [SolrKeys.caseOwner]: 'ownerSSO', [SolrKeys.modifiedBy]: 'lastModifiedByName', [SolrKeys.createdBySsoUsername]: 'createdBySSO', [SolrKeys.createdBy]: 'createdByName', [SolrKeys.contactName]: 'contactName', [SolrKeys.caseContactSSO]: 'contactSSO', [SolrKeys.modifiedDate]: 'lastModifiedDate', [SolrKeys.createdDate]: 'createdDate', [SolrKeys.description]: 'description', [SolrKeys.caseSummary]: 'summary', [SolrKeys.alternateId]: 'personalReferenceNumber', [SolrKeys.openshiftClusterId]: 'openshiftClusterId', [SolrKeys.caseClosedDate]: 'closedDate' });

package/lib/esm/hooks/useExportCaseListCSV.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExportCaseListCSV.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,SAAS,OAAO,CAAC;AAC9B,MAAM,WAAW,qBAAqB;IAClC,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB;;;;;;EAqChE"}
+{"version":3,"file":"useExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExportCaseListCSV.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,SAAS,OAAO,CAAC;AAC9B,MAAM,WAAW,qBAAqB;IAClC,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB;;;;;;EA+BhE"}

package/lib/esm/hooks/useExportCaseListCSV.js

@@ -1,18 +1,12 @@
-import { useFetch } from '@rh-support/components';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getCaseListFromSolr } from '../utils/caseListUtils';
 export const MAX_LIMIT = 1000;
 export function useExportCaseListCSV(props) {
     const { isExportCsvDisabled, selectedCases } = props;
     const { t } = useTranslation();
-    // const currentFilteredCaseCount = currentFilteredCaseList?.numFound ?? 0;
-    const { isFetching } = useFetch(getCaseListFromSolr, { propgateErrors: true });
     const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
-    const isFetchingCSVData = isFetching;
     let showError = selectedCases.length > MAX_LIMIT;
-    const isBtnDisabled = isFetchingCSVData || showError;
-    // To show tooltip if export csv is disabled when SOLR is down
+    const isBtnDisabled = showError;
     const getTooltipContent = () => {
         let tooltipText = t('Your download will include the first 1000 cases in your list.');
         if (showError) {
@@ -23,9 +17,7 @@ export function useExportCaseListCSV(props) {
         }
         return tooltipText;
     };
-    // To check if export csv button is disabled
     const isExportButtonDisabled = isBtnDisabled || isExportCsvDisabled;
-    // To toggle download csv modal
     const toggleDownloadCSVModal = () => {
         setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
     };

package/lib/esm/hooks/useFilterStateOnLoad.d.ts

@@ -1,6 +1,6 @@
 import { CaseSearchQueryType } from '../enums/caseSearch';
 export declare function useFilterStateOnLoad(): {
-    set: (queryFromUrl: string, pageSizeFromUrl: number, currentPageFromUrl: number, searchType: CaseSearchQueryType) => {
+    set: (queryFromUrl: string, pageSizeFromUrl: number | undefined, currentPageFromUrl: number, searchType: CaseSearchQueryType) => {
         initFilterState: any;
         defaultSearchName: string;
     };

package/lib/esm/hooks/useFilterStateOnLoad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterStateOnLoad.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFilterStateOnLoad.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,wBAAgB,oBAAoB;wBAkBd,MAAM,mBACH,MAAM,sBACH,MAAM,cACd,mBAAmB;;;;EA+DtC"}
+{"version":3,"file":"useFilterStateOnLoad.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFilterStateOnLoad.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,wBAAgB,oBAAoB;wBAkBd,MAAM,mBACH,MAAM,GAAG,SAAS,sBACf,MAAM,cACd,mBAAmB;;;;EA+DtC"}

package/lib/esm/test-utils/mockData.js

@@ -740,7 +740,7 @@ export const filterValuesFromFacetResponseMock = {
             count: 111,
         },
         {
-            value: '3 (Normal)',
+            value: '3 (Medium)',
             count: 12198,
         },
         {

package/lib/esm/utils/advanceSearchFormMapper.d.ts

@@ -0,0 +1,11 @@
+import { IAdvanceSearchDateRanges, IAdvanceSearchFormState, ICaseListFilterState, IFilterInfo } from '../components/case-list/CaseListFilterReducer';
+import { CaseSearchQueryType } from '../enums/caseSearch';
+export declare const hasAdvanceSearchActiveState: (filterState: ICaseListFilterState) => boolean;
+export declare const deriveSearchQueryType: (filterState: ICaseListFilterState) => CaseSearchQueryType;
+export declare const toNameOrSsoFilterValues: (value: string) => string[];
+export declare const mapAdvanceSearchFormToFilterInfo: (formState: IAdvanceSearchFormState) => IFilterInfo;
+export declare const mergeAdvanceSearchFormIntoFilterInfo: (formState: IAdvanceSearchFormState, currentFilterInfo?: Partial<IFilterInfo>) => IFilterInfo;
+export declare const buildAdvanceSearchParsedQuery: (formState: IAdvanceSearchFormState, filterInfo: Partial<IFilterInfo>) => string;
+export declare const mapAdvanceSearchFormToDateRanges: (formState: IAdvanceSearchFormState) => IAdvanceSearchDateRanges;
+export declare const createCaseListFilterStateFromAdvanceSearchForm: (formState: IAdvanceSearchFormState, currentFilterState: ICaseListFilterState) => ICaseListFilterState;
+//# sourceMappingURL=advanceSearchFormMapper.d.ts.map

package/lib/esm/utils/advanceSearchFormMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanceSearchFormMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/advanceSearchFormMapper.ts"],"names":[],"mappings":"AAIA,OAAO,EAGH,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,WAAW,EACd,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,eAAO,MAAM,2BAA2B,GAAI,aAAa,oBAAoB,KAAG,OACwB,CAAC;AAEzG,eAAO,MAAM,qBAAqB,GAAI,aAAa,oBAAoB,KAAG,mBAC6B,CAAC;AAIxG,eAAO,MAAM,uBAAuB,GAAI,OAAO,MAAM,KAAG,MAAM,EAc7D,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,WAAW,uBAAuB,KAAG,WAsBrF,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC7C,WAAW,uBAAuB,EAClC,oBAAmB,OAAO,CAAC,WAAW,CAAM,KAC7C,WAoBF,CAAC;AAmBF,eAAO,MAAM,6BAA6B,GACtC,WAAW,uBAAuB,EAClC,YAAY,OAAO,CAAC,WAAW,CAAC,KACjC,MASF,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,WAAW,uBAAuB,KAAG,wBAIpF,CAAC;AAEH,eAAO,MAAM,8CAA8C,GACvD,WAAW,uBAAuB,EAClC,oBAAoB,oBAAoB,KACzC,oBA0BF,CAAC"}

package/lib/esm/utils/advanceSearchFormMapper.js

@@ -0,0 +1,71 @@
+import { toOldCaseTypeMapper } from '@rh-support/utils';
+import { initialPaginationInfo } from '../components/case-list/CaseListFilterContext';
+import { hasAdvanceSearchDateRanges } from '../components/case-list/CaseListFilterHelpers';
+import { emptyFilters, } from '../components/case-list/CaseListFilterReducer';
+import { CaseSearchQueryType } from '../enums/caseSearch';
+import { SolrKeys, SolrPivotKeys } from '../enums/filters';
+import { isAdvanceSearchFormEmpty } from './advanceSearchUtils';
+import { createUserFriendlyQueryFromFilterStateAdvancedSearch } from './caseSearchUtils';
+export const hasAdvanceSearchActiveState = (filterState) => { var _a, _b; return Boolean((_b = (_a = filterState.filterQueryInfo) === null || _a === void 0 ? void 0 : _a.parsedQuery) === null || _b === void 0 ? void 0 : _b.trim()) || hasAdvanceSearchDateRanges(filterState); };
+export const deriveSearchQueryType = (filterState) => hasAdvanceSearchActiveState(filterState) ? CaseSearchQueryType.ADVANCED : CaseSearchQueryType.BASIC;
+const splitSearchTokens = (value) => value.trim().split(/\s+/).filter(Boolean);
+export const toNameOrSsoFilterValues = (value) => {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return [];
+    }
+    if (trimmed.includes(',')) {
+        return trimmed
+            .split(',')
+            .map((entry) => entry.trim())
+            .filter(Boolean);
+    }
+    return [trimmed];
+};
+export const mapAdvanceSearchFormToFilterInfo = (formState) => {
+    const escalation = formState.showEscalatedOnly ? [{ key: 'true', value: 'true' }] : [];
+    return Object.assign(Object.assign({}, emptyFilters), { [SolrPivotKeys.product_version]: formState.products.map((product) => (Object.assign(Object.assign({}, product), { [SolrKeys.version]: [...(product[SolrKeys.version] || [])] }))), [SolrKeys.status]: [...formState.statuses], [SolrKeys.severity]: [...formState.severities], [SolrKeys.type]: toOldCaseTypeMapper(formState.supportTypes), [SolrKeys.escalation]: escalation, [SolrKeys.accountNumber]: [...formState.accountNumbers], [SolrKeys.alternateId]: splitSearchTokens(formState.personalReferenceNumber), [SolrKeys.openshiftClusterId]: splitSearchTokens(formState.openshiftClusterId), [SolrKeys.caseContactSSO]: toNameOrSsoFilterValues(formState.ownerNameAndSso), [SolrKeys.caseOwner]: toNameOrSsoFilterValues(formState.assignedToNameAndSso), [SolrKeys.group]: [...formState.groups], [SolrKeys.createdBySsoUsername]: toNameOrSsoFilterValues(formState.createdByNameAndSso), [SolrKeys.modifiedBy]: toNameOrSsoFilterValues(formState.lastModifiedByNameAndSso) });
+};
+export const mergeAdvanceSearchFormIntoFilterInfo = (formState, currentFilterInfo = {}) => {
+    const advanceSearchValues = mapAdvanceSearchFormToFilterInfo(formState);
+    return Object.assign(Object.assign(Object.assign({}, emptyFilters), currentFilterInfo), { [SolrPivotKeys.product_version]: advanceSearchValues[SolrPivotKeys.product_version], [SolrKeys.status]: advanceSearchValues[SolrKeys.status], [SolrKeys.severity]: advanceSearchValues[SolrKeys.severity], [SolrKeys.type]: advanceSearchValues[SolrKeys.type], [SolrKeys.escalation]: advanceSearchValues[SolrKeys.escalation], [SolrKeys.accountNumber]: advanceSearchValues[SolrKeys.accountNumber], [SolrKeys.alternateId]: advanceSearchValues[SolrKeys.alternateId], [SolrKeys.openshiftClusterId]: advanceSearchValues[SolrKeys.openshiftClusterId], [SolrKeys.caseContactSSO]: advanceSearchValues[SolrKeys.caseContactSSO], [SolrKeys.caseOwner]: advanceSearchValues[SolrKeys.caseOwner], [SolrKeys.group]: advanceSearchValues[SolrKeys.group], [SolrKeys.createdBySsoUsername]: advanceSearchValues[SolrKeys.createdBySsoUsername], [SolrKeys.modifiedBy]: advanceSearchValues[SolrKeys.modifiedBy] });
+};
+const formatDateRangeParsedQuery = (fieldLabel, range) => {
+    const { startDate, endDate } = range;
+    if (!startDate && !endDate) {
+        return null;
+    }
+    if (startDate && endDate) {
+        return `${fieldLabel}: ${startDate} to ${endDate}`;
+    }
+    if (startDate) {
+        return `${fieldLabel}: >= ${startDate}`;
+    }
+    return `${fieldLabel}: <= ${endDate}`;
+};
+export const buildAdvanceSearchParsedQuery = (formState, filterInfo) => {
+    const filterQueryParts = [
+        createUserFriendlyQueryFromFilterStateAdvancedSearch(filterInfo, ''),
+        formatDateRangeParsedQuery('createdDate', formState.createdDateRange),
+        formatDateRangeParsedQuery('lastModifiedDate', formState.lastModifiedDateRange),
+        formatDateRangeParsedQuery('closedDate', formState.closedDateRange),
+    ].filter(Boolean);
+    return filterQueryParts.join(' and ');
+};
+export const mapAdvanceSearchFormToDateRanges = (formState) => ({
+    createdDateRange: Object.assign({}, formState.createdDateRange),
+    lastModifiedDateRange: Object.assign({}, formState.lastModifiedDateRange),
+    closedDateRange: Object.assign({}, formState.closedDateRange),
+});
+export const createCaseListFilterStateFromAdvanceSearchForm = (formState, currentFilterState) => {
+    var _a;
+    const filterInfo = mergeAdvanceSearchFormIntoFilterInfo(formState, currentFilterState.filterInfo);
+    const hasActiveAdvanceSearch = !isAdvanceSearchFormEmpty(formState);
+    const parsedQuery = hasActiveAdvanceSearch ? buildAdvanceSearchParsedQuery(formState, filterInfo) : '';
+    const nextFilterState = Object.assign(Object.assign({}, currentFilterState), { filterInfo, filterQueryInfo: {
+            queryString: ((_a = currentFilterState.filterQueryInfo) === null || _a === void 0 ? void 0 : _a.queryString) || '',
+            parsedQuery,
+            type: hasActiveAdvanceSearch ? CaseSearchQueryType.ADVANCED : CaseSearchQueryType.BASIC,
+        }, paginationInfo: Object.assign(Object.assign({}, (currentFilterState.paginationInfo || initialPaginationInfo)), { currentPage: 1 }), advanceSearchDateRanges: hasActiveAdvanceSearch ? mapAdvanceSearchFormToDateRanges(formState) : undefined });
+    return Object.assign(Object.assign({}, nextFilterState), { filterQueryInfo: Object.assign(Object.assign({}, nextFilterState.filterQueryInfo), { type: deriveSearchQueryType(nextFilterState) }) });
+};

package/lib/esm/utils/advanceSearchUtils.d.ts

@@ -0,0 +1,24 @@
+import { IAdvanceSearchDateRange, IAdvanceSearchFormState, ICaseListFilterState } from '../components/case-list/CaseListFilterReducer';
+/** Matches PatternFly DatePicker yyyy-MM-dd parsing and rejects impossible dates (e.g. 2024-02-31). */
+export declare const parseAdvanceSearchDate: (value: string) => Date | undefined;
+export declare const isValidAdvanceSearchDateInput: (value: string) => boolean;
+export declare const isAdvanceSearchDateRangeValid: (range: IAdvanceSearchDateRange) => boolean;
+export declare const hasInvalidAdvanceSearchDates: (ranges: {
+    createdDateRange: IAdvanceSearchDateRange;
+    lastModifiedDateRange: IAdvanceSearchDateRange;
+    closedDateRange: IAdvanceSearchDateRange;
+}) => boolean;
+export interface IAdvanceSearchDateRangeFieldErrors {
+    startDate?: string;
+    endDate?: string;
+}
+export declare const getAdvanceSearchDateRangeFieldErrors: (range: IAdvanceSearchDateRange, messages: {
+    invalidDateFormat: string;
+    invalidDateRange: string;
+}) => IAdvanceSearchDateRangeFieldErrors;
+export declare const createInitialAdvanceSearchFormState: () => IAdvanceSearchFormState;
+export declare const mapFilterStateToAdvanceSearchForm: (filterState: ICaseListFilterState) => IAdvanceSearchFormState;
+export declare const isAdvanceSearchFormEmpty: (formState: IAdvanceSearchFormState) => boolean;
+/** Counts total applied advanced-search filter values across all fields. */
+export declare const getAdvanceSearchAppliedFilterCount: (filterState: ICaseListFilterState) => number;
+//# sourceMappingURL=advanceSearchUtils.d.ts.map

package/lib/esm/utils/advanceSearchUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanceSearchUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/advanceSearchUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EAEvB,MAAM,+CAA+C,CAAC;AAKvD,uGAAuG;AACvG,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,KAAG,IAAI,GAAG,SAsB7D,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,OAAO,MAAM,KAAG,OACE,CAAC;AAEjE,eAAO,MAAM,6BAA6B,GAAI,OAAO,uBAAuB,KAAG,OAa9E,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,QAAQ;IACjD,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,qBAAqB,EAAE,uBAAuB,CAAC;IAC/C,eAAe,EAAE,uBAAuB,CAAC;CAC5C,KAAG,OAGsD,CAAC;AAE3D,MAAM,WAAW,kCAAkC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oCAAoC,GAC7C,OAAO,uBAAuB,EAC9B,UAAU;IACN,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;CAC5B,KACF,kCAqBF,CAAC;AAOF,eAAO,MAAM,mCAAmC,QAAO,uBAiBrD,CAAC;AAEH,eAAO,MAAM,iCAAiC,GAAI,aAAa,oBAAoB,KAAG,uBA6BrF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAW,uBAAuB,KAAG,OAG7E,CAAC;AAuBF,4EAA4E;AAC5E,eAAO,MAAM,kCAAkC,GAAI,aAAa,oBAAoB,KAAG,MAyBtF,CAAC"}