@rh-support/cases 2.6.170 → 2.6.178

package/lib/esm/components/case-list/CaseList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAuClC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAwB1C,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAMD,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA6drC"}
+{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAuClC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAgC1C,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAMD,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0gBrC"}

package/lib/esm/components/case-list/CaseList.js

@@ -19,11 +19,12 @@ import isEmpty from 'lodash/isEmpty';
 import some from 'lodash/some';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useInView } from 'react-intersection-observer';
 import { useLocation } from 'react-router-dom';
 import { CaseSearchQueryType } from '../../enums/caseSearch';
 import { PageTitle } from '../../enums/pageTitle';
 import { useFilterStateOnLoad } from '../../hooks/useFilterStateOnLoad';
-import { clearPageCursors, getCaseListFromGraphQL } from '../../utils/caseListGraphQLUtils';
+import { clearPageCursors, getCaseListFromGraphQL, loadMoreCases } from '../../utils/caseListGraphQLUtils';
 import { createFilterStateFromUrlQuery, createURLQueryFromFilterState, FILTER_URL_CURRENT_PAGE_SEARCH_PARAM, FILTER_URL_PAGE_SIZE_SEARCH_PARAM, FILTER_URL_QUERY_SEARCH_PARAM, FILTER_URL_QUERY_TYPE, } from '../../utils/caseSearchUtils';
 import { UpdatedCaseDataEvent } from '../../utils/constants';
 import { NewCaseButton } from '../case/NewCaseButton';
@@ -35,13 +36,13 @@ import { useCaseListDispatchContext, useCaseListStateContext } from './CaseListC
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from './CaseListFilterContext';
 import { isNoFilterApplied, isOnlyDefaultFilterApplied } from './CaseListFilterHelpers';
 import { updateFilterState } from './CaseListFilterReducer';
-import { setCaseList, setCurrentQuery, setIsFetching } from './CaseListReducer';
+import { appendCaseList, setCaseList, setCurrentQuery, setCursorInfo, setIsFetching, setIsLoadingMore, setLoadMoreError, } from './CaseListReducer';
 export function CaseList(props) {
     var _a, _b;
     const { t } = useTranslation();
     useDocumentTitle(PageTitle.CASE_LIST);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const { caseList, isFetching, currentQuery } = useCaseListStateContext();
+    const { caseList, isFetching, isLoadingMore, hasNextPage, endCursor, currentQuery, loadMoreError, loadMoreRetryCount, } = useCaseListStateContext();
     const CaseListDispatch = useCaseListDispatchContext();
     const breakPoint = useBreakpoint();
     const { globalMetadataState, globalMetadataState: { caseGroups, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, userPreferences, managedAccounts, bookmarkedAccounts, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, caseRecordTypes, caseListTraditionalSupportAgreed, }, } = useContext(GlobalMetadataStateContext);
@@ -67,6 +68,19 @@ export function CaseList(props) {
     const [defaultSavedSearchName, setDefaultSavedSearchName] = useState('');
     const [RHCDValue, setRHCDValue] = useState('');
     const [isRHCDAlertShown, setIsRHCDAlertShown] = useState(true);
+    const loadMoreTriggeredRef = useRef(false);
+    const { ref: sentinelRef, inView } = useInView({ rootMargin: '100px' });
+    useEffect(() => {
+        if (!inView) {
+            loadMoreTriggeredRef.current = false;
+            return;
+        }
+        if (inView && hasNextPage && !isLoadingMore && !loadMoreError && !loadMoreTriggeredRef.current) {
+            loadMoreTriggeredRef.current = true;
+            loadMore();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inView, hasNextPage, isLoadingMore, loadMoreError]);
     function getCases(currentFilterState) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -78,13 +92,14 @@ export function CaseList(props) {
                 abortControllerRef.current = controller;
                 setIsFetching(CaseListDispatch, true);
                 setHasError(false);
-                const { caseListResponse, showErrorMessage } = yield getCaseListFromGraphQL(currentFilterState, apolloClient, undefined, controller.signal);
+                const result = yield getCaseListFromGraphQL(currentFilterState, apolloClient, undefined, controller.signal);
                 if (controller.signal.aborted) {
                     return;
                 }
-                setCaseList(CaseListDispatch, caseListResponse.response);
+                setCaseList(CaseListDispatch, result.caseListResponse.response);
+                setCursorInfo(CaseListDispatch, result.hasNextPage, result.endCursor);
                 setIsFetching(CaseListDispatch, false);
-                if (showErrorMessage) {
+                if (result.showErrorMessage) {
                     setHasError(true);
                     ToastNotification.addDangerMessage(t('There was an error loading case data. Please try again.'));
                 }
@@ -99,6 +114,27 @@ export function CaseList(props) {
             }
         });
     }
+    function loadMore() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (isLoadingMore || !hasNextPage || !endCursor || loadMoreError)
+                return;
+            setIsLoadingMore(CaseListDispatch, true);
+            try {
+                const result = yield loadMoreCases(filterState, apolloClient, endCursor);
+                setLoadMoreError(CaseListDispatch, false, 0);
+                appendCaseList(CaseListDispatch, result.docs, result.hasNextPage, result.endCursor);
+            }
+            catch (err) {
+                const nextRetryCount = loadMoreRetryCount + 1;
+                setLoadMoreError(CaseListDispatch, true, nextRetryCount);
+                console.error('[CaseList] loadMore error:', err);
+            }
+        });
+    }
+    function retryLoadMore() {
+        loadMoreTriggeredRef.current = false;
+        setLoadMoreError(CaseListDispatch, false, loadMoreRetryCount);
+    }
     const toggleFilterSection = (isExpanded) => {
         if (!filterSectionRef.current)
             return;
@@ -353,5 +389,5 @@ export function CaseList(props) {
                             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading filters') } },
                                 React.createElement(CaseListFilters, { allCaseTypes: allCaseTypes, allCaseStatuses: allCaseStatuses, allCaseSeverities: allCaseSeverities, allProducts: allProducts }))))),
                 React.createElement("section", { className: "case-search-table pf-v6-u-display-flex pf-v6-u-flex-direction-column" },
-                    React.createElement(CaseListTable, { caseList: caseList, caseGroups: caseGroups.data || [], loggedInUserRights: loggedInUserRights.data, sortInfo: filterState.sortInfo, paginationInfo: filterState.paginationInfo, isCaseListPageLoading: isFetching, hasError: hasError }))))));
+                    React.createElement(CaseListTable, { caseList: caseList, caseGroups: caseGroups.data || [], loggedInUserRights: loggedInUserRights.data, sortInfo: filterState.sortInfo, isCaseListPageLoading: isFetching, hasError: hasError, hasNextPage: hasNextPage, isLoadingMore: isLoadingMore, loadMoreError: loadMoreError, loadMoreRetryCount: loadMoreRetryCount, onRetryLoadMore: retryLoadMore, sentinelRef: sentinelRef }))))));
 }

package/lib/esm/components/case-list/CaseListContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE1F,eAAO,MAAM,oBAAoB,EAAE,cASlC,CAAC;AAIF,QAAA,MAAM,oBAAoB,+BAA4C,CAAC;AAEvE,QAAA,MAAM,uBAAuB,qCAAmE,CAAC;AAEjG,QAAA,MAAM,uBAAuB,sBAAyC,CAAC;AACvE,QAAA,MAAM,0BAA0B,4BAA4C,CAAC;AAE7E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOrC;AAED,OAAO,EACH,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,GAC7B,CAAC"}
+{"version":3,"file":"CaseListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE1F,eAAO,MAAM,oBAAoB,EAAE,cAclC,CAAC;AAIF,QAAA,MAAM,oBAAoB,+BAA4C,CAAC;AAEvE,QAAA,MAAM,uBAAuB,qCAAmE,CAAC;AAEjG,QAAA,MAAM,uBAAuB,sBAAyC,CAAC;AACvE,QAAA,MAAM,0BAA0B,4BAA4C,CAAC;AAE7E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOrC;AAED,OAAO,EACH,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,GAC7B,CAAC"}

package/lib/esm/components/case-list/CaseListContext.js

@@ -7,6 +7,11 @@ export const initialCaseListState = {
         start: 0,
     },
     isFetching: false,
+    isLoadingMore: false,
+    hasNextPage: false,
+    endCursor: undefined,
+    loadMoreError: false,
+    loadMoreRetryCount: 0,
     chipsNameSsoMap: {},
     currentQuery: undefined,
 };

package/lib/esm/components/case-list/CaseListFilterReducer.d.ts

@@ -6,7 +6,6 @@ declare enum CaseListReducerEnum {
     updateFilter = "UPDATE_FILTER",
     updateFilters = "UPDATE_FILTERS",
     updateSort = "UPDATE_SORT",
-    updatePagination = "UPDATE_PAGINATION",
     updateFilterQuery = "UPDATE_FILTER_QUERY",
     removeFilter = "REMOVE_FILTER",
     clearFilters = "CLEAR_FILTERS",
@@ -61,7 +60,6 @@ type IActionType = IAction<CaseListReducerEnum, ICaseListFilterState>;
 export type CaseListFilterDispatchType = (value: IActionType) => void;
 declare const caseListFilterReducer: (pState: ICaseListFilterState, action: any) => ICaseListFilterState;
 declare function updateSort(dispatch: CaseListFilterDispatchType, sortInfo: ISortInfo): void;
-declare function updatePagination(dispatch: CaseListFilterDispatchType, paginationInfo: IPaginationInfo): void;
 declare function updateFilter(dispatch: CaseListFilterDispatchType, { filterKey, values }: {
     filterKey: any;
     values: any;
@@ -75,5 +73,5 @@ declare const clearFilters: (dispatch: any, clearQueryString?: boolean) => void;
 declare function resetFilterToDefaultState(dispatch: any): void;
 declare function updateFilterQuery(dispatch: CaseListFilterDispatchType, filterQueryInfo: IFilterQueryInfo): void;
 declare function updateFilterState(dispatch: CaseListFilterDispatchType, newState: Partial<ICaseListFilterState>): void;
-export { updateSort, updatePagination, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };
+export { updateSort, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };
 //# sourceMappingURL=CaseListFilterReducer.d.ts.map

package/lib/esm/components/case-list/CaseListFilterReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseListFilterReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListFilterReducer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9D,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,WAAW,CAYlD,CAAC;AAEF,aAAK,mBAAmB;IACpB,YAAY,kBAAkB;IAC9B,aAAa,mBAAmB;IAChC,UAAU,gBAAgB;IAC1B,gBAAgB,sBAAsB;IACtC,iBAAiB,wBAAwB;IACzC,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,qBAAqB,6BAA6B;IAClD,WAAW,iBAAiB;CAC/B;AAED,MAAM,WAAW,SAAS;IACtB,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,WAAW;IAC/C,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IAClD,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACnD,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,YAAY,EAAE,WAe1B,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,WAAW,CAAC;AAC5C,KAAK,WAAW,GAAG,OAAO,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AACtE,MAAM,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEtE,QAAA,MAAM,qBAAqB,GAAI,QAAQ,oBAAoB,EAAE,WAAM,KAAG,oBA0CrE,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,0BAA0B,EAAE,QAAQ,EAAE,SAAS,QAK5E;AAED,iBAAS,gBAAgB,CAAC,QAAQ,EAAE,0BAA0B,EAAE,cAAc,EAAE,eAAe,QAK9F;AAED,iBAAS,YAAY,CAAC,QAAQ,EAAE,0BAA0B,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;;;CAAA,QAKhF;AAED,iBAAS,aAAa,CAAC,QAAQ,EAAE,0BAA0B,EAAE,OAAO,KAAA,QAUnE;AAED,iBAAS,gBAAgB,CAAC,QAAQ,KAAA,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;;;CAAA,QAKvD;AAED,QAAA,MAAM,YAAY,GAAI,aAAQ,EAAE,mBAAkB,OAAe,SAOhE,CAAC;AAEF,iBAAS,yBAAyB,CAAC,QAAQ,KAAA,QAI1C;AAED,iBAAS,iBAAiB,CAAC,QAAQ,EAAE,0BAA0B,EAAE,eAAe,EAAE,gBAAgB,QAKjG;AAED,iBAAS,iBAAiB,CAAC,QAAQ,EAAE,0BAA0B,EAAE,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC,QAKvG;AAED,OAAO,EACH,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,yBAAyB,GAC5B,CAAC"}
+{"version":3,"file":"CaseListFilterReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListFilterReducer.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/case-list/CaseListFilterReducer.js

@@ -18,7 +18,6 @@ var CaseListReducerEnum;
     CaseListReducerEnum["updateFilter"] = "UPDATE_FILTER";
     CaseListReducerEnum["updateFilters"] = "UPDATE_FILTERS";
     CaseListReducerEnum["updateSort"] = "UPDATE_SORT";
-    CaseListReducerEnum["updatePagination"] = "UPDATE_PAGINATION";
     CaseListReducerEnum["updateFilterQuery"] = "UPDATE_FILTER_QUERY";
     CaseListReducerEnum["removeFilter"] = "REMOVE_FILTER";
     CaseListReducerEnum["clearFilters"] = "CLEAR_FILTERS";
@@ -57,9 +56,6 @@ const caseListFilterReducer = (pState, action) => {
             const newPaginationInfo = Object.assign(Object.assign({}, pState.paginationInfo), { currentPage: 1 });
             return Object.assign(Object.assign({}, pState), { sortInfo: action.payload.sortInfo, paginationInfo: newPaginationInfo });
         }
-        case CaseListReducerEnum.updatePagination: {
-            return Object.assign(Object.assign({}, pState), { paginationInfo: action.payload.paginationInfo });
-        }
         case CaseListReducerEnum.removeFilter: {
             const newValues = pState.filterInfo[action.payload.filterKey].filter((item) => {
                 return (typeof item === 'string' ? item : item.key) !== action.payload.value;
@@ -90,12 +86,6 @@ function updateSort(dispatch, sortInfo) {
         payload: { sortInfo },
     });
 }
-function updatePagination(dispatch, paginationInfo) {
-    dispatch({
-        type: CaseListReducerEnum.updatePagination,
-        payload: { paginationInfo },
-    });
-}
 function updateFilter(dispatch, { filterKey, values }) {
     dispatch({
         type: CaseListReducerEnum.updateFilter,
@@ -142,4 +132,4 @@ function updateFilterState(dispatch, newState) {
         payload: newState,
     });
 }
-export { updateSort, updatePagination, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };
+export { updateSort, updateFilter, updateFilters, updateFilterQuery, removeFilterItem, clearFilters, updateFilterState, caseListFilterReducer, resetFilterToDefaultState, };

package/lib/esm/components/case-list/CaseListReducer.d.ts

@@ -3,6 +3,11 @@ import { ICaseListResponse } from '../../models/caseList';
 export interface ICaseListState {
     caseList: ISolrResponse<ICaseListResponse>;
     isFetching: boolean;
+    isLoadingMore: boolean;
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+    loadMoreError: boolean;
+    loadMoreRetryCount: number;
     chipsNameSsoMap?: IChipsNameSsoMap;
     currentQuery: string;
 }
@@ -17,14 +22,27 @@ export interface IChipsNameSsoMap {
     [sso: string]: IChipsNameSso;
 }
 declare enum CaseListReducerEnum {
-    updateState = "SET_STATE"
+    updateState = "SET_STATE",
+    appendDocs = "APPEND_DOCS"
 }
-type IActionType = IAction<CaseListReducerEnum, ICaseListState>;
+interface IAppendDocsPayload {
+    docs: ICaseListResponse[];
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+}
+type IActionType = IAction<CaseListReducerEnum, ICaseListState> | {
+    type: CaseListReducerEnum.appendDocs;
+    payload: IAppendDocsPayload;
+};
 export type CaseListDispatchType = (value: IActionType) => void;
 declare const caseListReducer: (state: ICaseListState, action: IActionType) => ICaseListState;
 declare const setCaseList: (dispatch: CaseListDispatchType, caseList: ISolrResponse<ICaseListResponse>) => void;
 declare const setChipsNameSsoMap: (dispatch: CaseListDispatchType, chipsNameSsoMap: IChipsNameSsoMap) => void;
 declare const setIsFetching: (dispatch: CaseListDispatchType, isFetching: boolean) => void;
 declare const setCurrentQuery: (dispatch: CaseListDispatchType, currentQuery: string) => void;
-export { caseListReducer, setCaseList, setChipsNameSsoMap, setIsFetching, setCurrentQuery };
+declare const setIsLoadingMore: (dispatch: CaseListDispatchType, isLoadingMore: boolean) => void;
+declare const appendCaseList: (dispatch: CaseListDispatchType, docs: ICaseListResponse[], hasNextPage: boolean, endCursor: string | undefined) => void;
+declare const setCursorInfo: (dispatch: CaseListDispatchType, hasNextPage: boolean, endCursor: string | undefined) => void;
+declare const setLoadMoreError: (dispatch: CaseListDispatchType, loadMoreError: boolean, loadMoreRetryCount: number) => void;
+export { caseListReducer, setCaseList, setChipsNameSsoMap, setIsFetching, setCurrentQuery, setIsLoadingMore, appendCaseList, setCursorInfo, setLoadMoreError, };
 //# sourceMappingURL=CaseListReducer.d.ts.map

package/lib/esm/components/case-list/CaseListReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseListReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListReducer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,aAAK,mBAAmB;IACpB,WAAW,cAAc;CAC5B;AAED,KAAK,WAAW,GAAG,OAAO,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEhE,QAAA,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,QAAQ,WAAW,KAAG,cAMrE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,UAAU,oBAAoB,EAAE,UAAU,aAAa,CAAC,iBAAiB,CAAC,SAK9F,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,UAAU,oBAAoB,EAAE,iBAAiB,gBAAgB,SAK5F,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,UAAU,oBAAoB,EAAE,YAAY,OAAO,SAKzE,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,UAAU,oBAAoB,EAAE,cAAc,MAAM,SAK5E,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"CaseListReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseListReducer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,aAAK,mBAAmB;IACpB,WAAW,cAAc;IACzB,UAAU,gBAAgB;CAC7B;AAED,UAAU,kBAAkB;IACxB,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,KAAK,WAAW,GACV,OAAO,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAC5C;IAAE,IAAI,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAC5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEhE,QAAA,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,QAAQ,WAAW,KAAG,cAmBrE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,UAAU,oBAAoB,EAAE,UAAU,aAAa,CAAC,iBAAiB,CAAC,SAK9F,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,UAAU,oBAAoB,EAAE,iBAAiB,gBAAgB,SAK5F,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,UAAU,oBAAoB,EAAE,YAAY,OAAO,SAKzE,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,UAAU,oBAAoB,EAAE,cAAc,MAAM,SAK5E,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,EAAE,eAAe,OAAO,SAK/E,CAAC;AAEF,QAAA,MAAM,cAAc,GAChB,UAAU,oBAAoB,EAC9B,MAAM,iBAAiB,EAAE,EACzB,aAAa,OAAO,EACpB,WAAW,MAAM,GAAG,SAAS,SAMhC,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,UAAU,oBAAoB,EAAE,aAAa,OAAO,EAAE,WAAW,MAAM,GAAG,SAAS,SAKzG,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,EAAE,eAAe,OAAO,EAAE,oBAAoB,MAAM,SAK3G,CAAC;AAEF,OAAO,EACH,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,GACnB,CAAC"}

package/lib/esm/components/case-list/CaseListReducer.js

@@ -1,12 +1,18 @@
 var CaseListReducerEnum;
 (function (CaseListReducerEnum) {
     CaseListReducerEnum["updateState"] = "SET_STATE";
+    CaseListReducerEnum["appendDocs"] = "APPEND_DOCS";
 })(CaseListReducerEnum || (CaseListReducerEnum = {}));
 const caseListReducer = (state, action) => {
     switch (action.type) {
         case CaseListReducerEnum.updateState: {
             return Object.assign(Object.assign({}, state), action.payload);
         }
+        case CaseListReducerEnum.appendDocs: {
+            const { docs, hasNextPage, endCursor } = action.payload;
+            return Object.assign(Object.assign({}, state), { caseList: Object.assign(Object.assign({}, state.caseList), { docs: [...state.caseList.docs, ...docs] }), hasNextPage,
+                endCursor, isLoadingMore: false });
+        }
     }
 };
 const setCaseList = (dispatch, caseList) => {
@@ -33,4 +39,28 @@ const setCurrentQuery = (dispatch, currentQuery) => {
         payload: { currentQuery },
     });
 };
-export { caseListReducer, setCaseList, setChipsNameSsoMap, setIsFetching, setCurrentQuery };
+const setIsLoadingMore = (dispatch, isLoadingMore) => {
+    dispatch({
+        type: CaseListReducerEnum.updateState,
+        payload: { isLoadingMore },
+    });
+};
+const appendCaseList = (dispatch, docs, hasNextPage, endCursor) => {
+    dispatch({
+        type: CaseListReducerEnum.appendDocs,
+        payload: { docs, hasNextPage, endCursor },
+    });
+};
+const setCursorInfo = (dispatch, hasNextPage, endCursor) => {
+    dispatch({
+        type: CaseListReducerEnum.updateState,
+        payload: { hasNextPage, endCursor },
+    });
+};
+const setLoadMoreError = (dispatch, loadMoreError, loadMoreRetryCount) => {
+    dispatch({
+        type: CaseListReducerEnum.updateState,
+        payload: { loadMoreError, loadMoreRetryCount, isLoadingMore: false },
+    });
+};
+export { caseListReducer, setCaseList, setChipsNameSsoMap, setIsFetching, setCurrentQuery, setIsLoadingMore, appendCaseList, setCursorInfo, setLoadMoreError, };

package/lib/esm/components/case-list/case-list-table/CaseListTable.d.ts

@@ -3,15 +3,20 @@ import { ISolrResponse } from '@rh-support/types/shared';
 import { UserAuth } from '@rh-support/user-permissions';
 import React from 'react';
 import { ICaseListResponse } from '../../../models/caseList';
-import { IPaginationInfo, ISortInfo } from '../CaseListFilterReducer';
+import { ISortInfo } from '../CaseListFilterReducer';
 interface IProps {
     caseList: ISolrResponse<ICaseListResponse>;
     caseGroups: ICaseGroup[];
     loggedInUserRights: UserAuth;
     sortInfo?: ISortInfo;
-    paginationInfo?: IPaginationInfo;
     isCaseListPageLoading: boolean;
     hasError: boolean;
+    hasNextPage: boolean;
+    isLoadingMore: boolean;
+    loadMoreError: boolean;
+    loadMoreRetryCount: number;
+    onRetryLoadMore: () => void;
+    sentinelRef?: (node?: Element | null) => void;
 }
 export declare function CaseListTable(props: IProps): React.JSX.Element;
 export {};

package/lib/esm/components/case-list/case-list-table/CaseListTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAqB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAGpF,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA4BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA6kB1C"}
+{"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAAgB,SAAS,EAAyC,MAAM,0BAA0B,CAAC;AA4B1G,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAunB1C"}

package/lib/esm/components/case-list/case-list-table/CaseListTable.js

@@ -1,9 +1,10 @@
-import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, PaginationVariant, Spinner, } from '@patternfly/react-core';
+import { Alert, AlertVariant, Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, Spinner, } from '@patternfly/react-core';
+import RedoAltIcon from '@patternfly/react-icons/dist/js/icons/redo-alt-icon';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import { Table, TableVariant, Tbody, Td, Th, Thead, Tr, Visibility } from '@patternfly/react-table';
-import { TableComponent, TablePagination } from '@rh-support/components';
+import { TableComponent } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, updateUserPreferences, useGlobalStateContext, UserPreferencesKeys, } from '@rh-support/react-context';
-import { dtmTrackEventCaseStepEncountered, formatDate, scrollIntoView, toNewCaseTypeSwitcher } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, formatDate, toNewCaseTypeSwitcher } from '@rh-support/utils';
 import find from 'lodash/find';
 import flatMap from 'lodash/flatMap';
 import includes from 'lodash/includes';
@@ -14,9 +15,8 @@ import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { CaseListColumnIds } from '../../../enums/case';
-import { mapSfdcStatusToPortalStatus } from '../../../utils/statusUtils';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
-import { clearFilters, resetFilterToDefaultState, updatePagination, updateSort, } from '../CaseListFilterReducer';
+import { clearFilters, resetFilterToDefaultState, updateSort } from '../CaseListFilterReducer';
 import SeverityLabel from './SeverityLabel';
 import { TableColumnSelector } from './table-column-selector/TableColumnSelector';
 import { TableActionsDropdown } from './TableActionsDropdown';
@@ -37,7 +37,7 @@ const EMPTY_STATE_NO_FILTERS_ERROR = (React.createElement(React.Fragment, null,
     React.createElement("a", { href: "https://status.redhat.com/", target: "_blank", rel: "noopener noreferrer" }, "status page"),
     "to see if there are any known issues"));
 export function CaseListTable(props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b;
     const [selectedColumns, setSelectedColumns] = useState([]);
     const { t } = useTranslation();
     const [selectedCases, setSelectedCases] = useState([]);
@@ -50,7 +50,7 @@ export function CaseListTable(props) {
     const [activeSortIndex, setActiveSortIndex] = useState();
     const [activeSortDirection, setActiveSortDirection] = useState();
     const [sortedCaseListData, setSortedCaseListData] = useState(caseListData);
-    const { globalMetadataState: { navBarRef, hydraUserPreferences, loggedInUserRights }, } = useGlobalStateContext();
+    const { globalMetadataState: { hydraUserPreferences, loggedInUserRights }, } = useGlobalStateContext();
     const dispatch = useContext(CaseListFilterDispatchContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const { filterInfo, filterQueryInfo } = useContext(CaseListFilterStateContext);
@@ -156,12 +156,6 @@ export function CaseListTable(props) {
             console.error('Could not save selected columns in cache');
         }
     };
-    const onPerPageSelect = (paginationInfo) => {
-        updatePagination(dispatch, paginationInfo);
-    };
-    const onSetPage = (paginationInfo) => {
-        updatePagination(dispatch, paginationInfo);
-    };
     const onRowClick = (ev, row) => {
         // we dont want to call onRowClick if user changes the checkbox value
         if (ev.target.tagName === 'INPUT') {
@@ -220,13 +214,11 @@ export function CaseListTable(props) {
         if (props.isCaseListPageLoading)
             return 0;
         let paginationCount = (_b = (_a = props.caseList) === null || _a === void 0 ? void 0 : _a.numFound) !== null && _b !== void 0 ? _b : 0;
+        // Salesforce has a limit of 4000 cases per page
+        // So we need to limit the number of cases returned to 4000
         paginationCount = paginationCount > 4000 ? 4000 : paginationCount;
         return paginationCount;
     };
-    const onBottomPaginationSetPage = (paginationInfo) => {
-        onSetPage(paginationInfo);
-        scrollIntoView(tableToolbarRef, { navBarRef, timeout: 0, onlyIfNotInViewport: true, offset: 30 });
-    };
     const getSortableRowValues = (row) => {
         const { case_number, case_summary, case_contactName, case_lastModifiedDate, case_severity, case_status, case_createdDate, case_accountNumber, case_alternate_id, case_type, case_closedDate, case_folderName, case_lastModifiedByName, case_createdByName, case_version, id, case_customer_escalation, case_product, } = row;
         return [
@@ -277,7 +269,7 @@ export function CaseListTable(props) {
                 ? formatDate(row.case_last_public_update_date)
                 : '',
             case_severity: row.case_severity ? row.case_severity : '',
-            case_status: mapSfdcStatusToPortalStatus(row.case_status),
+            case_status: row.case_status,
             case_createdDate: formatDate(row.case_createdDate),
             case_accountNumber: row.case_accountNumber,
             case_alternate_id: row.case_alternate_id ? row.case_alternate_id : '',
@@ -348,8 +340,15 @@ export function CaseListTable(props) {
                 React.createElement("div", { className: "toolbar-actions pf-v6-l-flex" },
                     React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns }),
                     React.createElement(TableActionsDropdown, { caseList: caseListData, selectedCases: selectedCases, onCasesCloseSuccess: onCasesCloseSuccess, currentFilteredCaseList: props.caseList })),
-                React.createElement("span", { className: "toolbar-pagination" },
-                    React.createElement(TablePagination, { perPage: (_c = props.paginationInfo) === null || _c === void 0 ? void 0 : _c.pageSize, currentPage: (_d = props.paginationInfo) === null || _d === void 0 ? void 0 : _d.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onSetPage, variant: PaginationVariant.top, itemCount: getItemCount(), isCompact: true }))),
+                !props.isCaseListPageLoading && caseListData.length > 0 && (React.createElement("span", { className: "case-count-indicator" },
+                    React.createElement("strong", null, caseListData.length),
+                    " ",
+                    React.createElement(Trans, null, "of"),
+                    ' ',
+                    React.createElement("strong", null,
+                        getItemCount(),
+                        " ",
+                        React.createElement(Trans, null, "loaded"))))),
             React.createElement("div", { className: "pf-v6-c-scroll-inner-wrapper" },
                 React.createElement(Table, { variant: TableVariant.compact, "aria-label": "case-list", className: "case-list-table" },
                     React.createElement(Thead, null,
@@ -366,41 +365,54 @@ export function CaseListTable(props) {
                                         ? '0px'
                                         : undefined,
                                 }, id: column.id, sort: column.sortable ? onSort(index) : undefined, key: column.id }, column.title))))),
-                    React.createElement(Tbody, null, !props.isCaseListPageLoading && (caseListData || []).length < 1
-                        ? noResultFoundRow
-                        : props.isCaseListPageLoading
-                            ? loadingRowDefault
-                            : sortedCaseListData === null || sortedCaseListData === void 0 ? void 0 : sortedCaseListData.map((row, index) => (React.createElement(Tr, { onRowClick: (event) => (onRowClick ? onRowClick(event, row) : ''), key: row === null || row === void 0 ? void 0 : row.case_number },
-                                React.createElement(Td, { className: "pf-v6-u-pl-md", select: {
-                                        rowIndex: index,
-                                        onSelect: (_event, index) => onRowSelect(_event, row === null || row === void 0 ? void 0 : row.case_number),
-                                        isSelected: selectedCases.includes(row === null || row === void 0 ? void 0 : row.case_number),
-                                    } }),
-                                React.createElement(Td, { dataLabel: "Case ID", id: row.case_number, scope: "row" },
-                                    React.createElement("div", { className: "case-number-section" },
-                                        React.createElement(Link, { to: `/case/${row.case_number}`, onClick: () => dtmTrackEventCaseStepEncountered('review', row.case_number, row.case_product, row.case_version) },
-                                            React.createElement("span", { className: "case-number" }, row.case_number)),
-                                        row.case_customer_escalation ? (React.createElement("div", { className: "escalation-label" },
-                                            React.createElement(Trans, null, "Escalated"))) : (''))),
-                                React.createElement(Td, { dataLabel: "Title" }, row.case_summary),
-                                React.createElement(Td, { className: !isColumnVisible('contactName') ? Visibility.hidden : '', dataLabel: "Owner" }, row.case_contactName),
-                                React.createElement(Td, { className: !isColumnVisible('lastModifiedDate') ? Visibility.hidden : '', dataLabel: "Modified by" },
-                                    React.createElement("span", { className: "modified-name" }, row.case_lastModifiedByName),
-                                    row.case_lastModifiedDate ? formatDate(row.case_lastModifiedDate) : ''),
-                                React.createElement(Td, { className: !isColumnVisible('severity') ? Visibility.hidden : '', dataLabel: "Severity" },
-                                    React.createElement(SeverityLabel, { sevValue: row.case_severity })),
-                                React.createElement(Td, { className: !isColumnVisible('status') ? Visibility.hidden : '', dataLabel: "Status" }, row.case_status),
-                                React.createElement(Td, { className: !isColumnVisible('createdDate') ? Visibility.hidden : '', dataLabel: "Created by" },
-                                    React.createElement("span", { className: "created-name" }, row.case_createdByName),
-                                    row.case_createdDate ? formatDate(row.case_createdDate) : ''),
-                                React.createElement(Td, { className: !isColumnVisible('product') ? Visibility.hidden : '', dataLabel: "Product and Version" },
-                                    row.case_product,
-                                    React.createElement("span", { style: { display: 'block' } }, row.case_version)),
-                                React.createElement(Td, { className: !isColumnVisible('accountNumber') ? Visibility.hidden : '', dataLabel: "Account number" }, row.case_accountNumber),
-                                React.createElement(Td, { className: !isColumnVisible('alternateCaseId') ? Visibility.hidden : '', "data-label": "Personal reference number" }, row.case_alternate_id ? row.case_alternate_id : ''),
-                                React.createElement(Td, { className: !isColumnVisible('type') ? Visibility.hidden : '', "data-label": "Support type" }, row.case_type),
-                                React.createElement(Td, { className: !isColumnVisible('closedDate') ? Visibility.hidden : '', "data-label": "Closed date" }, row.case_closedDate ? formatDate(row.case_closedDate) : ''),
-                                React.createElement(Td, { className: !isColumnVisible('folderName') ? Visibility.hidden : '', "data-label": "Group" }, row.case_folderName ? row.case_folderName : ''))))))),
-            React.createElement("footer", { className: "toolbar-pagination", "data-tracking-id": "case-list-table-pagination" },
-                React.createElement(TablePagination, { perPage: (_e = props === null || props === void 0 ? void 0 : props.paginationInfo) === null || _e === void 0 ? void 0 : _e.pageSize, currentPage: (_f = props === null || props === void 0 ? void 0 : props.paginationInfo) === null || _f === void 0 ? void 0 : _f.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onBottomPaginationSetPage, variant: PaginationVariant.bottom, itemCount: getItemCount(), isCompact: true })))));
+                    React.createElement(Tbody, null, !props.isCaseListPageLoading && (caseListData || []).length < 1 ? (noResultFoundRow) : props.isCaseListPageLoading ? (loadingRowDefault) : (React.createElement(React.Fragment, null, sortedCaseListData === null || sortedCaseListData === void 0 ? void 0 :
+                        sortedCaseListData.map((row, rowIndex) => (React.createElement(Tr, { onRowClick: (event) => (onRowClick ? onRowClick(event, row) : ''), key: row === null || row === void 0 ? void 0 : row.case_number },
+                            React.createElement(Td, { className: "pf-v6-u-pl-md", select: {
+                                    rowIndex: rowIndex,
+                                    onSelect: (_event, _idx) => onRowSelect(_event, row === null || row === void 0 ? void 0 : row.case_number),
+                                    isSelected: selectedCases.includes(row === null || row === void 0 ? void 0 : row.case_number),
+                                } }),
+                            React.createElement(Td, { dataLabel: "Case ID", id: row.case_number, scope: "row" },
+                                React.createElement("div", { className: "case-number-section" },
+                                    React.createElement(Link, { to: `/case/${row.case_number}`, onClick: () => dtmTrackEventCaseStepEncountered('review', row.case_number, row.case_product, row.case_version) },
+                                        React.createElement("span", { className: "case-number" }, row.case_number)),
+                                    row.case_customer_escalation ? (React.createElement("div", { className: "escalation-label" },
+                                        React.createElement(Trans, null, "Escalated"))) : (''))),
+                            React.createElement(Td, { dataLabel: "Title" }, row.case_summary),
+                            React.createElement(Td, { className: !isColumnVisible('contactName') ? Visibility.hidden : '', dataLabel: "Owner" }, row.case_contactName),
+                            React.createElement(Td, { className: !isColumnVisible('lastModifiedDate') ? Visibility.hidden : '', dataLabel: "Modified by" },
+                                React.createElement("span", { className: "modified-name" }, row.case_lastModifiedByName),
+                                row.case_lastModifiedDate ? formatDate(row.case_lastModifiedDate) : ''),
+                            React.createElement(Td, { className: !isColumnVisible('severity') ? Visibility.hidden : '', dataLabel: "Severity" },
+                                React.createElement(SeverityLabel, { sevValue: row.case_severity })),
+                            React.createElement(Td, { className: !isColumnVisible('status') ? Visibility.hidden : '', dataLabel: "Status" }, row.case_status),
+                            React.createElement(Td, { className: !isColumnVisible('createdDate') ? Visibility.hidden : '', dataLabel: "Created by" },
+                                React.createElement("span", { className: "created-name" }, row.case_createdByName),
+                                row.case_createdDate ? formatDate(row.case_createdDate) : ''),
+                            React.createElement(Td, { className: !isColumnVisible('product') ? Visibility.hidden : '', dataLabel: "Product and Version" },
+                                row.case_product,
+                                React.createElement("span", { style: { display: 'block' } }, row.case_version)),
+                            React.createElement(Td, { className: !isColumnVisible('accountNumber') ? Visibility.hidden : '', dataLabel: "Account number" }, row.case_accountNumber),
+                            React.createElement(Td, { className: !isColumnVisible('alternateCaseId') ? Visibility.hidden : '', "data-label": "Personal reference number" }, row.case_alternate_id ? row.case_alternate_id : ''),
+                            React.createElement(Td, { className: !isColumnVisible('type') ? Visibility.hidden : '', "data-label": "Support type" }, row.case_type),
+                            React.createElement(Td, { className: !isColumnVisible('closedDate') ? Visibility.hidden : '', "data-label": "Closed date" }, row.case_closedDate ? formatDate(row.case_closedDate) : ''),
+                            React.createElement(Td, { className: !isColumnVisible('folderName') ? Visibility.hidden : '', "data-label": "Group" }, row.case_folderName ? row.case_folderName : '')))),
+                        (props.hasNextPage || props.isLoadingMore || props.loadMoreError) && (React.createElement(Tr, { key: "skeleton-loader-row", className: "skeleton-loader-row" },
+                            React.createElement(Td, { className: "pf-v6-u-pl-md" },
+                                React.createElement("div", { ref: props.sentinelRef, className: "skeleton-sentinel" },
+                                    React.createElement("span", { className: "skeleton-bar skeleton-bar--checkbox" }))),
+                            visibleCaseListColumns.map((col) => (React.createElement(Td, { key: `skeleton-${col.id}` },
+                                React.createElement("span", { className: "skeleton-bar" }))))))))))),
+            props.loadMoreError && props.loadMoreRetryCount <= 1 && (React.createElement("div", { className: "infinite-scroll-footer-message" },
+                React.createElement(Button, { className: "infinite-scroll-retry-btn", variant: "secondary", onClick: props.onRetryLoadMore, icon: React.createElement(RedoAltIcon, null) },
+                    React.createElement(Trans, null, "try loading again")))),
+            props.loadMoreError && props.loadMoreRetryCount > 1 && (React.createElement("div", { className: "infinite-scroll-footer-message" },
+                React.createElement(Alert, { className: "infinite-scroll-alert pf-v6-u-font-weight-bold", variant: AlertVariant.danger, isInline: true, isPlain: true, title: React.createElement("span", null,
+                        React.createElement(Trans, null, "We're having trouble loading your cases. Please refresh or"),
+                        ' ',
+                        React.createElement(Button, { variant: "link", isInline: true, onClick: props.onRetryLoadMore },
+                            React.createElement(Trans, null, "try again")),
+                        ".") }))),
+            !props.hasNextPage && !props.isLoadingMore && !props.loadMoreError && caseListData.length > 0 && (React.createElement("div", { className: "infinite-scroll-footer-message infinite-scroll-footer-text pf-v6-u-font-weight-bold pf-v6-u-color-200" },
+                React.createElement(Trans, null, "No more cases to load"))))));
 }

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,74 @@ 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: 4px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.5;
+}

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

@@ -10,7 +10,19 @@ export interface IGraphQLCaseListResponse {
         };
     };
     showErrorMessage: boolean;
+    hasNextPage: boolean;
+    endCursor: string | undefined;
 }
 export declare function clearPageCursors(): void;
 export declare function getCaseListFromGraphQL(filterState: ICaseListFilterState, apolloClient: ApolloClient, limitOverride?: number, signal?: AbortSignal, selectedCaseNumbers?: string[]): Promise<IGraphQLCaseListResponse>;
+export interface ILoadMoreResult {
+    docs: ICaseListItem[];
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+}
+/**
+ * Fetches the next page of cases for infinite scroll.
+ * Uses the provided `afterCursor` instead of the page-based cursor store.
+ */
+export declare function loadMoreCases(filterState: ICaseListFilterState, apolloClient: ApolloClient, afterCursor: string, signal?: AbortSignal): Promise<ILoadMoreResult>;
 //# sourceMappingURL=caseListGraphQLUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"caseListGraphQLUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListGraphQLUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAIH,aAAa,EAEhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,oBAAoB,EAAkB,MAAM,+CAA+C,CAAC;AASrG,MAAM,WAAW,wBAAwB;IACrC,gBAAgB,EAAE;QACd,QAAQ,EAAE;YACN,IAAI,EAAE,aAAa,EAAE,CAAC;YACtB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC;KACL,CAAC;IACF,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAsBD,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC;AAkFD,wBAAsB,sBAAsB,CACxC,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,aAAa,CAAC,EAAE,MAAM,EACtB,MAAM,CAAC,EAAE,WAAW,EACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAC/B,OAAO,CAAC,wBAAwB,CAAC,CA+EnC"}
+{"version":3,"file":"caseListGraphQLUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListGraphQLUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAIH,aAAa,EAEhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,oBAAoB,EAAkB,MAAM,+CAA+C,CAAC;AASrG,MAAM,WAAW,wBAAwB;IACrC,gBAAgB,EAAE;QACd,QAAQ,EAAE;YACN,IAAI,EAAE,aAAa,EAAE,CAAC;YACtB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC;KACL,CAAC;IACF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAsBD,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC;AAkFD,wBAAsB,sBAAsB,CACxC,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,aAAa,CAAC,EAAE,MAAM,EACtB,MAAM,CAAC,EAAE,WAAW,EACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAC/B,OAAO,CAAC,wBAAwB,CAAC,CAuFnC;AAED,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAC/B,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,MAAM,EACnB,MAAM,CAAC,EAAE,WAAW,GACrB,OAAO,CAAC,eAAe,CAAC,CA0C1B"}

package/lib/esm/utils/caseListGraphQLUtils.js

@@ -117,7 +117,7 @@ function resolveVersionProductIds(filterState, apolloClient) {
 }
 export function getCaseListFromGraphQL(filterState, apolloClient, limitOverride, signal, selectedCaseNumbers) {
     return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         try {
             yield resolveVersionProductIds(filterState, apolloClient);
             const federationIdsToResolve = getOwnerFederationIdsToResolve(filterState);
@@ -159,6 +159,8 @@ export function getCaseListFromGraphQL(filterState, apolloClient, limitOverride,
                 return {
                     caseListResponse: { response: { docs: [], numFound: 0, start: 0 } },
                     showErrorMessage: !!error,
+                    hasNextPage: false,
+                    endCursor: undefined,
                 };
             }
             if ((_e = connection.pageInfo) === null || _e === void 0 ? void 0 : _e.endCursor) {
@@ -174,20 +176,69 @@ export function getCaseListFromGraphQL(filterState, apolloClient, limitOverride,
                     },
                 },
                 showErrorMessage: false,
+                hasNextPage: (_g = (_f = connection.pageInfo) === null || _f === void 0 ? void 0 : _f.hasNextPage) !== null && _g !== void 0 ? _g : false,
+                endCursor: (_j = (_h = connection.pageInfo) === null || _h === void 0 ? void 0 : _h.endCursor) !== null && _j !== void 0 ? _j : undefined,
             };
         }
         catch (error) {
-            if ((error === null || error === void 0 ? void 0 : error.name) === 'AbortError' || ((_f = error === null || error === void 0 ? void 0 : error.message) === null || _f === void 0 ? void 0 : _f.includes('aborted')) || (signal === null || signal === void 0 ? void 0 : signal.aborted)) {
+            if ((error === null || error === void 0 ? void 0 : error.name) === 'AbortError' || ((_k = error === null || error === void 0 ? void 0 : error.message) === null || _k === void 0 ? void 0 : _k.includes('aborted')) || (signal === null || signal === void 0 ? void 0 : signal.aborted)) {
                 return {
                     caseListResponse: { response: { docs: [], numFound: 0, start: 0 } },
                     showErrorMessage: false,
+                    hasNextPage: false,
+                    endCursor: undefined,
                 };
             }
             console.error('[GraphQL] getCaseListFromGraphQL error:', error);
             return {
                 caseListResponse: { response: { docs: [], numFound: 0, start: 0 } },
                 showErrorMessage: true,
+                hasNextPage: false,
+                endCursor: undefined,
             };
         }
     });
 }
+/**
+ * Fetches the next page of cases for infinite scroll.
+ * Uses the provided `afterCursor` instead of the page-based cursor store.
+ */
+export function loadMoreCases(filterState, apolloClient, afterCursor, signal) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        try {
+            yield resolveVersionProductIds(filterState, apolloClient);
+            const federationIdsToResolve = getOwnerFederationIdsToResolve(filterState);
+            let resolvedUserIds;
+            if (federationIdsToResolve.length) {
+                const ownerUserIds = yield resolveOwnerUserIds(federationIdsToResolve, apolloClient);
+                resolvedUserIds = { ownerUserIds };
+            }
+            const variables = createGraphQLVariablesFromFilterState(filterState, resolvedUserIds);
+            variables.after = afterCursor;
+            const { data } = yield apolloClient.query({
+                query: GET_CASES_BY_FILTERS,
+                variables,
+                fetchPolicy: 'network-only',
+                context: signal ? { fetchOptions: { signal } } : undefined,
+            });
+            const connection = (_b = (_a = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportCase;
+            if (!connection) {
+                return { docs: [], hasNextPage: false, endCursor: undefined };
+            }
+            const docs = mapGraphQLResponseToCaseList(connection.edges || []);
+            return {
+                docs,
+                hasNextPage: (_d = (_c = connection.pageInfo) === null || _c === void 0 ? void 0 : _c.hasNextPage) !== null && _d !== void 0 ? _d : false,
+                endCursor: (_f = (_e = connection.pageInfo) === null || _e === void 0 ? void 0 : _e.endCursor) !== null && _f !== void 0 ? _f : undefined,
+            };
+        }
+        catch (error) {
+            if ((error === null || error === void 0 ? void 0 : error.name) === 'AbortError' || ((_g = error === null || error === void 0 ? void 0 : error.message) === null || _g === void 0 ? void 0 : _g.includes('aborted')) || (signal === null || signal === void 0 ? void 0 : signal.aborted)) {
+                return { docs: [], hasNextPage: false, endCursor: undefined };
+            }
+            console.error('[GraphQL] loadMoreCases error:', error);
+            throw error;
+        }
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.170",
+    "version": "2.6.178",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -39,17 +39,18 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.170",
-        "@rh-support/react-context": "2.5.260",
+        "@rh-support/components": "2.5.165",
+        "@rh-support/react-context": "2.5.268",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.116",
-        "@rh-support/utils": "2.5.97",
+        "@rh-support/user-permissions": "2.5.122",
+        "@rh-support/utils": "2.5.105",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-i18next": "15.6.0",
+        "react-intersection-observer": "^10.0.3",
         "react-router-dom": "^5.1.2",
         "solr-query-builder": "1.0.1"
     },
@@ -92,5 +93,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "ce30b93ad7f17f61ba12a2cc643805a7d4043a71"
+    "gitHead": "2b2c0e7650d4c5d94856ae246c3e5a6c7ae9e75d"
 }